@charset "utf-8";
html{}
body{ background:#F8F8F8;; font-size:12px; color:#808080; font-family:SimSun,Arial, Helvetica, sans-serif;}
body,ul,ol,p,h1,h2,h3,h4,h5,h6,form,pre,dl{ padding:0; margin:0; list-style:none;}
pre{white-space: pre-wrap;white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
img{border:none;}
.clear{ clear:both;}
.clear10{clear:both;height: 10px;line-height: 10px}
.L{ float:left;}
.R{ float:right;}
.C{ text-align:center;}
p{ line-height:25px;}
li img{ vertical-align:middle;}
.cf:before,.cf:after{content:"";display:table}
.cf:after{clear:both}
.cf{zoom:1;clear: both;}
textarea{resize:none;}
/*links*/
a{color:#666; text-decoration:none;cursor: pointer;}
a:focus { outline:none; -moz-outline:none;}
a:hover{ color:#3296C8; text-decoration:underline;}
a.link,span.link{color: #00adef;text-decoration: underline;cursor: pointer;}
.link_white{ color:#fff; text-decoration:none;}
.link_white:hover{ color:#fff; text-decoration:underline;}
.link_black{ color:#666; text-decoration:none;}
.link_black:hover{ color: #990000; text-decoration:underline;}
.link_red{ color: #CC0000; text-decoration:none;}
.link_red:hover{ color: #990000; text-decoration:underline;}
.t_r{text-align:right}
/*color*/
.black{ color:#333333;}
.gray{ color: #666666;}
.white{ color:#FFFFFF;}
.yellow{ color:#FF9900;}
.red{ color:#CC0000;}
.green{ color:#22ac38;}
.gray_2{color:#939395;}

/*font*/
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}

/*margin*/
.mt2{ margin-top:2px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.mr10{ margin-right:10px;}
.mb10{ margin-bottom:10px;}

/*width*/
.w50{ width:50px;}
.w70{ width:70px;}
.w80{ width:80px;}
.w100{ width:100px;}
.w150{ width:150px;}
.w200{ width:200px;}
.w250{ width:250px;}
.w300{ width:300px;}
.w310{ width:310px;}
.w400{ width:400px;}
.w500{ width:500px;}

/*form*/
select{ color:#808080;}

.select {
    width: 118px;
    line-height: inherit;
    padding: 5px 5px;
    font-size: 12px;
    height: 28px;
    border:1px solid #cdcdcd;
    background: #FFFFFF;
}


input{ color:#808080; font-family: 'SimSun'}
input.disabled{background-color: #EEEEEE;}
select.disabled,select[disabled]{background-color: #EEEEEE;}
.input{ height:26px; line-height:26px; border:1px #d6d6d6 solid;  padding-left:5px;font-size:12px; vertical-align:middle}
textarea{ border:1px #d6d6d6 solid; padding:4px; line-height:18px; font-size:12px; color:#808080;}
.hide{ display:none;}
.block{ display:block;}

/*input*/
.input_s,.input_m,.input_l,.input_num,.input_h{ height:24px; line-height:24px; border:1px #d6d6d6 solid; text-indent:5px; font-size:12px;}
.input_num{width:35px; text-align: center; text-indent:0;}
.input_s{width:60px;}
.input_m{width:120px;}
.input_l{width:160px;}
.input_h{width:300px;}

.checkbox, .radio{vertical-align:middle; margin-top:-2px; margin-bottom:1px;}
/*btn*/
.btn{ width:100px; height:30px; line-height:30px; display:block; text-align:center; background:#3296C8; border:0px; color:#FFFFFF; cursor:pointer; border-radius:5px;}
.col_btn{ height:30px; padding:0 10px 0 10px; margin-left:5px; line-height:30px; display:block; text-align:center; background:#41C9E8; border:0px; color:#FFFFFF; border-radius:5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}

.btn:hover{ background:#2C85AF; text-decoration:none; color:#FFFFFF;}
.btn_big{ width:150px; height:30px; line-height:30px; display:block; text-align:center; background:#3296C8; border:0px; color:#FFFFFF; cursor:pointer; border-radius:5px;}
.btn_big:hover{ background:#FF9900; text-decoration:none; color:#FFFFFF;}
.btn_small{ width:60px; height:30px; line-height:30px; display:block; text-align:center; background:#3296C8; border:0px; color:#FFFFFF; cursor:pointer; border-radius:5px;}
.btn_small:hover{ background:#FF9900; text-decoration:none; color:#FFFFFF;}
.btn_small_gray{ width:60px; height:30px; line-height:30px; display:block; text-align:center; background:#CCCCCC; border:0px; color: #666; cursor:pointer; border-radius:5px;}
.btn_small_gray:hover{ background: #999999; text-decoration:none; color:#666;}
.btn_gray{ width:100px; height:30px; line-height:30px; display:block; text-align:center; background:#ccc; border:0px; color:#666; cursor:pointer; border-radius:5px;}
.btn_gray:hover{ background:#999; text-decoration:none; color:#666;}

.btn_gray_2{ width:60px; height:30px; line-height:28px; display:block; text-align:center; background: #F2F2F2; border:0px; color:#999; cursor:pointer; border-radius:5px; border:1px #CCCCCC solid;}
.btn_gray_2:hover{ background:#E8E8E8; text-decoration:none; color:#666;}

.btn_gray_3{ padding:0 10px 0 10px; height:20px; line-height:20px; display:block; text-align:center; background: #F2F2F2; border:0px; color:#999; cursor:pointer; border-radius:5px; border:1px #CCCCCC solid;}
.btn_gray_3:hover{ background:#ccc; text-decoration:none; color:#666;}

.btn_search{ width:54px; height:30px; line-height:30px; display:block; text-align:center; background:#F5F5F5;border:1px solid #D0D0D0;cursor:pointer; border-radius:2px;color:#808080;font-size:12px;}
.btn_search:hover{background:#F2F2F2}
.btn_search_1{ width:54px; height:30px; vertical-align:middle; line-height:30px; display:inline-block; text-align:center; background:#F5F5F5;border:1px solid #D0D0D0;cursor:pointer; border-radius:2px;color:#808080;font-size:12px;}
.btn_search_1:hover{  background:#F2F2F2;}


/*table*/
table{ border-collapse: collapse; border-spacing:0px;}
.table{ border-top:1px #F2F2F2 solid; border-left:1px #E6E6E6 solid; background:#FFFFFF;}
.table th,.table td{ border-right:1px #F2F2F2 solid; border-left: 1px #F2F2F2 solid; border-bottom:1px #F2F2F2 solid; text-align:center; height:30px; line-height:30px; font-size:12px; padding:0 5px 0 5px;}
.table td.name{text-align:left;}
.table tr:hover{ background: #FAFAFA;}
.table th{ background:#F0F0F0;}
.bg_td{ background: #FAFAFA;}
table img { vertical-align:middle;}


/*main*/
.main:before,.main:after{content:"";display:table}
.main:after{clear:both}
.main{zoom:1;clear: both; width:1000px; margin:10px auto;margin-bottom: 40px;}

.main_left,.left{ float:left;width:80px;}
.main_right,.right{ float:right; width:910px;}

.right .cm-right-space{ height: 8px;line-height: 8px;}

/*position*/
.posBox {padding: 0 0 10px 0; position:relative; z-index:20;}
.position {height: 30px; border-radius: 5px; box-shadow: 1px 1px 2px 1px #ccc; padding-left: 36px; background: #fff url(../../common/images/icon_home.png) 12px 7px no-repeat;border: 1px solid #CCCCCC; }
.position li.homeTxt {display:inline-block; zoom:1; *display:inline; width:50px; line-height:30px; padding-right:18px; text-align:center; background: url(../../common/images/icon_showline.png) top right no-repeat; color:#808080;}
.position li.subTxt {position:relative; display:inline-block; zoom:1; cursor: pointer; *display:inline; width:86px; line-height:30px; padding:0 18px 0 6px; text-align:center; background: url(../../common/images/icon_showline.png) top right no-repeat; color:#808080;}
.position li.subTxt.last-bread{ background-image: none !important;}
.position li a.homeTop {display:inline-block; padding-right:14px; color:#808080;}
.position li a.subTop {display:inline-block; text-decoration:none; padding-right:14px; background: url(../../common/images/icon_triangle_gray.png) center right no-repeat; color:#808080;}
.position li a.subHover {background: url(../../common/images/icon_triangle_blue.png) center right no-repeat; color:#1795E9; }
.position li a:hover {text-decoration:none;}
.position strong{font-weight: 400}

.subList {position:absolute; left: -18px;width:110px; background: #fff; border: 1px solid #c7c5c6; border-radius: 0 0 5px 5px;z-index: 500}
.subList li {text-align:center; line-height:30px; }
.subList li a {display:inline-block; width:100px; border-bottom: 1px solid #f0f0f0; color:#808080;}
.subList li:hover {background: #f0f0f0; text-decoration:none;}

/*高级下拉*/
.gaoji{	float:left;	width:60px;	height:30px;line-height:30px;vertical-align:middle;text-align:center;font-size:12px;}

/**通用图标**/
.icon_batch_modify,.icon_batch,.icon_close,
.icon_look,.icon_edit,.icon_delt,.icon_up,.icon_down,.icon_download,.icon_arrowup,.icon_arrowdown,.icon_add,
.icon_extend,.icon_table,.icon_del,.icon_search,.icon_find,.icon_plus,.icon_ok,.icon_cancel,.icon_save,.icon_view,
.icon_save_w,.icon_turn,.icon_lock,.icon_card,.icon_list,.icon_back,.icon_attachment,.icon_copy,.icon_hammer,.icon_set,.icon_set_1,
.icon_print,.icon_plusp,.icon_minus,.icon_chart,.icon_pointup,.icon_pointdown,.icon_left,.icon_right,.icon_info,.icon_expan,
.icon_expaned,.icon_report,.icon_correct,.icon_incorrect,.icon_import,.icon_turnleft,.icon_turnright,.icon_add_w,.icon_mesoff,.icon_meson,.icon_bell,.icon_multiple,.icon_timeline,.icon_role{width:16px;height:16px; overflow:hidden;display: inline-block;vertical-align:middle; background: url(../images/icons.png?34) no-repeat; cursor: pointer;}
.icon_look     {background-position: 0 0;}
.icon_edit     {background-position: -16px 0; }
.icon_delt     {background-position: -32px 0;}
.icon_up       {background-position: -48px 0;}
.icon_down     {background-position: -64px 0}
.icon_download {background-position: -80px 0}
.icon_arrowup  {background-position: -96px 0}
.icon_arrowdown{background-position: -112px 0}
.icon_add      {background-position: -128px 0}
.icon_extend   {background-position: -144px 0}
.icon_table    {background-position: -160px 0}
.icon_del      {background-position: -176px 0}
.icon_search   {background-position: -192px 0}
.icon_find     {background-position: -208px 0}
.icon_plus     {background-position: -224px 0}
.icon_ok       {background-position: -240px 0}
.icon_cancel   {background-position: -256px 0}
.icon_save     {background-position: -272px 0}
.icon_view     {background-position: -288px 0}
.icon_save_w   {background-position: -304px 0}
.icon_turn     {background-position: -320px 0}
.icon_lock     {background-position: -336px 0}
.icon_card     {background-position: -352px 0}
.icon_list     {background-position: -368px 0}
.icon_back     {background-position: -384px 0}
.icon_attachment{background-position: -400px 0}
.icon_copy     {background-position: -416px 0}
.icon_hammer   {background-position: -432px 0}
.icon_set      {background-position: -448px 0}
.icon_set_1    {background-position: -448px 0}
.icon_print    {background-position: -464px 0}
.icon_chart    {background-position: -480px 0}
.icon_pointup  {background-position: -496px 0}
.icon_pointdown{background-position: -512px 0}
.icon_expan    {background-position: -528px 0}
.icon_expaned  {background-position: -544px 0}
.icon_report   {background-position: -560px 0}
.icon_correct  {background-position: -576px 0}
.icon_incorrect{background-position: -592px 0}
.icon_turnleft {background-position: -608px 0}
.icon_turnright{background-position: -624px 0}
.icon_import   {background-position: -640px 0}
.icon_meson    {background-position: -672px 0}
.icon_mesoff   {background-position: -688px 0}
.icon_bell     {background-position: -704px 0}
.icon_timeline {background-position: -720px 0}
.icon_role     {background-position: -736px 0}
.icon_batch_modify{background:url(../images/icon_batch_modify.png) 0 0 no-repeat;}
.icon_close{background: url("../images/btn_close.png")}
.icon_close:hover{background: url("../images/ico_cancel.png")}
.icon_batch{background:url(../images/icon_batch.png) 0 0 no-repeat;}
.icon_plusp{width:9px; height:9px; background:url(../images/icon_extend.png) 0 0 no-repeat;}
.icon_minus{ width:9px; height:9px; background:url(../images/icon_extend.png) 0 -9px no-repeat;}
.icon_left{ width:20px; height:20px; background:url(../images/ico_left.png) 0 0 no-repeat;}
.icon_right{ width:20px; height:20px; background:url(../images/ico_right.png) 0 0 no-repeat;}
.icon_info{ width:16px; height:16px; background:url(../images/icon_info_small.png) 0 0 no-repeat;}
.icon_multiple{width:24px; height:16px; background:url(../images/icon_multiple.png) 0 0 no-repeat;}
.icon_add_w{ width: 12px; height: 12px; background:url(../images/icon_add_w.png) 0 0 no-repeat;}
.icon_search_btn{width: 48px; height: 30px; background:url(../images/icon_search_btn.png) 0 0 no-repeat; overflow:hidden;display: inline-block;vertical-align:middle;cursor: pointer;}
.icon_value_report{width: 16px; height: 16px; background: url(../images/icon_value_report.png) 0 0 no-repeat; display: inline-block;overflow:hidden;vertical-align:middle; cursor: pointer;}
.icon_collect{width: 16px; height: 16px; background: url(../images/icon_collect.png) 0 0 no-repeat; display: inline-block;overflow:hidden;vertical-align:middle; cursor: pointer;}
.icon_table_view{width: 16px; height: 16px; background: url(../images/icon_table_view.png) 0 0 no-repeat; display: inline-block;overflow:hidden;vertical-align:middle; cursor: pointer;}
.icon_positive{width: 16px; height: 16px; background: url(../images/icon_positive.png) 0 0 no-repeat; display: inline-block;overflow:hidden;vertical-align:middle; cursor: pointer;}

.icon-turn-left{display: inline-block;height: 16px; width: 16px;overflow: hidden;background: url(../images/icon_turnleft.png) no-repeat;vertical-align: middle; cursor: pointer;}
.icon-turn-right{display: inline-block;height: 16px; width: 16px;overflow: hidden;background: url(../images/icon_turnright.png) no-repeat;vertical-align: middle; cursor: pointer;}
/**通用弹曾**/
 #popup_mask{width:100%; height:100%;_min-height:100%; background:#000; position:absolute; top:0px; left:0px; z-index:1000; opacity: 0.5; filter:alpha(opacity=30); -moz-opacity:0.5; -khtml-opacity:0.5;}
 #popup{position:fixed;_position:absolute;_width:200px;_height:160px; left:0; top:0; z-index:9999; background:#fff; border-radius: 7px;box-shadow: 0 0 20px #333}
 #popup h3.popup_title{font-weight: bold;height:40px;line-height:40px; text-align:center; color:#515151; font-size:16px; font-family:'Microsoft Yahei'; position:relative; cursor:move;}
 #popup .popClose{display:block; width:16px; height:16px; position:absolute; background:url(../images/btn_close.png) 0 0 no-repeat; overflow:hidden; top:5px; right:5px;}
 #popup .popup_window_content{padding: 10px 24px;background: #f0f3f8;margin: 10px;}
 #popup .popup_btn{width:100%; text-align:center; padding:10px 0;}

#popup .popup_btn a {
    display: inline-block;
    height: 24px;
    margin: 0 10px;
    line-height: 24px;
    padding: 0 18px;
    font-size: 12px;
    color: #fff;
    border-radius: 5px;
    background: #3296C8
}

 #popup .popup_btn a:hover{background: #2C85AF; color: #fff; text-decoration: none;}
.database{padding: 20px 24px;background: #f0f3f8;}
.database1{padding: 10px;background: #f0f3f8;}
.search_btn{text-align:center; padding:10px 0;}
.search_btn a{margin:0 10px;}
.btn_auto{display: inline-block; zoom:1;*display: inline; height: 30px; line-height: 30px; padding:0 12px; font-size: 14px; color: #fff; border-radius: 5px; background: #5dbcec}
.btn_auto:hover{ text-decoration: none;}

.btn_new{display: inline-block; zoom:1;*display: inline; border: 0; cursor:pointer; height: 30px; line-height: 28px; padding:0 12px; font-size: 12px; color: #fff !important;
    font-family: "simsun";
    font-weight: normal;
    border-radius: 5px; background: #3296C8}
.btn_new:hover{ background: #2C85AF; color: #fff; text-decoration: none;}
.btn_new_1{display: inline-block; zoom:1;*display: inline;cursor:pointer; height: 30px; line-height: 28px; padding:0 12px; font-size: 12px; color: #fff; border-radius: 5px; background: #5cbcec}
.btn_new_1:hover{ background: #2C85AF; color: #fff; text-decoration: none;}

#search_con{width:100%; clear:both}

/*临时弹增*/
#popup_mask{width:100%; height:100%;_min-height:100%; background:#000; position:absolute; top:0px; left:0px; z-index:1010; opacity: 0.5; filter:alpha(opacity=30); -moz-opacity:0.5; -khtml-opacity:0.5;}
#popup_1{border:1px solid #99c; position:fixed;_position:absolute;_width:200px;_height:160px; left:0; top:0; z-index:9999; background:#fff; border-radius: 7px;box-shadow: 0 0 20px #333}
#popup_1 h3.popup_title{font-weight:400;height:40px;line-height:40px; text-align:center; color:#515151; font-size:16px; font-family:'Microsoft Yahei'; position:relative; cursor:move;}
#popup_1 .popClose{display:block; width:16px; height:16px; position:absolute; background:url(../images/btn_close.png) 0 0 no-repeat; overflow:hidden; top:5px; right:5px;}
#popup_1 .popup_con{padding:10px;}
#popup_1 .popup_btn{width:100%; text-align:center; padding:10px 0; }
#popup_1 .popup_btn a{display: inline-block; zoom:1;*display: inline; height: 30px; margin:0 10px; line-height: 28px; padding:0 12px; font-size: 12px; color: #fff; border-radius: 5px; background: #3296C8}
#popup_1 .popup_btn a:hover{background: #2C85AF; color: #fff; text-decoration: none;}

/*头部 */
.top{ width:100%; line-height:30px; background:url(../images/bg_top.gif) top left repeat-x;}
.topContent{ width:1000px; margin:0px auto;}
.topContent .R .header-item{
    display: inline-block;
    position: relative;
    text-decoration: none !important;
    padding-right: 10px;
    background: url("../images/header-icon-line.png") no-repeat right center;
}

#headerDownloadAPP{
    background-image: none;
}
#headerMobileLogin{
    padding-left: 13px;
}
#headerMobileLogin b{
    background: url("../images/header-icon-shouji.png") no-repeat;
    display: block;
    position: absolute;
    width: 9px;
    height: 14px;
    top: 8px;
    left: 0px;
}

#headerMobileLogin i{
    display: block;
    position: absolute;
    top: 39px;
    left: -110px;
    z-index: 10;
    border: 1px solid #CCC;
    background-color: #FFF;
    border-radius: 4px;
    box-shadow: 1px 2px 16px 0 #CDCBCC;
    cursor: default;
}
.headerMobileLoginCRCode{
    position: relative;
}
.headerMobileLoginCRCode em{
    position: absolute;
    top: 270px;
    left: 88px;
    font-size: 13px;
    font-style: normal;
}
.headerMobileLoginCRCode span.arrow{
    background: url("../images/header-icon-arrow.png") no-repeat;
    width: 28px;
    height: 18px;
    position: absolute;
    top: -17px;
    left: 131px;
}

.topContent2 #headerMobileLogin ,.topContent2 #headerDownloadAPP{
    display: none;
}
.topContent2 #modifypass{
    background: none !important;
}

.topContent .header-text{
    color: #515151;
}
.topContent .R a{
    text-decoration: none;
}
/*提醒中心*/
.header-todo-tips{
    position: relative;
}
.hastips{background: url(../images/bulb.gif) 0 -2px no-repeat; padding-left: 25px; display: inline-block;}
.tipscenter{position: absolute;  left:-20px; top:45px;outline: 0; z-index: 900;border: 1px solid #DDD;background-color:#fff; padding: 24px; border-radius: 5px; box-shadow: 0 0 3px 3px #ccc; width:280px;}
.bomline{width:280px; line-height: 30px; border-bottom:1px solid #aaa;}
.bomline .left{width:auto;}
.bomline .tipstitle{float: right;}
.imgpos{position: absolute; top:-26px; left: 0}

.tipitems li{line-height: 18px; margin-top: 20px; padding-left:30px; background: url(../images/icon_clock.png) 0 2px no-repeat;vertical-align:middle;}
.tipitems li span.left{width:170px; text-align: left;}
.tipitems .btn_new{height:24px; line-height: 24px;}
.tipscenter .num{color: #01aded; font-family: "SimSun" !important;}

#birthday_box{width: 720px; height: 450px; overflow: auto; padding:24px;}
#birthday_box h5{border-bottom: 1px solid #aaa; width:100%; line-height: 25px;}
#birthday_box .empltem{float: left; width: 160px; height: 90px; margin: 20px 20px 0 0;}
.empltem img{float: left; width:75px; height:90px; margin-right: 10px;}
.empltem p{line-height: 20px;}
.empltem a{margin:5px 0 0 84px;}
#birthday_box .btn_new{margin: 0 auto;}
.btn_unbless{display:block; width:80px; height:25px; background:url(../images/icon_unbless.png) 0 0 no-repeat;vertical-align:middle;}
.btn_blessed{display:block; width:80px; height:25px; background:url(../images/icon_blessed.png) 0 0 no-repeat;vertical-align:middle;}

/*左侧菜单*/
.tms-menu{}
.tms-menu li { height:80px; height:80px; overflow:hidden; margin-bottom:3px;}
.tms-menu li a{display: block;  height:80px;overflow:hidden;text-decoration:none; color:#FFFFFF;}
.blue{ width:72px; height:38px;  background:url(../images/bg_sub.gif) top left no-repeat;}
.blue:hover{ background:url(../images/bg_sub.gif) 0 -39px no-repeat; }
.logo{ background:url(../images/logo.png) top left no-repeat; }
.home{ background:url(../images/menu.png) top left no-repeat; }
.yg{ background:url(../images/menu_3.png) top left no-repeat; }
.nengli{background:url(../images/menu_4.png) top left no-repeat; }
.juece{background:url(../images/menu_5.png) top left no-repeat; }
.guanli{background:url(../images/menu_6.png) top left no-repeat;}
.renshi{background:url(../images/menu_7.png?_v=2) top left no-repeat }
.xinchou{background:url(../images/menu_8.png) top left no-repeat }
.kaoqin{background:url(../images/menu_kaoqin.png) top left no-repeat }
.performace{background:url(../images/menu_performance.png?_v=2) top left no-repeat }
.home:hover,.juece:hover,.yg:hover,.yuangong:hover,.nengli:hover,.guanli:hover,.renshi:hover,.xinchou:hover,.performace:hover{ background-position: 0 -80px;}
.menu_sel,.menu_sel:hover{ background-position: 0 -160px;}
.menu_sel:hover{}
/*二级菜单*/
.tms-menu ol{ position:absolute; margin:-68px 0 0 80px; width:800px; z-index:99999;}
.tms-menu ol li {float:left; display:inline;width:60px; height:60px; border-left:1px #FFFFFF solid;  background:#09BBFF; font-size:12px; color:#FFFFFF; line-height:20px;border-radius: 5px;}
.tms-menu ol li a{vertical-align: middle; color:#FFFFFF; text-decoration:none; display:block; width:60px; height:60px; padding:9px 0 0 5px;}
.tms-menu ol li a:hover{ background:#00ADEF; text-decoration:none;}
.tms-menu ol li strong{display: block; font-size:12px; font-weight:bold;}

/*三级菜单*/
.subMenu{ float:right;}
.subMenu li a{display:block; width:54px; height:45px; padding-top:10px;color:#fff; text-decoration:none; text-align:left; padding-left:6px; margin-bottom:3px;background:#00ADEF;border-radius: 10px;}
.subMenu li span{font-size:14px; font-weight:700}
.subMenu a:hover{ background: #00ADEF; text-decoration:none;}
.subMenu strong{display: block;}


/*单tab的css  */

.tab{font-size:0;}
.tab a{display:inline-block; zoom:1;*display:inline; padding:0 20px; height:30px; line-height:30px; margin-left:5px; color:#fff; font-size:12px;border-radius:5px 5px 0 0;}
.tab a:hover{text-decoration:none;}
.tab a.off {background: none;}
.tab a.off:hover{text-decoration: none;background:#00ADEF;}
.tab a.on{ background:#3FC8E8;}
.tab a.on:hover{text-decoration:none;background:#00ADEF; }

.tab_1{font-size:0;display:inline-block; zoom:1;*display:inline;}
.tab_1 a{display:inline-block; border:1px solid #ccc; border-bottom:0;padding:0 20px;  zoom:1;*display:inline; height:28px; line-height:28px; margin-right:3px; color:#fff; font-size:12px;border-radius:5px 5px 0 0;}
.tab_1 a.off {background: #3fc8e8;color:#fff;border-color: transparent !important;}
.tab_1 a.off:hover{text-decoration: none;background:#00ADEF; }
.tab_1 a.on{ background:#fff;text-decoration:none; color:#00ADEF}
.tab_1 a.on:hover{text-decoration:none;background:#fff; }
.tab_box{text-align:right;}
.tab_box .tab_left{float:left; }
.tab_box .tab_right { position:relative; display: inline-block;}
.tab_box .tab_right a{display:inline-block; zoom:1;*display:inline;padding:0 10px; height:28px; line-height:28px;color:#fff; font-size:12px;border-radius:5px 5px 0 0;background: #3296c8;color:#fff;}
.tab_box .tab_right a:hover{text-decoration:none;background:#00ADEF;}
.tab_box .tab_right a.tab_big{width:90px; text-align:center;}
.tab_box .tab_right_1 {position:relative; display: inline-block;}
.tab_box .tab_right_1 a{display:inline-block; zoom:1;*display:inline;padding:0 10px; height:28px; line-height:28px;color:#fff; font-size:12px;border-radius:5px 5px 0 0;background: #3296c8;color:#fff;}
.tab_box .tab_right_1 a:hover{text-decoration:none;background:#00ADEF;}
.tab_box .tab_right_1 a.tab_big{width:90px; text-align:center;}
.tab_box  a.tab_2{ width: 60px;padding: 0;text-align: center;}
.tab_box  a.tab_4{ width: 84px;padding: 0;text-align: center;}
.tab_next{ margin-top:-1px;}
.tab_next .tab_container {
    border: 1px #cac8c9 solid;
    background: #fff;
    padding: 24px;
    border-radius: 0 5px 5px 5px;
    box-shadow: 1px 2px 2px 0 #ccc;
}
.tab_next .tab_container_oper {
    border-radius: 0 0 5px 5px;
}
.tab_box:before,.tab_box:after{content:"";display:table}
.tab_box:after{clear:both}
.tab_box{zoom:1;clear: both;}

/*左右侧对齐tab的css  */
.tab_l0 a{margin-left:0;margin-right:3px;}
.tab_box .tab_r0 {margin-right:0;display: inline-block}

/*下拉tab的css  */
.tab_down li {
	float: left;
	width: 100px;
	height: 30px;
	line-height: 30px;
	margin-right: 5px;
	display: inline;
	text-align: center;
	cursor: pointer;
	color: #fff;
	background: #3196C8;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.tab_down li a {
	color: #FFFFFF;
	display: block;
	width: 100px;
	height: 30px;
	line-height: 30px;
}

.tab_down li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: #2D88B5;
	display: block;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.downList {
	position: absolute;
	width:130px;
	top:28px;
	left:0;
	z-index: 100;
	background: #41C9E8;
	box-shadow: 1px 2px 2px 0px #ccc;
	border-radius: 0 0 5px 5px;
}
.downList a.list {
	padding:0 5px;
	width:100%;
	text-align:left;
	border-radius:0;
}
.downList a.list:hover {
	background: #00ADEF;
}
/*日历组件*/
.Zebra_DatePicker *,.Zebra_DatePicker *:after,.Zebra_DatePicker *:before  {
	-moz-box-sizing: content-box !important;
	-webkit-box-sizing: content-box !important;
	box-sizing: content-box !important
}
.Zebra_DatePicker { position: absolute; background: #f2f2f2; border: 1px solid #bbb; display: none; z-index: 10000; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px }
.Zebra_DatePicker *{ margin: 0; padding: 0; color: #000; background: transparent; border: none }
.Zebra_DatePicker table                      { border-collapse: collapse; border-spacing: 0 }
.Zebra_DatePicker td,.Zebra_DatePicker th    { text-align: center; padding: 5px 0 }
.Zebra_DatePicker td                         { cursor: pointer }
.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker             { margin-top: 3px }
.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td         { background: #E8E8E8; width: 30px; border: 1px solid #7BACD2 }
.Zebra_DatePicker .dp_header td             { color: #FFF; background:#ccc }
.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next       { width: 30px }
.Zebra_DatePicker .dp_header .dp_caption    { font-weight: bold }
.Zebra_DatePicker .dp_header .dp_hover      { background: #999; color: #FFF }
.Zebra_DatePicker .dp_header .dp_blocked    { color: #888; cursor: default }
.Zebra_DatePicker .dp_daypicker th              { background: #FFCC33 }
.Zebra_DatePicker td.dp_not_in_month            { background: #F3F3F3; color: #F3F3F3; cursor: default;}
.Zebra_DatePicker td.dp_not_in_month_selectable { background: #F3F3F3; color: #CDCDCD; cursor: pointer }
.Zebra_DatePicker td.dp_weekend                 { background: #D8D8D8 }
.Zebra_DatePicker td.dp_weekend_disabled        { color: #CCC; cursor: default }
.Zebra_DatePicker td.dp_selected                { background: #5A4B4B; color: #FFF !important }
.Zebra_DatePicker td.dp_week_number             { background: #FFCC33; color: #555; cursor: text; font-style: italic }
.Zebra_DatePicker .dp_monthpicker td    { width: 33% }
.Zebra_DatePicker .dp_yearpicker td     { width: 33% }
.Zebra_DatePicker .dp_footer            { margin-top: 3px }
.Zebra_DatePicker .dp_footer .dp_hover  { background: #222; color: #FFF }
.Zebra_DatePicker .dp_today { color: #333; padding: 3px }
.Zebra_DatePicker .dp_clear { color: #333; padding: 3px }
.Zebra_DatePicker td.dp_current             { color: #C40000 }
.Zebra_DatePicker td.dp_disabled_current    { color: #E38585 }
.Zebra_DatePicker td.dp_disabled            { background: #F3F3F3; color: #CDCDCD; cursor: default }
.Zebra_DatePicker td.dp_hover               { background: #482424; color: #FFF }
button.Zebra_DatePicker_Icon                { display: block; position: absolute; width: 16px; height: 16px; background: url('../images/icon_calendar.png') no-repeat left top; text-indent: -9000px; border: none; cursor: pointer; padding: 0; line-height: 0; vertical-align: top }
button.Zebra_DatePicker_Icon_Disabled       { background-image: url('../images/calendar-disabled.png') }
button.Zebra_DatePicker_Icon                { margin: 0 0 0 3px }
button.Zebra_DatePicker_Icon_Inside         { margin: 0 3px 0 0 }
.Zebra_DatePicker_Icon_Wrapper{
	display:inline-block!important;
	zoom:1!important;
	*display:inline!important;
}
td.dp_caption em{
  display: inline-block;
  width: 12px;
  height: 6px;
  background:url(../images/arrow_date.png) 0 0 no-repeat;
  vertical-align: middle;
  margin-left:8px;
}
input:focus,textarea:focus,select:focus{ outline: none; }
/*非必填占位符*/
th.space{text-indent:6px;}

/*表单加载更多效果*/
.loadMore{ height:30px; display:none; line-height:30px; text-align:center; background:url(../images/icon_loading.gif) center center no-repeat;}
.loadMore span{ display:inoine-block; width:300px; height:30px; line-height:30px; background:#fff;}
.loadMore a{color:#3296C8}

/** 密码修改页面 **/
.popUp_pwd_box{padding:60px 40px 50px 40px;}
.popUp_pwd_box .input_domain li{padding-bottom:0;}
.popUp_pwd_box .input_domain h5{color:#b7b7b9;font:14px "宋体";padding-bottom:22px;}
.popUp_pwd_box .input_domain h3{color:#848389;font:30px "微软雅黑";padding-bottom:30px;}
.popUp_pwd_box .btn_domain{margin-top:8px;}

.input_pwd{display:block;padding:19px 0 19px 58px;width:300px;height:14px;font:14px "宋体",Arial;border: 1px solid #ebeaf0;background:#ebeaf0 url(../images/icon_pwd.png) 20px 14px no-repeat;}
.warn-mes{color:#fe0103;line-height:22px;white-space: pre;}
.popUp_pwd_box .btn_ok,.popUp_pwd_box .btn_cancel{display:inline-block;height:56px;background:#3a97e5;font:26px/56px "微软雅黑";text-align:center; color:#fff;}
.popUp_pwd_box .btn_ok:hover,.popUp_pwd_box .btn_cancel:hover{color: #fff;background:#4aa7f5;text-decoration: none;}
.popUp_pwd_box .btn_ok{width:200px;}
.popUp_pwd_box .btn_ok_new{width:360px;}
.popUp_pwd_box .btn_cancel{width:144px;margin-left:12px;}

/* 无权限提示信息*/
.hasnoright{border: 1px #CCC solid; background: #FFF; text-align: center; vertical-align: middle;border-radius: 5px; box-shadow: 1px 2px 2px 0px #CCC; height: 535px; margin-bottom: 20px;}
.hasnoright span{margin: 200px auto; font-size:14px; display: inline-block; line-height: 38px; height: 38px; width: 200px; background: url(../../common/images/icon_info.png) no-repeat 0 0 #FFF;}

.btn_zone{margin:20px 0; text-align:center; height:30px; line-height:30px; overflow:hidden}
.btn_zone .bg_loading{ height:30px; width:100%; background:url(../../common/images/icon_loading.gif) center center no-repeat; display:none;}


/***拟态checkbox****/
.sim_check{ display: inline-block; width: 24px; height: 16px; overflow: hidden; background: url(../images/sim_check.png) 0 0 no-repeat; vertical-align: middle;}
.sim_check_un{ background-position: 0 -16px;}


.default_loading{display:inline-block; zoom:1;*display:inline; overflow:hidden; line-height:27px; width:100%; background:url(../../common/images/icon_loading.gif) left center no-repeat; padding-left:16px;vertical-align:middle;}
p.set-title,h2.set-title {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 20px;
    font-family: 'Microsoft Yahei';
    color: #515151;
}
p.search-emp-tips{
    color: #FF0000;
    padding-top: 10px;
}

/*head里面的设置样式*/
.head-downlist-container{
    position: relative;
    float: right;
}
.head-downlist-container .downList {
    position: absolute;
    width: 90px;
    top: 30px;
    left: -24px;
    z-index: 100;
    background: #f0fdfb;
    box-shadow: 1px 2px 2px 0px #ccc;
    border-radius: 0 0 5px 5px;
}
.head-downlist-container .downList a{
    text-align: left;
}
/*隐藏指引的提示编号*/
.introjs-helperNumberLayer{
    display:  none !important;
}

/*头像显示*/
.photo-round-min, .photo-round{
	text-align: center;
	margin: 0 auto;
	display: block;
	border: 1px solid #d3d7da;
	border-radius: 56px;
	overflow: hidden;
}
.photo-round{
	width: 110px;
	height: 110px;
}
.photo-round-min{
	width: 28px;
	height: 28px;
}
.photo-min{
	width: 28px;
	margin-top: -5px;
}
.photo{
	width: 110px;
}