/*首页样式*/
.totalShell{
	padding: 0;
	margin: 0;
	width: 100%;
	position: relative;
	padding-top:75px;
}
.totalShell_content{
	width: 100%;
	margin: 0 auto;
}
.router-img{
	display: block;
	width: 21.7%;
    float: left;
    margin: 3% 1% 0 4%;
	max-width:260px;
}

.work-time-box{
	height:24px;
	font-size:24px;
	font-weight:500;
	color:#303133;
	line-height:24px;
	margin-bottom:32px;
	margin-top:50px;
}
.work-box{
	width: 100%;
	margin-top: 42px;
}
.work-box-left{
	width: 50%;
	float: left;
}
.work-box-left:nth-child(2){
	width: 42%;
	margin-left: 8%;
}
.wan-speed{
	font-size:48px;
	font-weight:bold;
	color:#5B7CFF;
	line-height:56px;
}
.wan-supporting-tx{
	font-size: 18px;
	color:#333333;
	font-weight: 400;
	vertical-align: middle;
	padding-left:8px;
}
.wan-speed-unit{
	height:18px;
	font-size:18px;
	line-height: 18px;
	color: #7A7F8F;
	font-weight:500;
	margin-top: 25px;
}
.button-fail-help{
	background-color:#FF9C81;
}
.button-restart{
	background-color:#BBE9A6;
}
.button-index{
	padding:0 16px;
	height:45px;
	border-radius:12px;
	text-align: center;
	color: #fff;
	line-height: 45px;
	display: inline-block;
	font-size: 18px;
	cursor: pointer;
	margin-top: 14px;
}
.button-index:hover{
	color:#fff;
}
.container-list {
	margin:50px 15px 0;
}
.menu-item{
	background: #fff;
    border-radius: 27px;
/*    width: 80%;*/
    display: block;
    margin-bottom: 40px;
    text-align: center;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(148,169,196,0.28);
	box-shadow: 0px 0px 13px 0px rgba(148,169,196,0.28);
}
.menu-item-img{
	width:100px;
    height: 100px;
    display: inline-block;
    margin-top: 50px;
    margin-bottom: 27px;
}

.menu-item-img img{
	max-width:100%;
	width:auto;
	height:auto;
}

.menu-item h3,.menu-item-p{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.menu-item h3{
	font-size: 20px;
    line-height: 1.5;
    font-weight: 500;
    color: #333;
	margin:0 auto;
	margin-top: 20px;
    margin-bottom: 10px;
	width:90%;

}
.menu-item-p{
	font-size: 15px;
    color: #999;
    line-height: 1;
    padding-bottom: 50px;
	width:90%;
	margin:0 auto;
}

@media screen and (min-width:0) and (max-width:451px){
	.menu-item{
		max-width:160px;
		margin:0 auto 40px;
	}
	.menu-item-img{
		width:50px;
		height:50px;
	}
	.menu-item h3{
		font-size: 16px;
	}
	.menu-item-p{
		font-size: 14px;
		padding-bottom:35px;
	}	
	.menu-item-img{
		margin-top:35px;
		margin-bottom:10px;
	}
}

@media screen and (min-width:451px) and (max-width:550px){
	.menu-item{
		max-width:190px;
		margin:0 auto 40px;
	}
	.menu-item-img{
		width:50px;
		height:50px;
	}
	.menu-item h3{
		font-size: 18px;
	}
	.menu-item-p{
		font-size: 16px;
		padding-bottom:35px;
	}	
	.menu-item-img{
		margin-top:35px;
		margin-bottom:15px;
	}
}

@media screen and (min-width:551px) and (max-width:767px){
	.menu-item{
		max-width:210px;
		margin:0 auto 40px;
	}
	.menu-item h3{
		font-size: 18px;
	}
	.menu-item-p{
		font-size: 16px;
		padding-bottom:35px;
	}	
	.menu-item-img{
		width:65px;
		height:65px;
	}	
	.menu-item-img{
		margin-bottom:15px;
	}

}

@media screen and (min-width:768px) and (max-width:991px){
	.menu-item-img{
		width:57px;
		height:57px;
	}
	.menu-item h3{
		font-size: 16px;
	}
	.menu-item-p{
		font-size: 14px;
		padding-bottom:40px;
	}	
	.menu-item-img{
		margin-top:40px;
		margin-bottom:10px;
	}
}

@media screen and (min-width:992px) and (max-width:1199px){
	.menu-item{
		max-width:190px;
	}
	.menu-item-img{
		width:60px;
		height:60px;
	}
	.menu-item h3{
		font-size: 18px;
	}
	.menu-item-p{
		font-size: 16px;
		padding-bottom:40px;
	}	
	.menu-item-img{
		margin-top:40px;
		margin-bottom:18px;
	}
}


#info-panel {
	margin:50px 3% 0;
}
#info-panel .panel-box {
    background: #fff;
    border-radius: 24px;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(148,169,196,0.28);
	box-shadow: 0px 0px 13px 0px rgba(148,169,196,0.28);
	padding-bottom:20px;
	font-size:18px;
	color:#848484;
}
#net-status-box{
	width:90%;
	margin:0 auto;
	position:relative;
	padding-top:20px;
}

