@charset "UTF-8";
.era-checkbox-wrapper {
  display: inline-block;
  line-height: 28px; }

.era-checkboxgroup-container {
  display: inline-block;
  line-height: 28px; }
  .era-checkboxgroup-container .next-checkbox-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%; }

.era-field .next-checkbox-group {
  line-height: 28px; }

/**
 * 日期
 * 方炎 2017-01-14
 */
.next-date-picker.full-width .next-input {
  width: 100%; }

.next-date-picker2.full-width .next-input {
  width: 100%; }

.era-field .era-radio-wrapper {
  line-height: 28px; }

.era-radiogroup-wrap {
  display: inline-block; }
  .era-radiogroup-wrap .next-radio-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%; }
  .era-radiogroup-wrap div.next-radio-group1 > label {
    width: 100%; }
  .era-radiogroup-wrap div.next-radio-group2 > label {
    width: 50%; }
  .era-radiogroup-wrap div.next-radio-group3 > label {
    width: 33%; }
  .era-radiogroup-wrap div.next-radio-group5 > label {
    width: 20%; }
  .era-radiogroup-wrap div.next-radio-group4 > label {
    width: 25%; }
  .era-radiogroup-wrap div.next-radio-group6 > label {
    width: 16.5%; }

.era-field .next-radio-group {
  line-height: 28px; }

.radiogroup-readonly-label {
  font-size: 12;
  line-height: 28px;
  word-wrap: break-word; }

