/**
 *头部标题栏样式：
 *form: lizhik, tsingm
 */
.title-header {
  height: 26px;
  margin-bottom: 6px;
  position: relative;
}
.title-header .name {
  float: left;
  line-height: 26px;
  font-size: 16px;
  margin: 0;
}
.title-header .star {
  float: left;
  line-height: 26px;
  font-size: 18px;
  margin-left: 5px;
  color: #FB9611;
}
.title-header .link {
  float: right;
  line-height: 26px;
  font-size: 12px;
  width: 90px;
  height: 26px;
  -webkit-border-radius: 13px;
  /* Safari and Chrome */
  -moz-border-radius: 13px;
  /* Firefox */
  -o-border-radius: 13px;
  /* Opera */
  border-radius: 13px;
  text-align: center;
  background-color: #FFF;
  color: #0377C1;
}
.title-header .link:hover {
  text-decoration: none;
}
.title-header .re-list {
  font-size: 26px;
  line-height: 26px;
  color: #9b9b9b;
  margin-left: 5px;
  cursor: pointer;
}
/**
 *头部操作栏样式：
 */
.common-header {
  height: 56px;
  padding: 10px 20px;
  background-color: #FFF;
  /*select下拉箭头样式*/
  /*搜索框*/
}
.common-header .right {
  float: right;
}
.common-header .choose {
  float: left;
}
.common-header .choose label {
  font-size: 14px;
  font-weight: normal;
}
.common-header select {
  border: solid 1px #BFBFBF;
  /*默认的select选择框样式清除*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*在选择框的最右侧中间显示小箭头图片*/
  background: #FFF url("/hrcloud/static/img/background/selectDown.png") no-repeat 90% center;
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding: 0 15px;
  min-width: 87px;
  outline: none;
}
.common-header select::-ms-expand {
  display: none;
}
.common-header .search {
  float: left;
  margin-left: 10px;
  display: inline;
}
.common-header .search input {
  float: left;
  width: 160px;
  font-size: 12px;
  padding: 0 6px;
  border: 1px solid #CECECE;
  border-right: none;
  outline: none;
}
.common-header .search button {
  float: left;
  width: 40px;
  height: 36px;
  background-color: #FFF;
  border-left: 0;
  -webkit-border-radius: 0;
  /* Safari and Chrome */
  -moz-border-radius: 0;
  /* Firefox */
  -o-border-radius: 0;
  /* Opera */
  border-radius: 0;
}
.common-header .search button i {
  color: #B4B4B4;
}
.common-header .search button:focus,
.common-header .search button:hover {
  background-color: #FFF;
  border-color: #BFBFBF;
}
.common-header .search label {
  float: left;
  height: 36px;
  line-height: 36px;
  margin-left: 10px;
  font-size: 14px;
  font-weight: normal;
  color: #0377C1;
}
.common-header .search label i {
  font-size: 12px;
  margin-left: 5px;
}
/**
 * reset样式
 * by:lizhik
 */
/*
 * 避免影响表格样式
 * table, caption, tbody, tfoot, thead, tr, th, td,
 */
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
time,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
textarea {
  resize: none;
}
/**
 *常用属性：
 *可根据个人页面添加常用字体、属性样式
 */
.position-rel {
  position: relative;
}
.align-right {
  text-align: right;
}
.cursor-point {
  cursor: pointer;
}
.block {
  display: block;
}
.inline-bolck {
  display: inline-block;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.pad-left30 {
  padding-left: 30px;
}
.font-yahei {
  font-family: 'Microsoft Yahei';
}
li,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/**
 * 全局通用样式
 * form: lizhik, tsingm
 */
#content {
  padding: 6px 28px;
  font-family: tahoma, arial, 'Hiragino Sans GB', 'Microsoft YaHei', '\5b8b\4f53', sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 1;
  /**
   * 按钮样式和划过样式
   */
}
#content .btn-default {
  border-color: #CECECE;
}
#content .blue-button {
  min-width: 72px;
  height: 34px;
  background-color: #1BAEDE;
  border: 1px solid #1BAEDE;
  -webkit-border-radius: 1px;
  /* Safari and Chrome */
  -moz-border-radius: 1px;
  /* Firefox */
  -o-border-radius: 1px;
  /* Opera */
  border-radius: 1px;
  color: #FFF;
  font-size: 14px;
  outline: none;
  margin-right: 10px;
}
#content .blue-button:hover {
  background-color: #189CC7;
}
#content .white-button {
  min-width: 72px;
  height: 34px;
  background-color: #FFF;
  border: 1px solid #CCC;
  -webkit-border-radius: 1px;
  /* Safari and Chrome */
  -moz-border-radius: 1px;
  /* Firefox */
  -o-border-radius: 1px;
  /* Opera */
  border-radius: 1px;
  font-size: 14px;
  outline: none;
  margin-right: 10px;
}
#content .white-button:hover {
  background-color: #F1F1F1;
}
#content .green-button {
  background-color: #39B588;
  border: 1px solid #39B588;
  -webkit-border-radius: 0;
  /* Safari and Chrome */
  -moz-border-radius: 0;
  /* Firefox */
  -o-border-radius: 0;
  /* Opera */
  border-radius: 0;
  color: #FFF;
  outline: none;
  margin-right: 12px;
}
#content .green-button:hover {
  background-color: #33A37A;
  color: #FFF;
  outline: none;
}
#content .red-button {
  background-color: #ED4047;
  -webkit-border-radius: 0;
  /* Safari and Chrome */
  -moz-border-radius: 0;
  /* Firefox */
  -o-border-radius: 0;
  /* Opera */
  border-radius: 0;
  outline: none;
}
#content .red-button:hover {
  background-color: #D53940;
}
#content .button-blue-disable,
#content .button-blue-disable:hover {
  background-color: #98DAF0;
  color: #FFF;
  border: 1px solid #98DAF0;
}
#content .form-control {
  background-color: #FFF;
}
#content button {
  outline: none;
}
#content label {
  font-weight: normal;
}
#content a {
  text-decoration: none;
}
/**
 * checkbox样式
 */
.u-checkbox-outline {
  border: 2px solid #D7D7D7;
}
.u-checkbox.is-checked .u-checkbox-outline {
  border: 2px solid #2AAFD6;
}
/*.u-checkbox.is-checked .u-checkbox-tick-outline {
    background: #2cafd6;
}*/
/**
 * "*"号必填项样式
 */
.must-icon:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #F00;
}
.must-icon::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #F00;
}
.must-icon:-ms-input-placeholder {
  color: #F00;
}
.must-icon::-webkit-input-placeholder {
  color: #F00;
}
/*表单样式*/
input,
select {
  height: 36px;
  line-height: 36px;
}
input[disabled] {
  background-color: #F5F5F5;
}
select {
  border: 1px solid #CECECE;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #FFF url("/hrcloud/static/img/background/selectDown.png") no-repeat 95% center;
  padding: 0 15px;
  min-width: 87px;
  outline: none;
  -webkit-border-radius: 0;
  /* Safari and Chrome */
  -moz-border-radius: 0;
  /* Firefox */
  -o-border-radius: 0;
  /* Opera */
  border-radius: 0;
}
/**
 * 分页
 */
.paginate-box {
  overflow: hidden;
  width: 100%;
  height: 36px;
  margin-top: 10px;
}
.u-pagination {
  position: absolute;
  right: 5px;
}
.u-pagination > .active > a,
.u-pagination > .active > a:hover,
.u-pagination > .active > span,
.u-pagination > .active > span:focus,
.u-pagination > .active > span:hover,
.u-pagination > .active > a:focus {
  background-color: #1BAEDE;
  border-color: #1BAEDE;
}
/**
 * 相关操作样式
 * 参见职务图谱页面使用
 * pengyic
 */
