@charset "utf-8";
body{ color: #333; background: #fff; max-width: 640px;min-width: 320px; margin: 0 auto;}
.caontainer{ overflow: hidden;  padding-bottom: .87rem; padding-top: 1.2rem;font-size: .28rem;}
#container img{ width: 100%;vertical-align: top; height: auto; }
.header{ overflow: hidden;position: fixed;left: 50%; margin-left: -3.2rem;  top: 0;z-index: 5;width: 6.4rem;}
.itembox{margin:0 .2rem; font-size: .28rem;line-height: 160%;}
p{margin:.1rem 0;}
strong{ color: #f00;}
.adimg{ font-size:.24rem; }
.ttbg{ height: .56rem; background: url(../images/ttbg.png) no-repeat;  line-height: .56rem;text-align: center; color: #822004; 
	font-size: .32rem;background-size: cover; margin: .25rem 0;}
.piclist{ overflow: hidden;margin-right: .2rem }
.piclist li{ display: inline; float: left; width: 50%; margin-bottom: .2rem; }
.piclist li span{ display: block;margin-left: .2rem }
.piclist li span img{ width: 100%; height: 2.11rem }
.ntt{ height:2.3rem; background: url(../images/h2bg.jpg) no-repeat;background-size: cover; position: relative;z-index: 1;}
.ntt h2{ font-size: .6rem;text-align: center; color: #422723; font-weight: bold; padding-top: .36rem;}
.ntt h2 span{ display:block; text-transform: uppercase; font-size: .18rem; font-weight: normal;}
.tcenter{text-align: center;}
.imgoboxim{ width: 5.1rem;margin: 0 auto;margin-top: .2rem; }
.hpnbg{ height: 4.83rem;background: url(../images/hpnbg.jpg) no-repeat; background-size: cover; padding-top: 2.58rem;box-sizing: border-box; }
.hpnbginfo{height: 2rem;width: 5.6rem;box-sizing: border-box; text-align: center; line-height: 140%; font-size: .24rem; border-radius: .2rem; padding:.1rem .2rem; 
	padding-top: .2rem; color: #545454;margin: 0 auto;  background: #fff;}
.hpnbginfo p{margin: .1rem 0;}
.ewmbox{ height: 2.64rem; width: 2.64rem;margin: 0 auto; margin-top: .2rem; }
.red{ color: #f00 }
.fongtbolid{ font-weight: bold; }
.fontbar{ font-size: .26rem; font-weight: bold; color: #f00; background: #fff; height: .6rem; line-height:.6rem; }
.rhzb{ height: auto;  position: relative; z-index: 2; margin-top:-.7rem;}
.btbbox{ background: #fff; padding: .2rem;  }
.btbbox .btnb{margin: .05rem 0; height: .65rem; color: #fff; background: #f00; line-height: .65rem; font-size: .32rem; border-radius: .1rem;}
.footerbox{position: fixed; z-index: 999; font-size: .28rem;left: 50%; margin-left: -3.2rem; bottom: 0;  width: 6.4rem;}

.ltable{width: 100%;background-color: #fff;border-collapse: collapse;border-spacing: 0;}
.ltable th{border: 1px solid #BABABA; background: linear-gradient(0deg, #dbdbdb, #f7f7f7);border-top:0;min-height: .4rem;line-height:.2rem;
			font-size: .18rem; font-weight: bold;color: #333;padding: .1rem 5px;vertical-align: middle;}
.ltable td{padding: .1rem .05rem;border: 1px solid #BABABA;min-height: .4rem;text-align: center; line-height:.2rem;
			font-size: .18rem; color: #333;vertical-align: middle; }
.ltable td.red{ color: #ff0000; }
.ltable td.aleft{ text-align: left;}

.adboxm{ height: .84rem;  line-height: .84rem; white-space: nowrap;text-align: center; display: flex;}
.adboxm span{ font-size: .37rem; font-weight: bold; color: #016ab9; }
.adboxm em{ font-style: normal; font-weight: bold; font-size: .6rem; padding-left: 5px; color: #ff3f85;}
/*老用户宽带提速申请*/
.kdtssq{ padding: .26rem; border:1px solid #BABABA; border-top: 0;text-align: center; font-size: .36rem; }
.kdtssq em{ color: #FE0002; font-weight: bold; }
.youshilist dl{ overflow: hidden; margin-top: .23rem;}
.youshilist  dt{ width: 1.2rem; height: 1.2rem; display: inline; float: left; margin-left: .06rem; }
.youshilist  dd{ display: inline; float: left; width: 4.6rem; padding-left: .14rem; color: #666; }
.youshilist dl dd h3{ font-weight: bold; font-size: .3rem; margin-top: .18rem; color: #333;}
.bz{ border-top:1px solid #E2E2E2;margin-top: .24rem; padding: .2rem .3rem; }
.bz h3{ font-size: .30rem; font-weight: bold; color: #333; }
.bz .bzlist{ min-height: .48rem;  position: relative; font-size: .26rem; color: #666; padding-left: .6rem;margin-top: .15rem; padding-top: .06rem;}
.bz .bzlist span{ position: absolute;left: 0; top:0; width: .48rem; color: #fff; border-radius: 50%; height: .48rem; text-align: center; line-height:.48rem;  }
.bz .bzlist1 span{ background: #FF4F4F; }
.bz .bzlist2 span{ background: #feb22f; }
.bz .bzlist3 span{ background: #3dc9a0; }
.bz .bzlist4 span{ background: #79b0f5; }
.footernav{ overflow:hidden;width:6.4rem;position: fixed;left: 50%;margin-left: -3.2rem; bottom: 0; z-index: 5;}
.footernav li{ width: 33.333%;text-align: center; display: inline;float: left;}
.footernav li a{ border-left:1px solid #fff;color: #fff; padding-top: .2rem;box-sizing: border-box; padding-right: .1rem;
	 line-height: 100%; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; font-size: .26rem; display: block;text-align:left;height: .87rem; background: #ff4f4f; position: relative; padding-left: .8rem;}
.footernav li a span.pic{ width: .56rem;height: .56rem; position: absolute;left:.12rem;top: .15rem; }
.footernav li a span.en{ font-size: .18rem; display: block; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.footernav li:nth-child(1) a{border-left: 0;}
.itemboxorder{ font-size: 14px; padding-top: 20px; }
.site-demo-button{ padding:.2rem; }
.layui-form-item{ margin-bottom:.15rem; }
.layui-btn{ width: 100%; }
.itemlist{position: relative; margin-bottom:.15rem; padding-left: 1rem;}
.itemlist select{ width: 100%; min-height: .55rem; border-radius: 4px;border-color: #dedede;line-height: .55rem;}
.itemlist span.leftspan{position: absolute;left: 0; top: 0;width: .9rem; text-align: right;  line-height: .55rem; font-size: .18rem;}
.itemlist .itemlistinput{ border-radius: 4px; background: none;border:1px solid #dedede; width: 100%;
	height:.55rem;text-indent: .06rem;}
.itemlistbt .btnbox{height:.55rem; width: 100%; border:0 none; border-radius:4px; background: #149aff; font-size: .24rem;color: #fff;}
.title{text-align: center; font-size: .28rem; padding: .1rem 0;}