@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0;font-family: "microsoft yahei";}
input[type='text'],input[type='number'],input[type='password']{text-align:center;}
input[type='checkbox']{vertical-align: middle;cursor:pointer;}
ul li{list-style:none;}
img,table,td{border:0;}
.w160{width:160px;}
.w150{width:150px;}
.w130{width:130px;}
.w120{width:120px;}
.w110{width:110px;}
.w100{width:100px;}
.w90{width:90px;}
.w80{width: 80px;}
.w70{width:70px;}
.w60{width:60px;}
.button{margin:0 3px;}
.atten{color:#ff9955;}
.popup{
  position: absolute;
  top: 10%;
  left: 15%;
  width: 70%;
  border: 1px solid #c39685;
  border-radius: 5px;
  background: #FAF4F2;
  transform:scale(0,0);
  transition:transform .5s;
}
.movePopup{
  width: 100%;
  background: #c39685;
  opacity: 0.5;
  line-height: 30px;
  height: 30px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  cursor: move;
}
.closePopup{
  line-height: 30px;
  font-size: 36px;
  padding: 0 5px;
  float: right;
  cursor: pointer;
}
.closePopup:hover{
  background: #8e3b1a;
}
.blue{color:#00F;}
.green{color:#0F0;}
.red{color:#F00;}
.gray{color:#888888;}
.clearfix:after { content: "."; clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; }
.banner{width:100%;}
.banner img{width:100%;display: block;} 
.contain{width:100%;}
.index{width:1250px;margin:0 auto;}
.top{
  width:100%;
  height:60px;
  border-bottom:3px solid #8e3b1a;
  background-color:#eeeeee;}
.top .logo{
  width:20.5%;
  height:60px;
  float:left;
  background:url(../images/logo.png) no-repeat center;
  background-size:contain;}
.top .logo-sprt{
  width:1%;
  height:40px;
  float:left;
  border-right:1px solid;
  margin-top:10px;}
.top .logout{
  width:80px;
  height:30px;
  display:block;
  float:right;
  margin:15px 12px;
  background:url(../images/logout.png) no-repeat left;
  line-height:32px;
  text-align:center;
  color:#db4829;
  font-size:12px;}
.rbd{
  width:100%;
  max-height:565px;
  margin-top:8px;}
.rbd-l{
  width:15%;
  height:800px;
  background-color:#faf4f2;
  transition: all .3s;
  float:left;}
.rbd-l-t{
  width:100%;
  height:36px;
  background-color:#8e3b1a;
  color:#fff;
  line-height:36px;
  text-indent:10px;
  font-size:14px;}
.rbd-l-t .side-handle{
  cursor: pointer;
  width: 20px;
  line-height: 36px;
  transition: all .3s;
  float: right;}
.rbd-l-t .arrow-left{background:#8E3B1A url(../images/arrow_left.png) no-repeat;}
.rbd-l-t .arrow-left:hover{background:#8E1A1A url(../images/arrow_left.png) no-repeat;}
.rbd-l-t .arrow-right{background:#8E3B1A url(../images/arrow_right.png) no-repeat;}
.rbd-l-t .arrow-right:hover{background:#8E1A1A url(../images/arrow_right.png) no-repeat;}

.lti{
  font-size:16px;
  font-weight:bold;}
.rbd-l-root{width:100%;
  font-size:12px;
  color:#323232;
  padding-top:8px;
  line-height:12px;
  overflow-y:auto;
  max-height:716px;
  overflow-x:hidden;
  padding-bottom:40px;
  float:left;}
.syst{
  margin-left:10px;
  height:24px;
  cursor:pointer;}
.rightdot{
  display:block;
  width:5px;
  height:6px;
  border-bottom:1px dashed #a5a5a5;
  float:left;
  margin-right:5px;}
.topdot{
  display:block;
  width:5px;
  height:7px;
  border-right:1px dashed #a5a5a5;
  margin-top:3px;}
.rbd-l-root ul{margin-left:12px;width:220px;}
.rbd-l-root ul li{min-height:24px;cursor:pointer;}
.rbd-l-root ul li .img{height:7px;float:left;margin:2px 3px 0 1px ;}
.li-ul{margin-left:5px;border-left:1px dashed #a5a5a5;min-height:20px;margin-top:2px;padding-bottom:9px;}
.li-ul ul{margin-left:23px;}
.li-ul ul li{height:auto;border-left:1px dashed #a5a5a5;border-bottom:1px dashed #a5a5a5;position:relative;width:10px;}
.li-ul ul li:nth-child(1){height:auto;}
.li-ul ul li span{display:block;position:absolute;line-height:20px;height:20px;left:3px;margin-top:13px;width:159px;padding:0 5px;}
.li-ul ul li span a{float:left;max-width:160px;height:20px;padding:0 5px ;text-overflow : ellipsis; white-space : nowrap; display:block;}
.li-ul ul li span .checked{color:#fff;background-color:#149dd6;}
.li-ul ul li span a .img{margin:7px 2px 0 0;}
.onoff{width:10px;height:10px;display:block;border:1px solid #a5a5a5;font-size:10px;line-height:7px;background-color:#faf4f2;color:#a5a5a5;float:left;text-align:center;cursor: pointer; }
.rbd-r{width:84%;float:right;max-height:800px;transition: all .3s;}
.rsys{width:25%;background-color:#faf4f2;height:764px;float:left;}
.info{padding:20px 10px;;border:1px solid #e9e9e9;width:75%;height:764px;float:left;box-sizing: border-box;}
.info p{font-size:12px;color:#323232;margin:45px 0 0 50px;}
.footer{width:100%;margin-top:15px;height:30px;background-color:#a52c0e;color:#fff;font-size:12px;line-height:30px;text-align:center;float:left;}
.tbinfo{width:576px;height:350px;margin:75px 0 0 40px;}
.tbinfo p{width:572px;height:24px;line-height:24px;color:#fff;font-size:14px;text-align:center;border-radius:10px 10px 0 0;background-color:#a52c0e;margin-left:2px;}
.tbinfo table{border:none;}
.tbinfo tbody{width:576px;background-color:#f4f4f4;}
.tbinfo tbody td{width:191px;border-color:#f4f4f4;color:#323232;font-size:12px;text-align:center;border:1px solid #f4f4f4;border-left:none;height:40px;}
.tbinfo tbody td span{margin:0px 0 0 70px;border:1px solid #888888;width:50px;height:150px;display:block;position:relative;}
.tbinfo tbody td span a{display:block;width:48px;height:19%;background-color:#1da323;position:absolute;bottom:1px;left:1px;}
.tbinfo tbody tr:nth-child(3) td{height:248px;}
.list{width:100%;margin:0px;color:#323232;box-sizing: border-box;height: 726px;border: solid 1px #c39685;font-size:12px;position:relative;}
.info span.thd{padding: 0 10px;height:35px;border-radius:8px 8px 0 0;background-color:#8e3b1a;color:#fff;font-size:14px;line-height:35px;text-align:center;display:none;float:left;}
.list span.tright{font-size:12px;color:#323232;float:right;line-height:26px;height:26px;display:block;margin-top:9px;}
.list p{width:99%;height:30px;line-height:30px;clear:right;margin:20px 5px;}
.list p a{margin-right:20px;display:block;float:left;}
.list p a:nth-child(1){margin-left:14px;}
.list p input{height:18px;border:1px solid #d0d0d0;margin:5px 2px 0 2px;}
.table-thead{width: calc( 100% - 17px );}
.table-tbody{overflow-y:scroll;max-height: 636px;}
.table-tbody table{width:100%;}
.td-thead{color: #8e3b1a;font-weight: bold;}
.list table {line-height:30px;font-size:12px;text-align:center;border-bottom:1px solid #ececec;}
.list table thead {color:#8e3b1a;font-weight: bold;}
.list td{height:28px;border:solid #c39685; border-width:0px 1px 1px 0px;}
.list td .arrow-up-down{vertical-align: middle;margin-bottom: 5px;margin-left: 5px;cursor: pointer;}
.list p a.ref{border:1px solid #858585;width:38px;height:18px;text-align:center;line-height:18px;float:right;margin:5px 25px 0 0;border-radius:1px;cursor:pointer;}
.non table {border-width:0px 0px 0px 0px;width:100%;line-height:30px;font-size:12px;text-align:left;}
.non thead {color:#8e3b1a;}
.non td{height:28px;border-width:0px 0px 0px 0px;}

/*上传文件*/
.row-10{margin:10px 0 10px 10px; }
.btn{position: relative;overflow: hidden;margin-right: 4px;display:inline-block;*display:inline;padding:4px 10px 4px;font-size:14px;line-height:18px;*line-height:20px;color:#fff;text-align:center;vertical-align:middle;cursor:pointer;background-color:#8e3b1a;border:1px solid #cccccc;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.btn input {position: absolute;top: 0; right: 0;margin: 0;border: solid transparent;opacity: 0;filter:alpha(opacity=0); cursor: pointer;}
.progress { position:relative; margin-bottom:-6px; width:200px;padding: 1px; border-radius:3px; display:none}
.bar {background-color: #8e3b1a; display:block; width:0%; height:20px; border-radius: 3px;}
.files{height:22px; line-height:22px;width:100px;display:inline}
/*.percent { position:absolute; height:20px; display:inline-block; top:3px; left:2%; color:#fff }*/
.delimg{margin-left:10px; color:#8e3b1a; cursor:pointer}
/*登录*/
.login{
  width: 330px;
  margin: 115px auto 0;
  font-size: 12px;
}
.login .logo{height:90px;background:url(../images/logo.png) no-repeat center;background-size:contain;}
.login h1{margin-top:50px;color:#8e3b1a;font-size:24px;}
.login p{margin-top:25px;width:330px;height:35px;line-height:35px;background-color:#fff;border-radius:2px;}
.login p span{width:75px;height:35px;border-right:1px solid #248dd7;color:#636468;text-align:center;border-radius:2px 0 0 2px;display:block;float:left;}
.login p input{width:220px;height:35px;color:#afafaf;text-indent:8px;border:none;text-align:left;}
.login p a.language{width:24px;height:24px;display:block;float:right;background:url(../images/language.png) no-repeat;margin:6px 7px 0 0px;}
.login p a.user{width:24px;height:24px;display:block;float:right;background:url(../images/user.png) no-repeat;margin:6px 7px 0 0px;}
.login p a.keyboard{width:30px;height:24px;display:block;float:right;background:url(../images/keyboard.png) no-repeat;margin:6px 3px 0 0px;}
.login p a.log{width:100%;height:100%;background-color:#ffc600;color:#58470e;text-align:center;display:block;border-radius:2px;}
.login-fgpsw{text-decoration:underline;float:left;color:#fff;margin-top:8px;}

/*edit*/
.edit{width:572px;height:322px;border:1px solid #c39786;margin:78px 0 0 40px;font-size:12px;color:#323232;padding-top:15px;}
.edit ul li{margin-top:15px;height:25px;line-height:25px;}
.edit ul li span{width:193px;display:block;float:left;text-align:right;}
.edit ul li span a{color:#d30000;font-size:14px;float:right;margin:0 5px;line-height:25px;}
.edit ul li .select{width:96px;height:23px;float:left;display:block;border:1px solid #a7a7a7;line-height:25px;position:relative;}
.select-u{position:absolute;left:-1px;top:24px;display:block;height:50px;width:96px;}
.edit ul li .select a{width:25px;display:block;float:right;height:23px;background:url(../images/arrow.png) no-repeat;margin:0;}
.edit ul li .select span{text-align:left;text-indent:10px;width:65px;}
.select-u ul li{width:96px;height:23px;border:1px solid #a7a7a7;border-top:none;text-indent:10px;margin:0;background-color:#fff;display:none;}
.edit ul li input{width:135px;height:23px;border:1px solid #a7a7a7;text-indent:10px;color:#323232;}
.edit ul li span a.advance{text-decoration:underline;font-weight:bold;font-size:14px;margin-right:8px;color:#323232;}
.edit .m{width:195px;margin:25px auto 0;}
.edit ul li .button{width:43px;height:18px;border:1px solid #a7a7a7;background-color:#e1e1e1;text-align:center;line-height:20px;display:inline-block;margin:0 10px;cursor:pointer;}
/*tview*/
.list ul li{margin-top:15px;height:25px;line-height:25px;}
.list ul li span{width:47%;display:block;float:left;text-align:right;}
.list ul li span a{font-size:14px;float:right;margin:0 5px;line-height:25px;}
.list ul li .select{width:96px;height:23px;float:left;display:block;border:1px solid #a7a7a7;line-height:25px;position:relative;}
.select-u{position:absolute;left:-1px;top:24px;display:block;height:50px;width:96px;}
.list ul li .select a{width:25px;display:block;float:right;height:23px;background:url(../images/arrow.png) no-repeat;margin:0;}
.list ul li .select span{text-align:left;text-indent:10px;width:65px;}
.select-u ul li{width:96px;height:23px;border:1px solid #a7a7a7;border-top:none;text-indent:10px;margin:0;background-color:#fff;display:none;}
.list ul li input{height:23px;border:1px solid #a7a7a7;text-indent:10px;color:#323232;}
.list ul li span a.advance{text-decoration:underline;font-weight:bold;font-size:14px;margin-right:8px;color:#323232;}
.list .m{margin:25px auto 0;text-align:center;}
.list ul li .button{padding:0 10px;height:18px;border:1px solid #a7a7a7;background-color:#e1e1e1;text-align:center;line-height:20px;display:inline-block;margin:0 10px;cursor:pointer;}
.list ul li .button2{width:83px;height:18px;border:1px solid #a7a7a7;background-color:#e1e1e1;text-align:center;line-height:20px;display:inline-block;margin:0 10px;cursor:pointer;}

.cm{margin:25px auto 0;text-align:center;}
.cm .button{width:43px;height:18px;border:1px solid #a7a7a7;background-color:#e1e1e1;text-align:center;line-height:20px;display:inline-block;margin:0 10px; cursor:pointer; }

.chart{
    margin: 5px auto;
    width: 100%;
    text-align: center;
}
.chart span{
    text-align: left;
    width: 110px;
    display: inline-block;
}
.chart .icon{
  margin: 0 5px;
  width: 30px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
}
h2{
  text-align: center;
  margin: 5px auto;
}
.td-item{float:left;width:85px;text-align:left;padding:0 0 0 5px;cursor: pointer;}
.checkbox{width:50px;float:left;}
.block{border:1px solid #a7a7a7; width:93%; margin:10px auto 20px auto;padding:10px 20px;}
button{padding:0 10px;margin: 0 10px;cursor: pointer;}
/*系统升级*/
#onu{display: none;}
#onu label{display:inline-block;width:170px;cursor: pointer;}
#timer {display: none;}
#timer label {display:inline-block;width:80px;cursor: pointer;}
/* 系统升级-进度条 */
.title {
  background-color: #8e3b1a;
  padding: 0 5px;
  color:#fff;
  height: 30px;
  line-height: 30px;
  border-radius: 5px 0 0 5px;
  display: inline-block;
  float: left;
}
.progressbar {
  position: relative;
  display: block;
  /*overflow: hidden;*/
  height: 30px;
  background-color: #E3E3E3;
  float: left;
  width: 84%;
}
.progressbar .filled {
  background-color: #c96300;
  height: 30px;
  width: 20px;
  line-height: 30px;
  display: inline-block;
}

.progressbar .percent {
  padding: 5px;
  position: absolute;
  top: 0;
  z-index: 9;
  right: 0;
  color: #000;
  font-weight: 700;
}
/*加载图标*/
.cbi-msg {
  top: 40%;
  left: 53%;
  width: 300px;
  height: 210px;
  position: absolute;
  z-index:1001;
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
}

.cbi-msg-load{
  height: 90px;
  line-height: 40px;
  text-align: center;
  color:#FFFFFF;
  z-index:1001;
}

/* 自动加载隐藏图标 */
#secdir2 .cbi-msg{
  display: none;
}