header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary,input{outline:0;}/*hideFocus对超链接外虚线框的设置*/
ul,dl,li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{ font-weight:normal;}
pre,code,kbd,samp{font-family:inherit;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}/*default默认光标（通常是一个箭头）*/
a,button{cursor:pointer; -webkit-tap-highlight-color: transparent;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,a,a:hover{text-decoration:none;}
body,textarea,input,button,select{font:13px/18px arial,"Microsoft YaHei","微软雅黑";color:#333;outline:0;}
input{-webkit-appearance: none;}
body{ background: #f0f0f0;}
*{ padding: 0px; margin: 0px;}
.bdbg{background: #fff;}
.banner{margin: 9px 3.47% 7px;border-radius: 7px;background: #eefafc url(../images/photo-banner1.jpg) no-repeat right;background-size: auto 100%;padding:  32px 14px 23px;}
.banner h3{font-size: 14px;color: #000;}
.banner input{display: none;}
.banner label{font-size: 12px;color: #585858;display: block;line-height: 42px;}
.banner label a{color: #006dff;display: inline-block;}
.banner label::before{display: inline-block;content: "";width: 15px;height: 15px;border-radius: 50%;box-sizing: border-box;border: 1px solid #d9d9d9;vertical-align: middle;margin: -3px 3px 0 0;}
.banner input:checked + label::before{background: url(../images/icon-ck.png) no-repeat;background-size: 100% 100%;border: none;}
.charge{margin: 0 3.47% 18px;border-radius: 7px;background: #fff;padding: 13px 13px 26px;}
.charge-tit{font-size: 14px;color: #000;display: flex;display: -webkit-flex;line-height: 16px;margin-bottom: 11px;}
.charge-tit span{flex: 1;font-size: 10px;color: #fb565e;text-align: right;font-weight: normal;}
.charge input{width: 100%;box-sizing: border-box;border: 1px solid #c4c2c2;border-radius: 7px;line-height: 36px;padding: 0 12px;font-size: 15px;font-weight: bold;}
.charge input::-webkit-input-placeholder{color: #c4c4c4;font-size: 11px;font-weight: normal;}
.chargeList{display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;margin: 16px -5px 0;padding-bottom: 17px;}
.chargeList li{width: 33.333333%;}
.chargeList li a{display: block;margin: 0 5px 10px;border-radius: 7px;text-align: center;background: #f7f6fb;font-size: 12px;color: #666;padding: 9px 5px 7px;}
.chargeList li a em{font-size: 16px;color: #333;}
.chargeList li .active{border: 1px solid #006dff;padding: 8px 5px 6px;color: #006dff;position: relative;}
.chargeList li .active em{color: #006dff;}
.chargeList li .active::after{content: "";width: 22px;height: 21px;background: url(../images/icon-selected.png) no-repeat;background-size: 100% 100%;position: absolute;right: 0;bottom: 0;}
.chargeBtn{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;font-size: 11px;color: #999;}
.chargeBtn span{color: #ff2657;}
.chargeBtn em{font-size: 16px;}
.chargeBtn a{display: block;width: 46.44%;height: 40px;line-height: 40px;border-radius: 40px;text-align: center;background: linear-gradient(to right,#306ff6,#5ca7ea);font-size: 18px;color: #fff;}
.chargeBtn .btnGray{background: #f2f2f2;color: #595959;}
.btmQuick{margin: 0 3.47% 10px;}
.btmQuick-tit{line-height: 1;font-size: 15px;padding: 0 15px 13px;}
.quickNav{display: flex;display: -webkit-flex;background: #fff;border-radius: 7px;padding: 14px 0 12px;}
.quickNav a{display: block;flex: 1;text-align: center;font-size: 12px;color: #333;}
.quickNav-pic{margin: 0 auto 2px;width: 30.96%;max-width: 54px;position: relative;}
.quickNav-pic img{display: block;width: 100%;}
.undeal::after{content: "";width: 6px;height: 6px;border-radius: 50%;background: #ff2657;position: absolute;right: -2px;top: -2px;}
.activate{margin: 0 3.47% 30px;text-align: center;font-size: 14px;color: #666;}
.activate img{display: block;width: 100%;max-width: 698px;margin: 0 auto;}
.activate h3{font-size: 19px;color: #006dff;line-height: 1;margin-bottom: 14px;}
.fail{line-height: 40px;}
.fail h3{color: #f53a43;margin-bottom: 9px;}
.fail a{display: inline-block;color: #006dff;text-decoration: underline;}
.ORDER_NO{margin: 0 3.47% 24px;border-radius: 7px;background: #fff;padding: 21px 13px 4px;}
.infoList{margin: 0 3.47% 24px;border-radius: 7px;background: #fff;padding: 21px 13px 4px;}
.infoList p{display: flex;display: -webkit-flex;font-size: 12px;color: #666;margin-bottom: 16px;}
.infoList p em{color: #333;flex: 1;text-align: right;margin-left: 10px;}
.btmBtn{display: block;margin: 0 23.74% 10px;height: 40px;line-height: 40px;border-radius: 40px;background: linear-gradient(to right,#306ff6,#5ca7ea);font-size: 15px;color: #fff;text-align: center;}
.infoListSp{padding-top: 24px;}
.infoListSp p{margin-bottom: 18px;}
.order{margin: 10px 3.47%;border-radius: 7px;background: #fff;padding: 14px 12px 3px;}
.order h3{font-size: 14px;color: #000;margin-bottom: 11px;}
.order-li{display: flex;display: -webkit-flex;padding: 15px 0;line-height: 21px;font-size: 15px;}
.order-li em{font-size: 18px;flex: 1;text-align: right;margin-left: 10px;}
.order-li:not(:last-child){border-bottom: 1px solid #eee;}
.payMode{margin: 0 3.47% 11px;border-radius: 7px;background: #fff;font-size: 15px;padding: 16px 13px 6px;}
.payMode-li{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;padding: 18px 0;font-size: 14px;color: #666;position: relative;}
.payMode-li img{display: block;width: 8.05%;max-width: 52px;margin-right: 7px;}
.payMode-li::after{content: "";width: 7px;height: 13px;background: url(../images/icon-arrow2.png) no-repeat;background-size: 100% 100%;position: absolute;right: 0;top: 25px;}
.moreTip{font-size: 12px;color: #999;text-align: center;margin-bottom: 10px;}
.btmBox{height: 56px;margin-top: 35px;}
.btmAddr{position: fixed;left: 0;right: 0;bottom: 0;background: #fff;padding: 8px 4.13%;}
.chargeBtnSp{padding: 8px 4.13%;}
.chargeBtnSp a{width: 43.6%;}
.conBox{display: flex;display: -webkit-flex;flex-direction: column;-webkit-flex-direction: column;}
.conBox-nav{display: flex;display: -webkit-flex;background: #f0f0f0;}
.conBox-nav a{display: block;flex: 1;text-align: center;font-size: 14px;color: #666;padding: 9px 0 13px;position: relative;}
.conBox-nav .conBox-nav-on{color: #006dff;}
.conBox-nav .conBox-nav-on::after{content: "";width: 54px;height: 2px;background: #006dff;position: absolute;left: 0;right: 0;bottom: 9px;margin: 0 auto;}
.conBox-main{flex: 1;overflow: auto;background: #fff;padding: 12px 3.47%;}
.total{border-radius: 8px;background: linear-gradient(161deg,#f9943c,#fad15b);font-size: 12px;color: #fff;line-height: 40px;padding: 0 16px;margin-bottom: 5px;}
.totalSp{background: linear-gradient(161deg,#396fdb,#64a8f3);}
.total-li{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.total-li a{display: block;color: #fff;}
.total-li a::after{content: "";display: inline-block;width: 12px;height: 7px;background: url(../images/icon-arrow.png) no-repeat;background-size: 100% 100%;}
.total-liSp{font-size: 10px;}
.total-liSp span{font-size: 14px;}
.total-liSp em{font-size: 16px;}
.dataLi{display: block;margin: 0 5px;border-bottom: 1px solid #f3f3f3;padding: 11px 0 15px;font-size: 11px;color: #999;}
.dataLi-tp{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;margin-bottom: 16px;}
.dataLi-btm{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.dataLi-btm img{display: block;width: 10.24%;max-width: 70px;}
.dataLi-btm-tx{flex: 1;margin: 0 9px;font-size: 14px;color: #333;}
.dataLi-btm span{font-size: 14px;color: #333;margin-bottom: 3px;display: inline-block;}
.dataLi-btm-r{text-align: right;}
.dataLi-btm-r span{font-size: 12px;}
.dataLi-btm em{font-size: 15px;}
.btmTip{font-size: 11px;color: #999;text-align: center;margin-top: 10px;}
.empty{font-size: 14px;color: #999;text-align: center;}
.empty img{display: block;width: 100%;max-width: 698px;margin: 0 auto 16px;}
.appoint img{margin: 62px auto 27px;}
.appoint h3{color: #0972ff;}
.appoint .appoint-tit{color: #3e3e3e;}
.firstPage img{display: block;width: 100%;}
.firstPage-con{position: fixed;z-index: 10;left: 0;right: 0;bottom: 0;text-align: center;font-size: 12px;color: #FFF;background: linear-gradient(to bottom,transparent,#0f0f55 20%);padding: 32px 3.47% 14px;}
.firstPage-con input{display: none;}
.firstPage-con label{display: block;line-height: 20px;padding: 10px 0;}
.firstPage-con label a{color: #3778f3;}
.firstPage-con label::before{content: "";display: inline-block;height: 15px;width: 15px;border-radius: 50%;box-sizing: border-box;border: 1px solid #a7a7a7;background: #fff;vertical-align: middle;margin: -3px 6px 0 0;}
.firstPage-con input:checked + label::before{border: none;background: url(../images/icon-ck.png) no-repeat;background-size: 100% 100%;}
.pageBtn{display: block;margin: 0 7.45% 5px;height: 40px;line-height: 40px;border-radius: 40px;background: linear-gradient(to right,#fadf85,#fef0b8);font-size: 15px;color: #d99b36;}

.nextBtn{display: block;padding: 7px 0 12px;}
.nextBtn img{display: block;width: 7px;margin: 0 auto;transform: rotate(90deg);}
.serList{display: flex;display: -webkit-flex;flex-wrap: wrap;padding: 22px 0 7px;}
.serList p{width: 33.333%;text-align: center;font-size: 14px;margin-bottom: 20px;}
.serList p img{display: inline-block;width: 20%;max-width: 50px;vertical-align: middle;margin: -2px 5px 0 0;}
.explain{text-align: justify;margin: 0 6.4% 20px;font-size: 12px;line-height: 22px;}
.explain-tit{font-size: 15px;color: #306ff5;margin-bottom: 10px;line-height: 1;}
.scene{display: inline-block;margin-right: 35px;}
.scene img{display: inline-block;width: 25px;vertical-align: middle;margin: -4px 4px 0 0;}
.explain-tab{margin-top: 13px;}
.explain-tab img{display: block;width: 100%;}
.tpTip{font-size: 14px;color: #666;padding: 8px 3.47%;}
.floor{margin: 0 3.33% 10px;border-radius: 8px;background: #fff;padding: 0 15px 5px;}
.addrChose{display: block;line-height: 44px;font-size: 15px;color: #2e96fd;font-weight: bold;}
.addrChose::after{content: "";display: inline-block;width: 10px;height: 7px;background: url(../images/icon-arrow3.png) no-repeat;background-size: 100% 100%;vertical-align: middle;margin: -2px 0 0 6px;}
.addrList{border-top: 1px solid #f2f2f2;}
.addrList input{display: none;}
.addrList label{display: block;font-size: 14px;line-height: 23px;padding: 10px 30px 8px 0;position: relative;}
.addrList label span{font-size: 11px;color: #999;}
.addrList label::after{content: "";width: 15px;height: 15px;border-radius: 50%;border: 1px solid #b9b8bb;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: #fff;box-sizing: border-box;}
.addrList input:checked + label::after{border: none;background: url(../images/icon-ck.png) no-repeat;background-size: 100% 100%;}
.floorSp{padding-bottom: 0;line-height: 45px;font-size: 14px;}
.dataChose{display: flex;display: -webkit-flex;border-top: 1px solid #f2f2f2;}
.dataChose a{display: block;flex: 1;text-align: right;font-size: 11px;color: #999;margin-left: 10px;}
.floorBtn{display: block;margin: 50px 18% 10px;height: 40px;line-height: 40px;border-radius: 40px;background: linear-gradient(to right,#306ff5,#5ba8ea);font-size: 15px;color: #fff;text-align: center;}
.pop{position: fixed;z-index: 99;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.6);}
.popCon{position: absolute;left: 0;right: 0;bottom: 0;border-radius: 15px 15px 0 0;background: #fff;padding: 20px 25px;}

.popConSp{padding: 0;background: #f0f0f0;}
.popCon-main{padding: 0 12px;}
.popCon-tit{font-size: 16px;color: #000;margin-bottom: 10px;}
.joined{color: #2894bf;}
.popCon-tp{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;background: #fff6e5;border-radius: 5px;padding: 7px 12px;margin-top: 9px;color: #dc910e;}
.popCon-tp img{display: inline-block;width: 23px;vertical-align: middle;margin: -2px 2px 0 0;}
.popCon-tp h3{flex: 1;font-size: 16px;color: #000;margin-right: 3px;}
.popCon-tp a{display: block;font-size: 12px;color: #2f6ff5;}
.joined2{background: #def1f8;padding: 9px 12px 8px;color: #2894bf;}
.joined2 img{width: 17px;}
.info-li{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;line-height: 18px;padding: 10px 0;font-size: 14px;color: #333;}
.info-li:not(:first-child){border-top: 1px solid #f3f3f3;}
.info-li-sp{font-size: 12px;flex: 1;text-align: right;margin-left: 10px;}
.info-li-sp2{font-size: 10px;}
.info-li-sp2 a{display: inline-block;padding: 14px 0;margin: -14px 0;}
.info-li-sp2 img{display: inline-block;width: 12px;vertical-align: middle;margin: -2px 0 0 2px;}
.info-li-sp3{line-height: 28px;}
.popCon-code{font-size: 14px;margin-bottom: 16px;color: #333;}
.popCon-code-tp{display: flex;display: -webkit-flex;line-height: 44px;}
.popCon-code-tp a{display: block;flex: 1;text-align: right;margin-left: 10px;font-size: 12px;color: #006dff;}
.codeList{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;-webkit-tap-highlight-color: transparent;}
.codeList input{line-height: 46px;width: 14.25%;border: 1px solid #e6e6e6;border-radius: 5px;font-size: 23px;text-align: center;box-sizing: border-box;height: 48px;}
.popCon-btns{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.popCon-btns a{display: block;width: 65.54%;height: 40px;line-height: 40px;border-radius: 40px;text-align: center;background: linear-gradient(to right,#306ff5,#5ba8ea);font-size: 18px;color: #fff;}
.popCon-btns .popCon-btns-sp{width: 30.93%;line-height: 38px;box-sizing: border-box;border: 1px solid #2f6ff5;background: #fff;color: #2f6ff5;}

.popCon3{position: absolute;z-index: 5;left: 11.33%;right: 11.33%;top: 50%;transform: translateY(-50%);background: #fff;border-radius: 7px;text-align: center;font-size: 14px;color: #999;padding: 30px 20px 20px;}
.popCon3 h3{font-size: 18px;color: #333;margin-bottom: 20px;line-height: 20px;}
.popCon3-ph{margin: -7px auto 22px;width: 23.2%;max-width: 116px;}
.popCon3-ph img{display: block;width: 100%;}
.popCon3-btn{display: block;margin: 26px 24.01% 0;height: 38px;line-height: 38px;border-radius: 38px;background: linear-gradient(to bottom,#fea24b,#fe7331);font-size: 18px;color: #fff;}
.dateTime{margin: 35px 7.6% 43px;position: relative;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;}
.dateTime::before{content: "";height: 1px;background: #e6e6e6;position: absolute;left: 0;right: 0;top:92px;}
.dateTime::after{content: "";height: 1px;background: #d1d1d1;position: absolute;left: 0;right: 0;bottom: 0;}
.dateTime-bd{flex: 1;text-align: center;position: relative;overflow: hidden;}
.dateTime-bd .swiper-container{height:138px;overflow: unset;top: 46px;}
.dateTime-bd .swiper-container .swiper-slide{height: 46px;line-height: 46px;color: #c5c5c5;font-size: 14px;font-weight: bold;opacity: .5;}
.dateTime-bd .swiper-container .swiper-slide p{display: inline-block;}
.dateTime-bd .swiper-container .swiper-slide-active{color: #333;opacity: 1;}
.dateTime-bd .swiper-container .swiper-slide-prev,.dateTime-bd .swiper-container .swiper-slide-next{color: #989898;opacity: 1;}
.popConSp-btns{display: flex;display: -webkit-flex;}
.popConSp-btns a{display: block;flex: 1;height: 40px;line-height: 40px;text-align: center;background: linear-gradient(to right,#306ff5,#5ba7ea);font-size: 15px;color: #fff;}
.popConSp-btns .popConSp-btns-sp{background: #fff;color: #2f6ff5;}
.popCon2{position: absolute;left: 11.33%;right: 11.33%;top: 50%;transform: translateY(-50%);border-radius: 7px;background: #fff;padding: 20px;text-align: center;line-height: 26px;font-size: 14px;}
.popCon2-tit{font-size: 20px;line-height: 1;margin-bottom: 17px;color: #3271f5;}
.txColor1{color: #fd6372;}
.nfcBtn{display: block;margin-top: 15px;border-radius: 5px;background: #e3f3ff;font-size: 10px;padding: 6px 15px;text-align: justify;}
.nfcBtn h3{display: flex;display: -webkit-flex;font-size: 12px;color: #2e9df3;justify-content: space-between;-webkit-justify-content: space-between;}
.nfcBtn span{font-weight: normal;}
.nfcBtn em{font-size: 11px;}
.popCon2-btns{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;margin-top: 20px;}
.popCon2-btns a{display: block;width: 48%;height: 40px;line-height: 40px;border-radius: 10px;background: linear-gradient(to right,#306ff5,#5ba7ea);font-size: 15px;color: #fff;box-sizing: border-box;}
.popCon2-btns .popCon2-btns-sp{background: #f2f2f2;color: #333;}
.popCon2-btns .popCon2-btns-sp2{background: #fff;color: #2f6ff5;border: 1px solid #2f6ff5;line-height: 38px;}
.popCon2-tx{font-size: 13px;}
.txColor2{color: #3271f5;}
.popCon2Sp{padding: 0 0 20px;}
.popCon2Sp img{display: block;width: 100%;}
.colorBar{position: absolute;left: -5px;right: -5px;top: -34px;}
.popCon2Sp-tit{background: linear-gradient(to right,#f05324,#ff8500);line-height: 47px;border-radius: 7px 7px 0 0;font-size: 20px;color: #fff;}
.sucTx{color: #f05324;font-size: 13px;}
.popCon2Sp-btn{display: block;margin: 16px 25.87% 0;height: 40px;line-height: 40px;border-radius: 40px;background: linear-gradient(to bottom,#ffd833,#ff8500);font-size: 15px;color: #fff;}
.popFail .popCon2Sp-tit{background: linear-gradient(to right,#396fdb,#64a8f3);}
.popFail .sucTx{color: #333;}
.popFail .popCon2Sp-btn{background: linear-gradient(to right,#306ff5,#5ba7ea);}

.getGray{background: #b3b3b3;border-radius: 26px;}


@media screen and (max-width: 320px) {
  .popCon-main{padding: 0;}
}

.guideTit{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;padding: 23px 6.67% 26px;}
.guideTit::before{content: "";flex: 1;height: 2px;background: linear-gradient(to right,transparent,#5b8df7);}
.guideTit::after{content: "";flex: 1;height: 2px;background: linear-gradient(to left,transparent,#5b8df7);}
.guideTit h3{font-size: 20px;color: #2f6ff5;line-height: 1;padding: 0 8px;}
.guideTx{margin: 0 5.2% 9px;text-align: justify;line-height: 23px;}
.guideTx h3{font-size: 15px;color: #2f6ff5;margin-bottom: 4px;}
.num{display: inline-block;width: 25px;height: 25px;line-height: 25px;border-radius: 50%;background: #2f6ff5;text-align: center;font-size: 15px;color: #fff;margin-right: 5px;}
.guideTxSp p{margin-bottom: 3px;}
.knowBtn{height: 42px;}
.knowBtn a{display: block;text-align: center;height: 42px;line-height: 42px;background: #2f6ff5;font-size: 18px;color: #fff;position: fixed;z-index: 1;left: 0;right: 0;bottom: 0;}
.guideTx .cor{color: #2f6ff5;}
.qa{margin: 0 5.87% 26px;}
.qa:first-child{margin-top: 18px;}
.cir{position: relative;color: #000;}
.cir::before{content: "";width: 7px;height: 7px;background: #2f6ff5;border-radius: 50%;position: absolute;left: -12px;top: 8px;}
.qa a{color: #2f6ff5;}
.txIn{text-indent: .5rem;color: #000;}

.newRedTx{color: #f57e87;}
.dataLi-btm-tx .rewriteBtn{display: inline-block;font-size: 12px;color: #f57e87;border: 1px solid #f57e87;border-radius: 20px;padding: 0 11px;margin-left: 13px;}
.newPopTx{color: #000;padding: 14px 0 26px;}
.newPopBtn{display: block;font-size: 15px;color: #fff;margin: 0 10.61% 42px;height: 40px;line-height: 40px;border-radius: 40px;background: linear-gradient(to right,#306ff5,#5ba8ea);}
.secondPage{position: relative;margin-top: -35%;}
.btmBoxSp{height: 80px;}

.circles{ display: inline-block; }
.circles span{ display: block;float: left; width:2px; height:2px; background-color: #fff; border-radius: 4px;
  margin-right:5px; }
.countDown{ padding-left:3px;}
.circles span.circles-a{    animation: flash 3.5s  0s infinite ease-in-out ; }
.circles span.circles-b{ animation: flash2 3.5s  1s infinite ease-in-out  }
.circles span.circles-c{  animation: flash3 3.5s  2s infinite ease-in-out  }
.txColor3{ color: #333;}
.tx-add2{ padding-bottom: 10px;}
.tx-add2-ft{ display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content:center; font-size: 13px;}
.tx-add2-ft a{ background-color: #f2f2f2; border-radius: 5px; color: #00bd62; font-size: 12px;
  padding:3px 24px; margin-left:5px; margin-right: 5px;}
.tx-add2-tp{ margin-bottom: 5px;}
.btnDef{ display: block; width: 50%;height: 40px; margin: 15px auto 2px; background-color: #f2f2f2; border-radius: 26px;
  text-align: center; line-height: 40px; color: #8b8b8b;}
.btnDef1{margin: 0px auto 2px;}
.btnblue{ background: linear-gradient(to right,#306ff5,#5ba7ea); color: #fff;}
.addimg{ background: url(../images/poto-der.png) no-repeat left top #fff; background-size: 27% auto; }
.txadd{ text-align: left; font-size: 13px;}
.txadd-tx{ color: #d96262; font-size: 12px; margin-top: 10px;line-height: 20px;}
.tickbox{ text-align: left; margin-top: 5px;}
.tickbox input{ display: none;}
.tickbox input + label{ display: flex; display: -webkit-flex;align-items: center;-webkit-align-items:center; font-size: 12px; color: #585858;}
.tickbox input + label::before{content: ""; width: 14px; height: 14px; border: 1px solid #c6c4c4; border-radius: 26px; margin-right: 5px;
  box-sizing: border-box; margin-top: -1px;}
.tickbox input:checked + label::before{ content: ""; background: url(../images/icon-ck.png) no-repeat; border: none; background-size: 100% 100%;
  border: none;}
.wirteTx{ width: 60%; margin-top: 12px;margin-bottom: 2px;   }
.wirteTx-bd{ width: 100%;   display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center; border: 1px solid #306ff6;
  height: 40px; border-radius: 26px; padding-right: 10px;  }
.wirteTx-bd input{flex: 1;width: 0; padding-left: 10px; height: 40px; border-radius: 26px; border: none;}
.wirteTx-rt{ white-space: nowrap;}
.wirteTx-rt a{ color: #006dff;}
.wirteTx-rt span{ color: #999;}
.empty-tx1{font-size: 12px;color: #999999;padding: 10px 0 26px;line-height: 22px;}


/* 2022.1.7新增 */
.newNum{height: 14px;width: 14px;line-height: 14px;;border-radius: 50%;background: #ff4756;font-size: 10px;color: #fff;position: absolute;right: 26%;top: -5px;}
.only{margin: 54px 3.47% 20px;font-size: 14px;color: #666;text-align: center;line-height: 24px;}
.only img{display: block;width: 48.71%;max-height: 340px;margin: 0 auto;}
.only span{color: #ff4655;}
.conBox{display: flex;display: -webkit-flex;flex-direction: column;-webkit-flex-direction: column;height: 100vh;}
.conBox-nav{display: flex;display: -webkit-flex;}
.conBox-nav a{display: block;flex: 1;text-align: center;font-size: 14px;color: #666;padding: 9px 0 13px;position: relative;}
.conBox-nav .conBox-nav-on{color: #006dff;}
.conBox-nav .conBox-nav-on::after{content: "";width: 54px;height: 2px;background: #006dff;position: absolute;left: 0;right: 0;bottom: 9px;margin: 0 auto;}
.conBox-main{flex: 1;overflow: auto;background: #fff;padding: 10px 0;}
.dataLi{border-bottom: 1px solid #f3f3f3;padding: 11px 0 15px;font-size: 11px;color: #999;}
.dataLi-tp{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;margin-bottom: 10px;line-height: 24px;}
.dataLi-btm{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.dataLi-btm img{display: block;width: 10.33%;max-width: 70px;}
.dataLi-btm-tx{flex: 1;margin: 0 9px;}
.dataLi-btm span{font-size: 14px;color: #333;margin-bottom: 3px;display: inline-block;}
.dataLi-btm-r{text-align: right;}
.dataLi-btm-r span{font-size: 12px;}
.dataLi-btm em{font-size: 15px;}
.btmTip{font-size: 11px;color: #999;text-align: center;margin-top: 10px;}
.rewrite{display: block;height: 24px;line-height: 22px;box-sizing: border-box;border-radius: 24px;text-align: center;padding: 0 5px;color: red;border: 1px solid red;}

.bannerfloor{}
.bannerfloor img{ display: block; width: 100%;}
.bgpoto{ background: url(../images/poto-bg1.jpg) repeat; background-size: 4% auto;}
.floor2{ margin-left: 4%; margin-right: 4%; position: relative; z-index: 1; margin-top: -40%;  }
.title{ display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content:center;}
.title-tx{  min-width: 245px; text-align: center; height: 44px; line-height: 44px; font-size: 18px;
  text-align: center;   background-color: #0d4efe; border-radius: 0 0 10px 10px; color: #fff; }
.title-lt{ }
.title-lt img{ display: block; height:38px;}
.title-rt{ }
.title-rt img{ display: block; height:38px; transform: rotateY(180deg);}
.title-tx-img{ display: inline-block; width:50px; vertical-align: middle; margin-right: -10px;}
.floor2-bd{ background-color: #fff; padding:12px; box-sizing: border-box; border-radius: 10px;
  margin-top: -28px; padding-top: 45px;}
.floor2-bd-img{  text-align: center;}
.floor2-bd-img img{ width: 50%;}
.floor2-bd-tx{ width:90%;margin: 40px auto 20px; line-height: 20px; font-size: 13px;}
.floor2-bd-tx p a{ text-decoration: underline; color: #3662f6;}
.footerBtn{ height: 44px; margin-top: 12px;}
.footerBtn-bd{ position: fixed;z-index: 8; left: 0; right: 0; bottom: 0; height: 44px; background: #2f6ff5;
  font-size: 18px; text-align: center; line-height: 44px; }
.footerBtn-bd a{color: #fff; }
.img2{ margin-right: 1px;}
.txdl-img1{ width: 50%; margin: 0 auto; padding-top: 10px; padding-bottom: 20px;}
.txdl-img1 img{ display: block; width: 100%;}
.txdl-img2{ width: 100%; padding-bottom: 10px; padding-top: 5px;}
.txdl-img2 img{ display: block; width: 100%;}
.footerBtn-bd2{ position: fixed;z-index: 8; display: flex; display: -webkit-flex; left: 0; right: 0; bottom: 0; height: 44px; background: #fff;}
.footerBtn-bd2 a{ width: 50%; height: 44px; line-height: 44px; text-align: center; color: #2f6ff5; font-size: 18px;}
.footerBtn-bd2 a.bluebg{background: #2f6ff5; color: #fff; }
.details{ font-size: 14px; }
.details-tp{ font-weight: bold; padding-bottom: 5px;}
.details-tx{ margin-top: 10px;}
.details-tx li{ padding-bottom: 10px; font-size: 13px; line-height: 22px;}
.details-tx li em{ font-size: 15px; color: #3662f6;}
.setHeight{ min-height: 75vh;}
.floor3{ margin-left: 4%; margin-right: 4%; margin-top: 5px;}
.txstyle1{ color: #0d4efe; font-size: 15px;}
.txbox1{ line-height: 22px; font-size: 13px; padding-bottom: 5px;}
.setGap{ margin-top: 15px;}
.txstyle2{ color: #0d4efe;}
.fontsize .title-tx{ font-size: 15px; color: #fff; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction:column;
  justify-content: center; -webkit-justify-content:center;  line-height: 1.2; padding-top: 3px;padding-bottom: 3px;}
.fontsize .title-lt img{ height: 42px;}
.fontsize .title-rt img{ height: 42px;}
.txlink{ color: #2f6ff5;}
.bg2{ background-color: #fff;}
.floor4{ margin-left: 4%; margin-right: 4%; margin-top: 12px; }
.floor4-tp{line-height: 22px; font-size: 13px; }
.floor4-tp p{ margin-bottom: 10px;}
.cell{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center; margin-bottom: 5px;
  padding: 10px 12px;}
.floor4-bd{   }
.floor4-bd dl:nth-child(2n+1){ background-color: #fcf3e4;}
.floor4-bd dl:nth-child(2n){ background-color: #fefbf6;}
.cell-rt{color: #c2924b; font-size: 12px;}
.cell dt{ width:25%;margin-right: 10px;}
.cell dd{ flex: 1; }
.cell-lt-tp{ width: 70%; margin: 0 auto; }
.cell-lt-tp img{ display: block; width: 100%; margin-bottom: 10px;}
.cell-lt-ft{ color: #9b6133; font-size: 14px;text-align: center;}
.cell-lt-ft span{  font-size: 9px;}
.floor5{ margin-left: 4%; margin-right: 4%; margin-top: 17px; line-height: 22px; font-size: 13px; margin-bottom: 15px;}
.floor5-tx{ margin-bottom: 10px; }
.title-tx2{ background: linear-gradient(to bottom,#f6d7a3,#ecbd77); color: #9b6133; padding-left: 12px; padding-right: 12px;
  box-shadow: 0 1px 1px rgba(0,0,0,.2); }
.floor5-bd{ background-color: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,.2);
  padding-top: 45px; margin-top: -28px;  padding-left: 12px; padding-right: 12px; padding-bottom: 12px;}
.floor5-bd p span{ color: #9b6133; font-weight: bold;}

/*2021-12-24*/
.listSim{ height: 100vh;overflow: hidden; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction:column;}
.listSim-tp{ text-align: center; font-size: 18px; background-color: #fff; padding-top: 15px; padding-bottom: 15px; font-weight: bold;}
.listSim-bd{ flex: 1; overflow: hidden; background-color: #fff; display: flex; display: -webkit-flex;}
.listSim-bd-lt{ width: 40%; height: 100%;overflow: auto; padding-top: 20px;box-sizing: border-box;  background-color: #f5f5f5;}
.listSim-bd-lt a{ display: block; height: 42px; line-height: 42px; text-align: center; color: #333;font-size: 15px; font-weight: bold;}
.listSim-bd-lt a.active{position: relative; background-color: #fff; color: #fc8c06;}
.listSim-bd-lt a.active::before{ content: ""; width: 4px; height: 16px;background-color: #fc8c06; border-radius: 10px; position: absolute;
  left: 0; top: 50%; margin-top: -8px; }
.listSim-bd-rt{ flex: 1;  height: 100%; overflow: auto;}
.listSim-bd-rt ul li{ height: 22px;padding-top: 12px;padding-bottom: 12px; text-align: center; line-height:22px;}
.listSim-bd-rt-tp{ text-align: center;  font-size: 12px; padding-top: 10px; padding-bottom: 10px; color: #999;}


/* 2022.1.24新增 */
.close{display: block;width: 22px;position: absolute;right: 17px;top: 15px;}
.close img{display: block;width: 100%;}
.whatBtn{display: block;text-align: center;background: #e2edff;height: 34px;line-height: 34px;font-size: 12px;color: #0d4efe;margin: 0 -12px -12px;border-radius: 0 0 10px 10px;margin-top: 3px;}
.phone{margin: 0 auto;width: 47.98%;max-width: 308px;}
.phone img{display: block;width: 100%;}
.chargeFail{background: #ffefef;}
.chargeFail .dataLi-btm-tx{color: #ff6464;}
.again{display: block;width: 20.47%;height: 23px;line-height: 23px;border-radius: 23px;border: 1px solid #ff7e7e;font-size: 11px;color: #ff6464;text-align: center;margin-right: 8px;}
.chargeBtn .newFs{font-size: 20px;}
.btmOpt{background: #e8f6ff;text-align: center;}
.btmOpt input{display: none;}
.btmOpt label{font-size: 12px;color: #999;display: block;line-height: 35px;}
.btmOpt label a{color: #006dff;display: inline-block;}
.btmOpt label::before{display: inline-block;content: "";width: 15px;height: 15px;border-radius: 50%;box-sizing: border-box;border: 1px solid #d9d9d9;vertical-align: middle;margin: -3px 3px 0 0;background: #fff;}
.btmOpt input:checked + label::before{background: url(../images/icon-ck.png) no-repeat;background-size: 100% 100%;border: none;}
.tpPost{margin: 10px 3.47%;}
.tpPost a{display: block;}
.tpPost a img{display: block;width: 100%;border-radius: 7px;}
.tpPost .swiper-pagination-bullet{width: 4px;height: 4px;background: #a4e1e5;margin: 0 2px !important;opacity: 1;border-radius: 4px;}
.tpPost .swiper-pagination-bullet-active{width: 9px;background: #499ca2;}
.tpPost .swiper-pagination{width: unset;left: 6%;bottom: 13%;}
.swiperTx{font-size: 11px;color: #fb565e;height: 26px;line-height: 26px;text-align: center;border-radius: 5px;background: #fee;margin-bottom: 11px;padding: 0 5px;}
.swiperTx div p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.swiperTx span{color: #00b04f;}
.toast{position: fixed;left: 24%;right: 24%;top: 50%;transform: translateY(-50%);line-height: 20px;padding: 4px;text-align: center;border-radius: 28px;background: rgba(0,0,0,.5);font-size: 13px;color: #fff;z-index: 10;}


.again1{text-align: left;line-height: 2rem;width: 80%;margin: 0 auto; margin-top: 10%;}

/* 预约成功-未办理页面样式 */
.yyxinxi{width: 90%;margin: 0 auto;text-align: left;color: #999999;}
.yyright{float: right;color: #000000;}

/* 2022.2.25新增 */
.newYellowTx{color: #ff7200;}
.newBtmBox{height: 66px;}
.newBtmBox-btns{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;margin: 0 5.07% 28px;}
.newBtmBox-btns a{display: block;width: 47.78%;height: 38px;line-height: 38px;border-radius: 38px;color: #fff;background: linear-gradient(to right,#2f6ff5,#5ba8ea);text-align: center;}
.newBtmBox-btns .newGray{background: linear-gradient(to right,#e1deda,#d2cec7);color: #fff;}
.newPopCon3{position: absolute;left: 10.8%;right: 10.8%;top: 50%;transform: translateY(-50%);border-radius: 5px;background: #fff;padding: 24px;text-align: center;color: #000;}
.newPopCon3 h3{font-size: 14px;margin-bottom: 14px;}
.newPopCon3-btns{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;margin-top: 18px;}
.newPopCon3-btns a{display: block;width: 46.34%;height: 30px;line-height: 30px;border-radius: 30px;background: linear-gradient(to right,#306ff5,#5ba8ea);font-size: 14px;color: #fff;box-sizing: border-box;}
.newPopCon3 .newPopCon3-btns-sp{background: #fff;color: #2f6ff5;border: 1px solid #2f6ff5;line-height: 28px;}
.loading{line-height: 19px;padding: 19px;}
.loading img{display: inline-block;width: 18px;vertical-align: middle;margin: -2px 7px 0 0;animation: load 2s linear infinite;}
@-webkit-keyframes load{

  0%{transform: rotate(0);}
  100%{transform: rotate(360deg);}

}

.newConBox{align-items: center;-webkit-align-items: center;}
.newTip{font-size: 14px;color: #999;line-height: 24px;margin-bottom: 28px;}
.newTipTit{color: #000;margin-bottom: 15px;}
.newConBox-btns{flex: 1;width: 60%;}
.newConBox-btns a{display: block;height: 38px;line-height: 38px;border-radius: 38px;background: linear-gradient(to right,#306ff5,#5ba8ea);font-size: 15px;color: #fff;text-align: center;margin-bottom: 9px;}
.newConBox-btns .newConBox-btns-sp{line-height: 36px;background: transparent;border: 1px solid #2e6bf6;color: #2e6bf6;}
.upBtn{display: block;text-align: center;color: #999;text-decoration: underline;padding: 16px 0;}
.newMain{flex: 1;}
.newMain-tit{font-size: 16px;text-align: center;padding: 15px 3.47% 8px;}
.newMain-titSp1{color: #65c339;}
.newMain-titSp2{color: #e1534d;}
.newMain-tit img{display: inline-block;width: 32px;vertical-align: middle;margin: -5px 9px 0 0;}
.newMain-tip{font-size: 14px;text-align: center;margin-bottom: 13px;}
.newMain-info{margin: 0 3.47% 45px;border-radius: 7px;background: #fff;padding: 7px 13px ;}
.newMain-info-li{display: flex;display: -webkit-flex;font-size: 12px;color: #666;line-height: 27px;}
.newInfo-sp{color: #333;font-weight: bold;flex: 1;text-align: right;}
.newInfo-sp-span{font-size: 11px;color: #999;font-weight: normal;margin-top: -6px;}
.newMain-btn{display: block;margin: 0 32.67%;height: 38px;line-height: 38px;border-radius: 38px;background: linear-gradient(to right,#306ff5,#5ba8ea);font-size: 13px;color: #fff;text-align: center;}
.newMain-btns{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;margin: 0 14%;}
.newMain-btns a{display: block;width: 48.15%;height: 38px;line-height: 38px;border-radius: 38px;background: linear-gradient(to right,#306ff5,#5ba8ea);font-size: 13px;color: #fff;text-align: center;}
.newMain-btns .newMain-btns-sp{box-sizing: border-box;background: transparent;line-height: 36px;border: 1px solid #2e6bf6;color: #2e6bf6;}


.tip{font-size: 12px;color: #666;margin: 9px 0 7px;}
.tipSp{color: #2894bf;}
.ad1{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;-webkit-flex-wrap: wrap;padding: 10px 13px 7px;background: #fff6e5;border-radius: 5px;font-size: 11px;color: #dc910e;}
.ad1 img{display: inline-block;width: 17px;vertical-align: middle;margin: -2px 5px 0 0;}
.ad2{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;-webkit-flex-wrap: wrap;padding: 13px 8px;background: #def1f8;border-radius: 5px;font-size: 11px;color: #2894bf;margin-top: 8px;}
.ad2 img{display: inline-block;width: 16px;vertical-align: middle;margin: -2px 2px 0 0;}
.popInfo{padding-bottom: 7px;}
.popInfo li{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;padding: 10px 0;font-size: 14px;}
.popInfo li:not(:last-child){border-bottom: 1px solid #f3f3f3;}
.popInfo-sp{flex: 1;font-size: 12px;text-align: right;margin-left: 10px;}
.popInp{width: 59.08%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;border: 1px solid #306ff6;border-radius: 15px;}
.popInp input{flex: 1;width: 0;line-height: 28px;margin: 0 14px;border: none;background: transparent;color: #000;}
.popInp a{display: block;line-height: 28px;font-size: 12px;color: #006dff;margin-right: 14px;}
.downclock{font-size: 12px;color: #999;margin-right: 13px;}
.optList{display: flex;display: -webkit-flex;justify-content: flex-end;-webkit-justify-content: flex-end;font-size: 12px;flex: 1;line-height: 23px;}
.opt{margin-right: 4px;}
.opt input{display: none;}
.opt label{display: inline-block;font-size: 11px;color: #2f6ff5;line-height: 23px;border-radius: 23px;background: #f1f6ff;padding: 0 6px;}
.opt label::before{display: inline-block;content: "";width: 15px;height: 15px;border-radius: 50%;border: 1px solid #2f6ff5;box-sizing: border-box;background: #fff;vertical-align: middle;margin: -2px 3px 0 0;}
.opt input:checked + label::before{background: url(../images/icon-selected-10.png) no-repeat;background-size: 100% 100%;border: none;}
@media screen and (max-width: 320px) {
  .popCon{padding: 20px 10px;}
  .ad1{padding: 10px 5px 7px;}
}

/* 2022.6.14 */
.clock{font-size: 10px;color: #2ea42e;display: inline-block;line-height: 16px;border: 1px solid #2ea42e;border-radius: 5px;padding: 0 3px;margin-top: 3px;}
.clock::after{display: inline-block;content: "";width: 11px;height: 11px;background: url(../images/icon-ques2.png) no-repeat;background-size: 100% 100%;vertical-align: middle;margin: -2px 1px 0 5px;}
.conBox-nav a p{display: inline-block;position: relative;}
.popCon2Sp2{padding: 20px 23px 17px;line-height: 18px;text-align: justify;}
.popCon2Sp2-tit{font-size: 16px;color: #000;line-height: 1;text-align: center;margin-bottom: 16px;}
.ruleBox{max-height: 50vh;overflow: auto;color: #666;font-size: 12px;line-height: 22px;}
.ruleBox h3{font-size: 12px;color: #000;}

.popCon2Sp2-btn{display: block;font-size: 15px;color: #fff;height: 35px;line-height: 35px;border-radius: 35px;margin: 18px 19.27% 0;background: linear-gradient(to right,#0071fe,#39aaf0);text-align: center;}
.page img{display: block;width: 100%;}

.payTit{font-size: 16px;text-align: center;padding: 20px 0 16px;}
.payTit img{display: inline-block;width: 32px;vertical-align: middle;margin: -7px 9px 0 0;}
.success{color: #65c339;}
.payInfo{margin: 0 3.47% 15px;background: #fff;border-radius: 7px;padding: 15px 13px 3px;}
.payInfo p{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;font-size: 12px;color: #666;margin-bottom: 9px;}
.payInfo p em{color: #333;}
.tx{ padding-left: 3.47%;padding-right: 3.47%; font-size: 14px; text-align: center;margin-bottom: 15px;margin-top: -10px;}
.txstyle{ color: #65c339; padding-bottom: 10px;}
.tx span{ color: #006dff;}
.btns{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;margin: 40px 14% 15px;}
.btns a{display: block;width: 48.15%;height: 38px;line-height: 38px;border-radius: 38px;background: linear-gradient(to right,#006eff,#38abf3);font-size: 13px;color: #fff;text-align: center;box-sizing: border-box;}
.btns .btns-sp{color: #2e6bf6;border: 1px solid #2e6bf6;background: transparent;line-height: 36px;}