.dropdown-icon {
  float: right;
  line-height: 26px;
  font-size: 12px;
  width: 30px;
  height: 26px;
  -webkit-border-radius: 13px;
  /* Safari and Chrome */
  -moz-border-radius: 13px;
  /* Firefox */
  -o-border-radius: 13px;
  /* Opera */
  border-radius: 13px;
  text-align: center;
  color: #0377C1;
  cursor: pointer;
}
.droplist {
  display: none;
  border: 1px solid #E3E3E3;
  border-bottom: 0;
  background-color: #FFF;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 3;
  top: 30px;
  right: 0;
}
.droplist a {
  color: #000;
  text-decoration: none;
  display: inline-block;
  width: 120px;
}
.droplist li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 120px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  cursor: pointer;
  border-bottom: 1px solid #E3E3E3;
}
.droplist li:hover {
  background-color: #EFFAFD;
}
/**
 * 创建打印div样式
 */
.print-content {
  width: 100%;
  height: 100%;
  z-index: 1000;
  position: absolute;
  background: #FFF;
  top: 0;
  display: block !important;
  /*display: visible !important;*/
}
/**
 * 流程历史按钮样式
 */
.flow-icon {
  color: #1BAEDE;
  font-size: 22px;
  position: relative;
  top: 3px;
}
.flow-btn {
  color: #0377C1;
  font-size: 12px;
  line-height: 36px;
}
/**
 * 导入功能 弹出框样式
 */
.import {
  padding: 5px 35px 0;
}
.import .circleGre {
  color: #1BAEDE;
}
.import .import-title {
  padding: 0 16px 0 20px;
  display: inline-block;
}
.import .import-text {
  color: #999;
  font-size: 12px;
}
.import .sliderLine {
  display: block;
  height: 36px;
  width: 100%;
  border-left: 1px dashed #D7D7D7;
  margin-left: 12px;
}
.import .file-line {
  width: 100%;
  border-left: 1px dashed #D7D7D7;
  margin-left: 12px;
  padding: 16px 0 26px 32px;
}
.import .file-line input {
  width: 258px;
  height: 32px;
  padding-left: 10px;
  border: 1px solid #BFBFBF;
  margin-right: 15px;
}
.import .file-line button {
  width: 76px;
  height: 32px;
  font-size: 14px;
  font-family: 'Microsoft Yahei';
  margin-left: 15px;
}
.import .import-btn {
  background-color: #1BAEDE;
  border: 1px solid #1BAEDE;
  -webkit-border-radius: 0;
  /* Safari and Chrome */
  -moz-border-radius: 0;
  /* Firefox */
  -o-border-radius: 0;
  /* Opera */
  border-radius: 0;
  color: #FFF;
  outline: none;
  margin-right: 12px;
}
.import .import-btn:hover {
  background-color: #189CC7;
}
.import .result-info {
  font-size: 12px;
}
.import .err-info {
  color: #656565;
  font-size: 12px;
  padding: 18px 0 0 38px;
  max-height: 170px;
  overflow-y: auto;
}
/**
 * 组织机构图和员工关系图放大和缩小按钮样式
 */
.zoom-btn {
  position: absolute;
  right: 30px;
  bottom: 30px;
  width: 36px;
  text-align: center;
  color: #999999;
  border: 1px solid #ccc;
  cursor: pointer;
  z-index: 2;
  background-color: #ffffff;
}
.zoom-btn .zoom {
  margin: 8px 0;
}
.zoom-btn .zoom-line {
  height: 1px;
  background-color: #ccc;
}
.zoom-btn .hrfont {
  font-size: 18px;
}
/**
 * 流程详情历史图样式
 */
.pic_con {
  width: 100%;
  height: 230px;
  overflow: auto;
}
.tab-button {
  width: 60px;
  height: 42px;
  margin: 0 3px;
  display: block;
  list-style: none;
  color: #666;
  font-size: 15px;
  text-align: center;
  line-height: 42px;
  float: left;
  cursor: pointer;
}
.cur {
  font-weight: 600;
  border-bottom: 3px solid #ff8687;
}
.card-content {
  margin-top: 15px;
  width: 100%;
}
.card-info {
  width: 32%;
  min-width: 298px;
  height: 210px;
  background-color: #FFF;
  border: 1px solid #DADBDD;
  float: left;
  position: relative;
  margin: 15px 2% 0 0;
}
.card-info:hover {
  background-color: #EDF8FF;
  cursor: pointer;
}
.modal-footer .footbtn-pad {
  padding: 5px 22px;
}
.modal-footer .btn-default {
  -webkit-border-radius: 0;
  /* Safari and Chrome */
  -moz-border-radius: 0;
  /* Firefox */
  -o-border-radius: 0;
  /* Opera */
  border-radius: 0;
  min-width: 72px;
  height: 36px;
}
.modal-footer .btn-default:hover {
  background-color: #EBEBEB;
}
.modal-title {
  color: #232933;
  font: 16px 'Microsoft Yahei';
}
.font-styles {
  color: #212121;
  padding-left: 10px;
  font: normal 14px 'Microsoft Yahei';
}
.title-fontsyle {
  font: 30px 'Microsoft Yahei';
  color: #272727;
}
.time-title {
  font: normal 12px 'Microsoft Yahei';
  color: #919191;
}
.delete-shift {
  float: left;
  /*width:72px;*/
  height: 32px;
  background-color: #FFF;
  border: 1px solid #CCC;
  color: #333;
  margin-left: 25px;
  padding: 0 6px;
  font: normal 14px 'Microsoft Yahei';
}
.modal .save-new {
  width: 88px;
  height: 32px;
  border: 1px solid #CCC;
  background-color: #FFF;
  margin-right: 18px;
  margin-top: 1px;
}
.container-fluid .input-size {
  width: 130px;
  height: 38px;
}
.line-middle {
  display: inline-block;
  width: 14px;
  margin: 0 7px;
  height: 19px;
  border-bottom: 1px solid #BFBFBF;
  float: left;
}
.form-name input {
  width: 289px;
  height: 38px;
  border: 1px solid #BFBFBF;
  font-size: 14px;
}
/**
 * 无数据图片显示
 */
.leave-empty {
  position: absolute;
  top: 400px;
  left: 50%;
  margin-left: -71px;
}
.leave-empty span {
  display: block;
  line-height: 30px;
  text-align: center;
  color: #A9A9A9;
}
/**
 * 编辑新增页面
* 导入页面向导
*/
.lead-bar {
  width: 100%;
  overflow: hidden;
  padding: 30px 0 20px 0;
  background-color: #ffffff;
}
.lead-bar ul {
  width: 1080px;
  margin: 0 auto;
}
.lead-bar ul .item-left {
  width: 60px;
  height: 60px;
  position: relative;
  float: left;
}
.lead-bar ul .item-left .circle-outer {
  width: 30px;
  height: 30px;
  background-color: #ffffff;
  border: 2px solid #b4b4b4;
  border-left: 0px;
  border-top: 0px;
  border-radius: 0 0 30px 0;
  position: absolute;
  bottom: 0;
  right: 0;
}
.lead-bar ul .item-left .circle-inner {
  width: 46px;
  height: 46px;
  background-color: #b4b4b4;
  border-radius: 23px;
  position: absolute;
  top: 7px;
  left: 7px;
  color: #ffffff;
  text-align: center;
  font-size: 30px;
  line-height: 46px;
}
.lead-bar ul .item-right {
  width: 300px;
  height: 60px;
  margin-left: -2px;
  float: left;
}
.lead-bar ul .item-right .text-top {
  width: 300px;
  height: 30px;
  border-bottom: 2px solid #b4b4b4;
  color: #b4b4b4;
  font-size: 18px;
  line-height: 28px;
  text-indent: 1em;
}
.lead-bar ul .item-right .text-bottom {
  width: 300px;
  height: 28px;
  color: #b4b4b4;
  line-height: 25px;
  text-indent: 1em;
}
.lead-bar ul .selected .circle-outer {
  border-color: #52bc7c;
}
.lead-bar ul .selected .circle-inner {
  background-color: #52bc7c;
}
.lead-bar ul .selected .text-top {
  border-bottom-color: #52bc7c;
  color: #52bc7c;
}
.lead-bar ul .selected .text-bottom {
  color: #808080;
}
.abnormal {
  margin-bottom: 20px;
  height: 36px;
  clear: both;
}
.abnormal .u-combo {
  display: inline-block;
  width: 180px;
  float: left;
}
.abnormal .u-datepicker {
  display: inline-block;
  position: relative;
}
.abnormal .u-datepicker .choose-meta {
  margin-right: -27px;
}
.abnormal .u-datepicker label {
  color: #CECECE;
  top: 10px;
  position: absolute;
}
.abnormal:last-child {
  margin-bottom: 0;
}
.check-span {
  height: 28px;
  line-height: 28px;
  clear: both;
}
.left-span,
.right-meta,
.choose-span,
.choose-meta,
.big-span,
.big-meta,
.small-meta {
  font-size: 14px;
  color: #656565;
  display: inline-block;
  float: left;
  line-height: 36px;
}
.left-span,
.choose-span,
.big-span {
  padding-right: 10px;
  width: 95px;
  text-align: right;
}
.right-meta {
  text-align: left;
  width: 180px;
}
.choose-meta {
  width: 180px;
  border: 1px solid #CECECE;
  padding-left: 10px;
}
.big-span {
  width: 110px;
}
.small-meta {
  text-align: left;
  width: 120px;
}
.big-meta {
  text-align: left;
}
.edittime {
  display: inline-block;
  width: 130px;
  position: relative;
}
.edittime input {
  width: 100%;
  border: 1px solid #CECECE;
  padding-left: 15px;
}
.edittime .hrfont {
  position: absolute;
  top: 8px;
  right: 3px;
  color: #CECECE;
  font-size: 22px;
}
.qizhiline {
  width: 15px;
  display: inline-block;
  border-top: 1px solid #CECECE;
  margin: 0 9px 5px 9px;
}
.daily-check {
  display: inline-block;
  height: 25px;
  line-height: 0px;
  width: 15%;
  left: 50px;
  position: relative;
}
.daily-check span {
  color: #333;
}
.yell-num {
  color: #FE8125;
  margin: 0 3px;
}
/**
 *表格样式：
 *from: lizhik, tsingm
 */
