@charset "utf-8";
/* CSS Document */
html {
    overflow-y: hidden;
}
@font-face {
    font-family: lt-xh;
}
body {
    font-size: 12px;
    font-family: "Microsoft YaHei";
    color: #696969;
    overflow-y: hidden;
}
div {
    box-sizing: border-box;
}
.left {
    float: left
}
.right {
    float: right
}
.clear {
    clear: both;
}
img {
    _azimuth:expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true);
}

/*---------------------------项目主色颜色设置开始---------------------------*/

/*头部菜单条的颜色（项目主色）*/
.skin-color .hr-toper.hr-newtoper{
    background-color: #2B8F36;
}

/*头部切换菜单的颜色（项目主色）*/
.skin-color .hr-toper-change .hrtopnav.newhrtopnav a.active{
    border-color:#2B8F36;
}
.skin-color .hr-toper .hrtopnav.newhrtopnav a:hover, .skin-color .hr-toper .hrtopnav.newhrtopnav a.active{
    color:#2B8F36;
}

/*头部搜索框的颜色（比项目主色浅、同色系）*/
.skin-color .hrt-h-search .text{
    background-color:#34ad42;
    color: #42d253;
}
/*头部搜索框的点击颜色（比搜索框颜色亮、同色系）*/
.skin-color .hrt-h-search .text:focus{
    background-color:#3fc34e;
}
.skin-color .hrt-h-set:hover{
    background-color: #34ad42;
}

/*头部个人信息设置的颜色（比项目主色浅、同色系）*/
.skin-color .hrt-h-set .set-list li .link{
    background-color: #34ad42;
}
/*头部个人信息设置的颜色（项目主色）*/
.skin-color .hrt-h-set .set-list li .link:hover {
    background-color: #2B8F36;
}
/*左侧菜单颜色（项目主色）*/
.skin-color .hr-stylenav .hrleftnav li:hover {
    background-color: #2B8F36;
}
.skin-color .hr-stylenav .hr-li-active{
    background-color: #2B8F36;
}
/*站点地图颜色（项目主色）*/
.skin-color .hr-tittle-lvlone .hr-tittle-lvlone-now{
    color: #2B8F36;
}

/*站点地图hover颜色（比项目主色浅、同色系）*/
.skin-color .hr-tittle-lvlone a:hover{
    color: #34ad42;
}

/*头部下拉菜单颜色（项目主色）*/
.skin-color  .hr-menu-bar{
    border-color:#2B8F36;
}
.skin-color .hr-menu-bar ul li dl dt{
    color: #2B8F36;
}
.skin-color .hrtopnav.newhrtopnav .hr-menu-bar ul li dl a:hover{
    border-color:#2B8F36;
}
.skin-color .hr-stylenav .hr-lt-active {
    color: #2B8F36;
}
.skin-color  .hr-stylenav .hr-leftnav-change:hover{
    color: #2B8F36;
}
/*---------------------------项目主色颜色设置结束---------------------------*/



.hr-input {
    line-height: 28px;
    padding-left: 3px;
    border: 1px solid #ddd;
    border-radius: 3px;
}
.hr-select {
    display: inline-block;
    *display:inline;
    *zoom:1;
    border: solid 1px #ddd;
    border-radius: 3px;
    padding: 3px;
    font-size: 0;
    height: 28px;
*+height:22px;
}
.hr-select .hr-select-l {
    display: inline-block;
    *display:inline;
    *zoom:1;
    height: 20px;
    overflow: hidden;
    font-size: 12px;
}
.hr-select .hr-select-l select {
    border: 0;
    padding: 1px;
    *margin-top:-2px;
    *margin-left:-1px;
    *margin-right:-1px;
}
.hr-search-b {
    float: left;
    font-size: 14px;
    color: #4c4c4c;
    padding: 0px 10px 10px 0;
}
.hr-search-b .name {
    text-align: right;
    padding-right: 8px;
    vertical-align: middle;
    float: left;
    padding-top: 4px;
}
.hr-search-b .hr-input, .hr-search-b .hr-select {
    vertical-align: top;
}
.w90 {
    width: 90px;
}
.h168 {
    height: 168px;
}
.dis-16 {
    margin-top: 16px;
}
/*tophead*/
.hr-toper {
    height: 50px;
    background: #0E90D2;
    line-height: 50px;
    color: #fff;
    overflow: hidden;
    position: relative;
}
.hr-toper .hrlogo {
    width: 20%;
    padding-left: 5px;
}
.hr-toper .hrtopnav {
    width: 60%;
    padding-left: 40px;
}
.hr-toper .hrtopuser {
    width: 20%;
    text-align: right;
    padding-right: 2px;
}
.hr-toper .hrlogo a {
    color: #fff;
    font-size: 16px;
}
.hr-toper .hrlogo .logo{
    height: 50px;
    max-width: 100%;
}
.hr-toper .hrtopnav a {
    color: #fff;
    display: block;
    float: left;
    height: 50px;
    padding: 0px 20px;
    line-height: 50px;
}
.hr-toper .hrtopnav a:hover, .hr-toper .hrtopnav a.active {
    background: #fff;
    color: #005aaa;
    height: 50px;
    line-height: 50px;
}
/*hrmain*/
.hrmain {
    overflow: hidden;
    width: 100%;
    font-size: 0;
}
.hrleft {
    background: #f8f8f8;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    width: 210px;
    -webkit-overflow-scrolling: touch;
}
.hrleft .hrleftnav {
    background: #fff;
    min-height: 500px;
}
.hrleftnav h2 {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ccc;
    font-size: 18px;
    color: #0e90d2;
    padding-left: 10px;
}
/*hr-blockone*/
.hr-blockone {
    overflow: hidden;
}
.hr-main {
    padding: 10px;
    _padding: 10px 30px 10px 0;
}
.hr-main .hr-tittle-lvlone h3 {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}
.hr-blockone {
    width: 100%;
}
.hr-list li {
    float: left;
    width: 25%;
*+width: 24%;
text-align: center;
padding: 10px 0px;
margin-top: 20px;
border-right: 1px solid #ccc;
box-sizing: border-box;
}
.hr-table {
    margin-top: 20px;
}
.hr-table tr td {
    border-bottom: 1px solid #ddd;
    height: 44px;
}
.hr-table tr td, .hr-table tr th {
    text-align: center
}
/*.hr-table tr th {
	background: #0e90d2;
	color: #fff;
	height: 44px;
}*/
.hr-table tr.odd {
    background-color: #f5f5f5;
}
.hr-table-noborder tr.odd input, .hr-table-noborder tr.odd select, .hr-table-noborder tr.odd textarea {
    background-color: #f5f5f5;
}
.hr-table-noborder tr input, .hr-table-noborder tr select, .hr-table-noborder tr textarea {
    border: none;
*+border:1px solid none;
}
/*.hr-table tr:hover *{
	background-color: #f9f9f9;
}
.hr-table tr.odd:hover *{
	background-color: #f5f5f5;
}*/
/*page*/
.page {
    overflow: hidden;
}
.pagination {
    display: inline-block;
*+zoom:1;
*+display:inline;
padding-left: 0px;
margin: 10px 0px;
vertical-align: middle;
}
.pagination li {
    display: inline;
}
.pagination li a, .pagination li span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #428BCA;
    background-color: #FFF;
    margin-left: -1px;
}
.pagination li a:hover, .pagination li span:hover, .pagination li a:focus, .pagination li span:focus {
    color: #696969;
    background-color: #EEE;
    border-color: #DDD;
}
.pagination .active a, .pagination .active span, .pagination .active a:hover, .pagination .active span:hover, .pagination .active a:focus, .pagination .active span:focus {
    z-index: 2;
    color: #FFF;
    background-color: #df634b;
    border-color: #df634b;
    cursor: default;
    #0e90d2
}
.pagination.page-color-style .active a, .pagination.page-color-style .active span, .pagination.page-color-style .active a:hover, .pagination.page-color-style .active span:hover, .pagination.page-color-style .active a:focus, .pagination.page-color-style .active span:focus {
    z-index: 2;
    color: #FFF;
    background-color: #0e90d2;
    border-color: #0e90d2;
    cursor: default;
}
.page-jump.page-jump-color input.hr-btn-go {
    background-color: #0e90d2;
    border-color: #0e90d2;
}
/*leftnav*/
/*.hr-leftnav-top{
	border-bottom: 1px solid #ccc;
	text-indent: 1em;
	cursor: pointer
}
.ui-accordion-header-active {
	background: #0e90d2;
	color: #fff;
}
.ui-accordion li {
	height: 36px;
	line-height: 36px;
	text-align: left;
	cursor: pointer;
	padding-left: 35px;
}
.ui-accordion li:hover {
	background: #f9f9f9
}
.ui-accordion ul {
	border-bottom: 1px solid #ccc;
}*/
/**/

.hr-blockthree {
    overflow: hidden;
    width: 100%
}
.hr-blockthree .hr-table {
    margin: 0px;
    font-size: 12px;
}
.hr-blockthree .hr-click {
    background: #e5e5e5;
    border: 1px solid #ccc;
    height: 35px;
    line-height: 35px;
    border-bottom: 0 none;
    font-size: 14px;
    padding-left: 10px;
}
.hr-leftmain {
    width: 49.5%;
}
.hr-rightmain {
    width: 49.5%;
}

/*弹窗*/
#dialog-form label, #dialog-modal label, {
    display:block;
}
#dialog-form input.text {
    margin-bottom: 12px;
    width: 95%;
    padding: .4em;
}
#dialog-form fieldset {
    padding: 0;
    border: 0;
    margin-top: 25px;
}
#dialog-form h1 {
    font-size: 1.2em;
    margin: .6em 0;
}
div#users-contain {
    width: 350px;
    margin: 20px 0;
}
div#users-contain table {
    margin: 1em 0;
    border-collapse: collapse;
    width: 100%;
}
div#users-contain table td, div#users-contain table th {
    border: 1px solid #eee;
    padding: .6em 10px;
    text-align: left;
}
.ui-dialog .ui-state-error {
    padding: .3em;
}
.validateTips {
    border: 1px solid transparent;
    padding: 0.3em;
}
/*button*/
.hrbutton-box {
    padding: 20px 10px;
    text-align: right
}
.hrbutton-box input {
    border: 0 none;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
    font-size: 12px;
    margin: 0px 4px;
    vertical-align: middle;
}
.hrbutton-box .hr-save {
    background: #0e90d2;
    padding: 4px 14px;
*+padding: 4px 7px;
}
.hrbutton-box .hr-del {
    background: #d2610e;
    padding: 4px 10px;
*+padding: 4px 5px;
}
.hrbutton-box .hr-search {
    background: #0ed245;
    padding: 4px 14px;
*+padding: 4px 7px;
}
.hrbutton-box .hrjq-dilage {
    background: #0e90d2;
    padding: 4px 14px;
*+padding: 4px 7px;
}
.hrbutton-box .hrjq-data {
    background: #0e90d2;
    padding: 4px 14px;
*+padding: 4px 7px;
}
/*弹窗*/
.dialog-main {
    position: relative;
    width: 100%;
}
.regesite-tittle {
    background: url(../images/windowstitle.png) no-repeat;
    width: 100%;
    height: 62px;
    position: absolute;
    z-index: 9999;
    top: -20px;
    left: -21px;
}
.regesite-tittle span {
    position: absolute;
    top: 15px;
    left: 230px;
    display: block;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold
}
.regesite-tittle span.regesit-font {
    color: #fff;
    font-size: 18px;
    top: 12px;
    left: 34px;
    font-weight: normal
}
.regesit-list {
    padding: 54px 30px 30px 30px;
}
.regesit-list li {
    position: relative;
    margin-bottom: 30px;
}
.regesit-list.login-list li input.re-text {
    width: 390px;
    height: 44px;
    border: 1px solid #afafaf;
    border-radius: 5px;
    line-height: 44px;
    text-indent: 3em
}
.regesit-list li input.re-text {
    width: 452px;
    height: 44px;
    border: 1px solid #afafaf;
    border-radius: 5px;
    line-height: 44px;
    text-indent: 3em
}
.regesit-list li input.re-text.code {
    width: 340px
}
.regesit-list.login-list li input.re-text.code {
    width: 270px
}
.regesit-list li .get-code {
    background: #df574b;
    color: #fff;
    border: none;
    border-radius: 5px;
    width: 100px;
    text-align: center;
    display: block;
    height: 38px;
    line-height: 38px;
    position: absolute;
    top: 3px;
    right: 1px;
    cursor: pointer
}
.regesit-list li input.re-text:focus {
    border: 1px solid #df574b;
    box-shadow: 0px 0px 2px 0px #df574b
}
.regesit-list li img {
    position: absolute;
    top: 6px;
    left: 10px;
}
.regesit-list li .sound {
    background: url(../images/sound.png) no-repeat;
    width: 38px;
    height: 37px;
    border: none;
    cursor: pointer;
    margin-left: 10px;
    position: absolute;
    top: 56px;
}
.regesit-list li .tip-txt {
    margin-top: 5px
}
.regesite-button input {
    width: 452px;
    height: 44px;
    color: #fff;
    font-weight: bold;
    background: #df574b;
    font-size: 14px;
    border: 0 none;
    border-radius: 5px;
    cursor: pointer;
}
.hrleft .ui-state-default .ui-icon {
    background: none;
}
.hrleft .ui-state-default {
    border: 0 none;
}
a {
    text-decoration: none
}
.dis-20 {
    margin-top: 20px;
}
.dis-10 {
    margin-top: 10px;
}
/*-------------------------------------------------LHH样式-------------------------------------------------*/

/*搜索框样式*/
.ui-accordion ul {
    padding-left: 0;
    margin-bottom: 0;
}
.hr-searchbox span {
    margin-right: 5px;
}
.hr-pd10 {
    padding: 10px;
    overflow-x: scroll;
}
.hr-border-bottom {
    border-bottom: 1px solid #ddd;
}
.hr-tittlebox h5 {
    background: #f5f5f5;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    padding-left: 10px;
}
.hr-tittlebox {
    border: 1px solid #ddd;
    border-radius: 5px;
}
.hr-table.hr-table-th th {
    background: #ECECEC;
    color: #606060;
    border: 1px solid #bbb;
    height: 35px;
}
.hr-table.hr-table-th td {
    border: 1px solid #bbb;
    height: 30px;
}
.hr-table.hr-table-th td .hr-textarea-one {
    width: 100%;
    line-height: 20px;
    border: none;
    border: 1px solid none;
}
.hr-table.hr-table-th td .hr-textarea-two {
    padding: 1px 5px;
    line-height: 20px;
    border: 1px solid #ddd;
    width: 95%;
    height: 95%;
}
.hr-table .hr-tab .ui-widget-header {
    border: none;
}
.lhhtest {
    overflow: hidden;
}
.newpage li a {
    color: #494949;
    margin-right: 5px;
}
.newpage .newactive a {
    background: #0e90d2;
    border: 1px solid #0e90d2;
    color: #fff;
}
.hr-border .hr-newheight {
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
}
.hr-table.hr-pd10 {
    margin-top: 0;
}
/*------------------------------------------------------------------top-begin-------------------------------------------------------------------------*/
.hr-newtoper .newhrtopnav {
    padding-left: 0px;
}
/*.hr-newtoper .hrlogo {
  *+width:205px;
}*/
/*.computer-head {
	position: relative;
}*/
.hr-toper.hr-newtoper {
    background: #005aaa;
    position: relative;
    overflow: visible;
    z-index: 100;
}
.hr-toper .hrtopnav.newhrtopnav {
    width: auto;/**+width:46%;*//**+padding-left:35px;*/
}
.myservice {
    width: 40px;
    height: 100%;
    background-image: url(../images/myService-w.png);
    background-position: 7px 15px;
    background-repeat: no-repeat;
    float: left;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/myService-w.png'); /* IE6 */
    _ background-image: none; /* IE6 */
    _margin-top: 15px;
    _margin-left: 9px;
    _margin-right: 2px;
    _height: auto;
}
a.active .myservice {
    background-image: url(../images/myService-b.png);
    background-position: 7px 15px;
    background-repeat: no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/myService-b.png'); /* IE6 */
    _ background-image: none; /* IE6 */
    _margin-top: 15px;
    _margin-left: 9px;
    _margin-right: 2px;
    _height: auto;
}
.hrtopnav a:hover .myservice {
    background-image: url(../images/myService-b.png);
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/myService-b.png'); /* IE6 */
    _ background-image: none; /* IE6 */
    _margin-top: 15px;
    _margin-left: 9px;
    _margin-right: 2px;
    _height: auto;
}
.mydata {
    width: 40px;
    height: 100%;
    background-image: url(../images/myData-w.png);
    background-position: 10px 15px;
    background-repeat: no-repeat;
    float: left;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/myData-w.png'); /* IE6 */
    _ background-image: none; /* IE6 */
    _margin-top: 15px;
    _margin-left: 9px;
    _margin-right: 2px;
    _height: auto;
}
a.active .mydata {
    background-image: url(../images/myData-b.png);
    background-position: 7px 15px;
    background-repeat: no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/myData-b.png'); /* IE6 */
    _ background-image: none; /* IE6 */
    _margin-top: 15px;
    _margin-left: 9px;
    _margin-right: 2px;
    _height: auto;
}
.hrtopnav a:hover .mydata {
    background-image: url(../images/myData-b.png);
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/myData-b.png'); /* IE6 */
    _ background-image: none; /* IE6 */
    _margin-top: 15px;
    _margin-left: 9px;
    _margin-right: 2px;
    _height: auto;
}
.myteam {
    width: 40px;
    height: 100%;
    background-image: url(../images/myTeam-w.png);
    background-repeat: no-repeat;
    background-position: 7px 15px;
    float: left;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/myTeam-w.png'); /* IE6 */
    _ background-image: none; /* IE6 */
    _margin-top: 15px;
    _margin-left: 9px;
    _margin-right: 2px;
    _height: auto;
}
a.active .myteam {
    background-image: url(../images/myTeam-b.png);
    background-position: 7px 15px;
    background-repeat: no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/myTeam-b.png'); /* IE6 */
    _ background-image: none; /* IE6 */
    _margin-top: 15px;
    _margin-left: 9px;
    _margin-right: 2px;
    _height: auto;
}
.hrtopnav a:hover .myteam {
    background-image: url(../images/myTeam-b.png);
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/myTeam-b.png'); /* IE6 */
    _ background-image: none; /* IE6 */
    _margin-top: 15px;
    _margin-left: 9px;
    _margin-right: 2px;
    _height: auto;
}
.mysheet {
    width: 40px;
    height: 100%;
    background-image: url(../images/mySheetc-w.png);
    background-repeat: no-repeat;
    background-position: 7px 15px;
    float: left;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mySheetc-b.png'); /* IE6 */
    _ background-image: none; /* IE6 */
    _margin-top: 15px;
    _margin-left: 9px;
    _margin-right: 2px;
    _height: auto;
}
a.active .mysheet {
    background-image: url(../images/mySheetc-b.png);
    background-position: 7px 15px;
    background-repeat: no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mySheetc-b.png'); /* IE6 */
    _ background-image: none; /* IE6 */
    _margin-top: 15px;
    _margin-left: 9px;
    _margin-right: 2px;
    _height: auto;
}
.hrtopnav a:hover .mysheet {
    background-image: url(../images/mySheetc-b.png);
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mySheetc-b.png'); /* IE6 */
    _ background-image: none; /* IE6 */
    _margin-top: 15px;
    _margin-left: 9px;
    _margin-right: 2px;
    _height: auto;
}
.hr-toper .hrtopnav.newhrtopnav a {
    padding: 0px 10px 0px 0px;
    font-size: 16px;
}
.hr-toper .hrtopnav.newhrtopnav a:hover, .hr-toper .hrtopnav.newhrtopnav a.active {
    color: #005aaa;
}
/*------------------------------------------下拉---------*/
.hr-menu-bar {
    position: absolute;
    left: 0;
    top: 50px;
    height: auto;
    width: 100%;
    background-color: #ECECEC;
    z-index: 3;
    display: none;
    border-top: 1px #005aaa solid;
    border-bottom: 1px #005aaa solid;
    _width: 117%;
}
.hr-menu-bar ul {
    width: 96%;
    margin: 0 auto;
    overflow: hidden;
}
.hr-menu-bar li {
    padding: 10px 25px 0px 25px;
    border-left: 1px solid #D9D9D9;
    float: left;
    height: auto;
}
.hr-menu-bar ul li dl dt {
    font-size: 12px;
    text-align: left;
    line-height: 35px;
    font-weight: bold;
    color: #005aaa;
    margin: 0;
}
.hr-menu-bar ul li dl {
    text-align: left
}
.hr-menu-bar ul li dl dd {
    overflow: hidden;
    margin: 0;
    padding: 0;
    line-height: 23px;
}
.hr-toper .hrtopnav.newhrtopnav .hr-menu-bar ul li ..hr-menu-bar ul li dl a {
    padding-right:0px
}
.hr-menu-bar ul li dl {
    margin: 0;
}
.hrtopnav.newhrtopnav .hr-menu-bar ul li dl a {
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    margin-left: 20px;
    height: 23px;
    line-height: 23px;
    color: #333;
    background: none;
    float: none;
    display: inline;
    _white-space: nowrap;
}
.hrtopnav.newhrtopnav .hr-menu-bar ul li dl a:hover {
    color: #3d99eb;
    border-bottom: #3d99eb 2px solid;
    background: none;
    height: 23px;
    line-height: 23px;
}
.hr-menu-bar li:hover {
    background: #f4f4f4;
}
/*.hr-listshow:hover .hr-menu-bar {
	display: block;
}*/
/*-------------------------------------------搜索--------*/
.hrtopuser.newhrtopuser {
    width: auto;
*+padding-right:0px;
position: absolute;
top: 0px;
right: 5px;
}
.hr-search-area {
    background: url(../images/button-search.png) no-repeat 10px 0px;
    height: 23px;
    width: 30px;
    float: left;
    margin: 16px 10px 11px 0px;
    position: relative;
    cursor: pointer;
    _background: none;/*ie6*/
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/button-search.png");/*ie6*/
}
/*.hr-search-area:hover{
	background-position: 10px -88px;
	}
.hr-search-area:active{
	background-position: 10px -176px;
	}*/