#net-status-box img {
	max-width:100%;
}

#net-status-box .line-sec{
	text-align:center;
	position:static;
}

#net-status-box .line-sec .wrapper{
	height:100%;
	position:absolute;
	top:40%;
}
#net-status-box .line-sec .right_t{top: 32%;}
@media (max-width: 500px) {
	#net-status-box .line-sec .right_t{top: 26%;}
}
#net-status-box .line {
	width:90%;
	height:2px;
	background:#05c9b1;
	margin:0 auto;
}

#wan-status-line.online{
	background:#05c9b1;
}

#wan-status-line.offline{
	background:#d10505;
}

.status-txt{
	font-size:22px;
	line-height:30px;
	display:inline-block;
	margin-bottom:10px;
}



.icon-sec {
	margin-top:32px;
	text-align:center;
}
.icon-describe {
	margin-top:16px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#wan-status-icon {  width:30px; background:#fff; position:absolute; left:50%; top:8px; margin-left:-15px;  }

#mesh-line span {
    width: 100%;
    position: absolute;
    left: 0;
    top: -1%;
    text-align: center;
    font-size: 14px;
    color: #05c9b1;
}
@media (max-width: 500px) {
	#mesh-line span {
		font-size: 12px;
		top: -5%;
	}
}

#router-info-box {
	position:relative;
	width: 90%;
    margin: 0 auto;
}

#router-info-box .btn-i-restart,#router-info-box .btn-i-mesh {
	max-width:100%;
	height:35px;
	border-radius:45px;
	
	color:#fff;
	margin-top:20px;
	zoom:1;
	overflow:hidden;
	padding:0 20px;
}

#router-info-box .btn-i-restart {
	background:#f6c23e;
}

#router-info-box .btn-i-mesh {
	background:#409EFF;
}

#router-info-box .btn-i-restart i {
    width: 15px;
	height:16px;
    background: url(../images/reboot_icon.png) no-repeat center center;
	float: left;
    margin-right: 5px;
    margin-top: 2px;
}

#router-info-box .btn-i-mesh i {
    width: 15px;
	height:16px;
    background: url(../images/add_icon.png) no-repeat center center;
    display: inline-block;
    margin-right: 5px;
	margin-top:2px;
}

#router-info-box .btn-i-restart span, #router-info-box .btn-i-mesh span {
	
	max-width:85%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media screen and (min-width:991px) and (max-width:1045px){
	#router-info-box .btn span {
		max-width:76%;
	}
}

@media (max-width: 935px) {
	#router-info-box .btn span {
		max-width:70%;
	}
}

@media (max-width: 770px) {
	#router-info-box .btn span {
		max-width:66%;
	}
}

@media (max-width: 720px) {
	#router-info-box .btn span {
		max-width:60%;
	}
}

@media (max-width: 660px) {
	#router-info-box .btn span {
		max-width:54%;
	}
}

@media (max-width: 610px) {
	#router-info-box .btn-i-restart,#router-info-box .btn-i-mesh { padding:0; width:100%; }
	#router-info-box .btn-i-restart i,#router-info-box .btn-i-mesh i { float:none; text-align:center; line-height:35px; height:35px; display:inline-block; margin:0; }
	#lbl-mesh{ display:none; }
	#lbl-reboot { display:none; }
}
@media (max-width: 500px) {
	#router-info-box .btn-i-restart,#router-info-box .btn-i-mesh{ height:30px; line-height:30px; }
	#router-info-box .btn-i-restart i,#router-info-box .btn-i-mesh i { line-height:30px; height:30px; }
}


.value-box {
    color: #05c9b1;
}

#speed-wrapper { width:30px; font-size:14px; position:absolute; left:0; top:18%; width:100%; text-align:center; }
#run-time-wrapper,#host-wrapper { position:absolute; width:100%; left:0; top:-25px; }

@media (max-width: 780px) {
	.status-txt { margin-bottom:3px; }
}