.main-container {
  position: relative;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 20px;
  background: #FFF;
}
.hr-table table {
  width: 100%;
  table-layout: fixed;
}
.hr-table tr {
  height: 45px;
  border: 1px solid #EEEFF1;
}
.hr-table tr.daymonth td:last-child {
  padding-right: 10px;
  text-align: left;
}
.hr-table td,
.hr-table th {
  padding-left: 10px;
  text-align: left;
}
.hr-table th {
  font-weight: normal;
}
.hr-table th.sortable:hover {
  background: #D7D7D7;
}
.hr-table th i {
  display: none;
  font-size: 12px;
  color: #B4B4B4;
}
.hr-table th.clicked i {
  display: inline;
}
.hr-table thead {
  font-size: 15px;
  background-color: #EEEFF1;
}
.hr-table tbody {
  font-size: 13px;
}
.hr-table tbody tr.is-selected,
.hr-table tbody tr:hover {
  background: #E9F7FC;
}
.hr-table tbody tr:hover i {
  display: inline;
}
.hr-table tbody tr:hover .check-link {
  color: #2788CC;
}
.hr-table tbody tr:hover .check-link:hover {
  cursor: pointer;
  text-decoration: underline;
}
.hr-table tbody td {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  /* Opera */
  -webkit-text-overflow: ellipsis;
  /* Safari and Chrome */
  -moz-text-overflow: ellipsis;
  /* Firefox */
  text-overflow: ellipsis;
}
.hr-table tbody td:last-child {
  padding-right: 10px;
  text-align: right;
}
.hr-table tbody i {
  margin-left: 15px;
  cursor: pointer;
  color: #2788CC;
  display: none;
}
.hr-table tbody i.disable {
  color: #B4B4B4;
}
.hr-table .u-checkbox-focus-helper,
.hr-table .u-checkbox-outline {
  top: -11px;
}
/**
* loading样式
*/
#LoadingImage {
  border: 1px solid #EAEAEA;
  border-top: 0;
  display: none;
  position: relative;
  /*width: 100%;
  text-align: center;*/
  min-height: 448px;
}
#LoadingImage img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -38px;
  margin-left: -38px;
}
#LoadingImage span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 55px;
  margin-left: -26px;
  color: #B4B4B4;
  font-size: 14px;
}
#emptyImage {
  border: 1px solid #EAEAEA;
  border-top: 0;
  display: none;
  position: relative;
  /*width: 100%;*/
  /*text-align: center;*/
  min-height: 448px;
}
#emptyImage img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -45px;
  margin-left: -38px;
}
#emptyImage span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 60px;
  margin-left: -84px;
  color: #B4B4B4;
  font-size: 14px;
}
/**
 * 按钮及更多下拉
 * from:tsingm
 */
.entry-button-more {
  position: relative;
  display: inline-block;
}
.entry-button-more button {
  min-width: 100px;
  height: 34px;
  font-size: 14px;
  text-align: left;
  text-indent: 1em;
  outline: none;
  cursor: pointer;
  border: 1px solid #CCC;
  -webkit-border-radius: 1px;
  /* Safari and Chrome */
  -moz-border-radius: 1px;
  /* Firefox */
  -o-border-radius: 1px;
  /* Opera */
  border-radius: 1px;
  background: #FFF url("/hrcloud/static/img/background/selectDown.png") no-repeat 95% center;
}
.entry-button-more ul {
  position: absolute;
  top: 34px;
  left: 0;
  min-width: 130px;
  background-color: #FFF;
  -moz-box-shadow: 1px 1px 2px 0 #888;
  /* Firefox */
  -webkit-box-shadow: 1px 1px 2px 0 #888;
  /* Safari and Chrome */
  -o-box-shadow: 1px 1px 2px 0 #888;
  /* Opera */
  box-shadow: 1px 1px 2px 0 #888;
  display: none;
  z-index: 100;
}
.entry-button-more ul li {
  padding: 10px 5px;
  text-align: center;
}
.entry-button-more ul li:hover {
  background-color: #E9F7FC;
  cursor: pointer;
}
.entry-button-more ul .btn:focus {
  background-color: #ffffff;
}
/**
 * 考勤模块，模态框记录查看table
 * author:weishp3
 * 员工假勤档案，日常考勤
 */
#historyModal table,
#signedRecord table {
  width: 100%;
  table-layout: fixed;
}
#historyModal tbody,
#signedRecord tbody {
  font-size: 12px;
}
#historyModal thead,
#signedRecord thead {
  background-color: #EEEFF1;
}
#historyModal th,
#signedRecord th {
  font-weight: normal;
  padding-left: 10px;
}
#historyModal tr,
#signedRecord tr {
  height: 32px;
  border: 1px solid #EEEFF1;
}
#historyModal td,
#signedRecord td {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding-left: 10px;
}
/**
 * ====穿透查询功能页样式====
 * @table link-style
 * @by pengyic
 */