.selectStyle1 {
    position: absolute;
    left: -38px;
    width: 21%;
}
.hr-search-choose {
    overflow: hidden;
    _zoom: 1;
    position: absolute;
    top: 35px;
    left: -277px;
    height: 52px;
    width: 474px;
    display: none;
}
.hr-search-choose .hr-search-background {
    background: url(../images/bubble.png) no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bubble.png'); /* IE6 */
    _ background-image: none; /* IE6 */
    height: 52px;
    width: 474px;
    position: relative;
    z-index: 0
}
.hr-search-choose .hr-search-content {
    width: 474px;
    z-index: 2;
    position: relative;
    overflow: hidden;
    top: -52px;
*+top:-50px;
}
.hr-search-choose input {
    border: none;
    float: left;
    margin-top: 18px;
    margin-left: 25px;
    width: 80%;
    border-color: #ffffff;
    _margin-top: 22px;
    _width: 65%;
    height: 24px;
    _height: 16px;
    outline: none;
}
.hr-search-choose .search {
    background: url(../images/magnifier.png) no-repeat 10px 0px;
    width: 57px;
    height: 20px;
    position: absolute;
    right: 0;
    _right: 20px;
    margin-top: 20px;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/magnifier.png'); /* IE6 */
    _ background-image: none; /* IE6 */
    cursor: pointer;
}
.hr-search-choose:hover .search {
    background: url(../images/magnifier-hover.png) no-repeat 10px 0px;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/magnifier-hover.png'); /* IE6 */
    _ background-image: none; /* IE6 */
}
.hr-user-btn {
    width: auto;
    height: 28px;
    display: block;
    float: left;
    overflow: visible;
    margin: 11px 10px 11px 0px;
    position: relative;
}
.hr-user-btn .hr-user-btn-content {
    width: auto;
    height: 28px;
    display: block;
    overflow: hidden;
    float: left;
    line-height: 28px;
    font-size: 12px;
    color: #ffffff;
    padding: 0px 6px;
    background-color: #005092;
}
.hr-user-btn .hr-user-btn-content a {
    color: #fff;
}
.hr-user-btn .hr-user-btn-cap {
    width: 12px;
    height: 28px;
    float: left;
    display: block;
    background-repeat: no-repeat;
    background-image: url(../images/userbtn_haierblue.png);
    background-position: 0px 0;
    _background: none;/*ie6*/
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/userbtn_haierblue.png");/*ie6*/
}
.hr-user-btn .hr-user-btn-cap.hr-right-cap {
    background-image: url(../images/userbtn_haierblue-right.png);
    background-position: 0px 0;
    _background: none;/*ie6*/
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/userbtn_haierblue-right.png");/*ie6*/
}
.hr-user-btn:hover .hr-user-btn-content a {
    color: #FF0;
}
.hr-user-btn:hover .hr-user-btn-content {
    color: #FF0;
    cursor: pointer;
}
/*------------------------------------------------------------------top-end-------------------------------------------------------------------------*/


/*-------------------------------------左侧导航栏导航样式----------------begin-----------------------------------------------------------------------*/
.hr-stylenav {
    background-color: #f0f0f0;
}
.hr-stylenav .hrleftnav {
    background-color: #f0f0f0;
    width: 200px;
    margin-left: 10px;
*+width:196px;
}
.hr-stylenav .hr-leftnav-top {
    padding: 15px 0;
    _padding-left: 15px;
}
.hr-stylenav .hrleftnav li {
    height: 45px;
    line-height: 45px;
    padding-left: 35px;
}
.hr-stylenav .hrleftnav li:hover {
    background: #005AAA;
    color: #fff;
}
.hr-stylenav .hr-leftnav-content ul {
    padding: 0;
    margin: 0;
}
.hr-stylenav .ui-accordion li:hover {
    background: #005AAA;
    color: #fff;
}
.hr-stylenav .hr-li-active {
    background: #005AAA;
    color: #fff;
}
.hr-stylenav .ui-accordion-header-active {
    background: none;
    color: #333;
    font-weight: bold;
}
.hr-stylenav .hr-leftnav-top {
    margin: 0;
    background: none;
    color: #333;
    font-weight: bold;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    _position: relative;
}
.hr-stylenav h2 {
    margin: 0;
}
.hr-stylenav .hr-leftnav-content {
    display: none;
    font-size: 14px;
    padding: 0;
    border: 0 none;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}
.hr-stylenav .hr-leftnav-border {
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
}
.hr-stylenav .hr-leftnav-content ul {
    background-color: #f0f0f0;
}
.hr-stylenav .hr-leftnav-top img {
    margin-right: 6px;
    vertical-align: middle;
    margin-top: -2px;
    margin-left: 14px;
}
.hr-stylenav .hr-leftnav-top .right-arrow {
    float: right;
    margin-top: 7px;
    margin-right: 20px;
*+ margin-top: -30px;
_margin-top: 5px;
_position: absolute;
_right: 10px;
_top: 15px;
}
/*--------------左侧导航栏导航样式-----end---------------------------------------------------*/

/*zj的样式*/
.hr-toper.top-bagrd-blue {
    background: #255297;
    line-height: 50px;
}
.hr-leftmain.hr-fullscreen-zj {
    width: 100%;
}
.hr-table.out-roller {
    overflow-x: auto;
    white-space: nowrap;
*+padding-bottom: 20px;
overflow-y: hidden;
_width: 100% !important;
position: relative;
height: 100%;
}
.hr-table.out-roller tr td, .hr-table.out-roller tr th {
    white-space: nowrap
}
.hr-leftmain.hr-fullscreen-zj .text-content {
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-top: 0;
    border-radius: 0px 0px 5px 5px;
    overflow: hidden;
    font-size: 12px;
}
.text-content.special-table .special-top {
    font-size: 14px;
    color: #444;
    height: 40px;
    line-height: 40px;
    width: 100%;
    background: #e5e5e5;
    margin-bottom: 10px;
    overflow: hidden;
}
.text-content.special-table h5 {
    margin: 0;
    padding: 0;
    float: left;
}
.text-content.special-table span {
    width: 5px;
    height: 100%;
    background: #005aaa;
    display: inline-block;
    margin-right: 10px;
    float: left;
}
.hr-text .border-toptwo-radius {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}
.out-roller th, .out-roller td {
    padding: 0px 5px
}
.hrbutton-box.table-inside-button {
    padding: 0px;
    text-align: center;
}
.hrbutton-box .hr-del:hover {
    background: #ED7D2B;
}
.hrbutton-box .hr-search:hover {
    background: #2CE761;
}
.hrbutton-box .hr-save:hover {
    background: #33ACEA;
}
.hr-text .query-entry {
    float: right;
    text-decoration: underline;
    color: #0066CC;
}
.hr-text .query-entry:hover {
    color: #59A5F0
}
.hrbutton-box.add-little .addgreen, .hrbutton-box.add-little .deletered {
    padding: 2px 7px;
    font-size: 12px;
    margin: 2px 0px
}
.hrbutton-box.add-little .addgreen {
    background: #0ed245;
}
.hrbutton-box.add-little .addgreen:hover {
    background: #2CE761;
}
.hrbutton-box.add-little .deletered {
    background: #d2610e
}
.hrbutton-box.add-little .deletered:hover {
    background: #ED7D2B;
}
.hrbutton-box .hr-green, .hrbutton-box .hr-save, .hrbutton-box .hr-del, .hrbutton-box .hr-search, .hrbutton-box .hrjq-dilage, .hrbutton-box .hrjq-data {
}
.hr-text p {
    margin-bottom: 0px;
}
.hr-text.number p {
    height: 40px;
    line-height: 30px;
    background: #f5f5f5;
    padding: 5px 10px;
    overflow: hidden;
}
.hr-text.number p span {
    float: left;
}
.hr-text p.notes {
    background: #E6FFF7;
    border: 1px solid #17DD9B;
    border-radius: 5px;
    padding: 10px;
    font-size: 12px;
}
/*红色的提示信息开始*/
.hr-red-prompt .hr-text p.notes {
    background: #FFE6E6;
    border: 1px solid #DD1717;
}
/*红色的提示信息结束*/
/*.hr-table tr th {
	background: #005aaa;
}*/
.hrbutton-box.sright {
    padding: 6px 10px 6px 0;
    clear: both;
    font-size: 0;
}
.hrbutton-box input.big-button {
    padding: 7px 14px;
}
input.big-button, a.big-button {
    padding: 7px 14px;
}
.hrbutton-box.sright .ui-button {/*line-height: 22px;*/
    vertical-align: bottom;
}
.hr-searchbox {
    padding: 5px;
    background: #F5F5F5;
    overflow: auto;
    zoom: 1;
}
.search-require {
    float: left;
    margin: 3px 8px;
}
.search-require span {
    width: 150px;
    text-align: center;
    display: inline-block;
*+width:150;
*+zoom:1;
*+display:inline;
_width: 150px;
_zoom: 1;
_display: inline;
vertical-align: middle;
}
.search-require input {
    width: 150px;
    height: 28px;
    line-height: 28px;
    padding-left: 3px;
    border: 1px solid #ddd;
    border-radius: 3px;
    vertical-align: middle;
*+height:28px;
}
/* .search-require select {
	width: 152px;
}*/
.search-require .hr-standard_select, .search-require .hr-select_shelter {
    margin-right: 0;
    background: #fff;
    width: auto;
}
.search-require .hr-search-textarea {
    width: 830px;
*+width: 836px;
border: 1px solid #ddd;
border-radius: 3px;
}
.hr-blockthree .hr-click {
    margin-bottom: 0;
    border-radius: 5px 5px 0px 0px;
    color: #444;
}
.hr-search-block {
    margin-right: 8px;
    display: inline-block;
*+zoom:1;
*+display:inline;
margin-bottom: 5px
}
.hrbutton-box .hr-green {
    background: #25CCA7;
    padding: 4px 14px;
*+padding: 4px 7px;
}
.hrbutton-box .hr-a-button {
    border: 0 none;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
    margin: 0px 4px;
    clear: both;
    font-size: 12px;
    padding: 5px 10px;
    vertical-align: middle;
}
.hrbutton-box .hr-a-button:focus {
    border: 1px solid #A5C7FE;
}
.hr-green:hover {
    background: #2fe2ba
}
.hr-pagebox {
    overflow: hidden;
    font-size: 12px;
    clear: both;
}
.page-left p {
    line-height: 51px;
    margin: 0;
}
.hr-searchbox select.long {
    width: 165px
}
.hr-searchbox .hr-search-block span.year {
    margin-right: 0px;
}
.hr-searchbox select {
    padding: 4px 5px;
    vertical-align: middle;
    border-radius: 3px;
    border: 1px solid #ddd;
}
/*-------------------------------------------------zj的样式-------------------------------------------------*/


