@charset "UTF-8";
/**
 * common.css
 * @authors leiting 
 * @date    2015-08-21 11:44:50
 * @version 0.0.1
 * @desc    手游CPS绩效考核平台一期
 * @update-log:
 *      
 */
 
 
/* CSS Document */
html,body{height:100%; }
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input{margin:0;padding:0; }
body{ font-family:'微软雅黑',Arial, Helvetica, sans-serif;font-size:14px;color:#333333;background:#fff;}
ol,ul{list-style:none;}
:focus{outline:0;}
a img{border:0;}
img{vertical-align:-2px;}
table{empty-cells:show;}
table td{empty-cells:show;}
em{font-style:normal;}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{border:none;padding:0;}
/*h1{font:20px "microsoft yahei","SimSun";}*/
h2,h3{font-size:14px;}
h4,h5,h6{font-size:12px;}
form input,form select,form textarea{font-size:12px;}
/* 单行文字溢出虚点显示*/
.ell { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

/*  多行溢出隐藏 */
.l-ell {
    display: -ms-box;
    display: -moz-box;
    display: -webkit-box;
    display: box;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    /* 几行隐藏 */
    /* -ms-line-clamp: 2;
    -moz-line-clamp: 2;
    -webkit-line-clamp: 2;
    line-clamp: 2;  */
    }

/*链接*/
a{color:#333333;text-decoration:none;outline:none;hide-focus: expression(this.hideFocus = true);}
a:hover{color:#4e4e4e;text-decoration:none;}
.hand,label{ cursor:pointer;}
a.orange{color:#e9a020;}
a.orange:hover{color:#e9a020;text-decoration:underline;}

/*显示隐藏*/
.fl{float:left;}
.fr{float:right;}
.fn{float:none;}
.clear{clear:both;}

/*颜色*/
.glay{ color:#596d7f;}
.glay1{ color:#97b1c7;}
.blue{ color:#27a9e3;}
.green{color:#4db849;}

/*定位*/
.pos_r{ position:relative;}
.pos_a{ position:absolute;}
.dis_none{ display:none;}
.dis_block{ display:block;}
.dis_inlblock{ display:inline-block}

/*宽 高*/
.w100{ width:100%;}
.h20{ width:100%; height:20px; display:block; }
.h20l{ width:100%; height:20px; display:block; *height:0px; }
.min-h500{min-height:500px;}

/*字体*/
.font12{ font-size:12px;}
.font14{ font-size:14px;}
.font16{ font-size:16px;}
.font30{ font-size:30px;}

.fontb{ font-weight:bold;}
.fontnor{ font-weight:normal;}
/*边距*/
.pl10{ padding-left:10px;}
.pl30{ padding-left:30px;}
.p20{ padding:20px;}
.p20l{ padding:20px 0;}
.pl20{ padding:0 20px;}
.p35{ padding:35px;}
.mauto{ margin-left:auto; margin-right:auto;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt70{ margin-top:70px;}
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.ml50{ margin-left:50px;}

.line18{ line-height:18px;} 
.line25{ line-height:25px;} 
.line30{line-height:30px;}
.line35{line-height:35px;}
.line40{line-height:40px;}
.textint{ text-indent:2em;}
.textint1{ text-indent:1em;}
.text_line{ text-decoration:underline;}
.test_through{text-decoration:line-through}
.text_l{ text-align:left;}
.text_r{ text-align:right;}
.text_c{ text-align:center;}
.w70{ width:70%}
.w30{ width:30%}
.bort{border-top:1px solid #e0e0e0;}
.borrn{ border-right:0px;}

/*按钮*/
.btn_style{ border-radius:5px; border:0px; color:#FFF; font-family:"微软雅黑";}
.btn_style1{ width:78px; height:37px; background:#27a9e3; font-size:16px;}
.btn_style2{ width:76px; height:30px; background:#27a9e3; cursor:pointer;}
.btn_style3{ width:76px; height:30px; background:#a6a6a6; cursor:pointer;}
.btn_style4{ padding:0 10px; height:30px;  background:#f06868; font-size:14px; cursor:pointer;}
.btn_style5{ padding:0 10px; height:30px; background:#27a9e3; font-size:14px; cursor:pointer;}
.btn_style6{ padding:0 10px; height:30px; background:#a6a6a6; font-size:14px; cursor:pointer;}
.btn_style7{ padding:0 10px; height:30px; background:#27a9e3; cursor:pointer;}
.btn_style22{ width:76px; height:30px; background:#27a9e3;font-size:14px; cursor:pointer;}
.btn_style8{ width:76px; height:30px; background:#a6a6a6; font-size:14px; cursor:pointer;}
.btn_style20{ padding:0 10px; height:30px; background:#27a9e3; cursor:pointer;width:76px;}
.btn_style21{ width:76px; height:30px; background:#a6a6a6; font-size:14px; cursor:pointer;}
.btn_style4:hover{background:#ff0000;}
.btn_style3:hover,.btn_style6:hover{background:#808080;}
.btn_style1:hover,.btn_style2:hover,.btn_style5:hover,.btn_style7:hover{background:#249cd2;}


/*表单*/
.input_style{ border:1px solid #e0e0e0; border-radius:5px; padding:0 5px; background:#fafafa;  font-family:"微软雅黑";}
.input_1{ width:220px; height:37px; line-height:37px;}
.input_2{ width:120px; height:37px; line-height:37px;}
.input_3{ width:695px;}
.input_4{ width:550px; height:37px; line-height:37px;}
.input_5{ width:80px; height:37px; line-height:37px;}
.input_c{ text-align: center; }
.input_none{ border: none; background-color:transparent; }
/*首页左导航 left*/

.left{ width:200px; background:#2e353f; height:100%; float:left;}

/*logo*/
.logo{ width:198px; height:170px; background:#1f262c; border:1px solid #13171b; display:block;}

.nav_content{width:200px; _height:370px; min-height:370px; margin:0 auto; }
.toggle{width:200px; padding-top:1px;  border-bottom:1px solid #414c5a;}
.toggle dl dt{  height:45px; width:200px; line-height:45px; font-size:16px;  font-family:"微软雅黑"; color:#767c88; cursor:pointer; display:block; border-top:1px solid #414c5a; border-bottom:1px solid #161a1f; background:#2e353f; }
.toggle dl .single{background:#2e353f;}
.toggle dl .single.current{background:#27a9e3; color:#fff;}
.toggle dl .multi{background:url(../Images/nav_icon.png) no-repeat #2e353f; background-position:160px -270px;}
.toggle dl .multi.current { background:url(../Images/nav_icon_active.png) no-repeat #27a9e3; color:#fff;  background-position:160px -270px;}
.toggle dl dt a{ color:#767c88;}
.toggle dl dt a:hover{ text-decoration:none;}
.toggle dl dt.current a{ color:#fff;}
.toggle dl dd ul li {height:40px;line-height:40px; background:#1f262c; border-bottom:1px solid #12161c; padding-left:45px; color:#767c88; font-size:14px;}
.toggle dl dd ul li a{color:#767c88; }
.toggle dl dd ul li a:hover{color:#27a9e3; text-decoration:none;}
.toggle dl dd ul li.active a{color:#27a9e3;}
.toggle dl dd ul .single2{ cursor:pointer; line-height:40px; display:block; height:40px; padding-left:45px;  color:#767c88; background: url(../Images/nav_icon.png) no-repeat #1f262c;   background-position:160px -315px;}
.toggle dl dd ul .single2.current { background: url(../Images/nav_icon.png) no-repeat #1f262c; background-position:160px -360px;  color:#27a9e3; }
	.toggle .L3{ *float:left; height:auto; padding-left:0px; font-size:14px; color:#767c88; display:none;}
	.toggle .L3 p{height:;line-height:40px;padding-left:60px; width:140px;background: url(../Images/nav_icon.png) no-repeat #181d23; background-position:38px -402px; display:block;}
	.toggle .L3 p a{ font-weight:normal;color:#767c88; text-decoration: none;}
	.toggle .L3 p a:hover{color:#27a9e3; text-decoration:none;}
	.toggle .L3 p.active a{color:#27a9e3;}
.toggle .nav-icon{ background:url(../Images/nav_icon.png) no-repeat; width:30px; height:45px; display:block; float:left; margin-left:15px;}
.toggle .current .nav-icon{ background:url(../Images/nav_icon_active.png) no-repeat; width:30px; height:45px; display:block; float:left; margin-left:15px;}
	.toggle .nav-icon-2,.toggle .current .nav-icon-2{ background-position:0px -45px; }
	.toggle .nav-icon-3,.toggle .current .nav-icon-3{ background-position:0px -90px; }
	.toggle .nav-icon-4,.toggle .current .nav-icon-4{ background-position:0px -135px; }
	.toggle .nav-icon-5,.toggle .current .nav-icon-5{ background-position:0px -180px; }
	.toggle .nav-icon-6,.toggle .current .nav-icon-6{ background-position:0px -225px; }
	.toggle .nav-icon-7,.toggle .current .nav-icon-7{ background-position:0px -580px; }


/*main主体*/
.main{ margin-left:200px; display:block; background:#f0f0f0; min-width:1400px; }
/*头部*/
.top{ background:#1f262c; height:54px; display:block; line-height:54px; text-align:right;  color:#7e878f;}
.top a { color:#7e878f; }
.admin{  padding:0 20px; height:54px; background:#101519; display:block; float:right; }
	.admin img{ vertical-align:middle;}
.login{ float:right; padding:0 20px;}

.home{ background:#FFF; border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0; height:40px; line-height:40px; color:#808c97; padding-left:15px;}
	.home a{ color:#27a9e3;  background:url(../Images/nav_icon.png) no-repeat; background-position: right -446px; padding:0 30px 0 5px;}

/*登录*/
.login-box{ background:url(../Images/login-bg.jpg) no-repeat top center #136fb7; background-size: cover;}
.login-logo{ width:296px; height:69px; margin:110px auto 50px auto;}
.login-box-1{ width:345px; height:352px; background:#FFF; border-radius:5px; margin:0 auto;}
.login-box-tit{ height:55px; line-height:55px; padding:5px 20px 0; border-bottom:1px solid #e0e0e0; font-size:20px; color:#404040;}
.login-box-tit span{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#b2b2b2;}
.login-input{ width:300px; height:43px; line-height:43px; border:1px solid #e0e0e0; border-radius:3px; margin-top:20px; background:url(../Images/nav_icon.png) no-repeat; text-indent: 40px; float: left;}
.login-input-1{ background-position:5px -635px;}
.login-input-2{ background-position:5px -699px;}
.login-input.on{ border:1px solid #278de3; box-shadow:0 0 5px 3px #d5e9fa;}
.login-btn{ width:100%; height:45px; line-height:45px; color:#FFF; font-size:16px; border:0px; border-radius:3px; background:#278de3; margin-top:20px; font-family:"微软雅黑";}
.custom-checkbox{position:relative;}
	.custom-checkbox label{background:url(../Images/radiobutton.gif) no-repeat;}
	.custom-checkbox label{background-position:-10px -14px;}
	.custom-checkbox label.hover,.custom-radio label.focus{background-position:-10px -114px;}
	.custom-checkbox label.checked{background-position:-10px -214px;}
	.custom-checkbox label.focus{outline:1px dotted #ccc;}
	.custom-checkbox input{position:absolute;left:2px;top:2px;margin:0;}
	.custom-checkbox label{display:block;position:relative;padding-right:1em;line-height:1;padding:.5em 0 .5em 30px;margin:0 0 .3em;cursor:pointer; color:#808080;}
	
/**表格展开**/
.expandtable{table-layout: fixed;border-collapse:collapse;}
.expandtable td {overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#000;}
expandTr {cursor:pointer;}
.expand_child{background: #F0F0F0} 
.expand_arrow { background:transparent url(../Images/arrows.png) no-repeat scroll 0px -16px; width:16px; height:16px; display:block;}
.expand_up { background-position:0px 0px;}