/*************************
@edit-page style
@by pengyic
*************************/
.common-header .page-name {
  font-size: 20px;
  line-height: 32px;
  font-family: 'Microsoft Yahei';
  color: #232A34;
  float: left;
  margin: 0;
  padding-right: 18px;
}
div.edit-page {
  font: 14px 'Microsoft Yahei';
  padding: 15px 0 15px 70px;
  background-color: #FFF;
  min-height: 300px;
  margin-top: 10px;
}
div.edit-panel {
  margin-bottom: 20px;
}
/*************************
@form style
@by pengyic lizhik
*************************/
.common-form {
  font: 14px 'Microsoft Yahei';
}
.common-form fieldset {
  margin-top: 10px;
  padding: 0 20px 20px;
  background-color: #FFF;
}
.common-form fieldset .fieldset-header {
  height: 54px;
  line-height: 54px;
  margin-bottom: 20px;
  border-bottom: 1px solid #D4D4D4;
  font-weight: bold;
  color: #333;
}
.common-form fieldset .fieldset-header span.left-border {
  border-left: 5px solid #1BAEDE;
  line-height: 54px;
  padding-right: 5px;
}
.common-form fieldset .form-col-odd {
  width: 18%;
}
.form-row-hide {
  display: none;
}
.form-row {
  margin-bottom: 20px;
  height: 41px;
}
.form-row .form-col-odd {
  line-height: 36px;
  width: 10%;
  text-align: right;
  display: inline-block;
  padding-right: 16px;
  float: left;
}
.form-row label.date-icon {
  position: absolute;
  margin: 2px 0 0 -40px;
  color: #D0D0D0;
}
.form-row label.date-icon i {
  font-size: 30px;
  font-weight: normal;
  color: #B4B4B4;
}
.form-row input.form-col-even {
  line-height: 35px;
  width: 27%;
  padding: 0 10px;
  float: left;
  border: 1px solid #CECECE;
}
.form-row span.form-col-even {
  width: 27%;
  padding: 0 10px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  height: 41px;
  line-height: 36px;
}
.form-row select {
  height: 36px;
}
.form-row select.form-col-select {
  line-height: 36px;
  width: 27%;
  padding: 0 10px;
  float: left;
  border: 1px solid #CECECE;
}
/* 非编辑态 */
.form-row-textarea {
  margin: 15px 0;
  min-height: 80px;
}
.form-row-textarea span.form-col-even {
  width: 27%;
  padding: 0 10px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  height: 41px;
  line-height: 41px;
}
.form-row-textarea .form-col-odd {
  line-height: 41px;
  width: 10%;
  text-align: right;
  display: inline-block;
  padding-right: 16px;
  float: left;
  vertical-align: top;
}
.form-row-textarea textarea.form-textarea {
  width: 72%;
  height: 80px;
  padding: 10px;
  border: 1px solid #CECECE;
}
.form-row-textarea span.form-textarea {
  width: 71%;
  padding: 10px;
  display: inline-block;
  /*lihzhik--bug英文数字不折行*/
  word-wrap: break-word;
  overflow: hidden;
}
.form-row-textarea .form-col-textarea {
  width: 60%;
  padding: 10px;
}
/*************************
@switch
@by pengyic
*************************/
label.my-switch {
  width: 60px;
  padding: 2px;
  margin: 0;
  line-height: 16px;
  border: 1px solid #61C6ED;
  -webkit-border-radius: 10px;
  /* Safari and Chrome */
  -moz-border-radius: 10px;
  /* Firefox */
  -o-border-radius: 10px;
  /* Opera */
  border-radius: 10px;
  vertical-align: middle;
  background-color: #61C6ED;
}
label.my-switch > .thumb {
  display: block;
  float: right;
  width: 15px;
  height: 15px;
  background-color: #FFF;
  -webkit-border-radius: 7.5px;
  /* Safari and Chrome */
  -moz-border-radius: 7.5px;
  /* Firefox */
  -o-border-radius: 7.5px;
  /* Opera */
  border-radius: 7.5px;
}
label.my-switch > .track {
  display: block;
  float: left;
  width: 25px;
  line-height: 15px;
  font-size: 10px;
  font-family: 'Microsoft Yahei';
  font-weight: normal;
  margin: 0 5px;
  color: #FFF;
}
label.my-switch-disable {
  width: 60px;
  padding: 2px;
  line-height: 16px;
  border: 1px solid #AAA;
  -webkit-border-radius: 10px;
  /* Safari and Chrome */
  -moz-border-radius: 10px;
  /* Firefox */
  -o-border-radius: 10px;
  /* Opera */
  border-radius: 10px;
  background-color: #FFF;
}
label.my-switch-disable > .thumb {
  display: block;
  float: left;
  width: 14px;
  height: 14px;
  border: 1px solid #AAA;
  background-color: #EEE;
  -webkit-border-radius: 7.5px;
  /* Safari and Chrome */
  -moz-border-radius: 7.5px;
  /* Firefox */
  -o-border-radius: 7.5px;
  /* Opera */
  border-radius: 7.5px;
}
label.my-switch-disable > .track {
  display: block;
  float: right;
  width: 25px;
  line-height: 15px;
  font-size: 10px;
  font-family: 'Microsoft Yahei';
  font-weight: normal;
  margin: 0 5px;
  color: #AAA;
}
/*********************
@相关操作样式 by pengyic
*********************/
ul.related-oper {
  margin: 0;
  padding: 0;
  width: 150px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #FFF;
  border: 1px solid #CCC;
  font-size: 13px;
}
ul.related-oper li {
  list-style: none;
  height: 47px;
  line-height: 47px;
  padding: 0 0 0 20px;
}
ul.related-oper li a {
  color: #000;
  display: block;
}
ul.related-oper li a:hover {
  text-decoration: none;
}
ul.related-oper li:first-child {
  font-weight: bold;
  border-bottom: 1px solid #CCC;
  padding-left: 7px;
}
ul.related-oper li:first-child:hover {
  background: #FFF;
}
ul.related-oper li:hover {
  background: #EEE;
}
/*p背景色*/
.p-bground {
  background: #E8E9EE;
  height: 40px;
  line-height: 40px;
  padding-left: 5px;
  margin-left: -70px;
  margin-bottom: 15px;
}
/**
 * 参照样式
 */
#content .form-ref {
  float: left;
  width: 27%;
}
#content .form-ref span {
  /*影响模板校验字体和位置*/
  /*font-size: 30px; */
  font-weight: normal;
  /*right: 6px;*/
}
/**
 * 保存加载样式 by tsingm
 */
.save-waiting {
  position: fixed;
  width: 120px;
  height: 120px;
  top: 50%;
  left: 50%;
  margin-left: -60px;
  margin-top: -60px;
  display: block;
  background-color: #FFF;
  -webkit-border-radius: 12px;
  /* Safari and Chrome */
  -moz-border-radius: 12px;
  /* Firefox */
  -o-border-radius: 12px;
  /* Opera */
  border-radius: 12px;
  -moz-box-shadow: 0 0 20px 0 #CCC;
  /* Firefox */
  -webkit-box-shadow: 0 0 20px 0 #CCC;
  /* Safari and Chrome */
  -o-box-shadow: 0 0 20px 0 #CCC;
  /* Opera */
  box-shadow: 0 0 20px 0 #CCC;
  z-index: 1055;
}
.save-waiting img {
  margin-top: 10px;
  margin-left: 23px;
}
.save-waiting span {
  margin-top: 5px;
  display: block;
  text-align: center;
}
.save-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1051;
  background-color: #CCC;
  opacity: 0.5;
  /* w3c */
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  /* ms ie 8 */
  filter: alpha(opacity = 50);
  /* ms ie 7 let */
  -moz-transition: opacity 0.15s linear 0s;
  /* Firefox */
  -webkit-transition: opacity 0.15s linear 0s;
  /* Safari and Chrome */
  -o-transition: opacity 0.15s linear 0s;
  /* Opera */
  transition: opacity 0.15s linear 0s;
}
/**
 *带面包屑的横向树形导航样式：
 *from: tsingm
 */
.tree-nav {
  margin-top: -20px;
}
.tree-nav span,
.tree-nav .breadcrumb > li + li:before {
  float: left;
  color: #666;
}
.tree-nav .breadcrumb {
  margin-bottom: 0;
  padding: 8px 0;
  background-color: #FFF;
  line-height: 20px;
}
.tree-nav .tree-main {
  position: relative;
}
.tree-nav .tree-main .tree-name {
  color: #1BAEDE;
}
.tree-nav .tree-main .tree-name:hover {
  color: #2788CC;
  cursor: pointer;
}
.tree-nav .triangle-down {
  width: 12px;
  height: 12px;
  margin-top: 4px;
  margin-left: 4px;
  border: 1px solid #1BAEDE;
  -webkit-border-radius: 2px;
  /* Safari and Chrome */
  -moz-border-radius: 2px;
  /* Firefox */
  -o-border-radius: 2px;
  /* Opera */
  border-radius: 2px;
  cursor: pointer;
}
.tree-nav .triangle-down:hover {
  border-color: #2788CC;
}
.tree-nav .arrow {
  width: 0;
  height: 0;
  margin-top: 4px;
  margin-left: 2px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #1BAEDE;
}
.tree-nav .arrow:hover {
  border-top-color: #2788CC;
}
.tree-nav a {
  min-height: 20px;
}
.tree-nav .have-child {
  position: absolute;
  width: 0;
  height: 0;
  top: 8px;
  right: 5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #CCC;
}
.dropdown-menu > li > a:hover {
  background-color: #EFFAFD;
  cursor: pointer;
}
.child-menu {
  top: -7px;
  left: 100%;
}
/**
 *  变动类型、变动原因样式
 *  by：daifeia   move:lizhik
 */
