body { font-family: 微软雅黑,"Open Sans", sans-serif; background: #f3f3f3; }
input,
select,
textarea { font-family: 微软雅黑,"Open Sans", sans-serif; font-size: .28rem; }
.wrap { margin: 0 .2rem; position: relative; font-size: 0.26rem; }

img, a { border: 0; }
ul, li { list-style: none; }
* { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }
.flt { float: left; }
.frt { float: right; }
.clear { clear: both; }
.clear:after, .clear:before { content: ''; clear: both; display: table; }
.flex { display: flex; }
.flex1 { flex: 1; }
.flex_c { display: flex; align-items: center; justify-content: center; }
.flex_b { display: flex; justify-content: space-between; }
.flex_column { display: flex; flex-direction: column; }
.flex_block { display: block; }
select { -webkit-appearance: none; }

body { background-image: url(../img/bg.jpg); background-repeat: no-repeat; background-position: top center; background-color: #f5f5f5; background-size: 100% 4.3rem; }
.bg2 { background-image: url(../img/bg2.jpg); background-size: 100% auto; }
.bg_index { background-image: url(../img/bg9.jpg); background-size: 100% auto; }

img { max-width: 100%; }
.header { height: .8rem; line-height: .8rem; text-align: center; position: fixed; top: 0; left: 0; width: 100%; z-index: 100 }
.header.fixed, .header.on { background: #1D68FF }
.header .h_icon { position: absolute; height: .8rem; top: 0; width: .3rem; background-repeat: no-repeat; background-position: center center; }
.header.fixed .icon_back1, .icon_back { left: 0; background-image: url(../img/back.png); background-size: .16rem auto }
.icon_back1 { left: 0; background-image: url(../img/back1.png); background-size: .16rem auto }
.icon_close { left: 0; background-image: url(../img/close.png); background-size: .27rem auto }
.header h1 { font-size: .34rem; color: #fff; font-weight: normal; }
.header.fixed h1{color:#fff}
.header_fff h1 { color: #111 }
.mainer { min-height: calc(100vh - 2rem); box-sizing: border-box; padding-top: .8rem; }
.main_bg_none { background: none; }
.main_tag ul { height: 2.2rem; display: flex; align-items: center; justify-content: center; color: #fff; }
.main_tag li { display: block; flex: 1; text-align: center; }
.main_tag span:before { content: ''; display: block; width: 2.6rem; height: 1px; background: #fff; position: absolute; top: 50%; right: 100%; margin-right: .2rem }
.main_tag li:first-child span:before { display: none; }
.main_tag span { display: block; width: .6rem; height: .6rem; border-radius: 100%; background: rgba(255,255,255,0.3); text-align: center; line-height: .6rem; font-size: .26rem; margin: 0 auto; position: relative; margin-bottom: .22rem }
.main_tag span:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: .84rem; height: .84rem; border-radius: 100%; background: #fff; opacity: .1; margin-top: -.42rem; margin-left: -.42rem; display: none; }
.main_tag li.on span { background: #fff; color: #1D68FF }
.main_tag li.on span:after { display: block; }
.main_box, .main_box2 { border-radius: .1rem; background: #fff; padding: 0 .3rem; overflow:hidden;}
.main_box .icon { margin-right: .1rem }
.main_box li, .main_box2 li { padding: .3rem 0; display: flex; align-items: center; border-bottom: 1px solid #e8e8e8 }
.main_box li:last-child, .main_box2 li:last-child { border-bottom: 0; }
.main_box2 li {  padding:0 }
.main_box2 .van-cell{padding:0;min-height:1.02rem}
.main_box2 .van-cell input{ text-align:right}
.main_box2 > ul > li { min-height: 1.02rem; }
.main_box2 .div_btns { padding-bottom: .5rem }
.main_box2:not(:first-child) { margin-top: .24rem }
.main_box2 span { font-size: .28rem; display: block; margin-right: .2rem }
.main_box2 span.fs30 { font-size: .3rem }
.main_box li:last-child { border-bottom: 0 }
.main_box p { font-size: .24rem; color: #999; margin-bottom: .1rem }
.main_box h3 { font-size: .34rem; font-weight: normal; }
.icon { display: block; }
.icon.icon1 { width: .55rem; height: .55rem; background: url(../img/icon1.png) no-repeat center center; background-size: .27rem auto; }
.icon.icon2 { width: .55rem; height: .55rem; background: url(../img/icon2.png) no-repeat center center; background-size: .31rem auto; }
.div_input { height: .64rem; display: flex; align-items: center; }
.div_input input { flex: 1; border: 0; background: none; width:100%;}
.div_input input::-webkit-input-placeholder { color: #999 }
a.a_btn { line-height: .6rem; border: .02rem solid #1D68FF; color: #1D68FF; padding: 0 .14rem; border-radius: .1rem }
a.a_btn.gray { color: #999;border-color:#999 }

.div_btns a { display: block; margin-top: .3rem; border-radius: .1rem; line-height: .9rem; text-align: center; border: 1px solid #1D68FF; color: #1D68FF; font-size: .3rem }
.div_btns a.on { background: linear-gradient(to right,#1D68FF,#1D68FF); border-color: transparent; color: #fff; }
.div_btns a.plan { border-radius: .9rem; }
.banner_img { width: 6.82rem; margin: 0 auto; margin-bottom: .2rem; }
.div_input.right input { text-align: right }
.icon_right { width: .3rem; background: url(../img/icon3.png) no-repeat center center; background-size: .13rem auto; height: .3rem; margin-left: .1rem ;margin-right:0 !important}


.foot_ht { height: 1rem; margin-top: .2rem; }
.foot_fixed { position: fixed; box-shadow: 0 0 .1rem rgba(0,0,0,0.05); bottom: 0; left: 0; width: 100%; background: #fff; font-size: .22rem }
.foot_fixed ul { display: flex; }
.foot_fixed li { flex: 1; text-align: center; }
.foot_fixed a { display: flex; flex-direction: column; height: 1rem; align-items: center; justify-content: center; }
.foot_fixed span { display: block; height: .4rem; width: .5rem; margin-bottom: .1rem; background-position: center center; background-repeat: no-repeat; }

.foot_fixed span.icon1 { background-image: url(../img/f1.png); background-size: .39rem auto; }
.foot_fixed span.icon2 { background-image: url(../img/f2.png); background-size: .39rem auto; }
.foot_fixed li.on a, .foot_fixed a:active { color: #1D68FF }
.foot_fixed li.on span.icon1, .foot_fixed a:active span.icon1 { background-image: url(../img/f1-1.png) }
.foot_fixed li.on span.icon2, .foot_fixed a:active span.icon2 { background-image: url(../img/f2-1.png) }

.bg3 { background-image: url(../img/bg3.jpg); background-size: 100% 1.9rem; }
.main_box2 { font-size: .28rem; }
.right { text-align: right; }
.main_tit { line-height: .6rem; padding-top: .2rem; }
.main_tit h3 { font-size: .32rem; padding-left: .5rem; background: url(../img/icon4.png) no-repeat left center; background-size: .45rem auto; font-weight: normal;}
.main_tit p{flex:1; display:flex;}
.main_tit p span { color: #1D68FF; font-size: .28rem;margin-right:0 }
.lbl { display: block; padding: 0 .2rem; line-height: .48rem; border-radius: .05rem; background: #f5f5f5; color: #666; font-size: .24rem; }
a.a_txt { color: #1D68FF; font-size: .24rem; padding-right: .2rem; background: url(../img/icon5.png) no-repeat right center; background-size: .11rem auto; }
.main_bg { background: #f5f5f5 }
.main_list { padding-top: .1rem; }
.main_list li { margin-top: .2rem; border-radius: .1rem; position: relative; overflow: hidden; background: #fff; padding: .37rem .3rem; display: flex; align-items: center; padding-right: .8rem }
.lbl_type { position: absolute; line-height: .44rem; width: 2rem; text-align: center; color: #fff; background: #fac904; font-size: .24rem; transform: rotate(45deg); right: -0.6rem; top: 0.2rem; }
.lbl_type.type2 { background: #ff3939 }
.lbl_type.type3 { background: #1D68FF }
.lbl_type.type4 { background: #cacaca }
.a_btn.plan { border-radius: 1rem; padding: 0 0.2rem }
.a_btn span { display: inline-block; padding-right: .2rem; background: url(../img/icon6.png) no-repeat right center; background-size: .1rem auto; }
.main_list .a_btn { line-height: .46rem; border-width: 1px; font-size: .24rem; }
.money { font-size: .28rem; margin-bottom: .2rem }
.money span { font-size: .4rem; }
.p_time { color: #777; font-size: .24rem; line-height: .3rem; padding-left: .3rem; background: url(../img/icon7.png) no-repeat left center; background-size: .26rem auto; }
.face_img { border-radius: 100%; margin: .9rem auto; border: .1rem solid #1D68FF; width: 5rem; height: 5rem; box-sizing: border-box; padding: .07rem; background: #fff; display: flex; align-items: center; justify-content: center; }
.face_img .img { border-radius: 100%; width: 100%; height: 100%; overflow: hidden; position: relative; }
.face_img .img .line { width: 100%; height: 100%; border-bottom: 2px solid #1D68FF; position: absolute; left: 0; top: -50%; background: linear-gradient(to bottom,rgba(255,255,255,0),rgba(66,194,72,0.2)); display: block; animation: move 2s linear infinite }

@keyframes move {
    0% { top: -100%; }
    100% { top: 100%; }
}

.face_img .img img { width: 100%; height: 100%; object-fit: cover }
.face_desc { text-align: center; line-height: .38rem; margin-bottom: .9rem }
.face_desc h3 { font-size: .34rem; margin-bottom: .2rem }
.face_desc p { color: #999; font-size: .24rem; }
.face_desc p span { color: #222 }
.foot_slider { position: fixed; bottom: 0; left: 0; width: 100%; }
.slider { width: 100%; height: .08rem; background: #eee }
.slider_thumb { width: 30%; height: .08rem; background: #1D68FF; position: relative; }
.slider_thumb .thumb { position: absolute; width: 0; height: 0; right: 0 }
.slider_thumb .thumb span { display: block; width: 1.72rem; height: .52rem; background: url(../img/icon8.png) no-repeat center center; background-size: 100% auto; line-height: .4rem; text-align: center; color: #1D68FF; position: absolute; bottom: 100%; left: 50%; margin-left: -.86rem; font-size: .24rem; margin-bottom: .1rem }
.main_bg2 { background: #fff; height: 100vh; padding-left: .1rem; padding-right: .1rem }

.main_box3 { border-radius: 0.1rem; background: #fff; padding: 0 0.3rem }
.main_box3 li { line-height: .97rem; border-bottom: 1px solid #e8e8e8 }
.main_box3 li:last-child { border-bottom: 0 }
.main_box3 a { display: flex; align-items: center; font-size: .28rem; }
.icon.icon4 { width: .5rem; height: .5rem; background: url(../img/icon9.png) no-repeat center center; background-size: .27rem auto; }
.icon.icon5 { width: .5rem; height: .5rem; background: url(../img/icon9-1.png) no-repeat center center; background-size: .21rem auto; }
.icon.icon6 { width: .5rem; height: .5rem; background: url(../img/icon9-2.png) no-repeat center center; background-size: .25rem auto; }
.icon.icon7 { width: .5rem; height: .5rem; background: url(../img/icon9-3.png) no-repeat center center; background-size: .28rem auto; }
.main_box3 .icon:first-child { margin-right: 0.15rem }
.icon_exit { display: inline-block; padding-left: .4rem; background: url(../img/icon10.png) no-repeat left center; background-size: .3rem auto; }
.tips { line-height: .38rem; text-align: center; font-size: .24rem; margin: 0.2rem 0.5rem; color: #999; }
.tips .p_icon { text-align: left; padding-left: .3rem; background: url(../img/icon11.png) no-repeat left 0.05rem; background-size: .24rem auto; }
.tips span { color: #666 }
.card_list li { position: relative; border-radius: 0.3rem; border: 2px dashed #1D68FF; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 3.6rem; margin-bottom: .3rem }
.card_list li input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0 }
.card_list .icon { width: .98rem; height: .98rem; border-radius: 100%; box-shadow: 0 0.2rem 0.2rem rgba(72,175,67,0.5); margin-bottom: .3rem }
.card_list li.li1 { background: url(../img/bg4.png) no-repeat center center #ecf7ec; background-size: 100% auto }
.card_list li.li2 { background: url(../img/bg5.png) no-repeat center center #ecf7ec; background-size: 100% auto }
.card_list li.li3 { background: url(../img/bg6.png) no-repeat center center #ecf7ec; background-size: 100% auto }
.card_list .txt { font-size: .28rem; color: #111; }
.card_list .txt span { color: #1D68FF }
.div_btns a.disabled { background: #ccc; border-color: #ccc; color: #fff; }
.mar_50 { margin: .5rem 0 }
.card_list2 li { padding: .24rem; background: #fff; margin-bottom: .3rem; border-radius: .24rem; display: flex; align-items: center; }
.file_btn { width: 1.8rem; height: 1.8rem; margin-right: .25rem; position: relative; border-radius: 0.2rem; overflow: hidden; }
.file_btn .img { width: 1.8rem; display: flex; justify-content: center; align-items: center; height: 1.8rem; position: relative; }
.file_btn .img img { width: 80%; }
.file_btn .file { position: absolute; display: flex; align-items: center; justify-content: center; flex-direction: column; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7) }
.file_btn .file span { display: block; padding-top: .5rem; color: #fff; background: url(../img/icon12.png) no-repeat top center; background-size: .39rem auto; }
.card_list2 span { white-space: nowrap }
.card_list2 .list { height: 0.9rem; display: flex; align-items: center; border-bottom: 1px solid #e8e8e8; color: #999; font-size: .28rem }
.card_list2 .list p { flex: 1; text-align: right; color: #111; white-space: nowrap }
.card_list2 .list .icon { width: .3rem; height: .3rem; margin-left: 0.1rem }
.icon_phone { background: url(../img/icon13.png) no-repeat center center; background-size: 100% auto; }
.icon_edit { background: url(../img/icon14.png) no-repeat center center; background-size: 100% auto; }
.tips2 { padding: .2rem 0.5rem; background: #ecf7ec; color: #1D68FF; font-size: .24rem; line-height: .36rem; margin-bottom: .2rem }
.tips2 p { padding-left: .3rem; background: url(../img/icon15.png) no-repeat left .08rem; background-size: .24rem auto; }
.card_box { padding: .24rem; border-radius: .2rem; background: #fff; margin-bottom: .24rem }
.card_box .img { border-radius: .2rem; border: 2px dashed #1D68FF }
.main_box4 { border-radius: .2rem; padding: 0 0.3rem; background: #fff; }
.main_box4 li { padding: .25rem 0; line-height: .5rem; border-bottom: 1px solid #e8e8e8; display: flex; align-items: center; }
.main_box4 span { color: #999 }
.div_input input[readOnly] { color: #111 }
.mrt_30 { margin-top: .3rem }
.seccuss_box { text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: .5rem; border-radius: .2rem; background: #fff; }
.seccuss_box .img { width: 2.64rem; margin: 0 auto; }
.money2 { color: #1D68FF; font-size: .36rem; margin: .3rem 0; }
.money2 span { font-size: .64rem }
.lbl2 { display: inline-block; line-height: .48rem; padding: 0 .3rem; border-radius: .3rem; background: rgba(66,194,72,0.1); color: #1D68FF; }
.seccuss_box p { margin-top: .1rem; padding-left: .3rem; line-height: .35rem; }
.seccuss_box p.p1 { background: url(../img/icon16.png) no-repeat left center; background-size: .32rem; padding-left: .4rem; margin-top: .3rem; }
.seccuss_box p.p2 { background: url(../img/icon17.png) no-repeat left center; background-size: .26rem; padding-left: .35rem; color: #777; }
.bg4 { background: #f5f5f5; }
.bg4 > div:after { content: ''; display: block; width: 100%; z-index: -1; position: absolute; top: 0; left: 0; height: 5rem; background: linear-gradient(to bottom,#1D68FF,rgba(255,255,255,0)) }
.headpic { text-align: center; }
.headpic .img { width: 1.24rem; height: 1.24rem; border-radius: 100%; border: 2px solid #fff; margin: 0 auto; margin-bottom: .3rem; }
.headpic span { font-size: .3rem; color: #fff; }
.bg5 { background: url(../img/bg7.jpg) no-repeat top center #f5f5f5; background-size: 100% auto; }
.div_btns.flex a { flex: 1; margin: 0 .12rem; }
.my_info { position: relative; border-radius: 0.2rem; background: linear-gradient(to bottom,#1D68FF,#fff); border: 2px solid #fff; padding: .3rem; text-align: center; }
.my_info .div_btns { margin-top: .4rem; }
.my_info .lbl3 { position: absolute; top: .2rem; left: 0; }
.lbl3 { padding: 0 .24rem 0 .12rem; line-height: .5rem; border-radius: 0 .5rem .5rem 0; background: #fac904; color: #3e1e02 }
.lbl4 { display: block; position: absolute; top: 0.2rem; right: 0.2rem; width: .33rem; height: .33rem; background: url(../img/icon18.png) no-repeat center center; background-size: 100% auto; }
.my_info h3{line-height:1.6; font-size:.64rem;color:#111;font-weight:normal;}
.box-shadow { box-shadow: 0 0.05rem 0.2rem rgba(65,198,73,.5) }
.info_icon { display: block; width: 1rem; height: 1rem; border-radius: 100%; background: #ecf7ec ;margin:0 auto;margin-bottom:.2rem;background-repeat:no-repeat; background-position:center center;}
.info_list2 .info_icon{width:.8rem; height:.8rem;}
.info_icon.icon1 { background-image: url(../img/icon19-1.png); background-size: .37rem auto; }
.info_icon.icon2 { background-image: url(../img/icon19-2.png); background-size: .41rem auto; }
.info_icon.icon3 { background-image: url(../img/icon19-3.png); background-size: .37rem auto; }
.info_icon.icon4 { background-image: url(../img/icon19-4.png); background-size: .38rem auto; }
.info_icon.icon5 { background-image: url(../img/icon19-5.png); background-size: .43rem auto; }
.info_icon.icon6 { background-image: url(../img/icon19-6.png); background-size: .43rem auto; }
.info_icon.icon7 { background-image: url(../img/icon19-7.png); background-size: .42rem auto; }
.info_icon.icon8 { background-image: url(../img/icon19-8.png); background-size: .44rem auto; }
.info_icon.icon9 { background-image: url(../img/icon19-9.png); background-size: .46rem auto; }
.info_icon.icon10 { background-image: url(../img/icon19-10.png); background-size: .34rem auto; }
.info_icon.icon11 { background-image: url(../img/icon19-11.png); background-size: .37rem auto; }
.info_icon.icon12 { background-image: url(../img/icon19-12.png); background-size: .31rem auto; }
.info_icon.icon13 { background-image: url(../img/icon19-13.png); background-size: .31rem auto; }
.info_list { background: #fff; border-radius: 0.2rem; margin-top: .3rem; padding-top: .38rem; padding-bottom: 0 }
.info_list ul { display: flex; flex-wrap: wrap; }
.info_list li{min-width:33.33%; max-width:33.33%;text-align:center;margin-bottom:.38rem;font-size:.26rem;}
.info_list li h3 { font-size: .28rem; margin-bottom: .1rem }
.info_list li span{ color:#777;font-size:.24rem}
.fs40 { font-size: .4rem }
.flex_bg { background: #f8f8f8 ; margin:.25rem;margin-right:0;padding-left:.1rem; border:1px solid #ddd;border-radius:.1rem}
.box_tit { border-bottom: 1px solid #e8e8e8 ;margin:0 -0.3rem;display:flex;align-items:center;padding:.2rem .3rem}
.box_tit .headpic{width:.8rem; height:.8rem; border-radius:100%; overflow:hidden;margin-right:.15rem}
.box_tit h3{ font-size:.32rem;}
.bg6{ background-image:url(../img/bg8.jpg);background-size:100% 2rem}

.tips_list ul{display:flex;padding:.3rem}
.tips_list li{width:25%; text-align:center;color:#999;font-size:.24rem;}
.tips_list img{width:.8rem;margin-bottom:.2rem;}
.fs48{font-size:.48rem}
.main_text p{color:#999;font-size:.24rem;line-height:.5rem;margin-bottom:.1rem}
.main_text h3{ font-size:.28rem;}
.main_text .flex_b{ margin-bottom:.2rem;line-height:.46rem;}
.ul_list li { display: inline-block; border-bottom: 0; min-height: .46rem; width: .83rem; margin-left: .1rem; border-radius: .1rem; background: #f5f5f5 ;color:#999;text-align:center;font-size:.24rem;}
.ul_list li.on { background: #ecf7ec ;color:#1D68FF}
.main_text.txt span{margin-top:.2rem;color:#999;font-size:.24rem}
.main_text.txt{padding:.27rem 0}
.flex{width:100%;}
.main_box2 .flex_block > .flex { height: 1.02rem; align-items: center; }
.main_box2 .flex_block { display:block;}
.main_box2 .flex1{  line-height:1rem}
.icon_right.on { transform: rotate(90deg) }
.flex_drop {  flex:1; background: #f6f6f6 ;padding:0.1rem .3rem; margin-top:-0.1rem; border-radius:.1rem;}
.flex_drop .flex_b { align-items: center;padding:0.12rem 0; line-height: .4rem; }
.flex_drop .flex_b span{color:#666;font-size:.26rem;}
.tips_check { margin-top: .4rem; padding-left: .4rem; line-height: .36rem; font-size: .24rem; background: url(../img/check.png) no-repeat left top; background-size:.32rem auto; }
.tips_check.on { background-image: url(../img/check-1.png) }
.tips_check a { color: #1D68FF }
.main_box2 .li_tit { margin: 0 -0.3rem; height: .92rem; background: linear-gradient(to right,#daf1da,#fff); border-bottom: 0; padding: 0 .3rem; }
.main_box2 .li_tit h3{font-size:.3rem;padding-left:.35rem; background:url(../img/icon20.png) no-repeat left center; background-size:.25rem auto;line-height:.5rem;}
.red { color: #f53838 }
.div_radio ul{display:flex;}
.div_radio li{ border-bottom:0;padding-left:.4rem;white-space:nowrap;margin-left:.2rem; background:url(../img/icon21.png) no-repeat left center; background-size:.34rem auto;}
.div_radio li.on { background-image: url(../img/icon21-1.png) }
.div_radio { padding-left: .3rem; position: relative; }
.div_radio:after{ content:'';display:block; width:100%; position:absolute; height:3px; background:#fff; left:0; bottom:-1px;}

.bg7 { background-image: url(../img/bg8.jpg); background-size: 100% 1.82rem }
.div_select select{width:100%; border:0;color:#999 }
.div_select.right select{ text-align:right;}
select:invalid { color: #999; }
.main_card .tit{ display:flex;align-items:center; padding:0 .48rem; height:.8rem;background:linear-gradient(to right,rgba(255,255,255,0.1),rgba(255,255,255,0))}
.main_card .headpic{width:.4rem; height:.4rem; border-radius:100%; border:1px solid #fff;overflow:hidden;margin-right:.1rem}
.main_card .tit .logo { width: .88rem; margin-right: .2rem; }
.main_card .tit h3{ color:#fff;font-weight:normal; font-size:.26rem}
.main_card { background: url(../img/bg10.jpg) no-repeat center center; background-size: cover; border-radius: 0.2rem; box-shadow: 0 0.1rem 0.3rem rgba(65,198,73,.5) ;}
.main_card .flex{ flex-direction:column; justify-content:center;height:2.4rem;padding:0 .4rem;color:#fff;line-height:1.5;width:auto;}
.main_card h5{ font-weight:normal; font-size:.28rem;}
.main_card h3 { font-weight: normal; font-size: .6rem; }
.div_btns .btn_txt {border:0; background:none;display:inline-block;margin:0 auto; }
.div_btns{text-align:center;}
.underline { text-decoration: underline }
.info_list .div_btns{ margin:0 .25rem;padding-bottom:.2rem}
.div_input2 { margin: 0 .25rem;align-items:center; height: .9rem; border-radius: .9rem; border: 1px solid #ddd; background: #f8f8f8 ;display:flex;padding:0 .3rem;}
.div_input2 input{ flex:1; width:100%; border:0;background:none;font-size:.3rem}
.div_input2 input::-webkit-input-placeholder { color: #b8b8b8 }
.icon_phone { width: .5rem; height: .5rem; background: url(../img/icon22.png) no-repeat center center; background-size: .23rem auto; }
.icon_plate { width: .5rem; height: .5rem; background: url(../img/icon2.png) no-repeat center center; background-size: .23rem auto; }
.line_list{margin-top:.2rem; border-radius:.2rem; background:#fff;}
.line_list .tit{line-height:.9rem; text-align:center;}
.line_list .tit h3{display:flex;align-items:center; justify-content:center; font-size:.32rem;font-weight:normal;color:#111;}
.line_list .tit h3:after, .line_list .tit h3:before{ content:'';display:block;width:.16rem; height:.2rem; background:url(../img/icon23.png) no-repeat center center; background-size:100% auto;margin:0 .15rem}
.line_list .tit h3:after{ transform:rotate(180deg)}
.line_list ul{ padding:.11rem;display:flex;}
.line_list li {text-align:center; flex: 1; margin: .11rem;padding-top:.33rem;box-sizing:border-box; height: 2.28rem; background: #f5f5f5 ;border-radius:.2rem;}
.line_list li .img{position:relative; width:1rem; height:1rem; background:#fff;margin:0 auto; border:1px dashed #1D68FF;border-radius:100%;margin-bottom:.3rem;}
.line_list  .label{ position:absolute; width:.28rem; height:.28rem; border-radius:100%; left:0; right:0; margin:0 auto; background:#1D68FF; color:#fff;text-align:center;bottom:-0.14rem;}
.step_icon { width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; display: block; }
.step_icon.icon1{ background-image:url(../img/icon24.png);background-size:.31rem auto;}
.step_icon.icon2 { background-image: url(../img/icon24-2.png); background-size: .31rem auto; }
.step_icon.icon3 { background-image: url(../img/icon24-3.png); background-size: .39rem auto; }
.step_icon.icon4 { background-image: url(../img/icon24-4.png); background-size: .35rem auto; }
.step_icon.icon5 { background-image: url(../img/icon24-5.png); background-size: .37rem auto; }
.step_icon.icon6 { background-image: url(../img/icon24-6.png); background-size: .36rem auto; }
.step_icon.icon7 { background-image: url(../img/icon24-7.png); background-size: .38rem auto; }
.lbl2_type { position: absolute; top: -.2rem; left: 65%;white-space:nowrap; padding: 0 .1rem; line-height: .36rem; background: #ffd510 ; border-radius:.2rem 0;font-size:.22rem}
.info_list2 li{ min-width:initial; max-width:initial;flex:1;}
.fs22{font-size:.22rem}
.fs24{font-size:.24rem}
.step_list h3{font-size:.28rem;font-weight:normal; margin-bottom:.3rem}
.step_list{border-radius:.2rem; background:#fff; margin-top:.3rem;padding:.3rem}
.step_list ul{display:flex;}
.step_list li{flex:1;text-align:center;}
.step_list li:not(:first-child) .img:before{ content:'';display:block;width:.6rem;margin-bottom:-1px; height:1px; border-bottom:1px dashed #1D68FF;position:absolute; top:50%; right:100%;margin-right:0.05rem}
.step_list a { color: #666 }
.step_list .img { width: .92rem; height: .92rem; background: url(../img/icon25.png) no-repeat center center; background-size: 100% auto; margin: 0 auto; margin-bottom: .2rem ;position:relative;}
.step_icon { display: block; width: .92rem; height: .92rem;    }
a.c_999{color:#999}
.main_box2 .flex1 a{display:block;}
.bottom_check{ text-align:center;padding-bottom:.3rem}
.bottom_check .check{display:inline-block;margin-bottom:.2rem;color:#999}
.bottom_check .p_txt { color: #bebebe }
.wrap_ht{ min-height:calc(100vh - 2.5rem)}
.showValue{color:#999}
.showValue.on{color:#111}
.ios-select-widget-box #iosSelectTitle{ display:block}


.dialog  {width:90%;padding:.5rem; box-sizing:border-box; border-radius: .2rem; border: 1px solid #fff; background: linear-gradient(to bottom,#daefd9,#fff) }
.el-dialog__header{height:1rem;text-align:center; line-height:1rem; padding:0}
.el-dialog__header span{font-size:.4rem;line-height:1rem;font-weight:bold;}
.dialog .text{line-height:.36rem; font-size:.24rem;color:#111;}
.dialog-footer { display: flex;margin-top:.4rem; }
.dialog-footer .btn {text-align:center; color:#fff; flex: 1; line-height: .92rem; border-radius: .92rem; padding: 0; border-color: #1D68FF; font-size: .32rem }
.dialog-footer .btn.primary { background: linear-gradient(to right,#1D68FF,#1D68FF); }
.el-dialog__headerbtn{width:.84rem; height:.84rem; border-radius:100%; border:1px solid #fff;top:auto; bottom:-1.5rem;background:rgba(255,255,255,0.2); left:0;right:0;margin:0 auto;}
.el-dialog__headerbtn .el-dialog__close{font-size:.4rem; color:#fff;}

.dia_input{display:flex;font-size:.3rem; align-items:center;height:.6rem; border-bottom:1px solid #ddd;margin-top:.1rem;}
.dia_input input{ flex:1;border:0; background:none; }
.dia_input.err { border-color: #cf1c1c; color: #cf1c1c }
.dia_input.err input { color: #cf1c1c }
.van-toast{ background:rgba(0,62,0,0.7)}
.dialog .tit { border-bottom: 1px solid #ddd; margin-bottom: .3rem }
.dialog .tit h3 { font-size: .5rem; text-align: center;padding-bottom:.3rem}
.dialog .tit h5 { font-size: .4rem; text-align: center;padding-bottom:.3rem}
.dialog .dia_input { padding: 0.2rem 0 }
.dialog .a_btn.on{ background:#1D68FF;color:#fff;}

.file_box{ position:relative;min-height:2rem}
.file_box input{ position:absolute; top:0;left:0;width:100%; height:100%; opacity:0}
.file_btn { width: 1.5rem; height: 1.5rem; margin: 0.5rem auto; display: block; background: url(../img/icon25.png) no-repeat center center;;background-size:100% auto;display:flex;align-items:center; justify-content:center; }

.card_box2{position:relative;margin-top:.3rem}
.card_box2 img{display:block;}
.card_box2 .num{color:#fff;font-size:.3rem;font-weight:bold; position:absolute; bottom:.5rem;left:.5rem}
.card_box .img{text-align:center;}

.van-cell { align-items: center; padding-left: 0; border-bottom: 1px solid #e8e8e8 }
.van-field__label { width: auto;color:#222 }
input[readOnly], .van-field__control { background: none; border: none; text-align: center; height: 0.64rem; }
input[readOnly]::-webkit-input-placeholder{color:#999}
[class*=van-hairline]::after { display:none }
.van-cascader__options li{line-height:3;padding:0 0.3rem;}