@charset "utf-8";
/* ==|== CSS    Producer  2015-04-20    ======================================
   ========================================================================== */
body,div,p,ul,ol,li,a,span,img,h1,h2,h3,h4,h5,h6,dl,dt,dd,form,input,select,option{ margin:0; padding:0; font-weight:normal;}
body{ font-family:Microsoft YaHei, '黑体', SimSun; font-size:12px; background:#eee;}
a { text-decoration:none;}
a:hover {text-decoration:none;}    
input,select,textarea{ outline:none; font-family:Microsoft YaHei, '黑体', SimSun; border:0;}
img{ display:block; border:0;}
li{ list-style:none;}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0;}
.clearfix { zoom:1; }
.zoom{ overflow:hidden; zoom:1;}

.fl{ float:left;}
.fr{ float:right;}
.tc{ text-align:center;}
.tc img{ display:inline-block;}

.w1200{ width:1200px; margin:0 auto; position:relative;}

/*共用 star*/
.ico{ width:14px; height:14px; background:url(../images/ico.png) no-repeat; display:inline-block;}
#head,#main{ background:#fff;}
#head .bar{ height:72px; position:relative;}
.logoBox{ position:absolute; left:0; top:6px;}
.logoBox dt{ float:left; width:200px; margin:0 10px 0 0;}
.logoBox dd{ font-size:16px; color:#0077d9; line-height:22px; white-space:nowrap; zoom:1; position:relative; top:8px;}
#head .user{ position:absolute; right:0; top:21px;}
#head .btn{ color:#0077d9; border:1px solid #0077d9; border-radius:5px; width:70px; height:28px; line-height:28px; text-align:center; display:inline-block; cursor:pointer; margin-left:15px;}
#navBox{ background:#0077d9; font-size:16px; height:46px;}
#navBox ul{ z-index:99; padding:0;}
#navBox li{ width:130px; text-align:center; float:left; position:relative; z-index:3; color:#fff; line-height:46px;} 
#navBox a{ color:#fff; display:block;}
#navBox .move_bg{ position:absolute; left:0; top:0; width:130px; height:46px; background:#0088FF; z-index:1;}
/**#navBox .welcome{ width:auto; height:46px; line-height:46px; margin:0; position:absolute; right:0; color:#fff; font-size:14px;}
#navBox .welcome span{ padding-left:6px; color:#faab21;}*/

#head .user-text{ float:left; color:#0077d9; line-height:30px;}
#head .user-text span{ padding-left:6px; color:#faab21;}

#navBox .menu-box{ width:150px; position:absolute; top:46px; left:0; background:#444; overflow:hidden; font-size:14px; line-height:30px; text-align:left; padding:10px 0; display:none;}
#navBox .menu-box a{ height:30px; line-height:30px; margin:0 10px; white-space:nowrap;}
#navBox .menu-box a.active{ color:red;}

#footer{ background:#e5e5e5; height:60px; line-height:60px; text-align:center; color:#a8a8a8; width:100%; left:0; bottom:0;}


#content{ padding:10px; font-size:14px;}
#content .barTitle{ padding:5px 0 12px 0; border-bottom:1px dashed #bebdbd;}
#content .barTitle a,#content .barTitle span{ color:#4a4a4a; padding:0 10px;}
#content .link-a a:hover{ color:#0077d9; transition:.3s;}
#content .link-a-dec a:hover{ color:#0077d9; text-decoration:underline; transition:.3s;}
/*共用 end*/

/*弹出层 star*/
#open-html,#open-html2{ width:1000px; position:absolute; left:50%; top:50%; margin:0 0 0 -500px; z-index:9999;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.4); display:none;}
#open-html-bg,#open-html-bg2{position:fixed;top:0;left:0;z-index:9998;width:100%;height:100%;background:#000; opacity:0.5; filter:alpha(opacity=50); zoom:1; cursor:pointer;}
#open-html2{ z-index:10001;}
#open-html-bg2{ z-index:10000;}

.reveal-modal .title{ height:40px; line-height:40px; background:#0d7edb; font-size:18px; text-align:center; color:#fff;}
.reveal-modal .title .close{ position:absolute; font-size:12px; position:absolute; right:10px; top:0; cursor:pointer;}
.reveal-modal .sub-title{ color:#0077d9; font-size:18px; padding:0 0 12px 0;}
.reveal-modal .qTextarea{ width:610px; height:70px;}

.reveal-box{ padding:20px 40px;}
.reveal-box .linebox{ padding-bottom:8px; float:left; width:50%;}
.reveal-box .label-line{ float:left; width:120px; text-align:right; margin-right:10px; height:30px; line-height:30px; color:#737475; font-size:14px;}
.reveal-box .red{ color:#cf0909;}
.reveal-box .file{ cursor:pointer;}

.reveal-modal .btnbox{ text-align:center; clear:both;}
.reveal-modal .btn{ display:inline-block; width:120px; height:36px; line-height:36px; text-align:center; color:#8a8a8a; font-size:15px; border:0; cursor:pointer; margin:10px 30px; background:#cecece; border-radius:5px;}
.reveal-modal .seve-btn{ background:#0077d9; color:#fff;}

.label-radio{ display:inline-block; height:30px; line-height:30px; font-size:14px; color:#737475; margin-right:40px;}
.label-radio input{ position:relative; top:2px; margin-right:5px;}
.reveal-box .new-linebox{ clear:both; float:none; width:100%;}
.reveal-modal .qTextarea{ width:660px;}


/*弹出层 end*/

/*翻页*/
.textbox{ border:1px solid #cbcbcb; line-height:20px; padding:4px 0; text-indent:4px; border-radius:3px; float:left; transition:.3s;}
#page{ overflow:hidden; padding:20px 20px 0 0; padding-left:1px; float:right;}
#page .active{ background:#0077d9; color:#fff; border-color:#0077d9;}
#page a{ border:1px solid #d9d9d9; color:#0077d9; padding:0 10px; height:26px; float:left; text-align:center; line-height:26px; margin-left:-1px;}
#page span{color:#0077d9; padding:0 10px; height:26px; float:left; text-align:center; line-height:26px; margin-left:-1px;}
#page a:hover{ background:#0077d9; color:#fff; border-color:#0077d9;}
#page .text{ height:28px; line-height:28px; float:left; color:#0077d9; margin:0 5px;}
#page .textbox{ width:50px; line-height:18px; border:1px solid #d9d9d9; text-align:center; color:#0077d9; float:left; margin-right:0;}
#page .ok-btn{ width:70px; height:28px; background:#0077d9; color:#fff; border-radius:3px; cursor:pointer;}

/*欢迎页*/
#index-wrap{ padding:48px 0 0 48px;}
.index-box{ width:534px; float:left; margin:0 35px 35px 0;}
.index-box .title{ color:#9c8529; text-align:center; font-size:20px; background:#ffeea9; height:50px; line-height:50px;}
.index-box .index-list{ border:1px solid #e4e4e4; height:300px; border-top:0; overflow:hidden;}
.index-box .todo-list{}
.index-box .todo-list li{ font-size:17px; line-height:49px; height:50px; overflow:hidden; border-bottom:1px dashed #d4d4d4; padding:0 15px; color:#0099cc;}
.index-box .todo-list a{ color:#999999;}
.index-box .todo-list .blue{ color:#0099cc;}
.index-box .todo-list .num{ color:#ff6699; text-decoration:underline;}
#line-chart,#bar-chart{ width:620px; height:360px; margin:-40px 0 0 -40px;}
/*欢迎页 end*/


/*登录页*/
.login-body{ background:#fff;}
.login-body #head{ border-bottom:1px solid #dadada;}
#login-main{ transition:1s; width:944px; margin:0 auto; overflow:hidden;}
.login-banner{ width:520px; height:374px; background:url(../images/login-banner.jpg) no-repeat; float:left;}
.login-form{ border:1px solid #e1e1e1; border-radius:5px; width:355px; height:320px; float:right; position:relative; top:27px;}
.login-form .linebox{ padding:0 40px; overflow:hidden;}
.login-form .label{ font-size:14px; color:#7d7d7d; padding-bottom:6px;}
.login-form .textbox{ width:265px; height:24px; line-height:24px; text-indent:5px; font-size:14px; border-radius:3px; border:1px solid #e1e1e1; display:block;}
.login-form .textbox:focus{ border-color:#b3c8a6; transition:1s;}
.login-form .login-erro{ color:#F00; position:absolute; left:40px; top:30px;}
.login-form .backpass{ text-align:right; padding:6px 0 14px 0;}
.login-form .backpass a{ color:#b9b8b8;}
.login-form .backpass a:hover{ color:#44a029; text-decoration:underline;}
.login-form .linefirst{ padding:60px 40px 30px 40px;}
.login-form .btnbox{ padding:20px 0 0 40px; overflow:hidden; border-top:1px solid #e1e1e1;}
.login-form .login-btn{ width:82px; height:36px; background:#44a029; color:#fff; border:0; font-size:16px; cursor:pointer; border-radius:3px; float:left;}
.login-form .login-label{ color:#7d7d7d; height:36px; line-height:36px; float:left; margin-left:70px;}
.login-form .login-label input{ position:relative; top:2px; margin-right:5px;}

#loading-bg{position:absolute;top:118px;left:0;z-index:2;width:100%;height:100%;background:#fff; zoom:1;}
#loading{ z-index:9999; color:#0077d9; background:#fff url(../images/loading.gif) no-repeat 10px center; font-size:14px; padding:4px 20px 4px 28px; line-height:20px; position:fixed; left:50%; top:50%; margin:-10px 0 0 -60px;}

/*select 美化*/
.dropdown,.dropdown div,.dropdown div::after,.dropdown li{-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;-ms-transition:all 150ms ease-in-out}
.dropdown .selected::after,.dropdown.scrollable div::after{-webkit-pointer-events:none;-moz-pointer-events:none;-ms-pointer-events:none;pointer-events:none}
.dropdown{position:relative;width:160px;border:1px solid #cbcbcb;border-radius:3px;background:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:30px}
.dropdown.open{z-index:2}
.dropdown:hover{box-shadow:0 0 5px rgba(0,0,0,.15)}
.dropdown.focus{box-shadow:0 0 5px rgba(51,102,248,.4)}
.dropdown .carat{position:absolute;top:50%;right:12px;margin-top:-4px;border:6px solid transparent;border-top:8px solid #ccc}
.dropdown.open .carat{margin-top:-10px;border-top:6px solid transparent;border-bottom:8px solid #0077d9}
.dropdown.disabled .carat{border-top-color:#999}
.dropdown .old{position:absolute;top:0;left:0;overflow:hidden;width:0;height:0}
.dropdown select{position:absolute;top:0;left:0}
.dropdown.touch .old{width:100%;height:100%}
.dropdown.touch select{width:100%;height:100%;opacity:0}
.dropdown .selected,.dropdown li{display:block;overflow:hidden;color:#737475;vertical-align:middle;font-size:14px;height:28px;line-height:28px;text-indent:10px}
.dropdown.disabled .selected{color:#737475}
.dropdown .selected::after{position:absolute;top:0;right:0;bottom:0;width:60px;border-radius:0 2px 2px 0;content:''}
.dropdown div{position:absolute;top:100%;right:-1px;left:-1px;overflow:hidden;margin-top:-1px;height:0;border:1px solid #ccc;border-top:1px solid #eee;border-radius:0 0 3px 3px;background:#fff;opacity:0}
.dropdown.open{border-color:#0077d9}
.dropdown.open div{z-index:2;border-color:#0077d9;opacity:1}
.dropdown.scrollable div::after{position:absolute;right:0;bottom:0;left:0;height:50px;box-shadow:inset 0 -50px 30px -35px #fff;content:''}
.dropdown.scrollable.bottom div::after{opacity:0}
.dropdown ul{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;list-style:none}
.dropdown.scrollable.open ul{overflow-y:auto}
.dropdown li{list-style:none}
.dropdown li.focus{position:relative;z-index:3;background:#0077d9;color:#fff}
.dropdown li.active{font-weight:700}