@import url(ehrIconFont.css);
* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", sans-serif; }

.color-primary {
  color: #3C82EF; }

@font-face {
  font-family: Montserrat;
  src: url("../font/Montserrat-Light.eot");
  src: url("../font/Montserrat-Light.eot") format("embedded-opentype"), url("../font/Montserrat-Light.woff") format("woff"), url("../font/Montserrat-Light.ttf") format("truetype"), url("../font/Montserrat-Light.svg") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: ehrNumberFont;
  src: url("") format("woff2"), url("../font/AlimamaFangYuanTiVF-Thin.woff") format("woff"), url("") format("truetype");
  font-variation-settings: 'wght' 500;
  font-style: normal;
  font-display: swap; }
.numberFont-text {
  font-family: ehrNumberFont !important; }


#trans-tooltip, #tip-arrow-bottom, #tip-arrow-top {
  display: none !important; }


input::-ms-clear,
select::-ms-expand {
  display: none; }

html, body {
  height: 100%;
  font-size: 14px;
  line-height: 1.5;
  color: #222222;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

ul {
  list-style: none; }

i {
  font-style: normal; }

a {
  text-decoration: none; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  
  color: rgba(81, 81, 81, 0.4); }

input:-moz-placeholder,
textarea:-moz-placeholder {
  
  color: rgba(81, 81, 81, 0.4); }

input::-moz-placeholder,
textarea::-moz-placeholder {
  
  color: rgba(81, 81, 81, 0.4); }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: rgba(81, 81, 81, 0.4); }

.unread,
.fontBold {
  font-weight: bold !important; }


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition-delay: 99999s;
  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out; }

.ours-batchEdit * {
  font-size: 12px !important; }
  .ours-batchEdit * .multiSelect-wrapper,
  .ours-batchEdit * .radio-button-wrapper {
    margin-top: 1px; }

.ours-batchEdit .ours-class-tablegrid .ours-class-address,
.ours-batchEdit .ours-class-tablegrid .ours-class-address-1,
.ours-batchEdit .ours-class-tablegrid .ours-class-address-2,
.ours-batchEdit .ours-class-tablegrid .ours-class-address-3,
.ours-batchEdit .ours-class-tablegrid .ours-class-address-4 {
  font-size: 0 !important; }
  .ours-batchEdit .ours-class-tablegrid .ours-class-address .ours-class-singleselect,
  .ours-batchEdit .ours-class-tablegrid .ours-class-address-1 .ours-class-singleselect,
  .ours-batchEdit .ours-class-tablegrid .ours-class-address-2 .ours-class-singleselect,
  .ours-batchEdit .ours-class-tablegrid .ours-class-address-3 .ours-class-singleselect,
  .ours-batchEdit .ours-class-tablegrid .ours-class-address-4 .ours-class-singleselect {
    padding-left: 0;
    padding-right: 0 !important; }
.ours-batchEdit .batchEdit-area-input .ours-class-address,
.ours-batchEdit .batchEdit-area-input .ours-class-address-1,
.ours-batchEdit .batchEdit-area-input .ours-class-address-2,
.ours-batchEdit .batchEdit-area-input .ours-class-address-3,
.ours-batchEdit .batchEdit-area-input .ours-class-address-4 {
  font-size: 0 !important; }
  .ours-batchEdit .batchEdit-area-input .ours-class-address .ours-class-singleselect,
  .ours-batchEdit .batchEdit-area-input .ours-class-address-1 .ours-class-singleselect,
  .ours-batchEdit .batchEdit-area-input .ours-class-address-2 .ours-class-singleselect,
  .ours-batchEdit .batchEdit-area-input .ours-class-address-3 .ours-class-singleselect,
  .ours-batchEdit .batchEdit-area-input .ours-class-address-4 .ours-class-singleselect {
    padding-left: 5px;
    padding-right: 5px !important; }



.commonMargin-left {
  margin-left: 12px !important; }

.commonMargin-right {
  margin-right: 12px !important; }

.commonMargin-bottom {
  margin-bottom: 12px !important; }


.common-multistage-nav {
  width: 100%; }

.common-multistage-nav ul.multistage-nav-area {
  list-style: none;
  padding: 0;
  margin: 0; }

.common-multistage-nav ul li.multistage-nav-item {
  color: #222222;
  display: block;
  line-height: 36px;
  text-align: left; }

