﻿@charset "utf-8";
/* CSS Document */
/***

 */
*{font-size:9pt;border:0;margin:0;padding:0;color:#cdcdcd;}
html,body{font-family:'微软雅黑'; margin:0 auto;min-width:810px;background-color:#112;height:100%;background-size:100% 100%;}
ul{display:block;margin:0;padding:0;list-style:none;}
li{display:block;line-height:25px;margin:0;padding:0;list-style: none;}
img{border:none;outline:none;}
dl,dt,dd,span{margin:0;padding:0;display:block;}
a,a:focus{text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}

a:hover{text-decoration:none;}
table{border-collapse:collapse;border-spacing: 0;}
cite{font-style:normal;}
h2{font-weight:normal;}
input{background-color:transparent;}
textarea > *{display:inline;}

select {
  border: solid 1px #3EAFE0;
  appearance:none;
  height:34px;
  -moz-appearance:none;
  -webkit-appearance:none;
  background: url(../images/uew_icon_hover.png) no-repeat scroll right center transparent;
  padding-right: 14px;
}
select>option{background-color:#fff;color:#000;}
div p{
	display:block;
}

div p>span{
	/*display:inline-block;*/
	width:100%;
	height:34px;
	line-height:34px;
	text-align:center;
	border-top:solid 1px rgba(170,170,200,0.1);
	
}
div p>input{
	width:100%;
	height:34px;
	line-height:34px;
	text-align:center;
	color:rgba(0,200,0);
	border-top:solid 1px rgba(170,170,200,0.1);
	border-left:solid 1px rgba(170,170,200,0.1);
}
div p>span:last-child,div p>input:last-child{
	border-bottom:solid 1px rgba(170,170,200,0.1);
}
.f-blue span,.f-blue td{
	color:#66c9f3;
}	
.cent td{text-align:center;}
.f-orange span,.f-orange td{
	color:#FE8500;
}	
div p span>a{
	display:block;
	width:50%;
	height:10px;
	margin-top:13px;
	background-color:#ccc;
	border-radius:4px;
}	
.infobar span{
	float:left;
	height:40px;
	line-height:40px;
	padding:0 10px;
	color:#FE8500;
}
.infobar span:nth-child(even){
	font-size:22px;
	color:#01CDDE;
	padding-right:40px;
}
.slideBar1{
	position:fixed;
	z-index:100;
	bottom:5px;
	height:30px;
	width:60%;
	left:0;
	right:0;
	margin:auto;

}
.slideBar1 span{
	height:30px;
	float:left;
	cursor:pointer;
}
.col-2{width:49%;}
.col-3{width:33%;}
.col-5{width:20%;}
.slideBar1 span>a{
	width:9px;
	height:9px;
	float:left;
	border:solid 1px #cdcdcd;
	border-radius:5px;
	margin-top:15px;
	margin-left:30%;
}
.slideBar1 span.checked>a{

	border:solid 1px #cdcdcd;
	background-color:#66c9f3;
}
table.tablelist td>select{
	width:92%;
	margin-top:0px;
	border: solid 0px #3EAFE0;
}
table.tablelist td>input{
	height:30px;
	line-height:30px;
	margin-top:0px;
	border: solid 0px #3EAFE0;
	background-color:#00000000;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }


.value{list-style: none;}




/*icon*/
.leftmenuicon{font-size:22px;color:#000;}
.topmenuicon{font-size:16px;color:#fff;}




/*right.html*/
.place{display:none;border-bottom:solid 0px #D7E4EA;border-top:solid 1px #ffffff;height:40px;}
.place span{line-height:40px; font-weight:bold;float:left; margin-left:12px;}
.placeul li{float:left; line-height:40px; padding-left:7px; padding-right:12px; background:url(../images/rlist.gif) no-repeat right;}
.placeul li:last-child{background:none;}
.place select{height:30px;}
.rightinfo{padding:8px;}
.tablelist{border:solid 0px #cbcbcb; width:100%; clear:both;}
.tablelist th{ height:28px; line-height:28px; border-bottom:solid 1px rgba(100,100,100,0.2); text-indent:11px; text-align:left;}
.tablelist td{line-height:26px; text-indent:11px; border-right: solid 0px #c7c7c7;}
.tablelink{color:#056dae;}
.tablelist tbody tr{border-bottom: solid 1px transparent;}
.tablelist tbody tr:nth-child(odd){background-color:rgba(100,100,100,0.1);}
/*.tablelist tbody tr.charg{background:linear-gradient(90deg,#66CCCC 1%,transparent 1%,transparent 19%,#66CCCC 19%,#66CCCC 20%,transparent 20%);}
.tablelist tbody tr.discha{background:linear-gradient(90deg,#FF9999 1%,transparent 1%,transparent 19%,#FF9999 19%,#FF9999 20%,transparent 20%);}
*/
.tablelist tbody tr.charg{}
.tablelist tbody tr.discha{}

.sort{padding-left:3px;}
.freshbtn{
	border: solid 1px #01CDDE;

	height:25px;
	line-height:25px;
	width:70px;
	text-align:center;
	margin:4px 5px;
	cursor:pointer;
}

.progressBar {
	display:inline-block;
    width: 90%;
    height: 15px;
    margin: 5px 5%;
    border: 1pt solid #111;
    border-radius: 4px;
    background: #000;
    border: 1px solid #222;
    overflow: hidden;
}
.progressBar div {
	float:left;
    height: 15px;
    color: #fff;
    text-align: right;
    line-height: 15px;
    width: 0;
    border-right: 1px solid #272727;
}
.progressBar span {
	float:right;
    height: 15px;
    text-align: right;
    line-height: 15px;
    border-right: 1px solid #272727;
}

/*form*/
.formbody{padding:10px 18px;left:0;right:0;position:absolute;}
.formtitle{border-bottom:solid 1px rgba(100,100,100,0.1); line-height:35px; position:relative; height:35px; margin-bottom:10px;width:97%;}
.formtitle span{font-weight:bold;font-size:14px; border-bottom:solid 3px #66c9f3;float:left; position:absolute; z-index:100; bottom:-1px; padding:0 3px; height:30px; line-height:30px;}
.forminfo{padding-left:23px;}
.forminfo li{margin-bottom:13px; clear:both;}
.forminfo li label{width:105px;line-height:34px; display:block; float:left;}
.forminfo li i{color:#7f7f7f; padding-left:20px; font-style:normal;}
.forminfo li cite{display:block; padding-top:10px;}
.dfinput{width:70px; height:32px; line-height:32px; border-top:solid 1px #a7b5bc; border-left:solid 1px #a7b5bc; border-right:solid 1px #ced9df; border-bottom:solid 1px #ced9df; text-indent:10px;}
.textinput{border-top:solid 1px #a7b5bc; border-left:solid 1px #a7b5bc; border-right:solid 1px #ced9df; border-bottom:solid 1px #ced9df; padding:10px; width:504px; height:135px; line-height:20px; overflow:hidden;}
.btn{width:137px;border:solid 1px rgba(100,100,100,0.2); height:35px; cursor:pointer;line-height:35px;text-align:center;}
.tabbody .btn{width:80px;height:20px;line-height:20px;}
.tbbtn2{width:100px;border:solid 1px rgba(100,100,100,0.3); height:30px; cursor:pointer;line-height:30px;text-align:center;}
.tbbtn2.select{background-color:#1b7ac9;}
.tbbtn3{width:60px;border:solid 1px rgba(100,100,100,0.3); height:26px; cursor:pointer;line-height:26px;text-align:center;}
.tbbtn3.select{background-color:#13ff46;color:#000;}
.tbbtn4{width:100px;border:solid 1px rgba(100,100,100,0.3); height:28px;border-radius:15px; cursor:pointer;line-height:28px;text-align:center;}
.tbbtn4.select{border-color:#1b7ac9;color:#fff;}
.btn:hover{box-shadow:rgb(96,96,96) 0 0px 20px -1px;}
.btn.btn-big{height:50px;width:160;}
.circleBtn{border-radius:20px;border: solid 2px rgba(100,100,100,0.2);}
.btn.btn-primary,.primary{background-color:#2c2e2f;color:#fff;}
.btn.btn-secondary,.secondary{background-color:#68b828;color:#fff;}
.btn.btn-purple,.purple{background-color:#00ff00;color:#fff;}
.btn.btn-orange,.orange{background-color:#f7aa47;color:#fff;}
.btn.btn-pink,.pink{background-color:#ff6264;color:#fff;}
.btn.btn-turquoise,.turquoise{background-color:#00b19d;color:#fff;}
.btn.btn-success,.success{background-color:#8dc63f;color:#fff;}
.btn.btn-info,.info{background-color:#40bbea;color:#fff;}
.btn.btn-blue,.blue{background-color:#0e62c7;color:#fff;}
.btn.btn-grey,.grey{background-color:#ccc;color:#fff;}
.btn.btn-danlv,.danlv{background-color:#6ccac9;color:#fff;}
.btn.btn-danhong,.danhong{background-color:#ff6c60;color:#fff;}
.btn.btn-danhuang,.danhuang{background-color:#f8d347;color:#fff;}
.btn.btn-danlan,.danlan{background-color:#57c8f2;color:#fff;}
.btn.btn-danlv1,.danlv1{background-color:#a6d669;color:#fff;}
.bgbai{background-color:rgba(0,0,0,0.2);border-left:solid 1px rgba(170,170,200,0.1);}
.bgbai tbody>tr:first-child{background-color:rgba(0,0,0,0.2);}
div.bgbai div:nth-child(even){border-right:solid 1px rgba(170,170,200,0.1);}
.leftbtn{float:left;width:32px;height:32px;border:solid 1px #a7b5bc;text-align:center;line-height:32px;background-color:#F0F9FD;cursor:pointer;}
.rightbtn{overflow:hidden;width:32px;height:32px;border:solid 1px #a7b5bc;text-align:center;line-height:32px;background-color:#F0F9FD;cursor:pointer;}
.centtext{float:left;width:42px;height:32px;border:solid 1px #a7b5bc;text-align:center;line-height:32px;}



/*layoutmap*/
.bordernull{border:solid 0px #ddd;}
.bordergrey{border:solid 1px #ddd;}
.borderred{border:solid 1px #E74F5B;}
.bordersky{border:solid 1px #F5FFFA;}
.layoutmap{position:relative;height:600px;}
.layoutimage{position:absolute;width:100px;height:90px;cursor:pointer;background-repeat:no-repeat;background-size:contain;}
.infobox{position:absolute;padding-left:10px;}
.infobox p{float:left;margin-right:5px;color:#66c9f3;}
.infobox p:first-child{color:#FE8500;}
.vp{
  position: absolute;
  z-index:1;
  background-color: rgba(109, 168, 7, 0.2);
  border: 0px solid #ffffff;
  border-radius: 0px;
  box-shadow: 1vw 3vh 10vh rgba(109, 168, 7, 0.2);
  background-image: linear-gradient(0deg, transparent 0px, transparent 10px, #96D923 30px, #96D923 40px,transparent 50px);
}
.vpthin{
	width:3px;
	background-size: 3px 60px;
}
.vpwide{
	width:6px;
	background-size: 6px 60px;
}
.hp {
  position: absolute;
  z-index:1;
  background-color: rgba(109, 168, 7, 0.2);
  border: 0px solid #ffffff;
  border-radius: 0px;
  box-shadow: 1vw 3vh 10vh rgba(109, 168, 7, 0.2);
  background-image: linear-gradient(90deg, transparent 0px, transparent 10px, #96D923 30px, #96D923 40px,transparent 50px);
}
.hpthin{
	height:3px;
	background-size: 60px 3px;
}
.hpwide{
	height:6px;
	background-size: 60px 6px;
}
.angle-45{
	border-radius: 3px;
	transform:rotate(-45deg);  
	-o-transform:rotate(-45deg);  
	-moz-transform:rotate(-45deg);  
	-webkit-transform:rotate(-45deg);
}
.angle45{
	border-radius: 3px;
	transform:rotate(45deg);  
	-o-transform:rotate(45deg);  
	-moz-transform:rotate(45deg);  
	-webkit-transform:rotate(45deg);
}
.goleft{
  -webkit-animation: hp-animation-left1 990ms infinite linear;
  -moz-animation: hp-animation-left 990ms infinite linear;
  animation: hp-animation-left 990ms infinite linear;
}
.goright{
  -webkit-animation: hp-animation-right1 990ms infinite linear;
  -moz-animation: hp-animation-right 990ms infinite linear;
  animation: hp-animation-right 990ms infinite linear;
}
.gotop{
  -webkit-animation: vp-animation-top 990ms infinite linear;
  -moz-animation: vp-animation-top 990ms infinite linear;
  animation: vp-animation-top 990ms infinite linear;	
}
.godown{
  -webkit-animation: vp-animation-down 990ms infinite linear;
  -moz-animation: vp-animation-down 990ms infinite linear;
  animation: vp-animation-down 990ms infinite linear;	
}

/*computer*/
.comtitle{padding:20px; clear:both;}
.comtitle span{width:10px;height:10px; background:url(../images/clist.png) no-repeat; float:left; background:#fff; padding-top:3px;}
.comtitle h2{font-size:14px; display:block; float:left;color:#2a3e93; background:#fff; padding-left:5px; padding-right:8px;}
.rline{border-bottom:solid 1px #e5ecf0; height:10px; margin-left:50px;}
.disklist{padding-left:20px; padding-right:20px;}
.disklist li{width:275px;_width:270px;float:left; margin-right:10px;px; cursor:pointer; margin-bottom:5px;border:solid 1px #fff;}
.disklist li a{color:#000;}
.disklist li.active{background:#fcfcfc; border:solid 1px #e5ecf0;}
.disklist li:hover{background:#fcfcfc; border:solid 1px #e5ecf0;}
.dleft{background:url(../images/c02.png) no-repeat; height:50px; margin-left:12px; float:left; width:50px; margin-top:15px;}
.dleft1{background:url(../images/c01.png) no-repeat; height:50px; margin-left:12px; float:left; width:50px; margin-top:15px;}
.dleft2{background:url(../images/c03.png) no-repeat; height:50px; margin-left:12px; float:left; width:50px; margin-top:15px;}
.dright{float:left; margin-left:10px; margin-top:5px;}
.dright h3{font-weight:normal; padding-top:15px;}
.dright p{color:#949494;}
.dinfo{width:189px;height:15px; background:url(../images/diskbg.png) no-repeat; margin-top:5px; margin-bottom:5px;}
.dinfo span{background:url(../images/cbg.png) repeat-x; height:15px;}
.filetable{width:100%;}
.filetable thead tr{background:#f5f9fb; line-height:35px;}
.filetable thead tr th{text-align:left; text-indent:15px;font-weight:normal;color:#597190;}
.filetable tbody tr td{text-indent:15px; line-height:23px;}
.filetable tbody tr td i {margin-right:5px;}
.tdlast{text-align:right;}
.filetable tbody tr:hover{background:#f5f8fa; cursor:pointer;}



/*tab*/
.itab{height:38px;  position:relative; border-left:solid 1px #d3dbde;}
.itab ul li{float:left;height:37px; line-height:37px;border-right:solid 0px #d3dbde;border-top:solid 0px #d0dee5;border-bottom:solid 0px #d0dee5;}
.itab ul li a{font-size:14px; color:#fff; padding-left:25px; padding-right:25px;}
.itab ul li a.selected{ height:37px; display:block;background-color:#3EAFE0;}
.tabson{margin:18px 0px;}
.formtext{height:45px; padding-left:25px; line-height:20px; color:#848383;}
.formtext b{color:#d70101;}
.forminfo b{color:#ea2020; padding-left:3px;}

/*class*/
.classlist li{float:left;margin-right:10px;margin-bottom:10px;padding:12px;border:1px solid #3eafe0;}
.classlist li div{float:left;}
.classlist li span{float:left;margin-right:18px;}
.classlist li p{line-height:20px;float:left;width:60px;}
.enter{display:block;margin-top:5px;width:94px;height:30px;color:#fff;background:#3eafe0;font-weight:bold; border-radius:2px; text-align:center;line-height:30px; cursor:pointer;}
.enter:hover{color:#fff; background:#d98c1d;}
.clear{clear:both;}

/*seachform*/
.seachform{ height:42px;}
.seachform li{float:left; margin-right:15px;}
.seachform li label{padding-right:10px; float:left; line-height:32px;}
.scinput{width:150px; height:32px; line-height:32px; border-top:solid 1px #a7b5bc; border-left:solid 1px #a7b5bc; border-right:solid 1px #ced9df; border-bottom:solid 1px #ced9df; text-indent:10px;}
.scbtn{width:85px;height:35px; background-color:#3A94C8; font-size:14px;font-weight:bold;color:#fff; cursor:pointer;border-radius:3px;}

/*newstyle*/
.backbord{
	position:absolute;
	z-index:-1;
	
}
.boxgrid{
	background-color:#dedede;
	border:solid 1px #f00;
	opacity:0.2;
}
.boxprimary{
	background-color:#f00;
	opacity:0.2;
	border:solid 1px #dc6767;
}
.boxyellow{
	background-color:#DEE8C9;
	opacity:0.2;
	border:solid 1px #f00;
}
.boxdark{
	background-color:#f00;
	border:solid 1px #594857;
	opacity:0.2;
}
.boxgrey{
	background-color:#B0D4FB;
	border:solid 1px #f00;
	opacity:0.2;
}
.boxblue{
	background-color:#32C6D2;
	border:solid 1px #f00;
	opacity:0.2;
}
.boxorange{
	background-color:#FF9080;
	border:solid 1px #f00;
	opacity:0.2;
}

.leftcont{
	display:block;
	margin:0;
	padding:0;
	border:solid 0px #888;
	overflow: hidden;
}
.rightcont{
	width:235px;
	display:block;
	text-align:center;
	overflow: hidden;
	margin:0;
	padding:0;
	float:right;
	border:solid 0px #888;

}
.showbox-box{
	width:100%;
	display:block;
	overflow: hidden;
}
.contlist{

	border:solid 1px #ebebeb;
	padding:10px 0;
	
}
div.contlist>span{
	width:43%;
	margin-left:10px;
	margin-right:10px;
	float:left;
	line-height:25px;
	padding-left:10px;
	display:block;
	border-bottom:solid 1px #ddd;
}
div.contlist>p{
	
	margin-left:10px;
	margin-right:10px;
	position:absolute;
	line-height:25px;
	padding-left:10px;
	display:block;
	
}
div.contlist span>a{
	width:20%;
	float:right;
	color:#000;
}

div.conttb>span{
	overflow: hidden;
	width:756px;

}
.showbox-box>span{
	overflow: hidden;
	text-align:left;
	width:230px;
}
.rightcont span{
	height:30px;
}
.rightcont span>a{
	width:40%;
	padding-left:20px;
	line-height:25px;
	text-align:left;
	color:#fff;
	display:block;float:left;
}
div.conttb span>a{
	float:left;
	width:11%;
	line-height:25px;
	text-align:center;
	color:#fff;
	
}

.dashboard{
	width:90%;
	height:84px;
	border-radius:4px;
	border:solid 1px rgba(0,0,0,0);
}
.dashboard:hover{
	border:solid 1px #f00;
}
.dashboard>div{
	background-image:url('../images/icons-min.png');
	margin:15px;
	width:50px;
	height:54px;
	float:left;
	
}
.dashboard>p{
	overflow:hidden;
	height:52px;
	
	background-color:#fff;
	border-radius:0 4px 0 0;
	line-height:52px;
	text-align:center;
	font-size:26px;
	color:#888;
}
.dashboard>span{
	overflow:auto;
	height:32px;
	background-color:#f9f9f9;
	border-radius:0 0 4px 0;
	line-height:32px;
	text-align:center;
	color:#888;
}
.mselect{
	overflow-x:hidden;
	border-right:solid 1px #3EAFE0;
}
@-webkit-keyframes hp-animation-right {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 60px 0;
  }
}
@-moz-keyframes hp-animation-right {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 60px 0;
  }
}
@keyframes hp-animation-right {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 60px 0;
  }
}
@-webkit-keyframes hp-animation-left {
  0% {
    background-position: 60px 0;
  }
  100% {
    background-position: 0 0;
  }
}
@-moz-keyframes hp-animation-left {
  0% {
    background-position: 60px 0;
  }
  100% {
    background-position: 0 0;
  }
}
@keyframes hp-animation-left {
  0% {
    background-position: 60px 0;
  }
  100% {
    background-position: 0 0;
  }
}
@-webkit-keyframes vp-animation-down {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 60px;
  }
}
@-moz-keyframes vp-animation-down {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 60px;
  }
}
@keyframes vp-animation-down {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 60px;
  }
}
@-webkit-keyframes vp-animation-top {
  0% {
    background-position: 0 60px;
  }
  100% {
    background-position: 0 0;
  }
}
@-moz-keyframes vp-animation-top {
  0% {
    background-position: 0 60px;
  }
  100% {
    background-position: 0 0;
  }
}
@keyframes vp-animation-top {
  0% {
    background-position: 0 60px;
  }
  100% {
    background-position: 0 0;
  }
}