@media (max-width: 768px) {
	#info-panel .panel-box,.icon-describe { font-size:16px; }
	#router-info-box .value-box { font-size:24px; }
	#router-info-box .btn-restart { font-size:20px; height:45px; margin-top:-22px; }
	.icon-describe {margin-top: 14px;}
	#wan-status-icon {  width:18px; background:#fff; top:6px; margin-left:-9px; }
}

@media (max-width: 650px) {
	#router-info-box .col-xs-5 {
		width:100%;
	}
	#router-info-box .btn-restart { margin-right:20px; }
}
@media (max-width: 550px) {
	#info-panel .panel-box,.icon-describe {font-size:14px;}
}

@media (max-width: 480px) {
	#info-panel .panel-box,.icon-describe {font-size:12px;}
	#router-info-box .value-box { font-size:20px; }
	#router-info-box .btn-restart { font-size:18px; height:36px; margin-top:-18px;  margin-right:20px; }

	.icon-describe {margin-top: 10px;}
	#speed-time-sec { padding-top:8px; }
	#run-time-sec { padding-bottom:8px; }
	
	#wan-status-icon {
		top:0;
	}
}

@media (max-width: 320px) {
	#info-panel .panel-box,.icon-describe {font-size:12px;}
	#router-info-box .value-box { font-size:16px; }
	#router-info-box .btn-restart { font-size:14px; height:36px; margin-top:-18px;  margin-right:20px; }

	.icon-describe {margin-top: 8px;}
	
	#wan-status-icon {
		width: 16px;
		top:0;
	}
}


/*首页样式完*/
/*向导页面*/
.guideHtml{
	margin-top: 135px;
    text-align: center;
	overflow-x:hidden;
}
.guideHtml_img{
	width: 75%;
    margin: 55px auto;
    max-width: 305px;
}
.guideHtml_img img{
	max-width:100%;
}
.guideHtml_h1{
	margin: 0;
	font-size:36px;
	font-weight:normal;
}
.guideHtml_shall{
	width: 100%;
	height: 57px;
	margin-top: 10%;
	font-size: 0;
	text-align: center;
}
.guideHtml_shall a{
	width: 276px;
	height: 57px;
	display: inline-block;
	line-height: 57px;
	text-align: center;
	color: #fff;
	font-size: 26px;
	border-radius: 5px;
	margin: 0 20px;
}
.guideHtml_shall a:nth-child(1){
	background-color: #2e9bff;
}
.guideHtml_shall a:nth-child(2){
	background-color: #409EFF;
}
.line_Speedprogress{
  width: 100%;
  height: 100px;
  clear: both;
  position: relative;
  text-align: center;
}
.line_Speedprogress .numberday{
  width: 62px;
  height: inherit;
  display: inline-block;
  position: relative;
  text-align: center;
  z-index:10;
}
.threee_i{
  width: 1%;
  display: table-cell;
  position: relative;
  height:45px;
}

.threee_i:after{
  position: absolute;
  width: 100%;
  height: 1px;
  content:' ';
  top: 20%;
  z-index: 5;
  right: 53%;
  border-bottom: 1px dashed #bfbfbf;
}
/*如果线要变色就加上这个*/
/*.blue_after:after{
  position: absolute;
  width: 100%;
  height: 1px;
  content:' ';
  top: 16%;
  z-index:6;
  right:53%;
  border-bottom: 1px dashed #0e6fd9;
}*/
.blue_after .radius{
  border:1px solid #2e9bff;
  background-color:#2e9bff;
}
.blue_after .numberday p{
	color: #535353;
}
.threee_i:nth-of-type(1):after{
  opacity: 0;
}
.radius{
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius:50% ;
  display: inline-block;
  border:1px solid #bfbfbf;
  color:#bfbfbf;
  background-color: #bfbfbf;
}
.numberday p{
  font-size:18px;
  color:#bfbfbf;
  text-align: center;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  width: 200px;
  left: -60px;
  bottom: 0;
}
.radius_b{
  border:1px solid #2e9bff;
  color:#2e9bff;
}
.infoone{
	width: 100%;
	min-height: 550px;
}
.guide_progress_h3{
	font-size: 18px;
	color: #535353;
    text-align: center;
	font-weight:normal;
}
.dottedShell{
	width: 100%;
	/*height: 165px;*/
	border-bottom: 1px dashed #657095;
	margin: 0 auto;
}
.dottedShell:last-child{
	border-bottom: 0px dashed #657095;
}

