/*布局*/
.hrsoft-ibox{box-sizing: border-box;background-color: #fff;margin:0px 10px;}
.hrsoft-ibox-title{position:relative; height: 42px;background-color: #fff;border-bottom:#d1d1d1 solid 1px;}
.hrsoft-ibox-title dl{margin: 0px;}
.hrsoft-ibox-title dt{position: absolute;left:10px; line-height: 42px; color: #676a75;font-size: 14px;}
.hrsoft-ibox-title dt s{margin-right: 10px;}
.hrsoft-ibox-title dd{position: absolute; right: 10px;}
.hrsoft-ibox-title dd>h1,.hrsoft-ibox-title dd>h2,.hrsoft-ibox-title dd>h3,.hrsoft-ibox-title dd>h4,.hrsoft-ibox-title dd>h5,.hrsoft-ibox-title dd>h6{padding: 0px;margin: 0px;font-size: 14px;}
.hrsoft-ibox-title dd>h1>a{display: inline-block;border:#cccccc solid 1px;border-radius: 20px;padding: 5px 10px;margin-top: 7px;color: #666666;text-decoration: none;}
.hrsoft-ibox-title dd>h1>a:hover{}
.hrsoft-ibox-title dd>h2{margin-top: 10px;}
.hrsoft-ibox-title dd>h2>a{margin-left: 10px; padding:0px 10px;display: inline-block; line-height:30px;border:#cccccc solid 1px;color: #666666;text-decoration: none;cursor: pointer;}
.hrsoft-ibox-title dd>h2>a:hover{border-bottom-color: #fff;}
.hrsoft-ibox-title dd>h2>.hrsoft-ibox-title-h2-a-sl{border-bottom-color: #fff;}
.hrsoft-ibox-title dd>h3{margin-top: 8px;}
.hrsoft-ibox-title dd>h3 button{padding: 2px 10px;border-radius: 10px;}
.hrsoft-ibox-content{padding: 10px;}
.hrsoft-ibox-content .table thead {
    background-color:#fff ;
    background-image:none;
    background-repeat:no-repeat;
    border: none;
    box-shadow:none;
}
.hrsoft-ibox-radius{border-radius:5px;}
.hrsoft-ibox-radius .hrsoft-ibox-title{border-radius:4px 4px 0px 0px;}
.hrsoft-ibox-border{border:#eee solid 1px}
.hrsoft-ibox-blue{border-color:#3598dc;}
.hrsoft-ibox-blue .hrsoft-ibox-title,.hrsoft-ibox-red .hrsoft-ibox-title,.hrsoft-ibox-green .hrsoft-ibox-title{background-color:#3598dc;border-bottom: none;}
.hrsoft-ibox-blue .hrsoft-ibox-title dt span,.hrsoft-ibox-red .hrsoft-ibox-title dt span,.hrsoft-ibox-green .hrsoft-ibox-title dt span{color:#fff;}
.hrsoft-ibox-blue .hrsoft-ibox-title dt s,.hrsoft-ibox-red .hrsoft-ibox-title dt s,.hrsoft-ibox-green .hrsoft-ibox-title dt s{color:#fff;}
.hrsoft-ibox-blue .hrsoft-ibox-title dd h1 a,.hrsoft-ibox-red .hrsoft-ibox-title dd h1 a,.hrsoft-ibox-green .hrsoft-ibox-title dd h1 a{color: #fff;border-color: #fff;}
.hrsoft-ibox-blue .hrsoft-ibox-title dd h2 a,.hrsoft-ibox-red .hrsoft-ibox-title dd h2 a,.hrsoft-ibox-green .hrsoft-ibox-title dd h2 a{background-color:#3598dc;border-color:#3598dc;color: #fff;}
.hrsoft-ibox-blue .hrsoft-ibox-title dd h2 .hrsoft-ibox-title-h2-a-sl,.hrsoft-ibox-red .hrsoft-ibox-title dd h2 .hrsoft-ibox-title-h2-a-sl,.hrsoft-ibox-green .hrsoft-ibox-title dd h2 .hrsoft-ibox-title-h2-a-sl{background-color:#fff;border-color:#fff;color: #555;}
.hrsoft-ibox-red{border-color:#26a69a;}
.hrsoft-ibox-red .hrsoft-ibox-title{background-color:#26a69a;}
.hrsoft-ibox-green{border-color:#cb5a5e;}
.hrsoft-ibox-green .hrsoft-ibox-title{background-color:#cb5a5e;}
/*左边菜单-01*/
.hrsoft-i-side-menu-01{}
.hrsoft-i-side-menu-01>li{}
.hrsoft-i-side-menu-01>li>a{border-bottom: #f4f4f4 solid 1px;background-color: #fff;color: #576274;display: block;line-height: 50px;position: relative;}
.hrsoft-i-side-menu-01>li>a:hover{background-color: #f5f5f5;}
.hrsoft-i-side-menu-01>li>.hrsoft-i-side-menu-01-sel1{background-color: #f5f5f5;}
.hrsoft-i-side-menu-01>li>.hrsoft-i-side-menu-01-sel3{background-color: #fff;}
.hrsoft-i-side-menu-01>li>.hrsoft-i-side-menu-01-sel1>i{}
.hrsoft-i-side-menu-01>li>.hrsoft-i-side-menu-01-sel1>b{}
.hrsoft-i-side-menu-01>li>.hrsoft-i-side-menu-01-sel1>span{}
.hrsoft-i-side-menu-01>li>.hrsoft-i-side-menu-01-sel1>s{display: block;}
.hrsoft-i-side-menu-01>li>.hrsoft-i-side-menu-03-sel1>s{display: block;}

.hrsoft-i-side-menu-01>li>a>i{width: 32px;float: left;text-align: center;line-height: 50px;font-size: 16px;font-weight: 100 !important;margin-left: 10px;}
.hrsoft-i-side-menu-01>li>a>b{width: 32px;float: right;text-align: left;line-height: 50px;}
.hrsoft-i-side-menu-01>li>a>span{margin: 0px 42px;text-align:left;line-height: 50px;display: block;font-weight: normal;}
.hrsoft-i-side-menu-01>li>a>s{position: absolute;right: -3px;top:5px;color: #f2f4f5;font-size: 40px;display: none;}
.hrsoft-i-side-menu-01>li>a:hover>s{display: block;}

.hrsoft-i-side-menu-01>li>em{position: relative;background-color: #495771;display: none;}
.hrsoft-i-side-menu-01>li>em>a{display: block;line-height: 45px;padding-left: 32px; color: #505968;}
.hrsoft-i-side-menu-01>li>em>a:first-child{border-top:#f2f4f5 solid 1px}
.hrsoft-i-side-menu-01>li>em>a:last-child{border-bottom:#f2f4f5 solid 1px}
.hrsoft-i-side-menu-01>li>em>a:hover{background-color: #f5f5f5;}
.hrsoft-i-side-menu-01-sel2{background-color: #f5f5f5;}






/*右边菜单*/
.slide-content {
    border-left: 1px solid #E8EDF3;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    background: #FFF none repeat scroll 0% 0%;
    position: fixed;
    overflow-y: hidden;
    right: 0px;
    bottom: 0px;
    top: 0px;
    width: 700px;
    z-index: 500;
    padding: 10px;
    box-sizing: border-box; 
    -webkit-transform:translateX(1700px);
	-ms-transform:translateX(1700px);
	-o-transform:translateX(1700px);
	transform:translateX(1700px);
	-webkit-transition-property:-webkit-transform;
	transition-property:transform;
	-webkit-transition-timing-function:ease-in;
	transition-timing-function:ease-in;
	-webkit-transition-duration:.5s;
	transition-duration:.5s
}
.slide-content.in {
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	transform:translateX(0)
}
.slide-content.none {
	-webkit-transform:none;
	-ms-transform:none;
	-o-transform:none;
	transform:none
}
.slide-content-h1{line-height: 35px;border-bottom: #eee solid 1px;margin: 0px 0px 10px 0px;font-size: 16px;padding-bottom: 10px;}
.slide-content-h1 em{font-style: normal;}
.slide-content-h1 span{float: right; line-height: 35px;cursor: pointer;}
/*行政表格*/
.hrsoft-dashed_box{width: 920px;min-height:648px;margin: 0px auto;background-color: #fff;}
.hrsoft-dashed_box{border: none; padding-top: 20px; -moz-box-shadow:-4px -3px 6px #7e7e7e; -webkit-box-shadow:-4px -3px 6px #7e7e7e; box-shadow:-4px -3px 6px #7e7e7e;}
.hrsoft-dashed_box .insert_title{font-size: 36px;letter-spacing:20px}
.hrsoft-dashed_box .table-view td:first-child{background-color: #fff;}
.hrsoft-dashed_box .table-view .title{background-color: #fff;}
.hrsoft-dashed_box .table-view td{border-color: #000;}
.hrsoft-dashed_box .table-view td table{box-sizing:border-box; width:100%;border-collapse: collapse;border-width:0px; border-style:hidden;}
.hrsoft-dashed_box input.form-control{box-shadow: none;border-radius: 0px;border-color: #f1f1f1;}
.hrsoft-dashed_box .form-control[disabled], .dashed_box .form-control[readonly],.dashed_box fieldset[disabled] .form-control{background-color: #fff;box-shadow: none;border-color: #f1f1f1;}
.hrsoft-dashed_box select.form-control{border-radius: 0px;border-color: #f1f1f1;}
.hrsoft-dashed_box  .input-group-btn button{border-color: #f1f1f1;}
.hrsoft-dashed_box .input-group-addon{border-color: #f1f1f1;}




/*审批列表*/
.hrsoft-examine-list{}
.hrsoft-examine-list-t{background-color: #f3f3f3;border:#d5d5d5 solid 1px;border-top:none;margin: -10px -10px 10px -10px;padding: 10px;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);}
.hrsoft-examine-list-b{padding: 10px;}
.hrsoft-examine-list-b-t{border-bottom:#dddddd solid 1px;}
.hrsoft-examine-list-b-t>span{font-weight:bold;border-bottom: #3f87f1 solid 1px; line-height: 30px;display: inline-block;font-style: normal;padding: 0px 20px;}
.hrsoft-examine-list-b-t>span>i{font-style: normal;color: #b4b3c1;font-size: 12px;margin-left: 5px;}
.hrsoft-examine-list-b-b{margin-top: 20px;}
.hrsoft-examine-list-b-b>ul{list-style: none;margin: 0px -10px 0px 0px;padding: 0px;}
.hrsoft-examine-list-b-b>ul>li{float: left;padding: 10px;}
.hrsoft-examine-list-b-b>ul>li>.hrsoft-examine-list-swap>h1{font-weight: bold;}
.hrsoft-examine-list-b-b>ul>li>.hrsoft-examine-list-swap>h2{margin-top: 10px; padding:0px 25px;min-height: 60px;color: #999999;font-size: 12px;}
.hrsoft-examine-list-b-b>ul>li>.hrsoft-examine-list-swap>h3{text-align: right;}
.hrsoft-examine-list-b-b>ul>li>.hrsoft-examine-list-swap>h1>i{box-sizing:border-box;border-radius: 50px;color: #3f87f1;background-color: #fff;font-size:12px;border:#3f87f1 solid 2px;width: 20px;height: 20px;display: inline-block;text-align: center;font-style: normal;margin-right: 6px;}
.hrsoft-examine-list-b-b>ul>li>.hrsoft-examine-list-swap>h1>span{vertical-align:middle;color: #444444;}
.hrsoft-examine-list-b-b>ul>li>.hrsoft-examine-list-swap>h1>i{font-weight: normal;}
.hrsoft-examine-col4>li{width: 25%;}
.hrsoft-examine-col2>li{width: 50%;}
.hrsoft-examine-list-swap{border:#d5d5d5 solid 1px;padding: 10px;background-color: #fff;border-radius: 5px;}
.hrsoft-examine-list-swap:hover{background-color: #edfaff;border-color:#3f87f1 ;}
.hrsoft-examine-list-swap:hover button{border-color:#3f87f1;}
.hrsoft-examine-list-b-b h1,.hrsoft-examine-list-b-b h2,.hrsoft-examine-list-b-b h3,.hrsoft-examine-list-b-b h4{margin: 0px;padding: 0px;font-size: 14px;}
.hrsoft-examine-list-b-b>ul{}
.hrsoft-examine-list-b-b>ul>li{}
.hrsoft-examine-list-swap > h1 .hrsoft-examine-color1{border-color:#3497f1 !important;color:#3497f1 !important;}
.hrsoft-examine-list-swap > h1 .hrsoft-examine-color2{border-color:#ff608f !important;color:#ff608f !important;}
.hrsoft-examine-list-swap > h1 .hrsoft-examine-color3{border-color:#b774d3 !important;color:#b774d3 !important;}
.hrsoft-examine-list-swap > h1 .hrsoft-examine-color4{border-color:#f75e5e !important;color:#f75e5e !important;}
.hrsoft-examine-list-swap > h1 .hrsoft-examine-color5{border-color:#5874bf !important;color:#5874bf !important;}
.hrsoft-examine-list-swap > h1 .hrsoft-examine-color6{border-color:#56b707 !important;color:#56b707 !important;}
.hrsoft-examine-list-swap > h1 .hrsoft-examine-color7{border-color:#129c7d !important;color:#129c7d !important;}
.hrsoft-examine-list-swap > h1 .hrsoft-examine-color8{border-color:#ca9f08 !important;color:#ca9f08 !important;}


/*外勤宝通讯录列表*/
.hrsoft-list-1{}
.hrsoft-list-1  .navheader{background-color: #fff;background-image: none; height:auto;border: none;box-shadow: none; padding: 10px 10px 0px 10px;}
.hrsoft-list-1  .navheader button{background-color: #00a0f0;margin-left: 10px;}
.hrsoft-list-1  .navheader .pull-right button:last-child{margin-left: -10px;}
.hrsoft-list-1  .navheader .pull-right button:last-child>span{color: #fff;}
.hrsoft-list-1  .sortabc{background-color: #fff;padding: 10px 10px 10px 10px;}
.hrsoft-list-1  .sortabc > .showPyXing{border:#d4d4d4 solid 1px; width: 24px; height: 24px;text-align: center;line-height: 24px;display: inline-block;font-size: 12px;font-family: Helvetica Neue,Helvetica,Arial,sans-serif;color: #b7b7b7;font-weight: bold;cursor: pointer;}
.hrsoft-list-1  .sortabc > .showPyXing:hover{background-color: #00a2ed;border-color: #00a2ed; color: #fff;}
.hrsoft-list-1  .sortabc > .showPyXing-sel{color: #00a2ed;}
.hrsoft-list-1  .sortabc > span{color: #00a2ed; margin-right: 10px;}
.hrsoft-list-1  .address-book  tr{background-color: #fff;border-top: #f3f4f6 solid 4px; padding: 10px;}

.hrsoft-list-1  .address-book td>p:nth-child(1){margin-top: 10px;}
.hrsoft-list-1  .address-book td>p:nth-child(1)>span{margin-right: 10px;font-weight: bold;color: #434343;}
.hrsoft-list-1  .address-book td>p:nth-child(1)>span:nth-child(1){color:#00a2ed ;}
.hrsoft-list-1  .address-book td>p:nth-child(1)>span.pull-right{margin-top: 15px; display: none;}
.hrsoft-list-1  .address-book tr{cursor: pointer;}
.hrsoft-list-1  .address-book tr:hover td>p:nth-child(1)>span.pull-right{display: block;}
.hrsoft-list-1  .address-book td>p:nth-child(2){color:#b2b2b2 ;letter-spacing: 1px;}
.hrsoft-list-1  .address-book td .user_name{width: 48px;height: 48px; line-height: 48px;}
/*各别有冲突*/

.hrsoft-i .list-group-item{padding: 10px 15px;}


/*通讯录-div版*/
.todolist{}
.todolist h1,.todolist h2,.todolist h3,.todolist h4,.todolist h5,.todolist h6{padding: 0px;margin: 0px;font-size: 14px;}
.todolist dl,.todolist dt,.todolist dd,.todolist ul,.todolist li,.todolist em,.todolist s,.todolist i,.todolist b{padding: 0px;margin: 0px; font-style: normal;text-decoration: none;font-weight: normal;list-style: none;}
.todolist dl,.todolist dt,.todolist dd{display: block;}
.todolist-t{background-color: #fff; padding: 10px;}
.todolist-t button{background-color: #00a0f0;}
.todolist-t-tools{height: 40px;}
.todolist-t-tools-l{float: left;}
.todolist-t-tools-l button{margin-left: 5px;}
.todolist-t-tools-r{float: right;}
.todolist-t-tools-r button{margin-left: -10px;}
.todolist-t-dateLink{}
.todolist-t-dateLink > span{color: #00a0f0; margin-right: 10px;}
.todolist-t-dateLink >a{border:#d4d4d4 solid 1px; width: 24px; height: 24px;text-align: center;line-height: 24px;display: inline-block;font-size: 12px;font-family: Helvetica Neue,Helvetica,Arial,sans-serif;color: #b7b7b7;font-weight: bold;cursor: pointer;margin-right: 5px;text-decoration:none;font-style: normal;}
.todolist-t-dateLink >:hover{background-color: #00a2ed;border-color: #00a2ed; color: #fff;}
.todolist-t-dateLink >a.dateLink-sel{color: #00a2ed;}
.todolist-t-dateLink >a:hover.dateLink-sel{color: #fff;}
.todolist-b{}
.todolist-b>ul>li{border-bottom: #fff solid 1px;overflow:hidden;min-height: 70px;background-color: #fff; margin-top: 4px;padding: 10px; cursor: pointer;}
.todolist-b>ul>li:hover{border-bottom: #00a0f0 solid 1px;}
.todolist-b>ul>li:hover  dt{display: block;}
.todolist-b>ul>li dd:nth-child(1) i{display: block;float: left; margin-top: 10px;}
.todolist-b>ul>li dd:nth-child(1){width: 100px;float: left;}
.todolist-b>ul>li dd:nth-child(1) em{margin-left: 15px;border-radius: 50%;border:#eee solid 1px;display: inline-block;width: 48px;height: 48px; line-height:40px;text-align: center;font-size: 18px;}
.todolist-b>ul>li dd:nth-child(1) em img{ width: 48px;height: 48px;border-radius: 50%; }
.todolist-b>ul>li dd:nth-child(2){margin: 0px 120px 0px 100px}
.todolist-b>ul>li dd h1 span{color: #434343;font-weight: bold; margin-right: 20px;}
.todolist-b>ul>li dd h1 span:first-child{color:#00a0f0 ;}
.todolist-b>ul>li dd h1{margin-top: 5px;}
.todolist-b>ul>li dd h2{margin-top: 10px;}
.todolist-b>ul>li dd h2 span{color:#b2b2b2 ;letter-spacing: 1px; }
.todolist-b>ul>li dt{width: 120px;float: right; margin-top: 10px; display: none;}
.todolist-b>ul>li dt button{ margin-left: 5px; background-color: #00a0f0;}
.todolist-f{background-color: #fff; padding: 10px;margin-top: 4px; overflow: hidden;}
.todolist-f .pagetext{width:auto;float:none;color: #999;line-height:none;padding-left: 0px;margin-top: 0px; }
.todolist-f-l{float: left;}
.todolist-f-r{float: left; margin-left: 20px;}

/*常用横向列表_div版*/
.todolist-1{}
.todolist-1 h1,.todolist-1 h2,.todolist-1 h3,.todolist-1 h4,.todolist-1 h5,.todolist-1 h6{padding: 0px;margin: 0px;font-size: 14px;}
.todolist-1 dl,.todolist-1 dt,.todolist-1 dd,.todolist-1 ul,.todolist-1 li,.todolist-1 em,.todolist-1 s,.todolist-1 i,.todolist-1 b{padding: 0px;margin: 0px; font-style: normal;text-decoration: none;font-weight: normal;list-style: none;}
.todolist-1 dl,.todolist-1 dt,.todolist-1 dd{display: block;}
.todolist-1-t{background-color: #fff; padding: 10px;}
.todolist-1-t button{background-color: #00a0f0;}
.todolist-1-t-tools{height: 30px;}
.todolist-1-t-tools-l{float: left;}
.todolist-1-t-tools-l button{margin-left: 5px;}
.todolist-1-t-tools-r{float: right;}
.todolist-1-t-tools-r button{margin-left: -10px;}
.todolist-1-t-dateLink{}
.todolist-1-t-dateLink > span{color: #00a0f0; margin-right: 10px;}
.todolist-1-t-dateLink >a{border:#d4d4d4 solid 1px; width: 24px; height: 24px;text-align: center;line-height: 24px;display: inline-block;font-size: 12px;font-family: Helvetica Neue,Helvetica,Arial,sans-serif;color: #b7b7b7;font-weight: bold;cursor: pointer;margin-right: 5px;text-decoration:none;font-style: normal;}
.todolist-1-t-dateLink >:hover{background-color: #00a2ed;border-color: #00a2ed; color: #fff;}
.todolist-1-t-dateLink >a.dateLink-sel{color: #00a2ed;}
.todolist-1-t-dateLink >a:hover.dateLink-sel{color: #fff;}
.todolist-1-b{}
.todolist-1-b>ul>li{border-bottom: #fff solid 1px;overflow:hidden;min-height: 70px;background-color: #fff; margin-top: 6px;padding: 10px; cursor: pointer;}
.todolist-1-b>ul>li:hover{border-bottom: #00a0f0 solid 1px;}
.todolist-1-b>ul>li:hover  dt{display: block;}
.todolist-1-b>ul>li dd:nth-child(1) i{color:#00a0f0 ;display: block; text-align: center;}

.todolist-1-b>ul>li dl{overflow: hidden;}
.todolist-1-b>ul>li dd:nth-child(1){width: 70px;float: left;}
.todolist-1-b>ul>li dd:nth-child(1) em{border-radius: 50%;border:#eee solid 1px;display: block;width: 48px;height: 48px; line-height:40px;text-align: center;font-size: 18px; margin: 0px auto;}
.todolist-1-b>ul>li dd:nth-child(1) em img{ width: 48px;height: 48px;border-radius: 50%;display: inline-block; }
.todolist-1-b>ul>li dd:nth-child(2){margin: 0px 80px 0px 80px}
.todolist-1-b>ul>li dd h1 span{color: #434343;font-weight: bold; margin-right: 20px;}
.todolist-1-b>ul>li dd h1 span:first-child{color:#aaaaaa;border:#e4e4e3 solid 1px;border-radius: 3px;padding: 1px 5px;}
.todolist-1-b>ul>li dd h1 span:last-child{color:#00a0f0 ;font-weight: normal;}
.todolist-1-b>ul>li dd h1{margin-top: 15px;}
.todolist-1-b>ul>li dd h2{margin-top: 15px;overflow: hidden;}
.todolist-1-b>ul>li dd h2 span{color:#b2b2b2 ;letter-spacing: 1px; }
.todolist-1-b>ul>li dt{width: 120px;float: right; margin-top: 10px; display: none;}
.todolist-1-b>ul>li dt button{ margin-left: 5px; background-color: #00a0f0;}
.todolist-1-f{background-color: #fff; padding: 10px;margin-top: 4px; overflow: hidden;}
.todolist-1-f .pagetext{width:auto;float:none;color: #999;line-height:none;padding-left: 0px;margin-top: 0px; }
.todolist-1-f-l{float: left;}
.todolist-1-r{float: left; margin-left: 20px;}

/*常用横向列表_div_2版*/
.todolist-2{}
.todolist-2 h1,.todolist-2 h2,.todolist-2 h3,.todolist-2 h4,.todolist-2 h5,.todolist-2 h6{padding: 0px;margin: 0px;font-size: 14px;}
.todolist-2 dl,.todolist-2 dt,.todolist-2 dd,.todolist-2 ul,.todolist-2 li,.todolist-2 em,.todolist-2 s,.todolist-2 i,.todolist-2 b{padding: 0px;margin: 0px; font-style: normal;text-decoration: none;font-weight: normal;list-style: none;}
.todolist-2 dl,.todolist-2 dt,.todolist-2 dd{display: block;}
.todolist-2-t{background-color: #fff; padding: 10px;}
.todolist-2-t button{background-color: #00a0f0;}
.todolist-2-t-tools{height: 30px;}
.todolist-2-t-tools-l{float: left;}
.todolist-2-t-tools-l button{margin-left: 5px;}
.todolist-2-t-tools-r{float: right;}
.todolist-2-t-tools-r button{margin-left: -10px;}
.todolist-2-t-dateLink{}
.todolist-2-t-dateLink > span{color: #00a0f0; margin-right: 10px;}
.todolist-2-t-dateLink >a{border:#d4d4d4 solid 1px; width: 24px; height: 24px;text-align: center;line-height: 24px;display: inline-block;font-size: 12px;font-family: Helvetica Neue,Helvetica,Arial,sans-serif;color: #b7b7b7;font-weight: bold;cursor: pointer;margin-right: 5px;text-decoration:none;font-style: normal;}
.todolist-2-t-dateLink >:hover{background-color: #00a2ed;border-color: #00a2ed; color: #fff;}
.todolist-2-t-dateLink >a.dateLink-sel{color: #00a2ed;}
.todolist-2-t-dateLink >a:hover.dateLink-sel{color: #fff;}
.todolist-2-b{}
.todolist-2-b>ul>li{border-bottom: #fff solid 1px;overflow:hidden;min-height: 70px;background-color: #fff; margin-top: 6px;padding: 5px 5px 5px 15px;/*  cursor: pointer; */}
.todolist-2-b>ul>li:hover{}
.todolist-2-b>ul>li:hover  dt{display: block;}
.todolist-2-b>ul>li dd:nth-child(1) i{color:#00a0f0 ;display: block; text-align: center;}

.todolist-2-b>ul>li dl{overflow: hidden;}
.todolist-2-b>ul>li dd:nth-child(1){width: 70px;float: left;}
.todolist-2-b>ul>li dd:nth-child(1) em{border-radius: 50%;border:#eee solid 1px;display: block;width: 48px;height: 48px; line-height:40px;text-align: center;font-size: 18px; margin: 0px auto;}
.todolist-2-b>ul>li dd:nth-child(1) em img{ width: 48px;height: 48px;border-radius: 50%;display: inline-block;outline:none;}
.todolist-2-b>ul>li dd:nth-child(2){margin-right: 80px;}
.todolist-2-b>ul>li dd:nth-child(3){}
.todolist-2-b>ul>li dd h1 span{color: #333; margin-right: 10px;}
.todolist-2-b>ul>li dd h1 span:first-child{color:#aaaaaa;border-radius: 3px;padding: 1px 5px; border: 1px solid #e1e1e1;display: inline-block; font-size: 12px;line-height: 20px; padding: 0 4px;}
.todolist-2-b>ul>li dd h1 span.second a{color:#00a0f0;font-size:15px;text-decoration: none;font-weight: 400;}
.todolist-2-b>ul>li dd h1 span.second a:hover{color:#FF6600}
.todolist-2-b>ul>li dd h1 span:last-child{color:#A0A0A0 ;font-weight: normal;}
.todolist-2-b>ul>li dd h1 span i{color:#333 ;font-weight: normal;}
.todolist-2-b>ul>li dd h1{margin-top: 10px;}
.todolist-2-b>ul>li dd h2{margin-top: 15px;overflow: hidden;}
.todolist-2-b>ul>li dd h2 span{color:#b2b2b2 ;letter-spacing: 1px; }
.todolist-2-b>ul>li dd h2 span i{color:#999 ;font-weight: normal;}
.todolist-2-b>ul>li dt{min-width: 120px;float: right; margin-top: 10px; display: none;}
.todolist-2-b>ul>li dt button{ margin-left: 5px; background-color: #00a0f0;}
.todolist-2-f{background-color: #fff; padding: 10px;margin-top: 4px; overflow: hidden;}
.todolist-2-f .pagetext{width:auto;float:none;color: #999;line-height:none;padding-left: 0px;margin-top: 0px; }
.todolist-2-f-l{float: left;}
.todolist-2-r{float: left; margin-left: 20px;}

/*客户登录页面*/

.Customer-login{}
.Customer-login ul,.Customer-login li{margin: 0px; padding: 0px;list-style: none;display: block;}

.Customer-login-bg{height: 100%;left: 0;overflow: hidden;position: absolute;top: 0;	width: 100%;z-index: -1;}
.Customer-login-bg img{width: 100%;height: 100%;}
.Customer-login-bd{padding-bottom:50px;width: 550px;min-height: 360px;overflow: hidden;background-color: #fff;margin: 100px auto 0px auto;-moz-box-shadow:2px 2px 5px #0C3B6A; -webkit-box-shadow:2px 2px 5px #0C3B6A; box-shadow:2px 2px 5px #0C3B6A;}
.Customer-login .userlogo{text-align: center;margin-top: 20px;}
.Customer-login-bd ul{width: 380px; margin: 20px auto 0px auto; }

.Customer-login-bd li{padding-bottom: 20px;position: relative;}
.Customer-login-bd li .inputlogo{ position: absolute;z-index: 10;left: 10px; top:0px;color: #C0C0C0; line-height: 40px;font-size: 16px;}

.Customer-login-bd li input[type="text"],.Customer-login-bd li input[type="password"]{border:#eee solid 1px;background-color: #fff; padding: 10px;width: 100%; padding-left: 30px;}
.Customer-login-bd li button{display: block; width:100%; line-height:35px;background-color: #00a0f0; color: #fff;border: none; box-shadow: none;}
.Customer-login-bd li button:hover{background-color:#0585c5 ;}

.login-fd{margin: 10px auto; text-align: center;}
.login-fd span{ color: #9b9b9b;margin-right: 10px;}
.login-fd a{ color: #9b9b9b; margin-right: 10px;}
.login-fd a:hover{color: #00a0f0;}
.login-findpass{}

.login-findpass em i,.login-findpass em b,.login-findpass s{text-decoration: none;font-style: normal;font-weight: normal;}

.login-findpass em{float: left;}
.login-findpass em i{ margin-right: 10px;}
.login-findpass em b{color:#9b9b9b;}
.login-findpass s a{color:#9b9b9b;}
.login-findpass s a:hover{color:#00a0f0;}
.login-findpass s{float:right;}

.Ver-code{}
.Ver-code span{margin-right: 10px;}
.Ver-code span input{padding:5px !important;}

/*邮件系统*/

.hrsoft-i-mail-01{border-top:solid 1px #acc2d4;position: absolute;top:70px;bottom: 0px;left:0px;right: 0px;}
.hrsoft-i-mail-01-L1{box-sizing:border-box;position: absolute;top:0px;left:0px;bottom: 0px;width: 200px;background-color: #374c6b;}

.hrsoft-i-mail-01-L2{box-sizing:border-box;position: absolute;top:0px;left:200px;width:400px;bottom: 0px;background-color: #f9f9f9;border-right: solid 1px #f1f1f1;}
.hrsoft-i-mail-01-L3{box-sizing:border-box;position: absolute;top:0px;bottom: 0px;left:600px;right:0px;background-color: #fff;}
.hrsoft-i-mail-01-L4{box-sizing:border-box;position: absolute;top:0px;left:200px;right:300px;bottom: 0px;background-color: #fff;}
.hrsoft-i-mail-01-L5{box-sizing:border-box;position: absolute;top:0px;bottom: 0px;right:0px;width:300px;background-color: #f9f9f9;border-left: solid 1px #f1f1f1;}
.hrsoft-i-mail-01-L6{box-sizing:border-box;position: absolute;top:0px;left:200px;width:300px;bottom: 0px;background-color: #f9f9f9;border-right: solid 1px #f1f1f1;}
.hrsoft-i-mail-01-L7{box-sizing:border-box;position: absolute;top:0px;bottom: 0px;left:500px;right:0px;background-color: #fff;}



.hrsoft-i-mail-01-L1 ul{}
.hrsoft-i-mail-01-L1 ul li{display: block;overflow: hidden;}
.hrsoft-i-mail-01-L1 ul li h1{line-height: 40px;color: #fff;cursor: pointer;}
.hrsoft-i-mail-01-L1 ul li h1 i{display:inline-block;width: 50px;font-size: 20px;text-align: center;}
.hrsoft-i-mail-01-L1 ul li h1 b{font-size: 18px;}
.hrsoft-i-mail-01-L1 ul li h1 em{margin-top: -10px;}
.hrsoft-i-mail-01-L1 ul li h2{color: #fff;font-size: 14px;}
.hrsoft-i-mail-01-L1 ul li h2 dl,.hrsoft-i-mail-01-L1 ul li h2 em{padding-left: 50px;cursor: pointer;}
.hrsoft-i-mail-01-L1 ul li h2 dt{font-size: 16px;}
.hrsoft-i-mail-01-L1 ul li h2 dt s{float: right;display: inline-block;padding-right: 10px;}

.hrsoft-i-mail-select{position: relative;}
.hrsoft-i-mail-select em{position: absolute;right: 7px;top:6px;}
.hrsoft-i-mail-select em select{width: 146px;}




.hrsoft-i-mail-01-L1 ul li h2 em{display: block;line-height: 26px;}
.hrsoft-i-mail-01-L1 ul li:nth-child(2) h1:hover{background-color: #0162af;}
.left-menu-hide .hrsoft-i-mail-01-L1 ul li:nth-child(2) h1:hover{background-color: transparent;}
.hrsoft-i-mail-01-L1 ul li:nth-child(1) h1:hover{background-color: #0162af;}


.hrsoft-i-mail-01-L1 ul li h2 dl:hover,.hrsoft-i-mail-01-L1>ul>li>h2 em:hover{background-color: #0162af;}
.hrsoft-i .hrsoft-i-mail-01-L1 .active{background-color: #0162af;}


.left-menu-hide .hrsoft-i-mail-01-L1{}
.left-menu-hide .hrsoft-i-mail-01-L1 h2{display:none;}
.left-menu-hide .hrsoft-i-mail-01-L1 h1 b{display: none;}
.left-menu-hide .hrsoft-i-mail-01-L1 h1 em{display: none;}
.left-menu-hide .hrsoft-i-mail-01-L1 h1 i{text-align: center;}
.left-menu-hide .hrsoft-i-mail-01-L1 h1{width: 55px;cursor: default;}
.left-menu-hide .hrsoft-i-mail-01-L1 li:nth-child(1) h1{cursor: pointer;}
.left-menu-hide .hrsoft-i-mail-01-L1{width: 55px;}
.left-menu-hide .hrsoft-i-mail-01-L2{left:55px}
.left-menu-hide .hrsoft-i-mail-01-L3{left:455px}
.left-menu-hide .hrsoft-i-mail-01-L4{left:55px}
.left-menu-hide .hrsoft-i-mail-01-L5{}
.left-menu-hide .hrsoft-i-mail-01-L6{left:55px}
.left-menu-hide .hrsoft-i-mail-01-L7{left:355px}

.right-menu-hide .hrsoft-i-mail-01-L4{right:0px}
.right-menu-hide .hrsoft-i-mail-01-L5{display: none;}


.mail-01-L2-t{background-color: #f1f1f1;border-bottom: solid 1px #eaeaea;height: 50px;box-sizing: border-box;}
.mail-01-L2-t dl dd{text-align:right;display:block;margin-right: 50px;}
.mail-01-L2-t dl dt{display:block;width: 50px;float: right;text-align: center;}
.mail-01-L2-t dl dt a i{font-size: 18px;line-height: 50px;}
.mail-01-L2-t dl dd em{display:inline-block;margin-left: 10px;}

.mail-01-L2-t dl dd em i{line-height: 50px;font-size: 18px;}

.mail-01-L2-t dl dd em:nth-child(1){margin-left: 0px;}
.mail-01-L2-t dl a:hover{color:#132339;}
.search-l{margin-right: 50px;padding:12px 10px 0px 20px;}
.search-l input{display: block;border:solid 1px #ddd;width: 100%;height: 24px;}
.search-r{width: 50px;float: right;}

.mail-01-L2-ts{background-color: #f1f1f1;border-bottom: solid 1px #eaeaea;height: 50px;box-sizing: border-box;}
.mail-01-L2-ts dl dd{text-align:right;display:block;margin-right: 50px;}
.mail-01-L2-ts dl dt{display:block;width: 50px;float: right;text-align: center;}
.mail-01-L2-ts dl dt a i{font-size: 18px;line-height: 50px;}
.mail-01-L2-ts dl dd em{display: inline-block;margin-left: 10px;}
.mail-01-L2-ts dl dd em i{line-height: 50px;font-size: 18px;}
.mail-01-L2-ts dl dd em input{display: block;width:190px;}
.mail-01-L2-ts dl dd em:nth-child(1){margin-left: 0px;}
.mail-01-L2-ts dl a:hover{color:#132339;}






#select em{padding-top: 12px;margin-left: 5px;}
#select em select{min-width: 70px;}
.searchbut i{color: #ffa800;}


.mail-01-L2-t2{background-color: #f9f9f9;padding: 8px;}
.mail-01-L2-t2 dl dt{width: 100px;float: right;text-align: right;}
.mail-01-L2-t2 dl dt select{min-width: 80px;}
.mail-01-L2-t2 dl dd{margin-right: 110px;font-size: 18px;font-weight: 600;}

.mail-01-L2-t3{}
.mail-01-L2-t3 li h1{display: block;background-color: #f1f1f1;border-top:solid 1px #ececec;padding: 8px;}
.mail-01-L2-t3 li h2{padding: 8px;}
.mail-01-L2-t3 li h2 dl{}
.mail-01-L2-t3 li h2 dl dt{height:68px;position:relative;width: 100px;float: right;text-align: center;}
.mail-01-L2-t3 li h2 dl dt s{position: absolute;bottom: 6px;right:10px;display: block;}
.mail-01-L2-t3 li h2 dl dt i{display:none;position: absolute;top: 3px;right:10px;}
.mail-01-L2-t3 li h2 dl dd{height:68px;margin-right: 110px;overflow: hidden;}
.mail-01-L2-t3 li h2 dl dd em{font-size: 18px;font-weight: 600px;display: block;}
.mail-01-L2-t3 li h2 dl dd s{display: block;font-size: 14px;}



.mail-01-L2-t2s{background-color: #f9f9f9;padding: 8px;}
.mail-01-L2-t2s dl dt{width: 100px;float: right;text-align: right;}
.mail-01-L2-t2s dl dt select{min-width: 80px;}
.mail-01-L2-t2s dl dd{margin-right: 110px;font-size: 18px;font-weight: 600;}

.mail-01-L2-t3s{}
.mail-01-L2-t3s li{border-bottom:dotted 1px #eee;}
.mail-01-L2-t3s li h1{display: block;background-color: #f1f1f1;border-top:solid 1px #ececec;padding: 8px;}
.mail-01-L2-t3s li h2{padding: 8px;}
.mail-01-L2-t3s li h2 dl{}
.mail-01-L2-t3s li h2 dl dt{height:68px;position:relative;width: 20px;float: left;text-align: center;}
.mail-01-L2-t3s li h2 dl dt s{position: absolute;bottom: 6px;right:10px;display: block;}
.mail-01-L2-t3s li h2 dl dt i{position: absolute;top: 3px;right:10px;}
.mail-01-L2-t3s li h2 dl dd{height:68px;margin-left: 25px;overflow: hidden;}
.mail-01-L2-t3s li h2 dl dd em{font-size: 18px;font-weight: 600px;display: block;}
.mail-01-L2-t3s li h2 dl dd s{display: block;font-size: 14px;}








.mail-01-L3-t1{padding: 10px;border-bottom: solid 1px #eee;}
.mail-01-L3-t1 a{color: #427fed;display: inline-block;margin-right: 10px;}
.mail-01-L3-t1 a:hover{color:#ffa800 ;}
.mail-01-L3-t1 a i{margin-right: 5px;font-size: 16px;}

.mail-01-L3-t2{padding: 10px;}
.mail-01-L3-t2 dl dt{width: 40px;float: left;}
.mail-01-L3-t2 dl dt img{width: 40px;height: 40px;border-radius: 50%;}
.mail-01-L3-t2 dl dd{margin-left: 45px;}
.mail-01-L3-t2 dl dd h1{font-size: 18px;}
.mail-01-L3-t2 dl dd h2{font-size: 14px;}
.mail-01-L3-t3{padding: 10px;}
.mail-01-L3-t3 ul li span{color: #888;}
.mail-01-L3-t3 ul li b{margin: 0px 5px;}

.mail-01-L3-t4{min-height:300px;padding: 10px;border-top: dotted 1px #eee;font-size: 16px;}
.mail-01-L3-t5{border-top: dotted 1px #eee;padding: 10px;}
.cjr{height: 20px;overflow: hidden;position: relative;}
.cjr s{position: absolute;right: 10px;top:5px;cursor: pointer;}
.cjr-show{height: auto;overflow: visible;}
.cjr-show s:before{content: "\f077";}

.mail-list-01{background-color: #f1f1f1;border-bottom: solid 1px #eaeaea;border-left: solid 1px #eaeaea;height: 50px;box-sizing: border-box;}
.mail-list-01 button{margin: 8px 8px 0px 0px;}
.mail-list-01-b{padding: 20px 0px 0px 20px;}
.mail-list-01-b ul li{display:block;width:calc(33.33% - 20px);float: left;border:solid 1px #4476a7;border-radius: 5px;margin: 0px 20px 20px 0px;}
.mail-list-01-b ul li h1{padding: 10px;background-color:#4476a7 ;}
.mail-list-01-b ul li h1 a{color: #fff;}
.mail-list-01-b ul li h2{padding: 10px;}
.mail-list-01-b ul li h2 em{display: block;line-height: 20px;}
.mail-list-01-b ul li h2 em span{font-weight: 600;margin-right: 5px;}
.mail-list-02{}
.mail-list-03-t{background-color: #f1f1f1;border-bottom: solid 1px #eaeaea;border-top: solid 1px #eaeaea;border-left: solid 1px #eaeaea;height: 20px;box-sizing: border-box;}
.mail-list-03-b{}
.mail-list-03-b ul li{border-bottom:dotted 1px #eee;padding: 10px;}
.mail-list-03-b ul li h1{font-weight: 600;line-height: 22px;}
.mail-list-03-b ul li h2{line-height: 22px;}

.mail-form-list{}
.mail-form-list-01{padding: 20px;}
.mail-form-list-01 td{text-align: left;vertical-align:middle !important;}
.mail-form-list-01 table tr td label{display:inline-block;padding:0px 10px;line-height: 32px;margin: 0px;padding: 0px;text-align: center;}
.email-send{width: 100%;}
.email-send .email-send-table tr{ border-bottom: 1px solid #ddd; line-height: 30px;}
.email-no{background-color: #EBF1DF; padding: 4px 5px;margin-right: 5px;}
.email-send-ul li{list-style: none; float: left;}
.hrsoft-i-mail-suc{padding: 50px;}
.hrsoft-i .hrsoft-i-mail-suc> h1{color: #305497;font-size: 24px;}
.hrsoft-i .hrsoft-i-mail-suc> h1 i{color: #cdf1a8;font-size: 24px;margin-right: 20px;}
.hrsoft-i .hrsoft-i-mail-suc> h2{margin-top: 20px;color: #a5a5a5; padding-left: 40px;}
.hrsoft-i .hrsoft-i-mail-suc> h3{padding-left: 40px;margin-top: 20px;}
.hrsoft-i .hrsoft-i-mail-suc> h4{padding-left: 40px;margin-top: 20px;font-weight: bold;}
.hrsoft-i .hrsoft-i-mail-suc> h5{padding-left: 40px;padding: 20px 0px 20px 40px;}
.hrsoft-i .hrsoft-i-mail-suc> h5 table{width: 600px;}
.hrsoft-i .hrsoft-i-mail-suc> h5 table th,.hrsoft-i .hrsoft-i-mail-suc h5 table td{border:solid 1px #d8dddf;padding: 8px;}
.hrsoft-i .hrsoft-i-mail-suc> h5 table th{background-color: #f5f6f8;}
.hrsoft-i .hrsoft-i-mail-suc> h6{padding-left: 40px;}
.hrsoft-i .hrsoft-i-mail-suc> h6 a{display: inline-block;padding: 3px 20px;background-color: #f5f6f8;line-height: 24px;margin-right: 20px;}
.hrsoft-i .hrsoft-i-mail-suc> h6 a:first-child{background-color: #305497;color: #fff;}




.mail-box-out{position: relative;}


.mail-box-in{position: absolute;top: 180px;left:calc(50% - 150px);width: 300px;min-height: 50px;background-color: #fff;border:solid 1px #c8c8c8}
.hrsoft-i .mail-box-in h1{position:relative;background: #f2f2f2;padding: 10px;display: block;font-weight: bold;border-bottom: solid 1px #c8c8c8;}
.hrsoft-i .mail-box-in h1 i{position: absolute;right: 10px;cursor: pointer;}
.hrsoft-i .mail-box-in h2{display: block;padding: 10px;}
.hrsoft-i .mail-box-in h3{background: #f2f2f2;padding: 10px;border-top: solid 1px #c8c8c8;text-align: center;}
.hrsoft-i .mail-box-in h3 a{display: inline-block;background-color: #0070c0;line-height: 22px;padding: 0px 10px;color: #fff;border-radius: 3px;}
.hrsoft-i .mail-box-in dt{width: 50px;text-align: center;}
.hrsoft-i .mail-box-in dt i{font-size: 34px;color: #d4f0b6;float: left;}
.hrsoft-i .mail-box-in dd{margin-left: 60px;}
.hrsoft-i .mail-box-in dd ul li:first-child{font-weight: bold;padding-bottom: 5px;}
.hrsoft-i .mail-box-in dd ul li input{margin-right: 5px;}



.mail-box-in2 h1,.mail-box-in2 h2,.mail-box-in2 h3,.mail-box-in2 h4,.mail-box-in2 h5,.mail-box-in2 h6,.mail-box-in2 dl,.mail-box-in2 dt,.mail-box-in2 dd,.mail-box-in2 span,.mail-box-in2 i,.mail-box-in2 b,.mail-box-in2 ul,.mail-box-in2 li,.mail-box-in2 em{margin: 0px;padding: 0px;font-size: 14px;font-style: normal;font-weight: normal;text-decoration: none;list-style: none;}
.mail-box-in2 a{text-decoration: none;cursor: pointer;}
.mail-box-in2{position: absolute;bottom: 0px;right:0px;width: 350px;min-height: 50px;background-color: #fff;border:solid 1px #c8c8c8}
.mail-box-in2 h1{position:relative;background: #f2f2f2;padding: 10px;display: block;font-weight: bold;border-bottom: solid 1px #c8c8c8;}
.mail-box-in2 h1 i{position: absolute;right: 10px;cursor: pointer;}
.mail-box-in2 h2{display: block;padding: 10px;}
.mail-box-in2 h3{display:block;background: #f2f2f2;padding: 6px;border-top: solid 1px #c8c8c8;overflow: hidden;}
.mail-box-in2 h3 dl{display: block;}
.mail-box-in2 h3 dt{width: 100px;float: left;display: block;}
.mail-box-in2 h3 dd{margin-left: 110px;display: block;text-align: right;}
.mail-box-in2 h3 dd a{display: inline-block;width: 30px;text-align: center;}
.mail-box-in2 h3 em{display: inline-block;}


.mail-box-in2 dt{width: 60px;float: left;}
.mail-box-in2 dt img{width: 50px;height: 50px;border-radius: 5px;}
.mail-box-in2 dd{margin-left: 65px;}
.mail-box-in2 dd ul li:nth-child(1){font-weight: bold;padding-bottom: 5px;color: #4672c4;}
.mail-box-in2 dd ul li:nth-child(2){color: #c7c7c7;}
.mail-box-in2 dd ul li:nth-child(2) i{color: #669e2b;}
.mail-box-in2 dd ul li:nth-child(3){margin-top: 5px;color: #555;}







/*华析－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－*/


 .hrsoft-i-navheader{
 /* margin-top:4px; */
 height:40px;
 padding-top: 0;
 line-height: 40px;
 padding-right:5px;
 padding-left:20px;
 background-color:#fafafa;
 background-image:-moz-linear-gradient(top,#fff,#f2f2f2);
 background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f2f2f2));
 background-image:-webkit-linear-gradient(top,#fff,#f2f2f2);
 background-image:-o-linear-gradient(top,#fff,#f2f2f2);
 background-image:linear-gradient(to bottom,#fff,#f2f2f2);
 background-repeat:repeat-x;
 border:1px solid #d4d4d4;
 /*
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
 border-radius:4px;
 */
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff2f2f2',GradientType=0);
 *zoom:1;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.065);
 -moz-box-shadow:0 1px 4px rgba(0,0,0,0.065);
 box-shadow:0 1px 4px rgba(0,0,0,0.065)
}

.cursor{ cursor: pointer;}
.clear{clear: both;}
a{text-decoration: none;}
.center{ text-align: center;}
.inline{display: inline;}
.inline-block{ display: inline-block;}


/*margin & padding -----start*/
.mt5{ margin-top: 5px;}
.mt10{ margin-top: 10px;}
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
.mb5{ margin-bottom: 5px;}
.mb20{ margin-bottom: 20px;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.mr10{margin-right: 10px;}
.pt10{ padding-top: 10px;}
.pl10{ padding-left: 10px;}
.pl20{ padding-left: 20px;}
.pr20{ padding-right: 20px;}
.p10{padding: 10px;}
/*margin & padding -----end*/


/* 列表宽度（checkbook，序号，年龄，性别，） */
.table-checkbox-w, .table-num-w, .table-age-w, .table-sex-w{ width: 40px;}
.table-checkbox, .table-num, .table-age, .table-sex{ width: 40px; text-align: center;}

/* 性别男女图标 */
.woman{ background-image: url(/pos/UIdemo/img/woman.png); background-repeat: no-repeat ; text-align: center; width:100%;}
.man{ background-image: url(/pos/UIdemo/img/man.png); background-repeat: no-repeat ;}

/* 邮件已读未读图标 */
.Rr{background:url(/pos/UIdemo/img/message_icon.png) -48px -16px no-repeat;}
.Ru{background:url(/pos/UIdemo/img/message_icon.png) -48px 0px no-repeat;}
.cir {
    width: 18px;
    height: 16px;
    overflow: hidden;
    cursor: pointer;
    display: inline-block;
    padding-top:3px;
}

/*边框线 -----start*/
.border-top{ border-top: 1px solid #ccc;}
.border-dashed-top{ border-top: 1px dashed #ccc;}
.border-bottom{ border-bottom: 1px solid #ccc;}
.border-dashed-bottom{ border-bottom: 1px dashed #ccc;}

/*边框线 -----end*/

.list-checkbox {
    float: left;
    width: 50px;
    padding: 0 0 0 20px;
}
.user_name{ height: 40px; width: 40px; border-radius: 50%; float: left; text-align: center; line-height: 40px; border: 1px solid #ccc; margin-right: 20px;}

.c9{color: #999;}
.icon_s{ background-image: url(../img/wb_cm.png);}
.icon_s-good{background-position: -280px -60px; width: 20px; height: 20px; display: inline-block;}
.icon_s-comment{background-position: -280px -40px; width: 20px; height: 20px; display: inline-block;}

/*新加页面*/
.pd-10 {
  padding: 10px;
}
.pdl-10 {
  padding-left: 10px;
}
.pd-20 {
  padding: 20px;
}
.pb-5 {
  padding-bottom: 5px;
}
.pdt-10 {
  padding-top: 10px;
}
.pdt-20 {
  padding-top: 20px;
}
.pdb-10 {
  padding-bottom: 10px;
}
.mgl-10 {
  margin-left: 10px;
}
.mgr-10 {
  margin-right: 10px;
}
.mgt-5 {
  margin-top: 5px;
}
.mgt-10 {
  margin-top: 10px;
}
.mgb-10 {
  margin-bottom: 10px;
}
.mgl-20 {
  margin-left: 20px;
}
.mgr-20 {
  margin-right: 20px;
}
.mgt-20 {
  margin-top: 20px;
}
.mgb-20 {
  margin-bottom: 20px;
}
.clear {
  clear: both;
}
.cursor {
  cursor: pointer;
}
.out-01 a {
  text-decoration: none;
  cursor: pointer;
  color: #00a0f0;
}
.out-01 a:hover {
  color: #eb9316;
}
.out-01 h1,
.out-01 h2,
.out-01 h3,
.out-01 h4,
.out-01 h5,
.out-01 h6 {
  padding: 0px;
  margin: 0px;
  font-size: 14px;
}
.out-01 dl,
.out-01 dt,
.out-01 dd,
.out-01 ul,
.out-01 li,
.out-01 em,
.out-01 s,
.out-01 i,
.out-01 b {
  padding: 0px;
  margin: 0px;
  font-style: normal;
  text-decoration: none;
  font-weight: normal;
  list-style: none;
}
.out-01 dl,
.out-01 dt,
.out-01 dd {
  display: block;
}


.out-page-01{}
.out-01-Body-2 {
  background-color: none;
}
/*列表标题2*/
.out-01-Title-2 {
  height: 85px;
  padding: 10px;
  min-width: 1000px;
  background-color: #ffffff;
}
.out-01-Title-2-tools {
  height: 30px;
}
/*列表标题2 拼音列表*/
.out-01-Title-2-pyLink {
  margin-top: 10px;
}
.out-01-Title-2-pyLink > span {
  color: #00a0f0;
  margin-right: 10px;
}
.out-01-Title-2-pyLink > a {
  border: #ebebeb solid 1px;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  display: inline-block;
  font-size: 12px;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #555555;
  font-weight: bold;
  cursor: pointer;
  margin-right: 5px;
  text-decoration: none;
  font-style: normal;
}
.out-01-Title-2-pyLink > a:hover {
  background-color: #00a0f0;
  border-color: #00a0f0;
  color: #ffffff;
}
.out-01-Title-2-pyLink > a.pyLink-sel {
  color: #00a0f0;
}
.out-01-Title-2-pyLink > a:hover.pyLink-sel {
  color: #ffffff;
}
/*列表表格2*/
.out-01-list-2 {
  min-width: 1000px;
}
.out-01-list-2 > ul > li {
  box-sizing: border-box;
  overflow: hidden;
  background-color: #ffffff;
  margin-top: 5px;
  padding: 10px;
}
.out-01-list-2 > ul > li:hover {
  background-color: #f9f9f9;
}
.out-01-list-2 > ul > li dl dt {
  width: 90px;
  float: left;
}
.out-01-list-2 > ul > li dl dt em {
  text-align: center;
  font-size: 24px;
  line-height: 48px;
  display: block;
  width: 50px;
  height: 50px;
  margin-left: 25px;
  border: solid 1px #ebebeb;
  border-radius: 50%;
}
.out-01-list-2 > ul > li dl dt em img {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.out-01-list-2 > ul > li dl dt i {
  display: block;
  float: left;
  width: 20px;
  padding-top: 15px;
}
.out-01-nopic{}
.out-01-list-2 > ul > li dl dd {
  margin-left: 95px;
  position: relative;
  overflow: hidden;
}
.out-01-nopic > ul > li dl dd {
	margin-left: 0px;
}

.out-01-list-2 > ul > li dl dd h1 {
  margin-top: 5px;
  color: #333333;
}
.out-01-list-2 > ul > li dl dd h1 span {
  margin-right: 10px;
  font-weight: bold;
}
.out-01-list-2 > ul > li dl dd h1 .color-main {
  color: #00a0f0;
}
.out-01-list-2 > ul > li dl dd h2 {
  margin-top: 10px;
  color: #555555;
  font-size: 12px;
}
.out-01-list-2 > ul > li dl dd h2 span {
  margin-right: 10px;
}
.out-01-list-2 > ul > li dl dd h2 span i {
  font-size: 14px;
  color: #dddddd;
  margin-right: 10px;
}
.out-01-list-2 > ul > li dl dd h3 {
  position: absolute;
  right: 10px;
  top: 15px;
  display: none;
}
.out-01-list-2 > ul > li:hover dl dd h3 {
  display: block;
}
.out-01-Title-1 {
  height: 50px;
  padding: 10px;
  min-width: 1000px;
  background-color: #ffffff;
}
.out-01-Title-1-text {
  width: 180px;
  font-size: 16px;
  float: left;
  color: #464e63;
  line-height: 30px;
  font-weight: bold;
  padding-left: 10px;
}
.out-01-Title-1-text > span {
  margin-right: 10px;
  font-size: 24px;
  vertical-align: middle;
}
.out-01-Title-1-tools {
  margin-left: 190px;
}
.out-01-Title-1-tools {
  margin-left: 190px;
}
.out-01-page-2 {
  color: #333333;
  background-color: #ffffff;
  padding: 10px;
}
.out-01-page-2 dt {
  display: inline-block;
  vertical-align: top;
}
.out-01-page-2 dt nav {
  height: 30px;
}
.out-01-page-2 dt a {
  padding: 2px;
  display: inline-block;
  border: #00a0f0 solid 1px;
  min-width: 26px;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
}
.out-01-page-2 dt a:hover {
  background-color: #00a0f0;
  color: #ffffff;
}
.out-01-page-2 dd {
  display: inline-block;
  vertical-align: top;
}
.out-01-page-2 dd:nth-child(3) span {
  line-height: 30px;
}
.out-01-Foot-1 {
  min-width: 1000px;
}

.out-01-Title-1-text i{color: royalblue;font-size: 14px;}

.crm-nav-header{background-color: #fff;height: 52px; padding: 12px 10px;margin-top: 10px;border: 1px solid #ddd;}