@charset "utf-8";
/**新版自选套餐 start**/
.optional-banner{margin-bottom: .266667rem; }
.optional-banner img{width: 100%;}
.optional-detail{background-color: #ffffff;padding: 0 .4rem;height: auto;overflow: hidden;border-bottom: 1px solid #d5d6d7;}
.optional-detail .div-1{display: flex;justify-content: space-between;align-items: center;padding:.266667rem 0 .4rem; }
.optional-detail .div-1 span{font-size: .426667rem;font-weight: bold;}
.optional-detail .div-1 .month-ul{ }
.optional-detail .div-1 .month-ul li{float: left;}
.optional-detail .div-1 .month-ul li a{background-color: #ffffff;display: inline-block;border: 1px solid #3390e8;color: #3391e9;border-radius: 4px;padding: 0 10px;margin-left: 10px;}
.optional-detail .div-1 .month-ul li.active a{ background-color: #3391e9;color: #ffffff;}
.optional-detail .div-2{}
.optional-detail .div-2 .list-ul{width: 100%;font-size: .34rem; }
.optional-detail .div-2 .list-ul li{width:50%;text-align: left;float: left;margin-bottom: .166667rem;}
.optional-detail .div-2 .list-ul li label{ color: #757575;float: left;width:1.153333rem;}
.optional-detail .div-2 .list-ul li span{color: #333333;float: left;width: 70%;}
.optional-veiw{font-size: .373333rem;color: #666; }
.optional-veiw .select-con{padding: .4rem 0 0;position: relative;}
.optional-veiw .select-tlt{padding:0 .266667rem;font-weight: bold;}
.optional-veiw .select-tlt label{width: 8px;height: 8px;background-color: #3391e9;display: inline-block;border-radius: 60%;margin-right: 5px;}
.swiper-container {padding: .4rem .433336rem .4rem;height: auto;overflow: hidden;width: 100%;}
.swiper-container .swiper-slide{float: left;width: 33.333%;text-align: center;position: relative;}
.swiper-container .swiper-slide span{display: flex;background-color: #f3f3f3;color: #757575;border:1px solid #f3f3f3;justify-content: center;border-radius: 4px;align-items: center;width: 88%;padding: 10px 0;margin: 0 auto;font-size: .34rem;line-height: 150%;}
.swiper-container .swiper-slide.active span{border:1px solid #3391e9;color: #3391e9;background:#f4f9fe url("../images/select-on.png") no-repeat right bottom;background-size: 18px auto;}
.optional-veiw  .lookbtn { background: url("../images/down-ico.png") no-repeat 90% 11px;background-size: 14px auto;padding-right: 20px;}
.optional-qipao01{ position: absolute;background:url("../images/qipao-ico.png") no-repeat center;background-size: 100% 80%;color: #ffffff;padding: 0 5px 2px 9px;top: 0;right: 0;font-size: .32rem;text-align: center;margin-top: -.2rem;}
.optional-qipao02{background:url("../images/qipao-green.png") no-repeat center;background-size: 100% 100%; }
.optional-veiw  .closebtn {background: url("../images/up-ico.png") no-repeat 90% 3px;background-size: 14px auto;padding-right: 35px;}
.optional-veiw .show-more a{position: absolute;background-color: #fff;box-shadow: 0px 5px 5px #d5d6d7;font-size: .4rem;color: #3391e9;text-align: center;display: block;width: 3rem;border-radius: 6px;height: 36px;line-height: 36px;z-index: 1;margin-top: -8px;left: 50%;margin-left: -1.5rem;}
.optional-veiw .veiw-list {margin-top: .266667rem;background-color: #fff;}
.optional-veiw .veiw-list .veiw-title {margin: 0 .266667rem;padding: .4rem 0 .2rem .6rem;position: relative;font-size: .4rem;font-weight: bold;}
.optional-veiw .veiw-list .veiw-title:before {content: "";position: absolute;top: 50%;left: 0;
    transform: translateY(-18%);width: .4rem;height: .426667rem;}
.optional-veiw .veiw-list .active-tlt:before{background: url(../images/thhd-icon.png) no-repeat;background-size: 100% 100%; }
.optional-veiw .veiw-list .rule-tlt:before{background: url(../images/rule-icon.png) no-repeat;background-size: 100% 100%;}
.optional-veiw .veiw-con {border-top: 1px solid #dedede;padding: .4rem .266667rem;}
.optional-veiw .veiw-con p {padding-bottom: .133333rem}
.optional-veiw  .thhd-card{ display: flex;justify-content: space-around;align-items: center;border-top: 1px solid #dedede;border-bottom: 1px solid #dedede;padding: .4rem .266667rem;}
.optional-veiw  .thhd-card a{width: 100%;text-align: center;}
.optional-veiw  .thhd-card a:nth-child(2){text-align: right;}
.optional-veiw  .thhd-card img{width: 94%;margin: 0 auto;display: inline-block;}
.footer .bottom-btnBox {padding: 0px; height: 1.6rem; width: 100%; z-index: 9;}
.bottom-btnBox .price-text{display: inline-block; font-size: .4rem; width: 60%; padding-left: .36rem;}
.bottom-btnBox .span-01{ color: #ff7f29;}
.bottom-btnBox .span-01 label{font-size: .6rem;}
.bottom-btnBox .handle-btn{height: 100%; border-radius: 0;background-color: #3391e9;}

.optional-filter .close-img img{width: 16px;position: absolute;right: .26667rem;top: .26667rem;}
.optional-filter .modal-text{max-height: inherit;}
.color-3391e9{color: #3391e9;}
.color-ff7f29{color:#ff7f29;}
.color-fff{color:#fff;}
.bg-color-e0e0e0{background-color: #e0e0e0;}
.line-height-250{line-height:250%;}
.swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #e1e1fd;
    border: 1px solid #f6f6fe;
    opacity: inherit !important;
    /* filter: alpha(opacity=NaN);*/
    margin: 0 4px !important;
}
.swiper-pagination .swiper-pagination-bullet-active {
    background-color: #3391e9;
    width: 8px;
    height:8px;
}
.swiper-pagination{ position: initial; bottom:0 !important;padding: 0 0 .2rem;}

.tjgh-div{
    padding: 0.4rem 0.6rem .4rem;
    color: #666;
}
.tjgh-input{
    width: 96%;
    height: .9rem;
    border: 1px solid #757575;
    border-radius: 3px;
    padding: 5px;
}

.swiper-container .swiper-slide .tuij-img,.swiper-container .swiper-slide .hy-img{position: absolute;width: 32%;top: 0;left: 6%;border-top-left-radius: 6px;}
.swiper-container .swiper-slide .hy-img{width: 37%;}
/**新版自选套餐 end**/
.kdxz-scroll { max-height:35em; overflow-y:auto; overflow-x:hidden;}
.kdxz-scroll p{padding: 4px;}
.modal-rgyy {position: fixed;width: 100%;max-width: 10rem;margin: 0 auto;left: 50%;top: 50% !important;
    transform: translate(-50%, -50%) !important;color: #333;z-index: 9999;}
.rgyy-close span{font-size: .866667rem;top: .083333rem; right: .6rem;}
.modal-rgyy .modal-con {width: 8.933333rem;margin: 0 auto;animation: a .5s 0s 1 both;transition: all .3s;
    background-color: #fff;border-radius: 4px;padding: .533333rem .6rem;overflow: hidden;}
.modal-rgyy .modal-con h4 {font-size: .48rem;text-align: center;}
.rgyy-btn{ display: flex;padding-bottom: .26666rem;width: 100%;justify-content: space-between;}
.rgyy-btn .btn-w45{width: 45%;font-size: .386666rem;}
.rgyy-btn .btn-w100{width: 100%;font-size: .386666rem; }
.optional-detail .div-2 .use-ul li{color: #666666;}
.optional-detail .div-2 .use-ul li span{display: inline-block;width: 35%;margin: 8px 0;font-size: .35rem;position: relative;}
.optional-detail .div-2 .use-ul li span:first-child{border-right: 1px solid #cccccc;width: 23%;font-size: .373333rem;}
.optional-detail .div-2 .use-ul li span:nth-child(2n){width: 42%;}
.optional-detail .div-2 .use-ul li span img{width: .4rem;display: inline-block;margin: -2px 5px 0;}
.optional-detail .div-2 .use-ul li:first-child{border-bottom: 1px dashed #e8e8e8;}
.optional-detail .div-2 .use-ul li span:first-child .wh-img{width: .3rem;position: absolute;top: 0;left: 70%;}
.swiper-container .swiper-slide div,.swiper-container .swiper-slide.active div{border-radius:15px;margin:0 auto;flex-direction: column;padding: 10px 0;width: 87%; background-color: #ffffff;border: 1px solid #509aff;color: #3f86e5;}
.swiper-container .swiper-slide.active div{ border: 1px solid #509aff;color: #3f86e5;
    background: #f0f6ff url(../images/package/select-on.png) no-repeat right bottom;background-size: 18px auto;}
.swiper-container .swiper-slide  div .p-01{font-size: .45rem;width: 86%;border-bottom: 1px dashed #4192ff;padding-bottom: 4px;margin: 0 auto;  }
.swiper-container .swiper-slide  div .p-02{font-size: .28rem;padding-top: 4px;}
.optional-veiw .show-more a {position: relative;box-shadow: none;display: inline-block;font-size: .373333rem;margin-top: 0;height: auto;line-height: inherit;margin-bottom: .266667rem;    width: auto;
    left: 0;margin-left: 0;}
.optional-veiw .lookbtn {background: url(../images/package/down-ico.png) no-repeat 98% 5px;background-size: 12px auto;padding-right: 20px;}
.optional-veiw .show-more{text-align: center;}
.bottom-btnBox{z-index: 9;}
.optional-topCon{margin-top: -106%;position: relative;}
.optional-detail{margin: 0 .266667rem;border-radius: 4px;}
.change-con{background-color: inherit;padding: .1rem .266667rem 0;margin-top:0;}
.change-con .change-list li{margin: 5%; width: 40%; height: 8rem;display: block;background-color: #ffffff;padding: .24rem 0;text-align: left;align-items: flex-start;}
.change-con .change-list li .tlt{font-size: .4rem;color: #fff;width: 100%;font-weight: bold;}
.change-con .change-list li .tlt .tips-p03{color: #cb9900;background-color: #fff0c6;font-size: .23rem;border-radius: 0 16px 16px 16px;text-align: center;}
#selectZRQY{color: #cb9900;background-color: #fff0c6;font-size: .23rem;border-radius: 0 16px 16px 16px;text-align: center;}
.change-con .change-list li .bg-blue{background:url(../images/package/blue-bgimg.png) no-repeat;background-size:100% 100%;padding: 1px 10px 4px .6rem;
    width: 100%;margin-left: -8px;}
.change-con .change-list li .bg-next{background:url(../images/package/yellow-bgimg.png) no-repeat;background-size:100% 100%;padding: 1px 10px 4px .6rem;
    width: 100%;margin-left: -8px;}
.change-con .change-list li .bg-yellow{background:url(../images/package/on-icon01.png) no-repeat 4px 6px,url(../images/package/yellow-bgimg.png) no-repeat;background-size:.34rem auto,100% 100%;padding: 1px 10px 4px .6rem;
    width: 100%;margin-left: -8px;}
.change-con .change-list li.active .bg-yellow{background:url(../images/package/on-icon.png) no-repeat 4px 6px,url(../images/package/yellow-bgimg.png) no-repeat;background-size: .4rem auto, 100% 100%;}
.change-con .change-list li .div-2{min-height: 2.1rem;text-align: center;padding-top: 0.1rem;}
.change-con .change-list li .div-2 .price{color: #999999;font-size: .7rem;font-weight: 400;}
.change-con .change-list li .div-2 .price label{font-size: .373333rem;}
.change-con .change-list li .div-2 .tips-p{color: #999999;font-size: .32rem; line-height: 140%;padding-bottom: .2rem;}
.change-con .change-list li .tlt-p02 {height: 1.25rem;}
.change-con .change-list li .tlt-p02-new {height: .65rem;}
.change-con .change-list li .tlt-p01 {height: 1.75rem;}

.change-con .change-list li .tlt-p02 .p-01{background: linear-gradient(to right,#e4f0ff,#ffffff);color: #666666;padding-left: 3px;width:96%;}
.change-con .change-list li.active .tlt-p02 .p-01{background: linear-gradient(to right,#e4f0ff,#fffacc);color: #666666;padding-left: 3px;}

.change-con .change-list li .tlt-p02 .p-02{text-align: center;color: #fc6863;}
.change-con .change-list li .tlt-p02 .tips-p03{color: #cb9900;background-color: #fff0c6;font-size: .23rem;border-radius:16px;text-align: center; width: 85%; margin: 4% auto;padding: 2% 0;}
.change-con .change-list li .tlt-p02-new .tips-p03-new{color: #cb9900;background-color: #fff0c6;font-size: .23rem;border-radius:16px;text-align: center; width: 85%; margin: 4% auto;padding: 2% 0;}
.change-con .change-list li.active{border: 3px solid #ffb74a;border-color: #ffb74a;background-color: #FFFACC;}
.change-con .change-list li.active .div-2 .price{color: #ffa800;}

.optional-topCon .jtqy-tlt{background: url("../images/package/jtqy-tlt.png")no-repeat center;background-size: 100% 100%;color: #fff;
    position: absolute;top: -.3rem;left: 50%;transform: translate(-50%, 0);text-align: center;font-size: .45rem;padding: 4px 10px 4px 16px;width: 52%;}
.optional-topCon .tips-div01{position: relative; color: #666;display: flex;justify-content: space-between;align-items: center;background-color: #fff;margin: .6rem .266667rem 0;
    box-shadow: 0 0 10px #e7e7e7;border-radius: 6px;padding: .8rem 0 10px;}
.optional-topCon .tips-div01 .check-p{background: url(../images/package/on-icon01.png) no-repeat 4px center,linear-gradient(to right,#ffdf7f,#ffffff) no-repeat;
    background-size: .34rem auto,3rem auto;padding: 4px 10px 4px .6rem;width: 52%;}
.optional-topCon .tips-div01.on{border: 3px solid #ffb74a;}
.optional-topCon .tips-div01.on .check-p{background: url(../images/package/on-icon.png) no-repeat 4px center,linear-gradient(to right,#ffdf7f,#ffffff) no-repeat;
    background-size: .4rem auto,3rem auto;}
.tc-veiw .veiw-list{    padding-bottom: 2rem;}
.tc-veiw .integral-detail {margin-bottom: 1.5rem;padding: .4rem;}
.tc-veiw .integral-detail p{text-indent: .6rem;color: #808080;font-weight: normal;padding-bottom: 4px;}
.tc-veiw .integral-tabs .tab-menu{background-color: #3e97ff;}
.tc-veiw .integral-tabs .tab-menu li{border-right: none;background: #3e97ff;height: 50px;}
.tc-veiw .integral-tabs .tab-menu li a{color: #ffffff;}
.tc-veiw .integral-tabs .tab-menu li.veiw-list-li-active a{font-size: .45rem;font-weight: bold;border-bottom: 2px solid #ffffff;color: #ffffff;padding-bottom: .1rem;}

.change-con .change-list li .tlt-p02 .p-01 .datatimeclick{
    background: #5C89C4;
    border-radius: 100px;
    height: 19px;
    width: 18px;
    display: inline-block;
    text-align: center;
    margin-left: .16rem;
    color: #fff;
}


/**弹窗*/

.package-filter .modal-con{padding: 0;border-radius: 12px;}
.package-filter .modal-con h4 {background: url("../images/package/filter-tltbg.png")no-repeat center;background-size: 100% 100%;padding: 30px 0;color: #fff;
    font-size: .48rem;text-align: center;}
.package-filter .close-img img {width: 16px;position: absolute;left: .266667rem;top: .266667rem;}
.package-filter .modal-text{max-height: inherit;padding: 0 .8rem;}
.package-filter .modal-btn{background-color: #efefef;padding-top: 0;margin-top: .666667rem;}
.package-filter .modal-btn .btn:not(:last-child) {margin-right: 0;}
.package-filter .modal-btn .btn-border-blue{color: #8ab8ff;border: none;border-radius: 0}
.package-filter .modal-btn .btn-blue{background-color: #4092ff;color: #ffffff;border-radius: 0;}

/*底部*/
.bottom-btnBox {position: fixed;bottom: 0;width: 100%;border-top: 1px solid #e0e0e0;background-color: #3391e9;height: 1.306666rem;line-height: 1.306666rem;color: #151515;}
.bottom-btnBox .bottom-table {width: 100%;}
.bottom-btnBox .bottom-table td {font-size: .4rem;padding: 0;}
.bottom-btnBox .bottom-table td:first-child {background-color: #efefef;width: 60%;text-align: left;padding-left: .36rem;}
.bottom-btnBox .bottom-table td .span-01{ color: #ff7f29;}
.bottom-btnBox .bottom-table td .span-01 label{font-size: .6rem;}
.bottom-btnBox .bottom-table td:nth-child(2) {color: #ffffff;background-color: #3390e8; width: 38%;font-size: .38666rem; }
.bottom-btnBox{height: 1.566666rem;line-height: 1.666666rem;box-shadow: 0 -3px 5px #e9f3ff;border-top: none;}
.bottom-btnBox .bottom-table{border-top: none;margin: 0 auto;}
.bottom-btnBox .bottom-table td:first-child{background-color: #ffffff;    line-height: 130%;}
.bottom-btnBox .bottom-table td:first-child .p-02{    font-size: .32rem;color: #666;}
.bottom-btnBox .bottom-table td .span-01 {color: #ff6363;}
.bottom-table td:last-child{ width: 38%; background-color: #3390e8; color: #ffffff;font-size: .38666rem; }

/*下月生效*/
.optional-veiw .xysx-btn{display: inline-block;background-color: #ff6363;color: #fff;border-radius: 4px;font-size: .32rem;font-weight: normal;padding: 0 4px;}
.veiw-list .veiw-list-li-active{border-bottom: none;}
.margin-b-3 {margin-bottom: 0.3rem;}
.margin-top-4{margin-top: 0.4rem;}
/**在线客服*/
/*.zxkf{bottom: 6%;top: inherit;width: 100%;text-align: right;}
.zxkf img{display: inherit;right: 0;z-index: 20;}
.zxkf-tips{position: absolute; background: url("../images/package/tips-bgimg.png")no-repeat center;background-size: 100% 100%;padding: 6px 4px;z-index: -1;
    color: #ffffff;width: 5.6rem;right: -40%;text-align: center;font-size: .37rem; -webkit-transition:all 1.6s;-ms-transition:all 1.6s;-moz-transition:all 1.6s; }
.zxkf:hover .zxkf-tips{display: block; ropacity: 1;right: 15%;}*/

.change-con .change-list li span{display: inline;}
.font-size-03{
    font-size: .3rem;
}
.font-size-04{
    font-size: .4rem;
}
.color-fb722f{color:#fb722f;}
.color-f23{color: #f23;}
.bg-color-disabled{background-color: #f7f4f5;}
.text-algin-c{text-align: center;}
.result-con {
    padding: .566667rem .6rem;
    width: 95%;
}
/*.containerResult .package-success{
    padding: 0.566667rem 0.6rem;
    background-color: rgb(255, 255, 255);
    width: 95%;
    border: 1px solid #efeeee;
    border-radius: 3px;
}*/
#CDCARDSUCC2 .rule-a{float: right;color: #3390e8;}
.font-weight-b{font-weight: bold;}
#CDCARDSUCC2 .p-01{padding: .2rem 0 .4rem;
    font-size: .33rem;
    font-weight: bold;}
#CDCARDSUCC2 .ktbtn{background: linear-gradient(to right,#f15103,#f5760b);
    color: #fff;
    padding: .1rem 1.5rem;
    border-radius: 10px;
    margin: .5rem auto 0;
    display: inline-block;}


.swiper-container .select-ul-lldc, .select-container .select-ul-lldc {padding: .26rem 0 .16rem;}
.swiper-container .select-ul-lldc div {position: relative; border-radius: 15px;flex-direction: column;padding: 0;height: 2rem;width: 90%;background-color: #ffffff;color: #3f86e5;}
.swiper-container .select-ul-lldc .active div{border: 1px solid ;background: #f0f6ff url(../images/package/select-on.png) no-repeat right bottom;
    background-size: 18px auto;flex-direction: column;padding: 0;}
.swiper-container .select-ul-lldc div .p-01{border-bottom: 1px dashed #5099ff;padding-top: .5rem;padding-bottom: 0;}
.swiper-container .select-ul-lldc .active div .p-01{border-bottom: 1px dashed ;}
.swiper-container .select-ul-lldc div .p-txt{font-size: .28rem;background-color: #0092f1;color: #fff;width: 100%;position: absolute;top: 0;border-radius: 16px 12px 0 0;text-align: right;padding-right: 4px;}


/*二次弹框修改*/
.ywtj-con{background:#ffffff url("../images/package/border-img.png")no-repeat right bottom;
    background-size:100% auto;padding: .4rem;margin-bottom: .6rem;}
.ywtj-con .tlt-1{font-size: .48rem;font-weight: 500;color: #2b2b2b;}
.ywtj-con .line-blue{display: inline-block;background-color: #3190e8;width: 3px;height: .55rem;margin: 0 5px -3px 0;}
.ywtj-con ul{}
.ywtj-con ul li{position: relative;background: url("../images/package/select-01.png")no-repeat right .4rem;
    background-size: 16px auto;border-bottom: 1px dashed #e7e7e7;padding: .36rem 0;}
.ywtj-con ul li:last-child{border-bottom: none;}
.ywtj-con ul li.on{position: relative;background: url("../images/package/select-02.png")no-repeat right .4rem;background-size: 16px auto;}
.ywtj-con ul li .tlt{width: 90%;font-size: .4rem;font-weight: 500;color: #2b2b2b;}
.ywtj-con ul li .tlt span{font-size: .35rem;}
.ywtj-con ul li .tips-div{color: #666666;font-size: .32rem;width: 90%;padding-top: .13rem;}

.handle-con{background: #ffffff;padding-bottom: 1.5rem;}
.handle-con .list{margin-top: .4rem;}
.handle-con .list p{font-size: .4rem;font-weight: 500;color: #2b2b2b;padding-bottom: .26rem;}
.tips-item p{color: #a9a9a9;padding-bottom: .26rem;}

.circle-333{display: inline-block;width: 4px;height: 4px;border-radius: 100px;background-color: #3391e9;margin: 0 5px 3px 0;}
.color-ff564b{color: #ff564b;}
.color-038ffe{color: #038ffe;}
.btn-ljbl{background: linear-gradient(to right,#0387fe,#02a9ff);box-shadow: 0 3px 5px #bad9f2;color: #ffffff;
    border-radius: 30px;width: 80%;margin: 0 auto .4rem;}
.modal-dialog .close-img{width: 1rem;margin: 0 auto;}
.modal-dialog .btn-org01{background: linear-gradient(to right,#ff574b,#ff8b31);color: #ffffff;border-radius: 30px;
    width: 55%;margin: 0 auto;flex: inherit;}
.modal-dialog .modal-text{max-height: inherit;}
.modal-dialog .modal-text p{text-indent: 10%;padding: 0 .4rem .26rem;font-size: .4rem;}


/*新增4G自选   5G智选*/
.optional-veiw .select-zxul{display: flex;justify-content: center;align-items: center;padding: .4rem 0 .26rem;}
.optional-veiw .select-zxul li{color: #333333;font-size: .4rem;width: 20%;text-align: center;border-right: 1px solid #333333;line-height: 100%;}
.optional-veiw .select-zxul li:last-child{border-right: 0;}
.optional-veiw .select-zxul li span{position: relative;z-index: 1;}
.optional-veiw .select-zxul li.on .line-blue{position: absolute;display: inline-block;height:6px;width: 100%;background-color: #3391e9;
    bottom: -1px;left: 50%;transform: translate(-50%, 0);z-index: -1;border-radius: 20px;}

/*弹框*/
.optional-filter .ul-1{font-size: .35rem;font-weight: bold;}
.optional-filter .ul-1 li{color: #595959;margin-top: .26rem; background: url("../images/package/select-1.png")no-repeat left;background-size: .4rem auto;padding-left: .6rem;}
.optional-filter .ul-1 li.on{ background: url("../images/package/select-2.png")no-repeat left;background-size: .5rem auto;padding-left: .6rem;}
.optional-filter .tips-xs{color: #595959;font-size: .35rem;margin-top: .26rem;}
.optional-filter .tips-title{color: #0985F5;font-size: .4rem;text-indent: 0%;font-weight: bold;}
.optional-filter .btn-qd{background: linear-gradient(#84b9ff,#247ffe);font-size: .53rem;font-weight: 500;box-shadow: -5px 5px 5px #f8e6e7;border-radius: 50px;
    flex: inherit;width: 58%;color: #ffffff;margin: 0 auto .4rem;}


.swiper-slide .select-ul-lldc-02 .lloption1{background: url("../images/package/li2-bg0.png")no-repeat;background-size: 100% 100%;border: none;}
.swiper-slide .select-ul-lldc-02 .lloption2{background: url("../images/package/li2-bg0.png")no-repeat;background-size: 100% 100%;border: none;}
.swiper-slide .select-ul-lldc-02 .lloption3{background: url("../images/package/li3-bg0.png")no-repeat;background-size: 100% 100%;border: none;}
.swiper-slide .select-ul-lldc-02 div  .p-txt{text-align: right;padding-right: 15px;background-color: inherit;}
.swiper-slide .select-ul-lldc-02 div  .p-01{border-bottom: none;}
.swiper-slide div.select-ul-lldc-02 {border:none;width: 100%;}
.swiper-slide .select-ul-lldc-02 div  .tuij-img{position: absolute;width: 32%;top: 0;left: 0%;border-top-left-radius: 6px;}
.swiper-slide .select-ul-lldc-02 div  .add-img{position: absolute;width: .4rem;right: -.1rem;bottom: -.1rem;}
.swiper-slide .select-ul-lldc-02 div  .div_active{position: absolute;width: .5rem;right: .22rem;bottom: .18rem;border-radius: 0 0 8px 0;}
.swiper-slide .select-ul-lldc-02 .lloption1.active{color: #3f86e5;background: url("../images/package/li2-bg1.png")no-repeat;background-size: 100% 100%;border: none;}
.swiper-slide .select-ul-lldc-02 .lloption2.active{color: #3f86e5;background: url("../images/package/li2-bg1.png")no-repeat;background-size: 100% 100%;border: none;}
.swiper-slide .select-ul-lldc-02 .lloption3.active{color: #3f86e5;background: url("../images/package/li3-bg1.png")no-repeat;background-size: 100% 100%;border: none;}


.jt_p_tip{color: #999999;font-size: .36rem;margin-left: 1%;}
.jt_img_red{ display: inline;width: .45rem;padding:.0rem .1rem .1rem .1rem;}
.jt_img_green{ display: inline;width: .45rem;padding:.0rem .1rem .1rem .1rem;}
.zx_top_tips{    color: #ffffff;background-color: #f3760a;font-size: .23rem;border-radius: 16px;text-align: center;width: 95%;margin: 1% auto;padding: 1% 0;}
.zx_middle_tips{    color: #cb9900;background-color: #fff0c6;font-size: .23rem;border-radius: 16px;text-align: center;width: 60%;margin: 1% auto;padding: 1% 0;}
.tips-p-new{color: #999999;font-size: .32rem; line-height: 140%;}

.select_zh_ul{padding: .26rem 0 .16rem;}
.select_zh_li{position: relative;border-radius: 15px;flex-direction: column;padding: 0;height: 2rem;width: 90%;background-color: #ffffff;color: #3f86e5;}


.select-container .select-ul li a {
    display: flex;
    background-color: #f3f3f3;
    color: #757575;
    border: 1px solid #f3f3f3;
    justify-content: center;
    border-radius: 4px;
    align-items: center;
    width: 88%;
    padding: 10px 0;
    margin: 0 auto;
    font-size: .34rem;
    line-height: 125%;
}


.select-container .select-ul li a{border-radius: 8px; flex-direction: column;padding: 0;height: 1.8rem; width: 88%; background-color: #ffffff;border: 1px solid #509aff;color: #3f86e5;}
.select-container .select-ul li.active a{ border: 1px solid #509aff;color: #3f86e5;
    background: #f0f6ff url(../images/package/select-on.png) no-repeat right bottom;background-size: 18px auto;}
.select-container .select-ul li a .p-01{font-size: .45rem;width: 86%;border-bottom: 1px dashed #4192ff;padding-bottom: 4px;}
.select-container .select-ul li a .p-02{font-size: .28rem;padding-top: 4px;}

.dwxz-con{display: inline-block;margin-bottom: -1rem;}
.dwxz-con .select-tlt{color: #595959;font-size: .43rem;text-align: center;margin-top: .4rem;}
.dwxz-con .select-container .select-ul{padding: .4rem .866667rem .4rem;}
.dwxz-con .select-container .select-ul li{float: left;width: 100%;text-align: left;position: relative;margin-bottom: .266666rem;}
.dwxz-con .select-container .select-ul li a{text-align: left;border-radius: 14px;width: 100%;}
.dwxz-con .select-container .select-ul li p{display: inline-block;width: 100%;padding: 0 .4rem;}
.dwxz-con .select-container .select-ul li.active a {border: 1px solid #509aff;color: #3f86e5;background: #f0f6ff url("../images/package/select-on.png") no-repeat right bottom;background-size: 25px auto;}
.dwxz-con .select-container .select-ul li:last-child{margin-bottom: 0;}





/*弹窗信息*/
.popup-dialog{
    width: 100%;
    height: 100%;
    transition: transform .3s ease-out;
    display: none;
    position: fixed;
    z-index: 99;}



.popup-btna2{color:#ff6363 }


.zzz{
    text-align: center;
}
.popup-all{
    color: black;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)!important;
    font-size: 19px;
    margin: 0 auto;
    padding: 0;
    width: 70%;
    z-index: 7;
    border-radius: 10px;
    background-color: white;
    height: 160px;
    font-size: 14px;
}
.p1{
    /*font-size: 0.39rem;*/
    /*padding: .3rem .6rem;*/
    font-size: 0.39rem;
    padding: 0.1rem .6rem;
}
.p2{
    font-size: 12px;
    padding-left: 20px;
}
.popup-btn{
    width: 100%;
    margin: .15rem auto;
}

.van-btn{
   width: 100%;
    display: flex;
    margin-top: 0.48rem;
}


.pa1{
    background: #ffffff;
    border: 1px solid #0a94fa;
    border-radius: 5px;
    text-align: center;
    height: .8rem;
    line-height: .8rem;
    color: black;
    font-size: 15px;
    width: 100%;
    display: inline-block;
    margin: 0 .3rem
}
.pa2{
    color: #ffffff;
    background: #0a94fa;
    font-size: 15px;

}


/*弹窗非常抱歉*/
.tan{
    width: 100%;
    height: 100%;
    transition: transform .3s ease-out;
    display: none;

}
.tan2{
    color: white;
    font-size: .4rem;
    position: fixed;
    top: 55%;
    left: 50%;
    transform: translate(-50%,-50%)!important;
    margin: 0 auto;
    width: 56%;
    z-index: 7;
    border-radius: 10px;
    background-color: #555050;
    opacity: 0.8;
    padding: .4rem 0;
}
.p111{
    padding: 0 .65rem;
}
.tan3{
    z-index: 7;
    position: relative;
    /*top: 50px;*/
    font-size: 15px;
}

.p333{
    position: absolute;
    right: 0;
    font-size:.43rem;
    color:#0a94fa;
    padding-right:20px;
}

.checkRule{position: relative;margin: .3rem;font-size: .373333rem;}
.checkRule span{padding-left: 5px;}
.checkRule .checkbox:after {background-color: #ffffff;border: .026667rem solid #373737;border-radius: 4px;width: .433333rem;height: .433333rem;}
.checkRule .checkbox:before {border: .053333rem solid #5f8ffd;border-top-style: none;border-right-style: none;width: .22rem;height: .1rem;left: .11rem;}
.checkRule .a-rule{color: #5f8ffd;text-decoration: underline;}


/* haoyun 2022/11/08 */
body{background-color: rgba(0,0,0,.04)!important;}
.optional-detail{border-radius: 9px;padding: 0.32rem 0.35rem;}
.optional-detail .div-2 .use-ul li:first-child{font-size: .37rem;font-weight: 400;color: #666666;border-bottom: 1px dashed rgba(102, 102, 102, .2)}
.optional-detail .div-2 .use-ul li span:first-child{width: auto;margin: 0 0 0.32rem;padding: 0 0.37rem 0 0;line-height: .43rem;border-right: 1px dashed rgba(102, 102, 102, .2)}
.optional-detail .div-2 .use-ul li span{margin: 0 0 0.32rem;width: auto!important;padding: 0 0.13rem 0 0;}
.optional-detail .div-2 .use-ul li span img{width: 0.45rem;margin: 0 0.13rem 0 0.4rem;}
.optional-detail .div-2 p{font-size: .32rem;padding-top: 0.32rem;margin: 0;color: #323233;}
.change-con{padding: 0 0 0 0.21rem;}
.change-con .change-list{margin: 0;}
.change-con .change-list li{margin: 0.24rem 0.37rem 0.45rem;flex: 1;padding: 0.48rem 0;min-height: 8.29rem;height: auto;background: #FFFFFF;border: 1px solid #DDDDDD;border-radius: 10px;}
.change-con .change-list li.active{background: #FEF9D0;border: 3px solid #F4B85E;}
.change-con .change-list li .tlt{font-size: .5rem;font-weight: 500;}
.change-con .change-list li .bg-blue{padding: 0.16rem 0.69rem;}
.change-con .change-list li.active .bg-yellow{padding: 0.16rem 0.69rem;background-size: 0.64rem auto, 100% 100%;}
.change-con .change-list li .div-2{padding: 0;}
.change-con .change-list li .div-2 .price{font-size: .67rem;font-weight: 400;color: #6F6F6F;padding: 0.48rem 0 0.24rem;line-height: .67rem;}
.change-con .change-list li .div-2 .price label{font-size: .4rem;}
.tips-p-new{padding-bottom: 0.27rem;}
.change-con .change-list li .tlt-p02{height: auto;font-size: .35rem;}
.change-con .change-list li .tlt-p02 .p-01{color: #5A5A5A;width: auto;padding: 0.16rem 0.29rem;}
.change-con .change-list li .tlt-p02 .p-02{color: #FD0000;padding: 0.16rem 0;}
.zx_top_tips{margin: 0 0.8rem;padding: 0;width: auto;font-size: .32rem;background: #F4B85E;border-radius: 16px;}
.p333{font-size: .37rem;font-weight: 500;color: #2892FF;padding-right: 0.37rem;}
.dwxz-con{background: #fff;border-radius: 10px;margin: 0.5rem 0.4rem 0;padding: 0 0 0.45rem;}
.dwxz-con .select-tlt{margin-top: 0;padding: 0.48rem 0 0.35rem;border-bottom: 1px solid #EEEEEE;font-weight: 600;font-size: .45rem;}
.dwxz-con .select-container .select-ul{padding: 0 0.5rem;}
.dwxz-con .select-container .select-ul li{margin: 0.27rem 0;}
.dwxz-con .select-container .select-ul li a{background: #F6F6F6!important;border: 1px solid #999999!important;border-radius: 9px;color: #818080!important;padding: 0.32rem 0.53rem;height: auto;min-height: 1.8rem;}
.dwxz-con .select-container .select-ul li.light a{background: #fff!important;color: #5A5A5A!important;border: 1px solid #ddd!important;}
.dwxz-con .select-container .select-ul li.light p.mt20{color: #5A5A5A;}
.dwxz-con .select-container .select-ul li.active a{background: #F0F7FF url(../images/package/select-on.png) no-repeat right bottom!important;border: 1px solid #4C94F5!important;color: #4C94F5!important;}
.dwxz-con .select-container .select-ul li p{font-size: .43rem;padding: 0;}
.dwxz-con .select-container .select-ul li p.f32{font-size: .43rem;}
.dwxz-con .select-container .select-ul li p.mt20{padding: 0;margin-top: 0.32rem;font-size: .37rem;color: #999999;}
.dwxz-con .select-container .select-ul li.active p.mt20{color: #4C94F5;}

/*底部*/
.bottom-btnBox{height: 1.84rem;box-shadow: none;background: #fff;}
.bottom-btnBox .bottom-table{height: 100%;padding: 0.29rem 0.4rem;}
.bottom-btnBox .bottom-table td:first-child{border: none;padding: 0;}
.bottom-btnBox .bottom-table td .span-01{font-size: .54rem;color: #EF8636;}
.bottom-btnBox .bottom-table td .span-01 label{font-size: .54rem;}
.bottom-btnBox .bottom-table td:first-child .p-02{color: #808080;}
.bottom-btnBox .bottom-table td:nth-child(2){height: 1.2rem;border-radius: 46px;width: auto;border: none;display: inline-block;font-size: .43rem;font-weight: 500;color: #FEFEFE;line-height: 1.2rem;min-width: 4rem;background: linear-gradient(90deg, #458DF7, #3478F6);}
/*二次确认页面*/
#directHandle{padding: 0.29rem 0.4rem 3.4rem;}
#directHandle .tlt-1{font-size: .48rem;font-weight: 600;color: #000000;padding-bottom: 0.32rem;}
#directHandle .tlt-1 .line-blue{display: inline-block;background-color: #3190e8;width: 3px;height: 0.43rem;margin: 0 7px -2px 0;}
.handle-con{border-radius: 10px;padding: 0.4rem 0.4rem 0.53rem;}
.handle-con .list{margin: 0;}
.handle-con .list p{font-size: .43rem;color: #000;}
.handle-con .list p span{color: #fd0000;}
/*二次确认页面 底部*/
.ysdialog-wrap-btn2{height: 1.2rem;background: linear-gradient(90deg, #2892FF, #007EFF);border-radius: 46px;line-height: 1.2rem;padding: 0;font-size: .43rem;font-weight: 500;}
/*成功页*/
.result-con{margin: 0.27rem 0.4rem;width: auto;padding: 0.56rem 0.4rem 0.69rem;background: #FFFFFF;border-radius: 10px;box-shadow: none;}
.result-con .result-title{font-size: .48rem;font-weight: 500;color: #282828;}
.result-con .result-title .result-icon{margin-right: 7px;}
.result-con .result-txt{font-size: .37rem;font-weight: 400;color: #757575;}
/*弹窗*/
#popup-dialog .popup-all{width: auto;left: 32px;right: 32px;transform: translate(0, -50%)!important;padding: 0.4rem;height: auto;min-height: 1.6rem;}
#popup-dialog .popup-all h3{font-size: .53rem;font-weight: 500;color: #3F3F3F;padding: 0.11rem 0 0.51rem;}
#popup-dialog .popup-all .p1{font-size: .37rem;font-weight: 500;color: #585858;padding: 0.11rem 0.4rem 0.4rem;}
#popup-dialog .popup-all .popup-btn{padding: 0.4rem 0 0;margin: 0;}
#popup-dialog .popup-all .van-btn{margin: 0;}
#popup-dialog .popup-all .pa1{border: 1px solid #2892FF;border-radius: 9px;margin: 0;font-size: .43rem;font-weight: 500;color: #2892FF;height: 1.2rem;line-height: 1.2rem;}
#popup-dialog .popup-all .pa2{margin-left: 0.32rem;background: linear-gradient(90deg, #2892FF, #007EFF);color: #fff;}



.tc-tabs tr:first-child{background-color:inherit!important; }


.overlayFixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
}

.dialog_fixed {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 320px;
    transform: translate(-50%, -50%);
    font-size: 16px;
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
}

.dialog__header {
    /*font-size: 1.2rem;*/
    padding: 0.5rem 0;
    margin: 0 0.15rem;
    font-weight: 500;
    color: #000000;
    line-height: 1rem;
    text-align: center;
}
.dialog-text{
    padding: 0 28px 20px;

}
.dialog__footer{
    text-align: center;
    padding-bottom: 20px;

}
.dialog__footer button{
    padding: 10px 50px;
    color: #fff;
    background: #3478F6;
    border: none;
    border-radius: 5px;
    height: 0.9rem;
    font-size: 0.4rem;

}

.bottom-btnBox .bottom-table td {
    img {
        width: .5rem;
        position: absolute;
    }

    .padding-p {
        margin-left: 1rem;
    }
}