.common-multistage-nav ul li.multistage-nav-item .nav-tit {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  cursor: pointer;
  text-align: left;
  padding-left: 15px;
  padding-right: 28px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.common-multistage-nav ul li.multistage-nav-item .nav-tit:hover {
  background: rgba(44, 130, 252, 0.1); }

.common-multistage-nav ul li.multistage-nav-item .nav-tit:after {
  content: "";
  background: url("../image/multistage-nav-arrow.png") no-repeat;
  background-position: 0 0;
  width: 14px;
  height: 14px;
  display: inline-block;
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -7px; }

.common-multistage-nav ul li.multistage-nav-item .nav-tit.open {
  font-weight: bold; }

.common-multistage-nav ul li.multistage-nav-item .nav-tit.open:after {
  background-position: -14px 0; }

.common-multistage-nav ul li.multistage-nav-item .nav-tit.app-index-info:after {
  background: none; }

.common-multistage-nav ul li.multistage-nav-item .nav-tag-item {
  display: block;
  height: auto;
  font-size: 14px;
  text-align: center; }

.common-multistage-nav ul li.multistage-nav-item .nav-tag-item .nav-info {
  padding-left: 15px;
  display: block;
  color: #222222;
  font-size: 14px;
  height: 40px;
  padding-right: 10px;
  margin-bottom: 1px;
  cursor: pointer;
  position: relative;
  line-height: 40px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.common-multistage-nav ul li.multistage-nav-item .nav-tag-item .nav-info:hover {
  background: rgba(89, 144, 208, 0.1);
  color: #3C82EF; }

.common-multistage-nav ul li.multistage-nav-item .nav-tit.active,
.common-multistage-nav ul li.multistage-nav-item .nav-tag-item .nav-info.active {
  background: #dfe9f5;
  color: #3C82EF; }

.common-multistage-nav ul li.multistage-nav-item .nav-tit.active:before,
.common-multistage-nav ul li.multistage-nav-item .nav-tag-item .nav-info.active:before {
  content: "";
  background: #3C82EF;
  width: 4px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }


.common-key-search {
  background: #ffffff;
  width: 100%;
  height: 30px;
  border: 1px solid #e6e6e6;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 3px 35px 3px 10px;
  position: relative; }

.common-key-search .key-search-input {
  width: 100%;
  font-size: 14px;
  line-height: 22px;
  color: #222222;
  height: 100%;
  border: 0;
  vertical-align: top;
  display: inline-block;
  outline: none; }

.common-key-search .key-search-btn {
  background: url("../image/key-search-icon.png") no-repeat;
  background-position: 0 0;
  width: 18px;
  height: 18px;
  border: 0;
  position: absolute;
  right: 9px;
  top: 50%;
  margin-top: -9px;
  cursor: pointer;
  outline: none; }

.common-key-search .key-delete-btn {
  background-position: -18px 0; }


.pageHeader {
  background-color: #ffffff;
  padding: 8px 20px;
  border-bottom: 1px solid #efefef;
  font-size: 0; }
  .pageHeader.noBg {
    background-color: transparent; }
  .pageHeader.fixedHeader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 99; }
  .pageHeader:after {
    content: "";
    width: 0;
    display: table;
    visibility: hidden;
    clear: both; }
  .pageHeader .ehr-content-toolbar {
    padding: 0;
    float: right; }

.pageHeader-back {
  background: none !important;
  font-family: "ehrIconFont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 32px;
  font-size: 14px;
  color: #3C82EF;
  padding: 0 12px 0 35px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  border-radius: 30px;
  position: relative;
  z-index: 5;
  margin-right: 34px;
  margin-left: 4px;
  transition: box-shadow .3s; }
  .pageHeader-back.whiteBg {
    background-color: #ffffff; }
  .pageHeader-back:before {
    content: "\e777";
    width: 24px;
    height: 32px;
    line-height: 32px;
    font-size: 24px;
    position: absolute;
    left: 6px;
    top: 0; }
  .pageHeader-back:after {
    content: "";
    border-right: 1px solid #ebebeb;
    position: absolute;
    right: -14px;
    top: 5px;
    bottom: 5px;
    opacity: .75; }
  .pageHeader-back:hover {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.18); }
  .pageHeader-back.hoverBg:hover {
    background-color: #ffffff; }
  .pageHeader-back.hideAfter:after {
    display: none; }
  .pageHeader-back + .pageHeader-tit {
    margin-left: 4px; }

.pageHeader-tit {
  font-size: 16px;
  line-height: 32px;
  display: inline-block;
  vertical-align: top; }


.portal-slider-layout {
  width: 420px;
  position: fixed;
  top: 0;
  right: -430px;
  bottom: 0;
  z-index: 9999;
  visibility: hidden;
  -webkit-box-shadow: -4px 0 4px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: -4px 0 4px rgba(0, 0, 0, 0.08);
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.08);
  -webkit-transition: right .3s ease-in-out;
  -moz-transition: right .3s ease-in-out;
  -ms-transition: right .3s ease-in-out;
  -o-transition: right .3s ease-in-out;
  transition: right .3s ease-in-out; }

.portal-slider-layout-mask {
  background-color: transparent;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1;
  display: none; }

.portal-slider-layout-header {
  background-color: #ffffff;
  width: 100%;
  padding: 13px 20px 13px 20px;
  position: relative;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  z-index: 3; }

.portal-slider-layout-body {
  background-color: #ffffff;
  position: absolute;
  left: 0;
  right: 0;
  top: 56px;
  bottom: 0;
  padding: 0;
  overflow: hidden;
  z-index: 2; }

.portal-slider-layout-body iframe {
  width: 100%;
  height: 100%;
  border: 0; }

.portal-slider-title {
  height: 30px;
  line-height: 30px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  font-size: 16px;
  padding-left: 13px; }

.portal-slider-title:before {
  content: "";
  background-color: #3C82EF;
  width: 3px;
  height: 14px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.portal-slider-close {
  background: url("../image/form-delete-icon.png") center no-repeat;
  background-size: 12px auto;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -12px;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  z-index: 10;
  transition: background-color .2s ease-in-out; }
  .portal-slider-close:hover {
    background-color: #efefef; }

.show-portal-slide {
  right: 0;
  visibility: visible; }

.show-portal-slide .portal-slider-layout-mask {
  display: block; }


.commonGuide-layout {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  display: none;
   }
  .commonGuide-layout .commonGuide-layout-content {
    height: 60px; }
    .commonGuide-layout .commonGuide-layout-content.commonGuide-contentShow .commonGuide-layout-head {
      transform: translateY(100%); }
    .commonGuide-layout .commonGuide-layout-content.commonGuide-contentShow .commonGuide-layout-body {
      transform: translateY(0); }
    .commonGuide-layout .commonGuide-layout-content .commonGuide-layout-head {
      background: linear-gradient(to bottom, #F5F9FF 0%, #ffffff 100%);
      border-radius: 22px 22px 0 0;
      box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.1);
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      transform: translateY(0);
      transition: all .45s ease-in; }
    .commonGuide-layout .commonGuide-layout-content .commonGuide-layout-head,
    .commonGuide-layout .commonGuide-layout-content .commonGuide-layout-top {
      padding: 15px 22px;
      text-align: right; }
      .commonGuide-layout .commonGuide-layout-content .commonGuide-layout-head:after,
      .commonGuide-layout .commonGuide-layout-content .commonGuide-layout-top:after {
        content: "";
        width: 0;
        display: table;
        visibility: hidden;
        clear: both; }
      .commonGuide-layout .commonGuide-layout-content .commonGuide-layout-head .commonGuide-layout-title,
      .commonGuide-layout .commonGuide-layout-content .commonGuide-layout-top .commonGuide-layout-title {
        font-size: 16px;
        height: 30px;
        line-height: 30px; }
      .commonGuide-layout .commonGuide-layout-content .commonGuide-layout-head .commonGuide-layout-op,
      .commonGuide-layout .commonGuide-layout-content .commonGuide-layout-top .commonGuide-layout-op {
        height: 30px;
        display: inline-block;
        vertical-align: top;
        font-size: 0; }
        .commonGuide-layout .commonGuide-layout-content .commonGuide-layout-head .commonGuide-layout-op .commonGuide-layout-op-item,
        .commonGuide-layout .commonGuide-layout-content .commonGuide-layout-top .commonGuide-layout-op .commonGuide-layout-op-item {
          display: inline-block;
          vertical-align: top;
          font-size: 0;
          margin-left: 24px;
          cursor: pointer; }
          .commonGuide-layout .commonGuide-layout-content .commonGuide-layout-head .commonGuide-layout-op .commonGuide-layout-op-item .commonGuide-layout-op-text,
          .commonGuide-layout .commonGuide-layout-content .commonGuide-layout-top .commonGuide-layout-op .commonGuide-layout-op-item .commonGuide-layout-op-text {
            display: inline-block;
            vertical-align: top;
            line-height: 14px;
            margin: 8px 0;
            font-size: 12px; }
          .commonGuide-layout .commonGuide-layout-content .commonGuide-layout-head .commonGuide-layout-op .commonGuide-layout-op-item .commonGuide-layout-op-icon,
          .commonGuide-layout .commonGuide-layout-content .commonGuide-layout-top .commonGuide-layout-op .commonGuide-layout-op-item .commonGuide-layout-op-icon {
            background-image: url("../image/commonGuide-icon.png");
            background-repeat: no-repeat;
            background-size: auto 14px;
            width: 14px;
            height: 14px;
            display: inline-block;
            vertical-align: top;
            margin: 8px 5px 8px 0; }
            .commonGuide-layout .commonGuide-layout-content .commonGuide-layout-head .commonGuide-layout-op .commonGuide-layout-op-item .commonGuide-layout-op-icon.commonGuide-layout-op-icon-video,
            .commonGuide-layout .commonGuide-layout-content .commonGuide-layout-top .commonGuide-layout-op .commonGuide-layout-op-item .commonGuide-layout-op-icon.commonGuide-layout-op-icon-video {
              background-position: 0 0; }
            .commonGuide-layout .commonGuide-layout-content .commonGuide-layout-head .commonGuide-layout-op .commonGuide-layout-op-item .commonGuide-layout-op-icon.commonGuide-layout-op-icon-helpCenter,
            .commonGuide-layout .commonGuide-layout-content .commonGuide-layout-top .commonGuide-layout-op .commonGuide-layout-op-item .commonGuide-layout-op-icon.commonGuide-layout-op-icon-helpCenter {
              background-position: -14px 0; }
            .commonGuide-layout .commonGuide-layout-content .commonGuide-layout-head .commonGuide-layout-op .commonGuide-layout-op-item .commonGuide-layout-op-icon.commonGuide-layout-op-icon-foldUp,
            .commonGuide-layout .commonGuide-layout-content .commonGuide-layout-top .commonGuide-layout-op .commonGuide-layout-op-item .commonGuide-layout-op-icon.commonGuide-layout-op-icon-foldUp {
              background-position: -28px 0; }
            .commonGuide-layout .commonGuide-layout-content .commonGuide-layout-head .commonGuide-layout-op .commonGuide-layout-op-item .commonGuide-layout-op-icon.commonGuide-layout-op-icon-foldDown,
            .commonGuide-layout .commonGuide-layout-content .commonGuide-layout-top .commonGuide-layout-op .commonGuide-layout-op-item .commonGuide-layout-op-icon.commonGuide-layout-op-icon-foldDown {
              background-position: -42px 0; }
    .commonGuide-layout .commonGuide-layout-content .commonGuide-layout-body {
      background: linear-gradient(to bottom, #F5F9FF 0%, #ffffff 100%);
      border-radius: 22px 22px 0 0;
      box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.1);
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 5;
      transform: translateY(100%);
      transition: all .3s ease-in; }
      .commonGuide-layout .commonGuide-layout-content .commonGuide-layout-body .commonGuide-layout-middle {
        display: block;
        padding: 12px 30px 30px 30px;
        font-size: 0; }
        .commonGuide-layout .commonGuide-layout-content .commonGuide-layout-body .commonGuide-layout-middle .commonGuide-layout-middle-item {
          display: inline-block;
          vertical-align: top;
          width: 20%;
          text-align: center;
          padding: 0 50px;
          position: relative; }
          .commonGuide-layout .commonGuide-layout-content .commonGuide-layout-body .commonGuide-layout-middle .commonGuide-layout-middle-item:after {
            content: "";
            background-image: url("../image/commonGuide-splitLine.png");
            background-repeat: no-repeat;
            background-size: 73px auto;
            width: 73px;
            height: 11px;
            position: absolute;
            top: 48px;
            right: -36px; }
          .commonGuide-layout .commonGuide-layout-content .commonGuide-layout-body .commonGuide-layout-middle .commonGuide-layout-middle-item:last-child:after {
            display: none; }
          .commonGuide-layout .commonGuide-layout-content .commonGuide-layout-body .commonGuide-layout-middle .commonGuide-layout-middle-item .commonGuide-layout-middle-item-img {
            width: 106px;
            height: 106px;
            display: block;
            margin: 0 auto; }
            .commonGuide-layout .commonGuide-layout-content .commonGuide-layout-body .commonGuide-layout-middle .commonGuide-layout-middle-item .commonGuide-layout-middle-item-img img {
              width: 100%;
              height: 100%;
              vertical-align: top; }
          .commonGuide-layout .commonGuide-layout-content .commonGuide-layout-body .commonGuide-layout-middle .commonGuide-layout-middle-item .commonGuide-layout-middle-item-text {
            font-size: 14px;
            display: block;
            margin-top: 15px; }
            .commonGuide-layout .commonGuide-layout-content .commonGuide-layout-body .commonGuide-layout-middle .commonGuide-layout-middle-item .commonGuide-layout-middle-item-text i {
              display: block; }
            .commonGuide-layout .commonGuide-layout-content .commonGuide-layout-body .commonGuide-layout-middle .commonGuide-layout-middle-item .commonGuide-layout-middle-item-text .commonGuide-layout-middle-item-title {
              font-size: 16px; }
            .commonGuide-layout .commonGuide-layout-content .commonGuide-layout-body .commonGuide-layout-middle .commonGuide-layout-middle-item .commonGuide-layout-middle-item-text .commonGuide-layout-middle-item-label {
              font-size: 12px;
              color: #666666;
              margin-top: 10px; }


.helpCenter-guide {
  line-height: 20px;
  font-size: 12px;
  display: none; }
  .helpCenter-guide .drag-box-translate3d {
    transform: translate3d(0, 0, 1px);
    -moz-transform: translate3d(0, 0, 1px);
    -webkit-transform: translate3d(0, 0, 1px);
    will-change: transform;
    -moz-will-change: transform;
    -webkit-will-change: transform; }
  .helpCenter-guide .helpCenter-guide-content {
    width: 44px;
    height: 44px;
    position: fixed;
    bottom: 112px;
    right: 58px;
    z-index: 199;
    cursor: pointer;
    transition: width .3s; }
    .helpCenter-guide .helpCenter-guide-content.is-dragging {
      cursor: grabbing; }
    .helpCenter-guide .helpCenter-guide-content.selected, .helpCenter-guide .helpCenter-guide-content:hover {
      width: 116px; }
      .helpCenter-guide .helpCenter-guide-content.selected .helpCenter-guide-btn, .helpCenter-guide .helpCenter-guide-content:hover .helpCenter-guide-btn {
        padding-right: 16px;
        max-width: 135px; }
    .helpCenter-guide .helpCenter-guide-content .helpCenter-guide-btn {
      float: right;
      white-space: nowrap;
      max-width: 44px;
      height: inherit;
      background-color: #1d86f0;
      border-radius: 22px;
      overflow: hidden;
      box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15);
      transition: all .3s ease-in-out;
      -webkit-user-select: none;
      user-select: none; }
      .helpCenter-guide .helpCenter-guide-content .helpCenter-guide-btn .helpCenter-guide-btn-icon {
        background-image: url("../image/helpCenter-icon.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 24px 24px;
        display: inline;
        float: left;
        width: 44px;
        height: 44px;
        top: 0; }
      .helpCenter-guide .helpCenter-guide-content .helpCenter-guide-btn .helpCenter-guide-btn-text {
        display: inline;
        pointer-events: none;
        line-height: 44px;
        font-size: 14px;
        color: #ffffff; }
    .helpCenter-guide .helpCenter-guide-content .helpCenter-guide-area {
      background: transparent;
      width: 360px;
      min-height: 240px;
      padding: 5px;
      position: absolute;
      bottom: 52px;
      right: 0;
      z-index: 3;
      overflow: hidden;
      cursor: auto; }
      .helpCenter-guide .helpCenter-guide-content .helpCenter-guide-area .helpCenter-guide-mask {
        background: transparent;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2; }
      .helpCenter-guide .helpCenter-guide-content .helpCenter-guide-area .helpCenter-guide-wrapper {
        background-color: #fff;
        width: 350px;
        min-height: 230px;
        height: auto;
        position: relative;
        z-index: 5;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
        border-radius: 12px; }
        .helpCenter-guide .helpCenter-guide-content .helpCenter-guide-area .helpCenter-guide-wrapper.helpCenter-fadeOutDown {
          animation: fadeOutDown .2s 1; }
        .helpCenter-guide .helpCenter-guide-content .helpCenter-guide-area .helpCenter-guide-wrapper.helpCenter-fadeInUp {
          animation: fadeInUp 0.2s 1; }
        .helpCenter-guide .helpCenter-guide-content .helpCenter-guide-area .helpCenter-guide-wrapper .helpCenter-guide-title {
          padding: 28px 20px;
          font-size: 18px;
          line-height: 24px;
          position: relative; }
          .helpCenter-guide .helpCenter-guide-content .helpCenter-guide-area .helpCenter-guide-wrapper .helpCenter-guide-title .guide-title-icon {
            background-image: url("../image/helpCenter-icon.png");
            background-position: center;
            background-size: 12px;
            background-repeat: no-repeat;
            background-color: #3C82EF;
            width: 24px;
            height: 24px;
            display: inline-block;
            vertical-align: top;
            border-radius: 30px;
            margin-right: 8px; }

.helpCenter-guide-box {
  padding: 0 24px; }
  .helpCenter-guide-box ul {
    height: auto;
    padding: 0;
    margin: 0;
    list-style: none; }
    .helpCenter-guide-box ul li {
      line-height: 22px;
      font-size: 12px;
      margin-bottom: 14px; }
      .helpCenter-guide-box ul li:hover {
        color: #3C82EF;
        cursor: pointer; }
      .helpCenter-guide-box ul li a {
        display: block;
        color: inherit;
        text-align: left; }
        .helpCenter-guide-box ul li a:hover {
          color: #3C82EF;
          cursor: pointer; }

.helpCenter-guide-footer {
  display: block;
  padding: 16px 24px;
  line-height: 24px;
  text-align: right;
  overflow: hidden; }
  .helpCenter-guide-footer .helpCenter-refreshBtn {
    background: url("../image/refreshIcon.png") left center no-repeat;
    background-size: 16px;
    float: left;
    display: inline-block;
    padding-left: 20px;
    font-size: 12px;
    cursor: pointer; }
    .helpCenter-guide-footer .helpCenter-refreshBtn:hover {
      color: #3C82EF; }
  .helpCenter-guide-footer a {
    color: #3C82EF;
    display: inline-block;
    vertical-align: top;
    font-size: 12px; }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    transform: translateZ(0); } }
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateZ(0); }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0); } }

.personGender-img {
  background-color: transparent !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 4px; }

.personGender-img,
.personGender-img-0 {
  background-image: url("../image/header-userImg-3.png"); }

.personGender-img-1 {
  background-image: url("../image/header-userImg-1.png"); }

.personGender-img-2 {
  background-image: url("../image/header-userImg-2.png"); }


.comments-interactive-layout {
  background: rgba(0, 0, 0, 0);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 350;
  
  visibility: hidden;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out; }

.comments-interactive-layout.open {
  visibility: visible;
  z-index: 400; }

.comments-interactive-layout .comments-interactive-box {
  background: #ffffff;
  width: 640px;
  height: auto;
  padding-top: 40px;
  position: absolute;
  left: 50%;
  margin-left: -320px;
  bottom: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.comments-interactive-layout.open .comments-interactive-box {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible; }

.comments-interactive-box .interactive-box-tit {
  background-position: 0 0;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  padding: 0 0 0 23px;
  height: 40px;
  line-height: 40px;
  color: #222222;
  border-bottom: 1px solid #ebebeb; }

.comments-interactive-box .interactive-box-tit:before {
  content: "";
  background-color: #3C82EF;
  width: 3px;
  height: 14px;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -7px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.form-copy-area {
  border-top: 0 !important;
  margin: 0 !important;
  max-height: 100% !important;
  padding: 0 10px;
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  overflow-y: auto !important; }

.form-copy-name {
  font-size: 12px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.form-copy-time {
  color: rgba(34, 34, 34, 0.5);
  font-size: 12px; }



.form-design-right {
  width: auto !important;
  display: block;
  padding-right: 657px; }

.forms-date-iframe {
  background: #ffffff;
  width: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border: 0;
  box-shadow: 0 0 9px rgba(191, 191, 191, 0.36);
  -webkit-transition: all 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
  -moz-transition: all 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
  transition: all 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
  visibility: hidden;
  z-index: 300; }

.forms-date-iframe i.close-data-iframe {
  background: url("../image/form-data-iframe-close-icon.png");
  width: 28px;
  height: 28px;
  display: block;
  position: absolute;
  top: 5px;
  right: 22px;
  z-index: 999;
  cursor: pointer; }

.forms-date-iframe i.close-data-iframe:hover {
  background-position: 0 -28px; }

.forms-date-iframe.open {
  width: 657px;
  right: 0;
  visibility: visible;
  bottom: 6px; }

.forms-date-iframe iframe {
  width: 100%;
  height: 100%; }


.smallFont {
  font-size: 12px !important; }

.defaultFont {
  font-size: 14px !important; }

.largeFont {
  font-size: 16px !important; }

.fontWeight {
  font-weight: bold !important; }

.fl {
  float: left; }

.fr {
  float: right; }

.textCenter {
  text-align: center; }

.textRight {
  text-align: right; }

.textLeft {
  text-align: left; }

.inlineBlock {
  display: inline-block; }



.ours-common-area .ours-common-content.relation-content {
  top: 0 !important; }


.forms-prompt-tips {
  background: #dfe9f5;
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  text-align: center;
  color: #222222;
  position: relative;
  z-index: 10; }

.forms-prompt-tips .prompt-tips-icon {
  background: #3C82EF;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  color: #ffffff;
  font-size: 12px;
  font-style: normal;
  display: inline-block;
  font-weight: bold;
  vertical-align: top;
  margin-right: 5px;
  margin-top: 7px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px; }

.forms-prompt-tips .prompt-tips-delete {
  background: url("../image/form-delete-icon.png") no-repeat;
  background-size: auto 12px;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -6px;
  display: inline-block;
  cursor: pointer; }


.ours-common-content:after,
.content-toolbar:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.ours-common-content .content-toolbar,
.content-toolbar {
  padding: 10px 20px; }

.ours-toolbar-area.ours-btns-area {
  display: block; }

.ours-btns-area {
  display: inline-block;
  font-size: 0;
  text-align: left; }

.btns-info,
.top-right-btn {
  background: none;
  min-width: 80px;
  padding: 6px 12px;
  border: 1px solid #3C82EF;
  color: #3C82EF;
  font-size: 12px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-right: 10px;
  cursor: pointer;
  outline: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.btns-info:hover,
.top-right-btn:hover {
  color: #3C82EF;
  background-color: #ecf6fe; }

.tns-disable,
.ours-btns-area button:disabled,
.tns-disable:hover,
.ours-btns-area button:disabled:hover {
  background-color: #ebebeb;
  color: #9CB0BB;
  border: 1px solid #ebebeb;
  cursor: not-allowed; }

.ours-toolbar-search {
  min-height: 30px;
  display: inline-block;
  text-align: left; }


.common-lr-layout {
  background-color: #ffffff;
  min-height: 100%;
  overflow: hidden;
  
  padding: 0;
  padding-left: 186px;
  
  padding-bottom: 20px; }

.common-lr-layout.common-lr-layout-onlyRight {
  padding-left: 0; }

.common-lr-layout .common-left-layout,
.common-lr-layout .common-right-layout {
  min-height: 100%;
  height: auto;
  padding: 10px 5px;
  margin-bottom: -20000px;
  
  padding-bottom: 20000px;
   }

.common-lr-layout .common-left-layout {
  background: #ffffff;
  display: inline;
  float: left;
  width: 185px;
  margin-left: -186px;
  
  word-break: break-all;
  border-right: 1px solid #ebebeb;
  position: relative; }
  .common-lr-layout .common-left-layout.common-left-layout-fixed {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    margin-left: 0; }

.common-lr-layout .common-right-layout {
  position: absolute;
  left: 186px;
  top: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
  width: auto;
  right: 0; }
  .common-lr-layout .common-right-layout.common-right-layout-frame {
    overflow: hidden; }

.common-lr-layout.common-lr-layout-onlyRight .common-right-layout {
  left: 0; }

.ours-common-area.ours-common-area-frame {
  min-height: inherit;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-bottom: 0; }

.ours-common-area.ours-common-area-frame .ours-common-content {
  padding: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.ours-common-area.ours-common-area-frame .ours-common-top ~ .ours-common-content {
  top: 40px; }

.ours-common-area.ours-common-area-frame .common-lr-layout {
  min-height: inherit;
  height: 100%;
  padding-bottom: 0; }

.ours-common-area.ours-common-area-frame.frame-tabs-content .appautho-layout-content {
  top: 0 !important; }

.ours-common-area.ours-common-area-frame.frame-tabs-content .ours-common-content {
  padding: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 50px;
  bottom: 0; }
  .ours-common-area.ours-common-area-frame.frame-tabs-content .ours-common-content .common-left-layout-fixed {
    top: 50px; }

.ours-common-area-full {
  height: 100%;
  position: relative; }

.ours-common-area-full.ours-common-area-full-tab .ours-common-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 50px !important;
  overflow: auto; }
  .ours-common-area-full.ours-common-area-full-tab .ours-common-content .common-left-layout-fixed {
    top: 50px; }

.common-right-layout iframe {
  width: 100%;
  height: 100%;
  border: 0; }


.common-left-nav {
  width: 100%;
  position: relative; }

.common-left-nav dl {
  padding-top: 12px;
  display: block;
  text-align: left; }

.common-left-nav dl dd {
  display: block;
  line-height: 20px;
  color: #222222;
  padding: 10px 5px 10px 20px;
  word-break: break-word; }
  .common-left-nav dl dd:hover {
    cursor: pointer;
    color: #3C82EF; }
  .common-left-nav dl dd.active, .common-left-nav dl dd.selected {
    color: #3C82EF; }

.textLabel {
  display: inline-block;
  word-break: break-word; }


.ehr-grid-layout {
  display: block; }
  .ehr-grid-layout h2 {
    font-size: 18px; }
  .ehr-grid-layout ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0; }
    .ehr-grid-layout ul li {
      width: 100%;
      display: block;
      margin-bottom: 24px; }
      .ehr-grid-layout ul li.smallBottom {
        margin-bottom: 10px; }
    .ehr-grid-layout ul li:last-child {
      margin-bottom: 14px; }
    .ehr-grid-layout ul li:first-child:last-child {
      margin-bottom: 24px; }
    .ehr-grid-layout ul.readOnly-column li {
      margin-bottom: 4px; }
    .ehr-grid-layout ul li.plaintext {
      margin-bottom: 15px; }
    .ehr-grid-layout ul li:after {
      content: "";
      width: 0;
      display: table;
      visibility: hidden;
      clear: both; }
    .ehr-grid-layout ul:after {
      content: "";
      width: 0;
      display: table;
      visibility: hidden;
      clear: both; }

.ehr-grid-layout-label,
.ehr-grid-layout-area {
  display: block;
  position: relative; }

.ehr-grid-layout-label {
  padding: 8px 0;
  line-height: 20px;
  font-size: 14px; }

.ehr-grid-layout-area {
  line-height: 36px;
  font-size: 14px;
  text-align: left;
  word-break: break-word; }
  .ehr-grid-layout-area label.area-infoText {
    font-size: 12px;
    color: #888888; }

.plaintext .ehr-grid-layout-label {
  padding: 0; }

.plaintext .ehr-grid-layout-label,
.plaintext .ehr-grid-layout-label label,
.plaintext .ehr-grid-layout-area {
  line-height: 24px; }

.ehr-grid-layout-label-fixedWidth {
  width: 145px !important; }

.ehr-grid-layout-area-tips {
  padding-top: 3px;
  font-size: 12px;
  line-height: 1.5;
  color: rgba(34, 34, 34, 0.5); }

.ehr-grid-layout-area-error {
  font-size: 12px;
  color: #f16543;
  height: 14px;
  line-height: 14px;
  position: absolute;
  left: 0;
  bottom: -17px;
  right: 0; }

.ehr-grid-layout-area-tips em {
  color: #ff500e;
  font-style: normal;
  margin: 0 2px; }

.ehr-grid-layout-area-input {
  width: 420px; }

.ehr-grid-layout-area img {
  text-align: left;
  margin: 0 !important; }

.ehr-grid-layout-area-cnt {
  margin-top: 10px; }

.ehr-grid-layout-inputOperation {
  padding-right: 50px;
  position: relative; }
  .ehr-grid-layout-inputOperation.fourColumnWidth {
    padding-right: 90px; }
    .ehr-grid-layout-inputOperation.fourColumnWidth .unitInfo {
      right: 98px; }
  .ehr-grid-layout-inputOperation.inputOperationAuto {
    padding-right: 0; }
    .ehr-grid-layout-inputOperation.inputOperationAuto:after {
      content: "";
      width: 0;
      display: table;
      visibility: hidden;
      clear: both; }
    .ehr-grid-layout-inputOperation.inputOperationAuto .inputOperation-input {
      display: block;
      overflow: hidden;
      position: relative; }
    .ehr-grid-layout-inputOperation.inputOperationAuto .inputOperation-area {
      position: initial;
      float: right;
      padding-left: 14px; }
  .ehr-grid-layout-inputOperation .unitInfo {
    right: 58px; }
  .ehr-grid-layout-inputOperation .inputOperation-area {
    position: absolute;
    right: 0;
    top: 0; }
    .ehr-grid-layout-inputOperation .inputOperation-area .ehr-btn {
      min-width: 50px; }
      .ehr-grid-layout-inputOperation .inputOperation-area .ehr-btn > span {
        font-size: 14px; }
      .ehr-grid-layout-inputOperation .inputOperation-area .ehr-btn.smallFont > span {
        font-size: 12px; }
    .ehr-grid-layout-inputOperation .inputOperation-area .btnLink {
      color: #3C82EF; }
      .ehr-grid-layout-inputOperation .inputOperation-area .btnLink:hover {
        color: #3C82EF; }

.ehr-grid-layout-tag {
  display: block;
  font-size: 0; }
  .ehr-grid-layout-tag .ehr-grid-layout-tag-tips {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    color: #999999;
    margin-left: 5px; }
  .ehr-grid-layout-tag .ehr-grid-layout-tagItem {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    padding: 0 5px;
    line-height: 20px;
    margin: 0 7px 4px 0;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    cursor: pointer;
    user-select: none; }
    .ehr-grid-layout-tag .ehr-grid-layout-tagItem.bottomArea {
      margin: 7px 5px 0 0; }
    .ehr-grid-layout-tag .ehr-grid-layout-tagItem.smallSize {
      font-size: 12px;
      border-radius: 2px; }
    .ehr-grid-layout-tag .ehr-grid-layout-tagItem.blueTagItem {
      background-color: #ecf6fe;
      color: #3C82EF;
      border-color: #3C82EF; }


.onlyCheckBox-area {
  display: inline-block;
  vertical-align: top;
  margin-right: 30px; }

.onlyCheckBox-area label {
  display: block;
  cursor: pointer; }

.onlyCheckBox-area .ours-class-checkbox-1 {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  margin-right: 7px;
  margin-top: -2px; }

.onlyCheckBox-area .ours-class-radio label {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px; }


.radioGroup-area {
  padding-top: 3px;
  line-height: 28px; }





.ehr-grid-layout ul.twoColumn {
  padding: 0 10%; }
  .ehr-grid-layout ul.twoColumn li {
    width: 45%;
    display: inline-block;
    vertical-align: top;
    margin-right: 10%; }
  .ehr-grid-layout ul.twoColumn li:nth-child(2n) {
    margin-right: 0; }


.ehr-grid-layout ul.row-upDown-layout li .ehr-grid-layout-label,
.ehr-grid-layout ul.row-upDown-layout li .ehr-grid-layout-area {
  float: left;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative; }

.ehr-grid-layout ul.row-upDown-layout li .ehr-grid-layout-label {
  width: 100%;
  text-align: left; }

.ehr-grid-layout ul.row-upDown-layout li .ehr-grid-layout-area {
  width: 100%; }
  .ehr-grid-layout ul.row-upDown-layout li .ehr-grid-layout-area .ehr-grid-layout-area-input {
    width: 450px; }


.ehr-grid-layout ul.row-leftRight-layout li .ehr-grid-layout-label,
.ehr-grid-layout ul.row-leftRight-layout li .ehr-grid-layout-area {
  float: left;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative; }

.ehr-grid-layout ul.row-leftRight-layout li .ehr-grid-layout-label {
  width: 25%;
  padding-right: 20px;
  text-align: right; }
  .ehr-grid-layout ul.row-leftRight-layout li .ehr-grid-layout-label.textLeft {
    text-align: left; }

.ehr-grid-layout ul.row-leftRight-layout li .ehr-grid-layout-area {
  width: 75%; }
  .ehr-grid-layout ul.row-leftRight-layout li .ehr-grid-layout-area .ehr-grid-layout-area-input {
    width: 450px; }


.ehr-grid-layout ul.twoColumn.row-leftRight-layout {
  padding: 0 10% 0 5%; }

.ehr-grid-layout ul.twoColumn.row-leftRight-layout li {
  width: 50%;
  margin-right: 0; }

.ehr-grid-layout ul.twoColumn.row-leftRight-layout li .ehr-grid-layout-label {
  width: 38%; }

.ehr-grid-layout ul.twoColumn.row-leftRight-layout li .ehr-grid-layout-area {
  width: 62%; }

.ehr-grid-layout ul.twoColumn.row-leftRight-layout li.currentLi {
  width: 100%; }

.ehr-grid-layout ul.twoColumn.row-leftRight-layout li.currentLi .ehr-grid-layout-label {
  width: 19%; }

.ehr-grid-layout ul.twoColumn.row-leftRight-layout li.currentLi .ehr-grid-layout-area {
  width: 81%; }

.ehr-grid-layout ul.row-leftRight-layout li .ehr-grid-layout-area .ours-class-multiselect-6 > label,
.ehr-grid-layout ul.row-leftRight-layout li .ehr-grid-layout-area .ours-class-radio-4 > span {
  margin-top: 3px;
  margin-bottom: 2px; }

.ehr-grid-layout-area .ours-class-radio-trans {
  padding: 3px 0;
  line-height: normal; }
  .ehr-grid-layout-area .ours-class-radio-trans .ours-readOnly {
    min-height: 24px;
    padding: 0 !important;
    border: 0 !important;
    vertical-align: top; }

.ours-class-radio-trans .ours-class-multiselect label,
.ours-class-radio-trans .ours-class-multiselect-1 label,
.ours-class-radio-trans .ours-class-radio label,
.ours-class-radio-trans .ours-class-radio {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  min-height: 24px;
  line-height: 24px;
  margin: 3px 15px 3px 0; }

.ours-class-radio-trans .ours-class-radio {
  margin-top: 0;
  margin-bottom: 0; }

.ours-class-radio-trans .ours-class-radio .radio-button-wrapper {
  margin-top: 4px; }

.ours-class-radio-trans .ours-class-radio .button-wrapper-info {
  line-height: inherit; }

.ours-class-radio-trans .ours-class-multiselect-1 label {
  margin-right: 15px; }

.ours-class-radio-ver {
  display: block; }

.ours-class-radio-ver .ours-class-radio label {
  display: block;
  margin-top: 7px; }

.ours-class-checkbox-trans .ours-class-multiselect label {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px; }

.ours-class-checkbox-trans .ours-class-multiselect label:last-child {
  margin-right: 0; }

.ours-class-checkbox-trans-block .ours-class-multiselect label {
  display: block;
  margin-top: 8px; }

.ours-class-checkbox-trans .ours-class-checkbox {
  padding-top: 7px; }


.ehr-grid-layout ul.threeColumn.row-leftRight-layout {
  padding: 0 5%; }

.ehr-grid-layout ul.threeColumn.row-leftRight-layout li {
  display: inline-block;
  vertical-align: top;
  width: 33.333333%;
  margin-right: 0; }

.ehr-grid-layout ul.threeColumn.row-leftRight-layout li .ehr-grid-layout-label {
  width: 38%; }

.ehr-grid-layout ul.threeColumn.row-leftRight-layout li .ehr-grid-layout-area {
  width: 62%; }

.ehr-grid-layout ul.threeColumn.row-leftRight-layout li.currentLi {
  width: 100%; }

.ehr-grid-layout ul.threeColumn.row-leftRight-layout li.currentLi .ehr-grid-layout-label {
  width: 12.66666%; }

.ehr-grid-layout ul.threeColumn.row-leftRight-layout li.currentLi .ehr-grid-layout-area {
  width: 87.333334%; }


.ehr-grid-layout-fixedWidth ul li {
  padding-left: 155px;
  min-height: 36px;
  position: relative; }

.ehr-grid-layout-fixedWidth ul li.plaintext {
  min-height: 24px; }

.ehr-grid-layout-fixedWidth ul li .ehr-grid-layout-label {
  width: 155px !important;
  line-height: 20px;
  position: absolute !important;
  left: 0;
  top: 0;
  float: none !important;
  z-index: 3; }

.ehr-grid-layout-fixedWidth ul li .ehr-grid-layout-area {
  width: 100% !important;
  display: block; }


.ehr-grid-layout-autoWidth ul li {
  min-height: 36px;
  position: relative; }

.ehr-grid-layout-autoWidth ul li.plaintext {
  min-height: 24px; }

.ehr-grid-layout-autoWidth ul li .ehr-grid-layout-label {
  width: auto !important;
  white-space: nowrap; }

.ehr-grid-layout-autoWidth ul li .ehr-grid-layout-area {
  width: auto !important;
  display: block; }

.ehr-grid-layout-autoWidth ul li.plaintext .ehr-grid-layout-area {
  overflow: hidden;
  float: none !important; }


.ehr-grid-layout-fWidth > ul > li {
  padding-left: 100px;
  min-height: 36px;
  position: relative; }

.ehr-grid-layout-fWidth ul li.plaintext {
  min-height: 24px; }

.ehr-grid-layout-fWidth ul li .ehr-grid-layout-label {
  width: 100px !important;
  position: absolute !important;
  left: 0;
  top: 0;
  float: none !important;
  z-index: 3; }

.ehr-grid-layout-fWidth ul li .ehr-grid-layout-area {
  width: 100% !important;
  display: block; }


.ours-event-cancel-layout {
  background: transparent;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 30;
  display: none; }


.ours-iconColor-content {
  background: #fff;
  width: 196px;
  text-align: left;
  padding: 2px;
  color: rgba(34, 34, 34, 0.8);
  font-size: 12px;
  position: relative;
  z-index: 400;
  border: 1px solid #cdddf1;
  border-radius: 3px;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3); }

.ours-iconColor-content:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-top: 1px solid #cdddf1;
  border-right: 1px solid #cdddf1;
  position: absolute;
  top: -5px;
  left: 50%;
  margin-left: -4px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  z-index: -1; }

.iconColor-boxTop {
  width: 176px;
  border-bottom: 1px solid #ccc;
  text-align: left;
  margin: 7px 2px;
  margin-left: 8px; }

.iconColor-boxBody {
  width: 190px;
  padding-left: 8px; }

.iconColor-boxTop ul,
.iconColor-boxBody ul {
  max-height: 136px;
  list-style: none;
  overflow-y: auto; }

.iconColor-boxTop ul li,
.iconColor-boxBody ul li {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  margin: 0;
  border-radius: 2px;
  display: inline-block;
  background: #d0d0d0;
  border: 1px solid transparent;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s; }

.iconColor-boxTop ul li:hover,
.iconColor-boxBody ul li:hover {
  cursor: pointer; }

.iconColor-boxBody ul li:hover {
  border-color: #3C82EF; }

.iconColor-boxTop ul li:nth-of-type(5),
.iconColor-boxBody ul li:nth-of-type(5) {
  margin-right: 0; }

.iconColor-boxBottom {
  width: 166px;
  margin-left: 8px; }

.iconColor-boxBottom button.iconColor-btn {
  background: #3C82EF;
  display: block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  border: 0;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  margin: 4px 0; }

.iconColor-boxTop ul li.checked,
.iconColor-boxBody ul li.checked {
  border: 1px solid #3C82EF; }

.iconColor-boxTop ul li .ours-class-img .form-iconfont,
.iconColor-boxBody ul li .ours-class-img .form-iconfont {
  display: table-cell;
  vertical-align: middle; }


.ours-common-emptyText,
.ours-form-emptyText {
  background: url("../image/oursTbale-no-icon.png") center top no-repeat;
  background-size: auto 40px;
  margin-top: 30px;
  padding-bottom: 30px;
  padding-top: 52px !important;
  text-align: center;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(34, 34, 34, 0.7);
  text-shadow: 0 1px 0 #fbfbfb;
  cursor: default; }

.ours-common-emptyText a,
.ours-form-emptyText a {
  color: #3C82EF;
  text-decoration: none; }


.pub-button,
.pub-cancel {
  width: 80px !important;
  height: 32px !important;
  font-size: 12px !important;
  margin: 0 10px 0 0 !important; }

.pub-button {
  color: #ffffff !important;
  background-color: #3C82EF !important;
  border-color: #3C82EF !important; }

.pub-button:hover {
  color: #ffffff !important;
  background-color: #49A6FA !important;
  border-color: #49A6FA !important; }

.pub-cancel {
  background-color: #ffffff !important;
  border: 1px solid #ebebeb !important;
  color: #76909E !important;
  float: left;
  margin-left: 0 !important; }

.pub-cancel:hover {
  background-color: #F3F6F8 !important;
  border-color: #ebebeb !important;
  color: #76909E !important; }

.display-block {
  display: block !important; }

.display-inline {
  display: inline-block !important; }


.personnelImg {
  width: 64px;
  height: 64px;
  margin-top: 4px;
  float: left;
  position: relative; }

.personnelImg img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 4px;
  display: inline-block;
  vertical-align: top; }

.personnelImg .personnel-avatar {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: #f1f3f4;
  width: inherit;
  height: inherit;
  display: inline-block;
  vertical-align: top;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  line-height: 64px;
  color: #fff;
  font-size: 28px;
  text-align: center; }

.sexInfo {
  background: url("../image/sexIcon.png") no-repeat;
  width: 14px;
  height: 14px;
  display: inline-block;
  position: absolute;
  right: 12px;
  bottom: 0; }

.manIcon {
  background-position: 0 0; }

.womanIcon {
  background-position: -14px 0; }


.ours-select-user {
  height: 24px;
  font-size: 0;
  color: #7d7d7d;
  padding: 0 6px;
  border: 1px solid #e6e6e6;
  display: inline-block;
  vertical-align: middle;
  border-radius: 3px; }

.ours-select-user .person,
.ours-select-user .department,
.ours-select-user .deleted-icon {
  background-image: url("../image/app-new-sprit.png");
  background-repeat: no-repeat;
  display: inline-block;
  height: 15px;
  margin-right: 5px;
  vertical-align: middle; }

.ours-select-user .person {
  width: 16px;
  background-position: -21px 0; }

.ours-select-user .department {
  width: 16px;
  background-position: -55px 0; }

.ours-select-user .user-name {
  max-width: 183px;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.ours-select-user .deleted-icon {
  width: 8px;
  background-position: -40px 0;
  margin-left: 5px;
  margin-right: 0;
  cursor: pointer; }

.qw-btn-info {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 30px;
  color: #3C82EF;
  cursor: pointer; }


.ours-edit input,
.ours-design input,
.ours-edit select,
.ours-edit textarea,
.ours-edit .personarea,
.ours-edit .multi-personarea {
  border-color: #dcdee2 !important;
  padding: 0 10px !important; }

.ours-class-multiselect-4.ours-edit input,
.ours-class-multiselect-5.ours-edit input {
  padding-right: 23px !important; }

input.input-dialog-text,
textarea.input-dialog-text {
  border-color: #dcdee2; }

.ours-edit select {
  padding: 0 21px 0 5px !important;
  vertical-align: top; }

.ours-edit.ours-class-multiselect-2 input[type="text"] {
  padding-right: 14px !important; }

.ours-edit.ours-class-datepicker input,
.ours-edit.ours-class-datepicker-1 input,
.ours-edit.ours-class-datepicker-2 input,
.ours-edit.ours-class-datepicker-4 input,
.ours-edit.ours-class-datepicker-5 input,
.ours-edit.ours-class-datepicker-10 input,
.ours-edit .personarea,
.ours-edit .multi-personarea,
.ours-edit.ours-class-outercontrol input,
.ours-edit.ours-class-selectjob input,
.ours-design.ours-class-selectjob input {
  padding: 0 5px 0 34px !important;
  vertical-align: top; }

.ours-edit input:hover,
.ours-edit input:focus,
.ours-edit select:hover,
.ours-edit select:focus,
.ours-edit textarea:focus,
.ours-edit textarea:hover,
.ours-edit .personarea:hover,
.ours-edit .multi-personarea:hover {
  border-color: #3C82EF !important; }

.ours-edit textarea {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  width: 100%;
  height: 100px;
  resize: none; }

.ours-class-number .ours-form.ours-number-percent + .ours-number-percent-char {
  font-size: 14px; }

.form-simulation, .ours-readOnly, .ours-edit4ReadOnly, .ours-edit4View, .ours-readonly {
  color: #222222 !important;
  font-size: 14px !important;
  background: transparent !important;
  border-color: transparent !important;
  padding-left: 0 !important; }

article .form-simulation, article .ours-readOnly, article .ours-edit4ReadOnly, article .ours-edit4View, article .ours-readonly {
  background: #f5f5f5 !important;
  border-color: #e6e6e6 !important;
  padding-left: 5px !important; }

.ours-class-selectperson-3 .personarea,
.ours-class-selectperson-6 .personarea {
  background: url("../image/selectPerson-icon-1.0.0.png") center left 10px #ffffff no-repeat;
  background-size: 14px 14px;
  text-align: left; }

.ours-class-singleselect-3, .ours-class-multiselect-3, .ours-class-singleselect-4, .ours-class-singleselect-5, .ours-class-singleselect-6 {
  border: 0; }

.ours-class-singleselect-3 input[type="text"], .ours-class-multiselect-3 input[type="text"], .ours-class-singleselect-4 input[type="text"], .ours-class-singleselect-5 input[type="text"], .ours-class-singleselect-6 input[type="text"] {
  min-height: 36px;
  border: 1px solid #bdbdbd; }


.single-select-search, .multi-select-search {
  width: auto;
  display: block;
  margin: 14px; }

.multi-select-all {
  padding: 0 14px; }

.single-select-search-ul, .multi-select-search-ul {
  padding: 0 14px;
  font-size: 14px; }

.single-select-search-ul .radio-wrapper,
.multi-select-search-ul .checkbox-wrapper {
  float: left;
  margin-top: 2px; }

.single-select-search-nothing {
  background: url("../image/ehr-noData-icon.png") top 10px center no-repeat;
  background-size: auto 50px;
  padding: 65px 0 5px 0;
  text-align: center; }


.ours-checkbox {
  display: inline-block;
  vertical-align: middle;
  width: 52px;
  height: 32px;
  border-radius: 16px;
  position: relative;
  cursor: pointer;
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  align-self: center; }

.ours-checkbox input[type=checkbox] {
  position: absolute;
  left: -9999px;
  visibility: hidden; }

.ours-checkbox input[type=checkbox]:checked + .checkbox {
  
  background: #3C82EF; }


.ours-checkbox input[type=checkbox]:disabled + .checkbox {
  background-color: #ebebeb;
  border-color: #ebebeb;
  cursor: not-allowed; }

.ours-checkbox input[type=checkbox]:disabled + .checkbox:before {
  background: #E6EBED;
  cursor: not-allowed; }

.ours-checkbox input[type=checkbox]:disabled + .checkbox:after {
  border-bottom-color: #ebebeb;
  border-right-color: #ebebeb;
  cursor: not-allowed; }

.ours-checkbox input[type=checkbox]:checked:disabled + .checkbox {
  background-color: #B3E8F1;
  border-color: #B3E8F1;
  cursor: not-allowed; }



.ours-checkbox input[type=checkbox]:checked + .checkbox:before {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0); }

.ours-checkbox input[type=checkbox]:checked + .checkbox:after {
  -webkit-transform: translateX(42px);
  -ms-transform: translateX(42px);
  transform: translateX(42px); }

.ours-checkbox .checkbox {
  width: 52px;
  height: 32px;
  border-radius: 16px;
  background: #ebebeb;
  z-index: 0;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  position: relative;
  -webkit-transition-duration: 150ms;
  -ms-transition-duration: 150ms;
  transition-duration: 150ms; }

.ours-checkbox .checkbox:before {
  content: '';
  position: absolute;
  left: 2px;
  top: 2px;
  width: 48px;
  border-radius: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 28px;
  background: #ebebeb;
  z-index: 1;
  -webkit-transition-duration: 150ms;
  -ms-transition-duration: 150ms;
  transition-duration: 150ms;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.ours-checkbox .checkbox:after {
  content: ' ';
  height: 28px;
  width: 28px;
  border-radius: 28px;
  background: #fff;
  position: absolute;
  z-index: 2;
  top: 2px;
  left: 2px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-duration: 150ms;
  -ms-transition-duration: 150ms;
  transition-duration: 150ms; }

.ours-checkbox.large, .ours-checkbox.large .checkbox {
  width: 52px;
  height: 32px;
  border-radius: 16px; }

.ours-checkbox.large input[type=checkbox]:checked + .checkbox:after {
  -webkit-transform: translateX(22px);
  -ms-transform: translateX(22px);
  transform: translateX(22px); }

.ours-checkbox.large .checkbox {
  display: inline-block; }

.ours-checkbox.large .checkbox:before {
  left: 2px;
  top: 2px;
  width: 48px;
  border-radius: 16px;
  height: 28px; }

.ours-checkbox.large .checkbox:after {
  height: 28px;
  width: 28px;
  border-radius: 28px;
  top: 2px;
  left: 2px; }

.ours-checkbox.middle, .ours-checkbox.middle .checkbox {
  width: 46px;
  height: 24px;
  border-radius: 16px; }

.ours-checkbox.middle input[type=checkbox]:checked + .checkbox:after {
  -webkit-transform: translateX(21px);
  -ms-transform: translateX(21px);
  transform: translateX(21px); }

.ours-checkbox.middle .checkbox {
  display: inline-block; }

.ours-checkbox.middle .checkbox:before {
  left: 1px;
  top: 1px;
  width: 44px;
  border-radius: 16px;
  height: 22px; }

.ours-checkbox.middle .checkbox:after {
  height: 22px;
  width: 22px;
  border-radius: 22px;
  top: 1px;
  left: 1px; }

.ours-checkbox.small, .ours-checkbox.small .checkbox {
  width: 28px;
  height: 14px;
  border-radius: 7px; }

.ours-checkbox.small input[type=checkbox]:checked + .checkbox:after {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px); }

.ours-checkbox.small .checkbox {
  display: inline-block;
  vertical-align: top; }

.ours-checkbox.small .checkbox:before {
  left: 1px;
  top: 1px;
  width: 26px;
  border-radius: 16px;
  height: 12px; }

.ours-checkbox.small .checkbox:after {
  height: 12px;
  width: 12px;
  border-radius: 28px;
  top: 1px;
  left: 1px; }

.ours-checkbox input[type=checkbox] {
  display: inline \9;
  zoom: 1 \9; }

.ours-checkbox .checkbox {
  display: none \9; }

.ours-checkbox.disabled {
  opacity: 0.4; }


.ours-class-tablegrid,
.ours-class-tablegrid * {
  font-size: 12px; }

.ours-grid-columns,
.ours-grid-columns-view, .ours-grid-columns-lock {
  background: #F1F2F3; }

.ours-class-tablegrid .grid-row-alt {
  background-color: #F9F9F9; }

.ours-grid-rows-content table tr.tr-hover {
  background-color: #E7F1FF; }

.ours-class-tablegrid table tr.selected,
.ours-table-column-sortable td:hover {
  background: #E7F1FF !important; }

.ours-grid-rows-content table tr.selected.tr-hover {
  background: #dee9f5 !important; }

.ours-class-tablegrid table tr td > div,
.ours-class-tablegrid table tr th > div {
  padding: 9px 5px;
  min-height: 40px; }

.header-cell-inner, .cell-inner {
  line-height: 22px; }

.tableSelectAll {
  height: 30px;
  display: block;
  vertical-align: top;
  line-height: 16px;
  padding: 0 15px 0 12px;
  position: relative;
  border-bottom: 1px dashed #ebebeb; }
  .tableSelectAll .radioCheckbox-content {
    vertical-align: top;
    margin-top: 4px; }
  .tableSelectAll .radioCheckbox-text {
    font-size: 12px;
    line-height: inherit; }

.tableSelectArea {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.tableSelectAll + .tableSelectArea {
  top: 30px; }

.tableDetailFooter {
  padding: 7px 0;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  font-size: 0; }

.tableDetailFooter-num {
  display: inline-block;
  vertical-align: top;
  font-size: 0; }

.tableDetailFooter-num-item {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  margin-right: 12px; }

.tableDetailFooter-num-item i {
  font-weight: bold; }


.cell-inner .moreOperation-select {
  vertical-align: top; }


.header-cell-inner .checkbox-wrapper,
.cell-inner .checkbox-wrapper,
.header-cell-inner .checkbox-wrapper input[type="checkbox"] + .selected-icon,
.cell-inner .checkbox-wrapper input[type="checkbox"] + .selected-icon {
  vertical-align: top; }

.header-cell-inner .checkbox-wrapper input[type="checkbox"] + .selected-icon:after,
.cell-inner .checkbox-wrapper input[type="checkbox"] + .selected-icon:after,
.radioCheckbox-content .checkbox-wrapper input[type="checkbox"] + .selected-icon:after {
  width: 3px;
  height: 6px;
  top: 2px;
  left: 0; }


.ours-class-pager {
  border-top: 1px solid #EDF0F3; }

.ours-class-pager .pager-btns,
.ours-class-pager .pager-btns span.btn-first,
.ours-class-pager .pager-btns span.btn-last {
  font-size: 12px !important; }


.tdBlueColor {
  color: #3C82EF; }

.tdRedColor {
  color: #FF0000 !important; }

.tdGreenColor {
  color: #00b9ac !important; }

.tdDefaultColor {
  color: #888888; }


.portal-breadcrumb .portal-breadcrumb-area {
  margin: 0 20px !important; }

.portal-breadcrumb-area .breadcrumb-item:first-child a .menu-icon {
  display: none !important; }


.ours-dialog-bd .dataSet-content {
  margin: 0 !important; }

.ours-dialog-content .cellphone-content {
  padding: 30px 80px;
  text-align: left; }

.ours-dialog-content .cellphone-content .cellphone-content-text {
  display: block;
  margin-bottom: 8px; }

.ours-dialog-content .cellphone-content .cellphone-content-info {
  position: relative; }


.ehr-input-error {
  display: block; }

.ours-design input.error-border-highlight,
.error-border-highlight,
.ours-edit .error-border-highlight {
  border: 1px solid #f16543 !important; }

.ours-error-info {
  background: transparent;
  width: 100%;
  height: 18px;
  color: #f16543;
  display: block;
  position: absolute;
  left: 0;
  top: 100%;
  text-align: left;
  padding: 4px 0 0 0;
  margin: 0;
  line-height: 1; }

.ours-original-form tr td .ours-error-info {
  position: relative;
  left: inherit;
  top: inherit;
  margin-bottom: 2px; }


.ours-dialog-bd.ours-class-lbs-map-dialog {
  top: 50px; }


.form-report-no-data {
  background: url("../image/ehr-noData-icon.png") center no-repeat !important;
  background-size: auto 130px !important;
  background-position: top 60px center !important;
  padding-top: 200px !important;
  margin-top: 0 !important; }


.ehr-row {
  position: relative;
  margin-left: 0;
  margin-right: 0;
  height: auto;
  zoom: 1;
  display: block; }

.ehr-row:after, .ehr-row:before, .wrapper-content:after {
  content: "";
  display: table; }

.ehr-row:after,
.wrapper-content:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0; }

.ehr-row-full {
  height: 100%; }

.ehr-row-full .ehr-col-spanFull {
  height: 100%; }

.ehr-row-full .wrapper-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }
  .ehr-row-full .wrapper-content.wrapper-content-iframe {
    padding: 0; }
    .ehr-row-full .wrapper-content.wrapper-content-iframe iframe {
      width: 100%;
      height: 100%;
      border: 0; }

.ehr-row-full .pageHeader + .wrapper-content {
  top: 49px; }

.ehr-row-full .ehr-menu-tab + .wrapper-content {
  top: 50px; }

.wrapper-content-l-layout {
  background-color: #ffffff;
  border-right: 1px solid #ebebeb;
  width: 220px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: width .15s ease-in-out; }
  .wrapper-content-l-layout.hasNoAnimation {
    -webkit-transition: none; }
  .wrapper-content-l-layout.smallWidth {
    width: 185px; }
  .wrapper-content-l-layout.whiteBg {
    background-color: #ffffff;
    border-right: 1px solid #ebebeb; }
    .wrapper-content-l-layout.whiteBg .wrapper-content-l-layout-area ul li {
      border-bottom: 0;
      border-radius: 5px; }
  .wrapper-content-l-layout .wrapper-content-l-layout-title {
    line-height: 40px;
    border-bottom: 1px solid #ebebeb;
    padding-left: 10px;
    position: relative; }
    .wrapper-content-l-layout .wrapper-content-l-layout-title .ehr-operation-icon {
      position: absolute;
      right: 10px;
      top: 11px;
      margin-right: 0; }
    .wrapper-content-l-layout .wrapper-content-l-layout-title .ehr-operation-icon-add {
      background-position: -36px -18px; }
  .wrapper-content-l-layout .wrapper-content-l-layout-area {
    padding: 10px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    overflow-y: auto; }
    .wrapper-content-l-layout .wrapper-content-l-layout-area ul {
      padding: 0;
      margin: 0;
      list-style: none; }
      .wrapper-content-l-layout .wrapper-content-l-layout-area ul li {
        margin: 0;
        cursor: pointer;
        padding: 8px 10px;
        line-height: 20px;
        position: relative;
        background-color: transparent;
        display: block;
        border-bottom: 1px solid #ebebeb; }
        .wrapper-content-l-layout .wrapper-content-l-layout-area ul li:last-child {
          border-bottom: 0; }
        .wrapper-content-l-layout .wrapper-content-l-layout-area ul li.selected {
          background-color: #ffffff; }
        .wrapper-content-l-layout .wrapper-content-l-layout-area ul li.transparentBg:hover {
          background-color: transparent; }
        .wrapper-content-l-layout .wrapper-content-l-layout-area ul li:hover {
          background-color: #f6f7fa; }
          .wrapper-content-l-layout .wrapper-content-l-layout-area ul li:hover .wrapper-content-item-operation {
            display: block; }
        .wrapper-content-l-layout .wrapper-content-l-layout-area ul li.operation-area:hover {
          padding-right: 60px; }
        .wrapper-content-l-layout .wrapper-content-l-layout-area ul li .wrapper-content-item-tit {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .wrapper-content-l-layout .wrapper-content-l-layout-area ul li .wrapper-content-item-operation {
          height: 18px;
          top: 50%;
          margin-top: -9px;
          font-size: 0;
          position: absolute;
          right: 0;
          display: none; }
          .wrapper-content-l-layout .wrapper-content-l-layout-area ul li .wrapper-content-item-operation .ehr-operation-icon {
            vertical-align: top; }
  .wrapper-content-l-layout .wrapper-content-l-layout-title + .wrapper-content-l-layout-area {
    top: 41px; }

.wrapper-content-layout-unfold {
  font-family: "ehrIconFont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 15px;
  height: 47px;
  font-size: 47px;
  line-height: 47px;
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -24px;
  right: -15px;
  display: inline-block;
  cursor: pointer;
  z-index: 100; }

.wrapper-content-layout-unfold:before {
  content: "\e70f";
  width: 15px;
  position: absolute;
  left: -16px;
  top: 0; }

.wrapper-content-unfold .wrapper-content-layout-unfold:before,
.personnel-detail-layout-unfold .wrapper-content-layout-unfold:before {
  content: "\e70e"; }

.wrapper-content-r-layout {
  background-color: #ffffff;
  padding: 0 20px;
  position: absolute;
  left: 220px;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: left .15s ease-in-out, right .15s ease-in-out;
   }
  .wrapper-content-r-layout .ehr-footer-area {
    left: 220px; }
  .wrapper-content-r-layout.hasNoAnimation {
    -webkit-transition: none; }
  .wrapper-content-r-layout.smallWidth {
    left: 185px; }
    .wrapper-content-r-layout.smallWidth .ehr-footer-area {
      left: 185px; }

.wrapper-content-r-layout iframe {
  width: 100%;
  height: 100%;
  border: 0; }

.wrapper-content-o-layout {
  background-color: #ffffff;
  width: 350px;
  position: absolute;
  right: -370px;
  top: 0;
  bottom: 0;
  z-index: 100;
  -webkit-box-shadow: -4px 0 4px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: -4px 0 4px rgba(0, 0, 0, 0.08);
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.08);
  -webkit-transition: right .15s ease-in-out; }
  .wrapper-content-o-layout .ehr-common-operation-content {
    bottom: 0; }

.wrapper-content-o-layout.wrapper-content-openRight {
  right: 0; }

.wrapper-content-r-layout.wrapper-content-openRight {
  right: 355px; }

.wrapper-content-l-layout.wrapper-content-unfold {
  width: 0 !important; }

.wrapper-content-l-layout.wrapper-content-hidden .wrapper-content-layout-unfold,
.wrapper-content-l-layout.wrapper-content-hidden,
.wrapper-content-l-layout.wrapper-content-unfold .ehr-tree-search {
  display: none; }

.wrapper-content-l-layout.wrapper-content-unfold .ehr-tree-content {
  padding-left: 0;
  padding-right: 0; }

.wrapper-content-r-layout.wrapper-content-unfold {
  left: 0 !important; }
  .wrapper-content-r-layout.wrapper-content-unfold .ehr-footer-area {
    left: 0; }

.wrapper-content-l-layout .ehr-tree-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: auto; }
  .wrapper-content-l-layout .ehr-tree-content .orgTree-area {
    padding: 15px 10px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: auto; }
  .wrapper-content-l-layout .ehr-tree-content .orgTree-header {
    margin: -15px -10px 0 -10px;
    border-bottom: 1px solid #ebebeb;
    text-align: right; }
  .wrapper-content-l-layout .ehr-tree-content .orgTree-header + .orgTree-area {
    padding: 10px;
    top: 45px; }

.orgTree-header {
  position: relative;
  z-index: 10;
  
   }
  .orgTree-header.hideFilterType .orgTree-content .orgTree-select-box {
    display: none; }
  .orgTree-header.hideFilterType .orgTree-content .orgTree-switch-box {
    height: auto;
    padding: 13px 10px; }
    .orgTree-header.hideFilterType .orgTree-content .orgTree-switch-box:after {
      display: none; }
    .orgTree-header.hideFilterType .orgTree-content .orgTree-switch-box span {
      display: inline-block;
      vertical-align: top;
      margin-left: 5px;
      line-height: 18px; }
  .orgTree-header .ours-checkbox.middle, .orgTree-header .ours-checkbox.middle .checkbox {
    width: 28px;
    height: 14px;
    border-radius: 7px; }
  .orgTree-header .ours-checkbox.middle input[type=checkbox]:checked + .checkbox:after {
    -webkit-transform: translateX(14px);
    -ms-transform: translateX(14px);
    transform: translateX(14px); }
  .orgTree-header .ours-checkbox.middle .checkbox {
    display: inline-block;
    vertical-align: top; }
  .orgTree-header .ours-checkbox.middle .checkbox:before {
    left: 1px;
    top: 1px;
    width: 26px;
    border-radius: 16px;
    height: 12px; }
  .orgTree-header .ours-checkbox.middle .checkbox:after {
    height: 12px;
    width: 12px;
    border-radius: 28px;
    top: 1px;
    left: 1px; }
  .orgTree-header .orgTree-content {
    display: block;
    height: 44px; }
    .orgTree-header .orgTree-content:after {
      content: "";
      width: 0;
      display: table;
      visibility: hidden;
      clear: both; }
    .orgTree-header .orgTree-content .orgTree-switch-box {
      float: right;
      height: 44px;
      padding: 7px 10px;
      font-size: 0;
      text-align: right;
      position: relative; }
      .orgTree-header .orgTree-content .orgTree-switch-box:after {
        content: "";
        background: #ebebeb;
        background-image: linear-gradient(#ffffff, #ebebeb, #ffffff);
        width: 1px;
        height: auto;
        position: absolute;
        left: 0;
        top: 5%;
        bottom: 5%; }
      .orgTree-header .orgTree-content .orgTree-switch-box span {
        display: block;
        font-size: 12px; }
      .orgTree-header .orgTree-content .orgTree-switch-box .orgTree-switch-box-checkbox {
        line-height: 16px; }
      .orgTree-header .orgTree-content .orgTree-switch-box .orgTree-switch-box-text {
        line-height: 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    .orgTree-header .orgTree-content .orgTree-select-box {
      display: block;
      overflow: hidden;
      height: 44px;
      line-height: 44px;
      font-size: 16px;
      font-weight: bold;
      text-align: left; }
      .orgTree-header .orgTree-content .orgTree-select-box span {
        max-width: 100%;
        padding-right: 20px;
        padding-left: 32px;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative; }
        .orgTree-header .orgTree-content .orgTree-select-box span:after {
          font-family: "ehrIconFont" !important;
          content: "\e655";
          width: 12px;
          height: 12px;
          font-size: 12px;
          color: #666666;
          line-height: 12px;
          position: absolute;
          right: 4px;
          top: 50%;
          margin-top: -6px;
          transition: all .25s; }
      .orgTree-header .orgTree-content .orgTree-select-box:hover span:after {
        transform: rotate(90deg); }
      .orgTree-header .orgTree-content .orgTree-select-box:hover .orgTree-selectItem-box {
        top: 44px;
        opacity: 1;
        visibility: visible;
        z-index: 1; }
      .orgTree-header .orgTree-content .orgTree-select-box .orgTree-select-box-icon {
        width: 14px;
        height: 14px;
        line-height: 14px;
        display: inline-block;
        text-align: center;
        position: absolute;
        left: 10px;
        top: 50%;
        margin-top: -7px; }
    .orgTree-header .orgTree-content .orgTree-selectItem-box {
      min-width: 100%;
      padding: 5px 0;
      background-color: #fff;
      box-sizing: border-box;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
      position: absolute;
      left: 0;
      top: 34px;
      right: 0;
      opacity: 0;
      visibility: hidden;
      transition: all .25s ease;
      z-index: -1; }
      .orgTree-header .orgTree-content .orgTree-selectItem-box .orgTree-selectItem {
        margin: 0;
        line-height: normal;
        padding: 7px 13px;
        clear: both;
        text-align: left;
        color: #222222;
        position: relative;
        font-size: 14px !important;
        font-weight: normal;
        white-space: nowrap;
        cursor: pointer;
        -webkit-transition: background .2s;
        transition: background .2s; }
        .orgTree-header .orgTree-content .orgTree-selectItem-box .orgTree-selectItem:hover {
          background: #f3f3f3; }

.wrapper-content-l-layout .ehr-tree-search + .ehr-tree-content {
  top: 44px; }

.wrapper-content-l-layout .ehr-dept-info + .ehr-tree-content {
  top: 44px; }

.ehr-dept-info {
  display: block; }

.ehr-tree-search {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  display: block;
  padding: 12px 10px; }

.ehr-tree-search .ehr-simple-search,
.ehr-tree-search .ehr-simple-search .ehr-simple-search-input {
  width: 100%; }

.wrapper-content {
  padding: 0 20px;
  position: relative; }
  .wrapper-content.wrapper-content-noPadding {
    padding: 0; }
  .wrapper-content.wrapper-content-hasFoot {
    padding: 0 20px 61px 20px; }
    .wrapper-content.wrapper-content-hasFoot .wrapper-content-l-layout,
    .wrapper-content.wrapper-content-hasFoot .wrapper-content-r-layout {
      bottom: 61px; }
  .wrapper-content.wrapper-content-scroll {
    padding: 20px;
    overflow: hidden;
    overflow-y: auto; }
  .wrapper-content.wrapper-content-scroll.wrapper-content-hasFoot {
    bottom: 61px; }
    .wrapper-content.wrapper-content-scroll.wrapper-content-hasFoot .wrapper-content-l-layout,
    .wrapper-content.wrapper-content-scroll.wrapper-content-hasFoot .wrapper-content-r-layout {
      bottom: 0; }

.wrapper-content-radioCheckbox {
  line-height: 36px;
  text-align: left;
  font-size: 0; }

.wrapper-content-radioCheckbox .radioCheckbox-content {
  margin-right: 7px;
  width: 120px; }

.wrapper-content-input {
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
  width: 195px;
  padding-left: 7px; }

.wrapper-content-input * {
  font-size: 12px !important; }

.wrapper-content-input input {
  height: 30px;
  font-size: 12px; }

.wrapper-content-radioCheckbox .wrapper-content-input {
  margin: 3px 0; }

.wrapper-content-tips {
  text-align: left;
  font-size: 12px;
  color: rgba(62, 73, 103, 0.7);
  margin-top: 5px; }

.ehr-col {
  position: relative;
  display: block; }

.ehr-col-span-1, .ehr-col-span-10, .ehr-col-span-11, .ehr-col-span-12, .ehr-col-span-13, .ehr-col-span-14, .ehr-col-span-15, .ehr-col-span-16, .ehr-col-span-17, .ehr-col-span-18, .ehr-col-span-19, .ehr-col-span-2, .ehr-col-span-20, .ehr-col-span-21, .ehr-col-span-22, .ehr-col-span-23, .ehr-col-span-24, .ehr-col-span-3, .ehr-col-span-4, .ehr-col-span-5, .ehr-col-span-6, .ehr-col-span-7, .ehr-col-span-8, .ehr-col-span-9 {
  float: left;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative; }

.ehr-col-span-24 {
  display: block;
  width: 100%; }

.ehr-col-span-23 {
  display: block;
  width: 95.83333333%; }

.ehr-col-span-22 {
  display: block;
  width: 91.66666667%; }

.ehr-col-span-21 {
  display: block;
  width: 87.5%; }

.ehr-col-span-20 {
  display: block;
  width: 83.33333333%; }

.ehr-col-span-19 {
  display: block;
  width: 79.16666667%; }

.ehr-col-span-18 {
  display: block;
  width: 75%; }

.ehr-col-span-17 {
  display: block;
  width: 70.83333333%; }

.ehr-col-span-16 {
  display: block;
  width: 66.66666667%; }

.ehr-col-span-15 {
  display: block;
  width: 62.5%; }

.ehr-col-span-14 {
  display: block;
  width: 58.33333333%; }

.ehr-col-span-13 {
  display: block;
  width: 54.16666667%; }

.ehr-col-span-12 {
  display: block;
  width: 50%; }

.ehr-col-span-11 {
  display: block;
  width: 45.83333333%; }

.ehr-col-span-10 {
  display: block;
  width: 41.66666667%; }

.ehr-col-span-9 {
  display: block;
  width: 37.5%; }

.ehr-col-span-8 {
  display: block;
  width: 33.33333333%; }

.ehr-col-span-7 {
  display: block;
  width: 29.16666667%; }

.ehr-col-span-6 {
  display: block;
  width: 25%; }

.ehr-col-span-5 {
  display: block;
  width: 20.83333333%; }

.ehr-col-span-4 {
  display: block;
  width: 16.66666667%; }

.ehr-col-span-3 {
  display: block;
  width: 12.5%; }

.ehr-col-span-2 {
  display: block;
  width: 8.33333333%; }

.ehr-col-span-1-5 {
  display: block;
  width: 6.25%; }

.ehr-col-span-1 {
  display: block;
  width: 4.16666667%; }

.ehr-col-span-0 {
  display: none; }

.col-span-des .ours-uploadfile {
  text-align: left; }

.col-span-des .ours-uploadfile .ours-upload-item {
  margin-top: 0; }


.custom-tab {
  display: block;
  height: 32px;
  padding: 0 0 8px 0; }
  .custom-tab .ehr-state-screen {
    width: 100%; }
  .custom-tab .ehr-state-screen .stateBtn {
    background: #f5f6f8;
    max-width: 12.0625%;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    border-radius: 30px;
    margin-right: 0.5%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .custom-tab .ehr-state-screen .stateBtn.selected {
      background-color: #ecf6fe;
      padding-right: 24px; }
      .custom-tab .ehr-state-screen .stateBtn.selected:after {
        content: "\e668";
        width: 12px;
        height: 12px;
        line-height: 12px;
        font-size: 12px;
        text-align: center;
        position: absolute;
        right: 10px;
        top: 5px; }
    .custom-tab .ehr-state-screen .stateBtn:last-child {
      margin-right: 0; }
  .custom-tab .ehr-state-screen .stateBtn:before {
    display: none !important; }

.ehr-screen-edit + .custom-tab {
  height: 36px;
  padding: 6px 0 6px 0; }


.ehrTable-content {
  width: 100%;
  height: 100%;
  position: relative; }

.ehrTable-content .ehrTable-content-tableArea {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding-top: 10px; }

.ehrTable-content.tableToolbar .ehrTable-content-tableArea {
  top: 56px;
  padding-top: 0; }

.ehrTable-content.tableTab .ehrTable-content-tableArea {
  top: 86px;
  padding-top: 0; }

.ehrTable-content.tableToolbar.tableTab .ehrTable-content-tableArea {
  top: 110px; }

.ehrTable-content.tableToolbarPages .ehrTable-content-tableArea {
  top: 100px;
  padding-top: 0;
   }

.ehrTable-content.tablePages .ehrTable-content-tableArea {
  top: 56px;
  padding-top: 0; }


.ehrTable-content.tableToolbar .custom-tab + .ehrTable-content-tableArea {
  top: 88px; }

.ehrTable-content.tableToolbar .ehr-screen-edit + .custom-tab + .ehrTable-content-tableArea {
  top: 92px; }


.ehrTable-content.tableTab .custom-tab + .ehrTable-content-tableArea {
  top: 118px; }

.ehrTable-content.tableTab .ehr-screen-edit + .custom-tab + .ehrTable-content-tableArea {
  top: 122px; }

.ehrTable-content.tableToolbar.tableTab .custom-tab + .ehrTable-content-tableArea {
  top: 142px; }

.ehrTable-content.tableToolbar.tableTab .ehr-screen-edit + .custom-tab + .ehrTable-content-tableArea {
  top: 146px; }

.ehrTable-content.tableFooter .ehrTable-content-tableArea {
  bottom: 61px; }


.reportToolbar-hidden {
  opacity: 0;
  z-index: -1; }

.reportToolbar-hidden + .reportContent {
  top: 0; }

.ehrTable-content.tableToolbar .reportToolbar-hidden + .ehrTable-content-tableArea {
  top: 12px;
  padding-top: 0; }

.ehrTable-content.tableToolbarPages .ehr-tab-pages,
.ehrTable-content.tablePages .ehr-tab-pages {
  padding-top: 12px;
  height: 44px; }

.borderBottom {
  border-bottom: 1px solid #ebebeb; }

.tdNameColor {
  color: #3C82EF; }

.trNoDataBgColor,
.ours-grid-rows-content table tr.trNoDataBgColor.tr-hover {
  background-color: rgba(246, 92, 120, 0.3) !important; }

.trNoDataBgColor .tdNoDataColor {
  color: #F65C78; }

.tr-highlight-Row,
.ours-grid-rows-content table tr.tr-highlight-Row.tr-hover,
.ours-grid-rows-content table tr.tr-highlight-Row.selected,
.ours-grid-rows-content table tr.tr-highlight-Row.selected.tr-hover {
  background-color: #fef3f5 !important; }


.required-icon {
  color: #F65C78;
  line-height: 1;
  padding-top: 2px;
  display: inline-block; }


.ehr-fixedFooter-area {
  padding: 14px 20px 65px 20px; }
  .ehr-fixedFooter-area.fixedHead {
    padding-top: 85px; }

.ehr-fixedFooter-table {
  position: absolute;
  padding: 0 20px 61px 20px;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.ehr-footer-area {
  background-color: #ffffff;
  text-align: center;
  padding: 14px 0;
  font-size: 0;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 1px solid #ebebeb;
  z-index: 99; }

.ehr-footer-area .ehr-btn,
.ehr-footer-area .ehr-dropdown {
  margin: 0 5px; }


.ehr-btn {
  min-width: 80px;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border-width: 1px;
  border-style: solid;
  white-space: nowrap;
  line-height: 1.5;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 6px 12px;
  font-size: 0;
  border-radius: 4px;
  position: relative;
  transition: border .3s, background-color .3s; }
  .ehr-btn .ehr-btn-icon {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    line-height: 14px;
    margin-right: 3px; }
  .ehr-btn .ehr-btn-tips {
    position: absolute;
    left: 0;
    font-size: 12px;
    background: url("../image/ehr-warn-circle.png") #FEF3EB left 8px center no-repeat;
    color: #222222;
    z-index: 60;
    -webkit-transform: translateY(40%);
    -moz-transform: translateY(40%);
    transform: translateY(40%);
    text-align: left;
    padding: 6px 12px 6px 27px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: none; }
    .ehr-btn .ehr-btn-tips.right {
      right: 0;
      left: auto; }
  .ehr-btn:hover .ehr-btn-tips {
    display: block; }

.ehr-width-auto {
  min-width: auto; }

.ehr-btn-paddingZero {
  padding-left: 0;
  padding-right: 0; }

.ehr-btn-margin {
  margin-right: 10px; }

.ehr-btn > .ehr-icon {
  line-height: 1.5;
  vertical-align: middle; }

.ehr-btn, .ehr-btn:active, .ehr-btn:focus {
  outline: 0; }

.ehr-btn.disabled, .ehr-btn[disabled], .ehr-btn-disable {
  cursor: not-allowed; }

.ehr-btn > span {
  font-size: 12px;
  vertical-align: middle; }
  .ehr-btn > span.defaultFont {
    font-size: 14px; }
  .ehr-btn > span.largeFont {
    font-size: 16px; }

.ehr-btn-large {
  padding: 6px 12px 6px 12px;
  font-size: 14px;
  border-radius: 4px; }

.ehr-btn-small {
  padding: 1px 7px 2px;
  font-size: 12px;
  border-radius: 4px; }

.ehr-btn-download {
  color: #3C82EF;
  background-color: #ffffff;
  border-color: #3C82EF; }

.ehr-btn-download span {
  padding-left: 20px;
  background: url("../image/ehr-download.png") left center no-repeat; }

.ehr-btn-download:hover {
  color: #3C82EF;
  background-color: rgba(55, 150, 236, 0.05);
  border-color: #3C82EF; }

.ehr-btn:disabled, .ehr-btn-disable, .ehr-btn-disable:hover {
  background-color: #ebebeb;
  color: #9CB0BB;
  border: 1px solid #ebebeb; }

.ehr-btn-highlight {
  color: #ffffff;
  background-color: #3C82EF;
  border-color: #3C82EF; }

.ehr-btn-highlight:hover {
  color: #ffffff;
  background-color: #49A6FA;
  border-color: #49A6FA; }

.ehr-btn-cancel {
  background-color: #ffffff;
  border-color: #ebebeb;
  color: #76909E; }

.ehr-btn-cancel:hover {
  background-color: #F3F6F8;
  border-color: #ebebeb;
  color: #76909E; }

.ehr-btn-cancel-link {
  background: transparent;
  color: #76909E;
  border: 0; }
  .ehr-btn-cancel-link:hover {
    background: transparent !important;
    color: #222222;
    border: 0; }

.ehr-btn-big {
  width: 250px;
  height: 40px; }

.ehr-btn-link, .ehr-btn-link:hover {
  background-color: transparent;
  border: 0; }

.ehr-btn-link-default {
  background-color: transparent;
  color: #222222; }

.ehr-btn-del, .ehr-btn-del:hover {
  background-color: transparent;
  color: #F65C78;
  border-color: transparent !important; }

.ehr-btn-noBorder-fail {
  color: #F65C78; }

.ehr-btn-noBorder-fail:hover {
  background-color: transparent;
  color: #F65C78; }

.ehr-btn-fail {
  background-color: #ffffff;
  color: #F65C78;
  border-color: #F65C78; }
  .ehr-btn-fail:hover {
    background: rgba(246, 92, 120, 0.1);
    color: #F65C78;
    border-color: #F65C78; }

.ehr-btn-greyHigh {
  background-color: #ffffff;
  border-color: #ebebeb;
  color: #76909E; }

.ehr-btn-greyHigh:hover {
  background-color: #3C82EF;
  color: #ffffff;
  border-color: #3C82EF; }


.personnel-header {
  background-color: #ffffff;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
  padding: 16px 30px 16px 30px;
  position: relative; }

.personnel-info {
   }
  .personnel-info:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    visibility: hidden;
    clear: both; }

.back-history-btn {
  padding-bottom: 18px; }

.personnel-detail {
  display: block;
  overflow: hidden;
  padding-left: 20px; }


.userName-info {
  display: block;
  font-size: 0; }

.userName {
  font-size: 22px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px; }

.userState {
  font-size: 12px;
  padding: 2px 5px;
  color: #3C82EF;
  line-height: 1;
  border: 1px solid #3C82EF;
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.userLoginPhone {
  font-size: 12px;
  line-height: 32px;
  cursor: pointer;
  color: #222222; }
  .userLoginPhone .userLoginPhone-text {
    display: inline-block;
    vertical-align: middle; }
  .userLoginPhone .ehr-btn-small {
    min-width: auto;
    padding: 0; }

.user-post-department {
  display: block;
  margin-top: 5px;
  color: #7D868A; }

.userYear {
  display: block;
  text-align: right;
  margin-bottom: 2px;
  color: #9cb0bb; }

.yearNum {
  display: inline-block; }

.user-post-department .userDepartment {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left; }

.user-post-department .userDepartment span {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left; }

.personnel-operation {
  position: absolute;
  right: 30px;
  bottom: 18px;
  text-align: right; }


.stateToolbar-area {
  display: block;
  padding-right: 190px;
  position: relative; }
  .stateToolbar-area.stateToolbar-area-inline {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    padding-right: 0; }
  .stateToolbar-area .tableOperation {
    font-size: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5; }
    .stateToolbar-area .tableOperation.tableOperation-relative {
      position: relative; }
    .stateToolbar-area .tableOperation .sort-select {
      display: inline-block;
      vertical-align: top; }
      .stateToolbar-area .tableOperation .sort-select .ours-class-singleselect {
        position: relative; }
        .stateToolbar-area .tableOperation .sort-select .ours-class-singleselect select {
          background-position: right center;
          background-size: auto;
          height: 30px;
          font-size: 12px;
          padding-right: 14px !important;
          border: 0;
          text-align: right; }
    .stateToolbar-area .tableOperation button {
      min-width: auto;
      padding: 6px 0 6px 12px;
      margin-left: 12px;
      font-size: 0;
      border: 0; }
      .stateToolbar-area .tableOperation button:after {
        content: "";
        position: absolute;
        left: 0;
        top: 8px;
        bottom: 8px;
        border-left: 1px solid #ebebeb; }

.sort-select .ours-class-singleselect {
  font-family: "ehrIconFont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative; }
  .sort-select .ours-class-singleselect select {
    background-image: none !important; }
  .sort-select .ours-class-singleselect:after {
    content: "\e711";
    width: 14px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #999999;
    text-align: right;
    display: block;
    position: absolute;
    right: 0;
    top: 0; }

.tableOperation-select {
  display: inline-block;
  vertical-align: top;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  white-space: nowrap; }
  .tableOperation-select .tableOperation-label {
    display: block;
    user-select: none; }
    .tableOperation-select .tableOperation-label.labelLine {
      padding-right: 12px;
      margin-right: 10px;
      position: relative; }
      .tableOperation-select .tableOperation-label.labelLine:after {
        content: "";
        position: absolute;
        right: 0;
        top: 8px;
        bottom: 8px;
        border-left: 1px solid #ebebeb; }
  .tableOperation-select .ours-class-checkbox-1 {
    display: inline-block;
    vertical-align: top;
    line-height: 16px;
    margin-right: 5px;
    margin-top: 6px; }

.ehr-screen-edit {
  display: block;
  height: 30px; }
  .ehr-screen-edit.ehr-screen-flow {
    height: auto;
    padding: 12px 20px;
    margin: 0 -20px;
    position: relative;
    z-index: 1; }
    .ehr-screen-edit.ehr-screen-flow:before {
      content: "";
      width: 100%;
      height: 1px;
      border-bottom: 1px solid #EDF0F3;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; }

.ehr-screen-edit:after {
  content: "";
  display: table;
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0; }

.ehr-state-screen,
.ehr-tab-screen {
  display: inline-block;
  vertical-align: top;
  font-size: 0; }

.ehr-tab-screen {
  display: block; }

.ehr-state-screen .stateBtn,
.ehr-tab-screen .tabBtn {
  height: 30px;
  line-height: 30px;
  position: relative;
  padding: 0 13px;
  font-size: 12px;
  display: inline-block;
  vertical-align: top; }

.stateBtn .stateBtn-num,
.tabBtn .tabBtn-num {
  display: inline-block;
  margin: 0 2px; }

.ehr-state-screen .stateBtn:hover,
.ehr-tab-screen .tabBtn:hover {
  cursor: pointer; }

.ehr-state-screen .stateBtn:before,
.ehr-tab-screen .tabBtn:before {
  content: "";
  width: 3px;
  height: 14px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
  vertical-align: top;
  display: none; }

.ehr-state-screen .stateBtn.selected:before,
.ehr-tab-screen .tabBtn.selected:before {
  display: block; }

.ehr-state-screen.lastStateBtn .stateBtn:last-child {
  position: relative; }
  .ehr-state-screen.lastStateBtn .stateBtn:last-child:after {
    content: "";
    border-left: 1px solid #ebebeb;
    position: absolute;
    left: 0;
    top: 7px;
    bottom: 7px; }

.ehr-state-screen-btn .stateBtn {
  background: #f5f7fb;
  min-width: 90px;
  height: 30px;
  line-height: 30px;
  color: #222222;
  padding: 0 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-right: 12px;
  text-align: center; }
  .ehr-state-screen-btn .stateBtn:last-child {
    margin-right: 0; }
  .ehr-state-screen-btn .stateBtn:hover, .ehr-state-screen-btn .stateBtn.selected {
    color: #008BB3; }
  .ehr-state-screen-btn .stateBtn.selected {
    background: #CBF3FF; }
    .ehr-state-screen-btn .stateBtn.selected:after {
      border-left: 6px solid #CBF3FF; }
    .ehr-state-screen-btn .stateBtn.selected:before {
      background-color: #008BB3; }
  .ehr-state-screen-btn .stateBtn:before {
    height: 100%;
    top: 0;
    bottom: 0;
    margin-top: 0; }
  .ehr-state-screen-btn .stateBtn:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #f5f7fb;
    display: inline-block;
    position: absolute;
    right: -6px;
    top: 50%;
    margin-top: -6px; }
  .ehr-state-screen-btn .stateBtn.dangerBtn {
    background: #FFEEF1; }
    .ehr-state-screen-btn .stateBtn.dangerBtn:hover {
      color: #F65C78; }
    .ehr-state-screen-btn .stateBtn.dangerBtn.selected {
      background: #FFEEF1;
      color: #F65C78; }
      .ehr-state-screen-btn .stateBtn.dangerBtn.selected:after {
        border-left: 6px solid #F65C78; }
    .ehr-state-screen-btn .stateBtn.dangerBtn:before {
      background-color: #F65C78; }

.ehr-state-screen-btn.lastStateBtn .stateBtn:nth-last-child(2):after,
.ehr-state-screen-btn .stateBtn:last-child:after {
  display: none; }

.ehr-state-screen-btn.firstStateBtn .stateBtn:first-child {
  margin-right: 24px; }

.ehr-state-screen-btn.lastStateBtn .stateBtn:last-child {
  margin-left: 13px; }

.ehr-state-screen-btn.firstStateBtn .stateBtn:first-child:after,
.ehr-state-screen-btn.lastStateBtn .stateBtn:last-child:after {
  background: #ebebeb;
  width: 1px;
  height: 100%;
  border: 0;
  top: 0;
  bottom: 0;
  margin-top: 0;
  display: block; }

.ehr-state-screen-btn.lastStateBtn .stateBtn:first-child {
  margin-left: 0; }

.ehr-state-screen-btn.lastStateBtn .stateBtn:first-child:after {
  display: none; }

.ehr-state-screen-btn.firstStateBtn .stateBtn:first-child:after {
  right: -12px; }

.ehr-state-screen-btn.lastStateBtn .stateBtn:last-child:after {
  left: -12px; }

.ehr-state-screen-stateBtn {
  display: block;
  padding: 8px 0; }
  .ehr-state-screen-stateBtn .stateBtn {
    background: #f5f7fb;
    min-width: 90px;
    height: 30px;
    line-height: 30px;
    color: #222222;
    font-size: 12px;
    padding: 0 13px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 12px;
    text-align: center; }
    .ehr-state-screen-stateBtn .stateBtn.selected {
      background: #d5ebfe; }
      .ehr-state-screen-stateBtn .stateBtn.selected:before {
        display: none; }

.stateBtn4Select {
  z-index: 10; }
  .stateBtn4Select .ehr-dropdown-rel {
    padding: 0 !important;
    font-size: 12px !important; }
  .stateBtn4Select .dropdownText {
    display: block;
    position: relative;
    text-align: left;
    padding-right: 45px; }
    .stateBtn4Select .dropdownText .dropdownText-text {
      display: block; }
    .stateBtn4Select .dropdownText .dropdownText-num {
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      transform: translateY(-50%); }
    .stateBtn4Select .dropdownText:after {
      content: "";
      width: 0;
      display: table;
      visibility: hidden;
      clear: both; }
  .stateBtn4Select.selected .ehr-dropdown-rel {
    color: #3C82EF !important; }


.scroll-warp {
  width: 100%;
  overflow: hidden;
  user-select: none;
  position: relative;
  padding: 0 20px 0 0; }

.scroll-warp > div {
  width: auto;
  display: inline-block;
  padding: 0 30px 0 0;
  white-space: nowrap; }

.scroll-warp.scroll-warp-open > div {
  white-space: inherit; }

.scroll-warp .scroll-icon-wrap {
  background-color: #ffffff;
  padding: 0 5px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 1px;
  z-index: 20; }

.scroll-warp .scroll-icon-wrap:before {
  content: "";
  box-shadow: -3px 0 4px rgba(0, 0, 0, 0.7);
  width: 1px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0; }

.scroll-warp .scroll-menu-icon {
  background-image: url("../image/multiArrowGrey.png") !important;
  background-size: 8px 4px !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 20px;
  height: 100%;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  z-index: 20;
  transition: all .2s; }

.scroll-warp .scroll-menu-icon-down {
  transform: rotate(0deg); }

.scroll-warp .scroll-menu-icon-up {
  transform: rotate(180deg); }

.scroll-warp-open {
  background: #ffffff;
  height: auto;
  min-height: 30px;
  overflow: inherit; }
  .scroll-warp-open .scroll-icon-wrap:before {
    display: none; }

.scroll-content-open {
  background: #ffffff;
  padding: 0 20px 5px 0 !important;
  white-space: normal;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  z-index: 15; }

.scroll-content-open.ehr-state-screen-btn .stateBtn {
  margin-bottom: 10px; }


.ehr-input,
.input-dialog-text {
  display: inline-block;
  width: 100%;
  height: 36px;
  line-height: 1.5;
  padding: 4px 7px;
  font-size: 14px;
  border: 1px solid #dcdee2;
  border-radius: 4px;
  color: #222222;
  background-color: #ffffff;
  background-image: none;
  position: relative;
  cursor: text;
  -webkit-transition: border .1s ease-in-out, background .1s ease-in-out;
  transition: border .1s ease-in-out, background .1s ease-in-out; }

.ehr-input::-moz-placeholder {
  color: #c5c8ce;
  opacity: 1; }

.ehr-input:-ms-input-placeholder {
  color: #c5c8ce; }

.ehr-input::-webkit-input-placeholder {
  color: #c5c8ce; }

.ehr-input:hover {
  border-color: #3C82EF; }

.ehr-input:focus {
  border-color: #3C82EF;
  outline: 0; }

.ehr-input-error {
  background: rgba(246, 92, 120, 0.1);
  border-color: #F65C78; }

.ehr-input:disabled {
  background-color: #f3f3f3;
  opacity: 1;
  cursor: not-allowed;
  color: #ccc; }

.ehr-input:disabled:hover {
  border-color: #e3e5e8; }

textarea.ehr-input,
.input-dialog-text {
  max-width: 100%;
  height: auto;
  min-height: 115px;
  vertical-align: bottom;
  font-size: 14px; }

textarea.ehr-input {
  resize: vertical; }

.ehr-input-readOnly {
  border: 0;
  padding-left: 0; }

select.ehr-input {
  padding-left: 4px; }

.ehr-input-info {
  display: block;
  padding: 7px 15px 8px 0; }

.ehr-input-checkbox {
  min-height: 36px;
  display: block;
  text-align: left;
  position: relative; }

.ehr-input-checkbox:after {
  content: "";
  display: inline-block;
  height: 36px;
  width: 0;
  vertical-align: middle; }

.ehr-input-checkbox .ours-class-checkbox-1 {
  display: inline-block;
  vertical-align: middle; }

.ehr-input-radio {
  display: block; }

.ehr-input-radio .ours-class-radio-1 span {
  display: block;
  margin-top: 8px; }

.ehr-input-radio .ours-class-textfield {
  margin-top: 12px; }


.radioCheckbox-content {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  cursor: pointer; }

.radioCheckbox-content.fl {
  padding-right: 5px; }
  .radioCheckbox-content.fl .checkbox-wrapper, .radioCheckbox-content.fl .radio-wrapper {
    float: left;
    margin-top: 2px; }
  .radioCheckbox-content.fl .radioCheckbox-text {
    display: block;
    overflow: hidden; }

.checkbox-wrapper, .radio-wrapper {
  position: relative;
  display: inline-block;
  padding: 0;
  float: none;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  vertical-align: middle;
  margin: 0 4px 0 0;
  z-index: 5; }

.radioCheckbox-text {
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.5;
  font-size: 14px; }

.selected-icon {
  cursor: pointer; }

.radio-wrapper input[type=radio], .checkbox-wrapper input[type=checkbox], .checkbox-wrapper input[type=radio] {
  position: absolute;
  left: -9999px;
  visibility: hidden; }

.checkbox-wrapper input[type="checkbox"] + .selected-icon, .radio-wrapper input[type="radio"] + .selected-icon, .checkbox-wrapper input[type="radio"] + .selected-icon {
  display: inline-block;
  background: #FFF;
  border: 1px solid #aab2bd;
  -webkit-transition: background 0.28s ease;
  -o-transition: background 0.28s ease;
  transition: background 0.28s ease; }

.checkbox-wrapper input[type="checkbox"] + .selected-icon:after, .radio-wrapper input[type="radio"] + .selected-icon:after, .checkbox-wrapper input[type="radio"] + .selected-icon:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0; }

.checkbox-wrapper input[type="checkbox"]:checked + .selected-icon, .radio-wrapper input[type="radio"]:checked + .selected-icon, .checkbox-wrapper input[type="radio"]:checked + .selected-icon {
  background-color: #3C82EF;
  border-color: #3C82EF; }


.checkbox-wrapper input[type="checkbox"]:disabled + .selected-icon,
.radio-wrapper input[type="radio"]:disabled + .selected-icon,
.radio-button-wrapper input[type="radio"]:disabled + .selected-icon,
.multiSelect-wrapper input[type="checkbox"]:disabled + .selected-icon {
  background-color: #ebebeb;
  border-color: #ebebeb;
  cursor: not-allowed; }

.checkbox-wrapper input[type="checkbox"]:checked:disabled + .selected-icon,
.radio-wrapper input[type="radio"]:checked:disabled + .selected-icon,
.radio-button-wrapper input[type="radio"]:checked:disabled + .selected-icon,
.multiSelect-wrapper input[type="checkbox"]:checked:disabled + .selected-icon {
  background-color: #B3E8F1;
  border-color: #B3E8F1;
  cursor: not-allowed; }

.ours-class-multiselect-6 .multiSelect-wrapper input[type="checkbox"]:disabled + .selected-icon {
  background-color: rgba(216, 225, 230, 0.7); }

.ours-class-multiselect-6 .multiSelect-wrapper input[type="checkbox"]:checked:disabled + .selected-icon {
  background-color: rgba(179, 232, 241, 0.1);
  border-color: #B3E8F1; }



.radio-wrapper input[type="radio"] + .selected-icon {
  width: 16px;
  height: 16px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.radio-wrapper input[type="radio"] + .selected-icon:after {
  background: #FFF;
  width: 16px;
  height: 16px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0); }

.radio-wrapper input[type="radio"]:checked + .selected-icon:after {
  -webkit-transform: scale(0.4);
  -ms-transform: scale(0.4);
  -o-transform: scale(0.4);
  transform: scale(0.4); }

.button-wrapper-info {
  display: block;
  overflow: hidden;
  text-align: left;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
  cursor: pointer; }


.checkbox-wrapper input[type="checkbox"] + .selected-icon,
.checkbox-wrapper input[type="radio"] + .selected-icon {
  width: 16px;
  height: 16px;
  border-radius: 2px; }

.checkbox-wrapper input[type="checkbox"]:checked + .selected-icon:after,
.radio-wrapper input[type="checkbox"]:checked + .selected-icon:after,
.checkbox-wrapper input[type="radio"]:checked + .selected-icon:after {
  border-bottom-color: #FFF;
  border-right-color: #FFF; }

.checkbox-wrapper input[type="checkbox"] + .selected-icon:after,
.radio-wrapper input[type="checkbox"] + .selected-icon:after,
.checkbox-wrapper input[type="radio"] + .selected-icon:after {
  top: 1px;
  left: -1px;
  width: 4px;
  height: 8px;
  border: 2px solid transparent;
  -webkit-transform: rotate(43deg);
  -ms-transform: rotate(43deg);
  -o-transform: rotate(43deg);
  transform: rotate(43deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }


.ehr-dropdown {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer; }
  .ehr-dropdown.ehr-dropdown-noBorder .ehr-dropdown-rel {
    border: 0;
    font-size: 16px;
    line-height: 32px;
    padding: 0 8px;
    color: #222222; }
    .ehr-dropdown.ehr-dropdown-noBorder .ehr-dropdown-rel:hover {
      color: #3C82EF;
      background: transparent;
      border-color: transparent; }
      .ehr-dropdown.ehr-dropdown-noBorder .ehr-dropdown-rel:hover .ehr-dropdown-icon {
        background: url("../image/multiArrowBlue-1.0.0.png") center 3px no-repeat; }
    .ehr-dropdown.ehr-dropdown-noBorder .ehr-dropdown-rel .ehr-dropdown-icon {
      background: url("../image/multiArrowGrey.png") center 3px no-repeat; }

.ehr-dropdown .ehr-select-dropdown {
  z-index: -1;
  display: none; }

.ehr-dropdown-rel,
.ehr-dropdown-condition {
  background-color: #ffffff;
  padding: 6px 12px;
  font-size: 12px;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  white-space: nowrap;
  line-height: 1.5;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .ehr-dropdown-rel.small-dropdown,
  .ehr-dropdown-condition.small-dropdown {
    padding: 3px 6px; }

.ehr-dropdown-icon {
  background: none !important;
  font-family: "ehrIconFont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 14px;
  height: 14px;
  line-height: 9px;
  text-align: center;
  font-size: 14px;
  vertical-align: middle;
  display: inline-block;
  overflow: hidden; }
  .ehr-dropdown-icon:before {
    content: "\e711";
    width: 24px;
    height: 24px;
    display: block;
    margin-left: -3px;
    margin-top: 1px; }

.dropdown-icon-grey {
  background: url("../image/multiArrowGrey.png") center 3px no-repeat; }

.ehr-dropdown-condition-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px; }

.ehr-dropdown-condition:hover .ehr-dropdown-condition-icon {
  background-position: -14px 0; }

.ehr-dropdown-rel-user-select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ehr-dropdown-menu {
  min-width: 100%;
  max-height: 250px;
  overflow: auto;
  position: relative;
  z-index: 100; }

.ehr-dropdown-transfer {
  width: auto; }

.ehr-dropdown-item-selected, .ehr-dropdown-item.ehr-dropdown-item-selected:hover {
  background: #f0faff; }

.ehr-select-dropdown {
  min-width: 100%;
  padding: 5px 0;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: 350; }
  .ehr-select-dropdown.upTop {
    bottom: 32px; }
  .ehr-select-dropdown.right {
    right: 0; }
  .ehr-select-dropdown.ehr-dropdown-searchArea {
    max-height: inherit;
    overflow: hidden; }
    .ehr-select-dropdown.ehr-dropdown-searchArea .ehr-dropdown-menu {
      max-height: 240px;
      overflow: auto; }
  .ehr-select-dropdown .ehr-dropdown-search {
    padding: 0 5px 5px 5px; }
    .ehr-select-dropdown .ehr-dropdown-search .ehr-simple-search {
      width: 100%; }
      .ehr-select-dropdown .ehr-dropdown-search .ehr-simple-search input {
        width: inherit;
        font-size: 12px; }
  .ehr-select-dropdown .ehr-dropdown-tabInfo {
    display: block;
    padding: 5px 0 5px 0; }
    .ehr-select-dropdown .ehr-dropdown-tabInfo .ehr-tab-pages {
      height: 25px;
      line-height: 25px;
      padding: 0 5px;
      white-space: nowrap; }
      .ehr-select-dropdown .ehr-dropdown-tabInfo .ehr-tab-pages span {
        min-width: auto;
        height: auto;
        line-height: 1.2;
        margin-right: 3px;
        padding: 5px 10px;
        font-size: 12px; }
  .ehr-select-dropdown .ehr-dropdown-btn {
    text-align: center;
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #EDF0F3; }
    .ehr-select-dropdown .ehr-dropdown-btn .ehr-btn {
      padding-top: 2px;
      padding-bottom: 2px; }

.ehr-dropdown-menu-textLeft .ehr-dropdown-item {
  padding-left: 12px !important;
  text-align: left !important; }

.ehr-dropdown-item {
  margin: 0;
  line-height: normal;
  padding: 7px 13px;
  clear: both;
  text-align: left;
  color: #222222;
  position: relative;
  font-size: 12px !important;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  -webkit-transition: background .2s, color .2s;
  transition: background .2s, color .2s; }
  .ehr-dropdown-item.border-bottom {
    border-bottom: 1px dashed #ebebeb; }
  .ehr-dropdown-item .ours-class-singleselect {
    overflow: hidden; }
    .ehr-dropdown-item .ours-class-singleselect .ours-class-singleselect-label {
      width: 16px;
      height: 16px;
      float: left; }
    .ehr-dropdown-item .ours-class-singleselect .ours-class-singleselect-area {
      display: block;
      overflow: hidden; }
      .ehr-dropdown-item .ours-class-singleselect .ours-class-singleselect-area select {
        background: none;
        width: 100%;
        outline: none;
        border: 0;
        font-size: 12px;
        height: auto;
        line-height: 16px;
        appearance: auto;
        padding: 0; }

.ehr-dropdown-item:after {
  content: "";
  display: table;
  width: 0;
  height: 0;
  visibility: hidden;
  clear: both; }

.ehr-dropdown-item:hover {
  background: #f3f3f3; }

.ehr-dropdown-item.selected {
  background: #F4FAFE; }

.ehr-dropdown-item-focus {
  background: #f3f3f3; }

.ehr-dropdown-item-selected, .ehr-dropdown-item-selected:hover {
  color: #2d8cf0; }

.ehr-dropdown-item-divided {
  margin-top: 5px;
  border-top: 1px solid #e8eaec; }

.ehr-dropdown-item-divided:before {
  content: '';
  height: 5px;
  display: block;
  margin: 0 -16px;
  background-color: #fff;
  position: relative;
  top: -7px; }

.ehr-dropdown-item-del:hover {
  background: rgba(246, 92, 120, 0.1);
  color: #F65C78; }

.ehr-dropdown-item-disabled,
.ehr-dropdown-item.disabled {
  color: #c5c8ce;
  cursor: not-allowed; }

.ehr-dropdown-item-disabled:hover,
.ehr-dropdown-item.disabled:hover {
  color: #c5c8ce;
  background-color: #fff;
  cursor: not-allowed; }

.ehr-dropdown-item.disabled:before {
  content: "";
  background: transparent;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
  cursor: not-allowed; }

.ehr-dropdown:hover .ehr-select-dropdown {
  display: block;
  z-index: 99; }
.ehr-dropdown.ehr-dropdown-click:hover .ehr-select-dropdown {
  display: none;
  z-index: 99; }

.ehr-dropdown .ehr-select-dropdown {
  z-index: -1;
  display: none; }
.ehr-dropdown.ehr-dropdown-click .ehr-select-dropdown.ehr-select-dropdown-show, .ehr-dropdown.ehr-dropdown-click:hover .ehr-select-dropdown.ehr-select-dropdown-show {
  display: block;
  z-index: 99; }


.moreScreen-layout {
  background: #ffffff;
  position: absolute;
  right: 0;
  padding-top: 10px;
  display: none; }

.moreScreen-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  cursor: default; }

.moreScreen-content {
  background-color: #ffffff;
  width: 760px;
  padding: 8px 0;
  font-size: 12px;
  text-align: left;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  z-index: 200;
  cursor: default;
  border: 1px solid #ebebeb;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); }

.condition-footer-right {
  position: absolute;
  right: 10px;
  bottom: 8px;
  z-index: 121; }


.ours-class-condition-10 {
  width: 250px !important;
  border-color: #ebebeb !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important; }

.ours-class-condition-10 .simple-condition-value-area > div {
  padding-top: 3px !important;
  padding-bottom: 3px !important; }

.ours-class-condition-10 .simple-condition-selected {
  font-size: 12px !important;
  padding: 0 !important;
  line-height: 30px !important;
  max-width: 100px; }

.ours-class-condition-10 .simple-condition-value-area input,
.ours-class-condition-10 .condition-var-area input,
.ours-class-condition-10 .ours-class-singleselect-2,
.ours-class-condition-10 .ours-class-singleselect-3,
.ours-class-condition-10 .ours-class-multiselect-2,
.ours-class-condition-10 .ours-class-multiselect-3,
.ours-class-condition-10 .ours-class-singleselect-4,
.ours-class-condition-10 .ours-class-singleselect-5,
.ours-class-condition-10 .ours-class-singleselect-6,
.ours-class-condition-10 .ours-class-multiselect-4,
.ours-class-condition-10 .ours-class-multiselect-5 {
  font-size: 12px !important; }

.simple-condition-options ul li,
.group-condition-area ul li .ours-class-condition .simple-condition .condition-operation-area .condition-operation-options ul li,
.ours-class-singleselect-2 ul li > label, .ours-class-singleselect-3 ul li > label,
.ours-class-multiselect-2 ul li > label, .ours-class-multiselect-3 ul li > label {
  font-size: 12px !important; }


.moreScreen-content .paved-condition.inner-condition .ours-condition-content .ours-condition-root {
  max-height: 235px; }

.moreScreen-content .paved-condition .group-condition-area .group-condition-foot-area span.group-condition-more-btn {
  display: none; }

.moreScreen-content .paved-condition .simple-condition-value-area > div.select-control-area .ours-class-datepicker input,
.moreScreen-content .paved-condition .simple-condition-value-area > div.select-control-area .ours-class-datepicker-1 input {
  padding-left: 26px !important; }

.moreScreen-content .paved-condition .simple-condition-value-area > div.select-control-area .ours-class-datepicker input,
.moreScreen-content .paved-condition .simple-condition-value-area > div.select-control-area .ours-class-datepicker-1 input,
.moreScreen-content .paved-condition .simple-condition-value-area > div.select-control-area .ours-class-datepicker-4 input {
  font-size: 12px !important;
  height: 30px !important;
  line-height: 28px; }

.moreScreen-content .simple-condition-value-area input,
.moreScreen-content .condition-var-area input {
  font-size: 12px !important;
  height: 34px !important;
  line-height: 34px; }

.moreScreen-content .ours-class-multiselect-6 *,
.moreScreen-content .ours-class-radio-4 * {
  line-height: normal; }

.moreScreen-content .paved-condition .simple-condition-value-area > div {
  border-color: #ebebeb !important;
  padding-top: 0;
  padding-bottom: 0; }

.moreScreen-content .paved-condition .simple-condition-value-area > div.ours-class-address-1 {
  border: 0 !important; }

.moreScreen-content .paved-condition .simple-condition-value-area > div:hover {
  border-color: #3C82EF !important; }

.moreScreen-content .paved-condition .group-condition-area .simple-condition-selected {
  max-height: 36px;
  line-height: 16px;
  padding: 0 0 0 5px;
  white-space: normal;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2; }

.moreScreen-content .paved-condition .group-condition-area ul li .ours-class-condition .simple-condition .simple-condition-fields-area {
  margin-right: 10px;
  position: relative;
  height: 32px;
  margin-top: 4px; }

.moreScreen-content .ours-edit .personarea,
.moreScreen-content .ours-edit .multi-personarea,
.moreScreen-content .simple-condition-value-area .ours-class-selectperson-4 .multi-personarea,
.moreScreen-content .simple-condition-value-area .ours-class-selectperson-6 .multi-personarea,
.moreScreen-content .simple-condition-value-area .ours-class-selectperson-6 .personarea {
  height: 36px !important;
  line-height: 36px !important;
  font-size: 12px; }

.moreScreen-content .paved-condition .ours-class-multiselect-6 .button-wrapper-info,
.moreScreen-content .paved-condition .ours-class-radio-4 .button-wrapper-info {
  font-size: 12px; }

.moreScreen-content .ours-class-multiselect-6 .multiSelect-wrapper input[type="checkbox"] + .selected-icon,
.moreScreen-content .ours-class-radio-4 .radio-button-wrapper input[type="radio"] + .selected-icon {
  border-color: #ebebeb;
  min-height: 30px; }

.moreScreen-content .ours-class-multiselect-6 .multiSelect-wrapper input[type="checkbox"]:checked + .selected-icon,
.moreScreen-content .ours-class-radio-4 .radio-button-wrapper input[type="radio"]:checked + .selected-icon {
  border-color: #3C82EF; }

.moreScreen-content .paved-condition .ours-class-multiselect-6 > label,
.moreScreen-content .paved-condition .ours-class-multiselect-6 .ours-class-other,
.moreScreen-content .paved-condition .ours-class-radio-4 > span {
  padding: 7px 8px 6px; }

.moreScreen-content .paved-condition .ours-class-multiselect-6 .ours-class-other {
  vertical-align: top;
  position: relative;
  margin: 6px 10px 5px 0; }

.moreScreen-content .paved-condition .simple-condition-value-area > div.select-control-area .ours-class-datepicker input,
.moreScreen-content .paved-condition .simple-condition-value-area > div.select-control-area .ours-class-datepicker-1 input {
  height: 30px !important;
  line-height: 30px; }

.moreScreen-content .ours-class-selectperson-4 .personarea,
.moreScreen-content .ours-class-selectperson-4 .multi-personarea,
.moreScreen-content .ours-class-selectperson-5 .multi-personarea,
.moreScreen-content .ours-class-selectperson-6 .multi-personarea {
  font-size: 12px; }

.ours-class-selectperson-4 .personarea {
  background: url("../image/selectorg-icon-1.0.0.png") #ffffff center left 10px no-repeat; }

.ours-class-condition-10 .ours-class-selectperson-4 .personarea,
.ours-class-condition-10 .ours-class-selectperson-6 .personarea {
  font-size: 12px !important; }

.ours-class-selectperson-4 .multi-personarea,
.ours-class-selectperson-5 .multi-personarea,
.ours-class-selectperson-6 .multi-personarea {
  background: url("../image/selectorg-icon-1.0.0.png") #ffffff center left 10px no-repeat;
  background-size: 14px auto;
  color: #222222; }

.tableInner .ours-class-selectperson-4.ours-readOnly,
.tableInner .ours-class-selectperson-5.ours-readOnly {
  background: url("../image/selectorg-icon-1.0.0.png") #f5f5f5 center left 10px no-repeat !important;
  background-size: 14px auto !important;
  color: #222222;
  border: 1px solid #e6e6e6 !important;
  padding: 5px 5px 5px 34px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: not-allowed; }

.ours-class-selectperson-3 .multi-personarea {
  background: url("../image/multi-selectPerson-icon-1.0.0.png") #ffffff center left 10px no-repeat;
  background-size: 14px auto; }

.paved-condition .simple-condition-value-area .ours-class-datepicker input,
.paved-condition .simple-condition-value-area .ours-class-datepicker-1 input,
.ours-class-datepicker input,
.ours-class-datepicker-1 input,
.ours-class-datepicker-2 input,
.ours-class-datepicker-4 input,
.ours-class-datepicker-5 input,
.ours-class-datepicker-10 input,
.ours-class-datepicker-8 .content-show-area,
.ours-class-datepicker-9 .content-show-area {
  background: url("../image/datepicker-icon-1.0.0.png") #ffffff no-repeat !important;
  background-position: left 10px center !important; }

.group-condition-area .group-condition-foot-area span {
  margin: 0 5px;
  height: 32px;
  line-height: 32px; }


.simple-condition-options ul li:hover,
.group-condition-area ul li .ours-class-condition .simple-condition .condition-operation-area .condition-operation-options ul li:hover {
  background: #F1F5F8;
  color: #3C82EF; }

.group-condition-area .group-condition-foot-area span.group-condition-confirm-btn {
  background: #3C82EF; }

.group-condition-area .group-condition-foot-area span.group-condition-confirm-btn:hover {
  background: #49A6FA; }


.ehr-menu-tab + .ehr-position-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 50px;
  bottom: 0;
  padding: 0 20px;
  background-color: #fff; }

.ehr-menu-tab, .common-tabs-area {
  height: 50px;
  font-size: 0;
  display: block;
  text-align: center;
  border-bottom: 1px solid #EDF0F3; }
  .ehr-menu-tab .pageHeader-back, .common-tabs-area .pageHeader-back {
    position: absolute;
    left: 18px;
    top: 9px; }


.ehr-menu-tab span,
.common-tabs-area a {
  
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  margin: 0 20px;
  color: inherit;
  position: relative;
  white-space: nowrap;
  border-bottom: 2px solid transparent;
  text-decoration: none; }

.ehr-menu-tab span {
  overflow: hidden;
  text-overflow: ellipsis; }

.unreadMessage:after {
  content: "";
  background: #fb5151;
  width: 8px;
  height: 8px;
  border: 2px solid #ffffff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  position: absolute;
  top: -2px;
  right: 0; }

.operation-message.unreadMessage {
  animation-name: upAnimation;
  transform-origin: center top;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-delay: .5s; }


.ehr-menu-tab span:hover,
.common-tabs-area a:hover {
  cursor: pointer; }

.ehr-menu-tab span.selected,
.common-tabs-area a.active {
  border-bottom: 2px solid #3C82EF; }

.ehr-menu-tab span.disabled,
.common-tabs-area a.disabled {
  color: #c5c8ce;
  cursor: not-allowed; }

.ehr-tab-pages {
  text-align: left;
  height: 32px;
  line-height: 32px; }
  .ehr-tab-pages span {
    background-color: #f3f6f7;
    margin: 0 10px 0 0;
    min-width: 80px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    padding: 0 12px;
    border-bottom: 0;
    color: rgba(34, 34, 34, 0.8);
    text-align: center;
    border-left: 1px solid #EDF0F3;
    border-top: 1px solid #EDF0F3;
    border-right: 1px solid #EDF0F3;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  .ehr-tab-pages span.selected {
    background-color: #ffffff;
    border-bottom: 0 solid #3C82EF; }

.ehr-tab-group {
  height: 50px;
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  position: relative; }
  .ehr-tab-group .ehr-tab-group-item {
    height: inherit;
    line-height: 50px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 20px;
    color: inherit;
    border-bottom: 2px solid transparent;
    text-decoration: none;
    padding-right: 12px; }
    .ehr-tab-group .ehr-tab-group-item:after {
      content: "";
      background: url("../image/ehr-tab-more-icon.png") no-repeat;
      background-size: 16px 5px;
      width: 8px;
      height: 5px;
      display: inline-block;
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -2px; }
    .ehr-tab-group .ehr-tab-group-item.selected {
      border-bottom-color: #3C82EF;
      color: #3C82EF; }
    .ehr-tab-group .ehr-tab-group-item.disabled {
      color: #c5c8ce;
      cursor: not-allowed; }
  .ehr-tab-group .ehr-tab-group-ol {
    background: #ffffff;
    list-style: none;
    position: absolute;
    top: 70px;
    right: 0;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
    padding: 5px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    z-index: -1;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    visibility: hidden;
    -webkit-transition: top .3s ease;
    transition: top .3s ease; }
    .ehr-tab-group .ehr-tab-group-ol li {
      height: 32px;
      line-height: 32px;
      padding: 0 20px;
      font-size: 14px;
      white-space: nowrap;
      text-align: left; }
      .ehr-tab-group .ehr-tab-group-ol li:hover {
        background: rgba(57, 150, 236, 0.1);
        color: #3C82EF;
        cursor: pointer; }
  .ehr-tab-group:hover .ehr-tab-group-ol {
    top: 50px;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1);
    visibility: visible;
    z-index: 999; }
  .ehr-tab-group:hover .ehr-tab-group-item {
    color: #3C82EF;
    cursor: default; }
  .ehr-tab-group:hover .ehr-tab-group-item:after {
    background-position: -8px 0; }


.ehr-radio-group {
  height: 32px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  margin-left: 10px;
  overflow: hidden; }

.ehr-radio-item {
  width: 32px;
  height: 32px;
  line-height: 30px;
  background: none;
  font-size: 12px;
  border: 1px solid #3C82EF;
  outline: none;
  cursor: pointer;
  margin-left: -1px; }

.ehr-radio-group button.ehr-radio-item:first-child {
  margin-left: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px; }

.ehr-radio-group button.ehr-radio-item:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.ehr-button-tree, .ehr-button-tableList {
  background-image: url("../image/changeTreeandList.png");
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  display: inline-block; }

.ehr-radio-item.selected {
  background-color: #3C82EF; }

.ehr-button-tree {
  background-position: -33px -33px; }

.ehr-radio-item.selected .ehr-button-tree {
  background-position: -33px -1px; }

.ehr-button-tableList {
  background-position: 0 -33px; }

.ehr-radio-item.selected .ehr-button-tableList {
  background-position: 0 -1px; }


.ours-dialog-area, .ours-dialog-cnt {
  width: 550px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.ours-dialog-area {
  width: 96%;
  height: 94%; }


.ours-dialog-hd, .ours-dialog-hd-1 {
  background-color: #ffffff;
  height: auto;
  line-height: normal;
  padding: 15px 30px 15px 20px;
  position: relative;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.ours-dialog-hd:before {
  content: "";
  background-color: #3C82EF;
  width: 3px;
  height: 14px;
  position: absolute;
  left: 22px;
  top: 50%;
  margin-top: -7px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: none; }

.ours-dialog-close {
  width: 24px;
  height: 24px;
  margin-top: -12px;
  right: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  z-index: 10;
  transition: background-color .2s ease-in-out; }
  .ours-dialog-close:hover {
    background-color: #efefef; }

.ours-dialog-iframe-content {
  top: 54px;
  bottom: 66px; }

.ours-dialog-hd h3, .ours-dialog-hd-1 h3 {
  color: #222222;
  font-size: 17px;
  position: relative;
  z-index: 1; }

.ours-dialog-hd h3:before, .ours-dialog-hd-1 h3:before {
  content: "";
  background-image: linear-gradient(to right, #3C82EF, #ffffff);
  width: 40px;
  height: 7px;
  border-radius: 6px;
  position: absolute;
  left: -3px;
  bottom: 0;
  z-index: -1;
  display: none; }

.ours-dialog-bd {
  padding-bottom: 0; }

.ours-dialog-cnt .ours-dialog-bd {
  padding: 0; }

.ours-dialog-cnt .ours-dialog-bd .ours-dialog-content > img {
  margin-top: 30px; }

.ours-dialog-bd,
.ours-dialog-bd .ours-dialog-content {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.ours-dialog-ok, .ours-dialog-disabled, .ours-dialog-cancel, .ours-dialog-more-option, .ours-dialog-fail, .ours-dialog-failOut {
  min-width: 80px;
  height: 32px;
  line-height: 30px;
  padding: 0 20px;
  text-align: center;
  display: inline-block;
  margin: 0 10px;
  font-size: 12px;
  border: 1px solid transparent;
  vertical-align: middle;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  outline: none; }

.ours-dialog-ft, .ours-dialog-ft-1 {
  padding: 14px 0 20px 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  text-align: center;
  font-size: 0; }

.ours-dialog-ft:after, .ours-dialog-ft-1:after {
  content: " ";
  display: table;
  visibility: hidden;
  clear: both; }


.ours-dialog-disabled, .ours-dialog-disabled:hover {
  display: inline-block;
  vertical-align: middle;
  background-color: #ebebeb;
  color: #9CB0BB;
  border: 1px solid #ebebeb;
  cursor: not-allowed;
  padding: 0 20px;
  text-align: center; }

.ours-dialog-cancel {
  background-color: #ffffff;
  border-color: #ebebeb;
  color: #76909E; }

.ours-dialog-cancel:hover {
  background-color: #F3F6F8;
  border-color: #ebebeb;
  color: #76909E; }

.ours-dialog-fail {
  background-color: #F65C78;
  border-color: #F65C78;
  color: #ffffff; }

.ours-dialog-fail:hover {
  background-color: #f76c85;
  border-color: #f76c85; }

.ours-dialog-failOut {
  background-color: #ffffff;
  border-color: #F65C78;
  color: #F65C78; }

.ours-dialog-failOut:hover {
  background-color: rgba(247, 108, 133, 0.1);
  border-color: #F65C78;
  color: #F65C78; }

.ours-dialog-more-option {
  line-height: 32px;
  color: #3C82EF;
  margin-left: 10px;
  border-color: #3C82EF; }

.ours-dialog-more-option:hover {
  background: #ecf6fe;
  color: #3C82EF; }

.big-dialog .ours-dialog-area, .big-dialog .ours-dialog-cnt {
  width: 80%;
  max-width: 1080px; }

.large-dialog .ours-dialog-area, .large-dialog .ours-dialog-cnt {
  width: 760px; }

.small-dialog .ours-dialog-area, .small-dialog .ours-dialog-cnt {
  width: 360px;
  height: 170px; }

.small-dialog .ours-dialog-hd {
  display: none; }

.small-dialog .ours-dialog-bd {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden; }


.small-dialog .ours-dialog-ft .ours-dialog-ok,
.small-dialog .ours-dialog-ft .ours-dialog-cancel {
  min-width: 65px;
  height: 24px;
  line-height: 22px; }

.small-dialog .ours-dialog-ft:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0; }


.smallHideTitle-dialog .ours-dialog-area {
  width: 550px;
  margin-top: -20px; }

.smallHideTitle-dialog .ours-dialog-hd, .smallHideTitle-dialog .ours-dialog-hd-1 {
  border-bottom: 0; }

.smallHideTitle-dialog .ours-dialog-hd h3, .smallHideTitle-dialog .ours-dialog-hd-1 h3 {
  display: none; }

.smallHideTitle-dialog .ours-dialog-hd:before {
  display: none; }

.smallHideTitle-dialog .ehr-hint-information {
  padding: 0 38px 20px;
  margin-bottom: 10px; }

.dialog-input {
  padding: 20px; }
  .dialog-input .dialog-input-area .ours-class-radio label {
    display: inline-block;
    vertical-align: top;
    margin-right: 30px; }

.dialog-input + .dialog-input {
  padding-top: 0; }

.dialog-content {
  padding: 25px 40px 20px 40px;
  max-height: 440px;
  overflow: hidden;
  overflow-y: auto; }
  .dialog-content.noScroll-content {
    max-height: none; }

.dialog-content .ehr-common-warnInfo {
  margin: -25px -40px 12px -40px; }
  .dialog-content .ehr-common-warnInfo + .ehr-search-toolbar {
    padding-top: 0; }

.ours-dialog-cnt .ours-dialog-bd .workflow-dialog-info {
  padding: 20px 20px 0 20px;
   }

.ours-dialog-cnt .ours-dialog-bd .form-count-tips-item {
  width: 370px;
  padding: 20px 28px 0 28px; }

.ours-dialog-cnt .ours-dialog-bd .workflow-dialog-info .info-area {
  display: block;
  margin-bottom: 20px; }


.ours-dialog-content .common-dialog-info {
  padding: 20px 30px 15px 30px; }

.common-dialog-info {
  display: block;
  text-align: left; }

.common-dialog-info .common-dialog-info-top,
.common-dialog-info-content .info-content-title {
  font-size: 14px;
  color: rgba(34, 34, 34, 0.8);
  line-height: 1.5;
  margin-bottom: 10px; }

.common-dialog-info .common-dialog-info-top {
  margin-bottom: 20px; }

.common-dialog-info-top .info-top-title,
.common-dialog-info-content .info-content-title {
  display: block;
  margin-bottom: 4px; }

.common-dialog-info-top ol {
  width: 100%;
  display: block; }

.common-dialog-info-top ol li {
  display: block;
  margin-bottom: 2px; }

.common-dialog-info .common-dialog-info-content {
  display: block; }

.common-dialog-info-content .info-content-choose {
  display: block;
  max-height: 200px;
  overflow: hidden;
  overflow-y: auto;
  font-size: 0;
  margin-right: -10px; }

.info-content-choose label {
  width: 25%;
  font-size: 14px;
  color: #222222;
  display: inline-block;
  vertical-align: top;
  margin: 5px 0 5px 0;
  padding-right: 5px; }


.col-operation-area {
  height: 36px;
  display: block;
  text-align: left;
  font-size: 0; }

.col-operation-area:after {
  content: "";
  width: 0;
  height: 100%;
  display: inline-block;
  vertical-align: middle; }

.ehr-operation-icon {
  
  background-image: none !important;
  font-family: "ehrIconFont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 16px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  cursor: pointer; }

.ehr-operation-icon-set:before {
  content: "\e744"; }

.ehr-operation-icon-del:before {
  content: "\e741"; }

.ehr-operation-icon-add:before {
  content: "\e748"; }

.ehr-operation-icon-edit:before,
.ehr-operation-icon-editHigh:before {
  content: "\e749"; }

.ehr-operation-icon-delete:before {
  content: "\e741"; }

.ehr-operation-icon-drag:before {
  content: "\e746";
  cursor: move; }

.ehr-operation-icon-view:before {
  content: "\e743"; }

.ehr-operation-icon-empower:before {
  content: "\e740"; }

.ehr-operation-icon-refresh:before {
  content: "\e705"; }


.dialog-row {
  padding: 24px 25px 20px 25px;
  max-height: 400px;
  overflow-y: auto; }

.dialog-row li label {
  padding: 7px 15px 8px 0;
  text-align: right; }

.dialog-row .wrapper-content {
  padding: 0; }

.dialog-row .wrapper-content .ours-readOnly {
  padding-left: 5px !important;
  color: #222222 !important;
  font-size: 14px !important;
  background: #F5F7F9 !important;
  border-color: transparent !important; }

.dialog-row .wrapper-content .ehr-col-span-24 {
  margin-bottom: 24px; }

.dialog-row .wrapper-content .ehr-col-span-24:last-child {
  margin-bottom: 4px; }

.dialog-row .wrapper-content .ehr-col-span-24.dialog-displayText,
.dialog-row .wrapper-content .ehr-col-span-24.dialog-displayText:last-child {
  margin-bottom: 6px; }

.dialog-row .wrapper-content .ehr-col-span-18 .ehr-col-span-24:last-child {
  margin-bottom: 0; }

.ehr-col-span-24 .ul-half-list {
  margin-bottom: -24px; }

.ul-half-list {
  text-align: left;
  display: block;
  font-size: 0;
  list-style: none; }

.ul-half-list li {
  width: 50%;
  display: inline-block;
  margin-bottom: 24px;
  font-size: 14px; }

.ul-half-list li.whole-row {
  display: block; }

.ul-half-list li:after {
  content: "";
  display: table;
  visibility: hidden;
  clear: both; }

.ehr-col-span-24 .ul-half-list.radioCheckbox-list {
  margin-top: 5px;
  margin-bottom: -15px; }

.radioCheckbox-list li {
  margin-bottom: 8px;
  vertical-align: top; }

.unitInfo {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  display: inline-block;
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -10px; }

.unitInfo-bg {
  background: #f5f7fa;
  width: 34px;
  height: 34px;
  line-height: 34px;
  font-size: 18px;
  text-align: center;
  margin-top: 0;
  top: 1px;
  right: 1px; }

.dialog-textInformation-content {
  text-align: left; }

.dialog-textInformation-content .subTitle {
  margin-bottom: 14px; }

.dialog-textInformation-content .subTitle:before {
  right: 0; }


.drag-row {
  display: block;
  padding: 20px;
  padding-bottom: 10px;
  text-align: left; }

.drag-row ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0; }

.drag-row ul li {
  border: 1px solid #ebebeb;
  display: inline-block;
  font-size: 0;
  margin-right: 10px;
  margin-bottom: 10px;
  padding-right: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.drag-row ul li:hover {
  background-color: rgba(73, 166, 250, 0.1);
  border-color: rgba(73, 166, 250, 0.5);
  color: #3C82EF;
  cursor: move; }

.drag-row ul li:hover .drag-row-text {
  border-color: rgba(73, 166, 250, 0.5); }

.drag-row-text {
  font-size: 14px;
  padding: 3px 8px;
  display: inline-block;
  vertical-align: middle;
  border-right: 1px solid #ebebeb; }

.drag-row-text:after {
  content: "";
  width: 0;
  height: 100%;
  display: inline-block;
  vertical-align: middle; }

.drag-row-icon {
  background: url("../image/tableOperation-icon.png") no-repeat;
  background-position: -28px 0;
  width: 14px;
  height: 14px;
  font-size: 0;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle; }

.drag-row ul li:hover .drag-row-icon {
  background: url("../image/tableOperation-icon.png") no-repeat;
  background-position: -28px -14px; }


.subTitle {
  display: block;
  position: relative;
  font-size: 0; }
  .subTitle .ehr-title {
    background-color: #ffffff;
    height: 24px;
    line-height: 24px;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 23px; }
  .subTitle:before {
    content: "";
    height: 2px;
    font-size: 0;
    border-bottom: 1px solid #EDF0F3;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    right: 0; }
  .subTitle.subTitle-other {
    line-height: 16px;
    padding: 15px 0; }
    .subTitle.subTitle-other:before {
      bottom: 0;
      margin-top: auto;
      top: auto; }
    .subTitle.subTitle-other:after {
      content: "";
      width: 0;
      display: table;
      visibility: hidden;
      clear: both; }
    .subTitle.subTitle-other .ehr-title {
      padding-left: 0;
      font-weight: normal; }
      .subTitle.subTitle-other .ehr-title:before {
        display: none; }
    .subTitle.subTitle-other .subTitle-btn {
      float: right; }
  .subTitle .subTitle-btn {
    background-color: #ffffff;
    font-size: 14px;
    color: #3C82EF;
    padding: 0 20px;
    height: 24px;
    line-height: 24px;
    border: 0;
    outline: 0;
    cursor: pointer;
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: middle; }
    .subTitle .subTitle-btn svg {
      display: inline-block;
      vertical-align: top;
      margin-right: -6px; }
    .subTitle .subTitle-btn.subTitle-btn-delete {
      color: #F65C78; }
  .subTitle .subTitle-btn-edit,
  .subTitle .subTitle-btn-add,
  .subTitle .subTitle-btn-del {
    background-image: none !important;
    font-family: "ehrIconFont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 14px;
    height: 14px;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7px; }
  .subTitle .subTitle-btn-edit:before {
    content: "\e62c"; }
  .subTitle .subTitle-btn-add:before {
    content: "\e748"; }
  .subTitle .subTitle-btn-del:before {
    content: "\e747"; }
  .subTitle .subTitle-btn-other {
    background-position: -28px 0; }
  .subTitle .subTitle-text {
    display: inline-block;
    padding-left: 10px;
    font-size: 12px;
    color: #999999; }

.subTitle-btn {
  background-color: #ffffff;
  font-size: 14px;
  padding: 0 15px 0 18px;
  height: 24px;
  line-height: 24px;
  border: 0;
  outline: 0;
  cursor: pointer;
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: middle; }

.subTitle-btn-icon {
  background-image: none !important;
  font-family: "ehrIconFont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 14px;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
  border-radius: 20px;
  text-align: center;
  cursor: pointer;
  display: inline-block; }

.subTitle-btn .subTitle-btn-icon {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px; }

.subTitle-btn-edit:before {
  content: "\e62c"; }

.subTitle-btn-add:before {
  content: "\e748"; }

.subTitle-btn-del:before,
.subTitle-btn-close:before {
  content: "\e747"; }


.subTitle-btn-open:before {
  content: "\e72e"; }

.subTitle-btn-close:before {
  content: "\e747"; }

.ehr-title {
  position: relative;
  padding-left: 13px; }

.ehr-title:before {
  content: "";
  background-color: #3C82EF;
  width: 3px;
  height: 14px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }


.ehr-tree-content {
  padding: 15px 10px; }

.ehr-content-toolbar {
  display: block;
  padding: 12px 0;
  font-size: 0; }
  .ehr-content-toolbar .ehr-content-toolbar-text {
    display: inline-block;
    vertical-align: middle;
    line-height: 32px;
    font-size: 12px;
    margin-right: 10px; }

.ehr-content-toolbar:after {
  content: "";
  display: table;
  width: 0;
  height: 0;
  visibility: hidden;
  clear: both; }


.table-content .ui-sortable-helper,
.lightTable .ui-sortable-helper {
  background-color: #DEEAFA !important;
   }

.table-content-left .lightTable tr th, .table-content-left .lightTable tr td {
  text-align: left; }

.lightTable {
  width: 100%;
  border: 0;
  table-layout: fixed;
  border-collapse: collapse; }
  .lightTable.lightTable-widthAuto {
    width: auto;
    min-width: 100%; }

.lightTable.textLeft tr th:first-child,
.lightTable.textLeft tr td:first-child {
  text-align: left; }

.lightTable tr th {
  background-color: #F1F2F3;
  font-weight: bold; }

.lightTable tr th,
.lightTable tr td {
  border: 0;
  line-height: 40px;
  padding: 0 8px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.lightTable tr td {
  cursor: pointer; }

.lightTable tr td:first-child {
  
  text-align: left; }

.lightTable tr:nth-child(2n+1),
.lightTable tbody tr:nth-child(2n) {
  background-color: #F9F9F9; }

.lightTable tbody tr:nth-child(2n+1) {
  background-color: transparent; }

.lightTable tr:hover,
.lightTable tbody tr:hover {
  background-color: #E7F1FF; }

.lightTable tr.highBackground {
  background: rgba(55, 150, 236, 0.2) !important; }

.lightTable tr.errorBackground {
  background: #feeef1 !important; }

.tableInner {
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: normal; }
  .tableInner .tableInner-text {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    padding-right: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: normal;
    position: relative; }
    .tableInner .tableInner-text .tableInner-icon {
      font-family: "ehrIconFont" !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      width: 20px;
      height: 20px;
      font-size: 12px;
      line-height: 20px;
      text-align: center;
      display: inline-block;
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -10px;
      cursor: pointer; }
      .tableInner .tableInner-text .tableInner-icon.editIcon:before {
        content: "\e62c"; }
  .tableInner a {
    color: #3C82EF;
    text-decoration: none; }

.tableInner.redInfo {
  color: #F65C78; }

.tableInner.greenInfo {
  color: #07c160; }

.tableInner input {
  min-height: 32px;
  height: 32px; }

.tableInnerAuto {
  line-height: 1.7;
  overflow: inherit;
  white-space: normal;
  padding: 6px 0; }

.tableInner p {
  line-height: 1.7; }

.lightTable.whiteSpaceAuto tr td {
  padding-top: 10px;
  padding-bottom: 10px; }

.lightTable.whiteSpaceAuto tr td,
.lightTable.whiteSpaceAuto tr td .tableInner {
  line-height: 20px;
  overflow: auto;
  white-space: normal; }

.lightTable-operation {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  position: relative; }
  .lightTable-operation span.tdBlueColor, .lightTable-operation span.tdRedColor {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
    font-size: 12px; }
  .lightTable-operation span.tdBlueColor:first-child, .lightTable-operation span.tdRedColor:first-child {
    margin-left: 0; }
  .lightTable-operation .lightTable-operation-item {
    background: url("../image/tableOperation-icon.png") no-repeat;
    width: 14px;
    height: 14px;
    margin-right: 14px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer; }
  .lightTable-operation.lightTableCenter {
    text-align: center; }
    .lightTable-operation.lightTableCenter .lightTable-operation-item {
      margin: 0 7px; }
  .lightTable-operation .moreOperation-select {
    width: auto !important;
    display: inline-block;
    vertical-align: middle; }

.lightTable-operation .lightTable-operation-edit {
  background-position: 0 0; }
  .lightTable-operation .lightTable-operation-edit:hover {
    background-position: 0 -14px; }

.lightTable-operation .lightTable-operation-del {
  background-position: -14px 0; }
  .lightTable-operation .lightTable-operation-del:hover {
    background-position: -14px -14px; }

.lightTable-operation .lightTable-operation-drag {
  background-position: -28px 0;
  cursor: move; }
  .lightTable-operation .lightTable-operation-drag:hover {
    background-position: -28px -14px; }

.lightTable-operation .lightTable-operation-person {
  background-position: -42px 0; }
  .lightTable-operation .lightTable-operation-person:hover {
    background-position: -42px -14px; }

.lightTable-operation .lightTable-operation-replace {
  background-position: -56px 0; }
  .lightTable-operation .lightTable-operation-replace:hover {
    background-position: -56px -14px; }

.lightTable-operation .lightTable-operation-qrCode {
  background-position: -70px 0; }
  .lightTable-operation .lightTable-operation-qrCode:hover {
    background-position: -70px -14px; }

.lightTable-operation .lightTable-operation-link {
  background-position: -84px 0; }
  .lightTable-operation .lightTable-operation-link:hover {
    background-position: -84px -14px; }

.lightTable-operation .lightTable-operation-print {
  background-position: -98px 0; }
  .lightTable-operation .lightTable-operation-print:hover {
    background-position: -98px -14px; }

.lightTable-operation .lightTable-operation-approval {
  background-position: -112px 0; }
  .lightTable-operation .lightTable-operation-approval:hover {
    background-position: -112px -14px; }

.lightTable-operation .lightTable-operation-class {
  background-position: -126px 0; }
  .lightTable-operation .lightTable-operation-class:hover {
    background-position: -126px -14px; }

.lightTable-operation .lightTable-operation-confirm {
  background-position: -140px 0; }
  .lightTable-operation .lightTable-operation-confirm:hover {
    background-position: -140px -14px; }

.lightTable-operation .lightTable-operation-feedback {
  background-position: -154px 0; }
  .lightTable-operation .lightTable-operation-feedback:hover {
    background-position: -154px -14px; }

.lightTable-operation .lightTable-operation-flow {
  background-position: -168px 0; }
  .lightTable-operation .lightTable-operation-flow:hover {
    background-position: -168px -14px; }

.lightTable-operation .lightTable-operation-affiliatedPerson {
  background-position: -182px 0; }
  .lightTable-operation .lightTable-operation-affiliatedPerson:hover {
    background-position: -182px -14px; }

.lightTable-operation .lightTable-operation-view {
  background-position: -196px 0; }
  .lightTable-operation .lightTable-operation-view:hover {
    background-position: -196px -14px; }

.lightTable-operation .lightTable-operation-list {
  background-position: -210px 0; }
  .lightTable-operation .lightTable-operation-list:hover {
    background-position: -210px -14px; }

.lightTable-operation .lightTable-operation-menu {
  background-position: -224px 0; }
  .lightTable-operation .lightTable-operation-menu:hover {
    background-position: -224px -14px; }

.lightTable-operation .lightTable-operation-add {
  background-position: -238px 0; }
  .lightTable-operation .lightTable-operation-add:hover {
    background-position: -238px -14px; }

.lightTable-operation .lightTable-operation-report {
  background-position: -252px 0; }
  .lightTable-operation .lightTable-operation-report:hover {
    background-position: -252px -14px; }

.lightTable-operation-disabled {
  filter: alpha(Opacity=35);
  opacity: .35;
  cursor: not-allowed !important; }

.lightTable-operation .moreOperation-select-icon {
  background-size: 14px auto;
  width: 21px;
  height: 21px;
  vertical-align: middle; }

.tagText {
  color: #F65C78;
  margin-left: 3px; }

.lightTable-operation-imgText {
  height: 14px;
  line-height: 14px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px; }
  .lightTable-operation-imgText .lightTable-operation-item {
    margin-right: 0; }
  .lightTable-operation-imgText:hover {
    color: #3C82EF; }
    .lightTable-operation-imgText:hover .lightTable-operation-confirm {
      background-position: -140px -14px; }
    .lightTable-operation-imgText:hover .lightTable-operation-feedback {
      background-position: -154px -14px; }


.ehr-common-mask {
  background-color: transparent;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1;
  display: none; }
  .ehr-common-mask.showMask {
    display: block; }


.page-tab {
  display: block;
  font-size: 0; }
  .page-tab span.page-tab-item {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 20px;
    color: #9cb0bb;
    margin-right: 30px; }
    .page-tab span.page-tab-item:hover, .page-tab span.page-tab-item.selected {
      color: #3C82EF;
      cursor: pointer; }


.ehr-common-operation {
  width: 400px;
  position: fixed;
  top: 0;
  right: -410px;
  bottom: 0;
  z-index: 390;
  -webkit-box-shadow: -4px 0 4px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: -4px 0 4px rgba(0, 0, 0, 0.08);
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.08);
  -webkit-transition: right .3s ease-in-out;
  -moz-transition: right .3s ease-in-out;
  -ms-transition: right .3s ease-in-out;
  -o-transition: right .3s ease-in-out;
  transition: right .3s ease-in-out; }
  .ehr-common-operation.small-common-operation {
    width: 300px;
    right: -310px; }
  .ehr-common-operation.large-common-operation {
    width: 550px;
    right: -560px; }
  .ehr-common-operation.big-large-common-operation {
    width: 680px;
    right: -690px; }
  .ehr-common-operation.half-large-common-operation {
    width: 820px;
    right: -830px; }
  .ehr-common-operation.superHalf-large-common-operation {
    width: 80%;
    right: -81%; }
  .ehr-common-operation.ehr-operation-show {
    right: 0; }
  .ehr-common-operation.hide-operation-footer .ehr-common-operation-footer {
    display: none; }
  .ehr-common-operation.hide-operation-footer .ehr-common-operation-content {
    bottom: 0; }
  .ehr-common-operation.ehr-operation-show .ehr-common-mask {
    display: block; }
  .ehr-common-operation .ehr-operation-name {
    position: relative;
    font-size: 16px;
    padding-left: 30px;
    font-weight: normal; }
  .ehr-common-operation .ehr-operation-name:before {
    content: '';
    position: absolute;
    left: 17px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3px;
    height: 14px;
    background-color: #3C82EF; }
  .ehr-common-operation .ehr-common-operation-footer {
    background-color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 14px 0;
    -webkit-box-shadow: 2px -4px 4px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 2px -4px 4px rgba(0, 0, 0, 0.08);
    box-shadow: 2px -4px 4px rgba(0, 0, 0, 0.08);
    text-align: center;
    font-size: 0;
    z-index: 2; }
  .ehr-common-operation .ehr-common-operation-footer .ehr-btn {
    margin: 0 5px; }

.ehr-close-btn {
  background: url("../image/form-delete-icon.png") center no-repeat;
  background-size: 12px 12px;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -12px;
  cursor: pointer;
  line-height: 1;
  font-size: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  z-index: 10;
  transition: background-color .2s ease-in-out; }
  .ehr-close-btn:hover {
    background-color: #efefef; }

.ehr-common-operation-header {
  background-color: #ffffff;
  width: 100%;
  padding: 12px 20px 13px 20px;
  position: relative;
  border-bottom: 1px solid #EDF0F3;
  z-index: 3; }
  .ehr-common-operation-header .ehr-title {
    font-size: 16px; }
    .ehr-common-operation-header .ehr-title span {
      padding-left: 10px;
      color: #9CB0BB; }

.ehr-common-operation-content {
  background-color: #ffffff;
  position: absolute;
  left: 0;
  right: 0;
  top: 50px;
  bottom: 60px;
  padding: 0 20px;
  overflow: hidden;
  overflow-y: auto;
  z-index: 2; }
  .ehr-common-operation-content.hasNoPadding {
    padding: 0; }
  .ehr-common-operation-content .ehr-common-operation-content-box {
    padding: 15px 0; }
  .ehr-common-operation-content .ehr-field-sortArea {
    padding: 8px 14px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 0;
    overflow: hidden;
    overflow-y: auto; }

.ehr-field-sortItem {
  width: 32% !important;
  display: inline-block;
  vertical-align: top;
  margin: 6px 2% 6px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
  padding: 5px 10px;
  font-size: 12px;
  border: 1px solid #ebebeb;
  border-radius: 4px;
  transition: border-top-color .2s, border-right-color .2s, border-bottom-color .2s, border-left-color .2s, color .2s; }
  .ehr-field-sortItem:hover, .ehr-field-sortItem.selected {
    background-color: rgba(60, 130, 239, 0.05);
    border-color: #3C82EF;
    color: #3C82EF;
    cursor: pointer; }
  .ehr-field-sortItem:nth-child(3n) {
    margin-right: 0; }


.ehr-time-axis {
  padding: 20px 0; }
  .ehr-time-axis .ehr-time-axis-content {
    width: 100%;
    display: block; }
    .ehr-time-axis .ehr-time-axis-content .ehr-time-axis-item {
      padding-left: 18px;
      padding-bottom: 15px;
      position: relative;
      border-left: 1px solid #ebebeb;
      cursor: pointer; }
      .ehr-time-axis .ehr-time-axis-content .ehr-time-axis-item:before {
        content: "";
        background-color: #ebebeb;
        width: 1px;
        display: inline-block;
        position: absolute;
        left: -1px;
        top: 6px;
        bottom: 0; }
      .ehr-time-axis .ehr-time-axis-content .ehr-time-axis-item:after {
        content: "";
        background-color: #ebebeb;
        width: 7px;
        height: 7px;
        display: inline-block;
        position: absolute;
        left: -4px;
        top: 6px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%; }
      .ehr-time-axis .ehr-time-axis-content .ehr-time-axis-item:hover:after, .ehr-time-axis .ehr-time-axis-content .ehr-time-axis-item.version-active:after {
        background-color: #3C82EF; }
      .ehr-time-axis .ehr-time-axis-content .ehr-time-axis-item:first-child {
        border-left: 1px solid transparent; }
      .ehr-time-axis .ehr-time-axis-content .ehr-time-axis-item:last-child {
        border-left: 1px solid transparent; }
      .ehr-time-axis .ehr-time-axis-content .ehr-time-axis-item:last-child:before {
        height: 7px;
        top: 0;
        bottom: auto; }
      .ehr-time-axis .ehr-time-axis-content .ehr-time-axis-item:first-child:last-child:before {
        height: 0;
        top: 0;
        bottom: auto; }
      .ehr-time-axis .ehr-time-axis-content .ehr-time-axis-item .ehr-time-axis-title {
        font-size: 14px;
        color: #222222;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .ehr-time-axis .ehr-time-axis-content .ehr-time-axis-item:hover .ehr-time-axis-title, .ehr-time-axis .ehr-time-axis-content .ehr-time-axis-item.version-active .ehr-time-axis-title {
        color: #3C82EF; }
      .ehr-time-axis .ehr-time-axis-content .ehr-time-axis-item .ehr-time-axis-otherInfo {
        display: block;
        margin-top: 2px;
        vertical-align: top; }
        .ehr-time-axis .ehr-time-axis-content .ehr-time-axis-item .ehr-time-axis-otherInfo .otherInfo-text {
          font-size: 12px;
          color: #9CB0BB;
          margin-right: 10px; }
      .ehr-time-axis .ehr-time-axis-content .ehr-time-axis-item .ehr-operation-icon {
        position: absolute;
        right: 0;
        margin-right: 0;
        top: 0;
        display: none; }
      .ehr-time-axis .ehr-time-axis-content .ehr-time-axis-item:hover .ehr-operation-icon {
        display: block; }


.moreOperation-select {
  display: inline-block;
  font-size: 0;
  position: relative;
  cursor: pointer; }

.cell-inner .moreOperation-select {
  width: 100%;
  height: 100%; }
  .cell-inner .moreOperation-select:after {
    content: "";
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle; }

.moreOperation-select-icon {
  
  font-family: "ehrIconFont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 21px;
  height: 21px;
  line-height: 21px;
  font-size: 18px;
  text-align: center;
  display: inline-block;
  vertical-align: middle; }

.moreOperation-select-icon:before {
  content: "\e6d5"; }

.moreOperation-select-list {
  background: #ffffff;
  padding: 5px 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 0 6px rgba(40, 120, 255, 0.11), 0 0 7px rgba(0, 0, 0, 0.11);
  position: absolute;
  left: 0;
  top: auto;
  z-index: 240;
  list-style: none;
  display: none; }


.moreOperation-select-list li {
  white-space: nowrap;
  min-width: 80px;
  padding: 0 8px;
  cursor: pointer;
  color: #222222;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  font-weight: 500;
  text-align: center; }

.moreOperation-select-list li:hover {
  background: #F1F5F8; }

.moreOperation-select-list li.moreDel:hover {
  background: rgba(246, 92, 120, 0.1);
  color: #F65C78; }


.ehr-readOnly {
  display: block;
  padding: 0 5px;
  height: 36px;
  line-height: 34px;
  text-align: left;
  font-size: 14px;
  border: 1px solid rgba(216, 225, 230, 0.5); }


.ehr-hint-information {
  display: block;
  padding: 20px;
  text-align: left; }

.ehr-hint-information-header {
  font-size: 0;
  display: block;
  position: relative; }

.ehr-hint-information-close {
  background: url("../image/form-delete-icon.png") no-repeat;
  background-size: 12px 12px;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -6px;
  cursor: pointer; }

.ehr-hint-information-icon {
  background: url("../image/warningIcon.png") no-repeat;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: top; }

.ehr-hint-information-title {
  display: inline-block;
  vertical-align: top;
  height: 20px;
  line-height: 20px;
  font-size: 14px; }

.ehr-hint-information-content {
  margin-top: 10px;
  line-height: 1.5;
  min-height: 37px;
  max-height: 240px;
  overflow: hidden;
  overflow-y: auto;
  color: #76909e; }

.ehr-hint-information-content a {
  text-decoration: none;
  cursor: pointer; }

.error-hint-information .ehr-hint-information-icon {
  background-position: -20px 0; }

.success-hint-information .ehr-hint-information-icon {
  background-position: -40px 0; }


.ehr-rules-wrap {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  cursor: pointer; }
  .ehr-rules-wrap span.rules-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("../image/ehr-rules.png") no-repeat;
    background-position: 0 0; }
  .ehr-rules-wrap .rules-info {
    display: none;
    position: absolute;
    top: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 15px 18px 10px 18px;
    -webkit-box-shadow: 0 5px 10px #ebebeb;
    box-shadow: 0 5px 10px #ebebeb;
    border: 1px solid #ebebeb;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index: 9;
    text-align: left;
    font-weight: normal;
    line-height: 1.5; }
    .ehr-rules-wrap .rules-info li {
      margin-bottom: 5px;
      font-size: 14px;
      white-space: nowrap; }
      .ehr-rules-wrap .rules-info li span {
        display: inline-block;
        vertical-align: top;
        white-space: normal; }
        .ehr-rules-wrap .rules-info li span:first-child {
          width: 155px;
          text-align: right; }
        .ehr-rules-wrap .rules-info li span:last-of-type {
          width: auto; }
    .ehr-rules-wrap .rules-info.rules-info-right {
      left: auto;
      right: -20px;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0); }
    .ehr-rules-wrap .rules-info:before, .ehr-rules-wrap .rules-info:after {
      position: absolute;
      display: block;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid; }
    .ehr-rules-wrap .rules-info:before {
      content: "";
      border-width: 11px;
      top: -11px;
      left: 50%;
      border-bottom-color: #ebebeb;
      border-top-width: 0;
      margin-left: -11px; }
    .ehr-rules-wrap .rules-info:after {
      content: " ";
      border-width: 10px;
      top: -10px;
      left: 50%;
      border-bottom-color: #ffffff;
      border-top-width: 0;
      margin-left: -10px; }
    .ehr-rules-wrap .rules-info.rules-info-right:before {
      left: auto;
      right: 16px; }
    .ehr-rules-wrap .rules-info.rules-info-right:after {
      left: auto;
      right: 17px; }
  .ehr-rules-wrap:hover span.rules-icon {
    background-position: -14px 0; }
  .ehr-rules-wrap:hover .rules-info {
    display: block; }


.ehr-common-warnInfo {
  display: none;
  position: relative;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #222222;
  line-height: 18px;
  padding: 7px 34px 7px 7px;
  border: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #FFFAEB; }
  .ehr-common-warnInfo.ehr-show {
    display: block; }
  .ehr-common-warnInfo.ehr-common-warnInfo-decorate {
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
  .ehr-common-warnInfo .ehr-btn {
    border: none;
    background-color: transparent;
    padding: 0;
    vertical-align: top; }
    .ehr-common-warnInfo .ehr-btn:hover {
      background-color: transparent; }
  .ehr-common-warnInfo .ehr-close-btn {
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    background: url("../image/ehr-close.png") center no-repeat;
    cursor: pointer; }
    .ehr-common-warnInfo .ehr-close-btn.ehr-close-btn-text {
      background: none;
      width: auto;
      font-size: 12px; }
  .ehr-common-warnInfo .ehr-common-warnInfo-link {
    font-size: 12px;
    text-decoration: none; }
    .ehr-common-warnInfo .ehr-common-warnInfo-link :hover {
      font-size: 12px;
      text-decoration: none; }


.ehr-common-warnInfo-success {
  background-color: #EBF8F2;
  border-color: #A7E1C4; }


.ehr-common-warnInfo-error {
  background-color: #FEF3EB;
  border-color: #FCCCA7; }


.ehr-common-warnInfo-default {
  background-color: #ECF6FD;
  background-size: 14px auto;
  border-color: #ADD8F7; }

.ehr-common-warnInfo-hasNoBorder {
  border-color: transparent; }


.ehr-common-warnInfo-highTips {
  background-color: rgba(246, 92, 120, 0.1);
  color: #F65C78; }


.ehr-common-import {
  text-align: left;
   }
  .ehr-common-import .step-one,
  .ehr-common-import .step-two {
    padding: 20px 25px 10px; }
  .ehr-common-import .ehr-download {
    margin-bottom: 9px; }
  .ehr-common-import .ehr-import-file {
    display: block;
    width: 100%;
    background-color: #fff;
    text-align: center;
    border: 1px dashed #ebebeb;
    border-radius: 2px;
    padding: 10px 12px;
    outline: none;
    cursor: pointer; }
    .ehr-common-import .ehr-import-file:hover {
      background-color: rgba(55, 150, 236, 0.05); }
    .ehr-common-import .ehr-import-file span {
      display: inline-block;
      width: 18px;
      height: 18px;
      margin-top: 30px;
      background: url("../image/ehr-common-import.png") -37px -121px no-repeat; }
    .ehr-common-import .ehr-import-file p {
      font-size: 14px;
      font-weight: 400;
      color: #3796ec;
      line-height: 20px;
      margin-top: 8px;
      margin-bottom: 20px; }
  .ehr-common-import .ehr-load-file-list {
    margin: 10px 0 30px;
    max-height: 150px;
    overflow-y: auto; }
    .ehr-common-import .ehr-load-file-list .ehr-load-file-item {
      width: 100%;
      height: 40px;
      line-height: 40px;
      border: 1px dashed #ebebeb;
      margin-bottom: 5px; }
      .ehr-common-import .ehr-load-file-list .ehr-load-file-item .icon {
        display: inline-block;
        vertical-align: middle;
        width: 19px;
        height: 24px;
        margin: 0 10px 0 13px;
        background: #f7f9fa url("../image/ehr-common-import.png") 0 -115px no-repeat; }
      .ehr-common-import .ehr-load-file-list .ehr-load-file-item .file-name {
        display: inline-block;
        vertical-align: middle;
        width: 370px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 12px;
        font-weight: 400;
        color: #3e4967;
        line-height: 17px; }
      .ehr-common-import .ehr-load-file-list .ehr-load-file-item .file-operation {
        float: right;
        width: 15px;
        height: 16px;
        margin: 12px 12px 0 0;
        background: url("../image/ehr-common-import.png") -71px -123px no-repeat;
        cursor: pointer; }
      .ehr-common-import .ehr-load-file-list .ehr-load-file-item .file-operation:hover {
        background: url("../image/ehr-common-import.png") -87px -123px no-repeat; }
  .ehr-common-import .ehr-warn-info h3 {
    font-size: 12px;
    color: #3e4967;
    line-height: 24px;
    font-weight: bold;
    margin-top: 8px; }
  .ehr-common-import .ehr-warn-info p {
    font-size: 12px;
    font-weight: 400;
    color: #3e4967;
    line-height: 22px; }
  .ehr-common-import .step-three {
    
    
    
     }
    .ehr-common-import .step-three .ehr-importing {
      text-align: center;
      font-size: 0; }
      .ehr-common-import .step-three .ehr-importing .icon {
        display: inline-block;
        width: 110px;
        height: 100px;
        margin-top: 50px;
        background: url("../image/ehr-common-import.png") -220px 0 no-repeat; }
    .ehr-common-import .step-three .ehr-import-progress {
      position: relative;
      width: calc(100% - 50px);
      height: 4px;
      border-radius: 2px;
      background-color: #ebebeb;
      margin: 30px auto 0; }
    .ehr-common-import .step-three .ehr-importing-file {
      font-size: 12px;
      font-weight: 400;
      color: #62757b;
      line-height: 24px;
      text-align: center;
      margin-top: 10px; }
      .ehr-common-import .step-three .ehr-importing-file .ehr-import-status {
        display: none; }
      .ehr-common-import .step-three .ehr-importing-file .ehr-import-ing {
        display: block;
        margin-bottom: 30px; }
    .ehr-common-import .step-three .ehr-import-active-progress {
      position: absolute;
      left: 0;
      top: 0;
      border-radius: 2px;
      width: 50%;
      height: 100%;
      background-color: #3C82EF; }
    .ehr-common-import .step-three .ehr-import-successData {
      display: none; }
    .ehr-common-import .step-three .ehr-import-failData {
      display: none;
      position: relative;
      height: 44px;
      line-height: 44px;
      background: #f5f7f9;
      text-indent: 44px;
      margin: 10px 0 30px;
      color: #F65C78; }
    .ehr-common-import .step-three .ehr-import-successData {
      position: relative;
      height: 44px;
      line-height: 44px;
      background: #f5f7f9;
      text-indent: 44px;
      margin: 10px 0 30px; }
    .ehr-common-import .step-three .ehr-import-successData:before,
    .ehr-common-import .step-three .ehr-import-failData:before {
      position: absolute;
      content: '';
      width: 8px;
      height: 8px;
      left: 25px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      border-radius: 50%;
      background: #3796ec; }
    .ehr-common-import .step-three .ehr-import-failData:before {
      background-color: #F65C78; }
    .ehr-common-import .step-three .success .ehr-importing .icon {
      width: 100px;
      background: url("../image/ehr-common-import.png") -330px 0 no-repeat; }
    .ehr-common-import .step-three .success .ehr-import-active-progress {
      width: 100%; }
    .ehr-common-import .step-three .success .ehr-importing-file .ehr-import-ing {
      display: none; }
    .ehr-common-import .step-three .success .ehr-importing-file .ehr-import-success {
      display: inline; }
    .ehr-common-import .step-three .success .ehr-import-successData {
      display: block; }
    .ehr-common-import .step-three .fail .ehr-importing .icon {
      background: url("../image/ehr-common-import.png") -430px 0 no-repeat; }
    .ehr-common-import .step-three .fail .ehr-import-active-progress {
      width: 100%;
      background: linear-gradient(314deg, #ff8b82 0%, #f55977 100%); }
    .ehr-common-import .step-three .fail .ehr-importing-file .ehr-import-ing {
      display: none; }
    .ehr-common-import .step-three .fail .ehr-importing-file .ehr-import-fail {
      display: inline-block;
      color: #F65C78;
      margin-bottom: 30px; }
    .ehr-common-import .step-three .fail .ehr-import-failData {
      display: block; }
    .ehr-common-import .step-three .ehr-upload-ing {
      font-size: 0;
      text-align: center; }
      .ehr-common-import .step-three .ehr-upload-ing .icon {
        display: inline-block;
        width: 110px;
        height: 100px;
        margin-top: 50px;
        background: url("../image/ehr-common-import.png") 0 0 no-repeat; }
    .ehr-common-import .step-three .ehr-upload-fail {
      font-size: 0;
      text-align: center; }
      .ehr-common-import .step-three .ehr-upload-fail .icon {
        display: inline-block;
        width: 110px;
        height: 100px;
        margin-top: 50px;
        background: url("../image/ehr-common-import.png") -110px 0 no-repeat; }
  .ehr-common-import .submit-button {
    vertical-align: middle; }
  .ehr-common-import .ehr-btn {
    margin-left: 10px; }


.ehr-record-edit-table-header {
  padding: 16px 24px;
  text-align: left; }
  .ehr-record-edit-table-header .ehr-record-table-header.ehr-selected-item {
    border-bottom: 1px solid #EDF0F3;
    padding-bottom: 8px;
    margin-bottom: 20px; }
    .ehr-record-edit-table-header .ehr-record-table-header.ehr-selected-item .list .item {
      color: #fff;
      background-color: #3C82EF;
      border: 1px solid #3C82EF; }
      .ehr-record-edit-table-header .ehr-record-table-header.ehr-selected-item .list .item span.btn {
        background: url("../image/ehr-delete-table.png") center no-repeat;
        background-size: 10px 10px; }
  .ehr-record-edit-table-header .ehr-record-table-header.ehr-deleted-item .list .item {
    border: 1px solid #ebebeb; }
    .ehr-record-edit-table-header .ehr-record-table-header.ehr-deleted-item .list .item:hover {
      background-color: #F4FAFE; }
      .ehr-record-edit-table-header .ehr-record-table-header.ehr-deleted-item .list .item:hover span.btn {
        background: url("../image/ehr-add-table-header-active.png") center no-repeat;
        background-size: 14px 14px; }
    .ehr-record-edit-table-header .ehr-record-table-header.ehr-deleted-item .list .item span.info {
      border-color: #ebebeb; }
    .ehr-record-edit-table-header .ehr-record-table-header.ehr-deleted-item .list .item span.btn {
      width: 18px;
      height: 18px;
      background: url("../image/ehr-add-table-header.png") center no-repeat;
      background-size: 14px 14px; }
  .ehr-record-edit-table-header .ehr-record-table-header h3.type {
    font-size: 14px;
    color: #3e4967;
    line-height: 22px;
    margin-bottom: 11px; }
  .ehr-record-edit-table-header .ehr-record-table-header .list {
    font-size: 0;
    max-height: 104px;
    overflow: auto; }
    .ehr-record-edit-table-header .ehr-record-table-header .list .item {
      display: inline-block;
      vertical-align: middle;
      margin: 0 12px 12px 0;
      font-size: 0;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px; }
      .ehr-record-edit-table-header .ehr-record-table-header .list .item.locked {
        background-color: #EDF0F3;
        border-color: #ebebeb; }
        .ehr-record-edit-table-header .ehr-record-table-header .list .item.locked span.info {
          border: none;
          color: #A0B3BE; }
        .ehr-record-edit-table-header .ehr-record-table-header .list .item.locked span.btn {
          display: none;
          color: #000; }
      .ehr-record-edit-table-header .ehr-record-table-header .list .item span {
        display: inline-block;
        vertical-align: middle;
        padding: 3px 8px; }
        .ehr-record-edit-table-header .ehr-record-table-header .list .item span.info {
          border-right: 1px solid #fff;
          font-size: 12px; }
        .ehr-record-edit-table-header .ehr-record-table-header .list .item span.btn {
          width: 18px;
          height: 18px;
          cursor: pointer; }


.ehr-simple-search {
  width: auto;
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .ehr-simple-search .ehr-simple-search-input {
    width: 200px;
    height: 32px;
    font-size: 12px;
    line-height: 24px;
    padding-left: 5px;
    padding-right: 40px;
    border: 1px solid #ebebeb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none; }
    .ehr-simple-search .ehr-simple-search-input:focus, .ehr-simple-search .ehr-simple-search-input:hover {
      border-color: #3C82EF; }
  .ehr-simple-search.ehr-simple-search-icon .ehr-simple-search-input {
    padding-left: 40px;
    padding-right: 5px; }
  .ehr-simple-search.ehr-simple-search-icon .ehr-simple-search-btn {
    left: 0;
    right: auto; }
    .ehr-simple-search.ehr-simple-search-icon .ehr-simple-search-btn:hover {
      background-position: 0 0; }
  .ehr-simple-search + .ours-class-conditionadvanced {
    margin-left: 10px; }

.ehr-simple-search-btn {
  background-image: url("../image/searchIcon.png");
  background-repeat: no-repeat;
  background-color: transparent;
  width: 40px;
  height: 32px;
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  outline: none;
  cursor: pointer; }
  .ehr-simple-search-btn:hover {
    background-position: -40px 0; }
  .ehr-simple-search-btn.delResult {
    background-position: -80px 0; }
    .ehr-simple-search-btn.delResult:hover {
      background-position: -120px 0; }

.ehr-simple-search + .ehr-dropdown {
  margin-left: 12px; }

.ehr-simple-search + .selector-condition {
  margin-left: 5px; }


.ehr-search-toolbar {
  padding: 12px 0 12px 0;
  display: block;
  text-align: right;
  font-size: 0; }

.ehr-search-toolbar:after {
  content: "";
  height: 0;
  display: table;
  visibility: hidden;
  clear: both; }

.ehr-search-toolbar .ehr-content-toolbar {
  padding: 0; }

.ehr-toolbar-selectArea {
  width: 150px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px; }
  .ehr-toolbar-selectArea .ours-class-singleselect select {
    height: 32px;
    border: 0;
    font-size: 16px;
    cursor: pointer; }
    .ehr-toolbar-selectArea .ours-class-singleselect select:hover {
      background-color: #f5f6f8; }


.search-selected-condition {
  padding-top: 8px;
  position: relative;
  display: none; }

.search-selected-condition:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #FBFBFB;
  position: absolute;
  z-index: 3;
  top: 0;
  right: 20px;
  left: auto; }

.search-selected-condition-cnt {
  background-color: #FBFBFB;
  padding: 6px 40px 6px 6px;
  font-size: 0;
  text-align: right;
  position: relative; }

.search-selected-empty-btn {
  background: none;
  width: 40px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #3C82EF;
  border: 0;
  outline: none;
  position: absolute;
  right: 0;
  top: 6px;
  cursor: pointer; }

.search-selected-item {
  background-color: #ffffff;
  min-width: 80px;
  line-height: 30px;
  border: 1px solid #ebebeb;
  margin-right: 10px;
  font-size: 0;
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.search-selected-item-text {
  display: inline-block;
  vertical-align: top;
  min-width: 50px;
  text-align: center;
  padding: 0 8px;
  font-size: 12px; }

.search-selected-item-btn {
  background: url("../image/ehr-close-hover.png") center no-repeat;
  width: 24px;
  height: 30px;
  border-left: 1px solid #ebebeb;
  display: inline-block;
  vertical-align: top;
  cursor: pointer; }


.submitFooter-area {
  background-color: #ffffff;
  text-align: center;
  padding: 14px 0;
  font-size: 0;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 1px solid #ebebeb;
  z-index: 10; }


.dotState-area {
  font-size: 0; }
  .dotState-area.dotFooter {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    padding: 7px 0; }

.dotState-item {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px; }

.dotState-item:last-child {
  margin-right: 0; }

.dotState-text {
  font-size: 12px;
  display: inline-block;
  vertical-align: middle; }

.dotState-icon {
  width: 8px;
  height: 8px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.dotState-icon + .dotState-text {
  margin-left: 3px; }

.dotBg-0 {
  background-color: transparent;
   }

.dotBg-1 {
  background-color: #3C82EF;
   }

.dotBg-2 {
  background-color: #A34AE2;
   }

.dotBg-3 {
  background-color: #41C7DD;
   }

.dotBg-4 {
  background-color: #FFB900;
   }

.dotBg-5 {
  background-color: #2cbe53;
   }

.dotBg-6 {
  background-color: #ff5000;
   }

.dotBg-7 {
  background-color: #666666;
   }

.dotBg-8 {
  background-color: #6684c2;
   }


.personalState {
  padding: 0 2px;
  height: 18px;
  line-height: 17px;
  font-size: 12px;
  color: #3C82EF;
  border-width: 1px;
  border-color: #3C82EF;
  border-radius: 3px;
  border-style: solid;
  display: inline-block;
  vertical-align: middle; }


.personalState.personalState-3 {
  color: #2cbe53;
  border-color: #2cbe53; }


.personalState.personalState-5 {
  color: #A34AE2;
  border-color: #A34AE2; }


.anchors {
  background-color: rgba(255, 255, 255, 0.3);
  width: 100%;
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.anchors-area {
  margin: 0;
  padding: 0;
  list-style: none; }

.anchors-item {
  padding: 8px 0 8px 14px;
  position: relative; }

.anchors-item:after {
  content: "";
  background-color: #ebebeb;
  width: 1px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0; }

.anchors-dot {
  background-color: #ffffff;
  width: 7px;
  height: 7px;
  border: 1px solid #ebebeb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  position: absolute;
  left: -3px;
  top: 13px;
  z-index: 5;
  transition: background-color .15s ease-in-out; }

.anchors-text {
  font-size: 12px;
  color: inherit;
  line-height: 1.5;
  transition: color .15s ease-in-out; }

.anchors-item:hover {
  cursor: pointer; }

.anchors-item.selected .anchors-dot,
.anchors-item:hover .anchors-dot {
  background-color: #3C82EF;
  border-color: #3C82EF; }

.anchors-item.selected .anchors-text,
.anchors-item:hover .anchors-text {
  color: inherit; }

.anchors-item.selected .anchors-text {
  font-weight: bold; }

.anchors-item:first-child:before {
  content: "";
  background-color: #ffffff;
  width: 1px;
  height: 13px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2; }

.anchors-item:last-child:before {
  content: "";
  background-color: #ffffff;
  width: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 13px;
  z-index: 2; }

.anchors-item:first-child:last-child:after {
  display: none; }

.activeState {
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 3px; }


.selectSystemCode,
.ehr-add-system-code {
   }
  .selectSystemCode:after,
  .ehr-add-system-code:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    visibility: hidden;
    zoom: 1;
    clear: both; }
  .selectSystemCode .search-bar,
  .ehr-add-system-code .search-bar {
    position: relative;
    padding: 12px 12px 0;
    text-align: left;
    border-right: 1px solid #EDF0F3;
    margin-right: -1px; }
    .selectSystemCode .search-bar .search-list, .selectSystemCode .search-bar .tab-list,
    .ehr-add-system-code .search-bar .search-list,
    .ehr-add-system-code .search-bar .tab-list {
      padding: 6px 0;
      height: 302px;
      overflow: hidden;
      overflow-y: auto; }
      .selectSystemCode .search-bar .search-list .item, .selectSystemCode .search-bar .tab-list .item,
      .ehr-add-system-code .search-bar .search-list .item,
      .ehr-add-system-code .search-bar .tab-list .item {
        padding: 5px 10px;
        line-height: 24px;
        color: #222222;
        font-size: 14px;
        cursor: pointer; }
        .selectSystemCode .search-bar .search-list .item:hover, .selectSystemCode .search-bar .tab-list .item:hover,
        .ehr-add-system-code .search-bar .search-list .item:hover,
        .ehr-add-system-code .search-bar .tab-list .item:hover {
          background: #F1F5F8; }
        .selectSystemCode .search-bar .search-list .item.selected, .selectSystemCode .search-bar .tab-list .item.selected,
        .ehr-add-system-code .search-bar .search-list .item.selected,
        .ehr-add-system-code .search-bar .tab-list .item.selected {
          background: #F6F6F7;
          color: #3C82EF; }
    .selectSystemCode .search-bar .search-list,
    .ehr-add-system-code .search-bar .search-list {
      height: 302px; }
    .selectSystemCode .search-bar .search-wrap,
    .ehr-add-system-code .search-bar .search-wrap {
      position: relative; }
      .selectSystemCode .search-bar .search-wrap .ehr-input,
      .ehr-add-system-code .search-bar .search-wrap .ehr-input {
        padding-right: 30px; }
      .selectSystemCode .search-bar .search-wrap .search-icon,
      .ehr-add-system-code .search-bar .search-wrap .search-icon {
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 16px;
        height: 16px;
        background: url("../image/ehr-payment-search.png") center no-repeat;
        z-index: 2;
        cursor: pointer; }
    .selectSystemCode .search-bar .search-result,
    .ehr-add-system-code .search-bar .search-result {
      display: none;
      position: absolute;
      left: 0;
      top: 36px;
      width: 100%;
      max-height: 150px;
      overflow: hidden;
      overflow-y: auto;
      padding: 6px;
      z-index: 2;
      background-color: #fff;
      -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }
      .selectSystemCode .search-bar .search-result .item,
      .ehr-add-system-code .search-bar .search-result .item {
        line-height: 30px;
        color: #222222;
        font-size: 12px;
        cursor: pointer;
        text-indent: 10px; }
        .selectSystemCode .search-bar .search-result .item:hover,
        .ehr-add-system-code .search-bar .search-result .item:hover {
          background: #f4fafe;
          color: #3C82EF; }
  .selectSystemCode .selected-result,
  .ehr-add-system-code .selected-result {
    border-left: 1px solid #EDF0F3; }
    .selectSystemCode .selected-result .selected-result-op,
    .ehr-add-system-code .selected-result .selected-result-op {
      display: block;
      vertical-align: top;
      text-align: left;
      padding: 10px 9px;
       }
      .selectSystemCode .selected-result .selected-result-op + .result-list,
      .ehr-add-system-code .selected-result .selected-result-op + .result-list {
        height: 305px; }
    .selectSystemCode .selected-result .result-list,
    .ehr-add-system-code .selected-result .result-list {
      height: 350px;
      font-size: 0;
      text-align: left;
      overflow: hidden;
      overflow-y: auto; }
      .selectSystemCode .selected-result .result-list .result-item,
      .ehr-add-system-code .selected-result .result-list .result-item {
        width: 50%;
        display: inline-block;
        vertical-align: top;
        padding: 9px;
        font-size: 12px;
        text-align: left;
         }
        .selectSystemCode .selected-result .result-list .result-item:after,
        .ehr-add-system-code .selected-result .result-list .result-item:after {
          content: '';
          display: block;
          width: 0;
          height: 0;
          visibility: hidden;
          zoom: 1;
          clear: both; }
        .selectSystemCode .selected-result .result-list .result-item p,
        .ehr-add-system-code .selected-result .result-list .result-item p {
          width: 100%;
          height: 22px;
          line-height: 22px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
        .selectSystemCode .selected-result .result-list .result-item p .radioCheckbox-content,
        .ehr-add-system-code .selected-result .result-list .result-item p .radioCheckbox-content {
          width: 100%;
          height: 22px;
          vertical-align: top;
          position: relative; }
          .selectSystemCode .selected-result .result-list .result-item p .radioCheckbox-content .checkbox-wrapper,
          .ehr-add-system-code .selected-result .result-list .result-item p .radioCheckbox-content .checkbox-wrapper {
            float: left;
            margin: 3px 2px 3px 0; }
          .selectSystemCode .selected-result .result-list .result-item p .radioCheckbox-content .radioCheckbox-text,
          .ehr-add-system-code .selected-result .result-list .result-item p .radioCheckbox-content .radioCheckbox-text {
            line-height: 18px;
            padding: 2px 4px;
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            transition: all .2s; }
        .selectSystemCode .selected-result .result-list .result-item p .radioCheckbox-content:after,
        .ehr-add-system-code .selected-result .result-list .result-item p .radioCheckbox-content:after {
          content: "";
          width: 0;
          height: 100%;
          display: inline-block;
          vertical-align: middle; }


.ehr-progress-bar {
  font-size: 0;
  text-align: center; }
  .ehr-progress-bar .item {
    position: relative;
    display: inline-block;
    color: #9CB0BB;
    font-size: 14px;
    padding-right: 80px; }
    .ehr-progress-bar .item:after {
      content: '';
      position: absolute;
      right: 10px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 60px;
      height: 1px;
      background-color: #ebebeb; }
    .ehr-progress-bar .item:last-of-type {
      padding: 0; }
      .ehr-progress-bar .item:last-of-type:after {
        display: none; }
    .ehr-progress-bar .item.active, .ehr-progress-bar .item.complete {
      color: #3C82EF; }
      .ehr-progress-bar .item.active:after, .ehr-progress-bar .item.complete:after {
        background-color: #3C82EF;
        color: #fff; }
    .ehr-progress-bar .item.complete span {
      background: #3C82EF url("../image/ehr-complete.png") center no-repeat;
      color: transparent; }
    .ehr-progress-bar .item.active:after,
    .ehr-progress-bar .item.active span {
      background-color: #3C82EF;
      color: #fff; }
    .ehr-progress-bar .item span {
      display: inline-block;
      width: 24px;
      height: 24px;
      line-height: 24px;
      text-align: center;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      background-color: #ebebeb;
      color: #fff; }



.progress-trans-bar {
  display: block;
  width: 100%; }
  .progress-trans-bar .progress-bar-top {
    width: 100%;
    display: block;
    font-size: 0;
    text-align: center;
    line-height: 15px;
    margin-bottom: 2px; }
    .progress-trans-bar .progress-bar-top i {
      display: inline-block;
      vertical-align: top;
      height: 15px;
      line-height: 15px; }
    .progress-trans-bar .progress-bar-top .headerTitle {
      max-width: 85%;
      font-size: 12px;
      margin-right: 5px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .progress-trans-bar .progress-bar-top .numText {
      font-size: 14px;
      color: #F65C78; }
    .progress-trans-bar .progress-bar-top .refreshProgress {
      color: #3C82EF;
      font-size: 12px;
      margin-left: 10px;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
  .progress-trans-bar .progress-bar-rail {
    background: #ebebeb;
    display: block;
    width: 100%;
    height: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative; }
    .progress-trans-bar .progress-bar-rail .progress-bar-rail-blue {
      background: #3C82EF;
      background-image: linear-gradient(90deg, #68C7F7 0, #3C82EF 100%);
      width: 0;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -webkit-transition: all .3s ease;
      -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease; }
    .progress-trans-bar .progress-bar-rail.green .progress-bar-rail-blue {
      background: #41C7DD; }
    .progress-trans-bar .progress-bar-rail.grey .progress-bar-rail-blue {
      background: #222222; }
    .progress-trans-bar .progress-bar-rail.red .progress-bar-rail-blue {
      background: #F65C78; }
  .progress-trans-bar.progress-trans-NoBar .progress-bar-top {
    margin-bottom: 0; }
    .progress-trans-bar.progress-trans-NoBar .progress-bar-top i {
      height: 22px;
      line-height: 22px; }
    .progress-trans-bar.progress-trans-NoBar .progress-bar-top .numText {
      background: url("../image/loading-1.0.0.gif") center right -6px no-repeat;
      background-size: 30px 30px;
      padding-right: 20px; }
  .progress-trans-bar.progress-trans-NoBar .progress-bar-rail {
    display: none; }
  .progress-trans-bar.progress-trans-onlyNum .progress-bar-top .headerTitle {
    display: none; }
  .progress-trans-bar.progress-trans-onlyNum .progress-bar-top .refreshProgress {
    display: none; }


.ehr-btn-scale {
  border: 1px solid #3C82EF; }

.ehr-btn-scale:hover {
  background-color: rgba(55, 150, 236, 0.05);
  color: #3C82EF;
  border-color: #3C82EF; }

.ehr-btn-scale span {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding-left: 18px;
  background: url("../image/ehr-scale-btn.png") left center no-repeat; }


.state-text {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  margin-right: 5px; }


.common-noData-area {
  text-align: center; }
  .common-noData-area .common-noData-img {
    background: url("../image/ehr-noData-icon.png") bottom center no-repeat;
    background-size: auto 130px;
    width: 100%;
    height: 150px; }
  .common-noData-area .noData-text {
    text-align: center;
    margin: 40px 0;
    font-size: 14px; }
    .common-noData-area .noData-text p {
      margin-bottom: 2px; }
  .common-noData-area .btnText {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px;
    font-size: 14px; }
  .common-noData-area .noData-text-other {
    font-size: 14px; }
  .common-noData-area .noData-text button {
    margin-left: 20px; }
  .common-noData-area p {
    margin-bottom: 20px; }
    .common-noData-area p i.noData-linkBtn {
      color: #3C82EF;
      margin-left: 3px;
      cursor: pointer; }
  .common-noData-area.small {
    padding-top: 10px; }
    .common-noData-area.small.noTop {
      padding-top: 0; }
    .common-noData-area.small .common-noData-img {
      background-size: auto 70px;
      height: 100px; }
    .common-noData-area.small .noData-text {
      font-size: 14px;
      margin-top: 20px;
      margin-bottom: 0; }

.grid-emptyText .cell-inner {
  background: url("../image/ehr-noData-icon.png") top center no-repeat;
  background-size: auto 130px;
  padding-top: 150px !important; }


div.question-help, span.question-help {
  background: #b9b9b9;
  width: 14px;
  height: 14px;
  color: #ffffff;
  font-size: 12px !important;
  font-weight: normal !important;
  line-height: 14px;
  text-align: center !important;
  font-family: arial, verdana, sans-serif;
  display: inline-block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  cursor: default;
  position: relative;
  
  top: 0;
  margin: 0 0 0 5px;
  text-indent: 0; }

div.question-help div.question-content, span.question-help span.question-content {
  font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
  background: rgba(51, 51, 51, 0.9);
  padding: 5px 10px;
  width: 160px;
  min-height: 30px;
  font-size: 12px !important;
  font-weight: normal !important;
  line-height: 1.5;
  position: absolute;
  left: 26px;
  top: -6px;
  color: #ffffff;
  z-index: 300;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: left;
  white-space: normal;
  display: none; }

div.question-help div.question-content div.question-wapper, span.question-help span.question-content span.question-wapper {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid rgba(51, 51, 51, 0.9);
  position: absolute;
  left: -8px;
  top: 7px; }

div.question-help:hover div.question-content, span.question-help:hover span.question-content {
  display: block; }

div.question-help div.question-content p, span.question-help span.question-content p {
  font-size: 12px !important; }



.ours-common-area .ours-common-top {
  background-color: transparent;
  display: block;
  font-size: 14px;
  color: #222222;
  text-align: left;
  position: relative; }
  .ours-common-area .ours-common-top .top-tabs-btnGroup {
    padding: 9px 0;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0; }

.ours-common-top .top-tabs {
  background-color: #ffffff;
  height: 50px;
  font-size: 0;
  display: block;
  text-align: center;
  border-top-left-radius: 5px;
  border-bottom: 1px solid #EDF0F3;
  position: relative; }

.ours-common-top .top-tabs a {
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  margin: 0 20px;
  color: inherit;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  text-decoration: none;
  cursor: pointer; }

.ours-common-top .top-tabs a:hover {
  color: #3C82EF; }

.ours-common-top .top-tabs a.active {
  border-bottom-color: #3C82EF;
  color: #3C82EF; }


.dialog-data-right .ours-dialog-ft {
  font-size: 0;
  text-align: center; }

.dialog-data-right .ours-dialog-ft .ours-dialog-ok,
.dialog-data-right .ours-dialog-ft .ours-dialog-cancel {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px; }


.ehr-timeFlow-record {
  display: block; }

.ehr-timeFlow-record-list {
  padding-left: 10px;
  padding-top: 15px; }

.ehr-timeFlow-record-list > .item {
  position: relative;
  padding-bottom: 20px;
  overflow: hidden; }

.ehr-timeFlow-record-list > .item:before {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  left: 5%;
  top: 7px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #3796ec; }

.ehr-timeFlow-record-list > .item:after {
  content: '';
  position: absolute;
  width: 1px;
  height: calc(100% - 20px);
  height: -webkit-calc(100% - 20px);
  height: -moz-calc(100% - 20px);
  background-color: #ebebeb;
  left: calc(5% + 3px);
  left: -webkit-calc(5% + 3px);
  left: -moz-calc(5% + 3px);
  top: 24px; }

.ehr-timeFlow-record-list > .item:last-of-type:after {
  display: none; }

.ehr-timeFlow-record-list .item .year {
  font-size: 16px;
  color: #9CB0BB; }

.ehr-timeFlow-record-list .item .details {
  font-size: 14px;
  margin-bottom: 3px; }

.ehr-timeFlow-record-list .item .details .date {
  color: #222222; }

.ehr-timeFlow-record-list .item .details .info-list {
  display: inline-block;
  min-width: 550px;
  padding: 10px 15px;
  background-color: #FBFBFB;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.ehr-timeFlow-record-list .item .details .info-list .item {
  overflow: hidden;
  margin: 5px 0;
  line-height: 1.6; }

.ehr-timeFlow-record-list .item .details .info-list .item:after {
  content: "";
  width: 0;
  display: table;
  visibility: hidden;
  clear: both; }

.ehr-timeFlow-record-list .item .details .info-list .item label {
  float: left;
  width: 95px;
  color: #666666; }

.ehr-timeFlow-record-list .item .details .info-list .item span {
  display: block;
  overflow: hidden; }
  .ehr-timeFlow-record-list .item .details .info-list .item span .ours-readOnly {
    min-height: auto;
    line-height: 20px;
    padding: 0 !important; }

.ehr-timeFlow-record-list .item .details .info-list .item p {
  padding-left: 70px; }


.back-history-btn {
  display: block; }

.back-history-btn .ehr-btn {
  min-width: inherit;
  padding: 4px 16px; }


.qrCode-layer {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 400;
  overflow: hidden;
  display: none; }

.qrCode-content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: table; }

.qrCode-area {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }
  .qrCode-area .qrCode-area-cnt {
    background: #ffffff;
    width: 830px;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    padding: 20px 30px 40px 30px;
    border-radius: 4px;
    position: relative;
    z-index: 2; }
    .qrCode-area .qrCode-area-cnt .qrCode-img,
    .qrCode-area .qrCode-area-cnt .qrCode-linkInfo {
      display: inline-block;
      vertical-align: top; }
    .qrCode-area .qrCode-area-cnt .qrCode-img {
      width: 55%;
      margin-right: 2%; }
    .qrCode-area .qrCode-area-cnt .qrCode-linkInfo {
      width: 41%;
      margin-left: 2%; }
  .qrCode-area .qrCode-area-select {
    padding-bottom: 10px;
    margin: 0 auto;
    overflow: hidden;
    border-bottom: 1px solid #efefef;
    position: relative;
    z-index: 2; }
    .qrCode-area .qrCode-area-select .qrCode-area-select-text {
      margin-bottom: 5px;
      display: block;
      font-size: 16px;
      font-weight: bold;
      color: #222222;
      text-align: left; }
    .qrCode-area .qrCode-area-select .qrCode-area-select-area {
      text-align: left; }
      .qrCode-area .qrCode-area-select .qrCode-area-select-area.width {
        width: 450px; }
      .qrCode-area .qrCode-area-select .qrCode-area-select-area .ours-class-radio label {
        display: inline-block;
        vertical-align: top;
        margin: 8px 30px 8px 0; }
    .qrCode-area .qrCode-area-select.qrCode-area-select-leftRight .qrCode-area-select-text {
      float: left;
      padding-right: 12px;
      line-height: 36px; }
    .qrCode-area .qrCode-area-select.qrCode-area-select-leftRight .qrCode-area-select-area {
      display: block;
      overflow: hidden; }
  .qrCode-area .qrCode-view {
    padding-top: 20px; }
  .qrCode-area .no-qrCode {
    height: 266px;
    font-size: 14px; }
    .qrCode-area .no-qrCode .common-noData-area .common-noData-img {
      height: 140px; }
  .qrCode-area .qrCode-linkInfo {
    font-size: 0;
    text-align: center;
    position: relative;
    z-index: 2; }
  .qrCode-area .qrCode-linkInfo-link,
  .qrCode-area .qrCode-linkInfo-link-input,
  .qrCode-area .qrCode-linkInfo-link-btn {
    display: inline-block;
    vertical-align: top;
    font-size: 0; }
  .qrCode-area .qrCode-linkInfo-link {
    width: 100%; }
    .qrCode-area .qrCode-linkInfo-link .qrCode-linkInfo-link-input {
      width: 100%; }
      .qrCode-area .qrCode-linkInfo-link .qrCode-linkInfo-link-input textarea {
        background: rgba(255, 255, 255, 0.85);
        width: 100%;
        height: 200px;
        padding: 10px;
        font-size: 14px;
        color: #222222;
        line-height: 1.5;
        user-select: none;
        border: 1px solid #efefef;
        border-radius: 4px;
        resize: none; }
        .qrCode-area .qrCode-linkInfo-link .qrCode-linkInfo-link-input textarea:focus {
          outline: none !important; }
    .qrCode-area .qrCode-linkInfo-link .qrCode-linkInfo-link-btn .ehr-btn {
      height: 32px;
      border-radius: 0;
      border: 0 !important;
      border-left: 1px solid #ebebeb !important; }
  .qrCode-area .qrCode-linkInfo-printBtn {
    display: block;
    font-size: 0; }
    .qrCode-area .qrCode-linkInfo-printBtn .ehr-btn {
      width: 45%;
      height: 32px;
      margin: 20px 5% 0 5%; }
      .qrCode-area .qrCode-linkInfo-printBtn .ehr-btn:first-child {
        margin-left: 0; }
      .qrCode-area .qrCode-linkInfo-printBtn .ehr-btn:last-child {
        margin-right: 0; }

.qrCode-area-closeLayout {
  background: transparent;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1; }

.qrCode-img .qrcode-tips {
  font-size: 12px;
  color: #999999; }
.qrCode-img.fixedCode-img {
  text-align: center; }
  .qrCode-img.fixedCode-img .qrCode {
    width: 200px;
    height: 200px;
    margin: 0 auto; }
    .qrCode-img.fixedCode-img .qrCode img {
      width: 100%;
      height: 100%; }
  .qrCode-img.fixedCode-img .qrcode-size {
    display: block;
    font-size: 0; }
    .qrCode-img.fixedCode-img .qrcode-size span {
      display: inline-block;
      vertical-align: top;
      font-size: 12px;
      color: #222222;
      margin: 20px 5px 10px 5px;
      cursor: pointer; }
      .qrCode-img.fixedCode-img .qrcode-size span.active {
        font-weight: bold; }
.qrCode-img .qrCode img {
  position: relative;
  z-index: 2; }

.qrCode-choose {
  width: auto;
  margin: 0 auto;
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -274px;
  z-index: 2; }

.qrCode-choose span {
  min-width: 150px;
  height: 34px;
  line-height: 34px;
  display: inline-block;
  font-size: 14px;
  color: #b7b7b7;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  margin: 0 15px; }

.qrCode-choose span.active {
  border-bottom: 2px solid #ffffff;
  color: #ffffff; }

.qrCode img {
  border: 8px solid #ffffff; }

.qrCode-layer .qrCode-info {
  width: 100%;
  color: #ffffff;
  text-align: center;
  font-size: 14px; }


.divisionSlot-area {
  display: block;
  font-size: 0;
  white-space: nowrap; }

.divisionSlot-area-span {
  width: 45%;
  display: inline-block;
  vertical-align: top;
  position: relative; }

.divisionSlot-area-label {
  width: 10%;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  text-align: center;
  padding: 0 4px; }


.timeSlot-content {
  white-space: nowrap;
  font-size: 0;
  line-height: 32px;
  display: inline-block;
  vertical-align: top; }

.timeSlot-content label {
  
  margin: 0 4px;
  font-size: 12px;
  display: inline-block;
  vertical-align: top; }

.timeSlot-content label:first-child {
  margin-left: 0; }

.timeSlot-content label + span {
  margin-left: 7px; }

.timeSlot-content span {
  display: inline-block;
  vertical-align: top;
  position: relative; }

.timeSlot-content span input,
.timeSlot-content span .content-show-area,
.timeSlot-content span .ours-readOnly {
  vertical-align: top;
  height: 32px;
  min-height: 32px;
  font-size: 12px; }

.timeSlot-content span .ours-readOnly {
  background: transparent !important;
  padding-left: 5px !important;
  line-height: 18px !important; }

.timeSlot-item {
  width: 130px; }

.timeSlot-area {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  line-height: 30px;
  border: 1px solid #dcdee2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-left: 7px; }
  .timeSlot-area:hover, .timeSlot-area:focus {
    border-color: #3C82EF; }
  .timeSlot-area span.timeSlot-item {
    margin-left: 0; }
  .timeSlot-area span input,
  .timeSlot-area span input:hover,
  .timeSlot-area span input:focus {
    border: 0; }
  .timeSlot-area span input,
  .timeSlot-area span .content-show-area,
  .timeSlot-area span .ours-readOnly {
    height: 30px;
    min-height: 30px; }
  .timeSlot-area label {
    line-height: 30px; }


.textareaCommonPhrases {
  display: block;
  text-align: left;
  padding: 20px 30px; }
  .textareaCommonPhrases:after {
    content: "";
    display: table;
    width: 0;
    visibility: hidden;
    clear: both; }

.textareaCommonPhrases-header {
  line-height: 30px;
  margin-bottom: 5px; }

.textareaCommonPhrases-header,
.textareaCommonPhrases-body {
  display: block;
  position: relative; }

.textareaCommonPhrases-header label.textareaCommonPhrases-title {
  display: inline-block;
  font-size: 14px;
  line-height: inherit; }

.textareaCommonPhrases-button {
  background: none;
  font-size: 12px;
  color: #3C82EF;
  line-height: inherit;
  float: right;
  border: 0;
  outline: none;
  cursor: pointer; }

.textareaCommonPhrases-input {
  display: block;
  width: 100%;
  height: 120px;
  line-height: 24px;
  padding: 0 5px;
  border: 1px solid #dcdee2;
  outline: none;
  font-size: 14px;
  resize: none;
  vertical-align: top;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }
  .textareaCommonPhrases-input:focus {
    border-color: #3C82EF; }

.textareaCommonPhrases-list {
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 50;
  display: none; }

.textareaCommonPhrases-list-area {
  background: #ffffff;
  padding: 8px 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 0 6px rgba(40, 120, 255, 0.11), 0 0 7px rgba(0, 0, 0, 0.11);
  list-style: none;
  position: relative;
  z-index: 41; }
  .textareaCommonPhrases-list-area ul {
    display: block;
    list-style: none;
    max-height: 200px;
    overflow: hidden;
    overflow-y: auto; }
    .textareaCommonPhrases-list-area ul li {
      white-space: nowrap;
      min-width: 80px;
      padding: 0 15px;
      cursor: pointer;
      color: #222222;
      height: 30px;
      line-height: 30px;
      font-size: 12px;
      font-weight: 500;
      text-align: left; }
      .textareaCommonPhrases-list-area ul li:hover {
        background: #F1F5F8;
        color: #3C82EF; }

.textareaCommonPhrases-list-mask {
  background: rgba(255, 255, 255, 0);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 40; }


.layui-laydate-footer {
  padding-left: 10px !important; }
  .layui-laydate-footer span.laydate-btns-time {
    background-color: #ff5500;
    color: #ffffff !important;
    border-radius: 2px;
    padding: 0 10px; }
    .layui-laydate-footer span.laydate-btns-time:hover {
      background: #ff5500;
      color: #ffffff; }


.ours-cellphone-check input:focus {
  border-color: #3C82EF; }

.ours-cellphone-check .ours-cellphone-resend-btn {
  background: #3C82EF; }


.ours-warn-info h3 {
  font-size: 12px;
  color: #222222;
  line-height: 24px;
  font-weight: bold;
  margin-top: 8px;
  text-align: left; }

.ours-warn-info p {
  font-size: 12px;
  font-weight: 400;
  color: #222222;
  line-height: 22px;
  padding-left: 10px;
  position: relative;
  text-align: left; }

.ours-warn-info p:before {
  content: "";
  background: rgba(62, 73, 103, 0.75);
  width: 5px;
  height: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 9px; }

.ours-warn-info p.custom-tips {
  color: #F65C78; }

.ours-warn-info p.custom-tips:before {
  background: #F65C78; }

.ours-warn-info p a, .ours-warn-info p a:hover {
  font-size: 12px;
  color: #3C82EF;
  margin-left: 5px;
  text-decoration: none;
  cursor: pointer;
  position: relative; }



.customList-file {
  display: block;
  text-align: left; }
  .customList-file .customList-file-add {
    padding-left: 10px; }
  .customList-file .customList-file-area {
    display: block;
    padding: 5px 15px;
    max-height: 265px;
    min-height: 171px;
    overflow: hidden;
    overflow-y: auto; }
    .customList-file .customList-file-area li {
      display: block;
      height: 32px;
      line-height: 32px;
      padding-left: 10px;
      padding-right: 150px;
      position: relative; }
      .customList-file .customList-file-area li:hover {
        background: rgba(241, 245, 248, 0.6);
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        cursor: pointer; }
        .customList-file .customList-file-area li:hover .customList-file-info {
          display: none; }
        .customList-file .customList-file-area li:hover .customList-file-operation {
          display: block; }
      .customList-file .customList-file-area li .customList-file-title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .customList-file .customList-file-area li .customList-file-info,
      .customList-file .customList-file-area li .customList-file-operation {
        padding-right: 10px;
        height: 32px;
        font-size: 0;
        color: #76909E;
        position: absolute;
        right: 0;
        top: 0; }
        .customList-file .customList-file-area li .customList-file-info span,
        .customList-file .customList-file-area li .customList-file-operation span {
          font-size: 12px;
          display: inline-block;
          vertical-align: middle;
          margin: 0 1px; }
        .customList-file .customList-file-area li .customList-file-info span.customList-file-operation-icon,
        .customList-file .customList-file-area li .customList-file-operation span.customList-file-operation-icon {
          margin: 0 0 0 10px; }
      .customList-file .customList-file-area li .customList-file-info span:first-child {
        max-width: 80px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
  .customList-file .common-noData-area.small {
    padding-top: 10px;
    padding-bottom: 20px; }

.customList-file-operation {
  display: none;
  font-size: 0; }

.customList-file-operation-icon {
  background-image: none;
  font-family: "ehrIconFont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 18px;
  height: 18px;
  font-size: 16px !important;
  line-height: 18px;
  text-align: center;
  cursor: pointer; }

.editSpan:before {
  content: "\e62c"; }

.delSpan:before {
  content: "\e741"; }

.downSpan:before {
  content: "\e73e"; }

.printSpan:before {
  content: "\e74e"; }

.customList-file-hover:hover {
  color: #3C82EF; }

.customList-file-add {
  background: #f4f6f7; }
  .customList-file-add .customList-addBtn {
    background: none;
    border: 0;
    height: 32px;
    line-height: 32px;
    color: #3C82EF;
    padding: 0 12px;
    outline: none;
    cursor: pointer;
    font-size: 0; }
    .customList-file-add .customList-addBtn .customList-file-add-icon {
      background-image: none !important;
      font-family: "ehrIconFont" !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      width: 14px;
      height: 14px;
      line-height: 14px;
      text-align: center;
      font-size: 14px;
      display: inline-block;
      vertical-align: middle;
      margin-right: 5px; }
      .customList-file-add .customList-addBtn .customList-file-add-icon:before {
        content: "\e748"; }
    .customList-file-add .customList-addBtn .customList-file-add-text {
      font-size: 14px;
      display: inline-block;
      vertical-align: middle; }

.importSet-area {
  display: block;
  font-size: 0; }
  .importSet-area .importSet-area-input {
    width: 120px;
    display: inline-block;
    vertical-align: top;
    position: relative; }
    .importSet-area .importSet-area-input input {
      width: 100%;
      min-height: 32px; }
    .importSet-area .importSet-area-input select {
      width: 100%;
      height: 32px; }



.custom-content-height .ours-dialog-cnt .ours-dialog-bd,
.custom-content-height .ours-dialog-cnt .ours-dialog-ft {
  position: absolute; }
.custom-content-height .ours-dialog-cnt .ours-dialog-bd {
  top: 54px;
  left: 0;
  right: 0;
  bottom: 66px; }
.custom-content-height .ours-class-oursview,
.custom-content-height .custom-content {
  height: inherit;
  position: relative; }
  .custom-content-height .ours-class-oursview .custom-content-item,
  .custom-content-height .custom-content .custom-content-item {
    width: auto;
    height: auto;
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 0;
    top: 45px;
    overflow: hidden;
    overflow-y: auto; }

.custom-content-height .ours-dialog-cnt {
  height: 88%; }

.custom-content-bank .custom-content .custom-content-item {
  height: 400px; }
  .custom-content-bank .custom-content .custom-content-item .ehr-grid-layout:first-child ul {
    padding: 0; }
.custom-content-bank .customTemplate-area .import-file .oursFile-load-file-list {
  margin-top: 0; }

.custom-content {
  padding: 10px 10px 0 10px; }
  .custom-content .radioCheckbox-content {
    padding-right: 20px; }
  .custom-content .ehr-menu-tab-custom {
    padding-bottom: 3px; }
  .custom-content .custom-content-item {
    width: 100%;
    min-height: 340px; }
    .custom-content .custom-content-item .custom-layout-cnt {
      font-size: 0; }
      .custom-content .custom-content-item .custom-layout-cnt .custom-layout-cnt-item {
        width: 32%;
        display: inline-block;
        vertical-align: top;
        margin-right: 2%;
        overflow: hidden; }
        .custom-content .custom-content-item .custom-layout-cnt .custom-layout-cnt-item:last-child {
          margin-right: 0; }
        .custom-content .custom-content-item .custom-layout-cnt .custom-layout-cnt-item .ehr-input {
          font-size: 12px;
          vertical-align: top; }
        .custom-content .custom-content-item .custom-layout-cnt .custom-layout-cnt-item .custom-layout-cnt-item-l {
          background-color: #f1f3f4;
          font-size: 12px;
          height: 36px;
          line-height: 36px;
          padding: 0 8px 0 4px;
          border-width: 1px 0 1px 1px;
          border-top-left-radius: 4px;
          border-bottom-left-radius: 4px;
          border-style: solid;
          border-color: #ebebeb;
          float: left; }
        .custom-content .custom-content-item .custom-layout-cnt .custom-layout-cnt-item .custom-layout-cnt-item-m {
          display: block;
          overflow: hidden; }
          .custom-content .custom-content-item .custom-layout-cnt .custom-layout-cnt-item .custom-layout-cnt-item-m .ehr-input {
            border-radius: 0;
            border-right: 0; }
        .custom-content .custom-content-item .custom-layout-cnt .custom-layout-cnt-item .custom-layout-cnt-item-r {
          width: 80px;
          float: right; }
          .custom-content .custom-content-item .custom-layout-cnt .custom-layout-cnt-item .custom-layout-cnt-item-r .ehr-input {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0; }
    .custom-content .custom-content-item .ehr-grid-layout:first-child ul {
      padding: 15px 20px 0 20px; }
    .custom-content .custom-content-item .ehr-grid-layout ul li {
      margin-bottom: 14px; }
    .custom-content .custom-content-item .ehr-grid-layout ul.customTemplate-leftRight-layout li {
      margin-bottom: 18px; }
      .custom-content .custom-content-item .ehr-grid-layout ul.customTemplate-leftRight-layout li .ehr-grid-layout-label .textLabel {
        font-size: 0; }
      .custom-content .custom-content-item .ehr-grid-layout ul.customTemplate-leftRight-layout li:first-child .ehr-grid-layout-label .textLabel {
        font-size: 14px; }
      .custom-content .custom-content-item .ehr-grid-layout ul.customTemplate-leftRight-layout li input, .custom-content .custom-content-item .ehr-grid-layout ul.customTemplate-leftRight-layout li select {
        vertical-align: top; }
    .custom-content .custom-content-item.custom-content-item-auto {
      height: auto; }
    .custom-content .custom-content-item .ours-class-SelectItem {
      height: 100%; }
      .custom-content .custom-content-item .ours-class-SelectItem .dataSet-content {
        width: 100%;
        height: 100%; }
        .custom-content .custom-content-item .ours-class-SelectItem .dataSet-content .dataset-dialog-container {
          height: 100%; }
          .custom-content .custom-content-item .ours-class-SelectItem .dataSet-content .dataset-dialog-container .dataSet-head {
            padding-top: 0; }
            .custom-content .custom-content-item .ours-class-SelectItem .dataSet-content .dataset-dialog-container .dataSet-head .dialog-warntips {
              padding-left: 10px;
              padding-right: 10px; }
          .custom-content .custom-content-item .ours-class-SelectItem .dataSet-content .dataset-dialog-container .dataSet-head.dataSearch {
            padding-top: 10px; }
            .custom-content .custom-content-item .ours-class-SelectItem .dataSet-content .dataset-dialog-container .dataSet-head.dataSearch .dataSet-search {
              padding-left: 15px; }
          .custom-content .custom-content-item .ours-class-SelectItem .dataSet-content .dataset-dialog-container .dataSet-head.dataSearch + .dialog-data-left,
          .custom-content .custom-content-item .ours-class-SelectItem .dataSet-content .dataset-dialog-container .dataSet-head.dataSearch + .dialog-data-left + .dialog-data-right {
            top: 50px; }
          .custom-content .custom-content-item .ours-class-SelectItem .dataSet-content .dataset-dialog-container .dialog-data-left,
          .custom-content .custom-content-item .ours-class-SelectItem .dataSet-content .dataset-dialog-container .dialog-data-right {
            height: auto;
            top: 56px;
            bottom: 10px; }
            .custom-content .custom-content-item .ours-class-SelectItem .dataSet-content .dataset-dialog-container .dialog-data-left ul,
            .custom-content .custom-content-item .ours-class-SelectItem .dataSet-content .dataset-dialog-container .dialog-data-right ul {
              height: auto;
              position: absolute;
              top: 24px;
              right: 15px;
              left: 15px;
              bottom: 6px; }
          .custom-content .custom-content-item .ours-class-SelectItem .dataSet-content .dataset-dialog-container .dialog-data-left {
            left: 15px; }
          .custom-content .custom-content-item .ours-class-SelectItem .dataSet-content .dataset-dialog-container .dialog-data-right {
            right: 15px; }
    .custom-content .custom-content-item .customText-info {
      display: inline-block;
      vertical-align: top;
      margin-right: 10px; }
      .custom-content .custom-content-item .customText-info + button {
        padding: 9px 12px;
        vertical-align: top; }

.ehr-menu-tab-custom {
  padding-bottom: 12px; }

.customTemplate-area {
  
  border-radius: 3px;
  line-height: normal;
  padding: 12px 10px; }
  .customTemplate-area .ehr-grid-layout ul {
    padding-top: 0 !important; }

.customTemplate-area .ehr-grid-layout ul.row-leftRight-layout li .ehr-grid-layout-label {
  width: 28%; }

.customTemplate-area .ehr-grid-layout ul.row-leftRight-layout li .ehr-grid-layout-area {
  width: 72%; }

.customTemplate-area .customTemplate-input {
  display: inline-block;
  vertical-align: top;
  width: 80px; }
  .customTemplate-area .customTemplate-input + .customTemplate-tips {
    margin-left: 15px;
    font-size: 12px; }

.customTemplate-tips {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  cursor: pointer;
  color: #3C82EF;
  line-height: 36px;
  position: relative; }

.customTemplate-tips img {
  width: 540px;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -298px !important;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -ms-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s;
  opacity: 0;
  filter: Alpha(Opacity=0);
  z-index: -1; }

.customTemplate-tips:hover img,
.customTemplate-tips:hover .customTemplate-tips-text {
  opacity: 1;
  filter: Alpha(Opacity=100);
  z-index: 200; }

.customTemplate-tips:hover img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

.customTemplate-tips:hover .customTemplate-tips-text {
  -webkit-transform: translateY(-50%) scale(1);
  -moz-transform: translateY(-50%) scale(1);
  -ms-transform: translateY(-50%) scale(1);
  -o-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1); }

.customTemplate-area .customTemplate-tips img {
  width: 560px;
  bottom: 30px;
  margin-left: -365px !important;
  -webkit-transform-origin: bottom center;
  -moz-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  -o-transform-origin: bottom center;
  transform-origin: bottom center; }

.customTemplate-tips-text {
  background: #ffffff;
  width: 700px;
  padding: 10px;
  line-height: 1.5;
  color: #222222;
  position: absolute;
  left: 96px;
  top: 50%;
  border-radius: 3px;
  cursor: default;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  -webkit-transform: translateY(-50%) scale(0);
  -moz-transform: translateY(-50%) scale(0);
  -ms-transform: translateY(-50%) scale(0);
  -o-transform: translateY(-50%) scale(0);
  transform: translateY(-50%) scale(0);
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  opacity: 0;
  filter: Alpha(Opacity=0);
  z-index: -1; }
  .customTemplate-tips-text .customTemplate-tips-text-title {
    display: block; }
  .customTemplate-tips-text .customTemplate-tips-text-content {
    padding: 2px 12px 8px 12px; }
    .customTemplate-tips-text .customTemplate-tips-text-content * {
      font-size: 12px !important; }
    .customTemplate-tips-text .customTemplate-tips-text-content p {
      display: block; }
    .customTemplate-tips-text .customTemplate-tips-text-content .customTemplate-tips-text-content-textarea {
      padding: 3px 10px;
      background: #f5f5f5;
      margin-top: 5px; }

.customTemplate-inline {
  display: block;
  font-size: 0; }
  .customTemplate-inline .customTemplate-inline-item {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    position: relative; }
    .customTemplate-inline .customTemplate-inline-item .customTemplate-inline-item-tit {
      display: inline-block;
      vertical-align: top;
      font-size: 14px; }
    .customTemplate-inline .customTemplate-inline-item .customTemplate-inline-item-text {
      width: 80px;
      display: inline-block;
      vertical-align: top; }
  .customTemplate-inline .customTemplate-inline-op {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    font-size: 0; }

.customTemplate-inline-op-btn {
  background: url("../image/subtn-icon.png") no-repeat;
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 10px; }
  .customTemplate-inline-op-btn.customTemplate-inline-op-btn-add {
    background-position: -14px 0; }
  .customTemplate-inline-op-btn.customTemplate-inline-op-btn-del {
    background-position: -56px 0; }


.customTemplate-area .import-file .oursFile-import-file {
  display: block;
  width: 100%;
  background-color: #fff;
  text-align: center;
  border: 1px dashed #ebebeb;
  border-radius: 2px;
  padding: 10px 12px;
  outline: none;
  cursor: pointer;
  position: relative;
  overflow: hidden; }

.customTemplate-area .import-file .oursFile-import-file:hover {
  border-color: #3C82EF;
  background-color: rgba(55, 150, 236, 0.05); }

.customTemplate-area .oursFile-import-file .import-file-btn {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  outline: none;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
  z-index: 99; }

.customTemplate-area .import-file .oursFile-import-file span {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-top: 30px;
  background: url("../image/ehr-position-operation.png") -37px -121px no-repeat; }

.customTemplate-area .import-file .oursFile-import-file.moreFile span {
  margin-top: 10px; }

.customTemplate-area .import-file .oursFile-import-file p {
  font-size: 14px;
  font-weight: 400;
  color: #3C82EF;
  line-height: 20px;
  margin-top: 8px;
  margin-bottom: 20px; }

.customTemplate-area .oursFile-import-file.oursFile-import-file-error p {
  color: #F65C78; }

.customTemplate-area .oursFile-import-file.oursFile-import-file-error span {
  background-position: -121px -121px; }

.customTemplate-area .oursFile-import-file.oursFile-import-file-error:hover {
  border-color: #F65C78;
  background-color: rgba(243, 92, 120, 0.05); }

.front-error-msg,
.customTemplate-area .oursFile-import-file.oursFile-import-file-error p {
  display: none; }

.customTemplate-area .oursFile-import-file.oursFile-import-file-error p.front-error-msg {
  display: block; }

.customTemplate-area .import-file .oursFile-load-file-list {
  margin: 10px 0 0 0;
  max-height: 150px;
  overflow-y: auto; }

.customTemplate-area .import-file .oursFile-load-file-list .oursFile-load-file-item {
  display: block;
  padding: 0 29px 0 33px;
  height: 40px;
  line-height: 40px;
  border: 1px dashed #ebebeb;
  margin-bottom: 5px;
  position: relative; }

.customTemplate-area .import-file .oursFile-load-file-list .oursFile-load-file-item:hover {
  border-color: #2C82FC; }

.customTemplate-area .import-file .oursFile-load-file-list .oursFile-load-file-item .icon {
  background: #f7f9fa url("../image/ehr-position-operation.png") 0 -115px no-repeat;
  width: 19px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 7px;
  top: 50%;
  margin-top: -12px;
  margin-left: 0;
  margin-right: 0; }

.customTemplate-area .import-file .oursFile-load-file-list .oursFile-load-file-item .file-name {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 400;
  color: #222222;
  line-height: 17px; }

.customTemplate-area .import-file .oursFile-load-file-list .oursFile-load-file-item .file-operation {
  background: url("../image/ehr-position-operation.png") -71px -123px no-repeat;
  width: 15px;
  height: 16px;
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -8px;
  margin-left: 0;
  margin-right: 0;
  cursor: pointer; }

.customTemplate-area .import-file .oursFile-load-file-list .oursFile-load-file-item .file-operation:hover {
  background: url("../image/ehr-position-operation.png") -87px -123px no-repeat; }

.custom-content-bank .customTemplate-area .import-file .oursFile-import-file {
  padding: 0;
  text-align: center;
  height: 40px;
  line-height: 40px; }
  .custom-content-bank .customTemplate-area .import-file .oursFile-import-file span {
    display: inline-block;
    vertical-align: top;
    margin-top: 11px;
    margin-right: 10px; }
  .custom-content-bank .customTemplate-area .import-file .oursFile-import-file p {
    display: inline-block;
    vertical-align: top;
    height: 40px;
    line-height: 40px;
    margin-top: 0;
    margin-bottom: 0; }
  .custom-content-bank .customTemplate-area .import-file .oursFile-import-file .front-error-msg {
    display: none; }
  .custom-content-bank .customTemplate-area .import-file .oursFile-import-file .oursFile-load-file-list {
    margin-top: 0; }


.specialInfo {
  position: absolute;
  left: 10px;
  bottom: 5px; }

.specialInfo-title {
  background: url("../image/informationIcon-1.0.0.png") left center no-repeat;
  background-size: 16px 16px;
  height: 32px;
  font-size: 12px;
  color: #3C82EF;
  font-weight: bold;
  line-height: 32px;
  padding-left: 20px;
  display: inline-block;
  border-radius: 3px; }

.specialInfo-area {
  background: #9b9b9b;
  width: 240px;
  padding: 8px 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: left;
  font-size: 12px;
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-100%);
  z-index: 10;
  display: none; }

.specialInfo:hover .specialInfo-area {
  display: block; }



.switch-paging {
  position: fixed;
  bottom: 20px;
  left: 50%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  z-index: 9;
  transform: translate(-50%, 0); }
  .switch-paging .switch-paging-content {
    border-radius: 30px;
    background-color: #ffffff;
    overflow: hidden;
    box-shadow: 0 0 10px 0 #c8c8c8;
    display: inline-block;
    vertical-align: top; }
  .switch-paging .switch-paging-left, .switch-paging .switch-paging-right {
    float: left;
    text-align: left;
    color: #99a1a7;
    cursor: pointer; }
  .switch-paging .switch-paging-left {
    padding-left: 14px;
    padding-right: 14px; }
    .switch-paging .switch-paging-left:hover {
      color: #3C82EF; }
      .switch-paging .switch-paging-left:hover .switch-paging-icon-left {
        background-position: 0 -16px; }
  .switch-paging .switch-paging-right {
    padding-left: 14px;
    padding-right: 14px; }
    .switch-paging .switch-paging-right:hover {
      color: #3C82EF; }
      .switch-paging .switch-paging-right:hover .switch-paging-icon-right {
        background-position: -16px -16px; }
  .switch-paging .switch-paging-prev {
    border-left: 1px solid #EDF0F3;
    padding-left: 8px;
    padding-right: 14px;
    font-size: 0; }
  .switch-paging .switch-paging-next {
    border-right: 1px solid #EDF0F3;
    padding-left: 14px;
    padding-right: 8px;
    font-size: 0; }
  .switch-paging .switch-paging-middle {
    float: left;
    padding: 0 10px 0 0;
    border-left: 1px solid #EDF0F3;
    border-right: 1px solid #EDF0F3;
    color: #999999; }
    .switch-paging .switch-paging-middle .switch-paging-middle-num {
      float: left; }
    .switch-paging .switch-paging-middle .switch-paging-text {
      float: left;
      padding: 0 20px;
      border-right: 1px solid #EDF0F3; }
      .switch-paging .switch-paging-middle .switch-paging-text:hover {
        background: #ecf6fe;
        color: #3C82EF;
        cursor: pointer; }
      .switch-paging .switch-paging-middle .switch-paging-text.selected {
        background: #3C82EF;
        color: #ffffff; }
    .switch-paging .switch-paging-middle .switch-paging-middle-total {
      padding-left: 10px;
      float: left; }
  .switch-paging .switch-paging-text {
    display: inline-block;
    vertical-align: top;
    font-size: 14px; }
  .switch-paging .switch-paging-icon {
    background: url("../image/pageIcon.png") no-repeat;
    background-size: 32px 32px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle; }
  .switch-paging .switch-paging-icon-left {
    background-position: 0 0; }
  .switch-paging .switch-paging-icon-right {
    background-position: -16px 0; }
  .switch-paging .paging-backTop {
    display: none;
    vertical-align: top;
    margin-left: 20px;
    width: 40px;
    height: 40px; }
    .switch-paging .paging-backTop .paging-backTop-area {
      background: url("../image/backTopIcon.png") #ffffff center no-repeat;
      background-size: 16px 16px;
      width: inherit;
      height: inherit;
      display: none;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
      box-shadow: 0 0 10px 0 #c8c8c8;
      cursor: pointer; }



.commonBackTop {
  background-image: none !important;
  font-family: "ehrIconFont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 24px;
  text-align: center;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  box-shadow: 0 0 10px 0 #c8c8c8;
  cursor: pointer;
  position: fixed;
  right: 50px;
  bottom: 20px;
  z-index: 99;
  display: none; }

.commonBackTop:before {
  content: "\e664"; }

.seeRange {
  display: inline-block;
  vertical-align: middle; }

.ehr-btn + .seeRange,
.ehr-dropdown + .seeRange,
.ours-class-oursview + .seeRange {
  margin-left: 5px;
  padding-left: 15px;
  border-left: 1px solid #ebebeb; }

.seeRange .ours-class-radio-4 > span {
  min-width: 80px;
  margin: 0;
  padding: 7px 12px;
  text-align: center;
  border: 0; }

.seeRange .ours-class-radio-4 > span label {
  vertical-align: top; }

.seeRange .ours-class-radio-4 > span .radio-button-wrapper input[type="radio"] + .selected-icon {
  border-radius: 0;
  border-left: 0; }

.seeRange .ours-class-radio-4 > span:first-child .radio-button-wrapper input[type="radio"] + .selected-icon {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.seeRange .ours-class-radio-4 > span:last-child .radio-button-wrapper input[type="radio"] + .selected-icon {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.seeRange .ours-class-radio-4 > span:first-child .radio-button-wrapper input[type="radio"] + .selected-icon {
  border-left: 1px solid #ccc; }

.seeRange .ours-class-radio-4 > span:first-child .radio-button-wrapper input[type="radio"]:checked + .selected-icon {
  border-left: 1px solid #3C82EF; }

.seeRange .ours-class-radio-4 > span .radio-button-wrapper input[type="radio"]:checked + .selected-icon {
  box-shadow: -1px 0 0 0 #3C82EF;
  position: relative;
  z-index: 5; }

.seeRange .ours-class-radio-4 > span:first-child .radio-button-wrapper input[type="radio"]:checked + .selected-icon {
  box-shadow: none !important; }

.seeRange .ours-class-radio-4 .button-wrapper-info {
  font-size: 12px; }

.seeRange .ours-class-radio-4 > span:hover .button-wrapper-info {
  color: #3C82EF; }

.ehr-tree-seeRange {
  display: block;
  margin-bottom: 5px; }
  .ehr-tree-seeRange .seeRange {
    display: block; }
    .ehr-tree-seeRange .seeRange .ours-class-radio-4 {
      margin-right: 0; }
      .ehr-tree-seeRange .seeRange .ours-class-radio-4 > span {
        width: 50%; }

.ehr-tree-seeRange .seeRange .ours-class-radio-4 > span .radio-button-wrapper {
  z-index: 9; }

.ehr-tree-seeRange .seeRange .ours-class-radio-4 > span .radio-button-wrapper input[type="radio"] + .selected-icon {
  border-color: #ebebeb;
  background: #ffffff; }

.ehr-tree-seeRange .seeRange .ours-class-radio-4 > span .radio-button-wrapper input[type="radio"]:checked + .selected-icon {
  background: #ebf6fe;
  border-color: #3C82EF;
  position: relative;
  z-index: 5; }

.ehr-tree-seeRange .seeRange .ours-class-radio-4 .button-wrapper-info {
  font-size: 14px; }

.ours-class-radio-4 > span .radio-button-wrapper input[type="radio"]:disabled + .selected-icon {
  background: rgba(216, 225, 230, 0.2);
  cursor: not-allowed; }

.ours-class-radio-4 > span .radio-button-wrapper input[type="radio"]:checked:disabled + .selected-icon {
  background-color: rgba(179, 232, 241, 0.2);
  border-color: #B3E8F1; }


.matchingContent {
  width: 70px;
  height: 14px;
  display: inline-block;
  vertical-align: middle; }
  .matchingContent.bigger {
    background-size: 135px 27px;
    width: 135px;
    height: 27px; }
    .matchingContent.bigger .matchingContent-area {
      background-size: 135px 27px;
      height: 27px; }

.matchingContent-area {
  background-repeat: no-repeat;
  background-size: 70px 14px;
  width: 100%;
  height: 14px;
  display: block;
  vertical-align: top;
  transition: width .2s ease; }

.matchingContent-area-0 {
  background-image: url("../image/recMatching-0.png"); }

.matchingContent-area-1 {
  background-image: url("../image/recMatching-1.png"); }

.matchingContent-area-2 {
  background-image: url("../image/recMatching-2.png"); }

.matchingContent-area-3 {
  background-image: url("../image/recMatching-3.png"); }

.matchingContent-area-4 {
  background-image: url("../image/recMatching-4.png"); }

.matchingContent-area-5 {
  background-image: url("../image/recMatching-5.png"); }


.salaryArea {
  display: block;
  font-size: 0;
  padding-right: 60px;
  position: relative; }

.salaryArea-item {
  width: 45%;
  display: inline-block;
  vertical-align: top;
  position: relative; }
  .salaryArea-item .ours-error-info {
    white-space: nowrap; }

.salaryArea-item input {
  vertical-align: top; }

.salaryLine {
  width: 10%;
  line-height: 36px;
  text-align: center;
  font-size: 14px;
  color: #999999;
  display: inline-block;
  vertical-align: top; }

.salaryUtil,
.salaryFace {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 36px;
  position: absolute;
  top: 0; }

.salaryUtil {
  right: 42px; }

.salaryFace {
  color: #3C82EF;
  right: 0;
  cursor: pointer; }

.readOnly-column .salaryArea-item {
  width: auto; }

.readOnly-column .salaryUtil,
.readOnly-column .salaryFace {
  position: relative;
  right: auto;
  margin-right: 15px; }

.readOnly-column .salaryLine {
  line-height: 33px; }


.emailFeedback {
  display: block;
  border-top: 5px solid #3C82EF; }

.emailFeedback-content {
  padding: 80px 20px 40px 20px; }

.emailFeedback-result {
  display: block;
  text-align: center; }

.emailFeedback-result-img {
  background: url("../image/successImage.png") top center no-repeat;
  background-size: 86% auto;
  width: 200px;
  height: 200px;
  display: block;
  margin: 0 auto; }

.emailFeedback-result-text {
  font-size: 18px;
  display: block; }
  .emailFeedback-result-text p {
    margin: 2px 0; }

.emailFeedback-result-reason {
  display: block; }

.emailFeedback-other {
  width: 96%;
  max-width: 1100px;
  margin: 0 auto;
  display: block; }
  .emailFeedback-other .emailFeedback-other-title {
    font-size: 18px;
    font-weight: normal;
    margin-top: 45px;
    margin-bottom: 15px;
    padding-left: 13px;
    position: relative; }
    .emailFeedback-other .emailFeedback-other-title:before {
      content: "";
      background-color: #3C82EF;
      width: 4px;
      height: 14px;
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -7px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px; }
  .emailFeedback-other .emailFeedback-other-selectArea {
    padding: 0 13px; }
  .emailFeedback-other .emailFeedback-other-btn {
    display: block;
    margin-top: 25px;
    text-align: center; }


.tableTile-content {
  display: block;
  text-align: left; }
  .tableTile-content .tableTitle-item {
    padding-bottom: 20px; }
    .tableTile-content .tableTitle-item .tableTitle-item-title {
      font-size: 16px;
      padding-bottom: 8px; }
      .tableTile-content .tableTitle-item .tableTitle-item-title .switchLabel {
        display: inline-block;
        vertical-align: middle;
        margin-left: 12px; }
    .tableTile-content .tableTitle-item .tableTitle-item-table {
      display: block; }
    .tableTile-content .tableTitle-item .tableTitle-item-toolbar {
      padding-bottom: 10px; }


.staff-establishing-text {
  display: block; }
  .staff-establishing-text:after {
    content: "";
    width: 0;
    display: table;
    visibility: hidden;
    clear: both; }
  .staff-establishing-text .staff-establishing-title,
  .staff-establishing-text .staff-establishing-area {
    font-size: 14px;
    line-height: 36px; }
  .staff-establishing-text .staff-establishing-area {
    display: block;
    overflow: hidden; }
    .staff-establishing-text .staff-establishing-area .staff-establishing-area-input {
      width: 100px;
      position: relative; }
      .staff-establishing-text .staff-establishing-area .staff-establishing-area-input .ours-error-info {
        position: relative; }
      .staff-establishing-text .staff-establishing-area .staff-establishing-area-input input {
        vertical-align: top; }
    .staff-establishing-text .staff-establishing-area .staff-establishing-num {
      display: inline-block;
      vertical-align: middle;
      margin-right: 2px;
      height: 16px;
      line-height: 16px;
      font-size: 18px; }
    .staff-establishing-text .staff-establishing-area .staff-establishing-util {
      background: #f5f6f8;
      width: 36px;
      height: 34px;
      font-size: 14px;
      line-height: 34px;
      text-align: center;
      position: absolute;
      right: 1px;
      top: 1px;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px; }
    .staff-establishing-text .staff-establishing-area .ehr-btn {
      min-width: auto;
      margin-left: 10px; }


.authority-belonging {
  display: inline-block;
  vertical-align: top;
  margin-left: 8px;
  padding-left: 17px;
  position: relative;
  border-left: 1px solid #ebebeb; }
  .authority-belonging .ehr-state-screen .stateBtn {
    min-width: 80px;
    height: 32px;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ebebeb;
    margin-left: -1px;
    overflow: hidden; }
    .authority-belonging .ehr-state-screen .stateBtn:first-child {
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px; }
    .authority-belonging .ehr-state-screen .stateBtn:last-child {
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px; }
    .authority-belonging .ehr-state-screen .stateBtn.selected:before {
      display: none; }
    .authority-belonging .ehr-state-screen .stateBtn:hover {
      background-color: #ecf6fe; }
    .authority-belonging .ehr-state-screen .stateBtn.selected {
      border-color: #3C82EF;
      position: relative;
      z-index: 1; }
      .authority-belonging .ehr-state-screen .stateBtn.selected:after {
        content: "";
        background-image: url("../image/close-BgRed.png");
        background-repeat: no-repeat;
        background-size: 16px;
        width: 16px;
        height: 16px;
        position: absolute;
        top: 1px;
        right: 1px; }


.commonTips {
  margin-left: 10px;
  padding-left: 12px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  z-index: 100; }
  .commonTips:hover .commonTips-content {
    display: block; }
  .commonTips:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    bottom: 5px;
    border-left: 1px solid #d8e6e1; }

.commonTips-area-title {
  height: 32px;
  line-height: 28px;
  font-size: 12px;
  color: #3C82EF;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  border-radius: 3px;
  padding: 2px 0;
  display: inline-block;
  vertical-align: top;
  cursor: pointer; }
  .commonTips-area-title .commonTips-iconSvg,
  .commonTips-area-title .commonTips-title {
    display: inline-block;
    vertical-align: middle; }

.commonTips-content {
  background: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
  border: 1px solid #ebebeb;
  padding: 6px 12px;
  position: absolute;
  top: 30px;
  right: 0;
  display: none; }
  .commonTips-content.commonTips-content-text {
    background: rgba(51, 51, 51, 0.9);
    padding: 5px 10px;
    min-height: 30px;
    font-size: 12px !important;
    font-weight: normal !important;
    color: #ffffff;
    white-space: nowrap;
    line-height: 1.5; }
  .commonTips-content .commonTips-content-title {
    text-align: left;
    display: block;
    padding-top: 6px;
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: bold; }
    .commonTips-content .commonTips-content-title .commonTips-content-title-link {
      line-height: 20px;
      float: right;
      font-size: 12px;
      font-weight: normal;
      color: #3C82EF;
      display: inline-block;
      vertical-align: middle; }

.commonTips-content-list {
  position: relative;
  width: 720px;
  font-size: 12px; }

.commonTips-content-list-head {
  position: absolute;
  left: 0;
  right: 17px;
  top: 0;
  z-index: 5; }
  .commonTips-content-list-head .lightTable tr th {
    font-weight: bold;
    text-align: left; }

.commonTips-content-list-body {
  display: block;
  max-height: 300px;
  overflow: hidden;
  overflow-y: auto; }
  .commonTips-content-list-body .lightTable tr th,
  .commonTips-content-list-body .lightTable tr td {
    text-align: left; }


.general-noData {
  width: 100%;
  height: 100%;
  display: table; }
  .general-noData.fullScreen {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0; }
  .general-noData .general-noData-box {
    display: table-cell;
    vertical-align: middle; }
    .general-noData .general-noData-box .general-noData-area {
      display: block;
      font-size: 0;
      text-align: center;
      margin: 50px 0; }
      .general-noData .general-noData-box .general-noData-area .general-noData-area-left,
      .general-noData .general-noData-box .general-noData-area .general-noData-area-right {
        display: inline-block;
        vertical-align: middle;
        text-align: left; }
      .general-noData .general-noData-box .general-noData-area .general-noData-area-right img {
        height: 310px; }
      .general-noData .general-noData-box .general-noData-area .general-noData-area-left {
        padding-right: 40px; }
      .general-noData .general-noData-box .general-noData-area .general-noData-title {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 15px; }
      .general-noData .general-noData-box .general-noData-area .general-noData-information {
        display: block;
        font-size: 14px;
        line-height: 24px;
        color: #666666; }
      .general-noData .general-noData-box .general-noData-area .general-noData-infoList {
        display: block;
        list-style: none; }
        .general-noData .general-noData-box .general-noData-area .general-noData-infoList li {
          display: block;
          padding: 8px 0; }
          .general-noData .general-noData-box .general-noData-area .general-noData-infoList li .general-noData-infoList-title {
            font-size: 14px;
            line-height: 22px;
            float: left; }
          .general-noData .general-noData-box .general-noData-area .general-noData-infoList li .general-noData-infoList-text {
            display: block;
            overflow: hidden;
            font-size: 14px;
            line-height: 22px;
            color: #666666; }
          .general-noData .general-noData-box .general-noData-area .general-noData-infoList li:after {
            content: "";
            width: 0;
            display: table;
            visibility: hidden;
            clear: both; }
      .general-noData .general-noData-box .general-noData-area .general-noData-btn {
        margin-top: 30px; }
        .general-noData .general-noData-box .general-noData-area .general-noData-btn .generalNoBtn {
          min-width: 114px; }


.list-stat-container {
  width: 100%;
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 6px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  overflow: hidden; }
  .list-stat-container .list-stat-item {
    zoom: 1;
    width: 1%;
    padding: 0 5px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: pointer;
    position: relative;
    transition: all .2s ease-in; }
    .list-stat-container .list-stat-item:before {
      content: "";
      position: absolute;
      left: 0;
      top: 14px;
      bottom: 14px;
      border-left: 1px solid #efefef; }
    .list-stat-container .list-stat-item:first-child:before {
      border-left: 0; }
    .list-stat-container .list-stat-item:hover {
      box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15); }
    .list-stat-container .list-stat-item:last-child {
      border-right: 0; }
    .list-stat-container .list-stat-item.selected:after {
      content: "";
      background-color: #3c82fc;
      width: 100%;
      height: 3px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: -1px; }
    .list-stat-container .list-stat-item > span {
      display: block;
      text-align: center;
      line-height: 1; }
    .list-stat-container .list-stat-item .list-stat-text {
      padding: 14px 5px 5px 5px;
      color: #666666;
      font-size: 12px; }
    .list-stat-container .list-stat-item .list-stat-num {
      font-family: ehrNumberFont;
      padding: 5px 5px 14px 5px;
      color: inherit;
      font-size: 14px;
      font-weight: 600; }


.custom-scrollbar-wrapper {
  position: relative;
  overflow: hidden; }

.custom-scrollbar-wrapper:hover .custom-vertical-scrollbar {
  opacity: 1;
  transition-duration: 0.34s;
  transition-timing-function: ease-out;
  transition-delay: 0s;
  transition-property: opacity; }

.custom-vertical-scrollbar {
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 100%;
  border-radius: 4px;
  opacity: 0;
  transition-duration: 0.14s;
  transition-timing-function: ease-out;
  transition-delay: 0s;
  transition-property: opacity; }

.custom-vertical-indicator {
  position: relative;
  display: block;
  width: 100%;
  height: 50%;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(124, 124, 124, 0.7); }

.custom-vertical-indicator:hover {
  background-color: #7c7c7c; }

.custom-horizontal-scrollbar {
  position: absolute;
  bottom: 10px;
  width: 100%;
  height: 5px;
  border-radius: 4px;
  opacity: 0;
  transition-duration: 0.14s;
  transition-timing-function: ease-out;
  transition-delay: 0s;
  transition-property: opacity; }

.custom-scrollbar-wrapper:hover .custom-horizontal-scrollbar {
  opacity: 1;
  transition-duration: 0.34s;
  transition-timing-function: ease-out;
  transition-delay: 0s;
  transition-property: opacity; }

.custom-horizontal-indicator {
  position: relative;
  display: block;
  width: 50%;
  height: 100%;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(124, 124, 124, 0.7); }

.custom-horizontal-indicator:hover {
  background-color: #7c7c7c; }


.personnel-detail-layout {
  background-color: #ffffff;
  display: block;
  min-height: inherit;
  margin-left: 300px;
  margin-right: 15px;
  border-radius: 10px;
  padding-top: 44px;
  overflow: hidden;
  transition: margin-left .2s ease; }
  .personnel-detail-layout.personnel-detail-layout-unfold {
    margin-left: 0; }
    .personnel-detail-layout.personnel-detail-layout-unfold .personnel-detail-layout-header {
      width: 0;
      border-right: 0; }
      .personnel-detail-layout.personnel-detail-layout-unfold .personnel-detail-layout-header personnel-detail-layout-header-area {
        overflow: hidden; }
  .personnel-detail-layout.personnel-detail-layout-tab {
    padding-top: 60px; }
  .personnel-detail-layout.personnel-detail-layout-tab.personnel-detail-layout-toolbarArea {
    padding-top: 104px; }
  .personnel-detail-layout.personnel-detail-layout-toolbarArea {
    padding-top: 44px; }
    .personnel-detail-layout.personnel-detail-layout-toolbarArea .personnel-detail-layout-header,
    .personnel-detail-layout.personnel-detail-layout-toolbarArea .personnel-content-tab {
      top: 44px; }
  .personnel-detail-layout .personnel-detail-layout-header {
    background-color: #F2F3F5;
    width: 300px;
    border-right: 12px solid #F2F3F5;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 100; }
    .personnel-detail-layout .personnel-detail-layout-header .personnel-detail-layout-header-area {
      background-color: #ffffff;
      width: 100%;
      height: 100%;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      overflow: hidden; }
  .personnel-detail-layout .personnel-detail-layout-toolbar {
    background-color: #f2f3f5;
    height: 44px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 299; }
    .personnel-detail-layout .personnel-detail-layout-toolbar .pageHeader {
      border-bottom: 0;
      padding: 0 7px 8px 7px; }
      .personnel-detail-layout .personnel-detail-layout-toolbar .pageHeader .pageHeader-back,
      .personnel-detail-layout .personnel-detail-layout-toolbar .pageHeader .pageHeader-tit {
        margin-top: 4px; }
  .personnel-detail-layout .personnel-layout-main {
    display: block; }
    .personnel-detail-layout .personnel-layout-main personnel-content-box {
      display: block; }
  .personnel-detail-layout .personnel-content-tab {
    background: #f5f6f8;
    position: fixed;
    top: 0;
    right: 15px;
    left: 300px;
    z-index: 99;
    overflow: hidden; }
  .personnel-detail-layout .personnel-info-cnt {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden; }
    .personnel-detail-layout .personnel-info-cnt .personnel-info-cnt-area {
      padding-top: 40px;
      padding-bottom: 40px; }
      .personnel-detail-layout .personnel-info-cnt .personnel-info-cnt-area .personnel-header {
        background: none;
        box-shadow: none;
        padding: 0; }
  .personnel-detail-layout .jobPage-tab-area {
    background: #eaeaea;
    padding: 12px;
    position: relative;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
     }
  .personnel-detail-layout .jobPage-tab {
    display: block;
    font-size: 0;
    position: absolute;
    left: 0;
    right: 76px;
    top: 0;
    z-index: 5;
    -webkit-transition: top .3s ease-in-out;
    -moz-transition: top .3s ease-in-out;
    transition: top .3s ease-in-out; }
  .personnel-detail-layout .jobPage-tab-area-scroll {
    padding-right: 76px;
    display: block;
    position: relative;
    height: 36px;
    overflow: hidden; }
  .personnel-detail-layout .jobPage-tab span.jobPage-tab-item {
    max-width: 195px;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    margin: 0 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    border-radius: 20px;
    position: relative;
    z-index: 5; }
  .personnel-detail-layout .jobPage-tab span.jobPage-tab-item:hover,
  .personnel-detail-layout .jobPage-tab span.jobPage-tab-item.selected {
    cursor: pointer; }
  .personnel-detail-layout .jobPage-tab span.jobPage-tab-item.selected {
    color: #3c82fc; }
  .personnel-detail-layout .jobPage-tab span.jobPage-tab-item:after {
    content: "";
    position: absolute;
    left: 50%;
    right: 50%;
    top: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, left .3s ease, right .3s ease; }
  .personnel-detail-layout .jobPage-tab span.jobPage-tab-item.selected:after {
    background-color: #ffffff;
    left: 0;
    right: 0;
    opacity: 1;
    visibility: visible;
    border-radius: 20px; }

.personnel-selectList {
  padding: 12px;
  font-size: 0;
  text-align: center;
  position: fixed;
  left: 300px;
  right: 15px;
  bottom: 30px;
  z-index: 50; }

.personnel-selectList-area {
  background-color: #ffffff;
  padding: 0 12px;
  border-radius: 50px;
  display: inline-block;
  vertical-align: top;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }

.personnel-selectList-icon {
  width: 20px;
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  text-align: center;
  display: inline-block;
  vertical-align: middle; }

.personnel-selectList-text {
  line-height: 40px;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle; }

.personnel-selectList-area > span {
  height: 50px;
  line-height: 50px;
  font-size: 0;
  margin: 0 15px;
  display: inline-block;
  vertical-align: middle; }

.personnel-selectList-area > span.personnel-selectList-total {
  font-size: 12px;
  margin: 0 20px; }

.personnel-selectList-prev {
  text-align: left;
  cursor: pointer; }

.personnel-selectList-prev.disabled,
.personnel-selectList-next.disabled {
  cursor: not-allowed;
  color: #999999 !important;
  opacity: .65; }

.personnel-selectList-next {
  text-align: right;
  cursor: pointer; }

.ours-ui-sidebar {
  position: absolute;
  width: 4px;
  height: 100%;
  right: -2px;
  cursor: col-resize;
  z-index: 99;
  top: 0; }

.ours-ui-sidebar:hover {
  background-color: #9cc1f3; }

.ui-sidebar-left, .ui-sidebar-right {
  transition: none; }


.condition-dropdown-icon,
.quick-searchResult-icon,
.quick-searchResult .quick-searchResult-content ul.quick-searchResult-area li.quick-searchResult-item .collection,
.ehr-dropdown-condition-icon,
.custom-tab .ehr-state-screen .stateBtn.selected:after {
  background-image: none !important;
  font-family: "ehrIconFont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  line-height: 14px;
  font-size: 14px; }

.condition-dropdown-icon:before,
.ehr-dropdown-condition-icon:before {
  content: ""; }

.quick-searchResult-icon:before {
  content: ""; }

.quick-searchResult .quick-searchResult-content ul.quick-searchResult-area li.quick-searchResult-item .collection:before {
  content: ""; }
.quick-searchResult .quick-searchResult-content ul.quick-searchResult-area li.quick-searchResult-item .collection.selected:before {
  content: "\e666";
  color: #ffba00 !important; }