@charset "utf-8";
/* CSS Document */
* {
    box-sizing: border-box;
    margin:0;
    padding:0;
    border: none;
}
html{
  /*font-size:62.5%;*/
}
*::after, *::before {
    box-sizing: border-box;
}

body{
    background:#f6f6f6;
    color:#333;
}

ul, li, p, a {
  list-style:none;
  text-decoration:none;
  margin:0;
  padding:0;
}

a {
  color:#5b5b5b;
  outline: medium none;
}
img {
  vertical-align:middle;
  border:none;
}
img {
    width:100%;
}
.mb-0 {margin-bottom:0 !important;}
.clearfix::before, .clearfix::after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
.left{ float:left;}
.right{ float:right;}
.color-yellow {color:#197bf6 !important;}
.bg-green {background:#48ca0a !important;}
.padding-top-sm {padding-top:.3rem !important;}
.padding-bottom-sm {padding-bottom:.3rem !important;}
.padding-right-sm {padding-right:.3rem !important;}
.padding-left-sm {padding-left:.3rem !important;}
.padding-sm {padding:.3rem !important;}
.padding-0-sm {padding:0 .3rem !important;}
.padding-sm-0 {padding:.3rem 0 !important;}
.padding-bottom-0 {padding-bottom:0 !important;}
.img {width:100%;}
.pull-left {float:left !important;}
.pull-right {float:right !important;}
.text-center {text-align: center;}
.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.color-gray {color:#999 !important;}
.margin-left-sm {margin-left:.3rem !important;}
.margin-top-sm {margin-top:.3rem !important;}
.margin-bottom-sm {margin-bottom:.3rem !important;}
.bg-white {background:#fff !important;}
.color-current {color:#197bf6 !important;}
.bg-current {background:#197bf6 !important;}
.color-red {color:#e70000 !important;}

.main-box {position:relative;}
.top-box {position: relative;  padding: 5px 15px;   color: #fff;background:#fff;}
.top-box .page-return {  position: absolute;  display: inline-block; top: .25rem; left: .25rem;  width: .25rem;  height: .4rem;  background: url(../../../images/wapkdxy/gzh/top-return-btn-img.png);  background-size: 100% 100%;}
.top-box h2 {  font-size:.35rem;padding:.15rem 0;  font-weight: normal;  text-align: center;  width: 70%;  margin: auto;color:#333;}
.top-right {position:absolute;color:#fff;top:.25rem;right:.25rem;width: .45rem;}
.page-top-right {position: absolute;  display: inline-block;top:14px;right:.6rem;width:22px;}
.page-top-right span {position:absolute;top:-5px;right:-5px;display:inline-block;width:15px;height: 15px;line-height:15px;background:#f86a5b;color:#fff;font-size:12px;text-align: center;border-radius: 50%;z-index: 10;}
.mk-md {display:block;margin:.625rem 1rem;background:#fff;border-radius: 3px;box-shadow:0px 0px 8px #ddd;}
.mk-tit {position: relative;font-size:.32rem;color:#333;padding:0 0 .2rem .2rem;color:#197bf6;}
.mk-tit:after {position:absolute;top:.1rem;left:0;width: .05rem;height: .25rem;content: "";background:#197bf6;border-radius: 3px;}
.mk-tit .right-text {top:0;}
.mk-info-list {padding:.3rem;}
.mk-list {position:relative;padding:5px 0;min-height: .65rem;}
.mk-list label {color:#666;}
.mk-list:last-child {border-bottom:0 !important;}
.border-bottom .mk-list {border-bottom:solid 1px #eee; padding:.2rem 0;}
.border-bottom-dashed {border-bottom:dashed 1px #ddd !important;padding-bottom: .1rem;    margin-bottom: .1rem;}

.banner {position:relative;}

.btn {display: inline-block;background:#fff;padding:.2rem .3rem; text-align: center;color:#fff;background:#197bf6;font-size:.32rem;}
.btn.block {display: block;}
.btn-radius {border-radius: 5px;}
.btn-gray {background:#ddd;color:#666;}
.btn-sm {padding:.1rem .3rem !important;font-size:.28rem;}

.mk-md2 {background:#fff;margin-top:.3rem;}
.md-input {border:0; width: 100%;display: block;line-height: .4rem;font-size:.27rem;}
.md-input:focus {outline: none;}
.zl-top {position:relative;display:block;}
.zl-mk .mk-list {padding-left:2.2rem;}
.zl-mk .zl-name {position:absolute;left:0;color:#333;}
.bottom-ts-box {padding:.3rem}
.ts-title {font-size:.32rem;color:#333;padding-bottom:.1rem;}
.ts-text {font-size:.28rem;color:#666;}

/*登录*/
.gz-btn {position:absolute;width: 1.5rem;right:.3rem;bottom:.3rem;z-index: 9;}
.login-mk {margin:0 .3rem;background:#fff;border-radius: 5px;padding:.3rem;}
.login-tab {border-bottom:solid 1px #eee;}
.login-tab ul li {width: 50%;float:left;text-align: center;}
.login-tab ul li span {display: inline-block;padding:0 .3rem .2rem;border-bottom:solid 2px #fff;font-size:.32rem;}
.login-tab ul li.active span {border-color:#197bf6;color:#197bf6}
.login-content {margin:.3rem 0;}
.login-input {background:#f5f5f5;border-radius: 0.05rem;width: 100%;height:.8rem;line-height:.8rem;text-align: left;padding:0 0.15rem;flex-grow: 1;}
.login-code {display: flex;justify-content: space-between;align-items: center;background: #f5f5f5;border-radius: 0.05rem;}
.bottom-ban {padding:.3rem 2%;}
.bottom-ban a {float:left;width: 46%;margin:0 2%;}

.su-box {text-align: center;}
.popup-tc-box {margin-top:.2rem;max-height: 4.4rem;overflow: auto;}
.popup-tc-list {padding:.2rem;border-radius: 0.03rem;background:#f7f7f7;border:solid 1px #ddd;color:#666;font-size:.25rem;line-height: .4rem;margin-bottom:.3rem;}
.popup-tc-list label {color:#333;}
.popup-tc-list.active {background:#eaf6fe;border-color:#197bf6;background-image: url("../../../images/wapkdxy/gzh/icon-select.png");background-position: bottom right;background-size:.4rem .4rem;background-repeat: no-repeat;}

.gz-title {font-size:.32rem;text-align: center;padding-bottom:.3rem;color:#197bf6;font-weight:700;}
.gz-info {color:#666;max-height: 5rem;overflow: auto;font-size:.28rem;line-height: .45rem;}


/*选择产品*/
.bg-gray {background:#eee;border-radius: 3px;padding:0 .1rem;width: auto;}
.tab-tc-title {border-bottom:solid 1px #ddd;background:#f5f5f5}
.tab-tc-title ul li {position:relative;float:left;width:50%;padding:.2rem 0;text-align: center;background:#eeeeee;}
.tab-tc-title ul li.active {color:#fff;background-image: linear-gradient(to right, #197bf6, #48b4ff);}
.tab-tc-title ul li.active:after {position:absolute;left:50%;margin-left:-3px;bottom:-6px;width:0px;height:0px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #197bf6;font-size:0px;line-height:0px;content: "";z-index:9;}

.tab-tc-info ul {margin-top:.1rem;border-bottom:solid 1px #197bf6}
.tab-tc-info ul li {position:relative;float:left;text-align: center;}
.tab-tc-info ul li span {position:relative;display:inline-block;border-bottom:solid 2px transparent;margin-bottom:-2px;padding:.2rem;}
.tab-tc-info ul li.active span {display: inline-block;border-bottom:solid 2px #197bf6;color:#197bf6}
.tab-tc-info ul li.active:after {position:absolute;left:50%;margin-left:-3px;bottom:-6px;width:0px;height:0px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #197bf6;font-size:0px;line-height:0px;content: "";z-index:9;}
/*.tab-tc-info ul a.active {background:#eaf6fe;border-color:#197bf6;background-image: url("../images/icon-select.png");background-position: bottom right;background-size:.4rem .4rem;background-repeat: no-repeat;}*/
.tc-nav-two li {width: 50%;}
.tc-nav-three li {width: 33.33%;}

/*送会员、时长*/
.pro-mk1 {margin:.3rem -2% 0}
.pro-mk-list {display: flex;width: 46%;margin:0 2% .3rem;border:solid 1px #ddd;float: left;padding:.1rem;border-radius: 3px;font-size:.25rem;justify-content: space-between;align-items: center;text-align: center;height: 1rem;}
.pro-mk-list.active {border-color:#197bf6;background:#eaf6fe;background-image: url("../../../images/wapkdxy/gzh/icon-select.png");background-position: bottom right;background-size:.4rem .4rem;background-repeat: no-repeat;}
.pro-mk-list dd {display:flex;border-left:dashed 1px #ddd;height: 100%;padding-left:.1rem;align-items: center;}
.pro-mk-list.active .zs-text {color:#e70000}
.pro-mk-list.active dd {color:#e70000;}

.pro-mk2 {margin:.3rem 0 0;}
.pro-mk2 .pro-mk-list {width:100%;margin:0 0 .3rem;}

.pro-mk3 {margin:.3rem -2% 0;}
.pro-mk3 .pro-mk-list {display:block;width: 46%;margin:0 2% .3rem;}

/*提速*/
.speed-hide .pro-mk-list:nth-child(n+3) {display: none}
.more-btn {display: block;margin:auto;width: .4rem;padding-bottom:.3rem;}

/*升级融合*/
.upgrade-box {padding-bottom:.3rem;}
.upgrade-info {font-size:.25rem;padding:.3rem;border:solid 1px #ddd;}
.discount {position: relative;}
.discount:before{position:absolute;left:0;top:0;width:.4rem ;height:.4rem;background-image: url("../../../images/wapkdxy/gzh/icon-discount.png");background-size:100% 100%;background-repeat: no-repeat;content: "";z-index: 9}

.font-sm {font-size:.25rem;}
.switch {position:absolute;top:-.05rem;right:0;background-color: #eee;border-radius: 50px;display: inline-block;-webkit-transition: all 0.1s ease-in;	transition: all 0.1s ease-in;width: 52px;height: 24px;}
.switch:before {content: ' ';position: absolute;background: white;	top: 1px;left: 1px;	z-index: 99;width: 22px;-webkit-transition: all 0.1s ease-in;transition: all 0.1s ease-in;height: 22px;border-radius: 100px;box-shadow: 0 3px 1px rgba(0, 0, 0, 0.05), 0 0px 1px rgba(0, 0, 0, 0.3);}
.switch.active:before {	content: ' ';position: absolute;background: white;top: 1px;left: 29px;z-index: 99;width: 22px;-webkit-transition: all 0.1s ease-in;transition: all 0.1s ease-in;height: 22px;border-radius: 100px;box-shadow: 0 3px 1px rgba(0, 0, 0, 0.05), 0 0px 1px rgba(0, 0, 0, 0.3);}
.switch.active {background:#197bf6;}

.manner-mk {padding:.2rem;background:#f5f5f5;border-radius: 5px;display: flex;align-items: center;justify-content: space-between;}


.foot-zw {height: 1.2rem;}
.foot-bottom-btn {position:fixed;left:0;bottom:0;width: 100%;z-index: 100;}

/*订单信息*/
.right-text {position:absolute;top:.05rem;right:0;font-size:.25rem;display: inline-block;padding:0 .1rem;height: .5rem;line-height: .5rem;color:#197bf6;}
.right-text img {position:relative;top:-.03rem;width: .26rem;display: inline-block;margin-right:.05rem;}
.tc-msg {margin-top:-.4rem;width: 75%;font-size:.25rem;color:#666;text-align: left;}
.count-box {padding-top:.2rem;border-top:solid 1px #eee;text-align: right;}
.pop-ts-btn {margin:.3rem -.3rem -.3rem;border-top:solid 1px #ddd;}
.pop-ts-btn a {float:left;width: 50%;text-align: center;padding:.15rem 0;color:#197bf6;}
.pop-ts-btn a:first-child {border-right:solid 1px #ddd;}
.order-btn a {float:left;width: 50%;}
.total-md {background:#f5f5f5;padding:.2rem .3rem;border-radius: 3px;display: flex;justify-content: space-between;font-size:.32rem;color:#e70000}
.pay-list ul {margin:0 -2%;}
.pay-list ul li {float:left;width: 29.3333%;margin:0 2%;}
.gzh-box {display: flex;justify-content: space-between;align-items: center;padding:.3rem;}
.gzh-name {font-size:.32rem;font-weight: 700;}
.order-text-sm .md-input {font-size:.26rem;}

.btn-bottom2 .btn {width: 35%; margin:0 3%;}

/*2022-0812-融合宽带*/
.pro-rh-item {padding:.2rem;margin-bottom:.3rem;border:solid 1px #ddd;border-radius: .1rem;font-size:.26rem;}
.pro-rh-tit {font-size:.3rem;display: flex;align-items: center;justify-content: space-between;}
.pro-rh-text {padding:.05rem 0;color:#197bf6;}
.pro-rh-list {display: flex;align-items: center;justify-content: center;margin:.1rem -.05rem 0;}
.por-rh-mk {flex:1;display: flex;align-items: center;justify-content: center;flex-direction: column;background:#F5F5F5;margin:0 .05rem;border-radius: .1rem; height: 1rem;}
.por-rh-mk span {font-size:.28rem;}
.pro-rh-item.active {background-image: url(../../../images/wapkdxy/gzh/icon-select.png);  background-position: bottom right;  background-size: .4rem .4rem;  background-repeat: no-repeat;border-color:#197bf6}
.pro-rh-item.active .por-rh-mk {background:#f2f8ff;color:#197bf6}

/*弹窗*/
.popup .popup-bg {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 1000;filter: alpha(opacity=80);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);}
.popup .popup-info{position: fixed; top: 20%; left: 5%;width:90%; z-index: 1001;}
.popup .popup-info2{position: fixed; bottom:0;left:0;width:100%; z-index: 1001;}
.popup-content {position:relative;width:100%;  margin:auto;background:#fff;border-radius: 5px;padding:.3rem;}
.popup .popup-info2 .popup-content {border-radius: 8px 8px  0 0;}
.popup-text {font-size:.27rem; color:#666;margin-top:.3rem;}
.close-btn {position: absolute; display: block; right:5px; top: 5px;  width: 30px; height: 30px; line-height: 25px; text-align: center; color: #999; font-size: 30px;}
.popup .popup-info .btn {padding:.15rem .3rem;}
[v-cloak] {
    display: none;
}
.fix-img{width: 0.9rem;height: auto;position: fixed;bottom: 2.8rem;right: .1rem;z-index: 100;}

/* 2024-0103 限时赠卡 */
/*.protocol-row {color:#666;display: flex;align-items: center;cursor: pointer;margin:.2rem 0 .1rem;padding-top:.2rem;border-top:dashed 1px #ddd;font-size:.32rem;font-weight: 700;color:#ff8200}*/
/*.protocol-row label {flex:1;}*/
/*.protocol-row span {width: .3rem;height: .3rem;background: url('../../../images/wapkdxy/gzh/icon-gou1.png') no-repeat;background-size:100% 100%;margin-right:.1rem;}*/
/*.protocol-row span.active {background: url('../../../images/wapkdxy/gzh/icon-gou2.png') no-repeat;background-size:100% 100%}*/
/*.protocol-text {color:#666;padding-top:.2rem;}*/

/* 2024-0130 限时赠卡 */
.popup-zk {border:solid .1rem #197bf6;border-radius: .3rem;}
.protocol-row {position: relative; color:#666;cursor: pointer;margin-top:.3rem;padding-left:.4rem;}
.protocol-row a {color:#f8512c}
.protocol-row span {position: absolute;left:0;top:.04rem; width: .3rem;height: .3rem;background: url('../../../images/wapkdxy/gzh/icon-gou1.png') no-repeat;background-size:100% 100%;margin-right:.1rem;}
.protocol-row span.active {background: url('../../../images/wapkdxy/gzh/icon-gou2.png') no-repeat;background-size:100% 100%}
.protocol-text {color:#666;}
.zk-btn {display:block;background: #fff;padding: 0.2rem 0.3rem;text-align: center;color: #333;background: #cacaca;font-size: .32rem;border-radius: .6rem;margin:.2rem 0;;}
.zk-btn.active {color: #fff;background: #197bf6;}
.zk-text {font-size:.4rem;padding:.3rem 0;text-align: center;}
.icon-zk {width: 2rem;display: block;margin:.3rem auto;}

.btn-yz {position: absolute;right:.36rem;padding:0 .2rem;font-size:.24rem; display:inline-flex;align-items:center;justify-content:center;height:.5rem;background:#197bf6; color: #fff; text-align:center;border-radius:.1rem;}
.manner-mk input {width: 4rem;;}
.manner-mk .btn-yz {width: 1.8rem;}