/*去掉弹窗的 默认的样式 改成设计稿的颜色*/
#onjobstate .modal-dialog {
  width: 500px;
}
#onjobstate .modal-dialog .modal-conten .modal-footer .btn.yyblue-button {
  border: none;
  color: #FFF;
  -webkit-border-radius: 0;
  /* Safari and Chrome */
  -moz-border-radius: 0;
  /* Firefox */
  -o-border-radius: 0;
  /* Opera */
  border-radius: 0;
}
#onjobstate .modal-content {
  -webkit-border-radius: 0;
  /* Safari and Chrome */
  -moz-border-radius: 0;
  /* Firefox */
  -o-border-radius: 0;
  /* Opera */
  border-radius: 0;
  padding: 0 10px;
}
#onjobstate .modal-header {
  height: 40px;
  padding-top: 0;
  padding: 0;
}
#onjobstate .modal-header .close {
  margin-top: 10px;
}
#onjobstate .modal-title {
  height: 40px;
  line-height: 40px;
}
#onjobstate .modal-footer {
  border: 0;
}
#onjobstate .row {
  margin: 15px 0;
}
#onjobstate .col-md-3,
#onjobstate .col-md-8 {
  height: 34px;
  line-height: 34px;
}
.col-md-8:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #F00;
}
.col-md-8::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #F00;
}
.col-md-8:-ms-input-placeholder {
  color: #F00;
}
.col-md-8::-webkit-input-placeholder {
  color: #F00;
}
.job-padding {
  padding-left: 2px;
}
.row .col-md-3 label {
  width: 100%;
  color: #666;
  font-weight: 400;
  font-size: 14px;
  font-family: 'Microsoft Yahei';
  text-align: right;
}
.delmodel {
  float: left;
  color: #333;
}
/*变动原因中的tab切换样式*/
.person-tab {
  width: 100%;
  height: 42px;
  display: block;
  margin-bottom: 20px;
  position: relative;
}
.person-tab .person-tab-div {
  width: 60px;
  height: 3px;
  background: #FF8687;
  position: absolute;
  bottom: 0;
  left: 0;
}
.person-tab .person-ul {
  width: auto;
  height: 42px;
  display: block;
  padding: 0;
}
.person-tab .person-ul span {
  width: 60px;
  height: 42px;
  float: left;
  display: block;
  list-style: none;
  color: #666;
  font-weight: 500;
  font-size: 15px;
  font-family: 'Microsoft Yahei';
  text-align: center;
  line-height: 42px;
  cursor: pointer;
}
/**
 * 外层样式
 */
.onjobstate {
  width: 100%;
  min-height: 600px;
  display: block;
  padding: 10px 10px 20px 20px;
  background: #FFF;
  font-family: 'Microsoft Yahei';
}
.onjob {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: block;
}
.onjob-top {
  width: 100%;
  height: 24px;
  display: block;
  position: relative;
}
.oj-small {
  width: 3px;
  height: 16px;
  display: block;
  background: #1BAEDE;
  position: absolute;
  top: 4px;
  left: 0;
  z-index: 1;
}
.oj-con {
  width: auto;
  height: 16px;
  line-height: 16px;
  font-size: 14px;
  font-weight: 500;
  display: block;
  padding: 0 5px;
  position: absolute;
  top: 4px;
  left: 3px;
  color: #333;
  z-index: 1;
  background: #FFF;
}
.oj-big {
  width: 100%;
  height: 16px;
  background: #EBF2FC;
  position: absolute;
  top: 4px;
  left: 0;
  z-index: 0;
}
.onjob-bottom {
  width: 100%;
  min-height: 100px;
  display: block;
  padding: 15px 0 20px 0;
}
.onjob-bottom .uls {
  width: auto;
  height: auto;
  display: inline-block;
  float: left;
}
.onjob-bottom .normal {
  width: auto;
  height: 56px;
  margin-right: 10px;
  display: inline-block;
  padding: 0px 23px;
  line-height: 56px;
  font-size: 16px;
  color: #13799B;
  background: #E9F7FC;
  border: 1px solid #98DAF0;
  cursor: pointer;
  float: left;
}
.onjob-bottom .normal:hover {
  background: #C4EAF6;
}
.onjob-bottom .stop {
  width: auto;
  height: 56px;
  margin-right: 10px;
  display: inline-block;
  padding: 0px 23px;
  line-height: 56px;
  font-size: 16px;
  color: #666;
  background: #F1F1F1;
  border: 1px solid #D7D7D7;
  cursor: pointer;
  float: left;
}
.onjob-bottom .addjob {
  width: 56px;
  height: 56px;
  margin-right: 10px;
  display: inline-block;
  float: left;
  padding: 0;
  line-height: 56px;
  font-size: 16px;
  color: #13799B;
  background: #FFF;
  border: 1px solid #98DAF0;
  cursor: pointer;
}
.addjob .blue {
  width: 16px;
  height: 16px;
  display: block;
  margin: 0 auto;
  color: #6BCAEA;
  -webkit-text-stroke-width: 0;
}
/**
 * 首页列表样式
 * by :lizhik
 */
.home-list {
  width: 100%;
  height: 360px;
  background-color: #FFF;
  box-shadow: 2px 2px 10px #CCC;
}
.home-list .title {
  height: 56px;
  line-height: 56px;
  border-bottom: 1px solid #E9E9E9;
  padding: 0 20px;
}
.home-list .title-name {
  font-size: 18px;
  color: #333;
  float: left;
}
.home-list .more {
  float: right;
  cursor: pointer;
}
.home-list .more a {
  font-size: 20px;
  color: #999;
}
.home-list .list-container {
  padding: 0 15px 15px;
}
.home-list .list-container .list-title {
  float: left;
  margin-bottom: -2px;
}
.home-list .list-container .list-title li {
  float: left;
  padding: 0 15px;
  line-height: 34px;
  border-bottom: 2px solid #EAEAEA;
  cursor: pointer;
}
.home-list .list-container .list-title li span {
  color: #656565;
}
.home-list .list-container .list-title .title-choose {
  line-height: 34px;
  border-bottom: 3px solid #FF8687;
}
.home-list .list-container .list-title .title-choose span {
  color: #333;
  font-weight: bolder;
}
.home-list .list-container .list-content {
  border-top: 2px solid #EAEAEA;
  height: 253px;
  margin-top: -2px;
  overflow: hidden;
  clear: both;
}
.home-list .list-container .list-content li {
  line-height: 50px;
  height: 50px;
  border-bottom: 1px dashed #E3E3E3;
  cursor: pointer;
}
.home-list .list-container .list-content li:hover {
  background: #E9F7FC;
}
/**
 *列表内容宽度
 *by :lizhik
 */
.list-col-odd {
  width: 50%;
}
.list-col-even {
  width: 14%;
}
.list-col-tim {
  width: 30%;
}
.list-col-icon {
  width: 2%;
  color: #CECECE;
}
.list-col-odd,
.list-col-even,
.list-col-tim,
.list-col-icon {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  /* Opera */
  -webkit-text-overflow: ellipsis;
  /* Safari and Chrome */
  -moz-text-overflow: ellipsis;
  /* Firefox */
  text-overflow: ellipsis;
}
/**
 * 含搜索面板的样式
 * @type {[type]}
 */
div.common-header {
  border-bottom: 1px solid #EEEFF1;
}
/**
 * 高级搜索
 */