.guide_p{
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #535353;
	margin-top: 12px;
}
.guide_ip_text{
	
}
.guide_ip_text input{

}
.turn_img {
	max-width:100px;
	margin:0 auto;
	margin-bottom:40px;
}
.turn_img img {	
	max-width:100%;
}
/*其他页面*/
.f-input-2{border-radius:5px;background-color: #f5f5f5;font-size: 18px;color: #535353;}


.tipsText{color: #409EFF;font-size: 14px;line-height: 20px; }


.f-tabButtonShell{
	width: 100%;
}
.f-tabButton{
	width: 240px;
	height: 60px;
	background-color: #d2d2d2;
	border-radius:10px;
	display: inline-block;
	font-size: 24px;
	text-align: center;
	line-height: 60px;
	color: #fff;
	cursor: pointer;
}
.f-tabButton:hover{
	background-color: #2e9bff;
}

.f-tabButton:nth-of-type(1){
	margin-left: 48px;
	margin-right: 84px;
}
.f-tabButtonSmall{
	width: 173px;
	height: 43px;
	background-color: #d2d2d2;
	border-radius:5px;
	display: inline-block;
	font-size: 18px;
	text-align: center;
	line-height: 43px;
	color: #fff;
	cursor: pointer;	
}
.f-tabButtonSmall:hover{
	background-color: #409EFF;
}
.f-tabButton-click{
	background-color: #409EFF;
}
.f-p1{
    width: 86%;
    margin: 0 auto 0 auto;
    font-size: 14px;
}
.publicDiv{
	width: 100%;
}
.f-input-w300{
	width: 25.5%;
    height: 36px;
    line-height: 36px;
    /*margin-left: 13px;*/
    border-radius: 5px;
    background-color: #f5f5f5;
    font-size: 26px;
    color: #535353;
    display: inline-block;
    font-size: 14px;
}
.f-light-36{
	margin-bottom: 0;
	line-height: 36px;
	height: 36px;
}
.f-vAlign-sub{
    vertical-align: sub;
}
.b-buton2{
	width: 240px;
	height: 50px;
	background-color: #409EFF;
	border-radius: 5px;
	font-size: 26px;
	color: #fff;
    border: 0;
}
.b-buton3{
	width: 240px;
	height: 50px;
	background-color: #d2d2d2;
	border-radius: 5px;
	font-size: 26px;
	color: #fff;
    border: 0;
}
.b-buton3:hover{
	background-color: #02D39B;
}
/*外网设置*/
.f-network-tab{
	width: 86%;
	margin: 0 auto;
	line-height: 40px;
	height: 40px;
	font-size: 18px;
	color: #535353;
	text-align: center;
	font-size: 0;
}
.f-network-tab a{
	width: 28%;
	display: inline-block;
	text-align: center;
	background-color:#ebf5ff;
	font-size: 18px;
}
.f-network-tab a:hover{
	background-color: rgba(64,158,255,0.2);
}
.f-network-tab .selection{
	background-color: rgba(64,158,255,0.2);
}
#portMapping_tb a{
	width: 28%;
}
.b-buton1{
	min-width: 140px;
	height: 35px;
	background-color:#ebf5ff;
	font-size: 14px;
	text-align: center;
	display: inline-block;
	border-radius:5px;
	padding: 6px 12px;
}
.b-buton1:hover{
	background-color: rgba(64,158,255,0.2);
}

.weekSlot span{
	 display: block;
    float: left;
    margin-left: 12px;
    min-width: 40px;
    height: 36px;
    text-align: center;
    line-height: 33px;
    border: 1px solid #cfcfcf;
    border-radius: 5px;
    font-size: 17px;
    color: #535353;
    cursor: pointer;
}
.weekSlot span:first-child{
	 margin-left: 0px;
}
.weekSlot span.active {
    border: 1px solid #428bef;
    color: #428bef;
}
.f-table-shell{
	width: 90%;
	margin: 50px auto 0 auto;
	text-align: center;
    overflow-x: auto;
    overflow-y: hidden;
}
.app-box{width: 100%;overflow: auto;}
.box-bd{
	margin-top: 50px;
	width: 100%;
	overflow: auto;
}
.f-table-shell table{
    /*width: 1200px;*/
    /*max-width: 1100px;*/
    margin-bottom: 0;
    border-radius: 5px;
}
.f-table-shell table thead tr th{
	/*background-color: #D9ECFF;*/
}
/*可编辑文本*/
.editableTable{
	border-radius: 5px;
}
.editableTable thead tr{
	background-color: #f5f5f5;
}
.editableTable.table>tbody>tr>td{
    border-top: 0px solid #ddd;
}
.editableTable tbody tr td:nth-child(1){
	background-color: #eeeeee;
}
.editableTable thead tr th,.editableTable tbody tr td{
	font-size: 16px;
}
.f-border{
	border: 0;
	font-size: 14px;
}
/*可编辑文本结束*/

.system_upgrade_text{
	font-size: 18px;
	text-align: center;
}
.item{
	height: 55px;
	line-height: 55px;
	
}
.white_btn{
    position: relative;
  	width: 207px;
  	height: 54px;
    text-decoration: none;
    overflow: hidden;
    margin: 0 auto;
    display: block;
    text-align: center;
    font-size: 16px;
    background-color: #f5f5f5;
    border-radius:5px ;
    border: 1px solid #c3c3c3;
}
.filePrew{
	position: absolute;
	left: 0;
	top: 0;
	width: 207px;
    font-size: 250%;
    opacity: 0;
	height: 54px;
    cursor: pointer;
    
}

.ap_content{
	width: 92.8%;
	margin: 0 auto 0 auto;
	box-shadow: 0px 0px 1px 1px #b1aaaa45;
	border-radius:10px ;
	min-height: 200px;
	padding-bottom: 20px;
}
.ap_content_title{
	width: 100%;
	height: 63px;
	line-height: 63px;
	background-color: #f5f5f5;
	color: #535353;
	font-size: 22px;
	border-radius:10px 10px 0 0 ;
	text-indent: 31px;
	border-bottom: 1px solid #e6e6e6;
	}
.ap_content_title span{
	font-size: 18px;
	color: #00c9c7;
}
.ap_content_title .upgrade{
	cursor: pointer;
	display: inline-block;
    float: right;
    margin-right: 44px;
}
.ap_content_shell{
	width: 90.3%;
	height: 208px;
	margin: 0 auto;
	border-bottom: 1px dashed #dcdcdc;
}
.ap_content_shell ul li{
	color: #535353;
	font-size: 18px;
	margin-top: 16px;
}
.ap_content_shell ul li .span-co1{
	color: #00c9c7;
}
.ap_conten_li1{
	width: 35.4%;
	float: left;
}
.ap_conten_li2{
	width: 48%;
	float: left;
}
.ap_conten_li3{
	width: 15.8%;
	float: left;
}
.ap_buttton1{
	width: 111px;
	height: 27px;
	line-height: 27px;
	border-radius:5px ;
	color: #fff;
	background-color: #2e9bff;
	text-align: center;
	cursor: pointer;
	font-size: 18px;
	margin-right: 34px;
	float: left;
}
.ap_buttton1:nth-last-child(1){
	margin-right: 0;
}
.f-popup_p{
	width: 50%;
	margin: 100px auto 0 auto;
	color: #00C9C7;
	font-size: 16px;
	line-height: 20px;
}
.popup_QS_tb{
	width: 100%;
}
.popup_QS_tb a{
	width: 48%;
}
.popup_QS_tb a:nth-of-type(1){
	margin-left: 2%;
}
.checkbox2_ap .checkbox2 input[type=checkbox]{
	margin-left: 10px;	
}
/*登录页*/
.login-h1{
	text-align: center;
	line-height: 55px;
	/*text-indent: 60px;*/
	/*margin-top: 254px;*/
}
/*弹窗*/
.f-popupBg{
	width: 100%;
	background-color: rgba(0,0,0,0.7);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 20;
	overflow: hidden;
}
.f-popup{
	width: 583px;
	min-height:338px;
	margin: 6% auto 0 auto;
	border-radius:10px;
	background-color: #fff;
    padding-bottom: 50px;
}
.f-popup h3{
	width: 100%;
	height: 63px;
	line-height: 63px;
	text-align: center;
	color: #535353;
	font-size: 22px;
	font-weight: bold;
	border-bottom:1px solid #dde1e5 ;
	position: relative;
	
}
.f-popup h3 i{
	width: 41px;
	height: 40px;
	display: inline-block;
	background-image: url(../images/close.png);
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	position: absolute;
    right: 10px;
    top: 10px;
}
/*信号调节*/
.power_progress_opt{
	position: relative;
    width: 543px;


    margin: 0 auto;
}
.scrollbar_plus{
    position: relative;
    width: 100%;
    height: 26px;
    background: url(../images/power_plus.png) no-repeat;
    margin: 75px 0 30px;
}
.scrollbar_add{
	position: absolute;
    width: 0%;
    height: 26px;
    background: url(../images/power_add.png) no-repeat;
    top: 0;
}
.sign-area{
    width: 97%;
    position: relative;
    height: 38px;
    font-size: 14px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
}
.sign-area i{
    display: block;
    width: 20%;
    border-top: 4px solid #eeeeee;
    position: absolute;
    top:13px;
    left: 21.5%;
}
.sign-area .second_i{
    left: 62%;
}
.sign-area a{
    position: absolute;
    width: 14%;
	height: 28px;
	display: block;
    background: none;
    line-height: 28px;
    color: #535353;
    font-size:14px;
    border-radius:5px ;
}
.sign-area .selected{
    background-color: #2e9bff; 
    color: #ffffff;
}
.sign-area #text_low{
    left: 4%;
}
.sign-area #text_middle{
    left: 45%;
}
.sign-area #text_high{
    right: 4px;
}
.sign-area a:hover{
    text-decoration: none;cursor: pointer;
}
/*联网设备*/
.activenav_device_list{
	width: 90%;
	padding: 0 20px;
	font-size: 16px;
	color: #535353;
	overflow: hidden;
	background-color:#ebf5ff;
	margin:0 auto;
}
.activenav_device_list h3{
	font-weight:normal;
	line-height:50px;
}

