@font-face {
  font-family: 'iconfont';  /* project id 1213781 */
  src: url('/font/icon.eot');
  src: url('/font/icon.eot?#iefix') format('embedded-opentype'),
  url('/font/icon.ttf') format('truetype'),
  url('/font/icon.svg#icon') format('svg');
}
/* 以下实际使用若已初始化可删除 .nav height父级需逐级设置为100%*/
*{ margin: 0px; padding: 0px }
body, html{height:100%; background: #E2E2E2; font-family: 'Roboto Condensed','iconfont', 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; overflow: hidden;}
li { list-style: none }
a { text-decoration: none; }
input,button,select,textarea{background:none; outline: none; border: 0px;}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
	-webkit-text-fill-color: #333333 !important;
	-webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;
  background-color:transparent;
  background-image: none;
  transition: background-color 50000s ease-in-out 0s;
}
input {background-color:transparent; transition: background-color 50000s ease-in-out 0s;}
textarea{resize:none}
/* 圆弧 */
.arc1{border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%;}
/* 红框警告 */
.notice{ border: 1px solid #FF0003; }
/* 以上实际使用若已初始化可删除 */
sidebar { float: left; width: 230px; height: 100%; background: #263238;}
sidebar ico{float: left; width: 100%; height: 56px; position: relative; overflow: hidden; z-index:100; transition: 0.5s; background-color: #00a2e9; cursor: pointer;}
sidebar ico img{height: 60%; margin: auto; top: 0px; right: 0px; bottom: 0px; left: 0px; position: absolute; }
.nav {float:left; width:100%; height: 100%; position:relative;}
.nav a { display: block; overflow: hidden; padding-left: 20px; line-height: 46px; max-height: 46px; color: #ABB1B7; transition: all .3s; position: relative; }
.nav a span { margin-left: 12px; font-size: 14px; }
.nav-item { position: relative; cursor: pointer; }
.nav-item.nav-show { border-bottom: none; }
.nav-item ul { display: none; background: rgba(0,0,0,.1); }
.nav-item.nav-show ul { display: none; }
.nav-item>a:before { content: ""; position: absolute; left: 0px; opacity: 0; transition: all .3s; border-left-width: 2px; border-left-style: solid; border-left-color: #34A0CE; top: 0px; height: 100%; width: 0px; }
.nav .nav-icon { float: left; font-size: 16px;  margin-left: 1px; line-height: 45px; }
/* 此处修改导航图标 可自定义iconfont 替换*/
.nav ul .chosen { background: rgba(0,0,0,.1); color: #FFFFFF; }
.nav ul li:nth-of-type(1) i::before { content: "\e62e"; }
.nav ul li:nth-of-type(2) i::before { content: "\e68e"; }
.nav ul li:nth-of-type(3) i::before { content: "\e6dc"; }
.nav ul li:nth-of-type(4) i::before { content: "\e68d"; }
.nav ul li a i:nth-of-type(2)::before { content: "\e603"; font-size: 12px; line-height: 48px; }
/* 此处为导航右侧箭头 如果自定义iconfont 也需要替换*/
.nav-more { float: right; margin-right: 20px; font-size: 12px; transition: transform .3s; }
.nav-show .nav-more { transform: rotate(90deg); }
.nav-show, .nav-item>a:hover { color: #FFF;}
.nav-show>a:before, .nav-item>a:hover:before { opacity: 1; }
.nav-item li:hover a { color: #FFF; background: rgba(0, 0, 0,.1); }
/* nav-mini */
.nav-mini.nav .nav-item>a span { display: none; }
.nav-mini.nav .nav-more { margin-right: -20px; }
.nav-mini.nav .nav-item ul { position: absolute; top: 0px; left: 60px; width: 180px; z-index: 99; background: #3C474C; overflow: hidden; }
.nav-mini.nav ul ico{display: none;}
.nav-mini.nav .nav-item:hover { background: rgba(255,255,255,.1); }
.nav-mini.nav .nav-item:hover .nav-item a { color: #FFF; }
.nav-mini.nav .nav-item:hover a:before { opacity: 1; }
.nav-mini.nav .nav-item:hover ul { display: block; }
.lang{position:absolute; bottom:0; left:0; right:0; height:45px; line-height:45px; background:#263238; text-align:center;}
.lang p{display:inline-block; margin:0 10px; color:#fff; position: relative; cursor:pointer;}
.lang p::before{content: "";position: absolute; right:-13px; top:35%; bottom:35%; border-right: 1px solid #fff;}
.lang p:last-child::before{content:none;}
.lang p:hover{color:#00a2e9;}
.lang p.active{color:#00a2e9;}
/*缩放*/
.zoom{position:relative; z-index:100;}
.zoom::before{content:""; position:fixed; left:0; right:0; top:0; bottom:0; z-index:-1; background-image:url(/images/system/20200720084945.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; animation-name:scaleDraw; animation-timing-function:ease-in-out; animation-iteration-count: infinite; animation-duration:15s;}
/*右侧*/
system { float: left; height: 100%; position: absolute; left: 230px; right: 0%; top: 0%; bottom: 0%; overflow: hidden; background-color: #FFFFFF; }
system header { background-color: #FFFFFF; float: left; width:calc(100% - 230px); height: 56px; position: fixed; top: 0px; box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); -o-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); -ms-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2);}
system header ul:nth-of-type(1){float: left; display: inline;}
system header ul:nth-of-type(1) li { float: left; height: 30px; width: 30px; color: #525252; position: relative; margin-top: 13px; margin-bottom: 13px; list-style-type: none; line-height: 30px; text-align: center; font-size: 24px; cursor: pointer; transition: .3s; }
system header ul:nth-of-type(1) #mini{ margin-left: 20px; }
system header ul:nth-of-type(1) #mini::after { content: "\e66c"; }
system header ul:nth-of-type(1) #mini:hover { color: #34A0CE; }
system header ul:nth-of-type(1) #addto{display: none; margin-left: 10px;}
system header ul:nth-of-type(1) #addto::after { content: "\e613";}
system header ul:nth-of-type(1) #addto:hover { color: #34A0CE; transform: scale(1.2);}
system header ul:nth-of-type(1) #batch{display: none; margin-left: 10px;}
system header ul:nth-of-type(1) #batch::after { content: "\e61b";}
system header ul:nth-of-type(1) #batch:hover { color: #34A0CE; transform: scale(1.2);}
system header ul:nth-of-type(1) .active{color: #34A0CE;}
system header ul:nth-of-type(1) .open, system header ul:nth-of-type(1) .shut{ margin-left: 10px;}
system header ul:nth-of-type(1) .open::after { content: "\e620"; }
system header ul:nth-of-type(1) .shut::after { content: "\e621";}
system header ul:nth-of-type(1) .open:hover, system header ul:nth-of-type(1) .shut:hover{ transform: scale(1.2); color: #34A0CE;}

system header ul:nth-of-type(2){float:right; display: inline; margin-right: 20px;}
system header ul:nth-of-type(2) li{ float: left; height:auto; width:auto; margin-top: auto; margin-bottom: auto; }
system header ul:nth-of-type(2) li main ico{ float: left; width: 40px; height: 40px; margin-top: 8px; overflow: hidden; position: relative; cursor:pointer; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; background-color: #B1B1B1;}
system header ul:nth-of-type(2) li main ico img{ height: 100%; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto; }
system header ul:nth-of-type(2) li main menu{ position: absolute; box-sizing: border-box; display: none; right: 3px; top: 60px; box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); -o-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); -ms-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); z-index: 9999; width: 180px; }
system header ul:nth-of-type(2) li main menu::after { content:''; position: absolute; width: 0; height: 0; top: -8px; right: 26px; z-index: -1; border-style: solid; border-width: 8px; border-color: transparent transparent #FFFFFF #FFFFFF; transform: rotate(135deg); box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); -o-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); -ms-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); }
system header ul:nth-of-type(2) li main menu p{ width: 100%; height: 40px; float: left; font-size: 14px; line-height: 40px; cursor: pointer; transition: 0.5s; text-align: left; color: #666666; }
system header ul:nth-of-type(2) li main menu p:hover{background-color: #EDEDED;}
system header ul:nth-of-type(2) li main menu o{ background-color: #FFFFFF; width: 100%; float: left; overflow: hidden;}
system header ul:nth-of-type(2) li main menu o{ border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px;}
system header ul:nth-of-type(2) li main menu p:last-child{ height: 45px; line-height: 45px; border-top: 1px solid #e9ecef; }
system header ul:nth-of-type(2) li main menu p::after{float: left;margin-left: 20px; margin-right: 10px; font-size: 16px;}
system header ul:nth-of-type(2) li main menu p:nth-of-type(1)::after{content: "\e667";}
system header ul:nth-of-type(2) li main menu p:nth-of-type(2)::after{content: "\e662";}
system header ul:nth-of-type(2) li main menu p:nth-of-type(3)::after{content: "\e618";}
system header ul:nth-of-type(2) li:nth-of-type(1){float: left; height: 30px; width: 30px; color: #525252; position: relative; margin-top: 13px; margin-bottom: 13px; list-style-type: none; line-height: 30px; text-align: center; font-size: 30px; cursor: pointer; transition: .3s;}
system header ul:nth-of-type(2) li:nth-of-type(2){float: left; height: 30px; width: 30px; color: #525252; position: relative; margin-top: 13px; margin-bottom: 13px; list-style-type: none; line-height: 30px; text-align: center; font-size: 30px; cursor: pointer; transition: .3s;}
system header ul:nth-of-type(2) #index{ margin-right:20px;}
system header ul:nth-of-type(2) #index::after { content: "\e76e"; }
system header ul:nth-of-type(2) #index:hover { color: #34A0CE; transform: scale(1.2);}
system header ul:nth-of-type(2) #select{display: none; margin-right:20px;}
system header ul:nth-of-type(2) #select::after { content: "\e68b"; }
system header ul:nth-of-type(2) #select:hover { color: #34A0CE; transform: scale(1.2);}
/*system header ul:nth-of-type(2) li choice{ float: left;display: inline; margin: 12px 20px; position: relative; display: none;}
system header ul:nth-of-type(2) li choice ol{ width:200px; height: 30px; line-height: 30px; float: left; overflow: hidden; text-align: center; font-size: 14px; border: 1px solid #C9C9C9; position: relative; padding: 0px 30px 0px 0px; color: #6E6E6E; cursor: pointer;}
system header ul:nth-of-type(2) li choice ol::after { content: "\e603"; width: 30px; display: inline-block; transform: rotate(90deg); position: absolute; right: 0px; top: 0px; background-color: #C5C5C5; color: #FFFFFF; }
system header ul:nth-of-type(2) li choice ol{border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px;}
system header ul:nth-of-type(2) li choice ul{width: 100%; top: 48px; margin: 0px; display: none;}
system header ul:nth-of-type(2) li choice ul.list{position: absolute; left: 0px; right: 0px; z-index: 888; box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); -o-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); -ms-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; background: #FFFFFF;}
system header ul:nth-of-type(2) li choice ul.list::before{ content: ''; position: absolute; width: 0; height: 0; top: -8px; left:calc((100% - 8px) / 2); z-index: 0; border-style: solid; border-width: 8px; border-color: transparent transparent #FFFFFF #FFFFFF; transform: rotate(135deg); box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); -o-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); -ms-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2);}
system header ul:nth-of-type(2) li choice ul.list div.main{width:100%; float: left; height:70vh; overflow: hidden;}
system header ul:nth-of-type(2) li choice ul li{float: left; width: 100%; font-size: 14px; line-height: 35px; color: #6E6E6E; background: #FFFFFF; text-align: left;}
system header ul:nth-of-type(2) li choice ul li span{float: left; width: 90%; padding:0 5%; display:inline-block;}
system header ul:nth-of-type(2) li choice ul li ul{display: block;}
system header ul:nth-of-type(2) li choice ul li ul li{background:#f7f7f7;}
system header ul:nth-of-type(2) li choice ul li ul li span{width:85%; padding:0 0 0 15%;}
system header ul:nth-of-type(2) li choice ul li:hover{background:#EDEDED; transition: .3s;}
system header ul:nth-of-type(2) li choice ul li.checked{background:#EDEDED;}*/


system footer {display: none; background-color: #FFFFFF; float: left; width:calc(100% - 230px); height: 56px; position: fixed; bottom: 0px; box-shadow: 0px -2px 6px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px -2px 6px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px -2px 6px 0px rgba(0,0,0,0.2); -o-box-shadow: 0px -2px 6px 0px rgba(0,0,0,0.2); -ms-box-shadow: 0px -2px 6px 0px rgba(0,0,0,0.2);}
system footer buttons p{float:left; display: inline;}
system footer buttons p submit, states, reset{ float: left; padding: 0px 50px; height: 56px; font-size: 16px; text-align: center; line-height: 56px; color: #FFFFFF;}
system footer buttons p submit.forbid{pointer-events:none; background:#acacac;}
system footer buttons p submit{background-color: #00a2e9; transition: .3s; cursor: pointer;}
system footer buttons p states{background-color: #868686; transition: .3s; color:#ABABAB; display: none;}
system footer buttons p reset{background-color: #FF0004; transition: .3s; cursor: pointer;}
system footer buttons p submit:hover{background-color:#0089C6;}
system footer buttons p reset:hover{background-color:#BB0002;}
system footer ul li{float: left; display: inline;} 
system footer ul:nth-of-type(1) {float: left; display: inline; margin-left: 20px;}
system footer ul:nth-of-type(1) li batch{float: left; display: none; margin: 18px 20px; height: 20px; line-height: 20px; transition: 0.5s;}
system footer ul:nth-of-type(1) li batch p{ float: left; font-size: 14px; color: #6E6E6E; display: inline-block;}
system footer ul:nth-of-type(1) li batch p:hover{color: #00a2e9; transition: .3s;}
system footer ul:nth-of-type(1) li batch p label{float: left; display: inline-block; cursor: pointer;}
system footer ul:nth-of-type(1) li batch p label input[type='checkbox']{ float: left; width: 18px; height: 18px; margin: 1px 0px; border: 1px solid #BDBDBD; background-color: #FFFFFF; -webkit-appearance:none;}
system footer ul:nth-of-type(1) li batch p label input[type='checkbox']{border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px;}
system footer ul:nth-of-type(1) li batch p label input[type='checkbox']:checked::after{ content: "\e660"; color: #00a2e9; font-weight: bold; }
system footer ul:nth-of-type(1) li batch p label span,system footer ul li batch p a{margin: 0px 5px;}
system footer ul:nth-of-type(1) li batch p a{cursor: pointer;}
system footer ul:nth-of-type(1) li total{float: left; display: inline; line-height: 56px; color: #6E6E6E; font-size: 14px;}
system footer ul:nth-of-type(2) {float: right; display: inline; margin-right: 20px;}
system footer ul:nth-of-type(2) li paging page{float: left; width:100%; margin: 18px 0px; text-align: center; clear: both; margin-bottom: 50px; }
system footer ul:nth-of-type(2) li paging page a{ border: 1px double #cccccc; text-align: center; transition: 0.5s; padding: 6px 12px; margin: 0px 1px; background-color: #FFF; color: #6E6E6E; font-size: 14px; margin-top: 0px; margin-bottom: 0px; text-decoration: none; cursor:pointer; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px;}
system footer ul:nth-of-type(2) li paging page a:hover { background-color: #00a2e9; color: rgba(255,255,255,1); border: 1px double #00a2e9;}
system footer ul:nth-of-type(2) li paging page .active{ color: #FFFFFF; background-color: #00a2e9; border: 1px double #00a2e9; }
system iframe {width: 100%; height:calc(100% - 56px); float: left; margin-top:56px; padding: 0px; background-color: #f2f2f2;}
system .on{height:calc(100% - 56px - 56px); margin:56px 0px;}
system toolbox{position:fixed; overflow: hidden; right:0px; height:calc(100vh - 56px - 56px); top:56px; width:0; background:#fff; box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.2); -o-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.2); -ms-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.2);}

div.tools{float:left; width: 80%; margin:10px 0; padding:0 10%;}
div.tools dl{float:left; width:100%; margin-bottom:30px;}
div.tools dl dt{float: left; width: 100%; margin-bottom:15px; font-size: 1.6em; color: #333333; padding:10px 0; border-bottom: 1px solid #BCBCBC;}
div.tools dl dd{float: left; width: 100%;}
div.tools dl dd v{float: left; display: inline-block; padding:10px 20px; margin:0 5px; font-size: 14px; color:#333333; border: 1px solid #BCBCBC; cursor:pointer; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}
div.tools dl dd v:hover{background: #00a2e9; color: #fff; border-color:#fff;}
div.tools dl dd v.active{background: #00a2e9; color: #fff; border-color:#fff;}
div.tools dl dd v:first-child{margin-left:0;}
div.tools dl dd v:last-child{margin-right:0;}
div.tools ul.choose{float:left; width: 100%; position: relative;}
div.tools ul.choose li{float: left; width: 87%; padding: 0 10% 0 3%; height: 35px; line-height: 35px; cursor: pointer; position: relative; font-size: 14px; color:#8f8f8f; background:#fff; white-space:nowrap; border: 1px solid #ACACAC; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}
div.tools ul.choose li::after{content:"\e603"; font-family:"iconfont"; font-size:20px; position:absolute; right:2.5%; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
div.tools ul.choose li.active::after{transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
div.tools ul.choose>ul{display: none; float: left; max-height:60vh; position: absolute; z-index:99; overflow: hidden; left: 0; right: 0; top: 38px; background: #fff; box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); -o-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); -ms-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}
div.tools ul.choose>ul li{white-space:nowrap; width: 94%; padding: 0 3%; border-style: none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -ms-border-radius:0;}
div.tools ul.choose>ul li::after{content:none;}
div.tools ul.choose>ul li:hover{background: #eaeaea;}
div.tools ul.choose>ul li.selected{background: #eaeaea;}

div.tools form.search{float: left; width:96%; padding-left:3%; overflow: hidden; border: 1px solid #ACACAC; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}
div.tools form.search input.text1{float: left; width:90%; height: 35px; font-size: 14px;}
div.tools form.search span{float:left; width:10%; height: 35px; text-align: center; pointer-events:none; color:#ACACAC;}
div.tools form.search span::after{content:"\e63b"; line-height: 35px; font-family:"iconfont"; font-size:23px; pointer-events: auto; cursor:pointer;}
div.tools form.search span:hover{color:#00a2e9;}
div.tools div.radio{float:left; width:100%;}
div.tools div.radio label{float: left; display: inline-block; padding:10px 20px; margin:0 5px; font-size: 14px; color:#333333; border: 1px solid #BCBCBC; cursor:pointer; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}
div.tools div.radio label input{display:none;}
div.tools div.radio label:hover{background: #00a2e9; color: #fff; border-color:#fff;}
div.tools div.radio label.active{background: #00a2e9; color: #fff; border-color:#fff;}
div.tools div.radio label:first-child{margin-left:0;}
div.tools div.radio label:last-child{margin-right:0;}

div.tools div.search{float: left; width:96%; padding-left:3%; overflow: hidden; border: 1px solid #ACACAC; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}
div.tools div.search input.text1{float: left; width:90%; height: 35px; font-size: 14px;}
div.tools div.search span{float:left; width:10%; height: 35px; text-align: center; pointer-events:none; color:#ACACAC;}
div.tools div.search span::after{content:"\e63b"; line-height: 35px; font-family:"iconfont"; font-size:23px; pointer-events: auto; cursor:pointer;}
div.tools div.search span:hover{color:#00a2e9;}
whole{float: left; width: 100%; height: 100vh; display: flex; display:-webkit-flex; justify-content: center; align-items: center; flex-wrap: wrap;}
/*登录*/
.logo{position: fixed; left:3%; right: 3%; top:3%;}
.logo img{float: left; height: 60px;}
@media screen and (min-width: 1000px) {
.login main{ width: 30%; margin-left: 35%; margin-right: 35%;}
}
@media screen and (max-width: 1000px) {
.login main{ width: 50%; margin-left: 25%; margin-right: 25%;}
}
.login{ width: 100%; height: 100%;}
.login main{float: left; position: absolute; top:calc((100% - 441px)/2); border-radius: 10px; background-color: rgba(255, 255, 255, 0.5); box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -o-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -ms-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);}
.login main ul{ width: 80%; margin: 3% 10%; }
.login main ul li{width:100%; float: left;}
.login main ul li h2{margin-top: 30px; color: #2f2f2f; text-align: center; }
.login main ul li #qrcode{ width: 100%; height: 180px; float: left; position: relative; padding-top: 20px; padding-bottom: 20px; }
.login main ul li #qrcode img{ width: 150px; height: 150px; position: absolute; margin: auto; left: 0px; top: 0px; right: 0px; bottom: 0px; border: 10px solid rgba(255,255,255,.5); border-radius: 10px; z-index: 1; box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -o-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -ms-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);}
.login main ul li #qrcode mask{width: 150px; height: 150px; position: absolute; margin: auto; left: 0px; top: 0px; right: 0px; bottom: 0px; border:none; z-index: 2; background-color: rgba(0,0,0,.9); font-size: 90px; text-align: center; line-height: 150px; display: none; }
.login main ul li #qrcode mask img{max-width:50%; width:auto; height:auto; position:absolute; border:none; left:0; right:0; top:0; bottom:0; margin: auto;}
.login main ul li:nth-of-type(3){ text-align: center; color: #2f2f2f; font-size: 14px; letter-spacing: 0.8px; }
.login main ul li:nth-of-type(4){ text-align: center; color: #2f2f2f; font-size: 20px; border-top: 1px solid #2f2f2f; margin-top: 25px; height: 100px; line-height: 100px; letter-spacing: 2px; }
.phone{float: left; width:80%; margin-left: 10%; margin-right: 10%;}
.phone ico{ width: 100%; height: 200px; float: left; text-align: center; color: #888888; line-height: 200px; }
.phone .ico1::after { content: "\e628"; font-size: 150px;}
.phone .ico2::after { content: "\e667"; font-size: 80px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; border: 10px solid #888888; color: #FFFFFF; background-color: #888888; }
.phone form{width: 100%; float: left;}
.phone form main{ position: relative; width: 100%; height: 45px; float: left; border: 1px solid #7B7B7B; border-radius: 47px; -webkit-border-radius: 47px; -moz-border-radius: 47px; -o-border-radius: 47px; -ms-border-radius: 47px; font-size: 20px; margin-bottom: 20px; color: #7B7B7B; }
.phone form main:nth-of-type(1)::after{ content: "\e667"; position: absolute; left: 15px; top: 12px; }
.phone form main:nth-of-type(2)::after{ content: "\e601"; position: absolute; left: 15px; top: 12px; }
.phone form input{width: 87%; height: 100%; float:left; padding-left: 13%; font-size: 14px; border-radius: 47px; -webkit-border-radius: 47px; -moz-border-radius: 47px; -o-border-radius: 47px; -ms-border-radius: 47px;}
.phone form submit{ height: 50px; width: 100%; float: left; margin-top: 50px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; text-align: center; line-height: 50px; }
.phone form submit:nth-of-type(1){background-color: #7B7B7B; color: #FFFFFF; font-size: 18px;}
.phone form submit:nth-of-type(2){background-color: #BCBCBC; color: #FFFFFF; font-size: 18px; display: none;}
.phone form submit:nth-of-type(2) span::after{ content: "\e655"; font-size: 18px; display: inline-block; -webkit-animation: load 1s linear infinite;}
/*选择文件*/
.SelectFile{float:left; width: 100%; position:relative;}
.SelectFile div{float:left; width:90%; padding:0 5%;}
.SelectFile ul{float:left; width:90%; margin:0 5%;}
.SelectFile ul li{float:left; width:100%; font-size:16px; line-height: 30px; color:#333333;}
.SelectFile ul li a{float: left; color:#333333;}
.SelectFile ul li:hover a{color:#00a2e9; cursor:pointer;}
.SelectFile ul li::before{float: left; width: 30px; height: 30px; line-height: 30px; text-align: center; margin-right:5px;}
.SelectFile ul.folder li::before{content:"\e60f"; color: #FFA600; font-size: 30px;}
.SelectFile ul.folder li.return::before{content:"\e65f"; color:#333333;}
.SelectFile ul.folder li.return:hover::before{color:#00a2e9;}
.SelectFile ul.folder li p{float:right; display:inline-block; cursor:pointer;}
.SelectFile ul.folder li p:hover{color:#00a2e9;}
.SelectFile ul.files li::before{content:"\e613"; color: #333333; font-size: 25px;}
.SelectFile ul.files li p{cursor:pointer;}
.SelectFile ul.files li p:hover{color:#00a2e9;}
/*压缩文件*/
.compress{float:left; width:94%; margin:0 3%;}
.compress::after{width:100px; height:100px; line-height:100px; font-size:100px; text-align:center; background:#000000; position:absolute; z-index:1; top:calc((100% - 100px)/2); left:calc((100% - 100px)/2); border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -ms-border-radius:100%;}
.compress.loading::after{content: "\e6ac"; color:#00a2e9; background:#fff; display:inline-block; animation: load 0.6s linear infinite; -webkit-animation: load 0.6s linear infinite; -moz-animation: load 0.6s linear infinite; -o-animation: load 0.6s linear infinite; -ms-animation: load 0.6s linear infinite;}
.compress.success::after{content:"\e660"; color:#00FF05;}
.compress.failed::after{content:"\e65b"; color:#FF0004; display:inline-block; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform: rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg);}
.compress ul li{float:left; width:100%; margin:5px 0; font-size:14px;}
.compress ul li input,.compress ul li p{float: left; height:40px; line-height:40px; border: 1px solid #E8E8E8; margin:-1px;}
.compress ul li:nth-of-type(1){width:60%;}
.compress ul li:nth-of-type(1) input{width:calc(100% - 20px - 2px); padding:0 10px;}
.compress ul li:nth-of-type(2){width:40%; height:20px; line-height:20px; margin:calc((40px - 10px)/2) 0}
.compress ul li:nth-of-type(2) font{float:left; color:#969696; margin-left:10px;}
.compress ul li:nth-of-type(2) label{float:left; margin-right:15px; color:#666666; cursor:pointer;}
.compress ul li:nth-of-type(2) label input{float:left; width:15px; height:15px; margin:calc((20px - 15px)/2) 0}
.compress ul li:nth-of-type(2) label span{float:left; margin-left:3px;}
.compress ul li:nth-of-type(3) input{width:calc(80% - 20px - 2px); padding:0 10px;}
.compress ul li:nth-of-type(3) p{width:20%; text-align:center; cursor:pointer; color:#666666; background:#E8E8E8;}
.compress ul li:nth-of-type(3) p:hover{ background: #DCDCDC; border-color:#DCDCDC;}
.compress div.submit{float:left; width:130px; height:45px; line-height:45px; text-align:center; margin:0 calc((100% - 130px)/2); margin-top:50px; font-size:16px; color:#fff; background:#00a2e9; cursor:pointer; border-radius:45px; -webkit-border-radius:45px; -moz-border-radius:45px; -o-border-radius:45px; -ms-border-radius:45px;}
.compress div.submit:hover{background:#009ADD;}
.compress speed{float:left; width:100%; height:30px; line-height:30px; background:#E5E5E5; overflow:hidden; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; -ms-border-radius:30px;}
.compress speed p{float:left; width:0; height:100%; background:#00a2e9; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; -ms-border-radius:30px;}
/*窗口页面*/
webkit{ width: 100%; height: 100%; background: rgba(0,0,0,.5); position: fixed; z-index:100; display: none;}
webkit .frame{width:800px; height:460px; position: absolute; left:calc((100% - 800px)/2); top:calc((100vh - 460px)/2); background-color: #FFFFFF; z-index: 100; overflow: hidden; box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.60); -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.60); -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.60); -o-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.60); -ms-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.60); border-radius: 3px 3px 0px 0px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px;}
webkit .frame h2{text-align: center; color: #00b1ff; padding-top: 15px; padding-bottom: 15px; background-color: #EFEFEF; box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); -o-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); -ms-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2);}
webkit .frame p::after{ content: "\e65b"; border-radius: 100%; cursor: pointer; color:#C8C8C8; text-align: center; z-index: 300; top: 13px; right: 10px; float: right; position: absolute; display: inline-block; transform: rotate(45deg); width: 35px; height: 35px; line-height: 35px; font-size: 35px; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}
webkit .frame p:hover::after{ color:#FF0004; transform: rotate(405deg); -webkit-transform: rotate(405deg); -moz-transform: rotate(405deg); -o-transform: rotate(405deg); -ms-transform: rotate(405deg);}
webkit .frame #progress{ background-color: #FFFFFF; position: absolute; z-index: 200; height: 460px; width: 800px; top: 0px; background-image: url(/images/system/loading.gif); background-repeat: no-repeat; background-position: center center; background-size: 60px 60px; display: block; }
proces{ width: 100%; height: 100%; background: rgba(0,0,0,.5); position: fixed; z-index: 99999; display: none;} 
proces main{ width: 150px; height: 170px; position: absolute; left: 50%; top: 50%; margin: -85px 0 0 -75px; background-color: #000000; z-index: 100; overflow: hidden; box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.60); -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.60); -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.60); -o-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.60); -ms-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.60); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; text-align: center; }
proces main dynamic{ width: 100%; float: left; height: 35px; line-height: 35px; text-align: center; color: #FFFFFF; font-size: 18px; margin-top: 20px; overflow: hidden;}
proces main speed{ float: left; width: 100%; height: 80px; color: #FFFFFF; text-align: center; font-size: 14px; line-height: 80px; position: relative; margin-top: 20px;}
proces main speed::after{color: #FFFFFF; font-size: 80px; line-height: 80px; position: absolute; left:calc((100% - 80px) / 2); text-align: center; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); -o-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); -ms-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2);}
proces main .loading::after{ content: "\e6ac"; display: inline-block;  animation: load 0.6s linear infinite; -webkit-animation: load 0.6s linear infinite; -moz-animation: load 0.6s linear infinite; -o-animation: load 0.6s linear infinite; -ms-animation: load 0.6s linear infinite;}
proces main .success::after{ content: "\e660"; background-color: #FFFFFF; color: #00FF05; border: 1px solid #FFFFFF; }
proces main .failed::after{ content: "\e65b"; display: inline-block; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform: rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); background-color: #FF0004; }
inform{ width: 300px; height: 200px; position: fixed; right: 0px; bottom: -222px; z-index: 99999; background-color: #FFFFFF; padding: 10px; border: 1px solid #CCCCCC; }
inform h3{ text-align: center; padding-top: 5px; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; }
inform .content{ float: left; width: 100%; clear: both; padding-top: 10px; padding-bottom: 10px; font-size: 13px; line-height: 20px; }
inform .close{ position: absolute; z-index: 9999999; height: 30px; width: 30px; right: 0px; font-size: 20px; line-height: 30px; color: #999999; font-weight: bold; cursor: pointer; transition: .5s linear;}
inform .close:hover{ color: #FF0000; }
/*弹出页面*/
popup{position:fixed; z-index:100; left:0; right:0; top:0; bottom:0;}
popup .frame{width:300px; height:60vh; position: absolute; left:calc((100% - 300px)/2); top:calc((100vh - 60vh)/2); background-color: #FFFFFF; z-index: 100; overflow: hidden; box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.60); -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.60); -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.60); -o-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.60); -ms-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.60); border-radius: 3px 3px 0px 0px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px;}
popup .frame h2{float: left; width:90%; padding:0 5%; font-size:20px; line-height: 45px; background:#00a2e9; color:#fff;}
popup .frame p::after{content:"\e65b"; border-radius: 100%; cursor: pointer; color:#fff; text-align: center; z-index: 300; top:5px; right: 10px; float: right; position: absolute; display: inline-block; transform: rotate(45deg); width: 35px; height: 35px; line-height: 35px; font-size: 35px; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}
popup .frame p:hover::after{transform: rotate(405deg); -webkit-transform: rotate(405deg); -moz-transform: rotate(405deg); -o-transform: rotate(405deg); -ms-transform: rotate(405deg);}
popup .frame iframe{float: left; width:100%; height:calc(100% - 45px - 20px); margin:10px 0; overflow-x: hidden; overflow-y: hidden; border: none;}
popup .webkit{width:500px; height:50vh; position: absolute; left:calc((100% - 500px)/2); top:calc((100vh - 50vh)/2); background-color: #FFFFFF; z-index: 100; overflow: hidden; box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.60); -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.60); -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.60); -o-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.60); -ms-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.60); border-radius: 3px 3px 0px 0px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px;}
popup .webkit h2{float: left; width:90%; padding:0 5%; font-size:20px; line-height: 45px; background:#00a2e9; color:#fff; pointer-events:none;}
popup .webkit h2.close::after{content:"\e65b"; border-radius: 100%; cursor: pointer; color:#fff; text-align: center; z-index: 300; pointer-events:auto; top:5px; right: 10px; float: right; position: absolute; display: inline-block; transform: rotate(45deg); width: 35px; height: 35px; line-height: 35px; font-size: 35px; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}
popup .webkit h2.close:hover::after{transform: rotate(405deg); -webkit-transform: rotate(405deg); -moz-transform: rotate(405deg); -o-transform: rotate(405deg); -ms-transform: rotate(405deg);}
popup .webkit div#LoadPage{float: left; width:100%; height:calc(100% - 45px - 20px); margin:10px 0; position:relative; overflow:hidden; border:none;}
popup .webkit div#LoadPage.loading::after{content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:#fff; z-index:1; background-image: url(/images/system/loading.gif); background-repeat: no-repeat; background-position: center center; background-size:50px auto;}
choose{position:fixed; z-index:101; left:0; right:0; top:0; bottom:0;}
choose .webkit{width:300px; height:60vh; position: absolute; left:calc((100% - 300px)/2); top:calc((100vh - 60vh)/2); background-color: #FFFFFF; z-index: 100; overflow: hidden; box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.60); -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.60); -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.60); -o-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.60); -ms-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.60); border-radius: 3px 3px 0px 0px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px;}
choose .webkit h2{float: left; width:90%; padding:0 5%; font-size:20px; line-height: 45px; background:#00a2e9; color:#fff; pointer-events:none;}
choose .webkit h2.close::after{content:"\e65b"; border-radius: 100%; cursor: pointer; color:#fff; text-align: center; z-index: 300; pointer-events:auto; top:5px; right: 10px; float: right; position: absolute; display: inline-block; transform: rotate(45deg); width: 35px; height: 35px; line-height: 35px; font-size: 35px; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}
choose .webkit h2.close:hover::after{transform: rotate(405deg); -webkit-transform: rotate(405deg); -moz-transform: rotate(405deg); -o-transform: rotate(405deg); -ms-transform: rotate(405deg);}
choose .webkit iframe{float: left; width:100%; height:calc(100% - 45px - 20px); margin:10px 0; overflow-x: hidden; overflow-y: hidden; border: none;}
prohibit notice{float: left; position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: rgba(0,0,0,.95); display: flex; justify-content: center; align-items: center; color: #FFFFFF; font-size: 30px; z-index: 999999;}
@keyframes scaleDraw {
  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -o-transform:scale(1);
    -ms-transform:scale(1);
  }
  25%{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
  }
  50%{
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
  }
  75%{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
  }
}
@keyframes load{
  0%{transform:rotate(0deg);}
  25%{transform:rotate(90deg);}
  50%{transform:rotate(180deg);}
  75%{transform:rotate(270deg);}
  100%{transform:rotate(360deg);}
}
@-webkit-keyframes load{
  0%{transform:rotate(0deg);}
  25%{transform:rotate(90deg);}
  50%{transform:rotate(180deg);}
  75%{transform:rotate(270deg);}
  100%{transform:rotate(360deg);}
}
@-moz-keyframes load{
  0%{transform:rotate(0deg);}
  25%{transform:rotate(90deg);}
  50%{transform:rotate(180deg);}
  75%{transform:rotate(270deg);}
  100%{transform:rotate(360deg);}
}
@-o-keyframes load{
  0%{transform:rotate(0deg);}
  25%{transform:rotate(90deg);}
  50%{transform:rotate(180deg);}
  75%{transform:rotate(270deg);}
  100%{transform:rotate(360deg);}
}
@-ms-keyframes load{
  0%{transform:rotate(0deg);}
  25%{transform:rotate(90deg);}
  50%{transform:rotate(180deg);}
  75%{transform:rotate(270deg);}
  100%{transform:rotate(360deg);}
}