span.pro-search {
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  color: #0377C1;
}
span.pro-search a {
  font-size: 14px;
  text-decoration: none;
}
span.pro-search a i {
  font-size: 12px;
  margin-left: 5px;
}
/**
 * 搜索面板
 */
div.pro-search-panel {
  background-color: #FFF;
  padding: 0 20px;
}
div.pro-search-panel .search-row {
  line-height: 56px;
  border-bottom: 1px dashed #EEEFF1;
}
div.pro-search-panel .search-row span.odd {
  text-align: right;
  display: inline-block;
  width: 10%;
  min-width: 115px;
}
div.pro-search-panel .search-row .even {
  text-align: left;
  width: 20%;
  margin-left: 5px;
}
div.pro-search-panel .search-row .time {
  text-align: left;
  width: 11%;
  padding: 10px;
  border: 1px solid #CECECE;
}
div.pro-search-panel .search-row label {
  margin-left: -24px;
  color: #CECECE;
}
div.pro-search-panel .button-row {
  height: 56px;
  line-height: 56px;
  margin: 0 auto;
  width: 200px;
}
div.pro-search-panel .button-row a {
  height: 35px;
  width: 70px;
  line-height: 35px;
  text-align: center;
  display: inline-block;
  border: 1px solid #1BAEDE;
  border-radius: 3px;
  text-decoration: none;
}
div.pro-search-panel .button-row a:hover {
  cursor: pointer;
}
div.pro-search-panel .button-row a:first-child {
  color: #FFF;
  background-color: #1BAEDE;
}
div.pro-search-panel .button-row a:first-child:hover {
  background-color: #189CC7;
}
div.pro-search-panel .button-row a:last-child {
  border: 1px solid #CECECE;
}
div.pro-search-panel .button-row a:last-child:hover {
  background-color: #F1F1F1;
}
/**
 * weishp
 * 提取考勤模块的高级搜索样式
 * 日常考勤，休假额度，假勤档案
 */
#daily_attendance .search-row span.odd:nth-child(1),
#leave-quota .search-row span.odd:nth-child(1),
#leave_record .search-row span.odd:nth-child(1) {
  margin-left: 0;
}
#daily_attendance .search-row span.odd,
#leave-quota .search-row span.odd,
#leave_record .search-row span.odd {
  min-width: 70px;
  width: 6%;
  margin-left: 16px;
}
#daily_attendance .search-row .u-combo,
#leave-quota .search-row .u-combo,
#leave_record .search-row .u-combo {
  display: inline-block;
  width: 14%;
  top: 22px;
}
/**
 * ======================================
 * 覆盖组件样式统一维护管理
 * by :lizhik  2016/7/22
 * ======================================
 */
/**
 * 覆盖 portal 解决菜单设置左树边距问题
 * by :lizhik
 */
#appmgr .nav li .mname {
  margin-left: 25px;
  display: inline-block;
  max-width: 166px;
  /* width: 177px; */
  overflow: hidden;
  -o-text-overflow: ellipsis;
  /* Opera */
  -webkit-text-overflow: ellipsis;
  /* Safari and Chrome */
  -moz-text-overflow: ellipsis;
  /* Firefox */
  text-overflow: ellipsis;
}
#appmgr .menu-group > .items > li > a {
  color: #333;
  text-decoration: none;
  background-color: #FFF;
  position: relative;
  display: block;
  padding: 5px 15px 5px 50px;
}
/**
 * 覆盖树滑过样式
 * by:lizhik
 */
#content .ztree li a:hover,
.outerContainer .ztree li a:hover {
  background-color: #E9F7FC !important;
}
#content .ztree li a.focusNode,
.outerContainer .ztree li a.focusNode {
  background-color: #C4EAF6 !important;
  color: #333;
}
/**
 *信息框样式覆盖
 */
.u-msg-dialog {
  width: 36%;
}
.u-msg-dialog .u-msg-footer {
  width: auto;
  float: right;
}
.u-msg-dialog .u-msg-footer .u-msg-ok {
  float: left;
}
.u-msg-dialog .u-msg-footer .only-one-btn button {
  float: right;
}
.u-msg-dialog .u-msg-cancel {
  border: 1px solid #CCC;
}
/* dialog 是否写到body外面呢？ */
/*body .u-msg-dialog .u-msg-footer.only-one-btn button {
  float: right;
}
body .u-msg-dialog {
  width: 36%;
}
body .u-msg-dialog .u-msg-footer {
  width: auto;
  float: right;
}
.u-msg-dialog .u-msg-footer .u-msg-ok {
  float: left;
}
*/
/**
 * 树图标层级覆盖
 */
#content .ztree li span.button.switch {
  z-index: 1;
}
#content .u-form-control {
  -webkit-border-radius: 0;
  /* Safari and Chrome */
  -moz-border-radius: 0;
  /* Firefox */
  -o-border-radius: 0;
  /* Opera */
  border-radius: 0;
  padding-right: 36px;
  border: 1px solid #CECECE;
}
/**
* select 下拉
*/
.u-combo-ul {
  min-width: 87px;
}
/**
 * portal右上角的图片和文字位置
 */
#username .avatar {
  display: initial;
  vertical-align: baseline;
}
#username .icon-arrowdown {
  margin-top: 8px;
  padding-right: 10px;
}
.menubar-menu .active {
  background-color: #4F4F4F;
}
/**
 * portal的row样式hidden影响下拉
 */
#content .row {
  overflow: visible !important;
}
.u-date-panel .u-date-clean {
  border: solid 1px #CECECE;
}
/**
 * 覆盖表单模板uui的按钮样式
 */
#content .u-button {
  border-radius: 0;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 1px;
}
#content .u-button:hover {
  background-color: #f1f1f1;
}
#content .u-button-primary,
#content .u-button.primary {
  color: #fff;
  background-color: #1baede;
  border: 1px solid #1baede;
}
#content .u-button-primary:hover,
#content .u-button.primary:hover {
  background-color: #189cc7;
  border-color: #189cc7;
}
/**
 * 基础设置样式 (UAP)
 * @param  {[type]}
 * @return {[type]}                     [description]
 */
