﻿@charset "utf-8";
/* CSS Document */
@import "../font/iconfont.css";
.iconfont{font-family:"iconfont";}
html, body, div, p, ul,ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin:0;padding:0;font-weight:normal; list-style:none}
em,i,cite{font-style:normal;}
body{ font-family:"Microsoft YaHei",Arial;font-size:14px;line-height:24px; color:#333;}
b{font-weight:normal;}		
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
a{text-decoration:none; list-style:none; cursor:pointer; color:#333;}
a:hover{text-decoration:none; color:#333;}

.head{ padding:0 130px 0 160px;}
.head div.fl{ line-height:60px; font-size:26px;}
.head .username{position:relative; z-index:999}
.head .username span{ display:block; font:14px/60px ""; cursor:pointer; text-align:center;transition:.3s;}
.head .username:hover span{ background:#f5f5f5}
.head .username b{ display:inline-block; width:22px; height:22px; background:url(../images/user.png) no-repeat; background-size:100%; vertical-align:middle; margin-right:5px;}
.head .username i{display:inline; font-size:12px; width:22px; height:22px;vertical-align:middle; margin-left:5px}
.head .username div{ display:none; position:absolute; left:-25px; top:60px; width:140px; line-height:46px; background:#fff; box-shadow:0 0 10px #ccc; -webkit-box-shadow:0 0 10px #ccc; -o-box-shadow:0 0 10px #ccc; -moz-box-shadow:0 0 10px #ccc; -ms-box-shadow:0 0 10px #ccc;}
.head .username:hover div{ display:block}
.head .username div:before{ content:"";display:block; width:0; height:0;  border-width:0 6px 6px; border-style:solid; border-color:transparent transparent #fff; position:absolute; top:-6px; left:50%; margin-left:-3px;}
.head .username div a{ display:block; border-bottom:1px solid #eee; padding:0 20px; font-size:14px; transition:.3s;}
.head .username div a:last-child{ color:#f3393f}
.head .username div a:hover{ color:#4b7bcf;}
.head .username div a i{ font-size:20px; color:#5b92f6; margin:0 10px 0 0}


body{font-size:14px;font-family: "Microsoft YaHei"; overflow:hidden;}
a{text-decoration:none;}
.leftmenu{position:absolute;left:0;top:0px;bottom:0;width:130px; padding:0 10px 10px;background:#2d3e50;overflow:auto;}
.leftmenu p{ font-size: 25px; padding:20px 0 10px; text-align: center; color: #fff; }
.leftmenu a{display:block;height:32px;font:16px/32px "";text-indent:14px;color:#fff; margin-top:20px; border-radius:4px;}
.leftmenu a.crently{color:#fff;background:#346ac9;}
.leftmenu a i{ display:inline-block; width:25px; height:25px; background:url(../images/tb1.png) no-repeat left top; background-size:50px; vertical-align:middle; margin-right:5px;}
.leftmenu a:nth-child(2){ height:30px;font:16px/30px ""; background:#346aca; text-align:center; text-indent:0;}
.leftmenu a:nth-child(5) i{ background:url(../images/tb2.png) no-repeat left top; background-size:52px;}
.leftmenu a:nth-child(6) i{ background:url(../images/tb3.png) no-repeat left top; background-size:52px;}
.leftmenu a:nth-child(7) i{ background:url(../images/tb4.png) no-repeat left top; background-size:52px;}
.leftmenu a:nth-child(8) i{ background:url(../images/tb5.png) no-repeat left top; background-size:52px;}
.leftmenu a:nth-child(9) i{ background:url(../images/tb6.png) no-repeat left top; background-size:52px;}
.leftmenu a:nth-child(10) i{ background:url(../images/tb7.png) no-repeat left top; background-size:52px;}
.leftmenu a:nth-child(11) i{ background:url(../images/tb8.png) no-repeat left top; background-size:52px;}
.leftmenu .crently i{ background-position:-25px 0 !important;}
.rightcontent{position:absolute;left:150px;top:60px;bottom:0;right:0; z-index:2}
.J_iframe{ z-index:2}
.tab_area{width:100%;}
.content-tabs{position:relative;line-height:36px;height:36px;width:100%; border-bottom:1px solid #e2e9ef;z-index:999; overflow:hidden;}
.content-tabs .roll-nav,.page-tabs-list{position:absolute;width:18px;height:36px;text-align:center;color:#999;z-index:2;bottom:0}		
.content-tabs button.roll-nav{background:#fff;color:#47a6e9;border:0;height:36px;width:22px;outline:0;font-family:"宋体"}
.content-tabs button.roll-nav:hover{background:#f5f5f5;}
.page-tabs{width:100000px;height:36px;overflow:hidden}
.page-tabs .page-tabs-content{float:left}
.page-tabs a{display:block;float:left;padding:0 15px;position:relative; border:1px solid #e2e9ef;margin-right:4px;color:#666}
.page-tabs a i{color:#ccc;width:16px;height:16px;display:inline-block;text-align:center;overflow:hidden;position:relative;vertical-align:middle;margin:-3px -10px 0 0;}
.page-tabs a:hover{color:#333;background:#e1e1e1;}
.page-tabs a i:hover{color:#c00}
.page-tabs a.active,.page-tabs a.active:hover{background:#e2e9ef;border-top:2px solid #346ac9;height:34px;line-height:34px;}
.page-tabs a.active i:hover{color:#fff}
.page-tabs a i:after{content:"×";display:block;position:absolute;top:50%;left:0;width:16px;height:16px;text-align:center;margin-top:-8px;border-radius:16px;font-family:"宋体";font-size:12px;line-height:17px;color:#ccc;text-indent:0px;}
.page-tabs a.active i:after{color:#e6e6e6;}
.page-tabs a i:hover:after{background:#ccc;color:#666;}	
.content-tabs .roll-nav:hover{background:#f2f2f2;cursor:pointer}
.roll-right.J_tabRight{right:0px}
.J_mainContent{position:absolute;left:0;top:42px;bottom:0;right:0;z-index:2;}
.DropList{ background:#fff; box-shadow:0 0 10px #999;position:absolute;z-index:999999;right:0;top:100px; bottom:0;width:120px; line-height:36px; color:#666;overflow:auto;}
.DropList li{ color:#666; cursor:pointer; text-indent:15px;}
.DropList li:hover{ color:#fff; background:#47a6e9}
/*  起始页  end  */

.center{ padding:0 15px 15px;}
.center h1{ font:16px/40px ""; color:#3399ff; margin-top:15px;}
.center ul,.center .news{ border:1px solid #e4e4e4; border-radius:4px; padding:20px 80px; overflow:hidden;}
.center ul li{ margin-top:10px; line-height:26px;}
.center ul li:first-child{ margin-top:0;}
.center ul li p{ display:inline-block; min-width:160px;}
.center ul li button{ background:none; border:1px solid #6699ff;color:#6699ff;border-radius:4px; line-height:24px; width:70px;  transition:.3s;}
.center ul li button:hover{ background:#6699ff; color:#fff;}
.news label{ display:inline-block; min-width:160px; float:left;}
.news .layui-form-switch,.news .layui-form-item{ margin:0;}
.news p{ display:inline-block; background:#fdfbe2; color:#c29952; border:1px solid #f2e3c9}

.add{ display:block; width:100%; padding:0 0 15px; overflow:hidden;}
.add li{ display:block; overflow:hidden; margin-top:15px; line-height:26px;}
.add li label{ display:block; float:left; width:100px; padding-right:10px; text-align:right;}
.add li label i{ color:#F03}
.add li input{ width:140px; border:1px solid #ccc; height:24px; float:left; line-height:20px;padding:0 5px; transition:.3s;}
.add li input:hover,.add li input:focus{ border:1px solid #5198e3; -webkit-box-shadow:0 0 3px #5198e3;}
.add li button{ background:none; border:1px solid #d1d1d1;border-radius:2px; line-height:26px;height:26px; display:inline-block; padding:0 5px; transition:.3s; color:#333; margin:0 0 0 10px;}
.add li button:hover{ background:#eee; color:#333;}