.activenav_device_list .slide-icon{
	float: right;
	font-size: 16px;
	cursor: pointer;
	display: inline-block;
	user-select: none;
	-webkit-user-select: none; 
}

.device-info{
	width: 100%;
	position: relative;
}


button.smaller{
	min-width: 64px;
    height: 20px;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    background: #409EFF;
    cursor: pointer;
    border: none;
    outline: none;
    vertical-align: middle;
    border-radius:4px;
    margin-left: 10px;
	padding:0 7px;
}
button.darkgray{
	background-color: #898e97;
}
button.smaller:hover{
	text-decoration: none;
    background-color: #6ba8fc;
}
button.darkgray:hover{
	background-color: #a1a5ac;
}

.limit-speed-panel{
	height:80px;
	line-height:80px;
}
.limit-speed-panel i{
	margin-left:5px;
    font-style: normal;
    font-size: 12px;
}
.limit-speed-panel .limit-tip{
	 font-size: 12px;
	 color: #999;
}
.limit-speed-panel label{
	line-height:20px;
	font-weight:normal;
	margin-bottom:0;
	font-size:12px;
}

.ctrl-section{
	text-align:right;
	padding-right:15px;
}


.input-small{
	width: 80px;
    padding: 2px 6px;
    height: 20px;
    line-height: 14px;
    font-size: 12px;
    border: 1px solid #d8d8d8;
}
.speed-cnt-section{
	float:left;
}
.speed-cnt-section span {
	display:inline;
	margin-right:15px;
}
.speed-ctrl-section{
	float: right;
	margin-right:15px;
}
.speed-ctrl-section .cancel-button{
	font-size: 12px;
	text-decoration:underline;
	margin-left:10px;
	display:inline-block;
	min-width:64px;
	text-align:center;
	padding: 0 7px;
}

