.imgbox{line-height: 0;}
.bxl-warper{background:url(../images/bxl-new/qqthjx_extend.jpg) repeat-y; background-size:100%;font-size: .6rem;}
.bxl-box{width: 94%; margin-left: 3%;}
.bxl-box{width: 90%; margin-left: 5%;  position: relative; border-bottom: 2px solid #e40077; padding-bottom: .8rem;}
.bxl-cho{position: relative; z-index: 2008;}
.bxl-cho li{width: 31.33%; float: left; margin: 0 1%; position: relative; background: #fff; display: block; height: 4.22rem; border: 2px solid #e40077; border-radius: .5rem;}

.bxl-cho li>i{position:absolute; width: 1rem; height: 1rem; bottom:-1px; right:0;  background-image:url(../images/tc-i.png); background-size:100%;; background-position:0 0;}
.bxl-cho li.on>i{background-position:0 100%;}
.bxl-box .con{width: 31.33%; background: #ccc; border-radius: .5rem; padding: .6rem .3rem .5rem .3rem; font-size: .4rem; word-break: break-all; margin-top: -.4rem;}
.bxl-box .con1{margin-left: 1%;}.bxl-box .con2{margin-left: 33.33%;}.bxl-box .con3{margin-left: 67.66%;}


.wxts-box{width: 94%; margin-left: 3%;margin-bottom: 1rem;}
.wxts-box h4{font-size: .43rem; line-height: 2em; font-weight: 800;}
 .wxts-box h4:before{content: "▲"; color: #00acff;}
.wxts-box p{display:block; width: 94%; margin-left: 3%; margin-bottom: .1rem; font-size: .4rem; line-height: 1.5em; color: #000;}
.wxts-box .title{font:600 .55rem/2em "microsoft yahei"; color: #00acff; }
.wxts-box h3{font-size: .43rem; line-height: 2em; font-weight: 800;}
.btn-rose-mid{display:-webkit-box;width:100%;box-sizing:border-box;-webkit-box-align:center; background: #fff; padding: .1rem; }
.btn-rose-mid button{background: #e40077; color: #fff;text-align:center; margin:.4rem;line-height:2rem;display:block;-webkit-box-flex:1; border-radius: .4rem;font-size: .68rem; font-family: "microsoft yahei";}
.btn-rose-mid.dis button{background: #999;}
.btn-rose-mid.sg{width:54%; margin-left: 23%;}

.btn-green-nomal button{background: #8fc31f; width:70%; color: #fff;text-align:center; margin:.4rem; margin-left:15%;line-height:1.2rem;display:block; border-radius: .25rem;font-size: .6rem; font-family: "microsoft yahei";}
.btn-green-nomal.dis button{background: #999;}
.btn-blue-nomal button{background: #0085d0; width:40%; color: #fff;text-align:center; margin:.4rem; margin-left:30%;line-height:1.2rem;display:block; border-radius: .25rem;font-size: .6rem; font-family: "microsoft yahei";}
.btn-blue-nomal.dis button{background: #999;}

.yyydhm input[type="text"].full{border: 1px solid #e40077; text-align: center; padding: .2rem ; padding-top: .3rem; border-radius: .25rem; font-size: .55rem; color: #333;}
.yyydhm input.full::-webkit-input-placeholder{color:#f17fbb; text-align:center; line-height: inherit;}.yyydhm input.full:-moz-placeholder{color:#f17fbb; text-align:center; opacity:1;line-height: inherit;}
.yyydhm input.full::-moz-placeholder{color:#f17fbb;opacity:1; text-align:center; line-height: inherit;}.yyydhm input.full:-ms-input-placeholder{color:#f17fbb; text-align:center; line-height: inherit;}
.yyydhm input[type="text"].yzm{border: 1px solid #e40077; vertical-align: middle; text-align: center; padding: .2rem ; padding-top: .3rem; border-radius: .25rem 0 0 .25rem; font-size: .55rem; color: #333;width: 3.8rem;}
.yyydhm button.yzm{width: 3rem; vertical-align: middle; color: #fff;font-size: .43rem; font-family: "microsoft yahei"; line-height: 1.28rem; background: #e40077; height: 1.22rem;padding: 0 .4rem; border-radius: 0 .25rem .25rem 0;margin-left: -.2rem;}
.yyydhm button.yzm.dis{background: #999}

.tc-info{width: 90%; margin: .7rem 5% .8rem; font-size: .42rem;}
.tc-info span{color: #e40077; font-weight: 800;}

.rose-table table{width: 90%; margin-left:5%;padding-top: .2rem; text-align: center; color: #f7eeb0;border-collapse:collapse; font-size: .45rem;}
.rose-table table thead td{background:#e40077; line-height:1.5em; color: #fff;font-size: .75rem; padding:0.2rem 0; border:1px solid #e40077; border-right:1px solid #fff;}
.rose-table table thead td:last-child{border-right: 1px solid #e40077;}
.rose-table table tbody td{ line-height:1.5; color: #769f9d; text-align: center; padding:.3rem;border:1px solid #e40077;}

/*副卡*/
.fk-top{position: relative;}
.fk-top .tit{position: absolute; width: 100%; text-align: center; bottom: 0;line-height:1.9em; font-size: .65rem; color: #fff;}
.fk-space{border: 1px solid #e40077; position: relative; margin-bottom: 1rem; min-height: 12rem; width: 88.6%; margin-left:5.7%; border-radius: 0 0 .5rem .5rem; padding: .4rem; padding-bottom: 4.6rem; font-size: .6rem;}
.card-box{position: relative; }
.card-box label{position: absolute; top: .45rem; left: 2.3rem; font-size: .5rem; color: #fff; width: 2.8rem; text-align: center; overflow: hidden;}
.card-box input[type="text"]{border: none; position: absolute; top: .52rem; left: 5.5rem;line-height: 1.2em; font-size: .6rem; font-weight: 600; width: 5.4rem; overflow: hidden; text-align: center;}
.card-box.rose input[type="text"]{color: #e40077;}
.card-box.blue input[type="text"]{color: #0085d0;}
.card-box p{color: #0085d0; width:9.2rem;  word-break: break-all; margin-left: 2.2rem; font-size: .4rem;}
.card-box i{width: 1.2rem; height: 1.2rem; position: absolute; right: 0; top: .2rem;}
.card-box i.add{background-image:url(../images/icon-add.png); background-size: 100%;}
.card-box i.del{background-image:url(../images/icon-del.png); background-size: 100%;}
.card-box i.new{background-image:url(../images/khbl.png); background-size: 100%;}

.fk-cz-box{width:70% ; margin-left: 12%;margin-top: 1rem; position: absolute; bottom: .4rem;}
.fk-cz-box>div{width: 34%; margin: 0 8%; float: left;}
.fk-yz-box{width:80% ; margin-left: 17.5%; margin-top: .4rem; position: relative;}
.fk-yz-box>input[type="text"]{border: 1px solid #8fc31f; width:5.4rem; padding: .1rem; border-radius: .25rem;height:1.4rem;font-size: .7rem;}
.fk-yz-box .input-placeholder{position: absolute; top: .12rem; left: .2rem; text-align: center; font-size: .45rem;width: 5rem; color: #b8db6b;}
.fk-yz-box>button{background: #8fc31f; width:3.4rem; text-align: center; height: 1.4rem; font: 400 .5rem/1.4rem "microsoft yahei";  border-radius: .25rem; color: #fff; }
/*弹窗*/
.ui-dialog-new-cnt{border-radius:.5rem; border:.3rem solid #e1e1e1 ;width:70%;-webkit-background-clip:padding-box;background-clip:padding-box;pointer-events:auto;background-color:rgba(253,253,253,.95);position:relative;font-size:.68rem}
.ui-dialog-new-cnt img{width: 90%; margin:.5rem 5%; }
.ui-dialog-new-cnt p{width: 94%; margin-left: 3%; font-size: .5rem; line-height: 1.5em; color: #333;}

.ui-dialog-ft.rose,.ui-dialog-ft.blue,.ui-dialog-ft.green{display:block;width:90%; margin-left:5%; margin-bottom: .6rem; text-align:center; border:none;}
.ui-dialog-ft.rose button{background:#e40077; color:#fff; border-radius:.3rem; margin: .8rem; width: 3.4rem; line-height:1.8em; display:inline-block;-webkit-box-flex:1;font-size:.55rem}
.ui-dialog-ft.green button{background:#8fc31f; color:#fff; border-radius:.3rem; margin: .8rem; width: 3.4rem; line-height:1.8em; display:inline-block;-webkit-box-flex:1;font-size:.55rem}
.ui-dialog-ft.blue button{background:#0085d0; color:#fff; border-radius:.3rem; margin: .8rem; width: 3.4rem; line-height:1.8em; display:inline-block;-webkit-box-flex:1;font-size:.55rem}
.bottom-close{display:inline-block;background-image:url(../images/close-green.png);background-size:100%;width:1.4rem;height:1.4rem;position:absolute;bottom:-2.2rem;right:42%}
.popimg-info-box{position: relative; text-align: center;}
.popimg-info-box span{display: inline-block; position: absolute; top:.6rem; left: 20%; width: 60%; font-size: 1.32rem; color: #fff;}

.cho-tel-list{width: 60%; margin:.4rem 20%;}
.cho-tel-list li{margin-bottom: .3rem; font: 400 .6rem/1.2em "microsoft yahei"; color: #666;}
.cho-tel-list li input[type="radio"]{-webkit-appearance: none;appearance: none; width:0.7rem; height:0.7rem;vertical-align: bottom; background-image:url(../images/check05.png);background-position:0 0;background-size:100%;outline:none;}
.cho-tel-list li input[type="radio"]:checked,.cho-tel-list li input[type="radio"].active{background-position:0 100% }


.card-box-n{position: relative; padding-bottom: .4rem;}
.card-box-n .attr{line-height: 1.4rem; height: 1.4rem; margin-left:1rem; }
.card-box-n .attr label{display: inline-block; height: 1.4rem; font-size: .5rem; color: #fff; width:3.5rem; padding:0 .4rem; text-align: left; overflow: hidden; background: #0085d0; border-radius: .3rem 0 0 .3rem;border: 1px solid #0085d0; }
.card-box-n .attr .r-box{display: inline-block; position: absolute; font-size: .5rem; height: 1.4rem; color: #0085d0; font-weight: 600; width:6.5rem; padding:0 .4rem; text-align: left; overflow: hidden; background: #fff; border: 1px solid #0085d0; border-radius:0 .3rem .3rem 0;}
.card-box-n .attr input[type="text"]{border: none; position: absolute; color: #999; font-weight: 600; top: 0.26rem; left: .4rem; line-height: 1.2em; font-size: .55rem; font-weight: 600; width: 5.8rem; overflow: hidden; text-align: left;}
.card-box-n .attr.btn button{border: 1px solid #777; font-size: .62rem; display: inline-block; vertical-align: middle; padding-bottom: .1rem; background: #fff; border-radius: .3rem; height: 1.6rem; width: 10rem; text-align: center; color: #666;}
.card-box-n .attr.btn button:active{background: #efefef;}
.card-box-n .attr.btn button:before{content: "+"; font-size:.9rem; }
.card-box-n p{color: #0085d0; width:12rem; word-break: break-all; margin-left: 1rem; font-size: .42rem; line-height: 1.5em;}
.card-box-n i{width: 1.2rem; height: 1.2rem; position: absolute; right: .8rem; top: .1rem;}
.card-box-n i.del{background-image:url(../images/icon-del2.png); background-size: 100%;}
.card-box-n i.sure{background-image:url(../images/icon-sure.png); background-size: 100%;}
.card-box-n i.nosure{background-image:url(../images/icon-nosure.png); background-size: 100%;}

.btn-blue-mid button{background: #0085d0; width:70%; color: #fff;text-align:center; margin:.4rem; margin-left:15%;line-height:1.4rem;display:block; border-radius: .25rem;font-size: .6rem; font-family: "microsoft yahei";}
.btn-blue-mid.dis button{background: #999;}
.fk-space .pull-bottom.btn-blue-mid button{position: absolute; bottom:.8rem;background: #0085d0; width:82%; color: #fff;text-align:center; margin:.4rem; margin-left:6.5%;line-height:1.4rem;display:block; border-radius: .25rem;font-size: .6rem; font-family: "microsoft yahei";}

.fk-space.yz{box-shadow:0 .1rem .3rem #cfb5ff;-webkit-box-shadow:0 .1rem .3rem #cfb5ff;
    -moz-box-shadow:0 .1rem .3rem #cfb5ff}
.login-form-box{display: block; overflow: hidden; line-height: 0; width:100%; margin:0; background: #fff; padding:0 .6rem .6rem .6rem; }
.login-form-box input{ border: none;}
.login-form-box p{ border:1px solid #e4e4e4; border-radius: .3rem;  width: 96%; margin:.8rem 2%; font: 400 .6rem/1.4rem "microsoft yahei"; color:#999; position:relative; background:#fff; padding: .2rem  .2rem  .2rem .4rem ;}
.login-form-box p input[type="text"],.login-form p input[type="password"],.login-form p input[type="tel"]{background: #fff;font: 400 .6rem/1em "microsoft yahei";color: #666;overflow: hidden;}
.login-form-box p.iphone>i{display:block; position:absolute; top:.4rem; left:.3rem; background:url(../images/icon-iphone.png); background-size: 100%; height: 1rem; width: 1rem; }
.login-form-box p.mail>i{display:block; position:absolute; top:.4rem; left:.3rem; background:url(../images/icon-mail.png); background-size: 100%; height: 1rem; width: 1rem; }
.login-form-box p .btn-yzm{border-radius: .3rem; display:block; width: 5.2rem; background: #0085d0; position: absolute; top: 0; right: 0; height: 1.8rem; font-size: .55rem; line-height: 1.6rem; text-align: center; color: #fff; overflow: hidden; margin-left: .2rem;}

.login-form-box .tips{width: 94%; margin-left: 3%;line-height: 0}
.login-form-box .tips .gou{vertical-align: top; display: inline; color: #999; font-size: .55rem; line-height: 1em; }
.login-form-box .tips>a{font-size: .53rem; text-align: right; float: right; color: #999; margin-top: .5rem;}

.bxl-box2{width: 90%; margin: 1rem 5%;  position: relative; padding-bottom: .8rem;}
.bxl-cho2{position: relative; z-index: 2008;}
.bxl-cho2 li{width: 31.33%; float: left; margin: 0 1%; position: relative; background: #fff; display: block; height: 4rem;}

.bxl-cho2 li.on>i{position:absolute; width: .8rem; height:.8rem; bottom:.1rem; right:.1rem;  background-image:url(../images/cho_gou5.png); background-size:100%;; background-position:0 0;}
.bxl-cho2 li.on>em{width:1rem; height:1rem; display: block; background-image:url(../images/guilder-c.png); background-size: 100%; position: absolute; top:4rem; left: 40%; z-index:2031 ;}
.bxl-box2 .con{width: 98%; margin-left: 1%; background: #fff; border-radius: .2rem; padding: .6rem .3rem .5rem .3rem; font-size: .52rem; font-weight: 600; word-break: break-all; margin-top: .85rem; border: 1px solid #ef2696; color: #333; line-height: 1.8em;}

.wxts-box2{width: 94%; margin-left: 3%;}
.wxts-box2 h4{font-size: .43rem; line-height: 2em; font-weight: 800;  color: #e40077;}
.wxts-box2 h4:before{content: " "; color: #e40077;}
.wxts-box2 p{display:block; width: 94%; margin-left: 3%; margin-bottom: .1rem; font-size: .4rem; line-height: 1.5em; color: #000;}
.wxts-box2 .title{font:800 .55rem/.55rem "microsoft yahei"; color: #fff; background: #e40077; padding:.5rem .6rem; border-radius: .2rem .2rem 0 0; }
.wxts-box2 .title span{border-left:#fff solid .2rem ; padding-left:.3rem;}
.wxts-box2 .con{border-radius: 0 0 .3rem .3rem; padding: .4rem; box-shadow:0 .1rem .3rem #eee;-webkit-box-shadow:0 .1rem .3rem #eee???
    -moz-box-shadow:0 .1rem .3rem #eee}


.tc-cho-class{width: 92%; margin-left: 4%;}
.tc-cho-class li{width: 28.33%; margin:auto 2.5%;float: left; border-radius: .2rem; background: #f00; background: url(../images/bxl-new/cho-off-bg.png) no-repeat; height: 3.93rem;
    box-shadow:0 0 .4rem #0085c3;-webkit-box-shadow:0 .05rem .2rem #dbdbdb;
    -moz-box-shadow:0 0 .4rem #0085c3;
    text-align: center; background-size: 100%;  border-radius: .2rem;    margin-top: 0.5rem}
.tc-cho-class li.on{background: #f00; background: url(../images/bxl-new/cho-on-bg.png) no-repeat; background-size: 100%; }
.tc-cho-class li.on .price{color: #fff;}
.tc-cho-class li .price{color:#00acff; font: 800 1.6rem/1em "microsoft yahei"; width: 100%; margin-top: .5rem;}
.tc-cho-class li .price:after{font: 400 .4rem/1em "microsoft yahei"; width: 100%; margin-top: .1rem; content: "元/月"; display: block;}
.tc-cho-class-con{border-bottom: 1px solid #eee; padding: .6rem .6rem .8rem; font-size: .6rem;}
.tc-cho-class-con .tc-info{width: 100%; margin: .2rem 0; font-size: .42rem; color: #777;}
.tc-cho-class-con .tc-info span{font-weight: 800; color: #00acff;}
.ll-btn-box{width: 66%; margin-left: 17%; text-align: center;}
.ll-btn-box.be-flex{margin-left: 0;}
.ll-btn-box .btn-tab-con-full{font-size: .58rem; display:block; width: 100%; background: #00acff; border-radius: .1rem; padding: .8rem 0; font-weight: 600; color: #fff; text-align: center; line-height: 0; margin: .6rem auto;}
.ll-btn-box .btn-tab-con-full.dis{background: #bfc9cd; color: #f5f5f5;}


.warper{font-size: .6rem;}
.warper-full{position: relative; width: 100%; height: 100vh; min-height: 25rem; overflow: hidden;}
.warper-full.center{display: flex; justify-content: center; align-items: center;flex-direction: column }
.bg-dblue{background: #00b7ff;}
.bg-bxl-lb{background: #f9f9f9;}
.bg-dblue .img-box{z-index: 22;}
.box30{width: 30%;}
.f-lblue{color: #00b7ff;}
.bxl-bdr-box{width: 92%; margin:.3rem 4% 1rem; background: #fff;
    box-shadow:0 0 .4rem #0085c3;-webkit-box-shadow:0 0 .4rem #0085c3;
    -moz-box-shadow:0 0 .4rem #0085c3;
    border-radius: .2rem; z-index: 23; overflow: overlay; padding: .5rem;}
.bxl-bdr-box .tc-info{width: 100%; margin: .2rem 0; font-size: .42rem; color: #777;}
.bxl-bdr-box .tc-info span{font-weight: 800; color: #00acff;}
.bxl-bdr-box ul.tab-ul li{width: 50%;float: left; font-size: .55rem; text-align: center; color: #adadad; padding: .35rem 0;border: 1px solid #c8e2ff;}
.bxl-bdr-box ul.tab-ul li:first-child{border-radius: .3rem 0 0 0 ;}
.bxl-bdr-box ul.tab-ul li:last-child{border-radius: 0 .3rem 0 0 ; border-left: none;}
.bxl-bdr-box ul.tab-ul li.on{color: #00acff;font-weight: 800;background: #fafcff;}
.bxl-bdr-box .tab-ul-con{border: 1px solid #c8e2ff;background: #fafcff;border-top: none;border-radius: 0 0 .2rem .2rem;padding:1rem;line-height: 0;}
.btn-tab-con-full{width: 100%; font-size: .55rem; background: #00acff; border-radius: .2rem; padding: .32rem 0; font-weight: 600; color: #fff; text-align: center;}
.btn-tab-con-full.dis{background: #bfc9cd; color: #f5f5f5;}

.bxl-bdr-box .login-form-box{display: block;overflow: hidden;line-height: 0;width:100%;margin:0;background: #fff;padding:0;}
.bxl-bdr-box .login-form-box input{ border: none;}
.bxl-bdr-box .login-form-box p{border:1px solid #dadada;border-radius: .2rem;width: 100%;margin:0 0 .8rem;font: 400 .6rem/1.1rem "microsoft yahei";color:#999;position:relative;background:#fff;padding: .2rem  .2rem  .2rem .4rem;}
.bxl-bdr-box .login-form-box p input[type="text"],.login-form p input[type="password"],.login-form p input[type="tel"]{background: #fff;font: 400 .58rem/1em "microsoft yahei";color: #666;overflow: hidden;}
.bxl-bdr-box .login-form-box p .btn-yzm{border-radius: .2rem; display:block; width: 5.2rem; background: #00acff; position: absolute; top: 0; right: 0; height: 1.2rem; font-size: .55rem; line-height: 1.3rem; text-align: center; color: #fff; overflow: hidden; margin-left: .2rem;}
.bxl-bdr-box .login-form-box p .btn-yzm.dis{background: #bfc9cd; color: #f5f5f5;}
.bxl-bdr-box .login-form-box .tips{line-height: 0; margin-top: .2rem; color:#00acff ;}
.bxl-bdr-box .login-form-box .tips>a{font-size: .53rem; text-align: right; float: right; color: #999; margin-top: .5rem;}

.fk-page{position: relative;width: 100%;}
.fk-page .tit-bg{width: 100%; }
.fk-page .fk-tit{width:100%;position: absolute; top: .6rem; text-align: center; font-size: .8rem; font-weight: 800;}
.fk-page .bxl-bdr-box{width: 92%; position: absolute; top: 2rem; left: 4%; margin-left: 0; background: #fff;
    box-shadow:0 0 .4rem #eee;-webkit-box-shadow:0 0 .4rem #ccc;
    -moz-box-shadow:0 0 .4rem #eee;
    border-radius: .2rem; z-index: 23; overflow: overlay; padding: .5rem;}
.bxl-bdr-box hr{border-color: #cfe5ff;}

.card-box-fk{position: relative; padding-bottom: .4rem; width: 90%; margin-left: 5%;}
.card-box-fk .attr{line-height: 1.4rem; height: 1.4rem; width: 100%; background: #fafcff;border: 1px solid #cfe5ff; border-radius: .2rem; }
.card-box-fk .attr label{display: inline-block; height:calc(1.4rem - 2px);height: -moz-calc(1.4rem - 2px); height: -webkit-calc(1.4rem - 2px); font-size: .5rem; color: #fff; width:5rem; padding:0 .4rem; text-align: left; overflow: hidden; background: #00acff; text-align: center; border-radius: .2rem 0 0 .2rem; }
.card-box-fk .attr .r-box{display: inline-block; position: absolute; font-size: .55rem;color: #777777; font-weight: 800; width:6.5rem; padding:0 .4rem; text-align: left; overflow: hidden; }
.card-box-fk .attr input[type="text"]{border: none; position: absolute; color: #999; font-weight: 600; top: 0.26rem; left: .4rem; line-height: 1.2em; font-size: .55rem; font-weight: 600; width: 5.8rem; overflow: hidden; text-align: left;}
.card-box-fk .attr.btn button{background: none; font-size: .58rem; width: 100%; text-align: center; color: #21c0fe;}
.card-box-fk .attr.btn button:active{background: #f4f4f4;}
.card-box-fk .attr.btn button:before{content: "+"; font-size:.9rem; }
.card-box-fk .attr.btn{line-height: 1.5rem;}
.card-box-fk p{color: #0085d0; width:12rem; word-break: break-all; font-size: .42rem; line-height: 1.5em; margin-top: .4rem;}
.card-box-fk .attr i{width: .6rem; height: .6rem; position: absolute; right: .4rem; top: .4rem;}
.card-box-fk .attr i.del{background-image:url(../images/bxl-new/icon-del.png); background-size: 100%;}

.card-box-fk .attr.fk{line-height: 1.4rem; position: relative; height: 1.4rem; width: 100%; background: #f9f9f9;border: 1px solid #eeeeee; border-radius: .2rem; }
.card-box-fk .attr.fk label{display: inline-block; height: 1.4rem; font-size: .5rem; color: #777; width:5rem; padding:0 .4rem; text-align: left; overflow: hidden; background: #dadada; text-align: center; border-radius: .2rem 0 0 .2rem; }
.card-box-fk .attr.fk .r-box{display: inline-block; position: absolute; font-size: .55rem;color: #777777; font-weight: 600; width:6.5rem; padding:0 .4rem; text-align: left; overflow: hidden; }
.card-box-fk .attr.fk input[type="text"]{border: none; position: absolute; color: #999; font-weight: 600; top: 0.26rem; left: .4rem; line-height: 1.2em; font-size: .55rem; font-weight: 600; width: 5.8rem; overflow: hidden; text-align: left;}

.btn-tab-con-half{width: 44%; margin: auto 3%; float: left; font-size: .55rem; background: #00acff; border-radius: .2rem; padding: .32rem 0; font-weight: 600; color: #fff; text-align: center;}
.btn-tab-con-half.dis{background: #bfc9cd; color: #f5f5f5;}
.btn-tab-con-half.ea-btn{background: #efefef; color: #333;}

.ui-dialog-hd{height:1.6rem;line-height:1.4rem;text-align:center;position:relative}
.ui-dialog-cnt-bxl{border-radius:.3rem;width:86%; padding: .6rem; margin-top:10%;-webkit-background-clip:padding-box;background-clip:padding-box;pointer-events:auto;background-color:rgba(253,253,253,1);position:relative;font-size:.68rem}
.ui-dialog-cnt-bxl .i-close{background-image:url(../images/bxl-new/icon-del.png); top: .7rem; right: .7rem; height: .8rem; width: .8rem;}
.ui-dialog-bd{min-height:2.4rem;border-top-left-radius:6px;border-top-right-radius:6px;padding:6px 18px;display:-webkit-box;display:box;-webkit-box-pack:center;-webkit-box-align:center;-webkit-box-orient:vertical}
.ui-dialog-cnt-bxl>h4{font-size:.65rem; font-weight: 800; padding-bottom:.5rem;margin-top:0;width:100%;text-align:center;color:#000 ;border-bottom: 1px solid #e2e2e2;}
.ui-dialog-bd>div{width:100%}
.ui-dialog-cnt-bxl .ui-dialog-bxl-ft{display: flex; justify-content: center;line-height: 0;}
.ui-dialog-cnt-bxl .ui-dialog-bxl-ft button{background:#00acff; padding: .4rem; max-width: 7rem; border: 1px solid #00acff; color:#fff; border-radius:.1rem; margin: .5rem;  line-height:1.8em;display:block; flex: 1;-webkit-box-flex:1;font-size:.55rem; line-height: 1em;}
.ui-dialog-cnt-bxl .ui-dialog-bxl-ft button.bd{background:#f9f9f9; padding: .2rem; border: 1px solid #dadada; color:#666;}

.ui-dialog-cnt-bxl .con{padding: .4rem 0; background: #fff; max-height: 12rem; overflow-y: auto; margin-top: .5rem; border-radius: .2rem; border: 1px solid #dadada; width: 97%; margin-left: 1.5%;}

.dl-chotc dt{ position:relative; font:800 0.6rem/1em "microsoft yahei"; color:#777777;padding: .4rem .5rem; border-bottom: 1px solid #dedede; }
.dl-chotc.on dt{color: #00b7ff;border-bottom: none;background: #f4f4f4;}
.dl-chotc dt i{position: absolute; right: .5rem; top: .3rem;}
.dl-chotc dd{ display:none; background: #f4f4f4; padding: .3rem; color: #adadad; line-height: 1.2emrem;font-size:.55rem;}

.dl-chotc .icon-up{background-position:0 0; width: .8rem; height: .8rem;transform:rotate(90deg);-webkit-transition:all;transition:all;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.2s;transition-duration:.2s;}
.dl-chotc .icon-up-on{transform:rotate(270deg);}

.ul-blueblock li{position: relative;}
.ul-blueblock li b{padding: .2rem;display: block; font-weight: 400; background: #f9f9f9; border: 1px solid #dadada; border-radius: .1rem;}
.ul-blueblock li.on b{background: #00b7ff; border: 1px solid #00b7ff; color: #fff;}
.ul-blueblock li.on i{width: .55rem; height: .55rem; position: absolute; top: 1.3zrem; left: 42%; background-image:url(../images/pic-guild.png); background-size: 100%;}

.dl-chotc dt>input[type=radio]{/* position: absolute; */top: .3rem;left: .3rem;display:inline-block;border: none;background-image: url(../../../1/images/svg/check01.png);background-size:100%;width:.8rem;height:.8rem;background-position: 0 100%;vertical-align:middle;}
.dl-chotc dt>input[type=radio]:checked,.ul-radio-text li>input[type=radio].on{ background-position:0 0}
.dl-chotc dt>p{display:inline-block; vertical-align:middle;margin-left:1.4rem;}


input[type=radio].xy{-webkit-appearance: none; background-color: transparent;appearance: none; width:0.7rem; height:0.7rem;vertical-align: middle; background-image:url(../images/check-xy.png);background-position:0 100%;background-size:100%;outline:none;}
input[type=radio].xy:checked{ background-position:0 0;background-color: transparent;}


/*5G套餐CSS*/
.tc5g-box{width: 94%; margin-left: 3%;}
.tc5g-cho{position: relative; margin-top: .8rem;}
.tc5g-cho.tc5g-cho-ul33  li{width: 28.33%; font-size: .65rem; color: #33911a; float: left; margin: 0 2.5%; position: relative; display: block; height: 4rem;}
.tc5g-cho.tc5g-cho-ul50  li{width: 45%; font-size: .65rem; color: #33911a; float: left; margin: 0 2.5%; position: relative; display: block; height: 4rem;}
.tc5g-cho li em{width: 100%; height:4.1rem; position: absolute; top: 0; left: 0;}
.tc5g-cho li .tc128{background:url(../images/bxl-new/cho-block128.png) no-repeat 0 0;background-size:100%;}
.tc5g-cho li .tc158{background:url(../images/bxl-new/cho-block158.png) no-repeat 0 0;background-size:100%;}
.tc5g-cho li .tc198{background:url(../images/bxl-new/cho-block198.png) no-repeat 0 0;background-size:100%;}
.tc5g-cho li .tc238{background:url(../images/bxl-new/cho-block238.png) no-repeat 0 0;background-size:100%;}
.tc5g-cho li .tc298{background:url(../images/bxl-new/cho-block298.png) no-repeat 0 0;background-size:100%;}
.tc5g-cho li .tc398{background:url(../images/bxl-new/cho-block398.png) no-repeat 0 0;background-size:100%;}
.tc5g-cho li .tc598{background:url(../images/bxl-new/cho-block598.png) no-repeat 0 0;background-size:100%;}
.tc5g-cho li .tc169{background:url(../images/bxl-new/169.png) no-repeat 0 0;background-size:100%;}
.tc5g-cho li .tc269{background:url(../images/bxl-new/269.png) no-repeat 0 0;background-size:100%;}
.tc5g-cho li .tc369{background:url(../images/bxl-new/369.png) no-repeat 0 0;background-size:100%;}
.tc5g-cho li .tc569{background:url(../images/bxl-new/569.png) no-repeat 0 0;background-size:100%;}
.tc5g-cho li .tc869{background:url(../images/bxl-new/869.png) no-repeat 0 0;background-size:100%;}
.tc5g-cho li.on>i{position:absolute; width: 1.1rem; height: 1.1rem; bottom:0; right:1px;  background-image:url(../images/bxl-new/cho-gou.png); background-size:100%; background-position:0 0;}

.tc5g-box .tc5g-cho-con{width:100%;  background: #fff; border-radius: .55rem; line-height: .62rem; padding: .7rem .3rem .2rem .3rem; font-size: .5rem; word-break: break-all;  color: #0f38b0;}

.agreed-block{font-size: .5rem; line-height: .65rem; width: 16rem; margin-left: 1rem ; display:block;margin-top: .5rem;  word-break: break-all; color: #757575; }
.agreed-block a{color: #c77870;}
.agreed-block input[type="checkbox"]{display:inline-block;border: none;background-image:url(../images/bxl-new/cho-input.png); background-size:100%; width:.65rem; height:.65rem; background-position: 0 0; vertical-align:middle;}
.agreed-block input[type="checkbox"]:checked{ background-position:0 100%}
.btn-full{display:block;padding: .4rem .7rem; color: #fff; width: 60%; border-radius: .4rem; font-size: .65rem; font-weight: 800;  text-align: center; margin:.7rem 20% 1rem;
    background: -webkit-linear-gradient(left ,#1a3baf,#9b5ea2 , #f3749a); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient( right,#1a3baf,#9b5ea2 , #f3749a); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient( right,#1a3baf,#9b5ea2 , #f3749a); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right,#1a3baf,#9b5ea2 , #f3749a)}
.btn-full.dis{background: #aaa;}
.wxts-box{width: 88%; margin-left: 6%; margin-bottom:1rem;font-size: .43rem; line-height: 2em; color: #777;}
.wxts-box .link{color: #364ab1;}
.wxts-box-blue{width: 88%; margin-left: 6%; font-weight: 600; margin-bottom:1rem;font-size: .54rem; line-height: 1.8em; color: #0f37b0;}

.warper{font-size: .6rem;}
.tc5g-form-box{width: 92%; margin:.8rem 4% 1rem; background: #fff;border: 1px solid #0f37b0;  border-radius: .5rem; z-index: 23; overflow: overlay;}
.tc5g-form-box hr{border-color: #6e89d0; line-height: 0; height: 1px;}
.card-boxnew{position: relative; padding: .8rem 1rem;}
.card-boxnew .attr{line-height: 1.6rem; height: 1.6rem; width: 100%; background: #fafcff;border: 1px solid #0f37b0; border-radius: .3rem; margin-bottom: .8rem; }
.card-boxnew .attr label{display: inline-block;  height:calc(1.6rem - 2px);height: -moz-calc(1.6rem - 2px); height: -webkit-calc(1.6rem - 2px); font-size: .5rem; color: #fff; width:5rem; padding:0 .4rem; text-align: left; overflow: hidden; background: #0f37b0; text-align: center; border-radius: .3rem 0 0 .3rem; }
.card-boxnew .attr label>img{width: 3rem; display: inline-block; vertical-align: top; padding-top: .4rem;}
.card-boxnew .attr label.bd{display: inline-block; border-right: 1px solid #0f37b0; height:calc(1.6rem - 2px);height: -moz-calc(1.6rem - 2px); height: -webkit-calc(1.6rem - 2px);width:5rem; padding:0 .4rem; text-align: left; overflow: hidden; background: #fff; text-align: center; border-radius: .3rem 0 0 .3rem; }
.card-boxnew .attr label.bd>img{width: 3rem; display: inline-block;}
.card-boxnew .attr .r-box{display: inline-block; position: absolute; left: 6rem; font-size: .62rem;color: #0f37b0; font-weight: 600; width:7rem; padding:0 .4rem; text-align: left; overflow: hidden; }
.card-boxnew .info{color: #0f37b0; font-size: .58rem; line-height: 1.2em;}
.card-boxnew .attr i{width: .9rem; height: .9rem; position: absolute; right: 0; top: .25rem;}
.card-boxnew .attr i.del{background-image:url(../images/bxl-new/ico-del.png); background-size: 100%;}
.card-boxnew .attr i.add{width: 1.3rem; height: 1.3rem; position: absolute; right: .2rem; top: 0;background-image:url(../images/bxl-new/icon-add.png); background-size: 100%;}
.card-boxnew .attr i.acc{width: 1.3rem; height: 1.3rem; position: absolute; right: .2rem; top: 0;background-image:url(../images/bxl-new/icon-kh.png); background-size: 100%;}
.card-boxnew .btn-bar{ display: flex; padding:0 .4rem; justify-content: center; width: 100%;}
.card-boxnew .btn-bar button{flex: 1; background: #0f37b0; max-width: 4.5rem; border: 1px solid #0f37b0; font-size: .6rem; letter-spacing: .1rem; margin-right: 1.4rem;margin-left: .6rem; padding: .2rem; line-height: 1rem; border-radius: .35rem; color: #fff; }
.card-boxnew .btn-bar button>img{width: 3.4rem; display: inline-block; vertical-align:text-top; padding-top: .1rem;}
.card-boxnew .btn-bar button>em{opacity: 0; display: block; line-height: 0; height: 0; width: 0;}
.card-boxnew .btn-bar button.bd{ background: #fff;}
.card-boxnew .btn-bar button:last-child{margin-right: 0;}
.card-boxnew .btn-bar button.dis{background: #aaa;}
.card-boxnew .attr-box{padding:0 .3rem;position: relative;}
.card-boxnew .attr-box .icon-frontps{width: 1.2rem; height: 1.2rem; position: absolute; left: 0; top: .1rem;background-image:url(../images/bxl-new/icon-frontp.png); background-size: 100%;}
.card-boxnew .attr-box .attr{width: 80%; margin-left: 10%; line-height: 1.4rem; height: 1.4rem; }
.card-boxnew .attr-box .attr label{display: inline-block;  height:calc(1.4rem - 2px);height: -moz-calc(1.4rem - 2px); height: -webkit-calc(1.4rem - 2px); font-size: .5rem; color: #fff; width:4.4rem; padding:0 .2rem; text-align: left; overflow: hidden; background: #0f37b0; text-align: center; border-radius: .3rem 0 0 .3rem; }
.card-boxnew .attr-box .attr label>img{width: 2.5rem; display: inline-block; vertical-align: top; padding-top: .35rem;}
.card-boxnew .attr-box .attr label.bd{display: inline-block; border-right: 1px solid #0f37b0; height:calc(1.4rem - 2px);height: -moz-calc(1.4rem - 2px); height: -webkit-calc(1.4rem - 2px);width:4.4rem; padding:0 .4rem; text-align: left; overflow: hidden; background: #fff; text-align: center; border-radius: .3rem 0 0 .3rem; }
.card-boxnew .attr-box .attr .r-box{height: 1.4rem;}
.card-boxnew .attr-box .attr .r-box input[type="text"]{ cursor:pointer;border: none; position: absolute; color: #0f38b0;  font-weight: 600; top: 0.35rem; left: .4rem; line-height: 1.2em; font-size: .55rem; font-weight: 600; width:4rem; overflow: hidden; text-align: left;}
.card-boxnew .attr-box .attr .r-box input::-webkit-input-placeholder{color:#0f38b0;}.card-box .attr-box .attr .r-box input:-moz-placeholder{color:#0f38b0;}
.card-boxnew .attr-box .attr .r-box input::-moz-placeholder{color:#0f38b0;}.card-box .attr-box .attr .r-box input:-ms-input-placeholder{color:#0f38b0;}

.tc5g-menu{display: flex; justify-content: center;}
.tc5g-menu li{border-bottom: 1px solid #0f37b0; background: #fff; border-right: 1px solid #0f37b0; height: 1.6rem; flex: 1; text-align: center;}
.tc5g-menu li.on{background: #f0f0f0;}
.tc5g-menu li.font-quality6 img{display: inline-block; width: 4.5rem; vertical-align: baseline; padding-top: .3rem;}
.tc5g-menu li.font-quality4 img{display: inline-block; width:3.2rem; vertical-align: baseline; padding-top: .3rem;}
.tc5g-menu li:last-child{border-right: none;}
.tc5g-menu-con .btn-bar{ display: flex; padding:0 .4rem; justify-content: center; width: 100%;}
.tc5g-menu-con .btn-bar button{flex: 1; background: #0f37b0;  border: 1px solid #0f37b0; font-size: .6rem; letter-spacing: .1rem; margin-right: 1.4rem;margin-left: .6rem; padding: .2rem; line-height: 1rem; border-radius: .35rem; color: #fff; }
.tc5g-menu-con .btn-bar button>img{width: 3.4rem; display: inline-block; vertical-align:text-top; padding-top: .1rem;}
.tc5g-menu-con .btn-bar button>em{opacity: 0; display: block; line-height: 0; height: 0; width: 0;}
.tc5g-menu-con .btn-bar button:last-child{margin-right: 0;}
.tc5g-menu-con input{ border: none; color: #0f38b0;}
.tc5g-menu-con p{ border:1px solid #e4e4e4; border-radius: .3rem;  width: 96%; margin:.8rem 2%; font: 400 .6rem/1.4rem "microsoft yahei"; color:#999; position:relative; background:#fff; padding: .1rem  .2rem  .1rem .4rem ;}
.tc5g-menu-con input::-webkit-input-placeholder{color:#0f38b0;}.tc5g-menu-con input:-moz-placeholder{color:#0f38b0;}
.tc5g-menu-con input::-moz-placeholder{color:#0f38b0;}.tc5g-menu-con  input:-ms-input-placeholder{color:#0f38b0;}
.tc5g-menu-con p .btn-yzm{border-radius: .3rem; border: 1px solid #1038b1; display:block; width: 5.2rem; background: #f5f5f5; position: absolute; top: 0; right: 0; height: 1.1rem; font-size: .55rem; line-height: 1.1rem; text-align: center; color: #1038b1; overflow: hidden; margin-left: .2rem;}
.tc5g-menu-con .tips{width: 94%; margin-left: 3%; font-size:.58rem;line-height: 0; color: #666;}

.ui-dialog-hd{height:1.6rem;line-height:1.4rem;text-align:center;position:relative}
.ui-dialog-cnt-tc5g{border-radius:.3rem;width:84%; border: 2px solid #173bb0; /**padding: .6rem;**/ margin-top:10%;-webkit-background-clip:padding-box;background-clip:padding-box;pointer-events:auto;background-color:rgba(232,239,244,1);position:relative;font-size:.68rem}
.ui-dialog-cnt-tc5g .i-close{background-image:url(../images/bxl-new/close-x.png); top: -2rem; right:-.5rem; height: 1.2rem; width: 1.2rem;}
.ui-dialog-bd{min-height:2.4rem;border-top-left-radius:6px;border-top-right-radius:6px;padding:6px 18px;display:-webkit-box;display:box;-webkit-box-pack:center;-webkit-box-align:center;-webkit-box-orient:vertical}
.ui-dialog-cnt-tc5g>h4{font-size:.8rem; font-weight: 800; padding-bottom:.3rem;margin-top:0;width:100%;text-align:center;color:#173bb0 ;}
.ui-dialog-bd>div{width:100%}
.ui-dialog-cnt-tc5g .ui-dialog-5g-ft{display: flex; justify-content: center;line-height: 0; width: 90%; margin-left: 5%;}
.ui-dialog-cnt-tc5g .ui-dialog-5g-ft button{ padding: .35rem; max-width: 7rem; border: 1px solid #e8eff4; color:#fff; border-radius:.4rem; margin: .5rem;  line-height:1.8em;display:block; flex: 1;-webkit-box-flex:1;font-size:.55rem; line-height: 1em;
    background: -webkit-linear-gradient(left ,#1a3baf,#9b5ea2 , #f3749a); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient( right,#1a3baf,#9b5ea2 , #f3749a); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient( right,#1a3baf,#9b5ea2 , #f3749a); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right,#1a3baf,#9b5ea2 , #f3749a)}
.ui-dialog-cnt-tc5g .ui-dialog-5g-ft button.bd{background:#fff; padding: .2rem; border: 1px solid #173bb0; color:#173bb0;}
.ui-dialog-cnt-tc5g .con1{ max-height: 12rem;  text-align: left;  margin-top: .3rem; color: #8299e5; font-size: .68rem; width: 97%; margin-left: 1.5%; margin-bottom: .5rem;}
.ui-dialog-cnt-tc5g .con-mid{ text-align: center;  margin-top: .5rem; color: #8299e5; font-size: .68rem; width: 97%; margin-left: 1.5%; margin-bottom: .5rem;}











.card-box .attr input[type="text"]{border: none; position: absolute; color: #999; font-weight: 600; top: 0.26rem; left: .4rem; line-height: 1.2em; font-size: .55rem; font-weight: 600; width: 5.8rem; overflow: hidden; text-align: left;}
.card-box .attr.btn button{background: none; font-size: .58rem; width: 100%; text-align: center; color: #21c0fe;}
.card-box .attr.btn button:active{background: #f4f4f4;}
.card-box .attr.btn button:before{content: "+"; font-size:.9rem; }
.card-box .attr.btn{line-height: 1.5rem;}

.tc5g-form-box .tc-info{width: 100%; margin: .2rem 0; font-size: .42rem; color: #777;}
.tc5g-form-box .tc-info span{font-weight: 800; color: #00acff;}
.tc5g-form-box ul.tab-ul li{width: 50%;float: left; font-size: .55rem; text-align: center; color: #adadad; padding: .35rem 0;border: 1px solid #c8e2ff;}
.tc5g-form-box ul.tab-ul li:first-child{border-radius: .3rem 0 0 0 ;}
.tc5g-form-box ul.tab-ul li:last-child{border-radius: 0 .3rem 0 0 ; border-left: none;}
.tc5g-form-box ul.tab-ul li.on{color: #00acff; font-weight: 800; background: #fafcff;}
.tc5g-form-box .tab-ul-con{border: 1px solid #c8e2ff; background: #fafcff; border-top: none; border-radius: 0 0 .2rem .2rem; padding:1rem; line-height: 0;}
.btn-tab-con-full{width: 100%; font-size: .55rem; background: #00acff; border-radius: .2rem; padding: .32rem 0; font-weight: 600; color: #fff; text-align: center;}
.btn-tab-con-full.dis{background: #bfc9cd; color: #f5f5f5;}


.tc19bxl-cho{position: relative; z-index: 2008; margin-top: .8rem;}
.tc19bxl-cho.cho-ul33  li{width: 28.33%; font-size: .65rem; color: #33911a; float: left; margin: 0 2.5%; position: relative; display: block; height: 4rem;}
.tc19bxl-cho li em{width: 100%; height:4.1rem; position: absolute; top: 0; left: 0;}
.tc19bxl-cho li .tc98{background:url(../images/bxl-new/cho-blockimg-98.png) no-repeat 0 0;background-size:100%;}
.tc19bxl-cho li.on .tc98{background:url(../images/bxl-new/cho-blockimg-98on.png) no-repeat 0 0;background-size:100%;}
.tc19bxl-cho li .tc138{background:url(../images/bxl-new/cho-blockimg-138.png) no-repeat 0 0;background-size:100%;}
.tc19bxl-cho li.on .tc138{background:url(../images/bxl-new/cho-blockimg-138on.png) no-repeat 0 0;background-size:100%;}
.tc19bxl-cho li .tc198{background:url(../images/bxl-new/cho-blockimg-198.png) no-repeat 0 0;background-size:100%;}
.tc19bxl-cho li.on .tc198{background:url(../images/bxl-new/cho-blockimg-198on.png) no-repeat 0 0;background-size:100%;}
.tc19bxl-cho li .tc288{background:url(../images/bxl-new/cho-blockimg-288.png) no-repeat 0 0;background-size:100%;}
.tc19bxl-cho li.on .tc288{background:url(../images/bxl-new/cho-blockimg-288on.png) no-repeat 0 0;background-size:100%;}
.tc19bxl-cho li .tc388{background:url(../images/bxl-new/cho-blockimg-388.png) no-repeat 0 0;background-size:100%;}
.tc19bxl-cho li.on .tc388{background:url(../images/bxl-new/cho-blockimg-388on.png) no-repeat 0 0;background-size:100%;}
.tc19bxl-cho li .tc588{background:url(../images/bxl-new/cho-blockimg-588.png) no-repeat 0 0;background-size:100%;}
.tc19bxl-cho li.on .tc588{background:url(../images/bxl-new/cho-blockimg-588on.png) no-repeat 0 0;background-size:100%;}
.tc19bxl-cho-con  .tc-info{color: #B16254}
.btn-full{display:block;padding: .4rem .7rem; color: #fff; width: 60%; border-radius: .2rem; font-size: .65rem; font-weight: 800;  text-align: center; margin:.7rem 20% 1rem;background: #b15241;
    box-shadow:0 .1rem 0 #863a2d;-webkit-box-shadow:0 .1rem 0 #863a2d；-moz-box-shadow:0 .1rem 0 #863a2d}
.btn-full.dis{background: #aaa;box-shadow:0 .1rem 0 #999;-webkit-box-shadow:0 .1rem 0 #999；-moz-box-shadow:0 .1rem 0 #999}

.ui-dialog-cnt-tcbxl{border-radius:.3rem;width:84%; border: 2px solid #a56357; padding: .6rem; margin-top:10%;-webkit-background-clip:padding-box;background-clip:padding-box;pointer-events:auto;background-color:rgba(255,245,230,1);position:relative;font-size:.68rem}
.ui-dialog-cnt-tcbxl .i-close{background-image:url(../images/bxl-new/close-x-new.png); top: -2rem; right:-.5rem; height: 1.2rem; width: 1.2rem;}
.ui-dialog-bd{min-height:2.4rem;border-top-left-radius:6px;border-top-right-radius:6px;padding:6px 18px;display:-webkit-box;display:box;-webkit-box-pack:center;-webkit-box-align:center;-webkit-box-orient:vertical}
.ui-dialog-cnt-tcbxl>h4{font-size:.8rem; font-weight: 800; padding-bottom:.3rem;margin-top:0;width:100%;text-align:center;color:#a56357 ;}
.ui-dialog-bd>div{width:100%}
.ui-dialog-cnt-tcbxl .ui-dialog-bxl-ft{display: flex; justify-content: center;line-height: 0; width: 90%; margin-left: 5%;}
.ui-dialog-cnt-tcbxl .ui-dialog-bxl-ft button{ padding: .35rem;background: #b16355;box-shadow:0 .1rem 0 #863a2d;-webkit-box-shadow:0 .1rem 0 #863a2d；-moz-box-shadow:0 .1rem 0 #863a2d; border: 1px solid #b16355; max-width: 7rem;  color:#fff; border-radius:.4rem; margin: .5rem;  line-height:1.8em;display:block; flex: 1;-webkit-box-flex:1;font-size:.55rem; line-height: 1em;
}
.ui-dialog-cnt-tcbxl .ui-dialog-bxl-ft button.bd{background: #fff5e6;
    box-shadow:0 .1rem 0 #863a2d;-webkit-box-shadow:0 .1rem 0 #863a2d；-moz-box-shadow:0 .1rem 0 #863a2d
    padding: .2rem; color:#a56357;}
.ui-dialog-cnt-tcbxl .con1{ max-height: 12rem;  text-align: left;  margin-top: .3rem; color: #a56357; font-size: .68rem; width: 97%; margin-left: 1.5%; margin-bottom: .5rem;}
.ui-dialog-cnt-tcbxl .con-mid{ text-align: center;  margin-top: .5rem; color: #a56357; font-size: .68rem; width: 97%; margin-left: 1.5%; margin-bottom: .5rem;}


.tcbxl-menu{display: flex; justify-content: center;}
.tcbxl-menu li{border-bottom: 1px solid #b16355; background: #fff; border-right: 1px solid #b16355; height: 1.6rem; flex: 1; text-align: center;}
.tcbxl-menu li.on{background: #fac5a0;}
.tcbxl-menu li.font-quality6 img{display: inline-block; width: 4.5rem; vertical-align: baseline; padding-top: .3rem;}
.tcbxl-menu li.font-quality4 img{display: inline-block; width:3.2rem; vertical-align: baseline; padding-top: .3rem;}
.tcbxl-menu li:last-child{border-right: none;}


.tcbxl-menu-con .btn-bar{ display: flex; padding:0 .4rem; justify-content: center; width: 100%;}
.tcbxl-menu-con .btn-bar button{flex: 1; background: #b16355;box-shadow:0 .1rem 0 #863a2d;-webkit-box-shadow:0 .1rem 0 #863a2d；-moz-box-shadow:0 .1rem 0 #863a2d; border: 1px solid #b16355; font-size: .6rem; letter-spacing: .1rem; margin-right: 1.4rem;margin-left: .6rem; padding: .2rem; line-height: 1rem; border-radius: .35rem; color: #fff; }
.tcbxl-menu-con .btn-bar button>img{width: 3.4rem; display: inline-block; vertical-align:text-top; padding-top: .1rem;}
.tcbxl-menu-con .btn-bar button>em{opacity: 0; display: block; line-height: 0; height: 0; width: 0;}
.tcbxl-menu-con .btn-bar button:last-child{margin-right: 0;}
.tcbxl-menu-con input{ border: none; color: #b06151;}
.tcbxl-menu-con p{ border:1px solid #e4e4e4; border-radius: .3rem;  width: 96%; margin:.8rem 2%; font: 400 .6rem/1.4rem "microsoft yahei"; color:#999; position:relative; background:#fff; padding: .1rem  .2rem  .1rem .4rem ;}
.tcbxl-menu-con input::-webkit-input-placeholder{color:#b06151;}.tcbxl-menu-con input:-moz-placeholder{color:#b06151;}
.tcbxl-menu-con input::-moz-placeholder{color:#b06151;}.tcbxl-menu-con input:-ms-input-placeholder{color:#b06151;}
.tcbxl-menu-con p .btn-yzm{border-radius: .3rem; border: 1px solid #b15241; display:block; width: 5.2rem; background: #fac5a0; position: absolute; top: 0; right: 0; height: 1.2rem; font-size: .55rem; line-height: 1.2rem; text-align: center; color: #b15241; overflow: hidden; margin-left: .2rem;}
.tcbxl-menu-con .tips{width: 94%; margin-left: 3%; font-size:.58rem;line-height: 0; color: #666;}


.tcbxl-form-box{width: 92%; margin:.8rem 4% 1rem; background: #fff;border: 1px solid #b06151;  border-radius: .5rem; z-index: 23; overflow: overlay;}
.tcbxl-form-box hr{border-color: #b16355; line-height: 0; height: 1px;}
.card-box2{position: relative; padding: .8rem 1rem;}
.card-box2 .attr{line-height: 1.6rem; height: 1.6rem; width: 100%; background: #f8e9d2;border: 1px solid #b06151; border-radius: .3rem; margin-bottom: .8rem; }
.card-box2 .attr label{display: inline-block;  height:calc(1.6rem - 2px);height: -moz-calc(1.6rem - 2px); height: -webkit-calc(1.6rem - 2px); font-size: .5rem; color: #fff; width:5rem; padding:0 .4rem; text-align: left; overflow: hidden; background: #b16355; text-align: center; border-radius: .3rem 0 0 .3rem; }
.card-box2 .attr label>img{width: 3rem; display: inline-block; vertical-align: top; padding-top: .4rem;}
.card-box2 .attr label.bd{display: inline-block; border-right: 1px solid #b16355; height:calc(1.6rem - 2px);height: -moz-calc(1.6rem - 2px); height: -webkit-calc(1.6rem - 2px);width:5rem; padding:0 .4rem; text-align: left; overflow: hidden; background: #fff; text-align: center; border-radius: .3rem 0 0 .3rem; }
.card-box2 .attr label.bd>img{width: 3rem; display: inline-block;}
.card-box2 .attr .r-box{display: inline-block; position: absolute; left: 6rem; font-size: .62rem;color: #b16355; font-weight: 600; width:7rem; padding:0 .4rem; text-align: left; overflow: hidden; }
.card-box2 .info{color: #b16355; font-size: .58rem; line-height: 1.2em;}
.card-box2 .attr i{width: .9rem; height: .9rem; position: absolute; right: 0; top: .25rem;}
.card-box2 .attr i.del{background-image:url(../images/bxl-new/ico-del-new.png); background-size: 100%;}
.card-box2 .attr i.add{width: 1.3rem; height: 1.3rem; position: absolute; right: .2rem; top: 0;background-image:url(../images/bxl-new/icon-add-new.png); background-size: 100%;}
.card-box2 .attr i.acc{width: 1.3rem; height: 1.3rem; position: absolute; right: .2rem; top: 0;background-image:url(../images/bxl-new/icon-kh-new.png); background-size: 100%;}
.card-box2 .btn-bar{ display: flex; padding:0 .4rem; justify-content: center; width: 100%;}
.card-box2 .btn-bar button{flex: 1; background: #b16355;
    box-shadow:0 .1rem 0 #863a2d;-webkit-box-shadow:0 .1rem 0 #863a2d；-moz-box-shadow:0 .1rem 0 #863a2d;
    max-width: 4.5rem; border: 1px solid #b16355; font-size: .6rem; letter-spacing: .1rem; margin-right: 1.4rem;margin-left: .6rem; padding: .2rem; line-height: 1rem; border-radius: .35rem; color: #fff; }
.card-box2 .btn-bar button>img{width: 3.4rem; display: inline-block; vertical-align:text-top; padding-top: .1rem;}
.card-box2 .btn-bar button>em{opacity: 0; display: block; line-height: 0; height: 0; width: 0;}
.card-box2 .btn-bar button.bd{ background: #fff;
    box-shadow:0 .1rem 0 #863a2d;-webkit-box-shadow:0 .1rem 0 #863a2d；-moz-box-shadow:0 .1rem 0 #863a2d
}
.card-box2 .btn-bar button:last-child{margin-right: 0;}
.card-box2 .btn-bar button.dis{background: #aaa;
    box-shadow:0 .1rem 0 #999;-webkit-box-shadow:0 .1rem 0 #999；-moz-box-shadow:0 .1rem 0 #999
}
.card-box2 .attr-box{padding:0 .3rem;position: relative;}
.card-box2 .attr-box .icon-frontps{width: 1.2rem; height: 1.2rem; position: absolute; left: 0; top: .1rem;background-image:url(../images/bxl-new/icon-frontp-new.png); background-size: 100%;}
.card-box2 .attr-box .attr{width: 80%; margin-left: 10%; line-height: 1.4rem; height: 1.4rem; }
.card-box2 .attr-box .attr label{display: inline-block;  height:calc(1.4rem - 2px);height: -moz-calc(1.4rem - 2px); height: -webkit-calc(1.4rem - 2px); font-size: .5rem; color: #fff; width:4.4rem; padding:0 .2rem; text-align: left; overflow: hidden; background: #b16355; text-align: center; border-radius: .3rem 0 0 .3rem; }
.card-box2 .attr-box .attr label>img{width: 2.5rem; display: inline-block; vertical-align: top; padding-top: .35rem;}
.card-box2 .attr-box .attr label.bd{display: inline-block; border-right: 1px solid #b16355; height:calc(1.4rem - 2px);height: -moz-calc(1.4rem - 2px); height: -webkit-calc(1.4rem - 2px);width:4.4rem; padding:0 .4rem; text-align: left; overflow: hidden; background: #fff; text-align: center; border-radius: .3rem 0 0 .3rem; }
.card-box2 .attr-box .attr .r-box{height: 1.4rem;}
.card-box2 .attr-box .attr .r-box input[type="text"]{ cursor:pointer;border: none; position: absolute; color: #b06151; background: #f8e9d2;  font-weight: 600; top: 0.35rem; left: .4rem; line-height: 1.2em; font-size: .55rem; font-weight: 600; width:4rem; overflow: hidden; text-align: left;}
.card-box2 .attr-box .attr .r-box input::-webkit-input-placeholder{color:#b06151;}.card-box .attr-box .attr .r-box input:-moz-placeholder{color:#b06151;}
.card-box2 .attr-box .attr .r-box input::-moz-placeholder{color:#b06151;}.card-box .attr-box .attr .r-box input:-ms-input-placeholder{color:#b06151;}
.tcbxl-form-box .tc-info{width: 100%; margin: .2rem 0; font-size: .42rem; color: #777;}
.tcbxl-form-box .tc-info span{font-weight: 800; color: #00acff;}
.tcbxl-form-box ul.tab-ul li{width: 50%;float: left; font-size: .55rem; text-align: center; color: #adadad; padding: .35rem 0;border: 1px solid #c8e2ff;}
.tcbxl-form-box ul.tab-ul li:first-child{border-radius: .3rem 0 0 0 ;}
.tcbxl-form-box ul.tab-ul li:last-child{border-radius: 0 .3rem 0 0 ; border-left: none;}
.tcbxl-form-box ul.tab-ul li.on{color: #00acff; font-weight: 800; background: #fafcff;}
.tcbxl-form-box .tab-ul-con{border: 1px solid #c8e2ff; background: #fafcff; border-top: none; border-radius: 0 0 .2rem .2rem; padding:1rem; line-height: 0;}
.btn-tab-con-full{width: 100%; font-size: .55rem; background: #00acff; border-radius: .2rem; padding: .32rem 0; font-weight: 600; color: #fff; text-align: center;}
.btn-tab-con-full.dis{background: #bfc9cd; color: #f5f5f5;}