/*-------------------------------------------------首页样式开始-------------------------------------------------*/
body.bagrd-grey {
    background: #F4F4F4
}
.homepage {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    padding: 15px 0px
}
.homepage .homeleft {
    width: 69%;
}
.homepage .homeright {
    width: 29%;
}
.main-module {
    background: #fff;
    padding: 10px;
    border-radius: 5px;
}
.hr-blockone.modular-name h4 {
    border-bottom: 1px solid #255297;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    margin: 0;
    overflow: hidden;
}
.hr-blockone.modular-name h4 span {
    float: left;
    _margin-top: 12px;
}
.hr-blockone.modular-name h4 img {
    margin-right: 10px;
    cursor: pointer;
}
.hr-blockone.modular-name h4 img.right {
    margin-top: 12px;
}
.hr-list.workmodular ul {
    padding-left: 0px;
    margin: 0;
    overflow: hidden;
    min-height: 274px;
    margin-top: 13px;
}
.hr-list.workmodular li {
    margin-top: 0px;
    border: none;
    width: 20%;
    padding: 0px;
    text-align: center;
    margin-top: 20px;
    _width: 19% !important;
}
.hr-list.workmodular li img {
    height: 80px;
    width: 80px;
}
.hr-list.workmodular li p {
    margin: 8px;
}
.hr-list.workmodular li a p {
    color: #000;
}
.hr-tittle-lvlone h3 {
    margin-bottom: 0px;
}
.hr-list.workmodular .icon {
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto;
}
.hr-list.workmodular .icon span {
    line-height: 11px;
    font-size: 12px;
    font-family: console;
    width: 28px;
    height: 14px;
    color: #fff;
    position: absolute;
    right: -11px;
    top: -5px;
    display: inline-block;
    border-radius: 4px;
    background-color: #E5000F;
}
.hr-margin15-t {
    margin-top: 15px;
}
.hr-list.common-action ul {
    margin: 0;
    padding: 0;
}
.hr-list.common-action li {
    margin-top: 0;
    border: 0;
    padding-left: 16px;
}
.hr-list.common-action li h5 {
    margin: 0;
    font-weight: normal;
    text-align: left;
    margin-bottom: 6px;
}
.hr-list.common-action li h5 img {
    margin-right: 10px;
}
.common-action .common-action-content {
    padding-right: 10px;
    border-right: 1px solid #ccc;
}
.common-action .common-action-content a {
    display: block;
    border-bottom: 1px solid #ccc;
    color: #666;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    text-align: left;
}
.hr-list.my-backlog ul {
    margin: 0;
    padding: 0;
    min-height: 206px;
    _height: 206px;
}
.hr-list.my-backlog li {
    float: none;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-align: left;
    margin-bottom: 5px;
    margin-top: 0;
    padding: 6px;
    overflow: hidden;
    line-height: 28px;
    * width:95%;
    * margin-bottom:0;
    _width: 95% !important;
}
.hr-list.my-backlog li a {
    color: #333;
    font-size: 12px;
    float: left;
}
.hr-list.my-backlog li input {
    float: right;
    font-size: 12px;
    padding: 5px 6px;
    border: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.hr-list.my-backlog li input:hover {
    background: #0088cc;
    color: #fff;
}
.hr-list.my-backlog li input:active {
    background: #0088cc;
    color: #fff;
}
.hr-list.my-backlog li input:focus {
    background: #0088cc;
    color: #fff;
}
.hr-list.my-backlog .hr-backlogtab {
    margin: 5px 0;
    border-bottom: 1px solid #ccc;
}
.hr-list.my-backlog .hr-backlogtab span {
    display: inline-block;
    padding: 6px 10px;
    font-size: 12px;
    position: relative;
    border: 1px solid #fff;
}
.hr-list.my-backlog .hr-backlogtab span.active {
    border: 1px solid #ccc;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 1px solid #fff;
    color: #0088cc;
    background-color: #fff
}
.hr-list.my-backlog .hr-backlogtab span:hover {
    border: 1px solid #ccc;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 1px solid #fff;
    _border: none;
    background-color: #fff
}
.hr-list.my-backlog .hr-backlogtab span a {
    line-height: 14px;
    font-family: console;
    width: 24px;
    height: 14px;
    color: #fff;
    display: inline-block;
    border-radius: 4px;
    background-color: #FF9B23;
    text-align: center;
    font-size: 12px;
    margin-left: 4px;
}
.small-clerk img {
    width: 100%;
    margin-top: 10px;
}
.red {
    color: #E83141
}
.yellow {
    color: #AACC49;
}
.blue {
    color: #3399D2;
}
.orange {
    color: #F79B17;
}
.hr-list li {
    *width:23%;
}
.window-work {
    display: inline;
}
.app-window-work {
    display: none;
}
/*-------------------------------------------------首页样式结束-------------------------------------------------*/
/*-------------------------------------------------首页弹框样式开始-------------------------------------------------*/
.hr-window {
    display: none;
}
.hr-window .hr-shade {














    background: url(../images/shade-bg.png) center center repeat;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0px;
    left: 0px;
}
.hr-window .window-size-position {
    width: 100%;
    height: 100%;/*	position: fixed;
	z-index: 2;
	margin-left: -422px;
	top: 50%;
	left: 50%;
	margin-top: -235px;*/
}
.hr-window .window-size-position .more-content {
    min-height: 420px;
}
.hr-window .window-size-position .more-content .backlog-table {
    height: 390px;
    overflow-y: auto;
    overflow-x: hidden;
}
.window-size-position .more-content .work ul {
    height: 420px;
}
.window-size-position .more-content .common ul {
    height: 360px;
}
.workmodular-more {
}
.workmodular-more .more-head {
    background-color: #3078e6;
    border-radius: 3px 3px 0 0;
    font-size: 18px;
    color: #fff;
    padding: 11px 0 11px 16px;
}
.workmodular-more .more-head span {
    font-size: 12px;
    margin-left: 60px;
}
.workmodular-more .more-head img {
    margin-right: 8px;
    vertical-align: middle;
}
.workmodular-more .more-head img.desk-close {
    position: absolute;
    right: 20px;
    top: 20px;
}
.workmodular-more .more-content {
    background: #fff;
    overflow: hidden;
}
/*.more-content > .left {
	width: 20%;
	border-right: 1px solid #ccc;
}
.more-content >.right {
	width: 80%;
 *+width:79%;
}
.more-content >.left span {
	display: block;
	text-align: center;
	border-bottom: 1px solid #cccccc;
	font-size: 14px;
	line-height: 24px;
	width: 100%;
	padding: 5px 0px;
}
.more-content > .left ul {
	padding: 0;
	margin: 0;
	height: 385px;
	overflow-y: auto;
}
.more-content > .left li {
	border-bottom: 1px solid #ccc;
	vertical-align: middle;
	font-size: 12px;
	line-height: 22px;
	display: inline-block;
	width: 100%;
	padding: 7px 0px 7px 0px;
	color: #666;
	cursor: pointer;
}
.more-content > .left li img {
	padding: 0 5px;
}
.more-content > .left li:hover {
	border-bottom: 1px solid #3078e6;
	background: #3078e6;
	color: #ffffff;
}
.more-content > .left li.active {
	border-bottom: 1px solid #3078e6;
	background: #3078e6;
	color: #ffffff;
}
.more-content > .left li img.active-img {
	display: none;
}
.more-content > .left li.active img {
	display: none;
}
.more-content > .left li:hover img {
	display: none;
}
.more-content > .left li.active img.active-img {
	display: inline;
}
.more-content > .left li:hover img.active-img {
	display: inline;
}
.more-content > .work ul {
	margin: 0;
	padding: 0 24px;
	overflow-y: auto;
}
.more-content > .work li {
	border-bottom: 1px solid #ccc;
	position: relative;
	overflow: hidden;
	padding: 14px 0;
}
.more-content > .work li .info-detial {
	padding: 0 160px 0 80px;
}
.more-content > .work li .info-detial h4 {
	font-size: 14px;
	line-height: 24px;
	padding: 0px;
	color: #000;
	font-weight: normal;
	margin: 0;
}
.more-content > .work li .info-detial p {
	margin: 0;
	font-size: 12px;
	line-height: 22px;
}
.more-content > .work li .info-detial .button {
	color: #ffffff;
	font-size: 12px;
	line-height: 20px;
	padding: 3px 24px;
	background-color: #3078e6;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	right: 0px;
	border-radius: 3px;
}
.more-content > .common > ul {
	margin: 0;
	padding: 0 24px;
	overflow-y: auto;
}
.more-content > .common > ul >li h4 {
	border-bottom: 1px solid #ccc;
	display: block;
	font-size: 14px;
	line-height: 24px;
	padding: 7px 0px 7px 9px;
	color: #3078e6;
	font-weight: 100;
	margin: 0;
}
.more-content > .common .module-twoul {
	margin: 0;
	padding: 10px 0px 10px 0px;
}
.more-content > .common .module-twoul li {
	display: inline-block;
 *+zoom:1;
 *+display:inline;
	border: 1px solid #3366CC;
	border-radius: 3px;
	font-size: 12px;
	line-height: 22px;
	padding: 5px 9px;
	cursor: pointer;
	margin-right: 20px;
	margin-bottom: 10px;
}
.more-content > .common .module-twoul li a {
	color: #666;
	display: inline-block;
 *+zoom:1;
 *+display:inline;
}
.more-content > .common .module-twoul .press {
	background-color: #3366cc;
}



.more-content > .common .module-twoul .press a {

	color: #ffffff;
}
*/
.more-content .work-left {
    width: 20%;
    border-right: 1px solid #ccc;
}
.more-content .work-right {
    width: 80%;
*+width:79%;
}
.more-content .work-left span {
    display: block;
    text-align: center;
    border-bottom: 1px solid #cccccc;
    font-size: 14px;
    line-height: 24px;
    width: 100%;
    padding: 5px 0px;
}
.more-content .work-left ul {
    padding: 0;
    margin: 0;
    height: 385px;
    overflow-y: auto;
}
.more-content .work-left li {
    border-bottom: 1px solid #ccc;
    vertical-align: middle;
    font-size: 12px;
    line-height: 22px;
    display: inline-block;
    width: 100%;
    padding: 7px 0px 7px 0px;
    color: #666;
    cursor: pointer;
}
.more-content .work-left li img {
    padding: 0 5px;
}
.more-content .work-left li:hover {
    border-bottom: 1px solid #3078e6;
    background: #3078e6;
    color: #ffffff;
    _border-bottom: none !important;
    _background: none;
    _color: #666;
}
.more-content .work-left ul .active {
    border-bottom: 1px solid #3078e6;
    background: #3078e6;
    color: #ffffff;
    _background: #3078e6 !important;
    _color: #ffffff !important;
}
.more-content .work-left li:hover img {
    display: none;
    _display: inline;
}
.more-content .work-left li:hover .active-img {
    display: inline;
}
.more-content .work-left li .active-img {
    display: none;
}
.more-content .work-left ul .active img {
    display: none;
}
.more-content .work-left .active .active-img {
    display: inline;
}
.more-content .work ul {
    margin: 0;
    padding: 0 24px;
    overflow-y: auto;
}
.more-content .work li {
    border-bottom: 1px solid #ccc;
    position: relative;
    overflow: hidden;
    padding: 14px 0;
}
.more-content .work li .info-detial {
    padding: 0 160px 0 80px;
    _padding: 0;
    position: relative;
}
.more-content .work li .info-detial h4 {
    font-size: 14px;
    line-height: 24px;
    padding: 0px;
    color: #000;
    font-weight: normal;
    margin: 0;
}
.more-content .work li .info-detial p {
    margin: 0;
    font-size: 12px;
    line-height: 22px;
}
.ie6-left {
    _width: 17%;
}
.ie6-center p, .ie6-center h4 {
    _width: 50% !important;
}
.more-content .work li .info-detial .button {
    color: #ffffff;
    font-size: 12px;
    line-height: 20px;
    padding: 3px 24px;
    background-color: #3078e6;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 0px;
    border-radius: 3px;
    _position: relative;
    _top: 0;
    _margin-top: 0px;
    _right: 0px;
    _float: right;
    _margin-top: -30px;
    _margin-right: 10px;
}
.more-content .common ul {
    margin: 0;
    padding: 0 24px;
    overflow-y: auto;
}
.more-content .common ul li h4 {
    border-bottom: 1px solid #ccc;
    display: block;
    font-size: 14px;
    line-height: 24px;
    padding: 7px 0px 7px 9px;
    color: #3078e6;
    font-weight: 100;
    margin: 0;
}
.more-content .common .module-twoul {
    margin: 0;
    padding: 10px 0px 10px 0px;
    height: auto !important;
}
.more-content .common .module-twoul li {
    display: inline-block;
*+zoom:1;
*+display:inline;
border: 1px solid #3366CC;
border-radius: 3px;
font-size: 12px;
line-height: 22px;
padding: 5px 9px;
cursor: pointer;
margin-right: 20px;
margin-bottom: 10px;
}
.more-content .common .module-twoul li a {
    color: #666;
    display: inline-block;
*+zoom:1;
*+display:inline;
}
.more-content .common .module-twoul .press {
    background-color: #3366cc;
}
.more-content .common .module-twoul .press a {
    color: #ffffff;
}
.hrbutton-box.made-sure {
    text-align: center;
}
.made-sure .hr-save {
    font-size: 12px;
    line-height: 22px;
    padding: 5px 24px;
    border-radius: 3px;
    margin-right: 10px;
}
.made-sure .blue {
    background-color: #3078e6;
}
.made-sure .blue:hover {
    background-color: #4086F0;
}
.made-sure .blue:active {
    background-color: #2D6ED1;
}
.made-sure .blue:focus {
    background-color: #2D6ED1;
}
.made-sure .red {
    background-color: #f88b8b;
}
.made-sure .red:hover {
    background-color: #FE9D9D;
}
.made-sure .red:active {
    background-color: #EE7171;
}
.made-sure .red:focus {
    background-color: #EE7171;

}





.hr-appDesk-tab span {
    display: block;
    float: left;
    color: #808080;
    text-align: center;
    cursor: pointer;
    line-height: 40px;
    width: 50%;
    border-bottom: 1px solid #ccc;
}
.hr-appDesk-tab span a {
    line-height: 14px;
    font-family: console;
    width: 24px;
    height: 14px;
    color: #fff;
    display: inline-block;
    border-radius: 4px;
    background-color: #FF9B23;
    text-align: center;
    font-size: 12px;
    margin-left: 4px;
}
.hr-appDesk-tab .active {
    color: #2678E6;
    border-bottom: 2px solid #2678E6;
}
.hr-appDesk-tab {
    overflow: hidden;
    margin: 0 10px;
}
.hr-table.backlog-table {
    margin: 20px 10px 0 10px;
}
.hr-table.hr-table-th.backlog-table th {
    background: #3078E6;
    color: #fff;
}
/*-------------------------------------------------切换开关样式-------------------------------------------------*/
.toggle {
    display: block;
    margin: 0 auto;
    width: 70px;
    height: 26px;
    color: white;
    outline: 0;
    text-decoration: none;
    border-radius: 3px;
    background-color: #ccc;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 83px;
    padding: 1px;
    _position: relative;
    _top: 0;
    _right: 0px;
    _float: right;
    _margin-top: -30px;
}
.toggle:after {
    display: block;
    position: absolute;
    height: 100%;
    width: calc(50% - 4px);
    text-transform: uppercase;
    color: white;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}
.toggle--on:after {
    content: '';
    border-radius: 3px;
    color: #fff;
    background-color: #fff;
    width: 35px;
    height: 24px;
}
.toggle--off:after {
    background-color: #fff;
    content: '';
    border-radius: 3px;
    color: #fff;
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
    width: 49%;
    height: 24px;
}
.toggle.toggle--off {
    background-color: #44C012;
}
.toggle--moving {
    background-color: #44C012;
}
.toggle--moving:after {
    color: transparent;
    /*border-color: #435862;
	background-color: #222c31;*/
    -webkit-transition: color 0s, transform 500ms, border-radius 500ms, background-color 500ms;
    -moz-transition: color 0s, transform 500ms, border-radius 500ms, background-color 500ms;
    -o-transition: color 0s, transform 500ms, border-radius 500ms, background-color 500ms;
    transition: color 0s, transform 500ms, border-radius 500ms, background-color 500ms;
}
/*-------------------------------------------------切换开关样式-------------------------------------------------*/
/*-------------------------------------------------首页弹框样式结束-------------------------------------------------*/
/*只有右侧滚动*/
.hrright {
    overflow-y: auto;
    position: relative;
    overflow-x: hidden;
*+overflow-x:hidden;
_float: right;
-webkit-overflow-scrolling: touch;
}
html {
*+overflow-y:hidden;
}
/*只有右侧滚动*/
/*底部样式*/
.hr-footer {
    text-align: center;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    font-family: "微软雅黑";
    color: #606060;
    clear: both;
}
/*底部样式*/
/*手机端头部*/
.app-head {
    display: none;
}
/*手机端头部*/
/*手机端左侧*/
.app-showleft {
    display: none;
}
/*手机端左侧*/
/*ie7下样式*/
/*.hr-blockthree {
 *+width:98%;
}*/
/*ie7下样式*/
/*------------------------------------生态圈的样式开始------------------------------------*/
.hr-circel {
    height: 480px;
    width: 100%;
    position: relative;
    font-size: 12px;
}
.hr-circel .hr-circle-content.left {
    width: 50%;
*+width:49.9%;
_width: 50% !important;
background: #f3f3f3;
}
.hr-circel .hr-circle-content.left .hr-circle-img {
    background: url(../images/circle.png) center no-repeat #f3f3f3;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/circle.png'); /* IE6 */
    _ background-image: none; /* IE6 */
    height: 100%;
    width: 100%;
    position: absolute;
    height: 356px;
    width: 356px;
    top: 50%;
    left: 50%;
    margin-top: -178px;
    margin-left: -178px;

}
.hr-circel .hr-circle-content.right {
    width: 50%;
*+width:49.9%;
_width: 50% !important;
background: #f8f8f8;
}
.hr-circel .hr-circle-content.right .hr-circle-img {
    background: url(../images/circle.png) center no-repeat #f8f8f8;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/circle.png'); /* IE6 */
    _ background-image: none; /* IE6 */
    height: 100%;
    width: 100%;
    position: absolute;
    height: 356px;
    width: 356px;
    top: 50%;
    left: 50%;
    margin-top: -178px;
    margin-left: -178px;
}
.hr-circel .hr-circle-content.hr-circle-info {
    background: #f8f8f8;
}
.hr-circle-nature {
    display: block;
    width: 60px;
    height: 60px;
    text-align: center;
    cursor: pointer;
    position: relative;
    top: 43%;
    left: 51%;
    margin-left: -30px;
    margin-right: -30px;
    background: url(#);
    z-index: 9;
}
.hr-circle-center {
    height: 130px;
    width: 130px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -65px;
    margin-top: -65px;
    background: #158CF2;
    border-radius: 65px;
    border: 6px solid #88C8FF;
    overflow: hidden;
    text-align: center;
    z-index: 3;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hr-circle-big.png'); /* IE6 */
    _ background-image: none; /* IE6 */
}
ul.hr-circle-reset, ul.hr-circle-reset li {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.hr-circle-reset li {
    position: absolute;
    text-align: center;
}
ul.hr-circle-reset li a {
    outline: none;
    text-shadow: none;
}
.hr-circle-reset .hr-circle-small {
    display: block;
    height: 60px;
    width: 60px;
    background: #158CF2;
    border-radius: 30px;
    border: 6px solid #88C8FF;
    overflow: hidden;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hr-circle-small.png'); /* IE6 */
    _ background-image: none; /* IE6 */
}
.hr-circle-content {
    height: 100%;
    width: 560px;
    position: relative;
}
.hr-center-name {
    display: block;
    padding-top: 100px;
*+padding-top:110px;
text-decoration: underline;
position: relative;
z-index: 0;
}
.hr-circle-info .hr-circle-info-content {
    margin: 20px;
}
.hr-circle-info .hr-circle-info-top {
}
.hr-circle-info .hr-circle-info-top {
}
.hr-circle-info-top .circle-info-search > input {
    border: 0;
    color: #066FCB;
}
/*------------------------------------生态圈的样式结束------------------------------------*/
/*上传控件*/
.hr-uploading input {
    height: 28px;
    line-height: 26px;
    vertical-align: middle;
    font-size: 12px;
}
.u-file-btn {
    border: 0;
    position: relative;
    direction: ltr;
    height: 28px;
*+height:32px;
overflow: hidden;
line-height: 28px;
*+height:32px;
margin: 0 10px;
text-align: center;
width: 105px;
background: #0e90d2;
color: #FFF;
border-radius: 3px;
font-size: 12px;
display: inline-block;
*+zoom:1;
*+display:inline;
vertical-align: middle;
}
.u-file-btn:hover {
    background: #119CE2;
}
.u-file-btn input {
    cursor: pointer;
    text-align: right;
    z-index: 10;
    /* font-size: 118px; */
    /* font-size: 118px 工作正常; */
    position: absolute;
    top: 0px;
    right: 0px;
    opacity: 0;
    filter: Alpha(opacity:0);
    height: 100%;
}
/*上传控件*/


/*input的文字样式*/
input.DefaultText {
    color: #989898;
}
input.CustomText {
    color: #404040;
}
/*input的文字样式*/

/*复选框的样式*/
.hr-input-checkbox label {
    font-size: 0;
    padding-left: 4px;
    display: inline-block;
}
.hr-input-checkbox input {
    vertical-align: middle;
    margin-right: 2px;
*+margin-right: 0px;
outline: none;
}
.hr-input-checkbox span {
    vertical-align: middle;
    font-size: 12px;
    margin-right: 10px;
    color: #222;
*+margin-right: 0px;
}
.hr-input-checkbox-width label {
    width: 70px;
}
.hr-input-checkbox-width span {
    margin-right: 0;
}
.hr-checkbox-disabled span {
    color: #ddd;
}
.hr-input-checkbox-span {
    font-size: 12px;
    color: #222;
}
.hr-input-checkbox-span input {
    vertical-align: middle;
}
.hr-input-checkbox-span label {
    vertical-align: middle;
    margin: 0 10px 0 2px;
    width: 52px;
    display: inline-block;
    font-size: 12px;
}
/*复选框的样式*/
/*查询条件修改开始*/
.hr-search-table {
    width: 100%;
    font-size: 12px;
}
.hr-search-table tr td, .hr-search-table tr th {
    white-space: nowrap;
}
.hr-search-table tr td {
    padding: 3px;
    text-align: center;
}
.hr-search-table input {
    width: 150px;
*+width:144px;
height: 28px;
line-height: 28px;
padding-left: 3px;
border: 1px solid #ddd;
border-radius: 3px;
}
.hr-search-table textarea {
    width: 978px;
*+width:948px;
border: 1px solid #ddd;
border-radius: 3px;
}
.hr-standard_select {
    display: inline-block;
    *display:inline;
    *zoom:1;
    border: solid 1px #ddd;
    border-radius: 3px;
    padding: 3px;
    font-size: 0;
    height: 28px;
*+height:22px;
}
.hr-select_shelter {
    display: inline-block;
    *display:inline;
    *zoom:1;
    width: 142px;
    height: 20px;
    overflow: hidden;
    font-size: 12px;
}
.hr-select_shelter select {
    border: 0;
    width: 142px;
    padding: 1px;
    *margin-top:-2px;
    *margin-left:-1px;
    *margin-right:-1px;
}
.hr-search-table span {
    margin-right: 0;
    background: #fff;
}
/*查询条件修改结束*/
/*独立于div的按钮样式*/
.hr-button-cyan {
    background: #25CCA7;
    padding: 2px 8px;
    border: 0;
    color: #fff !important;
    font-size: 12px;
    border-radius: 3px;
*+padding: 2px 4px;
margin: 0 4px;
}
.hr-button-cyan:hover {
    background: #2fe2ba;
    color: #fff;
}
.hr-button-blue {
    background: #0e90d2;
    padding: 2px 8px;
    border: 0;
    color: #fff !important;
    font-size: 12px;
    border-radius: 3px;
*+padding: 2px 4px;
margin: 0 4px;
}
.hr-button-blue:hover {
    background: #33ACEA;
    color: #fff;
}
.hr-button-red {
    background: #d2610e;
    padding: 2px 8px;
    border: 0;
    color: #fff !important;
    font-size: 12px;
    border-radius: 3px;
*+padding: 2px 4px;
margin: 0 4px;
}
.hr-button-red:hover {
    background: #ED7D2B;
    color: #fff;
}
.hr-button-green {
    background: #0ed245;
    padding: 2px 8px;
    border: 0;
    color: #fff !important;
    font-size: 12px;
    border-radius: 3px;
*+padding: 2px 4px;
margin: 0 4px;
}
.hr-button-green:hover {
    background: #2CE761;
    color: #fff;
}
.hr-button-spacial-input {
    background: #fff;
    color: #0e90d2;
    text-decoration: underline;
    outline: none;
    vertical-align: initial !important;
}
.hr-button-spacial-input:hover {
    background: #fff;
    color: #0B618D;
    text-decoration: underline;
}
/*独立于div的按钮样式*/
/*分页添加样式开始*/
.page-jump input {
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    vertical-align: middle;
    margin-right: 5px;
}
.page-jump {
    display: inline-block;
*+zoom:1;
*+display:inline;
margin: 10px 0px;
vertical-align: middle;
}
.page-jump input.hr-btn-go {
    line-height: normal;
    font-family: Arial, Helvetica, sans-serif;
    background: #df634b;
    border: 1px solid #df634b;
    color: #fff;
    border-radius: 3px;
}
.page-jump input.hr-btn-go:hover {
    background: #d15e47;
}
.page-jump.page-jump-color input.hr-btn-go:hover {
    background: #0e87c4;
}
/*分页添加样式结束*/
/*标题样式开始*/
h5.hr-tittle-lvlthree {
    margin-bottom: 6px;
    color: #444;
    font-size: 12px;
    overflow: hidden;
}
.hr-tittle-lvlone {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.hr-tittle-lvlone a {
    color: #333;
}
.hr-tittle-lvlone a:hover {
    color: #37b4f3;
}
.hr-tittle-lvlone .hr-tittle-lvlone-now {
    color: #005aaa;
}
/*标题样式结束*/
/*站点地图样式开始*/
.hr-sitemap {
    font-size: 12px;
}
.hr-sitemap a {
    color: #222;
}
.hr-sitemap a:hover {
    color: #37b4f3;
}
.hr-sitemap .hr-sitemap-now {
    font-size: 14px;
    color: #005aaa;
}
/*站点地图样式结束*/
/*头部样式为图片的表格*/
.hr-click-img img {
    height: 100%;
*+height:45px;
}
/*头部样式为图片的表格*/
/*独立A标签按钮*/
a.hr-a-button:hover {
    color: #fff;
}
.hr-a-button {
    cursor: pointer;
    display: inline-block;
}
/*流程平台箭头样式*/
.myarrow {
    background: url(../images/white-arrow.png) no-repeat;
    width: 11px;
    height: 100%;
    float: left;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/white-arrow.png'); /* IE6 */
    _ background-image: none; /* IE6 */

}
.active span.myarrow {
    background: url(../images/blue-arrow.png) no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/blue-arrow.png'); /* IE6 */
    _ background-image: none; /* IE6 */
}
.hrtopnav a:hover .myarrow {
    background: url(../images/blue-arrow.png) no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/blue-arrow.png'); /* IE6 */
    _ background-image: none; /* IE6 */
}
.myright {
    float: left;
    margin-right: 4px;
}
.hr-tittle-lvlone img {
    vertical-align: text-top;
    margin-right: 4px;
}
/*进度条样式开始*/
.hr-searchbtn-margin {
    margin: 5px 5px;
}
.hr-search-marginb {
    margin-bottom: 10px;
}
.hr-progress {
    width: 100%;
    height: 50px;
;
*+height:70px;
position: relative;
}
.jd {
    width: 100%;
    height: 10px;
    margin: 20px 0px;
    border-radius: 10px;
    background-color: #d8d8d8;
    position: relative;
}
.step {
    position: absolute;
    overflow: visible;
    top: -20px;
*+top:0px;
width: 100%;
}
.step1, .step2, .step3, .step4, .step5, .step6, .step7, .step8, .step9, .step10 {
    position: relative;
    min-height: 50px;
    overflow: visible;
    top: 10px;
    float: left;
    cursor: pointer;
}
.stepstyle {
    width: 100%;
    text-align: center;
    z-index: 9;
    position: absolute;
}
.stepstyle span.steptop {
    background: url(../images/circle-gray.png) center center no-repeat;
    height: 26px;
    line-height: 26px;
    border-radius: 13px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    display: block;
    _background: url(../images/circle-gray.jpg) center center no-repeat;
    _margin-top: 2px;
}
.stepstyle span.steptext {
    color: #666;
    font-size: 12px;
    line-height: 22px;
    display: block;
    margin-top: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.s1 .step1 .stepleft, .s2 .step2 .stepleft, .s3 .step3 .stepleft, .s4 .step4 .stepleft, .s5 .step5 .stepleft, .s6 .step6 .stepleft, .s7 .step7 .stepleft, .s8 .step8 .stepleft, .s9 .step9 .stepleft, .s10 .step10 .stepleft {
    height: 10px;
    position: absolute;
    z-index: 8;
    background-color: #B0DB4E;
    top: 10px;
    border-radius: 10px 0px 0px 10px;
}
.s2 .step1 .stepleft, .s3 .step1 .stepleft, .s4 .step1 .stepleft, .s5 .step1 .stepleft, .s6 .step1 .stepleft, .s7 .step1 .stepleft, .s8 .step1 .stepleft, .s9 .step1 .stepleft, .s10 .step1 .stepleft {
    border-radius: 10px 0px 0px 10px;
    height: 10px;
    position: absolute;
    background-color: #B0DB4E;
    top: 10px;
}
.s2 .step2 .stepleft, .s3 .step2 .stepleft, .s4 .step2 .stepleft, .s5 .step2 .stepleft, .s6 .step2 .stepleft, .s7 .step2 .stepleft, .s8 .step2 .stepleft, .s9 .step2 .stepleft, .s10 .step2 .stepleft {
    height: 10px;
    position: absolute;
    background-color: #B0DB4E;
    top: 10px;
    border-radius: 0px 10px 10px 0px;
}
.s3 .step2 .stepleft {
    border-radius: 0px;
}
.s3 .step3 .stepleft, .s4 .step3 .stepleft, .s5 .step3 .stepleft, .s6 .step3 .stepleft, .s7 .step3 .stepleft, .s8 .step3 .stepleft, .s9 .step3 .stepleft, .s10 .step3 .stepleft {
    height: 10px;
    position: absolute;
    background-color: #B0DB4E;
    top: 10px;
    border-radius: 0px 10px 10px 0px;
}
.s4 .step2 .stepleft, .s4 .step3 .stepleft {
    border-radius: 0px;
}
.s4 .step4 .stepleft, .s5 .step4 .stepleft, .s6 .step4 .stepleft, .s7 .step4 .stepleft, .s8 .step4 .stepleft, .s9 .step4 .stepleft, .s10 .step4 .stepleft {
    height: 10px;
    position: absolute;
    background-color: #B0DB4E;
    top: 10px;
    border-radius: 0px 10px 10px 0px;
}
.s5 .step5 .stepleft, .s6 .step5 .stepleft, .s7 .step5 .stepleft, .s8 .step5 .stepleft, .s9 .step5 .stepleft, .s10 .step5 .stepleft {
    height: 10px;
    position: absolute;
    background-color: #B0DB4E;
    top: 10px;
    top: 10px;
    border-radius: 0px 10px 10px 0px;
}
.s5 .step2 .stepleft, .s5 .step3 .stepleft, .s5 .step4 .stepleft {
    border-radius: 0px;
}
.s6 .step6 .stepleft, .s7 .step6 .stepleft, .s8 .step6 .stepleft, .s9 .step6 .stepleft, .s10 .step6 .stepleft {
    height: 10px;
    position: absolute;
    background-color: #B0DB4E;
    top: 10px;
    border-radius: 0px 10px 10px 0px;
}

.s6 .step2 .stepleft, .s6 .step3 .stepleft, .s6 .step4 .stepleft, .s6 .step5 .stepleft {
    border-radius: 0px;
}
.s7 .step7 .stepleft, .s8 .step7 .stepleft, .s9 .step7 .stepleft, .s10 .step7 .stepleft {
    height: 10px;
    position: absolute;
    background-color: #B0DB4E;
    top: 10px;
    border-radius: 0px 10px 10px 0px;
}
.s7 .step2 .stepleft, .s7 .step3 .stepleft, .s7 .step4 .stepleft, .s7 .step5 .stepleft, .s7 .step6 .stepleft {
    border-radius: 0px;
}
.s8 .step8 .stepleft, .s9 .step8 .stepleft, .s10 .step8 .stepleft {
    height: 10px;
    position: absolute;
    background-color: #B0DB4E;
    top: 10px;
    border-radius: 0px 10px 10px 0px;
}
.s8 .step2 .stepleft, .s8 .step3 .stepleft, .s8 .step4 .stepleft, .s8 .step5 .stepleft, .s8 .step6 .stepleft, .s8 .step7 .stepleft {
    border-radius: 0px;
}
.s9 .step9 .stepleft, .s10 .step9 .stepleft {
    height: 10px;
    position: absolute;
    background-color: #B0DB4E;
    top: 10px;
    border-radius: 0px 10px 10px 0px;
}
.s9 .step2 .stepleft, .s9 .step3 .stepleft, .s9 .step4 .stepleft, .s9 .step5 .stepleft, .s9 .step6 .stepleft, .s9 .step7 .stepleft, .s9 .step8 .stepleft {
    border-radius: 0px;
}
.s10 .step10 .stepleft {
    height: 10px;
    position: absolute;
    background-color: #B0DB4E;
    top: 10px;
    border-radius: 0px 10px 10px 0px;
}
.s10 .step2 .stepleft, .s10 .step3 .stepleft, .s10 .step4 .stepleft, .s10 .step5 .stepleft, .s10 .step6 .stepleft, .s10 .step7 .stepleft, .s10 .step8 .stepleft, .s10 .step9 .stepleft {
    border-radius: 0px;
}
.s1 .step1 .stepleft {
    width: 100%;
}
.s2 .step1 .stepleft, .s2 .step2 .stepleft {
    width: 100%;
}
.s3 .step1 .stepleft, .s3 .step2 .stepleft, .s3 .step3 .stepleft {
    width: 100%;
}
.s4 .step1 .stepleft, .s4 .step2 .stepleft, .s4 .step3 .stepleft, .s4 .step4 .stepleft {
    width: 100%;
}
.s5 .step1 .stepleft, .s5 .step2 .stepleft, .s5 .step3 .stepleft, .s5 .step4 .stepleft, .s5 .step5 .stepleft {
    width: 100%;
}
.s6 .step1 .stepleft, .s6 .step2 .stepleft, .s6 .step3 .stepleft, .s6 .step4 .stepleft, .s6 .step5 .stepleft, .s6 .step6 .stepleft {
    width: 100%;
}
.s7 .step1 .stepleft, .s7 .step2 .stepleft, .s7 .step3 .stepleft, .s7 .step4 .stepleft, .s7 .step5 .stepleft, .s7 .step6 .stepleft, .s7 .step7 .stepleft {
    width: 100%;
}
.s8 .step1 .stepleft, .s8 .step2 .stepleft, .s8 .step3 .stepleft, .s8 .step4 .stepleft, .s8 .step5 .stepleft, .s8 .step6 .stepleft, .s8 .step7 .stepleft, .s8 .step8 .stepleft {
    width: 100%;
}
.s9 .step1 .stepleft, .s9 .step2 .stepleft, .s9 .step3 .stepleft, .s9 .step4 .stepleft, .s9 .step5 .stepleft, .s9 .step6 .stepleft, .s9 .step7 .stepleft, .s9 .step8 .stepleft, .s9 .step9 .stepleft {
    width: 100%
}
.s10 .step1 .stepleft, .s10 .step2 .stepleft, .s10 .step3 .stepleft, .s10 .step4 .stepleft, .s10 .step5 .stepleft, .s10 .step6 .stepleft, .s10 .step7 .stepleft, .s10 .step8 .stepleft, .s10 .step9 .stepleft, .s10 .step10 .stepleft {
    width: 100%;
}
.s1 .step1 .steptop {
    background: url(../images/circle-green.png) center center no-repeat;
    _background: url(../images/circle-green.jpg) center center no-repeat;
    _margin-top: 2px;
}
.s2 .step1 .steptop, .s2 .step2 .steptop {
    background: url(../images/circle-green.png) center center no-repeat;
    _background: url(../images/circle-green.jpg) center center no-repeat;
    _margin-top: 2px;
}
.s3 .step1 .steptop, .s3 .step2 .steptop, .s3 .step3 .steptop {
    background: url(../images/circle-green.png) center center no-repeat;
    _background: url(../images/circle-green.jpg) center center no-repeat;
    _margin-top: 2px;
}
.s4 .step1 .steptop, .s4 .step2 .steptop, .s4 .step3 .steptop, .s4 .step4 .steptop {
    background: url(../images/circle-green.png) center center no-repeat;
    _background: url(../images/circle-green.jpg) center center no-repeat;
    _margin-top: 2px;
}
.s5 .step1 .steptop, .s5 .step2 .steptop, .s5 .step3 .steptop, .s5 .step4 .steptop, .s5 .step5 .steptop {
    background: url(../images/circle-green.png) center center no-repeat;
    _background: url(../images/circle-green.jpg) center center no-repeat;
    _margin-top: 2px;

}
.s6 .step1 .steptop, .s6 .step2 .steptop, .s6 .step3 .steptop, .s6 .step4 .steptop, .s6 .step5 .steptop, .s6 .step6 .steptop {
    background: url(../images/circle-green.png) center center no-repeat;
    _background: url(../images/circle-green.jpg) center center no-repeat;
    _margin-top: 2px;
}
.s7 .step1 .steptop, .s7 .step2 .steptop, .s7 .step3 .steptop, .s7 .step4 .steptop, .s7 .step5 .steptop, .s7 .step6 .steptop, .s7 .step7 .steptop {
    background: url(../images/circle-green.png) center center no-repeat;
    _background: url(../images/circle-green.jpg) center center no-repeat;
    _margin-top: 2px;
}
.s8 .step1 .steptop, .s8 .step2 .steptop, .s8 .step3 .steptop, .s8 .step4 .steptop, .s8 .step5 .steptop, .s8 .step6 .steptop, .s8 .step7 .steptop, .s8 .step8 .steptop {
    background: url(../images/circle-green.png) center center no-repeat;
    _background: url(../images/circle-green.jpg) center center no-repeat;
    _margin-top: 2px;
}
.s9 .step1 .steptop, .s9 .step2 .steptop, .s9 .step3 .steptop, .s9 .step4 .steptop, .s9 .step5 .steptop, .s9 .step6 .steptop, .s9 .step7 .steptop, .s9 .step8 .steptop, .s9 .step9 .steptop {
    background: url(../images/circle-green.png) center center no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/circle-green.png'); /* IE6 */
    _ background-image: none; /* IE6 */
}
.s10 .step1 .steptop, .s10 .step2 .steptop, .s10 .step3 .steptop, .s10 .step4 .steptop, .s10 .step5 .steptop, .s10 .step6 .steptop, .s10 .step7 .steptop, .s10 .step8 .steptop, .s10 .step9 .steptop, .s10 .step10 .steptop {
    background: url(../images/circle-green.png) center center no-repeat;
    _background: url(../images/circle-green.jpg) center center no-repeat;
    _margin-top: 2px;
}
.w1 .step1 {
    width: 100%;
}
.w2 .step1, .w2 .step2 {
    width: 50%;
}
.w3 .step1, .w3 .step2, .w3 .step3 {
    width: 33.333%;
}
.w4 .step1, .w4 .step2, .w4 .step3, .w4 .step4 {
    width: 25%;
    _width: 24%
}
.w5 .step1, .w5 .step2, .w5 .step3, .w5 .step4, .w5 .step5 {
    width: 20%;
    _width: 19%
}
.w6 .step1, .w6 .step2, .w6 .step3, .w6 .step4, .w6 .step5, .w6 .step6 {
    width: 16.666%;
    _width: 15.666%
}
.w7 .step1, .w7 .step2, .w7 .step3, .w7 .step4, .w7 .step5, .w7 .step6, .w7 .step7 {
    width: 14.285%;
    _width: 13.285%
}
.w8 .step1, .w8 .step2, .w8 .step3, .w8 .step4, .w8 .step5, .w8 .step6, .w8 .step7, .w8 .step8 {
    width: 12.5%;
}
.w9 .step1, .w9 .step2, .w9 .step3, .w9 .step4, .w9 .step5, .w9 .step6, .w9 .step7, .w9 .step8, .w9 .step9 {
    width: 11.111%
}
.w10 .step1, .w10 .step2, .w10 .step3, .w10 .step4, .w10 .step5, .w10 .step6, .w10 .step7, .w10 .step8, .w10 .step9, .w10 .step10 {
    width: 10%;
}
.hr-blockthree h4.hr-progress-height {
    height: 65px;
    padding-left: 0;
    overflow: hidden;
}
.w1 .step2, .w1 .step3, .w1 .step4, .w1 .step5, .w1 .step6, .w1 .step7, .w1 .step8, .w1 .step9, .w1 .step10 {
    display: none;
}
.w2 .step3, .w2 .step4, .w2 .step5, .w2 .step6, .w2 .step7, .w2 .step8, .w2 .step9, .w2 .step10 {
    display: none;
}
.w3 .step4, .w3 .step5, .w3 .step6, .w3 .step7, .w3 .step8, .w3 .step9, .w3 .step10 {
    display: none;
}
.w4 .step5, .w4 .step6, .w4 .step7, .w4 .step8, .w4 .step9, .w4 .step10 {
    display: none;
}
.w5 .step6, .w5 .step7, .w5 .step8, .w5 .step9, .w5 .step10 {
    display: none;
}
.w6 .step7, .w6 .step8, .w6 .step9, .w6 .step10 {
    display: none;
}
.w7 .step8, .w7 .step9, .w7 .step10 {
    display: none;
}
.w8 .step9, .w8 .step10 {
    display: none;
}
.w9 .step10 {
    display: none;
}
/*进度条样式结束*/
.hr-search-btntwo {
    display: block;
    height: 28px;
    line-height: 28px;
    margin: 3px 25px;
}
.hr-search-testtable {
    display: none;
}
.hr-addbtn {
    margin: 10px 0 5px 0;
    text-align: right;
}
/*有tab的表格开始*/
.hr-blockthree .hr-click.hr-tabh4 {
    border-radius: 0 5px 0 0;
}
/*有tab的表格结束*/
.hr-font-hint {
    color: #F00;
    font-size: 12px;
    vertical-align: middle;
}
/*资产页的list处理开始*/
.hr-list.hr-list-money {
    border-bottom: 10px solid #EDEFF2;
}
.hr-list-money ul {
    padding: 0;
    margin: 0px 0 16px 0;
}
.hr-list.hr-list-money li {

    margin: 0;
    position: relative;
    width: 19%;
    color: #333;
    display: inline-block;
    float: none;
*+zoom:1;
*+display:inline;
}
.hr-list.hr-list-money p {
    font-size: 28px;
    color: #818181;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 0;
}
.hr-list.hr-list-money .icon {
    position: relative;
    z-index: 0;
}
.hr-list.hr-list-money li .icon img {
    vertical-align: middle;
    margin-right: 6px;
}
.hr-list.hr-list-money li .icon span {
    font-size: 14px;
    vertical-align: middle;
    color: #818181;
}
.hr-small-hint {
    position: absolute;
    top: 0px;
    left: 165px;
    width: 200px;
    z-index: 3;
    display: none;
}
.hr-small-hint img {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
}
.hr-small-hint ul {
    margin: 0;
    padding: 0;
    margin-left: 8px;
    background: #F4F4F4;
    border: 1px solid #60BEF4;
    border-radius: 3px;
    padding: 10px;
}
.hr-list-money .hr-small-hint li {
    float: none;
    width: 100%;
    border: 0;
    padding: 0;
    text-align: left;
}
.hr-small-hint li label {
    font-size: 14px;
    display: inline-block;
    width: 90px;
    text-align: right;
}
.hr-small-hint li span {
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
    color: #000;
}
.hr-list-money ul li:hover .hr-small-hint {
    display: block;
}
.question {
    position: relative;
    float: right;
    top: -102px;
}
.question .hr-small-hint {
    left: -270px;
    width: 250px;
    top: -44px;
}
.question .hr-small-hint img {
    left: 100%;
*+margin-left:-3px;
}
.question .hr-small-hint ul {
    margin-right: -3px;
*+margin-right:0;
}
.question .hr-small-hint li {
    font-size: 14px;
}
.question:hover .hr-small-hint {
    display: block;
}
/*资产页的list处理结束*/

/*证明指南页样式开始*/
.hr-guide-tittle {
    font-size: 14px;
    font-weight: bold;
    height: 35px;
    background: #efefef;
    width: 98%;
    _width: 95%;
    line-height: 35px;
    padding-left: 20px;
}
.hr-guideleft i {
    width: 8px;
    _width: 16px;
    height: 8px;
    display: inline-block;
    _display: inline;
    _zoom: 1;
    background: #005aaa;
    vertical-align: baseline;
*+vertical-align:middle;
margin-right: 10px;
}
.hr-guideleft i, .hr-guideleft span {
    line-height: 28px;
}
.hr-guide-content {
    font-size: 12px;
    overflow: hidden;
    width: 90%;
    padding-left: 20px
}
.hr-guide-content p {
    margin: 0;
    line-height: 28px;
}
.hr-guideleft {
    float: left;
    _margin-top: 7px;
}
.hr-guideright {
    float: right;
    width: 80%;
}
.hr-guideblock {
    overflow: hidden;
    margin-top: 20px;
    _width: 100%;
}
.hr-guideblock.hr-sp {
    margin-top: 0px;
}
.hr-guide-remark {
    background: #effffe;
}
.hr-guidebox {
    border-left: 1px solid #959595;
    padding-left: 40px;
    margin-left: 40px;
    padding-top: 10px;
    position: relative;
}
.hr-guideicon {
    position: absolute;
    top: 0;
    left: -28px;
    _left: -70px;
}
.hr-guideright .hr-select_shelter {
    width: 450px;
}
.hr-guideright .hr-select_shelter select {
    width: 450px;
}
.hr-guide-content p a {
    margin-right: 20px;
    text-decoration: underline;
}
.hr-guide-content .hr-table.hr-table-th th {
    background: #effffe;
    border: 0 none;
}
.hr-guide-content .hr-table.hr-table-th td {
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none;
    border-bottom: 1px dashed #ECE9E9;
}
.hr-guide-content .hr-table tr.odd {
    background: #f9f9f9;
}
/*证明指南页样式结束*/
/*异常页面的样式开始*/
.hr-abnormal {
    text-align: center;
}
.hr-abnormal img {
    width: 100%;
    max-width: 793px;
    _width: 793px;
}
/*.hr-abnormal span{
	background:url(../images/back.png) no-repeat;
	width:109px;
	height:109px;
    display: inline-block;
	*+zoom:1;
	*+display:inline;
	position: absolute;
    bottom: 214px;
    right: 126px;
	cursor: pointer;
	}
.hr-abnormal span:active{
	background:url(../images/back-hover.png) no-repeat;
	}*/
/*异常页面的样式结束*/
/*search用input的条件开始*/
.hr-searchbox .hr-search-table .search-input {
    width: auto;
    height: auto;
    line-height: normal;
    padding: 5px 8px;
    float: left;
}
.hr-searchbox .search-input {
    width: auto;
    height: auto;

    line-height: normal;
    padding: 5px 8px;
    float: left;
}
/*search用input的条件结束*/

/*公告页样式开始*/
.hr-notice {
    background: url(../images/notice.png) no-repeat;
    width: 100%;
    height: auto;
    background-size: 100% 100%;
    font-size: 12px;
    min-height: 515px;
}
.hr-notice-tittle {
    width: 350px;
    margin: 0 auto;
    height: auto;
    text-align: center;
    border-bottom: 2px solid #217ff3;
}
.hr-notice-tittle span {
    font-size: 24px;
    color: #005aaa;
    margin-left: 5px;
}
.hr-notice-tittle img {
    vertical-align: sub;
}
.hr-noticebox {
    width: 650px;
    margin: 20px auto 0;
}
.hr-noticebox p {
    margin: 0;
    line-height: 32px;
}
.hr-notice-indent {
    text-indent: 2em;
}
/*公告页样式结束*/
/*时间管理样式开始*/
.hr-banner img {
    width: 100%;
}
.hr-effect-detial h4 {
    height: 38px;
    background: #EDEDED;
    font-size: 14px;
    font-weight: normal;
    line-height: 38px;
    color: #4D4D4D;
    margin-bottom: 24px;
}
.hr-effect-detial h4 i {
    display: inline-block;
*+zoom:1;
*+display:inline;
height: 14px;
width: 4px;
background: #3D94FF;
margin-right: 20px;
vertical-align: middle;
}
.hr-effect-detial .hr-effect-content {
    margin: 14px 0;
}
.hr-effect-detial .hr-effect-content .left {
    margin: 0 10px;
    font-size: 14px;
}
.hr-effect-detial .hr-effect-content .left span {
    display: inline-block;
*+zoom:1;
*+display:inline;
width: 104px;
text-align: center;
height: 24px;
background: #38B0D8;
color: #fff;
border-radius: 3px;
line-height: 24px;
vertical-align: middle;
}
.hr-effect-detial .hr-effect-content .left img {
    vertical-align: middle;
}
.hr-effect-detial .hr-effect-content .content-right {
    font-size: 12px;
    padding-left: 130px;
    color: #333333;
}
.hr-effect-detial .hr-effect-content .content-right p {
    margin: 0;
    margin-bottom: 4px;
}
/*时间管理样式结束*/

/*成功提示框开始*/
.hr-hint-frame {
    height: 220px;
    width: 520px;
    background: #F0FAFF;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -110px;
    margin-left: -260px;
}
.hr-hint-frame .hint-frame-content {
    width: 380px;
    margin: 0 auto;
    padding: 28px 0;
    text-align: center;
}
.hr-hint-frame .hint-frame-content .frame-info {
    font-size: 20px;
    color: #535555;
    padding: 10px 0 18px 0;
}
.hr-hint-frame .hint-frame-content .frame-info img {
    vertical-align: middle;
}
.hr-hint-frame .hint-frame-content .frame-info span {
    vertical-align: middle;
    padding-left: 20px;
}
.hr-hint-frame .hint-frame-content h3 {
    border-top: 1px solid #DCDFE1;
}
.blue-button {
    font-size: 18px;
    color: #fff;
    background: #1372C6;
    border: none;
    padding: 8px 30px;
    border-radius: 3px;
}
.blue-button:hover {
    background: #157CDB;
}
.blue-button:active {
    background: #1267B4;
}
.blue-button:focus {
    background: #1267B4;
}
.orange-button {
    font-size: 18px;
    color: #fff;
    background: #F37112;
    border: none;
    padding: 8px 30px;
    border-radius: 3px;
    margin-left: 28px;
}
.orange-button:hover {
    background: #F7791F;
}
.orange-button:active {
    background: #E5711C;
}
.orange-button:focus {
    background: #E5711C;
}
/*成功提示框结束*/
/*对a标签的颜色处理开始*/
.hr-a-bluecolor a {
    color: #0e90d2;
}
/*对a标签的颜色处理结束*/
/*对轮播插件控制位置样式开始*/
.hr-slide-set {
    max-width: 600px;
}
/*对轮播插件控制位置样式结束*/
/*对table中的textarea与input进行处理开始*/
.hr-table-textarea {
    height: 45px;
    width: 100%;
    text-align: center;
    padding: 12px 0;
*+padding:0;
}
.hr-table-input {
}
/*对textarea进行处理开始*/
/*拖拽效果样式开始*/
.hr-special input {
    vertical-align: middle;
    margin-left: 7px;
*+margin-left:0;
}
.hr-special label {
    padding: 0 0 0 5px;
}
.ui-icon.hr-sp-po {
    background: url(../images/sp-ar.png) no-repeat;
    _background: url(../images/sp-ar.jpg) no-repeat;
    width: 15px;
    height: 15px;
}
.hr-table.hr-table-th td.hr-sp-border {
    border-left: 0 none;
    border-top: 0 none;
    border-bottom: 0 none;
    background: #fff;
}
.hr-table.hr-table-th th.hr-sp-border {
    border-left: 0 none;
    border-top: 0 none;
    border-bottom: 0 none;
    background: #fff;
}
/*拖拽效果样式结束*/
/*禁用效果样式开始*/
.hr-placeholder {
    color: #ccc;
    padding-left: 10px;
*+padding-left:0;
}
.hr-table-noborder tr select.hr-select-disabled, .hr-table-noborder tr textarea.hr-textarea-disabled, .hr-table-noborder tr input.hr-input-disabled {
    background: #e5e5e5;
    color: #a6a6a6;
}
.hr-td-disabled {
    background: #e5e5e5;
}
.hr-input-disabled, .hr-select-disabled, .hr-textarea-disabled {
    background: #e5e5e5;
    color: #a6a6a6;
}
.hr-input-auto {
    background: url(../images/self-motion.png) no-repeat center;
}
/*禁用效果样式结束*/
/*文字排版开始*/
.hr-font-box {
    font-size: 14px;
    margin: 10px 0;
}
.hr-font-box h4 {
    margin: 0;
    color: #292929;
}
.hr-font-box .hr-font-content ul {
    margin: 0;
    padding: 0;
}
.hr-font-box .hr-font-content {
    text-indent: 20px;
}
.hr-font-box .hr-font-content p {
    margin: 6px 0 0 0;
    padding: 0;
}
.hr-font-box .hr-font-content .link {
    color: #005580;
    cursor: pointer;
}
.hr-font-box .hr-font-content .link:hover {
    text-decoration: underline;
}
.hr-font-box .hr-font-bg {
    background: #DCDCDC;
}
/*文字排版结束*/
/*竖版系统页面样式开始*/
.hr-system-box {
    margin-bottom: 20px;
}
.hr-system-box .hr-system-boxheader {
    padding: 10px 0;
    overflow: hidden;
    background: #F0F0F0;
}
.hr-system-boxheader .system-name {
    float: left;
    margin-right: 16px;
    font-size: 15px;
    font-weight: bold;
}
.hr-system-boxheader .header-icon {
    height: 24px;
    width: 4px;
    display: inline-block;
    background: #26A4E8;
    float: left;
}
.hr-system-boxheader .system-name span {
    margin-left: 20px;
}
.hr-system-boxheader .system-detial {
    float: left;
    font-size: 13px;
    padding-top: 2px;
}
.hr-system-boxheader .system-detial a {
    cursor: pointer;
}
.hr-system-boxcontent {
    padding: 15px;
}
.system-apply {
    overflow: hidden;
    margin: 0;
    padding: 15px 0 0 0;
}
.system-apply li {
    float: left;
    position: relative;
    width: 130px;
    margin: 0 20px 0px 10px;
    height: 260px;
}
.system-apply li .system-apply-state-1 {
    position: absolute;
    right: 15px;
    background: #81ba53;
    border-radius: 2px;
    color: #fff;
    top: -10px;
    font-size: 12px;
    padding: 2px 6px;
}
.system-apply li .system-apply-state-0 {
    position: absolute;
    right: 15px;
    background: #BA7953;
    border-radius: 2px;
    color: #fff;
    top: -10px;
    font-size: 12px;
    padding: 2px 6px;
}
.system-apply li .system-apply-name {
    font-size: 14px;
    padding: 0;
    margin: 6px 0 0 0;
    color: #000000;
}
.system-apply li .system-apply-describe {
    padding: 0;
    margin: 0;
}
.system-apply li .system-apply-describe span {
    font-size: 13px;
    color: #5A5A5A;
    margin-right: 6px;
}
.system-apply li .system-apply-describe b {
    font-size: 12px;
    color: #999;
    font-weight: normal;
}
.system-apply li .system-icon {
    border-radius: 5px;
}
/*竖版系统页面样式结束*/
/*横版系统页面样式开始*/
.hr-tabcontent-border {
    border: 1px solid #ddd;
}
.hr-system-pop {
    font-size: 13px;
    color: #000;
    margin: 0 0 4px 0;
}
.hr-system-pop a {
    color: #0e90d2;
    cursor: pointer;
}
.hr-system-pop a:hover, .hr-system-pop a:focus {
    color: #095f8a;
}
/*横版系统页面样式结束*/
/*禁用的按钮样式开始*/
.hr-button-disabled {
    background: #ccc !important;
    outline: none;
    cursor: default !important;
}
/*禁用的按钮样式结束*/
/*输入信息页面样式开始*/
.hr-info-enterbox {
}
.hr-info-entertitle {
    font-size: 14px;
    color: #005ABC;
    margin: 0 0px 20px 20px;
    font-weight: bold;
}
.hr-info-entergroup {
    margin-bottom: 16px;
    overflow: hidden;
}
.hr-info-entergroup .info-enter-title {
    float: left;
    color: #333;
    font-size: 14px;
    width: 25%;
    text-align: right;
    padding-right: 20px;
    padding-top: 4px;
    font-weight: bold;
}
.hr-info-entergroup .info-enterinput {
    padding-left: 20%;
}
.hr-input-text {
    font-size: 14px !important;
    padding: 6px 0;
    max-width: 340px;
    width: 75%;
    padding-left: 6px;
    border: 1px solid #ddd;
    _width: 340px;
}
.info-enterinput .hr-standard_select {
    width: 75%;
    max-width: 340px;
    padding: 5px;
    border-radius: 0;
    _width: 340px;
}
.info-enterinput .hr-standard_select .hr-select_shelter {
    width: 100%;
    max-width: 340px;
    _width: 340px;

}
.info-enterinput .hr-standard_select .hr-select_shelter select {
    width: 100%;
    max-width: 340px;
    _width: 340px;
}
.info-enterinput .hr-uploading input {
    border: 1px solid #ddd;
}
/*输入信息页面样式结束*/


/*首页信息提示的帮助样式开始*/
.hr-pop-fixed {
    position: fixed;
    right: 10px;
    width: 41px;
    height: 41px;
    bottom: 80px;
    _position: absolute;
}
.hr-pop-fixed .pop-fixed-frame {
    position: relative;
    margin-bottom: 12px;
}
.hr-pop-fixed .pop-fixed-hover {
    display: none;
    padding: 10px;
    background-color: white;
    line-height: 26px;
    position: absolute;
    right: 41px;
    border: #0C80E8 solid 2px;
    bottom: 0;
    width: 180px;
}
.hr-font-left-right {
    margin: 0;
    padding: 0;
    font-size: 12px;
}
.hr-font-left-right a {
    color: #0088cc;
    text-decoration: underline;
    cursor: pointer;
}
.hr-font-left-right .hr-font-left {
    font-weight: bold;
    color: #000;
}
.hr-font-left-right .hr-font-right {
    color: #333;
}
.hr-pop-fixed .dimen-code {
    padding: 0;
    width: auto;
}
.hr-pop-fixed .dimen-code img {
    width: 180px;
    height: 180px;
}
/*首页信息提示的帮助样式结束*/

.hr-a {
    color: #0088cc;
    text-decoration: underline;
    cursor: pointer;
}
/*单选框的样式开始*/
.hr-radio-choose {
    vertical-align: middle;
}
.hr-radio-name {
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 2px;
}
/*单选框的样式结束*/
/*字体的设置开始*/
.font-red {
    color: #ED1C24 !important;
}
.font-green {
    color: #00FF00 !important;
}
/*字体的设置结束*/

/*首页的访问统计样式开始*/
.look-static {
    overflow: hidden;
    padding: 10px 0;
}
.look-static .look-left {
    float: left;
    width: 50%;
    border-right: 1px solid #D3D2D2;
}
.look-static .look-right {
    float: right;
    width: 47%;
}
.look-static .name {
    font-size: 12px;
    color: #fff;
    border-radius: 3px;
    padding: 0px 8px;
    display: inline-block;
}
.look-static .look-left .name {
    background: #15C2A7;
}
.look-static .look-right .name {
    background: #E1B351;
}
.look-static .number-b {
    margin-top: 10px;
    text-align: center;
}
.look-static .number {
    font-size: 16px;
    color: #333333;
    border-radius: 14px;
    padding: 2px 10px;
    text-align: center;
    min-width: 102px;
    display: inline-block;
}
.look-static .look-left .number {
    border: 1px solid #15C2A7;
}
.look-static .look-right .number {
    border: 1px solid #E1B351;
}
/*首页的访问统计样式结束*/

/*内页的访问统计样式开始*/
.look-static-b {
    float: right;
    margin-top: 6px;
}
.look-static-b .static {
    float: left;
    height: 20px;
    line-height: 20px;
    margin-right: 20px;
}
.look-static-b .static .name {
    font-size: 12px;
    color: #fff;
    float: left;
    padding: 0 10px;
    border-radius: 3px 0 0 3px;
}
.look-static-b .static .number {
    font-size: 16px;
    color: #808080;
    background: #f2f1f1;
    float: left;
    font-weight: 200;
    min-width: 70px;
    text-align: right;
    padding: 0px 10px;
    border-radius: 0 3px 3px 0;
}
.look-static-b .green-static .name {
    background-color: #15c2a7;
}
.look-static-b .blue-static .name {
    background-color: #33acea;
}
/*内页的访问统计样式结束*/

/*--------------------------------2018年ehr改版的样式添加开始--------------------------------*/
/*首页样式开始*/
.hr-toper-change {
    padding: 0 2%;
}
.hr-toper-change .hrlogo {
    min-width: 16%;
    width: auto;
}
.mypress {
    width: 30px;
    height: 100%;
    background-image: url(../images/mypress-w.png);
    background-position: 10px 19px;
    background-repeat: no-repeat;
    float: left;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mypress-w.png'); /* IE6 */
    _ background-image: none; /* IE6 */
    _margin-top: 19px;
    _margin-left: 9px;
    _margin-right: 2px;
    _height: auto;
}
a.active .mypress {
    background-image: url(../images/mypress-b.png);
    background-position: 7px 19px;
    background-repeat: no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mypress-b.png'); /* IE6 */
    _ background-image: none; /* IE6 */
    _margin-top: 19px;
    _margin-left: 9px;
    _margin-right: 2px;
    _height: auto;
}
.hrtopnav a:hover .mypress {
    background-image: url(../images/mypress-b.png);
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mypress-b.png'); /* IE6 */
    _ background-image: none; /* IE6 */
    _margin-top: 19px;
    _margin-left: 9px;
    _margin-right: 2px;
    _height: auto;
}
.myinfo {
    width: 30px;
    height: 100%;
    background-image: url(../images/myinfo-w.png);
    background-position: 7px 18px;
    background-repeat: no-repeat;
    float: left;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/myinfo-w.png'); /* IE6 */
    _ background-image: none; /* IE6 */
    _margin-top: 18px;
    _margin-left: 5px;
    _margin-right: 2px;
    _height: auto;
}
a.active .myinfo {
    background-image: url(../images/myinfo-b.png);
    background-position: 7px 18px;
    background-repeat: no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/myinfo-b.png'); /* IE6 */
    _ background-image: none; /* IE6 */
    _margin-top: 18px;
    _margin-left: 5px;
    _margin-right: 2px;
    _height: auto;
}
.hrtopnav a:hover .myinfo {
    background-image: url(../images/myinfo-b.png);
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/myinfo-b.png'); /* IE6 */
    _ background-image: none; /* IE6 */
    _margin-top: 18px;
    _margin-left: 5px;
    _margin-right: 2px;
    _height: auto;
}
.myxw {
    width: 30px;
    height: 100%;
    background-image: url(../images/myxw-w.png);
    background-position: 9px 18px;
    background-repeat: no-repeat;
    float: left;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/myxw-w.png'); /* IE6 */
    _ background-image: none; /* IE6 */
    _margin-top: 18px;
    _margin-left: 7px;
    _margin-right: 2px;
    _height: auto;
}
a.active .myxw {
    background-image: url(../images/myxw-b.png);
    background-position: 6px 18px;
    background-repeat: no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/myxw-b.png'); /* IE6 */
    _ background-image: none; /* IE6 */
    _margin-top: 18px;
    _margin-left: 5px;
    _margin-right: 2px;
    _height: auto;
}
.hrtopnav a:hover .myxw {
    background-image: url(../images/myxw-b.png);
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/myxw-b.png'); /* IE6 */
    _ background-image: none; /* IE6 */
    _margin-top: 18px;
    _margin-left: 5px;
    _margin-right: 2px;
    _height: auto;
}
.myshow-up {
    background: url(../images/myshow-w.png) no-repeat;
    width: 11px;
    height: 100%;
    float: left;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/myshow-w.png'); /* IE6 */
    _ background-image: none; /* IE6 */
}
.active span.myshow-up {
    background: url(../images/myshow-b.png) no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/myshow-b.png'); /* IE6 */
    _ background-image: none; /* IE6 */
}
.hrtopnav a:hover .myshow-up {
    background: url(../images/myshow-b.png) no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/myshow-b.png'); /* IE6 */
    _ background-image: none; /* IE6 */
}
.hr-toper-change .hrtopnav.newhrtopnav a {
    font-size: 14px;
}
.hr-toper-change .hrtopnav.newhrtopnav a.active {
    border-right: 1px solid #054D8C;
}
.hrt-r {
}
.hrt-h-search {
    width: 330px;
    overflow: hidden;
    margin-top: 9px;
    position: relative;
    float: left;
}
.hrt-h-search .text {
    background-color: #176DBA;
    border: 0;
    outline: none;
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding-left: 20px;
    font-size: 14px;
    display: block;
    border-radius: 18px 18px 18px 18px;
    padding-right: 80px;
    color: #8BB6DD;
    _color: #ffffff;
}
.hrt-h-search .text:focus {
    background-color: #1e86e4;
    color: #ffffff;
}
.hrt-h-search .search {
    border: 0;
    outline: none;
    position: absolute;
    right: 0;
    width: 64px;
    height: 32px;
    cursor: pointer;
    text-align: center;
    color: #ffffff;
}
.hrt-h-search .search img {
    margin-top: 4px;
}
.hrt-h-set {
    float: left;
    position: relative;
    line-height: 50px;
    height: 50px;
    padding: 0 10px;
    margin: 0 16px;
    color: #fff;
}
.hrt-h-set:hover {
    background: #1e86e4;
}
.hrt-h-set.active {
    background: #49a3c1;

}
.hrt-h-set .set-icon {
    overflow: hidden;
}
.hrt-h-set .set-icon .icon {
    height: 32px;
    width: 32px;
    margin-right: 6px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #fff;
    float: left;
    margin-top: 9px;
}
.hrt-h-set .set-icon .name {
    font-size: 14px;
    color: #ffffff;
    float: left;
}
.hrt-h-set:hover .set-icon .name {
    color: #fff;
}
.hrt-h-set.active .set-icon .name {
    color: #fff;
}
.hrt-h-set .set-icon .showup {
    background: url(../images/myshow-w.png) no-repeat;
    width: 11px;
    height: 50px;
    float: left;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/myshow-w.png'); /* IE6 */
    _ background-image: none; /* IE6 */
    display: inline-block;
    *display:inline;
    *zoom:1;
    margin-left: 6px;
}
.hrt-h-set .set-list {
    position: absolute;
    z-index: 100;
    top: 50px;
*+top: 44px;
left: 0;
padding: 0;
margin: 0;
display: none;
width: 118px;
*+width: 114px;
}
.hrt-h-set .set-list li .link {
    display: block;
    color: #fff;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #1e86e4;
}
.hrt-h-set .set-list li .link:hover {
    background: #176dba;
}
.hrt-h-set:hover .set-list {
    display: block;
}
.hrt-h-set.active .set-list {
    display: block;
}
.hr-index-b {
    overflow: hidden;
    _zoom: 1;
}
.hr-list.workmodular-change {
    height: 355px;
    overflow: auto;
    position: relative;
}
.hr-list.workmodular-change li {
    width: 110px;
    _width: 110px !important;
    margin-top: 20px;
}
.hr-list.workmodular-change li a {
    position: relative;
}
.hr-list.workmodular-change li a p {
    margin: 0;
    height: 40px;
    margin-top: 6px;
}
.hr-list.workmodular-change li .icon {
    height: 48px;
    width: 48px;
}
.hr-list.workmodular-change li img {
    height: 48px;
    width: 48px;
}
.hr-list.my-backlog-change .hr-backlogtab span {
    padding: 4px 6px;
}
.hr-list.my-backlog-change ul {
    height: 236px;
    _height: 236px;
    overflow: hidden;
}
.hr-list.my-backlog-change li {
    padding: 4px 6px;
    line-height: 24px;
    margin: 0 0 5px 0;
}
.hr-list.my-backlog-change li input {
    padding: 3px 6px;
}
.hr-list.my-backlog-change li a {
    display: block;
    float: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.my-look-static {
    background: #fff;
    overflow: hidden;
    _zoom: 1;
}
.my-look-static .static-l {
    float: left;
    width: 33%;
    text-align: center;
    padding: 10px 0;
    background: #fff;
}
.my-look-static .static-l .icon {
    vertical-align: middle;
    padding-right: 4px;
}
.my-look-static .static-l .name {
    vertical-align: middle;
}
.index-module {
    background: #fff;
    padding: 10px;
}
.post-status {
    float: left;
    overflow: hidden;
    border-radius: 10px;
    margin-top: 8px;
    margin-left: 10px;
    background-color: #dddddd;
}
.post-status .list {
    float: left;
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    padding: 0 8px;
    color: #b0afaf;
    font-weight: 200;
    background-color: #dddddd;
    border-radius: 10px;
}
.post-status .active {
    color: #fff;
    background-color: #25CCA7;
}
.hr-action-show {
    position: relative;
    z-index: 10;
}
.hr-action-b {
    visibility: hidden;
    background-color: #F4F4F4;
    border-radius: 5px;
    padding: 0 10px;
    position: absolute;
    z-index: 90;
    top: 20px;
    left: 92px;
    height: auto;
}
.hr-action-b .action-h {
    height: 36px;
    line-height: 36px;
    border-bottom: 1px solid #808080;
    padding: 0 10px;
    overflow: hidden;
    _zoom: 1;
    width: 100%;
    text-align: left;
}
.hr-action-b .action-h .name {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    float: left;
}
.hr-list .hr-action-b .action-h .icon {
    height: auto;
    width: auto;
    display: inline;
    float: right;
    margin-top: 10px;
}
.hr-action-b .action-c {
    overflow: hidden;
    _zoom: 1;
    padding: 10px 0;
    white-space: nowrap;
    text-align: left;
}
.hr-action-b .action-c .action-l {
    border-right: 1px solid #AAAAAA;
    padding: 0 16px;
    display: inline-block;
    vertical-align: top;
    height: auto;
    *display: inline;
    *zoom: 1;
}
.hr-action-b .action-c .action-l:last-child {
    border-right: 0;
}
.hr-action-b .action-c .action-l dl {
}
.hr-action-b .action-c .action-l dl dt {
    font-size: 14px;
    color: #808080;
    text-align: left;
    line-height: 35px;
    font-weight: bold;
}
.hr-action-b .action-c .action-l dl dd {
    text-align: left;
    font-size: 12px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    line-height: 23px;
}
.hr-action-b .action-c .action-l a {
    color: #808080;
}
.hr-action-b .action-c .action-l a:hover {
    color: #3d99eb;
    border-bottom: #3d99eb 2px solid;
}
.in-advert-b {
    overflow: hidden;
    font-size: 0;
}
.in-advert-l {
    float: left;
    width: 24.97%;
}
.in-advert-l .link {
    display: block;
    margin: 0 10px;
}
.in-advert-l .link img {
    width: 100%;
}
.homepage .home-l {
    width: 33%;
    float: left;
}
.my-userl {
    padding: 10px 0;
}
.my-userl ul {
    overflow: hidden;
}
.my-userl ul li {
    float: left;
    width: 49.7%;
}
.my-userl ul li a {
    display: block;
    margin: 0 10px;
    color: #4c4c4c;
    font-size: 12px;
    padding: 10px;
}
.my-userl ul li a:hover {
    background-color: #F5FBFF;
}
.other-use-b {
    text-align: center;
    margin-bottom: 10px;
}
.homepage-change {
    padding: 0px;
}
.hr-footer-w {
    color: #fff;
}
.bg-image {
    background-image: url(../images/bg-1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;/*_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-1.png');
	 _ background-image: none;
	_height: auto;*/
}
/*首页样式开始*/
/*我的单酬页面样式开始*/
.hr-leftnav-change {
    display: block;
}
.hr-leftnav-change .icon {
}
.hr-stylenav .hr-leftnav-change .icon .icon2 {
    display: none;
}
.hr-stylenav .hr-lt-active {
    background-color: #fff;
    color: #0f80d9;
}
.hr-stylenav .hr-lt-active .icon .icon2 {
    display: inline;
}
.hr-stylenav .hr-lt-active .icon .icon1 {
    display: none;
}
.hr-stylenav .hr-leftnav-change:hover {
    background-color: #fff;
    color: #0f80d9;
}
.hr-stylenav .hr-leftnav-change:hover .icon .icon2 {
    display: inline;
}
.hr-stylenav .hr-leftnav-change:hover .icon .icon1 {
    display: none;
}
.small-b-title {
    display: inline-block;
    *display:inline;
    *zoom:1;
    min-width: 70px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border-radius: 0 35px 35px 0;
    background-color: #49A3C1;
    padding: 0 16px 0 6px;
}
.hr-mypref-b {
    overflow: hidden;
    padding: 16px 0;
}
.hr-mypref-l {
    width: 49%;
    border-right: 1px solid #ccc;
    float: left;
}
.hr-mypref-r {
    width: 49%;
    float: right;
}
.mypref-search-b {
    overflow: hidden;
}
.mypref-search-bl {
    float: left;
}
.mypref-search-br {
    float: right;
}
.important-font {
    font-size: 14px;
    color: #4c4c4c;
    font-weight: bold;
}
.important-sfont {
    font-size: 12px;
    color: #4c4c4c;
    font-weight: bold;
}
.mypref-info {
    padding: 10px;
}
.mypref-info .detial {
    font-size: 12px;
    color: #4c4c4c;
}
/*我的单酬页面样式结束*/


/*我的发展页面样式开始*/
.e-tab {
}
.e-tab-h {
    margin: 0;
    padding: 0;
    font-size: 0;
}
.e-tab-h .h-list {
    border: 1px solid #EFEFEF;
    display: inline-block;
    *display:inline;
    *zoom:1;
    background-color: #EFEFEF;
    font-size: 14px;
    color: #737373;
    text-align: center;
    cursor: pointer;
    padding: 1px 16px;
    border-radius: 13px;
    list-style: none;
    position: relative;
    margin: 0 10px;
    min-width: 80px;
}
.e-tab-h .h-list.active {
    background-color: #F2F9FF;
    color: #0E90D2;
    border: 1px solid #0078D7;
}
.e-tab-h .h-list a {
    color: #4c4c4c;
}
.e-tab-h .h-list.active a {
    color: #2d8aa9;
}
.e-tab-c {
    display: none;
}
.infop-explain-tle {
    border-bottom: 1px solid #D9D9D9;
    padding-left: 36px;
    margin: 20px 0;
}
.infop-explain-tle .name {
    font-size: 14px;
    color: #4A4A4A;
    position: relative;
    bottom: -11px;
    background: #fff;
    display: inline-block;
    *display:inline;
    *zoom:1;
    padding: 0 10px;
}
.infop-explain-con {
    font-size: 14px;
    color: #666666;
    padding-left: 40px;
    line-height: 26px;
}
/*我的发展页面样式结束*/
/*我的团队的页面样式开始*/
.hr-circel-change .hr-circle-content.left .hr-circle-img {
    background: url(../images/circle-c.png) center no-repeat #f3f3f3;

    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/circle-c.png'); /* IE6 */
    _ background-image: none; /* IE6 */

    height: 464px;
    width: 464px;
    margin-top: -232px;

    margin-left: -232px;
}
.hr-circel-change .hr-circle-content.right .hr-circle-img {
    background: url(../images/circle-c.png) center no-repeat #f8f8f8;

    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/circle-c.png'); /* IE6 */
    _ background-image: none; /* IE6 */

    height: 464px;
    width: 464px;
    margin-top: -232px;
    margin-left: -232px;
}
.hr-circel-change .hr-circle-center {
    height: 150px;
    width: 150px;
    margin-left: -75px;
    margin-top: -75px;
    border: 2px solid #88C8FF;
    background: none;
    border-radius: 75px;
}
.hr-circel-change {
    height: auto;
    overflow: hidden;
}
.hr-circel-change .hr-circle-loop {
    height: 74px;
    width: 74px;
    border-radius: 37px;
    border: 1px solid #88C8FF;
    overflow: hidden;
}
.hr-circel-change .hr-circle-cloop {
    height: 124px;
    width: 124px;
    background: #158CF2;
    border-radius: 62px;
    border: 6px solid #88C8FF;
    overflow: hidden;
    margin-top: 11px;
    margin-left: 11px;
}
.hr-circel-change .hr-circle-reset .hr-circle-small {
    margin-top: 6px;
    margin-left: 6px;
    vertical-align: top;
}
.hr-circel-change .hr-circle-reset a {
    color: #0F8DD6;
}
.hr-circel-change .hr-center-name {
    color: #0F8DD6;
    padding-top: 120px;
}
.hr-circel-l {
    float: left;
    width: 50%;
*+width:49.9%;
border-right: 1px solid #9D9D9D;
height: 100%;
}
.hr-circel-l .name {
    float: right;
    background-color: #DFEDF9;
    color: #808080;
    padding: 6px 10px;
    font-size: 14px;
    margin-right: 20px;
    margin-bottom: 10px;
}
.hr-circel-r {
    float: right;
    width: 50%;
*+width:49.9%;
height: 100%;
}
.hr-circel-r .name {
    float: left;
    background-color: #B3F1E2;
    color: #808080;
    padding: 6px 10px;
    font-size: 14px;
    margin-left: 20px;
    margin-bottom: 10px;
}
.hr-circel-change .hr-circle-content.left {
    width: 100%;
*+width:100%;
_width: 100% !important;
height: 520px;
}
.hr-circel-change .hr-circle-content.right {
    width: 100%;
*+width:100%;
_width: 100% !important;
height: 520px;
}
/*我的团队的页面样式结束*/
/*我的信息页面的样式开始*/
.self-info-box {
    width: 100%;
    background: url(../images/bg-2.png) no-repeat;
    background-size: cover;
    min-height: 140px;
    text-align: center;
    position: relative;
    margin-bottom: 20px;
}
.self-info-content {
    display: inline-block;
    *display:inline;
    *zoom:1;
    margin-top: 30px;
}
.self-info-left {
    float: left;
    width: 150px;
    text-align: center;
}
.self-info-left img {
    height: 84px;
    width: 84px;
    border-radius: 50%;
}
.self-info-right {
    padding-left: 150px;
    color: #fff;
    text-align: left;
}
.self-info-right .info-b {
    display: inline-block;
    *display:inline;
    *zoom:1;
    padding-right: 10px;
}
.self-info-right .name {
    font-size: 18px;
    margin: 0 0 8px 0;
}
.self-info-right .job-num {
    font-size: 14px;
    padding-left: 12px;
}
.self-info-right .info {
    font-size: 12px;
    margin-bottom: 8px;
}
.self-info-right .info img {
    vertical-align: middle;
}
.self-info-right .info span {
    vertical-align: middle;
    padding: 0 14px 0 6px;
}
.self-info-right .info-l {
    border-left: 1px solid #537BA0;
    display: inline-block;
    *display:inline;
    *zoom:1;
    padding-left: 20px;
}
.self-info-right .info-post {
    font-size: 14px;
    color: #fefefe;
    margin-bottom: 8px;
}
.self-basic-info {
    overflow: hidden;
}
.person-basic-info-header {
    overflow: hidden;
    border-bottom: 1px solid #BABABA;
    height: 36px;
    line-height: 36px;
    margin-bottom: 10px;
    position: relative;
}
.person-basic-info-header .name {
    vertical-align: middle;
    color: #2F3E4E;
    padding-left: 8px;
    font-weight: bold;
    font-size: 14px;
}
.person-basic-info-header .link {
    color: #4484C9;
    cursor: pointer;
    font-size: 12px;
    height: 36px;
    position: absolute;
    right: 0;
    top: 0;
}
.person-basic-info-header .link:hover {
    text-decoration: underline;
    color: #356CA7;
}
.person-basic-info-content {
    background: #F6FFFB;
}
.person-basic-info-ul {
    margin: 0;
    padding: 0;
    overflow:hidden;
    width:100%;
}
.person-basic-info-ul .info-li{
    width: 33%;
*+width: 31%;
float:left;
overflow:hidden;
padding: 0 10px 20px 10px;
}
.person-basic-detialinfo-ul {
    margin: 0;
    padding: 10px;
    overflow: hidden;
}
.person-basic-detialinfo-ul li {
    padding: 10px;
    color: #6F6F6F;
    font-size: 12px;
    overflow: hidden;
}
.person-basic-detialinfo-ul li .font-right {
    overflow: hidden;
    text-align: right;

    text-overflow: ellipsis;
    white-space: nowrap;
}
/*我的信息页面的样式结束*/
/*服务指南样式开始*/
.right-input {
    float: right;
}
.hr-tab .input-searchb {
    position: absolute;
    top: -5px;
    right: 0;
}
.input-searchb .input {
    height: 30px;
    line-height: 30px;
    background: #fff;
    border: 1px solid #005AAA;
    padding: 0 8px;
    outline: none;
    border-radius: 3px 0 0 3px;
    width: 200px;
    font-size: 14px;
    vertical-align: middle;
}
.input-searchb .button {
    text-align: center;
    padding: 0px 6px;
    outline: none;
    font-size: 12px;
    height: 30px;
    letter-spacing: 1px;
    border: 1px solid transparent;
    background-color: #005AAA;
    color: #fff;
    border-color: #005AAA;
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 30px;
    border-radius: 0px 3px 3px 0;
    background-image: url(../images/btn-search-w.png);
    vertical-align: middle;
}
.input-searchb .button:hover {
    background-color: #086bc5;
}
.input-searchb .button:active {
    background-color: #03539a;
}
.layout {
    overflow: hidden;
}
.layout .layout-r {
    width: 300px;
    float: right;
    margin-left: 20px;
}
.layout .layout-l {
    overflow: hidden;
    margin-right:300px;
}
.ad-read-b {
    padding: 6px;
    background: #fff;
}
.ad-read-h {
    border-bottom: 1px solid #B6B6B6;
    font-size: 14px;
    color: #4c4c4c;
    padding: 16px 0px 8px 10px;
}
.ad-read-con {
}
.ad-read-con .list {
    border-bottom: 1px dashed #cccccc;
    padding: 10px 0;
}
.ad-read-con .list:last-child {
    border-bottom: 0;
}
.ad-read-con .list .pop {
    float: left;
    font-size: 12px;
    color: #808080;
    background: #DDEEF4;
    min-width: 66px;
    text-align: center;
    border-radius: 0 10px 10px 0;
    padding: 0 6px 0 4px;
}
.ad-read-con .list .name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #005aaa;
    padding-left: 10px;
}
.ad-read-con .detial-list .name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #2d8aa9;
    padding-left: 10px;
}
.ad-read-con .detial-list .name:hover {
    color: #095f8a;
}
.ad-read-con .detial-list .pop {
    margin-top: 3px;
}
.ad-read-con .detial-list .con {
    display: block;
    font-size: 12px;
    color: #434343;
    line-height: 22px;
    overflow: hidden;
    height: 66px;
    padding: 0 8px;
}
.ad-read-con .detial-list .con:hover {
    color: #2d8aa9;
}
.new-inter-b {
    background: #fff;
    padding: 20px 16px 10px 16px;
    overflow: hidden;
}
.new-list-b {
    padding-bottom: 6px;
    border-bottom: 1px solid #ccc;
}
.new-list-h {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-bottom: 3px;
    padding-top: 6px;
    font-size: 18px;
    color: #005aaa;
}
.new-list-h .link {
    color: #005aaa;
}
.new-list-con {
    margin: 2px 0 10px 0;
    padding: 0 10px;
    font-size: 12px;
    line-height: 24px;
    overflow: hidden;
    padding-left: 10px;
    color: #434343;
}
.new-list-f {
    text-align: right;
    padding: 0 10px;
}
.new-list-f .list {
    font-size: 12px;
    color: #1883e2;
    margin-left: 20px;
}
/*服务指南样式结束*/
/*高管首页页面样式开始*/
.vizir-hset {
}
.vizir-setselect {
    position: relative;
}
.vizir-setselect-h {
    background-color: #F19E27;
    border-radius: 5px;
    padding: 10px;
    cursor: pointer;
}
.vizir-setselect-h .name {
    font-size: 18px;
    color: #fff;
}
.vizir-setselect-h .icon {
    padding-left: 6px;
}
.vizir-setselect-h .icon .icon2 {
    display: none;
}
.vizir-setselect-h.active .icon .icon1 {
    display: none;
}
.vizir-setselect-h.active .icon .icon2 {
    display: inline;
}
.vizir-setselect-c {
    position: absolute;
    width: 200px;
    top: 48px;
    left: 0;
    border: 1px solid #F19E27;
    z-index: 100;
    font-size: 14px;
    padding: 0 16px;
    display: none;
    background: #fff;
}
.vizir-setselect-c .list {
    padding: 4px 0;
    border-bottom: 1px solid #f19e27;
    cursor: pointer;
}
.vizir-setselect-c .list:hover {
    color: #f19e27;
}
.vizir-setselect-c .list:last-child {
    border-bottom: 0;
}
.vizir-setmoudle {
}
.vizir-setmoudle .name {
    font-size: 12px;
    color: #A7A7A7;
    vertical-align: middle;
    padding-right: 10px;
}
.vizir-setmoudle .setmoudle {
    border: 1px solid #E6E4E4;
    height: 40px;
    width: 40px;
    background-image: url(../images/vizir-i3.png);
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    *display:inline;
    *zoom:1;
    vertical-align: middle;
    background-color: #fff;
    cursor: pointer;
}
.home-average {
    width: 49%;
}
.vizir-chart {
}
.vizir-chart .list {
    border-bottom: 1px solid #BFBFBF;
    overflow: hidden;
    padding: 10px;
}
.vizir-chart .list:last-child {
    border-bottom: 0;
}
.vizir-chart .list .list-r {
    float: right;
}
.vizir-chart .list .list-l {
    overflow: hidden;
}
.vizir-chart .list .name {
    font-size: 14px;
    color: #4c4c4c;
}
.vizir-chart .list .number {
    font-size: 14px;
    color: #4c4c4c;
}
.vizir-chart .list .number .big {
    font-size: 40px;
    padding: 0 10px;
}
.vizir-analyze {
    overflow: hidden;
    padding: 10px;
}
.vizir-analyze .list {
    float: left;
    width: 33%;
}
.vizir-analyze .list .name {
    font-size: 14px;
    color: #4c4c4c;
    font-weight: bold;
    margin-bottom: 10px;
}
.info-card {
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    background-color: #fff;
    width: 90%;
    display: table;
}
.info-card .card-l {
    text-align: center;
    height: 90px;
    line-height: 90px;
    border-right: 1px solid #E5E5E5;
    background-color: #F3F3F3;
    width: 86px;
*+ display:inline-block;
float: left;
padding-top: 6px;
}
.info-card .card-r {
    font-size: 12px;
    color: #4D4D4D;
    padding: 6px;
    position: relative;
    overflow: hidden;
*+ display:inline-block;
height: 90px;
}
.info-card .card-r .info {
    overflow: hidden;
}
.info-card .info .g-percent {
    font-size: 12px;
    color: #fff;
    background-color: #0FC5A5;
    padding: 4px;
    border-radius: 3px;
    float: right;
}
.info-card .info .o-percent {
    font-size: 12px;
    color: #fff;
    background-color: #EABA46;
    padding: 4px;
    border-radius: 3px;
    float: right;
}
.info-card .card-r .num {
    font-size: 16px;
    text-align: center;
    color: #4c4c4c;
}
.info-card .card-r .num .big {
    font-size: 30px;
    font-weight: bold;
    padding: 0 4px;
}
.vizir-analyze .list .analyze {
    text-align: center;
    padding-top: 10px;
}
.backlogb-tab {
}
.backlogb-tab-h {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #2D8AA9;
    font-size: 0;
}
.backlogb-tab-h li {
    border: 1px solid #ffffff;
    border-bottom: 0;
    display: inline-block;
    *display:inline;
    *zoom:1;
    background: #E6E4E4;
    font-size: 12px;
    color: #4c4c4c;
    text-align: center;
    height: 26px;
    line-height: 26px;
    cursor: pointer;
    padding: 0 6px;
    border-radius: 3px 3px 0 0;
    list-style: none;
    position: relative;
}
.backlogb-tab-h li.active {
    border-color: #2D8AA9;
    bottom: -1px;
    background: #fff;
}
.backlogb-tab-h li a {
    color: #4c4c4c;
}
.backlogb-tab-h li.active a {
    color: #2d8aa9;
}
.backlogb-tab-c {
    display: none;
}
.backlogb-list {
    margin: 0;
    padding: 1px 0 0 0;
}
.backlogb-list .link {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #4c4c4c;
    font-size: 12px;
    height: 31px;
    line-height: 31px;
}
.backlogb-list .link:hover {
    color: #0e90d2;
}
.backlogb-list .link .icon {
    padding-right: 6px;
}
.backlogb-more {
    display: block;
    text-align: right;
    font-szie: 12px;
    color: #4c4c4c;
}
/*高管首页页面样式结束*/

/*人力首页页面样式开始*/
.check-b .check-list {
    background-color: #fff;
    overflow: hidden;
    height: 70px;
    line-height: 68px;
}
.check-b .check-list .check-l {
    float: left;
    width: 50%;
    text-align: center;
}
.check-b .check-list .check-r {
    width: 50%;
    float: right;
    text-align: center;
    height: 100%;
}
.check-b .check-list .name {
    font-size: 16px;
    color: #4c4c4c;
    padding-left: 16px;
}
.check-b .check-list .number {
    font-size: 12px;
    color: #4c4c4c;
}
.check-b .check-list .number .big {
    font-size: 40px;
    color: #999999;
}
.vizir-index .home-average {
    width: 48.7%;
}
.labor-chart .name {
    font-size: 14px;
    color: #4c4c4c;
    text-align: right
}
.labor-chart .name .big {
    font-size: 32px;

    color: #f18f1c;
    padding: 0 10px;
}

.labor-analyze .icon {
    border-bottom: 1px solid #D4D4D4;
    text-align: center;
    padding: 14px 0;
}
.labor-analyze .info {
    overflow: hidden;
    padding: 6px 0;
}
.labor-analyze .info .infol {
    float: left;
    width: 50%;
*+width: 48%;
border-right: 1px solid #D4D4D4;
}
.labor-analyze .info .infor {
    float: right;
    width: 50%;
*+width: 48%;
}
.labor-analyze .info .name {
    font-size: 14px;
    color: #4c4c4c;
    padding-left: 10px;
}
.labor-analyze .info .number {
    font-size: 12px;
    color: #4c4c4c;
    text-align: center;
}
.labor-analyze .info .number .big {
    font-size: 21px;
    color: #414141;
    padding: 0 6px;
}
.labor-analyze .info .number .no-big {
    font-size: 21px;
    color: #f14134;
    padding: 0 6px;
}
.labor-analyze .info .number .or-big {
    font-size: 21px;
    color: #f18f1c;
    padding: 0 6px;
}
.labor-analyze .info .more {
    display: block;
    text-align: right;
    font-size: 12px;
    color: #4c4c4c;
    padding-right: 10px;
}
/*人力首页页面样式结束*/
/*小微信息页面样式开始*/
.xw-info-box {
    width: 100%;
    background: url(../images/bg-2.png) no-repeat;
    background-size: cover;
    min-height: 140px;
    text-align: center;
    position: relative;
    margin-bottom: 20px;
}
.xw-info-box .info-b {
    display: inline-block;
    *display:inline;
    *zoom:1;
    margin-top: 26px;
}
.xw-info-box .info-b .title {
    font-size: 18px;
    color: #fff;
}
.xw-info-box .info-b .title .job-num {
    font-size: 14px;
    padding-left: 16px;
}
.xw-info-box .info-b .name {
    font-size: 12px;
    color: #91A5BA;
    margin-top: 14px;
}
.xw-info-box .info-b .name .in {
    background-color: #295B87;
    padding: 2px 10px;
    border-radius: 10px;
}
.xw-info-box .info-b .pop {
    font-size: 12px;
    margin-top: 12px;
    color: #fff;
}
.xw-info-box .info-b .pop img {
    vertical-align: middle;
    padding-left: 10px;
}
.xw-info-box .info-b .pop span {
    vertical-align: middle;
    padding: 0 6px 0 6px;
}
.xw-infoshow {
    overflow: hidden;
    border: 1px solid #BFBFBF;
    border-radius: 5px;
}
.xw-infoshow .infoshow-l {
    width: 136px;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #bfbfbf;
    float: left;
    height: 140px;
    padding-top: 38px;
}
.xw-infoshow .infoshow-l .name {
    color: #4D4D4D;
    font-size: 16px;
    margin-top: 14px;
}
.xw-infoshow .infoshow-r {
    overflow: hidden;
    font-size: 14px;
    color: #4D4D4D;
    padding: 8px 10px;
    line-height: 25px;
    height: 140px;
}
/*小微信息页面样式结束*/
/*小微发展历程页面样式开始*/
.xwcourse-b {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}
.xwcourse-w {
    width: 1020px;
    margin: 0 auto;
}
.xwcourse-title {
    overflow: hidden;
}
.xwcourse-title .icon {
    float: left;
    text-align: center;
    background: #D9D9D9;
    display: none;
    padding: 29px 3px 29px 3px;
}
.xwcourse-title .edit-input {
    background: #fff;
    outline: none;
    border: 0;
    float: left;
    font-size: 62px;
    color: #005AAA;
    font-family: "方正粗倩繁体";
    letter-spacing: 16px;
    padding: 0px 10px;
    height: 74px;
    line-height: 74px;
}
.xwcourse-title-active .icon {
    display: block;
}
.xwcourse-title-active .edit-input {
    border: 1px solid #D9D9D9;
}
.xwcourse-pop {
    padding: 6px 0 6px 20px;
    overflow: hidden;
}
.xwcourse-pop .pop {
    float: left;
    margin: 0 4px;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    padding: 2px 8px;
    background: #427CAA;
    background: -moz-linear-gradient(left, #3D78A6 0%, #4781B1 100%);
    background: -webkit-gradient(linear, top left, top right, color-stop(0%, #3D78A6), color-stop(100%, #4781B1));
    background: -webkit-linear-gradient(left, #3D78A6 0%, #4781B1 100%);
    background: -o-linear-gradient(left, #3D78A6 0%, #4781B1 100%);
    background: -ms-linear-gradient(left, #3D78A6 0%, #4781B1 100%);
    background: linear-gradient(to right, #3D78A6 0%, #4781B1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3D78A6', endColorstr='#4781B1', GradientType=0 );
}
.xwcourse-pop .pop-1 {
    background: #548FBD;
    background: -moz-linear-gradient(left, #4A85B4 0%, #619CCA 100%);
    background: -webkit-gradient(linear, top left, top right, color-stop(0%, #4A85B4), color-stop(100%, #619CCA));

    background: -webkit-linear-gradient(left, #4A85B4 0%, #619CCA 100%);
    background: -o-linear-gradient(left, #4A85B4 0%, #619CCA 100%);
    background: -ms-linear-gradient(left, #4A85B4 0%, #619CCA 100%);
    background: linear-gradient(to right, #4A85B4 0%, #619CCA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4A85B4', endColorstr='#619CCA', GradientType=0 );
}
.xwcourse-pop .pop-2 {
    background: #6DA6D4;
    background: -moz-linear-gradient(left, #66A0CE 0%, #7DB2DC 100%);
    background: -webkit-gradient(linear, top left, top right, color-stop(0%, #66A0CE), color-stop(100%, #7DB2DC));
    background: -webkit-linear-gradient(left, #66A0CE 0%, #7DB2DC 100%);
    background: -o-linear-gradient(left, #66A0CE 0%, #7DB2DC 100%);
    background: -ms-linear-gradient(left, #66A0CE 0%, #7DB2DC 100%);
    background: linear-gradient(to right, #66A0CE 0%, #7DB2DC 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66A0CE', endColorstr='#7DB2DC', GradientType=0 );
}
.xwcourse-pop .pop-3 {
    background: #87BBE4;
    background: -moz-linear-gradient(left, #7CB1DD 0%, #97C6EB 100%);
    background: -webkit-gradient(linear, top left, top right, color-stop(0%, #7CB1DD), color-stop(100%, #97C6EB));
    background: -webkit-linear-gradient(left, #7CB1DD 0%, #97C6EB 100%);
    background: -o-linear-gradient(left, #7CB1DD 0%, #97C6EB 100%);
    background: -ms-linear-gradient(left, #7CB1DD 0%, #97C6EB 100%);
    background: linear-gradient(to right, #7CB1DD 0%, #97C6EB 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7CB1DD', endColorstr='#97C6EB', GradientType=0 );
}
.xwcourse-pop .pop-4 {
    background: #A2CDF0;
    background: -moz-linear-gradient(left, #9BC9EE 0%, #A7D1F3 100%);
    background: -webkit-gradient(linear, top left, top right, color-stop(0%, #9BC9EE), color-stop(100%, #A7D1F3));
    background: -webkit-linear-gradient(left, #9BC9EE 0%, #A7D1F3 100%);
    background: -o-linear-gradient(left, #9BC9EE 0%, #A7D1F3 100%);
    background: -ms-linear-gradient(left, #9BC9EE 0%, #A7D1F3 100%);
    background: linear-gradient(to right, #9BC9EE 0%, #A7D1F3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9BC9EE', endColorstr='#A7D1F3', GradientType=0 );
}
.xwcourse-pop .pop-5 {
    background: #B1D8F6;
    background: -moz-linear-gradient(left, #ABD4F4 0%, #B5DAF7 100%);
    background: -webkit-gradient(linear, top left, top right, color-stop(0%, #ABD4F4), color-stop(100%, #B5DAF7));
    background: -webkit-linear-gradient(left, #ABD4F4 0%, #B5DAF7 100%);
    background: -o-linear-gradient(left, #ABD4F4 0%, #B5DAF7 100%);
    background: -ms-linear-gradient(left, #ABD4F4 0%, #B5DAF7 100%);
    background: linear-gradient(to right, #ABD4F4 0%, #B5DAF7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ABD4F4', endColorstr='#B5DAF7', GradientType=0 );
}
:root .gradient {
    filter: none;
}
.xwcourse-motto {
    font-size: 20px;
    color: #404040;
    padding: 6px 0 6px 20px;
}
.xwcourse-aim {
    font-size: 14px;
    color: #5c5c5c;
    padding: 0px 0 0px 20px;
    line-height: 24px;
}
.xwcourse-show {
    position: relative;
    height: 330px;
    margin-top: 20px;
}
.xwcourse-show .show-bg {
    background-image: url(../images/xw-i1.png);
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/xw-i1.png'); /* IE6 */
    _ background-image: none; /* IE6 */

    background-repeat: no-repeat;
    height: 340px;
    width: 100%;
    position: absolute;
    top: -20px;
    z-index: 9;
}
.xwcourse-show .first-list {
    background-image: url(../images/xw-i2.png);
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/xw-i2.png'); /* IE6 */
    _ background-image: none; /* IE6 */
    background-repeat: no-repeat;
    position: absolute;
    z-index: 10;
    width: 144px;
    height: 222px;
    bottom: 0;
    left: 80px;
}
.xwcourse-show .second-list {
    background-image: url(../images/xw-i3.png);
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/xw-i3.png'); /* IE6 */
    _ background-image: none; /* IE6 */

    background-repeat: no-repeat;
    position: absolute;
    z-index: 10;
    width: 130px;
    height: 266px;
    bottom: 64px;
    left: 360px;
}
.xwcourse-show .three-list {
    background-image: url(../images/xw-i4.png);
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/xw-i4.png'); /* IE6 */
    _ background-image: none; /* IE6 */

    background-repeat: no-repeat;
    position: absolute;
    z-index: 10;
    width: 138px;
    height: 317px;
    bottom: 145px;
    left: 555px;
}
.xwcourse-show .four-list {
    background-image: url(../images/xw-i5.png);
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/xw-i5.png'); /* IE6 */
    _ background-image: none; /* IE6 */

    background-repeat: no-repeat;
    position: absolute;
    z-index: 10;
    width: 274px;
    height: 335px;
    bottom: 220px;
    right: 30px;
}
.xwcourse-show .name {
    font-size: 18px;
    color: #fff;
    position: absolute;
    top: 30px;
    left: 31px;
    width: 70px;
    text-align: center;
}
.xwcourse-show .intro {
    font-size: 12px;
    color: #4c4c4c;
    position: absolute;
    top: 64px;
    width: 70px;
    text-align: center;
    left: 30px;
}
.xwcourse-show .new-list name {
    font-size: 20px;
}
.xwcourse-show .four-list .name {
    left: 86px;
}
.xwcourse-show .four-list .intro {
    left: 86px;
}
.xwcourse-brief {
    color: #404040;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 30px;
    z-index: 11;
}
.xwcourse-brief .title {
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
}
.xwcourse-brief .con {
    font-size: 14px;
    line-height: 28px;
}
.xwcourse-dialog {
    width: 460px;
    height: 490px;
    margin: 0 10px 10px 10px;
    padding-top: 30px;
}
.xwcourse-dialog .dialog-header {
    background-color: #F6FBFF;
    text-align: center;
    padding: 10px;
}
.xwcourse-dialog .dialog-con {
    background-color: #fff;
    height: 350px;
    overflow: auto;
}
.history {
    position: relative;
    overflow: hidden;
}
.history .h-line {
    width: 1px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -1px;
    background-color: #005aaa;
}

.history .h-list {
    padding: 10px 20px;
    position: relative;
}
.history .h-listl {
    float: left;
    width: 50%;
*+width: 48%;

}
.history .h-listr {
    float: right;
    width: 50%;
*+width: 48%;
}
.history .h-listr .h-list {
    margin-top: 20px;
}
.history .h-list .lc {
    position: absolute;
    height: 12px;
    overflow: hidden;
    top: 29px;
}
.history .h-list .lc .line {
    height: 1px;
    width: 16px;
    float: left;
    margin-top: 5px;
    background-color: #005aaa;
}
.history .h-list .lc .circle {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #005aaa;
    float: left;
}
.history .h-listl .lc {
    right: -5px;
}
.history .h-listr .lc {
    left: -5px;
}
.history .h-list .content {
    border: 1px solid #004aaa;
}
.history .h-listl .content {
    border-radius: 0 10px 0 10px;

}
.history .h-listr .content {
    border-radius: 10px 0 10px 0;
}
.history .h-list .content .time {
    overflow: hidden;
}
.history .h-list .content .time .ti {
    font-size: 12px;
    color: #fff;
    background-color: #005aaa;
    padding: 2px 10px;
}
.history .h-listl .content .time .ti {
    float: right;
    border-radius: 0 10px 0 10px;
}
.history .h-listr .content .time .ti {
    float: left;
    border-radius: 10px 0 10px 0;
}
.history .h-list .content .intro {
    color: #595959;
    font-size: 12px;
    padding: 4px 6px;
}
/*小微发展历程页面样式结束*/

/*人才库建设组织导图页面样式开始*/
.organ-b {
    width: 100%;
    overflow-x: auto;
    padding-top: 100px;
}
.organ-center {
    height: 264px;
    width: 264px;
    background-image: url(../images/organ-c.png);
    background-repeat: no-repeat;
    margin: 0 auto;
    position: relative;
}
.organ-center .p-header {
    width: 126px;
    height: 126px;
    border-radius: 50%;
    position: absolute;
    top: 68px;
    left: 68px;
}
.organ-center .p-header-name{
    width: 126px;
    position: absolute;
    bottom: 40px;
    left: 68px;
    font-size:14px;
    color:#4c4c4c;
    text-align: center;
}
.organ-nature {
    position: absolute;
}
.organ-nature-1 {
    top: -36px;
    right: 190px;
}
.organ-nature-2 {
    top: -36px;
    right: -50px;
}
.organ-nature-3 {
    bottom: 0px;
    right: 190px;
}
.organ-nature-4 {
    bottom: 0px;
    right: -60px;
}
.organ-nature .icon {
    width: 126px;
    height: 134px;
}
.organ-nature .icon .icon1 {

}
.organ-nature .icon .icon2 {
    display: none;
}

.organ-nature-active .icon .icon1 {
    display: none;
}
.organ-nature-active .icon .icon2 {
    display: inline;
}

.organ-nature .name {
    font-size: 16px;
    color: #fff;
    position: absolute;
    width: 40px;
}
.organ-nature-1 .name{
    top: 44px;
    right: 30px;
}
.organ-nature-2 .name{
    top: 44px;
    left: 38px;

}
.organ-nature-3 .name{
    top: 44px;
    left: 57px;
}
.organ-nature-4 .name{
    top: 40px;
    left: 40px;
}
.organ-nature .nature-info {
    position: absolute;
    display:none;
}
.organ-nature-active .nature-info{
    display:block;
}
.organ-nature-1  .nature-info{
    right: 87px;
    top: 6px;
}

.organ-nature .nature-info .title {
    width: 80px;
}
.organ-nature .nature-info .title .t-num {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    font-size: 12px;
    display: inline-block;
    *display:inline;
    *zoom:1;
    text-align: center;
    color: #fff;
}
.organ-nature-1 .nature-info .title .t-num {
    background-color: #4d9de3;
}
.organ-nature-2 .nature-info .title .t-num {
    background-color: #40c869;
}
.organ-nature-3 .nature-info .title .t-num {
    background-color: #7c5cc5;
}
.organ-nature-4 .nature-info .title .t-num {
    background-color: #afcb4d;
}
.organ-nature .nature-info .title .t-name {
    font-size: 12px;
    padding: 0 6px;
}

.organ-nature-1 .nature-info .title .t-name {
    color: #4d9de3;
}
.organ-nature-2 .nature-info .title .t-name {
    color: #40c869;
}
.organ-nature-3 .nature-info .title .t-name {
    color: #7c5cc5;
}
.organ-nature-4 .nature-info .title .t-name {
    color: #afcb4d;
}

.organ-nature-1  .nature-info-1 {
    right: 93px;
    top: 6px;
}
.organ-nature-1  .nature-info-2 {
    right: 115px;
    top: 48px;
}
.organ-nature-1  .nature-info-3 {
    right: 105px;
    top: 100px;
}

.organ-nature-2  .nature-info-1 {
    left: 94px;
    top: 3px;
}
.organ-nature-2  .nature-info-2 {
    left: 115px;
    top: 48px;
}
.organ-nature-2  .nature-info-3 {
    left: 105px;
    top: 100px;
}

.organ-nature-3  .nature-info-1 {
    right: 91px;
    top: 0px;
}
.organ-nature-3  .nature-info-2 {
    right: 115px;
    top: 50px;
}
.organ-nature-3  .nature-info-3 {
    right: 102px;
    top: 102px;
}

.organ-nature-4  .nature-info-1 {
    left: 99px;
    top: 7px;
}
.organ-nature-4  .nature-info-2 {
    left: 119px;
    top: 60px;
}
.organ-nature-4  .nature-info-3 {
    left: 96px;
    top: 110px;
}

.organ-nature .nature-info .line-info {
    position: absolute;
}
.organ-nature-1 .nature-info .line-info{
    right: 100px;
    top: -60px;
    border-right: 1px dashed #4d9de3;
    text-align: right;
}
.organ-nature-2 .nature-info .line-info{
    left: 100px;
    top: -60px;
    border-left: 1px dashed #40c869;
    text-align: left;
}
.organ-nature-3 .nature-info .line-info{
    right: 100px;
    top: -60px;
    border-right: 1px dashed #7c5cc5;
    text-align: right;
}
.organ-nature-4 .nature-info .line-info{
    left: 100px;
    top: -60px;
    border-left: 1px dashed #afcb4d;
    text-align: left;
}
.organ-nature .nature-info  .b-line {
    width: 16px;
    display: inline-block;
    *display:inline;
    *zoom:1;
    position: absolute;
}
.organ-nature-1 .nature-info  .b-line{
    right: 80px;
    top: 10px;
    border: 1px dashed #4d9de3;
}
.organ-nature-2 .nature-info  .b-line{
    left: 80px;
    top: 10px;
    border: 1px dashed #40c869;
}
.organ-nature-3 .nature-info  .b-line{
    right: 80px;
    top: 10px;
    border: 1px dashed #7c5cc5;
}

.organ-nature-4 .nature-info  .b-line{
    left: 80px;
    top: 10px;
    border: 1px dashed #afcb4d;
}
.organ-nature .nature-info .line-info .info-b {
    display: inline-block;
    *display:inline;
    *zoom:1;
    width: 260px;
    margin: -12px  0;
}
.organ-nature .nature-info .line-info .info-b  .info-l{
    padding: 4px 0;
}
.organ-nature .nature-info .line-info .info-b  .info-l .info{
    font-size: 12px;
    color:#595959;
    padding: 0 6px;
    display: inline-block;
    *display:inline;
    *zoom:1;
    vertical-align: middle;
}
.organ-nature .nature-info .line-info .info-b  .info-l .s-line{
    width: 11px;
    display: inline-block;
    *display:inline;
    *zoom:1;
    vertical-align: middle;
}
.organ-nature-1 .nature-info .line-info .info-b  .info-l .s-line{
    border: 1px dashed #4d9de3;
}
.organ-nature-2 .nature-info .line-info .info-b  .info-l .s-line{
    border: 1px dashed #40c869;
}
.organ-nature-3 .nature-info .line-info .info-b  .info-l .s-line{
    border: 1px dashed #7c5cc5;
}
.organ-nature-4 .nature-info .line-info .info-b  .info-l .s-line{
    border: 1px dashed #afcb4d;
}
.organ-nature .nature-info .nature-info-toggle{
    display:none;
}
.organ-nature .nature-info-active .nature-info-toggle{
    display:block;
}

/*人才库建设组织导图页面样式结束*/
/*新版登录页面样式*/
.hr-loginbox {
    width:100%;
    background:url(../img-add/login-bg.png) no-repeat;
    background-size: cover;
}
.hr-loginwrap {
    width:1150px;
    position: absolute;
    left: 50%;
    top:50%;
    margin-left: -575px;
    margin-top:-288px;
}
.hr-login-logo {
    margin-bottom:10px;
}
.hr-lc-left p {
    color: #fff;
}
.hr-lc-left p.hr-login-p1 {
    font-size: 34px;
    margin-top: 150px;
    font-family:otf;
}
.hr-lc-left p.hr-login-p2 {
    font-size: 38px;
    font-weight: bold;
}
.hr-lc-right {
    width: 380px;
    height: 420px;
    border-radius: 6px;
    background: rgba(255,255,255,.9);
    background: #e7e9ec \9;
    padding: 0 35px;
}
.hr-lc-right h1 {
    font-size: 20px;
    color: #005aaa;
    border-bottom: 2px solid #005aaa;
    width: 80px;
    line-height: 44px;
    font-weight: normal;
    margin:15px 0;
}
.hr-login-input input {
    width:100%;
    height: 46px;
    line-height: 46px;
    outline: none;
    border: none;
    font-size: 12px;
    color: #969696;
    margin-bottom: 12px;
    padding-left: 40px;
}
.hr-login-input input.username {
    background: url(../img-add/login-input_03.png) no-repeat 11px center #fff;
}
.hr-login-input input.password {
    background: url(../img-add/login-input_06.png) no-repeat 11px center #fff;
}
a.hr-login-btn {
    display: block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    color: #fff;
    text-align:center;
    background: #005aaa;
    border-radius: 6px;
    font-size: 16px;
}
a.hr-login-btn:hover {
    background: #0069c4;
}
.hr-login-ztbox {
    overflow: hidden;
    padding: 20px 0;
    border-bottom: 1px solid #fff;
    margin-bottom: 15px;
}
.hr-login-ztbox .left {
    position: relative;
    height:20px;
    padding-left: 30px;
}
.hr-login-ztbox input[type="checkbox"]{
    position: absolute;
    opacity: 0;
    width: 20px;
    height: 20px;
    z-index: 2;
    left: 0;
    top:0;
}
.hr-login-ztbox .left i {
    display: block;
    width: 20px;
    height: 20px;
    background:#9fd216;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top:0;
    z-index: 1;
}
.hr-login-ztbox .left span {
    font-size: 12px;
    color: #949494;
}
.hr-login-ztbox .left input:checked+i {
    background: url(../img-add/login_07.png) no-repeat center center #9fd216;
}
.hr-login-tsbox p {
    font-size: 12px;
    color: #8c8c8c;
    margin: 0;
    line-height: 20px;
}
.hr-login-tsbox p.hr-login-p-red {
    color: #ff5252;
    margin-bottom: 5px;
}
.hr-login-sts p {
    font-size: 14px;
    color: #fff;
    opacity: 0.5;
    line-height: 64px;
    width: 380px;
}
.hr-login-foot p {
    color: #fff;
    font-size: 12px;
    opacity: 0.6;
    margin: 0;
    line-height: 20px;
}
.hr-login-foot {
    width: 100%;
    text-align: center;
    position: fixed;
    bottom: 20px;
    left: 0;
}































































































































































/*--------------------------------2018年ehr改版的样式添加结束--------------------------------*/