/*网络安全状态*/

.item_status { zoom:1; overflow:hidden; padding:19px 0 8px;}
.item_status h2 {    line-height: 24px; font-size:16px; font-weight:bold; float:left; padding-right:19px;}
.item_status div.status { float:left; margin-left:13px; line-height:24px;}
.description { padding-bottom:17px; color:#7f7f80;}
/* 安全防护 */

.safe_firewall_tab { width:100%; margin:0 auto; table-layout:fixed;}
.safe_firewall_tab th { font-size:16px; padding:30px 0; border-right:1px solid #ececec; text-align:center; font-weight:400;}
.safe_firewall_tab td { padding:18px 0 20px; border-top:1px solid #ececec; border-right:1px solid #ececec; text-align:center;}
.item_status_tips{font-size:16px; color:#ff0000}
.safe_firewall_tab td span{font-size: 12px;}
.round{
	color: #fff;
    height: 22px;
    line-height: 22px;
    text-align: center;
    margin: 6px auto;
    border-radius: 20px;
    padding: 0px 15px;
    display: inline-block;
}
.pro{
	background-color: #418aee;
}
.unpro{
	background-color: #999;
}
.wifi-pass-safe,.admin-pass-safe{
	font-size: 12px;
	color: #428bef;
	display: inline-block;
}
.open_text{
	color:#418aee
}
.hd-underline{
	color: #428bef;
}
.hd-underline:hover{
	color: #81d82c;
    text-decoration: underline;
}
.link_help_show{
	width: 100%;
    height: 295px;
    background: url(../images/link_status_noline.png) no-repeat center;
}
#app_show_block{
	display: none;
}
.bt_pc{
	/*margin-left: 4%;*/
}
.wireless_universal_tb{max-width: 1100px;}
.editInput{width: 100%; height: 36px;background-color: #f5f5f5;}
.inline_block{display: inline-block}
/*响应式*/

@media screen and (max-width:1200px){
	.page-min-widht{width: 100%;}
	.router-img{ width: 33%;   margin: 3% 1% 0 5%;}
	/*.wan-speed{font-size: 24px;}*/
	/*.wan-supporting-tx{font-size: 16px;}*/
	#app_show_block{display: block;}
	.log{/*margin-left: 10%;*/}
	.bt_pc{    margin-left: 5%;}
	.f-formLable{width: 31%;}
	.wireless_universal_tb{width: 100%;}
	.f-input-w300{width: 30%;}
	.radio2 input:checked + span.radio-on{top: 40%;}

}
@media screen and (max-width:640px){
	.weekSlot span{    margin-left: 0px;margin-right: 8%;margin-top: 6%;}
	.herd-externalLinks{margin-left: 17px;}
	.widht31{width: 30%;}
	.power_progress_opt{width: 100%;}
	.sign-area a{width: 20%;}
	.sign-area i{width: 10%;left: 27%;}
	.sign-area #text_middle{left: 42%;}
	.sign-area .second_i{left: 66%;}
	/*.scrollbar_plus,.scrollbar_add{background-size: 100% auto;}*/
}

@media screen and (max-width:768px){
	.totalShell_content{width: 100%;}
	body{width: 100%;}
	.centralSection_left{width: 100%;}
	.speedBg2{width: 100%;}
	.imgConter1{width: 100%;margin: 0;}
	.equipmentShell{width: 95%;}
	.f-input-w300{width: 30%;}
	.radio2 input:checked + span.radio-on{top: 6px;}
	.f-formLable{width: 31%;}
	.bt_pc{margin-left: 0;}
	/*.judgeNavigation{display: none;}*/
}

/*修改管理密码*/
#password-tip-box{ margin:20px auto 40px; max-width:60%; }
#reset-tip-box{ margin:20px auto 40px; max-width:60%; min-width:240px; }
#reset-tip-box .note-box { min-width:inherit; }
#update-tip-box{ margin:20px auto 40px; max-width:60%; }

@media (max-width: 480px) {
	#password-tip-box,#update-tip-box { margin-left:15% !important; }
}

@media (max-width: 320px) {
	#password-tip-box,#update-tip-box { margin-left:5% !important; }
}

#update-tip-box { margin-bottom:40px; margin-top:20px; }
.manual_set_div .form-control{ float:left; }
.manual_set_div .f-lbl-text { float:left; margin:0 5px; font-weight:normal; line-height:36px; }
#current_time { line-height:36px; }
.cur_version { line-height:36px; }
#update_form .input-group{ max-width:270px; }
#update_file_name { width:100%; }
.input-group-btn .file-btn { height:36px; width:auto; min-width:inherit; color:#535353; padding:6px 15px; font-size:14px; background:#f5f5f5; border:1px solid #ccc; }

.card {
	border:1px solid #e3e6f0;
	border-radius:4px;
	width:90%;
	max-width:1000px;
	margin:0 auto;
	margin-bottom:30px;
}
.card-header {
	height:50px;
	background:#ebf5ff;
	color:#535353;
	font-size:18px;
	line-height:50px;
	text-align:center;
}
.card-cnt{
	font-size:16px;
	padding:20px 0 20px;
}
.card-cnt .wrapper{
	width:50%;
	float:left;
	position:relative;
	height:100%;

}
.card-cnt ul {
	margin-left:15%;
}

@media (max-width: 750px) {
	.card-cnt .wrapper{
		width:100%;
	}
	.card-cnt ul {
		margin:0 5%;
		width:90%;
	}
}

.card-cnt li{
	line-height:40px;
	text-indent:20px;
}

.card-cnt .sep {
	width:90%;
	height:1px;
	border-bottom:1px solid #E1E1E1;
	clear:both; 
	margin:0px auto 20px;
	padding-bottom:20px;
}

.module-sec {
    padding: 0 3% !important;
}
#module-list-sec{
	margin:0 -15px;
}
.button_a{
	padding: 2px 7px;
    /*background-color: #409EFF;*/
    /*color: #fff;*/
    display: inline-block;
    text-decoration: underline;
    border-radius: 5px;
}
.button_a:hover{
	  text-decoration: underline;
	  color: #409EFF;
}
/*.button_b{
	padding: 2px 7px;
    background-color: #409EFF;
    color: #fff;
    display: inline-block;
    border-radius: 5px;
}
.button_b:hover{
	color: #fff;
}*/
.countdown-sec{
	position:relative;
	margin-top:100px;
	text-align:center;
}

.countdown-sec #time{
	position:absolute;
	left:0;
	top:0;
	font-size:27px;
	font-weight:bold;
	text-align:center;
	width:100%;
	line-height:120px;
}

.countdown-tip {
	font-size:16px;
	font-weight:bold;
	margin-top:40px;
	text-align:center;
}

#time_zone_sel {
	width:100%;
	max-width:520px;
}
#ntp_server_list {
	max-width:520px;
}

#reset_frm .form-group .f-control{
	width:100%;
	margin:0;
}
#reset_frm .form-group .f-label{
	width:100%;
	margin:0;
}
.mask_ipv6{width:100%;position: absolute;bottom: 40px;left: 0;z-index: 10;cursor: no-drop;}
@media (max-width: 420px) {
	#time_setting_frm .form-group .form-control-small{
		width:60px;
	}
	#time_setting_frm .form-group .f-control{
		width:76%;
		margin-left:12%;
	}
	#time_setting_frm .form-group .f-label{
		width:76%;
		margin-left:12%;
	}
}

