*,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0!important;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:""}
table{border-collapse:collapse;border-spacing:0}
body{color:#333;background:#fff;line-height:1.5;font-size:50px;outline:0}
a{color:#333;text-decoration:none}
a:hover{color:inherit}
img{max-width:100%;border:none}
em,i{font-style:normal}
table{border-collapse:collapse;border-spacing:0}
input,select,textarea{font-size:inherit;color:#333;font-family:inherit;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
button,input[type=button],input[type=reset],input[type=submit],select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
:-ms-input-placeholder{color:#999}
::-ms-clear,::-ms-reveal{display:none}
.fix{*zoom:1}
.fix:after,.fix:before{display:block;content:"";height:0;clear:both}
.c{clear:both}
.col-l,.l{float:left}
.col-r,.r{float:right}
body.bg-f6{background-color:#f6f6f6}
.bg-login{height:100vh;overflow:hidden;background-image:-moz-linear-gradient(106deg,#406cff 0,#93acff 100%);background-image:-webkit-linear-gradient(106deg,#406cff 0,#93acff 100%);background-image:-ms-linear-gradient(106deg,#406cff 0,#93acff 100%)}
.logo-login{display:block;margin:8% auto 6%;width:1.91rem}
.form-login{padding:.78rem}
.form-login .caption{text-shadow:0 3px 0 rgba(0,0,0,.2);font-size:.6rem;color:#fff;margin-bottom:.6rem}
.form-login-item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #fff;padding:.26rem 0;margin-bottom:.3rem}
.form-login-item .inp{flex-grow:1;background-color:transparent;border:none;font-size:.3rem;color:#fff}
.form-login-item .inp::-webkit-input-placeholder{color:rgba(255,255,255,.57)}
.form-login-item .inp::-moz-placeholder{color:rgba(255,255,255,.57)}
.form-login-item .inp:-ms-input-placeholder{color:rgba(255,255,255,.57)}
.form-login-item .code{position:absolute;right:.8rem; flex-shrink:0;width:1.8rem;height:.58rem;-webkit-border-radius:.29rem;-moz-border-radius:.29rem;border-radius:.29rem;text-align:center;background-color:#e3e9ff;font-size:.26rem;color:#456ffe;border:none}
.form-login-item.getcode{position:relative;padding-right:2rem}
.form-login-item.getcode .code{position:absolute;right:0;top:.16rem}
.form-login-item .type{font-size:.3rem;border:none;background-color:transparent;color:#fff;margin-right:1em}
.form-login-item .type option{color:#456ffe}
.form-login-ft{padding-top:1.07rem}
.form-login .submit{display:block;width:100%;height:.88rem;text-align:center;line-height:.88rem;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.13);-moz-box-shadow:0 4px 4px rgba(0,0,0,.13);box-shadow:0 4px 4px rgba(0,0,0,.13);-webkit-border-radius:.44rem;-moz-border-radius:.44rem;border-radius:.44rem;border:none;background-color:#fff;font-size:.36rem;color:#456ffe}
.banner{position:relative;overflow:hidden}
.banner img{display:block;width:100%}
.ban-txt{position:absolute;top:43%;left:0;width:100%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);color:#fff;text-align:center;text-shadow:0 .02rem .04rem rgba(0,0,0,.2)}
.ban-txt .tit{font-size:.48rem}
.ban-txt .sub{font-size:.24rem}
.banner .about{position:absolute;top:0;right:.3rem;color:#fff;font-size:.26rem;line-height:.85rem}
.user-hd{position:relative;margin:-.9rem .3rem .3rem;height:1.5rem;overflow:hidden;background:#fff url(../images/bg-1.png) no-repeat center center;-webkit-background-size:cover;background-size:cover;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;border-radius:.1rem;box-shadow:0 1px .06rem rgba(0,0,0,.13)}
.user-hd a{position:relative;height:100%;display:flex;justify-content:start;align-items:center;padding:0 .3rem}
.user-hd a:after{content:'';position:absolute;right:.3rem;top:0;height:100%;width:.18rem;background:url(../images/icon-arr.png) no-repeat center center;-webkit-background-size:contain;background-size:contain}
.user-hd .head{flex-shrink:0;width:.94rem;height:.94rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#5378fe;padding:.03rem;margin-right:.2rem}
.user-hd .head img{display:block;width:.88rem;height:.88rem;margin:0 auto;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.user-hd .txt{flex-grow:1;line-height:1.5}
.user-hd .name{font-size:.32rem;color:#333;height:1.5em}
.user-hd .id{color:#666;font-size:.26rem;height:1.5em}
.row-bottom{position:fixed;top:5.2rem;bottom:0;left:.3rem;right:.3rem;background-color:#fff;border-top-left-radius:.1rem;border-top-right-radius:.1rem;padding:0 .3rem;box-shadow:0 1px .06rem rgba(0,0,0,.13);overflow-y:auto}
.list01 li+li{border-top:1px solid #bfbfbf}
.list01-item{position:relative;display:block;padding:.39rem 0}
.list01-item:after{content:'';position:absolute;right:0;top:0;height:100%;width:.18rem;background:url(../images/icon-arr.png) no-repeat center center;-webkit-background-size:contain;background-size:contain}
.list01-item .hd{display:flex;align-items:baseline;margin-bottom:.21rem}
.list01-item .lab{font-size:.4rem;color:#444242;margin-right:.6em}
.list01-item .total{font-size:.28rem;color:#666}
.list01-item .progress{position:relative;height:.14rem;-webkit-border-radius:.07rem;-moz-border-radius:.07rem;border-radius:.07rem;background-color:#eee;overflow:hidden;width:58%;float:left;margin-top:.08rem}
.list01-item .progress .point{position:absolute;top:0;left:0;height:100%;min-width:.14rem;-webkit-border-radius:.07rem;-moz-border-radius:.07rem;border-radius:.07rem;background-color:#456ffe}
.list01-item .bd .txt{font-size:.28rem;color:#999;line-height:.3rem}
.text01{padding:.64rem}
.text01-title{font-size:.36rem;color:#333;margin-bottom:.4rem}
.text01-list{font-size:.3rem;line-height:.42rem;color:#333}
.text01-list dt{font-size:1em;color:#0107fc}
.text01-list dd{margin-bottom:2em}
.text01-list dd p{margin:.15rem 0}
.list02{background-color:#fff}
.list02-item{display:flex;justify-content:space-between;align-items:center;padding:.14rem .3rem;border-bottom:1px solid #e3e3e3;min-height:1.1rem}
.list02-item .left{font-size:.32rem;color:#333}
.list02-item .right{font-size:.32rem;color:#666}
.pic-head{width:1.18rem;height:1.18rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden}
.pic-head img{display:block;width:100%;height:100%;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.pop-mask{display:none;opacity:0;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.37);z-index:100}
.pop-sheet{position:fixed;bottom:0;left:0;width:100%;z-index:101;font-size:.36rem;color:#333;text-align:center;-webkit-transform:translate(0,100%);transform:translate(0,100%);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.pop-sheet.open{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
.pop-sheet-menu{-webkit-border-radius:.1rem;-moz-border-radius:.1rem;border-radius:.1rem;background-color:#fff;padding-bottom:.3rem}
.pop-sheet-menu li{margin:0 .8rem;height:1.24rem;padding-top:.3rem;line-height:.96rem}
.pop-sheet-menu li+li{border-top:1px solid #bfbfbf}
.pop-sheet-action{margin-top:1px;border-top-left-radius:.1rem;border-top-right-radius:.1rem;background-color:#fff}
.pop-sheet-action .btn{line-height:1.2rem;height:1.2rem}
.pop-dialog{display:none;z-index:101;position:fixed;top:50%;left:50%;margin-left:-3.2rem;width:6.4rem;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;border-radius:.1rem;background-color:#fff;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);text-align:center;padding:.5rem .8rem}
.pop-dialog-tit{font-size:.36rem;color:#333}
.pop-dialog-inp{border-bottom:1px solid #bfbfbf;padding:.15rem 0;margin-top:.35rem}
.pop-dialog-inp .inp{display:block;width:100%;border:none;background-color:transparent;font-size:.28rem;line-height:.6rem}
.pop-dialog-action{display:flex;justify-content:space-between;align-items:center;margin-top:.69rem}
.pop-dialog-action .btn{width:1.8rem;line-height:.68rem;-webkit-border-radius:.34rem;-moz-border-radius:.34rem;border-radius:.34rem;background-color:#dcdcdc;font-size:.36rem;color:#666}
.text02{padding:.3rem;font-size:.3rem;color:#000;line-height:.48rem}
.topic-hd{border-bottom:1px solid #d6d6d6;padding:0 .3rem;display:flex;justify-content:space-between;align-items:center;height:auto}
.topic-hd .tit{font-size:.32rem;color:#416dff}
.topic-hd .total{font-size:.26rem;color:#333}
.topic-hd .total span{color:#416dff}
.topic-cont{padding:.3rem}
.topic-cont .title{font-size:.32rem;color:#333;line-height:.45rem;margin-bottom:.4rem}
.topic-cont .select{display:block;position:relative;overflow:hidden;margin:.24rem 0}
.topic-cont .select input{position:absolute;top:0;left:0;width:0;height:0;opacity:0;visibility:hidden}
.topic-cont .select .lab{float:left;width:.68rem;height:.68rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:1px solid #999;text-align:center;text-transform:uppercase;line-height:calc(.68rem - 2px);font-size:.32rem;margin-right:.22rem}
.topic-cont .select .val{overflow:hidden;display:block;font-size:.32rem;line-height:.4rem;padding:.14rem 0}
/*.topic-cont .select input:checked+.lab{color:#fff;background-color:#416dff;border-color:#416dff}*/
.topic-ft{position:absolute;bottom:0;left:0;width:100%;padding:.4rem .75rem;display:flex;justify-content:space-between;align-items:center}
.topic-ft .btn{flex-grow:1;flex-shrink:0;height:.88rem;line-height:.88rem;-webkit-border-radius:.44rem;-moz-border-radius:.44rem;border-radius:.44rem;text-align:center;background-color:#416dff;color:#fff;font-size:.36rem}
.topic-ft .btn.s1{width:1.6rem;margin-right:.2rem;flex-grow:0}
.topic-ft.s2{position:static}
.topic-menu{overflow:hidden;padding:.15rem}
.topic-menu li{width:14.28%;float:left;padding:.15rem 0}
.topic-menu .item{display:block;width:.7rem;height:.7rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;text-align:center;line-height:calc(.7rem - 2px);border:1px solid #416dff;font-size:.32rem;color:#416dff;margin:0 auto}
.topic-menu .item.defect{background-color:#ff9a41;border-color:#ff9a41;color:#fff;font-size:.22rem}
.topic-result{position:relative;min-height:100vh;padding-bottom:1.68rem}
.topic-form{padding:.3rem .3rem 3rem;font-size:.36rem;line-height:.48rem;color:#333;letter-spacing:.02em}
.topic-form-item{position:relative;padding-left:.54rem}
.topic-form-item .num{position:absolute;left:0;top:.11rem}
.topic-form-lab{padding:.11rem 0}
.topic-form-radio .item{display:block;position:relative;padding:.11rem 0}
.topic-form-radio .option{position:absolute;top:0;left:0;width:0;height:0;opacity:0;visibility:hidden}
.topic-form-radio .con{padding-left:.48rem;background:url(../images/icon-radio.png) no-repeat left center;background-size:.34rem .34rem}
.topic-form-radio .option:checked+.con{background-image:url(../images/icon-radio-on.png)}
.topic-form-inp{display:inline-block;border:none;border-bottom:1px solid #333}
.topic-form-inp.s1{text-align:center;width:3.8rem}
.topic-form-inp.s2{width:4.8rem}
.topic-form-inp.s3{text-align:center;width:1.78rem}
.topic-form-item .pic{display:block;margin:.11rem auto;width:2.15rem}
.select-form{display:inline;position:relative}
.select-form .topic-form-inp{background:url(../images/icon-select.png) no-repeat right center;background-size:.26rem}
.select-form.open .topic-form-inp{background-image:url(../images/icon-select-on.png)}
.select-form .list{display:none;position:absolute;right:0;top:100%;padding:.2rem .05rem .12rem;background:url(../images/bg-select.png) no-repeat center center;background-size:100% 100%;width:2.86rem;height:7.33rem}
.select-form .list li{padding:0 .25rem;line-height:.7rem;font-size:.36rem}
.select-form .list li.active{background-color:#416dff;color:#fff}