*{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
ul{list-style: none;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-o-text-size-adjust:100%;height:100%;}
body 	{font:normal 14px Arial, Helvetica, sans-serif; color:#333; background:#fff;}
a{text-decoration:none; color:#000		}
a:hover			{color: #FF0000;cursor:pointer;	}
a:focus	{	outline:0	}
a img {	border:0;}
input{vertical-align:middle;}
input[type="button"]{ -webkit-appearance: none; }
input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset !important;}
input[type="text"]:disabled,
input[type="password"]:disabled,
select[disabled]{background:#e6e3e3;}
select{background:#fff;border:1px solid rgb(170, 170, 170)}
.online{overflow : hidden; text-overflow : ellipsis;white-space : nowrap;}
.pointer{cursor: pointer;}
.clear{	clear:both; height:0; line-height:0; font-size:1px;	}
.media_menu{display: none;}
.error{color:#f00;}
.edit ,.delect{cursor: pointer;}
textarea{border:1px solid #aaa;font-family: Microsoft Yahei;}
.right{float:right;}
.left{float:left;}
.clearfloat:after{content: " ";display: table;height: 0;clear: both;visibility: hidden;}
.clearFloat{clear:both;}
.center_align{text-align:center;}
.right_align{text-align:right;}
.left_align{text-align:left;}
.hide{display: none;}
.show{display: block;}
.marginL{margin-left:10px}
.none {display: none;}

/* table */
table {
  width: 100%;
  font-size: 12px;
  table-layout: fixed;
  border-collapse: collapse;
  margin-top: 10px;
}
table th, table td {
  word-wrap: break-word;
  border-bottom: 1px solid #aaa;
  line-height: 33px;
  text-align: center;
  vertical-align: middle;
}
table thead th {
  background-color: #F9F9F9;
  background: linear-gradient(180deg,#fff,#CFD4D7);
  color: #777;
}
table tbody tr {
  height: 25px;
}
table tbody tr:nth-child(2n+1){ background: rgb(253 246 246);}
table.software_table {
  border-width: 0px;
  border-style: initial;
  border-color: initial;
  border-image: initial;
}
table.software_table th, table.software_table td{border:none;}

/* login page */
.loginArea .logo img{width:200px; height:auto; margin-top:8px;}
.loginbox {width: 964px;margin:0 auto;}
.box0{width:100%; padding-top:100px;}
.box1 {width:60%; margin:0 auto; box-sizing: border-box; border:1px solid #D9D9D9; border-radius: 8px; box-shadow:0 2px 4px #D9D9D9; background: #fff; text-align: center;}
.box1 .title{ font-weight: 600; line-height: 40px; border-bottom: 1px solid #D9D9D9; background: #E8E8E8;}
.box3{background:#F7F7F7; padding:26px 15px;}
.box3 span{display:inline-block; width: 120px;}
.box4{text-align: right; padding:4px 30px; border-top: 1px solid #D9D9D9;}
.login_text{line-height: 32px;height: 32px;}
.textfield, .txtEditBox {width: 195px;padding-left:3px;line-height: 28px;height: 28px;color: rgb(85, 85, 85);border-width: 1px;border-style: solid;border-color: rgb(170, 170, 170);border-image: initial;margin: 0;vertical-align: middle;}
.button {width: 200px;height: 46px;line-height: 46px;font-size: 14px;color: rgb(255, 255, 255);display: block;background-color: rgb(237, 28, 36);border-radius: 40px;margin: 10px auto 0;}
.mobile_menu{display: none;}
.loginSelLange{margin-top:10px;}

.password-box{display: inline-block; position: relative; width: 50%; margin:5px 0;padding:2px 10px;background:#fff; border-top: 1px solid #EEEEEE;}
.password-box input{width: 100%; line-height: 38px;height: 38px;}
.password-box i{position: absolute; right:0; top:0; height:42px; width:26px; background: url(../images/bukejian.png) no-repeat 5px 13px;}
.password-box i.active{background-image: url(../images/kejian.png);}

/* header */
.loginArea {height:50px; text-align: right; padding:10px; margin-bottom:10px; font-size: 12px;}
.loginArea>span{display: block; width:964px; margin:auto}
.loginArea label{padding-right:8px;}
.loginArea a {text-decoration: none; display: inline-block; margin-right: 5px;}
.loginArea a.active{color:#990903; font-weight: 600;}
.loginArea a:hover{text-decoration:underline;}
.loginArea>span>span {display:inline-block;height:20px;margin-left: 10px;}
.loginArea img{height:14px;}
.loginSelLange .lang{cursor: pointer; color:#990903;}
.loginSelLange .active{color: #000; font-weight: 600;}

/* home */
.Home_Content {margin-top:25px;}
.homeBox{float:left;width: 307px;padding:10px;box-sizing: border-box;color:#fff;margin-right:20px;margin-bottom:20px;text-align: center;line-height: 32px;border-radius: 10px;font-size: 14px;cursor: pointer;height:356px;}
.homeBox.connect_box{background-color: #7967AE;background: linear-gradient(-45deg,#7514D7,#C71BF9);}
.homeBox.net_box{background-color: #0C79D6;background: linear-gradient(-45deg,#0C79D6,#31A0FA);}
.homeBox.device_box{background-color: #00A4C0;background: linear-gradient(-45deg,#00A4C0,#6BE7E5);margin-right:0}
.homeBox.traffic_box{background-color: #F35815;background: linear-gradient(-45deg,#F35815,#F9C24E);}
.homeBox.last_homeBox{background-color: #1A90D8;background: linear-gradient(-45deg,#1A90D8,#AE35FF);margin-right:0;width:635px;overflow-y: auto;}
.homeBox dt{height:140px;}
.homeBox dt img{margin-top:33px;}
.homeBox.connect_box dt img{margin-top:50px;}
.homeBox dd{height:146px;margin-top:10px;}
.homeBox h3{font-size:20px;line-height: 40px;margin-bottom: 10px;}
.homeBox a{color:#fff;display: block;}
.homeBox li{height:32px;}
.homeBox.last_homeBox li{height: 24px; line-height:24px; font-size: 12px;}
.homeBox .key{float: left;width: 48%;text-align: left;}
.homeBox .val{text-align: left;display: block;}
.homeBox dd .val{text-align: right;}
.homeBox .icon{display: inline-block;width: 18px;height:25px;vertical-align:middle;}
.homeBox .icon.send,.homeBox .icon.rec{margin-left:30%;margin-right:10px;}
.homeBox .icon.send{background: url(../images/arrow_top.png) no-repeat;}
.homeBox .icon.rec{background: url(../images/arrow_down.png) no-repeat;}
.homeBox .icon.icon-right{background: url(../images/arrow.png) no-repeat 0 3px;margin-left:10px;}
.homeBox dd .val i{margin-top:5px;}
.homeBox .title{text-align: left;font-size: 12px;}
.homeBox .switch_parent{width:56px;height: 25px;}
.homeBox .switch_child{width:25px;height: 25px;}
.homeBox .switch_parent.on{background: #05bda1;}
.homeBox .switch_parent.off{background: #ddd;}

.leftBar{float: left; overflow-y: auto;margin-top:30px;}
.leftMenu {width:220px;padding-left:10px;list-style:none;font-size: 14px; line-height: 40px;display:block;}
.leftMenu li:nth-child(1){border-top: 1px solid #E3E3E3;}
.leftMenu li a {text-decoration: none; display: block; line-height: 40px;text-align: center; border: 1px solid #E3E3E3; border-top: 0;}
.leftMenu>li.on a	{color: #fff; background-color:#990903; border-color: #990903;}
.leftMenu li.on	{position: relative;}
.leftMenu li.active	{	background:url(../images/bullet1.gif) 225px 50% no-repeat; color:#111; font-weight:bold; 	}
.leftMenu li ul li.menu-three-level.on a{ background-color: #EBEBEB;}
.leftMenu li ul li.menu-three-level.on a:hover{color:#000;}
.thirdmenu li{min-height:40px;}

/* main page */
.header, .mainColumn, .footer {width: 964px;margin: auto;}
.header{margin-top:25px;}
.mainColumn {margin-bottom: 80px;position: relative;background: #fff;}
.navigation { width:100%; display:block; background: rgb(237, 28, 36); background: linear-gradient(180deg,rgb(237, 28, 36),rgb(205, 79, 83)); height: 50px; border-radius: 8px;}
.navigation ul li 	{list-style:none;float:left;}
.menu a {height:50px;line-height: 50px;background: rgb(237, 28, 36);color:#fff;font-size: 16px;display: block;text-align: center;text-decoration: none;border-right:1px solid #fff;background: linear-gradient(180deg,rgb(237, 28, 36),rgb(205, 79, 83));}
.menu a.on{background: #990903;}
.menu li:nth-child(1) a{border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
.menu li:last-child a{border-top-right-radius: 8px;border-bottom-right-radius: 8px;border-right:0;}

.showDetail_a{color:red;text-decoration:underline;}

/* 帮助按钮 */
.content a.help::before {content: "?";background-color: rgb(237, 28, 36);display: block;width: 24px;height: 24px;text-align: center;line-height: 24px;color: rgb(255, 255, 255);font-size: 14px;font-weight: 600;border-radius: 50%;}
.content a.help{background:#CCD1D5 ; display: block; padding:10px;border-radius: 4px;margin-top:30px;}
.content a.help>span{display: none;line-height: 24px;margin-top:10px;}
.content a.help.active>span{display:block;}

.content{float: left;	width:692px; padding-left:30px; padding-right:10px; min-height:409px;  margin-bottom:5px;position:relative;margin-top:30px;}
.content label 	{	display:block;  padding:12px 0 5px 0;   font-weight:bold;	}
.content label.subttl {font-weight:normal;}
.content h1  {	 color:#555789; font-weight:bold; font-size:15px; margin:0; padding:0 0 5px 0 ; 	}
.subhdng {	display:block; color:#000; padding:0 0 5px 0;	}
.content input.textfield, .content input.textfield1, .content select,.content input.textfield2 {width: 200px;height: 30px;position: relative;line-height: 30px;color: rgb(85, 85, 85);border-width: 1px;border-style: solid;border-color: rgb(170, 170, 170);border-image: initial;}
.content .formBox	{	border-bottom:1px solid #adaeab; padding-bottom:10px; margin-bottom:5px;	}
.content input.textfield1 {	width:45px; *margin:0 0 -5px 0	}
strong.dot 	{	  font-size:14px; color:#333; margin:0 5px; 	}

.devices  {	float:left; width:300px; padding:20px 0 0 0; margin:5px 0 0 0; font-size:13px; font-weight:bold 	}
.devices img, .devices label {	float:left; margin:0 5px 0 0	} .devices img {	margin-top:-15px	}

.arrow {    margin: -30px 0 30px 0; }
.content label.error, label.error 	{font-size:12px; font-weight:normal; color:#f00	}
.exit {	float:left; font-weight:bold; margin:10px 0 -10px 0; cursor:pointer	}
.exit:hover {	 color:#000	}
.content label.title{font-size: 18px;font-weight: 600;}

strong.dot, .content input.textfield1 {	float:left;		 }
strong.dot {	padding-top:3px;	}

.btnWrp {	margin:0 0 0 2px; padding:0; display:inline-block; *display:inline; background:url(../images/button.png) right -31px; height:31px; padding-right:2px;  height:31px;	}


.file-box{ position:relative;width:340px}
.btn{ background-color:#FFF; border:1px solid #CDCDCD;height:24px; width:70px;}
.file{ position:absolute; top:0px; left:0px; height:24px; filter:alpha(opacity=0);opacity:0;width:270px;font-size:18px;}
.disabledBtn{background:url(../images/disabledBtn.png) repeat scroll right -31px transparent;}
.disabledBtn input{background:url(../images/disabledBtn.png) no-repeat scroll 0 0 transparent;color:#adadad;cursor:default;}

/* 按钮 */
.btn-apply{display: inline-block;padding: 0 25px; height: 30px;line-height: 30px;text-align:center;text-decoration:none;color: #fff; border-radius: 5px;background-color: rgb(237, 28, 36);}
.btn-apply:focus{color:#fff;background-color:rgb(237, 28, 36);}
.btn-apply.mep{	width:100px;}
.btn-apply.hover:disabled, .btn-apply:disabled:hover {background-color: #d3d3d3;background-image: -moz-linear-gradient(center top , #d3d3d3, #b3b3b3);background-repeat: repeat-x;border-color:	#E5E5E5  #E5E5E5 #BFBFBF;color: #f5f5f5;cursor: not-allowed;}
.btn-apply.active, .btn-apply:active {background-color: rgb(237, 28, 36);background-image: none;box-shadow: 0 2px 4px #D8D8D8 inset, 0 1px 2px 	#F2F2F2;outline: 0 none;color:#fff;}
.btn-apply.disabled, .btn-apply[disabled] {background: #d3d3d3; border-color: #E5E5E5 #E5E5E5 #BFBFBF; color: #f5f5f5;}
.waitContent img{margin-bottom:5px;}
textarea{border:1px solid rgb(169, 169, 169)}
.txtEditBox{border:1px solid rgb(169, 169, 169)}

 /* password charge*/
 .pwdCharge{text-align: center;margin-top:3px;}
 .pwd_list{float:left;width:67px;height:14px;line-height: 14px;font-size:12px;background-color:gray;color:#000;}
 .pwd_low{background-color:red;}
 .paw_mid{background-color:orange;}
 .paw_hig{background-color:green;}
 /* user massagement */
 .editAccount,.delAccount{cursor: pointer;}
 .editAccount:hover,.delAccount:hover{color:#f00;}

 /*note */
.noteBox{margin-bottom:15px;line-height:24px;}
.note_title{font-size: 16px;line-height: 28px;margin-bottom:5px;}
.noteBox ul{font-size:14px;padding-left:18px;list-style: unset;}
.noteBox ul li{line-height:24px;}
.noteBox .note_list{font-size:14px;line-height:24px;margin-bottom:5px;}
ul.noteBox{list-style: none;}
.networkImg{padding: 15px 0;background: #fff;border-radius:10px;text-align: center;}
.networkImg .imgs{display: inline-block; width:146px;height:95px;position: relative;}
.networkImg .imgs img{position: absolute;left:0;top:19px;}
.networkImg .imgs .img2{top:45px;display: none;}
.networkImg .imgs .img1{top:32px;}
.wps_group{margin-bottom:15px;}
.wps_group ul{list-style: none;}
.wps_group ul li{line-height:24px;margin-bottom:10px;margin-left:217px;}
.wps_title{width:213px;display:inline-block;font-weight:600;color:rgb(102, 102, 102);}
.wps_group label{display: inline-block; color:#f00;}
.wps_group .divcancel_session{display: none;margin-left:45px;}
.content .sel_device{width:140px;border:1px solid #aaa;height:28px;box-sizing: border-box;}
.divbox{margin:10px auto;padding:10px;text-align: center;border-radius:10px;background: #E5E5E5;}
.qrcodeDiv{position: absolute; right: 0; top: 28px; width: 230px;}
.qrcodeDiv.merge{ right: 80px; top:10px; width: auto;}
.qrcodeDiv .qrcode{position: absolute; width: 100px; height: 120px;}
.qrcodeDiv .qrcode5G{position: absolute; right: 0; width: 100px; height: 120px;}
.qrcodeDiv p{font-size: 12px; color:#f00; line-height: 20px; text-align: center;}
#ssidDetail{position: relative;}
/* device management */
.remoteIP{margin-left:222px;}

.pc_device{display:block;}
.phone_device{display:none;}

 /* ddns */
.button-key.disabled{ pointer-events: none;}
.wifiDDNS_table th{width:97px;}
.wifiDDNS_table input,
.wifiDDNS_table select{width:97%;text-align: center;}
.wifiDDNS_table span{text-decoration: underline;cursor: pointer;}
.wifiDDNS_table span:first-child{margin-right:10px;}
.wifiDDNS_table tr input,
.wifiDDNS_table tr select{ border:0;height:22px;box-sizing: border-box;}
.wifiDDNS_table tr  input.editor,
.wifiDDNS_table tr  select.editor{border:1px solid #aaa;}
.wifiDDNS_table tr  select.editor{position:relative;top:1px;width: 94px;}
table.wifiDDNS_table tr:nth-child(2n) {background: #fff;}
table.wifiDDNS_table img{vertical-align: middle;}
table.engineer td{text-align: left;padding:2px 0 2px 10px;}

/* wlan */
.wps_btn{width:200px;height:30px;background: #aaa;}
.wifi_right{float:left;margin-left:150px;}
.cur_gray{color:#333}
.cur_red{color:#f00;cursor: pointer;}
.cur_normal{color:rgb(237, 28, 36);text-decoration: underline;cursor: pointer;}
.cur_disabled{ pointer-events: none;cursor: text;}

/* engineer info   APN INFO*/
#refreshBtnBox {margin-top:30px;}
#refreshBtnBox *{margin-top:8px;}
.InfoDiv{padding:0 10px 8px;background:	#EAEAEA;box-sizing: border-box;border-radius:8px;}
.InfoDiv ul{width: 50%;line-height:30px;font-size:13px;}
.InfoDiv.changeWith ul{width:100%;}
.InfoDiv ul li{margin-top:8px;}
.infoLeft_key{display: inline-block;width:185px;}

/*SMS */
.chzn-container{background-color: #D4DAE2; padding: 5px;border:1px solid #aaa;margin-bottom:10px;}
.sms_textarea{height: 150px; width: 670px; box-shadow: 0 2px 4px #E5E5E5 inset;padding: 4px;border:1px solid #aaa;margin-bottom:15px;}
.sms_bottom{text-align: right;}
.sms_numTip{margin-right:80px;}
.cp_upgrade_tip{color:#777;margin:0;}
.return_information_content{border:1px solid #999;height:250px;overflow-y: scroll}
.return_information>ul{list-style:none;padding:5px;margin:0; }
.return_information>ul>li:last-child{color:blue}
.return_information>ul>li:last-child span{vertical-align: top;}
.return_information>ul>li>textarea{border:0;outline:none;resize: none;width:70%;overflow: hidden;}
.return_information>ul>li>span{display: inline-block;}
.return_information>ul>li>span:first-child{width:90px;}
.return_information>ul>li>div{display: inline-block;}
.disable {pointer-events: none;}

#divDnfilterSetDlg #lt_dnfilter_filterSetDlgTitle {padding:16px 10px;}
.notice_pppoe{
	width: 16px;
    height: 16px;
    float: left;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-image: url(../images/1111.png);
    background-position: left -25px;
}

/* parentControl */
.not-clickable{cursor:not-allowed;pointer-events:none;}
.switch_parent{width:32px;height:15px;border-radius: 20px;display: inline-block;}
.switch_parent.on{background: rgb(237, 28, 36);}
.switch_parent.off{background: #777;}
.switch_child{height:15px;width:15px;border-radius:50%;background: #fff;}
.on .switch_child{float: right;}
.parent_days{margin-left:150px;padding-left:1px}
.parent_days li{float:left;margin-right:10px;font-size: 12px;}
.parent_days li.conn{color:rgb(237, 28, 36);}
.hook.parent_days{max-height:140px;overflow:auto;}
.hook.parent_days li{float:none;margin-right:0}
#mbox .popUpBox2 input[type="checkbox"]{width: 15px;margin-top: 9px;height: auto;margin-bottom: 12px;}
#mbox .popUpBox2 input[type="radio"]{width: 15px; margin-top: 9px; height: auto;margin-bottom: 12px;}
.parent-time{position: relative;display: inline-block;}
.parent-time .parent-time-txt{position:absolute;top:0;left:0;}
#mbox .popUpBox2 input.parent-time-txt{width:50px;height:27px;background: #fff;}
#lt_parent_filter_tip{margin-left:150px;}
#mbox .popUpBox2 .parent-time select{width:42px;font-size: 12px;height:23px;}

/* ipsec */
.item-container .item-child{display:inline-block;padding-right:20px;width:49.7%;box-sizing: border-box;}
.item-container .item-child:last-child{padding-right:0;}
.item-container2 .item-child{width:33%} 
.ipsec .textfield, .ipsec .txtEditBox{width:100%}
.content .ipsec select{width:100%;}

.lineSetting span{position: relative;top:1px;margin-left:5px;margin-right:15px;}

/* quick settings */
.contQS {	padding-right:242px; min-height:360px	}
.title_row span{display: inline-block; padding: 8px 15px; margin-right: 15px; background-color: #EAEAEA;}
.title_row span.on{background-color: rgb(237, 28, 36);color: #ffffff;}

/* 上传文件 */
.txt {height: 22px;border: 1px solid #cdcdcd;width: 160px;}
.btnWrn {padding: 4px 8px; border-radius: 5%; background: gainsboro;}

/* qos settings */
.qos_contnet div span{	width:170px;display:inline-block;}
.qos_IPAdd_Detail_Content div span{width:150px;	display:inline-block;margin-top:10px;}
.qos_IPAdd_Detail_Content{padding-left:25px;}
.qos_IPAdd_Detail_Content_BasedOnProtocol div span{width:150px;	display:inline-block;margin-top:10px;}
.qos_IPAdd_Detail_Content_BasedOnProtocol{padding-left:25px;}
#qos_addIP_List table thead tr span{width:125px;}
#qos_addIP_List table tr{height:30px;}
.quick_setup_pc{padding-top:25px;padding-left:10px;}

.ssid_name_box{width: 80%; background: #fff; border-radius: 10px; color: #333; margin: 0 auto;}
.ssid_name_box.on{background: url(../images/dui.png) no-repeat 10px 7px #fff;}
.ssid_name_box.off{background: url(../images/cuo.png) no-repeat 10px 8px #fff;}
.ssid_name_box .text_box{float:right;width: 88%;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.lineSetting span{position: relative;top:1px;margin-left:5px;margin-right:15px;}

.progress_bar{display: inline-block;vertical-align: middle;margin-right:15px;}
.progress_bar>span,.progress_bar>div{float: left;}
.progress_bar>span{margin-top:4px;}
.progress_father{display: inline-block;width:220px;height: 18px;margin:0 5px;border:1px solid #ddd;border-radius: 5px;}
.progress_child{height:18px;background-color:rgba(237, 28, 36, 0.6); border:2px solid #fff ;border-radius: 5px;width:50%;box-sizing: border-box;}
.counter{display: inline-block;-moz-user-select: none; -webkit-user-select: none;-ms-user-select: none;}
.counter_{display: inline-block;width:26px;height: 26px;line-height: 24px;border:1px solid #aaa;font-size: 15px;text-align: center;position: relative;top:1px;cursor: pointer;}
.counter_number{width: 50px;border: 1px solid #aaa; height: 28px; box-sizing: border-box;text-align: center;}
.checkboxList input{position: relative; top:-2px; margin-right: 5px;}
#roamBox input{position: relative; top:-1px; margin-right: 5px;}