* {
    margin: 0;
    bottom: 0;
    border: 0;
    list-style-type: none;
}

html, body {

    width: 100%;
    height: 100%;
}

a{ text-decoration: none;}
input{ outline: none;}

.top-content {
    padding: .36rem .26rem;
    box-sizing: border-box;
    font-size: .36rem;
    background-image: url('/mapp/pagemobile/BroadbandZone/broadbandRevision202202/images/top-bg.png?v=2');
    height: 6.06rem;
    width: 100%;
    background-size: 100% 100%;
    background-position: 0 -.6rem;
    background-repeat: no-repeat;
}

.top-content .top-content-userinfo {
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.top-content .top-content-userinfo .top-content-userinfo-l {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #ffffff;
}
.top-content .top-content-userinfo .my-order {
    display: flex;
    width: 1.72rem;
    height: .52rem;
    background: #ffffff;
    border-radius: .26rem;
    align-items: center;
    font-size: .28rem;
    justify-content: center;
    color: #017eff;
}
.top-content .top-content-userinfo .top-content-userinfo-l img {
    width: .77rem;
    height: .77rem;
    margin-right: .15rem;
}

.menu-list {
    margin-top: .3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.menu-list .menu-list-item {
    font-size: .28rem;
    font-weight: bold;
    padding: .2rem .3rem;
    box-sizing: border-box;
    width: 3.32rem;
    height: .9rem;
    border-radius: .1rem;
    background: #ffffff;
    display: flex;
    align-items: center;
    margin-bottom: .18rem;
}

.menu-list .menu-list-item img {
    margin-left: -.12rem;
    margin-top: .15rem;
    height: .7rem;
    margin-right: .15rem;
}

.main-cont {
    padding: .26rem;
    box-sizing: border-box;
    background: #fbfbfb;
    border-radius: .3rem;
    margin-top: -2.35rem;
}

.main-cont .page-box {
    font-size: .3rem;
    color: #333;
    border-radius: .1rem;
    box-shadow: .05rem .05rem .2rem #efefef;
    box-sizing: border-box;
    padding: .32rem .23rem .23rem;
    background: #fff;
}

.main-cont .page-box .get-more {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
}

.main-cont .page-box .get-more img {
    width: .22rem;
    height: .14rem;
    font-size: .22rem;
    margin-left: .1rem;
}


.main-cont .page-box .handled-broadband {
    padding-bottom: .2rem;
    border-bottom: .01rem solid #ebebeb;
}

.main-cont .page-box .handled-broadband .handled-broadband-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
}

.main-cont .page-box .handled-broadband .handled-broadband-top.sec {
    margin-top: .2rem;
}

.main-cont .page-box .handled-broadband .handled-broadband-text {
    color: #017eff;
    font-size: .24rem;
    margin-top: .10rem;
    display: inline-block;
}

.main-cont .page-box .handled-broadband .handled-broadband-top .speed-up {
    width: 1.7rem;
    text-align: center;
    color: #ffffff;
    font-size: .26rem;
    height: .5rem;
    line-height: .5rem;
    border-radius: .25rem;
    background-image: url('/mapp/pagemobile/BroadbandZone/broadbandRevision202202/images/speed-up.png');
    background-size: 100% 100%;
}

.main-cont .page-box .recommended {
    padding-top: .35rem;
}

.main-cont .page-box .recommended .recommended-top {
    font-weight: bold;
    font-size: .36rem;
}

.main-cont .page-box .recommended .recommended-des {
    color: #666;
    font-size: .26rem;
    margin-top: .1rem;
    margin-bottom: .2rem;
}
/*2023-4-12 strat*/
.second-broadband {
    position: relative;
    overflow: hidden;
    background: #fcf6e5;
    border: .01rem solid #ffe9a7;
    border-radius: .2rem;
    padding: .64rem .3rem .38rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/*2023-4-12 end*/
.second-broadband.more {
    background: #edf7ff;
    border-color: #cee9ff;
    margin-bottom: .22rem;
    padding-bottom: .6rem;
}

.swiper {
    position: absolute;
    bottom: .26rem;
    width: 100%;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper > .swiper-item {
    width: .08rem;
    height: .08rem;
    margin-right: .14rem;
    background: #afd7ff;
    border-radius: .04rem
}

.swiper > .swiper-item.active {
    width: .16rem;
    background: #3b9eff;
}

.second-broadband .logo {
    color: #ffffff;
    font-size: .24rem;
    line-height: .5rem;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 .17rem;
    /*width: 1.5rem;*/
    height: .5rem;
    border-bottom-right-radius: .2rem;
    background: linear-gradient(to right, #eac684, #c9995a);
}

.second-broadband.more .logo {
    background: linear-gradient(to right, #6bb7f6, #2798f7);

}
/*2023-4-12*/
.second-broadband .left {
    color: #9b9b9b;
    font-size: .22rem;
    flex: 1;
}

.second-broadband .left .broadband-name {
    display: flex;
    align-items: center;
    color: #333;
    font-weight: bold;
    font-size: .3rem;
    margin-bottom: .06rem;
}
/*2023-4-12end*/
.second-broadband .left .broadband-name .broadband-name-des {
    font-size: .2rem;
    font-weight: normal;
}

.second-broadband .left .broadband-name img {
    width: .62rem;
    height: .62rem;
    margin-right: .15rem;
}

.second-broadband .right {
    color: #666;
    font-size: .22rem;
}

.second-broadband .right .appointment {
    width: 2.3rem;
    height: .6rem;
    margin-top: .25rem;
    position: relative;
    background-image: url('/mapp/pagemobile/BroadbandZone/broadbandRevision202202/images/appointment.png');
    background-size: 100% 100%;
    font-size: .32rem;
    line-height: .32rem;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.second-broadband .right .appointment .dray-luck {
    width: .97rem;
    height: .36rem;
    position: absolute;
    right: .08rem;
    top: -.25rem;

    background: url('/mapp/pagemobile/BroadbandZone/broadbandRevision202202/images/luckyDraw.png');
    background-size: 100% 100%;
}

.second-broadband.more .right .appointment {
    background-image: url('/mapp/pagemobile/BroadbandZone/broadbandRevision202202/images/appointment-b.png');
}

.second-broadband .right .price {
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.second-broadband .right .price-t {
    color: #bc8344;
}

.second-broadband.more .right .price-t {
    color: #057cfd;
}

.page-box.more-package {
    overflow: hidden;
    margin-top: .2rem;
}

.page-box.more-package .more-package-title {
    font-size: .36rem;
    margin-bottom: .2rem;
    color: #333333;
    font-weight: bold;
}

.get-pack {
    overflow: hidden;
}

.bottom-banner {
    margin-top: .18rem;
}

.bottom-banner img {
    height: 2.2rem;
}

.swiper-container {

}
.main-cont .page-box .gap{ padding-top:0}

.wts {width: 1.7rem;text-align: center;color: #ffffff;font-size: .26rem;height: .5rem;line-height: .5rem;border-radius: .25rem;background-image: url(/mapp/pagemobile/BroadbandZone/broadbandRevision202202/images/speed-up.png);background-size: 100% 100%;float: right;}

.main-cont .page-box .gap{ padding-top:0}
.tag{ display: inline-block; width: 2.05rem; height: .3rem; position: relative; z-index: 1; margin-left: 5px; vertical-align: middle; margin-top: -.06rem; }
.tag-bg{ width: 100%; height: .3rem;  background: linear-gradient(to right,#5cc8eb,#7be6b8); border-radius: .3rem .1rem .2rem .1rem;
    transform: perspective(.5rem) rotateX(360deg) rotate(180deg); position: absolute; top:-.3rem;
    transform-origin: bottom;  }
.tag-tx{  position: absolute; left: -.14rem; right: 0; top: .18rem; bottom: 0;line-height: .3rem;  display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center;z-index: 12; margin-top: -.2rem; }
.tag-tx span{ flex: 1; color: #fff; line-height: .3rem; font-size: .22rem; white-space: nowrap;}
.tag-tx img{ width: .34rem;position: relative; top: 0;  margin-right: .1rem;}

.list{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content:space-between; margin-top: .18rem;}
.list a{ width: 48.5%; }
.list a img{ display: block; width: 100%; border-radius: .1rem;}
.main-cont .page-box .lineDel{ border-bottom: none; padding-bottom: 0.1rem;}
.outerBg{position: relative; z-index: -1;  }
.quickNav{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content:space-between; font-size: .22rem; margin-top: .28rem;
    margin-bottom: .3rem;  }
.quickNav a{ width: 25%;text-align: center; color: #333; text-decoration: none;}
.quickNav a img{ width: .66rem; margin: 0 auto;}
.quickNav a span{ display: block; text-align: center; }


/*融合办理*/
.txbox{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center; margin-top: .2rem;flex-wrap: wrap;-webkit-flex-warp:warp; }
.txbox-bd{  display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center;margin-right: .2rem;}
.txbox-bd::before{ content: ""; width: .1rem; height: .1rem; background-color: #bc8344; border-radius: .1rem;  }
.txbox-bd p{ font-size: .2rem; color: #bc8344;margin-left: .04rem; white-space: nowrap;}



/*2023-4-11*/
.setbg2{ background-color: #f5f5f5;}
.box1-bd-tx{ display: flex; display: -webkit-flex;font-size: .24rem; color: #666; }
.box1-bd-tx::before{ content: ""; width: .08rem; height: .08rem; background: #2a99f7; border-radius: .1rem; margin-top: .14rem; margin-right: .1rem;}
.setImgSize{ width: 1.02rem;}
.boxWifi{ margin: .5rem 3.47% 0.4rem; padding-bottom: 2px;border-radius: 7px;background: #fff; box-shadow: 0 1px 5px rgba(0,0,0,.1);
    font-size: .24rem; padding:0.06rem .3rem .3rem; box-sizing: border-box;  }
.boxWifi-bd{ padding-top: .54rem;line-height: 1; color: #999; font-size: .8rem;}
.boxWifi-bd-tx{ font-size: .9rem; color: #333; }
.btn-clear{ width: .24rem; align-self: center; -webkit-align-self:center; }
.floorTitle{ position: relative; }
.floorTitle::before{ content: ""; display: block; width: .07rem; height: .31rem; background: #006eff; border-radius: 0 .14rem .14rem 0;
    position: absolute; left:-0.3rem;}
.treaty-pos label{ justify-content: initial; -webkit-justify-content:initial; margin-left: .6rem;}
.txbox2-ft{ color: #666; font-size: .24rem; padding-bottom: .3rem; line-height: .4rem;}
#broadBox .swiper > .swiper-item.active{ background-color: #bc8344; }
#broadBox .swiper > .swiper-item{ background-color: #ddb890;}
#broadBox .swiper{ bottom: .06rem!important;}
.gap-tx{ padding-bottom: .06rem;}
.popTitle{ height: 1.04rem; line-height: 1.04rem; text-align: center; position: relative; border-bottom: 1px solid #e5e5e5; }
.popTitle h2{ font-size: .36rem; }
.popTitle a{ position: absolute; right: .26rem; top: .36rem; display: inline-block; width: .36rem; height: .36rem;}
.popTitle a img{ display: block; width: 100%; }
.selectionBox{ margin-left: .26rem; margin-right: .26rem;  font-size: .24rem; margin-top: .36rem; margin-bottom: .2rem;}
.selectionBox h2{ font-size: .32rem; margin-bottom: .25rem; }
.selectionBox-bd{ position: relative; }
.selectionBox-bd-tp{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center;background-color: #f5f5f5; border-radius: .1rem;
    padding:.06rem .2rem;}
.selectionBox-bd-tp input{ width: 0;flex: 1; height: .7rem;line-height: .7rem; background-color: #f5f5f5; font-size: .26rem; }
.selectionBox-bd-tp img{ width: .24rem;height: .14rem; align-items: center; margin-right: .06rem; }
.selectionBox-bd-ft{ position: absolute;left: 0; right: 0; z-index: 5; top: .8rem;  margin-top: .1rem;
}
.optionsList{ background: #ffffff; border-radius: .04rem;   box-shadow: 0 1px 3px rgba(0,0,0,.1); }
.selectionBox-bd-ft a{ display: block; background: #ffffff; position: relative; height: .8rem; line-height: .8rem; padding: 0 .2rem; box-sizing: border-box; font-size: .26rem; color: #333; }
.selectionBox-bd-ft a.current{ background-color: #f5f5f5;}
.selectionBox-bd-ft a.current::after{ content: ""; display: block; width: .26rem; height: .26rem; background: url(../images/icon-tick.png) no-repeat;
    background-size: 100% 100%;  position: absolute; right: .2rem; top: .26rem;  }
.tipsBox{ margin-left: .5rem; margin-right: .5rem; font-size: .26rem; margin-top: .3rem; margin-bottom: .5rem; color: #333;line-height: .42rem; }
.tipsBox2{ text-align: center; font-size: .26rem ; margin-bottom: .4rem; }
.tipsBox2 a{ color: #006eff; display: inline-block; text-decoration:underline; }
.up-arrow{ transform: rotate(180deg);}

.pop{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.6);z-index: 99;}
.toast{position: absolute; z-index: 119;   left: 10%;right: 10%;top: 50%; bottom: auto; font-size: .24rem;line-height: 1;
    background: rgba(0,0,0,.6);border-radius: 7px;padding: 10px;line-height: 20px;color: #fff;text-align: center}

.popCon{position: absolute;left: 0;right: 0;bottom: 0;background: #fff;}
.close{display: block;width: 13px;position: absolute;top: 13px;right: 13px;}
.close img{display: block;width: 100%;}
.popCon-tp{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;margin: 0 4.93%;padding: 14px 0;border-bottom: 1px solid #efefef;}
.popCon-tp img{display: block;width: 10.36%;max-width: 70px;}
.popCon-tp-tx{flex: 1;margin-left: .1rem;font-size: .28rem;font-weight: bold;line-height: .44rem;}
.setHeight{max-height: 50vh;overflow: auto;}
.spBg{background: #f5f5f5; padding-top: .2rem; padding-bottom: .2rem;}
.infoList{padding: 0 4.93%;background: #fff;}
.infoList:not(:last-child){margin-bottom: .2rem;}
.infoList li{padding: 11px 0;border-bottom: 1px solid #efefef;}
.info-li{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;
    line-height: .44rem; font-size: .26rem;}
.info-li:not(:first-child){margin-top: .1rem;}
.infoList li:last-child{ border-bottom: none;}
.info-li-sp{flex: 1;margin-left:.2rem;text-align: right;font-size: .3rem;font-weight: bold;}
.redTx{color: #ff2657;}
.infoTx{font-size: .2rem;color: #999;border-radius: .08rem;background: #fafafa;line-height: .36rem;padding: .12rem .18rem .06rem;margin: .2rem 0;}
.infoTx p{margin-bottom: 3px;}
.popCon-inp{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;margin: 0 4.93% .5rem;border: 1px solid #ccc;border-radius: .1rem; font-size: .26rem;}
.popCon-inp-lt{position: relative;line-height:.82rem;padding: 0 .26rem;font-weight: bold;}
.popCon-inp-lt::after{content: "";position: absolute;right: 0;top: .16rem;bottom: .16rem;width: .02rem;background: #ebebeb;}
.popCon-inp input{flex: 1;width: 0;height: .8rem; border: none;background: transparent;margin: 0 .2rem; outline: none;}
.popCon-inp input::-webkit-input-placeholder{color: #ccc;}

.popCon-inp-rt{line-height: .82rem;text-align: right;margin-right: .26rem;color: #666;min-width: 1.7rem;}
.popCon-inp-rt a{display: block;color: #006eff; text-decoration: none;}
.popCon-inp-rt span{font-size: .2rem;}
.popCon-btn{display: block;height: 1rem;line-height: 1rem;background: linear-gradient(to right,#006eff,#38abf3);font-size: .36rem;color: #fff;text-align: center;}
.floor{margin: 0 3.47% .2rem;padding-bottom: 2px;border-radius: 7px;background: #fff;box-shadow: 0 1px 5px rgba(0,0,0,.1);position: relative;}
.floor:first-child{margin-top: .26rem;}
.floor-in{border-bottom: 1px solid #e5e5e5;margin: 0 .3rem;display: flex;display: -webkit-flex;font-size: .24rem;color: #999;line-height: .88rem;padding-top: .04rem;}
.floor-in:last-child{border-bottom: none;}
.floor-in-chose{display: flex;display: -webkit-flex;flex: 1;-webkit-flex: 1;}
.floor-in-chose img{display: block;width: .14rem;align-self: center;-webkit-align-items: center;}
.floor-in-chose img.icon-date{ width: .3rem; }
.floor-in input{flex: 1;-webkit-flex: 1;width: 0;border: none;margin-left: .18rem;font-size: .28rem}
.floor-in input::-webkit-input-placeholder{color: #999;}
.floor-tp{border-bottom: 1px solid #eaeaea;padding: .3rem .38rem 0.3rem .3rem;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.floor-tp h4{ flex: 1; font-size: .3rem;line-height: 1; }
.floor-tp a{display: block;font-size:.26rem;color: #006eff;line-height: 1;}
.local::before{display: inline-block;content: "";width: .18rem;height:.22rem;background: url(../images/icon-local.png) no-repeat;background-size: 100% 100%;vertical-align: middle;margin: -.04rem .06rem 0 0;}
.floor-tip{font-size: .24rem;padding: .22rem;}
.floor-tip-txsp{color: #ff2657;margin-top: .1rem;}
.floor-in-btn2{display: block;width: .22rem;align-self: center;-webkit-align-self: center;margin-left: .2rem;}
.floor-in-btn2 img{display: block;width: 100%;}
.floor-inSp {    align-items: center;    -webkit-align-items: center;    justify-content: space-between;    -webkit-justify-content: space-between;}
.floor-tp a.emptyBtn{ color: #999; font-size: .26rem; margin-right: .34rem;}
.emptyBtn::before{ content: ""; display: inline-block; width: .22rem;height: .22rem;background: url(../images/icon-empty.png) no-repeat;
    background-size: 100% 100%; vertical-align: middle; margin-top: -.04rem; margin-right:.06rem; }
.switchOff{display: block;width: .9rem;height: .48rem;border-radius: .48rem;background: #ebebeb;position: relative;}
.switchOn{background: #4cd964;}
.switchOff::after{display: block;content: "";width: .4rem;height: .4rem;border-radius: 50%;background: #fff;box-shadow: 1px 1px 3px rgba(0,0,0,.1);position: absolute;left: .04rem;top:.04rem;}
.switchOn::after{box-shadow: 1px 1px 3px rgba(0,0,0,.1);left: .46rem;}
.setbg{  background: url(../images/poto-bg.jpg) no-repeat #fdfdfd; background-size: 100% auto; }
.btns{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content:space-between; margin-top: .24rem;
    margin-left: .28rem; margin-right: .28rem; margin-bottom: .2rem; }
.btns a{ width: 3.04rem; height: .6rem; background-color: #efefef; color: #333; font-size: .24rem; text-align: center; line-height: .6rem;
    border-radius: .6rem; border: 1px solid #efefef;}
.btns a.setBtn-bg{ background-color: #edf5ff; color: #006eff; border: 1px solid #006eff;}
.tx{ font-size: .22rem; color: #999; margin-left: .5rem; margin-right: .5rem; text-align: center; padding-bottom: .24rem;}
.treaty{ padding-top: .06rem; padding-bottom: .2rem;font-size: .24rem; color: #666;  }
.treaty input{display: none;}
.treaty label{font-size: .24rem;color: #999;display: flex;display: -webkit-flex; justify-content: center; -webkit-justify-content:center; }
.treaty label a{color: #006eff;display: inline-block; padding-left: .1rem;}
.treaty label::before{display: block;content: "";width: .28rem;height: .28rem;border-radius: 50%;box-sizing: border-box;border: 1px solid #9a9a9a;margin: .06rem .12rem 0 0;flex-shrink: 0;-webkit-flex-shrink: 0;}
.treaty input:checked + label::before{background: url(../images/icon-ck.png) no-repeat;background-size: 100% 100%;border: none;}
.treaty2-tx{ font-size: .2rem; color: #999;}
.btn1{ display: block; width: 4.82rem; height: .8rem; margin: 0 auto; background: linear-gradient(to right,#38abf3,#0670ff); font-size: .36rem; color: #fff;
    border-radius: .8rem; color: #fff; text-align: center; line-height: .8rem; }
.txbox2{ font-size: .24rem; margin-left: .44rem; margin-right: .44rem; margin-top: .4rem; padding-bottom: .1rem;  }
.txbox2-ul{ padding: 0; margin: 0;}
.txbox2-tp{ font-size: .3rem; color: #333; margin-bottom: .1rem;}
.txbox2-ul li{ font-size: .24rem; color: #666; line-height: .4rem; }
.txbox2-ul li a{ color: #006eff; text-decoration: underline;}
.txbox2-ul li:nth-child(n+4){ display: none;}
.txbox2-ul-all li:nth-child(n){ display: block;}
.icon-more{ display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content:center; align-items: center; -webkit-align-items:center;
    padding-bottom: .4rem; font-size: .26rem; color: #016eff;}
.icon-more img{ width: .22rem; margin-left: .1rem; }
.box1{ margin: 0 3.47% 0.2rem; margin-top: .3rem; background: linear-gradient(#eef2ff,#fff); border-radius: .2rem; position: relative; }
.box1-tag{ position: absolute; left: 0; top: 0; height: .5rem; line-height: .5rem; padding-left: .2rem; padding-right: .2rem; display: inline-block;  background: linear-gradient(to right,#69b7f6,#2898f7); font-size: .24rem;
    border-radius: .2rem 0 .2rem 0 ;  color: #fff;}
.box1-bd{ display: flex; display: -webkit-flex; padding: .6rem .5rem .4rem; font-size: .24rem; }
.box1-bd-lt{ flex: 1; }
.box1-bd-rt{ width: .66rem; }
.box1-bd-rt img{ display: block; width: 100%; }
.box1-bd-lt h3{ font-size: .3rem; }
.box1-bd-lt p{ font-size: .24rem; color: #666;margin-top: .1rem;  }
.box1-bd-lt p::before{ content: "";  }
.box2{ margin: 0 3.47% 0.2rem; background: linear-gradient(#eef2ff,#fff); border-radius: 0.2rem;}
.box2-tp{ display: flex; display: -webkit-flex; align-items: center;-webkit-align-items:center;
    padding-left: .28rem; padding-right: .28rem; border-bottom: 1px solid #e6e9f3; }
.box2-tp h2{ font-size: .3rem; padding-top: .28rem; padding-bottom: .28rem;  line-height: 1; }
.box2-tp img{ width: .33rem; margin-right: .1rem; }
.box2-bd{ margin-left: .2rem; margin-right: .3rem; padding-bottom: .26rem; }
.box2-bd-con{  display: flex; display: -webkit-flex;   font-size: .26rem; padding-top: .26rem;}
.icon-der{ width: .28rem; height: .28rem; border: 1px solid #999; border-radius: .18rem; margin-right: .1rem;margin-top: .04rem;box-sizing: border-box; }
.box2-bd div.selected span{ background: url(../images/icon-ck.png) no-repeat; background-size:100% 100%;border: none; }
.tx2 a{display: inline-block; background-color: #eceff5; font-size: .18rem; color: #7d8aa4; border-radius: .2rem;padding: .04rem .1rem; line-height: 1;}
.iconUp img{ transform: rotate(180deg);}
.popboxCon{ position: absolute; left: 8%; right: 8%; top: 50%; transform: translateY(-50%); font-size: .24rem;}
.popboxCon-bd{ background-color: #fff;border-radius: .14rem; padding-bottom: .34rem;   }
.popboxCon-bd-tp{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content:space-between; align-items: center; -webkit-align-items:center;
    padding: .34rem .34rem 0;}
.popboxTitle{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center; }
.popboxTitle img{ width: .34rem; margin-right: .14rem; }
.popboxTitle h2{ font-size: .32rem;}
.popbox-price{ font-size: .22rem; color: #666;}
.popbox-price span{ font-size: .36rem; color: #ff5882; font-weight: bold; }
.listBox{ margin: .2rem .34rem 0; background-color: #f3f9ff; border-radius: .2rem; padding: .3rem; display: flex; display: -webkit-flex;
    justify-content: space-around; -webkit-justify-content:space-around; }
.listBox-bd-tp{ width: .82rem; margin: 0 auto;}
.listBox-bd-tp img{ display: block; width: 100%;}
.listBox-bd-tx{ text-align:center; font-size: .26rem;margin-top: .1rem;}
.details{ margin: 0 .34rem ;}
.details-tp{ text-align: center; padding-top: .15rem; padding-bottom: .15rem; }
.details-tp span{ display: inline-block; width: 1.4rem; height: .34rem;border: 1px solid #006eff; font-size: .24rem; border-radius: .8rem; color: #006eff;}
.details-bd-tx{ font-size: .24rem; color: #999; line-height: .4rem;}
.popboxCon-ft{ text-align: center; padding-top: .3rem; }
.popboxCon-ft a img{ width: .54rem; }
.priceBox{ background-color: #f1f8ff; border-radius: .2rem; padding: .24rem; font-size: .22rem; color: #666; margin:.2rem .34rem 0;}
.priceBox span{ font-size: .36rem; color: #ff5882; font-weight: bold; }
.details-box p{font-size: .24rem; color: #999; margin-bottom: .1rem;}
.details-box p span{ color: #333;font-weight: bold;}
.lineBox{ border-top: 1px solid #f3f3f3; margin-top: .2rem;}
.selectionRo{  padding-top: .3rem;   color: #666; padding-bottom: .3rem; padding-left: .2rem; background-color: #fff; font-size: .24rem;}
.selectionRo input{ display:none;}
.selectionRo input + label{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center; justify-content: center; -webkit-justify-content:center}
.selectionRo input + label span{ color: #3070f5; }
.selectionRo input + label::before{ content: ""; display: inline-block; width: 16px; height: 16px; border: 1px solid #d9d9d9; border-radius: 16px; box-sizing: border-box;
    vertical-align: middle; margin-right: 5px; margin-top: 0px;}
.selectionRo input:checked +  label::before{content: ""; display: inline-block;  border: none;
    background: url(../images/icon-ck.png) no-repeat; background-size: 100% 100%; }
.selectionRo label a{ color: #3070f5;}
/**/
.boxtips{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center; background-color: #feeed4; border-radius: .1rem;
    margin-left: 0.28rem; margin-right: 0.28rem; margin-top: .24rem;}
.boxtips-lt{ width: .98rem; height: .5rem; }
.boxtips-lt img{ display: block; width: 100%;border-radius: .1rem 0 0 .1rem;}
.boxtips-tx{ flex: 1; font-size: .24rem; color: #333; }
.boxtips-rt{ width: .24rem; margin-right: .3rem;}
.boxtips-rt img{ display: block; width: 100%;}

/*2023-6-7*/
.contentBox{ padding-top: .3rem;}
.contentBox-bd{ border-radius: .2rem; border: 1px solid #0573fe; padding: .4rem 0.1rem 0.2rem; }
.contentBox-tab{  display: flex; display: -webkit-flex; justify-content: space-between;
    -webkit-justify-content:space-between; padding-left: .1rem; padding-right: .1rem; }
.contentBox-tab a{position: relative;z-index: 1; width: 3.11rem; height: .54rem;line-height: .5rem; padding-top: .06rem; text-align: center;
    background-color: #edf7ff; border-radius: .14rem .14rem 0 0; font-size: .26rem; color: #0573fe;
    border: 1px solid #cee9ff; border-bottom: none; box-sizing: border-box; font-weight: bold; -webkit-tap-highlight-color:rgba(0,0,0,0)}
.contentBox-tab a.active{ border: none;background: linear-gradient(to right,#37aaf3,#016fff);color: #fff; }
.contentBox-tab a.active::after{ content: ""; width: 3.11rem; height: .21rem;
    display: block; background: url(../images/poto-active.png) no-repeat;
    background-size: 100% 100%; position: absolute; left: 0; bottom: -.21rem; z-index: 1;}
/*.contentBox-sub-box{ padding-top: .36rem; margin-bottom: .08rem;}*/
.contentBox-sub-box{ margin-bottom: .08rem;}
.contentBox-sub-box .recommended-des{ color: #666;  font-size: .26rem;  margin-bottom: .14rem;margin-left: .14rem; }
.boxflex{ flex-direction: column; -webkit-flex-direction:column}
.boxflex .price-t{width:100%;text-align: right;}
.price-box{width: 100%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center;justify-content: flex-end;
}
.price-box-lt{position: relative;padding: 0 .06rem; height: .3rem;
    background-color: #ff638b; border-radius: .04rem; font-size: .16rem;
    color: #fff;line-height: .3rem; margin-right: .12rem;}
.price-box-lt::after{ content: ""; display: block; width: .09rem;height: .13rem;
    clip-path: polygon(0 0,100% 50%,0 100%); background-color: #ff638b;
    position: absolute; right: -0.08rem; top: 50%; margin-top: -.06rem; }
.price-box-rt{ text-align: right; font-size: .22rem; color: #bc8344; position: relative; top: -.04rem;}
.price-box-rt span{ font-size: .34rem;}
.gap-top{flex-wrap: wrap; padding-top: .54rem;}
.gap-tp10{ margin-top: .1rem!important;}
/*.contentBox-sub{ position: absolute;}*/
/*.contentBox-sub-active{ display: block;}*/
.contentBox-bdSelector{position: relative;display: block}
.contentBox-bdSelector2{position: absolute;width: 100%;z-index: -10;top:0;left: 0;right: 0}
.popTit{text-align: center;font-size: .36rem;margin-top: 0.3rem; font-weight: bold;}
.popTxCont{margin-top: 0.28rem;text-align: center;font-size: 0.28rem;padding-left: 0.44rem;padding-right: 0.44rem;color: rgb(153,153,153);}
.btnBox{display: flex;justify-content: space-between;padding-left: 0.3rem;padding-right: 0.3rem;}
.popboxCon-box .changeMP{margin-top: 0.3rem;}
.mask{position: fixed;z-index: 9;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.6);}
.popboxCon2{position: fixed;left: 7%;right: 7%;top: 50%;z-index: 11;transform: translateY(-50%); }
.popboxCon2-box{background-color: #fff;border-radius: 0.14rem;padding-top: 0.3rem;box-sizing: border-box;}
.jcc{    justify-content: center;}
.btn-outer{ margin-top: .4rem;}
.btn-outer a{  width: 47%;  height: .76rem;   line-height: .76rem;   margin-bottom: .4rem;  border-radius: .38rem;  }
.wt-btn{display: block;background-color: #fff;border-radius: 0.52rem;color: rgb(0,110,255);box-sizing: border-box;border: 0.02rem solid rgb(12,117,255);font-size: 0.36rem;text-align: center;}
.btn{    font-size: .36rem;    color: #fff;    text-align: center;
    display: block;          background: linear-gradient(to right,rgb(55,170,243),rgb(0,110,255));}
.txtips{ color: #ff2657; font-size: .24rem; text-align: center; margin-top: .1rem;}
.gap0{ margin: 0; padding: 0;}

.floor2{margin: 0 3.47% 10px;padding-bottom: 2px;border-radius: 7px;background: #fff;box-shadow: 0 1px 5px rgba(0,0,0,.1);position: relative;}
.floor2:first-child{margin-top: 13px;}
.floor2-in{border-bottom: 1px solid #e5e5e5;margin: 0 15px;display: flex;display: -webkit-flex;font-size: 12px;color: #999;line-height: 44px;padding-top: 2px;}
.floor2-in:last-child{border-bottom: none;}
.floor2-in-chose{display: flex;display: -webkit-flex;flex: 1;-webkit-flex: 1;}
.floor2-in-chose img{display: block;width: 7px;align-self: center;-webkit-align-items: center;}
.floor2-in input{flex: 1;-webkit-flex: 1;width: 0;border: none;margin-left: 16px;font-size: 14px}
.floor2-in input::-webkit-input-placeholder{color: #999;}
.floor2-tp{border-bottom: 1px solid #eaeaea;padding: 15px 19px 15px 0;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.floor2-tp h4{ flex: 1; font-size: 15px;line-height: 1;}
.floor2-tp a{display: block;font-size: 13px;color: #006eff;line-height: 1;}
.local::before{display: inline-block;content: "";width: 9px;height: 11px;background: url(../images/icon-local.png) no-repeat;background-size: 100% 100%;vertical-align: middle;margin: -2px 3px 0 0;}
.floor2-tp-icon::before{display: inline-block;content: "";width: 3px;height: 15px;border-radius: 0 6px 6px 0;background: #006eff;vertical-align: middle;margin-top: -2px;margin-right: 10px;}
.floor2-tp a.emptyBtn{ color: #999; font-size: 13px; margin-right: 17px;}
.emptyBtn::before{ content: ""; display: inline-block; width: 11px;height: 11px;background: url(../images/icon-empty.png) no-repeat;
    background-size: 100% 100%; vertical-align: middle; margin-top: -2px; margin-right: 3px; }
.floor2-tip{font-size: 12px;padding: 11px;}
.floor2-tip-txsp{margin-top: 5px;}
.floor2-tip-txsp em{ font-style: normal; color: #2d69e6; font-weight: bold; padding-bottom: 1px;font-size: 15px;display: block;}
.floor2-in-btn2{display: block;width: 11px;align-self: center;-webkit-align-self: center;margin-left: 10px;}
.floor2-in-btn2 img{display: block;width: 100%;}
.notice{margin-top: 8px;}
.notice img{display: block;width: 100%;}
.btmBox2{height: 100px;margin-top: 10px;}
.popCon-treaty{text-align: center;margin-bottom: 19px;}
.popCon-treaty input{display: none;}
.popCon-treaty label{font-size: 12px!important;color: #666;line-height: 1px!important;}
.popCon-treaty label a{  color: #006eff; padding: 0; margin: 0;}
.popCon-treaty label::before{display: inline-block;content: "";width: 14px;height: 14px;border-radius: 50%;box-sizing: border-box;border: 1px solid #d9d9d9;vertical-align: middle;margin: -3px 3px 0 0;}
.popCon-treaty input:checked + label::before{background: url(../images/icon-ck.png) no-repeat;background-size: 100% 100%;border: none;}
.popCon-code{font-size: 12px;margin: 0 5.07% 35px;}
.treatySp{margin: 0; padding:0 13px 13px;background: #fff; line-height:1px!important;}
.treatySp label::before{border-color: #999;}
.btmBox2-btn{display: flex;display: -webkit-flex;flex-direction: column;-webkit-flex-direction: column;justify-content: center;-webkit-justify-content: center;text-align: center;font-size: 18px;color: #fff;background: linear-gradient(to right,#38abf3,#006eff);min-height: 35px;padding: 5px 0;line-height: 1;}
.getGray2{background: #d3d3d3;}
.btmBox2-btn span{font-size: 10px;}
.floor2-inSp{align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;}
.switchOff{display: block;width: 45px;height: 24px;border-radius: 24px;background: #ebebeb;position: relative;}
.switchOn{background: #4cd964;}
.switchOff::after{display: block;content: "";width: 20px;height: 20px;border-radius: 50%;background: #fff;box-shadow: 1px 1px 3px rgba(0,0,0,.1);position: absolute;left: 2px;top: 2px;}
.switchOn::after{box-shadow: 1px 1px 3px rgba(0,0,0,.1);left: 23px;}
.floor2-in .slideCheck{-webkit-appearance: none; /* WebKit browsers */-moz-appearance: none;appearance: none;outline: none;margin: 0; padding: 0; border: none; width: 45px;height: 24px;background-color: rgb(235,235,235);border-radius: 12px;position: relative;display: block;}
.floor2-in .slideCheck:checked{background-color:#4cd964;}
.floor2-in .slideCheck:checked::before{ right: 2px;}
.floor2-in .slideCheck::before{content: '';display: block;position: absolute;right: 23px;top: 2px;width: 20px;height: 20px;background-color: #fff;border-radius: 10px;}
.jcsb{justify-content: space-between;}
.flex-aic{display: flex;align-items: center;}
.btmAddr{position: fixed;left: 0;right: 0;bottom: 0;box-shadow: 0 0 10px rgba(0,15,32,.2);}
.getRese{display: flex;align-items: center;justify-content: space-between;}
.getRese img{width: 44.5px;height: 12px;}
.getRese p{margin-right: 2px;}.floor-in .getRese input,#treaty2{-webkit-appearance: none;-moz-appearance: none;appearance: none; outline: none; margin: 0; padding: 0; border: 1px solid rgb(150,150,150); box-sizing: border-box;width: 14px;height: 14px;border-radius: 7px;margin-right: 7px}
.getRese input:checked,#treaty2:checked{border: 0;background-image: url(../images/icon-ck.png);background-repeat: no-repeat;background-size: 17px 17px;background-position: center center;}
.wt-card{padding-left: 15px;padding-top: 20px;padding-bottom: 20px;margin-left: 3.25%;margin-right: 3.25%; margin-top: 15px;
    padding-right: 19px;background-color: #fff; border-radius: 10px;}
.ruleBox{display: flex;}
.ruleNum{width: .24rem;height: .24rem;background-color: rgb(188,217,255);font-size:.2rem !important;line-height: .24rem;text-align: center;margin-right:.1rem;border-radius: .16rem;color: rgb(15,120,255);position: relative;margin-top:.04rem;}
.ruleMain{flex: 1; }
.ruleCont{font-size: .24rem;color: rgb(102,102,102);line-height:.36rem;text-align: justify;}
.ruleBox{margin-top: .18rem;}
.wt-card .ruleBox:first-of-type{margin-top: 0;}
.top-0{top: 1px;}
.wd-69per{width: 69%;margin: 0 auto;}
.mt-20{margin-top: .4rem;margin-bottom: 15px;}
.ruleTit{ font-size: .24rem; font-weight: bold; color: #666666;}
.btn1{ display: block; width:44%; height: 40px;  background: linear-gradient(to right,#37aaf3,#016fff);
    border-radius: 26px; color: #fff; font-size: 18px; text-align: center; line-height: 40px;}
.detailBtn{ height: 28px;line-height: 28px;width: 90px;font-size: 14px;position: relative;background: linear-gradient(to right,#37aaf3,#016fff);
    border-radius: 26px;    color: #fff; text-align: center; align-self: center; -webkit-align-items:center}

body{  font-family: '微软雅黑'; font-size: .24rem;  background:#f5f5f5;  }
.rule{margin: 0 .24rem .2rem;border-radius: .2rem;background: #fff;padding: .26rem .26rem .1rem; box-shadow: 0 1px 5px rgba(0,0,0,.05)}
.ruleSp{margin-top:.3rem;}
.rule-tit{font-size: .36rem;text-align: center;line-height: .48rem;margin-bottom:.16rem;}
.rule-li{margin-bottom: .24rem;font-size: .24rem;color: #666;text-align: justify;display: flex;display: -webkit-flex;align-items: flex-start;-webkit-align-items: flex-start;}
.num{width: .24rem; height: .24rem;border-radius: 50%;text-align: center;line-height: .24rem;background: #bcd9ff;font-size: .2rem;color: #0f78ff;flex-shrink: 0;margin: .08rem .1rem 0 0;}
.btmBox{height:1.26rem;}
.btmAddr{position: fixed;z-index: 5;left: 0;right: 0;bottom: 0;}
.btmBtn{display: flex;display: -webkit-flex;flex-direction: column;-webkit-flex-direction: column;background: linear-gradient(to right,#0b90ff,#006aff);line-height: 1;color: #fff;padding: .2rem;text-align: center;}
.btmBtn h3{font-size: .4rem;}
.btmBtn-sp{font-size: .24rem;margin-top:.12rem;}
.grayBtn{background: #a6a6a6;}
.rule-bd-red{ color: #ff2657;}
.rule-bd{ color: #666;line-height: .44rem; text-align:justify; padding-bottom: .2rem;}

/*2023-11-2*/
.iconFloat{ position: fixed; right: .36rem; bottom: 20%; z-index: 8;}
.iconFloat a img{ width: 1.55rem;}