.setting {
  max-width: 1920px;
  padding: 20px 40px;
  background-color: #FFF;
}
.setting ul {
  width: 100%;
  margin: 20px 0;
  padding: 0;
  overflow: hidden;
}
.setting li {
  width: 48%;
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  list-style: none;
}
.setting a:hover {
  text-decoration: none;
}
.setting .rylb,
.setting .zgzt,
.setting .bdlx,
.setting .jccs,
.setting .kqzq,
.setting .bdyy,
.setting .zj,
.setting .lzxx,
.setting .lzjjxpz {
  position: relative;
  display: block;
  height: 220px;
  -webkit-border-radius: 10px;
  /* Safari and Chrome */
  -moz-border-radius: 10px;
  /* Firefox */
  -o-border-radius: 10px;
  /* Opera */
  border-radius: 10px;
  font-family: 'Microsoft Yahei';
}
.setting .rylb {
  color: #6EB51C;
  background-color: #F1F8E9;
  border: 1px solid #BEDE99;
}
.setting .zgzt {
  color: #27AE60;
  background-color: #EAF7EF;
  border: 1px solid #9EDAB7;
}
.setting .jccs {
  color: #3AB1E6;
  background-color: #E2F6FF;
  border: 1px solid #98DBF9;
}
.setting .kqzq {
  color: #6495ED;
  background-color: #EBF2FF;
  border: 1px solid #ADC9FB;
}
.setting .bdlx {
  color: #00BEBC;
  background-color: #E6FBFA;
  border: 1px solid #8CECEA;
}
.setting .bdyy {
  color: #5596E6;
  background-color: #EBF2FC;
  border: 1px solid #A2C5F1;
}
.setting .zj {
  color: #8D6ECD;
  background-color: #F1EEF9;
  border: 1px solid #C0AFE3;
}
.setting .lzxx {
  color: #F2584B;
  background-color: #FEEFED;
  border: 1px solid #FABEB7;
}
.setting .lzjjxpz {
  color: #D8A305;
  background-color: #FEF8E7;
  border: 1px solid #F5CA49;
}
.setting .title i {
  position: absolute;
  top: 0;
  left: 15px;
  font-size: 50px;
}
.setting .title span {
  position: absolute;
  top: 20px;
  left: 70px;
  font-size: 20px;
}
.setting .text {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 70%;
  height: 110px;
}
.setting .text .last {
  position: absolute;
  top: 0;
  left: 3px;
  font-size: 20px;
  opacity: 0.5;
  /* w3c */
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  /* ms ie 8 */
  filter: alpha(opacity = 50);
  /* ms ie 7 let */
}
.setting .text p {
  position: absolute;
  top: 15px;
  bottom: 20px;
  left: 40px;
  right: 40px;
  margin-bottom: 0;
  line-height: 180%;
  font-size: 16px;
  text-indent: 2em;
}
.setting .text .next {
  position: absolute;
  bottom: 0;
  right: 7px;
  font-size: 20px;
  opacity: 0.5;
  /* w3c */
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  /* ms ie 8 */
  filter: alpha(opacity = 50);
  /* ms ie 7 let */
}
.change {
  transform: scale(1.2, 1.2);
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
}
.first-5 {
  position: relative;
  padding: 50px 20px;
  background-color: #FFF;
  overflow: hidden;
  /*单元块通用样式*/
  /*气泡箭头&圆圈*/
  /*区域分类*/
  /*时间线*/
  /*个性化配置*/
}
.first-5 a {
  position: relative;
  display: block;
  width: 30%;
  height: 210px;
  margin-right: 3%;
  -webkit-border-radius: 10px;
  /* Safari and Chrome */
  -moz-border-radius: 10px;
  /* Firefox */
  -o-border-radius: 10px;
  /* Opera */
  border-radius: 10px;
  float: left;
}
.first-5 .title i {
  position: absolute;
  top: 5px;
  left: 15px;
  font-size: 50px;
}
.first-5 .title span {
  position: absolute;
  top: 15px;
  left: 70px;
  font-size: 20px;
}
.first-5 .text {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 75%;
  height: 120px;
}
.first-5 .text .last {
  position: absolute;
  top: 0;
  left: 3px;
  font-size: 20px;
  opacity: 0.5;
  /* w3c */
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  /* ms ie 8 */
  filter: alpha(opacity = 50);
  /* ms ie 7 let */
}
.first-5 .text p {
  position: absolute;
  top: 15px;
  left: 20px;
  right: 10px;
  margin-bottom: 0;
  line-height: 180%;
  font-size: 15px;
  text-indent: 2em;
}
.first-5 .text .next {
  position: absolute;
  bottom: 0;
  right: 7px;
  font-size: 20px;
  opacity: 0.5;
  /* w3c */
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  /* ms ie 8 */
  filter: alpha(opacity = 50);
  /* ms ie 7 let */
}
.first-5 em {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -15px;
  border: 15px solid;
}
.first-5 .round {
  width: 30px;
  height: 30px;
  background-color: #FFF;
  border: 5px solid #A2C5F1;
  -webkit-border-radius: 15px;
  /* Safari and Chrome */
  -moz-border-radius: 15px;
  /* Firefox */
  -o-border-radius: 15px;
  /* Opera */
  border-radius: 15px;
  z-index: 10;
}
.first-5 .up-area {
  height: 210px;
  margin-bottom: 40px;
}
.first-5 .down-area {
  height: 210px;
  margin-top: 40px;
}
.first-5 .up .arrow-o {
  bottom: -30px;
}
.first-5 .up .arrow-i {
  bottom: -28px;
}
.first-5 .up .round {
  bottom: -61px;
}
.first-5 .down .arrow-o {
  top: -30px;
}
.first-5 .down .arrow-i {
  top: -28px;
}
.first-5 .down .round {
  top: -61px;
}
.first-5 .time-line {
  position: relative;
  width: 100%;
  height: 10px;
  background-color: #A2C5F1;
}
.first-5 .time-line .arrow {
  position: absolute;
  top: -10px;
  right: 0;
  border-top: 15px solid #FFF;
  border-bottom: 15px solid #FFF;
  border-left: 30px solid #A2C5F1;
}
.first-5 .organization,
.first-5 .entry {
  color: #6EB51C;
  background-color: #F1F8E9;
  border: 1px solid #BEDE99;
}
.first-5 .organization .arrow-o,
.first-5 .entry .arrow-o {
  border-color: #BEDE99 transparent transparent;
}
.first-5 .organization .arrow-i,
.first-5 .entry .arrow-i {
  border-color: #F1F8E9 transparent transparent;
}
.first-5 .job,
.first-5 .job-graph,
.first-5 .staff-info {
  color: #1BAEDE;
  background-color: #E9F7FC;
  border: 1px solid #98DAF0;
}
.first-5 .job .arrow-o,
.first-5 .job-graph .arrow-o,
.first-5 .staff-info .arrow-o {
  border-color: #98DAF0 transparent transparent;
}
.first-5 .job .arrow-i,
.first-5 .job-graph .arrow-i,
.first-5 .staff-info .arrow-i {
  border-color: #E9F7FC transparent transparent;
}
.first-5 .grade-graph,
.first-5 .entry-formalities {
  color: #00BEBC;
  background-color: #E6FBFA;
  border: 1px solid #8CECEA;
  margin-left: 17.5%;
}
.first-5 .grade-graph .arrow-o,
.first-5 .entry-formalities .arrow-o {
  border-color: transparent transparent #8CECEA;
}
.first-5 .grade-graph .arrow-i,
.first-5 .entry-formalities .arrow-i {
  border-color: transparent transparent #E6FBFA;
}
.first-5 .position,
.first-5 .break {
  color: #5596E6;
  background-color: #EBF2FC;
  border: 1px solid #A2C5F1;
  margin-right: 0;
}
.first-5 .position .arrow-o,
.first-5 .break .arrow-o {
  border-color: transparent transparent #A2C5F1;
}
.first-5 .position .arrow-i,
.first-5 .break .arrow-i {
  border-color: transparent transparent #EBF2FC;
}
.first-5 .break-formalities {
  color: #8D6ECD;
  background-color: #F1EEF9;
  border: 1px solid #C0AFE3;
  margin-right: 0;
}
.first-5 .break-formalities .arrow-o {
  border-color: #C0AFE3 transparent transparent;
}
.first-5 .break-formalities .arrow-i {
  border-color: #F1EEF9 transparent transparent;
}
.first-7 {
  position: relative;
  padding: 50px 20px;
  background-color: #FFF;
  overflow: hidden;
  /*单元块通用样式*/
  /*气泡箭头&圆圈*/
  /*区域分类*/
  /*时间线*/
  /*个性化配置*/
}
.first-7 a {
  position: relative;
  display: block;
  width: 24%;
  height: 210px;
  margin: 0 2%;
  -webkit-border-radius: 10px;
  /* Safari and Chrome */
  -moz-border-radius: 10px;
  /* Firefox */
  -o-border-radius: 10px;
  /* Opera */
  border-radius: 10px;
  float: left;
}
.first-7 .title i {
  position: absolute;
  top: 5px;
  left: 15px;
  font-size: 50px;
}
.first-7 .title span {
  position: absolute;
  top: 15px;
  left: 70px;
  font-size: 20px;
}
.first-7 .text {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 85%;
  height: 120px;
}
.first-7 .text .last {
  position: absolute;
  top: 0;
  left: 3px;
  font-size: 20px;
  opacity: 0.5;
  /* w3c */
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  /* ms ie 8 */
  filter: alpha(opacity = 50);
  /* ms ie 7 let */
}
.first-7 .text p {
  position: absolute;
  top: 15px;
  left: 30px;
  right: 30px;
  margin-bottom: 0;
  line-height: 180%;
  font-size: 15px;
  text-indent: 2em;
}
.first-7 .text .next {
  position: absolute;
  bottom: 0;
  right: 7px;
  font-size: 20px;
  opacity: 0.5;
  /* w3c */
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  /* ms ie 8 */
  filter: alpha(opacity = 50);
  /* ms ie 7 let */
}
.first-7 em {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -15px;
  border: 15px solid;
}
.first-7 .round {
  width: 30px;
  height: 30px;
  background-color: #FFF;
  border: 5px solid #A2C5F1;
  -webkit-border-radius: 15px;
  /* Safari and Chrome */
  -moz-border-radius: 15px;
  /* Firefox */
  -o-border-radius: 15px;
  /* Opera */
  border-radius: 15px;
  z-index: 10;
}
.first-7 .up-area {
  height: 210px;
  margin-bottom: 40px;
}
.first-7 .up .arrow-o {
  bottom: -30px;
}
.first-7 .up .arrow-i {
  bottom: -28px;
}
.first-7 .up .round {
  bottom: -61px;
}
.first-7 .down-area {
  height: 210px;
  margin-top: 40px;
}
.first-7 .down .arrow-o {
  top: -30px;
}
.first-7 .down .arrow-i {
  top: -28px;
}
.first-7 .down .round {
  top: -61px;
}
.first-7 .time-line {
  position: relative;
  width: 100%;
  height: 10px;
  background-color: #A2C5F1;
}
.first-7 .time-line .arrow {
  position: absolute;
  top: -10px;
  right: 0;
  border-top: 15px solid #FFF;
  border-bottom: 15px solid #FFF;
  border-left: 30px solid #A2C5F1;
}
.first-7 .shift {
  color: #F15A4A;
  background-color: #FEEFED;
  border: 1px solid #F9B5AD;
}
.first-7 .shift .arrow-o {
  border-color: #F9B5AD transparent transparent;
}
.first-7 .shift .arrow-i {
  border-color: #FEEFED transparent transparent;
}
.first-7 .place {
  color: #D8A305;
  background-color: #FEF8E7;
  border: 1px solid #F9DE8F;
}
.first-7 .place .arrow-o {
  border-color: #F9DE8F transparent transparent;
}
.first-7 .place .arrow-i {
  border-color: #FEF8E7 transparent transparent;
}
.first-7 .attend-staffs {
  color: #6EB51C;
  background-color: #F1F8E9;
  border: 1px solid #BEDE99;
}
.first-7 .attend-staffs .arrow-o {
  border-color: #BEDE99 transparent transparent;
}
.first-7 .attend-staffs .arrow-i {
  border-color: #F1F8E9 transparent transparent;
}
.first-7 .monthly {
  color: #00BEBC;
  background-color: #E6FBFA;
  border: 1px solid #8CECEA;
}
.first-7 .monthly .arrow-o {
  border-color: transparent transparent #8CECEA;
}
.first-7 .monthly .arrow-i {
  border-color: transparent transparent #E6FBFA;
}
.first-7 .holiday {
  color: #E47421;
  background-color: #FFF3EA;
  border: 1px solid #FFC69D;
  margin-left: 16%;
}
.first-7 .holiday .arrow-o {
  border-color: transparent transparent #FFC69D;
}
.first-7 .holiday .arrow-i {
  border-color: transparent transparent #FFF3EA;
}
.first-7 .staff-leave {
  color: #DEC706;
  background-color: #FEFCE7;
  border: 1px solid #FAEA5E;
}
.first-7 .staff-leave .arrow-o {
  border-color: transparent transparent #FAEA5E;
}
.first-7 .staff-leave .arrow-i {
  border-color: transparent transparent #FEFCE7;
}
.first-7 .daily {
  color: #27AE60;
  background-color: #EAF7EF;
  border: 1px solid #9EDAB7;
}
.first-7 .daily .arrow-o {
  border-color: #9EDAB7 transparent transparent;
}
.first-7 .daily .arrow-i {
  border-color: #EAF7EF transparent transparent;
}
/**
 * 信息提示框样式
 * tianxfc
 */
