@font-face {
  font-family:'ico';  
  src: url('/font/icon.eot');
  src: url('/font/icon.eot?#iefix') format('embedded-opentype'),
  url('/font/icon.ttf') format('truetype'),
  url('/font/icon.svg#ico') format('svg');
}
body, html { height: 100%; font-family: 'Roboto Condensed','ico', sans-serif; }
body, ul, li, h1, h2, h3, h4, h5 { margin: 0px; padding: 0px }
body { background-size: cover; background-repeat: no-repeat; background-position: center center;}
input { background: none; outline: none; border: 0px; }
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
li { list-style: none }
a { text-decoration: none; }
* { margin: 0px; padding: 0px }

.system { margin: 0px; height: auto; width: auto; }
.system .statistics{ float: left; width: 100%; margin-top: 10px;}
.system .statistics dl{ float: left; width: calc(100%/4 - 20px); margin: calc((20px*4)/(4 * 2)); background-color:#FFFFFF;}
.system .statistics dl dt, .system .statistics dl dd{ width: 100%; clear: both; float: left; text-align: center; height: 60px; }
.system .statistics dl dt{ font-size: 30px; line-height: 88px; color: #33CCFB; font-weight: bold; }
.system .statistics dl dd{ font-size: 18px; line-height: 40px; color: #333333; font-weight: bold; }
.system .statistics .rate{ float: left; width: calc(100% - 20px); margin: 10px; background-color: #FFFFFF; padding:2% 0px; }
.system .statistics .rate h3{ float: left; width: 100%; text-align: center; color: #666666; margin-bottom: 2%; }
.system .statistics .rate main{padding: 0px 2%;}
.system .statistics .rate main o{ float: left; width: 100%; overflow: hidden; height: 45px; background-color: #E7E7E7; position: relative; }
.system .statistics .rate main p{ float: left; height: 100%; background-color: #33CCFB; display: flex; justify-content: center; align-items: center; font-size: 14px; color: #FFFFFF; transition: 0.5s;}
.system .statistics .rate main x{ padding-right: 1px; padding-left: 1px; height: 100%; top: 0px; right: 0px; font-size: 14px; color: #CCCCCC; display: flex; justify-content: center; align-items: center;}
.system .statistics .rate main t{ height: 20px; float: right; margin-top: 10px; display: flex; justify-content: center; align-items: center; font-size: 12px; color: #999999; margin-left: 10px; }
.system .statistics .rate main t m{float: left; height: 20px; width: 20px; margin-right: 5px; }
.system .statistics .rate main t:nth-last-child(1) m{ background-color: #00FF00;}
.system .statistics .rate main t:nth-last-child(2) m{ background-color: #33CCFB;}
.system .statistics .rate main t:nth-last-child(3) m{ background-color: #CCCCCC;}
.system .statistics .chart li{float: left; width: calc(100%/2 - 20px); height: 300px; margin: calc((20px*2)/(2 * 2)); background-color: #FFFFFF; padding-top: 20px; overflow: hidden; }
.system .statistics .chart li h3{ text-align: center; font-family: "Microsoft YaHei"; color: #333333; margin: 0px; padding: 0px; }
/*栏目、功能管理*/
.list{ float: left; width: 100%; margin-top: 45px;}
.list ul.item{width:90%; padding: 0 5%; position:fixed; top:0; left:0; right:0; background:#fff;}
.list ul.item li{float: left; height: 45px; line-height:45px; font-size: 14px; color: #333333; font-weight: 700;}
.list div.box{float: left; width:100%;}
.list div.box ul{float: left; width:100%; background:#f9f9f9;}
.list div.box ul li{float: left; width:100%;}
.list div.box ul li>ul{background:#f5f5f5;}
.list div.box ul li>ul li>ul{background:#efefef;}
.list div.box ul li>ul li>ul li>ul{background:#ebebeb;}
.list div.box ul li>ul li>ul li>ul li>ul{background:#e5e5e5;}
.list div.box ul li dl{width:90%; padding: 0 5%;}
.list div.box ul li dl dt,.list div.box ul li dl dd{float:left; height: 45px; line-height:45px; font-size: 14px; color: #333333;}
.list div.box ul li dl dt span{float: left; display: inline-block;}
.list div.box ul li dl dt span::before{ content: "\e602"; float: left; width: 20px; display: inline-block; margin-right: 5px; font-size: 20px; }
.list div.box ul li dl dt span.more{cursor:pointer;}
.list div.box ul li dl dt span.more::before{ content: "\e607"; }
.list div.box ul li dl dt span.more.active::before{content:"\e602";}
.list div.box ul li dl dt span.more:hover{color:#00a2e9;}
.list div.box ul li dl dt span.on::before{content: "\e602"; color:#E5E5E5;}
.list div.box ul li ul{display: none;}
.list div.box ul li dl dd span{cursor:pointer;}
.list div.box ul li dl dd span:hover{color:#00a2e9;}
.list div.box ul li dl dd span.null{color:#9E9E9E; cursor:auto;}
.list div.box ul li dl dd input{width: 50px; height:30px; margin:calc((45px - 30px - 2px)/2) 0; text-align: center; float: left; font-size: 14px; background-color: rgba(255,255,255,.0); border: 1px solid #CCCCCC;}
.list div.box ul li dl dd font{display: inline-block; margin-right:8px; font-size: 12px;}
.list div.box ul li dl dd font:last-child{margin-right:0;}
.list div.box ul li dl dd font.s0{color:#DCDCDC;}
.list div.box ul li dl dd font.s1{color:#00a2e9;}
.list div.box ul li dl dd select{border:1px solid #CCCCCC;}