@media (max-width: 375px) {
	#time_setting_frm .form-group .f-control{
		width:86%;
		margin-left:7%;
	}
	#time_setting_frm .form-group .f-label{
		width:86%;
		margin-left:7%;
	}
}

@media (max-width: 320px) {
	#time_setting_frm .form-group .form-control-small{
		width:55px;
	}
	#time_setting_frm .form-control{
		padding:6px 8px;
	}
	#time_setting_frm .form-group .f-control{
		width:100%;
		margin:0;
	}
	#time_setting_frm .form-group .f-label{
		width:100%;
		margin:0;
	}
}

#online-list-wrapper {
	overflow:hidden;
}
.name-section{
	min-width:250px;
	font-size:16px;
}
.name-section span {
	display:inline-block;
	max-width:90%;
	min-width: 60px;
    height: 25px;
    padding-right: 20px;
    background-image: url(../images/edit_icon.png);
    background-repeat: no-repeat;
    background-position: right 8px;
	cursor: pointer;
}
.name-section span:nth-last-child(1){
	height: 20px;
	    background-position: right 3px;
    background-size: 12px;
}
.name-section .tag {	
	font-size:12px;
	font-weight:normal;
	color:#7ebdfd;
	border:1px solid #7ebdfd;
	padding:0 5px;
	margin-left:5px;
	line-height:19px;

}
.time-section{
	font-size:12px;
	color:#999;
	line-height:1;
	padding-bottom:20px;
}

