@charset "UTF-8";
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

/* Sections
     ========================================================================== */
/**
   * Remove the margin in all browsers.
   */
body {
  margin: 0;
  font-family: "Helvetica Neue", Arial, -apple-system, BlinkMacSystemFont, "PingFang SC", "microsoft yahei", "STXihei", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #222222;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
h1 {
  font-size: 2em;
  margin: 0;
}

/* Grouping content
     ========================================================================== */
/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
     ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
  background-color: transparent;
}

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
b,
strong {
  font-weight: bolder;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
   * Add the correct font size in all browsers.
   */
small {
  font-size: 80%;
}

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
     ========================================================================== */
/**
   * Remove the border on images inside links in IE 10.
   */
img {
  border-style: none;
}

/* Forms
     ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
  outline: none;
}

input::-webkit-input-placeholder {
  color: #CCCCCC;
}

input:-ms-input-placeholder {
  color: #CCCCCC;
}

input::placeholder {
  color: #CCCCCC;
}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
   * Correct the padding in Firefox.
   */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
  vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
  overflow: auto;
}

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
     ========================================================================== */
/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
  display: block;
}

/*
   * Add the correct display in all browsers.
   */
summary {
  display: list-item;
}

/* Misc
     ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
  display: none;
}

/**
   * Add the correct display in IE 10.
   */
[hidden] {
  display: none;
}

ul,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}

a,
a.link-default {
  color: #FF6A00;
  text-decoration: none;
}
a .glyphicon,
a .fa,
a.link-default .glyphicon,
a.link-default .fa {
  font-style: normal;
}
a:hover,
a.link-default:hover {
  color: #ffcc33;
  text-decoration: none;
}

a.link-with-icon .glyphicon,
a.link-with-icon .fa {
  margin-right: 5px;
  text-decoration: none;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.ani-spin::before {
  -webkit-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear;
}

.ani-custom-spin {
  -webkit-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear;
}

.container {
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -16px;
  margin-left: -16px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.boc-ui-grid-row-no-wrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.boc-ui-grid-row-start {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.boc-ui-grid-row-center {
  -ms-flex-pack: center;
      justify-content: center;
}
.boc-ui-grid-row-end {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.boc-ui-grid-row-space-between {
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.boc-ui-grid-row-space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.boc-ui-grid-row-space-evenly {
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
}
.boc-ui-grid-row-top {
  -ms-flex-align: start;
      align-items: flex-start;
}
.boc-ui-grid-row-middle {
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-grid-row-bottom {
  -ms-flex-align: end;
      align-items: flex-end;
}

.col-xl-grid-24,
.col-xl-grid-24-auto, .col-xl-grid-24-24, .col-xl-grid-24-23, .col-xl-grid-24-22, .col-xl-grid-24-21, .col-xl-grid-24-20, .col-xl-grid-24-19, .col-xl-grid-24-18, .col-xl-grid-24-17, .col-xl-grid-24-16, .col-xl-grid-24-15, .col-xl-grid-24-14, .col-xl-grid-24-13, .col-xl-grid-24-12, .col-xl-grid-24-11, .col-xl-grid-24-10, .col-xl-grid-24-9, .col-xl-grid-24-8, .col-xl-grid-24-7, .col-xl-grid-24-6, .col-xl-grid-24-5, .col-xl-grid-24-4, .col-xl-grid-24-3, .col-xl-grid-24-2, .col-xl-grid-24-1, .col-lg-grid-24,
.col-lg-grid-24-auto, .col-lg-grid-24-24, .col-lg-grid-24-23, .col-lg-grid-24-22, .col-lg-grid-24-21, .col-lg-grid-24-20, .col-lg-grid-24-19, .col-lg-grid-24-18, .col-lg-grid-24-17, .col-lg-grid-24-16, .col-lg-grid-24-15, .col-lg-grid-24-14, .col-lg-grid-24-13, .col-lg-grid-24-12, .col-lg-grid-24-11, .col-lg-grid-24-10, .col-lg-grid-24-9, .col-lg-grid-24-8, .col-lg-grid-24-7, .col-lg-grid-24-6, .col-lg-grid-24-5, .col-lg-grid-24-4, .col-lg-grid-24-3, .col-lg-grid-24-2, .col-lg-grid-24-1, .col-md-grid-24,
.col-md-grid-24-auto, .col-md-grid-24-24, .col-md-grid-24-23, .col-md-grid-24-22, .col-md-grid-24-21, .col-md-grid-24-20, .col-md-grid-24-19, .col-md-grid-24-18, .col-md-grid-24-17, .col-md-grid-24-16, .col-md-grid-24-15, .col-md-grid-24-14, .col-md-grid-24-13, .col-md-grid-24-12, .col-md-grid-24-11, .col-md-grid-24-10, .col-md-grid-24-9, .col-md-grid-24-8, .col-md-grid-24-7, .col-md-grid-24-6, .col-md-grid-24-5, .col-md-grid-24-4, .col-md-grid-24-3, .col-md-grid-24-2, .col-md-grid-24-1, .col-sm-grid-24,
.col-sm-grid-24-auto, .col-sm-grid-24-24, .col-sm-grid-24-23, .col-sm-grid-24-22, .col-sm-grid-24-21, .col-sm-grid-24-20, .col-sm-grid-24-19, .col-sm-grid-24-18, .col-sm-grid-24-17, .col-sm-grid-24-16, .col-sm-grid-24-15, .col-sm-grid-24-14, .col-sm-grid-24-13, .col-sm-grid-24-12, .col-sm-grid-24-11, .col-sm-grid-24-10, .col-sm-grid-24-9, .col-sm-grid-24-8, .col-sm-grid-24-7, .col-sm-grid-24-6, .col-sm-grid-24-5, .col-sm-grid-24-4, .col-sm-grid-24-3, .col-sm-grid-24-2, .col-sm-grid-24-1, .col-grid-24,
.col-grid-24-auto, .col-grid-24-24, .col-grid-24-23, .col-grid-24-22, .col-grid-24-21, .col-grid-24-20, .col-grid-24-19, .col-grid-24-18, .col-grid-24-17, .col-grid-24-16, .col-grid-24-15, .col-grid-24-14, .col-grid-24-13, .col-grid-24-12, .col-grid-24-11, .col-grid-24-10, .col-grid-24-9, .col-grid-24-8, .col-grid-24-7, .col-grid-24-6, .col-grid-24-5, .col-grid-24-4, .col-grid-24-3, .col-grid-24-2, .col-grid-24-1, .col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 16px;
  padding-left: 16px;
}

.col {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -ms-flex-positive: 1;
      flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  -ms-flex: 0 0 8.3333333333%;
      flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  -ms-flex: 0 0 16.6666666667%;
      flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
      flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.3333333333%;
      flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  -ms-flex: 0 0 41.6666666667%;
      flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.3333333333%;
      flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  -ms-flex: 0 0 66.6666666667%;
      flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
      flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.3333333333%;
      flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  -ms-flex: 0 0 91.6666666667%;
      flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -ms-flex-order: -1;
      order: -1;
}

.order-last {
  -ms-flex-order: 13;
      order: 13;
}

.boc-ui-grid-order-0 {
  -ms-flex-order: 0;
      order: 0;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.boc-ui-rtl .offset-1 {
  margin-left: 0;
  margin-right: 8.3333333333%;
}

.boc-ui-grid-order-1 {
  -ms-flex-order: 1;
      order: 1;
}

.boc-ui-grid-pull-1 {
  right: 8.3333333333%;
}

.boc-ui-rtl .boc-ui-grid-pull-1 {
  left: 8.3333333333%;
}

.boc-ui-grid-push-1 {
  left: 8.3333333333%;
}

.boc-ui-rtl .boc-ui-grid-push-1 {
  right: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.boc-ui-rtl .offset-2 {
  margin-left: 0;
  margin-right: 16.6666666667%;
}

.boc-ui-grid-order-2 {
  -ms-flex-order: 2;
      order: 2;
}

.boc-ui-grid-pull-2 {
  right: 16.6666666667%;
}

.boc-ui-rtl .boc-ui-grid-pull-2 {
  left: 16.6666666667%;
}

.boc-ui-grid-push-2 {
  left: 16.6666666667%;
}

.boc-ui-rtl .boc-ui-grid-push-2 {
  right: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.boc-ui-rtl .offset-3 {
  margin-left: 0;
  margin-right: 25%;
}

.boc-ui-grid-order-3 {
  -ms-flex-order: 3;
      order: 3;
}

.boc-ui-grid-pull-3 {
  right: 25%;
}

.boc-ui-rtl .boc-ui-grid-pull-3 {
  left: 25%;
}

.boc-ui-grid-push-3 {
  left: 25%;
}

.boc-ui-rtl .boc-ui-grid-push-3 {
  right: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.boc-ui-rtl .offset-4 {
  margin-left: 0;
  margin-right: 33.3333333333%;
}

.boc-ui-grid-order-4 {
  -ms-flex-order: 4;
      order: 4;
}

.boc-ui-grid-pull-4 {
  right: 33.3333333333%;
}

.boc-ui-rtl .boc-ui-grid-pull-4 {
  left: 33.3333333333%;
}

.boc-ui-grid-push-4 {
  left: 33.3333333333%;
}

.boc-ui-rtl .boc-ui-grid-push-4 {
  right: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.boc-ui-rtl .offset-5 {
  margin-left: 0;
  margin-right: 41.6666666667%;
}

.boc-ui-grid-order-5 {
  -ms-flex-order: 5;
      order: 5;
}

.boc-ui-grid-pull-5 {
  right: 41.6666666667%;
}

.boc-ui-rtl .boc-ui-grid-pull-5 {
  left: 41.6666666667%;
}

.boc-ui-grid-push-5 {
  left: 41.6666666667%;
}

.boc-ui-rtl .boc-ui-grid-push-5 {
  right: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.boc-ui-rtl .offset-6 {
  margin-left: 0;
  margin-right: 50%;
}

.boc-ui-grid-order-6 {
  -ms-flex-order: 6;
      order: 6;
}

.boc-ui-grid-pull-6 {
  right: 50%;
}

.boc-ui-rtl .boc-ui-grid-pull-6 {
  left: 50%;
}

.boc-ui-grid-push-6 {
  left: 50%;
}

.boc-ui-rtl .boc-ui-grid-push-6 {
  right: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.boc-ui-rtl .offset-7 {
  margin-left: 0;
  margin-right: 58.3333333333%;
}

.boc-ui-grid-order-7 {
  -ms-flex-order: 7;
      order: 7;
}

.boc-ui-grid-pull-7 {
  right: 58.3333333333%;
}

.boc-ui-rtl .boc-ui-grid-pull-7 {
  left: 58.3333333333%;
}

.boc-ui-grid-push-7 {
  left: 58.3333333333%;
}

.boc-ui-rtl .boc-ui-grid-push-7 {
  right: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.boc-ui-rtl .offset-8 {
  margin-left: 0;
  margin-right: 66.6666666667%;
}

.boc-ui-grid-order-8 {
  -ms-flex-order: 8;
      order: 8;
}

.boc-ui-grid-pull-8 {
  right: 66.6666666667%;
}

.boc-ui-rtl .boc-ui-grid-pull-8 {
  left: 66.6666666667%;
}

.boc-ui-grid-push-8 {
  left: 66.6666666667%;
}

.boc-ui-rtl .boc-ui-grid-push-8 {
  right: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.boc-ui-rtl .offset-9 {
  margin-left: 0;
  margin-right: 75%;
}

.boc-ui-grid-order-9 {
  -ms-flex-order: 9;
      order: 9;
}

.boc-ui-grid-pull-9 {
  right: 75%;
}

.boc-ui-rtl .boc-ui-grid-pull-9 {
  left: 75%;
}

.boc-ui-grid-push-9 {
  left: 75%;
}

.boc-ui-rtl .boc-ui-grid-push-9 {
  right: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.boc-ui-rtl .offset-10 {
  margin-left: 0;
  margin-right: 83.3333333333%;
}

.boc-ui-grid-order-10 {
  -ms-flex-order: 10;
      order: 10;
}

.boc-ui-grid-pull-10 {
  right: 83.3333333333%;
}

.boc-ui-rtl .boc-ui-grid-pull-10 {
  left: 83.3333333333%;
}

.boc-ui-grid-push-10 {
  left: 83.3333333333%;
}

.boc-ui-rtl .boc-ui-grid-push-10 {
  right: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

.boc-ui-rtl .offset-11 {
  margin-left: 0;
  margin-right: 91.6666666667%;
}

.boc-ui-grid-order-11 {
  -ms-flex-order: 11;
      order: 11;
}

.boc-ui-grid-pull-11 {
  right: 91.6666666667%;
}

.boc-ui-rtl .boc-ui-grid-pull-11 {
  left: 91.6666666667%;
}

.boc-ui-grid-push-11 {
  left: 91.6666666667%;
}

.boc-ui-rtl .boc-ui-grid-push-11 {
  right: 91.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
        order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
        order: 13;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .boc-ui-rtl .offset-sm-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .boc-ui-grid-order-sm-0 {
    -ms-flex-order: 0;
        order: 0;
  }
  .boc-ui-grid-pull-sm-0 {
    right: auto;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-0 {
    left: auto;
  }
  .boc-ui-grid-push-sm-0 {
    left: auto;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-0 {
    right: auto;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .boc-ui-rtl .offset-sm-1 {
    margin-left: 0;
    margin-right: 8.3333333333%;
  }
  .boc-ui-grid-order-sm-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .boc-ui-grid-pull-sm-1 {
    right: 8.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-1 {
    left: 8.3333333333%;
  }
  .boc-ui-grid-push-sm-1 {
    left: 8.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-1 {
    right: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .boc-ui-rtl .offset-sm-2 {
    margin-left: 0;
    margin-right: 16.6666666667%;
  }
  .boc-ui-grid-order-sm-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .boc-ui-grid-pull-sm-2 {
    right: 16.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-2 {
    left: 16.6666666667%;
  }
  .boc-ui-grid-push-sm-2 {
    left: 16.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-2 {
    right: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .boc-ui-rtl .offset-sm-3 {
    margin-left: 0;
    margin-right: 25%;
  }
  .boc-ui-grid-order-sm-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .boc-ui-grid-pull-sm-3 {
    right: 25%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-3 {
    left: 25%;
  }
  .boc-ui-grid-push-sm-3 {
    left: 25%;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-3 {
    right: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .boc-ui-rtl .offset-sm-4 {
    margin-left: 0;
    margin-right: 33.3333333333%;
  }
  .boc-ui-grid-order-sm-4 {
    -ms-flex-order: 4;
        order: 4;
  }
  .boc-ui-grid-pull-sm-4 {
    right: 33.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-4 {
    left: 33.3333333333%;
  }
  .boc-ui-grid-push-sm-4 {
    left: 33.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-4 {
    right: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .boc-ui-rtl .offset-sm-5 {
    margin-left: 0;
    margin-right: 41.6666666667%;
  }
  .boc-ui-grid-order-sm-5 {
    -ms-flex-order: 5;
        order: 5;
  }
  .boc-ui-grid-pull-sm-5 {
    right: 41.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-5 {
    left: 41.6666666667%;
  }
  .boc-ui-grid-push-sm-5 {
    left: 41.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-5 {
    right: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .boc-ui-rtl .offset-sm-6 {
    margin-left: 0;
    margin-right: 50%;
  }
  .boc-ui-grid-order-sm-6 {
    -ms-flex-order: 6;
        order: 6;
  }
  .boc-ui-grid-pull-sm-6 {
    right: 50%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-6 {
    left: 50%;
  }
  .boc-ui-grid-push-sm-6 {
    left: 50%;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-6 {
    right: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .boc-ui-rtl .offset-sm-7 {
    margin-left: 0;
    margin-right: 58.3333333333%;
  }
  .boc-ui-grid-order-sm-7 {
    -ms-flex-order: 7;
        order: 7;
  }
  .boc-ui-grid-pull-sm-7 {
    right: 58.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-7 {
    left: 58.3333333333%;
  }
  .boc-ui-grid-push-sm-7 {
    left: 58.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-7 {
    right: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .boc-ui-rtl .offset-sm-8 {
    margin-left: 0;
    margin-right: 66.6666666667%;
  }
  .boc-ui-grid-order-sm-8 {
    -ms-flex-order: 8;
        order: 8;
  }
  .boc-ui-grid-pull-sm-8 {
    right: 66.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-8 {
    left: 66.6666666667%;
  }
  .boc-ui-grid-push-sm-8 {
    left: 66.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-8 {
    right: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .boc-ui-rtl .offset-sm-9 {
    margin-left: 0;
    margin-right: 75%;
  }
  .boc-ui-grid-order-sm-9 {
    -ms-flex-order: 9;
        order: 9;
  }
  .boc-ui-grid-pull-sm-9 {
    right: 75%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-9 {
    left: 75%;
  }
  .boc-ui-grid-push-sm-9 {
    left: 75%;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-9 {
    right: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .boc-ui-rtl .offset-sm-10 {
    margin-left: 0;
    margin-right: 83.3333333333%;
  }
  .boc-ui-grid-order-sm-10 {
    -ms-flex-order: 10;
        order: 10;
  }
  .boc-ui-grid-pull-sm-10 {
    right: 83.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-10 {
    left: 83.3333333333%;
  }
  .boc-ui-grid-push-sm-10 {
    left: 83.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-10 {
    right: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
  .boc-ui-rtl .offset-sm-11 {
    margin-left: 0;
    margin-right: 91.6666666667%;
  }
  .boc-ui-grid-order-sm-11 {
    -ms-flex-order: 11;
        order: 11;
  }
  .boc-ui-grid-pull-sm-11 {
    right: 91.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-11 {
    left: 91.6666666667%;
  }
  .boc-ui-grid-push-sm-11 {
    left: 91.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-11 {
    right: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
        order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
        order: 13;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .boc-ui-rtl .offset-md-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .boc-ui-grid-order-md-0 {
    -ms-flex-order: 0;
        order: 0;
  }
  .boc-ui-grid-pull-md-0 {
    right: auto;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-0 {
    left: auto;
  }
  .boc-ui-grid-push-md-0 {
    left: auto;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-0 {
    right: auto;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .boc-ui-rtl .offset-md-1 {
    margin-left: 0;
    margin-right: 8.3333333333%;
  }
  .boc-ui-grid-order-md-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .boc-ui-grid-pull-md-1 {
    right: 8.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-1 {
    left: 8.3333333333%;
  }
  .boc-ui-grid-push-md-1 {
    left: 8.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-1 {
    right: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .boc-ui-rtl .offset-md-2 {
    margin-left: 0;
    margin-right: 16.6666666667%;
  }
  .boc-ui-grid-order-md-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .boc-ui-grid-pull-md-2 {
    right: 16.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-2 {
    left: 16.6666666667%;
  }
  .boc-ui-grid-push-md-2 {
    left: 16.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-2 {
    right: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .boc-ui-rtl .offset-md-3 {
    margin-left: 0;
    margin-right: 25%;
  }
  .boc-ui-grid-order-md-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .boc-ui-grid-pull-md-3 {
    right: 25%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-3 {
    left: 25%;
  }
  .boc-ui-grid-push-md-3 {
    left: 25%;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-3 {
    right: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .boc-ui-rtl .offset-md-4 {
    margin-left: 0;
    margin-right: 33.3333333333%;
  }
  .boc-ui-grid-order-md-4 {
    -ms-flex-order: 4;
        order: 4;
  }
  .boc-ui-grid-pull-md-4 {
    right: 33.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-4 {
    left: 33.3333333333%;
  }
  .boc-ui-grid-push-md-4 {
    left: 33.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-4 {
    right: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .boc-ui-rtl .offset-md-5 {
    margin-left: 0;
    margin-right: 41.6666666667%;
  }
  .boc-ui-grid-order-md-5 {
    -ms-flex-order: 5;
        order: 5;
  }
  .boc-ui-grid-pull-md-5 {
    right: 41.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-5 {
    left: 41.6666666667%;
  }
  .boc-ui-grid-push-md-5 {
    left: 41.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-5 {
    right: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .boc-ui-rtl .offset-md-6 {
    margin-left: 0;
    margin-right: 50%;
  }
  .boc-ui-grid-order-md-6 {
    -ms-flex-order: 6;
        order: 6;
  }
  .boc-ui-grid-pull-md-6 {
    right: 50%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-6 {
    left: 50%;
  }
  .boc-ui-grid-push-md-6 {
    left: 50%;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-6 {
    right: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .boc-ui-rtl .offset-md-7 {
    margin-left: 0;
    margin-right: 58.3333333333%;
  }
  .boc-ui-grid-order-md-7 {
    -ms-flex-order: 7;
        order: 7;
  }
  .boc-ui-grid-pull-md-7 {
    right: 58.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-7 {
    left: 58.3333333333%;
  }
  .boc-ui-grid-push-md-7 {
    left: 58.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-7 {
    right: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .boc-ui-rtl .offset-md-8 {
    margin-left: 0;
    margin-right: 66.6666666667%;
  }
  .boc-ui-grid-order-md-8 {
    -ms-flex-order: 8;
        order: 8;
  }
  .boc-ui-grid-pull-md-8 {
    right: 66.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-8 {
    left: 66.6666666667%;
  }
  .boc-ui-grid-push-md-8 {
    left: 66.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-8 {
    right: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .boc-ui-rtl .offset-md-9 {
    margin-left: 0;
    margin-right: 75%;
  }
  .boc-ui-grid-order-md-9 {
    -ms-flex-order: 9;
        order: 9;
  }
  .boc-ui-grid-pull-md-9 {
    right: 75%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-9 {
    left: 75%;
  }
  .boc-ui-grid-push-md-9 {
    left: 75%;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-9 {
    right: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .boc-ui-rtl .offset-md-10 {
    margin-left: 0;
    margin-right: 83.3333333333%;
  }
  .boc-ui-grid-order-md-10 {
    -ms-flex-order: 10;
        order: 10;
  }
  .boc-ui-grid-pull-md-10 {
    right: 83.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-10 {
    left: 83.3333333333%;
  }
  .boc-ui-grid-push-md-10 {
    left: 83.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-10 {
    right: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
  .boc-ui-rtl .offset-md-11 {
    margin-left: 0;
    margin-right: 91.6666666667%;
  }
  .boc-ui-grid-order-md-11 {
    -ms-flex-order: 11;
        order: 11;
  }
  .boc-ui-grid-pull-md-11 {
    right: 91.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-11 {
    left: 91.6666666667%;
  }
  .boc-ui-grid-push-md-11 {
    left: 91.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-11 {
    right: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
        order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
        order: 13;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .boc-ui-rtl .offset-lg-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .boc-ui-grid-order-lg-0 {
    -ms-flex-order: 0;
        order: 0;
  }
  .boc-ui-grid-pull-lg-0 {
    right: auto;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-0 {
    left: auto;
  }
  .boc-ui-grid-push-lg-0 {
    left: auto;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-0 {
    right: auto;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .boc-ui-rtl .offset-lg-1 {
    margin-left: 0;
    margin-right: 8.3333333333%;
  }
  .boc-ui-grid-order-lg-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .boc-ui-grid-pull-lg-1 {
    right: 8.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-1 {
    left: 8.3333333333%;
  }
  .boc-ui-grid-push-lg-1 {
    left: 8.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-1 {
    right: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .boc-ui-rtl .offset-lg-2 {
    margin-left: 0;
    margin-right: 16.6666666667%;
  }
  .boc-ui-grid-order-lg-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .boc-ui-grid-pull-lg-2 {
    right: 16.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-2 {
    left: 16.6666666667%;
  }
  .boc-ui-grid-push-lg-2 {
    left: 16.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-2 {
    right: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .boc-ui-rtl .offset-lg-3 {
    margin-left: 0;
    margin-right: 25%;
  }
  .boc-ui-grid-order-lg-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .boc-ui-grid-pull-lg-3 {
    right: 25%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-3 {
    left: 25%;
  }
  .boc-ui-grid-push-lg-3 {
    left: 25%;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-3 {
    right: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .boc-ui-rtl .offset-lg-4 {
    margin-left: 0;
    margin-right: 33.3333333333%;
  }
  .boc-ui-grid-order-lg-4 {
    -ms-flex-order: 4;
        order: 4;
  }
  .boc-ui-grid-pull-lg-4 {
    right: 33.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-4 {
    left: 33.3333333333%;
  }
  .boc-ui-grid-push-lg-4 {
    left: 33.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-4 {
    right: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .boc-ui-rtl .offset-lg-5 {
    margin-left: 0;
    margin-right: 41.6666666667%;
  }
  .boc-ui-grid-order-lg-5 {
    -ms-flex-order: 5;
        order: 5;
  }
  .boc-ui-grid-pull-lg-5 {
    right: 41.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-5 {
    left: 41.6666666667%;
  }
  .boc-ui-grid-push-lg-5 {
    left: 41.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-5 {
    right: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .boc-ui-rtl .offset-lg-6 {
    margin-left: 0;
    margin-right: 50%;
  }
  .boc-ui-grid-order-lg-6 {
    -ms-flex-order: 6;
        order: 6;
  }
  .boc-ui-grid-pull-lg-6 {
    right: 50%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-6 {
    left: 50%;
  }
  .boc-ui-grid-push-lg-6 {
    left: 50%;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-6 {
    right: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .boc-ui-rtl .offset-lg-7 {
    margin-left: 0;
    margin-right: 58.3333333333%;
  }
  .boc-ui-grid-order-lg-7 {
    -ms-flex-order: 7;
        order: 7;
  }
  .boc-ui-grid-pull-lg-7 {
    right: 58.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-7 {
    left: 58.3333333333%;
  }
  .boc-ui-grid-push-lg-7 {
    left: 58.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-7 {
    right: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .boc-ui-rtl .offset-lg-8 {
    margin-left: 0;
    margin-right: 66.6666666667%;
  }
  .boc-ui-grid-order-lg-8 {
    -ms-flex-order: 8;
        order: 8;
  }
  .boc-ui-grid-pull-lg-8 {
    right: 66.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-8 {
    left: 66.6666666667%;
  }
  .boc-ui-grid-push-lg-8 {
    left: 66.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-8 {
    right: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .boc-ui-rtl .offset-lg-9 {
    margin-left: 0;
    margin-right: 75%;
  }
  .boc-ui-grid-order-lg-9 {
    -ms-flex-order: 9;
        order: 9;
  }
  .boc-ui-grid-pull-lg-9 {
    right: 75%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-9 {
    left: 75%;
  }
  .boc-ui-grid-push-lg-9 {
    left: 75%;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-9 {
    right: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .boc-ui-rtl .offset-lg-10 {
    margin-left: 0;
    margin-right: 83.3333333333%;
  }
  .boc-ui-grid-order-lg-10 {
    -ms-flex-order: 10;
        order: 10;
  }
  .boc-ui-grid-pull-lg-10 {
    right: 83.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-10 {
    left: 83.3333333333%;
  }
  .boc-ui-grid-push-lg-10 {
    left: 83.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-10 {
    right: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
  .boc-ui-rtl .offset-lg-11 {
    margin-left: 0;
    margin-right: 91.6666666667%;
  }
  .boc-ui-grid-order-lg-11 {
    -ms-flex-order: 11;
        order: 11;
  }
  .boc-ui-grid-pull-lg-11 {
    right: 91.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-11 {
    left: 91.6666666667%;
  }
  .boc-ui-grid-push-lg-11 {
    left: 91.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-11 {
    right: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
        order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
        order: 13;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .boc-ui-rtl .offset-xl-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .boc-ui-grid-order-xl-0 {
    -ms-flex-order: 0;
        order: 0;
  }
  .boc-ui-grid-pull-xl-0 {
    right: auto;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-0 {
    left: auto;
  }
  .boc-ui-grid-push-xl-0 {
    left: auto;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-0 {
    right: auto;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .boc-ui-rtl .offset-xl-1 {
    margin-left: 0;
    margin-right: 8.3333333333%;
  }
  .boc-ui-grid-order-xl-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .boc-ui-grid-pull-xl-1 {
    right: 8.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-1 {
    left: 8.3333333333%;
  }
  .boc-ui-grid-push-xl-1 {
    left: 8.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-1 {
    right: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .boc-ui-rtl .offset-xl-2 {
    margin-left: 0;
    margin-right: 16.6666666667%;
  }
  .boc-ui-grid-order-xl-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .boc-ui-grid-pull-xl-2 {
    right: 16.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-2 {
    left: 16.6666666667%;
  }
  .boc-ui-grid-push-xl-2 {
    left: 16.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-2 {
    right: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .boc-ui-rtl .offset-xl-3 {
    margin-left: 0;
    margin-right: 25%;
  }
  .boc-ui-grid-order-xl-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .boc-ui-grid-pull-xl-3 {
    right: 25%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-3 {
    left: 25%;
  }
  .boc-ui-grid-push-xl-3 {
    left: 25%;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-3 {
    right: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .boc-ui-rtl .offset-xl-4 {
    margin-left: 0;
    margin-right: 33.3333333333%;
  }
  .boc-ui-grid-order-xl-4 {
    -ms-flex-order: 4;
        order: 4;
  }
  .boc-ui-grid-pull-xl-4 {
    right: 33.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-4 {
    left: 33.3333333333%;
  }
  .boc-ui-grid-push-xl-4 {
    left: 33.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-4 {
    right: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .boc-ui-rtl .offset-xl-5 {
    margin-left: 0;
    margin-right: 41.6666666667%;
  }
  .boc-ui-grid-order-xl-5 {
    -ms-flex-order: 5;
        order: 5;
  }
  .boc-ui-grid-pull-xl-5 {
    right: 41.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-5 {
    left: 41.6666666667%;
  }
  .boc-ui-grid-push-xl-5 {
    left: 41.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-5 {
    right: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .boc-ui-rtl .offset-xl-6 {
    margin-left: 0;
    margin-right: 50%;
  }
  .boc-ui-grid-order-xl-6 {
    -ms-flex-order: 6;
        order: 6;
  }
  .boc-ui-grid-pull-xl-6 {
    right: 50%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-6 {
    left: 50%;
  }
  .boc-ui-grid-push-xl-6 {
    left: 50%;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-6 {
    right: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .boc-ui-rtl .offset-xl-7 {
    margin-left: 0;
    margin-right: 58.3333333333%;
  }
  .boc-ui-grid-order-xl-7 {
    -ms-flex-order: 7;
        order: 7;
  }
  .boc-ui-grid-pull-xl-7 {
    right: 58.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-7 {
    left: 58.3333333333%;
  }
  .boc-ui-grid-push-xl-7 {
    left: 58.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-7 {
    right: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .boc-ui-rtl .offset-xl-8 {
    margin-left: 0;
    margin-right: 66.6666666667%;
  }
  .boc-ui-grid-order-xl-8 {
    -ms-flex-order: 8;
        order: 8;
  }
  .boc-ui-grid-pull-xl-8 {
    right: 66.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-8 {
    left: 66.6666666667%;
  }
  .boc-ui-grid-push-xl-8 {
    left: 66.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-8 {
    right: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .boc-ui-rtl .offset-xl-9 {
    margin-left: 0;
    margin-right: 75%;
  }
  .boc-ui-grid-order-xl-9 {
    -ms-flex-order: 9;
        order: 9;
  }
  .boc-ui-grid-pull-xl-9 {
    right: 75%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-9 {
    left: 75%;
  }
  .boc-ui-grid-push-xl-9 {
    left: 75%;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-9 {
    right: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .boc-ui-rtl .offset-xl-10 {
    margin-left: 0;
    margin-right: 83.3333333333%;
  }
  .boc-ui-grid-order-xl-10 {
    -ms-flex-order: 10;
        order: 10;
  }
  .boc-ui-grid-pull-xl-10 {
    right: 83.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-10 {
    left: 83.3333333333%;
  }
  .boc-ui-grid-push-xl-10 {
    left: 83.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-10 {
    right: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
  .boc-ui-rtl .offset-xl-11 {
    margin-left: 0;
    margin-right: 91.6666666667%;
  }
  .boc-ui-grid-order-xl-11 {
    -ms-flex-order: 11;
        order: 11;
  }
  .boc-ui-grid-pull-xl-11 {
    right: 91.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-11 {
    left: 91.6666666667%;
  }
  .boc-ui-grid-push-xl-11 {
    left: 91.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-11 {
    right: 91.6666666667%;
  }
}
.col-xl-grid-24,
.col-xl-grid-24-auto, .col-xl-grid-24-24, .col-xl-grid-24-23, .col-xl-grid-24-22, .col-xl-grid-24-21, .col-xl-grid-24-20, .col-xl-grid-24-19, .col-xl-grid-24-18, .col-xl-grid-24-17, .col-xl-grid-24-16, .col-xl-grid-24-15, .col-xl-grid-24-14, .col-xl-grid-24-13, .col-xl-grid-24-12, .col-xl-grid-24-11, .col-xl-grid-24-10, .col-xl-grid-24-9, .col-xl-grid-24-8, .col-xl-grid-24-7, .col-xl-grid-24-6, .col-xl-grid-24-5, .col-xl-grid-24-4, .col-xl-grid-24-3, .col-xl-grid-24-2, .col-xl-grid-24-1, .col-lg-grid-24,
.col-lg-grid-24-auto, .col-lg-grid-24-24, .col-lg-grid-24-23, .col-lg-grid-24-22, .col-lg-grid-24-21, .col-lg-grid-24-20, .col-lg-grid-24-19, .col-lg-grid-24-18, .col-lg-grid-24-17, .col-lg-grid-24-16, .col-lg-grid-24-15, .col-lg-grid-24-14, .col-lg-grid-24-13, .col-lg-grid-24-12, .col-lg-grid-24-11, .col-lg-grid-24-10, .col-lg-grid-24-9, .col-lg-grid-24-8, .col-lg-grid-24-7, .col-lg-grid-24-6, .col-lg-grid-24-5, .col-lg-grid-24-4, .col-lg-grid-24-3, .col-lg-grid-24-2, .col-lg-grid-24-1, .col-md-grid-24,
.col-md-grid-24-auto, .col-md-grid-24-24, .col-md-grid-24-23, .col-md-grid-24-22, .col-md-grid-24-21, .col-md-grid-24-20, .col-md-grid-24-19, .col-md-grid-24-18, .col-md-grid-24-17, .col-md-grid-24-16, .col-md-grid-24-15, .col-md-grid-24-14, .col-md-grid-24-13, .col-md-grid-24-12, .col-md-grid-24-11, .col-md-grid-24-10, .col-md-grid-24-9, .col-md-grid-24-8, .col-md-grid-24-7, .col-md-grid-24-6, .col-md-grid-24-5, .col-md-grid-24-4, .col-md-grid-24-3, .col-md-grid-24-2, .col-md-grid-24-1, .col-sm-grid-24,
.col-sm-grid-24-auto, .col-sm-grid-24-24, .col-sm-grid-24-23, .col-sm-grid-24-22, .col-sm-grid-24-21, .col-sm-grid-24-20, .col-sm-grid-24-19, .col-sm-grid-24-18, .col-sm-grid-24-17, .col-sm-grid-24-16, .col-sm-grid-24-15, .col-sm-grid-24-14, .col-sm-grid-24-13, .col-sm-grid-24-12, .col-sm-grid-24-11, .col-sm-grid-24-10, .col-sm-grid-24-9, .col-sm-grid-24-8, .col-sm-grid-24-7, .col-sm-grid-24-6, .col-sm-grid-24-5, .col-sm-grid-24-4, .col-sm-grid-24-3, .col-sm-grid-24-2, .col-sm-grid-24-1, .col-grid-24,
.col-grid-24-auto, .col-grid-24-24, .col-grid-24-23, .col-grid-24-22, .col-grid-24-21, .col-grid-24-20, .col-grid-24-19, .col-grid-24-18, .col-grid-24-17, .col-grid-24-16, .col-grid-24-15, .col-grid-24-14, .col-grid-24-13, .col-grid-24-12, .col-grid-24-11, .col-grid-24-10, .col-grid-24-9, .col-grid-24-8, .col-grid-24-7, .col-grid-24-6, .col-grid-24-5, .col-grid-24-4, .col-grid-24-3, .col-grid-24-2, .col-grid-24-1, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 16px;
  padding-left: 16px;
}

.col-grid-24 {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -ms-flex-positive: 1;
      flex-grow: 1;
  max-width: 100%;
}

.col-grid-24-auto {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-grid-24-1 {
  -ms-flex: 0 0 4.1666666667%;
      flex: 0 0 4.1666666667%;
  max-width: 4.1666666667%;
}

.col-grid-24-2 {
  -ms-flex: 0 0 8.3333333333%;
      flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-grid-24-3 {
  -ms-flex: 0 0 12.5%;
      flex: 0 0 12.5%;
  max-width: 12.5%;
}

.col-grid-24-4 {
  -ms-flex: 0 0 16.6666666667%;
      flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-grid-24-5 {
  -ms-flex: 0 0 20.8333333333%;
      flex: 0 0 20.8333333333%;
  max-width: 20.8333333333%;
}

.col-grid-24-6 {
  -ms-flex: 0 0 25%;
      flex: 0 0 25%;
  max-width: 25%;
}

.col-grid-24-7 {
  -ms-flex: 0 0 29.1666666667%;
      flex: 0 0 29.1666666667%;
  max-width: 29.1666666667%;
}

.col-grid-24-8 {
  -ms-flex: 0 0 33.3333333333%;
      flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-grid-24-9 {
  -ms-flex: 0 0 37.5%;
      flex: 0 0 37.5%;
  max-width: 37.5%;
}

.col-grid-24-10 {
  -ms-flex: 0 0 41.6666666667%;
      flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-grid-24-11 {
  -ms-flex: 0 0 45.8333333333%;
      flex: 0 0 45.8333333333%;
  max-width: 45.8333333333%;
}

.col-grid-24-12 {
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  max-width: 50%;
}

.col-grid-24-13 {
  -ms-flex: 0 0 54.1666666667%;
      flex: 0 0 54.1666666667%;
  max-width: 54.1666666667%;
}

.col-grid-24-14 {
  -ms-flex: 0 0 58.3333333333%;
      flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-grid-24-15 {
  -ms-flex: 0 0 62.5%;
      flex: 0 0 62.5%;
  max-width: 62.5%;
}

.col-grid-24-16 {
  -ms-flex: 0 0 66.6666666667%;
      flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-grid-24-17 {
  -ms-flex: 0 0 70.8333333333%;
      flex: 0 0 70.8333333333%;
  max-width: 70.8333333333%;
}

.col-grid-24-18 {
  -ms-flex: 0 0 75%;
      flex: 0 0 75%;
  max-width: 75%;
}

.col-grid-24-19 {
  -ms-flex: 0 0 79.1666666667%;
      flex: 0 0 79.1666666667%;
  max-width: 79.1666666667%;
}

.col-grid-24-20 {
  -ms-flex: 0 0 83.3333333333%;
      flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-grid-24-21 {
  -ms-flex: 0 0 87.5%;
      flex: 0 0 87.5%;
  max-width: 87.5%;
}

.col-grid-24-22 {
  -ms-flex: 0 0 91.6666666667%;
      flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-grid-24-23 {
  -ms-flex: 0 0 95.8333333333%;
      flex: 0 0 95.8333333333%;
  max-width: 95.8333333333%;
}

.col-grid-24-24 {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
}

.order-grid-24-first {
  -ms-flex-order: -1;
      order: -1;
}

.order-grid-24-last {
  -ms-flex-order: 25;
      order: 25;
}

.offset-grid-24-0 {
  margin-left: 0;
}

.boc-ui-rtl .offset-grid-24-0 {
  margin-left: 0;
  margin-right: 0;
}

.boc-ui-grid-order-grid-24-0 {
  -ms-flex-order: 0;
      order: 0;
}

.boc-ui-grid-pull-grid-24-0 {
  right: auto;
}

.boc-ui-rtl .boc-ui-grid-pull-grid-24-0 {
  left: auto;
}

.boc-ui-grid-push-grid-24-0 {
  left: auto;
}

.boc-ui-rtl .boc-ui-grid-push-grid-24-0 {
  right: auto;
}

.offset-grid-24-1 {
  margin-left: 4.1666666667%;
}

.boc-ui-rtl .offset-grid-24-1 {
  margin-left: 0;
  margin-right: 4.1666666667%;
}

.boc-ui-grid-order-grid-24-1 {
  -ms-flex-order: 1;
      order: 1;
}

.boc-ui-grid-pull-grid-24-1 {
  right: 4.1666666667%;
}

.boc-ui-rtl .boc-ui-grid-pull-grid-24-1 {
  left: 4.1666666667%;
}

.boc-ui-grid-push-grid-24-1 {
  left: 4.1666666667%;
}

.boc-ui-rtl .boc-ui-grid-push-grid-24-1 {
  right: 4.1666666667%;
}

.offset-grid-24-2 {
  margin-left: 8.3333333333%;
}

.boc-ui-rtl .offset-grid-24-2 {
  margin-left: 0;
  margin-right: 8.3333333333%;
}

.boc-ui-grid-order-grid-24-2 {
  -ms-flex-order: 2;
      order: 2;
}

.boc-ui-grid-pull-grid-24-2 {
  right: 8.3333333333%;
}

.boc-ui-rtl .boc-ui-grid-pull-grid-24-2 {
  left: 8.3333333333%;
}

.boc-ui-grid-push-grid-24-2 {
  left: 8.3333333333%;
}

.boc-ui-rtl .boc-ui-grid-push-grid-24-2 {
  right: 8.3333333333%;
}

.offset-grid-24-3 {
  margin-left: 12.5%;
}

.boc-ui-rtl .offset-grid-24-3 {
  margin-left: 0;
  margin-right: 12.5%;
}

.boc-ui-grid-order-grid-24-3 {
  -ms-flex-order: 3;
      order: 3;
}

.boc-ui-grid-pull-grid-24-3 {
  right: 12.5%;
}

.boc-ui-rtl .boc-ui-grid-pull-grid-24-3 {
  left: 12.5%;
}

.boc-ui-grid-push-grid-24-3 {
  left: 12.5%;
}

.boc-ui-rtl .boc-ui-grid-push-grid-24-3 {
  right: 12.5%;
}

.offset-grid-24-4 {
  margin-left: 16.6666666667%;
}

.boc-ui-rtl .offset-grid-24-4 {
  margin-left: 0;
  margin-right: 16.6666666667%;
}

.boc-ui-grid-order-grid-24-4 {
  -ms-flex-order: 4;
      order: 4;
}

.boc-ui-grid-pull-grid-24-4 {
  right: 16.6666666667%;
}

.boc-ui-rtl .boc-ui-grid-pull-grid-24-4 {
  left: 16.6666666667%;
}

.boc-ui-grid-push-grid-24-4 {
  left: 16.6666666667%;
}

.boc-ui-rtl .boc-ui-grid-push-grid-24-4 {
  right: 16.6666666667%;
}

.offset-grid-24-5 {
  margin-left: 20.8333333333%;
}

.boc-ui-rtl .offset-grid-24-5 {
  margin-left: 0;
  margin-right: 20.8333333333%;
}

.boc-ui-grid-order-grid-24-5 {
  -ms-flex-order: 5;
      order: 5;
}

.boc-ui-grid-pull-grid-24-5 {
  right: 20.8333333333%;
}

.boc-ui-rtl .boc-ui-grid-pull-grid-24-5 {
  left: 20.8333333333%;
}

.boc-ui-grid-push-grid-24-5 {
  left: 20.8333333333%;
}

.boc-ui-rtl .boc-ui-grid-push-grid-24-5 {
  right: 20.8333333333%;
}

.offset-grid-24-6 {
  margin-left: 25%;
}

.boc-ui-rtl .offset-grid-24-6 {
  margin-left: 0;
  margin-right: 25%;
}

.boc-ui-grid-order-grid-24-6 {
  -ms-flex-order: 6;
      order: 6;
}

.boc-ui-grid-pull-grid-24-6 {
  right: 25%;
}

.boc-ui-rtl .boc-ui-grid-pull-grid-24-6 {
  left: 25%;
}

.boc-ui-grid-push-grid-24-6 {
  left: 25%;
}

.boc-ui-rtl .boc-ui-grid-push-grid-24-6 {
  right: 25%;
}

.offset-grid-24-7 {
  margin-left: 29.1666666667%;
}

.boc-ui-rtl .offset-grid-24-7 {
  margin-left: 0;
  margin-right: 29.1666666667%;
}

.boc-ui-grid-order-grid-24-7 {
  -ms-flex-order: 7;
      order: 7;
}

.boc-ui-grid-pull-grid-24-7 {
  right: 29.1666666667%;
}

.boc-ui-rtl .boc-ui-grid-pull-grid-24-7 {
  left: 29.1666666667%;
}

.boc-ui-grid-push-grid-24-7 {
  left: 29.1666666667%;
}

.boc-ui-rtl .boc-ui-grid-push-grid-24-7 {
  right: 29.1666666667%;
}

.offset-grid-24-8 {
  margin-left: 33.3333333333%;
}

.boc-ui-rtl .offset-grid-24-8 {
  margin-left: 0;
  margin-right: 33.3333333333%;
}

.boc-ui-grid-order-grid-24-8 {
  -ms-flex-order: 8;
      order: 8;
}

.boc-ui-grid-pull-grid-24-8 {
  right: 33.3333333333%;
}

.boc-ui-rtl .boc-ui-grid-pull-grid-24-8 {
  left: 33.3333333333%;
}

.boc-ui-grid-push-grid-24-8 {
  left: 33.3333333333%;
}

.boc-ui-rtl .boc-ui-grid-push-grid-24-8 {
  right: 33.3333333333%;
}

.offset-grid-24-9 {
  margin-left: 37.5%;
}

.boc-ui-rtl .offset-grid-24-9 {
  margin-left: 0;
  margin-right: 37.5%;
}

.boc-ui-grid-order-grid-24-9 {
  -ms-flex-order: 9;
      order: 9;
}

.boc-ui-grid-pull-grid-24-9 {
  right: 37.5%;
}

.boc-ui-rtl .boc-ui-grid-pull-grid-24-9 {
  left: 37.5%;
}

.boc-ui-grid-push-grid-24-9 {
  left: 37.5%;
}

.boc-ui-rtl .boc-ui-grid-push-grid-24-9 {
  right: 37.5%;
}

.offset-grid-24-10 {
  margin-left: 41.6666666667%;
}

.boc-ui-rtl .offset-grid-24-10 {
  margin-left: 0;
  margin-right: 41.6666666667%;
}

.boc-ui-grid-order-grid-24-10 {
  -ms-flex-order: 10;
      order: 10;
}

.boc-ui-grid-pull-grid-24-10 {
  right: 41.6666666667%;
}

.boc-ui-rtl .boc-ui-grid-pull-grid-24-10 {
  left: 41.6666666667%;
}

.boc-ui-grid-push-grid-24-10 {
  left: 41.6666666667%;
}

.boc-ui-rtl .boc-ui-grid-push-grid-24-10 {
  right: 41.6666666667%;
}

.offset-grid-24-11 {
  margin-left: 45.8333333333%;
}

.boc-ui-rtl .offset-grid-24-11 {
  margin-left: 0;
  margin-right: 45.8333333333%;
}

.boc-ui-grid-order-grid-24-11 {
  -ms-flex-order: 11;
      order: 11;
}

.boc-ui-grid-pull-grid-24-11 {
  right: 45.8333333333%;
}

.boc-ui-rtl .boc-ui-grid-pull-grid-24-11 {
  left: 45.8333333333%;
}

.boc-ui-grid-push-grid-24-11 {
  left: 45.8333333333%;
}

.boc-ui-rtl .boc-ui-grid-push-grid-24-11 {
  right: 45.8333333333%;
}

.offset-grid-24-12 {
  margin-left: 50%;
}

.boc-ui-rtl .offset-grid-24-12 {
  margin-left: 0;
  margin-right: 50%;
}

.boc-ui-grid-order-grid-24-12 {
  -ms-flex-order: 12;
      order: 12;
}

.boc-ui-grid-pull-grid-24-12 {
  right: 50%;
}

.boc-ui-rtl .boc-ui-grid-pull-grid-24-12 {
  left: 50%;
}

.boc-ui-grid-push-grid-24-12 {
  left: 50%;
}

.boc-ui-rtl .boc-ui-grid-push-grid-24-12 {
  right: 50%;
}

.offset-grid-24-13 {
  margin-left: 54.1666666667%;
}

.boc-ui-rtl .offset-grid-24-13 {
  margin-left: 0;
  margin-right: 54.1666666667%;
}

.boc-ui-grid-order-grid-24-13 {
  -ms-flex-order: 13;
      order: 13;
}

.boc-ui-grid-pull-grid-24-13 {
  right: 54.1666666667%;
}

.boc-ui-rtl .boc-ui-grid-pull-grid-24-13 {
  left: 54.1666666667%;
}

.boc-ui-grid-push-grid-24-13 {
  left: 54.1666666667%;
}

.boc-ui-rtl .boc-ui-grid-push-grid-24-13 {
  right: 54.1666666667%;
}

.offset-grid-24-14 {
  margin-left: 58.3333333333%;
}

.boc-ui-rtl .offset-grid-24-14 {
  margin-left: 0;
  margin-right: 58.3333333333%;
}

.boc-ui-grid-order-grid-24-14 {
  -ms-flex-order: 14;
      order: 14;
}

.boc-ui-grid-pull-grid-24-14 {
  right: 58.3333333333%;
}

.boc-ui-rtl .boc-ui-grid-pull-grid-24-14 {
  left: 58.3333333333%;
}

.boc-ui-grid-push-grid-24-14 {
  left: 58.3333333333%;
}

.boc-ui-rtl .boc-ui-grid-push-grid-24-14 {
  right: 58.3333333333%;
}

.offset-grid-24-15 {
  margin-left: 62.5%;
}

.boc-ui-rtl .offset-grid-24-15 {
  margin-left: 0;
  margin-right: 62.5%;
}

.boc-ui-grid-order-grid-24-15 {
  -ms-flex-order: 15;
      order: 15;
}

.boc-ui-grid-pull-grid-24-15 {
  right: 62.5%;
}

.boc-ui-rtl .boc-ui-grid-pull-grid-24-15 {
  left: 62.5%;
}

.boc-ui-grid-push-grid-24-15 {
  left: 62.5%;
}

.boc-ui-rtl .boc-ui-grid-push-grid-24-15 {
  right: 62.5%;
}

.offset-grid-24-16 {
  margin-left: 66.6666666667%;
}

.boc-ui-rtl .offset-grid-24-16 {
  margin-left: 0;
  margin-right: 66.6666666667%;
}

.boc-ui-grid-order-grid-24-16 {
  -ms-flex-order: 16;
      order: 16;
}

.boc-ui-grid-pull-grid-24-16 {
  right: 66.6666666667%;
}

.boc-ui-rtl .boc-ui-grid-pull-grid-24-16 {
  left: 66.6666666667%;
}

.boc-ui-grid-push-grid-24-16 {
  left: 66.6666666667%;
}

.boc-ui-rtl .boc-ui-grid-push-grid-24-16 {
  right: 66.6666666667%;
}

.offset-grid-24-17 {
  margin-left: 70.8333333333%;
}

.boc-ui-rtl .offset-grid-24-17 {
  margin-left: 0;
  margin-right: 70.8333333333%;
}

.boc-ui-grid-order-grid-24-17 {
  -ms-flex-order: 17;
      order: 17;
}

.boc-ui-grid-pull-grid-24-17 {
  right: 70.8333333333%;
}

.boc-ui-rtl .boc-ui-grid-pull-grid-24-17 {
  left: 70.8333333333%;
}

.boc-ui-grid-push-grid-24-17 {
  left: 70.8333333333%;
}

.boc-ui-rtl .boc-ui-grid-push-grid-24-17 {
  right: 70.8333333333%;
}

.offset-grid-24-18 {
  margin-left: 75%;
}

.boc-ui-rtl .offset-grid-24-18 {
  margin-left: 0;
  margin-right: 75%;
}

.boc-ui-grid-order-grid-24-18 {
  -ms-flex-order: 18;
      order: 18;
}

.boc-ui-grid-pull-grid-24-18 {
  right: 75%;
}

.boc-ui-rtl .boc-ui-grid-pull-grid-24-18 {
  left: 75%;
}

.boc-ui-grid-push-grid-24-18 {
  left: 75%;
}

.boc-ui-rtl .boc-ui-grid-push-grid-24-18 {
  right: 75%;
}

.offset-grid-24-19 {
  margin-left: 79.1666666667%;
}

.boc-ui-rtl .offset-grid-24-19 {
  margin-left: 0;
  margin-right: 79.1666666667%;
}

.boc-ui-grid-order-grid-24-19 {
  -ms-flex-order: 19;
      order: 19;
}

.boc-ui-grid-pull-grid-24-19 {
  right: 79.1666666667%;
}

.boc-ui-rtl .boc-ui-grid-pull-grid-24-19 {
  left: 79.1666666667%;
}

.boc-ui-grid-push-grid-24-19 {
  left: 79.1666666667%;
}

.boc-ui-rtl .boc-ui-grid-push-grid-24-19 {
  right: 79.1666666667%;
}

.offset-grid-24-20 {
  margin-left: 83.3333333333%;
}

.boc-ui-rtl .offset-grid-24-20 {
  margin-left: 0;
  margin-right: 83.3333333333%;
}

.boc-ui-grid-order-grid-24-20 {
  -ms-flex-order: 20;
      order: 20;
}

.boc-ui-grid-pull-grid-24-20 {
  right: 83.3333333333%;
}

.boc-ui-rtl .boc-ui-grid-pull-grid-24-20 {
  left: 83.3333333333%;
}

.boc-ui-grid-push-grid-24-20 {
  left: 83.3333333333%;
}

.boc-ui-rtl .boc-ui-grid-push-grid-24-20 {
  right: 83.3333333333%;
}

.offset-grid-24-21 {
  margin-left: 87.5%;
}

.boc-ui-rtl .offset-grid-24-21 {
  margin-left: 0;
  margin-right: 87.5%;
}

.boc-ui-grid-order-grid-24-21 {
  -ms-flex-order: 21;
      order: 21;
}

.boc-ui-grid-pull-grid-24-21 {
  right: 87.5%;
}

.boc-ui-rtl .boc-ui-grid-pull-grid-24-21 {
  left: 87.5%;
}

.boc-ui-grid-push-grid-24-21 {
  left: 87.5%;
}

.boc-ui-rtl .boc-ui-grid-push-grid-24-21 {
  right: 87.5%;
}

.offset-grid-24-22 {
  margin-left: 91.6666666667%;
}

.boc-ui-rtl .offset-grid-24-22 {
  margin-left: 0;
  margin-right: 91.6666666667%;
}

.boc-ui-grid-order-grid-24-22 {
  -ms-flex-order: 22;
      order: 22;
}

.boc-ui-grid-pull-grid-24-22 {
  right: 91.6666666667%;
}

.boc-ui-rtl .boc-ui-grid-pull-grid-24-22 {
  left: 91.6666666667%;
}

.boc-ui-grid-push-grid-24-22 {
  left: 91.6666666667%;
}

.boc-ui-rtl .boc-ui-grid-push-grid-24-22 {
  right: 91.6666666667%;
}

.offset-grid-24-23 {
  margin-left: 95.8333333333%;
}

.boc-ui-rtl .offset-grid-24-23 {
  margin-left: 0;
  margin-right: 95.8333333333%;
}

.boc-ui-grid-order-grid-24-23 {
  -ms-flex-order: 23;
      order: 23;
}

.boc-ui-grid-pull-grid-24-23 {
  right: 95.8333333333%;
}

.boc-ui-rtl .boc-ui-grid-pull-grid-24-23 {
  left: 95.8333333333%;
}

.boc-ui-grid-push-grid-24-23 {
  left: 95.8333333333%;
}

.boc-ui-rtl .boc-ui-grid-push-grid-24-23 {
  right: 95.8333333333%;
}

@media (min-width: 576px) {
  .col-sm-grid-24 {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-grid-24-auto {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-grid-24-1 {
    -ms-flex: 0 0 4.1666666667%;
        flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .col-sm-grid-24-2 {
    -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-grid-24-3 {
    -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .col-sm-grid-24-4 {
    -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-grid-24-5 {
    -ms-flex: 0 0 20.8333333333%;
        flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .col-sm-grid-24-6 {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-grid-24-7 {
    -ms-flex: 0 0 29.1666666667%;
        flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .col-sm-grid-24-8 {
    -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-grid-24-9 {
    -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .col-sm-grid-24-10 {
    -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-grid-24-11 {
    -ms-flex: 0 0 45.8333333333%;
        flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .col-sm-grid-24-12 {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-grid-24-13 {
    -ms-flex: 0 0 54.1666666667%;
        flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .col-sm-grid-24-14 {
    -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-grid-24-15 {
    -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .col-sm-grid-24-16 {
    -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-grid-24-17 {
    -ms-flex: 0 0 70.8333333333%;
        flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .col-sm-grid-24-18 {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-grid-24-19 {
    -ms-flex: 0 0 79.1666666667%;
        flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .col-sm-grid-24-20 {
    -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-grid-24-21 {
    -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .col-sm-grid-24-22 {
    -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-grid-24-23 {
    -ms-flex: 0 0 95.8333333333%;
        flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .col-sm-grid-24-24 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-grid-24-first {
    -ms-flex-order: -1;
        order: -1;
  }
  .order-sm-grid-24-last {
    -ms-flex-order: 25;
        order: 25;
  }
  .offset-sm-grid-24-0 {
    margin-left: 0;
  }
  .boc-ui-rtl .offset-sm-grid-24-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .boc-ui-grid-order-sm-grid-24-0 {
    -ms-flex-order: 0;
        order: 0;
  }
  .boc-ui-grid-pull-sm-grid-24-0 {
    right: auto;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-grid-24-0 {
    left: auto;
  }
  .boc-ui-grid-push-sm-grid-24-0 {
    left: auto;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-grid-24-0 {
    right: auto;
  }
  .offset-sm-grid-24-1 {
    margin-left: 4.1666666667%;
  }
  .boc-ui-rtl .offset-sm-grid-24-1 {
    margin-left: 0;
    margin-right: 4.1666666667%;
  }
  .boc-ui-grid-order-sm-grid-24-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .boc-ui-grid-pull-sm-grid-24-1 {
    right: 4.1666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-grid-24-1 {
    left: 4.1666666667%;
  }
  .boc-ui-grid-push-sm-grid-24-1 {
    left: 4.1666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-grid-24-1 {
    right: 4.1666666667%;
  }
  .offset-sm-grid-24-2 {
    margin-left: 8.3333333333%;
  }
  .boc-ui-rtl .offset-sm-grid-24-2 {
    margin-left: 0;
    margin-right: 8.3333333333%;
  }
  .boc-ui-grid-order-sm-grid-24-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .boc-ui-grid-pull-sm-grid-24-2 {
    right: 8.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-grid-24-2 {
    left: 8.3333333333%;
  }
  .boc-ui-grid-push-sm-grid-24-2 {
    left: 8.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-grid-24-2 {
    right: 8.3333333333%;
  }
  .offset-sm-grid-24-3 {
    margin-left: 12.5%;
  }
  .boc-ui-rtl .offset-sm-grid-24-3 {
    margin-left: 0;
    margin-right: 12.5%;
  }
  .boc-ui-grid-order-sm-grid-24-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .boc-ui-grid-pull-sm-grid-24-3 {
    right: 12.5%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-grid-24-3 {
    left: 12.5%;
  }
  .boc-ui-grid-push-sm-grid-24-3 {
    left: 12.5%;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-grid-24-3 {
    right: 12.5%;
  }
  .offset-sm-grid-24-4 {
    margin-left: 16.6666666667%;
  }
  .boc-ui-rtl .offset-sm-grid-24-4 {
    margin-left: 0;
    margin-right: 16.6666666667%;
  }
  .boc-ui-grid-order-sm-grid-24-4 {
    -ms-flex-order: 4;
        order: 4;
  }
  .boc-ui-grid-pull-sm-grid-24-4 {
    right: 16.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-grid-24-4 {
    left: 16.6666666667%;
  }
  .boc-ui-grid-push-sm-grid-24-4 {
    left: 16.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-grid-24-4 {
    right: 16.6666666667%;
  }
  .offset-sm-grid-24-5 {
    margin-left: 20.8333333333%;
  }
  .boc-ui-rtl .offset-sm-grid-24-5 {
    margin-left: 0;
    margin-right: 20.8333333333%;
  }
  .boc-ui-grid-order-sm-grid-24-5 {
    -ms-flex-order: 5;
        order: 5;
  }
  .boc-ui-grid-pull-sm-grid-24-5 {
    right: 20.8333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-grid-24-5 {
    left: 20.8333333333%;
  }
  .boc-ui-grid-push-sm-grid-24-5 {
    left: 20.8333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-grid-24-5 {
    right: 20.8333333333%;
  }
  .offset-sm-grid-24-6 {
    margin-left: 25%;
  }
  .boc-ui-rtl .offset-sm-grid-24-6 {
    margin-left: 0;
    margin-right: 25%;
  }
  .boc-ui-grid-order-sm-grid-24-6 {
    -ms-flex-order: 6;
        order: 6;
  }
  .boc-ui-grid-pull-sm-grid-24-6 {
    right: 25%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-grid-24-6 {
    left: 25%;
  }
  .boc-ui-grid-push-sm-grid-24-6 {
    left: 25%;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-grid-24-6 {
    right: 25%;
  }
  .offset-sm-grid-24-7 {
    margin-left: 29.1666666667%;
  }
  .boc-ui-rtl .offset-sm-grid-24-7 {
    margin-left: 0;
    margin-right: 29.1666666667%;
  }
  .boc-ui-grid-order-sm-grid-24-7 {
    -ms-flex-order: 7;
        order: 7;
  }
  .boc-ui-grid-pull-sm-grid-24-7 {
    right: 29.1666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-grid-24-7 {
    left: 29.1666666667%;
  }
  .boc-ui-grid-push-sm-grid-24-7 {
    left: 29.1666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-grid-24-7 {
    right: 29.1666666667%;
  }
  .offset-sm-grid-24-8 {
    margin-left: 33.3333333333%;
  }
  .boc-ui-rtl .offset-sm-grid-24-8 {
    margin-left: 0;
    margin-right: 33.3333333333%;
  }
  .boc-ui-grid-order-sm-grid-24-8 {
    -ms-flex-order: 8;
        order: 8;
  }
  .boc-ui-grid-pull-sm-grid-24-8 {
    right: 33.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-grid-24-8 {
    left: 33.3333333333%;
  }
  .boc-ui-grid-push-sm-grid-24-8 {
    left: 33.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-grid-24-8 {
    right: 33.3333333333%;
  }
  .offset-sm-grid-24-9 {
    margin-left: 37.5%;
  }
  .boc-ui-rtl .offset-sm-grid-24-9 {
    margin-left: 0;
    margin-right: 37.5%;
  }
  .boc-ui-grid-order-sm-grid-24-9 {
    -ms-flex-order: 9;
        order: 9;
  }
  .boc-ui-grid-pull-sm-grid-24-9 {
    right: 37.5%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-grid-24-9 {
    left: 37.5%;
  }
  .boc-ui-grid-push-sm-grid-24-9 {
    left: 37.5%;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-grid-24-9 {
    right: 37.5%;
  }
  .offset-sm-grid-24-10 {
    margin-left: 41.6666666667%;
  }
  .boc-ui-rtl .offset-sm-grid-24-10 {
    margin-left: 0;
    margin-right: 41.6666666667%;
  }
  .boc-ui-grid-order-sm-grid-24-10 {
    -ms-flex-order: 10;
        order: 10;
  }
  .boc-ui-grid-pull-sm-grid-24-10 {
    right: 41.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-grid-24-10 {
    left: 41.6666666667%;
  }
  .boc-ui-grid-push-sm-grid-24-10 {
    left: 41.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-grid-24-10 {
    right: 41.6666666667%;
  }
  .offset-sm-grid-24-11 {
    margin-left: 45.8333333333%;
  }
  .boc-ui-rtl .offset-sm-grid-24-11 {
    margin-left: 0;
    margin-right: 45.8333333333%;
  }
  .boc-ui-grid-order-sm-grid-24-11 {
    -ms-flex-order: 11;
        order: 11;
  }
  .boc-ui-grid-pull-sm-grid-24-11 {
    right: 45.8333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-grid-24-11 {
    left: 45.8333333333%;
  }
  .boc-ui-grid-push-sm-grid-24-11 {
    left: 45.8333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-grid-24-11 {
    right: 45.8333333333%;
  }
  .offset-sm-grid-24-12 {
    margin-left: 50%;
  }
  .boc-ui-rtl .offset-sm-grid-24-12 {
    margin-left: 0;
    margin-right: 50%;
  }
  .boc-ui-grid-order-sm-grid-24-12 {
    -ms-flex-order: 12;
        order: 12;
  }
  .boc-ui-grid-pull-sm-grid-24-12 {
    right: 50%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-grid-24-12 {
    left: 50%;
  }
  .boc-ui-grid-push-sm-grid-24-12 {
    left: 50%;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-grid-24-12 {
    right: 50%;
  }
  .offset-sm-grid-24-13 {
    margin-left: 54.1666666667%;
  }
  .boc-ui-rtl .offset-sm-grid-24-13 {
    margin-left: 0;
    margin-right: 54.1666666667%;
  }
  .boc-ui-grid-order-sm-grid-24-13 {
    -ms-flex-order: 13;
        order: 13;
  }
  .boc-ui-grid-pull-sm-grid-24-13 {
    right: 54.1666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-grid-24-13 {
    left: 54.1666666667%;
  }
  .boc-ui-grid-push-sm-grid-24-13 {
    left: 54.1666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-grid-24-13 {
    right: 54.1666666667%;
  }
  .offset-sm-grid-24-14 {
    margin-left: 58.3333333333%;
  }
  .boc-ui-rtl .offset-sm-grid-24-14 {
    margin-left: 0;
    margin-right: 58.3333333333%;
  }
  .boc-ui-grid-order-sm-grid-24-14 {
    -ms-flex-order: 14;
        order: 14;
  }
  .boc-ui-grid-pull-sm-grid-24-14 {
    right: 58.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-grid-24-14 {
    left: 58.3333333333%;
  }
  .boc-ui-grid-push-sm-grid-24-14 {
    left: 58.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-grid-24-14 {
    right: 58.3333333333%;
  }
  .offset-sm-grid-24-15 {
    margin-left: 62.5%;
  }
  .boc-ui-rtl .offset-sm-grid-24-15 {
    margin-left: 0;
    margin-right: 62.5%;
  }
  .boc-ui-grid-order-sm-grid-24-15 {
    -ms-flex-order: 15;
        order: 15;
  }
  .boc-ui-grid-pull-sm-grid-24-15 {
    right: 62.5%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-grid-24-15 {
    left: 62.5%;
  }
  .boc-ui-grid-push-sm-grid-24-15 {
    left: 62.5%;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-grid-24-15 {
    right: 62.5%;
  }
  .offset-sm-grid-24-16 {
    margin-left: 66.6666666667%;
  }
  .boc-ui-rtl .offset-sm-grid-24-16 {
    margin-left: 0;
    margin-right: 66.6666666667%;
  }
  .boc-ui-grid-order-sm-grid-24-16 {
    -ms-flex-order: 16;
        order: 16;
  }
  .boc-ui-grid-pull-sm-grid-24-16 {
    right: 66.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-grid-24-16 {
    left: 66.6666666667%;
  }
  .boc-ui-grid-push-sm-grid-24-16 {
    left: 66.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-grid-24-16 {
    right: 66.6666666667%;
  }
  .offset-sm-grid-24-17 {
    margin-left: 70.8333333333%;
  }
  .boc-ui-rtl .offset-sm-grid-24-17 {
    margin-left: 0;
    margin-right: 70.8333333333%;
  }
  .boc-ui-grid-order-sm-grid-24-17 {
    -ms-flex-order: 17;
        order: 17;
  }
  .boc-ui-grid-pull-sm-grid-24-17 {
    right: 70.8333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-grid-24-17 {
    left: 70.8333333333%;
  }
  .boc-ui-grid-push-sm-grid-24-17 {
    left: 70.8333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-grid-24-17 {
    right: 70.8333333333%;
  }
  .offset-sm-grid-24-18 {
    margin-left: 75%;
  }
  .boc-ui-rtl .offset-sm-grid-24-18 {
    margin-left: 0;
    margin-right: 75%;
  }
  .boc-ui-grid-order-sm-grid-24-18 {
    -ms-flex-order: 18;
        order: 18;
  }
  .boc-ui-grid-pull-sm-grid-24-18 {
    right: 75%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-grid-24-18 {
    left: 75%;
  }
  .boc-ui-grid-push-sm-grid-24-18 {
    left: 75%;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-grid-24-18 {
    right: 75%;
  }
  .offset-sm-grid-24-19 {
    margin-left: 79.1666666667%;
  }
  .boc-ui-rtl .offset-sm-grid-24-19 {
    margin-left: 0;
    margin-right: 79.1666666667%;
  }
  .boc-ui-grid-order-sm-grid-24-19 {
    -ms-flex-order: 19;
        order: 19;
  }
  .boc-ui-grid-pull-sm-grid-24-19 {
    right: 79.1666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-grid-24-19 {
    left: 79.1666666667%;
  }
  .boc-ui-grid-push-sm-grid-24-19 {
    left: 79.1666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-grid-24-19 {
    right: 79.1666666667%;
  }
  .offset-sm-grid-24-20 {
    margin-left: 83.3333333333%;
  }
  .boc-ui-rtl .offset-sm-grid-24-20 {
    margin-left: 0;
    margin-right: 83.3333333333%;
  }
  .boc-ui-grid-order-sm-grid-24-20 {
    -ms-flex-order: 20;
        order: 20;
  }
  .boc-ui-grid-pull-sm-grid-24-20 {
    right: 83.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-grid-24-20 {
    left: 83.3333333333%;
  }
  .boc-ui-grid-push-sm-grid-24-20 {
    left: 83.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-grid-24-20 {
    right: 83.3333333333%;
  }
  .offset-sm-grid-24-21 {
    margin-left: 87.5%;
  }
  .boc-ui-rtl .offset-sm-grid-24-21 {
    margin-left: 0;
    margin-right: 87.5%;
  }
  .boc-ui-grid-order-sm-grid-24-21 {
    -ms-flex-order: 21;
        order: 21;
  }
  .boc-ui-grid-pull-sm-grid-24-21 {
    right: 87.5%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-grid-24-21 {
    left: 87.5%;
  }
  .boc-ui-grid-push-sm-grid-24-21 {
    left: 87.5%;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-grid-24-21 {
    right: 87.5%;
  }
  .offset-sm-grid-24-22 {
    margin-left: 91.6666666667%;
  }
  .boc-ui-rtl .offset-sm-grid-24-22 {
    margin-left: 0;
    margin-right: 91.6666666667%;
  }
  .boc-ui-grid-order-sm-grid-24-22 {
    -ms-flex-order: 22;
        order: 22;
  }
  .boc-ui-grid-pull-sm-grid-24-22 {
    right: 91.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-grid-24-22 {
    left: 91.6666666667%;
  }
  .boc-ui-grid-push-sm-grid-24-22 {
    left: 91.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-grid-24-22 {
    right: 91.6666666667%;
  }
  .offset-sm-grid-24-23 {
    margin-left: 95.8333333333%;
  }
  .boc-ui-rtl .offset-sm-grid-24-23 {
    margin-left: 0;
    margin-right: 95.8333333333%;
  }
  .boc-ui-grid-order-sm-grid-24-23 {
    -ms-flex-order: 23;
        order: 23;
  }
  .boc-ui-grid-pull-sm-grid-24-23 {
    right: 95.8333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-sm-grid-24-23 {
    left: 95.8333333333%;
  }
  .boc-ui-grid-push-sm-grid-24-23 {
    left: 95.8333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-sm-grid-24-23 {
    right: 95.8333333333%;
  }
}
@media (min-width: 768px) {
  .col-md-grid-24 {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 100%;
  }
  .col-md-grid-24-auto {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-grid-24-1 {
    -ms-flex: 0 0 4.1666666667%;
        flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .col-md-grid-24-2 {
    -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-grid-24-3 {
    -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .col-md-grid-24-4 {
    -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-grid-24-5 {
    -ms-flex: 0 0 20.8333333333%;
        flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .col-md-grid-24-6 {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-grid-24-7 {
    -ms-flex: 0 0 29.1666666667%;
        flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .col-md-grid-24-8 {
    -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-grid-24-9 {
    -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .col-md-grid-24-10 {
    -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-grid-24-11 {
    -ms-flex: 0 0 45.8333333333%;
        flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .col-md-grid-24-12 {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-grid-24-13 {
    -ms-flex: 0 0 54.1666666667%;
        flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .col-md-grid-24-14 {
    -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-grid-24-15 {
    -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .col-md-grid-24-16 {
    -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-grid-24-17 {
    -ms-flex: 0 0 70.8333333333%;
        flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .col-md-grid-24-18 {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-grid-24-19 {
    -ms-flex: 0 0 79.1666666667%;
        flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .col-md-grid-24-20 {
    -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-grid-24-21 {
    -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .col-md-grid-24-22 {
    -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-grid-24-23 {
    -ms-flex: 0 0 95.8333333333%;
        flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .col-md-grid-24-24 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-grid-24-first {
    -ms-flex-order: -1;
        order: -1;
  }
  .order-md-grid-24-last {
    -ms-flex-order: 25;
        order: 25;
  }
  .offset-md-grid-24-0 {
    margin-left: 0;
  }
  .boc-ui-rtl .offset-md-grid-24-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .boc-ui-grid-order-md-grid-24-0 {
    -ms-flex-order: 0;
        order: 0;
  }
  .boc-ui-grid-pull-md-grid-24-0 {
    right: auto;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-grid-24-0 {
    left: auto;
  }
  .boc-ui-grid-push-md-grid-24-0 {
    left: auto;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-grid-24-0 {
    right: auto;
  }
  .offset-md-grid-24-1 {
    margin-left: 4.1666666667%;
  }
  .boc-ui-rtl .offset-md-grid-24-1 {
    margin-left: 0;
    margin-right: 4.1666666667%;
  }
  .boc-ui-grid-order-md-grid-24-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .boc-ui-grid-pull-md-grid-24-1 {
    right: 4.1666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-grid-24-1 {
    left: 4.1666666667%;
  }
  .boc-ui-grid-push-md-grid-24-1 {
    left: 4.1666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-grid-24-1 {
    right: 4.1666666667%;
  }
  .offset-md-grid-24-2 {
    margin-left: 8.3333333333%;
  }
  .boc-ui-rtl .offset-md-grid-24-2 {
    margin-left: 0;
    margin-right: 8.3333333333%;
  }
  .boc-ui-grid-order-md-grid-24-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .boc-ui-grid-pull-md-grid-24-2 {
    right: 8.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-grid-24-2 {
    left: 8.3333333333%;
  }
  .boc-ui-grid-push-md-grid-24-2 {
    left: 8.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-grid-24-2 {
    right: 8.3333333333%;
  }
  .offset-md-grid-24-3 {
    margin-left: 12.5%;
  }
  .boc-ui-rtl .offset-md-grid-24-3 {
    margin-left: 0;
    margin-right: 12.5%;
  }
  .boc-ui-grid-order-md-grid-24-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .boc-ui-grid-pull-md-grid-24-3 {
    right: 12.5%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-grid-24-3 {
    left: 12.5%;
  }
  .boc-ui-grid-push-md-grid-24-3 {
    left: 12.5%;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-grid-24-3 {
    right: 12.5%;
  }
  .offset-md-grid-24-4 {
    margin-left: 16.6666666667%;
  }
  .boc-ui-rtl .offset-md-grid-24-4 {
    margin-left: 0;
    margin-right: 16.6666666667%;
  }
  .boc-ui-grid-order-md-grid-24-4 {
    -ms-flex-order: 4;
        order: 4;
  }
  .boc-ui-grid-pull-md-grid-24-4 {
    right: 16.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-grid-24-4 {
    left: 16.6666666667%;
  }
  .boc-ui-grid-push-md-grid-24-4 {
    left: 16.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-grid-24-4 {
    right: 16.6666666667%;
  }
  .offset-md-grid-24-5 {
    margin-left: 20.8333333333%;
  }
  .boc-ui-rtl .offset-md-grid-24-5 {
    margin-left: 0;
    margin-right: 20.8333333333%;
  }
  .boc-ui-grid-order-md-grid-24-5 {
    -ms-flex-order: 5;
        order: 5;
  }
  .boc-ui-grid-pull-md-grid-24-5 {
    right: 20.8333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-grid-24-5 {
    left: 20.8333333333%;
  }
  .boc-ui-grid-push-md-grid-24-5 {
    left: 20.8333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-grid-24-5 {
    right: 20.8333333333%;
  }
  .offset-md-grid-24-6 {
    margin-left: 25%;
  }
  .boc-ui-rtl .offset-md-grid-24-6 {
    margin-left: 0;
    margin-right: 25%;
  }
  .boc-ui-grid-order-md-grid-24-6 {
    -ms-flex-order: 6;
        order: 6;
  }
  .boc-ui-grid-pull-md-grid-24-6 {
    right: 25%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-grid-24-6 {
    left: 25%;
  }
  .boc-ui-grid-push-md-grid-24-6 {
    left: 25%;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-grid-24-6 {
    right: 25%;
  }
  .offset-md-grid-24-7 {
    margin-left: 29.1666666667%;
  }
  .boc-ui-rtl .offset-md-grid-24-7 {
    margin-left: 0;
    margin-right: 29.1666666667%;
  }
  .boc-ui-grid-order-md-grid-24-7 {
    -ms-flex-order: 7;
        order: 7;
  }
  .boc-ui-grid-pull-md-grid-24-7 {
    right: 29.1666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-grid-24-7 {
    left: 29.1666666667%;
  }
  .boc-ui-grid-push-md-grid-24-7 {
    left: 29.1666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-grid-24-7 {
    right: 29.1666666667%;
  }
  .offset-md-grid-24-8 {
    margin-left: 33.3333333333%;
  }
  .boc-ui-rtl .offset-md-grid-24-8 {
    margin-left: 0;
    margin-right: 33.3333333333%;
  }
  .boc-ui-grid-order-md-grid-24-8 {
    -ms-flex-order: 8;
        order: 8;
  }
  .boc-ui-grid-pull-md-grid-24-8 {
    right: 33.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-grid-24-8 {
    left: 33.3333333333%;
  }
  .boc-ui-grid-push-md-grid-24-8 {
    left: 33.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-grid-24-8 {
    right: 33.3333333333%;
  }
  .offset-md-grid-24-9 {
    margin-left: 37.5%;
  }
  .boc-ui-rtl .offset-md-grid-24-9 {
    margin-left: 0;
    margin-right: 37.5%;
  }
  .boc-ui-grid-order-md-grid-24-9 {
    -ms-flex-order: 9;
        order: 9;
  }
  .boc-ui-grid-pull-md-grid-24-9 {
    right: 37.5%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-grid-24-9 {
    left: 37.5%;
  }
  .boc-ui-grid-push-md-grid-24-9 {
    left: 37.5%;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-grid-24-9 {
    right: 37.5%;
  }
  .offset-md-grid-24-10 {
    margin-left: 41.6666666667%;
  }
  .boc-ui-rtl .offset-md-grid-24-10 {
    margin-left: 0;
    margin-right: 41.6666666667%;
  }
  .boc-ui-grid-order-md-grid-24-10 {
    -ms-flex-order: 10;
        order: 10;
  }
  .boc-ui-grid-pull-md-grid-24-10 {
    right: 41.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-grid-24-10 {
    left: 41.6666666667%;
  }
  .boc-ui-grid-push-md-grid-24-10 {
    left: 41.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-grid-24-10 {
    right: 41.6666666667%;
  }
  .offset-md-grid-24-11 {
    margin-left: 45.8333333333%;
  }
  .boc-ui-rtl .offset-md-grid-24-11 {
    margin-left: 0;
    margin-right: 45.8333333333%;
  }
  .boc-ui-grid-order-md-grid-24-11 {
    -ms-flex-order: 11;
        order: 11;
  }
  .boc-ui-grid-pull-md-grid-24-11 {
    right: 45.8333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-grid-24-11 {
    left: 45.8333333333%;
  }
  .boc-ui-grid-push-md-grid-24-11 {
    left: 45.8333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-grid-24-11 {
    right: 45.8333333333%;
  }
  .offset-md-grid-24-12 {
    margin-left: 50%;
  }
  .boc-ui-rtl .offset-md-grid-24-12 {
    margin-left: 0;
    margin-right: 50%;
  }
  .boc-ui-grid-order-md-grid-24-12 {
    -ms-flex-order: 12;
        order: 12;
  }
  .boc-ui-grid-pull-md-grid-24-12 {
    right: 50%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-grid-24-12 {
    left: 50%;
  }
  .boc-ui-grid-push-md-grid-24-12 {
    left: 50%;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-grid-24-12 {
    right: 50%;
  }
  .offset-md-grid-24-13 {
    margin-left: 54.1666666667%;
  }
  .boc-ui-rtl .offset-md-grid-24-13 {
    margin-left: 0;
    margin-right: 54.1666666667%;
  }
  .boc-ui-grid-order-md-grid-24-13 {
    -ms-flex-order: 13;
        order: 13;
  }
  .boc-ui-grid-pull-md-grid-24-13 {
    right: 54.1666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-grid-24-13 {
    left: 54.1666666667%;
  }
  .boc-ui-grid-push-md-grid-24-13 {
    left: 54.1666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-grid-24-13 {
    right: 54.1666666667%;
  }
  .offset-md-grid-24-14 {
    margin-left: 58.3333333333%;
  }
  .boc-ui-rtl .offset-md-grid-24-14 {
    margin-left: 0;
    margin-right: 58.3333333333%;
  }
  .boc-ui-grid-order-md-grid-24-14 {
    -ms-flex-order: 14;
        order: 14;
  }
  .boc-ui-grid-pull-md-grid-24-14 {
    right: 58.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-grid-24-14 {
    left: 58.3333333333%;
  }
  .boc-ui-grid-push-md-grid-24-14 {
    left: 58.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-grid-24-14 {
    right: 58.3333333333%;
  }
  .offset-md-grid-24-15 {
    margin-left: 62.5%;
  }
  .boc-ui-rtl .offset-md-grid-24-15 {
    margin-left: 0;
    margin-right: 62.5%;
  }
  .boc-ui-grid-order-md-grid-24-15 {
    -ms-flex-order: 15;
        order: 15;
  }
  .boc-ui-grid-pull-md-grid-24-15 {
    right: 62.5%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-grid-24-15 {
    left: 62.5%;
  }
  .boc-ui-grid-push-md-grid-24-15 {
    left: 62.5%;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-grid-24-15 {
    right: 62.5%;
  }
  .offset-md-grid-24-16 {
    margin-left: 66.6666666667%;
  }
  .boc-ui-rtl .offset-md-grid-24-16 {
    margin-left: 0;
    margin-right: 66.6666666667%;
  }
  .boc-ui-grid-order-md-grid-24-16 {
    -ms-flex-order: 16;
        order: 16;
  }
  .boc-ui-grid-pull-md-grid-24-16 {
    right: 66.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-grid-24-16 {
    left: 66.6666666667%;
  }
  .boc-ui-grid-push-md-grid-24-16 {
    left: 66.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-grid-24-16 {
    right: 66.6666666667%;
  }
  .offset-md-grid-24-17 {
    margin-left: 70.8333333333%;
  }
  .boc-ui-rtl .offset-md-grid-24-17 {
    margin-left: 0;
    margin-right: 70.8333333333%;
  }
  .boc-ui-grid-order-md-grid-24-17 {
    -ms-flex-order: 17;
        order: 17;
  }
  .boc-ui-grid-pull-md-grid-24-17 {
    right: 70.8333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-grid-24-17 {
    left: 70.8333333333%;
  }
  .boc-ui-grid-push-md-grid-24-17 {
    left: 70.8333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-grid-24-17 {
    right: 70.8333333333%;
  }
  .offset-md-grid-24-18 {
    margin-left: 75%;
  }
  .boc-ui-rtl .offset-md-grid-24-18 {
    margin-left: 0;
    margin-right: 75%;
  }
  .boc-ui-grid-order-md-grid-24-18 {
    -ms-flex-order: 18;
        order: 18;
  }
  .boc-ui-grid-pull-md-grid-24-18 {
    right: 75%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-grid-24-18 {
    left: 75%;
  }
  .boc-ui-grid-push-md-grid-24-18 {
    left: 75%;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-grid-24-18 {
    right: 75%;
  }
  .offset-md-grid-24-19 {
    margin-left: 79.1666666667%;
  }
  .boc-ui-rtl .offset-md-grid-24-19 {
    margin-left: 0;
    margin-right: 79.1666666667%;
  }
  .boc-ui-grid-order-md-grid-24-19 {
    -ms-flex-order: 19;
        order: 19;
  }
  .boc-ui-grid-pull-md-grid-24-19 {
    right: 79.1666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-grid-24-19 {
    left: 79.1666666667%;
  }
  .boc-ui-grid-push-md-grid-24-19 {
    left: 79.1666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-grid-24-19 {
    right: 79.1666666667%;
  }
  .offset-md-grid-24-20 {
    margin-left: 83.3333333333%;
  }
  .boc-ui-rtl .offset-md-grid-24-20 {
    margin-left: 0;
    margin-right: 83.3333333333%;
  }
  .boc-ui-grid-order-md-grid-24-20 {
    -ms-flex-order: 20;
        order: 20;
  }
  .boc-ui-grid-pull-md-grid-24-20 {
    right: 83.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-grid-24-20 {
    left: 83.3333333333%;
  }
  .boc-ui-grid-push-md-grid-24-20 {
    left: 83.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-grid-24-20 {
    right: 83.3333333333%;
  }
  .offset-md-grid-24-21 {
    margin-left: 87.5%;
  }
  .boc-ui-rtl .offset-md-grid-24-21 {
    margin-left: 0;
    margin-right: 87.5%;
  }
  .boc-ui-grid-order-md-grid-24-21 {
    -ms-flex-order: 21;
        order: 21;
  }
  .boc-ui-grid-pull-md-grid-24-21 {
    right: 87.5%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-grid-24-21 {
    left: 87.5%;
  }
  .boc-ui-grid-push-md-grid-24-21 {
    left: 87.5%;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-grid-24-21 {
    right: 87.5%;
  }
  .offset-md-grid-24-22 {
    margin-left: 91.6666666667%;
  }
  .boc-ui-rtl .offset-md-grid-24-22 {
    margin-left: 0;
    margin-right: 91.6666666667%;
  }
  .boc-ui-grid-order-md-grid-24-22 {
    -ms-flex-order: 22;
        order: 22;
  }
  .boc-ui-grid-pull-md-grid-24-22 {
    right: 91.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-grid-24-22 {
    left: 91.6666666667%;
  }
  .boc-ui-grid-push-md-grid-24-22 {
    left: 91.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-grid-24-22 {
    right: 91.6666666667%;
  }
  .offset-md-grid-24-23 {
    margin-left: 95.8333333333%;
  }
  .boc-ui-rtl .offset-md-grid-24-23 {
    margin-left: 0;
    margin-right: 95.8333333333%;
  }
  .boc-ui-grid-order-md-grid-24-23 {
    -ms-flex-order: 23;
        order: 23;
  }
  .boc-ui-grid-pull-md-grid-24-23 {
    right: 95.8333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-md-grid-24-23 {
    left: 95.8333333333%;
  }
  .boc-ui-grid-push-md-grid-24-23 {
    left: 95.8333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-md-grid-24-23 {
    right: 95.8333333333%;
  }
}
@media (min-width: 992px) {
  .col-lg-grid-24 {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-grid-24-auto {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-grid-24-1 {
    -ms-flex: 0 0 4.1666666667%;
        flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .col-lg-grid-24-2 {
    -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-grid-24-3 {
    -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .col-lg-grid-24-4 {
    -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-grid-24-5 {
    -ms-flex: 0 0 20.8333333333%;
        flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .col-lg-grid-24-6 {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-grid-24-7 {
    -ms-flex: 0 0 29.1666666667%;
        flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .col-lg-grid-24-8 {
    -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-grid-24-9 {
    -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .col-lg-grid-24-10 {
    -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-grid-24-11 {
    -ms-flex: 0 0 45.8333333333%;
        flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .col-lg-grid-24-12 {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-grid-24-13 {
    -ms-flex: 0 0 54.1666666667%;
        flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .col-lg-grid-24-14 {
    -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-grid-24-15 {
    -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .col-lg-grid-24-16 {
    -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-grid-24-17 {
    -ms-flex: 0 0 70.8333333333%;
        flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .col-lg-grid-24-18 {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-grid-24-19 {
    -ms-flex: 0 0 79.1666666667%;
        flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .col-lg-grid-24-20 {
    -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-grid-24-21 {
    -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .col-lg-grid-24-22 {
    -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-grid-24-23 {
    -ms-flex: 0 0 95.8333333333%;
        flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .col-lg-grid-24-24 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-grid-24-first {
    -ms-flex-order: -1;
        order: -1;
  }
  .order-lg-grid-24-last {
    -ms-flex-order: 25;
        order: 25;
  }
  .offset-lg-grid-24-0 {
    margin-left: 0;
  }
  .boc-ui-rtl .offset-lg-grid-24-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .boc-ui-grid-order-lg-grid-24-0 {
    -ms-flex-order: 0;
        order: 0;
  }
  .boc-ui-grid-pull-lg-grid-24-0 {
    right: auto;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-grid-24-0 {
    left: auto;
  }
  .boc-ui-grid-push-lg-grid-24-0 {
    left: auto;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-grid-24-0 {
    right: auto;
  }
  .offset-lg-grid-24-1 {
    margin-left: 4.1666666667%;
  }
  .boc-ui-rtl .offset-lg-grid-24-1 {
    margin-left: 0;
    margin-right: 4.1666666667%;
  }
  .boc-ui-grid-order-lg-grid-24-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .boc-ui-grid-pull-lg-grid-24-1 {
    right: 4.1666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-grid-24-1 {
    left: 4.1666666667%;
  }
  .boc-ui-grid-push-lg-grid-24-1 {
    left: 4.1666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-grid-24-1 {
    right: 4.1666666667%;
  }
  .offset-lg-grid-24-2 {
    margin-left: 8.3333333333%;
  }
  .boc-ui-rtl .offset-lg-grid-24-2 {
    margin-left: 0;
    margin-right: 8.3333333333%;
  }
  .boc-ui-grid-order-lg-grid-24-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .boc-ui-grid-pull-lg-grid-24-2 {
    right: 8.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-grid-24-2 {
    left: 8.3333333333%;
  }
  .boc-ui-grid-push-lg-grid-24-2 {
    left: 8.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-grid-24-2 {
    right: 8.3333333333%;
  }
  .offset-lg-grid-24-3 {
    margin-left: 12.5%;
  }
  .boc-ui-rtl .offset-lg-grid-24-3 {
    margin-left: 0;
    margin-right: 12.5%;
  }
  .boc-ui-grid-order-lg-grid-24-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .boc-ui-grid-pull-lg-grid-24-3 {
    right: 12.5%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-grid-24-3 {
    left: 12.5%;
  }
  .boc-ui-grid-push-lg-grid-24-3 {
    left: 12.5%;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-grid-24-3 {
    right: 12.5%;
  }
  .offset-lg-grid-24-4 {
    margin-left: 16.6666666667%;
  }
  .boc-ui-rtl .offset-lg-grid-24-4 {
    margin-left: 0;
    margin-right: 16.6666666667%;
  }
  .boc-ui-grid-order-lg-grid-24-4 {
    -ms-flex-order: 4;
        order: 4;
  }
  .boc-ui-grid-pull-lg-grid-24-4 {
    right: 16.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-grid-24-4 {
    left: 16.6666666667%;
  }
  .boc-ui-grid-push-lg-grid-24-4 {
    left: 16.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-grid-24-4 {
    right: 16.6666666667%;
  }
  .offset-lg-grid-24-5 {
    margin-left: 20.8333333333%;
  }
  .boc-ui-rtl .offset-lg-grid-24-5 {
    margin-left: 0;
    margin-right: 20.8333333333%;
  }
  .boc-ui-grid-order-lg-grid-24-5 {
    -ms-flex-order: 5;
        order: 5;
  }
  .boc-ui-grid-pull-lg-grid-24-5 {
    right: 20.8333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-grid-24-5 {
    left: 20.8333333333%;
  }
  .boc-ui-grid-push-lg-grid-24-5 {
    left: 20.8333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-grid-24-5 {
    right: 20.8333333333%;
  }
  .offset-lg-grid-24-6 {
    margin-left: 25%;
  }
  .boc-ui-rtl .offset-lg-grid-24-6 {
    margin-left: 0;
    margin-right: 25%;
  }
  .boc-ui-grid-order-lg-grid-24-6 {
    -ms-flex-order: 6;
        order: 6;
  }
  .boc-ui-grid-pull-lg-grid-24-6 {
    right: 25%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-grid-24-6 {
    left: 25%;
  }
  .boc-ui-grid-push-lg-grid-24-6 {
    left: 25%;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-grid-24-6 {
    right: 25%;
  }
  .offset-lg-grid-24-7 {
    margin-left: 29.1666666667%;
  }
  .boc-ui-rtl .offset-lg-grid-24-7 {
    margin-left: 0;
    margin-right: 29.1666666667%;
  }
  .boc-ui-grid-order-lg-grid-24-7 {
    -ms-flex-order: 7;
        order: 7;
  }
  .boc-ui-grid-pull-lg-grid-24-7 {
    right: 29.1666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-grid-24-7 {
    left: 29.1666666667%;
  }
  .boc-ui-grid-push-lg-grid-24-7 {
    left: 29.1666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-grid-24-7 {
    right: 29.1666666667%;
  }
  .offset-lg-grid-24-8 {
    margin-left: 33.3333333333%;
  }
  .boc-ui-rtl .offset-lg-grid-24-8 {
    margin-left: 0;
    margin-right: 33.3333333333%;
  }
  .boc-ui-grid-order-lg-grid-24-8 {
    -ms-flex-order: 8;
        order: 8;
  }
  .boc-ui-grid-pull-lg-grid-24-8 {
    right: 33.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-grid-24-8 {
    left: 33.3333333333%;
  }
  .boc-ui-grid-push-lg-grid-24-8 {
    left: 33.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-grid-24-8 {
    right: 33.3333333333%;
  }
  .offset-lg-grid-24-9 {
    margin-left: 37.5%;
  }
  .boc-ui-rtl .offset-lg-grid-24-9 {
    margin-left: 0;
    margin-right: 37.5%;
  }
  .boc-ui-grid-order-lg-grid-24-9 {
    -ms-flex-order: 9;
        order: 9;
  }
  .boc-ui-grid-pull-lg-grid-24-9 {
    right: 37.5%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-grid-24-9 {
    left: 37.5%;
  }
  .boc-ui-grid-push-lg-grid-24-9 {
    left: 37.5%;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-grid-24-9 {
    right: 37.5%;
  }
  .offset-lg-grid-24-10 {
    margin-left: 41.6666666667%;
  }
  .boc-ui-rtl .offset-lg-grid-24-10 {
    margin-left: 0;
    margin-right: 41.6666666667%;
  }
  .boc-ui-grid-order-lg-grid-24-10 {
    -ms-flex-order: 10;
        order: 10;
  }
  .boc-ui-grid-pull-lg-grid-24-10 {
    right: 41.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-grid-24-10 {
    left: 41.6666666667%;
  }
  .boc-ui-grid-push-lg-grid-24-10 {
    left: 41.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-grid-24-10 {
    right: 41.6666666667%;
  }
  .offset-lg-grid-24-11 {
    margin-left: 45.8333333333%;
  }
  .boc-ui-rtl .offset-lg-grid-24-11 {
    margin-left: 0;
    margin-right: 45.8333333333%;
  }
  .boc-ui-grid-order-lg-grid-24-11 {
    -ms-flex-order: 11;
        order: 11;
  }
  .boc-ui-grid-pull-lg-grid-24-11 {
    right: 45.8333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-grid-24-11 {
    left: 45.8333333333%;
  }
  .boc-ui-grid-push-lg-grid-24-11 {
    left: 45.8333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-grid-24-11 {
    right: 45.8333333333%;
  }
  .offset-lg-grid-24-12 {
    margin-left: 50%;
  }
  .boc-ui-rtl .offset-lg-grid-24-12 {
    margin-left: 0;
    margin-right: 50%;
  }
  .boc-ui-grid-order-lg-grid-24-12 {
    -ms-flex-order: 12;
        order: 12;
  }
  .boc-ui-grid-pull-lg-grid-24-12 {
    right: 50%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-grid-24-12 {
    left: 50%;
  }
  .boc-ui-grid-push-lg-grid-24-12 {
    left: 50%;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-grid-24-12 {
    right: 50%;
  }
  .offset-lg-grid-24-13 {
    margin-left: 54.1666666667%;
  }
  .boc-ui-rtl .offset-lg-grid-24-13 {
    margin-left: 0;
    margin-right: 54.1666666667%;
  }
  .boc-ui-grid-order-lg-grid-24-13 {
    -ms-flex-order: 13;
        order: 13;
  }
  .boc-ui-grid-pull-lg-grid-24-13 {
    right: 54.1666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-grid-24-13 {
    left: 54.1666666667%;
  }
  .boc-ui-grid-push-lg-grid-24-13 {
    left: 54.1666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-grid-24-13 {
    right: 54.1666666667%;
  }
  .offset-lg-grid-24-14 {
    margin-left: 58.3333333333%;
  }
  .boc-ui-rtl .offset-lg-grid-24-14 {
    margin-left: 0;
    margin-right: 58.3333333333%;
  }
  .boc-ui-grid-order-lg-grid-24-14 {
    -ms-flex-order: 14;
        order: 14;
  }
  .boc-ui-grid-pull-lg-grid-24-14 {
    right: 58.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-grid-24-14 {
    left: 58.3333333333%;
  }
  .boc-ui-grid-push-lg-grid-24-14 {
    left: 58.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-grid-24-14 {
    right: 58.3333333333%;
  }
  .offset-lg-grid-24-15 {
    margin-left: 62.5%;
  }
  .boc-ui-rtl .offset-lg-grid-24-15 {
    margin-left: 0;
    margin-right: 62.5%;
  }
  .boc-ui-grid-order-lg-grid-24-15 {
    -ms-flex-order: 15;
        order: 15;
  }
  .boc-ui-grid-pull-lg-grid-24-15 {
    right: 62.5%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-grid-24-15 {
    left: 62.5%;
  }
  .boc-ui-grid-push-lg-grid-24-15 {
    left: 62.5%;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-grid-24-15 {
    right: 62.5%;
  }
  .offset-lg-grid-24-16 {
    margin-left: 66.6666666667%;
  }
  .boc-ui-rtl .offset-lg-grid-24-16 {
    margin-left: 0;
    margin-right: 66.6666666667%;
  }
  .boc-ui-grid-order-lg-grid-24-16 {
    -ms-flex-order: 16;
        order: 16;
  }
  .boc-ui-grid-pull-lg-grid-24-16 {
    right: 66.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-grid-24-16 {
    left: 66.6666666667%;
  }
  .boc-ui-grid-push-lg-grid-24-16 {
    left: 66.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-grid-24-16 {
    right: 66.6666666667%;
  }
  .offset-lg-grid-24-17 {
    margin-left: 70.8333333333%;
  }
  .boc-ui-rtl .offset-lg-grid-24-17 {
    margin-left: 0;
    margin-right: 70.8333333333%;
  }
  .boc-ui-grid-order-lg-grid-24-17 {
    -ms-flex-order: 17;
        order: 17;
  }
  .boc-ui-grid-pull-lg-grid-24-17 {
    right: 70.8333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-grid-24-17 {
    left: 70.8333333333%;
  }
  .boc-ui-grid-push-lg-grid-24-17 {
    left: 70.8333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-grid-24-17 {
    right: 70.8333333333%;
  }
  .offset-lg-grid-24-18 {
    margin-left: 75%;
  }
  .boc-ui-rtl .offset-lg-grid-24-18 {
    margin-left: 0;
    margin-right: 75%;
  }
  .boc-ui-grid-order-lg-grid-24-18 {
    -ms-flex-order: 18;
        order: 18;
  }
  .boc-ui-grid-pull-lg-grid-24-18 {
    right: 75%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-grid-24-18 {
    left: 75%;
  }
  .boc-ui-grid-push-lg-grid-24-18 {
    left: 75%;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-grid-24-18 {
    right: 75%;
  }
  .offset-lg-grid-24-19 {
    margin-left: 79.1666666667%;
  }
  .boc-ui-rtl .offset-lg-grid-24-19 {
    margin-left: 0;
    margin-right: 79.1666666667%;
  }
  .boc-ui-grid-order-lg-grid-24-19 {
    -ms-flex-order: 19;
        order: 19;
  }
  .boc-ui-grid-pull-lg-grid-24-19 {
    right: 79.1666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-grid-24-19 {
    left: 79.1666666667%;
  }
  .boc-ui-grid-push-lg-grid-24-19 {
    left: 79.1666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-grid-24-19 {
    right: 79.1666666667%;
  }
  .offset-lg-grid-24-20 {
    margin-left: 83.3333333333%;
  }
  .boc-ui-rtl .offset-lg-grid-24-20 {
    margin-left: 0;
    margin-right: 83.3333333333%;
  }
  .boc-ui-grid-order-lg-grid-24-20 {
    -ms-flex-order: 20;
        order: 20;
  }
  .boc-ui-grid-pull-lg-grid-24-20 {
    right: 83.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-grid-24-20 {
    left: 83.3333333333%;
  }
  .boc-ui-grid-push-lg-grid-24-20 {
    left: 83.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-grid-24-20 {
    right: 83.3333333333%;
  }
  .offset-lg-grid-24-21 {
    margin-left: 87.5%;
  }
  .boc-ui-rtl .offset-lg-grid-24-21 {
    margin-left: 0;
    margin-right: 87.5%;
  }
  .boc-ui-grid-order-lg-grid-24-21 {
    -ms-flex-order: 21;
        order: 21;
  }
  .boc-ui-grid-pull-lg-grid-24-21 {
    right: 87.5%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-grid-24-21 {
    left: 87.5%;
  }
  .boc-ui-grid-push-lg-grid-24-21 {
    left: 87.5%;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-grid-24-21 {
    right: 87.5%;
  }
  .offset-lg-grid-24-22 {
    margin-left: 91.6666666667%;
  }
  .boc-ui-rtl .offset-lg-grid-24-22 {
    margin-left: 0;
    margin-right: 91.6666666667%;
  }
  .boc-ui-grid-order-lg-grid-24-22 {
    -ms-flex-order: 22;
        order: 22;
  }
  .boc-ui-grid-pull-lg-grid-24-22 {
    right: 91.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-grid-24-22 {
    left: 91.6666666667%;
  }
  .boc-ui-grid-push-lg-grid-24-22 {
    left: 91.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-grid-24-22 {
    right: 91.6666666667%;
  }
  .offset-lg-grid-24-23 {
    margin-left: 95.8333333333%;
  }
  .boc-ui-rtl .offset-lg-grid-24-23 {
    margin-left: 0;
    margin-right: 95.8333333333%;
  }
  .boc-ui-grid-order-lg-grid-24-23 {
    -ms-flex-order: 23;
        order: 23;
  }
  .boc-ui-grid-pull-lg-grid-24-23 {
    right: 95.8333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-lg-grid-24-23 {
    left: 95.8333333333%;
  }
  .boc-ui-grid-push-lg-grid-24-23 {
    left: 95.8333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-lg-grid-24-23 {
    right: 95.8333333333%;
  }
}
@media (min-width: 1200px) {
  .col-xl-grid-24 {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-grid-24-auto {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-grid-24-1 {
    -ms-flex: 0 0 4.1666666667%;
        flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .col-xl-grid-24-2 {
    -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-grid-24-3 {
    -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .col-xl-grid-24-4 {
    -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-grid-24-5 {
    -ms-flex: 0 0 20.8333333333%;
        flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .col-xl-grid-24-6 {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-grid-24-7 {
    -ms-flex: 0 0 29.1666666667%;
        flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .col-xl-grid-24-8 {
    -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-grid-24-9 {
    -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .col-xl-grid-24-10 {
    -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-grid-24-11 {
    -ms-flex: 0 0 45.8333333333%;
        flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .col-xl-grid-24-12 {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-grid-24-13 {
    -ms-flex: 0 0 54.1666666667%;
        flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .col-xl-grid-24-14 {
    -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-grid-24-15 {
    -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .col-xl-grid-24-16 {
    -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-grid-24-17 {
    -ms-flex: 0 0 70.8333333333%;
        flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .col-xl-grid-24-18 {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-grid-24-19 {
    -ms-flex: 0 0 79.1666666667%;
        flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .col-xl-grid-24-20 {
    -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-grid-24-21 {
    -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .col-xl-grid-24-22 {
    -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-grid-24-23 {
    -ms-flex: 0 0 95.8333333333%;
        flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .col-xl-grid-24-24 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-grid-24-first {
    -ms-flex-order: -1;
        order: -1;
  }
  .order-xl-grid-24-last {
    -ms-flex-order: 25;
        order: 25;
  }
  .offset-xl-grid-24-0 {
    margin-left: 0;
  }
  .boc-ui-rtl .offset-xl-grid-24-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .boc-ui-grid-order-xl-grid-24-0 {
    -ms-flex-order: 0;
        order: 0;
  }
  .boc-ui-grid-pull-xl-grid-24-0 {
    right: auto;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-grid-24-0 {
    left: auto;
  }
  .boc-ui-grid-push-xl-grid-24-0 {
    left: auto;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-grid-24-0 {
    right: auto;
  }
  .offset-xl-grid-24-1 {
    margin-left: 4.1666666667%;
  }
  .boc-ui-rtl .offset-xl-grid-24-1 {
    margin-left: 0;
    margin-right: 4.1666666667%;
  }
  .boc-ui-grid-order-xl-grid-24-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .boc-ui-grid-pull-xl-grid-24-1 {
    right: 4.1666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-grid-24-1 {
    left: 4.1666666667%;
  }
  .boc-ui-grid-push-xl-grid-24-1 {
    left: 4.1666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-grid-24-1 {
    right: 4.1666666667%;
  }
  .offset-xl-grid-24-2 {
    margin-left: 8.3333333333%;
  }
  .boc-ui-rtl .offset-xl-grid-24-2 {
    margin-left: 0;
    margin-right: 8.3333333333%;
  }
  .boc-ui-grid-order-xl-grid-24-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .boc-ui-grid-pull-xl-grid-24-2 {
    right: 8.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-grid-24-2 {
    left: 8.3333333333%;
  }
  .boc-ui-grid-push-xl-grid-24-2 {
    left: 8.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-grid-24-2 {
    right: 8.3333333333%;
  }
  .offset-xl-grid-24-3 {
    margin-left: 12.5%;
  }
  .boc-ui-rtl .offset-xl-grid-24-3 {
    margin-left: 0;
    margin-right: 12.5%;
  }
  .boc-ui-grid-order-xl-grid-24-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .boc-ui-grid-pull-xl-grid-24-3 {
    right: 12.5%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-grid-24-3 {
    left: 12.5%;
  }
  .boc-ui-grid-push-xl-grid-24-3 {
    left: 12.5%;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-grid-24-3 {
    right: 12.5%;
  }
  .offset-xl-grid-24-4 {
    margin-left: 16.6666666667%;
  }
  .boc-ui-rtl .offset-xl-grid-24-4 {
    margin-left: 0;
    margin-right: 16.6666666667%;
  }
  .boc-ui-grid-order-xl-grid-24-4 {
    -ms-flex-order: 4;
        order: 4;
  }
  .boc-ui-grid-pull-xl-grid-24-4 {
    right: 16.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-grid-24-4 {
    left: 16.6666666667%;
  }
  .boc-ui-grid-push-xl-grid-24-4 {
    left: 16.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-grid-24-4 {
    right: 16.6666666667%;
  }
  .offset-xl-grid-24-5 {
    margin-left: 20.8333333333%;
  }
  .boc-ui-rtl .offset-xl-grid-24-5 {
    margin-left: 0;
    margin-right: 20.8333333333%;
  }
  .boc-ui-grid-order-xl-grid-24-5 {
    -ms-flex-order: 5;
        order: 5;
  }
  .boc-ui-grid-pull-xl-grid-24-5 {
    right: 20.8333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-grid-24-5 {
    left: 20.8333333333%;
  }
  .boc-ui-grid-push-xl-grid-24-5 {
    left: 20.8333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-grid-24-5 {
    right: 20.8333333333%;
  }
  .offset-xl-grid-24-6 {
    margin-left: 25%;
  }
  .boc-ui-rtl .offset-xl-grid-24-6 {
    margin-left: 0;
    margin-right: 25%;
  }
  .boc-ui-grid-order-xl-grid-24-6 {
    -ms-flex-order: 6;
        order: 6;
  }
  .boc-ui-grid-pull-xl-grid-24-6 {
    right: 25%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-grid-24-6 {
    left: 25%;
  }
  .boc-ui-grid-push-xl-grid-24-6 {
    left: 25%;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-grid-24-6 {
    right: 25%;
  }
  .offset-xl-grid-24-7 {
    margin-left: 29.1666666667%;
  }
  .boc-ui-rtl .offset-xl-grid-24-7 {
    margin-left: 0;
    margin-right: 29.1666666667%;
  }
  .boc-ui-grid-order-xl-grid-24-7 {
    -ms-flex-order: 7;
        order: 7;
  }
  .boc-ui-grid-pull-xl-grid-24-7 {
    right: 29.1666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-grid-24-7 {
    left: 29.1666666667%;
  }
  .boc-ui-grid-push-xl-grid-24-7 {
    left: 29.1666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-grid-24-7 {
    right: 29.1666666667%;
  }
  .offset-xl-grid-24-8 {
    margin-left: 33.3333333333%;
  }
  .boc-ui-rtl .offset-xl-grid-24-8 {
    margin-left: 0;
    margin-right: 33.3333333333%;
  }
  .boc-ui-grid-order-xl-grid-24-8 {
    -ms-flex-order: 8;
        order: 8;
  }
  .boc-ui-grid-pull-xl-grid-24-8 {
    right: 33.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-grid-24-8 {
    left: 33.3333333333%;
  }
  .boc-ui-grid-push-xl-grid-24-8 {
    left: 33.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-grid-24-8 {
    right: 33.3333333333%;
  }
  .offset-xl-grid-24-9 {
    margin-left: 37.5%;
  }
  .boc-ui-rtl .offset-xl-grid-24-9 {
    margin-left: 0;
    margin-right: 37.5%;
  }
  .boc-ui-grid-order-xl-grid-24-9 {
    -ms-flex-order: 9;
        order: 9;
  }
  .boc-ui-grid-pull-xl-grid-24-9 {
    right: 37.5%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-grid-24-9 {
    left: 37.5%;
  }
  .boc-ui-grid-push-xl-grid-24-9 {
    left: 37.5%;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-grid-24-9 {
    right: 37.5%;
  }
  .offset-xl-grid-24-10 {
    margin-left: 41.6666666667%;
  }
  .boc-ui-rtl .offset-xl-grid-24-10 {
    margin-left: 0;
    margin-right: 41.6666666667%;
  }
  .boc-ui-grid-order-xl-grid-24-10 {
    -ms-flex-order: 10;
        order: 10;
  }
  .boc-ui-grid-pull-xl-grid-24-10 {
    right: 41.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-grid-24-10 {
    left: 41.6666666667%;
  }
  .boc-ui-grid-push-xl-grid-24-10 {
    left: 41.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-grid-24-10 {
    right: 41.6666666667%;
  }
  .offset-xl-grid-24-11 {
    margin-left: 45.8333333333%;
  }
  .boc-ui-rtl .offset-xl-grid-24-11 {
    margin-left: 0;
    margin-right: 45.8333333333%;
  }
  .boc-ui-grid-order-xl-grid-24-11 {
    -ms-flex-order: 11;
        order: 11;
  }
  .boc-ui-grid-pull-xl-grid-24-11 {
    right: 45.8333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-grid-24-11 {
    left: 45.8333333333%;
  }
  .boc-ui-grid-push-xl-grid-24-11 {
    left: 45.8333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-grid-24-11 {
    right: 45.8333333333%;
  }
  .offset-xl-grid-24-12 {
    margin-left: 50%;
  }
  .boc-ui-rtl .offset-xl-grid-24-12 {
    margin-left: 0;
    margin-right: 50%;
  }
  .boc-ui-grid-order-xl-grid-24-12 {
    -ms-flex-order: 12;
        order: 12;
  }
  .boc-ui-grid-pull-xl-grid-24-12 {
    right: 50%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-grid-24-12 {
    left: 50%;
  }
  .boc-ui-grid-push-xl-grid-24-12 {
    left: 50%;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-grid-24-12 {
    right: 50%;
  }
  .offset-xl-grid-24-13 {
    margin-left: 54.1666666667%;
  }
  .boc-ui-rtl .offset-xl-grid-24-13 {
    margin-left: 0;
    margin-right: 54.1666666667%;
  }
  .boc-ui-grid-order-xl-grid-24-13 {
    -ms-flex-order: 13;
        order: 13;
  }
  .boc-ui-grid-pull-xl-grid-24-13 {
    right: 54.1666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-grid-24-13 {
    left: 54.1666666667%;
  }
  .boc-ui-grid-push-xl-grid-24-13 {
    left: 54.1666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-grid-24-13 {
    right: 54.1666666667%;
  }
  .offset-xl-grid-24-14 {
    margin-left: 58.3333333333%;
  }
  .boc-ui-rtl .offset-xl-grid-24-14 {
    margin-left: 0;
    margin-right: 58.3333333333%;
  }
  .boc-ui-grid-order-xl-grid-24-14 {
    -ms-flex-order: 14;
        order: 14;
  }
  .boc-ui-grid-pull-xl-grid-24-14 {
    right: 58.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-grid-24-14 {
    left: 58.3333333333%;
  }
  .boc-ui-grid-push-xl-grid-24-14 {
    left: 58.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-grid-24-14 {
    right: 58.3333333333%;
  }
  .offset-xl-grid-24-15 {
    margin-left: 62.5%;
  }
  .boc-ui-rtl .offset-xl-grid-24-15 {
    margin-left: 0;
    margin-right: 62.5%;
  }
  .boc-ui-grid-order-xl-grid-24-15 {
    -ms-flex-order: 15;
        order: 15;
  }
  .boc-ui-grid-pull-xl-grid-24-15 {
    right: 62.5%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-grid-24-15 {
    left: 62.5%;
  }
  .boc-ui-grid-push-xl-grid-24-15 {
    left: 62.5%;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-grid-24-15 {
    right: 62.5%;
  }
  .offset-xl-grid-24-16 {
    margin-left: 66.6666666667%;
  }
  .boc-ui-rtl .offset-xl-grid-24-16 {
    margin-left: 0;
    margin-right: 66.6666666667%;
  }
  .boc-ui-grid-order-xl-grid-24-16 {
    -ms-flex-order: 16;
        order: 16;
  }
  .boc-ui-grid-pull-xl-grid-24-16 {
    right: 66.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-grid-24-16 {
    left: 66.6666666667%;
  }
  .boc-ui-grid-push-xl-grid-24-16 {
    left: 66.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-grid-24-16 {
    right: 66.6666666667%;
  }
  .offset-xl-grid-24-17 {
    margin-left: 70.8333333333%;
  }
  .boc-ui-rtl .offset-xl-grid-24-17 {
    margin-left: 0;
    margin-right: 70.8333333333%;
  }
  .boc-ui-grid-order-xl-grid-24-17 {
    -ms-flex-order: 17;
        order: 17;
  }
  .boc-ui-grid-pull-xl-grid-24-17 {
    right: 70.8333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-grid-24-17 {
    left: 70.8333333333%;
  }
  .boc-ui-grid-push-xl-grid-24-17 {
    left: 70.8333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-grid-24-17 {
    right: 70.8333333333%;
  }
  .offset-xl-grid-24-18 {
    margin-left: 75%;
  }
  .boc-ui-rtl .offset-xl-grid-24-18 {
    margin-left: 0;
    margin-right: 75%;
  }
  .boc-ui-grid-order-xl-grid-24-18 {
    -ms-flex-order: 18;
        order: 18;
  }
  .boc-ui-grid-pull-xl-grid-24-18 {
    right: 75%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-grid-24-18 {
    left: 75%;
  }
  .boc-ui-grid-push-xl-grid-24-18 {
    left: 75%;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-grid-24-18 {
    right: 75%;
  }
  .offset-xl-grid-24-19 {
    margin-left: 79.1666666667%;
  }
  .boc-ui-rtl .offset-xl-grid-24-19 {
    margin-left: 0;
    margin-right: 79.1666666667%;
  }
  .boc-ui-grid-order-xl-grid-24-19 {
    -ms-flex-order: 19;
        order: 19;
  }
  .boc-ui-grid-pull-xl-grid-24-19 {
    right: 79.1666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-grid-24-19 {
    left: 79.1666666667%;
  }
  .boc-ui-grid-push-xl-grid-24-19 {
    left: 79.1666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-grid-24-19 {
    right: 79.1666666667%;
  }
  .offset-xl-grid-24-20 {
    margin-left: 83.3333333333%;
  }
  .boc-ui-rtl .offset-xl-grid-24-20 {
    margin-left: 0;
    margin-right: 83.3333333333%;
  }
  .boc-ui-grid-order-xl-grid-24-20 {
    -ms-flex-order: 20;
        order: 20;
  }
  .boc-ui-grid-pull-xl-grid-24-20 {
    right: 83.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-grid-24-20 {
    left: 83.3333333333%;
  }
  .boc-ui-grid-push-xl-grid-24-20 {
    left: 83.3333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-grid-24-20 {
    right: 83.3333333333%;
  }
  .offset-xl-grid-24-21 {
    margin-left: 87.5%;
  }
  .boc-ui-rtl .offset-xl-grid-24-21 {
    margin-left: 0;
    margin-right: 87.5%;
  }
  .boc-ui-grid-order-xl-grid-24-21 {
    -ms-flex-order: 21;
        order: 21;
  }
  .boc-ui-grid-pull-xl-grid-24-21 {
    right: 87.5%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-grid-24-21 {
    left: 87.5%;
  }
  .boc-ui-grid-push-xl-grid-24-21 {
    left: 87.5%;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-grid-24-21 {
    right: 87.5%;
  }
  .offset-xl-grid-24-22 {
    margin-left: 91.6666666667%;
  }
  .boc-ui-rtl .offset-xl-grid-24-22 {
    margin-left: 0;
    margin-right: 91.6666666667%;
  }
  .boc-ui-grid-order-xl-grid-24-22 {
    -ms-flex-order: 22;
        order: 22;
  }
  .boc-ui-grid-pull-xl-grid-24-22 {
    right: 91.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-grid-24-22 {
    left: 91.6666666667%;
  }
  .boc-ui-grid-push-xl-grid-24-22 {
    left: 91.6666666667%;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-grid-24-22 {
    right: 91.6666666667%;
  }
  .offset-xl-grid-24-23 {
    margin-left: 95.8333333333%;
  }
  .boc-ui-rtl .offset-xl-grid-24-23 {
    margin-left: 0;
    margin-right: 95.8333333333%;
  }
  .boc-ui-grid-order-xl-grid-24-23 {
    -ms-flex-order: 23;
        order: 23;
  }
  .boc-ui-grid-pull-xl-grid-24-23 {
    right: 95.8333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-pull-xl-grid-24-23 {
    left: 95.8333333333%;
  }
  .boc-ui-grid-push-xl-grid-24-23 {
    left: 95.8333333333%;
  }
  .boc-ui-rtl .boc-ui-grid-push-xl-grid-24-23 {
    right: 95.8333333333%;
  }
}
@font-face {
  font-family: "roo-icon";
  src: url(//awp-assets.meituan.net/set/online_shangou_medicine_brand/fonts/roo-icon-ceae500dfe.eot);
  src: url(//awp-assets.meituan.net/set/online_shangou_medicine_brand/fonts/roo-icon-ceae500dfe.eot?#iefix) format("eot"), url(//awp-assets.meituan.net/set/online_shangou_medicine_brand/fonts/roo-icon-72be27c1ce.woff2) format("woff2"), url(//awp-assets.meituan.net/set/online_shangou_medicine_brand/fonts/roo-icon-0781a7330a.woff) format("woff"), url(//awp-assets.meituan.net/set/online_shangou_medicine_brand/fonts/roo-icon-fdfa77cc94.ttf) format("truetype"), url(//awp-assets.meituan.net/set/online_shangou_medicine_brand/images/roo-icon-fad3add5d9.svg#roo-icon) format("svg");
  font-weight: normal;
  font-style: normal;
}
.roo-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  vertical-align: middle;
}

.roo-icon:before {
  display: inline-block;
  width: 1em;
  height: 1em;
  font-family: "roo-icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.roo-icon-arrow-down:before {
  content: "\EA01";
}

.roo-icon-arrow-left:before {
  content: "\EA02";
}

.roo-icon-arrow-right:before {
  content: "\EA03";
}

.roo-icon-arrow-up:before {
  content: "\EA04";
}

.roo-icon-calendar:before {
  content: "\EA05";
}

.roo-icon-car:before {
  content: "\EA06";
}

.roo-icon-check-circle-o:before {
  content: "\EA07";
}

.roo-icon-check-circle:before {
  content: "\EA08";
}

.roo-icon-check-square:before {
  content: "\EA09";
}

.roo-icon-check:before {
  content: "\EA0A";
}

.roo-icon-chevron-down:before {
  content: "\EA0B";
}

.roo-icon-chevron-left:before {
  content: "\EA0C";
}

.roo-icon-chevron-right:before {
  content: "\EA0D";
}

.roo-icon-chevron-up:before {
  content: "\EA0E";
}

.roo-icon-circle-o:before {
  content: "\EA0F";
}

.roo-icon-close:before {
  content: "\EA10";
}

.roo-icon-count:before {
  content: "\EA11";
}

.roo-icon-countdown:before {
  content: "\EA12";
}

.roo-icon-dispraise-fill:before {
  content: "\EA13";
}

.roo-icon-dispraise:before {
  content: "\EA14";
}

.roo-icon-dot-circle-o:before {
  content: "\EA15";
}

.roo-icon-double-left:before {
  content: "\EA16";
}

.roo-icon-double-right:before {
  content: "\EA17";
}

.roo-icon-down:before {
  content: "\EA18";
}

.roo-icon-download:before {
  content: "\EA19";
}

.roo-icon-edit:before {
  content: "\EA1A";
}

.roo-icon-ellipsis:before {
  content: "\EA1B";
}

.roo-icon-emotion:before {
  content: "\EA1C";
}

.roo-icon-exclamation-circle:before {
  content: "\EA1D";
}

.roo-icon-export:before {
  content: "\EA1E";
}

.roo-icon-expression:before {
  content: "\EA1F";
}

.roo-icon-file-text:before {
  content: "\EA20";
}

.roo-icon-file:before {
  content: "\EA21";
}

.roo-icon-flag:before {
  content: "\EA22";
}

.roo-icon-gear:before {
  content: "\EA23";
}

.roo-icon-home:before {
  content: "\EA24";
}

.roo-icon-info-circle-o:before {
  content: "\EA25";
}

.roo-icon-info-circle:before {
  content: "\EA26";
}

.roo-icon-info:before {
  content: "\EA27";
}

.roo-icon-left:before {
  content: "\EA28";
}

.roo-icon-loading:before {
  content: "\EA29";
}

.roo-icon-lock:before {
  content: "\EA2A";
}

.roo-icon-minus-square-o:before {
  content: "\EA2B";
}

.roo-icon-minus:before {
  content: "\EA2C";
}

.roo-icon-msg-fill:before {
  content: "\EA2D";
}

.roo-icon-ok:before {
  content: "\EA2E";
}

.roo-icon-percentage:before {
  content: "\EA2F";
}

.roo-icon-play-circle:before {
  content: "\EA30";
}

.roo-icon-plus-circle:before {
  content: "\EA31";
}

.roo-icon-plus:before {
  content: "\EA32";
}

.roo-icon-praise-fill:before {
  content: "\EA33";
}

.roo-icon-praise:before {
  content: "\EA34";
}

.roo-icon-question-o:before {
  content: "\EA35";
}

.roo-icon-question:before {
  content: "\EA36";
}

.roo-icon-question2:before {
  content: "\EA37";
}

.roo-icon-reset:before {
  content: "\EA38";
}

.roo-icon-right:before {
  content: "\EA39";
}

.roo-icon-rotate-left:before {
  content: "\EA3A";
}

.roo-icon-sad:before {
  content: "\EA3B";
}

.roo-icon-safeguard:before {
  content: "\EA3C";
}

.roo-icon-save:before {
  content: "\EA3D";
}

.roo-icon-search:before {
  content: "\EA3E";
}

.roo-icon-smile:before {
  content: "\EA3F";
}

.roo-icon-sort-toggle:before {
  content: "\EA40";
}

.roo-icon-square:before {
  content: "\EA41";
}

.roo-icon-star-fill:before {
  content: "\EA42";
}

.roo-icon-star:before {
  content: "\EA43";
}

.roo-icon-time:before {
  content: "\EA44";
}

.roo-icon-times-circle-o:before {
  content: "\EA45";
}

.roo-icon-times-circle:before {
  content: "\EA46";
}

.roo-icon-times:before {
  content: "\EA47";
}

.roo-icon-trash-o:before {
  content: "\EA48";
}

.roo-icon-up:before {
  content: "\EA49";
}

.roo-icon-upload:before {
  content: "\EA4A";
}

.roo-icon-user:before {
  content: "\EA4B";
}

.roo-icon-volume-up:before {
  content: "\EA4C";
}

.roo-icon-warning:before {
  content: "\EA4D";
}

.roo-icon-zoom-in:before {
  content: "\EA4E";
}

.roo-icon-zoom-out:before {
  content: "\EA4F";
}

.roo-icon-copy-fill:before {
  content: "\EA50";
}

.roo-icon-copy-o:before {
  content: "\EA51";
}

/*
---------------
按钮样式
---------------
*/
.boc-ui-rtl .boc-ui-btn.boc-ui-btn-round .roo-icon, .boc-ui-rtl .boc-ui-btn.boc-ui-btn-circle .roo-icon, .boc-ui-rtl .boc-ui-btn .boc-ui-btn-square .roo-icon {
  margin-left: 0;
  margin-right: auto;
}
.boc-ui-rtl .boc-ui-btn.boc-ui-btn-brand:not(.disabled), .boc-ui-rtl .boc-ui-btn.boc-ui-btn-brand:not(:disabled) {
  background-image: linear-gradient(to left, #FFE14D, #FFC34D);
}
.boc-ui-rtl .boc-ui-btn.boc-ui-btn-brand:hover {
  background-image: linear-gradient(to left, #FFE770, #FFCF70);
}
.boc-ui-rtl .boc-ui-btn.boc-ui-btn-brand:not(:disabled):not(.disabled):active, .show > .boc-ui-rtl .boc-ui-btn.boc-ui-btn-brand.dropdown-toggle {
  background-image: linear-gradient(to left, #CCB43D, #CC9C3D);
}
.boc-ui-rtl .boc-ui-btn.boc-ui-btn-dropdown {
  text-align-last: right;
}
.boc-ui-rtl .boc-ui-btn .boc-ui-icon {
  margin: -3px 0 0 4px;
}
.boc-ui-rtl .boc-ui-btn .boc-ui-btn-only-icon {
  margin-left: 0px;
}
.boc-ui-rtl .boc-ui-btn-upload input[type=file] {
  right: 0;
  top: 0;
}
.boc-ui-rtl .boc-ui-btn-radio-group.boc-ui-btn-group .boc-ui-btn:first-child {
  margin-right: 0;
  margin-left: auto;
}

.boc-ui-btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  padding: 0 24px;
  font-size: 14px;
  line-height: 34px;
  border-radius: 2px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.boc-ui-btn:hover, .boc-ui-btn:focus {
  text-decoration: none;
}
.boc-ui-btn:focus, .boc-ui-btn.focus {
  outline: 0;
}
.boc-ui-btn.disabled, .boc-ui-btn:disabled {
  color: #CCCCCC !important;
  background: #EEEEEE !important;
  border-color: #EEEEEE !important;
  cursor: not-allowed;
}
.boc-ui-btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.boc-ui-btn.boc-ui-btn-stable {
  width: 100px;
}
.boc-ui-btn.boc-ui-btn-round {
  border-radius: 40px;
}
.boc-ui-btn.boc-ui-btn-round .roo-icon {
  margin-right: 0;
}
.boc-ui-btn.boc-ui-btn-circle {
  width: 34px;
  height: 34px;
  padding: 0;
  border-radius: 50%;
}
.boc-ui-btn.boc-ui-btn-circle .roo-icon {
  margin-right: 0;
}
.boc-ui-btn.boc-ui-btn-square {
  width: 34px;
  height: 34px;
  padding: 0;
}
.boc-ui-btn.boc-ui-btn-square .roo-icon {
  margin-right: 0;
}
.boc-ui-btn.boc-ui-btn-primary {
  color: #fff;
  background-color: #222222;
  border-color: #222222;
}
.boc-ui-btn.boc-ui-btn-primary:hover {
  background-color: #4e4e4e;
}
.boc-ui-btn.boc-ui-btn-primary:not(:disabled):not(.disabled):active, .show > .boc-ui-btn.boc-ui-btn-primary.dropdown-toggle {
  background-color: #1C1C1C;
}
.boc-ui-btn.boc-ui-btn-primary:hover {
  color: #fff;
  background-color: rgba(34, 34, 34, 0.8);
  border-color: transparent;
}
.boc-ui-btn.boc-ui-btn-primary:not(:disabled):not(.disabled):active, .boc-ui-btn.boc-ui-btn-primary:not(:disabled):not(.disabled).active, .show > .boc-ui-btn.boc-ui-btn-primary.dropdown-toggle {
  color: #fff;
  background-color: rgba(34, 34, 34, 0.9);
  border-color: transparent;
}
.boc-ui-btn.boc-ui-btn-secondary {
  color: #fff;
  background-color: #FF6A00;
  border-color: #FF6A00;
}
.boc-ui-btn.boc-ui-btn-secondary:hover {
  color: #fff;
  background-color: rgba(255, 106, 0, 0.8);
  border-color: transparent;
}
.boc-ui-btn.boc-ui-btn-secondary:not(:disabled):not(.disabled):active, .boc-ui-btn.boc-ui-btn-secondary:not(:disabled):not(.disabled).active, .show > .boc-ui-btn.boc-ui-btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: rgba(255, 106, 0, 0.9);
  border-color: transparent;
}
.boc-ui-btn.boc-ui-btn-brand {
  color: #222222;
  background-color: #ffcc33;
  border-color: #ffcc33;
}
.boc-ui-btn.boc-ui-btn-brand:not(.disabled), .boc-ui-btn.boc-ui-btn-brand:not(:disabled) {
  background-image: linear-gradient(to right, #FFE14D, #FFC34D);
}
.boc-ui-btn.boc-ui-btn-brand:hover {
  background-image: linear-gradient(to right, #FFE770, #FFCF70);
}
.boc-ui-btn.boc-ui-btn-brand:not(:disabled):not(.disabled):active, .show > .boc-ui-btn.boc-ui-btn-brand.dropdown-toggle {
  background-image: linear-gradient(to right, #CCB43D, #CC9C3D);
}
.boc-ui-btn.boc-ui-btn-brand:hover {
  color: #222222;
  background-color: rgba(255, 204, 51, 0.8);
  border-color: transparent;
}
.boc-ui-btn.boc-ui-btn-brand:not(:disabled):not(.disabled):active, .boc-ui-btn.boc-ui-btn-brand:not(:disabled):not(.disabled).active, .show > .boc-ui-btn.boc-ui-btn-brand.dropdown-toggle {
  color: #222222;
  background-color: rgba(255, 204, 51, 0.9);
  border-color: transparent;
}
.boc-ui-btn.boc-ui-btn-success {
  color: #fff;
  background-color: #00BF7F;
  border-color: #00BF7F;
}
.boc-ui-btn.boc-ui-btn-success:hover {
  color: #fff;
  background-color: rgba(0, 191, 127, 0.8);
  border-color: transparent;
}
.boc-ui-btn.boc-ui-btn-success:not(:disabled):not(.disabled):active, .boc-ui-btn.boc-ui-btn-success:not(:disabled):not(.disabled).active, .show > .boc-ui-btn.boc-ui-btn-success.dropdown-toggle {
  color: #fff;
  background-color: rgba(0, 191, 127, 0.9);
  border-color: transparent;
}
.boc-ui-btn.boc-ui-btn-info {
  color: #fff;
  background-color: #198CFF;
  border-color: #198CFF;
}
.boc-ui-btn.boc-ui-btn-info:hover {
  color: #fff;
  background-color: rgba(25, 140, 255, 0.8);
  border-color: transparent;
}
.boc-ui-btn.boc-ui-btn-info:not(:disabled):not(.disabled):active, .boc-ui-btn.boc-ui-btn-info:not(:disabled):not(.disabled).active, .show > .boc-ui-btn.boc-ui-btn-info.dropdown-toggle {
  color: #fff;
  background-color: rgba(25, 140, 255, 0.9);
  border-color: transparent;
}
.boc-ui-btn.boc-ui-btn-warning {
  color: #fff;
  background-color: #FF6A00;
  border-color: #FF6A00;
}
.boc-ui-btn.boc-ui-btn-warning:hover {
  color: #fff;
  background-color: rgba(255, 106, 0, 0.8);
  border-color: transparent;
  color: #fff;
}
.boc-ui-btn.boc-ui-btn-warning:not(:disabled):not(.disabled):active, .boc-ui-btn.boc-ui-btn-warning:not(:disabled):not(.disabled).active, .show > .boc-ui-btn.boc-ui-btn-warning.dropdown-toggle {
  color: #fff;
  background-color: rgba(255, 106, 0, 0.9);
  border-color: transparent;
}
.boc-ui-btn.boc-ui-btn-danger {
  color: #fff;
  background-color: #FF192D;
  border-color: #FF192D;
}
.boc-ui-btn.boc-ui-btn-danger:hover {
  color: #fff;
  background-color: rgba(255, 25, 45, 0.8);
  border-color: transparent;
}
.boc-ui-btn.boc-ui-btn-danger:not(:disabled):not(.disabled):active, .boc-ui-btn.boc-ui-btn-danger:not(:disabled):not(.disabled).active, .show > .boc-ui-btn.boc-ui-btn-danger.dropdown-toggle {
  color: #fff;
  background-color: rgba(255, 25, 45, 0.9);
  border-color: transparent;
}
.boc-ui-btn.boc-ui-btn-light {
  color: #222222;
  background-color: #fff;
  border-color: #fff;
}
.boc-ui-btn.boc-ui-btn-light:hover {
  color: #222222;
  background-color: rgba(255, 255, 255, 0.8);
  border-color: transparent;
}
.boc-ui-btn.boc-ui-btn-light:not(:disabled):not(.disabled):active, .boc-ui-btn.boc-ui-btn-light:not(:disabled):not(.disabled).active, .show > .boc-ui-btn.boc-ui-btn-light.dropdown-toggle {
  color: #222222;
  background-color: rgba(255, 255, 255, 0.9);
  border-color: transparent;
}
.boc-ui-btn.boc-ui-btn-dark {
  color: #fff;
  background-color: #222222;
  border-color: #222222;
}
.boc-ui-btn.boc-ui-btn-dark:hover {
  color: #fff;
  background-color: rgba(34, 34, 34, 0.8);
  border-color: transparent;
}
.boc-ui-btn.boc-ui-btn-dark:not(:disabled):not(.disabled):active, .boc-ui-btn.boc-ui-btn-dark:not(:disabled):not(.disabled).active, .show > .boc-ui-btn.boc-ui-btn-dark.dropdown-toggle {
  color: #fff;
  background-color: rgba(34, 34, 34, 0.9);
  border-color: transparent;
}
.boc-ui-btn.boc-ui-btn-outline-primary {
  color: #222222;
  background-color: #fff;
  background-image: none;
  border-color: rgba(34, 34, 34, 0.3);
}
.boc-ui-btn.boc-ui-btn-outline-primary:hover {
  border-color: #222222;
}
.boc-ui-btn.boc-ui-btn-outline-primary:not(:disabled):not(.disabled):active, .boc-ui-btn.boc-ui-btn-outline-primary:not(:disabled):not(.disabled).active, .show > .boc-ui-btn.boc-ui-btn-outline-primary.dropdown-toggle {
  border-color: rgba(34, 34, 34, 0.8);
}
.boc-ui-btn.boc-ui-btn-outline-secondary {
  color: #FF6A00;
  background-color: #fff;
  background-image: none;
  border-color: rgba(255, 106, 0, 0.3);
}
.boc-ui-btn.boc-ui-btn-outline-secondary:hover {
  border-color: #FF6A00;
}
.boc-ui-btn.boc-ui-btn-outline-secondary:not(:disabled):not(.disabled):active, .boc-ui-btn.boc-ui-btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .boc-ui-btn.boc-ui-btn-outline-secondary.dropdown-toggle {
  border-color: rgba(255, 106, 0, 0.8);
}
.boc-ui-btn.boc-ui-btn-outline-brand {
  color: #ffcc33;
  background-color: #fff;
  background-image: none;
  border-color: #ffcc33;
  color: #ffcc33;
}
.boc-ui-btn.boc-ui-btn-outline-brand:hover {
  border-color: rgba(255, 204, 51, 0.8);
  color: rgba(255, 204, 51, 0.8);
}
.boc-ui-btn.boc-ui-btn-outline-brand:not(:disabled):not(.disabled):active, .boc-ui-btn.boc-ui-btn-outline-brand:not(:disabled):not(.disabled).active, .show > .boc-ui-btn.boc-ui-btn-outline-brand.dropdown-toggle {
  border-color: rgba(255, 204, 51, 0.8);
}
.boc-ui-btn.boc-ui-btn-outline-success {
  color: #00BF7F;
  background-color: #fff;
  background-image: none;
  border-color: rgba(0, 191, 127, 0.3);
}
.boc-ui-btn.boc-ui-btn-outline-success:hover {
  border-color: #00BF7F;
}
.boc-ui-btn.boc-ui-btn-outline-success:not(:disabled):not(.disabled):active, .boc-ui-btn.boc-ui-btn-outline-success:not(:disabled):not(.disabled).active, .show > .boc-ui-btn.boc-ui-btn-outline-success.dropdown-toggle {
  border-color: rgba(0, 191, 127, 0.8);
}
.boc-ui-btn.boc-ui-btn-outline-info {
  color: #198CFF;
  background-color: #fff;
  background-image: none;
  border-color: rgba(25, 140, 255, 0.3);
}
.boc-ui-btn.boc-ui-btn-outline-info:hover {
  border-color: #198CFF;
}
.boc-ui-btn.boc-ui-btn-outline-info:not(:disabled):not(.disabled):active, .boc-ui-btn.boc-ui-btn-outline-info:not(:disabled):not(.disabled).active, .show > .boc-ui-btn.boc-ui-btn-outline-info.dropdown-toggle {
  border-color: rgba(25, 140, 255, 0.8);
}
.boc-ui-btn.boc-ui-btn-outline-warning {
  color: #FF6A00;
  background-color: #fff;
  background-image: none;
  border-color: rgba(255, 106, 0, 0.3);
}
.boc-ui-btn.boc-ui-btn-outline-warning:hover {
  border-color: #FF6A00;
}
.boc-ui-btn.boc-ui-btn-outline-warning:not(:disabled):not(.disabled):active, .boc-ui-btn.boc-ui-btn-outline-warning:not(:disabled):not(.disabled).active, .show > .boc-ui-btn.boc-ui-btn-outline-warning.dropdown-toggle {
  border-color: rgba(255, 106, 0, 0.8);
}
.boc-ui-btn.boc-ui-btn-outline-danger {
  color: #FF192D;
  background-color: #fff;
  background-image: none;
  border-color: rgba(255, 25, 45, 0.3);
}
.boc-ui-btn.boc-ui-btn-outline-danger:hover {
  border-color: #FF192D;
}
.boc-ui-btn.boc-ui-btn-outline-danger:not(:disabled):not(.disabled):active, .boc-ui-btn.boc-ui-btn-outline-danger:not(:disabled):not(.disabled).active, .show > .boc-ui-btn.boc-ui-btn-outline-danger.dropdown-toggle {
  border-color: rgba(255, 25, 45, 0.8);
}
.boc-ui-btn.boc-ui-btn-outline-light {
  color: #fff;
  background-color: #fff;
  background-image: none;
  border-color: rgba(255, 255, 255, 0.3);
}
.boc-ui-btn.boc-ui-btn-outline-light:hover {
  border-color: #fff;
}
.boc-ui-btn.boc-ui-btn-outline-light:not(:disabled):not(.disabled):active, .boc-ui-btn.boc-ui-btn-outline-light:not(:disabled):not(.disabled).active, .show > .boc-ui-btn.boc-ui-btn-outline-light.dropdown-toggle {
  border-color: rgba(255, 255, 255, 0.8);
}
.boc-ui-btn.boc-ui-btn-outline-dark {
  color: #222222;
  background-color: #fff;
  background-image: none;
  border-color: rgba(34, 34, 34, 0.3);
}
.boc-ui-btn.boc-ui-btn-outline-dark:hover {
  border-color: #222222;
}
.boc-ui-btn.boc-ui-btn-outline-dark:not(:disabled):not(.disabled):active, .boc-ui-btn.boc-ui-btn-outline-dark:not(:disabled):not(.disabled).active, .show > .boc-ui-btn.boc-ui-btn-outline-dark.dropdown-toggle {
  border-color: rgba(34, 34, 34, 0.8);
}
.boc-ui-btn.boc-ui-btn-default {
  color: #222222;
  background-color: #fff;
  background-image: none;
  border-color: rgba(34, 34, 34, 0.3);
}
.boc-ui-btn.boc-ui-btn-default:hover {
  background: none;
  border-color: #222222;
}
.boc-ui-btn.boc-ui-btn-default:not(:disabled):not(.disabled).active, .show > .boc-ui-btn.boc-ui-btn-default.dropdown-toggle {
  border-color: #1C1C1C;
}
.boc-ui-btn.boc-ui-btn-default:not(:disabled):not(.disabled):active, .boc-ui-btn.boc-ui-btn-default:not(:disabled):not(.disabled).active, .show > .boc-ui-btn.boc-ui-btn-default.dropdown-toggle {
  border-color: rgba(34, 34, 34, 0.8);
}
.boc-ui-btn.boc-ui-btn-default.boc-ui-btn-primary {
  color: #222222;
  background-color: #fff;
  background-image: none;
  border-color: rgba(34, 34, 34, 0.3);
}
.boc-ui-btn.boc-ui-btn-default.boc-ui-btn-primary:hover {
  border-color: #222222;
}
.boc-ui-btn.boc-ui-btn-default.boc-ui-btn-primary:not(:disabled):not(.disabled):active, .boc-ui-btn.boc-ui-btn-default.boc-ui-btn-primary:not(:disabled):not(.disabled).active, .show > .boc-ui-btn.boc-ui-btn-default.boc-ui-btn-primary.dropdown-toggle {
  border-color: rgba(34, 34, 34, 0.8);
}
.boc-ui-btn.boc-ui-btn-default.boc-ui-btn-secondary {
  color: #FF6A00;
  background-color: #fff;
  background-image: none;
  border-color: rgba(255, 106, 0, 0.3);
}
.boc-ui-btn.boc-ui-btn-default.boc-ui-btn-secondary:hover {
  border-color: #FF6A00;
}
.boc-ui-btn.boc-ui-btn-default.boc-ui-btn-secondary:not(:disabled):not(.disabled):active, .boc-ui-btn.boc-ui-btn-default.boc-ui-btn-secondary:not(:disabled):not(.disabled).active, .show > .boc-ui-btn.boc-ui-btn-default.boc-ui-btn-secondary.dropdown-toggle {
  border-color: rgba(255, 106, 0, 0.8);
}
.boc-ui-btn.boc-ui-btn-default.boc-ui-btn-brand {
  color: #ffcc33;
  background-color: #fff;
  background-image: none;
  border-color: #ffcc33;
  color: #ffcc33;
}
.boc-ui-btn.boc-ui-btn-default.boc-ui-btn-brand:hover {
  border-color: rgba(255, 204, 51, 0.8);
  color: rgba(255, 204, 51, 0.8);
}
.boc-ui-btn.boc-ui-btn-default.boc-ui-btn-brand:not(:disabled):not(.disabled):active, .boc-ui-btn.boc-ui-btn-default.boc-ui-btn-brand:not(:disabled):not(.disabled).active, .show > .boc-ui-btn.boc-ui-btn-default.boc-ui-btn-brand.dropdown-toggle {
  border-color: rgba(255, 204, 51, 0.8);
}
.boc-ui-btn.boc-ui-btn-default.boc-ui-btn-success {
  color: #00BF7F;
  background-color: #fff;
  background-image: none;
  border-color: rgba(0, 191, 127, 0.3);
}
.boc-ui-btn.boc-ui-btn-default.boc-ui-btn-success:hover {
  border-color: #00BF7F;
}
.boc-ui-btn.boc-ui-btn-default.boc-ui-btn-success:not(:disabled):not(.disabled):active, .boc-ui-btn.boc-ui-btn-default.boc-ui-btn-success:not(:disabled):not(.disabled).active, .show > .boc-ui-btn.boc-ui-btn-default.boc-ui-btn-success.dropdown-toggle {
  border-color: rgba(0, 191, 127, 0.8);
}
.boc-ui-btn.boc-ui-btn-default.boc-ui-btn-info {
  color: #198CFF;
  background-color: #fff;
  background-image: none;
  border-color: rgba(25, 140, 255, 0.3);
}
.boc-ui-btn.boc-ui-btn-default.boc-ui-btn-info:hover {
  border-color: #198CFF;
}
.boc-ui-btn.boc-ui-btn-default.boc-ui-btn-info:not(:disabled):not(.disabled):active, .boc-ui-btn.boc-ui-btn-default.boc-ui-btn-info:not(:disabled):not(.disabled).active, .show > .boc-ui-btn.boc-ui-btn-default.boc-ui-btn-info.dropdown-toggle {
  border-color: rgba(25, 140, 255, 0.8);
}
.boc-ui-btn.boc-ui-btn-default.boc-ui-btn-warning {
  color: #FF6A00;
  background-color: #fff;
  background-image: none;
  border-color: rgba(255, 106, 0, 0.3);
}
.boc-ui-btn.boc-ui-btn-default.boc-ui-btn-warning:hover {
  border-color: #FF6A00;
}
.boc-ui-btn.boc-ui-btn-default.boc-ui-btn-warning:not(:disabled):not(.disabled):active, .boc-ui-btn.boc-ui-btn-default.boc-ui-btn-warning:not(:disabled):not(.disabled).active, .show > .boc-ui-btn.boc-ui-btn-default.boc-ui-btn-warning.dropdown-toggle {
  border-color: rgba(255, 106, 0, 0.8);
}
.boc-ui-btn.boc-ui-btn-default.boc-ui-btn-danger {
  color: #FF192D;
  background-color: #fff;
  background-image: none;
  border-color: rgba(255, 25, 45, 0.3);
}
.boc-ui-btn.boc-ui-btn-default.boc-ui-btn-danger:hover {
  border-color: #FF192D;
}
.boc-ui-btn.boc-ui-btn-default.boc-ui-btn-danger:not(:disabled):not(.disabled):active, .boc-ui-btn.boc-ui-btn-default.boc-ui-btn-danger:not(:disabled):not(.disabled).active, .show > .boc-ui-btn.boc-ui-btn-default.boc-ui-btn-danger.dropdown-toggle {
  border-color: rgba(255, 25, 45, 0.8);
}
.boc-ui-btn.boc-ui-btn-default.boc-ui-btn-light {
  color: #fff;
  background-color: #fff;
  background-image: none;
  border-color: rgba(255, 255, 255, 0.3);
}
.boc-ui-btn.boc-ui-btn-default.boc-ui-btn-light:hover {
  border-color: #fff;
}
.boc-ui-btn.boc-ui-btn-default.boc-ui-btn-light:not(:disabled):not(.disabled):active, .boc-ui-btn.boc-ui-btn-default.boc-ui-btn-light:not(:disabled):not(.disabled).active, .show > .boc-ui-btn.boc-ui-btn-default.boc-ui-btn-light.dropdown-toggle {
  border-color: rgba(255, 255, 255, 0.8);
}
.boc-ui-btn.boc-ui-btn-default.boc-ui-btn-dark {
  color: #222222;
  background-color: #fff;
  background-image: none;
  border-color: rgba(34, 34, 34, 0.3);
}
.boc-ui-btn.boc-ui-btn-default.boc-ui-btn-dark:hover {
  border-color: #222222;
}
.boc-ui-btn.boc-ui-btn-default.boc-ui-btn-dark:not(:disabled):not(.disabled):active, .boc-ui-btn.boc-ui-btn-default.boc-ui-btn-dark:not(:disabled):not(.disabled).active, .show > .boc-ui-btn.boc-ui-btn-default.boc-ui-btn-dark.dropdown-toggle {
  border-color: rgba(34, 34, 34, 0.8);
}
.boc-ui-btn.boc-ui-btn-dropdown {
  width: 100%;
  text-align-last: left;
  border-color: #999999;
  color: #222222;
}
.boc-ui-btn.boc-ui-btn-link {
  font-weight: 400;
  color: #222222;
  background-color: transparent;
}
.boc-ui-btn.boc-ui-btn-link:hover {
  color: #4e4e4e;
  text-decoration: none;
  background-color: transparent;
  border-color: transparent;
}
.boc-ui-btn.boc-ui-btn-link:active {
  color: #1C1C1C;
}
.boc-ui-btn.boc-ui-btn-link:focus, .boc-ui-btn.boc-ui-btn-link.focus {
  text-decoration: none;
  border-color: transparent;
  box-shadow: none;
}
.boc-ui-btn.boc-ui-btn-link:disabled, .boc-ui-btn.boc-ui-btn-link.disabled {
  color: #EEEEEE;
  pointer-events: none;
  border-color: transparent !important;
  background-color: transparent !important;
}
.boc-ui-btn.boc-ui-btn-outline-brand:disabled, .boc-ui-btn.boc-ui-btn-outline-brand.disabled {
  color: #CCCCCC !important;
  cursor: not-allowed !important;
  border-color: #CCCCCC !important;
  background-color: transparent !important;
}
.boc-ui-btn.boc-ui-btn-link-brand {
  color: #FF6A00;
}
.boc-ui-btn.boc-ui-btn-link-brand:hover {
  color: #FF8833;
}
.boc-ui-btn.boc-ui-btn-link-brand:active {
  color: #CC5500;
}
.boc-ui-btn.boc-ui-btn-dashed {
  border-style: dashed;
}
.boc-ui-btn.boc-ui-btn-dashed:disabled, .boc-ui-btn.boc-ui-btn-dashed.disabled {
  color: #CCCCCC !important;
  cursor: not-allowed !important;
  border-color: #CCCCCC !important;
  background-color: transparent !important;
}
.boc-ui-btn.boc-ui-btn-lg {
  padding: 0 24px;
  font-size: 14px;
  line-height: 38px;
  border-radius: 2px;
}
.boc-ui-btn.boc-ui-btn-lg.boc-ui-btn-stable {
  width: 120px;
}
.boc-ui-btn.boc-ui-btn-lg.boc-ui-btn-circle {
  width: 38px;
  height: 38px;
  padding: 0;
  border-radius: 50%;
}
.boc-ui-btn.boc-ui-btn-lg.boc-ui-btn-round {
  border-radius: 40px;
}
.boc-ui-btn.boc-ui-btn-lg.boc-ui-btn-square {
  width: 38px;
  height: 38px;
  padding: 0;
}
.boc-ui-btn.boc-ui-btn-sm {
  padding: 0 20px;
  font-size: 12px;
  line-height: 30px;
  border-radius: 2px;
}
.boc-ui-btn.boc-ui-btn-sm.boc-ui-btn-stable {
  width: 80px;
}
.boc-ui-btn.boc-ui-btn-sm.boc-ui-btn-circle {
  width: 30px;
  height: 30px;
  padding: 0;
  border-radius: 50%;
}
.boc-ui-btn.boc-ui-btn-sm.boc-ui-btn-round {
  border-radius: 40px;
}
.boc-ui-btn.boc-ui-btn-sm.boc-ui-btn-square {
  width: 30px;
  height: 30px;
  padding: 0;
}
.boc-ui-btn.boc-ui-btn-xs, .boc-ui-btn.boc-ui-btn-compact {
  padding: 0 16px;
  font-size: 12px;
  line-height: 26px;
  border-radius: 2px;
}
.boc-ui-btn.boc-ui-btn-xs.boc-ui-btn-stable, .boc-ui-btn.boc-ui-btn-compact.boc-ui-btn-stable {
  width: 80px;
}
.boc-ui-btn.boc-ui-btn-xs.boc-ui-btn-circle, .boc-ui-btn.boc-ui-btn-compact.boc-ui-btn-circle {
  width: 26px;
  height: 26px;
  padding: 0;
  border-radius: 50%;
}
.boc-ui-btn.boc-ui-btn-xs.boc-ui-btn-round, .boc-ui-btn.boc-ui-btn-compact.boc-ui-btn-round {
  border-radius: 40px;
}
.boc-ui-btn.boc-ui-btn-xs.boc-ui-btn-square, .boc-ui-btn.boc-ui-btn-compact.boc-ui-btn-square {
  width: 26px;
  height: 26px;
  padding: 0;
}
.boc-ui-btn.boc-ui-btn-compact {
  padding: 0 12px;
  font-size: 14px;
  line-height: 26px;
  border-radius: 2px;
}
.boc-ui-btn.boc-ui-btn-block {
  display: block;
  width: 100%;
}
.boc-ui-btn.boc-ui-btn-block + .boc-ui-btn-block {
  margin-top: 8px;
}
.boc-ui-btn.boc-ui-btn-weaken {
  border-color: rgba(34, 34, 34, 0.1);
}
.boc-ui-btn.boc-ui-btn-weaken:disabled, .boc-ui-btn.boc-ui-btn-weaken.disabled {
  color: #CCCCCC !important;
  cursor: not-allowed !important;
  border-color: #CCCCCC !important;
  background-color: transparent !important;
}
.boc-ui-btn input[type=submit].boc-ui-btn-block,
.boc-ui-btn input[type=reset].boc-ui-btn-block,
.boc-ui-btn input[type=button].boc-ui-btn-block {
  width: 100%;
}
.boc-ui-btn .boc-ui-icon {
  display: inline-block;
  margin: -3px 4px 0 0;
  font-style: normal;
  font-size: 1.2em;
}
.boc-ui-btn .boc-ui-icon.boc-ui-icon-loading {
  font-size: 1em;
}

.boc-ui-btn .boc-ui-icon:only-child {
  margin: 0;
}

.boc-ui-btn-upload {
  position: relative;
  overflow: hidden;
}
.boc-ui-btn-upload input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  text-indent: -400px;
  cursor: pointer;
}

a.boc-ui-btn.disabled,
fieldset:disabled a.boc-ui-btn {
  pointer-events: none;
}

.boc-ui-btn-radio-group .boc-ui-btn {
  transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.boc-ui-btn-radio-group.boc-ui-btn-group .boc-ui-btn:first-child {
  margin-left: 0;
}
.boc-ui-btn-radio-group .boc-ui-btn.disabled,
.boc-ui-btn-radio-group .boc-ui-btn:disabled {
  z-index: 1;
}
.boc-ui-btn-radio-group .boc-ui-btn-radio-active {
  z-index: 3;
  margin-left: -1px;
}
.boc-ui-btn-radio-group .boc-ui-btn-radio-normal.boc-ui-btn.disabled,
.boc-ui-btn-radio-group .boc-ui-btn-radio-normal .boc-ui-btn:disabled {
  background-color: #fff !important;
}

/*
---------------
表单样式
---------------
*/
.boc-ui-input {
  display: inline-block;
  vertical-align: middle;
}

.boc-ui-input-noborder {
  border: none !important;
}
.boc-ui-input-noborder:focus:not([readonly]):not([disabled]), .boc-ui-input-noborder:hover:not([readonly]):not([disabled]) {
  border: none !important;
}
.boc-ui-input-noborder[readonly] {
  border: none !important;
}

.boc-ui-input-number-default {
  font-size: 14px;
  line-height: 1.5;
  color: #222;
  background-color: #fff;
  background-clip: padding-box;
  height: 36px;
  border-radius: 2px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  display: block;
}

.boc-ui-input-tag-default {
  width: 100%;
  font-size: 14px;
  line-height: 1.5;
  color: #222;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #eee;
  border-radius: 2px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  display: block;
}

.boc-ui-input {
  width: 100%;
  padding: 6px 8px;
  font-size: 14px;
  line-height: 1.5;
  color: #222222;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #EEEEEE;
  height: 36px;
  border-radius: 2px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.boc-ui-input.noresize {
  resize: none;
}
@media screen and (prefers-reduced-motion: reduce) {
  .boc-ui-input {
    transition: none;
  }
}
.boc-ui-input::-ms-expand {
  background-color: transparent;
  border: 0;
}
.boc-ui-input:focus:not([readonly]), .boc-ui-input.focus {
  border-color: #999999;
  outline: 0;
}
.boc-ui-input::-webkit-input-placeholder {
  color: #CCCCCC;
  opacity: 1;
}
.boc-ui-input:-ms-input-placeholder {
  color: #CCCCCC;
  opacity: 1;
}
.boc-ui-input::placeholder {
  color: #CCCCCC;
  opacity: 1;
}
.boc-ui-input[readonly] {
  border-color: #EEEEEE;
  color: #222222;
  opacity: 1;
}
.boc-ui-input:disabled, .boc-ui-input.disabled {
  border-color: #EEEEEE;
  color: #CCCCCC;
  background-color: #EEEEEE;
  cursor: not-allowed;
}
.boc-ui-input:hover:not([readonly]):not(.readonly):not(.readOnly):not([disabled]):not(.disabled):not(.boc-ui-input-line) {
  border-color: #999999;
}

.select-input-wrapper .boc-ui-input {
  color: #222222;
}
.select-input-wrapper .boc-ui-input:disabled {
  color: #CCCCCC;
}
.select-input-wrapper .boc-ui-input:disabled + .roo-icon, .select-input-wrapper .boc-ui-input:disabled + .roo-icon:hover {
  color: #CCCCCC;
  cursor: not-allowed;
}
.select-input-wrapper .boc-ui-input:not(.boc-ui-input-plaintext):not(.boc-ui-input-line):not(.boc-ui-input-noborder):read-only {
  border-color: #EEEEEE;
}
.select-input-wrapper .boc-ui-input:not(.boc-ui-input-plaintext):not(.boc-ui-input-line):not(.boc-ui-input-noborder):read-only:hover {
  border-color: #999999;
}
.select-input-wrapper .boc-ui-input:focus {
  border-color: #999999 !important;
}
.select-input-wrapper .boc-ui-input.boc-ui-input-plaintext:hover {
  border-color: #999999;
}
.select-input-wrapper .boc-ui-input.boc-ui-input-line:hover {
  border-bottom-color: #999999;
}
.select-input-wrapper .boc-ui-input.boc-ui-input-line:focus {
  border-color: transparent transparent #999999 transparent !important;
}
.select-input-wrapper .boc-ui-input.boc-ui-input-noborder:hover {
  border: none !important;
}
.select-input-wrapper .boc-ui-input.boc-ui-input-noborder:focus {
  border: none !important;
}

textarea.boc-ui-input {
  height: auto;
}

.statistics {
  font-size: "12px";
  color: #CCCCCC;
  margin: 0;
  text-align: "right";
}

.boc-ui-input-error {
  border-color: #FF192D;
}

.has-error .select-input-wrapper .boc-ui-input,
.has-error .boc-ui-input {
  border-color: #FF192D !important;
}
.has-error .select-input-wrapper .boc-ui-input.boc-ui-input-line,
.has-error .boc-ui-input.boc-ui-input-line {
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}
.has-error .select-input-wrapper .help-block,
.has-error .help-block {
  color: #FF192D;
  margin: 4px 0;
}
.has-error .select-input-wrapper .boc-ui-input-group-prepend,
.has-error .boc-ui-input-group-prepend {
  border-color: #FF192D;
}
.has-error .select-input-wrapper .boc-ui-input-group-prepend-line,
.has-error .boc-ui-input-group-prepend-line {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}
.has-error .select-input-wrapper .boc-ui-input-group-append,
.has-error .boc-ui-input-group-append {
  border-color: #FF192D;
}
.has-error .select-input-wrapper .boc-ui-input-group-append-line,
.has-error .boc-ui-input-group-append-line {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}

.has-error + .help-block {
  color: #FF192D;
  margin: 4px 0;
}

.has-success-hook {
  position: relative;
}
.has-success-hook::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 16px;
  display: inline-block;
  content: "\EA08";
  font-family: "roo-icon";
  font-size: 20px;
  color: #00BF7F;
}
.has-success-hook .boc-ui-input:not([readonly]):not([disabled]):not(.disabled) {
  border-color: #00BF7F;
  padding-right: 36px;
}
.has-success-hook .boc-ui-input:not([readonly]):not([disabled]):not(.disabled).boc-ui-input-line {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}
.has-success-hook .help-block {
  color: #00BF7F;
}

.has-success-color .boc-ui-input:not([readonly]):not([disabled]):not(.disabled) {
  border-color: #00BF7F !important;
}
.has-success-color .boc-ui-input:not([readonly]):not([disabled]):not(.disabled).boc-ui-input-line {
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}
.has-success-color .boc-ui-input-group-prepend {
  border-color: #00BF7F;
}
.has-success-color .boc-ui-input-group-prepend-line {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}
.has-success-color .boc-ui-input-group-append {
  border-color: #00BF7F;
}
.has-success-color .boc-ui-input-group-append-line {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}

.has-success-hook + .help-block {
  color: #00BF7F;
}

select.boc-ui-input:not([size]):not([multiple]) {
  height: 36px;
}
select.boc-ui-input:focus::-ms-value {
  color: #222222;
  background-color: #F5F6FA;
}

.boc-ui-input-file,
.boc-ui-input-range {
  display: block;
  width: 100%;
}

.control-label,
.col-form-label {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.control-label-lg,
.col-form-label-lg {
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 14px;
  line-height: 1.5;
}

.control-label-sm,
.col-form-label-sm {
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 12px;
  line-height: 1.5;
}

.control-label-xs,
.control-label-compact,
.col-form-label-compact,
.col-form-label-xs {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
  line-height: 1.5;
}

.control-label-compact,
.col-form-label-compact {
  font-size: 14px;
}

.boc-ui-input-required::before {
  display: inline-block;
  margin-right: 5px;
  content: "*";
  line-height: 1.5;
  vertical-align: middle;
  font-size: inherit;
  color: #FF192D;
}

.boc-ui-input-inline {
  display: inline-block;
  width: auto;
}

.boc-ui-input-plaintext {
  background-color: #F5F6FA;
  border-color: #F5F6FA;
}
.boc-ui-input-plaintext[readonly] {
  background-color: #F5F6FA;
  border-color: #F5F6FA;
}
.boc-ui-input-plaintext .tags-box .boc-ui-tag {
  background-color: #fff;
  border-color: #fff;
}

.boc-ui-input-line {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}
.boc-ui-input-line:focus:not([readonly]):not([disabled]), .boc-ui-input-line:hover:not([readonly]):not([disabled]) {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #999999;
}
.boc-ui-input-line[readonly] {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #999999;
}

.boc-ui-input-xs, .boc-ui-input-compact {
  padding: 4px 8px;
  font-size: 12px;
  line-height: 1.5;
  height: 28px;
}

.boc-ui-input-compact {
  font-size: 14px;
}

select.boc-ui-input-xs:not([size]):not([multiple]), select.boc-ui-input-compact:not([size]):not([multiple]) {
  height: 28px;
}

.boc-ui-input-sm {
  padding: 6px 8px;
  font-size: 12px;
  line-height: 1.5;
  height: 32px;
}

select.boc-ui-input-sm:not([size]):not([multiple]) {
  height: 32px;
}

.boc-ui-input-lg {
  padding: 8px 8px;
  font-size: 14px;
  line-height: 1.5;
  height: 40px;
}

select.boc-ui-input-lg:not([size]):not([multiple]) {
  height: 40px;
}

.form-group-content {
  margin-top: 0;
}

.form-group {
  margin-bottom: 16px;
}
.form-group .help-block {
  margin-top: 4px;
  margin-bottom: 0;
  font-size: 14px;
}
.form-group .control-label,
.form-group .col-form-label {
  text-align: right;
  color: #222222;
}
.form-group .control-label + .form-group-content .boc-ui-checkbox,
.form-group .control-label + .form-group-content .boc-ui-radio,
.form-group .col-form-label + .form-group-content .boc-ui-checkbox,
.form-group .col-form-label + .form-group-content .boc-ui-radio {
  margin-top: 7px;
}
.form-group .control-label + .form-group-content .boc-ui-switch,
.form-group .col-form-label + .form-group-content .boc-ui-switch {
  top: 4px;
}
.form-group .control-label + .form-group-content .boc-ui-mark,
.form-group .col-form-label + .form-group-content .boc-ui-mark {
  display: inline-block;
  width: 100%;
  padding: 7px 0px;
  vertical-align: middle;
  line-height: 1.5;
}
.form-group .control-label + .form-group-content.has-success-hook,
.form-group .col-form-label + .form-group-content.has-success-hook {
  position: relative;
}
.form-group .control-label + .form-group-content.has-success-hook::before,
.form-group .col-form-label + .form-group-content.has-success-hook::before {
  position: absolute;
  top: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  right: 16px;
  display: inline-block;
  content: "\EA08";
  font-family: "roo-icon";
  font-size: 20px;
  color: #00BF7F;
  line-height: 36px;
}
.form-group .boc-ui-btn + .boc-ui-btn {
  margin-left: 20px;
}
.form-group .boc-ui-btn-radio-group .boc-ui-btn + .boc-ui-btn {
  margin-left: -1px;
}
.form-group.boc-ui-form-vertical .form-group-content {
  margin-top: 10px;
}

.form-group.boc-ui-form-inline {
  display: inline-block;
  -ms-flex-align: center;
      align-items: center;
  vertical-align: top;
}
.form-group.boc-ui-form-inline input {
  display: inline-block;
  width: auto;
  width: initial;
}
.form-group.boc-ui-form-inline .control-label {
  line-height: 36px;
  vertical-align: top;
}
.form-group.boc-ui-form-inline .form-group-content {
  display: inline-block;
  margin-left: 8px;
  margin-right: 8px;
}
.form-group.boc-ui-form-inline .form-group-content .boc-ui-radio,
.form-group.boc-ui-form-inline .form-group-content .boc-ui-checkbox {
  line-height: 36px;
  vertical-align: top;
}
.form-group.boc-ui-form-inline .form-group-content .boc-ui-switch {
  line-height: 36px;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.form-text {
  display: block;
  margin-top: 4px;
}

.form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-align: center;
      align-items: center;
}
.form-inline .form-check {
  width: 100%;
}

.boc-ui-input-number {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 144px;
  padding: 0;
  border: none;
  /**
  * 兼容chrome50，input外部div需要高度100%
  * 宽度给一个最小宽度，用于自适应
  */
}
.boc-ui-input-number .boc-ui-input-line {
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}
.boc-ui-input-number .boc-ui-input-number-wrapper {
  width: 100%;
  height: 100%;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  border: 1px solid #EEEEEE;
  border-radius: 2px;
}
.boc-ui-input-number .boc-ui-input-number-wrapper .has-prefix-icon {
  padding-left: 32px;
}
.boc-ui-input-number .boc-ui-input-number-wrapper .has-suffix-icon {
  padding-right: 32px;
}
.boc-ui-input-number .boc-ui-input-number-wrapper.disabled {
  background-color: #EEEEEE;
  border-color: #CCCCCC !important;
  color: #CCCCCC;
}
.boc-ui-input-number .boc-ui-input-number-wrapper.disabled input {
  background-color: #EEEEEE;
  color: #CCCCCC;
  cursor: not-allowed !important;
}
.boc-ui-input-number .boc-ui-input-number-wrapper.disabled .input-number-operator {
  border-color: #CCCCCC !important;
  color: #CCCCCC !important;
  cursor: not-allowed !important;
}
.boc-ui-input-number .boc-ui-input-number-wrapper.readOnly input {
  background-color: #fff;
  color: #666666;
}
.boc-ui-input-number .boc-ui-input-number-wrapper:hover {
  cursor: pointer;
  color: #666666;
}
.boc-ui-input-number .boc-ui-input-group-prepend {
  height: 36px;
  line-height: 36px;
}
.boc-ui-input-number .boc-ui-input-group-append {
  height: 36px;
  line-height: 36px;
}
.boc-ui-input-number .boc-ui-input-lg {
  height: 40px;
  line-height: 40px;
}
.boc-ui-input-number .boc-ui-input-sm {
  height: 32px;
  line-height: 32px;
}
.boc-ui-input-number .boc-ui-input-xs, .boc-ui-input-number .boc-ui-input-compact {
  height: 28px;
  line-height: 28px;
}
.boc-ui-input-number input {
  padding: 0 8px;
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
  text-align: center;
  color: #222222;
}
.boc-ui-input-number.disabled {
  background-color: #EEEEEE;
  border-color: #EEEEEE !important;
  color: #CCCCCC;
}
.boc-ui-input-number.disabled input {
  background-color: #EEEEEE;
  color: #CCCCCC;
  cursor: not-allowed !important;
}
.boc-ui-input-number.disabled .input-number-operator {
  border-color: #EEEEEE !important;
  color: #CCCCCC !important;
  cursor: not-allowed !important;
}
.boc-ui-input-number .input-number-operator {
  display: -ms-flexbox;
  display: flex;
  width: 36px;
  min-width: 36px;
  height: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-size: 12px;
  color: #999999;
}
.boc-ui-input-number .input-number-operator:hover {
  cursor: pointer;
  color: #666666;
}
.boc-ui-input-number .input-number-operator::after {
  display: table-cell;
  vertical-align: middle;
  font-family: "roo-icon";
}
.boc-ui-input-number .input-number-operator.decrease {
  border: none;
  border-right: 1px solid #EEEEEE;
}
.boc-ui-input-number .input-number-operator.decrease::after {
  content: "\EA2C";
}
.boc-ui-input-number .input-number-operator.increase {
  border: none;
  border-left: 1px solid #EEEEEE;
}
.boc-ui-input-number .input-number-operator.increase::after {
  content: "\EA32";
}
.boc-ui-input-number .input-number-operator.disabled {
  background-color: #EEEEEE;
  border-color: inherit !important;
  color: #CCCCCC !important;
  cursor: not-allowed;
}
.boc-ui-input-number:hover .input-number-operator {
  border-color: #999999;
}
.boc-ui-input-number:hover .boc-ui-input-number-wrapper {
  border-color: #999999;
}
.boc-ui-input-number .boc-ui-input-number-error {
  border-color: #FF192D !important;
}
.boc-ui-input-number .boc-ui-input-number-error:hover {
  border-color: #FF192D !important;
}
.boc-ui-input-number .boc-ui-input-number-success {
  border-color: #00BF7F !important;
}
.boc-ui-input-number .boc-ui-input-number-success:hover {
  border-color: #00BF7F !important;
}
.boc-ui-input-number .boc-ui-input-number-container {
  height: 100%;
  min-width: 70px;
}

.boc-ui-input-number-vertical input {
  margin: 0 40px 0 0;
  color: #222222;
  padding-right: 40px;
}
.boc-ui-input-number-vertical .boc-ui-input-group input {
  padding-right: 0;
}
.boc-ui-input-number-vertical .input-number-operator {
  display: block;
  width: 28px;
  height: 50%;
}
.boc-ui-input-number-vertical .input-number-operator::after {
  position: absolute;
  display: inline-block;
  width: 100%;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  font-size: 12px;
}
.boc-ui-input-number-vertical .input-number-operator.decrease {
  position: absolute;
  left: auto;
  top: auto;
  right: 1px;
  bottom: 1px;
  border: none;
  border-left: 1px solid #EEEEEE;
  border-right: none;
}
.boc-ui-input-number-vertical .input-number-operator.decrease::after {
  content: "\EA0B";
}
.boc-ui-input-number-vertical .input-number-operator.increase {
  position: absolute;
  left: auto;
  right: 1px;
  top: 1px;
  border: none;
  border-left: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
}
.boc-ui-input-number-vertical .input-number-operator.increase.disabled {
  border-bottom: 1px solid #EEEEEE !important;
}
.boc-ui-input-number-vertical .input-number-operator.increase::after {
  content: "\EA0E";
}
.boc-ui-input-number-vertical:hover .input-number-operator {
  border-color: #EEEEEE;
}
.boc-ui-input-number-no-operator input {
  margin: 0;
}

.boc-ui-input-tag {
  height: auto;
  padding: 5px 8px;
  overflow: hidden;
}
.boc-ui-input-tag .boc-ui-tag {
  margin-bottom: 8px;
  margin-right: 8px;
  white-space: unset;
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.boc-ui-input-tag input {
  height: 24px;
  margin-bottom: 7px;
  outline: none;
  border: none;
  color: #222222;
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.boc-ui-input-tag .tags-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: -7px;
}
.boc-ui-input-tag.disabled .boc-ui-tag i {
  display: none;
}
.boc-ui-input-tag.disabled input {
  background: transparent;
  cursor: not-allowed;
}
.boc-ui-input-tag.boc-ui-input-lg {
  min-height: 40px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.boc-ui-input-tag.boc-ui-input-sm {
  min-height: 32px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.boc-ui-input-tag.boc-ui-input-xs, .boc-ui-input-tag.boc-ui-input-compact {
  min-height: 28px;
  padding-top: 1px;
  padding-bottom: 1px;
}

.boc-ui-input-group-compact.has-error + .help-block {
  font-size: 12px;
}

.boc-ui-input-group-compact.has-success-hook:before {
  font-size: 18px;
}

.boc-ui-input-textarea {
  padding: 6px 30px 6px 8px;
}

.boc-ui-input-textarea-wrapper .boc-ui-input-textarea-allow-clear {
  position: relative;
}
.boc-ui-input-textarea-wrapper .boc-ui-input-textarea-allow-clear .addon-icon {
  position: absolute;
  font-size: 1.4em;
  color: #CCCCCC;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  right: 8px;
  top: 8px;
}
.boc-ui-input-textarea-wrapper .boc-ui-input-textarea-allow-clear .boc-ui-input {
  padding-right: 30px;
}

.suggestion-list .boc-ui-dropdown-menu-item-ellipsis {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.suggestion-list .boc-ui-dropdown-menu-item-wrap {
  display: inline-block;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 20px;
}
.suggestion-list .boc-ui-dropdown-menu a .active-highlight::after {
  top: 8px;
}
.suggestion-list .boc-ui-dropdown-menu .keyborad-selected {
  text-decoration: none;
  background-color: #F5F6FA;
}
.suggestion-list .boc-ui-dropdown-menu .rtl-direction {
  padding: 8px 8px 8px 36px;
}
.suggestion-list .boc-ui-dropdown-menu .ltr-direction {
  padding: 8px 36px 8px 8px;
}

.boc-ui-rtl .has-success-hook::before {
  left: 16px;
  right: auto;
}
.boc-ui-rtl .has-success-hook .boc-ui-input:not([readonly]):not([disabled]):not(.disabled) {
  padding-left: 36px;
  padding-right: 8px;
}
.boc-ui-rtl .boc-ui-input-required::before {
  margin-left: 5px;
  margin-right: 0;
}
.boc-ui-rtl .form-group .control-label,
.boc-ui-rtl .form-group .col-form-label {
  text-align: left;
}
.boc-ui-rtl .form-group .boc-ui-btn + .boc-ui-btn {
  margin-left: 0;
  margin-right: 20px;
}
.boc-ui-rtl .form-group .boc-ui-btn-radio-group .boc-ui-btn + .boc-ui-btn {
  margin-right: -1px;
  margin-left: 0;
}
.boc-ui-rtl .boc-ui-input-number .boc-ui-input-number-wrapper .has-prefix-icon {
  padding-left: 8px;
  padding-right: 32px;
}
.boc-ui-rtl .boc-ui-input-number .boc-ui-input-number-wrapper .has-suffix-icon {
  padding-right: 8px;
  padding-left: 32px;
}
.boc-ui-rtl .boc-ui-input-number .input-number-operator.decrease {
  border-left: 1px solid #EEEEEE;
  border-right: none;
}
.boc-ui-rtl .boc-ui-input-number .input-number-operator.increase {
  border-left: none;
  border-right: 1px solid #EEEEEE;
}
.boc-ui-rtl .boc-ui-input-number-vertical input {
  margin: 0 0 0 40px;
  padding-left: 40px;
  padding-right: 0;
}
.boc-ui-rtl .boc-ui-input-number-vertical .boc-ui-input-group input {
  padding-left: 0;
  padding-right: 8px;
}
.boc-ui-rtl .boc-ui-input-number-vertical .input-number-operator::after {
  right: 0;
  left: auto;
}
.boc-ui-rtl .boc-ui-input-number-vertical .input-number-operator.decrease {
  right: auto;
  left: 1px;
  border-left: none;
  border-right: 1px solid #EEEEEE;
}
.boc-ui-rtl .boc-ui-input-number-vertical .input-number-operator.increase {
  right: auto;
  left: 1px;
  border-right: 1px solid #EEEEEE;
  border-left: none;
}
.boc-ui-rtl .boc-ui-input-tag .boc-ui-tag {
  margin-right: 0;
  margin-left: 8px;
  text-align: right;
}
.boc-ui-rtl .boc-ui-input-textarea {
  padding: 6px 8px 6px 30px;
}
.boc-ui-rtl .boc-ui-input-textarea-wrapper .boc-ui-input-textarea-allow-clear .addon-icon {
  left: 8px;
  right: auto;
}
.boc-ui-rtl .boc-ui-input-textarea-wrapper .boc-ui-input-textarea-allow-clear .boc-ui-input {
  padding-right: 8px;
  padding-left: 30px;
}
.boc-ui-rtl .boc-ui-radio .custom-radio {
  margin-left: 8px;
  margin-right: 0px;
}
.boc-ui-rtl .boc-ui-radio-group .boc-ui-radio {
  margin-right: 0;
  margin-left: 32px;
}
.boc-ui-rtl .boc-ui-radio-group .boc-ui-radio + .boc-ui-radio:not(.block-label) {
  margin-left: 32px;
  margin-right: 0;
}
.boc-ui-rtl .boc-ui-radio + .boc-ui-radio:not(.block-label) {
  margin-right: 32px;
  margin-left: 0;
}
.boc-ui-rtl .boc-ui-checkbox .custom-checkbox {
  margin-left: 8px;
  margin-right: 0px;
}
.boc-ui-rtl .boc-ui-checkbox-group .boc-ui-checkbox {
  margin-right: 0;
  margin-left: 32px;
}
.boc-ui-rtl .boc-ui-checkbox-group .boc-ui-checkbox + .boc-ui-checkbox:not(.block-label) {
  margin-left: 32px;
  margin-right: 0;
}
.boc-ui-rtl .boc-ui-checkbox + .boc-ui-checkbox:not(.block-label) {
  margin-right: 32px;
  margin-left: 0;
}

.boc-ui-radio {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.boc-ui-radio.inline-label {
  max-width: 200px;
}
.boc-ui-radio.block-label {
  display: block;
  margin-bottom: 10px;
}
.boc-ui-radio:hover {
  cursor: pointer;
}
.boc-ui-radio:hover .custom-radio:not(.half-checked) {
  border-color: #999999;
}
.boc-ui-radio:hover input:disabled ~ .custom-radio {
  cursor: not-allowed;
}
.boc-ui-radio:hover input:disabled ~ .custom-radio-label {
  cursor: not-allowed;
}
.boc-ui-radio:hover input:disabled + .custom-radio:not(.half-checked) {
  border-color: #EEEEEE;
}
.boc-ui-radio input[type=radio] {
  position: absolute;
  display: none;
}
.boc-ui-radio .custom-radio {
  position: relative;
  display: inline-block;
  margin-right: 8px;
  width: 16px;
  height: 16px;
  min-width: 16px;
  border: 1px solid #999999;
  background-color: #fff;
  vertical-align: sub;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  flex-shrink: 0;
}
.boc-ui-radio .custom-radio::before {
  position: absolute;
  display: inline-block;
  content: "";
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  background-color: transparent;
  border-radius: 50%;
}
.boc-ui-radio .custom-radio-label {
  vertical-align: middle;
  color: #222222;
  word-break: break-all;
  white-space: normal;
}
.boc-ui-radio span.custom-radio-label-no-warp {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.boc-ui-radio input:checked + .custom-radio {
  background-color: #222222;
  border-color: #222222 !important;
}
.boc-ui-radio input:checked + .custom-radio::before {
  background-color: #fff;
}
.boc-ui-radio input:checked + .custom-radio.brand {
  background-color: #ffcc33;
  border-color: #ffcc33 !important;
}
.boc-ui-radio input:disabled + .custom-radio {
  border-color: #EEEEEE;
  background-color: #F5F6FA;
}
.boc-ui-radio input:disabled:checked + .custom-radio {
  border-color: #222222 !important;
  background-color: #222222;
  opacity: 0.3;
}
.boc-ui-radio input:disabled ~ .custom-radio-label {
  opacity: 0.5;
}

.boc-ui-radio-group .boc-ui-radio {
  margin-left: 0;
  margin-right: 32px;
}
.boc-ui-radio-group .boc-ui-radio + .boc-ui-radio:not(.block-label) {
  margin-right: 32px;
  margin-left: 0;
}

.boc-ui-radio + .boc-ui-radio:not(.block-label) {
  margin-left: 32px;
  margin-right: 0;
}

.boc-ui-checkbox {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.boc-ui-checkbox.inline-label {
  max-width: 200px;
}
.boc-ui-checkbox.block-label {
  display: block;
  margin-bottom: 10px;
}
.boc-ui-checkbox:hover {
  cursor: pointer;
}
.boc-ui-checkbox:hover .custom-checkbox:not(.half-checked) {
  border-color: #999999;
}
.boc-ui-checkbox:hover input:disabled ~ .custom-checkbox {
  cursor: not-allowed;
}
.boc-ui-checkbox:hover input:disabled ~ .custom-checkbox-label {
  cursor: not-allowed;
}
.boc-ui-checkbox:hover input:disabled + .custom-checkbox:not(.half-checked) {
  border-color: #EEEEEE;
}
.boc-ui-checkbox input[type=checkbox] {
  position: absolute;
  display: none;
}
.boc-ui-checkbox .custom-checkbox {
  position: relative;
  display: inline-block;
  margin-right: 8px;
  width: 16px;
  height: 16px;
  min-width: 16px;
  border: 1px solid #999999;
  background-color: #fff;
  vertical-align: sub;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.boc-ui-checkbox .custom-checkbox::before {
  position: absolute;
  display: inline-block;
  content: "";
}
.boc-ui-checkbox .custom-checkbox-label {
  vertical-align: middle;
  color: #222222;
  word-break: break-all;
  white-space: normal;
}
.boc-ui-checkbox span.custom-radio-label-no-warp {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.boc-ui-checkbox input:checked + .custom-checkbox {
  background-color: #222222;
  border-color: #222222 !important;
}
.boc-ui-checkbox input:checked + .custom-checkbox::before {
  left: 50%;
  top: 30%;
  -webkit-transform: translate(-50%, -35%) rotate(45deg);
      -ms-transform: translate(-50%, -35%) rotate(45deg);
          transform: translate(-50%, -35%) rotate(45deg);
  width: 6px;
  height: 10px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
}
.boc-ui-checkbox input:checked + .custom-checkbox.brand {
  background-color: #ffcc33;
  border-color: #ffcc33 !important;
}
.boc-ui-checkbox input:checked + .custom-checkbox.brand::before {
  left: 50%;
  top: 30%;
  -webkit-transform: translate(-50%, -35%) rotate(45deg);
      -ms-transform: translate(-50%, -35%) rotate(45deg);
          transform: translate(-50%, -35%) rotate(45deg);
  width: 6px;
  height: 10px;
  border: 2px solid #222222;
  border-top: 0;
  border-left: 0;
}
.boc-ui-checkbox input:disabled + .custom-checkbox {
  border-color: #EEEEEE;
  background-color: #F5F6FA;
}
.boc-ui-checkbox input:disabled:checked + .custom-checkbox {
  border-color: #222222 !important;
  background-color: #222222;
  opacity: 0.3;
}
.boc-ui-checkbox input:disabled:checked + .custom-checkbox.brand::before {
  left: 50%;
  top: 30%;
  -webkit-transform: translate(-50%, -35%) rotate(45deg);
      -ms-transform: translate(-50%, -35%) rotate(45deg);
          transform: translate(-50%, -35%) rotate(45deg);
  width: 6px;
  height: 10px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
}
.boc-ui-checkbox input:disabled ~ .custom-checkbox-label {
  opacity: 0.5;
}
.boc-ui-checkbox .focus {
  outline: 0;
}
.boc-ui-checkbox .half-checked {
  border-color: #222222;
  background-color: #222222;
}
.boc-ui-checkbox .half-checked::before {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 10px;
  border-bottom: 2px solid #fff;
}
.boc-ui-checkbox .half-checked.brand {
  border-color: #ffcc33;
  background-color: #ffcc33;
}
.boc-ui-checkbox .half-checked.brand::before {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 10px;
  border-bottom: 2px solid #222222;
}
.boc-ui-checkbox input:disabled + .half-checked {
  border-color: #222222;
  background-color: #222222;
  opacity: 0.3;
}
.boc-ui-checkbox input:disabled + .half-checked.brand::before {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 10px;
  border-bottom: 2px solid #fff;
}

.boc-ui-checkbox-group .boc-ui-checkbox {
  margin-left: 0;
  margin-right: 32px;
}
.boc-ui-checkbox-group .boc-ui-checkbox + .boc-ui-checkbox:not(.block-label) {
  margin-right: 32px;
  margin-left: 0;
}

.boc-ui-checkbox + .boc-ui-checkbox:not(.block-label) {
  margin-left: 32px;
  margin-right: 0;
}

/**
 * 面板
 * 面板组件属于容器组件，用于包含其他组件对页面进行分块排版。
 */
.boc-ui-panel-motion {
  transition: height 0.3s, opacity 0.3s;
}

.boc-ui-panel {
  position: relative;
  background-color: #fff;
}
.boc-ui-panel.boc-ui-panel-default {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}
.boc-ui-panel.boc-ui-panel-default .boc-ui-panel-heading {
  padding: 20px 40px 0 40px;
}
.boc-ui-panel.boc-ui-panel-default .boc-ui-panel-heading-padding {
  padding-bottom: 20px;
}
.boc-ui-panel.boc-ui-panel-default .boc-ui-panel-body {
  padding: 20px 40px;
}
.boc-ui-panel.boc-ui-panel-default .boc-ui-panel-footer {
  padding: 20px 40px;
}
.boc-ui-panel .boc-ui-panel-heading {
  padding: 20px 40px 0 20px;
  color: #222222;
  font-size: 14px;
}
.boc-ui-panel .boc-ui-panel-heading::after {
  display: block;
  clear: both;
  content: "";
}
.boc-ui-panel .boc-ui-panel-heading .boc-ui-panel-title {
  margin: 0;
  padding: 0;
  font-size: 14px;
}
.boc-ui-panel .boc-ui-panel-heading .boc-ui-panel-heading-items {
  margin-left: 10px;
  font-weight: normal;
}
.boc-ui-panel .boc-ui-panel-heading .boc-ui-panel-heading-items .boc-ui-btn {
  margin: -5px 0;
}
.boc-ui-panel .boc-ui-panel-heading .boc-ui-panel-collapse-flag {
  color: #222222;
  cursor: pointer;
}
.boc-ui-panel .boc-ui-panel-heading .boc-ui-panel-close {
  position: absolute;
  right: 20px;
  top: 20px;
  color: #999999;
}
.boc-ui-panel .boc-ui-panel-heading .boc-ui-panel-close:hover {
  color: #222222;
}
.boc-ui-panel .boc-ui-panel-body {
  padding: 20px 20px;
}
.boc-ui-panel .boc-ui-panel-footer {
  padding: 20px 20px;
  border-top: 1px solid #EEEEEE;
}
.boc-ui-panel .boc-ui-panel-footer::after {
  display: block;
  clear: both;
  content: "";
}
.boc-ui-panel .boc-ui-panel-footer .boc-ui-btn {
  margin-left: 10px;
}

.boc-ui-panel-bordered .boc-ui-panel-heading {
  padding-bottom: 20px;
  border: 1px solid #EEEEEE;
  border-bottom: none;
  background-color: #F5F6FA;
}
.boc-ui-panel-bordered .boc-ui-panel-body {
  border: 1px solid #EEEEEE;
}
.boc-ui-panel-bordered .boc-ui-panel-footer {
  border: 1px solid #EEEEEE;
  border-top: none;
}

.boc-ui-rtl .boc-ui-panel.boc-ui-panel-default .boc-ui-panel-heading {
  padding: 20px 40px 0 40px;
}
.boc-ui-rtl .boc-ui-panel.boc-ui-panel-default .boc-ui-panel-heading-padding {
  padding-bottom: 20px !important;
}
.boc-ui-rtl .boc-ui-panel .boc-ui-panel-heading {
  padding: 20px 40px 0 20px;
}
.boc-ui-rtl .boc-ui-panel .boc-ui-panel-heading .boc-ui-panel-heading-items {
  margin-right: 10px;
}
.boc-ui-rtl .boc-ui-panel .boc-ui-panel-heading .boc-ui-panel-close {
  right: auto;
  left: 20px;
}
.boc-ui-rtl .boc-ui-panel .boc-ui-panel-heading .float-right {
  float: left !important;
}
.boc-ui-rtl .boc-ui-panel .boc-ui-panel-footer .float-right {
  float: left !important;
}
.boc-ui-rtl .boc-ui-panel .boc-ui-panel-footer .float-left {
  float: right !important;
}
.boc-ui-rtl .boc-ui-panel-bordered .boc-ui-panel-heading {
  padding: 20px 20px 20px 40px;
}

.boc-ui-steps {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: -20px;
}
.boc-ui-steps::before, .boc-ui-steps::after {
  display: table;
  line-height: 0;
  content: "";
}
.boc-ui-steps::after {
  clear: both;
}
.boc-ui-steps li.boc-ui-steps-item {
  float: left;
  position: relative;
  margin-bottom: 20px;
  margin-right: 8px;
  padding: 0;
  color: #666666;
  overflow: hidden;
}
.boc-ui-steps li.boc-ui-steps-item .boc-ui-steps-icon {
  display: inline-block;
  margin-right: 8px;
  text-align: center;
  color: #666666;
}
.boc-ui-steps li.boc-ui-steps-item .boc-ui-steps-icon .boc-ui-steps-icon-content {
  width: 32px;
  height: 32px;
  line-height: 30px;
  border-radius: 1000px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border: 1px solid #999999;
}
.boc-ui-steps li.boc-ui-steps-item .boc-ui-steps-icon .boc-ui-steps-icon-content .boc-ui-steps-icon-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #999999;
}
.boc-ui-steps li.boc-ui-steps-item.boc-ui-steps-error .boc-ui-steps-icon .boc-ui-steps-icon-content {
  color: #fff;
  border-color: #FF192D;
  background-color: #FF192D;
}
.boc-ui-steps li.boc-ui-steps-item.boc-ui-steps-error .boc-ui-steps-icon .boc-ui-steps-icon-content .boc-ui-steps-icon-dot {
  background-color: #FF192D;
}
.boc-ui-steps li.boc-ui-steps-item.boc-ui-steps-error .boc-ui-steps-item-content .boc-ui-steps-title,
.boc-ui-steps li.boc-ui-steps-item.boc-ui-steps-error .boc-ui-steps-item-content .boc-ui-steps-desc {
  color: #FF192D;
}
.boc-ui-steps li.boc-ui-steps-item .boc-ui-steps-item-content .boc-ui-steps-desc {
  font-size: 12px;
  color: #666666;
}
.boc-ui-steps li.boc-ui-steps-item .boc-ui-steps-title {
  font-size: 14px;
  line-height: 30px;
  color: #222222;
}
.boc-ui-steps li.boc-ui-steps-item .boc-ui-steps-title .boc-ui-steps-title-text {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.boc-ui-steps li[role=button]:hover {
  cursor: pointer;
}
.boc-ui-steps li[role=button]:hover .boc-ui-steps-icon .boc-ui-steps-icon-content {
  color: #FF6A00;
  border: 1px solid #FF6A00;
}
.boc-ui-steps li[role=button]:hover .boc-ui-steps-icon .boc-ui-steps-icon-content .boc-ui-steps-icon-dot {
  background-color: #FF6A00;
}
.boc-ui-steps li[role=button]:hover.boc-ui-steps-error .boc-ui-steps-icon .boc-ui-steps-icon-content {
  color: #fff;
  border-color: #FF192D;
}
.boc-ui-steps li[role=button]:hover .boc-ui-steps-title {
  color: #FF6A00;
}
.boc-ui-steps.vertical li.boc-ui-steps-item {
  -ms-flex: 1;
      flex: 1;
  overflow: inherit;
}
.boc-ui-steps.vertical li.boc-ui-steps-item.boc-ui-steps-finish .boc-ui-steps-icon .boc-ui-steps-icon-content, .boc-ui-steps.vertical li.boc-ui-steps-item.boc-ui-steps-active .boc-ui-steps-icon .boc-ui-steps-icon-content {
  color: #FF6A00;
  border: 1px solid #FF6A00;
}
.boc-ui-steps.vertical li.boc-ui-steps-item.boc-ui-steps-finish .boc-ui-steps-icon .boc-ui-steps-icon-content .boc-ui-steps-icon-dot, .boc-ui-steps.vertical li.boc-ui-steps-item.boc-ui-steps-active .boc-ui-steps-icon .boc-ui-steps-icon-content .boc-ui-steps-icon-dot {
  background-color: #FF6A00;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}
.boc-ui-steps.vertical li.boc-ui-steps-item.boc-ui-steps-finish .boc-ui-steps-tail::after {
  border-top: 1px dashed #FF6A00;
}
.boc-ui-steps.vertical li.boc-ui-steps-item.boc-ui-steps-active .boc-ui-steps-icon .boc-ui-steps-icon-content {
  color: #fff;
  background-color: #FF6A00;
}
.boc-ui-steps.vertical li.boc-ui-steps-item.boc-ui-steps-active .boc-ui-steps-icon .boc-ui-steps-icon-content .boc-ui-steps-icon-dot {
  background-color: #FF6A00;
}
.boc-ui-steps.vertical li.boc-ui-steps-item.boc-ui-steps-active .boc-ui-steps-title {
  color: #FF6A00;
}
.boc-ui-steps.vertical li.boc-ui-steps-item .boc-ui-steps-tail {
  position: absolute;
  left: 0;
  height: 1px;
  width: 100%;
  margin-left: 92px;
  padding: 0;
}
.boc-ui-steps.vertical li.boc-ui-steps-item .boc-ui-steps-tail::after {
  display: inline-block;
  width: calc(100% - 35px);
  height: 1px;
  border-top: 1px dashed #999999;
  content: "";
}
.boc-ui-steps.vertical li.boc-ui-steps-item .boc-ui-steps-icon {
  margin-left: 55px;
}
.boc-ui-steps.vertical li.boc-ui-steps-item .boc-ui-steps-item-content .boc-ui-steps-title,
.boc-ui-steps.vertical li.boc-ui-steps-item .boc-ui-steps-item-content .boc-ui-steps-desc {
  width: 140px;
  text-align: center;
}
.boc-ui-steps.vertical li.boc-ui-steps-item .boc-ui-steps-item-content .boc-ui-steps-title {
  display: block;
  margin-top: 4px;
  height: auto;
}
.boc-ui-steps.vertical li.boc-ui-steps-item:last-child {
  -ms-flex: none;
      flex: none;
}
.boc-ui-steps.vertical li.boc-ui-steps-item:last-child .boc-ui-steps-tail::after {
  display: none;
}
.boc-ui-steps.boc-ui-steps-align {
  display: -ms-flexbox;
  display: flex;
}
.boc-ui-steps.boc-ui-steps-align li.boc-ui-steps-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
}
.boc-ui-steps.boc-ui-steps-align li.boc-ui-steps-item.boc-ui-steps-finish .boc-ui-steps-icon .boc-ui-steps-icon-content, .boc-ui-steps.boc-ui-steps-align li.boc-ui-steps-item.boc-ui-steps-active .boc-ui-steps-icon .boc-ui-steps-icon-content {
  color: #FF6A00;
  border: 1px solid #FF6A00;
}
.boc-ui-steps.boc-ui-steps-align li.boc-ui-steps-item.boc-ui-steps-finish .boc-ui-steps-icon .boc-ui-steps-icon-content .boc-ui-steps-icon-dot, .boc-ui-steps.boc-ui-steps-align li.boc-ui-steps-item.boc-ui-steps-active .boc-ui-steps-icon .boc-ui-steps-icon-content .boc-ui-steps-icon-dot {
  background-color: #FF6A00;
}
.boc-ui-steps.boc-ui-steps-align li.boc-ui-steps-item.boc-ui-steps-active .boc-ui-steps-icon .boc-ui-steps-icon-content {
  color: #fff;
  background-color: #FF6A00;
}
.boc-ui-steps.boc-ui-steps-align li.boc-ui-steps-item.boc-ui-steps-active .boc-ui-steps-icon .boc-ui-steps-icon-content .boc-ui-steps-icon-dot {
  background-color: #FF6A00;
}
.boc-ui-steps.boc-ui-steps-align li.boc-ui-steps-item.boc-ui-steps-active {
  color: #FF6A00;
}
.boc-ui-steps.boc-ui-steps-align li.boc-ui-steps-item.boc-ui-steps-active .boc-ui-steps-title {
  color: #FF6A00;
}
.boc-ui-steps.boc-ui-steps-align li.boc-ui-steps-item.boc-ui-steps-finish .boc-ui-steps-item-content .boc-ui-steps-title::after {
  border-bottom-color: #FF6A00;
}
.boc-ui-steps.boc-ui-steps-align li.boc-ui-steps-item:last-child {
  -ms-flex: none;
      flex: none;
}
.boc-ui-steps.boc-ui-steps-align li.boc-ui-steps-item:last-child::before, .boc-ui-steps.boc-ui-steps-align li.boc-ui-steps-item:last-child::after {
  display: none;
}
.boc-ui-steps.boc-ui-steps-align li.boc-ui-steps-item:last-child .boc-ui-steps-item-content .boc-ui-steps-title::after {
  display: none;
}
.boc-ui-steps.boc-ui-steps-align li.boc-ui-steps-item .boc-ui-steps-icon {
  vertical-align: text-bottom;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.boc-ui-steps.boc-ui-steps-align li.boc-ui-steps-item .boc-ui-steps-item-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
}
.boc-ui-steps.boc-ui-steps-align li.boc-ui-steps-item .boc-ui-steps-item-content .boc-ui-steps-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  white-space: nowrap;
  min-height: 30px;
}
.boc-ui-steps.boc-ui-steps-align li.boc-ui-steps-item .boc-ui-steps-item-content .boc-ui-steps-title::after {
  content: "";
  -ms-flex: 1;
      flex: 1;
  display: inline-block;
  margin-left: 5px;
  vertical-align: text-top;
  color: #222222;
  border-bottom: 1px dashed #999999;
}

.boc-ui-steps-vertical {
  overflow: hidden;
  padding: 15px 0;
}
.boc-ui-steps-vertical li.boc-ui-steps-item {
  position: relative;
  vertical-align: top;
}
.boc-ui-steps-vertical li.boc-ui-steps-item .boc-ui-steps-tail {
  position: absolute;
  left: 15px;
  top: 0;
  width: 1px;
  height: 100%;
  padding: 38px 0 6px;
}
.boc-ui-steps-vertical li.boc-ui-steps-item .boc-ui-steps-tail::after {
  display: inline-block;
  height: 100%;
  width: 1px;
  border-left: 1px dashed #999999;
  content: "";
}
.boc-ui-steps-vertical li.boc-ui-steps-item.boc-ui-steps-finish .boc-ui-steps-tail::after {
  border-color: #FF6A00;
}
.boc-ui-steps-vertical li.boc-ui-steps-item.boc-ui-steps-error .boc-ui-steps-icon .boc-ui-steps-icon-content {
  color: #fff;
  border-color: #FF192D;
  background-color: #FF192D;
}
.boc-ui-steps-vertical li.boc-ui-steps-item.boc-ui-steps-error .boc-ui-steps-icon .boc-ui-steps-icon-content .boc-ui-steps-icon-dot {
  background-color: #FF192D;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}
.boc-ui-steps-vertical li.boc-ui-steps-item.boc-ui-steps-error .boc-ui-steps-item-content .boc-ui-steps-title,
.boc-ui-steps-vertical li.boc-ui-steps-item.boc-ui-steps-error .boc-ui-steps-item-content .boc-ui-steps-desc {
  color: #FF192D;
}
.boc-ui-steps-vertical li.boc-ui-steps-item:last-child .boc-ui-steps-tail {
  display: none;
}
.boc-ui-steps-vertical li.boc-ui-steps-item .boc-ui-steps-icon {
  float: left;
  margin-right: 8px;
  text-align: center;
  font-size: 14px;
  color: #666666;
  z-index: 1;
}
.boc-ui-steps-vertical li.boc-ui-steps-item .boc-ui-steps-icon .boc-ui-steps-icon-content {
  width: 32px;
  height: 32px;
  line-height: 30px;
  border-radius: 1000px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border: 1px solid #999999;
}
.boc-ui-steps-vertical li.boc-ui-steps-item .boc-ui-steps-icon .boc-ui-steps-icon-content .boc-ui-steps-icon-dot {
  background-color: #999999;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}
.boc-ui-steps-vertical li.boc-ui-steps-item.boc-ui-steps-finish .boc-ui-steps-icon .boc-ui-steps-icon-content, .boc-ui-steps-vertical li.boc-ui-steps-item.boc-ui-steps-active .boc-ui-steps-icon .boc-ui-steps-icon-content {
  color: #FF6A00;
  border: 1px solid #FF6A00;
}
.boc-ui-steps-vertical li.boc-ui-steps-item.boc-ui-steps-finish .boc-ui-steps-icon .boc-ui-steps-icon-content .boc-ui-steps-icon-dot, .boc-ui-steps-vertical li.boc-ui-steps-item.boc-ui-steps-active .boc-ui-steps-icon .boc-ui-steps-icon-content .boc-ui-steps-icon-dot {
  background-color: #FF6A00;
}
.boc-ui-steps-vertical li.boc-ui-steps-item.boc-ui-steps-active .boc-ui-steps-icon .boc-ui-steps-icon-content {
  color: #fff;
  background-color: #FF6A00;
}
.boc-ui-steps-vertical li.boc-ui-steps-item.boc-ui-steps-active .boc-ui-steps-icon .boc-ui-steps-icon-content .boc-ui-steps-icon-dot {
  background-color: #FF6A00;
}
.boc-ui-steps-vertical li.boc-ui-steps-item.boc-ui-steps-active .boc-ui-steps-item-content .boc-ui-steps-title {
  color: #FF6A00;
}
.boc-ui-steps-vertical li.boc-ui-steps-item .boc-ui-steps-item-content {
  vertical-align: top;
  overflow: hidden;
  min-height: 80px;
}
.boc-ui-steps-vertical li.boc-ui-steps-item .boc-ui-steps-item-content .boc-ui-steps-title {
  line-height: 30px;
  font-size: 14px;
  color: #222222;
}
.boc-ui-steps-vertical li.boc-ui-steps-item .boc-ui-steps-item-content .boc-ui-steps-desc {
  font-size: 12px;
  color: #666666;
}
.boc-ui-steps-vertical li[role=button]:hover {
  cursor: pointer;
}
.boc-ui-steps-vertical li[role=button]:hover .boc-ui-steps-icon .boc-ui-steps-icon-content {
  color: #FF6A00;
  border: 1px solid #FF6A00;
}
.boc-ui-steps-vertical li[role=button]:hover .boc-ui-steps-icon .boc-ui-steps-icon-content .boc-ui-steps-icon-dot {
  background-color: #FF6A00;
}
.boc-ui-steps-vertical li[role=button]:hover.boc-ui-steps-error .boc-ui-steps-icon .boc-ui-steps-icon-content {
  color: #fff;
  border-color: #FF192D;
}
.boc-ui-steps-vertical li[role=button].boc-ui-steps-active:hover {
  cursor: pointer;
}
.boc-ui-steps-vertical li[role=button].boc-ui-steps-active:hover .boc-ui-steps-icon .boc-ui-steps-icon-content {
  color: #fff;
  border: 1px solid #FF6A00;
}
.boc-ui-steps-vertical li[role=button].boc-ui-steps-active:hover .boc-ui-steps-icon .boc-ui-steps-icon-content .boc-ui-steps-icon-dot {
  background-color: #FF6A00;
}

.boc-ui-rtl .boc-ui-steps li.boc-ui-steps-item {
  margin-left: 8px;
  margin-right: 0;
}
.boc-ui-rtl .boc-ui-steps li.boc-ui-steps-item .boc-ui-steps-icon {
  margin-left: 8px;
  margin-right: 0;
}
.boc-ui-rtl .boc-ui-steps.vertical li.boc-ui-steps-item .boc-ui-steps-tail {
  right: 0;
  left: auto;
  margin-right: 92px;
  margin-left: 0;
}
.boc-ui-rtl .boc-ui-steps.vertical li.boc-ui-steps-item .boc-ui-steps-icon {
  margin-left: 0;
  margin-right: 55px;
}
.boc-ui-rtl .boc-ui-steps.boc-ui-steps-align li.boc-ui-steps-item .boc-ui-steps-item-content .boc-ui-steps-title::after {
  margin-left: 0;
  margin-right: 5px;
}
.boc-ui-rtl .boc-ui-steps-vertical li.boc-ui-steps-item .boc-ui-steps-tail {
  right: 15px;
  left: auto;
}
.boc-ui-rtl .boc-ui-steps-vertical li.boc-ui-steps-item .boc-ui-steps-icon {
  float: right;
  margin-left: 8px;
  margin-right: 0;
}

.boc-ui-transfer {
  min-width: 710px;
}
.boc-ui-transfer .boc-ui-transfer-panel {
  position: relative;
  display: inline-block;
  width: 300px;
  border: 1px solid #EEEEEE;
  border-radius: 2px;
  overflow: hidden;
  vertical-align: middle;
}
.boc-ui-transfer .boc-ui-transfer-panel .boc-ui-transfer-panel-title {
  height: 37px;
  line-height: 35px;
  background-color: #F5F6FA;
  border-bottom: 1px solid #EEEEEE;
  border-radius: 2px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.boc-ui-transfer .boc-ui-transfer-panel .boc-ui-transfer-panel-title .boc-ui-transfer-panel-title-all {
  margin-left: 12px;
  min-width: 16px;
}
.boc-ui-transfer .boc-ui-transfer-panel .boc-ui-transfer-panel-title .boc-ui-transfer-panel-title-label {
  width: 210px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.boc-ui-transfer .boc-ui-transfer-panel .boc-ui-transfer-panel-title .boc-ui-transfer-panel-title-count {
  float: right;
  line-height: 36px;
  margin-right: 12px;
}
.boc-ui-transfer .boc-ui-transfer-panel .boc-ui-transfer-panel-empty {
  text-align: center;
  padding-top: 6px;
}
.boc-ui-transfer .boc-ui-transfer-panel .boc-ui-transfer-panel-filter {
  padding: 0 12px;
  margin-top: 12px;
}
.boc-ui-transfer .boc-ui-transfer-panel .boc-ui-transfer-panel-body {
  height: 240px;
  overflow: auto;
}
.boc-ui-transfer .boc-ui-transfer-panel .boc-ui-transfer-panel-body .boc-ui-transfer-panel-list .boc-ui-checkbox {
  display: -ms-flexbox;
  display: flex;
  height: 36px;
  padding: 6px 12px;
  margin-right: 0;
}
.boc-ui-transfer .boc-ui-transfer-panel .boc-ui-transfer-panel-body .boc-ui-transfer-panel-list .boc-ui-checkbox:hover {
  background-color: #F5F6FA;
}
.boc-ui-transfer .boc-ui-transfer-panel .boc-ui-transfer-panel-footer {
  border-top: 1px solid #EEEEEE;
}
.boc-ui-transfer .boc-ui-transfer-operations {
  display: inline-block;
  padding: 0 16px;
  vertical-align: middle;
}
.boc-ui-transfer .boc-ui-transfer-operations .boc-ui-btn {
  display: -ms-flexbox;
  display: flex;
  height: 36px;
  margin-bottom: 16px;
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-transfer .boc-ui-transfer-operations .boc-ui-btn .roo-icon {
  margin-top: 0;
}

.boc-ui-rtl .boc-ui-transfer .boc-ui-transfer-panel .boc-ui-transfer-panel-title .boc-ui-transfer-panel-title-all {
  margin-right: 12px;
  margin-left: 8px;
}
.boc-ui-rtl .boc-ui-transfer .boc-ui-transfer-panel .boc-ui-transfer-panel-title .boc-ui-transfer-panel-title-count {
  float: left;
  margin-left: 12px;
}
.boc-ui-rtl .boc-ui-transfer .boc-ui-transfer-panel .boc-ui-transfer-panel-body .boc-ui-checkbox {
  margin-left: 0;
}

table {
  background-color: transparent;
  border-collapse: collapse;
}

caption {
  padding-top: 16px;
  padding-bottom: 16px;
  color: #222222;
  text-align: left;
}

th {
  text-align: left;
  font-weight: normal;
}

.boc-ui-table {
  width: 100%;
  max-width: 100%;
  color: #222222;
  font-size: 14px;
}
.boc-ui-table > thead > tr > th,
.boc-ui-table > thead > tr > td,
.boc-ui-table > tbody > tr > th,
.boc-ui-table > tbody > tr > td,
.boc-ui-table > tfoot > tr > th,
.boc-ui-table > tfoot > tr > td {
  height: 40px;
  padding: 16px 16px;
  line-height: 1.2;
  vertical-align: middle;
  border-top: 1px solid #EEEEEE;
  word-break: break-all;
  /* Non standard for webkit */
  word-break: break-word;
}
.boc-ui-table thead {
  background: #F5F6FA;
}
.boc-ui-table th {
  font-weight: normal;
  color: #666666;
}
.boc-ui-table > caption + thead > tr:first-child > th,
.boc-ui-table > caption + thead > tr:first-child > td,
.boc-ui-table > colgroup + thead > tr:first-child > th,
.boc-ui-table > colgroup + thead > tr:first-child > td,
.boc-ui-table > thead:first-child > tr:first-child > th,
.boc-ui-table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.boc-ui-table > tbody + tbody {
  border-top: 2px solid #EEEEEE;
}
.boc-ui-table .table {
  background-color: #fff;
}
.boc-ui-table .active {
  background-color: #EEEEEE;
}
.boc-ui-table .success {
  background-color: rgb(63.5, 255, 190.832460733);
}
.boc-ui-table .info {
  background-color: rgb(152.5, 203.75, 255);
}
.boc-ui-table .warning {
  background-color: rgb(255, 180.5, 127.5);
}
.boc-ui-table .danger {
  background-color: rgb(255, 152.5, 161.4130434783);
}
.boc-ui-table .cursor-pointer {
  cursor: pointer;
}
.boc-ui-table .cursor-pointer:hover {
  background-color: #EEEEEE;
}
.boc-ui-table .column-sorter {
  display: inline-block;
  width: 16px;
  margin-top: 1px;
  vertical-align: top;
  font-size: 0;
  white-space: pre-wrap;
}
.boc-ui-table .column-sorter .roo-icon {
  height: 8px;
  line-height: 8px;
  font-size: 16px;
  color: #CCCCCC;
}
.boc-ui-table .column-sorter .roo-icon.off {
  color: #CCCCCC;
}
.boc-ui-table .column-sorter .roo-icon.on {
  color: #222222;
}
.boc-ui-table .column-sorter .roo-icon:last-child {
  margin-top: -2px;
}

.boc-ui-table-condensed > thead > tr > th,
.boc-ui-table-condensed > thead > tr > td,
.boc-ui-table-condensed > tbody > tr > th,
.boc-ui-table-condensed > tbody > tr > td,
.boc-ui-table-condensed > tfoot > tr > th,
.boc-ui-table-condensed > tfoot > tr > td {
  padding: 5px;
}

.boc-ui-table-expanded > thead > tr > th,
.boc-ui-table-expanded > thead > tr > td,
.boc-ui-table-expanded > tbody > tr > th,
.boc-ui-table-expanded > tbody > tr > td,
.boc-ui-table-expanded > tfoot > tr > th,
.boc-ui-table-expanded > tfoot > tr > td {
  height: 60px;
  padding: 0 20px;
  vertical-align: middle;
}

.boc-ui-table-bordered {
  border: 1px solid #EEEEEE;
}
.boc-ui-table-bordered > thead > tr > th,
.boc-ui-table-bordered > thead > tr > td,
.boc-ui-table-bordered > tbody > tr > th,
.boc-ui-table-bordered > tbody > tr > td,
.boc-ui-table-bordered > tfoot > tr > th,
.boc-ui-table-bordered > tfoot > tr > td {
  border-left: 1px solid #EEEEEE;
  border-right: 1px solid #EEEEEE;
}
.boc-ui-table-bordered > thead > tr > th,
.boc-ui-table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.boc-ui-table-striped > tbody > tr:nth-of-type(even) {
  background-color: #F5F6FA;
}

.boc-ui-table-striped-expandable > tbody > tr:nth-of-type(4n - 1) {
  background-color: #F5F6FA;
}

.boc-ui-table-hover > tbody > tr:hover {
  background-color: #EEEEEE;
}

table col[class*=col-] {
  position: static;
  float: none;
  display: table-column;
}

table td[class*=col-],
table th[class*=col-] {
  position: static;
  float: none;
  display: table-cell;
}

.boc-ui-table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 1024px) {
  .boc-ui-table-responsive {
    width: 100%;
    margin-bottom: 0.75;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #EEEEEE;
  }
  .boc-ui-table-responsive > .boc-ui-table {
    margin-bottom: 0;
  }
  .boc-ui-table-responsive > .boc-ui-table > thead > tr > th,
  .boc-ui-table-responsive > .boc-ui-table > thead > tr > td,
  .boc-ui-table-responsive > .boc-ui-table > tbody > tr > th,
  .boc-ui-table-responsive > .boc-ui-table > tbody > tr > td,
  .boc-ui-table-responsive > .boc-ui-table > tfoot > tr > th,
  .boc-ui-table-responsive > .boc-ui-table > tfoot > tr > td {
    white-space: nowrap;
  }
  .boc-ui-table-responsive > .boc-ui-table-bordered {
    border: 0;
  }
  .boc-ui-table-responsive > .boc-ui-table-bordered > thead > tr > th:first-child,
  .boc-ui-table-responsive > .boc-ui-table-bordered > thead > tr > td:first-child,
  .boc-ui-table-responsive > .boc-ui-table-bordered > tbody > tr > th:first-child,
  .boc-ui-table-responsive > .boc-ui-table-bordered > tbody > tr > td:first-child,
  .boc-ui-table-responsive > .boc-ui-table-bordered > tfoot > tr > th:first-child,
  .boc-ui-table-responsive > .boc-ui-table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .boc-ui-table-responsive > .boc-ui-table-bordered > thead > tr > th:last-child,
  .boc-ui-table-responsive > .boc-ui-table-bordered > thead > tr > td:last-child,
  .boc-ui-table-responsive > .boc-ui-table-bordered > tbody > tr > th:last-child,
  .boc-ui-table-responsive > .boc-ui-table-bordered > tbody > tr > td:last-child,
  .boc-ui-table-responsive > .boc-ui-table-bordered > tfoot > tr > th:last-child,
  .boc-ui-table-responsive > .boc-ui-table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .boc-ui-table-responsive > .boc-ui-table-bordered > tbody > tr:last-child > th,
  .boc-ui-table-responsive > .boc-ui-table-bordered > tbody > tr:last-child > td,
  .boc-ui-table-responsive > .boc-ui-table-bordered > tfoot > tr:last-child > th,
  .boc-ui-table-responsive > .boc-ui-table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

.boc-ui-table-cell-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}

.boc-ui-table-scrollable {
  position: relative;
}
.boc-ui-table-scrollable .boc-ui-table-header + .boc-ui-table-body .boc-ui-table {
  margin-top: -1px;
}
.boc-ui-table-scrollable .boc-ui-table-header {
  margin-bottom: -20px;
  padding-bottom: 20px;
  overflow: scroll;
}
.boc-ui-table-scrollable .boc-ui-table-body {
  background: #fff;
  position: relative;
}
.boc-ui-table-scrollable .boc-ui-table-fixed-left {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  box-shadow: 8px 0 8px rgba(233, 234, 242, 0.6);
}
.boc-ui-table-scrollable .boc-ui-table-fixed-left .boc-ui-table-body {
  margin-right: -20px;
  padding-right: 20px;
}
.boc-ui-table-scrollable .boc-ui-table-fixed-right {
  position: absolute;
  right: 0;
  top: 0;
  box-shadow: -8px 0 8px rgba(233, 234, 242, 0.6);
}
.boc-ui-table-scrollable.scroll-position-left .boc-ui-table-fixed-left {
  box-shadow: none;
}
.boc-ui-table-scrollable.scroll-position-right .boc-ui-table-fixed-right {
  box-shadow: none;
}

.boc-ui-rtl pre {
  direction: ltr;
  padding: 28px 48px;
}
@media screen and (max-width: 1024px) {
  .boc-ui-rtl .boc-ui-table-responsive > .boc-ui-table-bordered > thead > tr > th:first-child,
  .boc-ui-rtl .boc-ui-table-responsive > .boc-ui-table-bordered > thead > tr > td:first-child,
  .boc-ui-rtl .boc-ui-table-responsive > .boc-ui-table-bordered > tbody > tr > th:first-child,
  .boc-ui-rtl .boc-ui-table-responsive > .boc-ui-table-bordered > tbody > tr > td:first-child,
  .boc-ui-rtl .boc-ui-table-responsive > .boc-ui-table-bordered > tfoot > tr > th:first-child,
  .boc-ui-rtl .boc-ui-table-responsive > .boc-ui-table-bordered > tfoot > tr > td:first-child {
    border-right: 0;
  }
  .boc-ui-rtl .boc-ui-table-responsive > .boc-ui-table-bordered > thead > tr > th:last-child,
  .boc-ui-rtl .boc-ui-table-responsive > .boc-ui-table-bordered > thead > tr > td:last-child,
  .boc-ui-rtl .boc-ui-table-responsive > .boc-ui-table-bordered > tbody > tr > th:last-child,
  .boc-ui-rtl .boc-ui-table-responsive > .boc-ui-table-bordered > tbody > tr > td:last-child,
  .boc-ui-rtl .boc-ui-table-responsive > .boc-ui-table-bordered > tfoot > tr > th:last-child,
  .boc-ui-rtl .boc-ui-table-responsive > .boc-ui-table-bordered > tfoot > tr > td:last-child {
    border-left: 0;
  }
}
.boc-ui-rtl .boc-ui-table-scrollable .boc-ui-table-fixed-left {
  right: 0;
  left: auto;
  box-shadow: -8px 0 8px rgba(233, 234, 242, 0.6);
}
.boc-ui-rtl .boc-ui-table-scrollable .boc-ui-table-fixed-left .boc-ui-table-body {
  margin-left: -20px;
  padding-left: 20px;
}
.boc-ui-rtl .boc-ui-table-scrollable .boc-ui-table-fixed-right {
  left: 0;
  right: auto;
  box-shadow: 8px 0 8px rgba(233, 234, 242, 0.6);
}
.boc-ui-rtl .boc-ui-table-scrollable.scroll-position-left .boc-ui-table-fixed-left {
  box-shadow: none;
}
.boc-ui-rtl .boc-ui-table-scrollable.scroll-position-right .boc-ui-table-fixed-right {
  box-shadow: none;
}

/**
 * 标签主要用于简短的标志说明。给链接、导航等元素嵌套，可以很醒目的展示新的或未读的信息条目
 * 标签一共分为两种，一种方形带圆边和一种椭圆形
 */
.boc-ui-tag {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
  font-size: 12px;
  line-height: 22px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  border-radius: 2px;
}
.boc-ui-tag.boc-ui-tag-primary {
  background-color: #222222;
  border: 1px solid #222222;
}
.boc-ui-tag.boc-ui-tag-secondary {
  background-color: #FF6A00;
  border: 1px solid #FF6A00;
}
.boc-ui-tag.boc-ui-tag-brand {
  background-color: #ffcc33;
  border: 1px solid #ffcc33;
}
.boc-ui-tag.boc-ui-tag-success {
  background-color: #00BF7F;
  border: 1px solid #00BF7F;
}
.boc-ui-tag.boc-ui-tag-info {
  background-color: #198CFF;
  border: 1px solid #198CFF;
}
.boc-ui-tag.boc-ui-tag-warning {
  background-color: #FF6A00;
  border: 1px solid #FF6A00;
  background-color: #FF6A00;
  border: 1px solid #FF6A00;
}
.boc-ui-tag.boc-ui-tag-danger {
  background-color: #FF192D;
  border: 1px solid #FF192D;
}
.boc-ui-tag.boc-ui-tag-light {
  background-color: #fff;
  border: 1px solid #fff;
}
.boc-ui-tag.boc-ui-tag-dark {
  background-color: #222222;
  border: 1px solid #222222;
}
.boc-ui-tag.boc-ui-tag-default {
  background-color: #222222;
  border: 1px solid #222222;
}
.boc-ui-tag.boc-ui-tag-gray {
  background-color: #F5F6FA;
  border: 1px solid #F5F6FA;
  color: #222222;
}
.boc-ui-tag.boc-ui-tag-gray > i {
  color: #CCCCCC;
}
.boc-ui-tag > i {
  margin-left: 4px;
  cursor: pointer;
}
.boc-ui-tag.boc-ui-tag-reverse.boc-ui-tag-primary {
  background-color: #fff;
  color: #222222;
  border: 1px solid #222222;
}
.boc-ui-tag.boc-ui-tag-reverse.boc-ui-tag-secondary {
  background-color: #fff;
  color: #FF6A00;
  border: 1px solid #FF6A00;
}
.boc-ui-tag.boc-ui-tag-reverse.boc-ui-tag-brand {
  background-color: #fff;
  color: #ffcc33;
  border: 1px solid #ffcc33;
}
.boc-ui-tag.boc-ui-tag-reverse.boc-ui-tag-success {
  background-color: #fff;
  color: #00BF7F;
  border: 1px solid #00BF7F;
}
.boc-ui-tag.boc-ui-tag-reverse.boc-ui-tag-info {
  background-color: #fff;
  color: #198CFF;
  border: 1px solid #198CFF;
}
.boc-ui-tag.boc-ui-tag-reverse.boc-ui-tag-warning {
  background-color: #fff;
  color: #FF6A00;
  border: 1px solid #FF6A00;
  background-color: #fff;
  color: #FF6A00;
  border: 1px solid #FF6A00;
}
.boc-ui-tag.boc-ui-tag-reverse.boc-ui-tag-danger {
  background-color: #fff;
  color: #FF192D;
  border: 1px solid #FF192D;
}
.boc-ui-tag.boc-ui-tag-reverse.boc-ui-tag-light {
  background-color: #fff;
  color: #fff;
  border: 1px solid #fff;
}
.boc-ui-tag.boc-ui-tag-reverse.boc-ui-tag-dark {
  background-color: #fff;
  color: #222222;
  border: 1px solid #222222;
}
.boc-ui-tag.boc-ui-tag-reverse.boc-ui-tag-default {
  background-color: #fff;
  color: #222222;
  border: 1px solid #222222;
}
.boc-ui-tag .boc-ui-tag-icon {
  margin-right: 5px;
  vertical-align: middle;
}
.boc-ui-tag .boc-ui-tag-icon-close {
  display: inline-block;
  vertical-align: middle;
  margin-left: 3px;
  margin-top: -3px;
}

.boc-ui-tooltip-inner .boc-ui-tag {
  margin-left: 3.5px;
  margin-right: 3.5px;
  margin-bottom: 7px;
}

.boc-ui-badge {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  min-width: 20px;
  padding: 0 8px;
  font-size: 12px;
  color: #fff;
  line-height: 22px;
  white-space: nowrap;
  text-align: center;
  border-radius: 1000px;
}
.boc-ui-badge.boc-ui-badge-primary {
  background-color: #222222;
  border: 1px solid #222222;
}
.boc-ui-badge.boc-ui-badge-secondary {
  background-color: #FF6A00;
  border: 1px solid #FF6A00;
}
.boc-ui-badge.boc-ui-badge-brand {
  background-color: #ffcc33;
  border: 1px solid #ffcc33;
}
.boc-ui-badge.boc-ui-badge-success {
  background-color: #00BF7F;
  border: 1px solid #00BF7F;
}
.boc-ui-badge.boc-ui-badge-info {
  background-color: #198CFF;
  border: 1px solid #198CFF;
}
.boc-ui-badge.boc-ui-badge-warning {
  background-color: #FF6A00;
  border: 1px solid #FF6A00;
  background-color: #FF6A00;
  border: 1px solid #FF6A00;
}
.boc-ui-badge.boc-ui-badge-danger {
  background-color: #FF192D;
  border: 1px solid #FF192D;
}
.boc-ui-badge.boc-ui-badge-light {
  background-color: #fff;
  border: 1px solid #fff;
}
.boc-ui-badge.boc-ui-badge-dark {
  background-color: #222222;
  border: 1px solid #222222;
}
.boc-ui-badge.boc-ui-badge-status-dot {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  min-width: 0;
  padding: 0;
}
.boc-ui-badge.boc-ui-badge-default {
  background-color: #222222;
  border: 1px solid #222222;
}
.boc-ui-badge.boc-ui-badge-gray {
  background-color: #F5F6FA;
  border: 1px solid #F5F6FA;
  color: #222222;
}
.boc-ui-badge.boc-ui-badge-reverse {
  background: #fff;
  padding: 0 8px;
  line-height: 22px;
}
.boc-ui-badge.boc-ui-badge-reverse.boc-ui-badge-primary {
  color: #222222;
  border: 1px solid #222222;
}
.boc-ui-badge.boc-ui-badge-reverse.boc-ui-badge-secondary {
  color: #FF6A00;
  border: 1px solid #FF6A00;
}
.boc-ui-badge.boc-ui-badge-reverse.boc-ui-badge-brand {
  color: #ffcc33;
  border: 1px solid #ffcc33;
}
.boc-ui-badge.boc-ui-badge-reverse.boc-ui-badge-success {
  color: #00BF7F;
  border: 1px solid #00BF7F;
}
.boc-ui-badge.boc-ui-badge-reverse.boc-ui-badge-info {
  color: #198CFF;
  border: 1px solid #198CFF;
}
.boc-ui-badge.boc-ui-badge-reverse.boc-ui-badge-warning {
  color: #FF6A00;
  border: 1px solid #FF6A00;
  color: #FF6A00;
  border: 1px solid #FF6A00;
}
.boc-ui-badge.boc-ui-badge-reverse.boc-ui-badge-danger {
  color: #FF192D;
  border: 1px solid #FF192D;
}
.boc-ui-badge.boc-ui-badge-reverse.boc-ui-badge-light {
  color: #fff;
  border: 1px solid #fff;
}
.boc-ui-badge.boc-ui-badge-reverse.boc-ui-badge-dark {
  color: #222222;
  border: 1px solid #222222;
}
.boc-ui-badge.boc-ui-badge-reverse.boc-ui-badge-default {
  color: #222222;
  border: 1px solid #222222;
}

.boc-ui-badge-status-wapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.boc-ui-badge-wrap {
  position: relative;
  display: inline-block;
  line-height: 1;
}

.boc-ui-badge-status-text {
  margin-left: 8px;
  color: #222222;
  font-size: 14px;
}

.boc-ui-badge.boc-ui-badge-fixed {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  border: 1px solid #fff;
  z-index: 1;
}
.boc-ui-badge.boc-ui-badge-fixed.boc-ui-badge {
  padding: 0 4px;
  line-height: 18px;
}
.boc-ui-badge.boc-ui-badge-fixed.boc-ui-badge-dot {
  z-index: 10;
  width: 8px;
  min-width: 8px;
  height: 8px;
  border-radius: 100%;
  padding: 0;
}
.boc-ui-badge.boc-ui-badge-fixed.boc-ui-badge-sm {
  min-width: 16px;
  line-height: 14px;
  padding: 0 3px;
}
.boc-ui-badge.boc-ui-badge-fixed .roo-icon {
  display: inline;
}

.boc-ui-rtl .boc-ui-tag > i {
  margin-left: 0;
  margin-right: 4px;
}
.boc-ui-rtl .boc-ui-tag .boc-ui-tag-icon {
  margin-right: 0;
  margin-left: 5px;
}
.boc-ui-rtl .boc-ui-tag .boc-ui-tag-icon-close {
  margin-left: 0;
  margin-right: 3px;
}
.boc-ui-rtl .boc-ui-badge.boc-ui-badge-fixed {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.boc-ui-rtl .boc-ui-badge-status-text {
  margin-left: 0;
  margin-right: 8px;
}
.boc-ui-rtl .boc-ui-badge.boc-ui-badge-fixed {
  right: auto;
  left: 0;
}

.boc-ui-tag-lg {
  font-size: 14px;
  line-height: 24px;
  padding: 0 10px;
}
.boc-ui-tag-sm {
  font-size: 12px;
  line-height: 20px;
  padding: 0 6px;
}
.boc-ui-tag-xs {
  font-size: 12px;
  line-height: 18px;
  padding: 0 4px;
}

/**
 * 信息提示主要用于在页面内显示一些用户内部的提醒信息，
 * 有普通信息、错误信息以及成功信息三种类型
 */
.boc-ui-alert-motion {
  overflow: hidden;
  opacity: 1;
  transition: max-height 0.3s, opacity 0.3s, padding-top 0.3s, padding-bottom 0.3s, margin-bottom 0.3s;
}

.boc-ui-alert-motion-leave-active {
  max-height: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
}

.boc-ui-alert {
  position: relative;
  font-family: "Helvetica Neue", Arial, -apple-system, BlinkMacSystemFont, "PingFang SC", "microsoft yahei", "STXihei", sans-serif;
  margin: 0 10px;
  margin-bottom: 10px;
  padding: 9px 16px;
  border: 1px solid transparent;
  font-size: 14px;
  color: #222222;
  line-height: normal;
  border-radius: 2px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-alert .boc-ui-alert-content {
  -ms-flex: 1;
      flex: 1;
}
.boc-ui-alert .boc-ui-alert-action {
  margin: 0 8px;
}
.boc-ui-alert > i {
  font-size: 16px;
  margin-right: 8px;
  vertical-align: text-bottom;
}
.boc-ui-alert .close {
  display: block;
  width: 16px;
  height: 16px;
  font-size: 16px;
  color: #999999 !important;
}
.boc-ui-alert .close i {
  vertical-align: top;
}
.boc-ui-alert .close:hover {
  color: #222222 !important;
}
.boc-ui-alert.boc-ui-alert-banner {
  margin: 0;
  border: 0;
  border-radius: 0;
}
.boc-ui-alert.boc-ui-alert-primary {
  background-color: rgba(34, 34, 34, 0.1);
  border-color: rgba(34, 34, 34, 0.3);
}
.boc-ui-alert.boc-ui-alert-primary > i,
.boc-ui-alert.boc-ui-alert-primary a {
  color: #222222;
}
.boc-ui-alert.boc-ui-alert-secondary {
  background-color: rgba(255, 106, 0, 0.1);
  border-color: rgba(255, 106, 0, 0.3);
}
.boc-ui-alert.boc-ui-alert-secondary > i,
.boc-ui-alert.boc-ui-alert-secondary a {
  color: #FF6A00;
}
.boc-ui-alert.boc-ui-alert-brand {
  background-color: rgba(255, 204, 51, 0.1);
  border-color: rgba(255, 204, 51, 0.3);
}
.boc-ui-alert.boc-ui-alert-brand > i,
.boc-ui-alert.boc-ui-alert-brand a {
  color: #ffcc33;
}
.boc-ui-alert.boc-ui-alert-success {
  background-color: rgba(0, 191, 127, 0.1);
  border-color: rgba(0, 191, 127, 0.3);
}
.boc-ui-alert.boc-ui-alert-success > i,
.boc-ui-alert.boc-ui-alert-success a {
  color: #00BF7F;
}
.boc-ui-alert.boc-ui-alert-info {
  background-color: rgba(25, 140, 255, 0.1);
  border-color: rgba(25, 140, 255, 0.3);
  background-color: #fff;
  border-color: #EEEEEE;
}
.boc-ui-alert.boc-ui-alert-info > i,
.boc-ui-alert.boc-ui-alert-info a {
  color: #198CFF;
  color: #ffcc33;
}
.boc-ui-alert.boc-ui-alert-warning {
  background-color: rgba(255, 106, 0, 0.1);
  border-color: rgba(255, 106, 0, 0.3);
  background-color: rgba(255, 106, 0, 0.1);
  border-color: rgba(255, 106, 0, 0.3);
}
.boc-ui-alert.boc-ui-alert-warning > i,
.boc-ui-alert.boc-ui-alert-warning a {
  color: #FF6A00;
  color: #FF6A00;
}
.boc-ui-alert.boc-ui-alert-danger {
  background-color: rgba(255, 25, 45, 0.1);
  border-color: rgba(255, 25, 45, 0.3);
}
.boc-ui-alert.boc-ui-alert-danger > i,
.boc-ui-alert.boc-ui-alert-danger a {
  color: #FF192D;
}
.boc-ui-alert.boc-ui-alert-light {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.3);
}
.boc-ui-alert.boc-ui-alert-light > i,
.boc-ui-alert.boc-ui-alert-light a {
  color: #fff;
}
.boc-ui-alert.boc-ui-alert-dark {
  background-color: rgba(34, 34, 34, 0.1);
  border-color: rgba(34, 34, 34, 0.3);
}
.boc-ui-alert.boc-ui-alert-dark > i,
.boc-ui-alert.boc-ui-alert-dark a {
  color: #222222;
}
.boc-ui-alert.boc-ui-alert-dismissible {
  padding: 9px 20px;
}

.boc-ui-alert-compact {
  padding: 3px 12px;
}

.boc-ui-alert-with-description {
  -ms-flex-align: start;
      align-items: flex-start;
}
.boc-ui-alert-with-description .description {
  margin-top: 8px;
}

.boc-ui-rtl .boc-ui-alert > i {
  margin-left: 8px;
}

/*!
 * name:      Tooltip
 *
 * class:     tooltip
 */
.boc-ui-tooltip {
  position: relative;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  z-index: 1060;
  max-width: 300px;
  -webkit-filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.08));
          filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.08));
}
.boc-ui-tooltip.boc-ui-tooltip-sm {
  font-size: 12px;
}
.boc-ui-tooltip.boc-ui-tooltip-sm .boc-ui-tooltip-inner {
  padding: 4px 10px;
}
.boc-ui-tooltip.boc-ui-tooltip-sm.boc-ui-tooltip-right-bottom .boc-ui-tooltip-arrow, .boc-ui-tooltip.boc-ui-tooltip-sm.boc-ui-tooltip-right .boc-ui-tooltip-arrow, .boc-ui-tooltip.boc-ui-tooltip-sm.boc-ui-tooltip-right-top .boc-ui-tooltip-arrow {
  left: -1px;
}
.boc-ui-tooltip.boc-ui-tooltip-sm.boc-ui-tooltip-left-bottom .boc-ui-tooltip-arrow, .boc-ui-tooltip.boc-ui-tooltip-sm.boc-ui-tooltip-left .boc-ui-tooltip-arrow, .boc-ui-tooltip.boc-ui-tooltip-sm.boc-ui-tooltip-left-top .boc-ui-tooltip-arrow {
  right: -1px;
}
.boc-ui-tooltip.boc-ui-tooltip-sm.boc-ui-tooltip-top-right .boc-ui-tooltip-arrow, .boc-ui-tooltip.boc-ui-tooltip-sm.boc-ui-tooltip-top .boc-ui-tooltip-arrow, .boc-ui-tooltip.boc-ui-tooltip-sm.boc-ui-tooltip-top-left .boc-ui-tooltip-arrow {
  bottom: -1px;
}
.boc-ui-tooltip.boc-ui-tooltip-sm.boc-ui-tooltip-bottom-right .boc-ui-tooltip-arrow, .boc-ui-tooltip.boc-ui-tooltip-sm.boc-ui-tooltip-bottom .boc-ui-tooltip-arrow, .boc-ui-tooltip.boc-ui-tooltip-sm.boc-ui-tooltip-bottom-left .boc-ui-tooltip-arrow {
  top: -1px;
}
.boc-ui-tooltip .boc-ui-tooltip-inner {
  padding: 8px 12px;
  word-break: break-all;
  color: #fff;
  background-color: #222222;
  border-radius: 2px;
}
.boc-ui-tooltip.boc-ui-tooltip-bottom, .boc-ui-tooltip.bottom {
  padding-top: 7px;
}
.boc-ui-tooltip.boc-ui-tooltip-bottom .boc-ui-tooltip-arrow, .boc-ui-tooltip.bottom .boc-ui-tooltip-arrow {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  top: -2px;
  left: calc(50% - 7px);
  color: #222222;
}
.boc-ui-tooltip.boc-ui-tooltip-bottom-left, .boc-ui-tooltip.bottom-left {
  padding-top: 7px;
}
.boc-ui-tooltip.boc-ui-tooltip-bottom-left .boc-ui-tooltip-arrow, .boc-ui-tooltip.bottom-left .boc-ui-tooltip-arrow {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  left: 12px;
  top: -2px;
  color: #222222;
}
.boc-ui-tooltip.boc-ui-tooltip-bottom-right, .boc-ui-tooltip.bottom-right {
  padding-top: 7px;
}
.boc-ui-tooltip.boc-ui-tooltip-bottom-right .boc-ui-tooltip-arrow, .boc-ui-tooltip.bottom-right .boc-ui-tooltip-arrow {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  right: 12px;
  top: -2px;
  color: #222222;
}
.boc-ui-tooltip.boc-ui-tooltip-top, .boc-ui-tooltip.top {
  padding-bottom: 7px;
}
.boc-ui-tooltip.boc-ui-tooltip-top .boc-ui-tooltip-arrow, .boc-ui-tooltip.top .boc-ui-tooltip-arrow {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
  bottom: -2px;
  left: calc(50% - 7px);
  color: #222222;
}
.boc-ui-tooltip.boc-ui-tooltip-top-left, .boc-ui-tooltip.top-left {
  padding-bottom: 7px;
}
.boc-ui-tooltip.boc-ui-tooltip-top-left .boc-ui-tooltip-arrow, .boc-ui-tooltip.top-left .boc-ui-tooltip-arrow {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
  bottom: -2px;
  left: 12px;
  color: #222222;
}
.boc-ui-tooltip.boc-ui-tooltip-top-right, .boc-ui-tooltip.top-right {
  padding-bottom: 7px;
}
.boc-ui-tooltip.boc-ui-tooltip-top-right .boc-ui-tooltip-arrow, .boc-ui-tooltip.top-right .boc-ui-tooltip-arrow {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
  bottom: -2px;
  right: 12px;
  color: #222222;
}
.boc-ui-tooltip.boc-ui-tooltip-left, .boc-ui-tooltip.left {
  padding-right: 7px;
}
.boc-ui-tooltip.boc-ui-tooltip-left .boc-ui-tooltip-arrow, .boc-ui-tooltip.left .boc-ui-tooltip-arrow {
  top: calc(50% - 7px);
  right: -2px;
  color: #222222;
}
.boc-ui-tooltip.boc-ui-tooltip-left-top, .boc-ui-tooltip.left-top {
  padding-right: 7px;
}
.boc-ui-tooltip.boc-ui-tooltip-left-top .boc-ui-tooltip-arrow, .boc-ui-tooltip.left-top .boc-ui-tooltip-arrow {
  top: 12px;
  right: -2px;
  color: #222222;
}
.boc-ui-tooltip.boc-ui-tooltip-left-bottom, .boc-ui-tooltip.left-bottom {
  padding-right: 7px;
}
.boc-ui-tooltip.boc-ui-tooltip-left-bottom .boc-ui-tooltip-arrow, .boc-ui-tooltip.left-bottom .boc-ui-tooltip-arrow {
  bottom: 12px;
  right: -2px;
  color: #222222;
}
.boc-ui-tooltip.boc-ui-tooltip-right, .boc-ui-tooltip.right {
  padding-left: 7px;
}
.boc-ui-tooltip.boc-ui-tooltip-right .boc-ui-tooltip-arrow, .boc-ui-tooltip.right .boc-ui-tooltip-arrow {
  left: -2px;
  top: calc(50% - 7px);
  color: #222222;
}
.boc-ui-tooltip.boc-ui-tooltip-right-top, .boc-ui-tooltip.right-top {
  padding-left: 7px;
}
.boc-ui-tooltip.boc-ui-tooltip-right-top .boc-ui-tooltip-arrow, .boc-ui-tooltip.right-top .boc-ui-tooltip-arrow {
  color: #222222;
  left: -2px;
  top: 12px;
}
.boc-ui-tooltip.boc-ui-tooltip-right-bottom, .boc-ui-tooltip.right-bottom {
  padding-left: 7px;
}
.boc-ui-tooltip.boc-ui-tooltip-right-bottom .boc-ui-tooltip-arrow, .boc-ui-tooltip.right-bottom .boc-ui-tooltip-arrow {
  color: #222222;
  left: -2px;
  bottom: 12px;
}
.boc-ui-tooltip .boc-ui-tooltip-arrow {
  position: absolute;
}

.boc-ui-tooltip-light {
  position: relative;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  z-index: 1060;
  max-width: 300px;
  -webkit-filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.08));
          filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.08));
}
.boc-ui-tooltip-light.boc-ui-tooltip-sm {
  font-size: 12px;
}
.boc-ui-tooltip-light.boc-ui-tooltip-sm .boc-ui-tooltip-inner {
  padding: 4px 10px;
}
.boc-ui-tooltip-light.boc-ui-tooltip-sm.boc-ui-tooltip-right-bottom .boc-ui-tooltip-arrow, .boc-ui-tooltip-light.boc-ui-tooltip-sm.boc-ui-tooltip-right .boc-ui-tooltip-arrow, .boc-ui-tooltip-light.boc-ui-tooltip-sm.boc-ui-tooltip-right-top .boc-ui-tooltip-arrow {
  left: -1px;
}
.boc-ui-tooltip-light.boc-ui-tooltip-sm.boc-ui-tooltip-left-bottom .boc-ui-tooltip-arrow, .boc-ui-tooltip-light.boc-ui-tooltip-sm.boc-ui-tooltip-left .boc-ui-tooltip-arrow, .boc-ui-tooltip-light.boc-ui-tooltip-sm.boc-ui-tooltip-left-top .boc-ui-tooltip-arrow {
  right: -1px;
}
.boc-ui-tooltip-light.boc-ui-tooltip-sm.boc-ui-tooltip-top-right .boc-ui-tooltip-arrow, .boc-ui-tooltip-light.boc-ui-tooltip-sm.boc-ui-tooltip-top .boc-ui-tooltip-arrow, .boc-ui-tooltip-light.boc-ui-tooltip-sm.boc-ui-tooltip-top-left .boc-ui-tooltip-arrow {
  bottom: -1px;
}
.boc-ui-tooltip-light.boc-ui-tooltip-sm.boc-ui-tooltip-bottom-right .boc-ui-tooltip-arrow, .boc-ui-tooltip-light.boc-ui-tooltip-sm.boc-ui-tooltip-bottom .boc-ui-tooltip-arrow, .boc-ui-tooltip-light.boc-ui-tooltip-sm.boc-ui-tooltip-bottom-left .boc-ui-tooltip-arrow {
  top: -1px;
}
.boc-ui-tooltip-light .boc-ui-tooltip-inner {
  padding: 8px 12px;
  word-break: break-all;
  color: #222222;
  background-color: #fff;
  border-radius: 2px;
}
.boc-ui-tooltip-light.boc-ui-tooltip-bottom, .boc-ui-tooltip-light.bottom {
  padding-top: 7px;
}
.boc-ui-tooltip-light.boc-ui-tooltip-bottom .boc-ui-tooltip-arrow, .boc-ui-tooltip-light.bottom .boc-ui-tooltip-arrow {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  top: -2px;
  left: calc(50% - 7px);
  color: #fff;
}
.boc-ui-tooltip-light.boc-ui-tooltip-bottom-left, .boc-ui-tooltip-light.bottom-left {
  padding-top: 7px;
}
.boc-ui-tooltip-light.boc-ui-tooltip-bottom-left .boc-ui-tooltip-arrow, .boc-ui-tooltip-light.bottom-left .boc-ui-tooltip-arrow {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  left: 12px;
  top: -2px;
  color: #fff;
}
.boc-ui-tooltip-light.boc-ui-tooltip-bottom-right, .boc-ui-tooltip-light.bottom-right {
  padding-top: 7px;
}
.boc-ui-tooltip-light.boc-ui-tooltip-bottom-right .boc-ui-tooltip-arrow, .boc-ui-tooltip-light.bottom-right .boc-ui-tooltip-arrow {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  right: 12px;
  top: -2px;
  color: #fff;
}
.boc-ui-tooltip-light.boc-ui-tooltip-top, .boc-ui-tooltip-light.top {
  padding-bottom: 7px;
}
.boc-ui-tooltip-light.boc-ui-tooltip-top .boc-ui-tooltip-arrow, .boc-ui-tooltip-light.top .boc-ui-tooltip-arrow {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
  bottom: -2px;
  left: calc(50% - 7px);
  color: #fff;
}
.boc-ui-tooltip-light.boc-ui-tooltip-top-left, .boc-ui-tooltip-light.top-left {
  padding-bottom: 7px;
}
.boc-ui-tooltip-light.boc-ui-tooltip-top-left .boc-ui-tooltip-arrow, .boc-ui-tooltip-light.top-left .boc-ui-tooltip-arrow {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
  bottom: -2px;
  left: 12px;
  color: #fff;
}
.boc-ui-tooltip-light.boc-ui-tooltip-top-right, .boc-ui-tooltip-light.top-right {
  padding-bottom: 7px;
}
.boc-ui-tooltip-light.boc-ui-tooltip-top-right .boc-ui-tooltip-arrow, .boc-ui-tooltip-light.top-right .boc-ui-tooltip-arrow {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
  bottom: -2px;
  right: 12px;
  color: #fff;
}
.boc-ui-tooltip-light.boc-ui-tooltip-left, .boc-ui-tooltip-light.left {
  padding-right: 7px;
}
.boc-ui-tooltip-light.boc-ui-tooltip-left .boc-ui-tooltip-arrow, .boc-ui-tooltip-light.left .boc-ui-tooltip-arrow {
  top: calc(50% - 7px);
  right: -2px;
  color: #fff;
}
.boc-ui-tooltip-light.boc-ui-tooltip-left-top, .boc-ui-tooltip-light.left-top {
  padding-right: 7px;
}
.boc-ui-tooltip-light.boc-ui-tooltip-left-top .boc-ui-tooltip-arrow, .boc-ui-tooltip-light.left-top .boc-ui-tooltip-arrow {
  top: 12px;
  right: -2px;
  color: #fff;
}
.boc-ui-tooltip-light.boc-ui-tooltip-left-bottom, .boc-ui-tooltip-light.left-bottom {
  padding-right: 7px;
}
.boc-ui-tooltip-light.boc-ui-tooltip-left-bottom .boc-ui-tooltip-arrow, .boc-ui-tooltip-light.left-bottom .boc-ui-tooltip-arrow {
  bottom: 12px;
  right: -2px;
  color: #fff;
}
.boc-ui-tooltip-light.boc-ui-tooltip-right, .boc-ui-tooltip-light.right {
  padding-left: 7px;
}
.boc-ui-tooltip-light.boc-ui-tooltip-right .boc-ui-tooltip-arrow, .boc-ui-tooltip-light.right .boc-ui-tooltip-arrow {
  left: -2px;
  top: calc(50% - 7px);
  color: #fff;
}
.boc-ui-tooltip-light.boc-ui-tooltip-right-top, .boc-ui-tooltip-light.right-top {
  padding-left: 7px;
}
.boc-ui-tooltip-light.boc-ui-tooltip-right-top .boc-ui-tooltip-arrow, .boc-ui-tooltip-light.right-top .boc-ui-tooltip-arrow {
  color: #fff;
  left: -2px;
  top: 12px;
}
.boc-ui-tooltip-light.boc-ui-tooltip-right-bottom, .boc-ui-tooltip-light.right-bottom {
  padding-left: 7px;
}
.boc-ui-tooltip-light.boc-ui-tooltip-right-bottom .boc-ui-tooltip-arrow, .boc-ui-tooltip-light.right-bottom .boc-ui-tooltip-arrow {
  color: #fff;
  left: -2px;
  bottom: 12px;
}
.boc-ui-tooltip-light .boc-ui-tooltip-arrow {
  position: absolute;
}

.boc-ui-popconfirm .boc-ui-tooltip-inner {
  padding: 12px 16px;
}

.boc-ui-toolTip-arrow-none::before {
  content: "";
}

.boc-ui-pagination {
  display: inline-block;
  padding-left: 0;
  font-size: 14px;
  margin: 10px 0;
}
.boc-ui-pagination > span {
  display: inline-block;
  padding: 6px 12px;
}
.boc-ui-pagination .boc-ui-icon {
  vertical-align: middle;
}
.boc-ui-pagination.no-border a, .boc-ui-pagination.no-border span {
  border: 0px;
}
.boc-ui-pagination > li {
  display: inline-block;
  vertical-align: middle;
}
.boc-ui-pagination > li > a,
.boc-ui-pagination > li > span {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  line-height: 30px;
  padding: 0 6px;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  color: #222222;
  border: 1px solid #EEEEEE;
  border-radius: 2px;
  margin-left: 8px;
  background-color: #fff;
  cursor: pointer;
}
.boc-ui-pagination > li > a:hover, .boc-ui-pagination > li > a:focus,
.boc-ui-pagination > li > span:hover,
.boc-ui-pagination > li > span:focus {
  color: #fff;
  background-color: #222222;
  border-color: #222222;
}
.boc-ui-pagination > li input {
  display: inline-block;
  width: 40px;
  height: 32px;
  color: #222222;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #EEEEEE;
  border-radius: 2px;
  padding: 6px 12px;
  margin-left: 10px;
  outline: 0;
  -webkit-border-image: none;
}
.boc-ui-pagination > li input:hover, .boc-ui-pagination > li input:focus {
  border-color: #666666;
}
.boc-ui-pagination > .active > a, .boc-ui-pagination > .active > a:hover, .boc-ui-pagination > .active > a:focus,
.boc-ui-pagination > .active > span,
.boc-ui-pagination > .active > span:hover,
.boc-ui-pagination > .active > span:focus {
  color: #fff;
  background-color: #222222;
  border-color: #222222;
  cursor: default;
}
.boc-ui-pagination > li.disabled > a,
.boc-ui-pagination > .arrow > a,
.boc-ui-pagination > .arrow > span {
  color: #CCCCCC;
  font-size: 18px;
  line-height: 28px;
}
.boc-ui-pagination > .light > a:hover, .boc-ui-pagination > .light > a:focus,
.boc-ui-pagination > .light > span:hover,
.boc-ui-pagination > .light > span:focus {
  color: #222222;
  background-color: #fff;
  border-color: #666666;
  cursor: pointer;
}
.boc-ui-pagination > .ellipsis-left > a,
.boc-ui-pagination > .ellipsis-left > span {
  display: inline-block;
  width: 32px;
  text-align: center;
  border: 0px;
}
.boc-ui-pagination > .ellipsis-left > a:after,
.boc-ui-pagination > .ellipsis-left > span:after {
  content: "\EA1B";
  font-family: "roo-icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.boc-ui-pagination > .ellipsis-left > a:hover, .boc-ui-pagination > .ellipsis-left > a:focus,
.boc-ui-pagination > .ellipsis-left > span:hover,
.boc-ui-pagination > .ellipsis-left > span:focus {
  background: transparent;
  cursor: pointer;
}
.boc-ui-pagination > .ellipsis-left > a:hover:after, .boc-ui-pagination > .ellipsis-left > a:focus:after,
.boc-ui-pagination > .ellipsis-left > span:hover:after,
.boc-ui-pagination > .ellipsis-left > span:focus:after {
  content: "\EA16";
  color: #222222;
}
.boc-ui-pagination > .ellipsis-right > a,
.boc-ui-pagination > .ellipsis-right > span {
  display: inline-block;
  width: 32px;
  text-align: center;
  border: 0px;
}
.boc-ui-pagination > .ellipsis-right > a:after,
.boc-ui-pagination > .ellipsis-right > span:after {
  content: "\EA1B";
  font-family: "roo-icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.boc-ui-pagination > .ellipsis-right > a:hover, .boc-ui-pagination > .ellipsis-right > a:focus,
.boc-ui-pagination > .ellipsis-right > span:hover,
.boc-ui-pagination > .ellipsis-right > span:focus {
  background: transparent;
  cursor: pointer;
}
.boc-ui-pagination > .ellipsis-right > a:hover:after, .boc-ui-pagination > .ellipsis-right > a:focus:after,
.boc-ui-pagination > .ellipsis-right > span:hover:after,
.boc-ui-pagination > .ellipsis-right > span:focus:after {
  content: "\EA17";
  color: #222222;
}
.boc-ui-pagination > .disabled > span,
.boc-ui-pagination > .disabled > span:hover,
.boc-ui-pagination > .disabled > span:focus,
.boc-ui-pagination > .disabled > a,
.boc-ui-pagination > .disabled > a:hover,
.boc-ui-pagination > .disabled > a:focus {
  color: #CCCCCC;
  background-color: #EEEEEE;
  border-color: #EEEEEE;
  cursor: not-allowed;
}
.boc-ui-pagination .boc-ui-pagination-jump {
  display: inline-block;
  margin-left: 10px;
}
.boc-ui-pagination .boc-ui-pagination-jump > span {
  line-height: 36px;
  padding: 0 10px;
  vertical-align: middle;
}

.boc-ui-pagination-sm {
  display: inline-block;
  padding-left: 0;
  font-size: 12px;
  margin: 8px 0;
}
.boc-ui-pagination-sm > span {
  display: inline-block;
  padding: 6px 12px;
}
.boc-ui-pagination-sm .boc-ui-icon {
  vertical-align: middle;
}
.boc-ui-pagination-sm.no-border a, .boc-ui-pagination-sm.no-border span {
  border: 0px;
}
.boc-ui-pagination-sm > li {
  display: inline-block;
  vertical-align: middle;
}
.boc-ui-pagination-sm > li > a,
.boc-ui-pagination-sm > li > span {
  display: inline-block;
  min-width: 26px;
  height: 26px;
  line-height: 24px;
  padding: 0 6px;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  color: #222222;
  border: 1px solid #EEEEEE;
  border-radius: 2px;
  margin-left: 8px;
  background-color: #fff;
  cursor: pointer;
}
.boc-ui-pagination-sm > li > a:hover, .boc-ui-pagination-sm > li > a:focus,
.boc-ui-pagination-sm > li > span:hover,
.boc-ui-pagination-sm > li > span:focus {
  color: #fff;
  background-color: #222222;
  border-color: #222222;
}
.boc-ui-pagination-sm > li input {
  display: inline-block;
  width: 40px;
  height: 26px;
  color: #222222;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #EEEEEE;
  border-radius: 2px;
  padding: 6px 12px;
  margin-left: 8px;
  outline: 0;
  -webkit-border-image: none;
}
.boc-ui-pagination-sm > li input:hover, .boc-ui-pagination-sm > li input:focus {
  border-color: #666666;
}
.boc-ui-pagination-sm > .active > a, .boc-ui-pagination-sm > .active > a:hover, .boc-ui-pagination-sm > .active > a:focus,
.boc-ui-pagination-sm > .active > span,
.boc-ui-pagination-sm > .active > span:hover,
.boc-ui-pagination-sm > .active > span:focus {
  color: #fff;
  background-color: #222222;
  border-color: #222222;
  cursor: default;
}
.boc-ui-pagination-sm > li.disabled > a,
.boc-ui-pagination-sm > .arrow > a,
.boc-ui-pagination-sm > .arrow > span {
  color: #CCCCCC;
  font-size: 12px;
  line-height: 22px;
}
.boc-ui-pagination-sm > .light > a:hover, .boc-ui-pagination-sm > .light > a:focus,
.boc-ui-pagination-sm > .light > span:hover,
.boc-ui-pagination-sm > .light > span:focus {
  color: #222222;
  background-color: #fff;
  border-color: #666666;
  cursor: pointer;
}
.boc-ui-pagination-sm > .ellipsis-left > a,
.boc-ui-pagination-sm > .ellipsis-left > span {
  display: inline-block;
  width: 26px;
  text-align: center;
  border: 0px;
}
.boc-ui-pagination-sm > .ellipsis-left > a:after,
.boc-ui-pagination-sm > .ellipsis-left > span:after {
  content: "\EA1B";
  font-family: "roo-icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.boc-ui-pagination-sm > .ellipsis-left > a:hover, .boc-ui-pagination-sm > .ellipsis-left > a:focus,
.boc-ui-pagination-sm > .ellipsis-left > span:hover,
.boc-ui-pagination-sm > .ellipsis-left > span:focus {
  background: transparent;
  cursor: pointer;
}
.boc-ui-pagination-sm > .ellipsis-left > a:hover:after, .boc-ui-pagination-sm > .ellipsis-left > a:focus:after,
.boc-ui-pagination-sm > .ellipsis-left > span:hover:after,
.boc-ui-pagination-sm > .ellipsis-left > span:focus:after {
  content: "\EA16";
  color: #222222;
}
.boc-ui-pagination-sm > .ellipsis-right > a,
.boc-ui-pagination-sm > .ellipsis-right > span {
  display: inline-block;
  width: 26px;
  text-align: center;
  border: 0px;
}
.boc-ui-pagination-sm > .ellipsis-right > a:after,
.boc-ui-pagination-sm > .ellipsis-right > span:after {
  content: "\EA1B";
  font-family: "roo-icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.boc-ui-pagination-sm > .ellipsis-right > a:hover, .boc-ui-pagination-sm > .ellipsis-right > a:focus,
.boc-ui-pagination-sm > .ellipsis-right > span:hover,
.boc-ui-pagination-sm > .ellipsis-right > span:focus {
  background: transparent;
  cursor: pointer;
}
.boc-ui-pagination-sm > .ellipsis-right > a:hover:after, .boc-ui-pagination-sm > .ellipsis-right > a:focus:after,
.boc-ui-pagination-sm > .ellipsis-right > span:hover:after,
.boc-ui-pagination-sm > .ellipsis-right > span:focus:after {
  content: "\EA17";
  color: #222222;
}
.boc-ui-pagination-sm > .disabled > span,
.boc-ui-pagination-sm > .disabled > span:hover,
.boc-ui-pagination-sm > .disabled > span:focus,
.boc-ui-pagination-sm > .disabled > a,
.boc-ui-pagination-sm > .disabled > a:hover,
.boc-ui-pagination-sm > .disabled > a:focus {
  color: #CCCCCC;
  background-color: #EEEEEE;
  border-color: #EEEEEE;
  cursor: not-allowed;
}
.boc-ui-pagination-sm .boc-ui-pagination-jump {
  display: inline-block;
  margin-left: 8px;
}
.boc-ui-pagination-sm .boc-ui-pagination-jump > span {
  line-height: 32px;
  padding: 0 8px;
  vertical-align: middle;
}

.boc-ui-pagination-compact {
  display: inline-block;
  padding-left: 0;
  font-size: 14px;
  margin: 8px 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-pagination-compact > span {
  display: inline-block;
  padding: 6px 12px;
}
.boc-ui-pagination-compact .boc-ui-icon {
  vertical-align: middle;
}
.boc-ui-pagination-compact.no-border a, .boc-ui-pagination-compact.no-border span {
  border: 0px;
}
.boc-ui-pagination-compact > li {
  display: inline-block;
  vertical-align: middle;
}
.boc-ui-pagination-compact > li > a,
.boc-ui-pagination-compact > li > span {
  display: inline-block;
  min-width: 28px;
  height: 28px;
  line-height: 26px;
  padding: 0 6px;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  color: #222222;
  border: 1px solid #EEEEEE;
  border-radius: 2px;
  margin-left: 8px;
  background-color: #fff;
  cursor: pointer;
}
.boc-ui-pagination-compact > li > a:hover, .boc-ui-pagination-compact > li > a:focus,
.boc-ui-pagination-compact > li > span:hover,
.boc-ui-pagination-compact > li > span:focus {
  color: #fff;
  background-color: #222222;
  border-color: #222222;
}
.boc-ui-pagination-compact > li input {
  display: inline-block;
  width: 40px;
  height: 28px;
  color: #222222;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #EEEEEE;
  border-radius: 2px;
  padding: 6px 12px;
  margin-left: 8px;
  outline: 0;
  -webkit-border-image: none;
}
.boc-ui-pagination-compact > li input:hover, .boc-ui-pagination-compact > li input:focus {
  border-color: #666666;
}
.boc-ui-pagination-compact > .active > a, .boc-ui-pagination-compact > .active > a:hover, .boc-ui-pagination-compact > .active > a:focus,
.boc-ui-pagination-compact > .active > span,
.boc-ui-pagination-compact > .active > span:hover,
.boc-ui-pagination-compact > .active > span:focus {
  color: #fff;
  background-color: #222222;
  border-color: #222222;
  cursor: default;
}
.boc-ui-pagination-compact > li.disabled > a,
.boc-ui-pagination-compact > .arrow > a,
.boc-ui-pagination-compact > .arrow > span {
  color: #CCCCCC;
  font-size: 14px;
  line-height: 24px;
}
.boc-ui-pagination-compact > .light > a:hover, .boc-ui-pagination-compact > .light > a:focus,
.boc-ui-pagination-compact > .light > span:hover,
.boc-ui-pagination-compact > .light > span:focus {
  color: #222222;
  background-color: #fff;
  border-color: #666666;
  cursor: pointer;
}
.boc-ui-pagination-compact > .ellipsis-left > a,
.boc-ui-pagination-compact > .ellipsis-left > span {
  display: inline-block;
  width: 28px;
  text-align: center;
  border: 0px;
}
.boc-ui-pagination-compact > .ellipsis-left > a:after,
.boc-ui-pagination-compact > .ellipsis-left > span:after {
  content: "\EA1B";
  font-family: "roo-icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.boc-ui-pagination-compact > .ellipsis-left > a:hover, .boc-ui-pagination-compact > .ellipsis-left > a:focus,
.boc-ui-pagination-compact > .ellipsis-left > span:hover,
.boc-ui-pagination-compact > .ellipsis-left > span:focus {
  background: transparent;
  cursor: pointer;
}
.boc-ui-pagination-compact > .ellipsis-left > a:hover:after, .boc-ui-pagination-compact > .ellipsis-left > a:focus:after,
.boc-ui-pagination-compact > .ellipsis-left > span:hover:after,
.boc-ui-pagination-compact > .ellipsis-left > span:focus:after {
  content: "\EA16";
  color: #222222;
}
.boc-ui-pagination-compact > .ellipsis-right > a,
.boc-ui-pagination-compact > .ellipsis-right > span {
  display: inline-block;
  width: 28px;
  text-align: center;
  border: 0px;
}
.boc-ui-pagination-compact > .ellipsis-right > a:after,
.boc-ui-pagination-compact > .ellipsis-right > span:after {
  content: "\EA1B";
  font-family: "roo-icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.boc-ui-pagination-compact > .ellipsis-right > a:hover, .boc-ui-pagination-compact > .ellipsis-right > a:focus,
.boc-ui-pagination-compact > .ellipsis-right > span:hover,
.boc-ui-pagination-compact > .ellipsis-right > span:focus {
  background: transparent;
  cursor: pointer;
}
.boc-ui-pagination-compact > .ellipsis-right > a:hover:after, .boc-ui-pagination-compact > .ellipsis-right > a:focus:after,
.boc-ui-pagination-compact > .ellipsis-right > span:hover:after,
.boc-ui-pagination-compact > .ellipsis-right > span:focus:after {
  content: "\EA17";
  color: #222222;
}
.boc-ui-pagination-compact > .disabled > span,
.boc-ui-pagination-compact > .disabled > span:hover,
.boc-ui-pagination-compact > .disabled > span:focus,
.boc-ui-pagination-compact > .disabled > a,
.boc-ui-pagination-compact > .disabled > a:hover,
.boc-ui-pagination-compact > .disabled > a:focus {
  color: #CCCCCC;
  background-color: #EEEEEE;
  border-color: #EEEEEE;
  cursor: not-allowed;
}
.boc-ui-pagination-compact .boc-ui-pagination-jump {
  display: inline-block;
  margin-left: 8px;
}
.boc-ui-pagination-compact .boc-ui-pagination-jump > span {
  line-height: 32px;
  padding: 0 8px;
  vertical-align: middle;
}
.boc-ui-pagination-compact .boc-ui-total-text {
  color: #666666;
}
.boc-ui-pagination-compact > span {
  padding: 0;
  margin-left: 8px;
}
.boc-ui-pagination-compact .boc-ui-pagination-jump {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  margin-left: 0;
}
.boc-ui-pagination-compact .boc-ui-pagination-jump > span {
  line-height: 28px;
}

.boc-ui-rtl .boc-ui-pagination {
  padding-right: 0;
  padding-left: auto;
}
.boc-ui-rtl .boc-ui-pagination > li > a,
.boc-ui-rtl .boc-ui-pagination > li > span {
  margin-right: 8px;
  margin-left: 0;
}
.boc-ui-rtl .boc-ui-pagination > li input {
  margin-right: 10px;
  margin-left: 0;
}
.boc-ui-rtl .boc-ui-pagination .boc-ui-pagination-jump {
  margin-right: 10px;
  margin-left: 0;
}
.boc-ui-rtl .boc-ui-pagination-sm {
  padding-right: 0;
  padding-left: auto;
}
.boc-ui-rtl .boc-ui-pagination-sm > li > a,
.boc-ui-rtl .boc-ui-pagination-sm > li > span {
  margin-right: 8px;
  margin-left: 0;
}
.boc-ui-rtl .boc-ui-pagination-sm > li input {
  margin-right: 8px;
  margin-left: 0;
}
.boc-ui-rtl .boc-ui-pagination-sm .boc-ui-pagination-jump {
  margin-right: 8px;
  margin-left: 0;
}
.boc-ui-rtl .boc-ui-pagination-compact > li > a,
.boc-ui-rtl .boc-ui-pagination-compact > li > span {
  margin-right: 8px;
  margin-left: 0;
}
.boc-ui-rtl .boc-ui-pagination-compact > span {
  margin-left: 0;
  margin-right: 8px;
}

.boc-ui-switch {
  display: inline-block;
  position: relative;
  min-width: 48px;
  height: 28px;
  font-size: 12px;
}
.boc-ui-switch input[type=checkbox] {
  display: none;
}
.boc-ui-switch input[type=checkbox]:checked ~ .boc-ui-switch-checkbox {
  background: #ffcc33;
}
.boc-ui-switch input[type=checkbox]:checked ~ .boc-ui-switch-checkbox > span {
  margin-right: 28px;
  margin-left: 6px;
}
.boc-ui-switch input[type=checkbox]:checked ~ .boc-ui-switch-checkbox:before {
  left: 100%;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  margin-left: -2px;
}
.boc-ui-switch input[type=checkbox]:checked ~ .boc-ui-switch-checkbox:after {
  left: 100%;
  color: #ffcc33;
  -webkit-animation: switch-spin 1s infinite linear;
          animation: switch-spin 1s infinite linear;
  margin-left: -6px;
}
.boc-ui-switch.focus {
  outline: 0;
}
.boc-ui-switch.disabled {
  opacity: 0.5;
}
.boc-ui-switch.disabled .boc-ui-switch-checkbox {
  cursor: not-allowed;
}
.boc-ui-switch .boc-ui-switch-checkbox {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 28px;
  line-height: 28px;
  vertical-align: middle;
  border-radius: 13px;
  background: #999999;
  transition: background ease 0.5s;
  cursor: pointer;
  overflow: hidden;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.boc-ui-switch .boc-ui-switch-checkbox > span {
  color: #fff;
  margin-left: 28px;
  margin-right: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
}
.boc-ui-switch .boc-ui-switch-checkbox::before {
  content: "";
  width: 24px;
  height: 24px;
  line-height: 24px;
  position: absolute;
  border-radius: 1000px;
  top: 2px;
  left: 2px;
  z-index: 10;
  background-color: #fff;
  color: #fff;
  font-size: 12px;
  transition: all ease 0.3s;
}
.boc-ui-switch .boc-ui-switch-checkbox::after {
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 10;
  transition: all ease 0.3s;
}
.boc-ui-switch .boc-ui-switch-checkbox.boc-ui-switch-loading .boc-ui-switch-checkbox::after {
  content: "\EA29";
  font-family: "roo-icon";
  font-size: 16px;
  line-height: 16px;
  font-style: normal;
  font-weight: bold;
  color: #999999;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear;
}
.boc-ui-switch.boc-ui-switch-loading .boc-ui-switch-checkbox::after {
  content: "\EA29";
  font-family: "roo-icon";
  font-size: 16px;
  line-height: 16px;
  font-style: normal;
  font-weight: bold;
  color: #999999;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear;
}

.boc-ui-switch-mini {
  min-width: 36px;
  height: 20px;
}
.boc-ui-switch-mini input[type=checkbox]:checked ~ .boc-ui-switch-checkbox > span {
  margin-right: 20px;
  margin-left: 4px;
}
.boc-ui-switch-mini input[type=checkbox]:checked ~ .boc-ui-switch-checkbox:before {
  margin-left: -2px;
}
.boc-ui-switch-mini input[type=checkbox]:checked ~ .boc-ui-switch-checkbox:after {
  margin-left: -3px;
}
.boc-ui-switch-mini .boc-ui-switch-checkbox {
  height: 20px;
  line-height: 20px;
}
.boc-ui-switch-mini .boc-ui-switch-checkbox > span {
  margin-left: 20px;
  margin-right: 4px;
}
.boc-ui-switch-mini .boc-ui-switch-checkbox::before {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.boc-ui-switch-mini .boc-ui-switch-checkbox::after {
  top: 3px;
  left: 3px;
}
.boc-ui-switch-mini.boc-ui-switch-loading .boc-ui-switch-checkbox::after {
  font-size: 14px;
  line-height: 14px;
}

@-webkit-keyframes switch-spin {
  from {
    -webkit-transform: translateX(-100%) rotate(0deg);
            transform: translateX(-100%) rotate(0deg);
    -webkit-transform-origin: center;
            transform-origin: center;
  }
  to {
    -webkit-transform: translateX(-100%) rotate(360deg);
            transform: translateX(-100%) rotate(360deg);
    -webkit-transform-origin: center;
            transform-origin: center;
  }
}

@keyframes switch-spin {
  from {
    -webkit-transform: translateX(-100%) rotate(0deg);
            transform: translateX(-100%) rotate(0deg);
    -webkit-transform-origin: center;
            transform-origin: center;
  }
  to {
    -webkit-transform: translateX(-100%) rotate(360deg);
            transform: translateX(-100%) rotate(360deg);
    -webkit-transform-origin: center;
            transform-origin: center;
  }
}
.boc-ui-rtl .boc-ui-switch input[type=checkbox]:checked ~ .boc-ui-switch-checkbox > span {
  margin-right: 6px;
  margin-left: 28px;
}
.boc-ui-rtl .boc-ui-switch input[type=checkbox]:checked ~ .boc-ui-switch-checkbox:before {
  right: 100%;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  margin-right: -2px;
}
.boc-ui-rtl .boc-ui-switch input[type=checkbox]:checked ~ .boc-ui-switch-checkbox:after {
  right: 100%;
  width: 14px;
  line-height: 14px;
  color: #ffcc33;
  -webkit-animation: switch-spin-rtl 1s infinite linear;
          animation: switch-spin-rtl 1s infinite linear;
  margin-right: -6px;
}
.boc-ui-rtl .boc-ui-switch .boc-ui-switch-checkbox > span {
  margin-left: 6px;
  margin-right: 28px;
}
.boc-ui-rtl .boc-ui-switch .boc-ui-switch-checkbox::before {
  right: 2px;
  z-index: 10;
  background-color: #fff;
  color: #fff;
  font-size: 12px;
  transition: all ease 0.3s;
}
.boc-ui-rtl .boc-ui-switch .boc-ui-switch-checkbox::after {
  right: 6px;
  left: auto;
  z-index: 10;
  transition: all ease 0.3s;
}
.boc-ui-rtl .boc-ui-switch-mini input[type=checkbox]:checked ~ .boc-ui-switch-checkbox > span {
  margin-right: 4px;
  margin-left: 20px;
}
.boc-ui-rtl .boc-ui-switch-mini input[type=checkbox]:checked ~ .boc-ui-switch-checkbox:before {
  margin-right: -2px;
}
.boc-ui-rtl .boc-ui-switch-mini input[type=checkbox]:checked ~ .boc-ui-switch-checkbox:after {
  margin-right: -3px;
}
.boc-ui-rtl .boc-ui-switch-mini .boc-ui-switch-checkbox > span {
  margin-left: 4px;
  margin-right: 20px;
}
.boc-ui-rtl .boc-ui-switch-mini .boc-ui-switch-checkbox::after {
  top: 3px;
  right: 3px;
}

@-webkit-keyframes switch-spin-rtl {
  from {
    -webkit-transform: translateX(100%) rotate(0deg);
            transform: translateX(100%) rotate(0deg);
    -webkit-transform-origin: center;
            transform-origin: center;
  }
  to {
    -webkit-transform: translateX(100%) rotate(-360deg);
            transform: translateX(100%) rotate(-360deg);
    -webkit-transform-origin: center;
            transform-origin: center;
  }
}

@keyframes switch-spin-rtl {
  from {
    -webkit-transform: translateX(100%) rotate(0deg);
            transform: translateX(100%) rotate(0deg);
    -webkit-transform-origin: center;
            transform-origin: center;
  }
  to {
    -webkit-transform: translateX(100%) rotate(-360deg);
            transform: translateX(100%) rotate(-360deg);
    -webkit-transform-origin: center;
            transform-origin: center;
  }
}
.slick-slider {
  position: relative;
}

.slick-list {
  position: relative;
  overflow: hidden;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.slick-slide {
  float: left;
  height: 100%;
}

.slick-slide > img {
  display: block;
}

.slick-dots {
  position: absolute;
  list-style: none;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}

.slick-dots-bottom {
  bottom: 15px;
}

.slick-dots-top {
  top: 15px;
}

.slick-dots > li {
  position: relative;
  display: inline-block;
  text-align: center;
  vertical-align: bottom;
  margin: 0 2px;
  padding: 0;
  cursor: pointer;
}

.slick-dots > li > button {
  display: block;
  font-size: 8px;
  color: #FF192D;
  height: 3px;
  width: 16px;
  border-radius: 1px;
  border: none;
  outline: none;
  background: #ffcc33;
  opacity: 0.3;
  transition: all 0.5s;
  padding: 0;
  color: transparent;
  cursor: pointer;
}

.slick-dots > li > button:hover {
  opacity: 0.75;
}

.slick-dots > li.slick-active button {
  width: 24px;
  background: #ffcc33;
  opacity: 1;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
}

.slick-thumb {
  position: relative;
}

.slick-thumb > li {
  display: inline-block;
  margin-top: 7px;
  margin-right: 7px;
  cursor: pointer;
  width: 60px;
  height: 45px;
}

.slick-thumb > li:last-child {
  margin-right: 0;
}

.slick-thumb > li img {
  width: 60px;
  height: 45px;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

.slick-thumb > li.slick-active img {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}

.boc-ui-carousel {
  position: relative;
}
.boc-ui-carousel .slick-arrow {
  position: absolute;
  top: 50%;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 100;
}
.boc-ui-carousel .slick-next {
  right: 0;
}
.boc-ui-carousel .slick-prev {
  left: 0;
}
.boc-ui-carousel .slick-disabled {
  pointer-events: none;
  opacity: 0;
}

.boc-ui-carousel-vertical .slick-dots {
  top: 50%;
  bottom: auto;
  width: 3px;
  height: auto;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.boc-ui-carousel-vertical .slick-dots-left {
  left: 12px;
}

.boc-ui-carousel-vertical .slick-dots-right {
  right: 12px;
}

.boc-ui-carousel-vertical .slick-dots li {
  margin: 0 2px;
  vertical-align: baseline;
}

.boc-ui-carousel-vertical .slick-dots li button {
  display: block;
  width: 3px;
  height: 16px;
}

.boc-ui-carousel-vertical .slick-dots li.slick-active button {
  display: block;
  width: 3px;
  height: 24px;
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.boc-ui-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1050;
  max-height: 242px;
  overflow-y: auto;
  padding: 4px 0;
  font-size: 14px;
  color: #222222;
  text-align: left;
  list-style: none;
  border: 1px solid #EEEEEE;
  box-shadow: 0px 10px 16px 0px rgba(88, 90, 110, 0.15);
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 2px;
  box-shadow: 0px 10px 16px 0px rgba(88, 90, 110, 0.15);
}
.boc-ui-dropdown-menu.boc-ui-dropdown-menu-inline {
  z-index: unset;
}
.boc-ui-dropdown-menu + .boc-ui-dropdown-menu {
  box-shadow: 5px 10px 16px 0px rgba(88, 90, 110, 0.15);
}
.boc-ui-dropdown-menu li.boc-ui-hover {
  background-color: #ffcc33;
}
.boc-ui-dropdown-menu.loading {
  text-align: center;
  padding: 20px;
}
.boc-ui-dropdown-menu .other-info {
  text-align: center;
  padding: 10px 20px;
  color: #999999;
  font-size: 12px;
  font-weight: 300;
}

.boc-ui-dropdown-menu-cascader {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1050;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  box-shadow: 0px 10px 16px 0px rgba(88, 90, 110, 0.15);
}
.boc-ui-dropdown-menu-cascader .withoutAfter::after {
  display: none !important;
}
.boc-ui-dropdown-menu-cascader .boc-ui-dropdown-menu {
  position: static;
  min-width: 100px;
  height: 180px;
  box-shadow: unset;
}
.boc-ui-dropdown-menu-cascader .boc-ui-dropdown-menu-virtual {
  min-width: 150px;
}
.boc-ui-dropdown-menu-cascader .boc-ui-dropdown-menu + .boc-ui-dropdown-menu {
  margin-left: -1px;
}
.boc-ui-dropdown-menu-cascader .boc-ui-dropdown-menu:not(:last-child) a.active-highlight::after {
  display: none;
}
.boc-ui-dropdown-menu-cascader .boc-ui-dropdown-menu a:active::after {
  display: none;
}

.boc-ui-dropdown-menu:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.boc-ui-dropdown-menu:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.boc-ui-dropdown-menu:not(:first-child):last-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

/*
* 弹框方向为 bottom 时，需要修改 border 避免和 input 重合。
*/
.boc-ui-popup.bottom .boc-ui-dropdown-menu, .boc-ui-popup.bottom-start .boc-ui-dropdown-menu, .boc-ui-popup.bottom-end .boc-ui-dropdown-menu {
  border-top: 0;
}

.popup.top.boc-ui-dropdown-menu, .popup.top-left.boc-ui-dropdown-menu, .popup.top-right.boc-ui-dropdown-menu {
  margin-bottom: 4px;
}
.popup.bottom.boc-ui-dropdown-menu, .popup.bottom-left.boc-ui-dropdown-menu, .popup.bottom-right.boc-ui-dropdown-menu {
  margin-top: 4px;
}
.popup.left.boc-ui-dropdown-menu {
  margin-right: 4px;
}
.popup.right.boc-ui-dropdown-menu {
  margin-left: 4px;
}

.boc-ui-dropdown-menu-autowidth {
  width: auto;
}

.dropdown-divider, .boc-ui-dropdown-menu li:not(:first-child) .dropdown-classify::before,
.boc-ui-dropdown-menu .divider {
  height: 0;
  margin: 4px 10px;
  overflow: hidden;
  border-top: 1px solid #EEEEEE;
}

.dropdown-item,
.boc-ui-dropdown-menu a {
  position: relative;
  display: block;
  width: 100%;
  padding: 0 36px 0 8px;
  font-size: 1em;
  clear: both;
  font-weight: 400;
  color: #222222;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  line-height: 36px;
  border: 0;
  cursor: pointer;
}
.dropdown-item b,
.boc-ui-dropdown-menu a b {
  color: #222222;
}
.dropdown-item:hover,
.boc-ui-dropdown-menu a:hover {
  color: rgb(8.5, 8.5, 8.5);
  background-color: #F5F6FA;
  text-decoration: none;
}
.dropdown-item.active, .dropdown-item:active,
.boc-ui-dropdown-menu a.active,
.boc-ui-dropdown-menu a:active {
  text-decoration: none;
}
.dropdown-item.active.multiple::after, .dropdown-item:active.multiple::after,
.boc-ui-dropdown-menu a.active.multiple::after,
.boc-ui-dropdown-menu a:active.multiple::after {
  display: none;
}
.dropdown-item.active.multiple > i, .dropdown-item:active.multiple > i,
.boc-ui-dropdown-menu a.active.multiple > i,
.boc-ui-dropdown-menu a:active.multiple > i {
  color: #FF6A00;
}
.dropdown-item.active-highlight,
.boc-ui-dropdown-menu a.active-highlight {
  color: #FF6A00;
  text-decoration: none;
}
.dropdown-item.active-highlight::after,
.boc-ui-dropdown-menu a.active-highlight::after {
  content: "\EA0A";
  position: absolute;
  top: 0;
  right: 10px;
  font-family: "roo-icon";
  font-style: normal;
  font-weight: normal;
  color: #FF6A00;
  height: 100%;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}
.dropdown-item.active-highlight-no-select-icon,
.boc-ui-dropdown-menu a.active-highlight-no-select-icon {
  color: #FF6A00;
  text-decoration: none;
}
.dropdown-item.boc-ui-drop-menu-item-has-icon,
.boc-ui-dropdown-menu a.boc-ui-drop-menu-item-has-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.dropdown-item.disabled, .dropdown-item:disabled,
.boc-ui-dropdown-menu a.disabled,
.boc-ui-dropdown-menu a:disabled {
  color: #CCCCCC;
  background-color: transparent;
  cursor: not-allowed;
}
.dropdown-item > i,
.boc-ui-dropdown-menu a > i {
  position: absolute;
  right: 10px;
  top: 11px;
  display: inline-block;
  color: #CCCCCC;
}

.boc-ui-dropdown-menu .item-no-select-icon a {
  position: relative;
  display: block;
  width: 100%;
  padding: 0 36px 0 8px;
  font-size: 1em;
  clear: both;
  font-weight: 400;
  color: #222222;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  line-height: 36px;
  border: 0;
  cursor: pointer;
}
.boc-ui-dropdown-menu .item-no-select-icon a b {
  color: #222222;
}
.boc-ui-dropdown-menu .item-no-select-icon a:hover {
  color: rgb(8.5, 8.5, 8.5);
  background-color: #F5F6FA;
  text-decoration: none;
}
.boc-ui-dropdown-menu .item-no-select-icon a.active, .boc-ui-dropdown-menu .item-no-select-icon a:active {
  text-decoration: none;
}
.boc-ui-dropdown-menu .item-no-select-icon a.active.multiple::after, .boc-ui-dropdown-menu .item-no-select-icon a:active.multiple::after {
  display: none;
}
.boc-ui-dropdown-menu .item-no-select-icon a.active.multiple > i, .boc-ui-dropdown-menu .item-no-select-icon a:active.multiple > i {
  color: #FF6A00;
}
.boc-ui-dropdown-menu .item-no-select-icon a.active::after, .boc-ui-dropdown-menu .item-no-select-icon a:active::after {
  content: "";
  position: absolute;
  top: 0;
  right: 10px;
  font-family: "roo-icon";
  font-style: normal;
  font-weight: normal;
  color: #CCCCCC;
}
.boc-ui-dropdown-menu .item-no-select-icon a.active-highlight {
  color: #FF6A00;
  text-decoration: none;
}
.boc-ui-dropdown-menu .item-no-select-icon a.active-highlight::after {
  content: "";
  position: absolute;
  top: 0;
  right: 10px;
  font-family: "roo-icon";
  font-style: normal;
  font-weight: normal;
  color: #FF6A00;
}
.boc-ui-dropdown-menu .item-no-select-icon a.active-highlight-no-select-icon {
  color: #FF6A00;
  text-decoration: none;
}
.boc-ui-dropdown-menu .item-no-select-icon a.disabled, .boc-ui-dropdown-menu .item-no-select-icon a:disabled {
  color: #CCCCCC;
  background-color: transparent;
  cursor: not-allowed;
}
.boc-ui-dropdown-menu .item-no-select-icon a > i {
  position: absolute;
  right: 10px;
  top: 11px;
  display: inline-block;
  color: #CCCCCC;
}

.boc-ui-dropdown-menu.show,
.show .boc-ui-dropdown-menu {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 4px 10px;
  margin-bottom: 0;
  font-size: 12px;
  color: rgb(229.5, 229.5, 229.5);
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0 10px;
  color: #222222;
}

.dropdown-classify h6 {
  margin: 0;
  padding: 4px 10px;
  color: #CCCCCC;
  font-weight: normal;
  font-size: 10px;
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
}

.boc-ui-dropdown-menu li:not(:first-child) .dropdown-classify::before {
  content: "";
  display: block;
}

/*
    thh_roo_motion 动效
    Animation
  */
@-webkit-keyframes rooSlideUpIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes rooSlideUpIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes rooSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes rooSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes rooSlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes rooSlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@-webkit-keyframes rooSlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes rooSlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
@-webkit-keyframes rooSlideLeftIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes rooSlideLeftIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes rooSlideLeftOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes rooSlideLeftOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes rooSlideRightIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes rooSlideRightIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes rooSlideRightOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
}
@keyframes rooSlideRightOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
}
.boc-ui-popup-motion-enter,
.boc-ui-popup-motion-appear {
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.boc-ui-popup-motion-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
}

.boc-ui-popup-motion {
  /* roo-popup-motion: background 0.3s, height 1.3s, opacity 1.3s; */
}

.bottom.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.bottom-start.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.bottom-end.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.bottomLeft.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.bottomRight.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.bottom.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active,
.bottom-start.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active,
.bottom-end.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active,
.bottomLeft.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active,
.bottomRight.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active {
  -webkit-animation-name: rooSlideUpIn;
          animation-name: rooSlideUpIn;
}

.bottom.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active,
.bottom-start.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active,
.bottom-end.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active,
.bottomLeft.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active,
.bottomRight.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active {
  -webkit-animation-name: rooSlideUpOut;
          animation-name: rooSlideUpOut;
}

.top.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.top-start.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.top-end.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.topLeft.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.topRight.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.top.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active,
.top-start.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active,
.top-end.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active,
.topLeft.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active,
.topRight.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active {
  -webkit-animation-name: rooSlideDownIn;
          animation-name: rooSlideDownIn;
}

.top.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active,
.top-start.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active,
.top-end.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active,
.topLeft.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active,
.topRight.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active {
  -webkit-animation-name: rooSlideDownOut;
          animation-name: rooSlideDownOut;
}

.left.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.left-start.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.left-end.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.leftTop.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.leftBottom.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.left.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active,
.left-start.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active,
.left-end.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active,
.leftTop.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active,
.leftBottom.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active {
  -webkit-animation-name: rooSlideRightIn;
          animation-name: rooSlideRightIn;
}

.left.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active,
.left-start.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active,
.left-end.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active,
.leftTop.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active,
.leftBottom.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active {
  -webkit-animation-name: rooSlideRightOut;
          animation-name: rooSlideRightOut;
}

.right.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.right-start.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.right-end.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.rightTop.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.rightBottom.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.right.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active,
.right-start.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active,
.right-end.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active,
.rightTop.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active,
.rightBottom.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active {
  -webkit-animation-name: rooSlideLeftIn;
          animation-name: rooSlideLeftIn;
}

.right.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active,
.right-start.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active,
.right-end.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active,
.rightTop.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active,
.rightBottom.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active {
  -webkit-animation-name: rooSlideLeftOut;
          animation-name: rooSlideLeftOut;
}

.hidden {
  display: none;
}

/* mask */
@-webkit-keyframes rooDialogFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rooDialogFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes rooDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rooDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.boc-ui-mask-motion-enter,
.boc-ui-mask-motion-appear {
  opacity: 0;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  /* animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); */
}

.boc-ui-mask-motion-leave {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
}

.boc-ui-mask-motion-enter-active,
.boc-ui-mask-motion-appear-active {
  -webkit-animation-name: rooDialogFadeIn;
          animation-name: rooDialogFadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.boc-ui-mask-motion-leave-active {
  -webkit-animation-name: rooDialogFadeOut;
          animation-name: rooDialogFadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

/* zoom */
@-webkit-keyframes rooDialogZoomIn {
  0% {
    /* opacity: 0; */
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  100% {
    /* opacity: 1; */
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes rooDialogZoomIn {
  0% {
    /* opacity: 0; */
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  100% {
    /* opacity: 1; */
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@-webkit-keyframes rooDialogZoomOut {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    /* opacity: 0; */
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
}
@keyframes rooDialogZoomOut {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    /* opacity: 0; */
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
}
.boc-ui-zoom-motion-enter,
.boc-ui-zoom-motion-appear {
  /* opacity: 0; */
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.boc-ui-zoom-motion-leave {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.boc-ui-zoom-motion-enter.boc-ui-zoom-motion-enter-active,
.boc-ui-zoom-motion-appear.boc-ui-zoom-motion-appear-active {
  -webkit-animation-name: rooDialogZoomIn;
          animation-name: rooDialogZoomIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.boc-ui-zoom-motion-leave.boc-ui-zoom-motion-leave-active {
  -webkit-animation-name: rooDialogZoomOut;
          animation-name: rooDialogZoomOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

/* rooPopupFast */
@-webkit-keyframes rooPopupFastIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes rooPopupFastIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes rooPopupFastOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes rooPopupFastOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
}
.boc-ui-popup-fast-motion-enter,
.boc-ui-popup-fast-motion-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.boc-ui-popup-fast-motion-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.boc-ui-close-motion .boc-ui-popup-fast-motion-enter,
.boc-ui-close-motion .boc-ui-popup-fast-motion-appear {
  -webkit-animation-duration: 0s;
          animation-duration: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.boc-ui-close-motion .boc-ui-popup-fast-motion-leave {
  -webkit-animation-duration: 0s;
          animation-duration: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.boc-ui-popup-fast-motion.boc-ui-popup-fast-motion-appear.boc-ui-popup-fast-motion-appear-active,
.boc-ui-popup-fast-motion.boc-ui-popup-fast-motion-enter.boc-ui-popup-fast-motion-enter-active {
  -webkit-animation-name: rooPopupFastIn;
          animation-name: rooPopupFastIn;
}

.boc-ui-popup-fast-motion.boc-ui-popup-fast-motion-leave.boc-ui-popup-fast-motion-leave-active {
  -webkit-animation-name: rooPopupFastOut;
          animation-name: rooPopupFastOut;
}

.top.boc-ui-popup-fast-motion {
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
}

.top-start.boc-ui-popup-fast-motion {
  -webkit-transform-origin: 0% 100%;
      -ms-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
}

.top-end.boc-ui-popup-fast-motion {
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}

.bottom.boc-ui-popup-fast-motion {
  -webkit-transform-origin: 50% 0%;
      -ms-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
}

.bottom-start.boc-ui-popup-fast-motion {
  -webkit-transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}

.bottom-end.boc-ui-popup-fast-motion {
  -webkit-transform-origin: 100% 0%;
      -ms-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
}

.left.boc-ui-popup-fast-motion {
  -webkit-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
}

.left-start.boc-ui-popup-fast-motion {
  -webkit-transform-origin: 100% 0%;
      -ms-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
}

.left-end.boc-ui-popup-fast-motion {
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}

.right.boc-ui-popup-fast-motion {
  -webkit-transform-origin: 0% 50%;
      -ms-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
}

.right-start.boc-ui-popup-fast-motion {
  -webkit-transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}

.right-end.boc-ui-popup-fast-motion {
  -webkit-transform-origin: 0% 100%;
      -ms-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
}

.boc-ui-rtl .boc-ui-dropdown-menu {
  right: 0;
  text-align: right;
}
.boc-ui-rtl .boc-ui-dropdown-menu-cascader {
  right: 0;
}
.boc-ui-rtl .boc-ui-dropdown-menu .item-no-select-icon a {
  text-align: right;
}
.boc-ui-rtl .boc-ui-dropdown-menu .item-no-select-icon a.active-highlight::after {
  left: 10px;
}
.boc-ui-rtl .boc-ui-dropdown-menu .item-no-select-icon a > i {
  left: 10px;
}
.boc-ui-rtl .dropdown-item, .boc-ui-rtl .boc-ui-dropdown-menu a {
  padding: 0 8px 0 36px;
  text-align: right;
}
.boc-ui-rtl .dropdown-item > i, .boc-ui-rtl .boc-ui-dropdown-menu a > i {
  left: 10px;
  right: auto;
}
.boc-ui-rtl .dropdown-item.active-highlight::after, .boc-ui-rtl .boc-ui-dropdown-menu a.active-highlight::after {
  left: 10px;
  right: auto;
}
.boc-ui-rtl .boc-ui-dropdown-menu-cascader .boc-ui-dropdown-menu + .boc-ui-dropdown-menu {
  margin-right: -1px;
}
.boc-ui-rtl .popup.left.boc-ui-dropdown-menu {
  margin-left: 4px;
}
.boc-ui-rtl .popup.right.boc-ui-dropdown-menu {
  margin-right: 4px;
}

.boc-ui-drop-menu-item-icon-box {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.boc-ui-drop-menu-item-text {
  padding-left: 8px;
}

.boc-ui-drop-menu-placement[class*=top] {
  margin-bottom: 10px;
}
.boc-ui-drop-menu-placement[class*=bottom] {
  margin-top: 10px;
}

.boc-ui-drop-menu-arrow {
  position: absolute;
  z-index: 1;
  display: block;
  pointer-events: none;
  width: 16px;
  height: 16px;
  overflow: hidden;
}
.boc-ui-drop-menu-arrow::before {
  width: 16px;
  height: 8px;
  bottom: 0;
  position: absolute;
  background: #fff;
  -webkit-clip-path: path("M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z");
          clip-path: path("M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z");
  content: "";
}
.boc-ui-drop-menu-arrow::after {
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  bottom: 0;
  inset-inline: 0;
  margin: auto;
  border-radius: 0 0 2px 0;
  -webkit-transform: translateY(50%) rotate(-135deg);
      -ms-transform: translateY(50%) rotate(-135deg);
          transform: translateY(50%) rotate(-135deg);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
  z-index: 0;
  background: transparent;
}

.boc-ui-drop-menu-placement-top > .boc-ui-drop-menu-arrow {
  bottom: 11px;
  -webkit-transform: translateY(100%) rotate(180deg);
      -ms-transform: translateY(100%) rotate(180deg);
          transform: translateY(100%) rotate(180deg);
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(100%) rotate(180deg);
      -ms-transform: translateX(-50%) translateY(100%) rotate(180deg);
          transform: translateX(-50%) translateY(100%) rotate(180deg);
}
.boc-ui-drop-menu-placement-topleft > .boc-ui-drop-menu-arrow {
  bottom: 11px;
  -webkit-transform: translateY(100%) rotate(180deg);
      -ms-transform: translateY(100%) rotate(180deg);
          transform: translateY(100%) rotate(180deg);
  left: 12px;
}
.boc-ui-drop-menu-placement-topright > .boc-ui-drop-menu-arrow {
  bottom: 11px;
  -webkit-transform: translateY(100%) rotate(180deg);
      -ms-transform: translateY(100%) rotate(180deg);
          transform: translateY(100%) rotate(180deg);
  right: 12px;
}
.boc-ui-drop-menu-placement-bottom > .boc-ui-drop-menu-arrow {
  top: 11px;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-100%);
      -ms-transform: translateX(-50%) translateY(-100%);
          transform: translateX(-50%) translateY(-100%);
}
.boc-ui-drop-menu-placement-bottomleft > .boc-ui-drop-menu-arrow {
  top: 11px;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  left: 12px;
}
.boc-ui-drop-menu-placement-bottomright > .boc-ui-drop-menu-arrow {
  top: 11px;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  right: 12px;
}

/*
---------------
表单样式
---------------
*/
.boc-ui-input {
  display: inline-block;
  vertical-align: middle;
}

.boc-ui-input-noborder {
  border: none !important;
}
.boc-ui-input-noborder:focus:not([readonly]):not([disabled]), .boc-ui-input-noborder:hover:not([readonly]):not([disabled]) {
  border: none !important;
}
.boc-ui-input-noborder[readonly] {
  border: none !important;
}

.boc-ui-input-number-default {
  font-size: 14px;
  line-height: 1.5;
  color: #222;
  background-color: #fff;
  background-clip: padding-box;
  height: 36px;
  border-radius: 2px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  display: block;
}

.boc-ui-input-tag-default {
  width: 100%;
  font-size: 14px;
  line-height: 1.5;
  color: #222;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #eee;
  border-radius: 2px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  display: block;
}

.boc-ui-input {
  width: 100%;
  padding: 6px 8px;
  font-size: 14px;
  line-height: 1.5;
  color: #222222;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #EEEEEE;
  height: 36px;
  border-radius: 2px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.boc-ui-input.noresize {
  resize: none;
}
@media screen and (prefers-reduced-motion: reduce) {
  .boc-ui-input {
    transition: none;
  }
}
.boc-ui-input::-ms-expand {
  background-color: transparent;
  border: 0;
}
.boc-ui-input:focus:not([readonly]), .boc-ui-input.focus {
  border-color: #999999;
  outline: 0;
}
.boc-ui-input::-webkit-input-placeholder {
  color: #CCCCCC;
  opacity: 1;
}
.boc-ui-input:-ms-input-placeholder {
  color: #CCCCCC;
  opacity: 1;
}
.boc-ui-input::placeholder {
  color: #CCCCCC;
  opacity: 1;
}
.boc-ui-input[readonly] {
  border-color: #EEEEEE;
  color: #222222;
  opacity: 1;
}
.boc-ui-input:disabled, .boc-ui-input.disabled {
  border-color: #EEEEEE;
  color: #CCCCCC;
  background-color: #EEEEEE;
  cursor: not-allowed;
}
.boc-ui-input:hover:not([readonly]):not(.readonly):not(.readOnly):not([disabled]):not(.disabled):not(.boc-ui-input-line) {
  border-color: #999999;
}

.select-input-wrapper .boc-ui-input {
  color: #222222;
}
.select-input-wrapper .boc-ui-input:disabled {
  color: #CCCCCC;
}
.select-input-wrapper .boc-ui-input:disabled + .roo-icon, .select-input-wrapper .boc-ui-input:disabled + .roo-icon:hover {
  color: #CCCCCC;
  cursor: not-allowed;
}
.select-input-wrapper .boc-ui-input:not(.boc-ui-input-plaintext):not(.boc-ui-input-line):not(.boc-ui-input-noborder):read-only {
  border-color: #EEEEEE;
}
.select-input-wrapper .boc-ui-input:not(.boc-ui-input-plaintext):not(.boc-ui-input-line):not(.boc-ui-input-noborder):read-only:hover {
  border-color: #999999;
}
.select-input-wrapper .boc-ui-input:focus {
  border-color: #999999 !important;
}
.select-input-wrapper .boc-ui-input.boc-ui-input-plaintext:hover {
  border-color: #999999;
}
.select-input-wrapper .boc-ui-input.boc-ui-input-line:hover {
  border-bottom-color: #999999;
}
.select-input-wrapper .boc-ui-input.boc-ui-input-line:focus {
  border-color: transparent transparent #999999 transparent !important;
}
.select-input-wrapper .boc-ui-input.boc-ui-input-noborder:hover {
  border: none !important;
}
.select-input-wrapper .boc-ui-input.boc-ui-input-noborder:focus {
  border: none !important;
}

textarea.boc-ui-input {
  height: auto;
}

.statistics {
  font-size: "12px";
  color: #CCCCCC;
  margin: 0;
  text-align: "right";
}

.boc-ui-input-error {
  border-color: #FF192D;
}

.has-error .select-input-wrapper .boc-ui-input,
.has-error .boc-ui-input {
  border-color: #FF192D !important;
}
.has-error .select-input-wrapper .boc-ui-input.boc-ui-input-line,
.has-error .boc-ui-input.boc-ui-input-line {
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}
.has-error .select-input-wrapper .help-block,
.has-error .help-block {
  color: #FF192D;
  margin: 4px 0;
}
.has-error .select-input-wrapper .boc-ui-input-group-prepend,
.has-error .boc-ui-input-group-prepend {
  border-color: #FF192D;
}
.has-error .select-input-wrapper .boc-ui-input-group-prepend-line,
.has-error .boc-ui-input-group-prepend-line {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}
.has-error .select-input-wrapper .boc-ui-input-group-append,
.has-error .boc-ui-input-group-append {
  border-color: #FF192D;
}
.has-error .select-input-wrapper .boc-ui-input-group-append-line,
.has-error .boc-ui-input-group-append-line {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}

.has-error + .help-block {
  color: #FF192D;
  margin: 4px 0;
}

.has-success-hook {
  position: relative;
}
.has-success-hook::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 16px;
  display: inline-block;
  content: "\EA08";
  font-family: "roo-icon";
  font-size: 20px;
  color: #00BF7F;
}
.has-success-hook .boc-ui-input:not([readonly]):not([disabled]):not(.disabled) {
  border-color: #00BF7F;
  padding-right: 36px;
}
.has-success-hook .boc-ui-input:not([readonly]):not([disabled]):not(.disabled).boc-ui-input-line {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}
.has-success-hook .help-block {
  color: #00BF7F;
}

.has-success-color .boc-ui-input:not([readonly]):not([disabled]):not(.disabled) {
  border-color: #00BF7F !important;
}
.has-success-color .boc-ui-input:not([readonly]):not([disabled]):not(.disabled).boc-ui-input-line {
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}
.has-success-color .boc-ui-input-group-prepend {
  border-color: #00BF7F;
}
.has-success-color .boc-ui-input-group-prepend-line {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}
.has-success-color .boc-ui-input-group-append {
  border-color: #00BF7F;
}
.has-success-color .boc-ui-input-group-append-line {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}

.has-success-hook + .help-block {
  color: #00BF7F;
}

select.boc-ui-input:not([size]):not([multiple]) {
  height: 36px;
}
select.boc-ui-input:focus::-ms-value {
  color: #222222;
  background-color: #F5F6FA;
}

.boc-ui-input-file,
.boc-ui-input-range {
  display: block;
  width: 100%;
}

.control-label,
.col-form-label {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.control-label-lg,
.col-form-label-lg {
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 14px;
  line-height: 1.5;
}

.control-label-sm,
.col-form-label-sm {
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 12px;
  line-height: 1.5;
}

.control-label-xs,
.control-label-compact,
.col-form-label-compact,
.col-form-label-xs {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
  line-height: 1.5;
}

.control-label-compact,
.col-form-label-compact {
  font-size: 14px;
}

.boc-ui-input-required::before {
  display: inline-block;
  margin-right: 5px;
  content: "*";
  line-height: 1.5;
  vertical-align: middle;
  font-size: inherit;
  color: #FF192D;
}

.boc-ui-input-inline {
  display: inline-block;
  width: auto;
}

.boc-ui-input-plaintext {
  background-color: #F5F6FA;
  border-color: #F5F6FA;
}
.boc-ui-input-plaintext[readonly] {
  background-color: #F5F6FA;
  border-color: #F5F6FA;
}
.boc-ui-input-plaintext .tags-box .boc-ui-tag {
  background-color: #fff;
  border-color: #fff;
}

.boc-ui-input-line {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}
.boc-ui-input-line:focus:not([readonly]):not([disabled]), .boc-ui-input-line:hover:not([readonly]):not([disabled]) {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #999999;
}
.boc-ui-input-line[readonly] {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #999999;
}

.boc-ui-input-xs, .boc-ui-input-compact {
  padding: 4px 8px;
  font-size: 12px;
  line-height: 1.5;
  height: 28px;
}

.boc-ui-input-compact {
  font-size: 14px;
}

select.boc-ui-input-xs:not([size]):not([multiple]), select.boc-ui-input-compact:not([size]):not([multiple]) {
  height: 28px;
}

.boc-ui-input-sm {
  padding: 6px 8px;
  font-size: 12px;
  line-height: 1.5;
  height: 32px;
}

select.boc-ui-input-sm:not([size]):not([multiple]) {
  height: 32px;
}

.boc-ui-input-lg {
  padding: 8px 8px;
  font-size: 14px;
  line-height: 1.5;
  height: 40px;
}

select.boc-ui-input-lg:not([size]):not([multiple]) {
  height: 40px;
}

.form-group-content {
  margin-top: 0;
}

.form-group {
  margin-bottom: 16px;
}
.form-group .help-block {
  margin-top: 4px;
  margin-bottom: 0;
  font-size: 14px;
}
.form-group .control-label,
.form-group .col-form-label {
  text-align: right;
  color: #222222;
}
.form-group .control-label + .form-group-content .boc-ui-checkbox,
.form-group .control-label + .form-group-content .boc-ui-radio,
.form-group .col-form-label + .form-group-content .boc-ui-checkbox,
.form-group .col-form-label + .form-group-content .boc-ui-radio {
  margin-top: 7px;
}
.form-group .control-label + .form-group-content .boc-ui-switch,
.form-group .col-form-label + .form-group-content .boc-ui-switch {
  top: 4px;
}
.form-group .control-label + .form-group-content .boc-ui-mark,
.form-group .col-form-label + .form-group-content .boc-ui-mark {
  display: inline-block;
  width: 100%;
  padding: 7px 0px;
  vertical-align: middle;
  line-height: 1.5;
}
.form-group .control-label + .form-group-content.has-success-hook,
.form-group .col-form-label + .form-group-content.has-success-hook {
  position: relative;
}
.form-group .control-label + .form-group-content.has-success-hook::before,
.form-group .col-form-label + .form-group-content.has-success-hook::before {
  position: absolute;
  top: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  right: 16px;
  display: inline-block;
  content: "\EA08";
  font-family: "roo-icon";
  font-size: 20px;
  color: #00BF7F;
  line-height: 36px;
}
.form-group .boc-ui-btn + .boc-ui-btn {
  margin-left: 20px;
}
.form-group .boc-ui-btn-radio-group .boc-ui-btn + .boc-ui-btn {
  margin-left: -1px;
}
.form-group.boc-ui-form-vertical .form-group-content {
  margin-top: 10px;
}

.form-group.boc-ui-form-inline {
  display: inline-block;
  -ms-flex-align: center;
      align-items: center;
  vertical-align: top;
}
.form-group.boc-ui-form-inline input {
  display: inline-block;
  width: auto;
  width: initial;
}
.form-group.boc-ui-form-inline .control-label {
  line-height: 36px;
  vertical-align: top;
}
.form-group.boc-ui-form-inline .form-group-content {
  display: inline-block;
  margin-left: 8px;
  margin-right: 8px;
}
.form-group.boc-ui-form-inline .form-group-content .boc-ui-radio,
.form-group.boc-ui-form-inline .form-group-content .boc-ui-checkbox {
  line-height: 36px;
  vertical-align: top;
}
.form-group.boc-ui-form-inline .form-group-content .boc-ui-switch {
  line-height: 36px;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.form-text {
  display: block;
  margin-top: 4px;
}

.form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-align: center;
      align-items: center;
}
.form-inline .form-check {
  width: 100%;
}

.boc-ui-input-number {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 144px;
  padding: 0;
  border: none;
  /**
  * 兼容chrome50，input外部div需要高度100%
  * 宽度给一个最小宽度，用于自适应
  */
}
.boc-ui-input-number .boc-ui-input-line {
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}
.boc-ui-input-number .boc-ui-input-number-wrapper {
  width: 100%;
  height: 100%;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  border: 1px solid #EEEEEE;
  border-radius: 2px;
}
.boc-ui-input-number .boc-ui-input-number-wrapper .has-prefix-icon {
  padding-left: 32px;
}
.boc-ui-input-number .boc-ui-input-number-wrapper .has-suffix-icon {
  padding-right: 32px;
}
.boc-ui-input-number .boc-ui-input-number-wrapper.disabled {
  background-color: #EEEEEE;
  border-color: #CCCCCC !important;
  color: #CCCCCC;
}
.boc-ui-input-number .boc-ui-input-number-wrapper.disabled input {
  background-color: #EEEEEE;
  color: #CCCCCC;
  cursor: not-allowed !important;
}
.boc-ui-input-number .boc-ui-input-number-wrapper.disabled .input-number-operator {
  border-color: #CCCCCC !important;
  color: #CCCCCC !important;
  cursor: not-allowed !important;
}
.boc-ui-input-number .boc-ui-input-number-wrapper.readOnly input {
  background-color: #fff;
  color: #666666;
}
.boc-ui-input-number .boc-ui-input-number-wrapper:hover {
  cursor: pointer;
  color: #666666;
}
.boc-ui-input-number .boc-ui-input-group-prepend {
  height: 36px;
  line-height: 36px;
}
.boc-ui-input-number .boc-ui-input-group-append {
  height: 36px;
  line-height: 36px;
}
.boc-ui-input-number .boc-ui-input-lg {
  height: 40px;
  line-height: 40px;
}
.boc-ui-input-number .boc-ui-input-sm {
  height: 32px;
  line-height: 32px;
}
.boc-ui-input-number .boc-ui-input-xs, .boc-ui-input-number .boc-ui-input-compact {
  height: 28px;
  line-height: 28px;
}
.boc-ui-input-number input {
  padding: 0 8px;
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
  text-align: center;
  color: #222222;
}
.boc-ui-input-number.disabled {
  background-color: #EEEEEE;
  border-color: #EEEEEE !important;
  color: #CCCCCC;
}
.boc-ui-input-number.disabled input {
  background-color: #EEEEEE;
  color: #CCCCCC;
  cursor: not-allowed !important;
}
.boc-ui-input-number.disabled .input-number-operator {
  border-color: #EEEEEE !important;
  color: #CCCCCC !important;
  cursor: not-allowed !important;
}
.boc-ui-input-number .input-number-operator {
  display: -ms-flexbox;
  display: flex;
  width: 36px;
  min-width: 36px;
  height: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-size: 12px;
  color: #999999;
}
.boc-ui-input-number .input-number-operator:hover {
  cursor: pointer;
  color: #666666;
}
.boc-ui-input-number .input-number-operator::after {
  display: table-cell;
  vertical-align: middle;
  font-family: "roo-icon";
}
.boc-ui-input-number .input-number-operator.decrease {
  border: none;
  border-right: 1px solid #EEEEEE;
}
.boc-ui-input-number .input-number-operator.decrease::after {
  content: "\EA2C";
}
.boc-ui-input-number .input-number-operator.increase {
  border: none;
  border-left: 1px solid #EEEEEE;
}
.boc-ui-input-number .input-number-operator.increase::after {
  content: "\EA32";
}
.boc-ui-input-number .input-number-operator.disabled {
  background-color: #EEEEEE;
  border-color: inherit !important;
  color: #CCCCCC !important;
  cursor: not-allowed;
}
.boc-ui-input-number:hover .input-number-operator {
  border-color: #999999;
}
.boc-ui-input-number:hover .boc-ui-input-number-wrapper {
  border-color: #999999;
}
.boc-ui-input-number .boc-ui-input-number-error {
  border-color: #FF192D !important;
}
.boc-ui-input-number .boc-ui-input-number-error:hover {
  border-color: #FF192D !important;
}
.boc-ui-input-number .boc-ui-input-number-success {
  border-color: #00BF7F !important;
}
.boc-ui-input-number .boc-ui-input-number-success:hover {
  border-color: #00BF7F !important;
}
.boc-ui-input-number .boc-ui-input-number-container {
  height: 100%;
  min-width: 70px;
}

.boc-ui-input-number-vertical input {
  margin: 0 40px 0 0;
  color: #222222;
  padding-right: 40px;
}
.boc-ui-input-number-vertical .boc-ui-input-group input {
  padding-right: 0;
}
.boc-ui-input-number-vertical .input-number-operator {
  display: block;
  width: 28px;
  height: 50%;
}
.boc-ui-input-number-vertical .input-number-operator::after {
  position: absolute;
  display: inline-block;
  width: 100%;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  font-size: 12px;
}
.boc-ui-input-number-vertical .input-number-operator.decrease {
  position: absolute;
  left: auto;
  top: auto;
  right: 1px;
  bottom: 1px;
  border: none;
  border-left: 1px solid #EEEEEE;
  border-right: none;
}
.boc-ui-input-number-vertical .input-number-operator.decrease::after {
  content: "\EA0B";
}
.boc-ui-input-number-vertical .input-number-operator.increase {
  position: absolute;
  left: auto;
  right: 1px;
  top: 1px;
  border: none;
  border-left: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
}
.boc-ui-input-number-vertical .input-number-operator.increase.disabled {
  border-bottom: 1px solid #EEEEEE !important;
}
.boc-ui-input-number-vertical .input-number-operator.increase::after {
  content: "\EA0E";
}
.boc-ui-input-number-vertical:hover .input-number-operator {
  border-color: #EEEEEE;
}
.boc-ui-input-number-no-operator input {
  margin: 0;
}

.boc-ui-input-tag {
  height: auto;
  padding: 5px 8px;
  overflow: hidden;
}
.boc-ui-input-tag .boc-ui-tag {
  margin-bottom: 8px;
  margin-right: 8px;
  white-space: unset;
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.boc-ui-input-tag input {
  height: 24px;
  margin-bottom: 7px;
  outline: none;
  border: none;
  color: #222222;
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.boc-ui-input-tag .tags-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: -7px;
}
.boc-ui-input-tag.disabled .boc-ui-tag i {
  display: none;
}
.boc-ui-input-tag.disabled input {
  background: transparent;
  cursor: not-allowed;
}
.boc-ui-input-tag.boc-ui-input-lg {
  min-height: 40px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.boc-ui-input-tag.boc-ui-input-sm {
  min-height: 32px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.boc-ui-input-tag.boc-ui-input-xs, .boc-ui-input-tag.boc-ui-input-compact {
  min-height: 28px;
  padding-top: 1px;
  padding-bottom: 1px;
}

.boc-ui-input-group-compact.has-error + .help-block {
  font-size: 12px;
}

.boc-ui-input-group-compact.has-success-hook:before {
  font-size: 18px;
}

.boc-ui-input-textarea {
  padding: 6px 30px 6px 8px;
}

.boc-ui-input-textarea-wrapper .boc-ui-input-textarea-allow-clear {
  position: relative;
}
.boc-ui-input-textarea-wrapper .boc-ui-input-textarea-allow-clear .addon-icon {
  position: absolute;
  font-size: 1.4em;
  color: #CCCCCC;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  right: 8px;
  top: 8px;
}
.boc-ui-input-textarea-wrapper .boc-ui-input-textarea-allow-clear .boc-ui-input {
  padding-right: 30px;
}

.suggestion-list .boc-ui-dropdown-menu-item-ellipsis {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.suggestion-list .boc-ui-dropdown-menu-item-wrap {
  display: inline-block;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 20px;
}
.suggestion-list .boc-ui-dropdown-menu a .active-highlight::after {
  top: 8px;
}
.suggestion-list .boc-ui-dropdown-menu .keyborad-selected {
  text-decoration: none;
  background-color: #F5F6FA;
}
.suggestion-list .boc-ui-dropdown-menu .rtl-direction {
  padding: 8px 8px 8px 36px;
}
.suggestion-list .boc-ui-dropdown-menu .ltr-direction {
  padding: 8px 36px 8px 8px;
}

.boc-ui-rtl .has-success-hook::before {
  left: 16px;
  right: auto;
}
.boc-ui-rtl .has-success-hook .boc-ui-input:not([readonly]):not([disabled]):not(.disabled) {
  padding-left: 36px;
  padding-right: 8px;
}
.boc-ui-rtl .boc-ui-input-required::before {
  margin-left: 5px;
  margin-right: 0;
}
.boc-ui-rtl .form-group .control-label,
.boc-ui-rtl .form-group .col-form-label {
  text-align: left;
}
.boc-ui-rtl .form-group .boc-ui-btn + .boc-ui-btn {
  margin-left: 0;
  margin-right: 20px;
}
.boc-ui-rtl .form-group .boc-ui-btn-radio-group .boc-ui-btn + .boc-ui-btn {
  margin-right: -1px;
  margin-left: 0;
}
.boc-ui-rtl .boc-ui-input-number .boc-ui-input-number-wrapper .has-prefix-icon {
  padding-left: 8px;
  padding-right: 32px;
}
.boc-ui-rtl .boc-ui-input-number .boc-ui-input-number-wrapper .has-suffix-icon {
  padding-right: 8px;
  padding-left: 32px;
}
.boc-ui-rtl .boc-ui-input-number .input-number-operator.decrease {
  border-left: 1px solid #EEEEEE;
  border-right: none;
}
.boc-ui-rtl .boc-ui-input-number .input-number-operator.increase {
  border-left: none;
  border-right: 1px solid #EEEEEE;
}
.boc-ui-rtl .boc-ui-input-number-vertical input {
  margin: 0 0 0 40px;
  padding-left: 40px;
  padding-right: 0;
}
.boc-ui-rtl .boc-ui-input-number-vertical .boc-ui-input-group input {
  padding-left: 0;
  padding-right: 8px;
}
.boc-ui-rtl .boc-ui-input-number-vertical .input-number-operator::after {
  right: 0;
  left: auto;
}
.boc-ui-rtl .boc-ui-input-number-vertical .input-number-operator.decrease {
  right: auto;
  left: 1px;
  border-left: none;
  border-right: 1px solid #EEEEEE;
}
.boc-ui-rtl .boc-ui-input-number-vertical .input-number-operator.increase {
  right: auto;
  left: 1px;
  border-right: 1px solid #EEEEEE;
  border-left: none;
}
.boc-ui-rtl .boc-ui-input-tag .boc-ui-tag {
  margin-right: 0;
  margin-left: 8px;
  text-align: right;
}
.boc-ui-rtl .boc-ui-input-textarea {
  padding: 6px 8px 6px 30px;
}
.boc-ui-rtl .boc-ui-input-textarea-wrapper .boc-ui-input-textarea-allow-clear .addon-icon {
  left: 8px;
  right: auto;
}
.boc-ui-rtl .boc-ui-input-textarea-wrapper .boc-ui-input-textarea-allow-clear .boc-ui-input {
  padding-right: 8px;
  padding-left: 30px;
}
.boc-ui-rtl .boc-ui-radio .custom-radio {
  margin-left: 8px;
  margin-right: 0px;
}
.boc-ui-rtl .boc-ui-radio-group .boc-ui-radio {
  margin-right: 0;
  margin-left: 32px;
}
.boc-ui-rtl .boc-ui-radio-group .boc-ui-radio + .boc-ui-radio:not(.block-label) {
  margin-left: 32px;
  margin-right: 0;
}
.boc-ui-rtl .boc-ui-radio + .boc-ui-radio:not(.block-label) {
  margin-right: 32px;
  margin-left: 0;
}
.boc-ui-rtl .boc-ui-checkbox .custom-checkbox {
  margin-left: 8px;
  margin-right: 0px;
}
.boc-ui-rtl .boc-ui-checkbox-group .boc-ui-checkbox {
  margin-right: 0;
  margin-left: 32px;
}
.boc-ui-rtl .boc-ui-checkbox-group .boc-ui-checkbox + .boc-ui-checkbox:not(.block-label) {
  margin-left: 32px;
  margin-right: 0;
}
.boc-ui-rtl .boc-ui-checkbox + .boc-ui-checkbox:not(.block-label) {
  margin-right: 32px;
  margin-left: 0;
}

.boc-ui-radio {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.boc-ui-radio.inline-label {
  max-width: 200px;
}
.boc-ui-radio.block-label {
  display: block;
  margin-bottom: 10px;
}
.boc-ui-radio:hover {
  cursor: pointer;
}
.boc-ui-radio:hover .custom-radio:not(.half-checked) {
  border-color: #999999;
}
.boc-ui-radio:hover input:disabled ~ .custom-radio {
  cursor: not-allowed;
}
.boc-ui-radio:hover input:disabled ~ .custom-radio-label {
  cursor: not-allowed;
}
.boc-ui-radio:hover input:disabled + .custom-radio:not(.half-checked) {
  border-color: #EEEEEE;
}
.boc-ui-radio input[type=radio] {
  position: absolute;
  display: none;
}
.boc-ui-radio .custom-radio {
  position: relative;
  display: inline-block;
  margin-right: 8px;
  width: 16px;
  height: 16px;
  min-width: 16px;
  border: 1px solid #999999;
  background-color: #fff;
  vertical-align: sub;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  flex-shrink: 0;
}
.boc-ui-radio .custom-radio::before {
  position: absolute;
  display: inline-block;
  content: "";
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  background-color: transparent;
  border-radius: 50%;
}
.boc-ui-radio .custom-radio-label {
  vertical-align: middle;
  color: #222222;
  word-break: break-all;
  white-space: normal;
}
.boc-ui-radio span.custom-radio-label-no-warp {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.boc-ui-radio input:checked + .custom-radio {
  background-color: #222222;
  border-color: #222222 !important;
}
.boc-ui-radio input:checked + .custom-radio::before {
  background-color: #fff;
}
.boc-ui-radio input:checked + .custom-radio.brand {
  background-color: #ffcc33;
  border-color: #ffcc33 !important;
}
.boc-ui-radio input:disabled + .custom-radio {
  border-color: #EEEEEE;
  background-color: #F5F6FA;
}
.boc-ui-radio input:disabled:checked + .custom-radio {
  border-color: #222222 !important;
  background-color: #222222;
  opacity: 0.3;
}
.boc-ui-radio input:disabled ~ .custom-radio-label {
  opacity: 0.5;
}

.boc-ui-radio-group .boc-ui-radio {
  margin-left: 0;
  margin-right: 32px;
}
.boc-ui-radio-group .boc-ui-radio + .boc-ui-radio:not(.block-label) {
  margin-right: 32px;
  margin-left: 0;
}

.boc-ui-radio + .boc-ui-radio:not(.block-label) {
  margin-left: 32px;
  margin-right: 0;
}

.boc-ui-checkbox {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.boc-ui-checkbox.inline-label {
  max-width: 200px;
}
.boc-ui-checkbox.block-label {
  display: block;
  margin-bottom: 10px;
}
.boc-ui-checkbox:hover {
  cursor: pointer;
}
.boc-ui-checkbox:hover .custom-checkbox:not(.half-checked) {
  border-color: #999999;
}
.boc-ui-checkbox:hover input:disabled ~ .custom-checkbox {
  cursor: not-allowed;
}
.boc-ui-checkbox:hover input:disabled ~ .custom-checkbox-label {
  cursor: not-allowed;
}
.boc-ui-checkbox:hover input:disabled + .custom-checkbox:not(.half-checked) {
  border-color: #EEEEEE;
}
.boc-ui-checkbox input[type=checkbox] {
  position: absolute;
  display: none;
}
.boc-ui-checkbox .custom-checkbox {
  position: relative;
  display: inline-block;
  margin-right: 8px;
  width: 16px;
  height: 16px;
  min-width: 16px;
  border: 1px solid #999999;
  background-color: #fff;
  vertical-align: sub;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.boc-ui-checkbox .custom-checkbox::before {
  position: absolute;
  display: inline-block;
  content: "";
}
.boc-ui-checkbox .custom-checkbox-label {
  vertical-align: middle;
  color: #222222;
  word-break: break-all;
  white-space: normal;
}
.boc-ui-checkbox span.custom-radio-label-no-warp {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.boc-ui-checkbox input:checked + .custom-checkbox {
  background-color: #222222;
  border-color: #222222 !important;
}
.boc-ui-checkbox input:checked + .custom-checkbox::before {
  left: 50%;
  top: 30%;
  -webkit-transform: translate(-50%, -35%) rotate(45deg);
      -ms-transform: translate(-50%, -35%) rotate(45deg);
          transform: translate(-50%, -35%) rotate(45deg);
  width: 6px;
  height: 10px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
}
.boc-ui-checkbox input:checked + .custom-checkbox.brand {
  background-color: #ffcc33;
  border-color: #ffcc33 !important;
}
.boc-ui-checkbox input:checked + .custom-checkbox.brand::before {
  left: 50%;
  top: 30%;
  -webkit-transform: translate(-50%, -35%) rotate(45deg);
      -ms-transform: translate(-50%, -35%) rotate(45deg);
          transform: translate(-50%, -35%) rotate(45deg);
  width: 6px;
  height: 10px;
  border: 2px solid #222222;
  border-top: 0;
  border-left: 0;
}
.boc-ui-checkbox input:disabled + .custom-checkbox {
  border-color: #EEEEEE;
  background-color: #F5F6FA;
}
.boc-ui-checkbox input:disabled:checked + .custom-checkbox {
  border-color: #222222 !important;
  background-color: #222222;
  opacity: 0.3;
}
.boc-ui-checkbox input:disabled:checked + .custom-checkbox.brand::before {
  left: 50%;
  top: 30%;
  -webkit-transform: translate(-50%, -35%) rotate(45deg);
      -ms-transform: translate(-50%, -35%) rotate(45deg);
          transform: translate(-50%, -35%) rotate(45deg);
  width: 6px;
  height: 10px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
}
.boc-ui-checkbox input:disabled ~ .custom-checkbox-label {
  opacity: 0.5;
}
.boc-ui-checkbox .focus {
  outline: 0;
}
.boc-ui-checkbox .half-checked {
  border-color: #222222;
  background-color: #222222;
}
.boc-ui-checkbox .half-checked::before {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 10px;
  border-bottom: 2px solid #fff;
}
.boc-ui-checkbox .half-checked.brand {
  border-color: #ffcc33;
  background-color: #ffcc33;
}
.boc-ui-checkbox .half-checked.brand::before {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 10px;
  border-bottom: 2px solid #222222;
}
.boc-ui-checkbox input:disabled + .half-checked {
  border-color: #222222;
  background-color: #222222;
  opacity: 0.3;
}
.boc-ui-checkbox input:disabled + .half-checked.brand::before {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 10px;
  border-bottom: 2px solid #fff;
}

.boc-ui-checkbox-group .boc-ui-checkbox {
  margin-left: 0;
  margin-right: 32px;
}
.boc-ui-checkbox-group .boc-ui-checkbox + .boc-ui-checkbox:not(.block-label) {
  margin-right: 32px;
  margin-left: 0;
}

.boc-ui-checkbox + .boc-ui-checkbox:not(.block-label) {
  margin-left: 32px;
  margin-right: 0;
}

.boc-ui-cascader.has-success-color .boc-ui-input {
  border-color: #00BF7F;
}

.cascader-text {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.boc-ui-dropdown-menu .boc-ui-cascader-option-item .boc-ui-cascader-expand-icon {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-align: center;
      align-items: center;
  top: 0;
  position: absolute;
  right: 10px;
}

.boc-ui-rtl .boc-ui-dropdown-menu .boc-ui-cascader-option-item .boc-ui-cascader-expand-icon {
  left: 10px;
  right: auto;
}

/*
---------------
面包屑样式
---------------
*/
.boc-ui-breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 28px;
  margin-bottom: 10px;
  list-style: none;
  line-height: 28px;
}
.boc-ui-breadcrumb > li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-left: 2px;
  color: #666666;
}
.boc-ui-breadcrumb > li span,
.boc-ui-breadcrumb > li a,
.boc-ui-breadcrumb > li a:visited {
  vertical-align: middle;
  color: #666666;
}
.boc-ui-breadcrumb > li i.roo-icon {
  font-size: 1.4em;
  vertical-align: middle;
}
.boc-ui-breadcrumb > li:not(.active) > i {
  color: #666666;
  margin-right: 4px;
}
.boc-ui-breadcrumb > li:hover a {
  color: #FF6A00;
  cursor: pointer;
}
.boc-ui-breadcrumb > li i.roo-icon,
.boc-ui-breadcrumb > li span,
.boc-ui-breadcrumb > li a {
  text-decoration: none;
}
.boc-ui-breadcrumb > li + li {
  padding-left: 2px;
}
.boc-ui-breadcrumb > li + li:hover::before {
  text-decoration: none;
}
.boc-ui-breadcrumb > li.active {
  color: #222222;
}
.boc-ui-breadcrumb > li.active > i {
  margin-right: 4px;
}
.boc-ui-breadcrumb > li.active span,
.boc-ui-breadcrumb > li.active a {
  color: #222222;
}

.boc-ui-breadcrumb-item-action:hover a,
.boc-ui-breadcrumb-item-action:hover span,
.boc-ui-breadcrumb-item-action:hover i,
.boc-ui-breadcrumb-item-action:hover .roo-icon {
  color: #FF6A00;
  cursor: pointer;
}

.boc-ui-breadcrumb-separator {
  padding: 0 5px;
}

.boc-ui-breadcrumb-default > li + li::before {
  display: inline-block;
  padding-right: 2px;
  font-family: "roo-icon";
  font-weight: 300;
  line-height: 1;
  font-size: 18px;
  vertical-align: middle;
  color: #999999;
  content: "\EA0D";
}

.boc-ui-breadcrumb-line > li + li::before {
  content: "|";
  font-family: "Helvetica Neue", Arial, -apple-system, BlinkMacSystemFont, "PingFang SC", "microsoft yahei", "STXihei", sans-serif;
  padding: 0 10px;
  font-size: 14px;
  vertical-align: middle;
}

.boc-ui-breadcrumb-oblique-line > li + li::before {
  content: "/";
  font-family: "Helvetica Neue", Arial, -apple-system, BlinkMacSystemFont, "PingFang SC", "microsoft yahei", "STXihei", sans-serif;
  padding: 0 10px;
  font-size: 14px;
  vertical-align: middle;
}

.boc-ui-breadcrumb-double-arrow > li + li::before {
  content: "\EA17";
  font-family: "roo-icon";
  padding: 0 10px;
  font-size: 14px;
  vertical-align: middle;
}

.boc-ui-breadcrumb-bg-gray > li {
  position: relative;
  padding-right: 28px;
  background-color: #F5F6FA;
}
.boc-ui-breadcrumb-bg-gray > li::after, .boc-ui-breadcrumb-bg-gray > li::before {
  position: absolute;
  right: -14px;
  top: 0;
  display: inline-block;
  padding-right: 0 !important;
  content: "" !important;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 14px solid transparent;
}
.boc-ui-breadcrumb-bg-gray > li + li {
  padding-left: 10px;
}
.boc-ui-breadcrumb-bg-gray > li::after {
  border-left-color: #F5F6FA;
  right: -12px;
}
.boc-ui-breadcrumb-bg-gray > li:last-child {
  padding-right: 2px;
}
.boc-ui-breadcrumb-bg-gray > li:last-child::before {
  display: none;
}
.boc-ui-breadcrumb-bg-gray > li:last-child::after {
  right: -2em;
  top: 0;
  border-left-color: #F5F6FA;
}

.boc-ui-rtl .boc-ui-breadcrumb > li {
  padding-right: 2px;
}
.boc-ui-rtl .boc-ui-breadcrumb > li:not(.active) > i {
  margin-left: 4px;
}
.boc-ui-rtl .boc-ui-breadcrumb > li + li {
  padding-right: 2px;
}
.boc-ui-rtl .boc-ui-breadcrumb > li.active > i {
  margin-left: 4px;
}
.boc-ui-rtl .boc-ui-breadcrumb-default > li + li::before {
  content: "\EA0C";
  padding-left: 2px;
}
.boc-ui-rtl .boc-ui-breadcrumb-oblique-line > li + li::before {
  content: "\\";
}
.boc-ui-rtl .boc-ui-breadcrumb-double-arrow > li + li::before {
  content: none;
}
.boc-ui-rtl .boc-ui-breadcrumb-double-arrow > li + li::after {
  content: "\EA16";
  font-family: "roo-icon";
  padding: 0 10px;
  font-size: 14px;
  vertical-align: middle;
}
.boc-ui-rtl .boc-ui-breadcrumb-bg-gray > li {
  padding-left: 28px;
}
.boc-ui-rtl .boc-ui-breadcrumb-bg-gray > li::after, .boc-ui-rtl .boc-ui-breadcrumb-bg-gray > li::before {
  left: -14px;
  right: auto;
  padding-left: 0 !important;
  border-right: 14px solid #fff;
  border-left: 14px solid transparent;
}
.boc-ui-rtl .boc-ui-breadcrumb-bg-gray > li + li {
  padding-right: 10px;
}
.boc-ui-rtl .boc-ui-breadcrumb-bg-gray > li::after {
  border-right-color: #F5F6FA;
  left: -12px;
}
.boc-ui-rtl .boc-ui-breadcrumb-bg-gray > li:last-child {
  padding-left: 2px;
}
.boc-ui-rtl .boc-ui-breadcrumb-bg-gray > li:last-child::after {
  left: -2em;
  top: 0;
  border-right-color: #F5F6FA;
}

/*
---------------
导航样式
---------------
*/
.boc-ui-tabs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  text-align: center;
}

.boc-ui-tabs-vertical {
  -ms-flex-direction: row;
      flex-direction: row;
  overflow: hidden;
}

.boc-ui-tabs-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-tabs-container .boc-ui-tabs-extra-content {
  position: relative;
}
.boc-ui-tabs-container .scroll-Table-extra-content-right {
  right: -24px;
}
.boc-ui-tabs-container .scroll-Table-extra-content-left {
  left: -24px;
}
.boc-ui-tabs-container .left-extra {
  -ms-flex-order: -2;
      order: -2;
}
.boc-ui-tabs-container .right-extra {
  -ms-flex-order: 2;
      order: 2;
}
.boc-ui-tabs-container .fixed-width {
  max-width: 140px;
}
.boc-ui-tabs-container .boc-ui-tabs-pre,
.boc-ui-tabs-container .boc-ui-tabs-next {
  position: relative;
  -ms-flex: 0 0 24px;
      flex: 0 0 24px;
  font-size: 1.2em;
  color: #999999;
  cursor: pointer;
}
.boc-ui-tabs-container .boc-ui-tabs-pre:hover,
.boc-ui-tabs-container .boc-ui-tabs-next:hover {
  color: #222222;
}
.boc-ui-tabs-container .boc-ui-tabs-pre.disabled,
.boc-ui-tabs-container .boc-ui-tabs-next.disabled {
  color: #CCCCCC !important;
  cursor: not-allowed;
}
.boc-ui-tabs-container .boc-ui-tabs-pre .boc-ui-icon,
.boc-ui-tabs-container .boc-ui-tabs-next .boc-ui-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.boc-ui-tabs-container .boc-ui-tabs-pre {
  -ms-flex-order: -1;
      order: -1;
}
.boc-ui-tabs-container .boc-ui-tabs-next {
  -ms-flex-order: 1;
      order: 1;
}
.boc-ui-tabs-container .boc-ui-tabs-container .more-icon-wrapper {
  margin-left: 5px;
  margin-right: auto;
}

.boc-ui-tabs-content {
  -ms-flex: 1;
      flex: 1;
  padding: 10px;
  text-align: left;
  color: #666666;
}

.boc-ui-tabs-bottom .boc-ui-tabs-content {
  -ms-flex-order: -1;
      order: -1;
}

.boc-ui-tabs-vertical-right > .boc-ui-tabs-content {
  -ms-flex-order: -1;
      order: -1;
}

.boc-ui-tabs-nav-wrap {
  position: relative;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-order: 0;
      order: 0;
  overflow: hidden;
}
.boc-ui-tabs-nav-wrap.centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.boc-ui-tabs-nav {
  display: -ms-flexbox;
  display: flex;
}
.boc-ui-tabs-nav > li > a {
  display: block;
  height: 100%;
  cursor: pointer;
  padding: 0 20px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.boc-ui-tabs-nav > li > a .boc-ui-icon {
  font-size: 16px;
  vertical-align: sub;
}
.boc-ui-tabs-nav > li > a > span {
  text-align: left;
  font-size: 14px;
}
.boc-ui-tabs-nav > li > a > span > em {
  display: block;
  font-size: 14px;
  color: #222222;
  font-style: normal;
  white-space: normal;
}
.boc-ui-tabs-nav > li > a > span > em:first-child {
  display: block;
  margin-bottom: 4px;
  font-weight: normal;
  color: #666666;
}
.boc-ui-tabs-nav > li > a:hover {
  color: #222222;
  text-decoration: none;
}
.boc-ui-tabs-nav > li > a:hover em {
  color: #222222;
}
.boc-ui-tabs-nav > li > a:hover em:first-child {
  color: #222222;
}
.boc-ui-tabs-nav.boc-ui-tabs-nav-small > li > a > span {
  line-height: 30px;
}
.boc-ui-tabs-nav.boc-ui-tabs-nav-small > .tab-item {
  line-height: 30px;
}
.boc-ui-tabs-nav.boc-ui-tabs-nav-large > li > a > span {
  line-height: 38px;
}
.boc-ui-tabs-nav.boc-ui-tabs-nav-large > li > a > span {
  font-size: 16px;
}
.boc-ui-tabs-nav.boc-ui-tabs-nav-compact > li > a {
  padding: 0 6px;
}
.boc-ui-tabs-nav.boc-ui-tabs-nav-compact > li > a > span {
  line-height: 26px;
}
.boc-ui-tabs-nav.boc-ui-tabs-nav-compact .tab-item {
  line-height: 26px;
}
.boc-ui-tabs-nav.boc-ui-tabs-nav-compact .tab-item.active {
  font-weight: 500;
}
.boc-ui-tabs-nav.centered {
  position: relative;
}
.boc-ui-tabs-nav .disabled a {
  color: #CCCCCC !important;
  cursor: not-allowed !important;
}
.boc-ui-tabs-nav .disabled a * {
  color: #CCCCCC !important;
}

.boc-ui-tabs-card .boc-ui-tabs-container .tab-item {
  position: relative;
  line-height: 34px;
}
.boc-ui-tabs-card .boc-ui-tabs-container .tab-item .a-card {
  border: 1px solid #EEEEEE;
  color: #666666;
  background-color: #F5F6FA;
  cursor: pointer;
}
.boc-ui-tabs-card .boc-ui-tabs-container .tab-item.active .a-card {
  background-color: #fff;
  color: #222222;
  border-color: #EEEEEE;
}
.boc-ui-tabs-card .boc-ui-tabs-container .tab-item .tab-item-card {
  border: 1px solid #EEEEEE;
  color: #666666;
  background-color: #F5F6FA;
  cursor: pointer;
}
.boc-ui-tabs-card .boc-ui-tabs-container .tab-item.active .tab-item-card {
  background-color: #fff;
  color: #222222;
  border-color: #EEEEEE;
}
.boc-ui-tabs-card .boc-ui-tabs-container .tab-item .tab-item-card.disabled {
  background-color: #EEEEEE !important;
}
.boc-ui-tabs-card .boc-ui-tabs-container .tab-item:not(:first-child):not(.whole-border) a {
  border-top-left-radius: 0;
  border-left-color: transparent;
}
.boc-ui-tabs-card .boc-ui-tabs-container .tab-item:not(:last-child) a {
  border-top-right-radius: 0;
}
.boc-ui-tabs-card .boc-ui-tabs-container-small .tab-item {
  line-height: 30px;
}
.boc-ui-tabs-card .boc-ui-tabs-nav-compact .tab-item {
  line-height: 26px;
}
.boc-ui-tabs-card .left-extra {
  margin-right: 16px;
  -ms-flex-order: -2;
      order: -2;
}
.boc-ui-tabs-card .right-extra {
  margin-left: 16px;
  -ms-flex-order: 2;
      order: 2;
}

.boc-ui-tabs-line .boc-ui-tabs-container {
  height: 50px;
}
.boc-ui-tabs-line .boc-ui-tabs-container.boc-ui-tabs-container-small {
  height: 30px;
}
.boc-ui-tabs-line .boc-ui-tabs-pre {
  margin-left: -20px;
}
.boc-ui-tabs-line .boc-ui-tabs-next {
  margin-right: -20px;
}
.boc-ui-tabs-line .boc-ui-tabs-arrow-with-no-margin {
  margin: 0 !important;
}
.boc-ui-tabs-line .boc-ui-tabs-container .tab-item {
  position: relative;
  line-height: 48px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.boc-ui-tabs-line .boc-ui-tabs-container .tab-item .a-line {
  border: none;
  background: transparent;
  color: #666666;
  cursor: pointer;
}
.boc-ui-tabs-line .boc-ui-tabs-container .tab-item.active .a-line {
  color: #222222;
}
.boc-ui-tabs-line .boc-ui-tabs-container .tab-item .tab-item-line {
  border: none;
  background: transparent;
  color: #666666;
  cursor: pointer;
}
.boc-ui-tabs-line .boc-ui-tabs-container .tab-item.active .tab-item-line {
  color: #222222;
}
.boc-ui-tabs-line .boc-ui-tabs-container .boc-ui-tabs-nav-small .tab-item {
  line-height: 30px;
}
.boc-ui-tabs-line .boc-ui-tabs-container-small .boc-ui-tabs-extra-content {
  line-height: 29px;
}
.boc-ui-tabs-line .boc-ui-tabs-extra-content {
  line-height: 47px;
}
.boc-ui-tabs-line .boc-ui-tabs-nav-compact .tab-item {
  line-height: 28px;
}
.boc-ui-tabs-line .boc-ui-tabs-nav-compact .tab-item.active {
  font-weight: 500;
}
.boc-ui-tabs-line .extra-border-left {
  border-left: 1px solid #E9EAF2;
}
.boc-ui-tabs-line .extra-border-right {
  border-right: 1px solid #E9EAF2;
}
.boc-ui-tabs-line .extra-border-top {
  border-top: 1px solid #E9EAF2;
}
.boc-ui-tabs-line .extra-border-bottom {
  border-bottom: 1px solid #E9EAF2;
}

.boc-ui-tabs-noborder .boc-ui-tabs-container {
  border-bottom: none !important;
}

.boc-ui-tabs-fill .boc-ui-tabs-container .tab-item {
  position: relative;
  line-height: 34px;
}
.boc-ui-tabs-fill .boc-ui-tabs-container .tab-item a {
  border: 1px solid #EEEEEE;
  color: #666666;
  cursor: pointer;
  background-color: #F5F6FA;
}
.boc-ui-tabs-fill .boc-ui-tabs-container .tab-item.active .a-fill {
  color: #fff;
  background-color: #222222;
  border-color: #222222;
}
.boc-ui-tabs-fill .boc-ui-tabs-container .tab-item.active .tab-item-fill {
  color: #fff;
  background-color: #222222;
  border-color: #222222;
}
.boc-ui-tabs-fill .boc-ui-tabs-container .tab-item .tab-item-fill.disabled {
  background-color: #EEEEEE !important;
}
.boc-ui-tabs-fill .boc-ui-tabs-container .tab-item:not(:first-child):not(.whole-border) .a-fill {
  border-top-left-radius: 0;
  border-left-color: transparent;
}
.boc-ui-tabs-fill .boc-ui-tabs-container .tab-item:not(:first-child):not(.whole-border) .tab-item-fill {
  border-top-left-radius: 0;
  border-left-color: transparent;
}
.boc-ui-tabs-fill .boc-ui-tabs-container .tab-item:not(:last-child) a {
  border-top-right-radius: 0;
}
.boc-ui-tabs-fill .left-extra {
  margin-right: 16px;
  -ms-flex-order: -2;
      order: -2;
}
.boc-ui-tabs-fill .right-extra {
  margin-left: 16px;
  -ms-flex-order: 2;
      order: 2;
}

.boc-ui-tabs-flexable .tab-item {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 1%;
}
.boc-ui-tabs-flexable .tab-item a {
  max-width: unset;
}
.boc-ui-tabs-flexable.boc-ui-tabs-vertical .tab-item {
  width: auto;
}

.boc-ui-tabs-multiline .boc-ui-tabs-container {
  height: auto;
}
.boc-ui-tabs-multiline .boc-ui-tabs-nav-wrap {
  margin-bottom: -1px;
}
.boc-ui-tabs-multiline .boc-ui-tabs-nav {
  margin-bottom: 1px;
}
.boc-ui-tabs-multiline .tab-item {
  line-height: normal;
}
.boc-ui-tabs-multiline .tab-item a {
  max-width: unset;
  border-bottom: none;
  padding: 10px 20px;
}
.boc-ui-tabs-multiline .tab-item a em {
  font-size: 14px;
}
.boc-ui-tabs-multiline .tab-item a em:first-child {
  font-size: 12px;
}
.boc-ui-tabs-multiline .tab-item.active {
  position: relative;
}
.boc-ui-tabs-multiline .tab-item.active a {
  color: #222222;
}
.boc-ui-tabs-multiline .tab-item.active a em {
  color: #222222;
}
.boc-ui-tabs-multiline .tab-item.active::after {
  display: block;
  content: "";
  position: absolute;
  left: 1px;
  right: 1px;
  bottom: -1px;
  height: 1px;
  background: #fff;
}

.boc-ui-tabs-container-small .tab-item {
  line-height: 30px;
}

.boc-ui-tabs-pointer {
  position: absolute;
  display: block;
  bottom: 0px;
  left: 0px;
  width: 40px;
  height: 2px;
  overflow: hidden;
  background-image: linear-gradient(to right, #FFE14D, #FFC34D);
  z-index: 1;
}

.boc-ui-tabs-bottom .boc-ui-tabs-pointer {
  top: 0;
  bottom: auto;
  left: 0;
  right: auto;
}

.boc-ui-tabs-border-line {
  position: absolute;
  display: block;
  bottom: 0px;
  left: 0px;
  right: 0;
  width: 200%;
  height: 1px;
  overflow: hidden;
  background-color: #E9EAF2;
}

.boc-ui-tabs-bottom .boc-ui-tabs-border-line {
  top: 0;
  bottom: auto;
  left: 0;
  right: 0;
}

.boc-ui-tabs-vertical > .boc-ui-tabs-container,
.boc-ui-tabs-vertical > div > .boc-ui-tabs-container {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
}
.boc-ui-tabs-vertical > .boc-ui-tabs-container .boc-ui-tabs-nav,
.boc-ui-tabs-vertical > div > .boc-ui-tabs-container .boc-ui-tabs-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.boc-ui-tabs-vertical > .boc-ui-tabs-container .boc-ui-tabs-pointer,
.boc-ui-tabs-vertical > div > .boc-ui-tabs-container .boc-ui-tabs-pointer {
  right: 0px;
  left: auto;
  top: 0px;
  bottom: auto;
  width: 2px;
  height: 30px;
}
.boc-ui-tabs-vertical > .boc-ui-tabs-container .boc-ui-tabs-border-line,
.boc-ui-tabs-vertical > div > .boc-ui-tabs-container .boc-ui-tabs-border-line {
  right: 0px;
  left: auto;
  top: 0px;
  bottom: auto;
  width: 1px;
  height: 200%;
}
.boc-ui-tabs-vertical.boc-ui-tabs-vertical-right > .boc-ui-tabs-container .boc-ui-tabs-border-line,
.boc-ui-tabs-vertical.boc-ui-tabs-vertical-right > div > .boc-ui-tabs-container .boc-ui-tabs-border-line {
  left: 0px;
  right: auto;
  top: 0px;
  bottom: auto;
}
.boc-ui-tabs-vertical.boc-ui-tabs-vertical-right > .boc-ui-tabs-container .boc-ui-tabs-pointer,
.boc-ui-tabs-vertical.boc-ui-tabs-vertical-right > div > .boc-ui-tabs-container .boc-ui-tabs-pointer {
  left: 0;
  right: auto;
}
.boc-ui-tabs-vertical.boc-ui-tabs-line .boc-ui-tabs-container .boc-ui-tabs-pre {
  margin-left: unset;
}
.boc-ui-tabs-vertical.boc-ui-tabs-line .boc-ui-tabs-container .boc-ui-tabs-next {
  margin-right: unset;
}

.boc-ui-tabs-vertical-right.boc-ui-tabs-line > .boc-ui-tabs-container .boc-ui-tabs-pre,
.boc-ui-tabs-vertical-right.boc-ui-tabs-line > div > .boc-ui-tabs-container .boc-ui-tabs-pre {
  border-right: unset;
}
.boc-ui-tabs-vertical-right.boc-ui-tabs-line > .boc-ui-tabs-container .boc-ui-tabs-next,
.boc-ui-tabs-vertical-right.boc-ui-tabs-line > div > .boc-ui-tabs-container .boc-ui-tabs-next {
  border-right: unset;
}

.drop-menu-for-tabs {
  overflow: scroll !important;
}

.boc-ui-tabs-container .tab-item .tab-item-icon {
  margin-right: 12px;
  display: inline-block;
}
.boc-ui-tabs-container .tab-item .tab-item-closeicon {
  margin-left: 12px;
  display: inline-block;
  transition: all 0.3s;
  color: #CCCCCC;
}
.boc-ui-tabs-container .tab-item .tab-item-closeicon:hover:not(.fill.active) {
  color: #4e4e4e;
}
.boc-ui-tabs-container .tab-item .tab-item-closeicon:hover.fill.active {
  color: #fff;
}

.boc-ui-rtl .boc-ui-tabs-line .boc-ui-tabs-pre {
  margin-right: -20px;
  margin-left: auto;
}
.boc-ui-rtl .boc-ui-tabs-line .boc-ui-tabs-next {
  margin-left: -20px;
  margin-right: auto;
}
.boc-ui-rtl .more-icon-wrapper {
  margin-right: 5px;
  margin-left: auto;
}
.boc-ui-rtl .boc-ui-tabs-content {
  text-align: right;
}
.boc-ui-rtl .boc-ui-tabs-card .boc-ui-tabs-container .tab-item:not(:first-child):not(.whole-border) a {
  border-top-right-radius: 0;
  border-left-color: #EEEEEE;
  border-right-color: transparent;
}
.boc-ui-rtl .boc-ui-tabs-card .boc-ui-tabs-container .tab-item:not(:last-child) a {
  border-top-left-radius: 0;
}
.boc-ui-rtl .boc-ui-tabs-fill:not(:first-child):not(.whole-border) .a-fill {
  border-top-right-radius: 0;
  border-left-color: #EEEEEE;
  border-right-color: transparent;
}
.boc-ui-rtl .boc-ui-tabs-fill:not(:first-child):not(.whole-border) .tab-item-fill {
  border-top-right-radius: 0;
  border-right-color: transparent;
}
.boc-ui-rtl .boc-ui-tabs-fill:not(:last-child) a {
  border-top-left-radius: 0;
}
.boc-ui-rtl .boc-ui-tabs-vertical.boc-ui-tabs-line .boc-ui-tabs-container .boc-ui-tabs-pre {
  margin: unset;
}
.boc-ui-rtl .boc-ui-tabs-vertical.boc-ui-tabs-line .boc-ui-tabs-container .boc-ui-tabs-next {
  margin: unset;
}
.boc-ui-rtl .boc-ui-tabs-container .tab-item .tab-item-icon {
  margin-left: 12px;
  margin-right: 0;
}
.boc-ui-rtl .boc-ui-tabs-container .tab-item .tab-item-closeicon {
  margin-right: 0;
  margin-left: 12px;
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.boc-ui-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1050;
  max-height: 242px;
  overflow-y: auto;
  padding: 4px 0;
  font-size: 14px;
  color: #222222;
  text-align: left;
  list-style: none;
  border: 1px solid #EEEEEE;
  box-shadow: 0px 10px 16px 0px rgba(88, 90, 110, 0.15);
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 2px;
  box-shadow: 0px 10px 16px 0px rgba(88, 90, 110, 0.15);
}
.boc-ui-dropdown-menu.boc-ui-dropdown-menu-inline {
  z-index: unset;
}
.boc-ui-dropdown-menu + .boc-ui-dropdown-menu {
  box-shadow: 5px 10px 16px 0px rgba(88, 90, 110, 0.15);
}
.boc-ui-dropdown-menu li.boc-ui-hover {
  background-color: #ffcc33;
}
.boc-ui-dropdown-menu.loading {
  text-align: center;
  padding: 20px;
}
.boc-ui-dropdown-menu .other-info {
  text-align: center;
  padding: 10px 20px;
  color: #999999;
  font-size: 12px;
  font-weight: 300;
}

.boc-ui-dropdown-menu-cascader {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1050;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  box-shadow: 0px 10px 16px 0px rgba(88, 90, 110, 0.15);
}
.boc-ui-dropdown-menu-cascader .withoutAfter::after {
  display: none !important;
}
.boc-ui-dropdown-menu-cascader .boc-ui-dropdown-menu {
  position: static;
  min-width: 100px;
  height: 180px;
  box-shadow: unset;
}
.boc-ui-dropdown-menu-cascader .boc-ui-dropdown-menu-virtual {
  min-width: 150px;
}
.boc-ui-dropdown-menu-cascader .boc-ui-dropdown-menu + .boc-ui-dropdown-menu {
  margin-left: -1px;
}
.boc-ui-dropdown-menu-cascader .boc-ui-dropdown-menu:not(:last-child) a.active-highlight::after {
  display: none;
}
.boc-ui-dropdown-menu-cascader .boc-ui-dropdown-menu a:active::after {
  display: none;
}

.boc-ui-dropdown-menu:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.boc-ui-dropdown-menu:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.boc-ui-dropdown-menu:not(:first-child):last-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

/*
* 弹框方向为 bottom 时，需要修改 border 避免和 input 重合。
*/
.boc-ui-popup.bottom .boc-ui-dropdown-menu, .boc-ui-popup.bottom-start .boc-ui-dropdown-menu, .boc-ui-popup.bottom-end .boc-ui-dropdown-menu {
  border-top: 0;
}

.popup.top.boc-ui-dropdown-menu, .popup.top-left.boc-ui-dropdown-menu, .popup.top-right.boc-ui-dropdown-menu {
  margin-bottom: 4px;
}
.popup.bottom.boc-ui-dropdown-menu, .popup.bottom-left.boc-ui-dropdown-menu, .popup.bottom-right.boc-ui-dropdown-menu {
  margin-top: 4px;
}
.popup.left.boc-ui-dropdown-menu {
  margin-right: 4px;
}
.popup.right.boc-ui-dropdown-menu {
  margin-left: 4px;
}

.boc-ui-dropdown-menu-autowidth {
  width: auto;
}

.dropdown-divider, .boc-ui-dropdown-menu li:not(:first-child) .dropdown-classify::before,
.boc-ui-dropdown-menu .divider {
  height: 0;
  margin: 4px 10px;
  overflow: hidden;
  border-top: 1px solid #EEEEEE;
}

.dropdown-item,
.boc-ui-dropdown-menu a {
  position: relative;
  display: block;
  width: 100%;
  padding: 0 36px 0 8px;
  font-size: 1em;
  clear: both;
  font-weight: 400;
  color: #222222;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  line-height: 36px;
  border: 0;
  cursor: pointer;
}
.dropdown-item b,
.boc-ui-dropdown-menu a b {
  color: #222222;
}
.dropdown-item:hover,
.boc-ui-dropdown-menu a:hover {
  color: rgb(8.5, 8.5, 8.5);
  background-color: #F5F6FA;
  text-decoration: none;
}
.dropdown-item.active, .dropdown-item:active,
.boc-ui-dropdown-menu a.active,
.boc-ui-dropdown-menu a:active {
  text-decoration: none;
}
.dropdown-item.active.multiple::after, .dropdown-item:active.multiple::after,
.boc-ui-dropdown-menu a.active.multiple::after,
.boc-ui-dropdown-menu a:active.multiple::after {
  display: none;
}
.dropdown-item.active.multiple > i, .dropdown-item:active.multiple > i,
.boc-ui-dropdown-menu a.active.multiple > i,
.boc-ui-dropdown-menu a:active.multiple > i {
  color: #FF6A00;
}
.dropdown-item.active-highlight,
.boc-ui-dropdown-menu a.active-highlight {
  color: #FF6A00;
  text-decoration: none;
}
.dropdown-item.active-highlight::after,
.boc-ui-dropdown-menu a.active-highlight::after {
  content: "\EA0A";
  position: absolute;
  top: 0;
  right: 10px;
  font-family: "roo-icon";
  font-style: normal;
  font-weight: normal;
  color: #FF6A00;
  height: 100%;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}
.dropdown-item.active-highlight-no-select-icon,
.boc-ui-dropdown-menu a.active-highlight-no-select-icon {
  color: #FF6A00;
  text-decoration: none;
}
.dropdown-item.boc-ui-drop-menu-item-has-icon,
.boc-ui-dropdown-menu a.boc-ui-drop-menu-item-has-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.dropdown-item.disabled, .dropdown-item:disabled,
.boc-ui-dropdown-menu a.disabled,
.boc-ui-dropdown-menu a:disabled {
  color: #CCCCCC;
  background-color: transparent;
  cursor: not-allowed;
}
.dropdown-item > i,
.boc-ui-dropdown-menu a > i {
  position: absolute;
  right: 10px;
  top: 11px;
  display: inline-block;
  color: #CCCCCC;
}

.boc-ui-dropdown-menu .item-no-select-icon a {
  position: relative;
  display: block;
  width: 100%;
  padding: 0 36px 0 8px;
  font-size: 1em;
  clear: both;
  font-weight: 400;
  color: #222222;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  line-height: 36px;
  border: 0;
  cursor: pointer;
}
.boc-ui-dropdown-menu .item-no-select-icon a b {
  color: #222222;
}
.boc-ui-dropdown-menu .item-no-select-icon a:hover {
  color: rgb(8.5, 8.5, 8.5);
  background-color: #F5F6FA;
  text-decoration: none;
}
.boc-ui-dropdown-menu .item-no-select-icon a.active, .boc-ui-dropdown-menu .item-no-select-icon a:active {
  text-decoration: none;
}
.boc-ui-dropdown-menu .item-no-select-icon a.active.multiple::after, .boc-ui-dropdown-menu .item-no-select-icon a:active.multiple::after {
  display: none;
}
.boc-ui-dropdown-menu .item-no-select-icon a.active.multiple > i, .boc-ui-dropdown-menu .item-no-select-icon a:active.multiple > i {
  color: #FF6A00;
}
.boc-ui-dropdown-menu .item-no-select-icon a.active::after, .boc-ui-dropdown-menu .item-no-select-icon a:active::after {
  content: "";
  position: absolute;
  top: 0;
  right: 10px;
  font-family: "roo-icon";
  font-style: normal;
  font-weight: normal;
  color: #CCCCCC;
}
.boc-ui-dropdown-menu .item-no-select-icon a.active-highlight {
  color: #FF6A00;
  text-decoration: none;
}
.boc-ui-dropdown-menu .item-no-select-icon a.active-highlight::after {
  content: "";
  position: absolute;
  top: 0;
  right: 10px;
  font-family: "roo-icon";
  font-style: normal;
  font-weight: normal;
  color: #FF6A00;
}
.boc-ui-dropdown-menu .item-no-select-icon a.active-highlight-no-select-icon {
  color: #FF6A00;
  text-decoration: none;
}
.boc-ui-dropdown-menu .item-no-select-icon a.disabled, .boc-ui-dropdown-menu .item-no-select-icon a:disabled {
  color: #CCCCCC;
  background-color: transparent;
  cursor: not-allowed;
}
.boc-ui-dropdown-menu .item-no-select-icon a > i {
  position: absolute;
  right: 10px;
  top: 11px;
  display: inline-block;
  color: #CCCCCC;
}

.boc-ui-dropdown-menu.show,
.show .boc-ui-dropdown-menu {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 4px 10px;
  margin-bottom: 0;
  font-size: 12px;
  color: rgb(229.5, 229.5, 229.5);
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0 10px;
  color: #222222;
}

.dropdown-classify h6 {
  margin: 0;
  padding: 4px 10px;
  color: #CCCCCC;
  font-weight: normal;
  font-size: 10px;
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
}

.boc-ui-dropdown-menu li:not(:first-child) .dropdown-classify::before {
  content: "";
  display: block;
}

/*
    thh_roo_motion 动效
    Animation
  */
@keyframes rooSlideUpIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes rooSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes rooSlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes rooSlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes rooSlideLeftIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes rooSlideLeftOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes rooSlideRightIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes rooSlideRightOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
}
.boc-ui-popup-motion-enter,
.boc-ui-popup-motion-appear {
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.boc-ui-popup-motion-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
}

.boc-ui-popup-motion {
  /* roo-popup-motion: background 0.3s, height 1.3s, opacity 1.3s; */
}

.bottom.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.bottom-start.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.bottom-end.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.bottomLeft.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.bottomRight.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.bottom.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active,
.bottom-start.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active,
.bottom-end.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active,
.bottomLeft.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active,
.bottomRight.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active {
  -webkit-animation-name: rooSlideUpIn;
          animation-name: rooSlideUpIn;
}

.bottom.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active,
.bottom-start.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active,
.bottom-end.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active,
.bottomLeft.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active,
.bottomRight.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active {
  -webkit-animation-name: rooSlideUpOut;
          animation-name: rooSlideUpOut;
}

.top.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.top-start.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.top-end.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.topLeft.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.topRight.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.top.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active,
.top-start.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active,
.top-end.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active,
.topLeft.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active,
.topRight.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active {
  -webkit-animation-name: rooSlideDownIn;
          animation-name: rooSlideDownIn;
}

.top.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active,
.top-start.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active,
.top-end.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active,
.topLeft.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active,
.topRight.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active {
  -webkit-animation-name: rooSlideDownOut;
          animation-name: rooSlideDownOut;
}

.left.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.left-start.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.left-end.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.leftTop.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.leftBottom.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.left.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active,
.left-start.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active,
.left-end.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active,
.leftTop.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active,
.leftBottom.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active {
  -webkit-animation-name: rooSlideRightIn;
          animation-name: rooSlideRightIn;
}

.left.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active,
.left-start.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active,
.left-end.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active,
.leftTop.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active,
.leftBottom.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active {
  -webkit-animation-name: rooSlideRightOut;
          animation-name: rooSlideRightOut;
}

.right.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.right-start.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.right-end.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.rightTop.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.rightBottom.boc-ui-popup-motion.boc-ui-popup-motion-appear.boc-ui-popup-motion-appear-active,
.right.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active,
.right-start.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active,
.right-end.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active,
.rightTop.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active,
.rightBottom.boc-ui-popup-motion.boc-ui-popup-motion-enter.boc-ui-popup-motion-enter-active {
  -webkit-animation-name: rooSlideLeftIn;
          animation-name: rooSlideLeftIn;
}

.right.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active,
.right-start.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active,
.right-end.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active,
.rightTop.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active,
.rightBottom.boc-ui-popup-motion.boc-ui-popup-motion-leave.boc-ui-popup-motion-leave-active {
  -webkit-animation-name: rooSlideLeftOut;
          animation-name: rooSlideLeftOut;
}

.hidden {
  display: none;
}

/* mask */
@keyframes rooDialogFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rooDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.boc-ui-mask-motion-enter,
.boc-ui-mask-motion-appear {
  opacity: 0;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  /* animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); */
}

.boc-ui-mask-motion-leave {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
}

.boc-ui-mask-motion-enter-active,
.boc-ui-mask-motion-appear-active {
  -webkit-animation-name: rooDialogFadeIn;
          animation-name: rooDialogFadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.boc-ui-mask-motion-leave-active {
  -webkit-animation-name: rooDialogFadeOut;
          animation-name: rooDialogFadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

/* zoom */
@keyframes rooDialogZoomIn {
  0% {
    /* opacity: 0; */
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  100% {
    /* opacity: 1; */
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes rooDialogZoomOut {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    /* opacity: 0; */
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
}
.boc-ui-zoom-motion-enter,
.boc-ui-zoom-motion-appear {
  /* opacity: 0; */
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.boc-ui-zoom-motion-leave {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.boc-ui-zoom-motion-enter.boc-ui-zoom-motion-enter-active,
.boc-ui-zoom-motion-appear.boc-ui-zoom-motion-appear-active {
  -webkit-animation-name: rooDialogZoomIn;
          animation-name: rooDialogZoomIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.boc-ui-zoom-motion-leave.boc-ui-zoom-motion-leave-active {
  -webkit-animation-name: rooDialogZoomOut;
          animation-name: rooDialogZoomOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

/* rooPopupFast */
@keyframes rooPopupFastIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes rooPopupFastOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
}
.boc-ui-popup-fast-motion-enter,
.boc-ui-popup-fast-motion-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.boc-ui-popup-fast-motion-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.boc-ui-close-motion .boc-ui-popup-fast-motion-enter,
.boc-ui-close-motion .boc-ui-popup-fast-motion-appear {
  -webkit-animation-duration: 0s;
          animation-duration: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.boc-ui-close-motion .boc-ui-popup-fast-motion-leave {
  -webkit-animation-duration: 0s;
          animation-duration: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.boc-ui-popup-fast-motion.boc-ui-popup-fast-motion-appear.boc-ui-popup-fast-motion-appear-active,
.boc-ui-popup-fast-motion.boc-ui-popup-fast-motion-enter.boc-ui-popup-fast-motion-enter-active {
  -webkit-animation-name: rooPopupFastIn;
          animation-name: rooPopupFastIn;
}

.boc-ui-popup-fast-motion.boc-ui-popup-fast-motion-leave.boc-ui-popup-fast-motion-leave-active {
  -webkit-animation-name: rooPopupFastOut;
          animation-name: rooPopupFastOut;
}

.top.boc-ui-popup-fast-motion {
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
}

.top-start.boc-ui-popup-fast-motion {
  -webkit-transform-origin: 0% 100%;
      -ms-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
}

.top-end.boc-ui-popup-fast-motion {
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}

.bottom.boc-ui-popup-fast-motion {
  -webkit-transform-origin: 50% 0%;
      -ms-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
}

.bottom-start.boc-ui-popup-fast-motion {
  -webkit-transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}

.bottom-end.boc-ui-popup-fast-motion {
  -webkit-transform-origin: 100% 0%;
      -ms-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
}

.left.boc-ui-popup-fast-motion {
  -webkit-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
}

.left-start.boc-ui-popup-fast-motion {
  -webkit-transform-origin: 100% 0%;
      -ms-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
}

.left-end.boc-ui-popup-fast-motion {
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}

.right.boc-ui-popup-fast-motion {
  -webkit-transform-origin: 0% 50%;
      -ms-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
}

.right-start.boc-ui-popup-fast-motion {
  -webkit-transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}

.right-end.boc-ui-popup-fast-motion {
  -webkit-transform-origin: 0% 100%;
      -ms-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
}

.boc-ui-rtl .boc-ui-dropdown-menu {
  right: 0;
  text-align: right;
}
.boc-ui-rtl .boc-ui-dropdown-menu-cascader {
  right: 0;
}
.boc-ui-rtl .boc-ui-dropdown-menu .item-no-select-icon a {
  text-align: right;
}
.boc-ui-rtl .boc-ui-dropdown-menu .item-no-select-icon a.active-highlight::after {
  left: 10px;
}
.boc-ui-rtl .boc-ui-dropdown-menu .item-no-select-icon a > i {
  left: 10px;
}
.boc-ui-rtl .dropdown-item, .boc-ui-rtl .boc-ui-dropdown-menu a {
  padding: 0 8px 0 36px;
  text-align: right;
}
.boc-ui-rtl .dropdown-item > i, .boc-ui-rtl .boc-ui-dropdown-menu a > i {
  left: 10px;
  right: auto;
}
.boc-ui-rtl .dropdown-item.active-highlight::after, .boc-ui-rtl .boc-ui-dropdown-menu a.active-highlight::after {
  left: 10px;
  right: auto;
}
.boc-ui-rtl .boc-ui-dropdown-menu-cascader .boc-ui-dropdown-menu + .boc-ui-dropdown-menu {
  margin-right: -1px;
}
.boc-ui-rtl .popup.left.boc-ui-dropdown-menu {
  margin-left: 4px;
}
.boc-ui-rtl .popup.right.boc-ui-dropdown-menu {
  margin-right: 4px;
}

@-webkit-keyframes loading-ptFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}

@keyframes loading-ptFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@-webkit-keyframes stretchWidth {
  0% {
    width: 0;
  }
  100% {
    width: 15px;
  }
}
@keyframes stretchWidth {
  0% {
    width: 0;
  }
  100% {
    width: 15px;
  }
}
.backdrop {
  z-index: 996;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.45);
}

.full-screen .backdrop,
.full-screen .loading-box {
  position: fixed;
}

.loading-box {
  z-index: 997;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin: 0;
  height: auto;
  display: inline-block;
  text-align: center;
}
.loading-box .loading-tip {
  position: relative;
  margin-top: 4px;
  padding: 0 15px;
  font-size: 12px;
  color: #CCCCCC;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.loading-box .loading-tip::after {
  display: inline-block;
  position: absolute;
  right: 0;
  left: 100%;
  content: "...";
  margin-left: -15px;
  width: 0;
  overflow: hidden;
  -webkit-animation: stretchWidth 1.6s infinite steps(4);
          animation: stretchWidth 1.6s infinite steps(4);
}

.loading-pt {
  position: relative;
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
}
.loading-pt .loading-item {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.loading-pt .loading-item::before {
  content: "";
  display: block;
  margin: 0 auto;
  min-width: 4px;
  min-height: 4px;
  width: 15%;
  height: 15%;
  background-color: #222222;
  border-radius: 100%;
  -webkit-animation: loading-ptFadeDelay 1.2s infinite ease-in-out both;
          animation: loading-ptFadeDelay 1.2s infinite ease-in-out both;
}
.loading-pt.vline .loading-item::before {
  width: 6%;
  height: 24%;
  min-width: 1px;
  min-height: 5px;
  border-radius: 0;
}
.loading-pt.hline .loading-item::before {
  width: 12%;
  height: 3%;
  min-width: 3px;
  min-height: 1px;
  border-radius: 0;
}
.loading-pt .loading-item0 {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.loading-pt .loading-item0::before {
  -webkit-animation-delay: -1.2s;
          animation-delay: -1.2s;
}
.loading-pt .loading-item1 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.loading-pt .loading-item1::before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s;
}
.loading-pt .loading-item2 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.loading-pt .loading-item2::before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
.loading-pt .loading-item3 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.loading-pt .loading-item3::before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}
.loading-pt .loading-item4 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.loading-pt .loading-item4::before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}
.loading-pt .loading-item5 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.loading-pt .loading-item5::before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s;
}
.loading-pt .loading-item6 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.loading-pt .loading-item6::before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
}
.loading-pt .loading-item7 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.loading-pt .loading-item7::before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
.loading-pt .loading-item8 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.loading-pt .loading-item8::before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.loading-pt .loading-item9 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.loading-pt .loading-item9::before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.loading-pt .loading-item10 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg);
}
.loading-pt .loading-item10::before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.loading-pt .loading-item11 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg);
}
.loading-pt .loading-item11::before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

.loading-icon {
  position: relative;
  display: inline-block;
  min-width: 38px;
  min-height: 38px;
  margin: 0 auto;
  -webkit-animation: spin 0.8s infinite steps(8);
          animation: spin 0.8s infinite steps(8);
}
.loading-icon .loading-item {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 50%;
  overflow: hidden;
  -webkit-transform-origin: 0 50%;
      -ms-transform-origin: 0 50%;
          transform-origin: 0 50%;
}
.loading-icon .loading-item::after {
  content: " ";
  position: absolute;
  width: 38px;
  height: 100%;
  top: 0;
  left: -100%;
  border-style: solid;
  border-width: 3px;
  border-color: #CCCCCC transparent transparent;
  border-radius: 38px;
  -webkit-transform: rotate(-6deg);
      -ms-transform: rotate(-6deg);
          transform: rotate(-6deg);
}
.loading-icon .loading-item0 {
  -webkit-transform: rotate(3deg);
      -ms-transform: rotate(3deg);
          transform: rotate(3deg);
}
.loading-icon .loading-item1 {
  -webkit-transform: rotate(48deg);
      -ms-transform: rotate(48deg);
          transform: rotate(48deg);
}
.loading-icon .loading-item2 {
  -webkit-transform: rotate(93deg);
      -ms-transform: rotate(93deg);
          transform: rotate(93deg);
}
.loading-icon .loading-item3 {
  -webkit-transform: rotate(138deg);
      -ms-transform: rotate(138deg);
          transform: rotate(138deg);
}
.loading-icon .loading-item4 {
  -webkit-transform: rotate(183deg);
      -ms-transform: rotate(183deg);
          transform: rotate(183deg);
}
.loading-icon .loading-item5 {
  -webkit-transform: rotate(228deg);
      -ms-transform: rotate(228deg);
          transform: rotate(228deg);
}
.loading-icon .loading-item6 {
  -webkit-transform: rotate(273deg);
      -ms-transform: rotate(273deg);
          transform: rotate(273deg);
}
.loading-icon .loading-item7 {
  -webkit-transform: rotate(318deg);
      -ms-transform: rotate(318deg);
          transform: rotate(318deg);
}
.loading-icon .loading-item0::after {
  border-top-color: #222222;
}
.loading-icon .loading-item1::after {
  border-top-color: #222222;
}

.boc-ui-rtl .loading-box .loading-tip::after {
  right: 100%;
  left: 0;
  margin-right: -15px;
}

/**
 * 通知浮层一般用于通知用户的操作情况，比如所提交信息中的错误信息、服务器反馈信息等，一般由用户主动触发后展现
 */
.inform {
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 190px;
  font-size: 16px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  border-radius: 6px;
  z-index: 2000;
}
.inform p {
  text-align: center;
  padding: 45px 40px 50px;
  margin: 0;
}

.boc-ui-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  text-align: center;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  overflow-y: auto;
}
.boc-ui-modal.backdrop {
  position: fixed;
  background: rgba(250, 250, 250, 0.9);
}
.boc-ui-modal.fade .boc-ui-modal-dialog {
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
          transform: translate(0, -25%);
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.boc-ui-modal.in .boc-ui-modal-dialog {
  -webkit-transform: tanslate(0, 0);
      -ms-transform: tanslate(0, 0);
          transform: tanslate(0, 0);
}
.boc-ui-modal p {
  margin: 0;
  line-height: 1.5;
}
.boc-ui-modal::after {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
.boc-ui-modal .boc-ui-modal-dialog {
  position: relative;
  display: inline-block;
  width: 560px;
  margin: 10px;
  text-align: left;
  vertical-align: middle;
}
.boc-ui-modal .boc-ui-modal-dialog .close {
  position: absolute;
  top: 25px;
  right: 20px;
  z-index: 10;
  padding: 0;
  color: #999999;
  font-size: 15.96px;
  background: transparent;
  border: 0;
  cursor: pointer;
  -webkit-appearance: none;
}
.boc-ui-modal .boc-ui-modal-dialog .close:hover {
  color: #222222;
}
.boc-ui-modal .boc-ui-modal-dialog .boc-ui-modal-content {
  position: relative;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
.boc-ui-modal .boc-ui-modal-dialog .boc-ui-modal-content .boc-ui-modal-header {
  padding: 24px 24px 8px 24px;
}
.boc-ui-modal .boc-ui-modal-dialog .boc-ui-modal-content .boc-ui-modal-header::before {
  content: " ";
  display: table;
}
.boc-ui-modal .boc-ui-modal-dialog .boc-ui-modal-content .boc-ui-modal-header::after {
  clear: both;
}
.boc-ui-modal .boc-ui-modal-dialog .boc-ui-modal-content .boc-ui-modal-header .boc-ui-modal-title {
  margin: 0;
  color: #222222;
  font-size: 18px;
  font-weight: 500;
}
.boc-ui-modal .boc-ui-modal-dialog .boc-ui-modal-content .boc-ui-modal-header + .boc-ui-modal-body {
  padding: 0 24px 24px;
}
.boc-ui-modal .boc-ui-modal-dialog .boc-ui-modal-content .boc-ui-modal-body {
  position: relative;
  color: #222222;
  padding: 24px;
  font-size: 14px;
  overflow: auto;
}
.boc-ui-modal .boc-ui-modal-dialog .boc-ui-modal-content .boc-ui-modal-body .title {
  margin: 0;
  font-size: 18px;
  padding-bottom: 8px;
  font-weight: 500;
}
.boc-ui-modal .boc-ui-modal-dialog .boc-ui-modal-content .boc-ui-modal-body.has-icon {
  padding: 24px 24px 32px 68px;
}
.boc-ui-modal .boc-ui-modal-dialog .boc-ui-modal-content .boc-ui-modal-body.has-icon::before {
  position: absolute;
  top: 24px;
  left: 24px;
  font-size: 32px;
  line-height: 1;
  font-family: "roo-icon";
}
.boc-ui-modal .boc-ui-modal-dialog .boc-ui-modal-content .boc-ui-modal-body.has-icon.info:before {
  content: "\EA27";
  color: #198CFF;
}
.boc-ui-modal .boc-ui-modal-dialog .boc-ui-modal-content .boc-ui-modal-body.has-icon.danger:before {
  content: "\EA46";
  color: #FF192D;
}
.boc-ui-modal .boc-ui-modal-dialog .boc-ui-modal-content .boc-ui-modal-body.has-icon.success:before {
  content: "\EA08";
  color: #00BF7F;
}
.boc-ui-modal .boc-ui-modal-dialog .boc-ui-modal-content .boc-ui-modal-body.has-icon.question:before {
  content: "\EA36";
  color: #FF6A00;
}
.boc-ui-modal .boc-ui-modal-dialog .boc-ui-modal-content .boc-ui-modal-footer {
  position: relative;
  padding: 0 24px 24px;
  text-align: right;
}
.boc-ui-modal .boc-ui-modal-dialog .boc-ui-modal-content .boc-ui-modal-footer-center {
  text-align: center;
}
.boc-ui-modal .boc-ui-modal-dialog .boc-ui-modal-content .boc-ui-modal-footer-left {
  text-align: left;
}
.boc-ui-modal .boc-ui-modal-dialog .boc-ui-modal-content .boc-ui-modal-footer-right {
  text-align: right;
}
.boc-ui-modal .boc-ui-modal-dialog .boc-ui-modal-content .boc-ui-modal-footer .boc-ui-btn + .boc-ui-btn {
  margin-left: 8px;
}
.boc-ui-modal .boc-ui-modal-dialog.boc-ui-modal-sm {
  width: 300px;
}
.boc-ui-modal .boc-ui-modal-dialog.boc-ui-modal-lg {
  width: 800px;
}

.boc-ui-rtl .boc-ui-modal .boc-ui-modal-dialog {
  text-align: right;
}
.boc-ui-rtl .boc-ui-modal .boc-ui-modal-dialog .close {
  left: 20px;
  right: auto;
}
.boc-ui-rtl .boc-ui-modal .boc-ui-modal-dialog .boc-ui-modal-content .boc-ui-modal-body.has-icon {
  padding: 24px 68px 32px 24px;
}
.boc-ui-rtl .boc-ui-modal .boc-ui-modal-dialog .boc-ui-modal-content .boc-ui-modal-body.has-icon::before {
  right: 24px;
}
.boc-ui-rtl .boc-ui-modal .boc-ui-modal-dialog .boc-ui-modal-content .boc-ui-modal-footer {
  text-align: left;
}
.boc-ui-rtl .boc-ui-modal .boc-ui-modal-dialog .boc-ui-modal-content .boc-ui-modal-footer-left {
  text-align: right;
}
.boc-ui-rtl .boc-ui-modal .boc-ui-modal-dialog .boc-ui-modal-content .boc-ui-modal-footer-right {
  text-align: left;
}
.boc-ui-rtl .boc-ui-modal .boc-ui-modal-dialog .boc-ui-modal-content .boc-ui-modal-footer .boc-ui-btn + .boc-ui-btn {
  margin-right: 8px;
}

.boc-ui-toast-motion-topRight,
.boc-ui-toast-motion-bottomLeft,
.boc-ui-toast-motion-topLeft,
.boc-ui-toast-motion-bottomRight,
.boc-ui-toast-motion-topCenter,
.boc-ui-toast-motion-bottomCenter,
.boc-ui-toast-motion-center {
  transition: all 0.3s;
}

.boc-ui-toast-motion-appear-center {
  opacity: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}

.boc-ui-toast-motion-appear-active-center {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.boc-ui-toast-motion-appear-topRight,
.boc-ui-toast-motion-appear-bottomRight {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  opacity: 0;
}

.boc-ui-toast-motion-center {
  opacity: 0;
}

.boc-ui-toast-motion-appear-topCenter {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  opacity: 0;
}

.boc-ui-toast-motion-appear-bottomCenter {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  opacity: 0;
}

.boc-ui-toast-motion-appear-bottomLeft,
.boc-ui-toast-motion-appear-topLeft {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  opacity: 0;
}

.boc-ui-toast-motion-appear-active-topCenter,
.boc-ui-toast-motion-appear-active-bottomCenter {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.boc-ui-toast-motion-appear-center {
  opacity: 1;
}

.boc-ui-toast-motion-appear-active-topRight,
.boc-ui-toast-motion-appear-active-bottomLeft,
.boc-ui-toast-motion-appear-active-topLeft,
.boc-ui-toast-motion-appear-active-bottomRight {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

.boc-ui-toast {
  position: fixed;
  left: 50%;
  top: 70px;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  background-color: #222222;
  display: inline-block;
  box-shadow: 0 2px 4px 0 #999999;
  z-index: 1010;
  border-radius: 2px;
}
.boc-ui-toast.top {
  top: 20px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.boc-ui-toast.right {
  top: 50%;
  right: 20px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.boc-ui-toast.bottom {
  bottom: 20px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.boc-ui-toast.left {
  top: 50%;
  left: 20px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.boc-ui-toast.top-left {
  top: 20px;
  left: 20px;
}
.boc-ui-toast.top-right {
  top: 20px;
  right: 20px;
}
.boc-ui-toast.bottom-right {
  bottom: 20px;
  right: 20px;
}
.boc-ui-toast.bottom-left {
  bottom: 0;
  left: 0;
}
.boc-ui-toast .boc-ui-toast-content {
  position: relative;
  padding: 12px 16px;
}
.boc-ui-toast .boc-ui-toast-content .boc-ui-toast-header {
  margin-bottom: 5px;
}
.boc-ui-toast .boc-ui-toast-content .boc-ui-toast-header .title {
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  color: #fff;
}
.boc-ui-toast .boc-ui-toast-content .boc-ui-toast-header .close {
  position: absolute;
  right: 16px;
  top: 15px;
  padding: 0;
  color: #fff;
  font-size: 12px;
  background: transparent;
  border: 0;
  opacity: 0.6;
  cursor: pointer;
  -webkit-appearance: none;
}
.boc-ui-toast .boc-ui-toast-content .boc-ui-toast-header .close:hover {
  opacity: 1;
}
.boc-ui-toast .boc-ui-toast-content .boc-ui-toast-icon-contaner {
  position: absolute;
  display: block;
  top: 4px;
  left: 10px;
  overflow: hidden;
  font-size: 20px;
}
.boc-ui-toast .boc-ui-toast-content .boc-ui-toast-body {
  margin-bottom: 5px;
}
.boc-ui-toast .boc-ui-toast-content .boc-ui-toast-body .content {
  font-size: 12px;
  line-height: 1.5;
  color: #fff;
  word-break: break-all;
}
.boc-ui-toast .boc-ui-toast-content .boc-ui-toast-body .link {
  display: block;
  font-size: 12px;
  text-decoration: underline;
}
.boc-ui-toast .boc-ui-toast-content .boc-ui-toast-footer {
  overflow: auto;
}
.boc-ui-toast .boc-ui-toast-content .boc-ui-toast-footer .btn {
  float: right;
  margin-top: 12px;
  color: #fff;
}
.boc-ui-toast .boc-ui-toast-content.has-icon::before {
  position: absolute;
  display: block;
  top: 12px;
  left: 10px;
  font-size: 14px;
  font-family: "roo-icon";
}
.boc-ui-toast .boc-ui-toast-content.has-icon.success:before {
  color: #00BF7F;
  content: "\EA08";
  line-height: 1.5;
}
.boc-ui-toast .boc-ui-toast-content.has-icon.warning:before {
  color: #FF6A00;
  content: "\EA4D";
  line-height: 1.5;
}
.boc-ui-toast .boc-ui-toast-content.has-icon.info:before {
  color: #fff;
  content: "\EA27";
  line-height: 1.5;
}
.boc-ui-toast .boc-ui-toast-content.has-icon.fail:before {
  color: #FF192D;
  content: "\EA46";
  line-height: 1.5;
}
.boc-ui-toast .boc-ui-toast-content.has-icon.loading:before {
  color: #fff;
  content: "\EA29";
  line-height: 1.5;
}

.boc-ui-toast.boc-ui-toast-light {
  background-color: #fff;
  box-shadow: none;
  -webkit-filter: drop-shadow(0 1px 3px rgba(52, 88, 124, 0.23));
          filter: drop-shadow(0 1px 3px rgba(52, 88, 124, 0.23));
}
.boc-ui-toast.boc-ui-toast-light .boc-ui-toast-content .boc-ui-toast-header .title,
.boc-ui-toast.boc-ui-toast-light .boc-ui-toast-content .boc-ui-toast-header .close {
  color: #222222;
}
.boc-ui-toast.boc-ui-toast-light .boc-ui-toast-content.has-icon.info:before {
  color: #222222;
  content: "\EA27";
}
.boc-ui-toast.boc-ui-toast-light .boc-ui-toast-content.has-icon.loading:before {
  color: #222222;
}
.boc-ui-toast.boc-ui-toast-light .boc-ui-toast-body .content {
  color: #222222;
}
.boc-ui-toast.boc-ui-toast-light .boc-ui-toast-footer .btn {
  color: #222222;
}

.boc-ui-toast-tip {
  min-width: 150px;
  max-width: 300px;
}
.boc-ui-toast-tip .boc-ui-toast-content .boc-ui-toast-header {
  margin: 0;
}
.boc-ui-toast-tip .boc-ui-toast-content .boc-ui-toast-body {
  margin: 0;
  line-height: 1.5;
  color: #222222;
}
.boc-ui-toast-tip .boc-ui-toast-content .boc-ui-toast-body .content {
  font-size: 14px;
  word-break: break-all;
}
.boc-ui-toast-tip .boc-ui-toast-content.has-icon .boc-ui-toast-body {
  margin-left: 15px;
}
.boc-ui-toast-tip .boc-ui-toast-content.has-icon:before {
  font-size: 14px;
}
.boc-ui-toast-tip .boc-ui-toast-content.has-close {
  padding-right: 30px;
}

.boc-ui-toast-notice {
  max-width: 430px;
  min-width: 340px;
}
.boc-ui-toast-notice .boc-ui-toast-content {
  padding-right: 16px;
}
.boc-ui-toast-notice .boc-ui-toast-content.has-icon .boc-ui-toast-header,
.boc-ui-toast-notice .boc-ui-toast-content.has-icon .boc-ui-toast-body {
  margin-left: 25px;
}
.boc-ui-toast-notice .boc-ui-toast-content.has-icon:before {
  top: 7px;
  font-size: 20px;
}
.boc-ui-toast-notice .boc-ui-toast-content.custom-icon .boc-ui-toast-header,
.boc-ui-toast-notice .boc-ui-toast-content.custom-icon .boc-ui-toast-body {
  margin-left: 25px;
}

.boc-ui-rtl .boc-ui-toast .boc-ui-toast-content .boc-ui-toast-header .close {
  left: 16px;
  right: auto;
}
.boc-ui-rtl .boc-ui-toast .boc-ui-toast-content.has-icon::before {
  right: 10px;
  left: auto;
}
.boc-ui-rtl .boc-ui-toast-motion-appear-topRight,
.boc-ui-rtl .boc-ui-toast-motion-appear-bottomRight {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}
.boc-ui-rtl .boc-ui-toast-motion-appear-bottomLeft,
.boc-ui-rtl .boc-ui-toast-motion-appear-topLeft {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}
.boc-ui-rtl .boc-ui-toast-motion-appear-active-bottomLeft,
.boc-ui-rtl .boc-ui-toast-motion-appear-active-topLeft {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.boc-ui-rtl .boc-ui-toast-motion-appear-active-topRight,
.boc-ui-rtl .boc-ui-toast-motion-appear-active-bottomRight {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.boc-ui-rtl .boc-ui-toast-tip .boc-ui-toast-content.has-icon .boc-ui-toast-body {
  margin-right: 15px;
  margin-left: 0;
}
.boc-ui-rtl .boc-ui-toast-tip .boc-ui-toast-content.has-close {
  padding-left: 30px;
}
.boc-ui-rtl .boc-ui-toast-notice .boc-ui-toast-header {
  margin-right: 16px;
}
.boc-ui-rtl .boc-ui-toast-notice .boc-ui-toast-content {
  padding-left: 16px;
}
.boc-ui-rtl .boc-ui-toast-notice .boc-ui-toast-content.has-icon .boc-ui-toast-header,
.boc-ui-rtl .boc-ui-toast-notice .boc-ui-toast-content.has-icon .boc-ui-toast-body {
  margin-right: 25px;
  margin-left: 0;
}
.boc-ui-rtl .boc-ui-toast-notice .boc-ui-toast-content.has-icon.has-close .boc-ui-toast-header {
  margin-right: 16px;
}
.boc-ui-rtl .boc-ui-toast-notice .boc-ui-toast-content.custom-icon .boc-ui-toast-header,
.boc-ui-rtl .boc-ui-toast-notice .boc-ui-toast-content.custom-icon .boc-ui-toast-body {
  margin-right: 25px;
  margin-left: 0;
}
.boc-ui-rtl.top {
  -webkit-transform: translate(50%, 0);
      -ms-transform: translate(50%, 0);
          transform: translate(50%, 0);
}
.boc-ui-rtl.bottom {
  -webkit-transform: translate(50%, 0);
      -ms-transform: translate(50%, 0);
          transform: translate(50%, 0);
}

.boc-ui-mark {
  line-height: 1;
}
.boc-ui-mark .boc-ui-mark-item {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}
.boc-ui-mark .boc-ui-mark-item .boc-ui-mark-icon {
  font-size: 17.5px;
  position: relative;
}
.boc-ui-mark .boc-ui-mark-item .boc-ui-mark-icon.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  font-family: "roo-icon";
  font-style: normal;
  text-align: center;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.boc-ui-mark .boc-ui-mark-item .boc-ui-mark-icon.icon.icon-star-fill {
  color: #CCCCCC;
}
.boc-ui-mark .boc-ui-mark-item .boc-ui-mark-icon.icon.icon-star-fill::before {
  content: "\EA43";
  width: 20px;
  height: 20px;
  display: block;
}
.boc-ui-mark .boc-ui-mark-item .boc-ui-mark-icon.icon.icon-star-fill.hover {
  -webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
          transform: scale(1.15);
}
.boc-ui-mark .boc-ui-mark-item .boc-ui-mark-icon.icon.icon-star {
  color: #CCCCCC;
}
.boc-ui-mark .boc-ui-mark-item .boc-ui-mark-icon.icon.icon-star::before {
  content: "\EA43";
  width: 20px;
  height: 20px;
  display: block;
}
.boc-ui-mark .boc-ui-mark-item .boc-ui-mark-icon.icon.icon-meh {
  color: #CCCCCC;
}
.boc-ui-mark .boc-ui-mark-item .boc-ui-mark-icon.icon.icon-meh::before {
  content: "\EA1F";
  width: 20px;
  height: 20px;
  display: block;
}
.boc-ui-mark .boc-ui-mark-item .boc-ui-mark-icon.icon.icon-meh.hover {
  -webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
          transform: scale(1.15);
}
.boc-ui-mark .boc-ui-mark-item .boc-ui-mark-icon.icon.icon-frown {
  color: #CCCCCC;
}
.boc-ui-mark .boc-ui-mark-item .boc-ui-mark-icon.icon.icon-frown::before {
  content: "\EA3B";
  width: 20px;
  height: 20px;
  display: block;
}
.boc-ui-mark .boc-ui-mark-item .boc-ui-mark-icon.icon.icon-frown.hover {
  -webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
          transform: scale(1.15);
}
.boc-ui-mark .boc-ui-mark-item .boc-ui-mark-icon.icon.icon-smile {
  color: #CCCCCC;
}
.boc-ui-mark .boc-ui-mark-item .boc-ui-mark-icon.icon.icon-smile::before {
  content: "\EA3F";
  width: 20px;
  height: 20px;
  display: block;
}
.boc-ui-mark .boc-ui-mark-item .boc-ui-mark-icon.icon.icon-smile.hover {
  -webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
          transform: scale(1.15);
}
.boc-ui-mark .boc-ui-mark-item .boc-ui-mark-halficon {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 50%;
}
.boc-ui-mark .boc-ui-mark-item .boc-ui-mark-halficon.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  font-family: "roo-icon";
  font-style: normal;
  text-align: center;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.boc-ui-mark .boc-ui-mark-item .boc-ui-mark-halficon.icon.icon-star-fill {
  color: #CCCCCC;
}
.boc-ui-mark .boc-ui-mark-item .boc-ui-mark-halficon.icon.icon-star-fill::before {
  content: "\EA43";
  width: 20px;
  height: 20px;
  display: block;
}
.boc-ui-mark .boc-ui-mark-item .boc-ui-mark-halficon.icon.icon-star-fill.hover {
  -webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
          transform: scale(1.15);
}
.boc-ui-mark .boc-ui-mark-item .boc-ui-mark-halficon.icon.icon-star {
  color: #CCCCCC;
}
.boc-ui-mark .boc-ui-mark-item .boc-ui-mark-halficon.icon.icon-star::before {
  content: "\EA43";
  width: 20px;
  height: 20px;
  display: block;
}
.boc-ui-mark .boc-ui-mark-item .boc-ui-mark-halficon.icon.icon-meh {
  color: #CCCCCC;
}
.boc-ui-mark .boc-ui-mark-item .boc-ui-mark-halficon.icon.icon-meh::before {
  content: "\EA1F";
  width: 20px;
  height: 20px;
  display: block;
}
.boc-ui-mark .boc-ui-mark-item .boc-ui-mark-halficon.icon.icon-meh.hover {
  -webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
          transform: scale(1.15);
}
.boc-ui-mark .boc-ui-mark-item .boc-ui-mark-halficon.icon.icon-frown {
  color: #CCCCCC;
}
.boc-ui-mark .boc-ui-mark-item .boc-ui-mark-halficon.icon.icon-frown::before {
  content: "\EA3B";
  width: 20px;
  height: 20px;
  display: block;
}
.boc-ui-mark .boc-ui-mark-item .boc-ui-mark-halficon.icon.icon-frown.hover {
  -webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
          transform: scale(1.15);
}
.boc-ui-mark .boc-ui-mark-item .boc-ui-mark-halficon.icon.icon-smile {
  color: #CCCCCC;
}
.boc-ui-mark .boc-ui-mark-item .boc-ui-mark-halficon.icon.icon-smile::before {
  content: "\EA3F";
  width: 20px;
  height: 20px;
  display: block;
}
.boc-ui-mark .boc-ui-mark-item .boc-ui-mark-halficon.icon.icon-smile.hover {
  -webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
          transform: scale(1.15);
}
.boc-ui-mark .boc-ui-mark-text {
  display: inline-block;
  vertical-align: middle;
}

.boc-ui-rtl .boc-ui-mark .boc-ui-mark-item .boc-ui-mark-icon.icon {
  margin-left: 4px;
  margin-right: 0;
}
.boc-ui-rtl .boc-ui-mark .boc-ui-mark-item .boc-ui-mark-halficon {
  right: 0;
  left: auto;
}
.boc-ui-rtl .boc-ui-mark .boc-ui-mark-item .boc-ui-mark-halficon.icon {
  margin-left: 4px;
  margin-right: 0;
}

.boc-ui-rtl .boc-ui-btn-group.boc-ui-btn-rtl .boc-ui-btn {
  position: relative;
}
.boc-ui-rtl .boc-ui-btn-group.boc-ui-btn-rtl .boc-ui-btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.boc-ui-rtl .boc-ui-btn-group.boc-ui-btn-rtl .boc-ui-btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.boc-ui-rtl .boc-ui-btn-group.boc-ui-btn-rtl .boc-ui-btn:last-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.boc-ui-rtl .boc-ui-btn-group.boc-ui-btn-rtl .boc-ui-btn:disabled {
  border-color: rgba(34, 34, 34, 0.3) !important;
}
.boc-ui-rtl .boc-ui-btn-group.boc-ui-btn-rtl .boc-ui-btn-default:not(:first-child) {
  margin-right: -1px;
}
.boc-ui-rtl .boc-ui-btn-group.boc-ui-btn-rtl .boc-ui-btn-default:hover {
  z-index: 2;
}
.boc-ui-rtl .boc-ui-btn-group.boc-ui-btn-rtl .boc-ui-btn-radio-active {
  z-index: 3;
  margin-right: -1px;
  margin-left: auto;
}
.boc-ui-rtl .boc-ui-btn-group.boc-ui-btn-rtl .boc-ui-btn-radio-outline-active {
  background-color: #fff;
  color: #222222;
}
.boc-ui-rtl .boc-ui-btn-group.boc-ui-btn-rtl .boc-ui-btn-radio-outline-active:hover {
  border-color: #222222;
}
.boc-ui-rtl .boc-ui-btn-group.boc-ui-btn-rtl .boc-ui-btn-radio-outline-active:active {
  background-color: #fff !important;
  color: #222222 !important;
}

.boc-ui-btn-group.boc-ui-btn-ltr {
  display: inline-block;
}
.boc-ui-btn-group.boc-ui-btn-ltr .boc-ui-btn {
  position: relative;
}
.boc-ui-btn-group.boc-ui-btn-ltr .boc-ui-btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.boc-ui-btn-group.boc-ui-btn-ltr .boc-ui-btn:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.boc-ui-btn-group.boc-ui-btn-ltr .boc-ui-btn:last-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.boc-ui-btn-group.boc-ui-btn-ltr .boc-ui-btn:disabled {
  border-color: rgba(34, 34, 34, 0.3) !important;
}
.boc-ui-btn-group.boc-ui-btn-ltr .boc-ui-btn-outline-brand:hover {
  z-index: 2;
}
.boc-ui-btn-group.boc-ui-btn-ltr .boc-ui-btn-default:not(:first-child) {
  margin-left: -1px;
}
.boc-ui-btn-group.boc-ui-btn-ltr .boc-ui-btn-default:hover {
  z-index: 2;
}
.boc-ui-btn-group.boc-ui-btn-ltr .boc-ui-btn-radio-active {
  z-index: 3;
  margin-right: auto;
  margin-left: -1px;
}
.boc-ui-btn-group.boc-ui-btn-ltr .boc-ui-btn-radio-outline-active {
  background-color: #fff;
  color: #222222;
}
.boc-ui-btn-group.boc-ui-btn-ltr .boc-ui-btn-radio-outline-active:hover {
  border-color: #222222;
}
.boc-ui-btn-group.boc-ui-btn-ltr .boc-ui-btn-radio-outline-active:active {
  background-color: #fff !important;
  color: #222222 !important;
}

/*
---------------
表单组样式
---------------
*/
.boc-ui-input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: stretch;
      align-items: stretch;
  font-size: 14px;
}
.boc-ui-input-group.has-icon .addon-icon,
.boc-ui-input-group.has-icon .prefix-icon,
.boc-ui-input-group .has-icon .addon-icon,
.boc-ui-input-group .has-icon .prefix-icon {
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1.4em;
  color: #CCCCCC;
  z-index: 4;
}
.boc-ui-input-group.has-icon .prefix-icon,
.boc-ui-input-group .has-icon .prefix-icon {
  right: auto;
  left: 8px;
}
.boc-ui-input-group.has-icon .prefix-icon + .boc-ui-input,
.boc-ui-input-group .has-icon .prefix-icon + .boc-ui-input {
  padding-left: 35.6px;
}
.boc-ui-input-group.has-icon .addon-icon.has-click,
.boc-ui-input-group .has-icon .addon-icon.has-click {
  height: 20px;
  width: 20px;
}
.boc-ui-input-group.has-icon .addon-icon.has-click:hover,
.boc-ui-input-group .has-icon .addon-icon.has-click:hover {
  color: #222222;
  cursor: pointer;
}
.boc-ui-input-group.has-icon:not(.boc-ui-input-group-outline):not(.boc-ui-input-group-no-outline) .boc-ui-input,
.boc-ui-input-group .has-icon:not(.boc-ui-input-group-outline):not(.boc-ui-input-group-no-outline) .boc-ui-input {
  padding-right: 35.6px;
}
.boc-ui-input-group.has-icon .boc-ui-input:only-of-type,
.boc-ui-input-group .has-icon .boc-ui-input:only-of-type {
  border-radius: 2px;
}
.boc-ui-input-group.has-icon .boc-ui-input:hover[readonly]:not([disabled]),
.boc-ui-input-group .has-icon .boc-ui-input:hover[readonly]:not([disabled]) {
  border-color: #999999 !important;
}
.boc-ui-input-group.is-count-check.has-icon:not(.boc-ui-input-group-outline):not(.boc-ui-input-group-no-outline) .boc-ui-input {
  padding-right: 52px;
}
.boc-ui-input-group.is-count-check .boc-ui-input-value-count {
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  /* font-size: 1.4em; */
  color: #999999;
  z-index: 4;
}
.boc-ui-input-group > .boc-ui-input,
.boc-ui-input-group > .custom-select,
.boc-ui-input-group > .custom-file {
  position: relative;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  margin-bottom: 0;
}
.boc-ui-input-group > .boc-ui-input + .boc-ui-input,
.boc-ui-input-group > .boc-ui-input + .custom-select,
.boc-ui-input-group > .boc-ui-input + .custom-file,
.boc-ui-input-group > .custom-select + .boc-ui-input,
.boc-ui-input-group > .custom-select + .custom-select,
.boc-ui-input-group > .custom-select + .custom-file,
.boc-ui-input-group > .custom-file + .boc-ui-input,
.boc-ui-input-group > .custom-file + .custom-select,
.boc-ui-input-group > .custom-file + .custom-file {
  margin-left: -1px;
}
.boc-ui-input-group > .boc-ui-input {
  width: 1%;
}
.boc-ui-input-group > .boc-ui-input:not(:last-child),
.boc-ui-input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.boc-ui-input-group > .boc-ui-input:not(:first-child),
.boc-ui-input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.boc-ui-input-group > .custom-file {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-input-group > .custom-file:not(:last-child) .custom-file-label, .boc-ui-input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.boc-ui-input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.boc-ui-input-group-compact {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.boc-ui-input-group-compact .row {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}

.boc-ui-input-group-prepend,
.boc-ui-input-group-append,
.boc-ui-input-group-middle {
  display: -ms-flexbox;
  display: flex;
}
.boc-ui-input-group-prepend .boc-ui-btn,
.boc-ui-input-group-append .boc-ui-btn,
.boc-ui-input-group-middle .boc-ui-btn {
  position: relative;
  padding: 0 12px;
}
.boc-ui-input-group-prepend .boc-ui-btn + .boc-ui-btn,
.boc-ui-input-group-prepend .boc-ui-btn + .boc-ui-input-group-text,
.boc-ui-input-group-prepend .boc-ui-input-group-text + .boc-ui-input-group-text,
.boc-ui-input-group-prepend .boc-ui-input-group-text + .boc-ui-btn,
.boc-ui-input-group-append .boc-ui-btn + .boc-ui-btn,
.boc-ui-input-group-append .boc-ui-btn + .boc-ui-input-group-text,
.boc-ui-input-group-append .boc-ui-input-group-text + .boc-ui-input-group-text,
.boc-ui-input-group-append .boc-ui-input-group-text + .boc-ui-btn,
.boc-ui-input-group-middle .boc-ui-btn + .boc-ui-btn,
.boc-ui-input-group-middle .boc-ui-btn + .boc-ui-input-group-text,
.boc-ui-input-group-middle .boc-ui-input-group-text + .boc-ui-input-group-text,
.boc-ui-input-group-middle .boc-ui-input-group-text + .boc-ui-btn {
  margin-left: -1px;
}

.boc-ui-input-group-prepend,
.boc-ui-input-group-append {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-right: -1px;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #222222;
  text-align: center;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #EEEEEE;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.boc-ui-input-group-prepend-line,
.boc-ui-input-group-append-line {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}
.boc-ui-input-group-prepend input[type=radio],
.boc-ui-input-group-prepend input[type=checkbox],
.boc-ui-input-group-append input[type=radio],
.boc-ui-input-group-append input[type=checkbox] {
  margin-top: 0;
}
.boc-ui-input-group-prepend > .boc-ui-btn,
.boc-ui-input-group-prepend > .boc-ui-input-group,
.boc-ui-input-group-prepend > .select-input-wrapper,
.boc-ui-input-group-append > .boc-ui-btn,
.boc-ui-input-group-append > .boc-ui-input-group,
.boc-ui-input-group-append > .select-input-wrapper {
  margin-left: -11px;
  margin-right: -11px;
  margin-top: -7px;
  margin-bottom: -7px;
}
.boc-ui-input-group-prepend > .boc-ui-btn:not(:first-child),
.boc-ui-input-group-prepend > .boc-ui-input-group:not(:first-child),
.boc-ui-input-group-prepend > .select-input-wrapper:not(:first-child),
.boc-ui-input-group-append > .boc-ui-btn:not(:first-child),
.boc-ui-input-group-append > .boc-ui-input-group:not(:first-child),
.boc-ui-input-group-append > .select-input-wrapper:not(:first-child) {
  margin-left: -1px;
}
.boc-ui-input-group-prepend > .boc-ui-btn:not(:last-child),
.boc-ui-input-group-prepend > .boc-ui-input-group:not(:last-child),
.boc-ui-input-group-prepend > .select-input-wrapper:not(:last-child),
.boc-ui-input-group-append > .boc-ui-btn:not(:last-child),
.boc-ui-input-group-append > .boc-ui-input-group:not(:last-child),
.boc-ui-input-group-append > .select-input-wrapper:not(:last-child) {
  margin-right: 0;
}

.boc-ui-input-group-append {
  margin-left: -1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.boc-ui-input-group-append .boc-ui-input {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.boc-ui-input-group-append .dropdown-menu {
  left: auto;
  right: 0;
}

.boc-ui-input-group-lg .boc-ui-input,
.boc-ui-input-group-lg .boc-ui-input-group-prepend,
.boc-ui-input-group-lg .boc-ui-input-group-append,
.boc-ui-input-group-lg .boc-ui-input-group-prepend > .boc-ui-btn,
.boc-ui-input-group-lg .boc-ui-input-group-append > .boc-ui-btn {
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  padding: 0 12px;
}

.boc-ui-input-group-sm .boc-ui-input,
.boc-ui-input-group-sm .boc-ui-input-group-prepend,
.boc-ui-input-group-sm .boc-ui-input-group-append,
.boc-ui-input-group-sm .boc-ui-input-group-prepend > .boc-ui-btn,
.boc-ui-input-group-sm .boc-ui-input-group-append > .boc-ui-btn {
  height: 32px;
  font-size: 12px;
  line-height: 32px;
  padding: 0 12px;
}

.boc-ui-input-group > .boc-ui-input-group-prepend > .boc-ui-btn,
.boc-ui-input-group > .boc-ui-input-group-prepend > .boc-ui-input-group-text,
.boc-ui-input-group > .boc-ui-input-group-append:not(:last-child) > .boc-ui-btn,
.boc-ui-input-group > .boc-ui-input-group-append:not(:last-child) > .boc-ui-input-group-text,
.boc-ui-input-group > .boc-ui-input-group-append:last-child > .boc-ui-btn:not(:last-child):not(.dropdown-toggle),
.boc-ui-input-group > .boc-ui-input-group-append:last-child > .boc-ui-input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.boc-ui-input-group > .boc-ui-input-group-append > .boc-ui-btn,
.boc-ui-input-group > .boc-ui-input-group-append > .boc-ui-input-group-text,
.boc-ui-input-group > .boc-ui-input-group-prepend:not(:first-child) > .boc-ui-btn,
.boc-ui-input-group > .boc-ui-input-group-prepend:not(:first-child) > .boc-ui-input-group-text,
.boc-ui-input-group > .boc-ui-input-group-prepend:first-child > .boc-ui-btn:not(:first-child),
.boc-ui-input-group > .boc-ui-input-group-prepend:first-child > .boc-ui-input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.boc-ui-input-group-compact.has-icon .addon-icon, .boc-ui-input-group-compact.has-icon .prefix-icon {
  font-size: 14px;
}

.boc-ui-input-group-outline, .boc-ui-input-group-no-outline {
  border: 1px solid #EEEEEE;
  border-radius: 2px;
  overflow: hidden;
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-input-group-outline input[type=text], .boc-ui-input-group-no-outline input[type=text] {
  margin: -1px 0 !important;
  border: none;
  text-align: center;
}
.boc-ui-input-group-outline.has-icon, .has-icon.boc-ui-input-group-no-outline {
  padding-right: 36px;
}
.boc-ui-input-group-outline .input-separator, .boc-ui-input-group-no-outline .input-separator {
  color: #CCCCCC;
}
.boc-ui-input-group-outline:hover, .boc-ui-input-group-no-outline:hover, .boc-ui-input-group-outline.focus, .focus.boc-ui-input-group-no-outline {
  border-color: #999999;
}
.boc-ui-input-group-outline.readonly, .readonly.boc-ui-input-group-no-outline {
  border-color: #EEEEEE;
  color: #999999;
}
.boc-ui-input-group-outline.disabled, .disabled.boc-ui-input-group-no-outline {
  border-color: #F5F6FA;
  color: #EEEEEE;
  cursor: not-allowed;
}
.boc-ui-input-group-outline-line {
  border-bottom: 1px solid #EEEEEE;
  border-top: none;
  border-left: none;
  border-right: none;
}
.boc-ui-input-group-outline-plaintext {
  background-color: #F5F6FA;
  border-color: #F5F6FA;
}

.boc-ui-input-group-no-outline {
  border: none;
}

.boc-ui-input-group-outline-success {
  border: 1px solid #00BF7F;
}
.boc-ui-input-group-outline-success:hover, .boc-ui-input-group-outline-success.focus {
  border-color: #00BF7F;
}

.boc-ui-input-group-outline-error {
  border: 1px solid #FF192D;
}
.boc-ui-input-group-outline-error:hover, .boc-ui-input-group-outline-error.focus {
  border-color: #FF192D;
}

.boc-ui-input-group-disabled {
  background-color: #EEEEEE;
}

.boc-ui-rtl .pre-icon {
  padding-right: 35.6px !important;
}
.boc-ui-rtl .boc-ui-input-group.has-icon .addon-icon,
.boc-ui-rtl .boc-ui-input-group.has-icon .prefix-icon,
.boc-ui-rtl .boc-ui-input-group .has-icon .addon-icon,
.boc-ui-rtl .boc-ui-input-group .has-icon .prefix-icon {
  left: 8px;
  right: auto;
}
.boc-ui-rtl .boc-ui-input-group.has-icon .prefix-icon,
.boc-ui-rtl .boc-ui-input-group .has-icon .prefix-icon {
  left: auto;
  right: 8px;
}
.boc-ui-rtl .boc-ui-input-group.has-icon .prefix-icon + .boc-ui-input,
.boc-ui-rtl .boc-ui-input-group .has-icon .prefix-icon + .boc-ui-input {
  padding-right: 35.6px;
  padding-left: 8px;
}
.boc-ui-rtl .boc-ui-input-group.has-icon:not(.boc-ui-input-group-outline):not(.boc-ui-input-group-no-outline) .boc-ui-input,
.boc-ui-rtl .boc-ui-input-group .has-icon:not(.boc-ui-input-group-outline):not(.boc-ui-input-group-no-outline) .boc-ui-input {
  padding-left: 35.6px;
  padding-right: 8px;
}
.boc-ui-rtl .boc-ui-input-group.has-icon .boc-ui-input:only-of-type,
.boc-ui-rtl .boc-ui-input-group .has-icon .boc-ui-input:only-of-type {
  border-radius: 2px;
}
.boc-ui-rtl .boc-ui-input-group.is-count-check.has-icon:not(.boc-ui-input-group-outline):not(.boc-ui-input-group-no-outline) .boc-ui-input {
  padding-left: 52px;
  padding-right: 8px;
}
.boc-ui-rtl .boc-ui-input-group.is-count-check .boc-ui-input-value-count {
  right: auto;
  left: 8px;
  display: -ms-flexbox;
  display: flex;
}
.boc-ui-rtl .boc-ui-input-group > .boc-ui-input + .boc-ui-input,
.boc-ui-rtl .boc-ui-input-group > .boc-ui-input + .custom-select,
.boc-ui-rtl .boc-ui-input-group > .boc-ui-input + .custom-file,
.boc-ui-rtl .boc-ui-input-group > .custom-select + .boc-ui-input,
.boc-ui-rtl .boc-ui-input-group > .custom-select + .custom-select,
.boc-ui-rtl .boc-ui-input-group > .custom-select + .custom-file,
.boc-ui-rtl .boc-ui-input-group > .custom-file + .boc-ui-input,
.boc-ui-rtl .boc-ui-input-group > .custom-file + .custom-select,
.boc-ui-rtl .boc-ui-input-group > .custom-file + .custom-file {
  margin-left: 0;
  margin-right: -1px;
}
.boc-ui-rtl .boc-ui-input-group > .boc-ui-input:not(:last-child),
.boc-ui-rtl .boc-ui-input-group > .custom-select:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.boc-ui-rtl .boc-ui-input-group > .boc-ui-input:not(:first-child),
.boc-ui-rtl .boc-ui-input-group > .custom-select:not(:first-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.boc-ui-rtl .boc-ui-input-group > .custom-file:not(:last-child) .custom-file-label, .boc-ui-rtl .boc-ui-input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.boc-ui-rtl .boc-ui-input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.boc-ui-rtl .boc-ui-input-group-prepend .boc-ui-btn + .boc-ui-btn,
.boc-ui-rtl .boc-ui-input-group-prepend .boc-ui-btn + .boc-ui-input-group-text,
.boc-ui-rtl .boc-ui-input-group-prepend .boc-ui-input-group-text + .boc-ui-input-group-text,
.boc-ui-rtl .boc-ui-input-group-prepend .boc-ui-input-group-text + .boc-ui-btn,
.boc-ui-rtl .boc-ui-input-group-append .boc-ui-btn + .boc-ui-btn,
.boc-ui-rtl .boc-ui-input-group-append .boc-ui-btn + .boc-ui-input-group-text,
.boc-ui-rtl .boc-ui-input-group-append .boc-ui-input-group-text + .boc-ui-input-group-text,
.boc-ui-rtl .boc-ui-input-group-append .boc-ui-input-group-text + .boc-ui-btn,
.boc-ui-rtl .boc-ui-input-group-middle .boc-ui-btn + .boc-ui-btn,
.boc-ui-rtl .boc-ui-input-group-middle .boc-ui-btn + .boc-ui-input-group-text,
.boc-ui-rtl .boc-ui-input-group-middle .boc-ui-input-group-text + .boc-ui-input-group-text,
.boc-ui-rtl .boc-ui-input-group-middle .boc-ui-input-group-text + .boc-ui-btn {
  margin-right: -1px;
  margin-left: 0;
}
.boc-ui-rtl .boc-ui-input-group-prepend,
.boc-ui-rtl .boc-ui-input-group-append {
  margin-left: -1px;
  margin-right: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.boc-ui-rtl .boc-ui-input-group-prepend > .boc-ui-btn:not(:first-child),
.boc-ui-rtl .boc-ui-input-group-prepend > .boc-ui-input-group:not(:first-child),
.boc-ui-rtl .boc-ui-input-group-prepend > .select-input-wrapper:not(:first-child),
.boc-ui-rtl .boc-ui-input-group-append > .boc-ui-btn:not(:first-child),
.boc-ui-rtl .boc-ui-input-group-append > .boc-ui-input-group:not(:first-child),
.boc-ui-rtl .boc-ui-input-group-append > .select-input-wrapper:not(:first-child) {
  margin-left: -11px;
  margin-right: -1px;
}
.boc-ui-rtl .boc-ui-input-group-prepend > .boc-ui-btn:not(:last-child),
.boc-ui-rtl .boc-ui-input-group-prepend > .boc-ui-input-group:not(:last-child),
.boc-ui-rtl .boc-ui-input-group-prepend > .select-input-wrapper:not(:last-child),
.boc-ui-rtl .boc-ui-input-group-append > .boc-ui-btn:not(:last-child),
.boc-ui-rtl .boc-ui-input-group-append > .boc-ui-input-group:not(:last-child),
.boc-ui-rtl .boc-ui-input-group-append > .select-input-wrapper:not(:last-child) {
  margin-left: 10px;
  margin-right: -11px;
}
.boc-ui-rtl .boc-ui-input-group-append {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.boc-ui-rtl .boc-ui-input-group-append .boc-ui-input {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.boc-ui-rtl .boc-ui-input-group-append .dropdown-menu {
  right: auto;
  left: 0;
}
.boc-ui-rtl .boc-ui-input-group > .boc-ui-input-group-prepend > .boc-ui-btn,
.boc-ui-rtl .boc-ui-input-group > .boc-ui-input-group-prepend > .boc-ui-input-group-text,
.boc-ui-rtl .boc-ui-input-group > .boc-ui-input-group-append:not(:last-child) > .boc-ui-btn,
.boc-ui-rtl .boc-ui-input-group > .boc-ui-input-group-append:not(:last-child) > .boc-ui-input-group-text,
.boc-ui-rtl .boc-ui-input-group > .boc-ui-input-group-append:last-child > .boc-ui-btn:not(:last-child):not(.dropdown-toggle),
.boc-ui-rtl .boc-ui-input-group > .boc-ui-input-group-append:last-child > .boc-ui-input-group-text:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.boc-ui-rtl .boc-ui-input-group > .boc-ui-input-group-append > .boc-ui-btn,
.boc-ui-rtl .boc-ui-input-group > .boc-ui-input-group-append > .boc-ui-input-group-text,
.boc-ui-rtl .boc-ui-input-group > .boc-ui-input-group-prepend:not(:first-child) > .boc-ui-btn,
.boc-ui-rtl .boc-ui-input-group > .boc-ui-input-group-prepend:not(:first-child) > .boc-ui-input-group-text,
.boc-ui-rtl .boc-ui-input-group > .boc-ui-input-group-prepend:first-child > .boc-ui-btn:not(:first-child),
.boc-ui-rtl .boc-ui-input-group > .boc-ui-input-group-prepend:first-child > .boc-ui-input-group-text:not(:first-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.boc-ui-rtl .boc-ui-input-group-outline.has-icon, .boc-ui-rtl .has-icon.boc-ui-input-group-no-outline {
  padding-left: 36px;
  padding-right: 0;
}

/**
 * ---------------------------
 *  滑块组件
 * ---------------------------
 */
.boc-ui-slider {
  position: relative;
  padding: 16px 0;
}
.boc-ui-slider.has-labels {
  padding-bottom: 36px;
}

.boc-ui-slider-bar {
  position: relative;
  display: block;
  height: 4px;
  border-radius: 2px;
  background: #EEEEEE;
  z-index: 2;
  cursor: pointer;
}

.boc-ui-slider-value-bar {
  position: absolute;
  height: 4px;
  border-radius: 2px;
  background: #222222;
}

.boc-ui-slider-button {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #222222;
  transition: 0.3s;
}

.boc-ui-slider-button-wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 36px;
  height: 36px;
  margin: auto;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  z-index: 3;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: -webkit-grab;
  cursor: grab;
}
.boc-ui-slider-button-wrap:hover .slider-button {
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
          transform: scale(1.5);
}
.boc-ui-slider-button-wrap:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.boc-ui-slider-bar-stop {
  position: absolute;
  top: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #bbb;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  z-index: 1;
}

.boc-ui-slider-labels {
  position: relative;
  top: 15px;
  font-size: 14px;
  line-height: 1.5;
  color: #222222;
}

.boc-ui-slider-label {
  position: absolute;
  top: 0;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
}

/* 不同的颜色 */
.boc-ui-slider.primary .boc-ui-slider-value-bar, .boc-ui-slider.primary .boc-ui-slider-button {
  background: #222222;
}

.boc-ui-slider.secondary .boc-ui-slider-value-bar, .boc-ui-slider.secondary .boc-ui-slider-button {
  background: #FF6A00;
}

.boc-ui-slider.brand .boc-ui-slider-value-bar, .boc-ui-slider.brand .boc-ui-slider-button {
  background: #ffcc33;
}

.boc-ui-slider.success .boc-ui-slider-value-bar, .boc-ui-slider.success .boc-ui-slider-button {
  background: #00BF7F;
}

.boc-ui-slider.info .boc-ui-slider-value-bar, .boc-ui-slider.info .boc-ui-slider-button {
  background: #198CFF;
}

.boc-ui-slider.warning .boc-ui-slider-value-bar, .boc-ui-slider.warning .boc-ui-slider-button {
  background: #FF6A00;
}

.boc-ui-slider.danger .boc-ui-slider-value-bar, .boc-ui-slider.danger .boc-ui-slider-button {
  background: #FF192D;
}

.boc-ui-slider.light .boc-ui-slider-value-bar, .boc-ui-slider.light .boc-ui-slider-button {
  background: #fff;
}

.boc-ui-slider.dark .boc-ui-slider-value-bar, .boc-ui-slider.dark .boc-ui-slider-button {
  background: #222222;
}

/* 禁用状态 */
.boc-ui-slider.disabled .boc-ui-slider-bar {
  background: #EEEEEE !important;
  cursor: not-allowed !important;
}
.boc-ui-slider.disabled .boc-ui-slider-value-bar, .boc-ui-slider.disabled .boc-ui-slider-button {
  background: #CCCCCC !important;
}
.boc-ui-slider.disabled .boc-ui-slider-bar-stop {
  background: #bbb !important;
}
.boc-ui-slider.disabled .boc-ui-slider-button-wrap {
  cursor: not-allowed !important;
}
.boc-ui-slider.disabled .boc-ui-slider-button-wrap:hover .boc-ui-slider-button {
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
}

.boc-ui-rtl .boc-ui-slider-button {
  left: auto;
  right: 12px;
}
.boc-ui-rtl .boc-ui-slider-button-wrap,
.boc-ui-rtl .boc-ui-slider-bar-stop,
.boc-ui-rtl .boc-ui-slider-label {
  -webkit-transform: translate3d(50%, 0, 0);
          transform: translate3d(50%, 0, 0);
}

.boc-ui-progress {
  /* empty */
}

.boc-ui-progress-bar {
  display: inline-block;
  width: 100%;
  padding-right: 50px;
  margin-right: -50px;
  vertical-align: middle;
  line-height: 1;
}

.boc-ui-progress-bar-outer {
  height: 6px;
  border-radius: 1px;
  background: #EEEEEE;
  overflow: hidden;
}

.boc-ui-progress-bar-inner {
  height: 100%;
  border-radius: 1px;
  background: #222222;
  text-align: right;
}

.boc-ui-progress-text {
  display: inline-block;
  margin-left: 4px;
  vertical-align: middle;
}

.boc-ui-progress-inner-text {
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
}

.boc-ui-progress.is-success .boc-ui-progress-bar-inner {
  background-color: #00BF7F;
}
.boc-ui-progress.is-success .boc-ui-progress-text {
  color: #00BF7F;
}
.boc-ui-progress.is-error .boc-ui-progress-bar-inner {
  background-color: #FF192D;
}
.boc-ui-progress.is-error .boc-ui-progress-text {
  color: #FF192D;
}
.boc-ui-progress.is-brand .boc-ui-progress-bar-inner {
  background-color: #ffcc33;
}
.boc-ui-progress.is-brand .boc-ui-progress-text {
  color: #ffcc33;
}
.boc-ui-progress.text-inside {
  padding-right: 0;
  margin-right: 0;
}
.boc-ui-progress.text-inside .boc-ui-progress-bar-outer {
  height: 18px;
}

.boc-ui-rtl .boc-ui-progress-bar-inner {
  text-align: left;
}
.boc-ui-rtl .boc-ui-progress-text {
  margin-right: 4px;
  margin-left: 0;
}
.boc-ui-rtl .boc-ui-progress-bar {
  padding-left: 50px;
  margin-left: -50px;
  padding-right: 0;
  margin-right: 0;
}
.boc-ui-rtl .boc-ui-progress.text-inside {
  padding-left: 0;
  margin-left: 0;
  padding-right: auto;
  margin-right: auto;
}

.boc-ui-tree {
  position: relative;
  background: #fff;
}

.boc-ui-tree-node {
  position: relative;
}
.boc-ui-tree-node .disabled {
  opacity: 0.5;
}

.boc-ui-tree-node-label {
  color: #222222;
}

.boc-ui-tree-node-label-block {
  -ms-flex: auto;
      flex: auto;
}

.boc-ui-tree-node-expand-icon,
.boc-ui-tree-node-loading-icon {
  display: block;
  width: 21px;
  margin-left: -21px;
  font-size: 0;
  color: #CCCCCC;
  text-align: center;
}
.boc-ui-tree-node-expand-icon:before,
.boc-ui-tree-node-loading-icon:before {
  display: inline-block;
  font-size: 14px;
  font-family: "roo-icon";
  content: "\EA03";
  line-height: 1;
  vertical-align: middle;
}

.boc-ui-tree-node-expand-icon:before {
  content: "\EA03";
}

.boc-ui-tree-node-loading-icon:before {
  content: "\EA29";
  -webkit-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear;
}

.custom-tree-node-icon {
  -webkit-transform: rotate(-90edg);
      -ms-transform: rotate(-90edg);
          transform: rotate(-90edg);
}

.boc-ui-tree-node-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  min-height: 28px;
  padding-left: 21px;
  cursor: pointer;
}
.boc-ui-tree-node-content:hover, .boc-ui-tree-node-content.is-focused {
  background: #F5F6FA;
}

.boc-ui-tree-node-children {
  display: none;
  padding-left: 21px;
}

.boc-ui-tree-node-children > .boc-ui-tree-node::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-left: 1px dashed #CCCCCC;
  z-index: 1;
}

.boc-ui-tree-node-children > .boc-ui-tree-node:last-child::before {
  height: 14px;
}

.boc-ui-tree-node-children > .boc-ui-tree-node.is-leaf::after {
  content: "";
  position: absolute;
  top: 14px;
  left: 0;
  width: 14px;
  border-top: 1px dashed #CCCCCC;
  z-index: 1;
}

.boc-ui-tree-node.is-leaf .boc-ui-tree-node-expand-icon {
  display: none;
}

.boc-ui-tree-node.is-expanded > .boc-ui-tree-node-children {
  display: block;
}

.boc-ui-tree-node.is-expanded > .boc-ui-tree-node-content .boc-ui-tree-node-expand-icon {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.boc-ui-tree-node.is-expanded > .boc-ui-tree-node-content .custom-tree-node-icon {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.boc-ui-tree-node-children {
  display: none;
}

.boc-ui-tree-node.is-expanded > .boc-ui-tree-node-children {
  display: block;
}

.boc-ui-tree-node .disabled {
  opacity: 0.5;
}

.boc-ui-tree-is-selected > .boc-ui-tree-node-label {
  color: #FF6A00;
}

.boc-ui-tree-target-background {
  background-color: #F5F6FA;
}
.boc-ui-tree-target-border-bottom {
  border-bottom: 1px solid #999999;
}
.boc-ui-tree-target-border-top {
  border-top: 1px solid #999999;
}

.boc-ui-rtl .boc-ui-tree-node-expand-icon,
.boc-ui-rtl .boc-ui-tree-node-loading-icon {
  margin-right: -21px;
  margin-left: 0;
}
.boc-ui-rtl .boc-ui-tree-node-expand-icon:before,
.boc-ui-rtl .boc-ui-tree-node-loading-icon:before {
  content: "\EA02";
}
.boc-ui-rtl .boc-ui-tree-node-expand-icon:before {
  content: "\EA02";
}
.boc-ui-rtl .boc-ui-tree-node-loading-icon:before {
  content: "\EA29";
  -webkit-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear;
}
.boc-ui-rtl .boc-ui-tree-node-content {
  padding-right: 21px;
  padding-left: 0;
}
.boc-ui-rtl .boc-ui-tree-node-children {
  padding-right: 21px;
  padding-left: 0;
}
.boc-ui-rtl .boc-ui-tree-node-children > .boc-ui-tree-node::before {
  right: 0;
  left: auto;
  border-right: 1px dashed #CCCCCC;
  border-left: none;
}
.boc-ui-rtl .boc-ui-tree-node-children > .boc-ui-tree-node.is-leaf::after {
  right: 0;
  left: auto;
}

/* copy自@mtfe/rc-trigger/assets/index.css */
.rc-trigger-popup {
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: 1050;
}

.rc-trigger-popup-hidden {
  display: none;
}

.rc-trigger-popup-zoom-enter,
.rc-trigger-popup-zoom-appear {
  opacity: 0;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
          animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.rc-trigger-popup-zoom-leave {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
          animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.rc-trigger-popup-zoom-enter.rc-trigger-popup-zoom-enter-active,
.rc-trigger-popup-zoom-appear.rc-trigger-popup-zoom-appear-active {
  -webkit-animation-name: rcTriggerZoomIn;
          animation-name: rcTriggerZoomIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.rc-trigger-popup-zoom-leave.rc-trigger-popup-zoom-leave-active {
  -webkit-animation-name: rcTriggerZoomOut;
          animation-name: rcTriggerZoomOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

@-webkit-keyframes rcTriggerZoomIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

@keyframes rcTriggerZoomIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@-webkit-keyframes rcTriggerZoomOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
}
@keyframes rcTriggerZoomOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
}
.rc-trigger-popup-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #373737;
  background-color: rgba(55, 55, 55, 0.6);
  height: 100%;
  filter: alpha(opacity=50);
  z-index: 1050;
}

.rc-trigger-popup-mask-hidden {
  display: none;
}

.rc-trigger-popup-fade-enter,
.rc-trigger-popup-fade-appear {
  opacity: 0;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.rc-trigger-popup-fade-leave {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.rc-trigger-popup-fade-enter.rc-trigger-popup-fade-enter-active,
.rc-trigger-popup-fade-appear.rc-trigger-popup-fade-appear-active {
  -webkit-animation-name: rcTriggerMaskFadeIn;
          animation-name: rcTriggerMaskFadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.rc-trigger-popup-fade-leave.rc-trigger-popup-fade-leave-active {
  -webkit-animation-name: rcDialogFadeOut;
          animation-name: rcDialogFadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

@-webkit-keyframes rcTriggerMaskFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes rcTriggerMaskFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes rcDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rcDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.boc-ui-datepicker {
  position: relative;
  background-color: #fff;
  border: 1px solid #EEEEEE;
  white-space: nowrap;
  box-shadow: 0px 10px 16px 0px rgba(88, 90, 110, 0.15);
  z-index: 1050;
  border-radius: 0;
}
.boc-ui-datepicker .boc-ui-datepicker-header {
  margin-bottom: 5px;
}
.boc-ui-datepicker .boc-ui-datepicker-body {
  min-width: 280px;
  height: 240px;
  padding: 0 10px;
  cursor: pointer;
}
.boc-ui-datepicker .boc-ui-datepicker-footer {
  padding: 5px 10px;
  border-top: 1px solid #EEEEEE;
}
.boc-ui-datepicker .action-group a,
.boc-ui-datepicker tbody a {
  display: inline-block;
  min-width: 24px;
  padding: 0 4px;
  line-height: 22px;
  border: 1px solid transparent;
  color: #222222;
  border-radius: 0;
}
.boc-ui-datepicker .action-group a:hover,
.boc-ui-datepicker tbody a:hover {
  background-color: #EEEEEE;
  border-color: #EEEEEE;
  text-decoration: none;
}
.boc-ui-datepicker .boc-ui-datepicker-inputs {
  text-align: center;
  padding: 5px 0;
  border-bottom: 1px solid #EEEEEE;
}
.boc-ui-datepicker .boc-ui-datepicker-inputs .boc-ui-input {
  width: 105px;
}
.boc-ui-datepicker .boc-ui-datepicker-inputs .boc-ui-input:not(:focus) {
  border-color: #EEEEEE;
}
.boc-ui-datepicker .boc-ui-datepicker-inputs .boc-ui-input + .boc-ui-input {
  margin-left: 14px;
}
.boc-ui-datepicker .action-group {
  display: -ms-flexbox;
  display: flex;
  padding: 5px 0;
  border-bottom: 1px solid #EEEEEE;
  text-align: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.boc-ui-datepicker .action-group .action-pre i,
.boc-ui-datepicker .action-group .action-next i {
  vertical-align: middle;
  cursor: pointer;
}
.boc-ui-datepicker .action-group .action-pre i:hover,
.boc-ui-datepicker .action-group .action-next i:hover {
  color: #222222;
}
.boc-ui-datepicker .action-group .action-pre {
  padding-left: 10px;
}
.boc-ui-datepicker .action-group .action-next {
  padding-right: 10px;
}
.boc-ui-datepicker .action-group .action-select {
  padding: 0 10px;
}
.boc-ui-datepicker .action-group .action-select span {
  display: inline-block;
  line-height: 24px;
}
.boc-ui-datepicker .action-group a {
  cursor: pointer;
}
.boc-ui-datepicker table {
  width: 100%;
  height: 100%;
  border-collapse: separate;
  border-spacing: 0px 5px;
}
.boc-ui-datepicker table th, .boc-ui-datepicker table td {
  font-size: 12px;
  text-align: center;
}
.boc-ui-datepicker table td {
  padding: 0 4px;
}
.boc-ui-datepicker tbody td.active a,
.boc-ui-datepicker tbody td a:active {
  background-color: #222222;
  border-color: #222222;
  color: #fff;
}
.boc-ui-datepicker tbody td.today a {
  position: relative;
}
.boc-ui-datepicker tbody td.today a:after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background: #FF192D;
  border-radius: 100px;
  right: 0;
  top: 0;
}
.boc-ui-datepicker tbody td.old a {
  color: #999999;
}
.boc-ui-datepicker tbody td.disabled a, .boc-ui-datepicker tbody td.disabled a:hover {
  color: #CCCCCC;
  cursor: not-allowed;
  background-color: transparent;
  border-color: transparent;
}
.boc-ui-datepicker tbody td.disabled.active {
  background-color: #EEEEEE;
  border-color: #EEEEEE;
}
.boc-ui-datepicker tbody td.in-range {
  background-color: #EEEEEE;
  border-color: #EEEEEE;
}
.boc-ui-datepicker.has-footer .boc-ui-datepicker-years .boc-ui-datepicker-body,
.boc-ui-datepicker.has-footer .boc-ui-datepicker-months .boc-ui-datepicker-body {
  height: 278px;
}
.boc-ui-datepicker.has-footer .boc-ui-datepicker-quarters .boc-ui-datepicker-body {
  height: auto !important;
}
.boc-ui-datepicker-time-footer {
  border-top: 1px solid #EEEEEE;
  font-size: 14px;
  padding: 5px 10px;
  max-width: 170px;
  text-wrap: wrap;
  word-break: break-word;
}

.boc-ui-datepicker-data-panel {
  display: inline-block;
}

.boc-ui-datepicker-years table,
.boc-ui-datepicker-months table,
.boc-ui-datepicker-quarters table,
.boc-ui-datepicker-half table {
  border-spacing: 0px 35px;
}

.boc-ui-datepicker-quarters .boc-ui-datepicker-body, .boc-ui-datepicker-half .boc-ui-datepicker-body {
  height: auto !important;
}

.picker-select-wrap {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 0;
  box-shadow: 0px 10px 16px 0px rgba(88, 90, 110, 0.15);
}
.picker-select-wrap > ul {
  display: inline-block;
  height: 168px;
  overflow-y: auto;
  font-size: 12px;
}
.picker-select-wrap > ul + ul {
  border-left: 1px solid #EEEEEE;
}
.picker-select-wrap > ul > li {
  padding: 0 21px;
  line-height: 28px;
  color: #222222;
}
.picker-select-wrap > ul > li:hover {
  background-color: #F5F6FA;
  cursor: pointer;
}
.picker-select-wrap > ul > li.active {
  background-color: rgba(238, 238, 238, 0.6);
  color: #FF6A00;
}
.picker-select-wrap > ul > li.disabled {
  color: #CCCCCC;
  cursor: not-allowed;
  background-color: transparent;
  border-color: transparent;
}

.boc-ui-datepicker-preset-btn {
  margin: 5px 0px 5px 5px;
}

.boc-ui-rtl .boc-ui-datepicker-inputs .boc-ui-input + .boc-ui-input {
  margin-right: 14px;
  margin-left: 0px;
}
.boc-ui-rtl .boc-ui-datepicker .action-group .action-pre {
  padding-right: 10px;
  padding-left: 0px;
}
.boc-ui-rtl .boc-ui-datepicker .action-group .action-next {
  padding-right: 0px;
  padding-left: 10px;
}
.boc-ui-rtl .boc-ui-datepicker tbody td.today a:after {
  left: 0;
  right: auto;
}
.boc-ui-rtl .picker-select-wrap > ul + ul {
  border-right: 1px solid #EEEEEE;
  border-left: none;
}
.boc-ui-rtl .boc-ui-datepicker-preset-btn {
  margin: 5px 5px 5px 0px;
}

/*
---------------
分割线样式
---------------
*/
.boc-ui-divider {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.5;
  box-sizing: border-box;
  list-style: none;
  background: #EEEEEE;
}

.boc-ui-divider, .boc-ui-divider-vertical {
  display: inline-block;
  height: 0.9em;
  width: 1px;
  margin: 0 10px;
  vertical-align: middle;
  position: relative;
  top: -0.06em;
}

.boc-ui-divider-horizontal {
  display: block;
  height: auto;
  width: 100%;
  min-width: 100%;
  margin: 20px 0;
  clear: both;
}
.boc-ui-divider-horizontal.boc-ui-divider-with-text, .boc-ui-divider-horizontal.boc-ui-divider-with-text-left, .boc-ui-divider-horizontal.boc-ui-divider-with-text-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  white-space: nowrap;
  text-align: center;
  font-size: 15.96px;
  margin: 20px 0;
  background: transparent;
}
.boc-ui-divider-horizontal.boc-ui-divider-with-text::before, .boc-ui-divider-horizontal.boc-ui-divider-with-text::after, .boc-ui-divider-horizontal.boc-ui-divider-with-text-left::before, .boc-ui-divider-horizontal.boc-ui-divider-with-text-left::after, .boc-ui-divider-horizontal.boc-ui-divider-with-text-right::before, .boc-ui-divider-horizontal.boc-ui-divider-with-text-right::after {
  content: "";
  position: relative;
  top: 50%;
  width: 50%;
  display: table-cell;
  border-top: 1px solid #EEEEEE;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
}
.boc-ui-divider-horizontal.boc-ui-divider-with-text .boc-ui-divider-text, .boc-ui-divider-horizontal.boc-ui-divider-with-text-left .boc-ui-divider-text, .boc-ui-divider-horizontal.boc-ui-divider-with-text-right .boc-ui-divider-text {
  display: inline-block;
  padding: 0 10px;
}
.boc-ui-divider-horizontal.boc-ui-divider-dashed::before, .boc-ui-divider-horizontal.boc-ui-divider-dashed::after {
  border-top: 1px dashed #EEEEEE;
}
.boc-ui-divider-horizontal.boc-ui-divider-with-text-left::before, .boc-ui-divider-horizontal.boc-ui-divider-with-text-right::after {
  top: 50%;
  width: 5%;
}
.boc-ui-divider-horizontal.boc-ui-divider-with-text-right::before, .boc-ui-divider-horizontal.boc-ui-divider-with-text-left::after {
  top: 50%;
  width: 95%;
}

.boc-ui-drawer-portal {
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
}

.boc-ui-drawer {
  position: fixed;
  outline: none;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 3px 9px;
  transition: -webkit-transform 300ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
  transition: transform 300ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
  transition: transform 300ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, -webkit-transform 300ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  visibility: unset;
  z-index: 1000;
  overflow-y: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
}

.boc-ui-drawer-header {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 16px 24px;
  color: #222222;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 2px 2px 0 0;
}
.boc-ui-drawer-header.boc-ui-drawer-header-close-only {
  padding-bottom: 0;
  border: none;
}
.boc-ui-drawer-header .boc-ui-drawer-header-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.boc-ui-drawer-header .boc-ui-drawer-header-title .boc-ui-drawer-title {
  -ms-flex: 1;
      flex: 1;
  margin: 0;
  color: #222222;
  font-size: 16px;
  line-height: 22px;
}
.boc-ui-drawer-header .boc-ui-drawer-header-title .boc-ui-drawer-close {
  display: inline-block;
  margin-right: 12px;
  color: #999999;
  z-index: 10;
  padding: 0;
  font-size: 16px;
  background: transparent;
  border: 0;
  cursor: pointer;
  text-align: center;
  line-height: 1;
}
.boc-ui-drawer-header .boc-ui-drawer-header-title .boc-ui-drawer-close:hover {
  color: #222222;
}
.boc-ui-drawer-body {
  -ms-flex-positive: 1;
      flex-grow: 1;
  padding: 24px;
  overflow: auto;
  font-size: 14px;
  word-wrap: break-word;
}

.boc-ui-drawer-footer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 10px 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.boc-ui-rtl .boc-ui-drawer-header .boc-ui-drawer-header-title .boc-ui-drawer-close {
  margin-left: 12px;
  margin-right: 0;
}

.boc-ui-rtl .boc-ui-upload-list-item {
  padding: 1px 0 1px 3px;
}
.boc-ui-rtl .boc-ui-upload-list-icon {
  margin-right: auto;
  margin-left: 5px;
}
.boc-ui-rtl .boc-ui-upload-list-trash {
  margin-right: auto;
  margin-left: 0px;
}
.boc-ui-rtl .boc-ui-upload-list-uploading-bar {
  margin-right: 22px;
}
.boc-ui-rtl .boc-ui-upload-card-item {
  margin-right: 0px;
  margin-left: 5px;
}
.boc-ui-rtl .boc-ui-upload-card-item .boc-ui-progress-bar {
  padding-right: auto;
  padding-left: 0;
}

.boc-ui-upload-list-container {
  margin: 5px 0;
}

.boc-ui-upload-motion {
  transition: all 0.3s;
}

.boc-ui-upload-list-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 1px 3px 1px 0;
  margin-top: 6px;
}

.boc-ui-upload-list-load {
  margin-bottom: 5px;
}

.boc-ui-upload-list-icon {
  margin-right: 5px;
}

.boc-ui-upload-list-item:hover {
  background: #EEEEEE;
  cursor: pointer;
}

.boc-ui-upload-card-item-error {
  color: #FF192D;
}

.boc-ui-upload-card-file-loading, .boc-ui-upload-card-file-success {
  color: #222222;
}

.boc-ui-upload-list-item > span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.boc-ui-upload-list-item:hover {
  color: #222222;
}

.boc-ui-upload-list-item-error {
  color: #FF192D;
  fill: #FF192D;
}
.boc-ui-upload-list-item-error:hover {
  color: #FF192D;
}

.boc-ui-upload-list-trash {
  display: none;
  margin-left: auto;
}

.boc-ui-upload-list-trash-error {
  display: inline;
}

.boc-ui-upload-list-item:hover .boc-ui-upload-list-trash {
  display: inline;
}

.boc-ui-upload-list-uploading-bar {
  margin-left: 22px;
}

.boc-ui-upload-list-item-loading {
  display: block;
}

.boc-ui-upload-list-item-name {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.boc-ui-upload-card-container {
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.boc-ui-upload-card-item {
  padding: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  width: 100px;
  height: 100px;
  border: #EEEEEE 1px solid;
  border-radius: 3px;
}

.boc-ui-upload-card-item-canDrop {
  border: none;
}

.boc-ui-upload-card-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.boc-ui-upload-card-item .boc-ui-upload-card-mask {
  visibility: hidden;
  background: transparent;
}

.boc-ui-upload-card-item:hover .boc-ui-upload-card-mask {
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  visibility: visible;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.45);
  transition: background-color 0.5s;
}

.boc-ui-upload-card-file {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  padding: 5px;
  height: 100%;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  color: #222222;
  fill: #222222;
}

.boc-ui-upload-card-file > span {
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 80px;
  overflow: hidden;
}

.boc-ui-upload-card-file-error {
  color: #FF192D;
  fill: #FF192D;
}

.boc-ui-upload-card-item {
  position: relative;
}

.boc-ui-upload-card-item .boc-ui-progress-bar {
  padding-right: 0;
}

.boc-ui-upload-card-item .boc-ui-progress {
  width: 100%;
}

.boc-ui-upload-card-item-load {
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.boc-ui-upload-load-canDrop {
  fill: #222222;
  border: 1px dashed #CCCCCC;
}
.boc-ui-upload-load-canDrop:hover {
  color: #FF6A00;
  fill: #FF6A00;
  border: 1px dashed #FF6A00;
}

.boc-ui-upload-load-dropover {
  border: 1px dashed #FF6A00;
  color: #FF6A00;
  fill: #FF6A00;
}

.boc-ui-upload-load-drop {
  border: 1px dashed #CCCCCC;
}

.boc-ui-upload-load {
  height: 100%;
  -ms-flex: 1;
      flex: 1;
}

/* 
* 手风琴组件
*/
.boc-ui-accordion-motion {
  transition: height 0.3s, opacity 0.3s;
}

.boc-ui-accordion {
  border: 1px solid #EEEEEE;
}
.boc-ui-accordion .boc-ui-accordion-panel .boc-ui-accordion-panel-header {
  border-top: 1px solid #EEEEEE;
  background-color: #F5F6FA;
  color: #222222;
  min-height: 38px;
  line-height: 38px;
  padding: 0 20px;
  font-weight: bold;
  cursor: pointer;
  position: relative;
}
.boc-ui-accordion .boc-ui-accordion-panel .boc-ui-accordion-panel-header .boc-ui-accordion-panel-header-icon {
  position: absolute;
  left: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.boc-ui-accordion .boc-ui-accordion-panel .boc-ui-accordion-panel-header .boc-ui-accordion-panel-header-icon-right {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc(100% - 30px);
}
.boc-ui-accordion .boc-ui-accordion-panel .boc-ui-accordion-panel-header .boc-ui-accordion-panel-title-wrap {
  display: inline-block;
}
.boc-ui-accordion .boc-ui-accordion-panel .boc-ui-accordion-panel-header .boc-ui-accordion-panel-title-wrap > * {
  margin: 0;
}
.boc-ui-accordion .boc-ui-accordion-panel .boc-ui-accordion-panel-header .boc-ui-accordion-panel-title-wrap.boc-ui-accordion-panel-title-left {
  padding-left: 23px;
}
.boc-ui-accordion .boc-ui-accordion-panel .boc-ui-accordion-panel-content {
  border-top: 1px solid #EEEEEE;
  font-size: 12px;
  display: none;
}
.boc-ui-accordion .boc-ui-accordion-panel .boc-ui-accordion-panel-active {
  display: block;
  color: #666666;
}
.boc-ui-accordion .boc-ui-accordion-panel .boc-ui-accordion-panel-box {
  padding: 15px 20px;
}
.boc-ui-accordion > .boc-ui-accordion-panel:first-child > .boc-ui-accordion-panel-header {
  border-top: none;
}
.boc-ui-accordion .boc-ui-accordion-panel-disabled > .boc-ui-accordion-panel-header {
  color: #CCCCCC;
  background-color: #F5F6FA;
  cursor: not-allowed;
}

.boc-ui-rtl .boc-ui-accordion .boc-ui-accordion-panel .boc-ui-accordion-panel-header .boc-ui-accordion-panel-header-icon {
  right: 15px;
}
.boc-ui-rtl .boc-ui-accordion .boc-ui-accordion-panel .boc-ui-accordion-panel-header .boc-ui-accordion-panel-header-icon-right {
  left: 0;
  right: auto;
}
.boc-ui-rtl .boc-ui-accordion .boc-ui-accordion-panel .boc-ui-accordion-panel-header .boc-ui-accordion-panel-title-wrap.boc-ui-accordion-panel-title-left {
  padding-right: 23px;
}

.boc-ui-transfer {
  min-width: 710px;
}
.boc-ui-transfer .boc-ui-transfer-panel {
  position: relative;
  display: inline-block;
  width: 300px;
  border: 1px solid #EEEEEE;
  border-radius: 2px;
  overflow: hidden;
  vertical-align: middle;
}
.boc-ui-transfer .boc-ui-transfer-panel .boc-ui-transfer-panel-title {
  height: 37px;
  line-height: 35px;
  background-color: #F5F6FA;
  border-bottom: 1px solid #EEEEEE;
  border-radius: 2px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.boc-ui-transfer .boc-ui-transfer-panel .boc-ui-transfer-panel-title .boc-ui-transfer-panel-title-all {
  margin-left: 12px;
  min-width: 16px;
}
.boc-ui-transfer .boc-ui-transfer-panel .boc-ui-transfer-panel-title .boc-ui-transfer-panel-title-label {
  width: 210px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.boc-ui-transfer .boc-ui-transfer-panel .boc-ui-transfer-panel-title .boc-ui-transfer-panel-title-count {
  float: right;
  line-height: 36px;
  margin-right: 12px;
}
.boc-ui-transfer .boc-ui-transfer-panel .boc-ui-transfer-panel-empty {
  text-align: center;
  padding-top: 6px;
}
.boc-ui-transfer .boc-ui-transfer-panel .boc-ui-transfer-panel-filter {
  padding: 0 12px;
  margin-top: 12px;
}
.boc-ui-transfer .boc-ui-transfer-panel .boc-ui-transfer-panel-body {
  height: 240px;
  overflow: auto;
}
.boc-ui-transfer .boc-ui-transfer-panel .boc-ui-transfer-panel-body .boc-ui-transfer-panel-list .boc-ui-checkbox {
  display: -ms-flexbox;
  display: flex;
  height: 36px;
  padding: 6px 12px;
  margin-right: 0;
}
.boc-ui-transfer .boc-ui-transfer-panel .boc-ui-transfer-panel-body .boc-ui-transfer-panel-list .boc-ui-checkbox:hover {
  background-color: #F5F6FA;
}
.boc-ui-transfer .boc-ui-transfer-panel .boc-ui-transfer-panel-footer {
  border-top: 1px solid #EEEEEE;
}
.boc-ui-transfer .boc-ui-transfer-operations {
  display: inline-block;
  padding: 0 16px;
  vertical-align: middle;
}
.boc-ui-transfer .boc-ui-transfer-operations .boc-ui-btn {
  display: -ms-flexbox;
  display: flex;
  height: 36px;
  margin-bottom: 16px;
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-transfer .boc-ui-transfer-operations .boc-ui-btn .roo-icon {
  margin-top: 0;
}

.boc-ui-rtl .boc-ui-transfer .boc-ui-transfer-panel .boc-ui-transfer-panel-title .boc-ui-transfer-panel-title-all {
  margin-right: 12px;
  margin-left: 8px;
}
.boc-ui-rtl .boc-ui-transfer .boc-ui-transfer-panel .boc-ui-transfer-panel-title .boc-ui-transfer-panel-title-count {
  float: left;
  margin-left: 12px;
}
.boc-ui-rtl .boc-ui-transfer .boc-ui-transfer-panel .boc-ui-transfer-panel-body .boc-ui-checkbox {
  margin-left: 0;
}

.boc-ui-rtl .boc-ui-timeline {
  direction: rtl;
}
.boc-ui-rtl .boc-ui-timeline-align-left {
  text-align: left;
}
.boc-ui-rtl .boc-ui-timeline-align-alternate .boc-ui-timeline-item:nth-child(2n),
.boc-ui-rtl .boc-ui-timeline-with-time.boc-ui-timeline-align-right .boc-ui-timeline-item {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  display: -ms-flexbox;
  display: flex;
}
.boc-ui-rtl .boc-ui-timeline-with-time .boc-ui-timeline-item-dot {
  right: calc(50% - 4px);
}
.boc-ui-rtl .boc-ui-timeline-with-time .boc-ui-timeline-item-tail {
  right: calc(50% - 1px);
}
.boc-ui-rtl .boc-ui-timeline-with-time.boc-ui-timeline-align-right .boc-ui-timeline-item {
  -ms-flex-direction: row;
      flex-direction: row;
}
.boc-ui-rtl .boc-ui-timeline-with-time.boc-ui-timeline-align-left .boc-ui-timeline-item {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}

.boc-ui-timeline {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  direction: ltr;
}

.boc-ui-timeline-item {
  position: relative;
  text-align: left;
}
.boc-ui-timeline-item::before, .boc-ui-timeline-item::after {
  content: "";
  display: table;
}

.boc-ui-timeline-item-content, .boc-ui-timeline-item-time {
  color: #666666;
}

.boc-ui-timeline-item:not(:last-child) .boc-ui-timeline-item-content {
  padding-bottom: 20px;
}

.boc-ui-timeline-item-dot {
  position: absolute;
  top: 6px;
}
.boc-ui-timeline-item-dot::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background-color: #EEEEEE;
  border-radius: 50%;
}

.boc-ui-timeline-align-right .boc-ui-timeline-item-custom-dot {
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
  margin-right: 4px;
}

.boc-ui-timeline-item-custom-dot {
  text-align: center;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-left: 4px;
}
.boc-ui-timeline-item-custom-dot::before {
  display: none;
}

.boc-ui-timeline-item-last .boc-ui-timeline-item-dot::before {
  background-color: #222222;
}

.boc-ui-timeline-item-tail {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  background-color: #EEEEEE;
}

.boc-ui-timeline-item:first-child .boc-ui-timeline-item-tail {
  top: 6px;
}

.boc-ui-timeline-item:last-child .boc-ui-timeline-item-tail {
  bottom: auto;
  height: 14px;
}

.boc-ui-timeline-align-left .boc-ui-timeline-item-dot {
  left: 0;
}

.boc-ui-timeline-align-left .boc-ui-timeline-item-tail {
  left: 3px;
}

.boc-ui-timeline-align-left .boc-ui-timeline-item {
  padding-left: 20px;
}

.boc-ui-timeline-align-left .boc-ui-timeline-item {
  padding-left: 20px;
}

.boc-ui-timeline-align-right .boc-ui-timeline-item-dot {
  right: 0;
}

.boc-ui-timeline-align-right .boc-ui-timeline-item-tail {
  right: 3px;
}

.boc-ui-timeline-align-right .boc-ui-timeline-item {
  padding-right: 20px;
}

.boc-ui-timeline-align-right .boc-ui-timeline-item-content {
  text-align: right;
}

.boc-ui-timeline-align-alternate .boc-ui-timeline-item-dot {
  left: calc(50% - 4px);
}

.boc-ui-timeline-align-alternate .boc-ui-timeline-item-tail {
  left: calc(50% - 1px);
}

.boc-ui-timeline-align-alternate .boc-ui-timeline-item:nth-child(2n) .boc-ui-timeline-item-content {
  text-align: right;
  width: calc(50% - 16px);
}

.boc-ui-timeline-align-alternate .boc-ui-timeline-item:nth-child(2n+1) {
  text-align: right;
}

.boc-ui-timeline-align-alternate .boc-ui-timeline-item:nth-child(2n+1) .boc-ui-timeline-item-content {
  display: inline-block;
  text-align: left;
  width: calc(50% - 16px);
}

.boc-ui-timeline-with-time .boc-ui-timeline-item {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
}

.boc-ui-timeline-with-time .boc-ui-timeline-item-dot {
  left: calc(50% - 4px);
}

.boc-ui-timeline-with-time .boc-ui-timeline-item-tail {
  left: calc(50% - 1px);
}

.boc-ui-timeline-with-time .boc-ui-timeline-item-time,
.boc-ui-timeline-with-time .boc-ui-timeline-item-content {
  -ms-flex: 1 0 50%;
      flex: 1 0 50%;
}

.boc-ui-timeline-align-alternate .boc-ui-timeline-item:nth-child(2n),
.boc-ui-timeline-with-time.boc-ui-timeline-align-right .boc-ui-timeline-item {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}

.boc-ui-timeline-with-time.boc-ui-timeline-align-right .boc-ui-timeline-item {
  padding-right: 0;
}

.boc-ui-timeline-with-time.boc-ui-timeline-align-left .boc-ui-timeline-item-time {
  text-align: right;
}

.boc-ui-timeline-with-time.boc-ui-timeline-align-right .boc-ui-timeline-item-time {
  text-align: left;
}

.boc-ui-timeline-with-time.boc-ui-timeline-align-left .boc-ui-timeline-item-time,
.boc-ui-timeline-with-time.boc-ui-timeline-align-right .boc-ui-timeline-item-content,
.boc-ui-timeline-align-alternate .boc-ui-timeline-item:nth-child(2n+1) .boc-ui-timeline-item-time,
.boc-ui-timeline-align-alternate .boc-ui-timeline-item:nth-child(2n) .boc-ui-timeline-item-content {
  padding-right: 16px;
}

.boc-ui-timeline-with-time.boc-ui-timeline-align-left .boc-ui-timeline-item-content,
.boc-ui-timeline-with-time.boc-ui-timeline-align-right .boc-ui-timeline-item-time,
.boc-ui-timeline-align-alternate .boc-ui-timeline-item:nth-child(2n+1) .boc-ui-timeline-item-content,
.boc-ui-timeline-align-alternate .boc-ui-timeline-item:nth-child(2n) .boc-ui-timeline-item-time {
  padding-left: 16px;
}

.boc-ui-rtl .boc-ui-picker-menu:last-child {
  border-left: none;
}
.boc-ui-rtl .boc-ui-picker-menu {
  text-align: right;
  border-left: 1px solid #EEEEEE;
  border-right: none;
}
.boc-ui-rtl .boc-ui-multi-cascader-toggle .boc-ui-tag {
  margin-left: 8px;
  margin-right: 0px;
}
.boc-ui-rtl .boc-ui-multi-cascader-checkall {
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
  margin-left: 0px;
  margin-top: 5px;
}

.boc-ui-multi-cascader-checkall {
  margin-left: 10px;
  margin-top: 5px;
}
.boc-ui-multi-cascader-checkall .boc-ui-checkbox .custom-checkbox {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.boc-ui-multi-cascader-checkall .boc-ui-checkbox .custom-checkbox-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.boc-ui-picker-menu:last-child {
  border-right: none;
}

.boc-ui-picker-multi-cascader-menu.boc-ui-picker-inline {
  box-shadow: none;
}

.boc-ui-picker-inline .boc-ui-picker-menu {
  box-shadow: none;
}

.boc-ui-picker-menu {
  min-width: 180px;
  max-width: 300px;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 236px;
  max-height: 242px;
  overflow: auto;
  padding: 4px 0;
  font-size: 14px;
  color: #222222;
  text-align: left;
  list-style: none;
  border-right: 1px solid #EEEEEE;
  border-radius: 2px;
}

.boc-ui-picker-menu-cascader {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
}

.boc-ui-picker-value-count {
  display: inline-block;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 100px;
  font-size: 12px;
  margin: 2px;
  background: #F5F6FA;
}

.boc-ui-picker-menu-item {
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
  outline: none;
  font-size: 14px;
  height: 36px;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
}

.boc-ui-picker-menu-item:hover {
  background-color: #F5F6FA;
}

.boc-ui-picker-menu-item-disabled:hover {
  background-color: unset !important;
}

.boc-ui-picker-multi-cascader-menu {
  box-shadow: 0px 10px 16px 0px rgba(88, 90, 110, 0.15);
}

.boc-ui-picker-menu-item .boc-ui-checkbox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
}

.boc-ui-picker-menu-item .boc-ui-checkbox .custom-checkbox {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.boc-ui-picker-menu-item .boc-ui-checkbox span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
}

.boc-ui-picker-menu-item .boc-ui-checkbox .boc-ui-checkbox-uncheckable {
  opacity: unset;
}

.boc-ui-picker-menu-item-focus {
  background-color: #F5F6FA;
}

.boc-ui-picker-cascader-search-panel {
  height: 236px;
  padding: 0 10px;
  overflow: auto;
}

.boc-ui-picker-search-bar {
  padding: 10px;
}

.boc-ui-picker-search-result {
  border: none;
  display: -ms-flexbox;
  display: flex;
}
.boc-ui-picker-search-result > ul {
  width: 100%;
}

.boc-ui-picker-cascader-col .boc-ui-checkbox {
  width: 100%;
  line-height: 36px;
  height: 36px;
}

.boc-ui-picker-cascader-col::after {
  content: " / ";
}

.boc-ui-picker-none {
  padding: 0 10px;
}

.boc-ui-picker-cascader-col:last-child::after {
  content: none;
}

/* TOGGLE  */
.boc-ui-multi-cascader-toggle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  min-height: 36px;
  height: auto;
  border: 1px solid #EEEEEE;
  border-radius: 2px;
  padding: 6px 10px;
  cursor: pointer;
  background: #ffffff;
}

.boc-ui-multi-cascader-toggle-large {
  min-height: 40px;
}

.boc-ui-multi-cascader-toggle-small {
  min-height: 32px;
}

.boc-ui-multi-cascader-toggle-mini {
  min-height: 28px;
}

.boc-ui-multi-cascader-toggle-compact {
  min-height: 28px;
  font-size: 14px;
  line-height: 20px;
  padding: 3px 10px;
}
.boc-ui-multi-cascader-toggle-compact .boc-ui-picker-value-count {
  height: 20px;
  line-height: 20px;
  min-width: 20px;
  margin: 0;
}
.boc-ui-multi-cascader-toggle-compact .boc-ui-tag-compact {
  line-height: 18px;
}
.boc-ui-multi-cascader-toggle-compact .boc-ui-tag-compact.boc-ui-tag {
  font-size: 14px;
}

.boc-ui-multi-cascader-toggle .boc-ui-tag {
  margin-right: 8px;
}

.boc-ui-multi-cascader-toggle:hover:not(.boc-ui-multi-cascader-disabled) {
  border-color: #CCCCCC;
}

.boc-ui-multi-cascader-toggle .roo-icon {
  cursor: pointer;
  color: #CCCCCC;
}

.boc-ui-multi-cascader-toggle.has-success-hook::before {
  content: "";
}

.has-success-hook .boc-ui-multi-cascader-toggle,
.has-success-hook .boc-ui-multi-cascader-toggle:hover,
.boc-ui-multi-cascader-toggle.has-success-hook,
.boc-ui-multi-cascader-toggle.has-success-hook:hover {
  border-color: #00BF7F;
  position: relative;
  background-color: white;
}

.has-error .boc-ui-multi-cascader-toggle,
.has-error .boc-ui-multi-cascader-toggle:hover,
.boc-ui-multi-cascader-toggle.has-error,
.boc-ui-multi-cascader-toggle.has-error:hover {
  border-color: #FF192D;
  position: relative;
  background-color: white;
}

.boc-ui-multi-cascader-border-color {
  border-color: #999999;
}

.boc-ui-multi-cascader-toggle .roo-icon:hover {
  color: #CCCCCC;
}

.boc-ui-multi-cascader-toggle-placeholder {
  color: #CCCCCC;
}

.boc-ui-multi-cascader-disabled {
  border-color: #EEEEEE;
  color: #CCCCCC;
  background-color: #EEEEEE;
  cursor: not-allowed;
}

.boc-ui-multi-cascader-selected {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-multi-cascader-selected .boc-ui-tag-plaintext, .boc-ui-multi-cascader-selected .boc-ui-value-count-plaintext {
  background-color: white;
  border-color: white;
}

.boc-ui-picker-value-list {
  display: -ms-flexbox;
  display: flex;
  grid-row-gap: 8px;
  row-gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.boc-ui-multi-cascader-plaintext {
  background-color: #F5F6FA;
}

.boc-ui-multi-cascader-line {
  border-top: none;
  border-left: none;
  border-right: none;
}

.boc-ui-multi-cascader-nobordered {
  border: none !important;
}

.boc-ui-image-viewer-inline {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 400px;
  background: rgba(0, 0, 0, 0.45);
}
.boc-ui-image-viewer-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.45);
  height: 100%;
  filter: alpha(opacity=60);
  z-index: 2000;
}
.boc-ui-image-viewer-close-btn {
  position: fixed;
  top: 16px;
  right: 16px;
  overflow: hidden;
  width: 44px;
  height: 44px;
  cursor: pointer;
  z-index: 2010;
  background-color: #444;
  border-radius: 2px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  line-height: 17.7px;
  color: #fff;
}
.boc-ui-image-viewer-close-btn:hover {
  background-color: #222222;
}
.boc-ui-image-viewer-totel-number-box {
  position: fixed;
  top: 16px;
  left: 16px;
  font-size: 14px;
  font-size: var(--font-size-base);
  color: #fff;
  color: var(--text-light);
}
.boc-ui-image-viewer-prev-btn-wrapper {
  box-sizing: content-box;
  position: fixed;
  display: block;
  width: 44px;
  height: calc(100% - 70px);
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  padding-left: 16px;
}
.boc-ui-image-viewer-prev-btn-box {
  width: 44px;
  height: 88px;
  box-sizing: border-box;
  background-color: #444;
  border-radius: 2px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
}
.boc-ui-image-viewer-prev-btn-box:hover {
  background-color: #222222;
}
.boc-ui-image-viewer-next-btn-wrapper {
  box-sizing: content-box;
  position: fixed;
  display: block;
  width: 44px;
  height: calc(100% - 70px);
  top: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  padding-right: 16px;
}
.boc-ui-image-viewer-next-btn-box {
  width: 44px;
  height: 88px;
  box-sizing: border-box;
  background-color: #444;
  border-radius: 2px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
}
.boc-ui-image-viewer-next-btn-box:hover {
  background-color: #222222;
}
.boc-ui-image-viewer-change-box {
  width: 40px;
  height: 40px;
}
.boc-ui-image-viewer-image-box {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 2005;
  padding: 16px 44px;
}
.boc-ui-image-viewer-image-box > img {
  display: block;
  width: auto;
  height: auto;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.boc-ui-image-viewer-image-box > img.drag {
  cursor: move;
}
.boc-ui-image-viewer-no-images-tip {
  position: fixed;
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 20%;
  top: 0;
}
.boc-ui-image-viewer-toolbar-container {
  box-sizing: border-box;
  min-height: 44px;
  position: fixed;
  bottom: 82px;
  width: 100%;
  height: 44px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.boc-ui-image-viewer-toolbar-ul {
  background-color: #444;
  border-radius: 2px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.boc-ui-image-viewer-toolbar-btn {
  box-sizing: border-box;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  cursor: pointer;
  padding: 10px;
}
.boc-ui-image-viewer-toolbar-tooltips {
  display: none;
  position: absolute;
  top: -47px;
}
.boc-ui-image-viewer-toolbar-tooltips .corner {
  width: 52px;
  height: 35px;
  background-color: #222222;
  border-radius: 4px;
  overflow: hidden;
  text-align: center;
  line-height: 35px;
}
.boc-ui-image-viewer-toolbar-tooltips .triangle {
  width: 0px; /*  宽高设置为0，很重要，否则达不到效果 */
  height: 0px;
  border: 6px solid #222222;
  border-bottom-color: transparent; /* 设置透明背景色 */
  border-left-color: transparent;
  border-right-color: transparent;
  position: absolute;
  left: 20px;
}
.boc-ui-image-viewer-toolbar-icon-box {
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  line-height: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.boc-ui-image-viewer-toolbar-icon-box .toolbar-icon-btn {
  font-size: 24px;
}
.boc-ui-image-viewer-toolbar-btn:first-child:hover {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.boc-ui-image-viewer-toolbar-btn:last-child:hover {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}
.boc-ui-image-viewer-toolbar-btn:hover {
  background-color: #222222;
}
.boc-ui-image-viewer-toolbar-btn:hover .toolbar-tooltips {
  display: block;
  color: #fff;
  color: var(--light);
}
.boc-ui-image-viewer-navbar-container {
  box-sizing: border-box;
  width: 100%;
  background-color: #444;
  position: fixed;
  bottom: 0;
  overflow: hidden;
  padding-top: 12px;
}
.boc-ui-image-viewer-navbar-box {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.boc-ui-image-viewer-navbar-change-btn-box {
  color: #fff;
}
.boc-ui-image-viewer-navbar-change-btn-box .navbar-icon-btn {
  opacity: 0.4;
  cursor: pointer;
}
.boc-ui-image-viewer-navbar-change-btn-box:hover .navbar-icon-btn {
  opacity: 1;
}
.boc-ui-image-viewer-navbar-list {
  box-sizing: border-box;
  height: 46px;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}
.boc-ui-image-viewer-navbar-list li {
  box-sizing: border-box;
  width: 46px;
  height: 46px;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  margin-right: 6px;
  background-color: #fff;
  background-color: var(--light);
  border: 2px solid #444;
  border-radius: 2px;
  position: relative;
}
.boc-ui-image-viewer-navbar-list > li > .navbar-img-box {
  box-sizing: border-box;
  width: 42px;
  height: 42px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.boc-ui-image-viewer-navbar-list > li > .img-mask {
  position: absolute;
  width: 46px;
  height: 46px;
  background-color: #222222;
  opacity: 0.5;
}
.boc-ui-image-viewer-navbar-list > li > .navbar-img-box > img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: auto;
}
.boc-ui-image-viewer-navbar-list > li.navbar-img-active {
  opacity: 1;
  border-color: #FF6A00;
  border-color: var(--link-color);
}
.boc-ui-image-viewer-navbar-list > li.navbar-img-active > img {
  opacity: 1;
}
.boc-ui-image-viewer-inline > .boc-ui-image-viewer-mask, .boc-ui-image-viewer-inline > .boc-ui-image-viewer-close-btn, .boc-ui-image-viewer-inline > .boc-ui-image-viewer-image-box, .boc-ui-image-viewer-inline > .boc-ui-image-viewer-toolbar-container, .boc-ui-image-viewer-inline > .boc-ui-image-viewer-prev-btn-wrapper, .boc-ui-image-viewer-inline > .boc-ui-image-viewer-next-btn-wrapper, .boc-ui-image-viewer-inline > .boc-ui-image-viewer-navbar-container, .boc-ui-image-viewer-inline > .boc-ui-image-viewer-totel-number-box, .boc-ui-image-viewer-inline > .boc-ui-image-viewer-no-images-tip {
  position: absolute;
}
.boc-ui-image-viewer-image-transition {
  transition-property: width, height, margin, -webkit-transform;
  transition-property: width, height, margin, transform;
  transition-property: width, height, margin, transform, -webkit-transform;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
}
@-webkit-keyframes round_animate {
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
@keyframes round_animate {
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
.boc-ui-image-viewer-loading {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  position: absolute;
  top: 50%; /*偏移*/
  left: 50%; /*偏移*/
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.boc-ui-image-viewer-loading-image-box {
  margin-bottom: 10px;
  width: 25px;
  height: 25px;
  overflow: hidden;
}
.boc-ui-image-viewer-loading-image-box img {
  width: 25px;
  height: 25px;
  -webkit-animation: round_animate 0.8s linear infinite;
  animation: round_animate 0.8s linear infinite;
}
.boc-ui-image-viewer-loading-image-text {
  color: #fff;
  color: var(--light);
}

.boc-ui-image-viewer-icon {
  display: block;
  width: 24px;
  height: 24px;
  cursor: pointer;
  color: #fff;
  color: var(--light);
}

.boc-ui-image-viewer-img {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
}

.boc-ui-image-viewer-image-img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.boc-ui-image-viewer-image-mask {
  position: absolute;
  inset: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s;
}
.boc-ui-image-viewer-image-mask:hover {
  opacity: 1;
}

.boc-ui-image-viewer-image-mask-info {
  padding: 0 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.boc-ui-image-viewer-icon-down {
  margin-left: 3px;
  font-size: 20px;
}

.boc-ui-image-viewer-icon-eyes {
  font-size: 15px;
}

.boc-ui-rtl .boc-ui-image-viewer-totel-number-box {
  right: 16px;
  left: auto;
}
.boc-ui-rtl .boc-ui-image-viewer-close-btn {
  right: auto;
  left: 16px;
}
.boc-ui-rtl .boc-ui-image-viewer-toolbar-tooltips .triangle {
  right: 20px;
  left: auto;
}
.boc-ui-rtl .boc-ui-image-viewer-toolbar-btn:first-child:hover {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}
.boc-ui-rtl .boc-ui-image-viewer-toolbar-btn:last-child:hover {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.boc-ui-rtl .boc-ui-image-viewer-navbar-list li {
  margin-left: 6px;
  margin-right: 0;
}
.boc-ui-rtl .boc-ui-image-viewer-img {
  margin-left: 5px;
  margin-right: 0;
}
.boc-ui-rtl .boc-ui-image-viewer-icon-down {
  margin-right: 3px;
  margin-left: 0;
}

.boc-ui-tableNew-wrapper {
  clear: both;
  max-width: 100%;
}
.boc-ui-tableNew-wrapper::before {
  display: table;
  content: "";
}
.boc-ui-tableNew-wrapper::after {
  display: table;
  clear: both;
  content: "";
}

.boc-ui-tableNew-setting-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}
.boc-ui-tableNew-setting-wrapper .boc-ui-tableNew-toggle-btn {
  height: 36px;
  width: 36px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-tableNew-setting-wrapper .boc-ui-tableNew-toggle-btn:hover {
  background: #F5F6FA;
  border-radius: 2px;
}

.boc-ui-tableNew-drag-line {
  border: 1px solid #FF6A00 !important;
}

.boc-ui-tableNew-toggle-menu-wrapper > div {
  width: 100%;
  height: 100%;
}
.boc-ui-tableNew-toggle-menu-wrapper > div > div {
  display: block !important;
}
.boc-ui-tableNew-toggle-menu-wrapper .boc-ui-tableNew-setting-menu {
  font-size: 14px;
  background: #fff;
  border: 1px solid #EEEEEE;
  border-radius: 4px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
}
.boc-ui-tableNew-toggle-menu-wrapper .boc-ui-tableNew-setting-menu .boc-ui-tableNew-menu-header {
  height: 40px;
  padding: 8px 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  background: #F5F6FA;
  border-bottom: 1px solid #EEEEEE;
}
.boc-ui-tableNew-toggle-menu-wrapper .boc-ui-tableNew-setting-menu .boc-ui-tableNew-menu-header .boc-ui-tableNew-menu-reset {
  cursor: pointer;
  color: #FF6A00;
  font-size: 14px;
}
.boc-ui-tableNew-toggle-menu-wrapper .boc-ui-tableNew-setting-menu .boc-ui-tableNew-setting-item {
  height: 32px;
  width: 240px;
  margin-left: 4px;
  margin-top: 8px;
  padding-left: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  cursor: move;
}
.boc-ui-tableNew-toggle-menu-wrapper .boc-ui-tableNew-setting-menu .boc-ui-tableNew-setting-item .boc-ui-tableNew-fixed-opt {
  width: 56px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  font-size: 14px;
  color: #FF6A00;
  margin-left: 16px;
  cursor: pointer;
  visibility: hidden;
}
.boc-ui-tableNew-toggle-menu-wrapper .boc-ui-tableNew-setting-menu .boc-ui-tableNew-setting-item .boc-ui-tableNew-fixed-disabled {
  color: #666666;
  opacity: 0.5;
}
.boc-ui-tableNew-toggle-menu-wrapper .boc-ui-tableNew-setting-menu .boc-ui-tableNew-setting-item .boc-ui-tableNew-show-opt {
  display: block;
}
.boc-ui-tableNew-toggle-menu-wrapper .boc-ui-tableNew-setting-menu .boc-ui-tableNew-setting-item .boc-ui-tableNew-un-drage {
  margin-left: 32px;
}
.boc-ui-tableNew-toggle-menu-wrapper .boc-ui-tableNew-setting-menu .boc-ui-tableNew-setting-item .custom-checkbox-label {
  color: #666666;
  width: 112px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.boc-ui-tableNew-toggle-menu-wrapper .boc-ui-tableNew-setting-menu .boc-ui-tableNew-setting-item .boc-ui-checkbox {
  margin-right: 0 !important;
}
.boc-ui-tableNew-toggle-menu-wrapper .boc-ui-tableNew-setting-menu .boc-ui-tableNew-item-border {
  border-top: 1px solid #EEEEEE;
}
.boc-ui-tableNew-toggle-menu-wrapper .boc-ui-tableNew-setting-menu .boc-ui-tableNew-item-diabled {
  padding-left: 24px;
}
.boc-ui-tableNew-toggle-menu-wrapper .boc-ui-tableNew-setting-menu .undragable {
  cursor: default;
}
.boc-ui-tableNew-toggle-menu-wrapper .boc-ui-tableNew-setting-menu .boc-ui-tableNew-setting-item:hover {
  border-radius: 2px;
  background-color: #F5F6FA;
}
.boc-ui-tableNew-toggle-menu-wrapper .boc-ui-tableNew-setting-menu .boc-ui-tableNew-setting-item:hover .boc-ui-tableNew-fixed-opt {
  visibility: visible;
}
.boc-ui-tableNew-toggle-menu-wrapper .boc-ui-tableNew-setting-menu .boc-ui-tableNew-item-border > div {
  display: -ms-flexbox;
  display: flex;
}
.boc-ui-tableNew-toggle-menu-wrapper .boc-ui-tableNew-setting-menu .boc-ui-tableNew-columns-menu {
  padding-bottom: 8px;
  height: 226px;
  overflow: hidden;
  overflow-y: auto;
}
.boc-ui-tableNew-toggle-menu-wrapper .boc-ui-tableNew-setting-menu .boc-ui-tableNew-columns-menu::-webkit-scrollbar {
  width: 4px;
  height: 1px;
}
.boc-ui-tableNew-toggle-menu-wrapper .boc-ui-tableNew-setting-menu .boc-ui-tableNew-columns-menu::-webkit-scrollbar-thumb {
  background: #CCCCCC;
  border-radius: 4px;
}

.boc-ui-tableNew {
  position: relative;
  font-size: 14px;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #222222;
  line-height: 1.2;
  list-style: none;
}
.boc-ui-tableNew table {
  width: 100%;
  text-align: left;
  border-collapse: separate;
  border-spacing: 0;
  background-color: transparent;
}
.boc-ui-tableNew-thead > tr > th, .boc-ui-tableNew-tbody > tr > td,
.boc-ui-tableNew tfoot > tr > th,
.boc-ui-tableNew tfoot > tr > td {
  position: relative;
  padding: 16px 16px;
  overflow-wrap: break-word;
}
.boc-ui-tableNew-cell-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.boc-ui-tableNew-cell-ellipsis.boc-ui-tableNew-cell-fix-left-last, .boc-ui-tableNew-cell-ellipsis.boc-ui-tableNew-cell-fix-right-first {
  overflow: visible;
}
.boc-ui-tableNew-cell-ellipsis.boc-ui-tableNew-cell-fix-left-last .boc-ui-tableNew-cell-content, .boc-ui-tableNew-cell-ellipsis.boc-ui-tableNew-cell-fix-right-first .boc-ui-tableNew-cell-content {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.boc-ui-tableNew-cell-ellipsis .boc-ui-tableNew-column-title {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.boc-ui-tableNew-title {
  padding: 16px 16px;
}
.boc-ui-tableNew-footer {
  padding: 16px 16px;
  color: #222222;
  background: #F5F6FA;
}
.boc-ui-tableNew-thead > tr > th {
  position: relative;
  color: #666666;
  text-align: left;
  background: #F5F6FA;
  border-bottom: 1px solid #EEEEEE;
  transition: background 0.3s ease;
}
.boc-ui-tableNew-thead > tr > th[colspan]:not([colspan="1"]) {
  text-align: center;
}
.boc-ui-tableNew-thead > tr:not(:last-child) > th[colspan] {
  border-bottom: 0;
}
.boc-ui-tableNew-tbody > tr > td {
  border-bottom: 1px solid #EEEEEE;
  transition: background 0.3s;
}
.boc-ui-tableNew-tbody > tr > td > .boc-ui-tableNew-wrapper:only-child .boc-ui-tableNew,
.boc-ui-tableNew-tbody > tr > td > .boc-ui-tableNew-expanded-row-fixed > .boc-ui-tableNew-wrapper:only-child .boc-ui-tableNew {
  margin: 10px;
}
.boc-ui-tableNew-tbody > tr > td > .boc-ui-tableNew-wrapper:only-child .boc-ui-tableNew-tbody > tr:last-child > td,
.boc-ui-tableNew-tbody > tr > td > .boc-ui-tableNew-expanded-row-fixed > .boc-ui-tableNew-wrapper:only-child .boc-ui-tableNew-tbody > tr:last-child > td {
  border-bottom: 0;
}
.boc-ui-tableNew-tbody > tr > td > .boc-ui-tableNew-wrapper:only-child .boc-ui-tableNew-tbody > tr:last-child > td:first-child, .boc-ui-tableNew-tbody > tr > td > .boc-ui-tableNew-wrapper:only-child .boc-ui-tableNew-tbody > tr:last-child > td:last-child,
.boc-ui-tableNew-tbody > tr > td > .boc-ui-tableNew-expanded-row-fixed > .boc-ui-tableNew-wrapper:only-child .boc-ui-tableNew-tbody > tr:last-child > td:first-child,
.boc-ui-tableNew-tbody > tr > td > .boc-ui-tableNew-expanded-row-fixed > .boc-ui-tableNew-wrapper:only-child .boc-ui-tableNew-tbody > tr:last-child > td:last-child {
  border-radius: 0;
}
.boc-ui-tableNew-tbody > tr.boc-ui-tableNew-row-selected > td {
  background: #EEEEEE;
  border-color: rgba(0, 0, 0, 0.03);
}
.boc-ui-tableNew-tbody > tr.boc-ui-tableNew-row-selected:hover > td {
  background: #EEEEEE;
}
.boc-ui-tableNew.boc-ui-tableNew-hover table > tbody > tr.boc-ui-tableNew-row:hover > td,
.boc-ui-tableNew.boc-ui-tableNew-hover table > tbody > tr > td.boc-ui-tableNew-cell-row-hover {
  background: #EEEEEE;
}
.boc-ui-tableNew.boc-ui-tableNew-stripe table > tbody > tr.boc-ui-tableNew-row--even > td {
  background-color: #F5F6FA;
}
.boc-ui-tableNew-tbody > .boc-ui-tableNew-placeholder {
  text-align: center;
}
.boc-ui-tableNew-empty .boc-ui-tableNew-tbody > .boc-ui-tableNew-placeholder {
  color: #222222;
}
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-title {
  border: 1px solid #EEEEEE;
  border-bottom: 0;
}
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container {
  border-left: 1px solid #EEEEEE;
}
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-content > table > thead > tr > th,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-content > table > tbody > tr > td,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-content > table > tfoot > tr > th,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-content > table > tfoot > tr > td,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-header > table > thead > tr > th,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-header > table > tbody > tr > td,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-header > table > tfoot > tr > th,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-header > table > tfoot > tr > td,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-body > table > thead > tr > th,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-body > table > tbody > tr > td,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-body > table > tfoot > tr > th,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-body > table > tfoot > tr > td,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-summary > table > thead > tr > th,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-summary > table > tbody > tr > td,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-summary > table > tfoot > tr > th,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-summary > table > tfoot > tr > td {
  border-right: 1px solid #EEEEEE;
}
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-content > table > thead > tr:not(:last-child) > th,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-header > table > thead > tr:not(:last-child) > th,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-body > table > thead > tr:not(:last-child) > th,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-summary > table > thead > tr:not(:last-child) > th {
  border-bottom: 1px solid #EEEEEE;
}
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-content > table > thead > tr > th::before,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-header > table > thead > tr > th::before,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-body > table > thead > tr > th::before,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-summary > table > thead > tr > th::before {
  background-color: transparent !important;
}
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-content > table > thead > tr > .boc-ui-tableNew-cell-fix-right-first::after,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-content > table > tbody > tr > .boc-ui-tableNew-cell-fix-right-first::after,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-content > table > tfoot > tr > .boc-ui-tableNew-cell-fix-right-first::after,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-header > table > thead > tr > .boc-ui-tableNew-cell-fix-right-first::after,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-header > table > tbody > tr > .boc-ui-tableNew-cell-fix-right-first::after,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-header > table > tfoot > tr > .boc-ui-tableNew-cell-fix-right-first::after,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-body > table > thead > tr > .boc-ui-tableNew-cell-fix-right-first::after,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-body > table > tbody > tr > .boc-ui-tableNew-cell-fix-right-first::after,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-body > table > tfoot > tr > .boc-ui-tableNew-cell-fix-right-first::after,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-summary > table > thead > tr > .boc-ui-tableNew-cell-fix-right-first::after,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-summary > table > tbody > tr > .boc-ui-tableNew-cell-fix-right-first::after,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-summary > table > tfoot > tr > .boc-ui-tableNew-cell-fix-right-first::after {
  border-right: 1px solid #EEEEEE;
}
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-content > table > tbody > tr > td > .boc-ui-tableNew-expanded-row-fixed,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-header > table > tbody > tr > td > .boc-ui-tableNew-expanded-row-fixed,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-body > table > tbody > tr > td > .boc-ui-tableNew-expanded-row-fixed,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-summary > table > tbody > tr > td > .boc-ui-tableNew-expanded-row-fixed {
  margin: -16px -17px;
}
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-content > table > tbody > tr > td > .boc-ui-tableNew-expanded-row-fixed::after,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-header > table > tbody > tr > td > .boc-ui-tableNew-expanded-row-fixed::after,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-body > table > tbody > tr > td > .boc-ui-tableNew-expanded-row-fixed::after,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-summary > table > tbody > tr > td > .boc-ui-tableNew-expanded-row-fixed::after {
  position: absolute;
  top: 0;
  right: 1px;
  bottom: 0;
  border-right: 1px solid #EEEEEE;
  content: "";
}
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-content > table,
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-header > table {
  border-top: 1px solid #EEEEEE;
}
.boc-ui-tableNew.boc-ui-tableNew-bordered.boc-ui-tableNew-scroll-horizontal > .boc-ui-tableNew-container > .boc-ui-tableNew-body > table > tbody > tr.boc-ui-tableNew-expanded-row > td,
.boc-ui-tableNew.boc-ui-tableNew-bordered.boc-ui-tableNew-scroll-horizontal > .boc-ui-tableNew-container > .boc-ui-tableNew-body > table > tbody > tr.boc-ui-tableNew-placeholder > td {
  border-right: 0;
}
.boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-footer {
  border: 1px solid #EEEEEE;
  border-top: 0;
}
.boc-ui-tableNew .boc-ui-tableNew-cell .boc-ui-tableNew-container:first-child {
  border-top: 0;
}
.boc-ui-tableNew .boc-ui-tableNew-cell-scrollbar:not([rowspan]) {
  box-shadow: 8px 0 8px rgba(233, 234, 242, 0.6);
}
.boc-ui-tableNew-cell-fix-left, .boc-ui-tableNew-cell-fix-right {
  position: sticky !important;
  z-index: 2;
  background: #fff;
}
.boc-ui-tableNew-cell-fix-left-first::after, .boc-ui-tableNew-cell-fix-left-last::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -1px;
  width: 30px;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  transition: box-shadow 0.3s;
  content: "";
  pointer-events: none;
}
.boc-ui-tableNew-cell-fix-left-all::after {
  display: none;
}
.boc-ui-tableNew-cell-fix-right-first::after, .boc-ui-tableNew-cell-fix-right-last::after {
  position: absolute;
  top: 0;
  bottom: -1px;
  left: 0;
  width: 30px;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  transition: box-shadow 0.3s;
  content: "";
  pointer-events: none;
}
.boc-ui-tableNew .boc-ui-tableNew-container::before, .boc-ui-tableNew .boc-ui-tableNew-container::after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4;
  width: 30px;
  transition: box-shadow 0.3s;
  content: "";
  pointer-events: none;
}
.boc-ui-tableNew .boc-ui-tableNew-container::before {
  left: 0;
}
.boc-ui-tableNew .boc-ui-tableNew-container::after {
  right: 0;
}
.boc-ui-tableNew-ping-left:not(.boc-ui-tableNew-has-fix-left) > .boc-ui-tableNew-container {
  position: relative;
}
.boc-ui-tableNew-ping-left:not(.boc-ui-tableNew-has-fix-left) > .boc-ui-tableNew-container::before {
  box-shadow: inset 10px 0 8px -8px rgba(233, 234, 242, 0.6);
}
.boc-ui-tableNew-ping-left .boc-ui-tableNew-cell-fix-left-first::after,
.boc-ui-tableNew-ping-left .boc-ui-tableNew-cell-fix-left-last::after {
  box-shadow: inset 10px 0 8px -8px rgba(233, 234, 242, 0.6);
}
.boc-ui-tableNew-ping-left .boc-ui-tableNew-cell-fix-left-last::before {
  background-color: transparent !important;
}
.boc-ui-tableNew-ping-right:not(.boc-ui-tableNew-has-fix-right) > .boc-ui-tableNew-container {
  position: relative;
}
.boc-ui-tableNew-ping-right:not(.boc-ui-tableNew-has-fix-right) > .boc-ui-tableNew-container::after {
  box-shadow: inset -10px 0 8px -8px rgba(233, 234, 242, 0.6);
}
.boc-ui-tableNew-ping-right .boc-ui-tableNew-cell-fix-right-first::after,
.boc-ui-tableNew-ping-right .boc-ui-tableNew-cell-fix-right-last::after {
  box-shadow: inset -10px 0 8px -8px rgba(233, 234, 242, 0.6);
}
.boc-ui-tableNew-sticky-holder {
  position: sticky;
  z-index: 3;
  background: #fff;
}
.boc-ui-tableNew-sticky-scroll {
  position: sticky;
  bottom: 0;
  z-index: 3;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background: rgba(233, 234, 242, 0.6);
  border-top: 1px solid #EEEEEE;
  opacity: 0.6;
}
.boc-ui-tableNew-sticky-scroll:hover {
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
}
.boc-ui-tableNew-sticky-scroll-bar {
  height: 8px;
  background-color: fade(#222222, 35%);
  border-radius: 4px;
}
.boc-ui-tableNew-sticky-scroll-bar:hover {
  background-color: fade(fade(#222222, 35%), 80%);
}
.boc-ui-tableNew-sticky-scroll-bar-active {
  background-color: fade(fade(#222222, 35%), 80%);
}
.boc-ui-tableNew-selection-col {
  width: 60px;
}
.boc-ui-tableNew-bordered .boc-ui-tableNew-selection-col {
  width: 60px;
}
.boc-ui-tableNew table tr th.boc-ui-tableNew-selection-column,
.boc-ui-tableNew table tr td.boc-ui-tableNew-selection-column {
  padding-right: 16px;
  padding-left: 16px;
  text-align: center;
}
.boc-ui-tableNew table tr th.boc-ui-tableNew-selection-column .boc-ui-tableNew-radio-wrapper,
.boc-ui-tableNew table tr td.boc-ui-tableNew-selection-column .boc-ui-tableNew-radio-wrapper {
  margin-right: 0;
}
.boc-ui-tableNew table tr th.boc-ui-tableNew-selection-column.boc-ui-tableNew-cell-fix-left {
  z-index: 3;
}
.boc-ui-tableNew table tr th.boc-ui-tableNew-selection-column::after {
  background-color: transparent !important;
}
.boc-ui-tableNew-selection {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.boc-ui-tableNew-selection-extra {
  position: absolute;
  top: 0;
  z-index: 1;
  cursor: pointer;
  transition: all 0.3s;
  -webkit-margin-start: 100%;
          margin-inline-start: 100%;
  -webkit-padding-start: 2px;
          padding-inline-start: 2px;
}
.boc-ui-tableNew-thead th.boc-ui-tableNew-column-has-sorters {
  outline: none;
  cursor: pointer;
  transition: all 0.3s;
}
.boc-ui-tableNew-thead th.boc-ui-tableNew-column-has-sorters:hover {
  background: #EEEEEE;
}
.boc-ui-tableNew-thead th.boc-ui-tableNew-column-has-sorters:hover::before {
  background-color: transparent !important;
}
.boc-ui-tableNew-thead th.boc-ui-tableNew-column-has-sorters.boc-ui-tableNew-cell-fix-left:hover, .boc-ui-tableNew-thead th.boc-ui-tableNew-column-has-sorters.boc-ui-tableNew-cell-fix-right:hover {
  background: #EEEEEE;
}
.boc-ui-tableNew-column-title {
  position: relative;
  z-index: 1;
  -ms-flex: 1;
      flex: 1;
}
.boc-ui-tableNew-column-sorters {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex: auto;
      flex: auto;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.boc-ui-tableNew-column-sorters::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}
.boc-ui-tableNew-column-sorter {
  margin-left: 4px;
  font-size: 0;
  transition: color 0.3s;
}
.boc-ui-tableNew-column-sorter-inner {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-tableNew-column-sorter .roo-icon {
  height: 8px;
  line-height: 8px;
  font-size: 16px;
  color: #CCCCCC;
}
.boc-ui-tableNew-column-sorter .roo-icon.off {
  color: #CCCCCC;
}
.boc-ui-tableNew-column-sorter .roo-icon.on {
  color: #222222;
}
.boc-ui-tableNew-column-sorter .roo-icon:last-child {
  margin-top: -2px;
}
.boc-ui-tableNew-filter-column {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex: auto;
      flex: auto;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.boc-ui-tableNew-filter-trigger {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 4px;
  color: #CCCCCC;
  font-size: 14px;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}
.boc-ui-tableNew-filter-dropdown {
  font-size: 14px;
  box-sizing: border-box;
  margin-top: 8px;
  padding: 0;
  color: #222222;
  line-height: 1.2;
  list-style: none;
  background: #fff;
  box-shadow: 0 4px 5px 0 rgba(34, 34, 34, 0.2);
  border-radius: 2px;
}
.boc-ui-tableNew-filter-dropdown-tree {
  padding: 8px;
}
.boc-ui-tableNew-filter-dropdown-btns {
  text-align: right;
  padding: 8px 0 8px 8px;
  border-top: 1px solid #EEEEEE;
}
.boc-ui-tableNew-filter-dropdown-btns button {
  margin-right: 8px;
}
.boc-ui-tableNew-expand-icon-col {
  width: 48px;
}
.boc-ui-tableNew-row-expand-icon-cell {
  text-align: center;
}
.boc-ui-tableNew-row-expand-icon-cell .boc-ui-tableNew-row-expand-icon {
  display: -ms-inline-flexbox;
  display: inline-flex;
  float: none;
  vertical-align: sub;
}
.boc-ui-tableNew-row-indent {
  float: left;
  height: 1px;
}
.boc-ui-tableNew-row-expand-icon {
  color: #222222;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  position: relative;
  float: left;
  box-sizing: border-box;
  width: 17px;
  height: 17px;
  padding: 0;
  color: inherit;
  line-height: 17px;
  background: white;
  border: 1px solid #EEEEEE;
  border-radius: 2px;
  transition: all 0.3s;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.boc-ui-tableNew-row-expand-icon:focus-visible, .boc-ui-tableNew-row-expand-icon:hover {
  color: #222222;
}
.boc-ui-tableNew-row-expand-icon:active {
  color: #222222;
}
.boc-ui-tableNew-row-expand-icon:focus, .boc-ui-tableNew-row-expand-icon:hover, .boc-ui-tableNew-row-expand-icon:active {
  border-color: currentcolor;
}
.boc-ui-tableNew-row-expand-icon::before, .boc-ui-tableNew-row-expand-icon::after {
  position: absolute;
  background: currentcolor;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  content: "";
}
.boc-ui-tableNew-row-expand-icon::before {
  top: 7px;
  right: 3px;
  left: 3px;
  height: 1px;
}
.boc-ui-tableNew-row-expand-icon::after {
  top: 3px;
  bottom: 3px;
  left: 7px;
  width: 1px;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.boc-ui-tableNew-row-expand-icon-collapsed::before {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.boc-ui-tableNew-row-expand-icon-collapsed::after {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.boc-ui-tableNew-row-expand-icon-spaced {
  background: transparent;
  border: 0;
  visibility: hidden;
}
.boc-ui-tableNew-row-expand-icon-spaced::before, .boc-ui-tableNew-row-expand-icon-spaced::after {
  display: none;
  content: none;
}
.boc-ui-tableNew-row-indent + .boc-ui-tableNew-row-expand-icon {
  margin-top: 2.5px;
  margin-right: 8px;
}
.boc-ui-tableNew .boc-ui-tableNew-expanded-row-fixed {
  position: relative;
  margin: -16px -16px;
  padding: 16px 16px;
}

.boc-ui-rtl pre .language-jsx {
  padding: 28px 48px;
}
.boc-ui-rtl .boc-ui-tableNew-toggle-menu-wrapper .boc-ui-tableNew-setting-menu .boc-ui-tableNew-setting-item {
  margin-right: 4px;
  margin-left: auto;
  padding-right: 8px;
  padding-left: auto;
}
.boc-ui-rtl .boc-ui-tableNew-toggle-menu-wrapper .boc-ui-tableNew-setting-menu .boc-ui-tableNew-setting-item .boc-ui-tableNew-fixed-opt {
  margin-right: 16px;
  margin-left: auto;
}
.boc-ui-rtl .boc-ui-tableNew-toggle-menu-wrapper .boc-ui-tableNew-setting-menu .boc-ui-tableNew-setting-item .boc-ui-tableNew-un-drage {
  margin-right: 32px;
  margin-left: auto;
}
.boc-ui-rtl .boc-ui-tableNew-toggle-menu-wrapper .boc-ui-tableNew-setting-menu .boc-ui-tableNew-setting-item .boc-ui-checkbox {
  margin-left: 0 !important;
}
.boc-ui-rtl .boc-ui-tableNew-toggle-menu-wrapper .boc-ui-tableNew-setting-menu .boc-ui-tableNew-item-diabled {
  padding-right: 24px;
  padding-left: auto;
}
.boc-ui-rtl .boc-ui-tableNew table {
  text-align: right;
}
.boc-ui-rtl .boc-ui-tableNew-thead > tr > th {
  text-align: right;
}
.boc-ui-rtl .boc-ui-tableNew-thead > tr > th[colspan]:not([colspan="1"]) {
  text-align: center;
}
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container {
  border-right: 1px solid #EEEEEE;
  border-left: none;
}
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-content > table > thead > tr > th,
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-content > table > tbody > tr > td,
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-content > table > tfoot > tr > th,
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-content > table > tfoot > tr > td,
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-header > table > thead > tr > th,
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-header > table > tbody > tr > td,
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-header > table > tfoot > tr > th,
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-header > table > tfoot > tr > td,
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-body > table > thead > tr > th,
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-body > table > tbody > tr > td,
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-body > table > tfoot > tr > th,
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-body > table > tfoot > tr > td,
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-summary > table > thead > tr > th,
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-summary > table > tbody > tr > td,
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-summary > table > tfoot > tr > th,
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-summary > table > tfoot > tr > td {
  border-left: 1px solid #EEEEEE;
  border-right: none;
}
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-content > table > thead > tr > .boc-ui-tableNew-cell-fix-right-first::after,
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-content > table > tbody > tr > .boc-ui-tableNew-cell-fix-right-first::after,
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-content > table > tfoot > tr > .boc-ui-tableNew-cell-fix-right-first::after,
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-header > table > thead > tr > .boc-ui-tableNew-cell-fix-right-first::after,
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-header > table > tbody > tr > .boc-ui-tableNew-cell-fix-right-first::after,
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-header > table > tfoot > tr > .boc-ui-tableNew-cell-fix-right-first::after,
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-body > table > thead > tr > .boc-ui-tableNew-cell-fix-right-first::after,
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-body > table > tbody > tr > .boc-ui-tableNew-cell-fix-right-first::after,
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-body > table > tfoot > tr > .boc-ui-tableNew-cell-fix-right-first::after,
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-summary > table > thead > tr > .boc-ui-tableNew-cell-fix-right-first::after,
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-summary > table > tbody > tr > .boc-ui-tableNew-cell-fix-right-first::after,
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-summary > table > tfoot > tr > .boc-ui-tableNew-cell-fix-right-first::after {
  border-left: 1px solid #EEEEEE;
  border-right: none;
}
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-content > table > tbody > tr > td > .boc-ui-tableNew-expanded-row-fixed::after,
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-header > table > tbody > tr > td > .boc-ui-tableNew-expanded-row-fixed::after,
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-body > table > tbody > tr > td > .boc-ui-tableNew-expanded-row-fixed::after,
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered > .boc-ui-tableNew-container > .boc-ui-tableNew-summary > table > tbody > tr > td > .boc-ui-tableNew-expanded-row-fixed::after {
  left: 1px;
  border-left: 1px solid #EEEEEE;
  border-right: none;
}
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered.boc-ui-tableNew-scroll-horizontal > .boc-ui-tableNew-container > .boc-ui-tableNew-body > table > tbody > tr.boc-ui-tableNew-expanded-row > td,
.boc-ui-rtl .boc-ui-tableNew.boc-ui-tableNew-bordered.boc-ui-tableNew-scroll-horizontal > .boc-ui-tableNew-container > .boc-ui-tableNew-body > table > tbody > tr.boc-ui-tableNew-placeholder > td {
  border-left: 0;
}
.boc-ui-rtl .boc-ui-tableNew .boc-ui-tableNew-cell-scrollbar:not([rowspan]) {
  box-shadow: -8px 0 8px rgba(233, 234, 242, 0.6);
}
.boc-ui-rtl .boc-ui-tableNew .boc-ui-tableNew-container::before {
  right: 0;
}
.boc-ui-rtl .boc-ui-tableNew .boc-ui-tableNew-container::after {
  left: 0;
}
.boc-ui-rtl .boc-ui-tableNew-ping-left:not(.boc-ui-tableNew-has-fix-left) > .boc-ui-tableNew-container::before {
  box-shadow: inset -10px 0 8px -8px rgba(233, 234, 242, 0.6);
}
.boc-ui-rtl .boc-ui-tableNew-ping-right:not(.boc-ui-tableNew-has-fix-right) > .boc-ui-tableNew-container::after {
  box-shadow: inset 10px 0 8px -8px rgba(233, 234, 242, 0.6);
}
.boc-ui-rtl .boc-ui-tableNew table tr th.boc-ui-tableNew-selection-column .boc-ui-tableNew-radio-wrapper,
.boc-ui-rtl .boc-ui-tableNew table tr td.boc-ui-tableNew-selection-column .boc-ui-tableNew-radio-wrapper {
  margin-left: 0;
}
.boc-ui-rtl .boc-ui-tableNew-column-sorter {
  margin-right: 4px;
  margin-left: auto;
}
.boc-ui-rtl .boc-ui-tableNew-filter-dropdown-btns {
  text-align: left;
  padding: 8px 8px 8px 0;
}
.boc-ui-rtl .boc-ui-tableNew-filter-dropdown-btns button {
  margin-left: 8px;
  margin-right: auto;
}
.boc-ui-rtl .boc-ui-tableNew-row-indent {
  float: right;
}
.boc-ui-rtl .boc-ui-tableNew-row-expand-icon {
  float: right;
}
.boc-ui-rtl .boc-ui-tableNew-row-expand-icon::after {
  right: 7px;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.boc-ui-rtl .boc-ui-tableNew-row-expand-icon-collapsed::before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.boc-ui-rtl .boc-ui-tableNew-row-expand-icon-collapsed::after {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.boc-ui-rtl .boc-ui-tableNew .boc-ui-tableNew-row-indent + .boc-ui-tableNew-row-expand-icon {
  margin-left: 8px;
  margin-right: auto;
}

.boc-ui-tableNew-lg-wrapper .roo-tableNew-cell {
  padding: 20px 16px;
}

.boc-ui-tableNew-sm-wrapper .roo-tableNew-cell {
  padding: 12px 8px;
}

.boc-ui-tableNew-xs-wrapper .roo-tableNew-cell {
  padding: 8px 8px;
}

.boc-ui-tableNew-compact-wrapper .roo-tableNew-cell {
  padding: 4px 8px;
  line-height: 20px;
}

.boc-ui-popconfirm-message {
  display: -ms-flexbox;
  display: flex;
}
.boc-ui-popconfirm-message .boc-ui-popconfirm-icon {
  margin-right: 8px;
  font-size: 18px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  padding-top: 3px !important;
}
.boc-ui-popconfirm-message .boc-ui-popconfirm-text .boc-ui-popconfirm-title {
  color: #222222;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 8px;
}
.boc-ui-popconfirm-message .boc-ui-popconfirm-text .boc-ui-popconfirm-dark-title {
  color: #fff;
}
.boc-ui-popconfirm-message .boc-ui-popconfirm-text .boc-ui-popconfirm-light-title {
  color: #222222;
}

.boc-ui-popconfirm-btn {
  margin-top: 12px;
  text-align: right;
}

.boc-ui-popconfirm-dark-btn .boc-ui-btn.boc-ui-btn-default:hover {
  background: #fff;
  border: 1px solid #fff;
}

.boc-ui-rtl .boc-ui-popconfirm-icon {
  margin-left: 8px;
  margin-right: 0;
}
.boc-ui-rtl .boc-ui-popconfirm-btn {
  text-align: left;
}

/*
---------------
表单样式
---------------
*/
.boc-ui-input {
  display: inline-block;
  vertical-align: middle;
}

.boc-ui-input-noborder {
  border: none !important;
}
.boc-ui-input-noborder:focus:not([readonly]):not([disabled]), .boc-ui-input-noborder:hover:not([readonly]):not([disabled]) {
  border: none !important;
}
.boc-ui-input-noborder[readonly] {
  border: none !important;
}

.boc-ui-input-number-default {
  font-size: 14px;
  line-height: 1.5;
  color: #222;
  background-color: #fff;
  background-clip: padding-box;
  height: 36px;
  border-radius: 2px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  display: block;
}

.boc-ui-input-tag-default {
  width: 100%;
  font-size: 14px;
  line-height: 1.5;
  color: #222;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #eee;
  border-radius: 2px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  display: block;
}

.boc-ui-input {
  width: 100%;
  padding: 6px 8px;
  font-size: 14px;
  line-height: 1.5;
  color: #222222;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #EEEEEE;
  height: 36px;
  border-radius: 2px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.boc-ui-input.noresize {
  resize: none;
}
@media screen and (prefers-reduced-motion: reduce) {
  .boc-ui-input {
    transition: none;
  }
}
.boc-ui-input::-ms-expand {
  background-color: transparent;
  border: 0;
}
.boc-ui-input:focus:not([readonly]), .boc-ui-input.focus {
  border-color: #999999;
  outline: 0;
}
.boc-ui-input::-webkit-input-placeholder {
  color: #CCCCCC;
  opacity: 1;
}
.boc-ui-input:-ms-input-placeholder {
  color: #CCCCCC;
  opacity: 1;
}
.boc-ui-input::placeholder {
  color: #CCCCCC;
  opacity: 1;
}
.boc-ui-input[readonly] {
  border-color: #EEEEEE;
  color: #222222;
  opacity: 1;
}
.boc-ui-input:disabled, .boc-ui-input.disabled {
  border-color: #EEEEEE;
  color: #CCCCCC;
  background-color: #EEEEEE;
  cursor: not-allowed;
}
.boc-ui-input:hover:not([readonly]):not(.readonly):not(.readOnly):not([disabled]):not(.disabled):not(.boc-ui-input-line) {
  border-color: #999999;
}

.select-input-wrapper .boc-ui-input {
  color: #222222;
}
.select-input-wrapper .boc-ui-input:disabled {
  color: #CCCCCC;
}
.select-input-wrapper .boc-ui-input:disabled + .roo-icon, .select-input-wrapper .boc-ui-input:disabled + .roo-icon:hover {
  color: #CCCCCC;
  cursor: not-allowed;
}
.select-input-wrapper .boc-ui-input:not(.boc-ui-input-plaintext):not(.boc-ui-input-line):not(.boc-ui-input-noborder):read-only {
  border-color: #EEEEEE;
}
.select-input-wrapper .boc-ui-input:not(.boc-ui-input-plaintext):not(.boc-ui-input-line):not(.boc-ui-input-noborder):read-only:hover {
  border-color: #999999;
}
.select-input-wrapper .boc-ui-input:focus {
  border-color: #999999 !important;
}
.select-input-wrapper .boc-ui-input.boc-ui-input-plaintext:hover {
  border-color: #999999;
}
.select-input-wrapper .boc-ui-input.boc-ui-input-line:hover {
  border-bottom-color: #999999;
}
.select-input-wrapper .boc-ui-input.boc-ui-input-line:focus {
  border-color: transparent transparent #999999 transparent !important;
}
.select-input-wrapper .boc-ui-input.boc-ui-input-noborder:hover {
  border: none !important;
}
.select-input-wrapper .boc-ui-input.boc-ui-input-noborder:focus {
  border: none !important;
}

textarea.boc-ui-input {
  height: auto;
}

.statistics {
  font-size: "12px";
  color: #CCCCCC;
  margin: 0;
  text-align: "right";
}

.boc-ui-input-error {
  border-color: #FF192D;
}

.has-error .select-input-wrapper .boc-ui-input,
.has-error .boc-ui-input {
  border-color: #FF192D !important;
}
.has-error .select-input-wrapper .boc-ui-input.boc-ui-input-line,
.has-error .boc-ui-input.boc-ui-input-line {
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}
.has-error .select-input-wrapper .help-block,
.has-error .help-block {
  color: #FF192D;
  margin: 4px 0;
}
.has-error .select-input-wrapper .boc-ui-input-group-prepend,
.has-error .boc-ui-input-group-prepend {
  border-color: #FF192D;
}
.has-error .select-input-wrapper .boc-ui-input-group-prepend-line,
.has-error .boc-ui-input-group-prepend-line {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}
.has-error .select-input-wrapper .boc-ui-input-group-append,
.has-error .boc-ui-input-group-append {
  border-color: #FF192D;
}
.has-error .select-input-wrapper .boc-ui-input-group-append-line,
.has-error .boc-ui-input-group-append-line {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}

.has-error + .help-block {
  color: #FF192D;
  margin: 4px 0;
}

.has-success-hook {
  position: relative;
}
.has-success-hook::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 16px;
  display: inline-block;
  content: "\EA08";
  font-family: "roo-icon";
  font-size: 20px;
  color: #00BF7F;
}
.has-success-hook .boc-ui-input:not([readonly]):not([disabled]):not(.disabled) {
  border-color: #00BF7F;
  padding-right: 36px;
}
.has-success-hook .boc-ui-input:not([readonly]):not([disabled]):not(.disabled).boc-ui-input-line {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}
.has-success-hook .help-block {
  color: #00BF7F;
}

.has-success-color .boc-ui-input:not([readonly]):not([disabled]):not(.disabled) {
  border-color: #00BF7F !important;
}
.has-success-color .boc-ui-input:not([readonly]):not([disabled]):not(.disabled).boc-ui-input-line {
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}
.has-success-color .boc-ui-input-group-prepend {
  border-color: #00BF7F;
}
.has-success-color .boc-ui-input-group-prepend-line {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}
.has-success-color .boc-ui-input-group-append {
  border-color: #00BF7F;
}
.has-success-color .boc-ui-input-group-append-line {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}

.has-success-hook + .help-block {
  color: #00BF7F;
}

select.boc-ui-input:not([size]):not([multiple]) {
  height: 36px;
}
select.boc-ui-input:focus::-ms-value {
  color: #222222;
  background-color: #F5F6FA;
}

.boc-ui-input-file,
.boc-ui-input-range {
  display: block;
  width: 100%;
}

.control-label,
.col-form-label {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.control-label-lg,
.col-form-label-lg {
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 14px;
  line-height: 1.5;
}

.control-label-sm,
.col-form-label-sm {
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 12px;
  line-height: 1.5;
}

.control-label-xs,
.control-label-compact,
.col-form-label-compact,
.col-form-label-xs {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
  line-height: 1.5;
}

.control-label-compact,
.col-form-label-compact {
  font-size: 14px;
}

.boc-ui-input-required::before {
  display: inline-block;
  margin-right: 5px;
  content: "*";
  line-height: 1.5;
  vertical-align: middle;
  font-size: inherit;
  color: #FF192D;
}

.boc-ui-input-inline {
  display: inline-block;
  width: auto;
}

.boc-ui-input-plaintext {
  background-color: #F5F6FA;
  border-color: #F5F6FA;
}
.boc-ui-input-plaintext[readonly] {
  background-color: #F5F6FA;
  border-color: #F5F6FA;
}
.boc-ui-input-plaintext .tags-box .boc-ui-tag {
  background-color: #fff;
  border-color: #fff;
}

.boc-ui-input-line {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}
.boc-ui-input-line:focus:not([readonly]):not([disabled]), .boc-ui-input-line:hover:not([readonly]):not([disabled]) {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #999999;
}
.boc-ui-input-line[readonly] {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #999999;
}

.boc-ui-input-xs, .boc-ui-input-compact {
  padding: 4px 8px;
  font-size: 12px;
  line-height: 1.5;
  height: 28px;
}

.boc-ui-input-compact {
  font-size: 14px;
}

select.boc-ui-input-xs:not([size]):not([multiple]), select.boc-ui-input-compact:not([size]):not([multiple]) {
  height: 28px;
}

.boc-ui-input-sm {
  padding: 6px 8px;
  font-size: 12px;
  line-height: 1.5;
  height: 32px;
}

select.boc-ui-input-sm:not([size]):not([multiple]) {
  height: 32px;
}

.boc-ui-input-lg {
  padding: 8px 8px;
  font-size: 14px;
  line-height: 1.5;
  height: 40px;
}

select.boc-ui-input-lg:not([size]):not([multiple]) {
  height: 40px;
}

.form-group-content {
  margin-top: 0;
}

.form-group {
  margin-bottom: 16px;
}
.form-group .help-block {
  margin-top: 4px;
  margin-bottom: 0;
  font-size: 14px;
}
.form-group .control-label,
.form-group .col-form-label {
  text-align: right;
  color: #222222;
}
.form-group .control-label + .form-group-content .boc-ui-checkbox,
.form-group .control-label + .form-group-content .boc-ui-radio,
.form-group .col-form-label + .form-group-content .boc-ui-checkbox,
.form-group .col-form-label + .form-group-content .boc-ui-radio {
  margin-top: 7px;
}
.form-group .control-label + .form-group-content .boc-ui-switch,
.form-group .col-form-label + .form-group-content .boc-ui-switch {
  top: 4px;
}
.form-group .control-label + .form-group-content .boc-ui-mark,
.form-group .col-form-label + .form-group-content .boc-ui-mark {
  display: inline-block;
  width: 100%;
  padding: 7px 0px;
  vertical-align: middle;
  line-height: 1.5;
}
.form-group .control-label + .form-group-content.has-success-hook,
.form-group .col-form-label + .form-group-content.has-success-hook {
  position: relative;
}
.form-group .control-label + .form-group-content.has-success-hook::before,
.form-group .col-form-label + .form-group-content.has-success-hook::before {
  position: absolute;
  top: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  right: 16px;
  display: inline-block;
  content: "\EA08";
  font-family: "roo-icon";
  font-size: 20px;
  color: #00BF7F;
  line-height: 36px;
}
.form-group .boc-ui-btn + .boc-ui-btn {
  margin-left: 20px;
}
.form-group .boc-ui-btn-radio-group .boc-ui-btn + .boc-ui-btn {
  margin-left: -1px;
}
.form-group.boc-ui-form-vertical .form-group-content {
  margin-top: 10px;
}

.form-group.boc-ui-form-inline {
  display: inline-block;
  -ms-flex-align: center;
      align-items: center;
  vertical-align: top;
}
.form-group.boc-ui-form-inline input {
  display: inline-block;
  width: auto;
  width: initial;
}
.form-group.boc-ui-form-inline .control-label {
  line-height: 36px;
  vertical-align: top;
}
.form-group.boc-ui-form-inline .form-group-content {
  display: inline-block;
  margin-left: 8px;
  margin-right: 8px;
}
.form-group.boc-ui-form-inline .form-group-content .boc-ui-radio,
.form-group.boc-ui-form-inline .form-group-content .boc-ui-checkbox {
  line-height: 36px;
  vertical-align: top;
}
.form-group.boc-ui-form-inline .form-group-content .boc-ui-switch {
  line-height: 36px;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.form-text {
  display: block;
  margin-top: 4px;
}

.form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-align: center;
      align-items: center;
}
.form-inline .form-check {
  width: 100%;
}

.boc-ui-input-number {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 144px;
  padding: 0;
  border: none;
  /**
  * 兼容chrome50，input外部div需要高度100%
  * 宽度给一个最小宽度，用于自适应
  */
}
.boc-ui-input-number .boc-ui-input-line {
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}
.boc-ui-input-number .boc-ui-input-number-wrapper {
  width: 100%;
  height: 100%;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  border: 1px solid #EEEEEE;
  border-radius: 2px;
}
.boc-ui-input-number .boc-ui-input-number-wrapper .has-prefix-icon {
  padding-left: 32px;
}
.boc-ui-input-number .boc-ui-input-number-wrapper .has-suffix-icon {
  padding-right: 32px;
}
.boc-ui-input-number .boc-ui-input-number-wrapper.disabled {
  background-color: #EEEEEE;
  border-color: #CCCCCC !important;
  color: #CCCCCC;
}
.boc-ui-input-number .boc-ui-input-number-wrapper.disabled input {
  background-color: #EEEEEE;
  color: #CCCCCC;
  cursor: not-allowed !important;
}
.boc-ui-input-number .boc-ui-input-number-wrapper.disabled .input-number-operator {
  border-color: #CCCCCC !important;
  color: #CCCCCC !important;
  cursor: not-allowed !important;
}
.boc-ui-input-number .boc-ui-input-number-wrapper.readOnly input {
  background-color: #fff;
  color: #666666;
}
.boc-ui-input-number .boc-ui-input-number-wrapper:hover {
  cursor: pointer;
  color: #666666;
}
.boc-ui-input-number .boc-ui-input-group-prepend {
  height: 36px;
  line-height: 36px;
}
.boc-ui-input-number .boc-ui-input-group-append {
  height: 36px;
  line-height: 36px;
}
.boc-ui-input-number .boc-ui-input-lg {
  height: 40px;
  line-height: 40px;
}
.boc-ui-input-number .boc-ui-input-sm {
  height: 32px;
  line-height: 32px;
}
.boc-ui-input-number .boc-ui-input-xs, .boc-ui-input-number .boc-ui-input-compact {
  height: 28px;
  line-height: 28px;
}
.boc-ui-input-number input {
  padding: 0 8px;
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
  text-align: center;
  color: #222222;
}
.boc-ui-input-number.disabled {
  background-color: #EEEEEE;
  border-color: #EEEEEE !important;
  color: #CCCCCC;
}
.boc-ui-input-number.disabled input {
  background-color: #EEEEEE;
  color: #CCCCCC;
  cursor: not-allowed !important;
}
.boc-ui-input-number.disabled .input-number-operator {
  border-color: #EEEEEE !important;
  color: #CCCCCC !important;
  cursor: not-allowed !important;
}
.boc-ui-input-number .input-number-operator {
  display: -ms-flexbox;
  display: flex;
  width: 36px;
  min-width: 36px;
  height: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-size: 12px;
  color: #999999;
}
.boc-ui-input-number .input-number-operator:hover {
  cursor: pointer;
  color: #666666;
}
.boc-ui-input-number .input-number-operator::after {
  display: table-cell;
  vertical-align: middle;
  font-family: "roo-icon";
}
.boc-ui-input-number .input-number-operator.decrease {
  border: none;
  border-right: 1px solid #EEEEEE;
}
.boc-ui-input-number .input-number-operator.decrease::after {
  content: "\EA2C";
}
.boc-ui-input-number .input-number-operator.increase {
  border: none;
  border-left: 1px solid #EEEEEE;
}
.boc-ui-input-number .input-number-operator.increase::after {
  content: "\EA32";
}
.boc-ui-input-number .input-number-operator.disabled {
  background-color: #EEEEEE;
  border-color: inherit !important;
  color: #CCCCCC !important;
  cursor: not-allowed;
}
.boc-ui-input-number:hover .input-number-operator {
  border-color: #999999;
}
.boc-ui-input-number:hover .boc-ui-input-number-wrapper {
  border-color: #999999;
}
.boc-ui-input-number .boc-ui-input-number-error {
  border-color: #FF192D !important;
}
.boc-ui-input-number .boc-ui-input-number-error:hover {
  border-color: #FF192D !important;
}
.boc-ui-input-number .boc-ui-input-number-success {
  border-color: #00BF7F !important;
}
.boc-ui-input-number .boc-ui-input-number-success:hover {
  border-color: #00BF7F !important;
}
.boc-ui-input-number .boc-ui-input-number-container {
  height: 100%;
  min-width: 70px;
}

.boc-ui-input-number-vertical input {
  margin: 0 40px 0 0;
  color: #222222;
  padding-right: 40px;
}
.boc-ui-input-number-vertical .boc-ui-input-group input {
  padding-right: 0;
}
.boc-ui-input-number-vertical .input-number-operator {
  display: block;
  width: 28px;
  height: 50%;
}
.boc-ui-input-number-vertical .input-number-operator::after {
  position: absolute;
  display: inline-block;
  width: 100%;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  font-size: 12px;
}
.boc-ui-input-number-vertical .input-number-operator.decrease {
  position: absolute;
  left: auto;
  top: auto;
  right: 1px;
  bottom: 1px;
  border: none;
  border-left: 1px solid #EEEEEE;
  border-right: none;
}
.boc-ui-input-number-vertical .input-number-operator.decrease::after {
  content: "\EA0B";
}
.boc-ui-input-number-vertical .input-number-operator.increase {
  position: absolute;
  left: auto;
  right: 1px;
  top: 1px;
  border: none;
  border-left: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
}
.boc-ui-input-number-vertical .input-number-operator.increase.disabled {
  border-bottom: 1px solid #EEEEEE !important;
}
.boc-ui-input-number-vertical .input-number-operator.increase::after {
  content: "\EA0E";
}
.boc-ui-input-number-vertical:hover .input-number-operator {
  border-color: #EEEEEE;
}
.boc-ui-input-number-no-operator input {
  margin: 0;
}

.boc-ui-input-tag {
  height: auto;
  padding: 5px 8px;
  overflow: hidden;
}
.boc-ui-input-tag .boc-ui-tag {
  margin-bottom: 8px;
  margin-right: 8px;
  white-space: unset;
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.boc-ui-input-tag input {
  height: 24px;
  margin-bottom: 7px;
  outline: none;
  border: none;
  color: #222222;
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.boc-ui-input-tag .tags-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: -7px;
}
.boc-ui-input-tag.disabled .boc-ui-tag i {
  display: none;
}
.boc-ui-input-tag.disabled input {
  background: transparent;
  cursor: not-allowed;
}
.boc-ui-input-tag.boc-ui-input-lg {
  min-height: 40px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.boc-ui-input-tag.boc-ui-input-sm {
  min-height: 32px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.boc-ui-input-tag.boc-ui-input-xs, .boc-ui-input-tag.boc-ui-input-compact {
  min-height: 28px;
  padding-top: 1px;
  padding-bottom: 1px;
}

.boc-ui-input-group-compact.has-error + .help-block {
  font-size: 12px;
}

.boc-ui-input-group-compact.has-success-hook:before {
  font-size: 18px;
}

.boc-ui-input-textarea {
  padding: 6px 30px 6px 8px;
}

.boc-ui-input-textarea-wrapper .boc-ui-input-textarea-allow-clear {
  position: relative;
}
.boc-ui-input-textarea-wrapper .boc-ui-input-textarea-allow-clear .addon-icon {
  position: absolute;
  font-size: 1.4em;
  color: #CCCCCC;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  right: 8px;
  top: 8px;
}
.boc-ui-input-textarea-wrapper .boc-ui-input-textarea-allow-clear .boc-ui-input {
  padding-right: 30px;
}

.suggestion-list .boc-ui-dropdown-menu-item-ellipsis {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.suggestion-list .boc-ui-dropdown-menu-item-wrap {
  display: inline-block;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 20px;
}
.suggestion-list .boc-ui-dropdown-menu a .active-highlight::after {
  top: 8px;
}
.suggestion-list .boc-ui-dropdown-menu .keyborad-selected {
  text-decoration: none;
  background-color: #F5F6FA;
}
.suggestion-list .boc-ui-dropdown-menu .rtl-direction {
  padding: 8px 8px 8px 36px;
}
.suggestion-list .boc-ui-dropdown-menu .ltr-direction {
  padding: 8px 36px 8px 8px;
}

.boc-ui-rtl .has-success-hook::before {
  left: 16px;
  right: auto;
}
.boc-ui-rtl .has-success-hook .boc-ui-input:not([readonly]):not([disabled]):not(.disabled) {
  padding-left: 36px;
  padding-right: 8px;
}
.boc-ui-rtl .boc-ui-input-required::before {
  margin-left: 5px;
  margin-right: 0;
}
.boc-ui-rtl .form-group .control-label,
.boc-ui-rtl .form-group .col-form-label {
  text-align: left;
}
.boc-ui-rtl .form-group .boc-ui-btn + .boc-ui-btn {
  margin-left: 0;
  margin-right: 20px;
}
.boc-ui-rtl .form-group .boc-ui-btn-radio-group .boc-ui-btn + .boc-ui-btn {
  margin-right: -1px;
  margin-left: 0;
}
.boc-ui-rtl .boc-ui-input-number .boc-ui-input-number-wrapper .has-prefix-icon {
  padding-left: 8px;
  padding-right: 32px;
}
.boc-ui-rtl .boc-ui-input-number .boc-ui-input-number-wrapper .has-suffix-icon {
  padding-right: 8px;
  padding-left: 32px;
}
.boc-ui-rtl .boc-ui-input-number .input-number-operator.decrease {
  border-left: 1px solid #EEEEEE;
  border-right: none;
}
.boc-ui-rtl .boc-ui-input-number .input-number-operator.increase {
  border-left: none;
  border-right: 1px solid #EEEEEE;
}
.boc-ui-rtl .boc-ui-input-number-vertical input {
  margin: 0 0 0 40px;
  padding-left: 40px;
  padding-right: 0;
}
.boc-ui-rtl .boc-ui-input-number-vertical .boc-ui-input-group input {
  padding-left: 0;
  padding-right: 8px;
}
.boc-ui-rtl .boc-ui-input-number-vertical .input-number-operator::after {
  right: 0;
  left: auto;
}
.boc-ui-rtl .boc-ui-input-number-vertical .input-number-operator.decrease {
  right: auto;
  left: 1px;
  border-left: none;
  border-right: 1px solid #EEEEEE;
}
.boc-ui-rtl .boc-ui-input-number-vertical .input-number-operator.increase {
  right: auto;
  left: 1px;
  border-right: 1px solid #EEEEEE;
  border-left: none;
}
.boc-ui-rtl .boc-ui-input-tag .boc-ui-tag {
  margin-right: 0;
  margin-left: 8px;
  text-align: right;
}
.boc-ui-rtl .boc-ui-input-textarea {
  padding: 6px 8px 6px 30px;
}
.boc-ui-rtl .boc-ui-input-textarea-wrapper .boc-ui-input-textarea-allow-clear .addon-icon {
  left: 8px;
  right: auto;
}
.boc-ui-rtl .boc-ui-input-textarea-wrapper .boc-ui-input-textarea-allow-clear .boc-ui-input {
  padding-right: 8px;
  padding-left: 30px;
}
.boc-ui-rtl .boc-ui-radio .custom-radio {
  margin-left: 8px;
  margin-right: 0px;
}
.boc-ui-rtl .boc-ui-radio-group .boc-ui-radio {
  margin-right: 0;
  margin-left: 32px;
}
.boc-ui-rtl .boc-ui-radio-group .boc-ui-radio + .boc-ui-radio:not(.block-label) {
  margin-left: 32px;
  margin-right: 0;
}
.boc-ui-rtl .boc-ui-radio + .boc-ui-radio:not(.block-label) {
  margin-right: 32px;
  margin-left: 0;
}
.boc-ui-rtl .boc-ui-checkbox .custom-checkbox {
  margin-left: 8px;
  margin-right: 0px;
}
.boc-ui-rtl .boc-ui-checkbox-group .boc-ui-checkbox {
  margin-right: 0;
  margin-left: 32px;
}
.boc-ui-rtl .boc-ui-checkbox-group .boc-ui-checkbox + .boc-ui-checkbox:not(.block-label) {
  margin-left: 32px;
  margin-right: 0;
}
.boc-ui-rtl .boc-ui-checkbox + .boc-ui-checkbox:not(.block-label) {
  margin-right: 32px;
  margin-left: 0;
}

.boc-ui-radio {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.boc-ui-radio.inline-label {
  max-width: 200px;
}
.boc-ui-radio.block-label {
  display: block;
  margin-bottom: 10px;
}
.boc-ui-radio:hover {
  cursor: pointer;
}
.boc-ui-radio:hover .custom-radio:not(.half-checked) {
  border-color: #999999;
}
.boc-ui-radio:hover input:disabled ~ .custom-radio {
  cursor: not-allowed;
}
.boc-ui-radio:hover input:disabled ~ .custom-radio-label {
  cursor: not-allowed;
}
.boc-ui-radio:hover input:disabled + .custom-radio:not(.half-checked) {
  border-color: #EEEEEE;
}
.boc-ui-radio input[type=radio] {
  position: absolute;
  display: none;
}
.boc-ui-radio .custom-radio {
  position: relative;
  display: inline-block;
  margin-right: 8px;
  width: 16px;
  height: 16px;
  min-width: 16px;
  border: 1px solid #999999;
  background-color: #fff;
  vertical-align: sub;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  flex-shrink: 0;
}
.boc-ui-radio .custom-radio::before {
  position: absolute;
  display: inline-block;
  content: "";
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  background-color: transparent;
  border-radius: 50%;
}
.boc-ui-radio .custom-radio-label {
  vertical-align: middle;
  color: #222222;
  word-break: break-all;
  white-space: normal;
}
.boc-ui-radio span.custom-radio-label-no-warp {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.boc-ui-radio input:checked + .custom-radio {
  background-color: #222222;
  border-color: #222222 !important;
}
.boc-ui-radio input:checked + .custom-radio::before {
  background-color: #fff;
}
.boc-ui-radio input:checked + .custom-radio.brand {
  background-color: #ffcc33;
  border-color: #ffcc33 !important;
}
.boc-ui-radio input:disabled + .custom-radio {
  border-color: #EEEEEE;
  background-color: #F5F6FA;
}
.boc-ui-radio input:disabled:checked + .custom-radio {
  border-color: #222222 !important;
  background-color: #222222;
  opacity: 0.3;
}
.boc-ui-radio input:disabled ~ .custom-radio-label {
  opacity: 0.5;
}

.boc-ui-radio-group .boc-ui-radio {
  margin-left: 0;
  margin-right: 32px;
}
.boc-ui-radio-group .boc-ui-radio + .boc-ui-radio:not(.block-label) {
  margin-right: 32px;
  margin-left: 0;
}

.boc-ui-radio + .boc-ui-radio:not(.block-label) {
  margin-left: 32px;
  margin-right: 0;
}

.boc-ui-checkbox {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.boc-ui-checkbox.inline-label {
  max-width: 200px;
}
.boc-ui-checkbox.block-label {
  display: block;
  margin-bottom: 10px;
}
.boc-ui-checkbox:hover {
  cursor: pointer;
}
.boc-ui-checkbox:hover .custom-checkbox:not(.half-checked) {
  border-color: #999999;
}
.boc-ui-checkbox:hover input:disabled ~ .custom-checkbox {
  cursor: not-allowed;
}
.boc-ui-checkbox:hover input:disabled ~ .custom-checkbox-label {
  cursor: not-allowed;
}
.boc-ui-checkbox:hover input:disabled + .custom-checkbox:not(.half-checked) {
  border-color: #EEEEEE;
}
.boc-ui-checkbox input[type=checkbox] {
  position: absolute;
  display: none;
}
.boc-ui-checkbox .custom-checkbox {
  position: relative;
  display: inline-block;
  margin-right: 8px;
  width: 16px;
  height: 16px;
  min-width: 16px;
  border: 1px solid #999999;
  background-color: #fff;
  vertical-align: sub;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.boc-ui-checkbox .custom-checkbox::before {
  position: absolute;
  display: inline-block;
  content: "";
}
.boc-ui-checkbox .custom-checkbox-label {
  vertical-align: middle;
  color: #222222;
  word-break: break-all;
  white-space: normal;
}
.boc-ui-checkbox span.custom-radio-label-no-warp {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.boc-ui-checkbox input:checked + .custom-checkbox {
  background-color: #222222;
  border-color: #222222 !important;
}
.boc-ui-checkbox input:checked + .custom-checkbox::before {
  left: 50%;
  top: 30%;
  -webkit-transform: translate(-50%, -35%) rotate(45deg);
      -ms-transform: translate(-50%, -35%) rotate(45deg);
          transform: translate(-50%, -35%) rotate(45deg);
  width: 6px;
  height: 10px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
}
.boc-ui-checkbox input:checked + .custom-checkbox.brand {
  background-color: #ffcc33;
  border-color: #ffcc33 !important;
}
.boc-ui-checkbox input:checked + .custom-checkbox.brand::before {
  left: 50%;
  top: 30%;
  -webkit-transform: translate(-50%, -35%) rotate(45deg);
      -ms-transform: translate(-50%, -35%) rotate(45deg);
          transform: translate(-50%, -35%) rotate(45deg);
  width: 6px;
  height: 10px;
  border: 2px solid #222222;
  border-top: 0;
  border-left: 0;
}
.boc-ui-checkbox input:disabled + .custom-checkbox {
  border-color: #EEEEEE;
  background-color: #F5F6FA;
}
.boc-ui-checkbox input:disabled:checked + .custom-checkbox {
  border-color: #222222 !important;
  background-color: #222222;
  opacity: 0.3;
}
.boc-ui-checkbox input:disabled:checked + .custom-checkbox.brand::before {
  left: 50%;
  top: 30%;
  -webkit-transform: translate(-50%, -35%) rotate(45deg);
      -ms-transform: translate(-50%, -35%) rotate(45deg);
          transform: translate(-50%, -35%) rotate(45deg);
  width: 6px;
  height: 10px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
}
.boc-ui-checkbox input:disabled ~ .custom-checkbox-label {
  opacity: 0.5;
}
.boc-ui-checkbox .focus {
  outline: 0;
}
.boc-ui-checkbox .half-checked {
  border-color: #222222;
  background-color: #222222;
}
.boc-ui-checkbox .half-checked::before {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 10px;
  border-bottom: 2px solid #fff;
}
.boc-ui-checkbox .half-checked.brand {
  border-color: #ffcc33;
  background-color: #ffcc33;
}
.boc-ui-checkbox .half-checked.brand::before {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 10px;
  border-bottom: 2px solid #222222;
}
.boc-ui-checkbox input:disabled + .half-checked {
  border-color: #222222;
  background-color: #222222;
  opacity: 0.3;
}
.boc-ui-checkbox input:disabled + .half-checked.brand::before {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 10px;
  border-bottom: 2px solid #fff;
}

.boc-ui-checkbox-group .boc-ui-checkbox {
  margin-left: 0;
  margin-right: 32px;
}
.boc-ui-checkbox-group .boc-ui-checkbox + .boc-ui-checkbox:not(.block-label) {
  margin-right: 32px;
  margin-left: 0;
}

.boc-ui-checkbox + .boc-ui-checkbox:not(.block-label) {
  margin-left: 32px;
  margin-right: 0;
}

.boc-ui-selector-etc-tag {
  font-size: 12px;
  margin-top: -6px;
  margin-left: 3px;
}

.boc-ui-selector-tags-box-prefix-icon {
  margin-left: 30px;
}

.boc-ui-selector-multiple-input-prefix-icon {
  margin-left: 20px;
}

.boc-ui-selector-input-plaintext {
  background-color: #F5F6FA;
  border-color: #F5F6FA;
}
.boc-ui-selector-input-plaintext[readonly] {
  background-color: #F5F6FA;
  border-color: #F5F6FA;
}

.boc-ui-selector-custom-icon {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.boc-ui-selector .boc-ui-selector-option-default {
  min-height: 36px;
  background: #fff;
}
.boc-ui-selector .boc-ui-selector-option-checkbox {
  min-height: 36px;
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-selector .boc-ui-selector-option-checkbox .boc-ui-checkbox {
  padding: 0 36px 0 8px;
  max-width: 100%;
}
.boc-ui-selector .boc-ui-selector-option-checkbox .custom-checkbox-label {
  overflow: hidden;
}
.boc-ui-selector .hover {
  background: #F5F6FA;
}
.boc-ui-selector li.boc-ui-selector-option-default:hover {
  background: #F5F6FA;
}
.boc-ui-selector .boc-ui-selector-option-item {
  padding: 0 8px;
}
.boc-ui-selector .boc-ui-selector-option-item::-webkit-scrollbar {
  display: none;
}
.boc-ui-selector .boc-ui-selector-option-item.active-highlight {
  padding: 0 36px 0 8px;
}
.boc-ui-selector .boc-ui-selector-option-item-label {
  overflow-x: scroll;
}
.boc-ui-selector .boc-ui-selector-option-item-label::-webkit-scrollbar {
  display: none;
}
.boc-ui-selector .boc-ui-selector-font-weight {
  font-weight: 600;
}
.boc-ui-selector .boc-ui-selector-input-disabled {
  background: #F5F6FA;
}

.boc-ui-rtl .boc-ui-selector-etc-tag {
  margin-right: 3px;
  margin-left: 0;
}
.boc-ui-rtl .boc-ui-selector-tags-box-prefix-icon {
  margin-right: 30px;
  margin-left: 0;
}
.boc-ui-rtl .boc-ui-selector-multiple-input-prefix-icon {
  margin-right: 20px;
  margin-left: 0;
}
.boc-ui-rtl .boc-ui-selector .boc-ui-selector-option-checkbox .boc-ui-checkbox {
  padding: 0 8px 0 36px;
}
.boc-ui-rtl .boc-ui-selector .boc-ui-selector-option-item {
  padding: 0 8px 0 36px;
}

.active-highlight-customiz {
  color: #FF6A00 !important;
  text-decoration: none;
  display: -ms-flexbox !important;
  display: flex !important;
}

.active-highlight-customiz-option {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.active-highlight-customiz-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.boc-ui-result {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-result-icon {
  width: 68px;
  height: 68px;
}
.boc-ui-result-img {
  width: 80px;
  height: 80px;
}
.boc-ui-result-no-img {
  width: 80px;
  height: 80px;
  background-color: #F5F6FA;
}
.boc-ui-result-title {
  color: #222222;
  font-size: 16px;
  text-align: center;
  font-weight: 500;
  margin: 8px 0;
}
.boc-ui-result-subtitle {
  margin-bottom: 12px;
  color: #666666;
  font-size: 14px;
  text-align: center;
}
.boc-ui-result-extra {
  text-align: center;
}
.boc-ui-result-extra > * {
  margin-right: 12px;
}
.boc-ui-result-extra > *:last-child {
  margin-right: 0;
}
.boc-ui-result-content {
  margin-top: 24px;
  padding: 24px 40px;
  background-color: transparent;
}

.boc-ui-rtl .boc-ui-result-extra > * {
  margin-right: 0;
  margin-left: 12px;
}
.boc-ui-rtl .boc-ui-result-extra > *:last-child {
  margin-left: 0;
}

.boc-ui-layout-pro {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: auto;
      flex: auto;
  -ms-flex-direction: column;
      flex-direction: column;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
}
.boc-ui-layout-pro,
.boc-ui-layout-pro * {
  box-sizing: border-box;
}
.boc-ui-layout-pro-has-sider {
  -ms-flex-direction: row;
      flex-direction: row;
}
.boc-ui-layout-pro-has-sider .layout-prefix-cls,
.boc-ui-layout-pro-has-sider .layout-prefix-cls-content {
  width: 0;
}
.boc-ui-layout-pro-header, .boc-ui-layout-pro-footer {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}
.boc-ui-layout-pro-header {
  height: 64px;
  color: #222222;
  line-height: 64px;
}
.boc-ui-layout-pro-footer {
  padding: 24px 50px;
  color: #222222;
  font-size: 14px;
  background: #F5F6FA;
}
.boc-ui-layout-pro-content {
  -ms-flex: auto;
      flex: auto;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
}
.boc-ui-layout-pro-sider {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  /* fix firefox can't set width smaller than content on flex item */
  min-width: 0;
  background: #fff;
  transition: all 0.2s;
}
.boc-ui-layout-pro-sider-children {
  overflow: auto;
  -ms-flex: 1;
      flex: 1;
  margin-top: -0.1px;
  padding-top: 0.1px;
}
.boc-ui-layout-pro-sider-children .layout-menu-prefix-cls.layout-menu-prefix-cls-inline-collapsed {
  width: auto;
}
.boc-ui-layout-pro-sider-right {
  -ms-flex-order: 1;
      order: 1;
}
.boc-ui-layout-pro-sider-trigger {
  height: 48px;
  color: #fff;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s;
}
.boc-ui-layout-pro-sider-zero-width > * {
  overflow: hidden;
}
.boc-ui-layout-pro-sider-zero-width-trigger {
  position: absolute;
  top: 64px;
  right: -36px;
  z-index: 1;
  width: 36px;
  height: 42px;
  color: #fff;
  font-size: 18px;
  line-height: 42px;
  text-align: center;
  border-radius: 0 2px 2px 0;
  cursor: pointer;
  transition: background 0.3s ease;
}
.boc-ui-layout-pro-sider-zero-width-trigger::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  transition: all 0.3s;
  content: "";
}
.boc-ui-layout-pro-sider-zero-width-trigger:hover::after {
  background: rgba(255, 255, 255, 0.1);
}
.boc-ui-layout-pro-sider-zero-width-trigger-right {
  left: -36px;
  border-radius: 2px 0 0 2px;
}

.boc-ui-layout-pro-rtl {
  direction: rtl;
}

.boc-ui-rtl .boc-ui-layout-pro-sider-zero-width-trigger {
  right: auto;
  left: -36px;
  border-radius: 2px 0 0 2px;
}
.boc-ui-rtl .boc-ui-layout-pro-sider-zero-width-right {
  left: auto;
  right: -36px;
  border-radius: 0 2px 2px 0;
}

.boc-ui-tag-pro {
  border-radius: 2px;
  font-size: 12px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  padding-left: 8px;
  padding-right: 8px;
  box-sizing: border-box;
  white-space: nowrap;
  border: 1px solid;
}
.boc-ui-tag-pro.boc-ui-x-circle {
  padding-left: 0;
  padding-right: 0;
  -ms-flex-pack: center;
      justify-content: center;
}
.boc-ui-tag-pro.boc-ui-x-small, .boc-ui-tag-pro.boc-ui-x-compact {
  height: 20px;
}
.boc-ui-tag-pro.boc-ui-x-small.boc-ui-x-circle, .boc-ui-tag-pro.boc-ui-x-compact.boc-ui-x-circle {
  width: 20px;
  border-radius: 10px;
}
.boc-ui-tag-pro.boc-ui-x-small.boc-ui-x-round, .boc-ui-tag-pro.boc-ui-x-compact.boc-ui-x-round {
  border-radius: 10px;
}
.boc-ui-tag-pro.boc-ui-x-normal {
  height: 24px;
}
.boc-ui-tag-pro.boc-ui-x-normal.boc-ui-x-circle {
  width: 24px;
  border-radius: 12px;
}
.boc-ui-tag-pro.boc-ui-x-normal.boc-ui-x-round {
  border-radius: 12px;
}
.boc-ui-tag-pro.boc-ui-x-large {
  height: 28px;
}
.boc-ui-tag-pro.boc-ui-x-large.boc-ui-x-circle {
  width: 28px;
  border-radius: 14px;
}
.boc-ui-tag-pro.boc-ui-x-large.boc-ui-x-round {
  border-radius: 14px;
}
.boc-ui-tag-pro.boc-ui-x-mini {
  height: 18px;
}
.boc-ui-tag-pro.boc-ui-x-mini.boc-ui-x-circle {
  width: 18px;
  border-radius: 9px;
}
.boc-ui-tag-pro.boc-ui-x-mini.boc-ui-x-round {
  border-radius: 9px;
}
.boc-ui-tag-pro.boc-ui-x-ghost {
  border: 1px solid;
  background: none;
}
.boc-ui-tag-pro .boc-ui-x-icon {
  margin-right: 4px;
}
.boc-ui-tag-pro .boc-ui-x-extend {
  margin-left: 4px;
}
.boc-ui-tag-pro .boc-ui-x-question {
  font-size: 14px;
}
.boc-ui-tag-pro .boc-ui-x-clickable {
  cursor: pointer;
}
.boc-ui-tag-pro .boc-ui-x-drop-icon {
  font-size: 14px;
  width: 16px;
  height: 16px;
}
.boc-ui-tag-pro .boc-ui-x-center {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.boc-ui-tag-pro .boc-ui-x-row-center {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
}

.boc-ui-city-selector {
  min-width: auto !important;
}
.boc-ui-city-selector-search {
  height: 100%;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 8px;
}
.boc-ui-city-selector-search-input {
  margin-right: 8px;
  height: 300px;
}
.boc-ui-city-selector-search-no-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 202px;
  height: 36px;
  color: #CCCCCC;
  padding: 0 8px 0 8px;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 2px;
  box-shadow: 0px 10px 16px 0px rgba(88, 90, 110, 0.15);
}
.boc-ui-city-selector-search-content {
  max-height: 216px;
  max-width: 750px;
  min-width: 500px;
  overflow: auto;
  -webkit-filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.08));
          filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.08));
  background: #fff;
}
.boc-ui-city-selector-search-item {
  font-weight: 400;
  color: #222222;
  line-height: 36px;
  cursor: pointer;
  padding: 0 36px 0 8px;
}
.boc-ui-city-selector-search-item-disabled {
  color: #CCCCCC;
  cursor: not-allowed;
}
.boc-ui-city-selector-search-item-active {
  color: #FF6A00;
}
.boc-ui-city-selector-real-content {
  height: 284px;
}
.boc-ui-city-selector-option-items {
  min-width: 220px;
  height: 220px;
  overflow: auto;
  padding: 4px;
  background: #fff;
}
.boc-ui-city-selector-option-items-cascade {
  border-right: 1px solid #EEEEEE;
}
.boc-ui-city-selector-cascade-wrapper {
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
}
.boc-ui-city-selector-tiling-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.boc-ui-city-selector-option-item {
  padding: 5px 6px;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  color: #222222;
  font-weight: 400;
  cursor: pointer;
  margin-right: 12px;
  min-height: 36px;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
}
.boc-ui-city-selector-option-item-tiling {
  width: calc(20% - 12px);
}
.boc-ui-city-selector-option-item text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.boc-ui-city-selector-option-item-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex: 1;
      flex: 1;
}
.boc-ui-city-selector-option-item-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-flex: 1;
      flex: 1;
  width: 0;
}
.boc-ui-city-selector-option-item-leaf::after {
  content: "\ea0a";
  font-family: "roo-icon";
  font-style: normal;
  font-weight: normal;
  color: #FF6A00;
}
.boc-ui-city-selector-option-item-disabled-opt {
  color: #CCCCCC;
  cursor: not-allowed;
}
.boc-ui-city-selector-option-item-active {
  background: #F5F6FA;
}
.boc-ui-city-selector-option-item-alone-active {
  background: transparent;
  color: #FF6A00;
}
.boc-ui-city-selector-option-item-disabled {
  color: #CCCCCC;
}
.boc-ui-city-selector-option-item-disabled-active {
  color: #CCCCCC;
}
.boc-ui-city-selector-option-item-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-city-selector-option-item-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex: 1;
      flex: 1;
}
.boc-ui-city-selector-option-item-icon-rotate90 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.boc-ui-city-selector-option-item-icon-rotate180 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.boc-ui-city-selector-option-item-selected-cnt {
  color: #FF6A00;
}
.boc-ui-city-selector-popper {
  position: fixed;
  z-index: 2;
  background: #fff;
  border: 1px solid #EEEEEE;
  box-shadow: 0 4px 5px 0 rgba(169, 169, 169, 0.4);
  border-radius: 2px;
  padding: 8px;
  width: 450px;
  min-height: 126px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: start;
      align-items: flex-start;
  cursor: default;
}
.boc-ui-city-selector-popper-item {
  width: 33%;
  padding: 10px 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
}
.boc-ui-city-selector-popper-item:hover {
  background: #F5F6FA;
}
.boc-ui-city-selector-popper-item-text {
  width: 0;
  -ms-flex: 1;
      flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.boc-ui-city-selector-popper .boc-ui-checkbox {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.boc-ui-city-selector-option-item:hover {
  background: #F5F6FA;
}
.boc-ui-city-selector-city-selected {
  background: #fff;
  border-top: 1px solid #EEEEEE;
  padding: 12px 16px;
  font-size: 14px;
}
.boc-ui-city-selector-city-selected-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.boc-ui-city-selector-city-selected-footer {
  margin-top: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.boc-ui-city-selector-city-selected-lable {
  color: #222222;
  font-weight: 500;
}
.boc-ui-city-selector-city-selected-value {
  color: #666666;
  line-height: 20px;
  font-weight: 400;
  margin-left: 8px;
}
.boc-ui-city-selector-city-selected-cnt {
  margin: 0 3px;
  color: #FF6A00;
}
.boc-ui-city-selector-city-selected-clear-all {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-city-selector-city-selected-clear-all-text {
  margin-left: 5px;
  color: #FF6A00;
}
.boc-ui-city-selector-city-selected-list {
  margin-top: 12px;
  max-height: 100px;
  overflow: auto;
}
.boc-ui-city-selector-city-selected-tag-wrapper {
  margin-right: 6px;
  margin-bottom: 8px;
  display: inline-block;
}
.boc-ui-city-selector-city-selected-tag {
  background: #F5F6FA;
  padding: 4px 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex: 1;
      flex: 1;
}
.boc-ui-city-selector-city-selected-tag-text {
  font-size: 12px;
  color: #222222;
}
.boc-ui-city-selector-city-selected-tag-close {
  cursor: pointer;
  margin-left: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-city-selector-city-selected .city-selected {
  display: -ms-flexbox;
  display: flex;
}
.boc-ui-city-selector-city-group {
  padding: 10px;
  height: 220px;
  overflow: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: baseline;
      align-content: baseline;
}
.boc-ui-city-selector-city-group-item {
  height: 24px;
  line-height: 22px;
  cursor: pointer;
  margin-top: 10px;
  color: rgb(103, 105, 127);
  font-size: 14px;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
  margin-bottom: 10px;
}
.boc-ui-city-selector-city-group-item:hover, .boc-ui-city-selector-city-group-item-acitve {
  color: #FF6A00;
}
.boc-ui-city-selector-city-import {
  padding: 10px;
}

.boc-ui-city-selector-wrapper .boc-ui-dropdown-menu {
  max-height: 500px !important;
  min-width: auto !important;
  overflow: hidden;
}
.boc-ui-city-selector-wrapper .dropdown-item,
.boc-ui-city-selector-wrapper .boc-ui-dropdown-menu a {
  line-height: 48px;
}
.boc-ui-city-selector-wrapper .boc-ui-dropdown-menu a:hover {
  background-color: transparent !important;
}
.boc-ui-city-selector-wrapper .boc-ui-dropdown-menu a:active::after {
  content: "" !important;
}

.boc-ui-rtl .boc-ui-selector .boc-ui-dropdown-menu .boc-ui-city-selector .tab-item a {
  padding: 0 20px;
}
.boc-ui-rtl .boc-ui-city-selector-search {
  margin-right: 0;
  margin-left: 8px;
}
.boc-ui-rtl .boc-ui-city-selector-search-input {
  margin-right: 0;
  margin-left: 8px;
}
.boc-ui-rtl .boc-ui-city-selector-search-item {
  padding: 0 8px 0 36px;
}
.boc-ui-rtl .boc-ui-city-selector-option-items-cascade {
  border-right: none;
  border-left: 1px solid #EEEEEE;
}
.boc-ui-rtl .boc-ui-city-selector-option-item {
  margin-right: 0;
  margin-left: 12px;
}
.boc-ui-rtl .boc-ui-city-selector-option-item-icon-rotate90 {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.boc-ui-rtl .boc-ui-city-selector-city-selected-value {
  margin-left: 0;
  margin-right: 8px;
}
.boc-ui-rtl .boc-ui-city-selector-city-selected-clear-all-text {
  margin-left: 0;
  margin-right: 5px;
}
.boc-ui-rtl .boc-ui-city-selector-city-selected-tag-wrapper {
  margin-right: 0;
  margin-left: 6px;
}
.boc-ui-rtl .boc-ui-city-selector-city-selected-tag-close {
  margin-left: 0;
  margin-right: 8px;
}
.boc-ui-rtl .boc-ui-city-selector-city-selected-city-group-item {
  margin-right: 0;
  margin-left: 20px;
}

.boc-ui-tag-select-wrapper {
  display: inline-block;
}
.boc-ui-tag-select-wrapper .boc-ui-tag.boc-ui-tag-reverse.boc-ui-tag-primary {
  border: 1px solid #CCCCCC;
}
.boc-ui-tag-select-wrapper .boc-ui-tag {
  padding: 8px 20px !important;
}
.boc-ui-tag-select-wrapper .boc-ui-tag.boc-ui-tag-primary {
  padding: 8px 20px;
  color: #222222;
  font-weight: 400;
  background: #fff;
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  border: 1px solid #FF6A00;
  position: relative;
}
.boc-ui-tag-select-wrapper .boc-ui-tag.boc-ui-tag-primary.boc-ui-badge.boc-ui-badge-reverse {
  background: #fff;
  border: 1px solid #CCCCCC;
  border-radius: 18px;
  color: #222222;
}
.boc-ui-tag-select-wrapper .boc-ui-tag.boc-ui-tag-primary.boc-ui-badge {
  border: 1px solid #FF6A00;
  color: #FF6A00;
  border-radius: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.boc-ui-tag-select-wrapper .boc-ui-tag-select {
  margin-right: 15px;
  cursor: pointer;
  font-size: 14px;
}
.boc-ui-tag-select-wrapper .boc-ui-tag-select-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.boc-ui-tag-select-wrapper .boc-ui-tag-select.disabled {
  border: 1px solid #EEEEEE !important;
  color: #CCCCCC !important;
  background-color: #F5F6FA;
  cursor: not-allowed !important;
}
.boc-ui-tag-select-wrapper .boc-ui-tag-selected-tag {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border: 10px solid #FF6A00;
  border-top-color: transparent;
  border-left-color: transparent;
}
.boc-ui-tag-select-wrapper .boc-ui-tag-selected-tag-ok {
  color: #fff;
  position: absolute;
  top: -2px;
  right: -10px;
}

.boc-ui-rtl .boc-ui-tag-select-wrapper .boc-ui-tag-select {
  margin-right: 0;
  margin-left: 15px;
}
.boc-ui-rtl .boc-ui-tag-select-wrapper .boc-ui-tag-selected-tag {
  right: auto;
  left: 0;
  border-right-color: transparent;
  border-left-color: #FF6A00;
}
.boc-ui-rtl .boc-ui-tag-select-wrapper .boc-ui-tag-selected-tag-ok {
  position: absolute;
  top: -2px;
  left: -11px;
  right: auto;
}

.boc-ui-b-my-evaluation .boc-ui-b-eva-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-direction: row;
      flex-direction: row;
}
.boc-ui-b-my-evaluation .boc-ui-b-eva-block .boc-ui-b-eva-icon-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-b-my-evaluation .boc-ui-b-eva-block .boc-ui-b-eva-icon-block .boc-ui-b-eva-icon-wrapper {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  line-height: 22px;
  cursor: pointer;
}
.boc-ui-b-my-evaluation .boc-ui-b-eva-block .boc-ui-b-eva-icon-block .boc-ui-b-eva-icon-wrapper.boc-ui-b-eva-like {
  border-color: #00BF7F;
}
.boc-ui-b-my-evaluation .boc-ui-b-eva-block .boc-ui-b-eva-icon-block .boc-ui-b-eva-icon-wrapper.boc-ui-b-eva-like .boc-ui-b-eva-icon {
  color: #00BF7F;
}
.boc-ui-b-my-evaluation .boc-ui-b-eva-block .boc-ui-b-eva-icon-block .boc-ui-b-eva-icon-wrapper.boc-ui-b-eva-like-selected {
  background-color: #00BF7F;
}
.boc-ui-b-my-evaluation .boc-ui-b-eva-block .boc-ui-b-eva-icon-block .boc-ui-b-eva-icon-wrapper.boc-ui-b-eva-like-selected .boc-ui-b-eva-icon {
  color: #fff;
}
.boc-ui-b-my-evaluation .boc-ui-b-eva-block .boc-ui-b-eva-icon-block .boc-ui-b-eva-icon-wrapper.boc-ui-b-eva-dislike {
  border-color: #FF192D;
}
.boc-ui-b-my-evaluation .boc-ui-b-eva-block .boc-ui-b-eva-icon-block .boc-ui-b-eva-icon-wrapper.boc-ui-b-eva-dislike .boc-ui-b-eva-icon {
  color: #FF192D;
}
.boc-ui-b-my-evaluation .boc-ui-b-eva-block .boc-ui-b-eva-icon-block .boc-ui-b-eva-icon-wrapper.boc-ui-b-eva-dislike-selected {
  background-color: #FF192D;
}
.boc-ui-b-my-evaluation .boc-ui-b-eva-block .boc-ui-b-eva-icon-block .boc-ui-b-eva-icon-wrapper.boc-ui-b-eva-dislike-selected .boc-ui-b-eva-icon {
  color: #fff;
}
.boc-ui-b-my-evaluation .boc-ui-b-eva-block .boc-ui-b-eva-icon-block .boc-ui-b-eva-icon-wrapper.boc-ui-b-eva-comment {
  border-color: #FF6A00;
}
.boc-ui-b-my-evaluation .boc-ui-b-eva-block .boc-ui-b-eva-icon-block .boc-ui-b-eva-icon-wrapper.boc-ui-b-eva-comment .boc-ui-b-eva-icon {
  color: #FF6A00;
}
.boc-ui-b-my-evaluation .boc-ui-b-eva-block .boc-ui-b-eva-desc {
  margin-top: 4px;
  text-align: center;
}
.boc-ui-b-my-evaluation .boc-ui-b-eva-block .boc-ui-b-eva-number {
  text-align: center;
  margin-top: 4px;
  font-size: 12px;
  color: #666666;
}
.boc-ui-b-my-evaluation .boc-ui-b-eva-block-disabled {
  color: #CCCCCC;
}
.boc-ui-b-my-evaluation .boc-ui-b-eva-block-disabled:hover {
  cursor: not-allowed;
}
.boc-ui-b-my-evaluation .boc-ui-b-eva-block-disabled .boc-ui-b-eva-icon-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-b-my-evaluation .boc-ui-b-eva-block-disabled .boc-ui-b-eva-icon-block .boc-ui-b-eva-icon-wrapper {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  line-height: 22px;
  border-color: #CCCCCC;
  background-color: #CCCCCC;
}
.boc-ui-b-my-evaluation .boc-ui-b-eva-block-disabled .boc-ui-b-eva-icon-block .boc-ui-b-eva-icon-wrapper .boc-ui-b-eva-icon {
  color: #fff;
}
.boc-ui-b-my-evaluation .boc-ui-b-eva-block-disabled .boc-ui-b-eva-desc {
  margin-top: 4px;
  text-align: center;
}
.boc-ui-b-my-evaluation .boc-ui-b-eva-block-disabled .boc-ui-b-eva-number {
  text-align: center;
  margin-top: 4px;
  font-size: 12px;
}
.boc-ui-b-my-evaluation .boc-ui-b-eva-block-horizontal {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-b-my-evaluation .boc-ui-b-eva-block-horizontal .boc-ui-b-eva-icon-block-horizontal {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-b-my-evaluation .boc-ui-b-eva-block-horizontal .boc-ui-b-eva-icon-block-horizontal .boc-ui-b-eva-icon-wrapper {
  cursor: pointer;
  border: none;
  width: 20px;
  height: 20px;
  line-height: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-b-my-evaluation .boc-ui-b-eva-block-horizontal .boc-ui-b-eva-icon-block-horizontal .boc-ui-b-eva-icon-wrapper.boc-ui-b-eva-like {
  color: #00BF7F;
}
.boc-ui-b-my-evaluation .boc-ui-b-eva-block-horizontal .boc-ui-b-eva-icon-block-horizontal .boc-ui-b-eva-icon-wrapper.boc-ui-b-eva-dislike {
  color: #FF192D;
}
.boc-ui-b-my-evaluation .boc-ui-b-eva-block-horizontal .boc-ui-b-eva-icon-block-horizontal .boc-ui-b-eva-icon-wrapper.boc-ui-b-eva-comment {
  color: #FF6A00;
}
.boc-ui-b-my-evaluation .boc-ui-b-eva-block-horizontal .boc-ui-b-eva-desc {
  margin: 0 4px;
}
.boc-ui-b-my-evaluation .boc-ui-b-eva-block-horizontal .boc-ui-b-eva-number {
  margin: 0;
  color: #222222;
  font-size: 14px;
}
.boc-ui-b-my-evaluation .boc-ui-b-eva-block-horizontal-disabled {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
  cursor: not-allowed;
}
.boc-ui-b-my-evaluation .boc-ui-b-eva-block-horizontal-disabled .boc-ui-b-eva-icon-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  border: none;
  width: 20px;
  height: 20px;
  line-height: 20px;
  cursor: not-allowed;
}
.boc-ui-b-my-evaluation .boc-ui-b-eva-block-horizontal-disabled .boc-ui-b-eva-icon {
  color: #CCCCCC;
}
.boc-ui-b-my-evaluation .boc-ui-b-eva-block-horizontal-disabled .boc-ui-b-eva-desc {
  margin: 0 4px;
  color: #CCCCCC;
}
.boc-ui-b-my-evaluation .boc-ui-b-eva-block-horizontal-disabled .boc-ui-b-eva-number {
  color: #CCCCCC;
  margin: 0;
  font-size: 14px;
}

.boc-ui-header {
  min-height: 64px;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  box-shadow: 0 2px 6px 0 #EEEEEE;
  transition: all 0.2s ease;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.boc-ui-header a {
  text-decoration: none;
}

.boc-ui-header-title {
  -ms-flex-positive: 0;
      flex-grow: 0;
}

.boc-ui-header-other {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.boc-ui-header-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.boc-ui-header-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-right: 20px;
}

.boc-ui-header-light {
  background: #fff;
  color: #222222;
}

.boc-ui-header-dark {
  background: #222222;
  color: #fff;
}

.boc-ui-rtl .boc-ui-header {
  left: auto;
  right: 0;
}
.boc-ui-rtl .boc-ui-header-right {
  padding-right: 0;
  padding-left: 20px;
}

.boc-ui-number-trend {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.boc-ui-number-trend-number {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-number-trend-up {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAWCAYAAADJqhx8AAAAAXNSR0IArs4c6QAAAeJJREFUOE+VlEFIG1EQhv/ZpI1hwUMhtFYpSnMQQqTSQA8imoNS6Ul0IyJCeykUGi8eJIf20oJ4qCAIkmOR9pAVxB5aKAUD5lRaQrHmoiJFbKG5tiGKu1PytrvJZvM0eZe38Ga+988/85ZwweLwvXZcDZpUyP6RhZHsgMP9IZSMPJj9UP1ROsgXG8XKATejGTA0kUTQ6eduomkAd0Y1mMi4EhQk6GRXr4d4FAjpf409gEPuYCpC9UXqS/ECeu5mYLIlHZVj/r8DUKDT0VdXKS4AR4c0GGZG5FUWM0Bk7VVgggo5pxQHwINjIZS5Trp9ey0ARbQpEdr5ILpSBcTHK6ZptYqdbzvfNqXSle1NUYoA8INZDTDdrst6ZotSlAS9W9eJk8kAfpePAYSkNzaetiImRzqIH6ev4LzwBYy+etMlJlrCCd+h3o7JJ/FpylU5rS42jJUDFl6eA+xzfFt61iLgxXIJzEEH8Hy+RcCrtV8AbjiA+SctAtKv34Mx5jQgcCtIj+LlSx+THcBvNubAvOK0lpRumpn40Txg69N1GGcFgK9Zz8A3ReP3PcMm7YKY0I/ZaTC/tQCk0+iw56dyIUBAcp+nQEiDWQX5emkgdlhbxqUAAfm23wU+fQiQSnciqVrAP3b9o3KeCynNAAAAAElFTkSuQmCC);
  display: inline-block;
  height: 10px;
  width: 8px;
  margin: 0 2px;
  background-size: 100% 100%;
}
.boc-ui-number-trend-down {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAWCAYAAADJqhx8AAAAAXNSR0IArs4c6QAAAg5JREFUOE+VlE9oE1EQxr95Sdoo9VTXIkXFWkRsUZQiKhIq3noRD7ugnjwFBPWgWBChEURB8NKDIBT0otjdg57qRVEqqIeioK0U/4tamq5YIZT+SfJG3kuyzW52m2ZOb3dmfvvN94YlBOJ1fuY6A3MUj93dT62/gvngMwVfPF3IbmPkJxk8FyeRPtzcPrwSpAagih/lvtgMNtVZAMePrut8EAUJBdz/N2lJyGFmQAj8pVhy54mWjmwYJBQwNPthS764+B1QaYaAOJdev3tw1YA7/C35JzszX2kgoscX2vb1rRqgCgd+v2CoGYhA4OlMe2pjQ4DzP56w10A0f3PzkbUNAdJfR6oAKN7e2hdvCHDy48NlAIB724+FGk5nPo00/yzkxhjohmopGV+KyrnSWp0nete2o6OHTLZjs+OLUwzeUNNRNlGbqYGEZWPhJpKtmzT7wNshUwJ2vb2vBgghrFe7TjneXN1jt2wG9PpGRnkEApzxntNWZUpd3/lm0Cjk5QQDhie5hkRKhBtPiK7Pe8+6PoB6MF7eMKVkW5unIsRUQWS5By863pYGP5IcvWozy/Io/msgImchdVlLjwRg9JoBuTQBZsMHJ3IhmrqQuqSlRwNU5vkVEyz9t0LCQu+AJ31lgIZkbHDppwIiB70Zn/T6ADVKcek9gAJiTXuC0usDVMWzTAsSawiH+nNRu/Efr7CzLoJSD1sAAAAASUVORK5CYII=);
  display: inline-block;
  height: 10px;
  width: 8px;
  margin: 0 2px;
  background-size: 100% 100%;
}

.boc-ui-b-descriptions-container .boc-ui-b-descriptions-body table {
  width: 100%;
}
.boc-ui-b-descriptions-container .boc-ui-b--item-container {
  display: -ms-flexbox;
  display: flex;
}
.boc-ui-b-descriptions-container .boc-ui-b--item-container .boc-ui-b--item-label {
  padding: 8px;
  display: inline-block;
  white-space: nowrap;
}
.boc-ui-b-descriptions-container .boc-ui-b--item-container .boc-ui-b--item-label .roo-icon {
  margin-left: 4px;
}
.boc-ui-b-descriptions-container .boc-ui-b--item-container-align {
  display: -ms-flexbox;
  display: flex;
}
.boc-ui-b-descriptions-container .boc-ui-b--item-container-align .boc-ui-b--item-label {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-b-descriptions-container .boc-ui-b--item-content {
  padding: 8px 2px;
}
.boc-ui-b-descriptions-container .boc-ui-b--item-content .boc-ui-b--item-content-copy {
  display: inline;
}
.boc-ui-b-descriptions-container .boc-ui-b--item-content .boc-ui-b--item-content-copy > * {
  display: inline;
}
.boc-ui-b-descriptions-container .boc-ui-b--row {
  vertical-align: top;
  line-height: 22px;
}
.boc-ui-b-descriptions-container .boc-ui-b--row-bordered {
  border: 1px solid #EEEEEE;
}
.boc-ui-b-descriptions-container .boc-ui-b--row-bordered .boc-ui-b--item-label, .boc-ui-b-descriptions-container .boc-ui-b--row-bordered .boc-ui-b--item-content {
  padding: 16px;
  vertical-align: middle;
}
.boc-ui-b-descriptions-container .boc-ui-b--row-bordered .boc-ui-b--item-label {
  background-color: #F5F6FA;
  display: table-cell;
}
.boc-ui-b-descriptions-container .boc-ui-b--row-bordered .boc-ui-b--item-label::after {
  content: "";
}
.boc-ui-b-descriptions-container .boc-ui-table-bordered tbody tr th, .boc-ui-b-descriptions-container .boc-ui-table-bordered tbody tr td {
  border-left: none;
}
.boc-ui-b-descriptions-container .boc-ui-b--item-content-copy span {
  margin-left: 4px;
}

.boc-ui-rtl .boc-ui-b-descriptions-container .boc-ui-b--item-container .boc-ui-b--item-label .roo-icon {
  margin-left: 0;
  margin-right: 4px;
}
.boc-ui-rtl .boc-ui-b--item-content-copy span {
  margin-left: 0;
  margin-right: 4px;
}
.boc-ui-rtl .boc-ui-b--row-bordered .boc-ui-b--item-label {
  text-align: right;
}

.boc-ui-city-selector {
  min-width: auto !important;
}
.boc-ui-city-selector-search {
  height: 100%;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 8px;
}
.boc-ui-city-selector-search-input {
  margin-right: 8px;
  height: 300px;
}
.boc-ui-city-selector-search-no-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 202px;
  height: 36px;
  color: #CCCCCC;
  padding: 0 8px 0 8px;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 2px;
  box-shadow: 0px 10px 16px 0px rgba(88, 90, 110, 0.15);
}
.boc-ui-city-selector-search-content {
  max-height: 216px;
  max-width: 750px;
  min-width: 500px;
  overflow: auto;
  -webkit-filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.08));
          filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.08));
  background: #fff;
}
.boc-ui-city-selector-search-item {
  font-weight: 400;
  color: #222222;
  line-height: 36px;
  cursor: pointer;
  padding: 0 36px 0 8px;
}
.boc-ui-city-selector-search-item-disabled {
  color: #CCCCCC;
  cursor: not-allowed;
}
.boc-ui-city-selector-search-item-active {
  color: #FF6A00;
}
.boc-ui-city-selector-real-content {
  height: 284px;
}
.boc-ui-city-selector-option-items {
  min-width: 220px;
  height: 220px;
  overflow: auto;
  padding: 4px;
  background: #fff;
}
.boc-ui-city-selector-option-items-cascade {
  border-right: 1px solid #EEEEEE;
}
.boc-ui-city-selector-cascade-wrapper {
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
}
.boc-ui-city-selector-tiling-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.boc-ui-city-selector-option-item {
  padding: 5px 6px;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  color: #222222;
  font-weight: 400;
  cursor: pointer;
  margin-right: 12px;
  min-height: 36px;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
}
.boc-ui-city-selector-option-item-tiling {
  width: calc(20% - 12px);
}
.boc-ui-city-selector-option-item text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.boc-ui-city-selector-option-item-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex: 1;
      flex: 1;
}
.boc-ui-city-selector-option-item-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-flex: 1;
      flex: 1;
  width: 0;
}
.boc-ui-city-selector-option-item-leaf::after {
  content: "\ea0a";
  font-family: "roo-icon";
  font-style: normal;
  font-weight: normal;
  color: #FF6A00;
}
.boc-ui-city-selector-option-item-disabled-opt {
  color: #CCCCCC;
  cursor: not-allowed;
}
.boc-ui-city-selector-option-item-active {
  background: #F5F6FA;
}
.boc-ui-city-selector-option-item-alone-active {
  background: transparent;
  color: #FF6A00;
}
.boc-ui-city-selector-option-item-disabled {
  color: #CCCCCC;
}
.boc-ui-city-selector-option-item-disabled-active {
  color: #CCCCCC;
}
.boc-ui-city-selector-option-item-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-city-selector-option-item-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex: 1;
      flex: 1;
}
.boc-ui-city-selector-option-item-icon-rotate90 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.boc-ui-city-selector-option-item-icon-rotate180 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.boc-ui-city-selector-option-item-selected-cnt {
  color: #FF6A00;
}
.boc-ui-city-selector-popper {
  position: fixed;
  z-index: 2;
  background: #fff;
  border: 1px solid #EEEEEE;
  box-shadow: 0 4px 5px 0 rgba(169, 169, 169, 0.4);
  border-radius: 2px;
  padding: 8px;
  width: 450px;
  min-height: 126px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: start;
      align-items: flex-start;
  cursor: default;
}
.boc-ui-city-selector-popper-item {
  width: 33%;
  padding: 10px 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
}
.boc-ui-city-selector-popper-item:hover {
  background: #F5F6FA;
}
.boc-ui-city-selector-popper-item-text {
  width: 0;
  -ms-flex: 1;
      flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.boc-ui-city-selector-popper .boc-ui-checkbox {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.boc-ui-city-selector-option-item:hover {
  background: #F5F6FA;
}
.boc-ui-city-selector-city-selected {
  background: #fff;
  border-top: 1px solid #EEEEEE;
  padding: 12px 16px;
  font-size: 14px;
}
.boc-ui-city-selector-city-selected-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.boc-ui-city-selector-city-selected-footer {
  margin-top: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.boc-ui-city-selector-city-selected-lable {
  color: #222222;
  font-weight: 500;
}
.boc-ui-city-selector-city-selected-value {
  color: #666666;
  line-height: 20px;
  font-weight: 400;
  margin-left: 8px;
}
.boc-ui-city-selector-city-selected-cnt {
  margin: 0 3px;
  color: #FF6A00;
}
.boc-ui-city-selector-city-selected-clear-all {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-city-selector-city-selected-clear-all-text {
  margin-left: 5px;
  color: #FF6A00;
}
.boc-ui-city-selector-city-selected-list {
  margin-top: 12px;
  max-height: 100px;
  overflow: auto;
}
.boc-ui-city-selector-city-selected-tag-wrapper {
  margin-right: 6px;
  margin-bottom: 8px;
  display: inline-block;
}
.boc-ui-city-selector-city-selected-tag {
  background: #F5F6FA;
  padding: 4px 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex: 1;
      flex: 1;
}
.boc-ui-city-selector-city-selected-tag-text {
  font-size: 12px;
  color: #222222;
}
.boc-ui-city-selector-city-selected-tag-close {
  cursor: pointer;
  margin-left: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-city-selector-city-selected .city-selected {
  display: -ms-flexbox;
  display: flex;
}
.boc-ui-city-selector-city-group {
  padding: 10px;
  height: 220px;
  overflow: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: baseline;
      align-content: baseline;
}
.boc-ui-city-selector-city-group-item {
  height: 24px;
  line-height: 22px;
  cursor: pointer;
  margin-top: 10px;
  color: rgb(103, 105, 127);
  font-size: 14px;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
  margin-bottom: 10px;
}
.boc-ui-city-selector-city-group-item:hover, .boc-ui-city-selector-city-group-item-acitve {
  color: #FF6A00;
}
.boc-ui-city-selector-city-import {
  padding: 10px;
}

.boc-ui-city-selector-wrapper .boc-ui-dropdown-menu {
  max-height: 500px !important;
  min-width: auto !important;
  overflow: hidden;
}
.boc-ui-city-selector-wrapper .dropdown-item,
.boc-ui-city-selector-wrapper .boc-ui-dropdown-menu a {
  line-height: 48px;
}
.boc-ui-city-selector-wrapper .boc-ui-dropdown-menu a:hover {
  background-color: transparent !important;
}
.boc-ui-city-selector-wrapper .boc-ui-dropdown-menu a:active::after {
  content: "" !important;
}

.boc-ui-rtl .boc-ui-selector .boc-ui-dropdown-menu .boc-ui-city-selector .tab-item a {
  padding: 0 20px;
}
.boc-ui-rtl .boc-ui-city-selector-search {
  margin-right: 0;
  margin-left: 8px;
}
.boc-ui-rtl .boc-ui-city-selector-search-input {
  margin-right: 0;
  margin-left: 8px;
}
.boc-ui-rtl .boc-ui-city-selector-search-item {
  padding: 0 8px 0 36px;
}
.boc-ui-rtl .boc-ui-city-selector-option-items-cascade {
  border-right: none;
  border-left: 1px solid #EEEEEE;
}
.boc-ui-rtl .boc-ui-city-selector-option-item {
  margin-right: 0;
  margin-left: 12px;
}
.boc-ui-rtl .boc-ui-city-selector-option-item-icon-rotate90 {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.boc-ui-rtl .boc-ui-city-selector-city-selected-value {
  margin-left: 0;
  margin-right: 8px;
}
.boc-ui-rtl .boc-ui-city-selector-city-selected-clear-all-text {
  margin-left: 0;
  margin-right: 5px;
}
.boc-ui-rtl .boc-ui-city-selector-city-selected-tag-wrapper {
  margin-right: 0;
  margin-left: 6px;
}
.boc-ui-rtl .boc-ui-city-selector-city-selected-tag-close {
  margin-left: 0;
  margin-right: 8px;
}
.boc-ui-rtl .boc-ui-city-selector-city-selected-city-group-item {
  margin-right: 0;
  margin-left: 20px;
}

.boc-ui-poi-selector-wrapper .title {
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: #222222;
  margin-bottom: 16px;
}
.boc-ui-poi-selector-wrapper .boc-ui-poi-selector-search-fields {
  margin-left: 20px;
}

.boc-ui-poi-selector-modal .boc-ui-modal-content .boc-ui-modal-header {
  padding: 16px 20px !important;
}
.boc-ui-poi-selector-modal .boc-ui-modal-content .boc-ui-modal-footer {
  border-top: 1px solid #EEEEEE;
  padding: 0 20px 16px !important;
}
.boc-ui-poi-selector-modal .boc-ui-modal-content .boc-ui-modal-body {
  padding: 0 !important;
}
.boc-ui-poi-selector-modal .boc-ui-modal-content .close {
  top: 19px;
}

.boc-ui-poi-selector-content {
  border-top: 1px solid #EEEEEE;
  display: -ms-flexbox;
  display: flex;
  height: 463px;
  max-height: 496px;
}
.boc-ui-poi-selector-content .nodes-box {
  padding: 0 20px;
  margin-top: 6px;
  height: 405px;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.boc-ui-poi-selector-content div::-webkit-scrollbar {
  display: none;
}
.boc-ui-poi-selector-content .left {
  width: 50%;
  padding-bottom: 7px;
  box-sizing: border-box;
  border-right: 1px solid #EEEEEE;
}
.boc-ui-poi-selector-content .left .head {
  margin-right: 20px;
  margin-top: 12px;
  padding-left: 20px;
}
.boc-ui-poi-selector-content .left :global(.custom-checkbox:hover) {
  border: 1px solid #222222;
  border-radius: 2px;
}
.boc-ui-poi-selector-content .left .select-text:hover {
  color: #222222;
}
.boc-ui-poi-selector-content .left .select-text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.boc-ui-poi-selector-content .right {
  width: 50%;
  padding: 0 20px;
  border-radius: 2px;
}
.boc-ui-poi-selector-content .right .right-search-fields {
  margin-top: 12px;
}
.boc-ui-poi-selector-content .right .select-text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.boc-ui-poi-selector-content .right .head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 16px;
}
.boc-ui-poi-selector-content .right .head .right-poiid-count {
  font-family: PingFangSC-Medium;
  font-size: 14px;
  color: #FF6A00;
  line-height: 20px;
  font-weight: 500;
}
.boc-ui-poi-selector-content .right .head .over-max-poiCountText {
  color: #FF192D;
  cursor: pointer;
}
.boc-ui-poi-selector-content .right .head .delete-allText {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #FF6A00;
  font-weight: 400;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-poi-selector-content .right .head .delete-allText .delete-allText-text {
  margin-left: 5px;
  white-space: nowrap;
}
.boc-ui-poi-selector-content .right .checked-cityBox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-poi-selector-content .right .checked-cityBox .cityName {
  margin-right: 2px;
}
.boc-ui-poi-selector-content .right .checked-poiBox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.boc-ui-poi-selector-content .right .checked-poiBox .poiName {
  display: block;
  margin-right: 10px;
}
.boc-ui-poi-selector-content .right .closeIcon {
  position: absolute;
  right: 0;
}
.boc-ui-poi-selector-content .right :global(.roo-icon) {
  color: #CCCCCC;
}

.boc-ui-poi-selector-footer {
  text-align: right;
  padding-top: 16px;
}
.boc-ui-poi-selector-footer .confirm-button {
  margin-left: 8px;
}

.boc-ui-rtl .boc-ui-poi-selector-content .left {
  border-right: none;
  border-left: 1px solid #EEEEEE;
}
.boc-ui-rtl .boc-ui-poi-selector-content .left .head {
  margin-right: 0;
  margin-left: 20px;
  padding-left: 0;
  padding-right: 20px;
}
.boc-ui-rtl .boc-ui-poi-selector-content .right .head .delete-allText .delete-allText-text {
  margin-left: 0;
  margin-right: 5px;
}
.boc-ui-rtl .boc-ui-poi-selector-content .right .closeIcon {
  right: auto;
  left: 0;
}
.boc-ui-rtl .boc-ui-poi-selector-content .right .checked-cityBox .cityName {
  margin-right: 0;
  margin-left: 2px;
}
.boc-ui-rtl .boc-ui-poi-selector-content .right .checked-poiBox .poiName {
  margin-right: 0;
  margin-left: 10px;
}
.boc-ui-rtl .boc-ui-poi-selector-footer {
  text-align: left;
}
.boc-ui-rtl .boc-ui-poi-selector-footer .confirm-button {
  margin-left: 0;
  margin-right: 8px;
}
.boc-ui-rtl .boc-ui-poi-selector-wrapper .boc-ui-poi-selector-search-fields {
  margin-left: 0;
  margin-right: 20px;
}

.boc-ui-table-tab-modal .boc-ui-modal-content .boc-ui-modal-header {
  padding: 16px 20px !important;
}
.boc-ui-table-tab-modal .boc-ui-modal-content .boc-ui-modal-footer {
  border-top: 1px solid #EEEEEE;
  padding: 0 20px 16px !important;
}
.boc-ui-table-tab-modal .boc-ui-modal-content .boc-ui-modal-body {
  padding: 0 !important;
}
.boc-ui-table-tab-modal .boc-ui-modal-content .close {
  top: 19px;
}

.boc-ui-table-tab-footer {
  text-align: right;
  padding-top: 16px;
}
.boc-ui-table-tab-footer .confirm-button {
  margin-left: 8px;
}

.boc-ui-table-tab-wrapper {
  position: relative;
}
.boc-ui-table-tab-wrapper .title {
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: #222222;
  margin-bottom: 16px;
}
.boc-ui-table-tab-wrapper-form {
  padding: 16px 16px 0 16px;
}
.boc-ui-table-tab-wrapper-bordertop {
  border-top: 1px solid #EEEEEE;
}
.boc-ui-table-tab-wrapper .boc-ui-table-tab-wrapper-content {
  display: -ms-flexbox;
  display: flex;
  height: 463px;
  max-height: 496px;
  padding: 16px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.boc-ui-table-tab-wrapper .boc-ui-table-tab-wrapper-content .boc-ui-table-tab-wrapper-content-left {
  width: 65%;
  margin-right: 10px;
  border: 1px solid #EEEEEE;
  overflow: auto;
  position: relative;
}
.boc-ui-table-tab-wrapper .boc-ui-table-tab-wrapper-content .boc-ui-table-tab-wrapper-content-right {
  -ms-flex: 1;
      flex: 1;
  width: auto;
  border: 1px solid #EEEEEE;
  overflow: auto;
  position: relative;
}
.boc-ui-table-tab-wrapper .boc-ui-table-tab-wrapper-content .boc-ui-table-tab-wrapper-content-right .boc-ui-tableNew-cell:nth-last-child(2) {
  border-right: none !important;
}
.boc-ui-table-tab-wrapper .boc-ui-table-tab-wrapper-content .boc-ui-table-tab-wrapper-content-right .boc-ui-table-tab-wrapper-content-right-all-text {
  margin-top: 16px;
  margin-bottom: 0;
  font-size: 14px;
  color: #222222;
  padding: 16px;
}
.boc-ui-table-tab-wrapper .boc-ui-tableNew-wrapper {
  padding: 0 16px;
  min-height: 300px;
}

.boc-ui-table-tab-pager {
  position: sticky;
  bottom: 0;
  height: 60px;
  background: #fff;
  box-shadow: 0 -5px 10px 0 rgba(34, 34, 34, 0.05);
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.boc-ui-table-tab-tabs .boc-ui-tabs-content {
  padding: 0;
}

.boc-ui-rtl .boc-ui-table-tab-footer {
  text-align: left;
}
.boc-ui-rtl .boc-ui-table-tab-footer .confirm-button {
  margin-left: 0;
  margin-right: 8px;
}
.boc-ui-rtl .boc-ui-table-tab-wrapper .boc-ui-table-tab-wrapper-content .boc-ui-table-tab-wrapper-content-left {
  margin-right: 0;
  margin-left: 10px;
}
.boc-ui-rtl .boc-ui-table-tab-wrapper .boc-ui-table-tab-wrapper-content .boc-ui-table-tab-wrapper-content-right .boc-ui-tableNew-cell:nth-last-child(2) {
  border-right: 1px solid #EEEEEE;
  border-left: none !important;
}

.boc-ui-org-popperportal {
  margin: 8px 0;
}

.boc-ui-organizationPicker {
  box-shadow: 0px 10px 16px 0px rgba(88, 90, 110, 0.15);
}

.boc-ui-org-box {
  width: 773px;
  background: #fff;
  border: 1px solid #EEEEEE;
  border-radius: 2px;
  padding: 0 20px 16px;
}
.boc-ui-org-box.boc-ui-panel .boc-ui-panel-body {
  padding: 0 20px 16px;
  max-height: 400px;
}
.boc-ui-org-box.boc-ui-panel .boc-ui-panel-footer {
  box-shadow: 0 -4px 5px 0 #F5F6FA;
  border: 0;
  padding: 0;
  height: 56px;
  line-height: 56px;
}
.boc-ui-org-box .boc-ui-org-search-bar {
  width: 100%;
  margin-bottom: 28px;
}
.boc-ui-org-box .boc-ui-org-search-bar label {
  color: #222222;
}
.boc-ui-org-box .boc-ui-org-select-box label.title {
  display: inline-block;
  color: #222222;
  margin-bottom: 12px;
}
.boc-ui-org-box .boc-ui-org-select-box .boc-ui-org-select {
  height: 202px;
  border: 1px solid #EEEEEE;
  position: relative;
}

.boc-ui-org-select-bar {
  margin-top: 12px;
  width: 430px;
}

.boc-ui-panel.boc-ui-select-panel .boc-ui-panel-body {
  padding: 0;
}
.boc-ui-panel.boc-ui-select-panel .boc-ui-panel-body .disabled {
  color: #CCCCCC;
  font-size: 13px;
  padding: 10px 15px;
  width: 320px;
}

.boc-ui-select-list {
  max-height: 216px;
  max-width: 750px;
  min-width: 500px;
  overflow: auto;
}
.boc-ui-select-list li {
  padding: 7px 15px;
}
.boc-ui-select-list li:hover {
  background: #F5F6FA;
  cursor: pointer;
}
.boc-ui-select-list .selected-highlight {
  color: #CCCCCC;
}
.boc-ui-select-list .selected-highlight:hover {
  background: #fff;
  cursor: not-allowed;
}
.boc-ui-select-list .active-highlight {
  color: #FF6A00;
}
.boc-ui-select-list .list-disabled {
  color: #CCCCCC;
  cursor: not-allowed !important;
}

.boc-ui-org-check-result {
  position: relative;
  height: 30px;
  overflow: hidden;
  transition: height 0.5s;
}
.boc-ui-org-check-result .boc-ui-org-check-btn {
  position: absolute;
  top: 5px;
  right: 0;
  padding: 0;
}
.boc-ui-org-check-result .boc-ui-org-detail {
  height: 250px;
  margin-top: 35px;
  background: #F5F6FA;
  padding: 10px;
  overflow: auto;
}
.boc-ui-org-check-result .boc-ui-org-detail .boc-ui-tag {
  margin: 5px;
}

.boc-ui-org-result-show {
  height: 310px;
  transition: height 0.5s;
}

.boc-ui-org-title {
  font-size: 16px;
  color: #222222;
  margin: 16px 0 12px 0;
  font-weight: bold;
}

.boc-ui-org-hidden {
  display: none;
}

.boc-ui-rtl .boc-ui-org-check-result .boc-ui-org-check-btn {
  right: auto;
  left: 0;
}

.boc-ui-b-batch-import {
  box-sizing: border-box;
  background-color: #FF192D;
}
.boc-ui-b-batch-import .footer-wrap {
  margin-top: 8px;
  margin-bottom: -12px;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
}
.boc-ui-b-batch-import .footer-wrap .right-wrap {
  -ms-flex: 1;
      flex: 1;
  text-align: end;
}
.boc-ui-b-batch-import .footer-wrap .rule-text {
  font-size: 14px;
  line-height: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: #FF192D;
}
.boc-ui-b-batch-import .footer-wrap .rule-text .text {
  margin-left: 4px;
}
.boc-ui-b-batch-import .footer-wrap .rule-text .icon {
  margin-bottom: 2px;
}
.boc-ui-b-batch-import .textarea-wrap .textarea-num {
  text-align: right;
  margin-top: -35px;
  margin-right: 10px;
}
.boc-ui-b-batch-import .textarea-wrap .textarea-error {
  border-color: #FF192D;
}
.boc-ui-b-batch-import .textarea-wrap .textarea-error:hover {
  border-color: #FF192D !important;
}
.boc-ui-b-batch-import .textarea-wrap .textarea-error:focus {
  border-color: #FF192D !important;
}
.boc-ui-b-batch-import .minor-descriptions {
  font-size: 14px;
  color: #999999;
  margin-bottom: 12px;
}

.boc-ui-rtl .boc-ui-b-batch-import .footer-wrap .rule-text {
  text-align: right;
}
.boc-ui-rtl .boc-ui-b-batch-import .footer-wrap .rule-text .text {
  margin-right: 4px;
  margin-left: 0;
}

.boc-ui-card-guidelines {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.boc-ui-card-guidelines-item-light {
  background: #fff;
  border: 1px solid #EEEEEE;
  color: #222222;
}
.boc-ui-card-guidelines-item-dark {
  background: rgba(34, 34, 34, 0.8);
  color: #fff;
}
.boc-ui-card-guidelines-item {
  min-width: 150px;
  margin: 6px;
  border-radius: 2px;
  padding: 16px;
  transition: all 0.5s;
  position: relative;
}
.boc-ui-card-guidelines-item .card-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
}
.boc-ui-card-guidelines-item .card-content {
  font-size: 14px;
}
.boc-ui-card-guidelines-item-actived-light {
  border: 1px solid #ffcc33;
}
.boc-ui-card-guidelines-item-actived-light .arrow-bottom {
  border-color: #ffcc33 transparent transparent;
}
.boc-ui-card-guidelines-item-actived-light .arrow-bottom:after {
  border-color: #fff transparent transparent;
}
.boc-ui-card-guidelines-item-actived-light .arrow-top {
  border-color: transparent transparent #ffcc33;
}
.boc-ui-card-guidelines-item-actived-light .arrow-top:after {
  border-color: transparent transparent #fff;
}
.boc-ui-card-guidelines-item-actived-light .arrow-left {
  border-color: transparent #ffcc33 transparent transparent;
}
.boc-ui-card-guidelines-item-actived-light .arrow-left:after {
  border-color: transparent #fff transparent transparent;
}
.boc-ui-card-guidelines-item-actived-light .arrow-right {
  border-color: transparent transparent transparent #ffcc33;
}
.boc-ui-card-guidelines-item-actived-light .arrow-right:after {
  border-color: transparent transparent transparent #fff;
}
.boc-ui-card-guidelines-item-actived-dark .arrow-bottom {
  border-color: rgba(34, 34, 34, 0.8) transparent transparent;
}
.boc-ui-card-guidelines-item-actived-dark .arrow-top {
  border-color: transparent transparent rgba(34, 34, 34, 0.8);
}
.boc-ui-card-guidelines-item-actived-dark .arrow-left {
  border-color: transparent rgba(34, 34, 34, 0.8) transparent transparent;
}
.boc-ui-card-guidelines-item-actived-dark .arrow-right {
  border-color: transparent transparent transparent rgba(34, 34, 34, 0.8);
}
.boc-ui-card-guidelines-item-actived-dark .arrow-bottom:after,
.boc-ui-card-guidelines-item-actived-dark .arrow-top:after,
.boc-ui-card-guidelines-item-actived-dark .arrow-left:after,
.boc-ui-card-guidelines-item-actived-dark .arrow-right:after {
  border-color: transparent;
}
.boc-ui-card-guidelines-item-actived {
  transition: all 0.5s;
}
.boc-ui-card-guidelines-item-actived .arrow {
  position: absolute;
  border-style: solid;
}
.boc-ui-card-guidelines-item-actived .arrow-bottom {
  top: 100%;
  left: calc(50% - 10px);
  width: 0;
  height: 0;
  border-width: 6px 10px;
}
.boc-ui-card-guidelines-item-actived .arrow-bottom:after {
  content: "";
  position: absolute;
  top: -7px;
  left: -10px;
  border-width: 6px 10px;
  border-style: solid;
}
.boc-ui-card-guidelines-item-actived .arrow-top {
  top: -12px;
  left: calc(50% - 10px);
  width: 0;
  height: 0;
  border-width: 6px 10px;
}
.boc-ui-card-guidelines-item-actived .arrow-top:after {
  content: "";
  position: absolute;
  top: -5px;
  left: -10px;
  border-width: 6px 10px;
  border-style: solid;
}
.boc-ui-card-guidelines-item-actived .arrow-left {
  top: calc(50% - 10px);
  left: -12px;
  width: 0;
  height: 0;
  border-width: 10px 6px;
}
.boc-ui-card-guidelines-item-actived .arrow-left:after {
  content: "";
  position: absolute;
  top: -10px;
  left: -5px;
  border-width: 10px 6px;
  border-style: solid;
}
.boc-ui-card-guidelines-item-actived .arrow-right {
  top: calc(50% - 10px);
  right: -12px;
  width: 0;
  height: 0;
  border-width: 10px 6px;
}
.boc-ui-card-guidelines-item-actived .arrow-right:after {
  content: "";
  position: absolute;
  top: -10px;
  right: -5px;
  border-width: 10px 6px;
  border-style: solid;
}
.boc-ui-card-guidelines-item:hover, .boc-ui-card-guidelines-item-actived {
  cursor: pointer;
  transition: all 0.2s;
  box-shadow: 0 0 10px 0 rgba(17, 136, 243, 0.1), 0 2px 6px 0 rgba(232, 237, 250, 0.6);
}

.boc-ui-card-guidelines-vertical {
  -ms-flex-direction: column;
      flex-direction: column;
}

.boc-ui-card-guidelines-horizontal {
  -ms-flex-direction: row;
      flex-direction: row;
}

.boc-ui-rtl .boc-ui-card-guidelines-item-actived-light .arrow-left {
  border-color: transparent transparent transparent #ffcc33;
}
.boc-ui-rtl .boc-ui-card-guidelines-item-actived-light .arrow-left:after {
  border-color: transparent transparent transparent #fff;
}
.boc-ui-rtl .boc-ui-card-guidelines-item-actived-light .arrow-right {
  border-color: transparent #ffcc33 transparent transparent;
}
.boc-ui-rtl .boc-ui-card-guidelines-item-actived-light .arrow-right:after {
  border-color: transparent #fff transparent transparent;
}
.boc-ui-rtl .boc-ui-card-guidelines-item-actived-dark .arrow-left {
  border-color: transparent transparent transparent rgba(34, 34, 34, 0.8);
}
.boc-ui-rtl .boc-ui-card-guidelines-item-actived-dark .arrow-right {
  border-color: transparent rgba(34, 34, 34, 0.8) transparent transparent;
}
.boc-ui-rtl .boc-ui-card-guidelines-item-actived .arrow-bottom:after {
  left: auto;
  right: -10px;
}
.boc-ui-rtl .boc-ui-card-guidelines-item-actived .arrow-top {
  left: auto;
  right: calc(50% - 10px);
}
.boc-ui-rtl .boc-ui-card-guidelines-item-actived .arrow-top:after {
  left: auto;
  right: -10px;
}
.boc-ui-rtl .boc-ui-card-guidelines-item-actived .arrow-left {
  left: auto;
  right: -12px;
}
.boc-ui-rtl .boc-ui-card-guidelines-item-actived .arrow-left:after {
  left: auto;
  right: -5px;
}
.boc-ui-rtl .boc-ui-card-guidelines-item-actived .arrow-right {
  right: auto;
  left: -12px;
}
.boc-ui-rtl .boc-ui-card-guidelines-item-actived .arrow-right:after {
  right: auto;
  left: -5px;
}

.boc-ui-count-down {
  color: #222222;
}

.boc-ui-analysis-dataCard {
  background: #fff;
  padding: 12px;
  cursor: pointer;
  -ms-flex: 1;
      flex: 1;
  margin-right: 4px;
  margin-bottom: 4px;
  position: relative;
  word-break: break-word;
}
.boc-ui-analysis-dataCard a {
  font-size: 12px;
  color: #FF6A00;
  text-align: right;
  font-weight: 400;
}
.boc-ui-analysis-dataCard-border {
  border: 1px solid #EEEEEE;
  border-radius: 2px;
}
.boc-ui-analysis-dataCard-border-transparent {
  border: 1px solid transparent;
  border-radius: 2px;
}
.boc-ui-analysis-dataCard-hover {
  box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.08);
}
.boc-ui-analysis-dataCard-click {
  border: 1px solid #FF6A00;
  border-radius: 2px;
  box-shadow: 0 0 5px 0 rgba(255, 106, 0, 0.08);
}
.boc-ui-analysis-dataCard-tips {
  margin-left: 4px;
  line-height: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-analysis-dataCard-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1;
      flex: 1;
}
.boc-ui-analysis-dataCard-flex1 {
  -ms-flex: 1;
      flex: 1;
}
.boc-ui-analysis-dataCard-ml-8 {
  margin-left: 8px;
}
.boc-ui-analysis-dataCard-s-12 {
  font-size: 12px;
}
.boc-ui-analysis-dataCard-flex {
  display: -ms-flexbox;
  display: flex;
}
.boc-ui-analysis-dataCard-row {
  width: 100%;
}
.boc-ui-analysis-dataCard-align-item {
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-analysis-dataCard-space-between {
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.boc-ui-analysis-dataCard-title {
  font-size: 14px;
  color: #222222;
  font-weight: 400;
}
.boc-ui-analysis-dataCard-content {
  display: -ms-flexbox;
  display: flex;
  margin-top: 4px;
  -ms-flex-align: end;
      align-items: flex-end;
}
.boc-ui-analysis-dataCard-value {
  font-size: 30px;
  color: #222222;
  font-weight: 700;
  line-height: 1;
}
.boc-ui-analysis-dataCard-unit {
  font-size: 14px;
  color: #222222;
  font-weight: 400;
  margin-left: 1px;
}
.boc-ui-analysis-dataCard-minor {
  font-size: 12px;
  color: #666666;
  font-weight: 400;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 8px;
}
.boc-ui-analysis-dataCard-up {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAWCAYAAADJqhx8AAAAAXNSR0IArs4c6QAAAeJJREFUOE+VlEFIG1EQhv/ZpI1hwUMhtFYpSnMQQqTSQA8imoNS6Ul0IyJCeykUGi8eJIf20oJ4qCAIkmOR9pAVxB5aKAUD5lRaQrHmoiJFbKG5tiGKu1PytrvJZvM0eZe38Ga+988/85ZwweLwvXZcDZpUyP6RhZHsgMP9IZSMPJj9UP1ROsgXG8XKATejGTA0kUTQ6eduomkAd0Y1mMi4EhQk6GRXr4d4FAjpf409gEPuYCpC9UXqS/ECeu5mYLIlHZVj/r8DUKDT0VdXKS4AR4c0GGZG5FUWM0Bk7VVgggo5pxQHwINjIZS5Trp9ey0ARbQpEdr5ILpSBcTHK6ZptYqdbzvfNqXSle1NUYoA8INZDTDdrst6ZotSlAS9W9eJk8kAfpePAYSkNzaetiImRzqIH6ev4LzwBYy+etMlJlrCCd+h3o7JJ/FpylU5rS42jJUDFl6eA+xzfFt61iLgxXIJzEEH8Hy+RcCrtV8AbjiA+SctAtKv34Mx5jQgcCtIj+LlSx+THcBvNubAvOK0lpRumpn40Txg69N1GGcFgK9Zz8A3ReP3PcMm7YKY0I/ZaTC/tQCk0+iw56dyIUBAcp+nQEiDWQX5emkgdlhbxqUAAfm23wU+fQiQSnciqVrAP3b9o3KeCynNAAAAAElFTkSuQmCC);
  display: inline-block;
  height: 10px;
  width: 8px;
  margin: 0 2px;
  background-size: 100% 100%;
}
.boc-ui-analysis-dataCard-up-value {
  color: #FF192D;
}
.boc-ui-analysis-dataCard-down {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAWCAYAAADJqhx8AAAAAXNSR0IArs4c6QAAAg5JREFUOE+VlE9oE1EQxr95Sdoo9VTXIkXFWkRsUZQiKhIq3noRD7ugnjwFBPWgWBChEURB8NKDIBT0otjdg57qRVEqqIeioK0U/4tamq5YIZT+SfJG3kuyzW52m2ZOb3dmfvvN94YlBOJ1fuY6A3MUj93dT62/gvngMwVfPF3IbmPkJxk8FyeRPtzcPrwSpAagih/lvtgMNtVZAMePrut8EAUJBdz/N2lJyGFmQAj8pVhy54mWjmwYJBQwNPthS764+B1QaYaAOJdev3tw1YA7/C35JzszX2kgoscX2vb1rRqgCgd+v2CoGYhA4OlMe2pjQ4DzP56w10A0f3PzkbUNAdJfR6oAKN7e2hdvCHDy48NlAIB724+FGk5nPo00/yzkxhjohmopGV+KyrnSWp0nete2o6OHTLZjs+OLUwzeUNNRNlGbqYGEZWPhJpKtmzT7wNshUwJ2vb2vBgghrFe7TjneXN1jt2wG9PpGRnkEApzxntNWZUpd3/lm0Cjk5QQDhie5hkRKhBtPiK7Pe8+6PoB6MF7eMKVkW5unIsRUQWS5By863pYGP5IcvWozy/Io/msgImchdVlLjwRg9JoBuTQBZsMHJ3IhmrqQuqSlRwNU5vkVEyz9t0LCQu+AJ31lgIZkbHDppwIiB70Zn/T6ADVKcek9gAJiTXuC0usDVMWzTAsSawiH+nNRu/Efr7CzLoJSD1sAAAAASUVORK5CYII=);
  display: inline-block;
  height: 10px;
  width: 8px;
  margin: 0 2px;
  background-size: 100% 100%;
}
.boc-ui-analysis-dataCard-down-value {
  color: #00BF7F;
}

.boc-ui-rtl .boc-ui-analysis-dataCard {
  margin-right: 0px;
  margin-left: 4px;
}
.boc-ui-rtl .boc-ui-analysis-dataCard a {
  text-align: left;
}
.boc-ui-rtl .boc-ui-analysis-dataCard-tips {
  margin-left: 0;
  margin-right: 4px;
}
.boc-ui-rtl .boc-ui-analysis-dataCard-ml-8 {
  margin-left: 0;
  margin-right: 8px;
}
.boc-ui-rtl .boc-ui-analysis-dataCard-unit {
  margin-left: 0;
  margin-right: 1px;
}
.boc-ui-rtl .boc-ui-analysis-dataCard-minor {
  margin-right: 0;
  margin-left: 8px;
}

.boc-ui-dateSelect {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-dateSelect-title {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  color: #222222;
  text-align: right;
  font-weight: 400;
  margin-right: 16px;
}
.boc-ui-dateSelect-custom {
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
}
.boc-ui-dateSelect-time-selector {
  width: 88px;
}
.boc-ui-dateSelect-time-arrow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 36px;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #222222;
  text-align: center;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #EEEEEE;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  cursor: pointer;
}
.boc-ui-dateSelect-left {
  margin-right: -1px;
}
.boc-ui-dateSelect-right {
  margin-left: -1px;
}
.boc-ui-dateSelect-disabled {
  background-color: #EEEEEE;
  cursor: not-allowed;
  color: #CCCCCC;
}

.boc-ui-rtl .boc-ui-dateSelect-title {
  text-align: left;
  margin-right: 0;
  margin-left: 16px;
}
.boc-ui-rtl .boc-ui-dateSelect-custom {
  margin-left: 0;
  margin-right: 8px;
}
.boc-ui-rtl .boc-ui-dateSelect-left {
  margin-left: -1px;
}
.boc-ui-rtl .boc-ui-dateSelect-right {
  margin-right: -1px;
}

.boc-ui-form-pro {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #222222;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
          font-feature-settings: "tnum";
}
.boc-ui-form-pro .boc-ui-form-pro-item {
  box-sizing: border-box;
  margin: 0 0 24px;
  padding: 0;
  color: #222222;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
          font-feature-settings: "tnum";
  /* vertical-align: top; */
}
.boc-ui-form-pro .boc-ui-form-pro-item-tooltip {
  margin-left: 4px;
}
.boc-ui-form-pro .boc-ui-form-pro-item-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  min-width: 0;
}
.boc-ui-form-pro .boc-ui-form-pro-item-label {
  display: inline-block;
  -ms-flex-positive: 0;
      flex-grow: 0;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
}
.boc-ui-form-pro .boc-ui-form-pro-item-label-wrap {
  overflow: unset;
  line-height: 1.3215em;
  white-space: unset;
  word-break: break-all;
}
.boc-ui-form-pro .boc-ui-form-pro-item-label > label {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  max-width: 100%;
  height: 36px;
  color: #222222;
  font-size: 14px;
}
.boc-ui-form-pro .boc-ui-form-pro-item-label > label::after {
  content: " ";
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.boc-ui-form-pro .boc-ui-form-pro-item-label > .boc-ui-form-pro-item-no-colon::after {
  content: " ";
}
.boc-ui-form-pro .boc-ui-form-pro-item-label-left {
  text-align: left;
}
.boc-ui-form-pro .boc-ui-form-pro-item-required::before {
  display: inline-block;
  margin-right: 5px;
  content: "*";
  line-height: 1.5;
  vertical-align: middle;
  font-size: inherit;
  color: #FF192D;
}
.boc-ui-form-pro .boc-ui-form-pro-item-explain-error {
  color: #FF192D;
}
.boc-ui-form-pro .boc-ui-form-pro-item-inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.boc-ui-form-pro .boc-ui-form-pro-item-inline .boc-ui-form-pro-item {
  -ms-flex: none;
      flex: none;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-right: 16px;
  margin-bottom: 0;
}
.boc-ui-form-pro .boc-ui-form-pro-item-hidden, .boc-ui-form-pro .boc-ui-form-pro-item-hidden.boc-ui-form-pro-row {
  display: none;
}
.boc-ui-form-pro-horizontal .boc-ui-form-pro-item-horizontal {
  -ms-flex: 1 1 0px;
      flex: 1 1 0;
  min-width: 0;
}
.boc-ui-form-pro-vertical .boc-ui-form-pro-item-row {
  -ms-flex-direction: column;
      flex-direction: column;
}
.boc-ui-form-pro-vertical .boc-ui-form-pro-item-label {
  text-align: left;
}
.boc-ui-form-pro-vertical .boc-ui-form-pro-item-label > label {
  margin: 0;
}
.boc-ui-form-pro-vertical .boc-ui-form-pro-item-label > label::after {
  display: none;
}
.boc-ui-form-pro-vertical .boc-ui-form-pro-item .boc-ui-form-pro-item-control {
  width: 100%;
}
.boc-ui-form-pro-inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.boc-ui-form-pro-inline .boc-ui-form-pro-item {
  -ms-flex: none;
      flex: none;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-right: 16px;
  margin-bottom: 0;
}
.boc-ui-form-pro-inline .boc-ui-form-pro-item-with-help {
  margin-bottom: 16px;
}
.boc-ui-form-pro-inline .boc-ui-form-pro-item > .boc-ui-form-pro-item-label,
.boc-ui-form-pro-inline .boc-ui-form-pro-item > .boc-ui-form-pro-item-control {
  display: inline-block;
  vertical-align: top;
}
.boc-ui-form-pro-inline .boc-ui-form-pro-item > .boc-ui-form-pro-item-label {
  -ms-flex: none;
      flex: none;
}
.boc-ui-form-pro-inline .boc-ui-form-pro-item .boc-ui-form-pro-text {
  display: inline-block;
}
.boc-ui-form-pro-inline .boc-ui-form-pro-item .boc-ui-form-pro-item-has-feedback {
  display: inline-block;
}
.boc-ui-form-pro-control-input {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  min-height: 36px;
}
.boc-ui-form-pro-control-input-content {
  -ms-flex: auto;
      flex: auto;
  width: 100%;
}

.boc-ui-form-pro-compact .boc-ui-form-pro-item {
  margin-bottom: 8px;
  margin-right: 12px;
}
.boc-ui-form-pro-compact .boc-ui-form-pro-item-label > label {
  height: 28px;
}
.boc-ui-form-pro-compact .boc-ui-form-pro-item-explain-error {
  font-size: 12px;
}
.boc-ui-form-pro-compact .boc-ui-form-pro-control-input {
  min-height: 28px;
}
.boc-ui-form-pro-compact .has-success-hook::before {
  right: 6px;
  font-size: 18px;
}

.boc-ui-form-pro-hide-required-mark .boc-ui-form-pro-item-required::before {
  display: none;
}

.boc-ui-show-help {
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.boc-ui-show-help-appear, .boc-ui-show-help-enter {
  opacity: 0;
}
.boc-ui-show-help-appear-active, .boc-ui-show-help-enter-active {
  opacity: 1;
}
.boc-ui-show-help-leave {
  opacity: 1;
}
.boc-ui-show-help-leave-active {
  opacity: 0;
}

.boc-ui-show-help-item {
  overflow: hidden;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.boc-ui-show-help-item-appear, .boc-ui-show-help-item-enter {
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
  opacity: 0;
}
.boc-ui-show-help-item-appear-active, .boc-ui-show-help-item-enter-active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.boc-ui-show-help-item-leave {
  transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.boc-ui-show-help-item-leave-active {
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
}

.boc-ui-rtl .boc-ui-form-pro .boc-ui-form-pro-item-tooltip {
  margin-right: 4px;
}
.boc-ui-rtl .boc-ui-form-pro .boc-ui-form-pro-item-label {
  text-align: left;
}
.boc-ui-rtl .boc-ui-form-pro .boc-ui-form-pro-item-label-wrap {
  overflow: unset;
  line-height: 1.3215em;
  white-space: unset;
  word-break: break-all;
}
.boc-ui-rtl .boc-ui-form-pro .boc-ui-form-pro-item-label > label::after {
  position: relative;
  top: -0.5px;
  margin: 0 2px 0 8px;
}
.boc-ui-rtl .boc-ui-form-pro .boc-ui-form-pro-item-label-left {
  text-align: right;
}
.boc-ui-rtl .boc-ui-form-pro .boc-ui-form-pro-item-required::before {
  margin-left: 5px;
}
.boc-ui-rtl .boc-ui-form-pro .boc-ui-form-pro-item-inline .boc-ui-form-pro-item {
  margin-left: 16px;
}
.boc-ui-rtl .boc-ui-form-pro-vertical .boc-ui-form-pro-item-label {
  text-align: right;
}
.boc-ui-rtl .boc-ui-form-pro-inline .boc-ui-form-pro-item {
  margin-left: 16px;
}

.boc-ui-input-tag {
  position: relative;
}
.boc-ui-input-tag-clear-all {
  color: #CCCCCC;
  cursor: pointer;
  position: absolute;
  right: 8px;
  bottom: 10px;
}

.boc-ui-rtl .boc-ui-input-tag-clear-all {
  left: 8px;
  right: auto;
}

.boc-ui-dynamic-form-row {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-dynamic-form-row .form-group {
  margin: 8px 8px 8px 0;
}
.boc-ui-dynamic-form-row .form-group .form-group-content {
  padding-right: 0;
}
.boc-ui-dynamic-form-row-content {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.boc-ui-dynamic-form-row-content .boc-ui-dynamic-form-item {
  padding-right: 0;
}
.boc-ui-dynamic-form-row-btn {
  padding: 0 3px;
  border: none;
  font-size: 15px;
}
.boc-ui-dynamic-form-row-btn-hover {
  margin-top: 6px;
  margin-right: 10px;
  background-color: #fff;
  border-color: none;
  border-radius: 50%;
  padding: 3px;
  width: 25px;
  height: 25px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-dynamic-form-row-custom-hover:hover {
  cursor: pointer;
}
.boc-ui-dynamic-form-row-custom-disabled, .boc-ui-dynamic-form-row-btn-disabled {
  pointer-events: none;
  cursor: not-allowed;
  color: #CCCCCC;
}
.boc-ui-dynamic-form-row .tooltip-btn-disabled {
  cursor: not-allowed;
  color: #CCCCCC;
}
.boc-ui-dynamic-form-row .tooltip-btn {
  cursor: pointer;
  color: #222222;
}
.boc-ui-dynamic-form-row-btn-hover:hover {
  background-color: #F5F6FA;
  cursor: pointer;
}
.boc-ui-dynamic-form-row-btn.roo-icon {
  width: 10px;
  height: 11px;
  display: inline-block;
  padding: 0px;
}
.boc-ui-dynamic-form-row-content-opreta {
  -ms-flex-item-align: start;
      align-self: flex-start;
  display: -ms-flexbox;
  display: flex;
  margin: 8px 10px 0 8px;
}
.boc-ui-dynamic-form-row-content-opreta .form-group {
  padding: 0 5px;
}
.boc-ui-dynamic-form-row-content-opreta-vertical {
  -ms-flex-item-align: end;
      align-self: flex-end;
  padding-left: 0;
  margin-bottom: 14px;
}
.boc-ui-dynamic-form-row-opreta-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 8px;
}

.boc-ui-dynamic-table {
  clear: both;
  max-width: 100%;
  padding-bottom: 16px;
}
.boc-ui-dynamic-table .form-group.row {
  margin-bottom: 8px;
  margin-top: 8px;
}
.boc-ui-dynamic-table .form-group {
  margin-right: 0;
}
.boc-ui-dynamic-table-header {
  background-color: #F5F6FA;
  border: 1px solid #EEEEEE;
  display: -ms-flexbox;
  display: flex;
}
.boc-ui-dynamic-table-header-item {
  padding: 16px;
  color: #666666;
}
.boc-ui-dynamic-table-row-content {
  margin-top: 8px;
}
.boc-ui-dynamic-table-row-content-opreta {
  margin: 8px 0 0 16px;
}
.boc-ui-dynamic-table-row:not(:last-child) {
  border-bottom: 1px solid #EEEEEE;
  border-left: 1px solid #EEEEEE;
  border-right: 1px solid #EEEEEE;
  padding: 16px 0;
}
.boc-ui-dynamic-table-row-content-opreta {
  margin-left: 8px;
  margin-top: 8px;
}
.boc-ui-dynamic-table-row-content-opreta .form-group.row {
  padding-left: 0;
}
.boc-ui-dynamic-table-row-content-opreta .form-group.row .form-group-content {
  width: 30px;
}
.boc-ui-dynamic-table-row-opreta-btn {
  margin-top: 16px;
}
.boc-ui-dynamic-table-row-opreta-btn-vertical div {
  margin-top: 16px;
  padding-left: 0;
}
.boc-ui-dynamic-table-row-hover {
  background-color: #EEEEEE;
}

.boc-ui-rtl .boc-ui-dynamic-form-row .form-group {
  margin: 8px 0px 8px 8px;
}
.boc-ui-rtl .boc-ui-dynamic-form-row .form-group .form-group-content {
  padding-left: 0;
}
.boc-ui-rtl .boc-ui-dynamic-form-row-content .boc-ui-dynamic-form-item {
  padding-right: 16px;
  padding-left: 0;
}
.boc-ui-rtl .boc-ui-dynamic-form-row-btn-hover {
  margin-right: 0;
  margin-left: 10px;
}
.boc-ui-rtl .boc-ui-dynamic-form-row-content-opreta {
  margin: 8px 8px 0 10px;
}
.boc-ui-rtl .boc-ui-dynamic-form-row-content-opreta-vertical {
  padding-right: 0;
  margin-bottom: 14px;
}
.boc-ui-rtl .boc-ui-dynamic-table .form-group {
  margin-right: 8px;
  margin-left: 0;
}
.boc-ui-rtl .boc-ui-dynamic-table-row-content-opreta {
  margin: 8px 16px 0 0;
}
.boc-ui-rtl .boc-ui-dynamic-table-content-opreta {
  margin-left: 10px;
  margin-right: 8px;
}
.boc-ui-rtl .boc-ui-dynamic-table-content-opreta .form-group.row {
  padding-right: 0;
}
.boc-ui-rtl .boc-ui-dynamic-table-row-opreta-btn-vertical div {
  padding-right: 0;
}

:root,
:host {
  --w-e-textarea-bg-color: #fff;
  --w-e-textarea-color: #222222;
  --w-e-textarea-border-color: #CCCCCC;
  --w-e-textarea-slight-border-color: #e8e8e8;
  --w-e-textarea-slight-color: #d4d4d4;
  --w-e-textarea-slight-bg-color: #f5f2f0;
  --w-e-textarea-selected-border-color: #fc3;
  --w-e-textarea-handler-bg-color: #ffcc33;
  --w-e-toolbar-color: #595959;
  --w-e-toolbar-bg-color: #fff;
  --w-e-toolbar-active-color: #333;
  --w-e-toolbar-active-bg-color: #f1f1f1;
  --w-e-toolbar-disabled-color: #999999;
  --w-e-toolbar-border-color: #e8e8e8;
  --w-e-modal-button-bg-color: #F5F6FA;
  --w-e-modal-button-border-color: #d9d9d9;
}

.boc-ui-editor-new {
  position: relative;
  /** 下面引入的是三方包的样式 */
}
.boc-ui-editor-new a,
.boc-ui-editor-new a.link-default {
  color: #FF6A00;
  text-decoration: none;
}
.boc-ui-editor-new a:hover {
  color: #ffcc33;
  text-decoration: underline;
}
.boc-ui-editor-new input[type=checkbox] {
  -webkit-appearance: none;
          appearance: none;
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #222222;
  background-color: #fff;
  vertical-align: sub;
  border-radius: 2px;
}
.boc-ui-editor-new input[type=checkbox]:checked {
  background-color: #222222;
}
.boc-ui-editor-new input[type=checkbox]:checked::before {
  content: "";
  position: absolute;
  display: inline-block;
  left: 50%;
  top: 30%;
  -webkit-transform: translate(-50%, -35%) rotate(45deg);
      -ms-transform: translate(-50%, -35%) rotate(45deg);
          transform: translate(-50%, -35%) rotate(45deg);
  width: 6px;
  height: 10px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
}
.boc-ui-editor-new .w-e-text-container div[role=textarea] {
  min-height: 200px;
}
.boc-ui-editor-new .w-e-text-container *, .boc-ui-editor-new .w-e-toolbar * {
  box-sizing: border-box;
  margin: 0;
  outline: none;
  padding: 0;
}
.boc-ui-editor-new .w-e-text-container blockquote, .boc-ui-editor-new .w-e-text-container li, .boc-ui-editor-new .w-e-text-container p, .boc-ui-editor-new .w-e-text-container td, .boc-ui-editor-new .w-e-text-container th, .boc-ui-editor-new .w-e-toolbar * {
  line-height: 1.5;
}
.boc-ui-editor-new .w-e-text-container {
  background-color: var(--w-e-textarea-bg-color);
  color: var(--w-e-textarea-color);
  height: 100%;
  position: relative;
}
.boc-ui-editor-new .w-e-text-container .w-e-scroll {
  -webkit-overflow-scrolling: touch;
  height: 100%;
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] {
  word-wrap: break-word;
  border-top: 1px solid transparent;
  min-height: 100%;
  outline: 0;
  padding: 0 10px;
  white-space: pre-wrap;
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] p {
  margin: 15px 0;
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] h1, .boc-ui-editor-new .w-e-text-container [data-slate-editor] h2, .boc-ui-editor-new .w-e-text-container [data-slate-editor] h3, .boc-ui-editor-new .w-e-text-container [data-slate-editor] h4, .boc-ui-editor-new .w-e-text-container [data-slate-editor] h5 {
  margin: 20px 0;
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] img {
  cursor: default;
  display: inline !important;
  max-width: 100%;
  min-height: 20px;
  min-width: 20px;
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] span {
  text-indent: 0;
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] [data-selected=true] {
  box-shadow: 0 0 0 2px var(--w-e-textarea-selected-border-color);
}
.boc-ui-editor-new .w-e-text-placeholder {
  font-style: italic;
  left: 10px;
  top: 17px;
  width: 90%;
}
.boc-ui-editor-new .w-e-max-length-info, .boc-ui-editor-new .w-e-text-placeholder {
  color: var(--w-e-textarea-slight-color);
  pointer-events: none;
  position: absolute;
  -webkit-user-select: none;
  -ms-user-select: none;
      user-select: none;
}
.boc-ui-editor-new .w-e-max-length-info {
  bottom: 0.5em;
  right: 1em;
}
.boc-ui-editor-new .w-e-bar {
  background-color: var(--w-e-toolbar-bg-color);
  color: var(--w-e-toolbar-color);
  font-size: 14px;
  padding: 0 5px;
}
.boc-ui-editor-new .w-e-bar svg {
  fill: var(--w-e-toolbar-color);
  height: 14px;
  width: 14px;
}
.boc-ui-editor-new .w-e-bar-show {
  display: -ms-flexbox;
  display: flex;
}
.boc-ui-editor-new .w-e-bar-hidden {
  display: none;
}
.boc-ui-editor-new .w-e-hover-bar {
  border: 1px solid var(--w-e-toolbar-border-color);
  border-radius: 3px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1215686275);
  position: absolute;
}
.boc-ui-editor-new .w-e-toolbar {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}
.boc-ui-editor-new .w-e-bar-divider {
  background-color: var(--w-e-toolbar-border-color);
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  margin: 0 5px;
  width: 1px;
}
.boc-ui-editor-new .w-e-bar-item {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 4px;
  position: relative;
  text-align: center;
}
.boc-ui-editor-new .w-e-bar-item, .boc-ui-editor-new .w-e-bar-item button {
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.boc-ui-editor-new .w-e-bar-item button {
  background: transparent;
  border: none;
  color: var(--w-e-toolbar-color);
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 32px;
  overflow: hidden;
  padding: 0 8px;
  white-space: nowrap;
}
.boc-ui-editor-new .w-e-bar-item button:hover {
  background-color: var(--w-e-toolbar-active-bg-color);
  color: var(--w-e-toolbar-active-color);
}
.boc-ui-editor-new .w-e-bar-item button .title {
  margin-left: 5px;
}
.boc-ui-editor-new .w-e-bar-item .active {
  background-color: var(--w-e-toolbar-active-bg-color);
  color: var(--w-e-toolbar-active-color);
}
.boc-ui-editor-new .w-e-bar-item .disabled {
  color: var(--w-e-toolbar-disabled-color);
  cursor: not-allowed;
}
.boc-ui-editor-new .w-e-bar-item .disabled svg {
  fill: var(--w-e-toolbar-disabled-color);
}
.boc-ui-editor-new .w-e-bar-item .disabled:hover {
  background-color: var(--w-e-toolbar-bg-color);
  color: var(--w-e-toolbar-disabled-color);
}
.boc-ui-editor-new .w-e-bar-item .disabled:hover svg {
  fill: var(--w-e-toolbar-disabled-color);
}
.boc-ui-editor-new .w-e-menu-tooltip-v5:before {
  background-color: var(--w-e-toolbar-active-color);
  border-radius: 5px;
  color: var(--w-e-toolbar-bg-color);
  content: attr(data-tooltip);
  font-size: 0.75em;
  opacity: 0;
  padding: 5px 10px;
  position: absolute;
  text-align: center;
  top: 40px;
  transition: opacity 0.6s;
  visibility: hidden;
  white-space: pre;
  z-index: 1;
}
.boc-ui-editor-new .w-e-menu-tooltip-v5:after {
  border: 5px solid transparent;
  border-bottom: 5px solid var(--w-e-toolbar-active-color);
  content: "";
  opacity: 0;
  position: absolute;
  top: 30px;
  transition: opacity 0.6s;
  visibility: hidden;
}
.boc-ui-editor-new .w-e-menu-tooltip-v5:hover:after, .boc-ui-editor-new .w-e-menu-tooltip-v5:hover:before {
  opacity: 1;
  visibility: visible;
}
.boc-ui-editor-new .w-e-menu-tooltip-v5.tooltip-right:before {
  left: 100%;
  top: 10px;
}
.boc-ui-editor-new .w-e-menu-tooltip-v5.tooltip-right:after {
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: var(--w-e-toolbar-active-color);
  border-top-color: transparent;
  left: 100%;
  margin-left: -10px;
  top: 16px;
}
.boc-ui-editor-new .w-e-bar-item-group .w-e-bar-item-menus-container {
  background-color: var(--w-e-toolbar-bg-color);
  border: 1px solid var(--w-e-toolbar-border-color);
  border-radius: 3px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1215686275);
  display: none;
  left: 0;
  margin-top: 40px;
  position: absolute;
  top: 0;
  z-index: 1;
}
.boc-ui-editor-new .w-e-bar-item-group:hover .w-e-bar-item-menus-container {
  display: block;
}
.boc-ui-editor-new .w-e-select-list {
  background-color: var(--w-e-toolbar-bg-color);
  border: 1px solid var(--w-e-toolbar-border-color);
  border-radius: 3px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1215686275);
  left: 0;
  margin-top: 40px;
  max-height: 350px;
  min-width: 100px;
  overflow-y: auto;
  position: absolute;
  top: 0;
  z-index: 1;
}
.boc-ui-editor-new .w-e-select-list ul {
  line-height: 1;
  list-style: none;
}
.boc-ui-editor-new .w-e-select-list ul .selected {
  background-color: var(--w-e-toolbar-active-bg-color);
}
.boc-ui-editor-new .w-e-select-list ul li {
  cursor: pointer;
  padding: 7px 0 7px 25px;
  position: relative;
  text-align: left;
  white-space: nowrap;
}
.boc-ui-editor-new .w-e-select-list ul li:hover {
  background-color: var(--w-e-toolbar-active-bg-color);
}
.boc-ui-editor-new .w-e-select-list ul li svg {
  left: 0;
  margin-left: 5px;
  margin-top: -7px;
  position: absolute;
  top: 50%;
}
.boc-ui-editor-new .w-e-bar-bottom .w-e-select-list {
  bottom: 0;
  margin-bottom: 40px;
  margin-top: 0;
  top: inherit;
}
.boc-ui-editor-new .w-e-drop-panel {
  background-color: var(--w-e-toolbar-bg-color);
  border: 1px solid var(--w-e-toolbar-border-color);
  border-radius: 3px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1215686275);
  margin-top: 40px;
  min-width: 200px;
  padding: 10px;
  position: absolute;
  top: 0;
  z-index: 1;
}
.boc-ui-editor-new .w-e-bar-bottom .w-e-drop-panel {
  bottom: 0;
  margin-bottom: 40px;
  margin-top: 0;
  top: inherit;
}
.boc-ui-editor-new .w-e-modal {
  background-color: var(--w-e-toolbar-bg-color);
  border: 1px solid var(--w-e-toolbar-border-color);
  border-radius: 3px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1215686275);
  color: var(--w-e-toolbar-color);
  font-size: 14px;
  min-height: 40px;
  min-width: 100px;
  padding: 20px 15px 0;
  position: absolute;
  text-align: left;
  z-index: 1;
}
.boc-ui-editor-new .w-e-modal .btn-close {
  cursor: pointer;
  line-height: 1;
  padding: 5px;
  position: absolute;
  right: 8px;
  top: 7px;
}
.boc-ui-editor-new .w-e-modal .btn-close svg {
  fill: var(--w-e-toolbar-color);
  height: 10px;
  width: 10px;
}
.boc-ui-editor-new .w-e-modal .babel-container {
  display: block;
  margin-bottom: 15px;
}
.boc-ui-editor-new .w-e-modal .babel-container span {
  display: block;
  margin-bottom: 10px;
}
.boc-ui-editor-new .w-e-modal .button-container {
  margin-bottom: 15px;
}
.boc-ui-editor-new .w-e-modal button {
  background-color: var(--w-e-modal-button-bg-color);
  border: 1px solid var(--w-e-modal-button-border-color);
  border-radius: 4px;
  color: var(--w-e-toolbar-color);
  cursor: pointer;
  font-weight: 400;
  height: 32px;
  padding: 4.5px 15px;
  text-align: center;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
  -ms-user-select: none;
      user-select: none;
  white-space: nowrap;
}
.boc-ui-editor-new .w-e-modal input[type=number], .boc-ui-editor-new .w-e-modal input[type=text], .boc-ui-editor-new .w-e-modal textarea {
  -webkit-font-feature-settings: "tnum";
          font-feature-settings: "tnum";
  background-color: var(--w-e-toolbar-bg-color);
  border: 1px solid var(--w-e-modal-button-border-color);
  border-radius: 4px;
  color: var(--w-e-toolbar-color);
  font-variant: tabular-nums;
  padding: 4.5px 11px;
  transition: all 0.3s;
  width: 100%;
}
.boc-ui-editor-new .w-e-modal textarea {
  min-height: 60px;
}
.boc-ui-editor-new body .w-e-modal, .boc-ui-editor-new body .w-e-modal * {
  box-sizing: border-box;
}
.boc-ui-editor-new .w-e-progress-bar {
  background-color: var(--w-e-textarea-handler-bg-color);
  height: 1px;
  position: absolute;
  transition: width 0.3s;
  width: 0;
}
.boc-ui-editor-new .w-e-full-screen-container {
  bottom: 0 !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: column !important;
      flex-direction: column !important;
  height: 100% !important;
  left: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: fixed;
  right: 0 !important;
  top: 0 !important;
  width: 100% !important;
}
.boc-ui-editor-new .w-e-full-screen-container [data-w-e-textarea=true] {
  -ms-flex: 1 !important;
      flex: 1 !important;
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] code {
  background-color: var(--w-e-textarea-slight-bg-color);
  border-radius: 3px;
  font-family: monospace;
  padding: 3px;
}
.boc-ui-editor-new .w-e-panel-content-color {
  list-style: none;
  text-align: left;
  width: 230px;
}
.boc-ui-editor-new .w-e-panel-content-color li {
  border: 1px solid var(--w-e-toolbar-bg-color);
  border-radius: 3px 3px;
  cursor: pointer;
  display: inline-block;
  padding: 2px;
}
.boc-ui-editor-new .w-e-panel-content-color li:hover {
  border-color: var(--w-e-toolbar-color);
}
.boc-ui-editor-new .w-e-panel-content-color li .color-block {
  border: 1px solid var(--w-e-toolbar-border-color);
  border-radius: 3px 3px;
  height: 17px;
  width: 17px;
}
.boc-ui-editor-new .w-e-panel-content-color .active {
  border-color: var(--w-e-toolbar-color);
}
.boc-ui-editor-new .w-e-panel-content-color .clear {
  line-height: 1.5;
  margin-bottom: 5px;
  width: 100%;
}
.boc-ui-editor-new .w-e-panel-content-color .clear svg {
  height: 16px;
  margin-bottom: -4px;
  width: 16px;
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] blockquote {
  background-color: var(--w-e-textarea-slight-bg-color);
  border-left: 8px solid var(--w-e-textarea-selected-border-color);
  display: block;
  font-size: 100%;
  line-height: 1.5;
  margin: 10px 0;
  padding: 10px;
}
.boc-ui-editor-new .w-e-panel-content-emotion {
  font-size: 20px;
  list-style: none;
  text-align: left;
  width: 300px;
}
.boc-ui-editor-new .w-e-panel-content-emotion li {
  border-radius: 3px 3px;
  cursor: pointer;
  display: inline-block;
  padding: 0 5px;
}
.boc-ui-editor-new .w-e-panel-content-emotion li:hover {
  background-color: var(--w-e-textarea-slight-bg-color);
}
.boc-ui-editor-new .w-e-textarea-divider {
  border-radius: 3px;
  margin: 20px auto;
  padding: 20px;
}
.boc-ui-editor-new .w-e-textarea-divider hr {
  background-color: var(--w-e-textarea-border-color);
  border: 0;
  display: block;
  height: 1px;
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code {
  background-color: var(--w-e-textarea-slight-bg-color);
  border: 1px solid var(--w-e-textarea-slight-border-color);
  border-radius: 4px 4px;
  display: block;
  font-size: 14px;
  padding: 10px;
  text-indent: 0;
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] .w-e-image-container {
  display: inline-block;
  margin: 0 3px;
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] .w-e-image-container:hover {
  box-shadow: 0 0 0 2px var(--w-e-textarea-selected-border-color);
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] .w-e-selected-image-container {
  overflow: hidden;
  position: relative;
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] .w-e-selected-image-container .w-e-image-dragger {
  background-color: var(--w-e-textarea-handler-bg-color);
  height: 7px;
  position: absolute;
  width: 7px;
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-top {
  cursor: nwse-resize;
  left: 0;
  top: 0;
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-top {
  cursor: nesw-resize;
  right: 0;
  top: 0;
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-bottom {
  bottom: 0;
  cursor: nesw-resize;
  left: 0;
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-bottom {
  bottom: 0;
  cursor: nwse-resize;
  right: 0;
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] .w-e-selected-image-container:hover {
  box-shadow: none;
}
.boc-ui-editor-new .w-e-text-container [contenteditable=false] .w-e-image-container:hover {
  box-shadow: none;
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] .table-container {
  border: 1px dashed var(--w-e-textarea-border-color);
  border-radius: 5px;
  margin-top: 10px;
  overflow-x: auto;
  padding: 10px;
  width: 100%;
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] table {
  border-collapse: collapse;
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] table td, .boc-ui-editor-new .w-e-text-container [data-slate-editor] table th {
  border: 1px solid var(--w-e-textarea-border-color);
  line-height: 1.5;
  min-width: 30px;
  padding: 3px 5px;
  text-align: left;
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] table th {
  background-color: var(--w-e-textarea-slight-bg-color);
  font-weight: 700;
  text-align: center;
}
.boc-ui-editor-new .w-e-panel-content-table {
  background-color: var(--w-e-toolbar-bg-color);
}
.boc-ui-editor-new .w-e-panel-content-table table {
  border-collapse: collapse;
}
.boc-ui-editor-new .w-e-panel-content-table td {
  border: 1px solid var(--w-e-toolbar-border-color);
  cursor: pointer;
  height: 15px;
  padding: 3px 5px;
  width: 20px;
}
.boc-ui-editor-new .w-e-panel-content-table td.active {
  background-color: var(--w-e-toolbar-active-bg-color);
}
.boc-ui-editor-new .w-e-textarea-video-container {
  background-image: linear-gradient(45deg, #eee 25%, transparent 0, transparent 75%, #eee 0, #eee), linear-gradient(45deg, #eee 25%, #fff 0, #fff 75%, #eee 0, #eee);
  background-position: 0 0, 10px 10px;
  background-size: 20px 20px;
  border: 1px dashed var(--w-e-textarea-border-color);
  border-radius: 5px;
  margin: 10px auto 0;
  padding: 10px 0;
  text-align: center;
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code {
  word-wrap: normal;
  font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
  -ms-hyphens: none;
      hyphens: none;
  line-height: 1.5;
  margin: 0.5em 0;
  overflow: auto;
  padding: 1em;
  tab-size: 4;
  text-align: left;
  text-shadow: 0 1px #fff;
  white-space: pre;
  word-break: normal;
  word-spacing: normal;
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .token.cdata, .boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .token.comment, .boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .token.doctype, .boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .token.prolog {
  color: #708090;
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .token.punctuation {
  color: #999;
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .token.namespace {
  opacity: 0.7;
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .token.boolean, .boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .token.constant, .boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .token.deleted, .boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .token.number, .boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .token.property, .boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .token.symbol, .boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .token.tag {
  color: #905;
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .token.attr-name, .boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .token.builtin, .boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .token.char, .boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .token.inserted, .boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .token.selector, .boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .token.string {
  color: #690;
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .language-css .token.string, .boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .style .token.string, .boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .token.entity, .boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .token.operator, .boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .token.url {
  color: #9a6e3a;
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .token.atrule, .boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .token.attr-value, .boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .token.keyword {
  color: #07a;
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .token.class-name, .boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .token.function {
  color: #dd4a68;
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .token.important, .boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .token.regex, .boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .token.variable {
  color: #e90;
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .token.bold, .boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .token.important {
  font-weight: 700;
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .token.italic {
  font-style: italic;
}
.boc-ui-editor-new .w-e-text-container [data-slate-editor] pre > code .token.entity {
  cursor: help;
}

.boc-ui-rtl .boc-ui-editor-new input[type=checkbox] {
  margin-left: 0.5em;
  margin-right: -0.3em;
}
.boc-ui-rtl .boc-ui-editor-new .w-e-text-placeholder {
  right: 10px;
  left: auto;
}
.boc-ui-rtl .boc-ui-editor-new .w-e-max-length-info {
  right: auto;
  left: 1em;
}

.boc-ui-image-editor-main-container {
  /*!
  * 下面引入的是三方包的样式内容
  * Cropper.js v1.5.13
  * https://fengyuanchen.github.io/cropperjs
  *
  * Copyright 2015-present Chen Fengyuan
  * Released under the MIT license
  *
  * Date: 2022-11-20T05:30:43.444Z
  */
}
.boc-ui-image-editor-main-container .boc-ui-image-editor-main-container {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  max-height: 500px;
}
.boc-ui-image-editor-main-container .boc-ui-image-editor-container-box {
  max-height: 400px;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  max-height: 450px;
  -ms-flex-direction: column;
      flex-direction: column;
}
.boc-ui-image-editor-main-container .boc-ui-image-editor-container-box .boc-ui-image-editor-container {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  max-height: 400px;
  min-height: 293px;
  -ms-flex-direction: column;
      flex-direction: column;
}
.boc-ui-image-editor-main-container .boc-ui-image-editor-container-box .boc-ui-image-editor-oprate-btn {
  margin-top: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-image-editor-main-container .boc-ui-image-edit-preview-container {
  width: 208px;
  height: 208px;
  margin-left: 32px;
}
.boc-ui-image-editor-main-container .boc-ui-image-editor-preview {
  margin-bottom: 10px;
}
.boc-ui-image-editor-main-container .boc-ui-image-editor-img-description {
  margin-top: 10px;
}
.boc-ui-image-editor-main-container .boc-ui-image-editor-preview-title {
  font-size: 14px;
  color: #666666;
  margin-bottom: 16px;
  margin-top: 16px;
}
.boc-ui-image-editor-main-container .boc-ui-image-editor-notice {
  font-size: 14px;
  color: #999999;
  margin-top: 10px;
}
.boc-ui-image-editor-main-container .boc-ui-image-editor-preview-wrap {
  margin-bottom: 0px;
}
.boc-ui-image-editor-main-container .boc-ui-image-editor-aspect-container {
  display: -ms-flexbox;
  display: flex;
}
.boc-ui-image-editor-main-container .boc-ui-image-editor-aspect-container .boc-ui-image-editor-aspect-select {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-image-editor-main-container .boc-ui-image-editor-aspect-container .boc-ui-image-editor-aspect-select-disable {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: #CCCCCC;
}
.boc-ui-image-editor-main-container .boc-ui-image-editor-aspect-wrap {
  margin-right: 10px;
  font-size: 14px;
  color: #666666;
}
.boc-ui-image-editor-main-container .boc-ui-image-editor-btn {
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.boc-ui-image-editor-main-container .boc-ui-image-editor-btn-item {
  margin-left: 10px;
}
.boc-ui-image-editor-main-container .boc-ui-image-editor-loader-area {
  width: 100%;
  height: 100%;
  min-height: 293px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border: 1px dashed #CCCCCC;
}
.boc-ui-image-editor-main-container .cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.boc-ui-image-editor-main-container .cropper-container img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}
.boc-ui-image-editor-main-container .cropper-wrap-box,
.boc-ui-image-editor-main-container .cropper-canvas,
.boc-ui-image-editor-main-container .cropper-drag-box,
.boc-ui-image-editor-main-container .cropper-crop-box,
.boc-ui-image-editor-main-container .cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.boc-ui-image-editor-main-container .cropper-wrap-box,
.boc-ui-image-editor-main-container .cropper-canvas {
  overflow: hidden;
}
.boc-ui-image-editor-main-container .cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}
.boc-ui-image-editor-main-container .cropper-modal {
  background-color: #000;
  opacity: 0.5;
}
.boc-ui-image-editor-main-container .cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}
.boc-ui-image-editor-main-container .cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}
.boc-ui-image-editor-main-container .cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: 33.3333333333%;
  left: 0;
  top: 33.3333333333%;
  width: 100%;
}
.boc-ui-image-editor-main-container .cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: 33.3333333333%;
  top: 0;
  width: 33.3333333333%;
}
.boc-ui-image-editor-main-container .cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}
.boc-ui-image-editor-main-container .cropper-center::before,
.boc-ui-image-editor-main-container .cropper-center::after {
  background-color: #eee;
  content: " ";
  display: block;
  position: absolute;
}
.boc-ui-image-editor-main-container .cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}
.boc-ui-image-editor-main-container .cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}
.boc-ui-image-editor-main-container .cropper-face,
.boc-ui-image-editor-main-container .cropper-line,
.boc-ui-image-editor-main-container .cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}
.boc-ui-image-editor-main-container .cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}
.boc-ui-image-editor-main-container .cropper-line {
  background-color: #39f;
}
.boc-ui-image-editor-main-container .cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}
.boc-ui-image-editor-main-container .cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}
.boc-ui-image-editor-main-container .cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}
.boc-ui-image-editor-main-container .cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}
.boc-ui-image-editor-main-container .cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}
.boc-ui-image-editor-main-container .cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}
.boc-ui-image-editor-main-container .cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}
.boc-ui-image-editor-main-container .cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}
.boc-ui-image-editor-main-container .cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}
.boc-ui-image-editor-main-container .cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}
.boc-ui-image-editor-main-container .cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}
.boc-ui-image-editor-main-container .cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}
.boc-ui-image-editor-main-container .cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}
@media (min-width: 768px) {
  .boc-ui-image-editor-main-container .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}
@media (min-width: 992px) {
  .boc-ui-image-editor-main-container .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}
@media (min-width: 1200px) {
  .boc-ui-image-editor-main-container .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}
.boc-ui-image-editor-main-container .cropper-point.point-se::before {
  background-color: #39f;
  bottom: -50%;
  content: " ";
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}
.boc-ui-image-editor-main-container .cropper-invisible {
  opacity: 0;
}
.boc-ui-image-editor-main-container .cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}
.boc-ui-image-editor-main-container .cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.boc-ui-image-editor-main-container .cropper-hidden {
  display: none !important;
}
.boc-ui-image-editor-main-container .cropper-move {
  cursor: move;
}
.boc-ui-image-editor-main-container .cropper-crop {
  cursor: crosshair;
}
.boc-ui-image-editor-main-container .cropper-disabled .cropper-drag-box,
.boc-ui-image-editor-main-container .cropper-disabled .cropper-face,
.boc-ui-image-editor-main-container .cropper-disabled .cropper-line,
.boc-ui-image-editor-main-container .cropper-disabled .cropper-point {
  cursor: not-allowed;
}

.boc-ui-image-editor-aspect-select-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.boc-ui-image-editor-aspect-select-item-disable {
  color: #CCCCCC;
}

.boc-ui-image-editor-icon-img {
  width: 16px;
  height: 16px;
  vertical-align: text-top;
}

.cropper-line {
  background-color: #FF6A00;
}

.cropper-point {
  background-color: #FF6A00;
  border-radius: 50%;
}

.cropper-view-box {
  outline-color: #FF6A00;
}

.boc-ui-image-editor-crop-container {
  -ms-flex: 1;
      flex: 1;
  overflow: hidden;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.boc-ui-image-editor-crop-container .boc-ui-image-editor-crop-img {
  max-height: 100%;
  max-width: 100%;
}
.boc-ui-image-editor-crop-container .cropper-hidden {
  display: none !important;
}

.boc-ui-image-editor-loader {
  overflow: hidden;
  text-align: center;
}
.boc-ui-image-editor-loader .boc-ui-image-editor-input {
  cursor: pointer;
}

.boc-ui-image-editor-operator-container {
  display: -ms-flexbox;
  display: flex;
}
.boc-ui-image-editor-operator-container .boc-ui-image-editor-btn-wrap {
  font-size: 14px;
  color: #666666;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 2px;
  margin-right: 20px;
  border: none;
  cursor: pointer;
}
.boc-ui-image-editor-operator-container .boc-ui-image-editor-btn-wrap span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.boc-ui-image-editor-operator-container .boc-ui-image-editor-btn-wrap .boc-ui-image-editor-icon-name {
  margin-left: 4px;
}

.boc-ui-image-editor-preview-container {
  width: 208px;
  height: 160px;
  background-color: #F5F6FA;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  direction: ltr !important;
}
.boc-ui-image-editor-preview-container .boc-ui-image-editor-img-preview {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.boc-ui-rtl .boc-ui-image-editor-main-container .boc-ui-image-editor-preview-container {
  margin-left: 0;
  margin-right: 32px;
}
.boc-ui-rtl .boc-ui-image-editor-main-container .boc-ui-image-editor-aspect-wrap {
  margin-right: 0;
  margin-left: 10px;
}
.boc-ui-rtl .boc-ui-image-editor-main-container .boc-ui-image-editor-btn-item {
  margin-left: 0;
  margin-right: 10px;
}
.boc-ui-rtl .boc-ui-image-editor-operator-container .boc-ui-image-editor-btn-wrap {
  margin-right: 0;
  margin-left: 20px;
}
.boc-ui-rtl .boc-ui-image-editor-operator-container .boc-ui-image-editor-btn-wrap .boc-ui-image-editor-icon-name {
  margin-left: 0;
  margin-right: 4px;
}

#boc-ui-image-card-active {
  border: 1px solid #FF6A00;
  box-shadow: 0 0 5px 0 rgba(255, 106, 0, 0.08);
  border-radius: 2px;
}

.boc-ui-image-card {
  background: #fff;
  border: 1px solid #EEEEEE;
  border-radius: 4px;
  width: 380px;
  margin: 10px;
}
.boc-ui-image-card:hover {
  border: 1px solid #CCCCCC;
  box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.08);
  border-radius: 2px;
}
.boc-ui-image-card-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.boc-ui-image-card-left-image {
  padding: 16px 0 16px 16px;
}
.boc-ui-image-card-imgtag {
  position: absolute;
}
.boc-ui-image-card-leftTop {
  left: 0;
  top: 0;
}
.boc-ui-image-card-rightTop {
  right: 0;
  top: 0;
}
.boc-ui-image-card-bottom {
  bottom: 0;
  left: 0;
  right: 0;
}
.boc-ui-image-card-picture {
  width: 100%;
  position: relative;
}
.boc-ui-image-card-picture img {
  width: 88px;
  height: 88px;
}
.boc-ui-image-card-picture-element {
  position: absolute;
  top: 0;
  left: 0;
}
.boc-ui-image-card-right-operations {
  margin: auto 16px;
  display: -ms-flexbox;
  display: flex;
}
.boc-ui-image-card-right-operations-item:not(:first-child) {
  margin-left: 8px;
}
.boc-ui-image-card-bottom-operations {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin: 0 16px 16px 0;
}
.boc-ui-image-card-bottom-operations-item:not(:first-child) {
  margin-left: 8px;
}
.boc-ui-image-card-content {
  padding: 16px;
}
.boc-ui-image-card-content-title {
  width: 100%;
  font-family: MicrosoftYaHeiSemibold;
  font-size: 16px;
  color: #222222;
  font-weight: 600;
  margin-bottom: 8px;
  white-space: nowrap;
}
.boc-ui-image-card-content-tip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.boc-ui-image-card-content-multi {
  white-space: unset;
}
.boc-ui-image-card-content-desc {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  color: #999999;
  font-weight: 400;
}

.boc-ui-rtl .boc-ui-image-card-left-image {
  padding: 16px 16px 16px 0;
}
.boc-ui-rtl .boc-ui-image-card-leftTop {
  left: auto;
  right: 0;
}
.boc-ui-rtl .boc-ui-image-card-rightTop {
  right: auto;
  left: 0;
}
.boc-ui-rtl .boc-ui-image-card-picture-element {
  left: auto;
  right: 0;
}
.boc-ui-rtl .boc-ui-image-card-right-operations-item:not(:first-child) {
  margin-left: 0;
  margin-right: 8px;
}
.boc-ui-rtl .boc-ui-image-card-bottom-operations {
  margin: 0 0 16px 16px;
}
.boc-ui-rtl .boc-ui-image-card-bottom-operations-item:not(:first-child) {
  margin-left: 0;
  margin-right: 8px;
}

.boc-ui-progress {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  display: inline-block;
}
.boc-ui-progress-line {
  position: relative;
  width: 100%;
  font-size: 14px;
  margin-right: 8px;
  margin-bottom: 8px;
}
.boc-ui-progress-line-small, .boc-ui-progress-line-small .boc-ui-progress-line-text {
  font-size: 12px;
}
.boc-ui-progress-outer {
  display: inline-block;
  width: 100%;
  margin-right: 0;
  padding-right: 0;
}
.boc-ui-progress-show-info .boc-ui-progress-outer {
  margin-right: calc(-2em - 8px);
  padding-right: calc(2em + 8px);
}
.boc-ui-progress-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  vertical-align: middle;
  background-color: #EEEEEE;
  border-radius: 20px;
}
.boc-ui-progress-circle-trail {
  stroke: #EEEEEE;
}
.boc-ui-progress-circle-path {
  -webkit-animation: "@{$progress-prefix-cls}-progress-appear" 0.3s;
          animation: "@{$progress-prefix-cls}-progress-appear" 0.3s;
}
.boc-ui-progress-inline-circle {
  line-height: 1;
}
.boc-ui-progress-inline-circle .boc-ui-progress-inner {
  vertical-align: bottom;
}
.boc-ui-progress-inner:not(.boc-ui-progress-progress-circle-gradient) .boc-ui-progress-progress-circle-path {
  stroke: #ffcc33;
}
.boc-ui-progress-success-bg, .boc-ui-progress-bg {
  position: relative;
  background-color: #ffcc33;
  border-radius: 20px;
  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}
.boc-ui-progress-success-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #00BF7F;
}
.boc-ui-progress-text {
  display: inline-block;
  width: 2em;
  margin-left: 8px;
  color: #222222;
  font-size: 1em;
  line-height: 1;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  word-break: normal;
}
.boc-ui-progress-text .roo-icon:before {
  font-weight: 600;
}
.boc-ui-progress-status-active .boc-ui-progress-bg::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 10px;
  opacity: 0;
  -webkit-animation: "@{$progress-prefix-cls}-progress-active" 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
          animation: "@{$progress-prefix-cls}-progress-active" 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  content: "";
}
.boc-ui-progress-status-exception .boc-ui-progress-bg {
  background-color: #FF192D;
}
.boc-ui-progress-status-exception .boc-ui-progress-text {
  color: #FF192D;
}
.boc-ui-progress-status-exception .boc-ui-progress-inner:not(.boc-ui-progress-circle-gradient) .boc-ui-progress-circle-path {
  stroke: #FF192D;
}
.boc-ui-progress-status-success .boc-ui-progress-bg {
  background-color: #00BF7F;
}
.boc-ui-progress-status-success .boc-ui-progress-text {
  color: #00BF7F;
}
.boc-ui-progress-status-success .boc-ui-progress-inner:not(.boc-ui-progress-circle-gradient) .boc-ui-progress-circle-path {
  stroke: #00BF7F;
}
.boc-ui-progress-circle .boc-ui-progress-inner {
  position: relative;
  line-height: 1;
  background-color: transparent;
}
.boc-ui-progress-circle .boc-ui-progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  padding: 0;
  color: #222222;
  line-height: 1;
  white-space: normal;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.boc-ui-progress-circle .boc-ui-progress-status-exception .boc-ui-progress-text {
  color: #FF192D;
}
.boc-ui-progress-circle .boc-ui-progress-status-success .boc-ui-progress-text {
  color: #00BF7F;
}
.boc-ui-progress .boc-ui-progress-steps {
  display: inline-block;
}
.boc-ui-progress .boc-ui-progress-steps-outer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
}
.boc-ui-progress .boc-ui-progress-steps-item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: #00BF7F;
  min-width: 2px;
  -webkit-margin-end: 2px;
          margin-inline-end: 2px;
  transition: all 0.3s;
}
.boc-ui-progress .boc-ui-progress-steps-active {
  background-color: #00BF7F;
}

@-webkit-keyframes boc-ui-progress-progress-active {
  0% {
    width: 0;
    opacity: 0.1;
  }
  20% {
    width: 0;
    opacity: 0.5;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}

@keyframes boc-ui-progress-progress-active {
  0% {
    width: 0;
    opacity: 0.1;
  }
  20% {
    width: 0;
    opacity: 0.5;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
.boc-ui-rtl .boc-ui-progress-line {
  margin-left: 8px;
  margin-right: 0;
}
.boc-ui-rtl .boc-ui-progress-outer {
  margin-left: 0;
  padding-left: 0;
}
.boc-ui-progress-show-info .boc-ui-rtl .boc-ui-progress-outer {
  margin-left: calc(-2em - 8px);
  margin-right: 0;
  padding-left: calc(2em + 8px);
  padding-right: 0;
}
.boc-ui-rtl .boc-ui-progress-success-bg {
  right: 0;
  left: auto;
}
.boc-ui-rtl .boc-ui-progress-text {
  margin-right: 8px;
  margin-left: 0;
}

.c-city {
  position: relative;
  height: 35px;
  width: 250px;
}

.c-city .svg-group {
  display: none;
}

/* 通用 */
.c-city, .c-city *,
.c-city-pane, .c-city-pane * {
  box-sizing: border-box;
}

.c-city-pane ul, .c-city li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.c-city .c-active,
.c-city-pane .c-active {
  color: #222222;
}

.c-city .clear-float::after,
.c-city-pane .clear-float::after {
  content: "";
  display: block;
  clear: both;
}

.c-city .border-transition,
.c-city-pane .border-transition {
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.c-city .border-transition:focus,
.c-city .border-transition.focus,
.c-city-pane .border-transition:focus,
.c-city-pane .border-transition.focus {
  border-color: #999999;
}

.c-city-pane .col-2 {
  width: 16.66666667%;
}

.c-city-pane .col-4 {
  width: 33.33333333%;
}

.c-city-pane .col-6 {
  width: 50%;
}

/* 展示框 */
.c-city .city-text-wrapper {
  width: 100%;
  height: 100%;
}

.c-city .city-text {
  width: 100%;
  height: 100%;
  border: 1px solid #d2d2d2;
  border-radius: 2px;
  padding: 0 24px 0 10px;
  font-size: 14px;
  background: #fff;
  outline: none;
  text-overflow: ellipsis;
}

/* 箭头 */
.c-city .dropdown-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  position: absolute;
  right: 10px;
  top: 16px;
}

/* 弹出面板 */
.c-city-pane {
  position: absolute;
  z-index: 1052;
  width: 527px;
  height: 488px;
  border: 1px solid #d2d2d2;
  border-radius: 0 4px 4px;
  background: #fff;
  overflow: hidden;
}

.c-city-pane.top {
  top: 0;
  -webkit-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
          transform: translate(0, -100%);
}

.c-city-pane-mask {
  position: fixed;
  z-index: 1051;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

.c-city-pane.fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/* 头部 */
.c-city-pane .city-header {
  width: 100%;
  height: 30px;
  line-height: 30px;
  background: #f7f7f7;
  padding: 0 10px;
  border-top-right-radius: 4px;
}

/* 查看已选城市按钮 */
.c-city-pane .show-selected {
  height: 100%;
  float: right;
  cursor: pointer;
  padding-right: 16px;
  position: relative;
}

.c-city-pane .show-selected::before,
.c-city-pane .show-selected::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  position: absolute;
  right: 0;
  top: 13px;
}

.c-city-pane .show-selected::after {
  border-top-color: #f7f7f7;
  top: 11px;
}

.c-city-pane .show-selected.expand::before {
  border-top: none;
  border-bottom: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  top: 12px;
}

.c-city-pane .show-selected.expand::after {
  border-top: none;
  border-bottom: 5px solid #f7f7f7;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  top: 14px;
}

/* 已选城市 */
.c-city-pane .city-selected-wrapper {
  height: 0;
  overflow: hidden;
  transition: all 0.2s;
  background-color: #EEEEEE;
  border-radius: 0 0 4px 4px;
}

.c-city-pane .city-selected-wrapper.expand {
  height: 290px;
  border-bottom: 1px solid #d2d2d2;
}

.c-city-pane .city-selected {
  padding-top: 25px;
}

.c-city-pane .city-clear-wrapper {
  color: #6a6a6a;
  padding: 0 10px 15px;
}

.c-city-pane .city-clear {
  cursor: pointer;
  position: relative;
  display: inline;
}

.c-city-pane .clear-icon {
  margin-right: 8px;
}

.c-city-pane .delete-icon {
  font-size: 15px;
  height: 100%;
  vertical-align: top;
  color: #a3a3a3;
  margin-left: 10px;
  cursor: pointer;
}

.c-city-pane .city-selected-list {
  padding: 0 10px 5px;
  height: 235px;
  box-shadow: inset 0 -5px 10px -5px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 4px 4px;
  overflow-y: auto;
}

.c-city-pane .city-selected-item {
  float: left;
  padding: 0 4px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid #d2d2d2;
  height: 24px;
  line-height: 22px;
  margin: 5px 8px 5px 0;
}

.c-city-pane .city-selected-item:hover {
  border-color: #999999;
}

.c-city-pane .city-selected-item:hover .delete-icon {
  color: #222222;
}

/* 工具栏 */
.c-city-pane .city-toolbar {
  padding: 0 5px;
  border-bottom: 1px solid #d2d2d2;
  color: #222222;
}

/* tab */
.c-city-pane .city-tab {
  float: left;
}

.c-city-pane .city-tab-item {
  line-height: 46px;
  display: inline-block;
  padding: 0 5px;
  position: relative;
  cursor: pointer;
}

.c-city-pane .city-tab-item.active {
  color: #222222;
  border-bottom: 4px solid;
}

.c-city-pane .city-tab-item:not(:last-child) {
  margin-right: 20px;
}

.c-city-pane .city-tab-item:not(:last-child)::after {
  content: "|";
  position: absolute;
  padding: 0 5px;
  color: #2a2a2a;
  right: -17px;
}

/* 搜索 */
.c-city-pane .city-query {
  float: right;
  margin-top: 10px;
  margin-right: 6px;
  position: relative;
}

.c-city-pane .city-query-input {
  width: 212px;
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  outline: 0;
  padding: 0 10px;
  line-height: 28px;
}

.c-city-pane .filtered-list {
  position: absolute;
  top: 28px;
  left: 0;
  width: 100%;
  padding: 0 0 5px;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #d2d2d2;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 6px 12px #d2d2d2;
  z-index: 1;
}

.c-city-pane .filtered-item {
  padding: 3px 10px;
  clear: both;
  font-weight: 200;
  color: #6a6a6a;
  line-height: 30px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

.c-city-pane .filtered-item.selected {
  color: #6a6a6a;
  background-color: #f0f0f0;
}

/* 首字母 */
.c-city-pane .city-char-list {
  padding: 20px 10px;
  height: 94px;
  position: relative;
  overflow: hidden;
}

.c-city-pane .city-char-list::after {
  content: "";
  display: block;
  clear: left;
  border-bottom: 1px solid #d2d2d2;
  position: absolute;
  width: 100%;
  bottom: 0;
}

.c-city-pane .city-char-item {
  text-align: center;
  width: 20px;
  height: 22px;
  margin-right: 17px;
  margin-bottom: 10px;
  background: #f7f7f7;
  color: #2a2a2a;
  border-radius: 5px;
  font-size: 12px;
  line-height: 22px;
  float: left;
  cursor: pointer;
}

.c-city-pane .city-char-item:hover {
  color: #fff;
  background-color: #222222;
}

/* 城市列表 */
.c-city-pane .city-list {
  height: 250px;
  padding: 24px 10px 0;
  overflow-y: auto;
  font-size: 12px;
  position: relative;
}

.c-city-pane .city-char-group {
  margin-bottom: 12px;
}

.c-city-pane .city-item-label {
  line-height: 32px;
  width: 24px;
  color: #222222;
  text-align: center;
  float: left;
}

.c-city-pane .city-item-list {
  margin-left: 44px;
}

.c-city-pane .city-item-wrapper {
  float: left;
}

.c-city-pane .city-item {
  padding: 0 8px;
  line-height: 22px;
  height: 24px;
  display: inline-block;
  margin: 4px 0;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid transparent;
  color: #2a2a2a;
  text-decoration: none;
  white-space: nowrap;
}

.c-city-pane .city-item.selected {
  color: #222222;
  border-color: #999999;
}

.c-city-pane .city-item:hover {
  color: #222222;
}

/* 城市组 */
.c-city-pane .city-group-list {
  padding-top: 20px;
}

.c-city-pane .city-group-item {
  float: left;
  height: 24px;
  line-height: 22px;
  margin: 10px 20px;
  padding: 0 8px;
}

.c-city-pane .city-group-item:hover {
  color: #222222;
  cursor: pointer;
}

/* 底部 */
.c-city-pane .city-footer {
  text-align: center;
  height: 60px;
  background: #EEEEEE;
  line-height: 60px;
  position: absolute;
  width: 100%;
  border-radius: 0 0 4px 4px;
  bottom: 0;
  box-shadow: 0 -3px 3px 0 rgba(0, 0, 0, 0.1);
}

.c-city-pane .city-footer-btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  line-height: 1.3333333;
  border-radius: 6px;
  outline: none;
  color: #222222;
  background-color: #fff;
  border: 1px solid #999999;
  font-size: 14px;
  width: 100px;
  height: 40px;
  padding: 10px 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c-city-pane .city-footer-btn:not(:last-child) {
  margin-right: 20px;
}

.c-city-pane .city-footer-btn:hover {
  background-color: #e5f6fc;
}

.c-city-pane .city-footer-btn:active {
  color: #fff;
  background-color: #222222;
  border-color: #222222;
}

.c-city-pane .city-footer-btn.primary {
  color: #fff;
  background-color: #222222;
}

.c-city-pane .city-footer-btn.primary:hover {
  background-color: rgba(34, 34, 34, 0.8);
  border-color: rgba(34, 34, 34, 0.8);
}

.c-city-pane .city-footer-btn.primary:active {
  background-color: #222222;
  border-color: #222222;
}

.kui-cropper .cropper-container {
  font-size: 0;
  line-height: 0;
  position: relative;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  direction: ltr;
  -ms-touch-action: none;
      touch-action: none;
}
.kui-cropper .cropper-container img {
  display: block;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  max-height: none !important;
  width: 100%;
  height: 100%;
  image-orientation: 0deg;
}
.kui-cropper .cropper-wrap-box,
.kui-cropper .cropper-canvas,
.kui-cropper .cropper-drag-box,
.kui-cropper .cropper-crop-box,
.kui-cropper .cropper-modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.kui-cropper .cropper-wrap-box {
  overflow: hidden;
}
.kui-cropper .cropper-drag-box {
  opacity: 0;
  background-color: #fff;
}
.kui-cropper .cropper-modal {
  opacity: 0.5;
  background-color: #222222;
}
.kui-cropper .cropper-view-box {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  outline: 1px solid #198CFF;
  outline-color: rgba(25, 140, 255, 0.75);
}
.kui-cropper .cropper-dashed {
  position: absolute;
  display: block;
  opacity: 0.5;
  border: 0 dashed #EEEEEE;
}
.kui-cropper .cropper-dashed.dashed-h {
  top: 33.33333%;
  left: 0;
  width: 100%;
  height: 33.33333%;
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.kui-cropper .cropper-dashed.dashed-v {
  top: 0;
  left: 33.33333%;
  width: 33.33333%;
  height: 100%;
  border-right-width: 1px;
  border-left-width: 1px;
}
.kui-cropper .cropper-center {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  opacity: 0.75;
}
.kui-cropper .cropper-center:before,
.kui-cropper .cropper-center:after {
  position: absolute;
  display: block;
  content: " ";
  background-color: #EEEEEE;
}
.kui-cropper .cropper-center:before {
  top: 0;
  left: -3px;
  width: 7px;
  height: 1px;
}
.kui-cropper .cropper-center:after {
  top: -3px;
  left: 0;
  width: 1px;
  height: 7px;
}
.kui-cropper .cropper-face,
.kui-cropper .cropper-line,
.kui-cropper .cropper-point {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}
.kui-cropper .cropper-face {
  top: 0;
  left: 0;
  background-color: #fff;
}
.kui-cropper .cropper-line {
  background-color: #198CFF;
}
.kui-cropper .cropper-line.line-e {
  top: 0;
  right: -3px;
  width: 5px;
  cursor: e-resize;
}
.kui-cropper .cropper-line.line-n {
  top: -3px;
  left: 0;
  height: 5px;
  cursor: n-resize;
}
.kui-cropper .cropper-line.line-w {
  top: 0;
  left: -3px;
  width: 5px;
  cursor: w-resize;
}
.kui-cropper .cropper-line.line-s {
  bottom: -3px;
  left: 0;
  height: 5px;
  cursor: s-resize;
}
.kui-cropper .cropper-point {
  width: 5px;
  height: 5px;
  opacity: 0.75;
  background-color: #198CFF;
}
.kui-cropper .cropper-point.point-e {
  top: 50%;
  right: -3px;
  margin-top: -3px;
  cursor: e-resize;
}
.kui-cropper .cropper-point.point-n {
  top: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: n-resize;
}
.kui-cropper .cropper-point.point-w {
  top: 50%;
  left: -3px;
  margin-top: -3px;
  cursor: w-resize;
}
.kui-cropper .cropper-point.point-s {
  bottom: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: s-resize;
}
.kui-cropper .cropper-point.point-ne {
  top: -3px;
  right: -3px;
  cursor: ne-resize;
}
.kui-cropper .cropper-point.point-nw {
  top: -3px;
  left: -3px;
  cursor: nw-resize;
}
.kui-cropper .cropper-point.point-sw {
  bottom: -3px;
  left: -3px;
  cursor: sw-resize;
}
.kui-cropper .cropper-point.point-se {
  right: -3px;
  bottom: -3px;
  width: 20px;
  height: 20px;
  cursor: se-resize;
  opacity: 1;
}
@media (min-width: 768px) {
  .kui-cropper .cropper-point.point-se {
    width: 15px;
    height: 15px;
  }
}
@media (min-width: 992px) {
  .kui-cropper .cropper-point.point-se {
    width: 10px;
    height: 10px;
  }
}
@media (min-width: 1200px) {
  .kui-cropper .cropper-point.point-se {
    width: 5px;
    height: 5px;
    opacity: 0.75;
  }
}
.kui-cropper .cropper-point.point-se:before {
  position: absolute;
  right: -50%;
  bottom: -50%;
  display: block;
  width: 200%;
  height: 200%;
  content: " ";
  opacity: 0;
  background-color: #198CFF;
}
.kui-cropper .cropper-invisible {
  opacity: 0;
}
.kui-cropper .cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}
.kui-cropper .cropper-hide {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
}
.kui-cropper .cropper-hidden {
  display: none !important;
}
.kui-cropper .cropper-move {
  cursor: move;
}
.kui-cropper .cropper-crop {
  cursor: crosshair;
}
.kui-cropper .cropper-disabled .cropper-drag-box,
.kui-cropper .cropper-disabled .cropper-face,
.kui-cropper .cropper-disabled .cropper-line,
.kui-cropper .cropper-disabled .cropper-point {
  cursor: not-allowed;
}

.boc-ui-evaluation .boc-ui-evaluation-title {
  font-weight: bold;
}
.boc-ui-evaluation .boc-ui-evaluation-body {
  padding: 15px 0;
}
.boc-ui-evaluation .icon-wrapper {
  width: 40px;
  height: 40px;
  display: inline-block;
  text-align: center;
  line-height: 38px;
  border-radius: 50%;
  cursor: pointer;
}
.boc-ui-evaluation .icon-wrapper.thumbs-up {
  border: solid 1px #00BF7F;
}
.boc-ui-evaluation .icon-wrapper.thumbs-up i {
  color: #00BF7F;
}
.boc-ui-evaluation .icon-wrapper.thumbs-down {
  border: solid 1px #FF192D;
}
.boc-ui-evaluation .icon-wrapper.thumbs-down i {
  color: #FF192D;
}
.boc-ui-evaluation .icon-wrapper.commenting {
  border: solid 1px #222222;
}
.boc-ui-evaluation .icon-wrapper.commenting i {
  color: #222222;
}
.boc-ui-evaluation .icon-wrapper:hover.thumbs-up, .boc-ui-evaluation .icon-wrapper.evaluated.thumbs-up {
  background: #00BF7F;
}
.boc-ui-evaluation .icon-wrapper:hover.thumbs-up i, .boc-ui-evaluation .icon-wrapper.evaluated.thumbs-up i {
  color: #fff;
}
.boc-ui-evaluation .icon-wrapper:hover.thumbs-down, .boc-ui-evaluation .icon-wrapper.evaluated.thumbs-down {
  background: #FF192D;
}
.boc-ui-evaluation .icon-wrapper:hover.thumbs-down i, .boc-ui-evaluation .icon-wrapper.evaluated.thumbs-down i {
  color: #fff;
}
.boc-ui-evaluation .icon-wrapper:hover.commenting, .boc-ui-evaluation .icon-wrapper.evaluated.commenting {
  background: #222222;
}
.boc-ui-evaluation .icon-wrapper:hover.commenting i, .boc-ui-evaluation .icon-wrapper.evaluated.commenting i {
  color: #fff;
}
.boc-ui-evaluation .icon-wrapper i {
  font-size: 20px;
}
.boc-ui-evaluation .description {
  margin-top: 15px;
}
.boc-ui-evaluation .count {
  margin-top: 5px;
  display: inline-block;
}
.boc-ui-evaluation .disabled-item {
  color: #CCCCCC;
}
.boc-ui-evaluation .disabled-item .count {
  color: #CCCCCC;
}
.boc-ui-evaluation .disabled-item .icon-wrapper.thumbs-up {
  border: solid 1px #CCCCCC;
  background: #CCCCCC;
}
.boc-ui-evaluation .disabled-item .icon-wrapper.thumbs-up i {
  color: #fff;
}
.boc-ui-evaluation .disabled-item .icon-wrapper.thumbs-down {
  border: solid 1px #CCCCCC;
  background: #CCCCCC;
}
.boc-ui-evaluation .disabled-item .icon-wrapper.thumbs-down i {
  color: #fff;
}

.kui-img-browser li {
  width: 66px;
  height: 66px;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #ebeef2;
  background-position: center 0;
  border-radius: 4px;
  cursor: pointer;
}

.kui-img-browser-popup {
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
}
.kui-img-browser-popup .content {
  position: absolute;
  width: 685px;
  color: #fff;
  left: 50%;
  top: 10%;
  margin-left: -342px;
}
.kui-img-browser-popup .arrows {
  margin-top: 215px;
  cursor: pointer;
}
.kui-img-browser-popup .arrows i {
  font-size: 70px;
}
.kui-img-browser-popup .arrows i.disable {
  color: #999999;
  cursor: not-allowed;
}
.kui-img-browser-popup .main {
  width: 505px;
  margin-left: 20px;
}
.kui-img-browser-popup .main .img {
  width: 505px;
  height: 505px;
  text-align: center;
}
.kui-img-browser-popup .main .img img {
  max-height: 505px;
  max-width: 505px;
}
.kui-img-browser-popup .main .img-des {
  max-height: 100px;
  overflow-y: scroll;
}
.kui-img-browser-popup .main .show-origin {
  position: absolute;
  right: 0;
  border-bottom: solid 1px;
  text-decoration: none;
  color: #fff;
}
.kui-img-browser-popup .main .show-origin:hover {
  color: #222222;
}
.kui-img-browser-popup .close {
  position: absolute;
  right: -80px;
  top: 0;
  color: #fff;
  opacity: 1;
  font-weight: normal;
  text-shadow: none;
}
.kui-img-browser-popup .close:hover {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}

.kui-img-crop-box {
  padding: 0 30px;
  min-width: 840px;
}
.kui-img-crop-box .upload-cropper {
  display: inline-block;
  vertical-align: top;
  width: 440px;
  height: 330px;
  border: 1px solid #d2d2d2;
}
.kui-img-crop-box .upload-cropper-preview {
  display: inline-block;
  vertical-align: top;
  margin-left: 100px;
}
.kui-img-crop-box .upload-cropper-preview .upload-cropper-preview-wrapper {
  position: relative;
  display: inline-block;
}
.kui-img-crop-box .upload-cropper-preview .upload-cropper-preview-box {
  position: relative;
  overflow: hidden;
  width: 240px;
  height: 180px;
  border: 1px solid #d2d2d2;
}
.kui-img-crop-box .upload-cropper-preview .upload-cropper-preview-box.background {
  background-image: url("data:image/pngbase64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}
.kui-img-crop-box .upload-cropper-preview .upload-cropper-preview-slot {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.kui-img-crop-box .upload-cropper-preview .upload-cropper-preview-label {
  margin-top: 20px;
  color: #99a2aa;
}
.kui-img-crop-box .upload-cropper-preview .crop-message {
  margin-top: 20px;
  color: #ff5a5a;
}
.kui-img-crop-box .img-select-input {
  position: absolute;
  width: 100%;
  height: 50px;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.kui-img-crop-box .img-select-link {
  position: relative;
  display: inline-block;
  margin-top: 16px;
  overflow: hidden;
}
.kui-img-crop-box .cursor-pointer {
  cursor: pointer;
}

.kui-img-crop-uploader {
  line-height: 1.42857143;
  width: 160px;
  position: relative;
}
.kui-img-crop-uploader .confirm-btn {
  margin-right: 20px;
}

.boc-ui-img-uploader {
  position: relative;
  width: 160px;
  height: 120px;
  border-radius: 2px;
}
.boc-ui-img-uploader .uploader-border {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1.5px dashed #EEEEEE;
  background-color: #F5F6FA;
  border-radius: 2px;
}
.boc-ui-img-uploader .uploader-file-input {
  display: none;
}
.boc-ui-img-uploader .uploader-box {
  display: block;
  background-color: #F5F6FA;
}
.boc-ui-img-uploader .uploader-box.fill {
  background-color: #EEEEEE;
}
.boc-ui-img-uploader .uploader-thumbnail-img {
  max-width: 100%;
  max-height: 100%;
}
.boc-ui-img-uploader .uploader-thumbnail {
  display: table-cell;
  width: 160px;
  height: 100px;
  text-align: center;
  vertical-align: middle;
}
.boc-ui-img-uploader .uploader-replace-tip {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.boc-ui-img-uploader .uploader-replace-tip .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.boc-ui-img-uploader .uploader-thumbnail-info {
  position: absolute;
  top: 0;
  left: 0;
  display: table;
  width: 100%;
  height: 100%;
}
.boc-ui-img-uploader .uploader-thumbnail-info .boc-ui-btn {
  display: table-cell;
  line-height: normal;
  vertical-align: middle;
}
.boc-ui-img-uploader .uploader-thumbnail-info .boc-ui-btn i {
  font-size: 38px;
}
.boc-ui-img-uploader .uploader-thumbnail-info .boc-ui-btn span {
  display: block;
}
.boc-ui-img-uploader .clear-icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 24px;
  -webkit-transform: translate(30%, -30%);
      -ms-transform: translate(30%, -30%);
          transform: translate(30%, -30%);
  overflow: hidden;
  font-size: 24px;
  color: #222222;
  cursor: pointer;
}
.boc-ui-img-uploader .clear-icon i {
  vertical-align: top;
}
.boc-ui-img-uploader .clear-icon:hover {
  color: #222222;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

.popup {
  position: absolute;
}
.popup.top {
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
}
.popup.right {
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.popup.bottom {
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.popup.left {
  -webkit-transform: translate(-100%, -50%);
      -ms-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
}
.popup.top-left {
  -webkit-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
          transform: translate(0, -100%);
}
.popup.top-right {
  -webkit-transform: translate(-100%, -100%);
      -ms-transform: translate(-100%, -100%);
          transform: translate(-100%, -100%);
}
.popup.bottom-left {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.popup.bottom-right {
  -webkit-transform: translate(-100%, 0);
      -ms-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
}
.popup.left-top {
  -webkit-transform: translate(-100%, 0);
      -ms-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
}
.popup.left-bottom {
  -webkit-transform: translate(-100%, -100%);
      -ms-transform: translate(-100%, -100%);
          transform: translate(-100%, -100%);
}
.popup.right-bottom {
  -webkit-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
          transform: translate(0, -100%);
}
.popup.right-top {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.text-nowrap {
  white-space: nowrap !important;
}

.bg-white {
  background-color: #fff !important;
}

.pull-left {
  float: left !important;
}

.pull-right {
  float: right !important;
}

.block {
  display: block !important;
}

.inline {
  display: inline !important;
}

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

.hidden, .hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.border {
  border: 1px solid #999999;
}

.no-boder {
  border: none !important;
}

.circle {
  border-radius: 100%;
}

.border-top {
  border-top: 1px solid #999999;
}

.m-top-lg {
  margin-top: 40px;
}

.m-top-md {
  margin-top: 20px;
}

.m-top-sm {
  margin-top: 10px;
}

.m-top-xs {
  margin-top: 5px;
}

.m-top-none {
  margin-top: 0;
}

.border-right {
  border-right: 1px solid #999999;
}

.m-right-lg {
  margin-right: 40px;
}

.m-right-md {
  margin-right: 20px;
}

.m-right-sm {
  margin-right: 10px;
}

.m-right-xs {
  margin-right: 5px;
}

.m-right-none {
  margin-right: 0;
}

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

.m-bottom-lg {
  margin-bottom: 40px;
}

.m-bottom-md {
  margin-bottom: 20px;
}

.m-bottom-sm {
  margin-bottom: 10px;
}

.m-bottom-xs {
  margin-bottom: 5px;
}

.m-bottom-none {
  margin-bottom: 0;
}

.border-left {
  border-left: 1px solid #999999;
}

.m-left-lg {
  margin-left: 40px;
}

.m-left-md {
  margin-left: 20px;
}

.m-left-sm {
  margin-left: 10px;
}

.m-left-xs {
  margin-left: 5px;
}

.m-left-none {
  margin-left: 0;
}

.margin-lg {
  margin: 40px !important;
}

.margin-md {
  margin: 20px !important;
}

.margin-sm {
  margin: 10px !important;
}

.margin-xs {
  margin: 5px !important;
}

.no-margin {
  margin: 0 !important;
}

.padding-lg {
  padding: 40px !important;
}

.padding-md {
  padding: 20px !important;
}

.padding-sm {
  padding: 10px !important;
}

.padding-xs {
  padding: 5px !important;
}

.no-padding {
  padding: 0 !important;
}

.paddingLR-lg {
  padding: 0 40px;
}

.paddingLR-md {
  padding: 0 20px;
}

.paddingLR-sm {
  padding: 0 10px;
}

.paddingLR-xs {
  padding: 0 5px;
}

.paddingTB-lg {
  padding: 40px 0;
}

.paddingTB-md {
  padding: 20px 0;
}

.paddingTB-sm {
  padding: 10px 0;
}

.paddingTB-xs {
  padding: 5px 0;
}

.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.font-normal {
  font-weight: normal !important;
}

.middle {
  vertical-align: middle;
}

.relative {
  position: relative;
}

.scrollable {
  overflow-y: auto;
}

.text-shadow-white {
  text-shadow: 0 1px 0 #fff;
}

.text-white {
  color: #fff;
}

.text-center {
  text-align: center;
}

.boc-ui-text-left {
  text-align: left;
}

.boc-ui-text-right {
  text-align: right;
}

.width-100 {
  width: 100%;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.overflow-hidden {
  overflow: hidden !important;
}

.cursor-pointer {
  cursor: pointer;
}

.boc-ui-backdrop {
  background: rgba(0, 0, 0, 0.45);
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  opacity: 1;
  transition: opacity 0.3s ease 0s;
}

.boc-ui-no-scrollbar::-webkit-scrollbar {
  background-color: transparent;
  width: 0;
  height: 0;
}

.boc-ui-no-scrollbar {
  scrollbar-width: none;
}

:root {
  --primary: #222222;
  --secondary: #FF6A00;
  --brand: #ffcc33;
  --success: #00BF7F;
  --info: #198CFF;
  --warning: #FF6A00;
  --danger: #FF192D;
  --light: #fff;
  --dark: #222222;
  --active: #FF6A00;
  --gray-100: #222222;
  --gray-200: #666666;
  --gray-300: #999999;
  --gray-400: #CCCCCC;
  --gray-500: #EEEEEE;
  --gray-600: #F5F6FA;
  --font-family-base: Helvetica Neue, Arial, -apple-system, BlinkMacSystemFont, PingFang SC, microsoft yahei, STXihei, sans-serif;
  --font-size-sm: 12px;
  --font-size-base: 14px;
  --font-size-heading: 20px;
  --font-size-lg: 24px;
  --font-size-xl: 38px;
  --text-color-base: #222222;
  --text-color-secondary: #666666;
  --text-color-weak: #999999;
  --text-color-lighten: #CCCCCC;
  --border-color: #999999;
  --line-color: #EEEEEE;
  --disabled-color: #CCCCCC;
  --page-background: #F5F6FA;
  --card-background: #F5F6FA;
  --text-dark: #222222;
  --text-light: #fff;
  --link-color: #FF6A00;
  --link-decoration: none;
  --link-hover-color: #ffcc33;
  --link-hover-decoration: none;
  --border-radius: 2px;
  --default-height: 36px;
}

.boc-ui-primary-text {
  color: #222222 !important;
}

.boc-ui-primary-bg {
  background-color: #222222 !important;
}

.boc-ui-primary-bc {
  border-color: #222222 !important;
}

.boc-ui-secondary-text {
  color: #FF6A00 !important;
}

.boc-ui-secondary-bg {
  background-color: #FF6A00 !important;
}

.boc-ui-secondary-bc {
  border-color: #FF6A00 !important;
}

.boc-ui-brand-text {
  color: #ffcc33 !important;
}

.boc-ui-brand-bg {
  background-color: #ffcc33 !important;
}

.boc-ui-brand-bc {
  border-color: #ffcc33 !important;
}

.boc-ui-success-text {
  color: #00BF7F !important;
}

.boc-ui-success-bg {
  background-color: #00BF7F !important;
}

.boc-ui-success-bc {
  border-color: #00BF7F !important;
}

.boc-ui-info-text {
  color: #198CFF !important;
}

.boc-ui-info-bg {
  background-color: #198CFF !important;
}

.boc-ui-info-bc {
  border-color: #198CFF !important;
}

.boc-ui-warning-text {
  color: #FF6A00 !important;
}

.boc-ui-warning-bg {
  background-color: #FF6A00 !important;
}

.boc-ui-warning-bc {
  border-color: #FF6A00 !important;
}

.boc-ui-danger-text {
  color: #FF192D !important;
}

.boc-ui-danger-bg {
  background-color: #FF192D !important;
}

.boc-ui-danger-bc {
  border-color: #FF192D !important;
}

.boc-ui-light-text {
  color: #fff !important;
}

.boc-ui-light-bg {
  background-color: #fff !important;
}

.boc-ui-light-bc {
  border-color: #fff !important;
}

.boc-ui-dark-text {
  color: #222222 !important;
}

.boc-ui-dark-bg {
  background-color: #222222 !important;
}

.boc-ui-dark-bc {
  border-color: #222222 !important;
}

.boc-ui-active-text {
  color: #FF6A00 !important;
}

.boc-ui-active-bg {
  background-color: #FF6A00 !important;
}

.boc-ui-active-bc {
  border-color: #FF6A00 !important;
}

.boc-ui-font-family {
  font-family: "Helvetica Neue", Arial, -apple-system, BlinkMacSystemFont, "PingFang SC", "microsoft yahei", "STXihei", sans-serif !important;
}

.boc-ui-font-size-sm {
  font-size: 12px !important;
}

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

.boc-ui-font-size-heading {
  font-size: 20px !important;
}

.boc-ui-font-size-lg {
  font-size: 24px !important;
}

.boc-ui-font-size-xl {
  font-size: 38px !important;
}

.boc-ui-font-color {
  color: #222222 !important;
}

.boc-ui-font-color-secondary {
  color: #666666 !important;
}

.boc-ui-font-color-weak {
  color: #999999 !important;
}

.boc-ui-font-color-lighten {
  color: #CCCCCC !important;
}

.boc-ui-font-color-dark {
  color: #222222 !important;
}

.boc-ui-font-color-light {
  color: #fff !important;
}

.boc-ui-border-color {
  border-color: #999999 !important;
}

.boc-ui-ling-color {
  border-color: #EEEEEE !important;
}

.boc-ui-disabled-color {
  background-color: #CCCCCC !important;
}

.boc-ui-page-bg {
  background-color: #F5F6FA !important;
}

.boc-ui-card-bg {
  background-color: #F5F6FA !important;
}

.boc-ui-border-radius {
  border-radius: 2px !important;
}

.boc-ui-default-height {
  height: 36px !important;
}
@charset "UTF-8";
.boc-ui-brand-upc-select-wrapper {
  position: relative;
  -ms-flex: auto;
      flex: auto;
}
.boc-ui-brand-upc-select-wrapper .boc-ui-brand-upc-select-error-tip {
  font-size: 14px;
  color: #FF192D;
}

.boc-ui-brand-upc-select.boc-ui-multi-cascader-toggle {
  padding: 0 10px;
}
.boc-ui-brand-upc-select.boc-ui-multi-cascader-toggle.boc-ui-brand-upc-select_error {
  border-color: #FF192D;
}
.boc-ui-brand-upc-select.boc-ui-multi-cascader-toggle .boc-ui-multi-cascader-selected {
  -ms-flex: auto;
      flex: auto;
}

.boc-ui-brand-upc-select-selected-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex: auto;
      flex: auto;
}

.boc-ui-brand-upc-select-selected {
  -ms-flex: 1;
      flex: 1;
  overflow: hidden;
}
.boc-ui-brand-upc-select-selected > span.boc-ui-roo-tag-gray {
  margin-right: 6px;
  background-color: #f5f6fa !important;
  border: 1px solid #f5f6fa !important;
  color: #222222 !important;
}

.boc-ui-brand-upc-select-upc-count {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  line-height: 18px;
  text-align: center;
  border-radius: 100px;
  font-size: 12px;
  margin: 6px;
  background: #222222;
  padding: 2px 4px;
  color: #fff;
  min-width: 22px;
}

.boc-ui-brand-upc-select-tooltip .boc-ui-tooltip-inner {
  max-height: 300px;
  overflow-y: auto;
  /* 滚动条轨道 */
  /* 滚动条滑块 */
  /* 滑块悬停状态 */
  /* 滚动条大小 */
}
.boc-ui-brand-upc-select-tooltip .boc-ui-tooltip-inner::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  border: 1px solid #b7b7b7;
  border-left: none;
}
.boc-ui-brand-upc-select-tooltip .boc-ui-tooltip-inner::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 10px;
}
.boc-ui-brand-upc-select-tooltip .boc-ui-tooltip-inner::-webkit-scrollbar-thumb:hover {
  background-color: #9b9b9b;
}
.boc-ui-brand-upc-select-tooltip .boc-ui-tooltip-inner::-webkit-scrollbar {
  width: 10px; /* 横向滚动条 */
  height: 10px; /* 纵向滚动条 */
}

.boc-ui-brand-upc-select__menu .boc-ui-picker-menu {
  width: 300px;
  min-width: 300px;
}
.boc-ui-brand-upc-select__menu .boc-ui-picker-menu-item {
  height: auto;
  min-height: 36px;
  margin-bottom: 2px;
}
.boc-ui-brand-upc-select__menu .boc-ui-picker-menu-item .boc-ui-checkbox {
  -ms-flex-align: start;
      align-items: flex-start;
}
.boc-ui-brand-upc-select__menu .boc-ui-picker-menu-item .boc-ui-checkbox span {
  white-space: wrap;
}
.boc-ui-brand-upc-select__menu .boc-ui-picker-menu-item .boc-ui-checkbox input + .custom-checkbox {
  margin-top: 4px;
}
.boc-ui-brand-upc-select__menu.boc-ui-brand-upc-select__menu_brand_disabled .boc-ui-picker-cascader-menu-column:first-child .boc-ui-checkbox {
  cursor: not-allowed;
}
.boc-ui-brand-upc-select__menu.boc-ui-brand-upc-select__menu_brand_disabled .boc-ui-picker-cascader-menu-column:first-child .boc-ui-checkbox .custom-checkbox-label {
  -ms-flex: auto;
      flex: auto;
  cursor: pointer;
}
.boc-ui-brand-upc-select__menu.boc-ui-brand-upc-select__menu_brand_disabled .boc-ui-picker-cascader-menu-column:first-child .boc-ui-checkbox input + .custom-checkbox {
  position: relative;
  z-index: 10;
  opacity: 0.2;
  pointer-events: none;
}

.boc-ui-brand-upc-select__menu_single_brand .boc-ui-picker-cascader-menu-column:first-child .boc-ui-picker-cascader-menu-has-children .boc-ui-checkbox .custom-checkbox-label:after {
  position: absolute;
  font-family: "roo-icon";
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  content: "\ea0d";
  width: 14px;
  height: 14px;
  right: 10px;
  top: 11px;
}
.boc-ui-brand-upc-select__menu_single_brand .boc-ui-picker-cascader-menu-column:first-child .boc-ui-picker-menu-item {
  padding: 0;
}
.boc-ui-brand-upc-select__menu_single_brand .boc-ui-picker-cascader-menu-column:first-child .boc-ui-picker-menu-item .boc-ui-checkbox {
  padding: 0;
  width: 100%;
  height: 100%;
  min-height: 36px;
}
.boc-ui-brand-upc-select__menu_single_brand .boc-ui-picker-cascader-menu-column:first-child .boc-ui-picker-menu-item .roo-icon-chevron-right {
  display: none;
}
.boc-ui-brand-upc-select__menu_single_brand .boc-ui-picker-cascader-menu-column:first-child .boc-ui-checkbox .custom-checkbox-label {
  position: relative;
  width: 100%;
  height: 100%;
  line-height: 16px;
  padding: 10px;
}
.boc-ui-brand-upc-select__menu_single_brand .boc-ui-picker-cascader-menu-column:first-child .boc-ui-checkbox input + .custom-checkbox {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  margin: 0;
  z-index: 1;
}
.boc-ui-brand-upc-select__menu_single_brand.boc-ui-brand-upc-select__menu_brand_disabled .boc-ui-picker-cascader-menu-column:first-child .boc-ui-checkbox input + .custom-checkbox {
  display: none;
}

.boc-ui-brand-upc-select__menu_single_brand.boc-ui-brand-upc-select__menu_single_upc .boc-ui-picker-cascader-menu-column:first-child .boc-ui-checkbox .half-checked ~ .custom-checkbox-label {
  color: #ff6a00;
}
.boc-ui-brand-upc-select__menu_single_brand.boc-ui-brand-upc-select__menu_single_upc .boc-ui-picker-cascader-menu-column:first-child .boc-ui-checkbox input:checked ~ .custom-checkbox-label {
  color: #ff6a00;
}

.boc-ui-brand-upc-select__menu_single_upc .boc-ui-picker-cascader-menu-column:last-child .boc-ui-checkbox input + .custom-checkbox {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  margin: 0;
  z-index: 1;
}

.boc-ui-brand-upc-select__menu_single_upc:not(.boc-ui-brand-upc-select__menu_single_upc_with_brand_selected) .boc-ui-picker-cascader-menu-column:last-child .boc-ui-checkbox .half-checked ~ .custom-checkbox-label {
  color: #ff6a00;
}
.boc-ui-brand-upc-select__menu_single_upc:not(.boc-ui-brand-upc-select__menu_single_upc_with_brand_selected) .boc-ui-picker-cascader-menu-column:last-child .boc-ui-checkbox input:checked ~ .custom-checkbox-label {
  color: #ff6a00;
}

.boc-ui-brand-upc-select__menu_full .boc-ui-picker-cascader-menu-column label {
  cursor: not-allowed;
}
.boc-ui-brand-upc-select__menu_full .boc-ui-picker-cascader-menu-column .boc-ui-checkbox input:checked ~ span {
  opacity: 1;
  cursor: pointer;
  pointer-events: auto;
}
.boc-ui-brand-upc-select__menu_full .boc-ui-picker-cascader-menu-column .boc-ui-checkbox span.half-checked {
  opacity: 1;
  cursor: pointer;
  pointer-events: auto;
}
.boc-ui-brand-upc-select__menu_full .boc-ui-picker-cascader-menu-column .boc-ui-checkbox .custom-checkbox {
  opacity: 0.2;
  pointer-events: none;
}
@charset "UTF-8";
.boc-ui-brand-upc-selector-wrapper {
  position: relative;
  -ms-flex: auto;
      flex: auto;
  min-width: 0;
}
.boc-ui-brand-upc-selector-wrapper .boc-ui-brand-upc-selector-error-tip {
  font-size: 14px;
  color: #ff192d;
}

.boc-ui-brand-upc-selector.boc-ui-multi-cascader-toggle {
  padding: 0 10px;
}
.boc-ui-brand-upc-selector.boc-ui-multi-cascader-toggle.boc-ui-brand-upc-selector_error {
  border-color: #ff192d;
}
.boc-ui-brand-upc-selector.boc-ui-multi-cascader-toggle .boc-ui-multi-cascader-selected {
  -ms-flex: auto;
      flex: auto;
}

.boc-ui-brand-upc-selector-selected-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex: auto;
      flex: auto;
}

.boc-ui-brand-upc-selector-selected {
  -ms-flex: 1;
      flex: 1;
  overflow: hidden;
}
.boc-ui-brand-upc-selector-selected > span.boc-ui-roo-tag-gray {
  margin-right: 6px;
  background-color: #f5f6fa !important;
  border: 1px solid #f5f6fa !important;
  color: #222222 !important;
}

.boc-ui-brand-upc-selector-upc-count {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  line-height: 18px;
  text-align: center;
  border-radius: 100px;
  font-size: 12px;
  margin: 6px;
  background: #222222;
  padding: 2px 4px;
  color: #fff;
  min-width: 22px;
}

.boc-ui-brand-upc-selector-tooltip .boc-ui-tooltip-inner {
  max-height: 300px;
  overflow-y: auto;
  /* 滚动条轨道 */
  /* 滚动条滑块 */
  /* 滑块悬停状态 */
  /* 滚动条大小 */
}
.boc-ui-brand-upc-selector-tooltip .boc-ui-tooltip-inner::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  border: 1px solid #b7b7b7;
  border-left: none;
}
.boc-ui-brand-upc-selector-tooltip .boc-ui-tooltip-inner::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 10px;
}
.boc-ui-brand-upc-selector-tooltip .boc-ui-tooltip-inner::-webkit-scrollbar-thumb:hover {
  background-color: #9b9b9b;
}
.boc-ui-brand-upc-selector-tooltip .boc-ui-tooltip-inner::-webkit-scrollbar {
  width: 10px; /* 横向滚动条 */
  height: 10px; /* 纵向滚动条 */
}

.boc-ui-brand-upc-selector__menu .boc-ui-picker-menu {
  width: 300px;
  min-width: 300px;
}
.boc-ui-brand-upc-selector__menu .boc-ui-picker-menu-item {
  height: auto;
  min-height: 36px;
  margin-bottom: 2px;
}
.boc-ui-brand-upc-selector__menu .boc-ui-picker-menu-item .boc-ui-checkbox {
  -ms-flex-align: start;
      align-items: flex-start;
}
.boc-ui-brand-upc-selector__menu .boc-ui-picker-menu-item .boc-ui-checkbox span {
  white-space: wrap;
}
.boc-ui-brand-upc-selector__menu .boc-ui-picker-menu-item .boc-ui-checkbox input + .custom-checkbox {
  margin-top: 4px;
}
.boc-ui-brand-upc-selector__menu.boc-ui-brand-upc-selector__menu_brand_disabled .boc-ui-picker-cascader-menu-column:first-child .boc-ui-checkbox {
  cursor: not-allowed;
}
.boc-ui-brand-upc-selector__menu.boc-ui-brand-upc-selector__menu_brand_disabled .boc-ui-picker-cascader-menu-column:first-child .boc-ui-checkbox .custom-checkbox-label {
  -ms-flex: auto;
      flex: auto;
  cursor: pointer;
}
.boc-ui-brand-upc-selector__menu.boc-ui-brand-upc-selector__menu_brand_disabled .boc-ui-picker-cascader-menu-column:first-child .boc-ui-checkbox input + .custom-checkbox {
  position: relative;
  z-index: 10;
  opacity: 0.2;
  pointer-events: none;
}

.boc-ui-brand-upc-selector__menu_single_brand .boc-ui-picker-cascader-menu-column:first-child .boc-ui-picker-cascader-menu-has-children .boc-ui-checkbox .custom-checkbox-label:after {
  position: absolute;
  font-family: "roo-icon";
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  content: "\ea0d";
  width: 14px;
  height: 14px;
  right: 10px;
  top: 11px;
}
.boc-ui-brand-upc-selector__menu_single_brand .boc-ui-picker-cascader-menu-column:first-child .boc-ui-picker-menu-item {
  padding: 0;
}
.boc-ui-brand-upc-selector__menu_single_brand .boc-ui-picker-cascader-menu-column:first-child .boc-ui-picker-menu-item .boc-ui-checkbox {
  padding: 0;
  width: 100%;
  height: 100%;
  min-height: 36px;
}
.boc-ui-brand-upc-selector__menu_single_brand .boc-ui-picker-cascader-menu-column:first-child .boc-ui-picker-menu-item .roo-icon-chevron-right {
  display: none;
}
.boc-ui-brand-upc-selector__menu_single_brand .boc-ui-picker-cascader-menu-column:first-child .boc-ui-checkbox .custom-checkbox-label {
  position: relative;
  width: 100%;
  height: 100%;
  line-height: 16px;
  padding: 10px;
}
.boc-ui-brand-upc-selector__menu_single_brand .boc-ui-picker-cascader-menu-column:first-child .boc-ui-checkbox input + .custom-checkbox {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  margin: 0;
  z-index: 1;
}
.boc-ui-brand-upc-selector__menu_single_brand.boc-ui-brand-upc-selector__menu_brand_disabled .boc-ui-picker-cascader-menu-column:first-child .boc-ui-checkbox input + .custom-checkbox {
  display: none;
}

.boc-ui-brand-upc-selector__menu_single_brand.boc-ui-brand-upc-selector__menu_single_upc .boc-ui-picker-cascader-menu-column:first-child .boc-ui-checkbox .half-checked ~ .custom-checkbox-label {
  color: #ff6a00;
}
.boc-ui-brand-upc-selector__menu_single_brand.boc-ui-brand-upc-selector__menu_single_upc .boc-ui-picker-cascader-menu-column:first-child .boc-ui-checkbox input:checked ~ .custom-checkbox-label {
  color: #ff6a00;
}

.boc-ui-brand-upc-selector__menu_single_upc .boc-ui-picker-cascader-menu-column:last-child .boc-ui-checkbox input + .custom-checkbox {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  margin: 0;
  z-index: 1;
}

.boc-ui-brand-upc-selector__menu_single_upc:not(.boc-ui-brand-upc-selector__menu_single_upc_with_brand_selected) .boc-ui-picker-cascader-menu-column:last-child .boc-ui-checkbox .half-checked ~ .custom-checkbox-label {
  color: #ff6a00;
}
.boc-ui-brand-upc-selector__menu_single_upc:not(.boc-ui-brand-upc-selector__menu_single_upc_with_brand_selected) .boc-ui-picker-cascader-menu-column:last-child .boc-ui-checkbox input:checked ~ .custom-checkbox-label {
  color: #ff6a00;
}

.boc-ui-brand-upc-selector__menu_full .boc-ui-picker-cascader-menu-column label {
  cursor: not-allowed;
}
.boc-ui-brand-upc-selector__menu_full .boc-ui-picker-cascader-menu-column .boc-ui-checkbox input:checked ~ span {
  opacity: 1;
  cursor: pointer;
  pointer-events: auto;
}
.boc-ui-brand-upc-selector__menu_full .boc-ui-picker-cascader-menu-column .boc-ui-checkbox span.half-checked {
  opacity: 1;
  cursor: pointer;
  pointer-events: auto;
}
.boc-ui-brand-upc-selector__menu_full .boc-ui-picker-cascader-menu-column .boc-ui-checkbox .custom-checkbox {
  opacity: 0.2;
  pointer-events: none;
}
.apply-permission-text {
  color: #fc3;
  font-family: 'PingFang SC';
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.boc-ui-date-picker-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  grid-gap: 10px 20px;
  gap: 10px 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.boc-ui-date-picker-group .boc-ui-btn-group {
  white-space: nowrap;
}
.boc-ui-date-picker-group .boc-ui-btn-group .boc-ui-btn {
  padding: 0 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.boc-ui-date-picker-group .boc-ui-date-picker-group__date-picker {
  -ms-flex: 1;
      flex: 1;
  min-width: 1px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  grid-gap: 10px;
  gap: 10px;
}
.boc-ui-date-picker-group .boc-ui-date-picker-group__date-picker .boc-ui-input-wrap {
  -ms-flex: auto;
      flex: auto;
  min-width: 136px;
}
.boc-ui-brand-category-tooltip-category-type {
  color: #FF8D62;
  cursor: pointer;
}

.boc-ui-brand-category-tooltip-popup .boc-ui-tooltip-inner {
  max-width: 400px;
  max-height: 320px;
  overflow: auto;
}
.empty-container {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.empty-container ._page-title_fqa9a_25 {
  font-weight: 500;
  font-family: PingFangSC-Medium;
  font-size: 14px;
  color: #222426;
  text-align: center;
  line-height: 18px;
}
.empty-container ._tips-page-box_fqa9a_43 {
  word-wrap: break-word;
  margin-top: 4px;
  font-weight: 400;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #575859;
  text-align: center;
  line-height: 16px;
}

.dumi-btn {
  font-size: 14px;
  height: 32px;
  padding: 4px 15px;
  border-radius: 6px;
  transition: all 0.3s;
  cursor: pointer;
}
.dumi-btn-default {
  background: #fff;
  color: #333;
  border: 1px solid #d9d9d9;
}
.dumi-btn-default:hover {
  color: #ffdf24;
  border-color: #ffdf24;
}
.dumi-btn-primary {
  color: #fff;
  background: #ffdf24;
  border: 1px solid #ffdf24;
}

@charset "UTF-8";
.svg-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em; /* 调整纵轴位置，方便对齐 */
  fill: currentColor;
  overflow: hidden;
}
.upload-s3 .main-tip-info {
  margin: 8px 0 0px;
  color: #222222;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  letter-spacing: 0px;
  text-align: left;
  -webkit-text-decoration: NONE;
          text-decoration: NONE;
}
.upload-s3 .desc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-weight: 400;
  font-size: 12px;
}
.upload-s3 .desc .tips {
  margin-top: 4px;
  margin-right: 8px;
  color: #999;
}
.upload-s3 .desc .download-template-btn {
  margin-top: 4px;
  color: #ff6a00;
  cursor: pointer;
}
.upload-s3 .upload-bottom .upload-bottom-item {
  margin: 8px auto;
}
.upload-s3 .upload-bottom .reload-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: #ff6a00;
  cursor: pointer;
}
.upload-s3 .upload-bottom .reload-wrap .reload-icon {
  color: #ff6a00;
  font-size: 12px;
  margin-right: 4px;
}
.upload-s3 .upload-bottom .reload-wrap .reload-tip {
  font-size: 12px;
}
.upload-s3 .upload-bottom .checking-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: #999999;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 12px;
}
.upload-s3 .upload-bottom .checking-wrap .checking-tip {
  margin-left: 5px;
}
.upload-s3 .upload-bottom .roo-alert {
  margin: 0;
}
.boc-ui-city-search .boc-ui-multi-cascader-selected {
  -ms-flex: auto;
      flex: auto;
  min-width: 1px;
}
.boc-ui-city-search .render-city-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: auto;
      flex: auto;
  min-width: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.boc-ui-city-search .render-city-container .city-text {
  -ms-flex: auto;
      flex: auto;
  min-width: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.boc-ui-city-search .render-city-container .total-cities {
  -ms-flex: none;
      flex: none;
  display: inline-block;
  margin: 0 4px;
  background: #f5f6fa;
  color: #000;
  border-radius: 10px;
  padding: 0 8px;
  line-height: 20px;
}
.boc-ui-city-search-tooltip .boc-ui-tooltip-inner {
  max-height: 300px;
  overflow-y: auto;
  /* 滚动条轨道 */
  /* 滚动条滑块 */
  /* 滑块悬停状态 */
  /* 滚动条大小 */
}
.boc-ui-city-search-tooltip .boc-ui-tooltip-inner::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  border: 1px solid #b7b7b7;
  border-left: none;
}
.boc-ui-city-search-tooltip .boc-ui-tooltip-inner::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 10px;
}
.boc-ui-city-search-tooltip .boc-ui-tooltip-inner::-webkit-scrollbar-thumb:hover {
  background-color: #9b9b9b;
}
.boc-ui-city-search-tooltip .boc-ui-tooltip-inner::-webkit-scrollbar {
  width: 10px;
  /* 横向滚动条 */
  height: 10px;
  /* 纵向滚动条 */
}

.boc-ui-city-search .boc-ui-multi-cascader-selected {
  -ms-flex: auto;
      flex: auto;
  min-width: 1px;
}
.boc-ui-city-search .render-city-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: auto;
      flex: auto;
  min-width: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.boc-ui-city-search .render-city-container .city-text {
  -ms-flex: auto;
      flex: auto;
  min-width: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.boc-ui-city-search .render-city-container .total-cities {
  -ms-flex: none;
      flex: none;
  display: inline-block;
  margin: 0 4px;
  background: #f5f6fa;
  color: #000;
  border-radius: 10px;
  padding: 0 8px;
  line-height: 20px;
}
.boc-ui-city-search-tooltip .boc-ui-tooltip-inner {
  max-height: 300px;
  overflow-y: auto;
  /* 滚动条轨道 */
  /* 滚动条滑块 */
  /* 滑块悬停状态 */
  /* 滚动条大小 */
}
.boc-ui-city-search-tooltip .boc-ui-tooltip-inner::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  border: 1px solid #b7b7b7;
  border-left: none;
}
.boc-ui-city-search-tooltip .boc-ui-tooltip-inner::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 10px;
}
.boc-ui-city-search-tooltip .boc-ui-tooltip-inner::-webkit-scrollbar-thumb:hover {
  background-color: #9b9b9b;
}
.boc-ui-city-search-tooltip .boc-ui-tooltip-inner::-webkit-scrollbar {
  width: 10px;
  /* 横向滚动条 */
  height: 10px;
  /* 纵向滚动条 */
}

.boc-button-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex: none;
      flex: none;
}
.boc-button-group .boc-button-group-item {
  background: #f5f6fa;
  border: 1px solid #eee;
  padding: 0 20px;
  border-right: none;
  height: 36px;
  cursor: pointer;
  color: #999;
  font-size: 14px;
  line-height: 36px;
  text-align: center;
}
.boc-button-group .boc-button-group-item:last-child {
  border-right: 1px solid #eee;
}
.boc-button-group .boc-button-group-item.active {
  background-color: #fff;
  color: #222;
}

.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .roo-modal-body.has-icon.question:before {
  color: #ff6a00;
}
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .roo-modal-title,
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .boc-ui-modal-title,
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .title {
  color: #222222;
  font-weight: 600;
  font-size: 20px;
}
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .roo-modal-content,
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .boc-ui-modal-content {
  max-height: 647px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .roo-modal-content .roo-modal-header,
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .roo-modal-content .boc-ui-modal-header,
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .boc-ui-modal-content .roo-modal-header,
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .boc-ui-modal-content .boc-ui-modal-header {
  -ms-flex: none;
      flex: none;
}
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .roo-modal-content .roo-modal-footer .boc-ui-modal-footer,
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .boc-ui-modal-content .roo-modal-footer .boc-ui-modal-footer {
  -ms-flex: none;
      flex: none;
}
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .roo-modal-content .invalid,
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .boc-ui-modal-content .invalid {
  margin-bottom: 15px;
}
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .roo-modal-content .invalid .invalid-list,
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .boc-ui-modal-content .invalid .invalid-list {
  color: red;
  font-size: 12px;
  padding: 0px 15px;
  overflow: auto;
  max-height: 130px;
}
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .roo-modal-content .invalid .invalid-list p,
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .boc-ui-modal-content .invalid .invalid-list p {
  display: block;
  margin-bottom: 10px;
}
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.sticky-footer .roo-modal-footer,
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.sticky-footer .boc-ui-modal-footer {
  padding: 10px 24px;
  background: #ffffff;
  box-shadow: 0px -2px 20px 0px rgba(54, 57, 77, 0.0980392157);
}
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .boc-ui-label-model-form-tips {
  color: #999999;
  font-size: 12px;
  line-height: 18px;
}
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .boc-ui-label-model-brand-upc-select-wrapper {
  position: relative;
}
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .boc-ui-label-model-brand-upc-select-wrapper .boc-ui-label-model-brand-upc-select-count {
  position: absolute;
  width: 36px;
  right: -36px;
  top: 0;
  text-align: left;
  padding-left: 8px;
  color: #999999;
  font-size: 12px;
  line-height: 36px;
  white-space: nowrap;
}
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .boc-ui-label-model-brand-upc-select-wrapper .boc-ui-label-model-brand-upc-select-count b {
  color: #222222;
}
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .roo-tableNew .roo-btn,
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .roo-tableNew .boc-ui-btn,
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .boc-ui-tableNew .roo-btn,
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .boc-ui-tableNew .boc-ui-btn {
  padding: 0;
}
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .roo-tableNew .roo-btn + .roo-btn,
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .roo-tableNew .roo-btn + .boc-ui-btn,
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .roo-tableNew .boc-ui-btn + .roo-btn,
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .roo-tableNew .boc-ui-btn + .boc-ui-btn,
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .boc-ui-tableNew .roo-btn + .roo-btn,
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .boc-ui-tableNew .roo-btn + .boc-ui-btn,
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .boc-ui-tableNew .boc-ui-btn + .roo-btn,
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .boc-ui-tableNew .boc-ui-btn + .boc-ui-btn {
  margin-left: 28px;
}
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .boc-ui-label-model-upc-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  grid-gap: 8px;
  gap: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  max-height: 320px;
  margin-top: -8px;
  overflow-y: auto;
}
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .boc-ui-label-model-upc-list .boc-ui-label-model-upc-item {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  color: #222222 !important;
  height: auto;
  min-height: 24px;
}
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .boc-ui-label-model-upc-list .boc-ui-label-model-upc-item .roo-icon-times-circle {
  color: #cccccc;
}
.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .boc-ui-label-model-upc-list .boc-ui-label-model-upc-item .boc-ui-x-row-center {
  white-space: pre-wrap;
}

.boc-ui-product-label-select {
  -ms-flex: auto;
      flex: auto;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 4px;
  gap: 4px;
}
.boc-ui-product-label-select .boc-ui-product-label-select-selector {
  -ms-flex: auto;
      flex: auto;
}
.boc-ui-product-label-select .boc-ui-product-label-select-btns {
  -ms-flex: none;
      flex: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  grid-gap: 8px;
  gap: 8px;
}
.boc-ui-product-label-select .boc-ui-product-label-select-btns .roo-btn {
  padding: 0 12px;
}
.boc-ui-product-label-select .boc-ui-product-label-select-btns .divider {
  width: 1px;
  height: 16px;
  background-color: #e5e5e5;
}

.boc-label-sort-model-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.boc-ui-upc-or-label-selector {
  -ms-flex: auto;
      flex: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  grid-gap: 20px;
  gap: 20px;
  min-width: 0;
}
.boc-ui-upc-or-label-selector .boc-ui-brand-upc-select,
.boc-ui-upc-or-label-selector .boc-ui-product-label-select-selector {
  max-width: 630px;
}

.boc-ui-upc-or-label-selector-brand-upc-select-menu .boc-ui-picker-menu {
  width: 315px;
  max-width: 315px;
}
.boc-ui-upc-or-label-selector-brand-upc-select-menu .boc-ui-picker-menu:not(:first-child) .boc-ui-picker-menu-item {
  height: auto;
  min-height: 36px;
}
.boc-ui-upc-or-label-selector-brand-upc-select-menu .boc-ui-picker-menu:not(:first-child) .boc-ui-picker-menu-item .boc-ui-checkbox {
  -ms-flex-align: start;
      align-items: flex-start;
}
.boc-ui-upc-or-label-selector-brand-upc-select-menu .boc-ui-picker-menu:not(:first-child) .boc-ui-picker-menu-item .boc-ui-checkbox .custom-checkbox {
  margin-top: 4px;
}
.boc-ui-upc-or-label-selector-brand-upc-select-menu .boc-ui-picker-menu:not(:first-child) .boc-ui-picker-menu-item .boc-ui-checkbox span {
  white-space: wrap;
}
.boc-ui-associated-selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  /* 垂直居中对齐 */
}
.boc-ui-associated-selector .boc-ui-associated-selector-dropdown {
  -ms-flex: 1;
      flex: 1;
  /* 让选择框占据剩余空间 */
}

.boc-ui-brand-chain-search .boc-ui-input-tag .tags-box {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  min-width: 1px;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.boc-ui-brand-chain-search .boc-ui-input-tag .tags-box::-webkit-scrollbar {
  display: none;
}
.boc-ui-brand-chain-search .boc-ui-input-tag .tags-box .boc-ui-tag {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  white-space: nowrap;
}
.boc-ui-brand-chain-search .boc-ui-input-tag .tags-box .boc-ui-input {
  min-width: 40px !important;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
}
.boc-ui-brand-chain-search-selected-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
}
.boc-ui-brand-chain-search-selected {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  scrollbar-width: thin;
  scrollbar-color: #c1c1c1 #f1f1f1;
}
.boc-ui-brand-chain-search-selected > span.boc-ui-roo-tag-gray {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 6px;
  margin-bottom: 8px;
  background-color: #f5f6fa !important;
  border: 1px solid #f5f6fa !important;
  color: #222 !important;
  white-space: nowrap;
}
.boc-ui-brand-chain-search-selected .boc-ui-brand-chain-search-max-tag {
  cursor: pointer;
}
.boc-ui-brand-chain-search-tooltip .boc-ui-brand-chain-search-tooltip-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  grid-gap: 2px;
  gap: 2px;
}

.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model .roo-modal-body.has-icon.question:before {
  color: #ff6a00;
}
.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model .roo-modal-title,
.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model .boc-ui-modal-title,
.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model .title {
  color: #222222;
  font-weight: 600;
  font-size: 20px;
}
.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model .roo-modal-content,
.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model .boc-ui-modal-content {
  max-height: 647px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model .roo-modal-content .roo-modal-header,
.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model .roo-modal-content .boc-ui-modal-header,
.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model .boc-ui-modal-content .roo-modal-header,
.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model .boc-ui-modal-content .boc-ui-modal-header {
  -ms-flex: none;
      flex: none;
}
.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model .roo-modal-content .roo-modal-footer .boc-ui-modal-footer,
.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model .boc-ui-modal-content .roo-modal-footer .boc-ui-modal-footer {
  -ms-flex: none;
      flex: none;
}
.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.sticky-footer .roo-modal-footer,
.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.sticky-footer .boc-ui-modal-footer {
  padding: 10px 24px;
  background: #ffffff;
  box-shadow: 0px -2px 20px 0px rgba(54, 57, 77, 0.0980392157);
}
.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model .boc-ui-chain-label-model-form-tips {
  color: #999999;
  font-size: 12px;
  line-height: 18px;
}
.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model .roo-tableNew .roo-btn,
.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model .roo-tableNew .boc-ui-btn,
.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model .boc-ui-tableNew .roo-btn,
.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model .boc-ui-tableNew .boc-ui-btn {
  padding: 0;
}
.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model .roo-tableNew .roo-btn + .roo-btn,
.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model .roo-tableNew .roo-btn + .boc-ui-btn,
.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model .roo-tableNew .boc-ui-btn + .roo-btn,
.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model .roo-tableNew .boc-ui-btn + .boc-ui-btn,
.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model .boc-ui-tableNew .roo-btn + .roo-btn,
.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model .boc-ui-tableNew .roo-btn + .boc-ui-btn,
.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model .boc-ui-tableNew .boc-ui-btn + .roo-btn,
.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model .boc-ui-tableNew .boc-ui-btn + .boc-ui-btn {
  margin-left: 28px;
}
.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model .boc-ui-chain-label-model-chain-search-wrapper {
  position: relative;
}
.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model .boc-ui-chain-label-model-chain-search-wrapper > span {
  position: absolute;
  right: -42px;
  top: 0px;
  line-height: 38px;
}
.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model .boc-ui-chain-label-model-chain-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  grid-gap: 8px;
  gap: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  max-height: 220px;
  margin-top: 8px;
  overflow-y: auto;
}
.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model .boc-ui-chain-label-model-chain-list .boc-ui-chain-label-model-chain-item {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  color: #222222 !important;
  height: auto;
  min-height: 24px;
}
.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model .boc-ui-chain-label-model-chain-list .boc-ui-chain-label-model-chain-item .roo-icon-times-circle {
  color: #cccccc;
}
.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model.boc-ui-chain-label-model .boc-ui-chain-label-model-chain-list .boc-ui-chain-label-model-chain-item .boc-ui-x-row-center {
  white-space: pre-wrap;
}

.boc-ui-chain-label-select {
  -ms-flex: auto;
      flex: auto;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 4px;
  gap: 4px;
}
.boc-ui-chain-label-select .boc-ui-chain-label-select-selector {
  -ms-flex: auto;
      flex: auto;
}
.boc-ui-chain-label-select .boc-ui-chain-label-select-btns {
  -ms-flex: none;
      flex: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  grid-gap: 8px;
  gap: 8px;
}
.boc-ui-chain-label-select .boc-ui-chain-label-select-btns .roo-btn {
  padding: 0 12px;
}
.boc-ui-chain-label-select .boc-ui-chain-label-select-btns .divider {
  width: 1px;
  height: 16px;
  background-color: #e5e5e5;
}

.boc-label-sort-model-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.boc-ui-intersection-observer {
  width: 100%;
  overflow: hidden;
  transition: height 0.3s ease-in-out;
}

.boc-ui-related-category-multi-selector {
  -ms-flex: auto;
      flex: auto;
  min-width: 0;
}
.boc-ui-related-category-multi-selector .boc-ui-multi-cascader-toggle {
  padding: 0 10px;
}
.boc-ui-related-category-multi-selector .boc-ui-multi-cascader-selected {
  -ms-flex: auto;
      flex: auto;
  min-width: 0;
}
.boc-ui-related-category-multi-selector .boc-ui-related-category-multi-selector-selected-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex: auto;
      flex: auto;
  min-width: 0;
}
.boc-ui-related-category-multi-selector .boc-ui-related-category-multi-selector-selected {
  -ms-flex: 1;
      flex: 1;
  overflow: hidden;
}
.boc-ui-related-category-multi-selector .boc-ui-related-category-multi-selector-selected > span.boc-ui-roo-tag-gray {
  margin-right: 6px;
  background-color: #f5f6fa !important;
  border: 1px solid #f5f6fa !important;
  color: #222 !important;
}
.boc-ui-related-category-multi-selector .boc-ui-related-category-multi-selector-count {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  line-height: 18px;
  text-align: center;
  border-radius: 100px;
  font-size: 12px;
  margin: 6px;
  background: #222;
  padding: 2px 4px;
  color: #fff;
  min-width: 22px;
}
.boc-ui-related-category-multi-selector .boc-ui-related-category-multi-selector-tooltip .boc-ui-tooltip-inner {
  max-height: 300px;
  overflow-y: auto;
  /* 滚动条轨道 */
  /* 滚动条滑块 */
  /* 滑块悬停状态 */
  /* 滚动条大小 */
}
.boc-ui-related-category-multi-selector .boc-ui-related-category-multi-selector-tooltip .boc-ui-tooltip-inner::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  border: 1px solid #b7b7b7;
  border-left: none;
}
.boc-ui-related-category-multi-selector .boc-ui-related-category-multi-selector-tooltip .boc-ui-tooltip-inner::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 10px;
}
.boc-ui-related-category-multi-selector .boc-ui-related-category-multi-selector-tooltip .boc-ui-tooltip-inner::-webkit-scrollbar-thumb:hover {
  background-color: #9b9b9b;
}
.boc-ui-related-category-multi-selector .boc-ui-related-category-multi-selector-tooltip .boc-ui-tooltip-inner::-webkit-scrollbar {
  width: 10px;
  /* 横向滚动条 */
  height: 10px;
  /* 纵向滚动条 */
}
.boc-ui-picker-multi-cascader-menu.disable-select-second .boc-ui-picker-cascader-menu-has-children .custom-checkbox-label {
  opacity: 1;
}
.boc-ui-picker-multi-cascader-menu.disable-select-second .boc-ui-picker-cascader-menu-has-children .custom-checkbox-label .boc-ui-checkbox-uncheckable {
  cursor: pointer;
}
.boc-ui-picker-multi-cascader-menu.disable-select-second .boc-ui-picker-cascader-menu-has-children .check-item-uncheckable {
  display: none;
}

.boc-ui-related-category-single-selector .roo-multi-cascader-selected {
  -ms-flex: auto;
      flex: auto;
  min-width: 1px;
}
.boc-ui-related-category-single-selector .category-selector-selected-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex: auto;
      flex: auto;
}
.boc-ui-related-category-single-selector .category-selector-select-selected {
  -ms-flex: auto;
      flex: auto;
  min-width: 1px;
  overflow: hidden;
}
.boc-ui-related-category-single-selector .category-selector-select-selected > span.boc-ui-roo-tag-gray {
  margin-right: 6px;
  background-color: #f5f6fa !important;
  border: 1px solid #f5f6fa !important;
  color: #222 !important;
}
.boc-ui-related-category-single-selector .category-selector-count {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  line-height: 18px;
  text-align: center;
  border-radius: 100px;
  font-size: 12px;
  margin: 0 6px;
  background: #222;
  padding: 2px 4px;
  color: #fff;
  min-width: 22px;
}

.boc-ui-branch-company-selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  /* 垂直居中对齐 */
}
.boc-ui-branch-company-selector .boc-ui-branch-company-selector-dropdown {
  -ms-flex: 1;
      flex: 1;
  /* 让选择框占据剩余空间 */
}

.store-tag-button-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex: none;
      flex: none;
}
.store-tag-button-group .store-tag-button-group-item {
  background: #f5f6fa;
  border: 1px solid #eee;
  padding: 0 20px;
  border-right: none;
  height: 36px;
  cursor: pointer;
  color: #999;
  font-size: 14px;
  line-height: 36px;
  text-align: center;
}
.store-tag-button-group .store-tag-button-group-item:last-child {
  border-right: 1px solid #eee;
}
.store-tag-button-group .store-tag-button-group-item.active {
  background-color: #fff;
  color: #222;
}

.custom-store-tag-upload__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
  padding: 17px;
  border-radius: 2px;
  background: #f5f6fa;
  border: 1px dashed #eee;
}
.custom-store-tag-upload__icon {
  font-size: 24px;
  color: #1f1f1f;
  margin-bottom: 4px;
}
.custom-store-tag-upload__icon--loading {
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}
.custom-store-tag-upload__text {
  color: #1f1f1f;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
}
.custom-store-tag-upload__subtext {
  color: #666;
  font-size: 12px;
  line-height: 12px;
}
.custom-store-tag-upload__success {
  color: #52c41a;
  font-size: 12px;
  margin-top: 4px;
  font-weight: 500;
}
.custom-store-tag-upload__error {
  color: #999;
  font-size: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-weight: 500;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.custom-store-tag-upload__error-text {
  color: #ff4d4f;
}
.custom-store-tag-upload__error span {
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
}
.custom-store-tag-upload__image {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  height: 100%;
  border-radius: 2px;
  background: #f5f6fa;
  border: 1px dashed #ccc;
}
.custom-store-tag-upload__file-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  grid-gap: 10px;
  gap: 10px;
  margin-top: 10px;
}
.custom-store-tag-upload__file-container .custom-store-tag-upload-file-name {
  color: #2d9ce8;
}

.custom-store-tag-edit-modal-form-item__tips {
  margin: 5px;
  color: #999;
  font-size: 12px;
}

.custom-store-tag-select {
  display: -ms-flexbox;
  display: flex;
  grid-gap: 4px;
  gap: 4px;
}
.custom-store-tag-select .custom-store-tag-select-selector {
  -ms-flex: auto;
      flex: auto;
}
.custom-store-tag-select .custom-store-tag-select-btns {
  -ms-flex: none;
      flex: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  grid-gap: 8px;
  gap: 8px;
}
.custom-store-tag-select .custom-store-tag-select-btns .roo-btn {
  padding: 0 12px;
}
.custom-store-tag-select .custom-store-tag-select-btns .divider {
  width: 1px;
  height: 16px;
  background-color: #e5e5e5;
}
.custom-store-tag-sort-model-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.store-tag-selector {
  display: -ms-flexbox;
  display: flex;
  grid-gap: 8px;
  gap: 8px;
}
.store-tag-selector__content {
  -ms-flex: 1;
      flex: 1;
}

.rc-trigger-popup {
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: 1050;
}
.rc-trigger-popup-hidden {
  display: none;
}
.rc-trigger-popup-zoom-enter,
.rc-trigger-popup-zoom-appear {
  opacity: 0;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
          animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.rc-trigger-popup-zoom-leave {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
          animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.rc-trigger-popup-zoom-enter.rc-trigger-popup-zoom-enter-active,
.rc-trigger-popup-zoom-appear.rc-trigger-popup-zoom-appear-active {
  -webkit-animation-name: rcTriggerZoomIn;
          animation-name: rcTriggerZoomIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.rc-trigger-popup-zoom-leave.rc-trigger-popup-zoom-leave-active {
  -webkit-animation-name: rcTriggerZoomOut;
          animation-name: rcTriggerZoomOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes rcTriggerZoomIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes rcTriggerZoomIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@-webkit-keyframes rcTriggerZoomOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
}
@keyframes rcTriggerZoomOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
}
.rc-trigger-popup-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #373737;
  background-color: rgba(55, 55, 55, 0.6);
  height: 100%;
  filter: alpha(opacity=50);
  z-index: 1050;
}
.rc-trigger-popup-mask-hidden {
  display: none;
}
.rc-trigger-popup-fade-enter,
.rc-trigger-popup-fade-appear {
  opacity: 0;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.rc-trigger-popup-fade-leave {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.rc-trigger-popup-fade-enter.rc-trigger-popup-fade-enter-active,
.rc-trigger-popup-fade-appear.rc-trigger-popup-fade-appear-active {
  -webkit-animation-name: rcTriggerMaskFadeIn;
          animation-name: rcTriggerMaskFadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.rc-trigger-popup-fade-leave.rc-trigger-popup-fade-leave-active {
  -webkit-animation-name: rcDialogFadeOut;
          animation-name: rcDialogFadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes rcTriggerMaskFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rcTriggerMaskFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes rcDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rcDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@font-face {
  font-family: 'FontAwesome';
  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/fonts/fontawesome-webfont.eot');
  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/fonts/fontawesome-webfont.woff') format('woff'), url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/fonts/fontawesome-webfont.ttf') format('truetype'), url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/fonts/fontawesome-webfont.svg?#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.rc-menu {
  outline: none;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  list-style: none;
  border: 1px solid #d9d9d9;
  box-shadow: 0 0 4px #d9d9d9;
  border-radius: 3px;
  color: #666;
}
.rc-menu-rtl {
  direction: rtl;
}
.rc-menu-hidden {
  display: none;
}
.rc-menu-collapse {
  overflow: hidden;
  transition: height 0.3s ease-out;
}
.rc-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.rc-menu-item-group-title {
  color: #999;
  line-height: 1.5;
  padding: 8px 10px;
  border-bottom: 1px solid #dedede;
}
.rc-menu-item-active,
.rc-menu-submenu-active > .rc-menu-submenu-title {
  background-color: #eaf8fe;
}
.rc-menu-item-selected {
  background-color: #eaf8fe;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.rc-menu-submenu-selected {
  background-color: #eaf8fe;
}
.rc-menu > li.rc-menu-submenu {
  padding: 0;
}
.rc-menu-horizontal.rc-menu-sub,
.rc-menu-vertical.rc-menu-sub,
.rc-menu-vertical-left.rc-menu-sub,
.rc-menu-vertical-right.rc-menu-sub {
  min-width: 160px;
  margin-top: 0;
}
.rc-menu-item,
.rc-menu-submenu-title {
  margin: 0;
  position: relative;
  display: block;
  padding: 7px 7px 7px 16px;
  white-space: nowrap;
}
.rc-menu-rtl .rc-menu-item,
.rc-menu-rtl .rc-menu-submenu-title {
  padding: 7px 16px 7px 7px;
}
.rc-menu-item.rc-menu-item-disabled,
.rc-menu-submenu-title.rc-menu-item-disabled,
.rc-menu-item.rc-menu-submenu-disabled,
.rc-menu-submenu-title.rc-menu-submenu-disabled {
  color: #777 !important;
}
.rc-menu > .rc-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  padding: 0;
  line-height: 0;
  background-color: #e5e5e5;
}
.rc-menu-submenu-popup {
  position: absolute;
}
.rc-menu-submenu-popup .submenu-title-wrapper {
  padding-right: 20px;
}
.rc-menu-submenu-rtl.rc-menu-submenu-popup .submenu-title-wrapper,
.rc-menu-submenu-rtl .rc-menu-submenu-popup .submenu-title-wrapper {
  padding-right: 0;
  padding-left: 20px;
}
.rc-menu-submenu > .rc-menu {
  background-color: #fff;
}
.rc-menu .rc-menu-submenu-title .anticon,
.rc-menu .rc-menu-item .anticon {
  width: 14px;
  height: 14px;
  margin-right: 8px;
  top: -1px;
}
.rc-menu-rtl .rc-menu .rc-menu-submenu-title .anticon,
.rc-menu-rtl .rc-menu .rc-menu-item .anticon {
  margin-right: 0;
  margin-left: 8px;
}
.rc-menu-horizontal {
  background-color: #f3f5f7;
  border: none;
  border-bottom: 1px solid #d9d9d9;
  box-shadow: none;
  white-space: nowrap;
  overflow: hidden;
}
.rc-menu-horizontal > .rc-menu-item,
.rc-menu-horizontal > .rc-menu-submenu > .rc-menu-submenu-title {
  padding: 15px 20px;
}
.rc-menu-horizontal > .rc-menu-submenu,
.rc-menu-horizontal > .rc-menu-item {
  border-bottom: 2px solid transparent;
  display: inline-block;
  vertical-align: bottom;
}
.rc-menu-horizontal > .rc-menu-submenu-active,
.rc-menu-horizontal > .rc-menu-item-active {
  border-bottom: 2px solid #2db7f5;
  background-color: #f3f5f7;
  color: #2baee9;
}
.rc-menu-horizontal:after {
  content: '\20';
  display: block;
  height: 0;
  clear: both;
}
.rc-menu-vertical,
.rc-menu-vertical-left,
.rc-menu-vertical-right,
.rc-menu-inline {
  padding: 12px 0;
}
.rc-menu-vertical > .rc-menu-item,
.rc-menu-vertical-left > .rc-menu-item,
.rc-menu-vertical-right > .rc-menu-item,
.rc-menu-inline > .rc-menu-item,
.rc-menu-vertical > .rc-menu-submenu > .rc-menu-submenu-title,
.rc-menu-vertical-left > .rc-menu-submenu > .rc-menu-submenu-title,
.rc-menu-vertical-right > .rc-menu-submenu > .rc-menu-submenu-title,
.rc-menu-inline > .rc-menu-submenu > .rc-menu-submenu-title {
  padding: 12px 8px 12px 24px;
}
.rc-menu-rtl.rc-menu-vertical > .rc-menu-item,
.rc-menu-rtl.rc-menu-vertical-left > .rc-menu-item,
.rc-menu-rtl.rc-menu-vertical-right > .rc-menu-item,
.rc-menu-rtl.rc-menu-inline > .rc-menu-item,
.rc-menu-rtl.rc-menu-vertical > .rc-menu-submenu > .rc-menu-submenu-title,
.rc-menu-rtl.rc-menu-vertical-left > .rc-menu-submenu > .rc-menu-submenu-title,
.rc-menu-rtl.rc-menu-vertical-right > .rc-menu-submenu > .rc-menu-submenu-title,
.rc-menu-rtl.rc-menu-inline > .rc-menu-submenu > .rc-menu-submenu-title {
  padding: 12px 24px 12px 8px;
}
.rc-menu-vertical .rc-menu-submenu-arrow,
.rc-menu-vertical-left .rc-menu-submenu-arrow,
.rc-menu-vertical-right .rc-menu-submenu-arrow,
.rc-menu-inline .rc-menu-submenu-arrow {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
  position: absolute;
  right: 16px;
  line-height: 1.5em;
}
.rc-menu-vertical .rc-menu-submenu-arrow:before,
.rc-menu-vertical-left .rc-menu-submenu-arrow:before,
.rc-menu-vertical-right .rc-menu-submenu-arrow:before,
.rc-menu-inline .rc-menu-submenu-arrow:before {
  content: '\f0da';
}
.rc-menu-rtl.rc-menu-vertical .rc-menu-submenu-arrow:before,
.rc-menu-rtl.rc-menu-vertical-left .rc-menu-submenu-arrow:before,
.rc-menu-rtl.rc-menu-vertical-right .rc-menu-submenu-arrow:before,
.rc-menu-rtl.rc-menu-inline .rc-menu-submenu-arrow:before,
.rc-menu-submenu-rtl .rc-menu-vertical .rc-menu-submenu-arrow:before,
.rc-menu-submenu-rtl .rc-menu-vertical-left .rc-menu-submenu-arrow:before,
.rc-menu-submenu-rtl .rc-menu-vertical-right .rc-menu-submenu-arrow:before,
.rc-menu-submenu-rtl .rc-menu-inline .rc-menu-submenu-arrow:before {
  content: '\f0d9';
}
.rc-menu-rtl.rc-menu-vertical .rc-menu-submenu-arrow,
.rc-menu-rtl.rc-menu-vertical-left .rc-menu-submenu-arrow,
.rc-menu-rtl.rc-menu-vertical-right .rc-menu-submenu-arrow,
.rc-menu-rtl.rc-menu-inline .rc-menu-submenu-arrow,
.rc-menu-submenu-rtl .rc-menu-vertical .rc-menu-submenu-arrow,
.rc-menu-submenu-rtl .rc-menu-vertical-left .rc-menu-submenu-arrow,
.rc-menu-submenu-rtl .rc-menu-vertical-right .rc-menu-submenu-arrow,
.rc-menu-submenu-rtl .rc-menu-inline .rc-menu-submenu-arrow {
  right: auto;
  left: 16px;
}
.rc-menu-inline .rc-menu-submenu-arrow {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.rc-menu-inline .rc-menu-submenu-open > .rc-menu-submenu-title .rc-menu-submenu-arrow {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.rc-menu-vertical.rc-menu-sub,
.rc-menu-vertical-left.rc-menu-sub,
.rc-menu-vertical-right.rc-menu-sub {
  padding: 0;
}
.rc-menu-submenu-rtl .rc-menu-vertical.rc-menu-sub,
.rc-menu-submenu-rtl .rc-menu-vertical-left.rc-menu-sub,
.rc-menu-submenu-rtl .rc-menu-vertical-right.rc-menu-sub {
  direction: rtl;
}
.rc-menu-sub.rc-menu-inline {
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.rc-menu-sub.rc-menu-inline > .rc-menu-item,
.rc-menu-sub.rc-menu-inline > .rc-menu-submenu > .rc-menu-submenu-title {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 0;
}
.rc-menu-rtl .rc-menu-sub.rc-menu-inline > .rc-menu-item,
.rc-menu-rtl .rc-menu-sub.rc-menu-inline > .rc-menu-submenu > .rc-menu-submenu-title {
  padding-left: 0;
}
.rc-menu-open-slide-up-enter,
.rc-menu-open-slide-up-appear {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.rc-menu-open-slide-up-leave {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  opacity: 1;
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.rc-menu-open-slide-up-enter.rc-menu-open-slide-up-enter-active,
.rc-menu-open-slide-up-appear.rc-menu-open-slide-up-appear-active {
  -webkit-animation-name: rcMenuOpenSlideUpIn;
          animation-name: rcMenuOpenSlideUpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.rc-menu-open-slide-up-leave.rc-menu-open-slide-up-leave-active {
  -webkit-animation-name: rcMenuOpenSlideUpOut;
          animation-name: rcMenuOpenSlideUpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes rcMenuOpenSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@keyframes rcMenuOpenSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@-webkit-keyframes rcMenuOpenSlideUpOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}
@keyframes rcMenuOpenSlideUpOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}
.rc-menu-open-zoom-enter,
.rc-menu-open-zoom-appear {
  opacity: 0;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.rc-menu-open-zoom-leave {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.rc-menu-open-zoom-enter.rc-menu-open-zoom-enter-active,
.rc-menu-open-zoom-appear.rc-menu-open-zoom-appear-active {
  -webkit-animation-name: rcMenuOpenZoomIn;
          animation-name: rcMenuOpenZoomIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.rc-menu-open-zoom-leave.rc-menu-open-zoom-leave-active {
  -webkit-animation-name: rcMenuOpenZoomOut;
          animation-name: rcMenuOpenZoomOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.rc-menu-submenu-rtl.rc-menu-open-zoom-enter,
.rc-menu-submenu-rtl.rc-menu-open-zoom-appear,
.rc-menu-submenu-rtl.rc-menu-open-zoom-leave,
.rc-menu-submenu-rtl .rc-menu-open-zoom-enter,
.rc-menu-submenu-rtl .rc-menu-open-zoom-appear,
.rc-menu-submenu-rtl .rc-menu-open-zoom-leave {
  -webkit-transform-origin: top right !important;
      -ms-transform-origin: top right !important;
          transform-origin: top right !important;
}
@-webkit-keyframes rcMenuOpenZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes rcMenuOpenZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@-webkit-keyframes rcMenuOpenZoomOut {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
}
@keyframes rcMenuOpenZoomOut {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
}


/*# sourceMappingURL=//awp-assets.sankuai.com/set/online_shangou_medicine_brand/sourcemap/css/vendor-initial.26ac270484e732afbf6f.css.map*/