/*人事首页总览*/
.main-tags{}
.main-tags .mTag{height: 200px;border: 1px solid #e8e8e8;margin: -1px 0px 0 -1px;cursor: pointer;}
.main-tags .mTag:hover{background: #eee;}
.main-tags .mTag .tag-con{text-align: center;}
.main-tags .mTag .tag-con .text{font-size: 16px;color: #444444;font-family: "微软雅黑";}
.main-tags .mTag .tag-con .icon{background: url(../../img/main_img.png) no-repeat;margin-top: 30px;width: 90px;height: 90px;display: inline-block;}
.main-tags .mTag .tag-con .icon.mi1{background-position: 5px 0px;}
.main-tags .mTag .tag-con .icon.mi2{background-position: -300px 0px;}
.main-tags .mTag .tag-con .icon.mi3{background-position: -590px 0px;}
.main-tags .mTag .tag-con .icon.mi4{background-position: -882px 0px;}
.main-tags .mTag .tag-con .icon.mi5{background-position: 5px -330px;}
.main-tags .mTag .tag-con .icon.mi6{background-position: -300px -330px;}
.main-tags .mTag .tag-con .icon.mi7{background-position: -590px -330px;}
.main-tags .mTag .tag-con .icon.mi8{background-position: -882px -330px;}
.main-tags .mTag .tag-con .icon.mi9{background-position: -5px -646px;}

/*登录页*/
body.login:before{background: #4ba0df;}
.login-con{width: 535px;position: absolute;top: 50%;left: 50%;margin: -238px 0 0 -267px;}
.login-con .login_img{width: 534px;height: 126px;background: url(../../img/login_img.png) center center no-repeat;}
.login-con .login_info{width: 530px;height: 300px;background: #f9f9f9;margin-top: 50px;}
.login-con .login_info .lTags{height: 67px;border-bottom: 3px solid #1d87d8;font-size: 0;}
.login-con .login_info .lTags .tag{font-family: "FZLTTHJW";cursor: pointer;font-size: 24px;color: #333333;text-align: center;width: 100%;display: inline-block;line-height: 67px;}
.login-con .login_info .lTags .tag.on{color: #FFF;background: #1d87d8;position: relative;}
/*.login-con .login_info .lTags .tag.on:after{content: "";position: absolute;bottom: -10px;left: 125px;display: inline-block;width: 0;height: 0;color: #1d87d8;border-top: 10px solid;border-right: 10px solid transparent; border-left: 10px solid transparent;}*/
.login-con .login_info .lName{padding: 0;margin-top: 7px;}
.login-con .login_info .oa_ht{padding: 45px 0;}
.login-con .login_info input{background: #FFFFFF;}











/*新添加css样式*/

body,.page-body{background-color:#F1F2F6;}
/*登录页*/
body.login:before{background: #4ba0df;}
.login-con{width: 535px;position: absolute;top: 40%;left: 50%;margin: -238px 0 0 -267px;}
.login-con .login_img{width: 534px;height: 126px;background: url(../../img/login_img.png) center center no-repeat;}
.login-con .login_info{width: 530px;height: 300px;background: #f9f9f9;margin-top: 50px;}
.login-con .login_info .lTags{height: 67px;border-bottom: 3px solid #1d87d8;font-size: 0;}
.login-con .login_info .lTags .tag{font-family: "FZLTTHJW";cursor: pointer;font-size: 24px;color: #333333;text-align: center;width: 100%;display: inline-block;line-height: 67px;}
.login-con .login_info .lTags .tag.on{color: #FFF;background: #1d87d8;position: relative;}
/*.login-con .login_info .lTags .tag.on:after{content: "";position: absolute;bottom: -10px;left: 125px;display: inline-block;width: 0;height: 0;color: #1d87d8;border-top: 10px solid;border-right: 10px solid transparent; border-left: 10px solid transparent;}*/
.login-con .login_info .lName{padding: 0;margin-top: 7px;}
.login-con .login_info .oa_ht{padding: 45px 0;}
.login-con .login_info input{background: #FFFFFF;}

/*头部左侧导航样式修改*/
.page-sidebar:before{background-color:#3A3F52;}
.sidebar-image{text-align: center;}
.sidebar-image .img-content{width:141px;height:142px;margin:0 auto;margin-top:20px;padding:10px;border-radius:50%;overflow:hidden;border:1px solid #717580;}
.sidebar-image .img-content img{width:120px;height:120px;border-radius:50%;overflow:hidden;}
.sidebar-image .name{font-size:16px;color:#cfd1d4;}
.sidebar-userinfo{margin-top:30px;}
.sidebar-userinfo .info-left{text-align: right;font-size: 14px;color: #919da8;padding-right:5px;}
.sidebar-userinfo .info-right{text-align: left;font-size: 14px;color: #cfd1d4;padding-left:0;}
.navbar-header .account-area li .login-area{border-left:0!important;}
.navbar-header .account-area li .login-area h2{font-size:14px!important;}
.navbar-header .account-area li .login-area h2 .fa{font-size:16px!important;}
.f14{font-size:14px;}
.navbar-container .notice-content a{line-height:54px;color:#fff;}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li{margin:0;}


/*修复缩小窗口时，原样式左侧display:none了，但是主体内容位置没跟随变化导致左侧空白的问题*/
@media only screen and (max-width: 880px){
    .page-header,.page-body{margin-left:0;}
}




/* 忘记密码 */
.login-con .reset_password{width: 530px;height: 425px;background: #f9f9f9;margin-top: 50px;}
.login-con .reset_password .lTags{height: 67px;border-bottom: 3px solid #1d87d8;font-size: 0;}
.login-con .reset_password .lTags .tag{font-family: "FZLTTHJW";cursor: pointer;font-size: 24px;color: #333333;text-align: center;width: 100%;display: inline-block;line-height: 67px;}
.login-con .reset_password .lTags .tag.on{color: #FFF;background: #1d87d8;position: relative;}
.login-con .reset_password .lName{padding: 0;margin-top: 7px;}
.login-con .reset_password .oa_ht{padding: 45px 0;}
.login-con .reset_password input{background: #FFFFFF;}



/* 忘记密码 */
.login-con .reset_password_type{width: 530px;height: 300px;background: #f9f9f9;margin-top: 50px;}
.login-con .reset_password_type .lTags{height: 67px;border-bottom: 3px solid #1d87d8;font-size: 0;}
.login-con .reset_password_type .lTags .tag{font-family: "FZLTTHJW";cursor: pointer;font-size: 24px;color: #333333;text-align: center;width: 100%;display: inline-block;line-height: 67px;}
.login-con .reset_password_type .lTags .tag.on{color: #FFF;background: #1d87d8;position: relative;}
.login-con .reset_password_type .lName{padding: 0;margin-top: 7px;}
.login-con .reset_password_type .oa_ht{padding: 45px 0;}
.login-con .reset_password_type input{background: #FFFFFF;}



/*密码强度css*/
.pw-strength {clear: both;position: relative;top: 8px;width: 180px;}
.pw-bar{background: url(../../../assets/img/pwd-1.png) no-repeat; position:relative; top:1px;height: 14px;overflow: hidden;width: 179px;}
.pw-bar-on{background:  url(../../../assets/img/pwd-2.png) no-repeat; width:0px; height:14px;position: absolute;top: 1px;left: 2px;transition: width .5s ease-in;-moz-transition: width .5s ease-in;-webkit-transition: width .5s ease-in;-o-transition: width .5s ease-in;}
.pw-weak .pw-defule{ width:0px;}
.pw-weak .pw-bar-on {width: 60px;}
.pw-medium .pw-bar-on {width: 120px;}
.pw-strong .pw-bar-on {width: 179px;}
.pw-txt {padding-top: 2px;width: 180px;overflow: hidden;}
.pw-txt span {color: #707070;float: left;font-size: 12px;text-align: center;width: 58px;}