@charset "utf-8";
*{margin:0;padding:0;}
*, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box;}
ol, ul { list-style: none; }
li { list-style-type: none; }
img { border: 0; vertical-align:middle }
address, cite, code, em, th, i, b { font-weight: normal; font-style: normal; }
.clearfix { *zoom:1;}
.clearfix:after { display: block; overflow: hidden; clear: both; height: 0; visibility: hidden; content: "."; }
a {  text-decoration: none; outline: none }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0 }
html { font-size:62.5% }
body { font:14px/1.5'Microsoft Yahei';  -webkit-text-size-adjust:none; color:#1a1a1a; background:#fff; -webkit-text-size-adjust:none; min-width:320px; max-width:750px; margin:0 auto }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
.bgx{ background-color: #f2f4f7;}
.ubg1{ background: url("../images/bg1.jpg") no-repeat center 0; background-size: cover;}
.logo_w{ width: 50%; display: block; margin: 30% auto 5%;}
.ubg1 h3{ color: #fff; text-align: center;font-size: 3.2rem; line-height: 150%; letter-spacing:2px}
.ubg1 h3{font-size: 2rem;}
.lg_1{ width: 84%; background: #fff; margin: 10% auto 0; padding: 5% 0 10%; border-radius: 10px;}
.lg_1 h1{ font-size: 2.8rem; color: #0070e0; text-align: center; line-height: 200%; margin-bottom: 5%;}
.lg_1 .van-field__body{ padding-left:10%;}
.lg_1 .van-field{border: 1px solid #ececec; margin-bottom: 20px;}
.wqq{ font-size: 2.2rem; color: #1a8cff; position: absolute; top: 1rem; left: 5%; z-index: 999;}
.wqq1{ border: none; background: none; color: #1a8cff; position: absolute; top:1px; right:0; z-index: 999;}
.wq1{position: absolute; top: 0.7rem; right:2%; z-index: 999;}
.qw{ margin:0 16px;}
.qw button{ font-size: 2rem;}
.s-tli { margin-bottom: 3%;}
.s-tli .van-grid-item__content{ background-color: #1a8cff;color: #fff;}
.s-tli .van-grid-item__content:after{ border: none;}
.s-tli .van-grid-item__text{color: #fff;}
.s-sw {margin: var(--van-cell-group-inset-padding);}
.s-sw .van-swipe-item{border-radius:10px; overflow: hidden;}
.s-wtk { margin-top: 2%;}
.s-wtk .van-cell__left-icon{ color: #1a8cff; font-size: 20px;}
.s-wtk a{color: #1a8cff; font-size: 14px;}
.s-tit{ font-size: 18px;}
.s-fls .van-icon-success:before {content: "";}
.s-fls .van-sidebar-item--select{color: #1a8cff; }
.s-fls .van-tree-select__item{ color: #333; font-weight: normal;}
.s-fls .van-tree-select__item--active{ color: #1a8cff; font-weight: normal;}
.s-fls .van-icon{ color: #bbb;}
.s-nav{ background-color: #fff; line-height: 30px; padding:2% 3%; font-size: 14px;}
.s-nav a{ color: #333;}
.s-nav a:last-child{ color: #1a8cff;}
.s-nav .van-icon{ color: #bbb; margin: 0 5px;}
.s-lis .van-cell{ padding:2%;}
.s-lis .van-cell:after{ border: none;}
.s-lis .van-cell__value{display: flex; align-items: center; justify-content: space-between; background-color: #f7f8fc; padding: 2% 4%; border-radius: 50px;}
.s-lis .van-cell__value span{ font-size: 14px; color: #333;text-align: left;}
.s-nab{ background: none;}
.s-nab .van-nav-bar__title{ color: #fff; font-weight: normal;}
.s-nab .van-icon{ color: #fff;}
.van-hairline--bottom:after{ display: none;}
.s-cj{ width: 86%; margin: 10% auto; background-color: #fff; border-radius: 20px; text-align: center; padding: 5% 3% 10%;}
.s-cj p .van-icon{ color: #999; margin: 0 3%;}
.s-cj h3{ color: #1a8cff; font-size: 3.2rem; padding: 5% 0;}
.s-cj ul{ width: 80%; margin: 0 auto 10%; display: flex; align-items: center; justify-content: space-between;}
.s-cj li span { font-size: 20px;}
.s-cj li em{ color: #999;}
.cj-btn{display: flex; justify-content:center;}
.cj-btn button{ margin: 0 3%;}


.s-are{ background-color: #1a8cff;color: #fff; padding: 5%;}
.van-card:not(:first-child){ margin-top: 0;}
.s-are .van-card__thumb{ display: inline-block; border-radius: 200px; overflow: hidden; }
.s-are .van-card__title { line-height:32px; font-weight: normal; font-size: 18px; margin-top: 10px;}
.s-are .van-card__desc{ color: #fff; font-size: 14px;}
.s-arlis .van-cell{ padding-top: 4%; padding-bottom: 4%;}
.s-arlis .van-cell__value{display: flex; align-items: center; justify-content: space-between;}
.s-arlis .van-cell__value span{ font-size: 16px; color: #333;}
.s-arlis .van-cell__value .van-icon{ color: #bbb;}
.s-arlis .van-cell__value span .van-icon{ color: #1a8cff; margin-right: 5px; font-size: 20px;}
.s-scc .van-icon{ color: #04c292;}
.s-err .van-icon{ color: #fa5857;}
.top-hd{ 
    min-height: 88vh; 
    background-color: #fff; 
    padding:3% 3%; 
    font-size: 16px;
     /* 初始状态：从右侧进入 */
     transform: translateX(100%);
     -webkit-transform: translateX(100%);
     
}
.top-hd.active{
    transform: translateX(0);
    -webkit-transform: translateX(0);
    transition: transform 0.2s linear;
    -webkit-transition: transform 0.2s linear;
}

.top-hd1{ 
    min-height: 88vh; 
    background-color: #fff; 
    padding:3% 3%; 
    font-size: 16px;
     /* 初始状态：从左侧进入 */
     transform: translateX(-100%);
     -webkit-transform: translateX(-100%);
     
}
.top-hd1.active{
    transform: translateX(0);
    -webkit-transform: translateX(0);
    transition: transform 0.2s linear;
    -webkit-transition: transform 0.2s linear;
}

.topic-tit {
    position: relative;
    display: block;
    font-weight: 400;
    color: #333;
}
.topic-tit span{ float: left;}
.topic-type {
    float: left;
    display: block;
    color: #1a8cff;
    font-size: 0.8em;
    
    background-color: #1a8cff;
    color: #fff;
    text-align: center;
    padding: 1px 5px;
    border-radius: 2px;
    margin-right: 6px;
    position: relative;
    top: 1px;
}
.qusetion-box {
    line-height: 1.5em;
    white-space: pre-wrap;
}
.qusetion-box img{
    max-width:100%;
    height:auto;
}

.options-w .option {
    margin: 10px 0;
    line-height: 25px;
    color: #333;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 20px 20px;
}

.options-w .option {
    display: flex;
    align-items: center;
}

/*单选*/
.options-w .van-radio{
    margin: 20px 6px;
}
.options-w .van-radio__icon{
    min-width: 30px;
    height: 30px;
}
.options-w .van-radio__icon .radio-icon{
    display: inline-block;
    vertical-align: top;
    line-height: 23px;
    min-width: 25px;
    height: 25px;
    border: 1px solid #ddd;
    text-align: center;
    border-radius: 50%;
    font-size: 14px;
    margin-right: 12px;
}
.options-w .van-radio__icon .err{
    color: #fff;
    border-color: #ff664b;
    background-color: #ff664b;
}
.options-w .van-radio__icon .right{
    color: #fff;
    border-color: #3cbb74;
    background-color: #3cbb74;
}
.options-w .van-radio__icon--checked .right{
    color: #fff;
    border-color: #3cbb74;
    background-color: #3cbb74;
}
/*单选*/


/*多选*/
.options-w .van-checkbox{
    margin: 20px 6px;
}
.options-w .van-checkbox__icon{
    min-width: 30px;
    height: 30px;
}
.options-w .van-checkbox__icon .check-icon {
    display: inline-block;
    line-height: 26px;
    min-width: 28px;
    height: 28px;
    border: 1px solid #ddd;
    text-align: center;
    font-size: 14px;
    margin-right: 6px;
    
}
.options-w .van-checkbox__icon--checked .check-icon{
    background-color: #0070e0;
    color:#fff;
}
.options-w .van-checkbox__icon .err{
    color: #fff;
    border-color: #ff664b;
    background-color: #ff664b;
}

.options-w .van-checkbox__icon .right{
    color: #fff;
    border-color: #3cbb74;
    background-color: #3cbb74;
}

/*多选*/



.s-dan{margin: 5% 0 8%; background-color: #f5f5f7; border-radius: 10px; font-size: 1em; color: #666; padding: 3%;display: flex;align-items:center;}
.useranserr{color: red;}
.useransrgt{color:#3cbb74}
.userimg{margin-left:1em;}



.s-jx{ color: #666;padding-bottom: 3em;}
.s-jx img{width:100%;height:auto;}
.s-jx .jx-tt{ text-align: center; font-size: 16px;margin-bottom: 12px;}
.s-jx h6{ font-size: 16px; color: #333; line-height: 36px;}
.s-jx p{ font-size: 14px; line-height: 24px;}
.s-jx span{font-size: 12px; color: #696969; margin-top: 10px; display: block;}
.s-jx span .van-icon{ color: #bbb; font-size: 14px; margin-left: 3px;}
.s-jx span .van-icon.s-xz{ color: #ffbf00;}
.s-jx span .van-icon:first-child{ margin-left: 10px;}
.s-jx span em:first-child{ margin-left: 10px;}
.wr .van-icon{color: #ff664b;}
.ws .van-icon{color: #3cbb74;}
.bg-pp{ width: 100vw; height: 100vh; background-color: #f2f4f7;}
.s-tm{ line-height: 50px; text-align: center;}
.s-ths{ width: 96%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.s-ths li{width: 20%; text-align: center; position: relative; margin-bottom: 5%;}
.s-ths li span{ display: block; width: 13vw; height: 13vw; line-height: 13vw; border-radius: 100px; font-size: 18px; color: #333; border: 1px solid #bbb; margin: 0 auto;}
.s-ths li em{ display: none; width: 30px; height: 14px; border-radius: 4px; position: absolute; bottom: 0; left: 50%; margin-left: -15px; font-size: 10px; background-color: #666; color: #fff;}
.s-ths li.on em{ display: block;}
.s-ths li span.err{background-color: #ff664b;border-color: #ff664b; color: #fff;}
.s-ths li span.rgt{background-color: #3cbb74;border-color: #3cbb74; color: #fff;}
.s-ths li span.active{background-color: #246edb;border-color: #246edb; color: #fff;}
.s-bttn{ width: 100%; background-color: #fff; padding: 2% 0; border-top: 1px solid #bbb; display: flex; justify-content:center; position: fixed; bottom: 0;}
.s-bttn button{ width: 40%; margin: 0 3%;}
.s-dtsj{ background-color: #fff; margin-bottom: 2%; padding: 3% 0 5%;}
.s-dtp{ padding: 0 3%; line-height: 50px; font-size: 18px; display: flex;align-items: center;justify-content: space-between;}
.s-dtp em{ font-size: 14px; color: #999;}
.s-dtsj ul{ width: 80%; text-align: center; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
.s-dtsj li p { font-size: 18px;}
.s-dtsj li em{ color: #999;}
.s-dysj{ background-color: #fff; padding: 3% 0 5%;}
.s-dysj ul{ text-align: center; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.s-dysj li{ width: 33.3%; margin-bottom: 5%;}
.s-dysj li span { font-size: 20px;}
.s-dysj li em{ color: #999;}

.s-are1{ background-color: #1a8cff;color: #fff; padding: 5% 3%;}
.van-card:not(:first-child){ margin-top: 0;}
.s-are1 .van-card__thumb{ display: inline-block; overflow: hidden; height: 55px;width: 55px; }
.s-are1 .van-card__title { line-height:26px; font-weight: normal; font-size: 14px; margin-top: 0px;}
.s-are1 .van-card__desc{ color: #f5f2f2; font-size: 12px;}