#u-confirm-dialog {
  position: fixed;
  width: 30%;
  border-radius: 0;
  top: 20%;
  left: 0;
  right: 0;
}
#u-confirm-dialog .u-msg-title {
  padding-left: 0;
  padding-top: 0;
}
#u-confirm-dialog .confirm-title {
  padding-left: 0;
  padding-top: 0;
  margin-left: 10px;
  margin-right: 10px;
  height: 34px;
  line-height: 34px;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  padding-right: 0;
}
#u-confirm-dialog .confirm-title .title {
  float: left;
  font-size: 14px;
  width: 90%;
  font-weight: bold;
}
#u-confirm-dialog .confirm-title .closediv {
  float: right;
  width: 10%;
  text-align: right;
}
#u-confirm-dialog .confirm-title .closediv .closeicon {
  font-size: 24px;
  cursor: pointer;
  color: #c0c0c0;
}
#u-confirm-dialog .u-msg-content {
  padding: 20px 20px 40px;
}
#u-confirm-dialog .u-msg-footer {
  padding-right: 10px;
  position: relative;
}
#u-confirm-dialog .u-msg-footer #okbtn {
  float: right;
  color: #ffffff;
  font-size: 14px;
  border: 0;
  margin-right: 10px;
  height: 34px;
  border-radius: 0;
}
#u-confirm-dialog .u-msg-footer #cancelbtn {
  color: #333333;
  font-size: 14px;
  border-radius: 0;
  height: 34px;
}
#warnmsgdiv {
  margin-left: 10px;
  font-size: 14px;
  color: #e49504;
  text-align: center;
  height: 33px;
  line-height: 33px;
  z-index: 133;
  float: left;
}
#warnmsgdiv .warn-i {
  font-size: 28px;
  padding-right: 10px;
  line-height: 34px;
  height: 34px;
  vertical-align: middle;
}
#warnmsgdiv span {
  font-size: 12px;
}
#warncloseIco {
  margin-left: 20px;
  margin-right: 10px;
  cursor: pointer;
  color: #ccc;
}
#shortMsgdiv {
  text-align: center;
  height: 32px;
  line-height: 32px;
  z-index: 133;
  float: left;
}
#shortMsg-i {
  font-size: 28px;
  padding-right: 10px;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
}
#shortMsg-span {
  font-size: 12px;
}
#errMsgdiv {
  margin-left: 10px;
  font-size: 14px;
  color: #ff6347;
  text-align: center;
  height: 33px;
  line-height: 33px;
  z-index: 133;
  float: left;
}
#errMsgdiv i {
  font-size: 28px;
  padding-right: 10px;
  line-height: 34px;
  height: 34px;
  vertical-align: middle;
}
#errMsgdiv span {
  font-size: 12px;
}
#errCloseIco {
  margin-left: 20px;
  margin-right: 10px;
  cursor: pointer;
  color: #c0c0c0;
  font-size: 20px;
}
#outerdiv {
  width: 400px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  color: #ff6347;
}
#outerdiv .icon-div {
  float: left;
  padding-left: 10px;
  width: 35px;
}
#outerdiv .icon-div i {
  font-size: 28px;
  line-height: 34px;
  height: 34px;
  vertical-align: middle;
}
#outerdiv .msg-div {
  width: 340px;
  max-width: 330px;
  line-height: 20px;
  padding-top: 8px;
  padding-bottom: 10px;
  padding-left: 10px;
  float: left;
  font-size: 12px;
}
#outerdiv .clo-icon-div {
  width: 30px;
  float: right;
}
#outerdiv .clo-icon-div i {
  color: #c0c0c0;
  cursor: pointer;
  font-size: 20px;
}
.hr-checkbox {
  position: relative;
}
.hr-checkbox input {
  position: absolute;
  visibility: hidden;
}
.hr-checkbox input + label {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #d7d7d7;
  margin-bottom: 0;
}
.hr-checkbox input:checked + label:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background-color: #1baede;
}
.hr-checkbox input:checked + label:after {
  content: "";
  position: absolute;
  left: 3px;
  bottom: 9px;
  width: 10px;
  height: 6px;
  border: 2px solid #ffffff;
  border-top-color: transparent;
  border-right-color: transparent;
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.hr-checkbox input:disabled + label,
.hr-checkbox input:disabled + label:before {
  background-color: #d7d7d7;
}