.ip-section,.mac-section{
	line-height:26px;
}

.ip-section .txt,.mac-section .txt{
	padding-left:5px;
}
.speed-section{
	min-width:170px;
	line-height:26px;
}

.speed-section .icon{
	width:7px;
	height:9px;
	margin-right:5px;
	margin-top:7px;
	display:inline-block;
}

.speed-up-section .icon{
	background: url(../images/speed_icon.png) center bottom no-repeat;
}
.speed-down-section .icon{
	background: url(../images/speed_icon.png) center top no-repeat;
	
}
@media (max-width: 500px) {
	
	.br_f{
		width: 100%;
		display: inline-block;
	}
	.app_hide{display: none;}
	.form-group .btn {min-width: 110px;}
}

.table-sec .device_table td:before {
	display:none;
}
.edit-name{
	width: 200px;
    padding: 2px 0px;
    height: 25px;
    margin-bottom: 5px;
    line-height: 14px;
    font-size: 12px;
    border: 1px solid #d8d8d8;
}
@media (max-width: 1500px) {
	
	.name-section{
		padding-top:10px;
		/*font-weight:bold;*/
	}
	.speed-section .icon{
		display:none;
	}
	.time-section{
		line-height:28px;
		padding-left:6px;
		padding-bottom:0px;
	}
	.ip-section,.mac-section,.speed-section{
		font-size:12px;
		color:#999;
		line-height:28px;
		padding-left:6px;
	}
	.ctrl-section{
		padding-top:5px;
		padding-bottom:15px;
		margin-left:-4px;
		text-align:left;
		padding-right:0;
	}
	.speed-ctrl-section{
		float:left;
		margin-right:0;
		margin-left:-10px;
	}
	.speed-cnt-section span {
		display:inline-block;
		line-height:40px;
	}
	.limit-speed-panel{
		height:inherit;
		line-height:inherit;
	}
}