@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');
}
/* 以下实际使用若已初始化可删除 .nav height父级需逐级设置为100%*/
body, html { height: 100%; background: #E2E2E2; font-family:'ico','Roboto Condensed',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;}
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; }
textarea{ resize: none;}
/*主体展示方式*/
region form{ width: 100%; float: left;}
region form .list{ float: left; width: calc(100%/5 - 10px); margin: calc((10px*5)/(5 * 2)); background-color: #FFFFFF; overflow: hidden; transition: 0.5s; position: relative; }
region form .list{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);}
region form .list:hover{box-shadow: 0px 1px 6px 0px rgba(0,162,232,0.50); -webkit-box-shadow: 0px 1px 6px 0px rgba(0,162,232,0.50); -moz-box-shadow: 0px 1px 6px 0px rgba(0,162,232,0.50); -o-box-shadow: 0px 1px 6px 0px rgba(0,162,232,0.50); -ms-box-shadow: 0px 1px 6px 0px rgba(0,162,232,0.50);}
region form .list{border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px;}
region form .list label.batch{position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
region form .list label.active::after{position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; background-color: rgba(0,0,0,0.80); color: #00a2e9; font-size: 130px; transition: 0.5s; }
region form .list label.active::after{content:"\e660";}
region form .list ico{ float: left; width: 100%; height: 12vw; position: relative; overflow: hidden; background: #f9f9f9;}
region form .list ico img{ max-width: 100%; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto; position: absolute;}
region form .list ul{width: 94%; float: left; padding: 0px 3%;}
region form .list ul li h5, region form .list ul li span{float: left; width: 100%;}
region form .list ul li h5{margin: 10px 0px; height: 17px; overflow: hidden;}
region form .list ul li span{height: 20px; font-size: 12px; line-height: 20px; }
region form .list ul li span font{margin-right:5px;}
region form .list ul li span font:last-child{margin-right:0;}
region form .list ul li:nth-of-type(3){float: left; display: inline;}
region form .list ul li:nth-of-type(3) a{ float: left; margin: 5px 0px 10px 5px; text-indent: 2px; font-size: 12px; color: #808080; line-height: 25px; }
region form .list ul li:nth-of-type(3) a::after{float: left; font-size: 18px; color: #808080; }
region form .list ul li:nth-of-type(3) a:nth-of-type(1)::after{content:"\e62a";}
region form .list ul li:last-child{ float: right; display: inline;}
region form .list ul li:last-child a{float: left; margin:5px 5px 10px 0px; line-height: 25px;}
region form .list ul li:last-child a::after{ font-size: 18px; color: #808080; cursor: pointer;}
region form .list ul li:last-child a:nth-of-type(1)::after{content:"\e606";}
region form .list ul li:last-child a:nth-of-type(2)::after{content:"\e61e";}
region form .list ul li:last-child p{float: left; margin: 5px 5px 10px 0px;}
region form .list ul li:last-child p input{ display: block; width: 30px; height: 24px; line-height: 24px; padding: 0 5px; text-align: center; border: 1px solid #D0D0D0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px;}
region form .list input{ display: none;}
region form .point{width: 100%; float: left;}
region form .point div.map{float: left; width:1023px; height: 522px; position: relative; cursor:crosshair; margin:2em calc((100% - 1023px)/2) 0; background-repeat: no-repeat; background-position: center center; background-size:auto 100%;}
region form .point div.map p{position:absolute; width:10px; height: 10px; margin:0; padding: 0; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -ms-border-radius:100%; background:#0b1d83;}
region form .point div.map p span{ position: absolute; display: inline-block;}
region form .point div.map p span font{ white-space: nowrap; padding: 5px 10px; background:#0b1d83; color: #fff; font-size: 14px; border: 2px solid #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px;}
region form .point div.map p span font::after{content:""; position: absolute; width:22px; height:9px; background-repeat: no-repeat;}
region form .point div.map p:hover{background:#258714; cursor: pointer;}
region form .point div.map p:hover>span font{background:#258714;}
/*左上*/
region form .point div.map p.s1 span{top: -30px; right:9px;}
region form .point div.map p.s1 span font::after{bottom:-12px; right:0px; background-image: url(/images/img/001.png);}
region form .point div.map p.s1:hover>span font::after{background-image: url(/images/img/002.png);}
/*右上*/
region form .point div.map p.s2 span{top: -30px; left:9px;}
region form .point div.map p.s2 span font::after{bottom:-12px; left:0px; background-image: url(/images/img/003.png);}
region form .point div.map p.s2:hover>span font::after{background-image: url(/images/img/004.png);}
/*左下*/
region form .point div.map p.s3 span{bottom: -30px; right:9px;}
region form .point div.map p.s3 span font::after{top:-12px; right:0px; background-image: url(/images/img/003.png); transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg);}
region form .point div.map p.s3:hover>span font::after{background-image: url(/images/img/004.png);}
/*右下*/
region form .point div.map p.s4 span{bottom: -30px; left:9px;}
region form .point div.map p.s4 span font::after{top:-12px; left:0px; background-image: url(/images/img/001.png); transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg);}
region form .point div.map p.s4:hover>span font::after{background-image: url(/images/img/002.png);}
region form .message{width:94%; float: left; margin:1% 3%;}
region form .message li{width:100%; float: left; margin:10px 0; background:#f7f7f7; position: relative; overflow: hidden; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; 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);}
region form .message li:hover{background:#fff;}
region form .message li dl{width:100%; float: left; }
region form .message li dl dt{float: left; width:5%; height:80px; margin:0 calc((5% - 35px)/2); position: relative; overflow: hidden;}
region form .message li dl dt img{max-width: 100%; position: absolute; left:0; right:0; top: 0; bottom: 0; margin: auto;}
region form .message li dl dd{float: left; width:90%; margin:0;}
region form .message li dl dd p{float: left; width:100%; font-size:14px; margin:0;}
region form .message li dl dd p:nth-of-type(1){padding:10px 0; border-bottom: 1px solid #dedede; color:#828282;}
region form .message li dl dd p:nth-of-type(2){padding:10px 0; font-size:14px; color:#00a2e9;}
region form .message li dl dd p span{margin-right:20px;}
region form .message li dl dd text{ float: left; width: calc(100% - 20px); min-height:50px; padding: 10px; background:#EBEBEB; color:#333333; font-size:14px; line-height: 18px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px;}
region form .message li dl dd p:last-child{margin:10px 0; color: #828282;}
region form .message li dl dd p:last-child a{color:#828282; float: right; cursor: pointer;}
region form .message li dl dd p:last-child a:hover{color:#00a2e9;}
region form .message li dl label{display: none; position: absolute; left:0; right: 0; top: 0; bottom: 0;}
region form .message li dl label input{display: none;}
region form .message li dl label.batch{display:block;}
region form .message li dl label.active{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.30);}
.classify{float: left; width:90%; padding:0 5%; background:#FFFFFF;}
.classify ul li{float: left; display: inline-block; padding:0 3%; line-height:45px; font-size: 14px; }
.classify ul li a{color: #333333;}
.classify ul li a:hover{color:#00a2e9;}
/*友情链接管理*/
.link{float: left; width:96%; margin:20px 2%;}
.link li{float: left; display: inline; margin:5px; padding: 0px 10px; background:#ececec;}
.link li.s1{background:#d3d3d3;}
.link li a{ float: left; height: 35px; line-height: 35px; font-size: 14px; color: #898989; cursor: pointer;}
.link li a:last-child{pointer-events:none;}
.link li a:last-child::after{content:"\e65b"; pointer-events:auto; display: inline-block; transform: rotate(45deg); margin-left: 10px; transition: 0.5s;}
.link li a:last-child:hover::after{ transform: rotate(405deg); -webkit-transform: rotate(405deg); -moz-transform: rotate(405deg); -o-transform: rotate(405deg); -ms-transform: rotate(405deg); color: #FF0004; }
/*数据管理*/
.DataManage.user ul li:nth-of-type(1){width:20%;}
.DataManage.user ul li:nth-of-type(2){width:30%;}
.DataManage.user ul li:nth-of-type(3){width:15%;}
.DataManage.user ul li:nth-of-type(4){width:24%;}
.DataManage.user ul li:nth-of-type(5){width:10%;}
.DataManage.user ul li:nth-of-type(6){width:10%;}
.DataManage.user ul li:nth-of-type(7){width:15%;}
.DataManage.user ul li font.v1{color:#109B00;}
.DataManage.user ul li font.v2{color:#FF0004;}
.DataManage.recruit ul li:nth-of-type(1){width:20%;}
.DataManage.recruit ul li:nth-of-type(2){width:18%;}
.DataManage.recruit ul li:nth-of-type(3){width:13%;}
.DataManage.recruit ul li:nth-of-type(4){width:24%;}
.DataManage.recruit ul li:nth-of-type(5){width:20%;}
.DataManage.recruit ul li:nth-of-type(6){width:15%;}
.DataManage.recruit ul li:nth-of-type(7){width:15%;}

.DataManage{float:left; width:100%; background:#ffffff;}
.DataManage ul{float:left; width:98%; min-width:1000px; padding:0 1%; display:flex; display:-webkit-flex; justify-content: center; align-items: center; flex-wrap: nowrap;}
.DataManage ul li{float:left; font-size:14px; line-height:20px; padding:10px 0; position:relative; color:#333333; text-align: center;}
.DataManage ul li:nth-of-type(1){width:9%;}
.DataManage ul li:nth-of-type(2){width:12%;}
.DataManage ul li:nth-of-type(3){width:13%;}
.DataManage ul li:nth-of-type(4){width:40%;}
.DataManage ul li:nth-of-type(5){width:8%;}
.DataManage ul li:nth-of-type(6){width:10%;}
.DataManage ul li:nth-of-type(7){width:10%;}
.DataManage ul li:nth-of-type(8){width:10%;}
.DataManage ul li label{display:none;}
.DataManage ul li label input{float:left; width:18px; height:18px; margin:calc((20px - 18px)/2) 8px;}
.DataManage ul li label.batch{display:block;}
.DataManage ul li a{color:#333333;}
.DataManage ul li p{display:inline-block; margin:0;}
.DataManage div.toolbar{padding-top:39px;}
.DataManage div.toolbar ul{position:fixed; z-index:1; left:0; top:0; right:-2px; background:#fff; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); -o-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); -ms-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);}
.DataManage div.toolbar ul li::after{content:""; position:absolute; top:20%; bottom:20%; right:0; border-right: 1px solid #DDDDDD;}
.DataManage div.toolbar ul li:last-child::after{content:none;}
.DataManage div.view ul{border-bottom: 1px solid #EDEDED;}
.DataManage div.view ul:last-child{border-bottom-style: none;}
.DataManage div.view ul:hover{background:#e8e8e8;}
.DataManage div.view ul li font{font-weight:bold; display:block;}
.DataManage div.view ul li font.yes{color:#00a2e9;}
.DataManage div.view ul li font.no{color:#FF0004;}
.DataManage div.view ul li.operate a{margin:0 5px; display:inline-block; cursor:pointer;}
.DataManage div.view ul li.operate a:hover{color:#00a2e9;}
.DataManage div.view ul li.operate a.on{color:#B8B8B8; cursor:auto;}
.DataManage div.view ul li.operate a.on:hover{color:#B8B8B8;}

.DataManage.product{float:left; overflow-x:hidden; background:#fff;}
.DataManage.product ul{display:inline-block; width:98%; padding:0 1%;}
.DataManage.product ul li:nth-of-type(1){width:20%;}
.DataManage.product ul li:nth-of-type(2){width:12%;}
.DataManage.product ul li:nth-of-type(3){width:46%;}
.DataManage.product ul li:nth-of-type(4){width:8%;}
.DataManage.product ul li:nth-of-type(5){width:14%;}

.DataManage.product ul li label input{margin: calc((100px - 18px)/2) 8px;}
.DataManage.product ul li.hot{position:relative;}
.DataManage.product ul li.hot::before{content:"\e608"; position:absolute; font-size:45px; line-height:45px; color:#FF0004; top:0; left:0;}
.DataManage.product div.view ul li{line-height:100px;}
.DataManage.product div.view ul li:nth-of-type(3){line-height:normal; height:100px; display: flex; display:-webkit-flex; justify-content:left; align-items: center; flex-wrap: wrap;}
.DataManage.product div.view ul li:nth-of-type(3) span{float:left; width:calc(100%/3 - 30px); margin:5px 15px;}
.DataManage.product div.view ul li.image p{float:left; width:100%; height:100px; position:relative; overflow:hidden;}
.DataManage.product div.view ul li.image p img{max-width:100%; position: absolute; left:0; top:0; bottom:0; right:0; margin:auto;}

choice,batch,total,paging,buttons{float: left; width: 0px; height: 0px; overflow: hidden; display: none;}
empty{ position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; text-align: center; font-size: 30px; color: #B5B5B5; line-height:480px; }
empty::before{ content: "\e619"; margin-right:10px;}