.select-optison-highlight {
  display: inline-block;
  margin-right: 5px; }
  .select-optison-highlight .select-highlight-color {
    color: #FF6A00; }

/**
 * 尺寸 基础尺寸
 * 命名能在语义的前提下简单就尽量简单, 这里可以是 size-2x, space-2x, size-base ...
 * 不过可以在语义的前提下做的更精简一些, 于是用了s2, s1等
 * 可用变量: `$s1 - $s8`
 * @example scss - 使用
 *   .element {
 *     padding: $s1 !default;
 *   }
 *
 * @example css - CSS 输出
 *   .element {
 *     padding: 4px !default;
 *   }
 */
/** light **/
/** dark **/
/** brand **/
.aliretail-ossupload {
  display: inline-block; }
  .aliretail-ossupload.readonly .era--btn {
    display: none; }
  .aliretail-ossupload.readonly .era-upload-del {
    display: none !important; }
  .aliretail-ossupload .era--btn {
    margin: 0 0 10px; }
  .aliretail-ossupload .era--disabled * {
    color: #ccc !important;
    border-color: #e6e7eb !important;
    cursor: not-allowed !important; }
  .aliretail-ossupload .aliretail-ossupload-uploader {
    display: inline-block; }
    .aliretail-ossupload .aliretail-ossupload-uploader > div {
      outline: 0; }
  .aliretail-ossupload .era-upload-list ~ .aliretail-ossupload-card {
    margin-left: 12px; }
  .aliretail-ossupload .era-upload-list ~ .aliretail-ossupload-text {
    margin-top: 4px; }
  .aliretail-ossupload .era-upload-list {
    overflow: visible; }
  .aliretail-ossupload .aliretail-ossupload-upload-list-card-preview .era-upload-list-item-wrapper {
    background-color: #F7F8FA;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: default; }
    .aliretail-ossupload .aliretail-ossupload-upload-list-card-preview .era-upload-list-item-wrapper .aliretail-ossupload-upload-list-card-preview-f {
      color: #999999;
      font-size: 12px; }
  .aliretail-ossupload .aliretail-ossupload-upload-list-text-preview .era-upload-list-item-name-wrap .aliretail-ossupload-upload-list-text-preview-f {
    cursor: default;
    color: #999999; }
  .aliretail-ossupload .era-upload-list-card .era-upload-list-item-wrapper {
    overflow: visible; }
  .aliretail-ossupload .era-upload-list-card .era-upload-list-item-thumbnail img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto; }
  .aliretail-ossupload .era-upload-list-card .era-upload-list-item .era-upload-del {
    position: absolute;
    z-index: 10;
    width: 18px;
    height: 18px;
    border-radius: 9px;
    right: -5px;
    top: -5px;
    left: auto;
    bottom: auto;
    background-color: #a0afbc; }
  .aliretail-ossupload .era-upload-list-card .era-upload-list-item:hover {
    cursor: pointer; }
  .aliretail-ossupload .era-upload-list-card .era-upload-list-item:hover .era-upload-del {
    opacity: 1; }
  .aliretail-ossupload .era-upload-list-card
.era-upload-list-item
.era-upload-del
.era-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    text-align: center;
    line-height: 18px;
    color: #fff; }
  .aliretail-ossupload .era-upload-list-card .era-upload-list-item .era-upload-tool {
    width: 100%;
    height: 100%; }
  .aliretail-ossupload .era-upload-list-card .era-upload-list-item:hover .era-upload-tool {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    opacity: 1; }
  .aliretail-ossupload .era-upload-list-card
.era-upload-list-item
.era-upload-tool
.era-icon {
    width: 20px;
    text-align: center;
    line-height: 20px;
    color: #fff; }
  .aliretail-ossupload .era-upload-list-card .era-upload-list-item .era-upload-video-info {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    left: 0;
    bottom: 5px; }
    .aliretail-ossupload .era-upload-list-card .era-upload-list-item .era-upload-video-info .video-duration {
      background-color: rgba(0, 0, 0, 0.5);
      color: #fff;
      padding: 0 5px;
      border-radius: 10px;
      line-height: 16px;
      font-size: 12px; }
  .aliretail-ossupload .era-upload-list-card
.era-upload-list-item:hover
.era-upload-video-info .video-duration {
    background-color: transparent; }
  .aliretail-ossupload .era-upload-list-item-error .era-upload-card {
    border-color: #ff3000;
    border-style: solid; }
  .aliretail-ossupload .era-upload-list-item-error .era-upload-card .era-icon {
    width: 100%; }
    .aliretail-ossupload .era-upload-list-item-error .era-upload-card .era-icon::before,
    .aliretail-ossupload .era-upload-list-item-error .era-upload-card .era-icon .era-icon-remote {
      width: 24px;
      font-size: 24px;
      color: #ff3000; }
  .aliretail-ossupload .era-upload-list-item-error .era-upload-card .era-upload-text {
    margin-top: 10px;
    color: #ff3000; }

.aliretail-ossupload-preview-img {
  background-color: #fff;
  max-width: 1000px;
  max-height: 600px; }
  .aliretail-ossupload-preview-img img {
    max-width: 1000px;
    max-height: 600px;
    display: block;
    margin: auto; }

.aliretail-ossupload-preview-video {
  background-color: #fff;
  max-width: 1000px;
  max-height: 600px; }
  .aliretail-ossupload-preview-video video {
    max-width: 1000px;
    max-height: 600px;
    display: block;
    margin: auto; }

.aliretail-ossupload-preview-title {
  text-align: center;
  line-height: 24px;
  color: #fff; }

.aliretail-ossupload-preview-dialog {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  max-width: 1000px;
  border: none; }
  .aliretail-ossupload-preview-dialog .era-dialog-body {
    padding: 0; }

.era-overlay-wrapper.opened .era-overlay-backdrop {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.2); }

.disabled_upload_style {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.1);
  cursor: no-drop; }
  .disabled_upload_style .era-upload-card {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.1);
    cursor: no-drop; }
  .disabled_upload_style .era-upload-card:hover {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.1);
    cursor: no-drop; }
    .disabled_upload_style .era-upload-card:hover .era-upload-text {
      color: rgba(0, 0, 0, 0.1); }
    .disabled_upload_style .era-upload-card:hover .era-icon {
      color: rgba(0, 0, 0, 0.1); }

.disabled_upload_style:hover {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.1);
  cursor: no-drop; }

.era-richedit-wrap {
  position: relative; }
  .era-richedit-wrap ul {
    list-style: disc; }
  .era-richedit-wrap ol {
    list-style: decimal; }
  .era-richedit-wrap .richedit-toolbar {
    background-color: #f1f1f1;
    border: 1px solid #ccc; }
  .era-richedit-wrap .richedit-text {
    border: 1px solid #ccc;
    border-top: none; }
  .era-richedit-wrap .richedit-disabled {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(204, 204, 204, 0.3); }
  .era-richedit-wrap .w-e-panel-container {
    z-index: 10; }
  .era-richedit-wrap .w-e-toolbar .w-e-menu {
    z-index: 9; }
  .era-richedit-wrap.readonly .richedit-toolbar {
    display: none; }
  .era-richedit-wrap.readonly .richedit-text {
    border: none;
    height: auto; }
  .era-richedit-wrap.readonly .w-e-text {
    overflow: auto;
    padding: 0; }

.e_i_contract_mail::before {
  content: '\E69B'; }

.e_i_expand_mail::before {
  content: '\E698'; }

.e_i_XDS_Face::before {
  content: '\E74A'; }

.e_i_icon_rotate {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }

.e_list_item.e_list_emoji_item {
  width: 20px;
  height: 20px;
  margin: 3px;
  padding: 2px;
  font-size: 16px;
  line-height: 20px;
  border: none; }
  .e_list_item.e_list_emoji_item:hover {
    background-color: #f0f0f0; }

.e_floating_select_box.e_bullist_selector {
  display: none; }

.data-export-history-link {
  padding-left: 8px; }

.data-export-history-panel-container-item {
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 2px;
  background-color: #F6F8FB;
  padding: 10px;
  margin-bottom: 10px; }
  .data-export-history-panel-container-item-file-name {
    font-family: PingFangSC-Semibold;
    font-size: 12px;
    color: #25282E; }
  .data-export-history-panel-container-item-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #eff0f3;
    padding-bottom: 10px;
    margin-bottom: 10px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
    .data-export-history-panel-container-item-header-time {
      font-family: PingFangSC-Semibold;
      font-size: 12px;
      color: #25282E; }
      .data-export-history-panel-container-item-header-time.file-name {
        font-family: none; }
    .data-export-history-panel-container-item-header.file-name {
      border-bottom: none; }
    .data-export-history-panel-container-item-header-opreation {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
      .data-export-history-panel-container-item-header-opreation .next-btn {
        margin-left: 5px; }
      .data-export-history-panel-container-item-header-opreation-error {
        color: #FF3000;
        display: inline-block;
        margin-right: 5px;
        max-width: 400px;
        line-height: 28px; }
      .data-export-history-panel-container-item-header-opreation-successnum {
        display: inline-block;
        margin-right: 5px;
        max-width: 400px;
        line-height: 28px; }

.data-export-history-panel-container-reminder {
  margin: 20px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 12px;
  color: #848689; }

.data-export-history-panel-container-loadingBlock {
  width: 100%;
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .data-export-history-panel-container-loadingBlock-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .data-export-history-panel-container-loadingBlock-text {
    display: block;
    font-size: 14px;
    color: #848689; }

.data-export-history-panel-status-error {
  margin-left: 20px;
  color: #f33; }

.data-export-query {
  color: #4E4F64;
  font-size: 12px;
  line-height: 16px; }
  .data-export-query label {
    margin-right: 8px;
    color: #848689; }

.data-export-confirm-body {
  width: auto;
  margin-bottom: 0px; }
  .data-export-confirm-body .next-dialog-body {
    padding-top: 12px;
    padding-bottom: 0px; }
    .data-export-confirm-body .next-dialog-body .next-form-item-label {
      line-height: 20px; }
    .data-export-confirm-body .next-dialog-body .next-form-item p {
      line-height: 20px; }
  .data-export-confirm-body .next-dialog-footer {
    padding-top: 20px;
    padding-bottom: 20px; }

.data-export-confirm-message {
  padding: 5px 6px !important;
  background-color: #CCE6FE !important;
  margin-bottom: 20px !important; }
  .data-export-confirm-message div {
    color: #53555B !important; }

.data-export-confirm-title {
  color: #333;
  font-size: 14px; }

.data-export-confirm-query-wrapper {
  padding-left: 5px; }

.data-export-result-body .next-dialog-footer {
  height: 68px;
  background: #F6F8FB;
  -ms-flex-line-pack: center;
      align-content: center; }

.data-export-result-body .next-dialog-body {
  padding-bottom: 0px; }

.data-export-result-body .next-form-item-label {
  line-height: 20px; }

.data-export-result-body .next-form-item p {
  line-height: 20px; }

.data-export-result-title {
  color: #333;
  font-size: 14px; }

.data-export-result-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%; }
  .data-export-result-footer-message {
    font-family: PingFangSC-Semibold;
    margin-left: 5px;
    color: #25282E; }
  .data-export-result-footer .success-icon {
    width: 24px;
    color: #1DC11D; }
  .data-export-result-footer .error-icon {
    width: 24px;
    color: #FF3333; }

.data-export-result-query-wrapper {
  padding-left: 0px; }

.data-export-result-analysis-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%; }

.data-export-result-analysis-wrapper {
  margin-top: 20px;
  width: 350px;
  min-height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .data-export-result-analysis-wrapper-span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    .data-export-result-analysis-wrapper-span-message {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      word-break: break-word;
      font-size: 16px;
      line-height: 28px; }
      .data-export-result-analysis-wrapper-span-message-info {
        font-size: 12px;
        margin-top: 10px;
        color: #25282E;
        display: block; }
  .data-export-result-analysis-wrapper .success-icon {
    width: 24px;
    color: #1DC11D; }
  .data-export-result-analysis-wrapper .error-icon {
    width: 24px;
    color: #FF3333; }

.data-export-analysis-excelimport-body .next-dialog-footer {
  padding-top: 20px;
  padding-bottom: 20px; }

.data-export-analysis-excelimport-layer-content {
  width: 560px;
  min-height: 174px; }

.data-export-analysis-excelimport-dialog-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .data-export-analysis-excelimport-dialog-footer .footer-left-zone {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: left; }
  .data-export-analysis-excelimport-dialog-footer button + button {
    margin-left: 8px; }

.data-export-analysis-excelimport-tip {
  margin-bottom: 8px; }
  .data-export-analysis-excelimport-tip-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }

.bc-table-edit .table-edit-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px; }
  .bc-table-edit .table-edit-head .table-edit-head-title {
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .bc-table-edit .table-edit-head .table-edit-head-buttons {
    width: 200px;
    text-align: right; }
    .bc-table-edit .table-edit-head .table-edit-head-buttons button {
      margin-right: 8px; }
      .bc-table-edit .table-edit-head .table-edit-head-buttons button:last-child {
        margin-right: 0px; }

.bc-table-edit .table-edit-body .opCloumn button {
  margin-right: 4px; }
  .bc-table-edit .table-edit-body .opCloumn button:last-child {
    margin-right: 0px; }

.bc-table-edit .table-edit-body .form-item-error {
  margin-top: 4px;
  color: #ff3000; }

.bc-table-edit .margin_bottom_0 {
  margin-bottom: 0 !important; }

.bc-image-player {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .bc-image-player .img-item {
    width: 100%;
    max-height: 100%; }
  .bc-image-player .img-item:hover {
    cursor: pointer; }
  .bc-image-player .no-image-display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    font-size: 12px;
    color: #808da1;
    background: #f7f8fa;
    border: 1px solid #c4c6cf; }

.image-overlay.next-overlay-wrapper.opened .next-overlay-backdrop {
  background-color: rgba(0, 0, 0, 0.5); }

.image-overlay.next-overlay-wrapper.opened .oms-image-player-wrapper-overlay-fix {
  width: 100%;
  height: 100%; }
  .image-overlay.next-overlay-wrapper.opened .oms-image-player-wrapper-overlay-fix .oms-image-player-wrapper {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    -o-transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; }
    .image-overlay.next-overlay-wrapper.opened .oms-image-player-wrapper-overlay-fix .oms-image-player-wrapper .close-preview-btn {
      position: absolute;
      right: 16px;
      top: 16px;
      width: 36px;
      height: 36px;
      background-color: transparent;
      border: transparent;
      border-radius: 500px;
      padding: 0 10px;
      z-index: 1002; }
      .image-overlay.next-overlay-wrapper.opened .oms-image-player-wrapper-overlay-fix .oms-image-player-wrapper .close-preview-btn .next-btn-icon.next-icon-alone:before {
        font-size: 16px;
        color: #fff;
        width: 16px;
        height: 16px; }
      .image-overlay.next-overlay-wrapper.opened .oms-image-player-wrapper-overlay-fix .oms-image-player-wrapper .close-preview-btn:hover {
        background-color: rgba(0, 0, 0, 0.4); }
    .image-overlay.next-overlay-wrapper.opened .oms-image-player-wrapper-overlay-fix .oms-image-player-wrapper .image-player-operation-bar {
      height: 63px;
      line-height: 63px;
      width: 276px;
      text-align: center;
      background: rgba(0, 0, 0, 0.5);
      border-radius: 0 0 8px 8px;
      top: 0;
      left: 0;
      right: 0;
      margin: auto;
      position: absolute;
      z-index: 1002; }
      .image-overlay.next-overlay-wrapper.opened .oms-image-player-wrapper-overlay-fix .oms-image-player-wrapper .image-player-operation-bar .image-operate-btn {
        width: 36px;
        height: 36px;
        background-color: transparent;
        border: transparent;
        border-radius: 500px;
        padding: 0 10px; }
        .image-overlay.next-overlay-wrapper.opened .oms-image-player-wrapper-overlay-fix .oms-image-player-wrapper .image-player-operation-bar .image-operate-btn + .image-operate-btn {
          margin-left: 8px; }
        .image-overlay.next-overlay-wrapper.opened .oms-image-player-wrapper-overlay-fix .oms-image-player-wrapper .image-player-operation-bar .image-operate-btn .next-btn-icon.next-icon-alone:before {
          font-size: 16px;
          color: #fff;
          width: 16px;
          height: 16px; }
        .image-overlay.next-overlay-wrapper.opened .oms-image-player-wrapper-overlay-fix .oms-image-player-wrapper .image-player-operation-bar .image-operate-btn:hover {
          background-color: rgba(0, 0, 0, 0.4); }
    .image-overlay.next-overlay-wrapper.opened .oms-image-player-wrapper-overlay-fix .oms-image-player-wrapper .oms-image-player {
      display: inline-block;
      cursor: -webkit-grab;
      cursor: grab;
      -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
      transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
      -o-transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
      transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
      transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: 100%;
      pointer-events: auto;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      position: absolute; }

.bc-oms-detail {
  background-color: #FFFFFF; }
  .bc-oms-detail .blankInfo {
    min-height: 100px;
    min-width: 500px;
    font-size: 24px;
    text-align: center;
    line-height: 100px;
    background: #f2f3f5;
    color: #a7b1bd; }
  .bc-oms-detail .form-item-label {
    text-align: right;
    line-height: 28px;
    color: #848689; }
  .bc-oms-detail .form-item-value {
    line-height: 28px; }
  .bc-oms-detail > div {
    margin-bottom: 6px; }

/**
 * 文本标签样式
 * 方炎 2021-01-21
 */
.bc-label-image-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  .bc-label-image-text .node-thumbnail {
    width: 48px;
    height: 48px;
    margin-right: 12px; }
  .bc-label-image-text .node-content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .bc-label-image-text .node-content .node-title {
      color: #25282E;
      display: -webkit-box;
      word-break: break-all;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      line-height: 17px; }
    .bc-label-image-text .node-content .node-subtitle {
      color: #848689;
      display: -webkit-box;
      word-break: break-all;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      line-height: 17px; }

/**
 * 尺寸 基础尺寸
 * 命名能在语义的前提下简单就尽量简单, 这里可以是 size-2x, space-2x, size-base ...
 * 不过可以在语义的前提下做的更精简一些, 于是用了s2, s1等
 * 可用变量: `$s1 - $s8`
 * @example scss - 使用
 *   .element {
 *     padding: $s1 !default;
 *   }
 *
 * @example css - CSS 输出
 *   .element {
 *     padding: 4px !default;
 *   }
 */
/** light **/
/** dark **/
/** brand **/
.bc-label-text.text-warning {
  color: #FF9300 !important; }

.bc-label-text.text-middle {
  color: #4494F9 !important; }

.bc-label-text.text-success {
  color: #41A716 !important; }

.bc-label-text.text-cancel {
  color: #FF3000 !important; }

.bc-label-text.text-error {
  color: #999999 !important; }

/**
 * 尺寸 基础尺寸
 * 命名能在语义的前提下简单就尽量简单, 这里可以是 size-2x, space-2x, size-base ...
 * 不过可以在语义的前提下做的更精简一些, 于是用了s2, s1等
 * 可用变量: `$s1 - $s8`
 * @example scss - 使用
 *   .element {
 *     padding: $s1 !default;
 *   }
 *
 * @example css - CSS 输出
 *   .element {
 *     padding: 4px !default;
 *   }
 */
/** light **/
/** dark **/
/** brand **/
.bc-label-status-text .era-tag-small {
  min-width: 52px; }

.bc-label-status-text .era-tag-default {
  text-align: center; }
  .bc-label-status-text .era-tag-default.orange {
    color: #FF9300 !important;
    background-color: #FFF3E0 !important;
    border-color: #FFF3E0 !important; }
  .bc-label-status-text .era-tag-default.blue {
    color: #4494F9 !important;
    background-color: #E3F2FD !important;
    border-color: #E3F2FD !important; }
  .bc-label-status-text .era-tag-default.green {
    color: #41A716 !important;
    background-color: #E4FDDA !important;
    border-color: #E4FDDA !important; }
  .bc-label-status-text .era-tag-default.red {
    color: #FF3000 !important;
    background-color: #FFECE4 !important;
    border-color: #FFECE4 !important; }
  .bc-label-status-text .era-tag-default.gray {
    color: #999999 !important;
    background-color: #F2F3F7 !important;
    border-color: #F2F3F7 !important; }

.bc-label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  .bc-label .sub-label {
    display: inline-block;
    margin-right: 20px; }
    .bc-label .sub-label:last-child {
      margin-right: 0px; }

.era-field-readonly-label {
  display: inline-block;
  line-height: 28px; }

.era-component.hide {
  display: none; }

.era-component.full-width {
  width: 100%; }

.full-width {
  width: 100%; }