@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: #585A6E; }

*,
*::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: #BABCCC; }

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

input::placeholder {
    color: #BABCCC; }

/**
   * 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: #F89800;
    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: #FFD161;
        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; }

.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; }

.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 {
    -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.33333%;
        flex: 0 0 8.33333%;
    max-width: 8.33333%; }

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

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

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

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

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

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

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

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

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

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

.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; }

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

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

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

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

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

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

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

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

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

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

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

@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.33333%;
            flex: 0 0 8.33333%;
        max-width: 8.33333%; }
    .col-sm-2 {
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
        max-width: 16.66667%; }
    .col-sm-3 {
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
        max-width: 25%; }
    .col-sm-4 {
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
        max-width: 33.33333%; }
    .col-sm-5 {
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
        max-width: 41.66667%; }
    .col-sm-6 {
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
        max-width: 50%; }
    .col-sm-7 {
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
        max-width: 58.33333%; }
    .col-sm-8 {
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
        max-width: 66.66667%; }
    .col-sm-9 {
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
        max-width: 75%; }
    .col-sm-10 {
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
        max-width: 83.33333%; }
    .col-sm-11 {
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
        max-width: 91.66667%; }
    .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; }
    .offset-sm-1 {
        margin-left: 8.33333%; }
    .offset-sm-2 {
        margin-left: 16.66667%; }
    .offset-sm-3 {
        margin-left: 25%; }
    .offset-sm-4 {
        margin-left: 33.33333%; }
    .offset-sm-5 {
        margin-left: 41.66667%; }
    .offset-sm-6 {
        margin-left: 50%; }
    .offset-sm-7 {
        margin-left: 58.33333%; }
    .offset-sm-8 {
        margin-left: 66.66667%; }
    .offset-sm-9 {
        margin-left: 75%; }
    .offset-sm-10 {
        margin-left: 83.33333%; }
    .offset-sm-11 {
        margin-left: 91.66667%; } }

@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.33333%;
            flex: 0 0 8.33333%;
        max-width: 8.33333%; }
    .col-md-2 {
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
        max-width: 16.66667%; }
    .col-md-3 {
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
        max-width: 25%; }
    .col-md-4 {
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
        max-width: 33.33333%; }
    .col-md-5 {
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
        max-width: 41.66667%; }
    .col-md-6 {
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
        max-width: 50%; }
    .col-md-7 {
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
        max-width: 58.33333%; }
    .col-md-8 {
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
        max-width: 66.66667%; }
    .col-md-9 {
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
        max-width: 75%; }
    .col-md-10 {
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
        max-width: 83.33333%; }
    .col-md-11 {
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
        max-width: 91.66667%; }
    .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; }
    .offset-md-1 {
        margin-left: 8.33333%; }
    .offset-md-2 {
        margin-left: 16.66667%; }
    .offset-md-3 {
        margin-left: 25%; }
    .offset-md-4 {
        margin-left: 33.33333%; }
    .offset-md-5 {
        margin-left: 41.66667%; }
    .offset-md-6 {
        margin-left: 50%; }
    .offset-md-7 {
        margin-left: 58.33333%; }
    .offset-md-8 {
        margin-left: 66.66667%; }
    .offset-md-9 {
        margin-left: 75%; }
    .offset-md-10 {
        margin-left: 83.33333%; }
    .offset-md-11 {
        margin-left: 91.66667%; } }

@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.33333%;
            flex: 0 0 8.33333%;
        max-width: 8.33333%; }
    .col-lg-2 {
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
        max-width: 16.66667%; }
    .col-lg-3 {
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
        max-width: 25%; }
    .col-lg-4 {
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
        max-width: 33.33333%; }
    .col-lg-5 {
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
        max-width: 41.66667%; }
    .col-lg-6 {
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
        max-width: 50%; }
    .col-lg-7 {
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
        max-width: 58.33333%; }
    .col-lg-8 {
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
        max-width: 66.66667%; }
    .col-lg-9 {
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
        max-width: 75%; }
    .col-lg-10 {
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
        max-width: 83.33333%; }
    .col-lg-11 {
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
        max-width: 91.66667%; }
    .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; }
    .offset-lg-1 {
        margin-left: 8.33333%; }
    .offset-lg-2 {
        margin-left: 16.66667%; }
    .offset-lg-3 {
        margin-left: 25%; }
    .offset-lg-4 {
        margin-left: 33.33333%; }
    .offset-lg-5 {
        margin-left: 41.66667%; }
    .offset-lg-6 {
        margin-left: 50%; }
    .offset-lg-7 {
        margin-left: 58.33333%; }
    .offset-lg-8 {
        margin-left: 66.66667%; }
    .offset-lg-9 {
        margin-left: 75%; }
    .offset-lg-10 {
        margin-left: 83.33333%; }
    .offset-lg-11 {
        margin-left: 91.66667%; } }

@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.33333%;
            flex: 0 0 8.33333%;
        max-width: 8.33333%; }
    .col-xl-2 {
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
        max-width: 16.66667%; }
    .col-xl-3 {
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
        max-width: 25%; }
    .col-xl-4 {
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
        max-width: 33.33333%; }
    .col-xl-5 {
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
        max-width: 41.66667%; }
    .col-xl-6 {
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
        max-width: 50%; }
    .col-xl-7 {
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
        max-width: 58.33333%; }
    .col-xl-8 {
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
        max-width: 66.66667%; }
    .col-xl-9 {
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
        max-width: 75%; }
    .col-xl-10 {
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
        max-width: 83.33333%; }
    .col-xl-11 {
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
        max-width: 91.66667%; }
    .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; }
    .offset-xl-1 {
        margin-left: 8.33333%; }
    .offset-xl-2 {
        margin-left: 16.66667%; }
    .offset-xl-3 {
        margin-left: 25%; }
    .offset-xl-4 {
        margin-left: 33.33333%; }
    .offset-xl-5 {
        margin-left: 41.66667%; }
    .offset-xl-6 {
        margin-left: 50%; }
    .offset-xl-7 {
        margin-left: 58.33333%; }
    .offset-xl-8 {
        margin-left: 66.66667%; }
    .offset-xl-9 {
        margin-left: 75%; }
    .offset-xl-10 {
        margin-left: 83.33333%; }
    .offset-xl-11 {
        margin-left: 91.66667%; } }

@font-face {
    font-family: "roo-icon";
    src: url(//awp-assets.meituan.net/set/online_shangou_medicine_brand/fonts/roo-icon-c36412e0d2.eot);
    src: url(//awp-assets.meituan.net/set/online_shangou_medicine_brand/fonts/roo-icon-c36412e0d2.eot?#iefix) format("eot"), url(//awp-assets.meituan.net/set/online_shangou_medicine_brand/fonts/roo-icon-8bcf62ca4c.woff2) format("woff2"), url(//awp-assets.meituan.net/set/online_shangou_medicine_brand/fonts/roo-icon-e89de440e4.woff) format("woff"), url(//awp-assets.meituan.net/set/online_shangou_medicine_brand/fonts/roo-icon-1ad1b7ce57.ttf) format("truetype"), url(//awp-assets.meituan.net/set/online_shangou_medicine_brand/images/roo-icon-6c3ba72c4d.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-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 20px;
    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; }
    .roo-btn:hover, .roo-btn:focus {
        text-decoration: none; }
    .roo-btn:focus, .roo-btn.focus {
        outline: 0; }
    .roo-btn.disabled, .roo-btn:disabled {
        color: #BABCCC !important;
        background-color: #F7F8FA !important;
        border-color: #E9EAF2 !important;
        cursor: not-allowed; }
    .roo-btn:not(:disabled):not(.disabled) {
        cursor: pointer; }
    .roo-btn a.roo-btn.disabled,
    .roo-btn fieldset:disabled a.roo-btn {
        pointer-events: none; }
    .roo-btn.roo-btn-stable {
        width: 100px; }
    .roo-btn.roo-btn-primary {
        color: #fff;
        background-color: #222222;
        border-color: #222222; }
        .roo-btn.roo-btn-primary:hover {
            color: #fff;
            background-color: rgba(34, 34, 34, 0.8);
            border-color: transparent; }
        .roo-btn.roo-btn-primary:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-primary:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-primary.dropdown-toggle {
            color: #fff;
            background-color: rgba(34, 34, 34, 0.9);
            border-color: transparent; }
    .roo-btn.roo-btn-secondary {
        color: #fff;
        background-color: #f89800;
        border-color: #f89800; }
        .roo-btn.roo-btn-secondary:hover {
            color: #fff;
            background-color: rgba(248, 152, 0, 0.8);
            border-color: transparent; }
        .roo-btn.roo-btn-secondary:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-secondary:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-secondary.dropdown-toggle {
            color: #fff;
            background-color: rgba(248, 152, 0, 0.9);
            border-color: transparent; }
    .roo-btn.roo-btn-brand {
        color: #222222;
        background-color: #FFD161;
        border-color: #FFD161; }
        .roo-btn.roo-btn-brand:hover {
            color: #222222;
            background-color: rgba(255, 209, 97, 0.8);
            border-color: transparent; }
        .roo-btn.roo-btn-brand:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-brand:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-brand.dropdown-toggle {
            color: #222222;
            background-color: rgba(255, 209, 97, 0.9);
            border-color: transparent; }
    .roo-btn.roo-btn-success {
        color: #fff;
        background-color: #63D29D;
        border-color: #63D29D; }
        .roo-btn.roo-btn-success:hover {
            color: #fff;
            background-color: rgba(99, 210, 157, 0.8);
            border-color: transparent; }
        .roo-btn.roo-btn-success:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-success:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-success.dropdown-toggle {
            color: #fff;
            background-color: rgba(99, 210, 157, 0.9);
            border-color: transparent; }
    .roo-btn.roo-btn-info {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8; }
        .roo-btn.roo-btn-info:hover {
            color: #fff;
            background-color: rgba(23, 162, 184, 0.8);
            border-color: transparent; }
        .roo-btn.roo-btn-info:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-info:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-info.dropdown-toggle {
            color: #fff;
            background-color: rgba(23, 162, 184, 0.9);
            border-color: transparent; }
    .roo-btn.roo-btn-warning {
        color: #fff;
        background-color: #F8B500;
        border-color: #F8B500; }
        .roo-btn.roo-btn-warning:hover {
            color: #222222;
            background-color: rgba(248, 181, 0, 0.8);
            border-color: transparent;
            color: #fff; }
        .roo-btn.roo-btn-warning:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-warning:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-warning.dropdown-toggle {
            color: #222222;
            background-color: rgba(248, 181, 0, 0.9);
            border-color: transparent; }
    .roo-btn.roo-btn-danger {
        color: #fff;
        background-color: #F76C6C;
        border-color: #F76C6C; }
        .roo-btn.roo-btn-danger:hover {
            color: #fff;
            background-color: rgba(247, 108, 108, 0.8);
            border-color: transparent; }
        .roo-btn.roo-btn-danger:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-danger:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-danger.dropdown-toggle {
            color: #fff;
            background-color: rgba(247, 108, 108, 0.9);
            border-color: transparent; }
    .roo-btn.roo-btn-light {
        color: #222222;
        background-color: #fff;
        border-color: #fff; }
        .roo-btn.roo-btn-light:hover {
            color: #222222;
            background-color: rgba(255, 255, 255, 0.8);
            border-color: transparent; }
        .roo-btn.roo-btn-light:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-light:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-light.dropdown-toggle {
            color: #222222;
            background-color: rgba(255, 255, 255, 0.9);
            border-color: transparent; }
    .roo-btn.roo-btn-dark {
        color: #fff;
        background-color: #222222;
        border-color: #222222; }
        .roo-btn.roo-btn-dark:hover {
            color: #fff;
            background-color: rgba(34, 34, 34, 0.8);
            border-color: transparent; }
        .roo-btn.roo-btn-dark:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-dark:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-dark.dropdown-toggle {
            color: #fff;
            background-color: rgba(34, 34, 34, 0.9);
            border-color: transparent; }
    .roo-btn.roo-btn-outline-primary {
        color: #222222;
        background-color: #fff;
        background-image: none;
        border-color: rgba(34, 34, 34, 0.3); }
        .roo-btn.roo-btn-outline-primary:hover {
            border-color: #222222; }
        .roo-btn.roo-btn-outline-primary:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-outline-primary:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-outline-primary.dropdown-toggle {
            border-color: rgba(34, 34, 34, 0.8); }
    .roo-btn.roo-btn-outline-secondary {
        color: #f89800;
        background-color: #fff;
        background-image: none;
        border-color: rgba(248, 152, 0, 0.3); }
        .roo-btn.roo-btn-outline-secondary:hover {
            border-color: #f89800; }
        .roo-btn.roo-btn-outline-secondary:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-outline-secondary:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-outline-secondary.dropdown-toggle {
            border-color: rgba(248, 152, 0, 0.8); }
    .roo-btn.roo-btn-outline-brand {
        color: #FFD161;
        background-color: #fff;
        background-image: none;
        border-color: #FFD161;
        color: #FFD161; }
        .roo-btn.roo-btn-outline-brand:hover {
            border-color: rgba(255, 209, 97, 0.8);
            color: rgba(255, 209, 97, 0.8); }
        .roo-btn.roo-btn-outline-brand:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-outline-brand:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-outline-brand.dropdown-toggle {
            border-color: rgba(255, 209, 97, 0.8); }
    .roo-btn.roo-btn-outline-success {
        color: #63D29D;
        background-color: #fff;
        background-image: none;
        border-color: rgba(99, 210, 157, 0.3); }
        .roo-btn.roo-btn-outline-success:hover {
            border-color: #63D29D; }
        .roo-btn.roo-btn-outline-success:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-outline-success:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-outline-success.dropdown-toggle {
            border-color: rgba(99, 210, 157, 0.8); }
    .roo-btn.roo-btn-outline-info {
        color: #17a2b8;
        background-color: #fff;
        background-image: none;
        border-color: rgba(23, 162, 184, 0.3); }
        .roo-btn.roo-btn-outline-info:hover {
            border-color: #17a2b8; }
        .roo-btn.roo-btn-outline-info:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-outline-info:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-outline-info.dropdown-toggle {
            border-color: rgba(23, 162, 184, 0.8); }
    .roo-btn.roo-btn-outline-warning {
        color: #F8B500;
        background-color: #fff;
        background-image: none;
        border-color: rgba(248, 181, 0, 0.3); }
        .roo-btn.roo-btn-outline-warning:hover {
            border-color: #F8B500; }
        .roo-btn.roo-btn-outline-warning:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-outline-warning:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-outline-warning.dropdown-toggle {
            border-color: rgba(248, 181, 0, 0.8); }
    .roo-btn.roo-btn-outline-danger {
        color: #F76C6C;
        background-color: #fff;
        background-image: none;
        border-color: rgba(247, 108, 108, 0.3); }
        .roo-btn.roo-btn-outline-danger:hover {
            border-color: #F76C6C; }
        .roo-btn.roo-btn-outline-danger:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-outline-danger:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-outline-danger.dropdown-toggle {
            border-color: rgba(247, 108, 108, 0.8); }
    .roo-btn.roo-btn-outline-light {
        color: #fff;
        background-color: #fff;
        background-image: none;
        border-color: rgba(255, 255, 255, 0.3); }
        .roo-btn.roo-btn-outline-light:hover {
            border-color: #fff; }
        .roo-btn.roo-btn-outline-light:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-outline-light:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-outline-light.dropdown-toggle {
            border-color: rgba(255, 255, 255, 0.8); }
    .roo-btn.roo-btn-outline-dark {
        color: #222222;
        background-color: #fff;
        background-image: none;
        border-color: rgba(34, 34, 34, 0.3); }
        .roo-btn.roo-btn-outline-dark:hover {
            border-color: #222222; }
        .roo-btn.roo-btn-outline-dark:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-outline-dark:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-outline-dark.dropdown-toggle {
            border-color: rgba(34, 34, 34, 0.8); }
    .roo-btn.roo-btn-default {
        color: #222222;
        background-color: #fff;
        background-image: none;
        border-color: rgba(34, 34, 34, 0.3); }
        .roo-btn.roo-btn-default:hover {
            background: #d3cccc; }
        .roo-btn.roo-btn-default:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-default:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-default.dropdown-toggle {
            border-color: rgba(34, 34, 34, 0.8); }
        .roo-btn.roo-btn-default.roo-btn-primary {
            color: #222222;
            background-color: #fff;
            background-image: none;
            border-color: rgba(34, 34, 34, 0.3); }
            .roo-btn.roo-btn-default.roo-btn-primary:hover {
                border-color: #222222; }
            .roo-btn.roo-btn-default.roo-btn-primary:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-default.roo-btn-primary:not(:disabled):not(.disabled).active,
            .show > .roo-btn.roo-btn-default.roo-btn-primary.dropdown-toggle {
                border-color: rgba(34, 34, 34, 0.8); }
        .roo-btn.roo-btn-default.roo-btn-secondary {
            color: #f89800;
            background-color: #fff;
            background-image: none;
            border-color: rgba(248, 152, 0, 0.3); }
            .roo-btn.roo-btn-default.roo-btn-secondary:hover {
                border-color: #f89800; }
            .roo-btn.roo-btn-default.roo-btn-secondary:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-default.roo-btn-secondary:not(:disabled):not(.disabled).active,
            .show > .roo-btn.roo-btn-default.roo-btn-secondary.dropdown-toggle {
                border-color: rgba(248, 152, 0, 0.8); }
        .roo-btn.roo-btn-default.roo-btn-brand {
            color: #FFD161;
            background-color: #fff;
            background-image: none;
            border-color: #FFD161;
            color: #FFD161; }
            .roo-btn.roo-btn-default.roo-btn-brand:hover {
                border-color: rgba(255, 209, 97, 0.8);
                color: rgba(255, 209, 97, 0.8); }
            .roo-btn.roo-btn-default.roo-btn-brand:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-default.roo-btn-brand:not(:disabled):not(.disabled).active,
            .show > .roo-btn.roo-btn-default.roo-btn-brand.dropdown-toggle {
                border-color: rgba(255, 209, 97, 0.8); }
        .roo-btn.roo-btn-default.roo-btn-success {
            color: #63D29D;
            background-color: #fff;
            background-image: none;
            border-color: rgba(99, 210, 157, 0.3); }
            .roo-btn.roo-btn-default.roo-btn-success:hover {
                border-color: #63D29D; }
            .roo-btn.roo-btn-default.roo-btn-success:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-default.roo-btn-success:not(:disabled):not(.disabled).active,
            .show > .roo-btn.roo-btn-default.roo-btn-success.dropdown-toggle {
                border-color: rgba(99, 210, 157, 0.8); }
        .roo-btn.roo-btn-default.roo-btn-info {
            color: #17a2b8;
            background-color: #fff;
            background-image: none;
            border-color: rgba(23, 162, 184, 0.3); }
            .roo-btn.roo-btn-default.roo-btn-info:hover {
                border-color: #17a2b8; }
            .roo-btn.roo-btn-default.roo-btn-info:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-default.roo-btn-info:not(:disabled):not(.disabled).active,
            .show > .roo-btn.roo-btn-default.roo-btn-info.dropdown-toggle {
                border-color: rgba(23, 162, 184, 0.8); }
        .roo-btn.roo-btn-default.roo-btn-warning {
            color: #F8B500;
            background-color: #fff;
            background-image: none;
            border-color: rgba(248, 181, 0, 0.3); }
            .roo-btn.roo-btn-default.roo-btn-warning:hover {
                border-color: #F8B500; }
            .roo-btn.roo-btn-default.roo-btn-warning:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-default.roo-btn-warning:not(:disabled):not(.disabled).active,
            .show > .roo-btn.roo-btn-default.roo-btn-warning.dropdown-toggle {
                border-color: rgba(248, 181, 0, 0.8); }
        .roo-btn.roo-btn-default.roo-btn-danger {
            color: #F76C6C;
            background-color: #fff;
            background-image: none;
            border-color: rgba(247, 108, 108, 0.3); }
            .roo-btn.roo-btn-default.roo-btn-danger:hover {
                border-color: #F76C6C; }
            .roo-btn.roo-btn-default.roo-btn-danger:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-default.roo-btn-danger:not(:disabled):not(.disabled).active,
            .show > .roo-btn.roo-btn-default.roo-btn-danger.dropdown-toggle {
                border-color: rgba(247, 108, 108, 0.8); }
        .roo-btn.roo-btn-default.roo-btn-light {
            color: #fff;
            background-color: #fff;
            background-image: none;
            border-color: rgba(255, 255, 255, 0.3); }
            .roo-btn.roo-btn-default.roo-btn-light:hover {
                border-color: #fff; }
            .roo-btn.roo-btn-default.roo-btn-light:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-default.roo-btn-light:not(:disabled):not(.disabled).active,
            .show > .roo-btn.roo-btn-default.roo-btn-light.dropdown-toggle {
                border-color: rgba(255, 255, 255, 0.8); }
        .roo-btn.roo-btn-default.roo-btn-dark {
            color: #222222;
            background-color: #fff;
            background-image: none;
            border-color: rgba(34, 34, 34, 0.3); }
            .roo-btn.roo-btn-default.roo-btn-dark:hover {
                border-color: #222222; }
            .roo-btn.roo-btn-default.roo-btn-dark:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-default.roo-btn-dark:not(:disabled):not(.disabled).active,
            .show > .roo-btn.roo-btn-default.roo-btn-dark.dropdown-toggle {
                border-color: rgba(34, 34, 34, 0.8); }
    .roo-btn.roo-btn-dropdown {
        width: 100%;
        text-align-last: left;
        border-color: #A2A4B3;
        color: #585A6E; }
    .roo-btn.roo-btn-link {
        font-weight: 400;
        color: #222222;
        background-color: transparent; }
        .roo-btn.roo-btn-link:hover {
            color: rgba(34, 34, 34, 0.7);
            text-decoration: none;
            background-color: transparent;
            border-color: transparent; }
        .roo-btn.roo-btn-link:focus, .roo-btn.roo-btn-link.focus {
            text-decoration: none;
            border-color: transparent;
            box-shadow: none; }
        .roo-btn.roo-btn-link:disabled, .roo-btn.roo-btn-link.disabled {
            color: #E9EAF2;
            pointer-events: none;
            border-color: transparent !important;
            background-color: transparent !important; }
    .roo-btn.roo-btn-link-brand {
        color: #FFD161; }
    .roo-btn.roo-btn-dashed {
        border-style: dashed; }
    .roo-btn.roo-btn-lg {
        padding: 0 24px;
        font-size: 14px;
        line-height: 38px;
        border-radius: 2px; }
        .roo-btn.roo-btn-lg.roo-btn-stable {
            width: 120px; }
    .roo-btn.roo-btn-sm {
        padding: 0 16px;
        font-size: 12px;
        line-height: 30px;
        border-radius: 2px; }
        .roo-btn.roo-btn-sm.roo-btn-stable {
            width: 80px; }
    .roo-btn.roo-btn-xs {
        padding: 0 12px;
        font-size: 12px;
        line-height: 26px;
        border-radius: 2px; }
        .roo-btn.roo-btn-xs.roo-btn-stable {
            width: 80px; }
    .roo-btn.roo-btn-block {
        display: block;
        width: 100%; }
        .roo-btn.roo-btn-block + .roo-btn-block {
            margin-top: 8px; }
    .roo-btn.roo-btn-weaken {
        border-color: rgba(34, 34, 34, 0.1); }
    .roo-btn input[type="submit"].roo-btn-block,
    .roo-btn input[type="reset"].roo-btn-block,
    .roo-btn input[type="button"].roo-btn-block {
        width: 100%; }
    .roo-btn .roo-icon {
        display: inline-block;
        margin: -1px 4px 0 0 !important;
        font-style: normal;
        font-size: 1.2em; }
        .roo-btn .roo-icon.roo-icon-loading {
            font-size: 1em; }

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

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

.roo-btn-radio-group .roo-btn {
    transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out; }

.roo-btn-radio-group.roo-btn-group .roo-btn:first-child {
    margin-left: 0; }

.roo-btn-radio-group .roo-btn.disabled, .roo-btn-radio-group .roo-btn:disabled {
    z-index: 1; }

.roo-btn-radio-group .roo-btn-radio-active {
    border: 1px solid rgba(34, 34, 34, 0.9);
    z-index: 3;
    margin-left: -1px; }
    .roo-btn-radio-group .roo-btn-radio-active.roo-btn.disabled, .roo-btn-radio-group .roo-btn-radio-active .roo-btn:disabled {
        background-color: rgba(34, 34, 34, 0.1) !important;
        color: #fff !important; }

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

.form-control {
    display: block; }

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

.select-input-wrapper .roo-input,
.select-input-wrapper .form-control {
    color: #585A6E; }
    .select-input-wrapper .roo-input:disabled,
    .select-input-wrapper .form-control:disabled {
        color: #BABCCC; }
        .select-input-wrapper .roo-input:disabled + .roo-icon,
        .select-input-wrapper .roo-input:disabled + .roo-icon:hover,
        .select-input-wrapper .form-control:disabled + .roo-icon,
        .select-input-wrapper .form-control:disabled + .roo-icon:hover {
            color: #BABCCC;
            cursor: not-allowed; }
    .select-input-wrapper .roo-input:not(.roo-input-plaintext):not(.roo-input-line):read-only,
    .select-input-wrapper .form-control:not(.roo-input-plaintext):not(.roo-input-line):read-only {
        border-color: #E9EAF2; }
        .select-input-wrapper .roo-input:not(.roo-input-plaintext):not(.roo-input-line):read-only:hover,
        .select-input-wrapper .form-control:not(.roo-input-plaintext):not(.roo-input-line):read-only:hover {
            border-color: #A2A4B3; }
    .select-input-wrapper .roo-input:focus,
    .select-input-wrapper .form-control:focus {
        border-color: #A2A4B3 !important; }
    .select-input-wrapper .roo-input.roo-input-plaintext:hover,
    .select-input-wrapper .form-control.roo-input-plaintext:hover {
        border-color: #A2A4B3; }
    .select-input-wrapper .roo-input.roo-input-line:hover,
    .select-input-wrapper .form-control.roo-input-line:hover {
        border-bottom-color: #A2A4B3; }
    .select-input-wrapper .roo-input.roo-input-line:focus,
    .select-input-wrapper .form-control.roo-input-line:focus {
        border-color: transparent transparent #A2A4B3 transparent !important; }

textarea.roo-input {
    height: auto; }

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

.roo-input-error {
    border-color: #F76C6C; }

.has-error .select-input-wrapper .roo-input,
.has-error .select-input-wrapper .form-control,
.has-error .roo-input,
.has-error .form-control {
    border-color: #F76C6C !important; }

.has-error .select-input-wrapper .help-block,
.has-error .help-block {
    color: #F76C6C;
    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: #63D29D; }
    .has-success-hook .roo-input:not([readonly]):not([disabled]):not(.disabled),
    .has-success-hook .form-control:not([readonly]):not([disabled]):not(.disabled) {
        border-color: #63D29D;
        padding-right: 36px; }
    .has-success-hook .help-block {
        color: #63D29D; }

select.roo-input:not([size]):not([multiple]) {
    height: 36px; }

select.roo-input:focus::-ms-value {
    color: #222222;
    background-color: #F7F8FA; }

.roo-input-file,
.roo-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,
.col-form-label-xs {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    line-height: 1.5; }

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

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

.roo-input-plaintext {
    background-color: #F7F8FA;
    border-color: #F7F8FA; }
    .roo-input-plaintext[readonly] {
        background-color: #F7F8FA;
        border-color: #F7F8FA; }

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

.roo-input-xs,
.form-control-xs {
    padding: 4px 8px;
    font-size: 12px;
    line-height: 1.5;
    height: 28px; }

select.roo-input-xs:not([size]):not([multiple]) {
    height: 28px; }

.roo-input-sm,
.form-control-sm {
    padding: 6px 8px;
    font-size: 12px;
    line-height: 1.5;
    height: 32px; }

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

.roo-input-lg,
.form-control-lg {
    padding: 8px 8px;
    font-size: 14px;
    line-height: 1.5;
    height: 40px; }

select.roo-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; }
        .form-group .control-label + .form-group-content .roo-checkbox,
        .form-group .control-label + .form-group-content .roo-radio,
        .form-group .col-form-label + .form-group-content .roo-checkbox,
        .form-group .col-form-label + .form-group-content .roo-radio {
            margin-top: 7px; }
        .form-group .control-label + .form-group-content .roo-switch,
        .form-group .col-form-label + .form-group-content .roo-switch {
            top: 4px; }
        .form-group .control-label + .form-group-content .roo-mark,
        .form-group .col-form-label + .form-group-content .roo-mark {
            display: inline-block;
            width: 100%;
            padding: 7px 0px;
            vertical-align: middle;
            line-height: 1.5; }
    .form-group .roo-btn + .roo-btn {
        margin-left: 20px; }
    .form-group .roo-btn-radio-group .roo-btn + .roo-btn {
        margin-left: -1px; }
    .form-group.roo-form-vertical .form-group-content {
        margin-top: 10px; }

.form-group.roo-form-inline {
    display: inline-block;
    -ms-flex-align: center;
        align-items: center;
    vertical-align: top; }
    .form-group.roo-form-inline input {
        display: inline-block;
        width: auto;
        width: initial; }
    .form-group.roo-form-inline .control-label {
        line-height: 36px;
        vertical-align: top; }
    .form-group.roo-form-inline .form-group-content {
        display: inline-block;
        margin-left: 8px;
        margin-right: 8px; }
        .form-group.roo-form-inline .form-group-content .roo-radio, .form-group.roo-form-inline .form-group-content .roo-checkbox {
            line-height: 36px;
            vertical-align: top; }
        .form-group.roo-form-inline .form-group-content .roo-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%; }

.roo-input-number {
    position: relative;
    display: inline-block;
    width: auto;
    padding: 0;
    vertical-align: middle; }
    .roo-input-number input {
        padding: 0 8px;
        border: none;
        outline: none;
        height: 100%;
        width: 64px;
        margin: 0 32px;
        text-align: center;
        color: #585A6E; }
    .roo-input-number.disabled {
        background-color: #F7F8FA;
        border-color: #E9EAF2 !important;
        color: #E9EAF2; }
        .roo-input-number.disabled input {
            background-color: #F7F8FA;
            color: #BABCCC;
            cursor: not-allowed !important; }
        .roo-input-number.disabled .input-number-operator {
            border-color: #E9EAF2 !important;
            color: #E9EAF2 !important;
            cursor: not-allowed !important; }
    .roo-input-number .input-number-operator {
        position: absolute;
        display: table;
        width: 36px;
        height: 100%;
        text-align: center;
        font-size: 12px;
        color: #A2A4B3; }
        .roo-input-number .input-number-operator:hover {
            cursor: pointer;
            color: #858692; }
        .roo-input-number .input-number-operator::after {
            display: table-cell;
            vertical-align: middle;
            font-family: "roo-icon"; }
        .roo-input-number .input-number-operator.decrease {
            left: 0;
            top: 0;
            border-right: 1px solid #E9EAF2; }
            .roo-input-number .input-number-operator.decrease::after {
                content: "\EA2C"; }
        .roo-input-number .input-number-operator.increase {
            right: 0;
            top: 0;
            border-left: 1px solid #E9EAF2; }
            .roo-input-number .input-number-operator.increase::after {
                content: "\EA32"; }
        .roo-input-number .input-number-operator.disabled {
            background-color: #F7F8FA;
            border-color: #E9EAF2 !important;
            color: #E9EAF2 !important;
            cursor: not-allowed; }
    .roo-input-number:hover .input-number-operator {
        border-color: #A2A4B3; }

.roo-input-number-vertical input {
    width: 64px;
    margin: 0 32px 0 0;
    color: #585A6E; }

.roo-input-number-vertical .input-number-operator {
    display: block;
    width: 28px;
    height: 50%; }
    .roo-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; }
    .roo-input-number-vertical .input-number-operator.decrease {
        left: auto;
        top: auto;
        right: 0;
        bottom: 0;
        border-left: 1px solid #E9EAF2;
        border-right: none; }
        .roo-input-number-vertical .input-number-operator.decrease::after {
            content: "\EA0B"; }
    .roo-input-number-vertical .input-number-operator.increase {
        left: auto;
        right: 0;
        top: 0;
        border-bottom: 1px solid #E9EAF2; }
        .roo-input-number-vertical .input-number-operator.increase.disabled {
            border-bottom: 1px solid #E9EAF2 !important; }
        .roo-input-number-vertical .input-number-operator.increase::after {
            content: "\EA0E"; }

.roo-input-number-vertical:hover .input-number-operator {
    border-color: #E9EAF2; }

.roo-input-number-no-operator input {
    margin: 0; }

.roo-input-tag {
    height: auto;
    padding: 5px 8px;
    overflow: hidden; }
    .roo-input-tag .roo-tag {
        margin-bottom: 8px;
        margin-right: 8px;
        white-space: unset;
        text-align: left; }
    .roo-input-tag input {
        height: 24px;
        margin-bottom: 7px;
        outline: none;
        border: none;
        color: #585A6E;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    .roo-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; }
    .roo-input-tag.disabled .roo-tag i {
        display: none; }
    .roo-input-tag.disabled input {
        background: transparent;
        cursor: not-allowed; }
    .roo-input-tag.roo-input-lg,
    .roo-input-tag .form-control-lg {
        min-height: 40px;
        padding-top: 6px;
        padding-bottom: 6px; }
    .roo-input-tag.roo-input-sm,
    .roo-input-tag .form-control-sm {
        min-height: 32px;
        padding-top: 3px;
        padding-bottom: 3px; }
    .roo-input-tag.roo-input-xs,
    .roo-input-tag .form-control-xs {
        min-height: 28px;
        padding-top: 1px;
        padding-bottom: 1px; }

.roo-radio {
    position: relative;
    display: inline-block;
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .roo-radio.inline-label {
        max-width: 200px; }
    .roo-radio.block-label {
        display: block;
        margin-bottom: 10px; }
    .roo-radio:hover {
        cursor: pointer; }
        .roo-radio:hover .custom-radio:not(.half-checked) {
            border-color: #A2A4B3; }
    .roo-radio input[type=radio] {
        position: absolute;
        display: none; }
    .roo-radio .custom-radio {
        position: relative;
        display: inline-block;
        margin-right: 8px;
        width: 16px;
        height: 16px;
        border: 1px solid #BABCCC;
        background-color: #fff;
        vertical-align: sub;
        border-radius: 50%; }
        .roo-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%; }
    .roo-radio .custom-radio-label {
        vertical-align: middle; }
    .roo-radio input:checked + .custom-radio {
        background-color: #222222;
        border-color: #222222 !important; }
        .roo-radio input:checked + .custom-radio::before {
            background-color: #fff; }
    .roo-radio input:disabled + .custom-radio {
        border-color: #BABCCC;
        background-color: #E9EAF2; }
    .roo-radio input:disabled:checked + .custom-radio {
        border-color: #E9EAF2 !important;
        background-color: #E9EAF2;
        opacity: 1; }
    .roo-radio input:disabled ~ span {
        opacity: .5; }

.roo-radio-group .roo-radio {
    margin-left: 0;
    margin-right: 32px; }

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

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

.roo-checkbox {
    position: relative;
    display: inline-block;
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .roo-checkbox.inline-label {
        max-width: 200px; }
    .roo-checkbox.block-label {
        display: block;
        margin-bottom: 10px; }
    .roo-checkbox:hover {
        cursor: pointer; }
        .roo-checkbox:hover .custom-checkbox:not(.half-checked) {
            border-color: #A2A4B3; }
    .roo-checkbox input[type=checkbox] {
        position: absolute;
        display: none; }
    .roo-checkbox .custom-checkbox {
        position: relative;
        display: inline-block;
        margin-right: 8px;
        width: 16px;
        height: 16px;
        border: 1px solid #BABCCC;
        background-color: #fff;
        vertical-align: sub;
        border-radius: 2px; }
        .roo-checkbox .custom-checkbox::before {
            position: absolute;
            display: inline-block;
            content: ''; }
    .roo-checkbox .custom-checkbox-label {
        vertical-align: middle; }
    .roo-checkbox input:checked + .custom-checkbox {
        background-color: #222222;
        border-color: #222222 !important; }
        .roo-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; }
    .roo-checkbox input:disabled + .custom-checkbox {
        border-color: #BABCCC;
        background-color: #E9EAF2; }
    .roo-checkbox input:disabled:checked + .custom-checkbox {
        border-color: #E9EAF2 !important;
        background-color: #E9EAF2;
        opacity: 1; }
    .roo-checkbox input:disabled ~ span {
        opacity: .5; }
    .roo-checkbox .half-checked {
        border-color: #222222;
        background-color: #222222; }
        .roo-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; }
    .roo-checkbox input:disabled + .half-checked {
        border-color: #E9EAF2; }

.roo-checkbox-group .roo-checkbox {
    margin-left: 0;
    margin-right: 32px; }

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

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

/**
 * 面板
 * 面板组件属于容器组件，用于包含其他组件对页面进行分块排版。
 */
.roo-panel {
    position: relative;
    background-color: #fff; }
    .roo-panel.roo-panel-default {
        box-shadow: 0 0 6px 0 #E9EAF2; }
        .roo-panel.roo-panel-default .roo-panel-heading {
            padding: 20px 40px 0 40px; }
        .roo-panel.roo-panel-default .roo-panel-heading-padding {
            padding-bottom: 20px; }
        .roo-panel.roo-panel-default .roo-panel-body {
            padding: 20px 40px; }
        .roo-panel.roo-panel-default .roo-panel-footer {
            padding: 20px 40px; }
    .roo-panel .roo-panel-heading {
        padding: 20px 40px 0 20px;
        color: #585A6E;
        font-size: 14px; }
        .roo-panel .roo-panel-heading::after {
            display: block;
            clear: both;
            content: ""; }
        .roo-panel .roo-panel-heading .roo-panel-title {
            margin: 0;
            padding: 0;
            font-size: 14px; }
        .roo-panel .roo-panel-heading .roo-panel-heading-items {
            margin-left: 10px;
            font-weight: normal; }
            .roo-panel .roo-panel-heading .roo-panel-heading-items .roo-btn {
                margin: -5px 0; }
        .roo-panel .roo-panel-heading .roo-panel-collapse-flag {
            color: #222222;
            cursor: pointer; }
        .roo-panel .roo-panel-heading .roo-panel-close {
            position: absolute;
            right: 20px;
            top: 20px;
            color: #A2A4B3; }
            .roo-panel .roo-panel-heading .roo-panel-close:hover {
                color: #585A6E; }
    .roo-panel .roo-panel-body {
        padding: 20px 20px; }
    .roo-panel .roo-panel-footer {
        padding: 20px 20px;
        border-top: 1px solid #E9EAF2; }
        .roo-panel .roo-panel-footer::after {
            display: block;
            clear: both;
            content: ""; }
        .roo-panel .roo-panel-footer .roo-btn {
            margin-left: 10px; }

.roo-panel-bordered .roo-panel-heading {
    padding-bottom: 20px;
    border: 1px solid #E9EAF2;
    border-bottom: none;
    background-color: #F7F8FA; }

.roo-panel-bordered .roo-panel-body {
    border: 1px solid #E9EAF2; }

.roo-panel-bordered .roo-panel-footer {
    border: 1px solid #E9EAF2;
    border-top: none; }

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

.roo-steps-vertical {
    overflow: hidden;
    padding: 15px 0; }
    .roo-steps-vertical li.roo-steps-item {
        position: relative;
        vertical-align: top; }
        .roo-steps-vertical li.roo-steps-item .roo-steps-tail {
            position: absolute;
            left: 15px;
            top: 0;
            width: 1px;
            height: 100%;
            padding: 38px 0 6px; }
            .roo-steps-vertical li.roo-steps-item .roo-steps-tail::after {
                display: inline-block;
                height: 100%;
                width: 1px;
                border-left: 1px dashed #585A6E;
                content: ''; }
        .roo-steps-vertical li.roo-steps-item.roo-steps-finish .roo-steps-tail::after {
            border-color: #f89800; }
        .roo-steps-vertical li.roo-steps-item.roo-steps-error .roo-steps-icon .roo-steps-icon-content {
            color: #fff;
            border-color: #F76C6C;
            background-color: #F76C6C; }
        .roo-steps-vertical li.roo-steps-item.roo-steps-error .roo-steps-item-content .roo-steps-title,
        .roo-steps-vertical li.roo-steps-item.roo-steps-error .roo-steps-item-content .roo-steps-desc {
            color: #F76C6C; }
        .roo-steps-vertical li.roo-steps-item:last-child .roo-steps-tail {
            display: none; }
        .roo-steps-vertical li.roo-steps-item .roo-steps-icon {
            float: left;
            margin-right: 8px;
            text-align: center;
            font-size: 14px;
            color: #585A6E;
            z-index: 1; }
            .roo-steps-vertical li.roo-steps-item .roo-steps-icon .roo-steps-icon-content {
                width: 32px;
                height: 32px;
                line-height: 30px;
                border-radius: 1000px;
                border: 1px solid #585A6E; }
        .roo-steps-vertical li.roo-steps-item.roo-steps-finish .roo-steps-icon .roo-steps-icon-content,
        .roo-steps-vertical li.roo-steps-item.roo-steps-active .roo-steps-icon .roo-steps-icon-content {
            color: #f89800;
            border: 1px solid #f89800; }
        .roo-steps-vertical li.roo-steps-item.roo-steps-active .roo-steps-icon .roo-steps-icon-content {
            color: #fff;
            background-color: #f89800; }
        .roo-steps-vertical li.roo-steps-item.roo-steps-active .roo-steps-item-content .roo-steps-title {
            color: #f89800; }
        .roo-steps-vertical li.roo-steps-item .roo-steps-item-content {
            vertical-align: top;
            overflow: hidden;
            min-height: 80px; }
            .roo-steps-vertical li.roo-steps-item .roo-steps-item-content .roo-steps-title {
                height: 32px;
                line-height: 30px;
                font-size: 14px; }
            .roo-steps-vertical li.roo-steps-item .roo-steps-item-content .roo-steps-desc {
                font-size: 12px;
                color: #858692; }
    .roo-steps-vertical li[role='button']:hover {
        cursor: pointer; }
        .roo-steps-vertical li[role='button']:hover .roo-steps-icon .roo-steps-icon-content {
            color: #f89800;
            border: 1px solid #f89800; }
    .roo-steps-vertical li[role='button'].roo-steps-active:hover {
        cursor: pointer; }
        .roo-steps-vertical li[role='button'].roo-steps-active:hover .roo-steps-icon .roo-steps-icon-content {
            color: #fff;
            border: 1px solid #f89800; }

.roo-transfer .roo-transfer-panel {
    position: relative;
    display: inline-block;
    width: 300px;
    border: 1px solid #E9EAF2;
    border-radius: 2px;
    overflow: hidden;
    vertical-align: middle; }
    .roo-transfer .roo-transfer-panel .roo-transfer-panel-title {
        height: 37px;
        line-height: 35px;
        background-color: #F7F8FA;
        border-bottom: 1px solid #E9EAF2;
        border-radius: 2px; }
        .roo-transfer .roo-transfer-panel .roo-transfer-panel-title .roo-transfer-panel-title-all {
            margin-left: 12px; }
        .roo-transfer .roo-transfer-panel .roo-transfer-panel-title .roo-transfer-panel-title-count {
            float: right;
            line-height: 36px;
            margin-right: 12px; }
    .roo-transfer .roo-transfer-panel .roo-transfer-panel-empty {
        text-align: center;
        padding-top: 6px; }
    .roo-transfer .roo-transfer-panel .roo-transfer-panel-filter {
        padding: 0 12px;
        margin-top: 12px; }
    .roo-transfer .roo-transfer-panel .roo-transfer-panel-body {
        height: 240px;
        overflow: auto; }
        .roo-transfer .roo-transfer-panel .roo-transfer-panel-body .roo-checkbox {
            display: block;
            height: 36px;
            padding: 6px 12px;
            margin-right: 0; }
            .roo-transfer .roo-transfer-panel .roo-transfer-panel-body .roo-checkbox:hover {
                background-color: #F7F8FA; }
    .roo-transfer .roo-transfer-panel .roo-transfer-panel-footer {
        border-top: 1px solid #E9EAF2; }

.roo-transfer .roo-transfer-operations {
    display: inline-block;
    padding: 0 16px;
    vertical-align: middle; }
    .roo-transfer .roo-transfer-operations .roo-btn {
        display: block;
        margin-bottom: 16px; }

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

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

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

.roo-table {
    width: 100%;
    max-width: 100%;
    color: #585A6E;
    font-size: 14px; }
    .roo-table > thead > tr > th,
    .roo-table > thead > tr > td,
    .roo-table > tbody > tr > th,
    .roo-table > tbody > tr > td,
    .roo-table > tfoot > tr > th,
    .roo-table > tfoot > tr > td {
        height: 40px;
        padding: 16px 16px;
        line-height: 1.2;
        vertical-align: middle;
        border-top: 1px solid #E9EAF2;
        word-break: break-all;
        /* Non standard for webkit */
        word-break: break-word; }
    .roo-table thead {
        background: #F7F8FA; }
    .roo-table th {
        font-weight: normal;
        color: #858692; }
    .roo-table > caption + thead > tr:first-child > th,
    .roo-table > caption + thead > tr:first-child > td,
    .roo-table > colgroup + thead > tr:first-child > th,
    .roo-table > colgroup + thead > tr:first-child > td,
    .roo-table > thead:first-child > tr:first-child > th,
    .roo-table > thead:first-child > tr:first-child > td {
        border-top: 0; }
    .roo-table > tbody + tbody {
        border-top: 2px solid #E9EAF2; }
    .roo-table .table {
        background-color: #fff; }
    .roo-table .active {
        background-color: #E9EAF2; }
    .roo-table .success {
        background-color: #c6efdb; }
    .roo-table .info {
        background-color: #63d9ec; }
    .roo-table .warning {
        background-color: #ffdb79; }
    .roo-table .danger {
        background-color: #fee5e5; }
    .roo-table .cursor-pointer {
        cursor: pointer; }
        .roo-table .cursor-pointer:hover {
            background-color: #E9EAF2; }
    .roo-table .column-sorter {
        display: inline-block;
        width: 16px;
        margin-top: 1px;
        vertical-align: top;
        font-size: 0;
        white-space: pre-wrap; }
        .roo-table .column-sorter .roo-icon {
            height: 8px;
            line-height: 8px;
            font-size: 16px;
            color: #BABCCC; }
            .roo-table .column-sorter .roo-icon.off {
                color: #BABCCC; }
            .roo-table .column-sorter .roo-icon.on {
                color: #585A6E; }
            .roo-table .column-sorter .roo-icon:last-child {
                margin-top: -2px; }

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

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

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

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

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

.roo-table-hover > tbody > tr:hover {
    background-color: #E9EAF2; }

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; }

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

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

/**
 * 标签主要用于简短的标志说明。给链接、导航等元素嵌套，可以很醒目的展示新的或未读的信息条目
 * 标签一共分为两种，一种方形带圆边和一种椭圆形
 */
.roo-tag {
    display: inline-block;
    padding: 0 8px;
    font-size: 12px;
    line-height: 22px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 2px; }
    .roo-tag.roo-tag-primary {
        background-color: #222222;
        border: 1px solid #222222; }
    .roo-tag.roo-tag-secondary {
        background-color: #f89800;
        border: 1px solid #f89800; }
    .roo-tag.roo-tag-brand {
        background-color: #FFD161;
        border: 1px solid #FFD161; }
    .roo-tag.roo-tag-success {
        background-color: #63D29D;
        border: 1px solid #63D29D; }
    .roo-tag.roo-tag-info {
        background-color: #17a2b8;
        border: 1px solid #17a2b8; }
    .roo-tag.roo-tag-warning {
        background-color: #F8B500;
        border: 1px solid #F8B500; }
    .roo-tag.roo-tag-danger {
        background-color: #F76C6C;
        border: 1px solid #F76C6C; }
    .roo-tag.roo-tag-light {
        background-color: #fff;
        border: 1px solid #fff; }
    .roo-tag.roo-tag-dark {
        background-color: #222222;
        border: 1px solid #222222; }
    .roo-tag.roo-tag-default {
        background-color: #222222;
        border: 1px solid #222222; }
    .roo-tag.roo-tag-gray {
        background-color: #E9EAF2;
        border: 1px solid #E9EAF2;
        color: #585A6E; }
        .roo-tag.roo-tag-gray > i {
            color: #BABCCC; }
    .roo-tag > i {
        margin-left: 4px;
        cursor: pointer; }
    .roo-tag.roo-tag-reverse.roo-tag-primary {
        background-color: #fff;
        color: #222222;
        border: 1px solid #222222; }
    .roo-tag.roo-tag-reverse.roo-tag-secondary {
        background-color: #fff;
        color: #f89800;
        border: 1px solid #f89800; }
    .roo-tag.roo-tag-reverse.roo-tag-brand {
        background-color: #fff;
        color: #FFD161;
        border: 1px solid #FFD161; }
    .roo-tag.roo-tag-reverse.roo-tag-success {
        background-color: #fff;
        color: #63D29D;
        border: 1px solid #63D29D; }
    .roo-tag.roo-tag-reverse.roo-tag-info {
        background-color: #fff;
        color: #17a2b8;
        border: 1px solid #17a2b8; }
    .roo-tag.roo-tag-reverse.roo-tag-warning {
        background-color: #fff;
        color: #F8B500;
        border: 1px solid #F8B500; }
    .roo-tag.roo-tag-reverse.roo-tag-danger {
        background-color: #fff;
        color: #F76C6C;
        border: 1px solid #F76C6C; }
    .roo-tag.roo-tag-reverse.roo-tag-light {
        background-color: #fff;
        color: #fff;
        border: 1px solid #fff; }
    .roo-tag.roo-tag-reverse.roo-tag-dark {
        background-color: #fff;
        color: #222222;
        border: 1px solid #222222; }
    .roo-tag.roo-tag-reverse.roo-tag-default {
        background-color: #fff;
        color: #222222;
        border: 1px solid #222222; }

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

.roo-badge {
    display: inline-block;
    min-width: 20px;
    padding: 0  8px;
    font-size: 12px;
    color: #fff;
    line-height: 22px;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    border-radius: 1000px; }
    .roo-badge.roo-badge-primary {
        background-color: #222222;
        border: 1px solid #222222; }
    .roo-badge.roo-badge-secondary {
        background-color: #f89800;
        border: 1px solid #f89800; }
    .roo-badge.roo-badge-brand {
        background-color: #FFD161;
        border: 1px solid #FFD161; }
    .roo-badge.roo-badge-success {
        background-color: #63D29D;
        border: 1px solid #63D29D; }
    .roo-badge.roo-badge-info {
        background-color: #17a2b8;
        border: 1px solid #17a2b8; }
    .roo-badge.roo-badge-warning {
        background-color: #F8B500;
        border: 1px solid #F8B500; }
    .roo-badge.roo-badge-danger {
        background-color: #F76C6C;
        border: 1px solid #F76C6C; }
    .roo-badge.roo-badge-light {
        background-color: #fff;
        border: 1px solid #fff; }
    .roo-badge.roo-badge-dark {
        background-color: #222222;
        border: 1px solid #222222; }
    .roo-badge.roo-badge-default {
        background-color: #222222;
        border: 1px solid #222222; }
    .roo-badge.roo-badge-gray {
        background-color: #F7F8FA;
        border: 1px solid #F7F8FA;
        color: #222222; }
    .roo-badge.roo-badge-reverse {
        background: #fff;
        padding: 0  8px;
        line-height: 22px; }
        .roo-badge.roo-badge-reverse.roo-badge-primary {
            color: #222222;
            border: 1px solid #222222; }
        .roo-badge.roo-badge-reverse.roo-badge-secondary {
            color: #f89800;
            border: 1px solid #f89800; }
        .roo-badge.roo-badge-reverse.roo-badge-brand {
            color: #FFD161;
            border: 1px solid #FFD161; }
        .roo-badge.roo-badge-reverse.roo-badge-success {
            color: #63D29D;
            border: 1px solid #63D29D; }
        .roo-badge.roo-badge-reverse.roo-badge-info {
            color: #17a2b8;
            border: 1px solid #17a2b8; }
        .roo-badge.roo-badge-reverse.roo-badge-warning {
            color: #F8B500;
            border: 1px solid #F8B500; }
        .roo-badge.roo-badge-reverse.roo-badge-danger {
            color: #F76C6C;
            border: 1px solid #F76C6C; }
        .roo-badge.roo-badge-reverse.roo-badge-light {
            color: #fff;
            border: 1px solid #fff; }
        .roo-badge.roo-badge-reverse.roo-badge-dark {
            color: #222222;
            border: 1px solid #222222; }
        .roo-badge.roo-badge-reverse.roo-badge-default {
            color: #222222;
            border: 1px solid #222222; }

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

.roo-badge.roo-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; }
    .roo-badge.roo-badge-fixed.roo-badge {
        padding: 0 4px;
        line-height: 18px; }
    .roo-badge.roo-badge-fixed.roo-badge-dot {
        z-index: 10;
        width: 8px;
        min-width: 8px;
        height: 8px;
        border-radius: 100%;
        padding: 0; }
    .roo-badge.roo-badge-fixed .roo-icon {
        display: inline; }

/**
 * 信息提示主要用于在页面内显示一些用户内部的提醒信息，
 * 有普通信息、错误信息以及成功信息三种类型
 */
.roo-alert {
    position: relative;
    margin: 0 10px;
    margin-bottom: 10px;
    padding: 9px 16px;
    border: 1px solid transparent;
    font-size: 14px;
    color: #585A6E;
    line-height: normal;
    border-radius: 2px; }
    .roo-alert > i {
        font-size: 16px;
        margin-right: 8px;
        vertical-align: text-bottom; }
    .roo-alert .close,
    .roo-alert .extra {
        position: absolute;
        right: 14px;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); }
    .roo-alert .close {
        display: block;
        width: 16px;
        height: 16px;
        font-size: 16px;
        color: #A2A4B3 !important; }
        .roo-alert .close i {
            vertical-align: top; }
        .roo-alert .close:hover {
            color: #585A6E !important; }
    .roo-alert .description {
        margin-left: 24px; }
    .roo-alert.roo-alert-primary {
        background-color: rgba(34, 34, 34, 0.1);
        border-color: rgba(34, 34, 34, 0.2); }
        .roo-alert.roo-alert-primary > i,
        .roo-alert.roo-alert-primary a {
            color: #222222; }
    .roo-alert.roo-alert-secondary {
        background-color: rgba(248, 152, 0, 0.1);
        border-color: rgba(248, 152, 0, 0.2); }
        .roo-alert.roo-alert-secondary > i,
        .roo-alert.roo-alert-secondary a {
            color: #f89800; }
    .roo-alert.roo-alert-brand {
        background-color: rgba(255, 209, 97, 0.1);
        border-color: rgba(255, 209, 97, 0.2); }
        .roo-alert.roo-alert-brand > i,
        .roo-alert.roo-alert-brand a {
            color: #FFD161; }
    .roo-alert.roo-alert-success {
        background-color: rgba(99, 210, 157, 0.1);
        border-color: rgba(99, 210, 157, 0.2); }
        .roo-alert.roo-alert-success > i,
        .roo-alert.roo-alert-success a {
            color: #63D29D; }
    .roo-alert.roo-alert-info {
        background-color: rgba(23, 162, 184, 0.1);
        border-color: rgba(23, 162, 184, 0.2); }
        .roo-alert.roo-alert-info > i,
        .roo-alert.roo-alert-info a {
            color: #17a2b8; }
    .roo-alert.roo-alert-warning {
        background-color: rgba(248, 181, 0, 0.1);
        border-color: rgba(248, 181, 0, 0.2); }
        .roo-alert.roo-alert-warning > i,
        .roo-alert.roo-alert-warning a {
            color: #F8B500; }
    .roo-alert.roo-alert-danger {
        background-color: rgba(247, 108, 108, 0.1);
        border-color: rgba(247, 108, 108, 0.2); }
        .roo-alert.roo-alert-danger > i,
        .roo-alert.roo-alert-danger a {
            color: #F76C6C; }
    .roo-alert.roo-alert-light {
        background-color: rgba(255, 255, 255, 0.1);
        border-color: rgba(255, 255, 255, 0.2); }
        .roo-alert.roo-alert-light > i,
        .roo-alert.roo-alert-light a {
            color: #fff; }
    .roo-alert.roo-alert-dark {
        background-color: rgba(34, 34, 34, 0.1);
        border-color: rgba(34, 34, 34, 0.2); }
        .roo-alert.roo-alert-dark > i,
        .roo-alert.roo-alert-dark a {
            color: #222222; }
    .roo-alert.roo-alert-dismissible {
        padding: 9px 20px; }

/*!
 * name:      Tooltip
 *
 * class:     tooltip
 */
.roo-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;
    -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)); }
    .roo-tooltip.roo-tooltip-sm {
        font-size: 12px; }
        .roo-tooltip.roo-tooltip-sm .roo-tooltip-inner {
            padding: 4px 10px; }
    .roo-tooltip .roo-tooltip-inner {
        max-width: 300px;
        padding: 8px 12px;
        word-break: break-all;
        color: #fff;
        background-color: #222222;
        border-radius: 2px; }
    .roo-tooltip.roo-tooltip-bottom, .roo-tooltip.bottom {
        padding-top: 7px; }
        .roo-tooltip.roo-tooltip-bottom .roo-tooltip-arrow, .roo-tooltip.bottom .roo-tooltip-arrow {
            left: 50%;
            top: 2px;
            -webkit-transform: translate(-50%, 0);
                -ms-transform: translate(-50%, 0);
                    transform: translate(-50%, 0);
            border-width: 0 5px 5px;
            border-bottom-color: #222222; }
            .roo-tooltip.roo-tooltip-bottom .roo-tooltip-arrow::after, .roo-tooltip.bottom .roo-tooltip-arrow::after {
                top: 1px;
                margin-left: -5px;
                content: " ";
                border-top-width: 0;
                border-bottom-color: #222222; }
    .roo-tooltip.roo-tooltip-bottom-left, .roo-tooltip.bottom-left {
        padding-top: 7px; }
        .roo-tooltip.roo-tooltip-bottom-left .roo-tooltip-arrow, .roo-tooltip.bottom-left .roo-tooltip-arrow {
            left: 14px;
            top: 2px;
            border-width: 0 5px 5px;
            border-bottom-color: #222222; }
            .roo-tooltip.roo-tooltip-bottom-left .roo-tooltip-arrow::after, .roo-tooltip.bottom-left .roo-tooltip-arrow::after {
                top: 1px;
                margin-left: -5px;
                content: " ";
                border-top-width: 0;
                border-bottom-color: #222222; }
    .roo-tooltip.roo-tooltip-bottom-right, .roo-tooltip.bottom-right {
        padding-top: 7px; }
        .roo-tooltip.roo-tooltip-bottom-right .roo-tooltip-arrow, .roo-tooltip.bottom-right .roo-tooltip-arrow {
            right: 14px;
            top: 2px;
            border-width: 0 5px 5px;
            border-bottom-color: #222222; }
            .roo-tooltip.roo-tooltip-bottom-right .roo-tooltip-arrow::after, .roo-tooltip.bottom-right .roo-tooltip-arrow::after {
                top: 1px;
                margin-left: -5px;
                content: " ";
                border-top-width: 0;
                border-bottom-color: #222222; }
    .roo-tooltip.roo-tooltip-top, .roo-tooltip.top {
        padding-bottom: 7px; }
        .roo-tooltip.roo-tooltip-top .roo-tooltip-arrow, .roo-tooltip.top .roo-tooltip-arrow {
            bottom: 2px;
            left: 50%;
            -webkit-transform: translate(-50%, 0);
                -ms-transform: translate(-50%, 0);
                    transform: translate(-50%, 0);
            border-width: 5px 5px 0;
            border-top-color: #222222;
            border-style: solid; }
            .roo-tooltip.roo-tooltip-top .roo-tooltip-arrow::after, .roo-tooltip.top .roo-tooltip-arrow::after {
                bottom: 1px;
                margin-left: -5px;
                content: " ";
                border-bottom-width: 0;
                border-top-color: #222222; }
    .roo-tooltip.roo-tooltip-top-left, .roo-tooltip.top-left {
        padding-bottom: 7px; }
        .roo-tooltip.roo-tooltip-top-left .roo-tooltip-arrow, .roo-tooltip.top-left .roo-tooltip-arrow {
            bottom: 2px;
            left: 14px;
            border-width: 5px 5px 0;
            border-top-color: #222222;
            border-style: solid; }
            .roo-tooltip.roo-tooltip-top-left .roo-tooltip-arrow::after, .roo-tooltip.top-left .roo-tooltip-arrow::after {
                bottom: 1px;
                margin-left: -5px;
                content: " ";
                border-bottom-width: 0;
                border-top-color: #222222; }
    .roo-tooltip.roo-tooltip-top-right, .roo-tooltip.top-right {
        padding-bottom: 7px; }
        .roo-tooltip.roo-tooltip-top-right .roo-tooltip-arrow, .roo-tooltip.top-right .roo-tooltip-arrow {
            bottom: 2px;
            right: 14px;
            border-width: 5px 5px 0;
            border-top-color: #222222;
            border-style: solid; }
            .roo-tooltip.roo-tooltip-top-right .roo-tooltip-arrow::after, .roo-tooltip.top-right .roo-tooltip-arrow::after {
                bottom: 1px;
                margin-left: -5px;
                content: " ";
                border-bottom-width: 0;
                border-top-color: #222222; }
    .roo-tooltip.roo-tooltip-left, .roo-tooltip.left {
        padding-right: 7px; }
        .roo-tooltip.roo-tooltip-left .roo-tooltip-arrow, .roo-tooltip.left .roo-tooltip-arrow {
            top: 50%;
            right: 2px;
            -webkit-transform: translate(0, -50%);
                -ms-transform: translate(0, -50%);
                    transform: translate(0, -50%);
            border-width: 5px 0 5px 5px;
            border-left-color: #222222; }
            .roo-tooltip.roo-tooltip-left .roo-tooltip-arrow::after, .roo-tooltip.left .roo-tooltip-arrow::after {
                right: 1px;
                bottom: -5px;
                content: " ";
                border-right-width: 0;
                border-left-color: #222222; }
    .roo-tooltip.roo-tooltip-left-top, .roo-tooltip.left-top {
        padding-right: 7px; }
        .roo-tooltip.roo-tooltip-left-top .roo-tooltip-arrow, .roo-tooltip.left-top .roo-tooltip-arrow {
            top: 14px;
            right: 2px;
            border-width: 5px 0 5px 5px;
            border-left-color: #222222; }
            .roo-tooltip.roo-tooltip-left-top .roo-tooltip-arrow::after, .roo-tooltip.left-top .roo-tooltip-arrow::after {
                right: 1px;
                bottom: -5px;
                content: " ";
                border-right-width: 0;
                border-left-color: #222222; }
    .roo-tooltip.roo-tooltip-left-bottom, .roo-tooltip.left-bottom {
        padding-right: 7px; }
        .roo-tooltip.roo-tooltip-left-bottom .roo-tooltip-arrow, .roo-tooltip.left-bottom .roo-tooltip-arrow {
            bottom: 14px;
            right: 2px;
            border-width: 5px 0 5px 5px;
            border-left-color: #222222; }
            .roo-tooltip.roo-tooltip-left-bottom .roo-tooltip-arrow::after, .roo-tooltip.left-bottom .roo-tooltip-arrow::after {
                right: 1px;
                bottom: -5px;
                content: " ";
                border-right-width: 0;
                border-left-color: #222222; }
    .roo-tooltip.roo-tooltip-right, .roo-tooltip.right {
        padding-left: 7px; }
        .roo-tooltip.roo-tooltip-right .roo-tooltip-arrow, .roo-tooltip.right .roo-tooltip-arrow {
            border-width: 5px 5px 5px 0;
            border-right-color: #222222;
            left: 2px;
            top: 50%;
            -webkit-transform: translate(0, -50%);
                -ms-transform: translate(0, -50%);
                    transform: translate(0, -50%); }
            .roo-tooltip.roo-tooltip-right .roo-tooltip-arrow::after, .roo-tooltip.right .roo-tooltip-arrow::after {
                left: 1px;
                bottom: -5px;
                content: " ";
                border-left-width: 0;
                border-right-color: #222222; }
    .roo-tooltip.roo-tooltip-right-top, .roo-tooltip.right-top {
        padding-left: 7px; }
        .roo-tooltip.roo-tooltip-right-top .roo-tooltip-arrow, .roo-tooltip.right-top .roo-tooltip-arrow {
            border-width: 5px 5px 5px 0;
            border-right-color: #222222;
            left: 2px;
            top: 14px; }
            .roo-tooltip.roo-tooltip-right-top .roo-tooltip-arrow::after, .roo-tooltip.right-top .roo-tooltip-arrow::after {
                left: 1px;
                bottom: -5px;
                content: " ";
                border-left-width: 0;
                border-right-color: #222222; }
    .roo-tooltip.roo-tooltip-right-bottom, .roo-tooltip.right-bottom {
        padding-left: 7px; }
        .roo-tooltip.roo-tooltip-right-bottom .roo-tooltip-arrow, .roo-tooltip.right-bottom .roo-tooltip-arrow {
            border-width: 5px 5px 5px 0;
            border-right-color: #222222;
            left: 2px;
            bottom: 14px; }
            .roo-tooltip.roo-tooltip-right-bottom .roo-tooltip-arrow::after, .roo-tooltip.right-bottom .roo-tooltip-arrow::after {
                left: 1px;
                bottom: -5px;
                content: " ";
                border-left-width: 0;
                border-right-color: #222222; }
    .roo-tooltip .roo-tooltip-arrow {
        position: absolute;
        border-color: transparent;
        border-style: solid; }
        .roo-tooltip .roo-tooltip-arrow::after {
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
            content: " ";
            border-width: 5px; }

.roo-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;
    -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)); }
    .roo-tooltip-light.roo-tooltip-sm {
        font-size: 12px; }
        .roo-tooltip-light.roo-tooltip-sm .roo-tooltip-inner {
            padding: 4px 10px; }
    .roo-tooltip-light .roo-tooltip-inner {
        max-width: 300px;
        padding: 8px 12px;
        word-break: break-all;
        color: #585A6E;
        background-color: #fff;
        border-radius: 2px; }
    .roo-tooltip-light.roo-tooltip-bottom, .roo-tooltip-light.bottom {
        padding-top: 7px; }
        .roo-tooltip-light.roo-tooltip-bottom .roo-tooltip-arrow, .roo-tooltip-light.bottom .roo-tooltip-arrow {
            left: 50%;
            top: 2px;
            -webkit-transform: translate(-50%, 0);
                -ms-transform: translate(-50%, 0);
                    transform: translate(-50%, 0);
            border-width: 0 5px 5px;
            border-bottom-color: #fff; }
            .roo-tooltip-light.roo-tooltip-bottom .roo-tooltip-arrow::after, .roo-tooltip-light.bottom .roo-tooltip-arrow::after {
                top: 1px;
                margin-left: -5px;
                content: " ";
                border-top-width: 0;
                border-bottom-color: #fff; }
    .roo-tooltip-light.roo-tooltip-bottom-left, .roo-tooltip-light.bottom-left {
        padding-top: 7px; }
        .roo-tooltip-light.roo-tooltip-bottom-left .roo-tooltip-arrow, .roo-tooltip-light.bottom-left .roo-tooltip-arrow {
            left: 14px;
            top: 2px;
            border-width: 0 5px 5px;
            border-bottom-color: #fff; }
            .roo-tooltip-light.roo-tooltip-bottom-left .roo-tooltip-arrow::after, .roo-tooltip-light.bottom-left .roo-tooltip-arrow::after {
                top: 1px;
                margin-left: -5px;
                content: " ";
                border-top-width: 0;
                border-bottom-color: #fff; }
    .roo-tooltip-light.roo-tooltip-bottom-right, .roo-tooltip-light.bottom-right {
        padding-top: 7px; }
        .roo-tooltip-light.roo-tooltip-bottom-right .roo-tooltip-arrow, .roo-tooltip-light.bottom-right .roo-tooltip-arrow {
            right: 14px;
            top: 2px;
            border-width: 0 5px 5px;
            border-bottom-color: #fff; }
            .roo-tooltip-light.roo-tooltip-bottom-right .roo-tooltip-arrow::after, .roo-tooltip-light.bottom-right .roo-tooltip-arrow::after {
                top: 1px;
                margin-left: -5px;
                content: " ";
                border-top-width: 0;
                border-bottom-color: #fff; }
    .roo-tooltip-light.roo-tooltip-top, .roo-tooltip-light.top {
        padding-bottom: 7px; }
        .roo-tooltip-light.roo-tooltip-top .roo-tooltip-arrow, .roo-tooltip-light.top .roo-tooltip-arrow {
            bottom: 2px;
            left: 50%;
            -webkit-transform: translate(-50%, 0);
                -ms-transform: translate(-50%, 0);
                    transform: translate(-50%, 0);
            border-width: 5px 5px 0;
            border-top-color: #fff;
            border-style: solid; }
            .roo-tooltip-light.roo-tooltip-top .roo-tooltip-arrow::after, .roo-tooltip-light.top .roo-tooltip-arrow::after {
                bottom: 1px;
                margin-left: -5px;
                content: " ";
                border-bottom-width: 0;
                border-top-color: #fff; }
    .roo-tooltip-light.roo-tooltip-top-left, .roo-tooltip-light.top-left {
        padding-bottom: 7px; }
        .roo-tooltip-light.roo-tooltip-top-left .roo-tooltip-arrow, .roo-tooltip-light.top-left .roo-tooltip-arrow {
            bottom: 2px;
            left: 14px;
            border-width: 5px 5px 0;
            border-top-color: #fff;
            border-style: solid; }
            .roo-tooltip-light.roo-tooltip-top-left .roo-tooltip-arrow::after, .roo-tooltip-light.top-left .roo-tooltip-arrow::after {
                bottom: 1px;
                margin-left: -5px;
                content: " ";
                border-bottom-width: 0;
                border-top-color: #fff; }
    .roo-tooltip-light.roo-tooltip-top-right, .roo-tooltip-light.top-right {
        padding-bottom: 7px; }
        .roo-tooltip-light.roo-tooltip-top-right .roo-tooltip-arrow, .roo-tooltip-light.top-right .roo-tooltip-arrow {
            bottom: 2px;
            right: 14px;
            border-width: 5px 5px 0;
            border-top-color: #fff;
            border-style: solid; }
            .roo-tooltip-light.roo-tooltip-top-right .roo-tooltip-arrow::after, .roo-tooltip-light.top-right .roo-tooltip-arrow::after {
                bottom: 1px;
                margin-left: -5px;
                content: " ";
                border-bottom-width: 0;
                border-top-color: #fff; }
    .roo-tooltip-light.roo-tooltip-left, .roo-tooltip-light.left {
        padding-right: 7px; }
        .roo-tooltip-light.roo-tooltip-left .roo-tooltip-arrow, .roo-tooltip-light.left .roo-tooltip-arrow {
            top: 50%;
            right: 2px;
            -webkit-transform: translate(0, -50%);
                -ms-transform: translate(0, -50%);
                    transform: translate(0, -50%);
            border-width: 5px 0 5px 5px;
            border-left-color: #fff; }
            .roo-tooltip-light.roo-tooltip-left .roo-tooltip-arrow::after, .roo-tooltip-light.left .roo-tooltip-arrow::after {
                right: 1px;
                bottom: -5px;
                content: " ";
                border-right-width: 0;
                border-left-color: #fff; }
    .roo-tooltip-light.roo-tooltip-left-top, .roo-tooltip-light.left-top {
        padding-right: 7px; }
        .roo-tooltip-light.roo-tooltip-left-top .roo-tooltip-arrow, .roo-tooltip-light.left-top .roo-tooltip-arrow {
            top: 14px;
            right: 2px;
            border-width: 5px 0 5px 5px;
            border-left-color: #fff; }
            .roo-tooltip-light.roo-tooltip-left-top .roo-tooltip-arrow::after, .roo-tooltip-light.left-top .roo-tooltip-arrow::after {
                right: 1px;
                bottom: -5px;
                content: " ";
                border-right-width: 0;
                border-left-color: #fff; }
    .roo-tooltip-light.roo-tooltip-left-bottom, .roo-tooltip-light.left-bottom {
        padding-right: 7px; }
        .roo-tooltip-light.roo-tooltip-left-bottom .roo-tooltip-arrow, .roo-tooltip-light.left-bottom .roo-tooltip-arrow {
            bottom: 14px;
            right: 2px;
            border-width: 5px 0 5px 5px;
            border-left-color: #fff; }
            .roo-tooltip-light.roo-tooltip-left-bottom .roo-tooltip-arrow::after, .roo-tooltip-light.left-bottom .roo-tooltip-arrow::after {
                right: 1px;
                bottom: -5px;
                content: " ";
                border-right-width: 0;
                border-left-color: #fff; }
    .roo-tooltip-light.roo-tooltip-right, .roo-tooltip-light.right {
        padding-left: 7px; }
        .roo-tooltip-light.roo-tooltip-right .roo-tooltip-arrow, .roo-tooltip-light.right .roo-tooltip-arrow {
            border-width: 5px 5px 5px 0;
            border-right-color: #fff;
            left: 2px;
            top: 50%;
            -webkit-transform: translate(0, -50%);
                -ms-transform: translate(0, -50%);
                    transform: translate(0, -50%); }
            .roo-tooltip-light.roo-tooltip-right .roo-tooltip-arrow::after, .roo-tooltip-light.right .roo-tooltip-arrow::after {
                left: 1px;
                bottom: -5px;
                content: " ";
                border-left-width: 0;
                border-right-color: #fff; }
    .roo-tooltip-light.roo-tooltip-right-top, .roo-tooltip-light.right-top {
        padding-left: 7px; }
        .roo-tooltip-light.roo-tooltip-right-top .roo-tooltip-arrow, .roo-tooltip-light.right-top .roo-tooltip-arrow {
            border-width: 5px 5px 5px 0;
            border-right-color: #fff;
            left: 2px;
            top: 14px; }
            .roo-tooltip-light.roo-tooltip-right-top .roo-tooltip-arrow::after, .roo-tooltip-light.right-top .roo-tooltip-arrow::after {
                left: 1px;
                bottom: -5px;
                content: " ";
                border-left-width: 0;
                border-right-color: #fff; }
    .roo-tooltip-light.roo-tooltip-right-bottom, .roo-tooltip-light.right-bottom {
        padding-left: 7px; }
        .roo-tooltip-light.roo-tooltip-right-bottom .roo-tooltip-arrow, .roo-tooltip-light.right-bottom .roo-tooltip-arrow {
            border-width: 5px 5px 5px 0;
            border-right-color: #fff;
            left: 2px;
            bottom: 14px; }
            .roo-tooltip-light.roo-tooltip-right-bottom .roo-tooltip-arrow::after, .roo-tooltip-light.right-bottom .roo-tooltip-arrow::after {
                left: 1px;
                bottom: -5px;
                content: " ";
                border-left-width: 0;
                border-right-color: #fff; }
    .roo-tooltip-light .roo-tooltip-arrow {
        position: absolute;
        border-color: transparent;
        border-style: solid; }
        .roo-tooltip-light .roo-tooltip-arrow::after {
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
            content: " ";
            border-width: 5px; }

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

.roo-pagination {
    display: inline-block;
    padding-left: 0;
    font-size: 14px;
    margin: 10px 0; }
    .roo-pagination > span {
        display: inline-block;
        padding: 6px 12px; }
    .roo-pagination .roo-icon {
        vertical-align: middle; }
    .roo-pagination.no-border a,
    .roo-pagination.no-border span {
        border: 0px; }
    .roo-pagination > li {
        display: inline-block;
        vertical-align: middle; }
        .roo-pagination > li > a,
        .roo-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: #585A6E;
            border: 1px solid #E9EAF2;
            border-radius: 2px;
            margin-left: 8px;
            background-color: #fff;
            cursor: pointer; }
            .roo-pagination > li > a:hover, .roo-pagination > li > a:focus,
            .roo-pagination > li > span:hover,
            .roo-pagination > li > span:focus {
                color: #fff;
                background-color: #222222;
                border-color: #222222; }
        .roo-pagination > li input {
            display: inline-block;
            width: 40px;
            height: 32px;
            color: #585A6E;
            text-align: center;
            vertical-align: middle;
            border: 1px solid #E9EAF2;
            border-radius: 2px;
            padding: 6px 12px;
            margin-left: 10px;
            outline: 0;
            -webkit-border-image: none; }
            .roo-pagination > li input:hover, .roo-pagination > li input:focus {
                border-color: #858692; }
    .roo-pagination > .active > a, .roo-pagination > .active > a:hover, .roo-pagination > .active > a:focus,
    .roo-pagination > .active > span,
    .roo-pagination > .active > span:hover,
    .roo-pagination > .active > span:focus {
        color: #fff;
        background-color: #222222;
        border-color: #222222;
        cursor: default; }
    .roo-pagination > .arrow > a,
    .roo-pagination > .arrow > span {
        color: #BABCCC;
        font-size: 18px;
        line-height: 28px; }
    .roo-pagination > .light > a:hover, .roo-pagination > .light > a:focus,
    .roo-pagination > .light > span:hover,
    .roo-pagination > .light > span:focus {
        color: #585A6E;
        background-color: #fff;
        border-color: #858692;
        cursor: pointer; }
    .roo-pagination > .ellipsis-left > a,
    .roo-pagination > .ellipsis-left > span {
        display: inline-block;
        width: 32px;
        text-align: center;
        border: 0px; }
        .roo-pagination > .ellipsis-left > a:after,
        .roo-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; }
        .roo-pagination > .ellipsis-left > a:hover, .roo-pagination > .ellipsis-left > a:focus,
        .roo-pagination > .ellipsis-left > span:hover,
        .roo-pagination > .ellipsis-left > span:focus {
            background: transparent;
            cursor: pointer; }
            .roo-pagination > .ellipsis-left > a:hover:after, .roo-pagination > .ellipsis-left > a:focus:after,
            .roo-pagination > .ellipsis-left > span:hover:after,
            .roo-pagination > .ellipsis-left > span:focus:after {
                content: "\EA16";
                color: #585A6E; }
    .roo-pagination > .ellipsis-right > a,
    .roo-pagination > .ellipsis-right > span {
        display: inline-block;
        width: 32px;
        text-align: center;
        border: 0px; }
        .roo-pagination > .ellipsis-right > a:after,
        .roo-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; }
        .roo-pagination > .ellipsis-right > a:hover, .roo-pagination > .ellipsis-right > a:focus,
        .roo-pagination > .ellipsis-right > span:hover,
        .roo-pagination > .ellipsis-right > span:focus {
            background: transparent;
            cursor: pointer; }
            .roo-pagination > .ellipsis-right > a:hover:after, .roo-pagination > .ellipsis-right > a:focus:after,
            .roo-pagination > .ellipsis-right > span:hover:after,
            .roo-pagination > .ellipsis-right > span:focus:after {
                content: "\EA17";
                color: #585A6E; }
    .roo-pagination > .disabled > span,
    .roo-pagination > .disabled > span:hover,
    .roo-pagination > .disabled > span:focus,
    .roo-pagination > .disabled > a,
    .roo-pagination > .disabled > a:hover,
    .roo-pagination > .disabled > a:focus {
        color: #A2A4B3;
        background-color: #F7F8FA;
        border-color: #E9EAF2;
        cursor: not-allowed; }
    .roo-pagination .roo-input-number input {
        width: 36px; }
    .roo-pagination .roo-pagination-jump {
        display: inline-block;
        margin-left: 10px; }
        .roo-pagination .roo-pagination-jump > span {
            line-height: 36px;
            padding: 0 10px;
            vertical-align: middle; }

.roo-pagination-sm {
    display: inline-block;
    padding-left: 0;
    font-size: 12px;
    margin: 8px 0; }
    .roo-pagination-sm > span {
        display: inline-block;
        padding: 6px 12px; }
    .roo-pagination-sm .roo-icon {
        vertical-align: middle; }
    .roo-pagination-sm.no-border a,
    .roo-pagination-sm.no-border span {
        border: 0px; }
    .roo-pagination-sm > li {
        display: inline-block;
        vertical-align: middle; }
        .roo-pagination-sm > li > a,
        .roo-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: #585A6E;
            border: 1px solid #E9EAF2;
            border-radius: 2px;
            margin-left: 8px;
            background-color: #fff;
            cursor: pointer; }
            .roo-pagination-sm > li > a:hover, .roo-pagination-sm > li > a:focus,
            .roo-pagination-sm > li > span:hover,
            .roo-pagination-sm > li > span:focus {
                color: #fff;
                background-color: #222222;
                border-color: #222222; }
        .roo-pagination-sm > li input {
            display: inline-block;
            width: 40px;
            height: 26px;
            color: #585A6E;
            text-align: center;
            vertical-align: middle;
            border: 1px solid #E9EAF2;
            border-radius: 2px;
            padding: 6px 12px;
            margin-left: 8px;
            outline: 0;
            -webkit-border-image: none; }
            .roo-pagination-sm > li input:hover, .roo-pagination-sm > li input:focus {
                border-color: #858692; }
    .roo-pagination-sm > .active > a, .roo-pagination-sm > .active > a:hover, .roo-pagination-sm > .active > a:focus,
    .roo-pagination-sm > .active > span,
    .roo-pagination-sm > .active > span:hover,
    .roo-pagination-sm > .active > span:focus {
        color: #fff;
        background-color: #222222;
        border-color: #222222;
        cursor: default; }
    .roo-pagination-sm > .arrow > a,
    .roo-pagination-sm > .arrow > span {
        color: #BABCCC;
        font-size: 18px;
        line-height: 22px; }
    .roo-pagination-sm > .light > a:hover, .roo-pagination-sm > .light > a:focus,
    .roo-pagination-sm > .light > span:hover,
    .roo-pagination-sm > .light > span:focus {
        color: #585A6E;
        background-color: #fff;
        border-color: #858692;
        cursor: pointer; }
    .roo-pagination-sm > .ellipsis-left > a,
    .roo-pagination-sm > .ellipsis-left > span {
        display: inline-block;
        width: 26px;
        text-align: center;
        border: 0px; }
        .roo-pagination-sm > .ellipsis-left > a:after,
        .roo-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; }
        .roo-pagination-sm > .ellipsis-left > a:hover, .roo-pagination-sm > .ellipsis-left > a:focus,
        .roo-pagination-sm > .ellipsis-left > span:hover,
        .roo-pagination-sm > .ellipsis-left > span:focus {
            background: transparent;
            cursor: pointer; }
            .roo-pagination-sm > .ellipsis-left > a:hover:after, .roo-pagination-sm > .ellipsis-left > a:focus:after,
            .roo-pagination-sm > .ellipsis-left > span:hover:after,
            .roo-pagination-sm > .ellipsis-left > span:focus:after {
                content: "\EA16";
                color: #585A6E; }
    .roo-pagination-sm > .ellipsis-right > a,
    .roo-pagination-sm > .ellipsis-right > span {
        display: inline-block;
        width: 26px;
        text-align: center;
        border: 0px; }
        .roo-pagination-sm > .ellipsis-right > a:after,
        .roo-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; }
        .roo-pagination-sm > .ellipsis-right > a:hover, .roo-pagination-sm > .ellipsis-right > a:focus,
        .roo-pagination-sm > .ellipsis-right > span:hover,
        .roo-pagination-sm > .ellipsis-right > span:focus {
            background: transparent;
            cursor: pointer; }
            .roo-pagination-sm > .ellipsis-right > a:hover:after, .roo-pagination-sm > .ellipsis-right > a:focus:after,
            .roo-pagination-sm > .ellipsis-right > span:hover:after,
            .roo-pagination-sm > .ellipsis-right > span:focus:after {
                content: "\EA17";
                color: #585A6E; }
    .roo-pagination-sm > .disabled > span,
    .roo-pagination-sm > .disabled > span:hover,
    .roo-pagination-sm > .disabled > span:focus,
    .roo-pagination-sm > .disabled > a,
    .roo-pagination-sm > .disabled > a:hover,
    .roo-pagination-sm > .disabled > a:focus {
        color: #A2A4B3;
        background-color: #F7F8FA;
        border-color: #E9EAF2;
        cursor: not-allowed; }
    .roo-pagination-sm .roo-input-number input {
        width: 32px; }
    .roo-pagination-sm .roo-pagination-jump {
        display: inline-block;
        margin-left: 8px; }
        .roo-pagination-sm .roo-pagination-jump > span {
            line-height: 32px;
            padding: 0 8px;
            vertical-align: middle; }

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

.roo-switch-mini {
    min-width: 36px;
    height: 20px; }
    .roo-switch-mini input[type="checkbox"]:checked ~ .roo-switch-checkbox > span {
        margin-right: 22px;
        margin-left: 4px; }
    .roo-switch-mini input[type="checkbox"]:checked ~ .roo-switch-checkbox:before {
        margin-left: -2px; }
    .roo-switch-mini input[type="checkbox"]:checked ~ .roo-switch-checkbox:after {
        margin-left: -4px; }
    .roo-switch-mini .roo-switch-checkbox {
        height: 20px;
        line-height: 20px; }
        .roo-switch-mini .roo-switch-checkbox > span {
            margin-left: 22px;
            margin-right: 4px; }
        .roo-switch-mini .roo-switch-checkbox::before {
            width: 18px;
            height: 18px;
            line-height: 18px; }
        .roo-switch-mini .roo-switch-checkbox::after {
            top: 3px;
            left: 3px; }
    .roo-switch-mini.roo-switch-loading .roo-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; } }

.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: red;
    height: 3px;
    width: 16px;
    border-radius: 1px;
    border: none;
    outline: none;
    background: #FFD161;
    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: #FFD161;
    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); }

.roo-carousel-arrow.roo-carousel-prev {
    position: absolute;
    left: 0;
    top: 50%;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 100; }

.roo-carousel-arrow.roo-carousel-next {
    position: absolute;
    right: 0;
    top: 50%;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 100; }

.roo-carousel {
    position: relative; }

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

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

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

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

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

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

/*
---------------
面包屑样式
---------------
*/
.roo-breadcrumb {
    height: 28px;
    margin-bottom: 10px;
    list-style: none;
    line-height: 28px; }
    .roo-breadcrumb > li {
        display: inline-block;
        padding-left: 2px;
        color: #858692; }
        .roo-breadcrumb > li span, .roo-breadcrumb > li a, .roo-breadcrumb > li a:visited {
            vertical-align: middle;
            color: #858692; }
        .roo-breadcrumb > li i.roo-icon {
            font-size: 1.4em;
            vertical-align: middle; }
        .roo-breadcrumb > li:not(.active) > i {
            color: #858692;
            margin-right: 4px; }
        .roo-breadcrumb > li:hover a {
            color: #F89800;
            cursor: pointer; }
        .roo-breadcrumb > li i.roo-icon, .roo-breadcrumb > li span, .roo-breadcrumb > li a {
            text-decoration: none; }
        .roo-breadcrumb > li + li {
            padding-left: 2px; }
            .roo-breadcrumb > 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: #A2A4B3;
                content: "\EA0D"; }
        .roo-breadcrumb > li + li:hover::before {
            text-decoration: none; }
        .roo-breadcrumb > li.active {
            color: #222222; }
            .roo-breadcrumb > li.active > i {
                margin-right: 4px; }
            .roo-breadcrumb > li.active span, .roo-breadcrumb > li.active a {
                color: #222222; }

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

.roo-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; }

.roo-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; }

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

.roo-breadcrumb-bg-gray > li {
    position: relative;
    padding-right: 28px;
    background-color: #F7F8FA; }
    .roo-breadcrumb-bg-gray > li::after, .roo-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; }
    .roo-breadcrumb-bg-gray > li + li {
        padding-left: 10px; }
    .roo-breadcrumb-bg-gray > li::after {
        border-left-color: #F7F8FA;
        right: -12px; }
    .roo-breadcrumb-bg-gray > li:last-child {
        padding-right: 2px; }
        .roo-breadcrumb-bg-gray > li:last-child::before {
            display: none; }
        .roo-breadcrumb-bg-gray > li:last-child::after {
            right: -2em;
            top: 0;
            border-left-color: #F7F8FA; }

/*
---------------
导航样式
---------------
*/
.roo-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; }

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

.roo-tabs-container {
    display: -ms-flexbox;
    display: flex; }
    .roo-tabs-container .roo-tabs-pre,
    .roo-tabs-container .roo-tabs-next {
        position: relative;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
        font-size: 1.2em;
        color: #A2A4B3;
        cursor: pointer; }
        .roo-tabs-container .roo-tabs-pre:hover,
        .roo-tabs-container .roo-tabs-next:hover {
            color: #585A6E; }
        .roo-tabs-container .roo-tabs-pre.disabled,
        .roo-tabs-container .roo-tabs-next.disabled {
            color: #E9EAF2 !important;
            cursor: not-allowed; }
        .roo-tabs-container .roo-tabs-pre .roo-icon,
        .roo-tabs-container .roo-tabs-next .roo-icon {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%); }
    .roo-tabs-container .roo-tabs-pre {
        -ms-flex-order: -1;
            order: -1; }
    .roo-tabs-container .roo-tabs-next {
        -ms-flex-order: 1;
            order: 1; }

.roo-tabs-content {
    -ms-flex: 1;
        flex: 1;
    padding: 10px;
    text-align: left; }

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

.roo-tabs-vertical-right .roo-tabs-content {
    -ms-flex-order: -1;
        order: -1; }

.roo-tabs-nav-wrap {
    position: relative;
    -ms-flex: 1;
        flex: 1;
    -ms-flex-order: 0;
        order: 0;
    overflow: hidden; }

.roo-tabs-nav {
    display: -ms-flexbox;
    display: flex; }
    .roo-tabs-nav > li > a {
        display: block;
        height: 100%;
        cursor: pointer;
        max-width: 140px;
        padding: 0 20px;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .roo-tabs-nav > li > a .roo-icon {
            font-size: 16px;
            vertical-align: sub; }
        .roo-tabs-nav > li > a > span {
            display: inline-block;
            text-align: left;
            font-size: 14px; }
            .roo-tabs-nav > li > a > span > em {
                display: block;
                font-size: 14px;
                color: #585A6E;
                font-style: normal;
                white-space: normal; }
                .roo-tabs-nav > li > a > span > em:first-child {
                    display: block;
                    margin-bottom: 4px;
                    font-weight: normal;
                    color: #858692; }
        .roo-tabs-nav > li > a:hover {
            color: #222222;
            text-decoration: none; }
            .roo-tabs-nav > li > a:hover em {
                color: #222222; }
                .roo-tabs-nav > li > a:hover em:first-child {
                    color: #222222; }
    .roo-tabs-nav .disabled a {
        color: #E9EAF2 !important;
        cursor: not-allowed !important; }
        .roo-tabs-nav .disabled a * {
            color: #E9EAF2 !important; }

.roo-tabs-container {
    height: 36px; }

.roo-tabs-card .tab-item {
    position: relative;
    line-height: 34px; }
    .roo-tabs-card .tab-item a {
        border: 1px solid #E9EAF2;
        color: #858692;
        background-color: #F7F8FA;
        cursor: pointer; }
    .roo-tabs-card .tab-item.active a {
        background-color: #fff;
        color: #222222;
        border-color: #E9EAF2; }
    .roo-tabs-card .tab-item:not(:first-child) a {
        border-top-left-radius: 0;
        border-left-color: transparent; }
    .roo-tabs-card .tab-item:not(:last-child) a {
        border-top-right-radius: 0; }

.roo-tabs-line .roo-tabs-container {
    height: 50px; }

.roo-tabs-line .roo-tabs-pre {
    margin-left: -20px; }

.roo-tabs-line .roo-tabs-next {
    margin-right: -20px; }

.roo-tabs-line .tab-item {
    position: relative;
    line-height: 48px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
    .roo-tabs-line .tab-item a {
        color: #858692;
        cursor: pointer; }
    .roo-tabs-line .tab-item.active a {
        color: #222222; }

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

.roo-tabs-fill {
    line-height: 34px; }
    .roo-tabs-fill .tab-item a {
        border: 1px solid #E9EAF2;
        color: #858692;
        cursor: pointer;
        background-color: #F7F8FA; }
    .roo-tabs-fill .tab-item.active a {
        color: #fff;
        background-color: #222222;
        border-color: #222222; }
    .roo-tabs-fill .tab-item:not(:first-child) a {
        border-top-left-radius: 0;
        border-left-color: transparent; }
    .roo-tabs-fill .tab-item:not(:last-child) a {
        border-top-right-radius: 0; }

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

.roo-tabs-multiline .roo-tabs-container {
    height: auto; }

.roo-tabs-multiline .roo-tabs-nav-wrap {
    margin-bottom: -1px; }

.roo-tabs-multiline .roo-tabs-nav {
    margin-bottom: 1px; }

.roo-tabs-multiline .tab-item {
    line-height: normal; }
    .roo-tabs-multiline .tab-item a {
        max-width: unset;
        border-bottom: none;
        padding: 10px 20px; }
        .roo-tabs-multiline .tab-item a em {
            font-size: 14px; }
            .roo-tabs-multiline .tab-item a em:first-child {
                font-size: 12px; }
    .roo-tabs-multiline .tab-item.active {
        position: relative; }
        .roo-tabs-multiline .tab-item.active a {
            color: #585A6E; }
            .roo-tabs-multiline .tab-item.active a em {
                color: #222222; }
        .roo-tabs-multiline .tab-item.active::after {
            display: block;
            content: '';
            position: absolute;
            left: 1px;
            right: 1px;
            bottom: -1px;
            height: 1px;
            background: #fff; }

.roo-tabs-pointer {
    position: absolute;
    display: block;
    bottom: 0px;
    left: 0px;
    width: 40px;
    height: 2px;
    overflow: hidden;
    background-color: #222222;
    z-index: 1; }

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

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

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

.roo-tabs-vertical .roo-tabs-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }

.roo-tabs-vertical .roo-tabs-pointer {
    right: 0px;
    left: auto;
    top: 0px;
    bottom: auto;
    width: 2px;
    height: 30px; }

.roo-tabs-vertical .roo-tabs-container {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -ms-flex-direction: column;
        flex-direction: column; }

.roo-tabs-vertical .roo-tabs-border-line {
    right: 0px;
    left: auto;
    top: 0px;
    bottom: auto;
    width: 1px;
    height: 200%; }

.roo-tabs-vertical.roo-tabs-vertical-right .roo-tabs-border-line {
    left: 0px;
    right: auto;
    top: 0px;
    bottom: auto; }

.roo-tabs-vertical.roo-tabs-vertical-right .roo-tabs-pointer {
    left: 0;
    right: auto; }

.roo-tabs-vertical.roo-tabs-line .roo-tabs-pre {
    margin-left: unset;
    border-right: 1px solid #E9EAF2; }

.roo-tabs-vertical.roo-tabs-line .roo-tabs-next {
    margin-right: unset;
    border-right: 1px solid #E9EAF2; }

.roo-tabs-vertical-right.roo-tabs-line .roo-tabs-pre {
    border-right: unset;
    border-left: 1px solid #E9EAF2; }

.roo-tabs-vertical-right.roo-tabs-line .roo-tabs-next {
    border-right: unset;
    border-left: 1px solid #E9EAF2; }

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

.roo-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1050;
    max-height: 242px;
    overflow-y: auto;
    padding: 4px 0;
    font-size: 14px;
    color: #585A6E;
    text-align: left;
    list-style: none;
    border: 1px solid #E9EAF2;
    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); }
    .roo-dropdown-menu + .roo-dropdown-menu {
        box-shadow: 5px 10px 16px 0px rgba(88, 90, 110, 0.15); }
    .roo-dropdown-menu li.roo-hover {
        background-color: #FFD161; }
    .roo-dropdown-menu.loading {
        text-align: center;
        padding: 20px; }
    .roo-dropdown-menu.other-info {
        text-align: center;
        padding: 10px 20px;
        color: #A2A4B3;
        font-size: 12px;
        font-weight: 300; }

.roo-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); }
    .roo-dropdown-menu-cascader .withoutAfter::after {
        display: none !important; }
    .roo-dropdown-menu-cascader .roo-dropdown-menu {
        position: static;
        min-width: 100px;
        height: 180px;
        box-shadow: unset; }
        .roo-dropdown-menu-cascader .roo-dropdown-menu + .roo-dropdown-menu {
            margin-left: -1px; }
        .roo-dropdown-menu-cascader .roo-dropdown-menu:not(:last-child) a.active-highlight::after {
            display: none; }
        .roo-dropdown-menu-cascader .roo-dropdown-menu a:active::after {
            display: none; }

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

.roo-dropdown-menu:not(:first-child):not(:last-child) {
    border-radius: 0; }

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

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

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

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

.popup.left.roo-dropdown-menu {
    margin-right: 4px; }

.popup.right.roo-dropdown-menu {
    margin-left: 4px; }

.roo-dropdown-menu-autowidth {
    width: auto; }

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

.dropdown-item,
.roo-dropdown-menu a {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 36px 0 8px;
    font-size: 1em;
    clear: both;
    font-weight: 400;
    color: #585A6E;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    line-height: 36px;
    border: 0;
    cursor: pointer; }
    .dropdown-item b,
    .roo-dropdown-menu a b {
        color: #222222; }
    .dropdown-item:hover,
    .roo-dropdown-menu a:hover {
        color: #414352;
        background-color: #F7F8FA;
        text-decoration: none; }
    .dropdown-item.active, .dropdown-item:active,
    .roo-dropdown-menu a.active,
    .roo-dropdown-menu a:active {
        text-decoration: none; }
        .dropdown-item.active.multiple::after, .dropdown-item:active.multiple::after,
        .roo-dropdown-menu a.active.multiple::after,
        .roo-dropdown-menu a:active.multiple::after {
            display: none; }
        .dropdown-item.active.multiple > i, .dropdown-item:active.multiple > i,
        .roo-dropdown-menu a.active.multiple > i,
        .roo-dropdown-menu a:active.multiple > i {
            color: #FFD161; }
        .dropdown-item.active::after, .dropdown-item:active::after,
        .roo-dropdown-menu a.active::after,
        .roo-dropdown-menu a:active::after {
            content: "\EA0A";
            position: absolute;
            top: 0;
            right: 10px;
            font-family: "roo-icon";
            font-style: normal;
            font-weight: normal;
            color: #BABCCC; }
    .dropdown-item.active-highlight,
    .roo-dropdown-menu a.active-highlight {
        color: #FFD161;
        text-decoration: none; }
        .dropdown-item.active-highlight::after,
        .roo-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: #FFD161; }
    .dropdown-item.disabled, .dropdown-item:disabled,
    .roo-dropdown-menu a.disabled,
    .roo-dropdown-menu a:disabled {
        color: #E9EAF2;
        background-color: transparent;
        cursor: not-allowed; }
    .dropdown-item > i,
    .roo-dropdown-menu a > i {
        position: absolute;
        right: 10px;
        top: 11px;
        display: inline-block;
        color: #BABCCC; }

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

.dropdown-header {
    display: block;
    padding: 4px 10px;
    margin-bottom: 0;
    font-size: 12px;
    color: #e6e6e6;
    white-space: nowrap; }

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

.dropdown-classify h6 {
    margin: 0;
    padding: 4px 10px;
    color: #BABCCC;
    font-weight: normal;
    font-size: 12px;
    -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
            transform: scale(0.85);
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left; }

.roo-dropdown-menu li:not(:first-child) .dropdown-classify::before {
    content: '';
    display: block; }

@-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.4); }

.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: #d2d2d2;
        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: #d2d2d2 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; }

/**
 * 通知浮层一般用于通知用户的操作情况，比如所提交信息中的错误信息、服务器反馈信息等，一般由用户主动触发后展现
 */
.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; }

.roo-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; }
    .roo-modal.backdrop {
        position: fixed;
        background: rgba(250, 250, 250, 0.9); }
    .roo-modal.fade .roo-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; }
    .roo-modal.in .roo-modal-dialog {
        -webkit-transform: tanslate(0, 0);
            -ms-transform: tanslate(0, 0);
                transform: tanslate(0, 0); }
    .roo-modal p {
        margin: 0;
        line-height: 1.5; }
    .roo-modal::after {
        display: inline-block;
        height: 100%;
        content: '';
        vertical-align: middle; }
    .roo-modal .roo-modal-dialog {
        position: relative;
        display: inline-block;
        width: 420px;
        margin: 10px;
        text-align: left;
        vertical-align: middle; }
        .roo-modal .roo-modal-dialog .close {
            position: absolute;
            top: 25px;
            right: 20px;
            z-index: 10;
            padding: 0;
            color: #A2A4B3;
            font-size: 15.96px;
            background: transparent;
            border: 0;
            cursor: pointer;
            -webkit-appearance: none; }
        .roo-modal .roo-modal-dialog .close:hover {
            color: #585A6E; }
        .roo-modal .roo-modal-dialog .roo-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; }
            .roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-header {
                padding: 24px 24px 8px 24px; }
                .roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-header::before {
                    content: " ";
                    display: table; }
                .roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-header::after {
                    clear: both; }
                .roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-header .roo-modal-title {
                    margin: 0;
                    color: #585A6E;
                    font-size: 17.5px;
                    font-weight: normal; }
            .roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-header + .roo-modal-body {
                padding: 0 24px 24px; }
            .roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-body {
                position: relative;
                color: #585A6E;
                padding: 24px;
                font-size: 14px;
                overflow: auto; }
                .roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-body .title {
                    margin: 0;
                    font-size: 17.5px;
                    padding-bottom: 8px;
                    font-weight: 400; }
                .roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-body.has-icon {
                    padding: 24px 24px 32px 68px; }
                    .roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-body.has-icon::before {
                        position: absolute;
                        top: 24px;
                        left: 24px;
                        font-size: 32px;
                        line-height: 1;
                        font-family: "roo-icon"; }
                    .roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-body.has-icon.info:before {
                        content: "\EA27";
                        color: #17a2b8; }
                    .roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-body.has-icon.danger:before {
                        content: "\EA46";
                        color: #F76C6C; }
                    .roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-body.has-icon.success:before {
                        content: "\EA08";
                        color: #63D29D; }
                    .roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-body.has-icon.question:before {
                        content: "\EA36";
                        color: #F8B500; }
            .roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-footer {
                position: relative;
                text-align: right;
                padding: 0 24px 24px; }
                .roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-footer .roo-btn + .roo-btn {
                    margin-left: 8px; }
    .roo-modal .roo-modal-dialog.roo-modal-sm {
        width: 300px; }
    .roo-modal .roo-modal-dialog.roo-modal-lg {
        width: 630px; }

.roo-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 #A2A4B3;
    z-index: 1010;
    border-radius: 2px; }
    .roo-toast.top {
        top: 20px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
                transform: translate(-50%, 0); }
    .roo-toast.right {
        top: 50%;
        right: 20px;
        -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
                transform: translate(0, -50%); }
    .roo-toast.bottom {
        bottom: 20px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
                transform: translate(-50%, 0); }
    .roo-toast.left {
        top: 50%;
        left: 20px;
        -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
                transform: translate(0, -50%); }
    .roo-toast.top-left {
        top: 20px;
        left: 20px; }
    .roo-toast.top-right {
        top: 20px;
        right: 20px; }
    .roo-toast.bottom-right {
        bottom: 20px;
        right: 20px; }
    .roo-toast.bottom-left {
        bottom: 0;
        left: 0; }
    .roo-toast .roo-toast-content {
        position: relative;
        padding: 12px 16px; }
        .roo-toast .roo-toast-content .roo-toast-header {
            margin-bottom: 5px; }
            .roo-toast .roo-toast-content .roo-toast-header .title {
                margin: 0;
                font-size: 14px;
                font-weight: normal;
                line-height: 1.5;
                color: #fff; }
            .roo-toast .roo-toast-content .roo-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; }
                .roo-toast .roo-toast-content .roo-toast-header .close:hover {
                    opacity: 1; }
        .roo-toast .roo-toast-content .roo-toast-body {
            margin-bottom: 5px; }
            .roo-toast .roo-toast-content .roo-toast-body .content {
                font-size: 12px;
                line-height: 1.5;
                color: #fff; }
            .roo-toast .roo-toast-content .roo-toast-body .link {
                display: block;
                font-size: 12px;
                text-decoration: underline; }
        .roo-toast .roo-toast-content .roo-toast-footer {
            position: relative;
            text-align: right;
            padding-top: 5px; }
        .roo-toast .roo-toast-content.has-icon::before {
            position: absolute;
            display: block;
            top: 12px;
            left: 10px;
            font-size: 14px;
            font-family: "roo-icon"; }
        .roo-toast .roo-toast-content.has-icon.success:before {
            color: #63D29D;
            content: "\EA08"; }
        .roo-toast .roo-toast-content.has-icon.warning:before {
            color: #F8B500;
            content: "\EA4D"; }
        .roo-toast .roo-toast-content.has-icon.info:before {
            color: #fff;
            content: "\EA27"; }
        .roo-toast .roo-toast-content.has-icon.fail:before {
            color: #F76C6C;
            content: "\EA46"; }
        .roo-toast .roo-toast-content.has-icon.loading:before {
            color: #fff;
            content: "\EA29";
            line-height: 14px;
            top: 15px; }

.roo-toast.roo-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)); }
    .roo-toast.roo-toast-light .roo-toast-content .roo-toast-header .title, .roo-toast.roo-toast-light .roo-toast-content .roo-toast-header .close {
        color: #222222; }
    .roo-toast.roo-toast-light .roo-toast-content.has-icon.info:before {
        color: #222222;
        content: "\EA27"; }
    .roo-toast.roo-toast-light .roo-toast-content.has-icon.loading:before {
        color: #222222; }
    .roo-toast.roo-toast-light .roo-toast-body .content {
        color: #222222; }

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

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

.roo-mark {
    line-height: 1; }
    .roo-mark .roo-mark-item {
        display: inline-block;
        vertical-align: middle;
        font-size: 0; }
        .roo-mark .roo-mark-item .roo-mark-icon {
            font-size: 17.5px;
            position: relative; }
            .roo-mark .roo-mark-item .roo-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; }
                .roo-mark .roo-mark-item .roo-mark-icon.icon.icon-star-fill {
                    color: #A2A4B3; }
                    .roo-mark .roo-mark-item .roo-mark-icon.icon.icon-star-fill::before {
                        content: "\EA43"; }
                    .roo-mark .roo-mark-item .roo-mark-icon.icon.icon-star-fill.hover {
                        -webkit-transform: scale(1.15);
                            -ms-transform: scale(1.15);
                                transform: scale(1.15); }
                .roo-mark .roo-mark-item .roo-mark-icon.icon.icon-star {
                    color: #A2A4B3; }
                    .roo-mark .roo-mark-item .roo-mark-icon.icon.icon-star::before {
                        content: "\EA42"; }
                .roo-mark .roo-mark-item .roo-mark-icon.icon.icon-meh {
                    color: #A2A4B3; }
                    .roo-mark .roo-mark-item .roo-mark-icon.icon.icon-meh::before {
                        content: "\EA1F"; }
                    .roo-mark .roo-mark-item .roo-mark-icon.icon.icon-meh.hover {
                        -webkit-transform: scale(1.15);
                            -ms-transform: scale(1.15);
                                transform: scale(1.15); }
                .roo-mark .roo-mark-item .roo-mark-icon.icon.icon-frown {
                    color: #A2A4B3; }
                    .roo-mark .roo-mark-item .roo-mark-icon.icon.icon-frown::before {
                        content: "\EA3B"; }
                    .roo-mark .roo-mark-item .roo-mark-icon.icon.icon-frown.hover {
                        -webkit-transform: scale(1.15);
                            -ms-transform: scale(1.15);
                                transform: scale(1.15); }
                .roo-mark .roo-mark-item .roo-mark-icon.icon.icon-smile {
                    color: #A2A4B3; }
                    .roo-mark .roo-mark-item .roo-mark-icon.icon.icon-smile::before {
                        content: "\EA3F"; }
                    .roo-mark .roo-mark-item .roo-mark-icon.icon.icon-smile.hover {
                        -webkit-transform: scale(1.15);
                            -ms-transform: scale(1.15);
                                transform: scale(1.15); }
        .roo-mark .roo-mark-item .roo-mark-halficon {
            position: absolute;
            top: 0;
            left: 0;
            overflow: hidden;
            width: 50%; }
            .roo-mark .roo-mark-item .roo-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; }
                .roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-star-fill {
                    color: #A2A4B3; }
                    .roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-star-fill::before {
                        content: "\EA43"; }
                    .roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-star-fill.hover {
                        -webkit-transform: scale(1.15);
                            -ms-transform: scale(1.15);
                                transform: scale(1.15); }
                .roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-star {
                    color: #A2A4B3; }
                    .roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-star::before {
                        content: "\EA42"; }
                .roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-meh {
                    color: #A2A4B3; }
                    .roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-meh::before {
                        content: "\EA1F"; }
                    .roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-meh.hover {
                        -webkit-transform: scale(1.15);
                            -ms-transform: scale(1.15);
                                transform: scale(1.15); }
                .roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-frown {
                    color: #A2A4B3; }
                    .roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-frown::before {
                        content: "\EA3B"; }
                    .roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-frown.hover {
                        -webkit-transform: scale(1.15);
                            -ms-transform: scale(1.15);
                                transform: scale(1.15); }
                .roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-smile {
                    color: #A2A4B3; }
                    .roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-smile::before {
                        content: "\EA3F"; }
                    .roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-smile.hover {
                        -webkit-transform: scale(1.15);
                            -ms-transform: scale(1.15);
                                transform: scale(1.15); }
    .roo-mark .roo-mark-text {
        display: inline-block;
        vertical-align: middle; }

.roo-btn-group {
    display: inline-block; }
    .roo-btn-group .roo-btn {
        position: relative; }
        .roo-btn-group .roo-btn:not(:first-child):not(:last-child) {
            border-radius: 0; }
        .roo-btn-group .roo-btn:first-child {
            border-bottom-right-radius: 0;
            border-top-right-radius: 0; }
        .roo-btn-group .roo-btn:last-child {
            border-bottom-left-radius: 0;
            border-top-left-radius: 0; }
    .roo-btn-group .roo-btn-outline-brand:hover {
        z-index: 2; }
    .roo-btn-group .roo-btn-default:not(:first-child) {
        margin-left: -1px; }
    .roo-btn-group .roo-btn-default:hover {
        z-index: 2; }

/*
---------------
表单组样式
---------------
*/
.roo-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; }
    .roo-input-group.has-icon .addon-icon,
    .roo-input-group.has-icon .prefix-icon,
    .roo-input-group .has-icon .addon-icon,
    .roo-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: #BABCCC;
        z-index: 4; }
    .roo-input-group.has-icon .prefix-icon,
    .roo-input-group .has-icon .prefix-icon {
        right: auto;
        left: 8px; }
        .roo-input-group.has-icon .prefix-icon + .roo-input,
        .roo-input-group.has-icon .prefix-icon + .form-control,
        .roo-input-group .has-icon .prefix-icon + .roo-input,
        .roo-input-group .has-icon .prefix-icon + .form-control {
            padding-left: 35.6px; }
    .roo-input-group.has-icon .addon-icon.has-click,
    .roo-input-group .has-icon .addon-icon.has-click {
        height: 20px;
        width: 20px; }
        .roo-input-group.has-icon .addon-icon.has-click:hover,
        .roo-input-group .has-icon .addon-icon.has-click:hover {
            color: #585A6E;
            cursor: pointer; }
    .roo-input-group.has-icon:not(.roo-input-group-outline) .roo-input,
    .roo-input-group.has-icon:not(.roo-input-group-outline) .form-control,
    .roo-input-group .has-icon:not(.roo-input-group-outline) .roo-input,
    .roo-input-group .has-icon:not(.roo-input-group-outline) .form-control {
        padding-right: 35.6px; }
    .roo-input-group.has-icon .roo-input:only-of-type,
    .roo-input-group.has-icon .form-control:only-of-type,
    .roo-input-group .has-icon .roo-input:only-of-type,
    .roo-input-group .has-icon .form-control:only-of-type {
        border-radius: 2px; }
    .roo-input-group.is-count-check.has-icon:not(.roo-input-group-outline) .roo-input {
        padding-right: 52px; }
    .roo-input-group.is-count-check .roo-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; }
    .roo-input-group > .roo-input,
    .roo-input-group > .form-control,
    .roo-input-group > .custom-select,
    .roo-input-group > .custom-file {
        position: relative;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        margin-bottom: 0; }
        .roo-input-group > .roo-input + .roo-input,
        .roo-input-group > .roo-input + .form-control,
        .roo-input-group > .roo-input + .custom-select,
        .roo-input-group > .roo-input + .custom-file,
        .roo-input-group > .form-control + .roo-input,
        .roo-input-group > .form-control + .form-control,
        .roo-input-group > .form-control + .custom-select,
        .roo-input-group > .form-control + .custom-file,
        .roo-input-group > .custom-select + .roo-input,
        .roo-input-group > .custom-select + .form-control,
        .roo-input-group > .custom-select + .custom-select,
        .roo-input-group > .custom-select + .custom-file,
        .roo-input-group > .custom-file + .roo-input,
        .roo-input-group > .custom-file + .form-control,
        .roo-input-group > .custom-file + .custom-select,
        .roo-input-group > .custom-file + .custom-file {
            margin-left: -1px; }
    .roo-input-group > .roo-input,
    .roo-input-group > .form-control {
        width: 1%; }
    .roo-input-group > .roo-input:not(:last-child),
    .roo-input-group > .form-control:not(:last-child),
    .roo-input-group > .custom-select:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
    .roo-input-group > .roo-input:not(:first-child),
    .roo-input-group > .form-control:not(:first-child),
    .roo-input-group > .custom-select:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
    .roo-input-group > .custom-file {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
        .roo-input-group > .custom-file:not(:last-child) .custom-file-label,
        .roo-input-group > .custom-file:not(:last-child) .custom-file-label::after {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0; }
        .roo-input-group > .custom-file:not(:first-child) .custom-file-label {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0; }

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

.roo-input-group-prepend,
.roo-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: #585A6E;
    text-align: center;
    white-space: nowrap;
    background-color: #fff;
    border: 1px solid #E9EAF2;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px; }
    .roo-input-group-prepend input[type="radio"],
    .roo-input-group-prepend input[type="checkbox"],
    .roo-input-group-append input[type="radio"],
    .roo-input-group-append input[type="checkbox"] {
        margin-top: 0; }
    .roo-input-group-prepend > .roo-btn,
    .roo-input-group-prepend > .roo-input-group,
    .roo-input-group-prepend > .select-input-wrapper,
    .roo-input-group-append > .roo-btn,
    .roo-input-group-append > .roo-input-group,
    .roo-input-group-append > .select-input-wrapper {
        margin-left: -11px;
        margin-right: -11px;
        margin-top: -7px;
        margin-bottom: -7px; }
        .roo-input-group-prepend > .roo-btn:not(:first-child),
        .roo-input-group-prepend > .roo-input-group:not(:first-child),
        .roo-input-group-prepend > .select-input-wrapper:not(:first-child),
        .roo-input-group-append > .roo-btn:not(:first-child),
        .roo-input-group-append > .roo-input-group:not(:first-child),
        .roo-input-group-append > .select-input-wrapper:not(:first-child) {
            margin-left: -1px; }
        .roo-input-group-prepend > .roo-btn:not(:last-child),
        .roo-input-group-prepend > .roo-input-group:not(:last-child),
        .roo-input-group-prepend > .select-input-wrapper:not(:last-child),
        .roo-input-group-append > .roo-btn:not(:last-child),
        .roo-input-group-append > .roo-input-group:not(:last-child),
        .roo-input-group-append > .select-input-wrapper:not(:last-child) {
            margin-right: 0; }

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

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

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

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

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

.roo-input-group-outline {
    border: 1px solid #E9EAF2;
    border-radius: 2px;
    overflow: hidden;
    -ms-flex-align: center;
        align-items: center; }
    .roo-input-group-outline input[type="text"] {
        margin: -1px 0 !important;
        border: none;
        text-align: center; }
    .roo-input-group-outline.has-icon {
        padding-right: 36px; }
    .roo-input-group-outline .input-separator {
        color: #BABCCC; }
    .roo-input-group-outline:hover, .roo-input-group-outline.focus {
        border-color: #A2A4B3; }
    .roo-input-group-outline.readonly {
        border-color: #E9EAF2;
        color: #A2A4B3; }
    .roo-input-group-outline.disabled {
        border-color: #F7F8FA;
        color: #E9EAF2;
        cursor: not-allowed; }

.roo-input-group-disabled {
    background-color: #F7F8FA; }

/**
 * ---------------------------
 *  滑块组件
 * ---------------------------
 */
.roo-slider {
    position: relative;
    padding: 16px 0; }
    .roo-slider.has-labels {
        padding-bottom: 36px; }

.roo-slider-bar {
    position: relative;
    display: block;
    height: 4px;
    border-radius: 2px;
    background: #e5e5e5;
    z-index: 2;
    cursor: pointer; }

.roo-slider-value-bar {
    position: absolute;
    height: 4px;
    border-radius: 2px;
    background: #222222; }

.roo-slider-button {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #222222;
    transition: .3s; }

.roo-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; }
    .roo-slider-button-wrap:hover .slider-button {
        -webkit-transform: scale(1.5);
            -ms-transform: scale(1.5);
                transform: scale(1.5); }
    .roo-slider-button-wrap:active {
        cursor: -webkit-grabbing;
        cursor: grabbing; }

.roo-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; }

.roo-slider-labels {
    position: relative;
    top: 15px;
    font-size: 14px;
    line-height: 1.5;
    color: #585A6E; }

.roo-slider-label {
    position: absolute;
    top: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0); }

/* 不同的颜色 */
.roo-slider.primary .roo-slider-value-bar, .roo-slider.primary .roo-slider-button {
    background: #222222; }

.roo-slider.secondary .roo-slider-value-bar, .roo-slider.secondary .roo-slider-button {
    background: #f89800; }

.roo-slider.brand .roo-slider-value-bar, .roo-slider.brand .roo-slider-button {
    background: #FFD161; }

.roo-slider.success .roo-slider-value-bar, .roo-slider.success .roo-slider-button {
    background: #63D29D; }

.roo-slider.info .roo-slider-value-bar, .roo-slider.info .roo-slider-button {
    background: #17a2b8; }

.roo-slider.warning .roo-slider-value-bar, .roo-slider.warning .roo-slider-button {
    background: #F8B500; }

.roo-slider.danger .roo-slider-value-bar, .roo-slider.danger .roo-slider-button {
    background: #F76C6C; }

.roo-slider.light .roo-slider-value-bar, .roo-slider.light .roo-slider-button {
    background: #fff; }

.roo-slider.dark .roo-slider-value-bar, .roo-slider.dark .roo-slider-button {
    background: #222222; }

/* 禁用状态 */
.roo-slider.disabled .roo-slider-bar {
    background: #efefef !important;
    cursor: not-allowed !important; }

.roo-slider.disabled .roo-slider-value-bar, .roo-slider.disabled .roo-slider-button {
    background: #ddd !important; }

.roo-slider.disabled .roo-slider-bar-stop {
    background: #bbb !important; }

.roo-slider.disabled .roo-slider-button-wrap {
    cursor: not-allowed !important; }
    .roo-slider.disabled .roo-slider-button-wrap:hover .roo-slider-button {
        -webkit-transform: none !important;
            -ms-transform: none !important;
                transform: none !important; }

.roo-progress {
    /* empty */ }

.roo-progress-bar {
    display: inline-block;
    width: 100%;
    padding-right: 50px;
    margin-right: -50px;
    vertical-align: middle;
    line-height: 1; }

.roo-progress-bar-outer {
    height: 6px;
    border-radius: 999px;
    background: #E9EAF2;
    overflow: hidden; }

.roo-progress-bar-inner {
    height: 100%;
    border-radius: 999px;
    background: #222222;
    text-align: right; }

.roo-progress-text {
    display: inline-block;
    margin-left: 4px;
    vertical-align: middle; }

.roo-progress-inner-text {
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
    color: #fff;
    font-size: 12px;
    line-height: 18px; }

.roo-progress.is-success .roo-progress-bar-inner {
    background-color: #63D29D; }

.roo-progress.is-success .roo-progress-text {
    color: #63D29D; }

.roo-progress.is-error .roo-progress-bar-inner {
    background-color: #F76C6C; }

.roo-progress.is-error .roo-progress-text {
    color: #F76C6C; }

.roo-progress.is-brand .roo-progress-bar-inner {
    background-color: #FFD161; }

.roo-progress.is-brand .roo-progress-text {
    color: #FFD161; }

.roo-progress.text-inside {
    padding-right: 0;
    margin-right: 0; }
    .roo-progress.text-inside .roo-progress-bar-outer {
        height: 18px; }

.roo-tree {
    position: relative;
    background: #fff; }

.roo-tree-node {
    position: relative; }
    .roo-tree-node .disabled {
        opacity: .5; }

.roo-tree-node-expand-icon,
.roo-tree-node-loading-icon {
    display: block;
    width: 21px;
    margin-left: -21px;
    font-size: 0;
    color: #BABCCC;
    text-align: center; }
    .roo-tree-node-expand-icon:before,
    .roo-tree-node-loading-icon:before {
        display: inline-block;
        font-size: 14px;
        font-family: "roo-icon";
        content: "\EA03";
        line-height: 1;
        vertical-align: middle; }

.roo-tree-node-expand-icon:before {
    content: "\EA03"; }

.roo-tree-node-loading-icon:before {
    content: "\EA29";
    -webkit-animation: spin 1s infinite linear;
            animation: spin 1s infinite linear; }

.roo-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; }
    .roo-tree-node-content:hover, .roo-tree-node-content.is-focused {
        background: #F7F8FA; }

.roo-tree-node-children {
    display: none;
    padding-left: 21px; }

.roo-tree-node-children > .roo-tree-node::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-left: 1px dashed #BABCCC;
    z-index: 1; }

.roo-tree-node-children > .roo-tree-node:last-child::before {
    height: 14px; }

.roo-tree-node-children > .roo-tree-node.is-leaf::after {
    content: '';
    position: absolute;
    top: 14px;
    left: 0;
    width: 14px;
    border-top: 1px dashed #BABCCC;
    z-index: 1; }

.roo-tree-node.is-leaf .roo-tree-node-expand-icon {
    display: none; }

.roo-tree-node.is-expanded > .roo-tree-node-children {
    display: block; }

.roo-tree-node.is-expanded > .roo-tree-node-content .roo-tree-node-expand-icon {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }

.roo-tree-node-children {
    display: none; }

.roo-tree-node.is-expanded > .roo-tree-node-children {
    display: block; }

.roo-tree-node .disabled {
    opacity: .5; }

.roo-tree-is-selected {
    color: #FFD161; }

.roo-datepicker {
    position: relative;
    background-color: #fff;
    border: 1px solid #E9EAF2;
    white-space: nowrap;
    box-shadow: 0px 10px 16px 0px rgba(88, 90, 110, 0.15);
    z-index: 1050;
    border-radius: 0; }
    .roo-datepicker .roo-datepicker-header {
        margin-bottom: 5px; }
    .roo-datepicker .roo-datepicker-body {
        width: 280px;
        height: 240px;
        padding: 0 10px; }
    .roo-datepicker .roo-datepicker-footer {
        padding: 5px 10px;
        border-top: 1px solid #E9EAF2; }
    .roo-datepicker .action-group a,
    .roo-datepicker tbody a {
        display: inline-block;
        min-width: 24px;
        padding: 0 4px;
        line-height: 22px;
        border: 1px solid transparent;
        color: #585A6E;
        border-radius: 0; }
        .roo-datepicker .action-group a:hover,
        .roo-datepicker tbody a:hover {
            background-color: #E9EAF2;
            border-color: #E9EAF2;
            text-decoration: none; }
    .roo-datepicker .roo-datepicker-inputs {
        text-align: center;
        padding: 5px 0;
        border-bottom: 1px solid #E9EAF2; }
        .roo-datepicker .roo-datepicker-inputs .roo-input {
            width: 105px; }
            .roo-datepicker .roo-datepicker-inputs .roo-input:not(:focus) {
                border-color: #E9EAF2; }
            .roo-datepicker .roo-datepicker-inputs .roo-input + .roo-input {
                margin-left: 14px; }
    .roo-datepicker .action-group {
        display: -ms-flexbox;
        display: flex;
        padding: 5px 0;
        border-bottom: 1px solid #E9EAF2;
        text-align: center; }
        .roo-datepicker .action-group .action-pre,
        .roo-datepicker .action-group .action-next {
            -ms-flex: 1;
                flex: 1; }
            .roo-datepicker .action-group .action-pre i,
            .roo-datepicker .action-group .action-next i {
                vertical-align: middle;
                cursor: pointer; }
                .roo-datepicker .action-group .action-pre i:hover,
                .roo-datepicker .action-group .action-next i:hover {
                    color: #222222; }
        .roo-datepicker .action-group .action-pre {
            padding-left: 10px;
            text-align: left; }
        .roo-datepicker .action-group .action-next {
            padding-right: 10px;
            text-align: right; }
        .roo-datepicker .action-group .action-select {
            -ms-flex: 2;
                flex: 2; }
            .roo-datepicker .action-group .action-select span {
                display: inline-block;
                line-height: 24px; }
        .roo-datepicker .action-group a {
            cursor: pointer; }
    .roo-datepicker table {
        width: 100%;
        height: 100%;
        border-collapse: separate;
        border-spacing: 0px 5px; }
        .roo-datepicker table th, .roo-datepicker table td {
            font-size: 12px;
            text-align: center; }
        .roo-datepicker table td {
            padding: 0 4px; }
    .roo-datepicker tbody td.active a,
    .roo-datepicker tbody td a:active {
        background-color: #222222;
        border-color: #222222;
        color: #fff; }
    .roo-datepicker tbody td.today a {
        position: relative; }
        .roo-datepicker tbody td.today a:after {
            content: '';
            position: absolute;
            width: 4px;
            height: 4px;
            background: red;
            border-radius: 100px;
            right: 0;
            top: 0; }
    .roo-datepicker tbody td.old a {
        color: #A2A4B3; }
    .roo-datepicker tbody td.disabled a, .roo-datepicker tbody td.disabled a:hover {
        color: #E9EAF2;
        cursor: not-allowed;
        background-color: transparent;
        border-color: transparent; }
    .roo-datepicker tbody td.in-range {
        background-color: #E9EAF2;
        border-color: #E9EAF2; }
    .roo-datepicker.has-footer .roo-datepicker-years .roo-datepicker-body,
    .roo-datepicker.has-footer .roo-datepicker-months .roo-datepicker-body {
        height: 278px; }

.roo-datepicker-data-panel {
    display: inline-block; }

.roo-datepicker-years table,
.roo-datepicker-months table {
    border-spacing: 0px 35px; }

.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);
    font-size: 0; }
    .picker-select-wrap > ul {
        display: inline-block;
        max-height: 168px;
        overflow-y: auto;
        font-size: 12px; }
        .picker-select-wrap > ul + ul {
            border-left: 1px solid #E9EAF2; }
        .picker-select-wrap > ul > li {
            padding: 0 21px;
            line-height: 28px; }
            .picker-select-wrap > ul > li:hover {
                background-color: rgba(255, 209, 97, 0.1);
                cursor: pointer; }
            .picker-select-wrap > ul > li.active {
                background-color: rgba(233, 234, 242, 0.6); }
            .picker-select-wrap > ul > li.disabled {
                color: #E9EAF2;
                cursor: not-allowed;
                background-color: transparent;
                border-color: transparent; }

/*
---------------
分割线样式
---------------
*/
.roo-divider {
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.5;
    box-sizing: border-box;
    list-style: none;
    background: #E9EAF2; }

.roo-divider, .roo-divider-vertical {
    display: inline-block;
    height: .9em;
    width: 1px;
    margin: 0 10px;
    vertical-align: middle;
    position: relative;
    top: -0.06em; }

.roo-divider-horizontal {
    display: block;
    height: 1px;
    width: 100%;
    min-width: 100%;
    margin: 20px 0;
    clear: both; }
    .roo-divider-horizontal.roo-divider-with-text, .roo-divider-horizontal.roo-divider-with-text-left, .roo-divider-horizontal.roo-divider-with-text-right {
        display: table;
        white-space: nowrap;
        text-align: center;
        font-size: 15.96px;
        margin: 20px 0;
        background: transparent; }
        .roo-divider-horizontal.roo-divider-with-text::before, .roo-divider-horizontal.roo-divider-with-text::after, .roo-divider-horizontal.roo-divider-with-text-left::before, .roo-divider-horizontal.roo-divider-with-text-left::after, .roo-divider-horizontal.roo-divider-with-text-right::before, .roo-divider-horizontal.roo-divider-with-text-right::after {
            content: '';
            position: relative;
            top: 50%;
            width: 50%;
            display: table-cell;
            border-top: 1px solid #E9EAF2;
            -webkit-transform: translateY(50%);
                -ms-transform: translateY(50%);
                    transform: translateY(50%); }
        .roo-divider-horizontal.roo-divider-with-text .roo-divider-text, .roo-divider-horizontal.roo-divider-with-text-left .roo-divider-text, .roo-divider-horizontal.roo-divider-with-text-right .roo-divider-text {
            display: inline-block;
            padding: 0 10px; }
    .roo-divider-horizontal.roo-divider-with-text-left::before, .roo-divider-horizontal.roo-divider-with-text-right::after {
        top: 50%;
        width: 5%; }
    .roo-divider-horizontal.roo-divider-with-text-right::before, .roo-divider-horizontal.roo-divider-with-text-left::after {
        top: 50%;
        width: 95%; }

.roo-divider-dashed {
    background: none;
    border-top: 1px dashed #E9EAF2; }

.roo-drawer-portal {
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: hidden; }

.roo-drawer {
    position: fixed;
    outline: none;
    background: white;
    box-shadow: rgba(0, 0, 0, 0.5) 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; }
    .roo-drawer .close {
        position: absolute;
        top: 16px;
        right: 24px;
        z-index: 10;
        padding: 0;
        color: #A2A4B3;
        font-size: 16px;
        background: transparent;
        border: 0;
        cursor: pointer;
        -webkit-appearance: none; }
    .roo-drawer .close:hover {
        color: #585A6E; }

.roo-upload-list-container {
    margin: 5px 0; }

.roo-upload-list-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 1px 3px 1px 0;
    margin-top: 6px; }

.roo-upload-list-load {
    margin-bottom: 5px; }

.roo-upload-list-icon {
    margin-right: 5px; }

.roo-upload-list-item:hover {
    background: #f3f3f3;
    cursor: pointer; }

.roo-upload-card-item-error {
    color: #F76C6C; }

.roo-upload-card-file-loading, .roo-upload-card-file-success {
    color: #222222; }

.roo-upload-list-item > span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

.roo-upload-list-item:hover {
    color: #222222; }

.roo-upload-list-item-error {
    color: #F76C6C;
    fill: #F76C6C; }
    .roo-upload-list-item-error:hover {
        color: #F76C6C; }

.roo-upload-list-trash {
    display: none;
    margin-left: auto; }

.roo-upload-list-trash-error {
    display: inline; }

.roo-upload-list-item:hover .roo-upload-list-trash {
    display: inline; }

.roo-upload-list-uploading-bar {
    margin-left: 22px; }

.roo-upload-list-item-loading {
    display: block; }

.roo-upload-list-item-name {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }

.roo-upload-card-container {
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

.roo-upload-card-item {
    padding: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    width: 100px;
    height: 100px;
    border: #eee 1px solid;
    border-radius: 3px; }

.roo-upload-card-item-canDrop {
    border: none; }

.roo-upload-card-img {
    object-fit: cover;
    width: 100%;
    height: 100%; }

.roo-upload-card-item .roo-upload-card-mask {
    visibility: hidden;
    background: transparent; }

.roo-upload-card-item:hover .roo-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.6);
    transition: background-color 0.5s; }

.roo-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; }

.roo-upload-card-file > span {
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80px;
    overflow: hidden; }

.roo-upload-card-file-error {
    color: #F76C6C;
    fill: #F76C6C; }

.roo-upload-card-item {
    position: relative; }

.roo-upload-card-item .roo-progress-bar {
    padding-right: 0; }

.roo-upload-card-item .roo-progress {
    width: 100%; }

.roo-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; }

.roo-upload-load-canDrop {
    fill: #222222;
    border: 1px dashed #BABCCC; }
    .roo-upload-load-canDrop:hover {
        color: #F8B500;
        fill: #F8B500;
        border: 1px dashed #F8B500; }

.roo-upload-load-dropover {
    border: 1px dashed #F8B500;
    color: #F8B500;
    fill: #F8B500; }

.roo-upload-load-drop {
    border: 1px dashed #BABCCC; }

.roo-upload-load {
    height: 100%;
    -ms-flex: 1;
        flex: 1; }

/* 
* 手风琴组件
*/
.roo-accordion {
    border: 1px solid #E9EAF2; }
    .roo-accordion .roo-accordion-panel .roo-accordion-panel-header {
        border-top: 1px solid #E9EAF2;
        background-color: #F7F8FA;
        color: #222222;
        height: 38px;
        line-height: 38px;
        padding: 0 20px;
        font-weight: bold;
        cursor: pointer;
        position: relative; }
        .roo-accordion .roo-accordion-panel .roo-accordion-panel-header .roo-accordion-panel-header-icon {
            margin-right: 15px; }
        .roo-accordion .roo-accordion-panel .roo-accordion-panel-header .roo-accordion-panel-header-icon-right {
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -7px; }
    .roo-accordion .roo-accordion-panel .roo-accordion-panel-content {
        border-top: 1px solid #E9EAF2;
        font-size: 12px;
        display: none; }
    .roo-accordion .roo-accordion-panel .roo-accordion-panel-active {
        display: block; }
    .roo-accordion .roo-accordion-panel .roo-accordion-panel-box {
        padding: 15px 20px; }
    .roo-accordion > .roo-accordion-panel:first-child > .roo-accordion-panel-header {
        border-top: none; }
    .roo-accordion .roo-accordion-panel-disabled > .roo-accordion-panel-header {
        color: #BABCCC;
        background-color: #F7F8FA;
        cursor: not-allowed; }

.roo-transfer .roo-transfer-panel {
    position: relative;
    display: inline-block;
    width: 300px;
    border: 1px solid #E9EAF2;
    border-radius: 2px;
    overflow: hidden;
    vertical-align: middle; }
    .roo-transfer .roo-transfer-panel .roo-transfer-panel-title {
        height: 37px;
        line-height: 35px;
        background-color: #F7F8FA;
        border-bottom: 1px solid #E9EAF2;
        border-radius: 2px; }
        .roo-transfer .roo-transfer-panel .roo-transfer-panel-title .roo-transfer-panel-title-all {
            margin-left: 12px; }
        .roo-transfer .roo-transfer-panel .roo-transfer-panel-title .roo-transfer-panel-title-count {
            float: right;
            line-height: 36px;
            margin-right: 12px; }
    .roo-transfer .roo-transfer-panel .roo-transfer-panel-empty {
        text-align: center;
        padding-top: 6px; }
    .roo-transfer .roo-transfer-panel .roo-transfer-panel-filter {
        padding: 0 12px;
        margin-top: 12px; }
    .roo-transfer .roo-transfer-panel .roo-transfer-panel-body {
        height: 240px;
        overflow: auto; }
        .roo-transfer .roo-transfer-panel .roo-transfer-panel-body .roo-checkbox {
            display: block;
            height: 36px;
            padding: 6px 12px;
            margin-right: 0; }
            .roo-transfer .roo-transfer-panel .roo-transfer-panel-body .roo-checkbox:hover {
                background-color: #F7F8FA; }
    .roo-transfer .roo-transfer-panel .roo-transfer-panel-footer {
        border-top: 1px solid #E9EAF2; }

.roo-transfer .roo-transfer-operations {
    display: inline-block;
    padding: 0 16px;
    vertical-align: middle; }
    .roo-transfer .roo-transfer-operations .roo-btn {
        display: block;
        margin-bottom: 16px; }

.roo-timeline {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    direction: ltr; }

.roo-timeline-item {
    position: relative;
    text-align: left; }

.roo-timeline-item:not(:last-child) .roo-timeline-item-content {
    padding-bottom: 20px; }

.roo-timeline-item-dot {
    position: absolute;
    top: 6px; }
    .roo-timeline-item-dot::before {
        content: '';
        display: block;
        width: 8px;
        height: 8px;
        background-color: #E9EAF2;
        border-radius: 50%; }

.roo-timeline-item-custom-dot {
    text-align: center; }
    .roo-timeline-item-custom-dot::before {
        display: none; }

.roo-timeline-item-last .roo-timeline-item-dot::before {
    background-color: #222222; }

.roo-timeline-item-tail {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #E9EAF2; }

.roo-timeline-item:first-child .roo-timeline-item-tail {
    top: 6px; }

.roo-timeline-item:last-child .roo-timeline-item-tail {
    bottom: auto;
    height: 14px; }

.roo-timeline-align-left .roo-timeline-item-dot {
    left: 0; }

.roo-timeline-align-left .roo-timeline-item-tail {
    left: 3px;
    left: 5; }

.roo-timeline-align-left .roo-timeline-item {
    padding-left: 20px; }

.roo-timeline-align-left .roo-timeline-item {
    padding-left: 20px; }

.roo-timeline-align-right .roo-timeline-item-dot {
    right: 0; }

.roo-timeline-align-right .roo-timeline-item-tail {
    right: 3px;
    left: 5; }

.roo-timeline-align-right .roo-timeline-item {
    padding-right: 20px; }

.roo-timeline-align-right .roo-timeline-item-content {
    text-align: right; }

.roo-timeline-align-alternate .roo-timeline-item-dot {
    left: calc(50% - 4px); }

.roo-timeline-align-alternate .roo-timeline-item-tail {
    left: calc(50% - 1px); }

.roo-timeline-align-alternate .roo-timeline-item:nth-child(2n) .roo-timeline-item-content {
    text-align: right;
    width: calc(50% - 16px); }

.roo-timeline-align-alternate .roo-timeline-item:nth-child(2n + 1) {
    text-align: right; }

.roo-timeline-align-alternate .roo-timeline-item:nth-child(2n + 1) .roo-timeline-item-content {
    display: inline-block;
    text-align: left;
    width: calc(50% - 16px); }

.roo-timeline-with-time .roo-timeline-item {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0; }

.roo-timeline-with-time .roo-timeline-item-dot {
    left: calc(50% - 4px); }

.roo-timeline-with-time .roo-timeline-item-tail {
    left: calc(50% - 1px); }

.roo-timeline-with-time .roo-timeline-item-time,
.roo-timeline-with-time .roo-timeline-item-content {
    -ms-flex: 1 0 50%;
        flex: 1 0 50%; }

.roo-timeline-align-alternate .roo-timeline-item:nth-child(2n),
.roo-timeline-with-time.roo-timeline-align-right .roo-timeline-item {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }

.roo-timeline-with-time.roo-timeline-align-right .roo-timeline-item {
    padding-right: 0; }

.roo-timeline-with-time.roo-timeline-align-left .roo-timeline-item-time {
    text-align: right; }

.roo-timeline-with-time.roo-timeline-align-right .roo-timeline-item-time {
    text-align: left; }

.roo-timeline-with-time.roo-timeline-align-left .roo-timeline-item-time,
.roo-timeline-with-time.roo-timeline-align-right .roo-timeline-item-content,
.roo-timeline-align-alternate .roo-timeline-item:nth-child(2n + 1) .roo-timeline-item-time,
.roo-timeline-align-alternate .roo-timeline-item:nth-child(2n) .roo-timeline-item-content {
    padding-right: 16px; }

.roo-timeline-with-time.roo-timeline-align-left .roo-timeline-item-content,
.roo-timeline-with-time.roo-timeline-align-right .roo-timeline-item-time,
.roo-timeline-align-alternate .roo-timeline-item:nth-child(2n + 1) .roo-timeline-item-content,
.roo-timeline-align-alternate .roo-timeline-item:nth-child(2n) .roo-timeline-item-time {
    padding-left: 16px; }

.roo-picker-menu:last-child {
    border-right: none; }

.roo-picker-multi-cascader-menu.roo-picker-inline {
    box-shadow: none; }

.roo-picker-inline .roo-picker-menu {
    box-shadow: none; }

.roo-picker-menu {
    min-width: 180px;
    max-width: 300px;
    -ms-flex: 1;
        flex: 1;
    height: 236px;
    max-height: 242px;
    overflow: auto;
    padding: 4px 0;
    font-size: 14px;
    color: #585A6E;
    text-align: left;
    list-style: none;
    border-right: 1px solid #E9EAF2;
    background-color: #fff;
    border-radius: 2px; }

.roo-picker-menu-cascader {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start; }

.roo-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: #F7F8FA; }

.roo-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; }

.roo-picker-menu-item:hover {
    background-color: #F7F8FA; }

.roo-picker-multi-cascader-menu {
    box-shadow: 0px 10px 16px 0px rgba(88, 90, 110, 0.15); }

.roo-picker-menu-item .roo-checkbox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    width: 100%; }

.roo-picker-menu-item .roo-checkbox .custom-checkbox {
    -ms-flex-negative: 0;
        flex-shrink: 0; }

.roo-picker-menu-item .roo-checkbox span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle; }

.roo-picker-menu-item.roo-checkbox .roo-checkbox-uncheckable {
    opacity: unset; }

.roo-picker-menu-item-focus {
    background-color: #F7F8FA; }

.roo-picker-cascader-search-panel {
    height: 236px;
    padding: 0 10px;
    overflow: auto; }

.roo-picker-search-bar {
    padding: 10px; }

.roo-picker-search-result {
    border: none; }

.roo-picker-cascader-col .roo-checkbox {
    width: 100%;
    line-height: 36px;
    height: 36px; }

.roo-picker-cascader-col::after {
    content: "\00a0/\00a0"; }

.roo-picker-none {
    padding: 0 10px; }

.roo-picker-cascader-col:last-child::after {
    content: none; }

/* TOGGLE  */
.roo-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;
    height: 36px;
    border: 1px solid #E9EAF2;
    border-radius: 2px;
    padding: 6px 10px;
    cursor: pointer; }

.roo-multi-cascader-toggle-large {
    height: 40px; }

.roo-multi-cascader-toggle-small {
    height: 32px; }

.roo-multi-cascader-toggle-mini {
    height: 28px; }

.roo-multi-cascader-toggle .roo-tag {
    margin-right: 8px; }

.roo-multi-cascader-toggle:hover {
    border-color: #BABCCC; }

.roo-multi-cascader-toggle .roo-icon {
    cursor: pointer;
    color: #BABCCC; }

.roo-multi-cascader-toggle .roo-icon:hover {
    color: #BABCCC; }

.roo-multi-cascader-toggle-placeholder {
    color: #BABCCC; }

.roo-multi-cascader-disabled {
    opacity: 0.5;
    cursor: not-allowed; }

.roo-multi-cascader-selected {
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.roo-picker-value-list {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }

.roo-image-viewer-inline {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 400px; }

.roo-image-viewer-mask {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    filter: alpha(opacity=60);
    z-index: 2000; }

.roo-image-viewer-close-btn {
    position: fixed;
    top: 16px;
    right: 16px;
    overflow: hidden;
    width: 44px;
    height: 44px;
    cursor: pointer;
    z-index: 2010;
    background-color: #313131;
    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; }

.roo-image-viewer-close-btn:hover {
    background-color: #161616; }

.roo-image-viewer-totel-number-box {
    position: fixed;
    top: 16px;
    left: 16px;
    font-size: 14px;
    font-size: 14px;
    font-size: var(--font-size-base);
    color: #fff;
    color: #fff;
    color: var(--text-light); }

.roo-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; }

.roo-image-viewer-prev-btn-box {
    width: 44px;
    height: 88px;
    box-sizing: border-box;
    background-color: #313131;
    border-radius: 2px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    opacity: 0;
    cursor: pointer; }

.roo-image-viewer-prev-btn-box:hover {
    opacity: 1; }

.roo-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; }

.roo-image-viewer-next-btn-box {
    width: 44px;
    height: 88px;
    box-sizing: border-box;
    background-color: #313131;
    border-radius: 2px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    opacity: 0;
    cursor: pointer; }

.roo-image-viewer-next-btn-box:hover {
    opacity: 1; }

.roo-image-viewer-change-box {
    width: 40px;
    height: 40px; }

.roo-image-viewer-image-box {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 2005;
    padding: 16px 44px; }
    .roo-image-viewer-image-box > img {
        display: block;
        width: auto;
        height: auto;
        -webkit-user-select: none;
            -ms-user-select: none;
                user-select: none; }
    .roo-image-viewer-image-box > img.drag {
        cursor: move; }

.roo-image-viewer-no-images-tip {
    position: fixed;
    color: #fff;
    text-align: center;
    width: 100%;
    margin-top: 20%;
    top: 0; }

.roo-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; }

.roo-image-viewer-toolbar-ul {
    background-color: #333;
    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; }

.roo-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; }

.roo-image-viewer-toolbar-tooltips {
    display: none;
    position: absolute;
    top: -47px; }
    .roo-image-viewer-toolbar-tooltips .corner {
        width: 52px;
        height: 35px;
        background-color: #161616;
        border-radius: 4px;
        overflow: hidden;
        text-align: center;
        line-height: 35px; }
    .roo-image-viewer-toolbar-tooltips .triangle {
        width: 0px;
        /*  宽高设置为0，很重要，否则达不到效果 */
        height: 0px;
        border: 6px solid #161616;
        border-bottom-color: transparent;
        /* 设置透明背景色 */
        border-left-color: transparent;
        border-right-color: transparent;
        position: absolute;
        left: 20px; }

.roo-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; }
    .roo-image-viewer-toolbar-icon-box .toolbar-icon-btn {
        font-size: 24px; }

.roo-image-viewer-toolbar-btn:first-child:hover {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px; }

.roo-image-viewer-toolbar-btn:last-child:hover {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px; }

.roo-image-viewer-toolbar-btn:hover {
    background-color: #161616; }
    .roo-image-viewer-toolbar-btn:hover .toolbar-tooltips {
        display: block;
        color: #fff;
        color: #fff;
        color: var(--light); }

.roo-image-viewer-navbar-container {
    box-sizing: border-box;
    width: 100%;
    background-color: #333;
    position: fixed;
    bottom: 0;
    overflow: hidden;
    padding-top: 12px; }

.roo-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; }

.roo-image-viewer-navbar-change-btn-box {
    color: #fff; }
    .roo-image-viewer-navbar-change-btn-box .navbar-icon-btn {
        opacity: 0.4;
        cursor: pointer; }

.roo-image-viewer-navbar-change-btn-box:hover .navbar-icon-btn {
    opacity: 1; }

.roo-image-viewer-navbar-list {
    box-sizing: border-box;
    height: 46px;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden; }

.roo-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: #fff;
    background-color: var(--light);
    border: 2px solid #333;
    border-radius: 2px;
    position: relative; }

.roo-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; }

.roo-image-viewer-navbar-list > li > .img-mask {
    position: absolute;
    width: 46px;
    height: 46px;
    background-color: #000;
    opacity: 0.5; }

.roo-image-viewer-navbar-list > li > .navbar-img-box > img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto; }

.roo-image-viewer-navbar-list > li.navbar-img-active {
    opacity: 1;
    border-color: #F89800;
    border-color: #F89800;
    border-color: var(--link-color); }

.roo-image-viewer-navbar-list > li.navbar-img-active > img {
    opacity: 1; }

.roo-image-viewer-inline > .roo-image-viewer-mask,
.roo-image-viewer-inline > .roo-image-viewer-close-btn,
.roo-image-viewer-inline > .roo-image-viewer-image-box,
.roo-image-viewer-inline > .roo-image-viewer-toolbar-container,
.roo-image-viewer-inline > .roo-image-viewer-prev-btn-wrapper,
.roo-image-viewer-inline > .roo-image-viewer-next-btn-wrapper,
.roo-image-viewer-inline > .roo-image-viewer-navbar-container,
.roo-image-viewer-inline > .roo-image-viewer-totel-number-box,
.roo-image-viewer-inline > .roo-image-viewer-no-images-tip {
    position: absolute; }

.roo-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); } }

.roo-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%); }

.roo-image-viewer-loading-image-box {
    margin-bottom: 10px;
    width: 25px;
    height: 25px;
    overflow: hidden; }
    .roo-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; }

.roo-image-viewer-loading-image-text {
    color: #fff;
    color: #fff;
    color: var(--light); }

.roo-image-viewer-icon {
    display: block;
    width: 24px;
    height: 24px;
    cursor: pointer;
    color: #fff;
    color: #fff;
    color: var(--light); }

.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 .15s,box-shadow ease-in-out .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: #A2A4B3; }

.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 .2s;
    background-color: #fafafa;
    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: #A2A4B3; }

.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: #A2A4B3; }

.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: #fafafa;
    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 #A2A4B3;
    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: #ffffff;
    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: .5;
    background-color: #000; }

.kui-cropper .cropper-view-box {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    outline: 1px solid #39f;
    outline-color: rgba(51, 153, 255, 0.75); }

.kui-cropper .cropper-dashed {
    position: absolute;
    display: block;
    opacity: .5;
    border: 0 dashed #eee; }

.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: .75; }

.kui-cropper .cropper-center:before,
.kui-cropper .cropper-center:after {
    position: absolute;
    display: block;
    content: ' ';
    background-color: #eee; }

.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: .1; }

.kui-cropper .cropper-face {
    top: 0;
    left: 0;
    background-color: #fff; }

.kui-cropper .cropper-line {
    background-color: #39f; }

.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: .75;
    background-color: #39f; }

.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: .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: #39f; }

.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; }

.roo-evaluation .roo-evaluation-title {
    font-weight: bold; }

.roo-evaluation .roo-evaluation-body {
    padding: 15px 0; }

.roo-evaluation .icon-wrapper {
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 38px;
    border-radius: 50%;
    cursor: pointer; }
    .roo-evaluation .icon-wrapper.thumbs-up {
        border: solid 1px #63D29D; }
        .roo-evaluation .icon-wrapper.thumbs-up i {
            color: #63D29D; }
    .roo-evaluation .icon-wrapper.thumbs-down {
        border: solid 1px #F76C6C; }
        .roo-evaluation .icon-wrapper.thumbs-down i {
            color: #F76C6C; }
    .roo-evaluation .icon-wrapper.commenting {
        border: solid 1px #585A6E; }
        .roo-evaluation .icon-wrapper.commenting i {
            color: #585A6E; }
    .roo-evaluation .icon-wrapper:hover.thumbs-up, .roo-evaluation .icon-wrapper.evaluated.thumbs-up {
        background: #63D29D; }
        .roo-evaluation .icon-wrapper:hover.thumbs-up i, .roo-evaluation .icon-wrapper.evaluated.thumbs-up i {
            color: #fff; }
    .roo-evaluation .icon-wrapper:hover.thumbs-down, .roo-evaluation .icon-wrapper.evaluated.thumbs-down {
        background: #F76C6C; }
        .roo-evaluation .icon-wrapper:hover.thumbs-down i, .roo-evaluation .icon-wrapper.evaluated.thumbs-down i {
            color: #fff; }
    .roo-evaluation .icon-wrapper:hover.commenting, .roo-evaluation .icon-wrapper.evaluated.commenting {
        background: #585A6E; }
        .roo-evaluation .icon-wrapper:hover.commenting i, .roo-evaluation .icon-wrapper.evaluated.commenting i {
            color: #fff; }
    .roo-evaluation .icon-wrapper i {
        font-size: 20px; }

.roo-evaluation .description {
    margin-top: 15px; }

.roo-evaluation .count {
    margin-top: 5px;
    display: inline-block; }

.roo-evaluation .disabled-item {
    color: #E9EAF2; }
    .roo-evaluation .disabled-item .count {
        color: #E9EAF2; }
    .roo-evaluation .disabled-item .icon-wrapper.thumbs-up {
        border: solid 1px #E9EAF2;
        background: #E9EAF2; }
        .roo-evaluation .disabled-item .icon-wrapper.thumbs-up i {
            color: #fff; }
    .roo-evaluation .disabled-item .icon-wrapper.thumbs-down {
        border: solid 1px #E9EAF2;
        background: #E9EAF2; }
        .roo-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: #999;
                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; }

.roo-img-uploader {
    position: relative;
    width: 160px;
    height: 120px;
    border-radius: 2px; }
    .roo-img-uploader .uploader-border {
        position: absolute;
        width: 100%;
        height: 100%;
        border: 1.5px dashed #E9EAF2;
        background-color: #F7F8FA;
        border-radius: 2px; }
    .roo-img-uploader .uploader-file-input {
        display: none; }
    .roo-img-uploader .uploader-box {
        display: block;
        background-color: #F7F8FA; }
        .roo-img-uploader .uploader-box.fill {
            background-color: #E9EAF2; }
    .roo-img-uploader .uploader-thumbnail-img {
        max-width: 100%;
        max-height: 100%; }
    .roo-img-uploader .uploader-thumbnail {
        display: table-cell;
        width: 160px;
        height: 100px;
        text-align: center;
        vertical-align: middle; }
    .roo-img-uploader .uploader-replace-tip {
        position: absolute;
        bottom: 0;
        width: 100%; }
        .roo-img-uploader .uploader-replace-tip .btn {
            border-top-left-radius: 0;
            border-top-right-radius: 0; }
    .roo-img-uploader .uploader-thumbnail-info {
        position: absolute;
        top: 0;
        left: 0;
        display: table;
        width: 100%;
        height: 100%; }
        .roo-img-uploader .uploader-thumbnail-info .roo-btn {
            display: table-cell;
            line-height: normal;
            vertical-align: middle; }
            .roo-img-uploader .uploader-thumbnail-info .roo-btn i {
                font-size: 38px; }
            .roo-img-uploader .uploader-thumbnail-info .roo-btn span {
                display: block; }
    .roo-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: #585A6E;
        cursor: pointer; }
        .roo-img-uploader .clear-icon i {
            vertical-align: top; }
        .roo-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 #A2A4B3; }

.no-boder {
    border: none !important; }

.circle {
    border-radius: 100%; }

.border-top {
    border-top: 1px solid #A2A4B3; }

.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 #A2A4B3; }

.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 #A2A4B3; }

.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 #A2A4B3; }

.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; }

.roo-text-left {
    text-align: left; }

.roo-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; }

.roo-backdrop {
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 1;
    transition: opacity 0.3s ease 0s; }

.roo-no-scrollbar::-webkit-scrollbar {
    background-color: transparent;
    width: 0;
    height: 0; }

.roo-no-scrollbar {
    scrollbar-width: none; }

:root {
    --primary: #222222;
    --secondary: #f89800;
    --brand: #FFD161;
    --success: #63D29D;
    --info: #17a2b8;
    --warning: #F8B500;
    --danger: #F76C6C;
    --light: #fff;
    --dark: #222222;
    --active: #FFD161;
    --gray-100: #585A6E;
    --gray-200: #858692;
    --gray-300: #A2A4B3;
    --gray-400: #BABCCC;
    --gray-500: #E9EAF2;
    --gray-600: #F7F8FA;
    --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: #585A6E;
    --text-color-secondary: #858692;
    --text-color-weak: #A2A4B3;
    --text-color-lighten: #BABCCC;
    --border-color: #A2A4B3;
    --line-color: #E9EAF2;
    --disabled-color: #E9EAF2;
    --page-background: #F7F8FA;
    --card-background: #F7F8FA;
    --text-dark: #222222;
    --text-light: #fff;
    --link-color: #F89800;
    --link-decoration: none;
    --link-hover-color: #FFD161;
    --link-hover-decoration: none;
    --border-radius: 2px;
    --default-height: 36px; }

.roo-primary-text {
    color: #222222 !important; }

.roo-primary-bg {
    background-color: #222222 !important; }

.roo-primary-bc {
    border-color: #222222 !important; }

.roo-secondary-text {
    color: #f89800 !important; }

.roo-secondary-bg {
    background-color: #f89800 !important; }

.roo-secondary-bc {
    border-color: #f89800 !important; }

.roo-brand-text {
    color: #FFD161 !important; }

.roo-brand-bg {
    background-color: #FFD161 !important; }

.roo-brand-bc {
    border-color: #FFD161 !important; }

.roo-success-text {
    color: #63D29D !important; }

.roo-success-bg {
    background-color: #63D29D !important; }

.roo-success-bc {
    border-color: #63D29D !important; }

.roo-info-text {
    color: #17a2b8 !important; }

.roo-info-bg {
    background-color: #17a2b8 !important; }

.roo-info-bc {
    border-color: #17a2b8 !important; }

.roo-warning-text {
    color: #F8B500 !important; }

.roo-warning-bg {
    background-color: #F8B500 !important; }

.roo-warning-bc {
    border-color: #F8B500 !important; }

.roo-danger-text {
    color: #F76C6C !important; }

.roo-danger-bg {
    background-color: #F76C6C !important; }

.roo-danger-bc {
    border-color: #F76C6C !important; }

.roo-light-text {
    color: #fff !important; }

.roo-light-bg {
    background-color: #fff !important; }

.roo-light-bc {
    border-color: #fff !important; }

.roo-dark-text {
    color: #222222 !important; }

.roo-dark-bg {
    background-color: #222222 !important; }

.roo-dark-bc {
    border-color: #222222 !important; }

.roo-active-text {
    color: #FFD161 !important; }

.roo-active-bg {
    background-color: #FFD161 !important; }

.roo-active-bc {
    border-color: #FFD161 !important; }

.roo-font-family {
    font-family: "Helvetica Neue", Arial, -apple-system, BlinkMacSystemFont, "PingFang SC", "microsoft yahei", "STXihei", sans-serif !important; }

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

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

.roo-font-size-heading {
    font-size: 20px !important; }

.roo-font-size-lg {
    font-size: 24px !important; }

.roo-font-size-xl {
    font-size: 38px !important; }

.roo-font-color {
    color: #585A6E !important; }

.roo-font-color-secondary {
    color: #858692 !important; }

.roo-font-color-weak {
    color: #A2A4B3 !important; }

.roo-font-color-lighten {
    color: #BABCCC !important; }

.roo-font-color-dark {
    color: #222222 !important; }

.roo-font-color-light {
    color: #fff !important; }

.roo-border-color {
    border-color: #A2A4B3 !important; }

.roo-ling-color {
    border-color: #E9EAF2 !important; }

.roo-disabled-color {
    background-color: #E9EAF2 !important; }

.roo-page-bg {
    background-color: #F7F8FA !important; }

.roo-card-bg {
    background-color: #F7F8FA !important; }

.roo-border-radius {
    border-radius: 2px !important; }

.roo-default-height {
    height: 36px !important; }

@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: #f89800;
    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; }

.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; }

.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, .col-grid-24-1, .col-grid-24-2, .col-grid-24-3, .col-grid-24-4, .col-grid-24-5, .col-grid-24-6, .col-grid-24-7, .col-grid-24-8, .col-grid-24-9, .col-grid-24-10, .col-grid-24-11, .col-grid-24-12, .col-grid-24-13, .col-grid-24-14, .col-grid-24-15, .col-grid-24-16, .col-grid-24-17, .col-grid-24-18, .col-grid-24-19, .col-grid-24-20, .col-grid-24-21, .col-grid-24-22, .col-grid-24-23, .col-grid-24-24, .col-grid-24,
.col-grid-24-auto, .col-sm-grid-24-1, .col-sm-grid-24-2, .col-sm-grid-24-3, .col-sm-grid-24-4, .col-sm-grid-24-5, .col-sm-grid-24-6, .col-sm-grid-24-7, .col-sm-grid-24-8, .col-sm-grid-24-9, .col-sm-grid-24-10, .col-sm-grid-24-11, .col-sm-grid-24-12, .col-sm-grid-24-13, .col-sm-grid-24-14, .col-sm-grid-24-15, .col-sm-grid-24-16, .col-sm-grid-24-17, .col-sm-grid-24-18, .col-sm-grid-24-19, .col-sm-grid-24-20, .col-sm-grid-24-21, .col-sm-grid-24-22, .col-sm-grid-24-23, .col-sm-grid-24-24, .col-sm-grid-24,
.col-sm-grid-24-auto, .col-md-grid-24-1, .col-md-grid-24-2, .col-md-grid-24-3, .col-md-grid-24-4, .col-md-grid-24-5, .col-md-grid-24-6, .col-md-grid-24-7, .col-md-grid-24-8, .col-md-grid-24-9, .col-md-grid-24-10, .col-md-grid-24-11, .col-md-grid-24-12, .col-md-grid-24-13, .col-md-grid-24-14, .col-md-grid-24-15, .col-md-grid-24-16, .col-md-grid-24-17, .col-md-grid-24-18, .col-md-grid-24-19, .col-md-grid-24-20, .col-md-grid-24-21, .col-md-grid-24-22, .col-md-grid-24-23, .col-md-grid-24-24, .col-md-grid-24,
.col-md-grid-24-auto, .col-lg-grid-24-1, .col-lg-grid-24-2, .col-lg-grid-24-3, .col-lg-grid-24-4, .col-lg-grid-24-5, .col-lg-grid-24-6, .col-lg-grid-24-7, .col-lg-grid-24-8, .col-lg-grid-24-9, .col-lg-grid-24-10, .col-lg-grid-24-11, .col-lg-grid-24-12, .col-lg-grid-24-13, .col-lg-grid-24-14, .col-lg-grid-24-15, .col-lg-grid-24-16, .col-lg-grid-24-17, .col-lg-grid-24-18, .col-lg-grid-24-19, .col-lg-grid-24-20, .col-lg-grid-24-21, .col-lg-grid-24-22, .col-lg-grid-24-23, .col-lg-grid-24-24, .col-lg-grid-24,
.col-lg-grid-24-auto, .col-xl-grid-24-1, .col-xl-grid-24-2, .col-xl-grid-24-3, .col-xl-grid-24-4, .col-xl-grid-24-5, .col-xl-grid-24-6, .col-xl-grid-24-7, .col-xl-grid-24-8, .col-xl-grid-24-9, .col-xl-grid-24-10, .col-xl-grid-24-11, .col-xl-grid-24-12, .col-xl-grid-24-13, .col-xl-grid-24-14, .col-xl-grid-24-15, .col-xl-grid-24-16, .col-xl-grid-24-17, .col-xl-grid-24-18, .col-xl-grid-24-19, .col-xl-grid-24-20, .col-xl-grid-24-21, .col-xl-grid-24-22, .col-xl-grid-24-23, .col-xl-grid-24-24, .col-xl-grid-24,
.col-xl-grid-24-auto {
    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.33333%;
        flex: 0 0 8.33333%;
    max-width: 8.33333%; }

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

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

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

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

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

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

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

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

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

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

.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; }

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

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

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

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

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

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

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

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

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

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

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

@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.33333%;
            flex: 0 0 8.33333%;
        max-width: 8.33333%; }
    .col-sm-2 {
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
        max-width: 16.66667%; }
    .col-sm-3 {
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
        max-width: 25%; }
    .col-sm-4 {
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
        max-width: 33.33333%; }
    .col-sm-5 {
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
        max-width: 41.66667%; }
    .col-sm-6 {
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
        max-width: 50%; }
    .col-sm-7 {
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
        max-width: 58.33333%; }
    .col-sm-8 {
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
        max-width: 66.66667%; }
    .col-sm-9 {
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
        max-width: 75%; }
    .col-sm-10 {
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
        max-width: 83.33333%; }
    .col-sm-11 {
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
        max-width: 91.66667%; }
    .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; }
    .offset-sm-1 {
        margin-left: 8.33333%; }
    .offset-sm-2 {
        margin-left: 16.66667%; }
    .offset-sm-3 {
        margin-left: 25%; }
    .offset-sm-4 {
        margin-left: 33.33333%; }
    .offset-sm-5 {
        margin-left: 41.66667%; }
    .offset-sm-6 {
        margin-left: 50%; }
    .offset-sm-7 {
        margin-left: 58.33333%; }
    .offset-sm-8 {
        margin-left: 66.66667%; }
    .offset-sm-9 {
        margin-left: 75%; }
    .offset-sm-10 {
        margin-left: 83.33333%; }
    .offset-sm-11 {
        margin-left: 91.66667%; } }

@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.33333%;
            flex: 0 0 8.33333%;
        max-width: 8.33333%; }
    .col-md-2 {
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
        max-width: 16.66667%; }
    .col-md-3 {
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
        max-width: 25%; }
    .col-md-4 {
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
        max-width: 33.33333%; }
    .col-md-5 {
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
        max-width: 41.66667%; }
    .col-md-6 {
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
        max-width: 50%; }
    .col-md-7 {
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
        max-width: 58.33333%; }
    .col-md-8 {
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
        max-width: 66.66667%; }
    .col-md-9 {
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
        max-width: 75%; }
    .col-md-10 {
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
        max-width: 83.33333%; }
    .col-md-11 {
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
        max-width: 91.66667%; }
    .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; }
    .offset-md-1 {
        margin-left: 8.33333%; }
    .offset-md-2 {
        margin-left: 16.66667%; }
    .offset-md-3 {
        margin-left: 25%; }
    .offset-md-4 {
        margin-left: 33.33333%; }
    .offset-md-5 {
        margin-left: 41.66667%; }
    .offset-md-6 {
        margin-left: 50%; }
    .offset-md-7 {
        margin-left: 58.33333%; }
    .offset-md-8 {
        margin-left: 66.66667%; }
    .offset-md-9 {
        margin-left: 75%; }
    .offset-md-10 {
        margin-left: 83.33333%; }
    .offset-md-11 {
        margin-left: 91.66667%; } }

@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.33333%;
            flex: 0 0 8.33333%;
        max-width: 8.33333%; }
    .col-lg-2 {
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
        max-width: 16.66667%; }
    .col-lg-3 {
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
        max-width: 25%; }
    .col-lg-4 {
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
        max-width: 33.33333%; }
    .col-lg-5 {
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
        max-width: 41.66667%; }
    .col-lg-6 {
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
        max-width: 50%; }
    .col-lg-7 {
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
        max-width: 58.33333%; }
    .col-lg-8 {
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
        max-width: 66.66667%; }
    .col-lg-9 {
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
        max-width: 75%; }
    .col-lg-10 {
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
        max-width: 83.33333%; }
    .col-lg-11 {
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
        max-width: 91.66667%; }
    .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; }
    .offset-lg-1 {
        margin-left: 8.33333%; }
    .offset-lg-2 {
        margin-left: 16.66667%; }
    .offset-lg-3 {
        margin-left: 25%; }
    .offset-lg-4 {
        margin-left: 33.33333%; }
    .offset-lg-5 {
        margin-left: 41.66667%; }
    .offset-lg-6 {
        margin-left: 50%; }
    .offset-lg-7 {
        margin-left: 58.33333%; }
    .offset-lg-8 {
        margin-left: 66.66667%; }
    .offset-lg-9 {
        margin-left: 75%; }
    .offset-lg-10 {
        margin-left: 83.33333%; }
    .offset-lg-11 {
        margin-left: 91.66667%; } }

@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.33333%;
            flex: 0 0 8.33333%;
        max-width: 8.33333%; }
    .col-xl-2 {
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
        max-width: 16.66667%; }
    .col-xl-3 {
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
        max-width: 25%; }
    .col-xl-4 {
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
        max-width: 33.33333%; }
    .col-xl-5 {
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
        max-width: 41.66667%; }
    .col-xl-6 {
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
        max-width: 50%; }
    .col-xl-7 {
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
        max-width: 58.33333%; }
    .col-xl-8 {
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
        max-width: 66.66667%; }
    .col-xl-9 {
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
        max-width: 75%; }
    .col-xl-10 {
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
        max-width: 83.33333%; }
    .col-xl-11 {
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
        max-width: 91.66667%; }
    .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; }
    .offset-xl-1 {
        margin-left: 8.33333%; }
    .offset-xl-2 {
        margin-left: 16.66667%; }
    .offset-xl-3 {
        margin-left: 25%; }
    .offset-xl-4 {
        margin-left: 33.33333%; }
    .offset-xl-5 {
        margin-left: 41.66667%; }
    .offset-xl-6 {
        margin-left: 50%; }
    .offset-xl-7 {
        margin-left: 58.33333%; }
    .offset-xl-8 {
        margin-left: 66.66667%; }
    .offset-xl-9 {
        margin-left: 75%; }
    .offset-xl-10 {
        margin-left: 83.33333%; }
    .offset-xl-11 {
        margin-left: 91.66667%; } }

.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, .col-grid-24-1, .col-grid-24-2, .col-grid-24-3, .col-grid-24-4, .col-grid-24-5, .col-grid-24-6, .col-grid-24-7, .col-grid-24-8, .col-grid-24-9, .col-grid-24-10, .col-grid-24-11, .col-grid-24-12, .col-grid-24-13, .col-grid-24-14, .col-grid-24-15, .col-grid-24-16, .col-grid-24-17, .col-grid-24-18, .col-grid-24-19, .col-grid-24-20, .col-grid-24-21, .col-grid-24-22, .col-grid-24-23, .col-grid-24-24, .col-grid-24,
.col-grid-24-auto, .col-sm-grid-24-1, .col-sm-grid-24-2, .col-sm-grid-24-3, .col-sm-grid-24-4, .col-sm-grid-24-5, .col-sm-grid-24-6, .col-sm-grid-24-7, .col-sm-grid-24-8, .col-sm-grid-24-9, .col-sm-grid-24-10, .col-sm-grid-24-11, .col-sm-grid-24-12, .col-sm-grid-24-13, .col-sm-grid-24-14, .col-sm-grid-24-15, .col-sm-grid-24-16, .col-sm-grid-24-17, .col-sm-grid-24-18, .col-sm-grid-24-19, .col-sm-grid-24-20, .col-sm-grid-24-21, .col-sm-grid-24-22, .col-sm-grid-24-23, .col-sm-grid-24-24, .col-sm-grid-24,
.col-sm-grid-24-auto, .col-md-grid-24-1, .col-md-grid-24-2, .col-md-grid-24-3, .col-md-grid-24-4, .col-md-grid-24-5, .col-md-grid-24-6, .col-md-grid-24-7, .col-md-grid-24-8, .col-md-grid-24-9, .col-md-grid-24-10, .col-md-grid-24-11, .col-md-grid-24-12, .col-md-grid-24-13, .col-md-grid-24-14, .col-md-grid-24-15, .col-md-grid-24-16, .col-md-grid-24-17, .col-md-grid-24-18, .col-md-grid-24-19, .col-md-grid-24-20, .col-md-grid-24-21, .col-md-grid-24-22, .col-md-grid-24-23, .col-md-grid-24-24, .col-md-grid-24,
.col-md-grid-24-auto, .col-lg-grid-24-1, .col-lg-grid-24-2, .col-lg-grid-24-3, .col-lg-grid-24-4, .col-lg-grid-24-5, .col-lg-grid-24-6, .col-lg-grid-24-7, .col-lg-grid-24-8, .col-lg-grid-24-9, .col-lg-grid-24-10, .col-lg-grid-24-11, .col-lg-grid-24-12, .col-lg-grid-24-13, .col-lg-grid-24-14, .col-lg-grid-24-15, .col-lg-grid-24-16, .col-lg-grid-24-17, .col-lg-grid-24-18, .col-lg-grid-24-19, .col-lg-grid-24-20, .col-lg-grid-24-21, .col-lg-grid-24-22, .col-lg-grid-24-23, .col-lg-grid-24-24, .col-lg-grid-24,
.col-lg-grid-24-auto, .col-xl-grid-24-1, .col-xl-grid-24-2, .col-xl-grid-24-3, .col-xl-grid-24-4, .col-xl-grid-24-5, .col-xl-grid-24-6, .col-xl-grid-24-7, .col-xl-grid-24-8, .col-xl-grid-24-9, .col-xl-grid-24-10, .col-xl-grid-24-11, .col-xl-grid-24-12, .col-xl-grid-24-13, .col-xl-grid-24-14, .col-xl-grid-24-15, .col-xl-grid-24-16, .col-xl-grid-24-17, .col-xl-grid-24-18, .col-xl-grid-24-19, .col-xl-grid-24-20, .col-xl-grid-24-21, .col-xl-grid-24-22, .col-xl-grid-24-23, .col-xl-grid-24-24, .col-xl-grid-24,
.col-xl-grid-24-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.16667%;
        flex: 0 0 4.16667%;
    max-width: 4.16667%; }

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

.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.66667%;
        flex: 0 0 16.66667%;
    max-width: 16.66667%; }

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

.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.16667%;
        flex: 0 0 29.16667%;
    max-width: 29.16667%; }

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

.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.66667%;
        flex: 0 0 41.66667%;
    max-width: 41.66667%; }

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

.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.16667%;
        flex: 0 0 54.16667%;
    max-width: 54.16667%; }

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

.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.66667%;
        flex: 0 0 66.66667%;
    max-width: 66.66667%; }

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

.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.16667%;
        flex: 0 0 79.16667%;
    max-width: 79.16667%; }

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

.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.66667%;
        flex: 0 0 91.66667%;
    max-width: 91.66667%; }

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

.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; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@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.16667%;
            flex: 0 0 4.16667%;
        max-width: 4.16667%; }
    .col-sm-grid-24-2 {
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
        max-width: 8.33333%; }
    .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.66667%;
            flex: 0 0 16.66667%;
        max-width: 16.66667%; }
    .col-sm-grid-24-5 {
        -ms-flex: 0 0 20.83333%;
            flex: 0 0 20.83333%;
        max-width: 20.83333%; }
    .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.16667%;
            flex: 0 0 29.16667%;
        max-width: 29.16667%; }
    .col-sm-grid-24-8 {
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
        max-width: 33.33333%; }
    .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.66667%;
            flex: 0 0 41.66667%;
        max-width: 41.66667%; }
    .col-sm-grid-24-11 {
        -ms-flex: 0 0 45.83333%;
            flex: 0 0 45.83333%;
        max-width: 45.83333%; }
    .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.16667%;
            flex: 0 0 54.16667%;
        max-width: 54.16667%; }
    .col-sm-grid-24-14 {
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
        max-width: 58.33333%; }
    .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.66667%;
            flex: 0 0 66.66667%;
        max-width: 66.66667%; }
    .col-sm-grid-24-17 {
        -ms-flex: 0 0 70.83333%;
            flex: 0 0 70.83333%;
        max-width: 70.83333%; }
    .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.16667%;
            flex: 0 0 79.16667%;
        max-width: 79.16667%; }
    .col-sm-grid-24-20 {
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
        max-width: 83.33333%; }
    .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.66667%;
            flex: 0 0 91.66667%;
        max-width: 91.66667%; }
    .col-sm-grid-24-23 {
        -ms-flex: 0 0 95.83333%;
            flex: 0 0 95.83333%;
        max-width: 95.83333%; }
    .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; }
    .offset-sm-grid-24-1 {
        margin-left: 4.16667%; }
    .offset-sm-grid-24-2 {
        margin-left: 8.33333%; }
    .offset-sm-grid-24-3 {
        margin-left: 12.5%; }
    .offset-sm-grid-24-4 {
        margin-left: 16.66667%; }
    .offset-sm-grid-24-5 {
        margin-left: 20.83333%; }
    .offset-sm-grid-24-6 {
        margin-left: 25%; }
    .offset-sm-grid-24-7 {
        margin-left: 29.16667%; }
    .offset-sm-grid-24-8 {
        margin-left: 33.33333%; }
    .offset-sm-grid-24-9 {
        margin-left: 37.5%; }
    .offset-sm-grid-24-10 {
        margin-left: 41.66667%; }
    .offset-sm-grid-24-11 {
        margin-left: 45.83333%; }
    .offset-sm-grid-24-12 {
        margin-left: 50%; }
    .offset-sm-grid-24-13 {
        margin-left: 54.16667%; }
    .offset-sm-grid-24-14 {
        margin-left: 58.33333%; }
    .offset-sm-grid-24-15 {
        margin-left: 62.5%; }
    .offset-sm-grid-24-16 {
        margin-left: 66.66667%; }
    .offset-sm-grid-24-17 {
        margin-left: 70.83333%; }
    .offset-sm-grid-24-18 {
        margin-left: 75%; }
    .offset-sm-grid-24-19 {
        margin-left: 79.16667%; }
    .offset-sm-grid-24-20 {
        margin-left: 83.33333%; }
    .offset-sm-grid-24-21 {
        margin-left: 87.5%; }
    .offset-sm-grid-24-22 {
        margin-left: 91.66667%; }
    .offset-sm-grid-24-23 {
        margin-left: 95.83333%; } }

@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.16667%;
            flex: 0 0 4.16667%;
        max-width: 4.16667%; }
    .col-md-grid-24-2 {
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
        max-width: 8.33333%; }
    .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.66667%;
            flex: 0 0 16.66667%;
        max-width: 16.66667%; }
    .col-md-grid-24-5 {
        -ms-flex: 0 0 20.83333%;
            flex: 0 0 20.83333%;
        max-width: 20.83333%; }
    .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.16667%;
            flex: 0 0 29.16667%;
        max-width: 29.16667%; }
    .col-md-grid-24-8 {
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
        max-width: 33.33333%; }
    .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.66667%;
            flex: 0 0 41.66667%;
        max-width: 41.66667%; }
    .col-md-grid-24-11 {
        -ms-flex: 0 0 45.83333%;
            flex: 0 0 45.83333%;
        max-width: 45.83333%; }
    .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.16667%;
            flex: 0 0 54.16667%;
        max-width: 54.16667%; }
    .col-md-grid-24-14 {
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
        max-width: 58.33333%; }
    .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.66667%;
            flex: 0 0 66.66667%;
        max-width: 66.66667%; }
    .col-md-grid-24-17 {
        -ms-flex: 0 0 70.83333%;
            flex: 0 0 70.83333%;
        max-width: 70.83333%; }
    .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.16667%;
            flex: 0 0 79.16667%;
        max-width: 79.16667%; }
    .col-md-grid-24-20 {
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
        max-width: 83.33333%; }
    .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.66667%;
            flex: 0 0 91.66667%;
        max-width: 91.66667%; }
    .col-md-grid-24-23 {
        -ms-flex: 0 0 95.83333%;
            flex: 0 0 95.83333%;
        max-width: 95.83333%; }
    .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; }
    .offset-md-grid-24-1 {
        margin-left: 4.16667%; }
    .offset-md-grid-24-2 {
        margin-left: 8.33333%; }
    .offset-md-grid-24-3 {
        margin-left: 12.5%; }
    .offset-md-grid-24-4 {
        margin-left: 16.66667%; }
    .offset-md-grid-24-5 {
        margin-left: 20.83333%; }
    .offset-md-grid-24-6 {
        margin-left: 25%; }
    .offset-md-grid-24-7 {
        margin-left: 29.16667%; }
    .offset-md-grid-24-8 {
        margin-left: 33.33333%; }
    .offset-md-grid-24-9 {
        margin-left: 37.5%; }
    .offset-md-grid-24-10 {
        margin-left: 41.66667%; }
    .offset-md-grid-24-11 {
        margin-left: 45.83333%; }
    .offset-md-grid-24-12 {
        margin-left: 50%; }
    .offset-md-grid-24-13 {
        margin-left: 54.16667%; }
    .offset-md-grid-24-14 {
        margin-left: 58.33333%; }
    .offset-md-grid-24-15 {
        margin-left: 62.5%; }
    .offset-md-grid-24-16 {
        margin-left: 66.66667%; }
    .offset-md-grid-24-17 {
        margin-left: 70.83333%; }
    .offset-md-grid-24-18 {
        margin-left: 75%; }
    .offset-md-grid-24-19 {
        margin-left: 79.16667%; }
    .offset-md-grid-24-20 {
        margin-left: 83.33333%; }
    .offset-md-grid-24-21 {
        margin-left: 87.5%; }
    .offset-md-grid-24-22 {
        margin-left: 91.66667%; }
    .offset-md-grid-24-23 {
        margin-left: 95.83333%; } }

@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.16667%;
            flex: 0 0 4.16667%;
        max-width: 4.16667%; }
    .col-lg-grid-24-2 {
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
        max-width: 8.33333%; }
    .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.66667%;
            flex: 0 0 16.66667%;
        max-width: 16.66667%; }
    .col-lg-grid-24-5 {
        -ms-flex: 0 0 20.83333%;
            flex: 0 0 20.83333%;
        max-width: 20.83333%; }
    .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.16667%;
            flex: 0 0 29.16667%;
        max-width: 29.16667%; }
    .col-lg-grid-24-8 {
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
        max-width: 33.33333%; }
    .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.66667%;
            flex: 0 0 41.66667%;
        max-width: 41.66667%; }
    .col-lg-grid-24-11 {
        -ms-flex: 0 0 45.83333%;
            flex: 0 0 45.83333%;
        max-width: 45.83333%; }
    .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.16667%;
            flex: 0 0 54.16667%;
        max-width: 54.16667%; }
    .col-lg-grid-24-14 {
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
        max-width: 58.33333%; }
    .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.66667%;
            flex: 0 0 66.66667%;
        max-width: 66.66667%; }
    .col-lg-grid-24-17 {
        -ms-flex: 0 0 70.83333%;
            flex: 0 0 70.83333%;
        max-width: 70.83333%; }
    .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.16667%;
            flex: 0 0 79.16667%;
        max-width: 79.16667%; }
    .col-lg-grid-24-20 {
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
        max-width: 83.33333%; }
    .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.66667%;
            flex: 0 0 91.66667%;
        max-width: 91.66667%; }
    .col-lg-grid-24-23 {
        -ms-flex: 0 0 95.83333%;
            flex: 0 0 95.83333%;
        max-width: 95.83333%; }
    .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; }
    .offset-lg-grid-24-1 {
        margin-left: 4.16667%; }
    .offset-lg-grid-24-2 {
        margin-left: 8.33333%; }
    .offset-lg-grid-24-3 {
        margin-left: 12.5%; }
    .offset-lg-grid-24-4 {
        margin-left: 16.66667%; }
    .offset-lg-grid-24-5 {
        margin-left: 20.83333%; }
    .offset-lg-grid-24-6 {
        margin-left: 25%; }
    .offset-lg-grid-24-7 {
        margin-left: 29.16667%; }
    .offset-lg-grid-24-8 {
        margin-left: 33.33333%; }
    .offset-lg-grid-24-9 {
        margin-left: 37.5%; }
    .offset-lg-grid-24-10 {
        margin-left: 41.66667%; }
    .offset-lg-grid-24-11 {
        margin-left: 45.83333%; }
    .offset-lg-grid-24-12 {
        margin-left: 50%; }
    .offset-lg-grid-24-13 {
        margin-left: 54.16667%; }
    .offset-lg-grid-24-14 {
        margin-left: 58.33333%; }
    .offset-lg-grid-24-15 {
        margin-left: 62.5%; }
    .offset-lg-grid-24-16 {
        margin-left: 66.66667%; }
    .offset-lg-grid-24-17 {
        margin-left: 70.83333%; }
    .offset-lg-grid-24-18 {
        margin-left: 75%; }
    .offset-lg-grid-24-19 {
        margin-left: 79.16667%; }
    .offset-lg-grid-24-20 {
        margin-left: 83.33333%; }
    .offset-lg-grid-24-21 {
        margin-left: 87.5%; }
    .offset-lg-grid-24-22 {
        margin-left: 91.66667%; }
    .offset-lg-grid-24-23 {
        margin-left: 95.83333%; } }

@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.16667%;
            flex: 0 0 4.16667%;
        max-width: 4.16667%; }
    .col-xl-grid-24-2 {
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
        max-width: 8.33333%; }
    .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.66667%;
            flex: 0 0 16.66667%;
        max-width: 16.66667%; }
    .col-xl-grid-24-5 {
        -ms-flex: 0 0 20.83333%;
            flex: 0 0 20.83333%;
        max-width: 20.83333%; }
    .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.16667%;
            flex: 0 0 29.16667%;
        max-width: 29.16667%; }
    .col-xl-grid-24-8 {
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
        max-width: 33.33333%; }
    .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.66667%;
            flex: 0 0 41.66667%;
        max-width: 41.66667%; }
    .col-xl-grid-24-11 {
        -ms-flex: 0 0 45.83333%;
            flex: 0 0 45.83333%;
        max-width: 45.83333%; }
    .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.16667%;
            flex: 0 0 54.16667%;
        max-width: 54.16667%; }
    .col-xl-grid-24-14 {
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
        max-width: 58.33333%; }
    .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.66667%;
            flex: 0 0 66.66667%;
        max-width: 66.66667%; }
    .col-xl-grid-24-17 {
        -ms-flex: 0 0 70.83333%;
            flex: 0 0 70.83333%;
        max-width: 70.83333%; }
    .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.16667%;
            flex: 0 0 79.16667%;
        max-width: 79.16667%; }
    .col-xl-grid-24-20 {
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
        max-width: 83.33333%; }
    .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.66667%;
            flex: 0 0 91.66667%;
        max-width: 91.66667%; }
    .col-xl-grid-24-23 {
        -ms-flex: 0 0 95.83333%;
            flex: 0 0 95.83333%;
        max-width: 95.83333%; }
    .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; }
    .offset-xl-grid-24-1 {
        margin-left: 4.16667%; }
    .offset-xl-grid-24-2 {
        margin-left: 8.33333%; }
    .offset-xl-grid-24-3 {
        margin-left: 12.5%; }
    .offset-xl-grid-24-4 {
        margin-left: 16.66667%; }
    .offset-xl-grid-24-5 {
        margin-left: 20.83333%; }
    .offset-xl-grid-24-6 {
        margin-left: 25%; }
    .offset-xl-grid-24-7 {
        margin-left: 29.16667%; }
    .offset-xl-grid-24-8 {
        margin-left: 33.33333%; }
    .offset-xl-grid-24-9 {
        margin-left: 37.5%; }
    .offset-xl-grid-24-10 {
        margin-left: 41.66667%; }
    .offset-xl-grid-24-11 {
        margin-left: 45.83333%; }
    .offset-xl-grid-24-12 {
        margin-left: 50%; }
    .offset-xl-grid-24-13 {
        margin-left: 54.16667%; }
    .offset-xl-grid-24-14 {
        margin-left: 58.33333%; }
    .offset-xl-grid-24-15 {
        margin-left: 62.5%; }
    .offset-xl-grid-24-16 {
        margin-left: 66.66667%; }
    .offset-xl-grid-24-17 {
        margin-left: 70.83333%; }
    .offset-xl-grid-24-18 {
        margin-left: 75%; }
    .offset-xl-grid-24-19 {
        margin-left: 79.16667%; }
    .offset-xl-grid-24-20 {
        margin-left: 83.33333%; }
    .offset-xl-grid-24-21 {
        margin-left: 87.5%; }
    .offset-xl-grid-24-22 {
        margin-left: 91.66667%; }
    .offset-xl-grid-24-23 {
        margin-left: 95.83333%; } }

@font-face {
    font-family: "roo-icon";
    src: url(//awp-assets.meituan.net/set/online_shangou_medicine_brand/fonts/roo-icon-193f1e698e.eot);
    src: url(//awp-assets.meituan.net/set/online_shangou_medicine_brand/fonts/roo-icon-193f1e698e.eot?#iefix) format("eot"), url(//awp-assets.meituan.net/set/online_shangou_medicine_brand/fonts/roo-icon-413806f733.woff2) format("woff2"), url(//awp-assets.meituan.net/set/online_shangou_medicine_brand/fonts/roo-icon-89518c646b.woff) format("woff"), url(//awp-assets.meituan.net/set/online_shangou_medicine_brand/fonts/roo-icon-35da6124ed.ttf) format("truetype"), url(//awp-assets.meituan.net/set/online_shangou_medicine_brand/images/roo-icon-6c3ba72c4d.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-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 20px;
    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; }
    .roo-btn:hover, .roo-btn:focus {
        text-decoration: none; }
    .roo-btn:focus, .roo-btn.focus {
        outline: 0; }
    .roo-btn.disabled, .roo-btn:disabled {
        color: #CCCCCC !important;
        background-color: #EEEEEE !important;
        border-color: #EEEEEE !important;
        cursor: not-allowed; }
    .roo-btn:not(:disabled):not(.disabled) {
        cursor: pointer; }
    .roo-btn a.roo-btn.disabled,
    .roo-btn fieldset:disabled a.roo-btn {
        pointer-events: none; }
    .roo-btn.roo-btn-stable {
        width: 100px; }
    .roo-btn.roo-btn-round {
        border-radius: 40px; }
    .roo-btn.roo-btn-circle {
        width: 38px;
        height: 38px;
        padding: 0;
        border-radius: 50%; }
        .roo-btn.roo-btn-circle .roo-icon {
            margin-right: 0; }
    .roo-btn.roo-btn-primary {
        color: #fff;
        background-color: #222222;
        border-color: #222222; }
        .roo-btn.roo-btn-primary:hover {
            color: #fff;
            background-color: rgba(34, 34, 34, 0.8);
            border-color: transparent; }
        .roo-btn.roo-btn-primary:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-primary:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-primary.dropdown-toggle {
            color: #fff;
            background-color: rgba(34, 34, 34, 0.9);
            border-color: transparent; }
    .roo-btn.roo-btn-secondary {
        color: #fff;
        background-color: #f89800;
        border-color: #f89800; }
        .roo-btn.roo-btn-secondary:hover {
            color: #fff;
            background-color: rgba(248, 152, 0, 0.8);
            border-color: transparent; }
        .roo-btn.roo-btn-secondary:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-secondary:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-secondary.dropdown-toggle {
            color: #fff;
            background-color: rgba(248, 152, 0, 0.9);
            border-color: transparent; }
    .roo-btn.roo-btn-brand {
        color: #222222;
        background-color: #ffcc33;
        border-color: #ffcc33; }
        .roo-btn.roo-btn-brand:not(.disabled), .roo-btn.roo-btn-brand:not(:disabled) {
            background-image: linear-gradient(to right, #FFE14D, #FFC34D);
            border: none; }
        .roo-btn.roo-btn-brand:hover {
            color: #222222;
            background-color: rgba(255, 204, 51, 0.8);
            border-color: transparent; }
        .roo-btn.roo-btn-brand:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-brand:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-brand.dropdown-toggle {
            color: #222222;
            background-color: rgba(255, 204, 51, 0.9);
            border-color: transparent; }
    .roo-btn.roo-btn-success {
        color: #fff;
        background-color: #00BF7F;
        border-color: #00BF7F; }
        .roo-btn.roo-btn-success:hover {
            color: #fff;
            background-color: rgba(0, 191, 127, 0.8);
            border-color: transparent; }
        .roo-btn.roo-btn-success:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-success:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-success.dropdown-toggle {
            color: #fff;
            background-color: rgba(0, 191, 127, 0.9);
            border-color: transparent; }
    .roo-btn.roo-btn-info {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8; }
        .roo-btn.roo-btn-info:hover {
            color: #fff;
            background-color: rgba(23, 162, 184, 0.8);
            border-color: transparent; }
        .roo-btn.roo-btn-info:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-info:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-info.dropdown-toggle {
            color: #fff;
            background-color: rgba(23, 162, 184, 0.9);
            border-color: transparent; }
    .roo-btn.roo-btn-warning {
        color: #fff;
        background-color: #F8B500;
        border-color: #F8B500; }
        .roo-btn.roo-btn-warning:hover {
            color: #222222;
            background-color: rgba(248, 181, 0, 0.8);
            border-color: transparent;
            color: #fff; }
        .roo-btn.roo-btn-warning:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-warning:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-warning.dropdown-toggle {
            color: #222222;
            background-color: rgba(248, 181, 0, 0.9);
            border-color: transparent; }
    .roo-btn.roo-btn-danger {
        color: #fff;
        background-color: #FF192D;
        border-color: #FF192D; }
        .roo-btn.roo-btn-danger:hover {
            color: #fff;
            background-color: rgba(255, 25, 45, 0.8);
            border-color: transparent; }
        .roo-btn.roo-btn-danger:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-danger:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-danger.dropdown-toggle {
            color: #fff;
            background-color: rgba(255, 25, 45, 0.9);
            border-color: transparent; }
    .roo-btn.roo-btn-light {
        color: #222222;
        background-color: #fff;
        border-color: #fff; }
        .roo-btn.roo-btn-light:hover {
            color: #222222;
            background-color: rgba(255, 255, 255, 0.8);
            border-color: transparent; }
        .roo-btn.roo-btn-light:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-light:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-light.dropdown-toggle {
            color: #222222;
            background-color: rgba(255, 255, 255, 0.9);
            border-color: transparent; }
    .roo-btn.roo-btn-dark {
        color: #fff;
        background-color: #222222;
        border-color: #222222; }
        .roo-btn.roo-btn-dark:hover {
            color: #fff;
            background-color: rgba(34, 34, 34, 0.8);
            border-color: transparent; }
        .roo-btn.roo-btn-dark:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-dark:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-dark.dropdown-toggle {
            color: #fff;
            background-color: rgba(34, 34, 34, 0.9);
            border-color: transparent; }
    .roo-btn.roo-btn-outline-primary {
        color: #222222;
        background-color: #fff;
        background-image: none;
        border-color: rgba(34, 34, 34, 0.3); }
        .roo-btn.roo-btn-outline-primary:hover {
            border-color: #222222; }
        .roo-btn.roo-btn-outline-primary:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-outline-primary:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-outline-primary.dropdown-toggle {
            border-color: rgba(34, 34, 34, 0.8); }
    .roo-btn.roo-btn-outline-secondary {
        color: #f89800;
        background-color: #fff;
        background-image: none;
        border-color: rgba(248, 152, 0, 0.3); }
        .roo-btn.roo-btn-outline-secondary:hover {
            border-color: #f89800; }
        .roo-btn.roo-btn-outline-secondary:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-outline-secondary:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-outline-secondary.dropdown-toggle {
            border-color: rgba(248, 152, 0, 0.8); }
    .roo-btn.roo-btn-outline-brand {
        color: #ffcc33;
        background-color: #fff;
        background-image: none;
        border-color: #ffcc33;
        color: #ffcc33; }
        .roo-btn.roo-btn-outline-brand:hover {
            border-color: rgba(255, 204, 51, 0.8);
            color: rgba(255, 204, 51, 0.8); }
        .roo-btn.roo-btn-outline-brand:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-outline-brand:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-outline-brand.dropdown-toggle {
            border-color: rgba(255, 204, 51, 0.8); }
    .roo-btn.roo-btn-outline-success {
        color: #00BF7F;
        background-color: #fff;
        background-image: none;
        border-color: rgba(0, 191, 127, 0.3); }
        .roo-btn.roo-btn-outline-success:hover {
            border-color: #00BF7F; }
        .roo-btn.roo-btn-outline-success:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-outline-success:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-outline-success.dropdown-toggle {
            border-color: rgba(0, 191, 127, 0.8); }
    .roo-btn.roo-btn-outline-info {
        color: #17a2b8;
        background-color: #fff;
        background-image: none;
        border-color: rgba(23, 162, 184, 0.3); }
        .roo-btn.roo-btn-outline-info:hover {
            border-color: #17a2b8; }
        .roo-btn.roo-btn-outline-info:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-outline-info:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-outline-info.dropdown-toggle {
            border-color: rgba(23, 162, 184, 0.8); }
    .roo-btn.roo-btn-outline-warning {
        color: #F8B500;
        background-color: #fff;
        background-image: none;
        border-color: rgba(248, 181, 0, 0.3); }
        .roo-btn.roo-btn-outline-warning:hover {
            border-color: #F8B500; }
        .roo-btn.roo-btn-outline-warning:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-outline-warning:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-outline-warning.dropdown-toggle {
            border-color: rgba(248, 181, 0, 0.8); }
    .roo-btn.roo-btn-outline-danger {
        color: #FF192D;
        background-color: #fff;
        background-image: none;
        border-color: rgba(255, 25, 45, 0.3); }
        .roo-btn.roo-btn-outline-danger:hover {
            border-color: #FF192D; }
        .roo-btn.roo-btn-outline-danger:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-outline-danger:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-outline-danger.dropdown-toggle {
            border-color: rgba(255, 25, 45, 0.8); }
    .roo-btn.roo-btn-outline-light {
        color: #fff;
        background-color: #fff;
        background-image: none;
        border-color: rgba(255, 255, 255, 0.3); }
        .roo-btn.roo-btn-outline-light:hover {
            border-color: #fff; }
        .roo-btn.roo-btn-outline-light:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-outline-light:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-outline-light.dropdown-toggle {
            border-color: rgba(255, 255, 255, 0.8); }
    .roo-btn.roo-btn-outline-dark {
        color: #222222;
        background-color: #fff;
        background-image: none;
        border-color: rgba(34, 34, 34, 0.3); }
        .roo-btn.roo-btn-outline-dark:hover {
            border-color: #222222; }
        .roo-btn.roo-btn-outline-dark:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-outline-dark:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-outline-dark.dropdown-toggle {
            border-color: rgba(34, 34, 34, 0.8); }
    .roo-btn.roo-btn-default {
        color: #222222;
        background-color: #fff;
        background-image: none;
        border-color: rgba(34, 34, 34, 0.3); }
        .roo-btn.roo-btn-default:hover {
            background: none;
            border-color: #222222; }
        .roo-btn.roo-btn-default:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-default:not(:disabled):not(.disabled).active,
        .show > .roo-btn.roo-btn-default.dropdown-toggle {
            border-color: rgba(34, 34, 34, 0.8); }
        .roo-btn.roo-btn-default.roo-btn-primary {
            color: #222222;
            background-color: #fff;
            background-image: none;
            border-color: rgba(34, 34, 34, 0.3); }
            .roo-btn.roo-btn-default.roo-btn-primary:hover {
                border-color: #222222; }
            .roo-btn.roo-btn-default.roo-btn-primary:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-default.roo-btn-primary:not(:disabled):not(.disabled).active,
            .show > .roo-btn.roo-btn-default.roo-btn-primary.dropdown-toggle {
                border-color: rgba(34, 34, 34, 0.8); }
        .roo-btn.roo-btn-default.roo-btn-secondary {
            color: #f89800;
            background-color: #fff;
            background-image: none;
            border-color: rgba(248, 152, 0, 0.3); }
            .roo-btn.roo-btn-default.roo-btn-secondary:hover {
                border-color: #f89800; }
            .roo-btn.roo-btn-default.roo-btn-secondary:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-default.roo-btn-secondary:not(:disabled):not(.disabled).active,
            .show > .roo-btn.roo-btn-default.roo-btn-secondary.dropdown-toggle {
                border-color: rgba(248, 152, 0, 0.8); }
        .roo-btn.roo-btn-default.roo-btn-brand {
            color: #ffcc33;
            background-color: #fff;
            background-image: none;
            border-color: #ffcc33;
            color: #ffcc33; }
            .roo-btn.roo-btn-default.roo-btn-brand:hover {
                border-color: rgba(255, 204, 51, 0.8);
                color: rgba(255, 204, 51, 0.8); }
            .roo-btn.roo-btn-default.roo-btn-brand:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-default.roo-btn-brand:not(:disabled):not(.disabled).active,
            .show > .roo-btn.roo-btn-default.roo-btn-brand.dropdown-toggle {
                border-color: rgba(255, 204, 51, 0.8); }
        .roo-btn.roo-btn-default.roo-btn-success {
            color: #00BF7F;
            background-color: #fff;
            background-image: none;
            border-color: rgba(0, 191, 127, 0.3); }
            .roo-btn.roo-btn-default.roo-btn-success:hover {
                border-color: #00BF7F; }
            .roo-btn.roo-btn-default.roo-btn-success:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-default.roo-btn-success:not(:disabled):not(.disabled).active,
            .show > .roo-btn.roo-btn-default.roo-btn-success.dropdown-toggle {
                border-color: rgba(0, 191, 127, 0.8); }
        .roo-btn.roo-btn-default.roo-btn-info {
            color: #17a2b8;
            background-color: #fff;
            background-image: none;
            border-color: rgba(23, 162, 184, 0.3); }
            .roo-btn.roo-btn-default.roo-btn-info:hover {
                border-color: #17a2b8; }
            .roo-btn.roo-btn-default.roo-btn-info:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-default.roo-btn-info:not(:disabled):not(.disabled).active,
            .show > .roo-btn.roo-btn-default.roo-btn-info.dropdown-toggle {
                border-color: rgba(23, 162, 184, 0.8); }
        .roo-btn.roo-btn-default.roo-btn-warning {
            color: #F8B500;
            background-color: #fff;
            background-image: none;
            border-color: rgba(248, 181, 0, 0.3); }
            .roo-btn.roo-btn-default.roo-btn-warning:hover {
                border-color: #F8B500; }
            .roo-btn.roo-btn-default.roo-btn-warning:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-default.roo-btn-warning:not(:disabled):not(.disabled).active,
            .show > .roo-btn.roo-btn-default.roo-btn-warning.dropdown-toggle {
                border-color: rgba(248, 181, 0, 0.8); }
        .roo-btn.roo-btn-default.roo-btn-danger {
            color: #FF192D;
            background-color: #fff;
            background-image: none;
            border-color: rgba(255, 25, 45, 0.3); }
            .roo-btn.roo-btn-default.roo-btn-danger:hover {
                border-color: #FF192D; }
            .roo-btn.roo-btn-default.roo-btn-danger:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-default.roo-btn-danger:not(:disabled):not(.disabled).active,
            .show > .roo-btn.roo-btn-default.roo-btn-danger.dropdown-toggle {
                border-color: rgba(255, 25, 45, 0.8); }
        .roo-btn.roo-btn-default.roo-btn-light {
            color: #fff;
            background-color: #fff;
            background-image: none;
            border-color: rgba(255, 255, 255, 0.3); }
            .roo-btn.roo-btn-default.roo-btn-light:hover {
                border-color: #fff; }
            .roo-btn.roo-btn-default.roo-btn-light:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-default.roo-btn-light:not(:disabled):not(.disabled).active,
            .show > .roo-btn.roo-btn-default.roo-btn-light.dropdown-toggle {
                border-color: rgba(255, 255, 255, 0.8); }
        .roo-btn.roo-btn-default.roo-btn-dark {
            color: #222222;
            background-color: #fff;
            background-image: none;
            border-color: rgba(34, 34, 34, 0.3); }
            .roo-btn.roo-btn-default.roo-btn-dark:hover {
                border-color: #222222; }
            .roo-btn.roo-btn-default.roo-btn-dark:not(:disabled):not(.disabled):active, .roo-btn.roo-btn-default.roo-btn-dark:not(:disabled):not(.disabled).active,
            .show > .roo-btn.roo-btn-default.roo-btn-dark.dropdown-toggle {
                border-color: rgba(34, 34, 34, 0.8); }
    .roo-btn.roo-btn-dropdown {
        width: 100%;
        text-align-last: left;
        border-color: #A2A4B3;
        color: #222222; }
    .roo-btn.roo-btn-link {
        font-weight: 400;
        color: #222222;
        background-color: transparent; }
        .roo-btn.roo-btn-link:hover {
            color: rgba(34, 34, 34, 0.7);
            text-decoration: none;
            background-color: transparent;
            border-color: transparent; }
        .roo-btn.roo-btn-link:focus, .roo-btn.roo-btn-link.focus {
            text-decoration: none;
            border-color: transparent;
            box-shadow: none; }
        .roo-btn.roo-btn-link:disabled, .roo-btn.roo-btn-link.disabled {
            color: #EEEEEE;
            pointer-events: none;
            border-color: transparent !important;
            background-color: transparent !important; }
    .roo-btn.roo-btn-link-brand {
        color: #FF6A00; }
    .roo-btn.roo-btn-dashed {
        border-style: dashed; }
    .roo-btn.roo-btn-lg {
        padding: 0 24px;
        font-size: 14px;
        line-height: 38px;
        border-radius: 2px; }
        .roo-btn.roo-btn-lg.roo-btn-stable {
            width: 120px; }
        .roo-btn.roo-btn-lg.roo-btn-circle {
            width: 38px;
            height: 38px;
            padding: 0;
            border-radius: 50%; }
        .roo-btn.roo-btn-lg.roo-btn-round {
            border-radius: 40px; }
    .roo-btn.roo-btn-sm {
        padding: 0 16px;
        font-size: 12px;
        line-height: 30px;
        border-radius: 2px; }
        .roo-btn.roo-btn-sm.roo-btn-stable {
            width: 80px; }
        .roo-btn.roo-btn-sm.roo-btn-circle {
            width: 30px;
            height: 30px;
            padding: 0;
            border-radius: 50%; }
        .roo-btn.roo-btn-sm.roo-btn-round {
            border-radius: 40px; }
    .roo-btn.roo-btn-xs {
        padding: 0 12px;
        font-size: 12px;
        line-height: 26px;
        border-radius: 2px; }
        .roo-btn.roo-btn-xs.roo-btn-stable {
            width: 80px; }
        .roo-btn.roo-btn-xs.roo-btn-circle {
            width: 26px;
            height: 26px;
            padding: 0;
            border-radius: 50%; }
        .roo-btn.roo-btn-xs.roo-btn-round {
            border-radius: 40px; }
    .roo-btn.roo-btn-block {
        display: block;
        width: 100%; }
        .roo-btn.roo-btn-block + .roo-btn-block {
            margin-top: 8px; }
    .roo-btn.roo-btn-weaken {
        border-color: rgba(34, 34, 34, 0.1); }
    .roo-btn input[type="submit"].roo-btn-block,
    .roo-btn input[type="reset"].roo-btn-block,
    .roo-btn input[type="button"].roo-btn-block {
        width: 100%; }
    .roo-btn .roo-icon {
        display: inline-block;
        margin: -3px 4px 0 0;
        font-style: normal;
        font-size: 1.2em; }
        .roo-btn .roo-icon.roo-icon-loading {
            font-size: 1em; }

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

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

.roo-btn-radio-group .roo-btn {
    transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out; }

.roo-btn-radio-group.roo-btn-group .roo-btn:first-child {
    margin-left: 0; }

.roo-btn-radio-group .roo-btn.disabled, .roo-btn-radio-group .roo-btn:disabled {
    z-index: 1; }

.roo-btn-radio-group .roo-btn-radio-active {
    z-index: 3;
    margin-left: -1px; }

.roo-btn-radio-group .roo-btn-radio-normal.roo-btn.disabled, .roo-btn-radio-group .roo-btn-radio-normal .roo-btn:disabled {
    background-color: #fff !important; }

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

.form-control {
    display: block; }

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

.roo-input,
.form-control {
    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; }
    .roo-input.noresize,
    .form-control.noresize {
        resize: none; }
    @media screen and (prefers-reduced-motion: reduce) {
        .roo-input,
        .form-control {
            transition: none; } }
    .roo-input::-ms-expand,
    .form-control::-ms-expand {
        background-color: transparent;
        border: 0; }
    .roo-input:focus:not([readonly]), .roo-input.focus,
    .form-control:focus:not([readonly]),
    .form-control.focus {
        border-color: #999;
        outline: 0; }
    .roo-input::-webkit-input-placeholder,
    .form-control::-webkit-input-placeholder {
        color: #CCCCCC;
        opacity: 1; }
    .roo-input::-webkit-input-placeholder, .form-control::-webkit-input-placeholder {
        color: #CCCCCC;
        opacity: 1; }
    .roo-input:-ms-input-placeholder, .form-control:-ms-input-placeholder {
        color: #CCCCCC;
        opacity: 1; }
    .roo-input::placeholder,
    .form-control::placeholder {
        color: #CCCCCC;
        opacity: 1; }
    .roo-input[readonly],
    .form-control[readonly] {
        border-color: #EEEEEE;
        color: #222222;
        opacity: 1; }
    .roo-input:disabled, .roo-input.disabled,
    .form-control:disabled,
    .form-control.disabled {
        border-color: #EEEEEE;
        color: #CCCCCC;
        background-color: #F5F6FA;
        cursor: not-allowed; }
    .roo-input:hover:not([readonly]):not(.readonly):not(.readOnly):not([disabled]):not(.disabled),
    .form-control:hover:not([readonly]):not(.readonly):not(.readOnly):not([disabled]):not(.disabled) {
        border-color: #999; }

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

textarea.roo-input {
    height: auto; }

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

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

.has-error .select-input-wrapper .roo-input,
.has-error .select-input-wrapper .form-control,
.has-error .roo-input,
.has-error .form-control {
    border-color: #FF192D !important; }

.has-error .select-input-wrapper .help-block,
.has-error .help-block {
    color: #FF192D;
    margin: 4px 0; }

.has-error .select-input-wrapper .roo-input-group-prepend,
.has-error .roo-input-group-prepend {
    border-color: #FF192D; }

.has-error .select-input-wrapper .roo-input-group-append,
.has-error .roo-input-group-append {
    border-color: #FF192D; }

.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 .roo-input:not([readonly]):not([disabled]):not(.disabled),
    .has-success-hook .form-control:not([readonly]):not([disabled]):not(.disabled) {
        border-color: #00BF7F;
        padding-right: 36px; }
    .has-success-hook .help-block {
        color: #00BF7F; }

.has-success-color .roo-input:not([readonly]):not([disabled]):not(.disabled),
.has-success-color .form-control:not([readonly]):not([disabled]):not(.disabled) {
    border-color: #00BF7F !important; }

.has-success-color .roo-input-group-prepend {
    border-color: #00BF7F; }

.has-success-color .roo-input-group-append {
    border-color: #00BF7F; }

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

select.roo-input:not([size]):not([multiple]) {
    height: 36px; }

select.roo-input:focus::-ms-value {
    color: #222222;
    background-color: #F5F6FA; }

.roo-input-file,
.roo-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,
.col-form-label-xs {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    line-height: 1.5; }

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

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

.roo-input-plaintext {
    background-color: #F5F6FA;
    border-color: #F5F6FA; }
    .roo-input-plaintext[readonly] {
        background-color: #F5F6FA;
        border-color: #F5F6FA; }

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

.roo-input-xs,
.form-control-xs {
    padding: 4px 8px;
    font-size: 12px;
    line-height: 1.5;
    height: 28px; }

select.roo-input-xs:not([size]):not([multiple]) {
    height: 28px; }

.roo-input-sm,
.form-control-sm {
    padding: 6px 8px;
    font-size: 12px;
    line-height: 1.5;
    height: 32px; }

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

.roo-input-lg,
.form-control-lg {
    padding: 8px 8px;
    font-size: 14px;
    line-height: 1.5;
    height: 40px; }

select.roo-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 .roo-checkbox,
        .form-group .control-label + .form-group-content .roo-radio,
        .form-group .col-form-label + .form-group-content .roo-checkbox,
        .form-group .col-form-label + .form-group-content .roo-radio {
            margin-top: 7px; }
        .form-group .control-label + .form-group-content .roo-switch,
        .form-group .col-form-label + .form-group-content .roo-switch {
            top: 4px; }
        .form-group .control-label + .form-group-content .roo-mark,
        .form-group .col-form-label + .form-group-content .roo-mark {
            display: inline-block;
            width: 100%;
            padding: 7px 0px;
            vertical-align: middle;
            line-height: 1.5; }
    .form-group .roo-btn + .roo-btn {
        margin-left: 20px; }
    .form-group .roo-btn-radio-group .roo-btn + .roo-btn {
        margin-left: -1px; }
    .form-group.roo-form-vertical .form-group-content {
        margin-top: 10px; }

.form-group.roo-form-inline {
    display: inline-block;
    -ms-flex-align: center;
        align-items: center;
    vertical-align: top; }
    .form-group.roo-form-inline input {
        display: inline-block;
        width: auto;
        width: initial; }
    .form-group.roo-form-inline .control-label {
        line-height: 36px;
        vertical-align: top; }
    .form-group.roo-form-inline .form-group-content {
        display: inline-block;
        margin-left: 8px;
        margin-right: 8px; }
        .form-group.roo-form-inline .form-group-content .roo-radio, .form-group.roo-form-inline .form-group-content .roo-checkbox {
            line-height: 36px;
            vertical-align: top; }
        .form-group.roo-form-inline .form-group-content .roo-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%; }

.roo-input-number {
    position: relative;
    display: inline-block;
    width: auto;
    padding: 0;
    vertical-align: middle; }
    .roo-input-number input {
        padding: 0 8px;
        border: none;
        outline: none;
        height: 100%;
        width: 64px;
        margin: 0 32px;
        text-align: center;
        color: #222222; }
    .roo-input-number.disabled {
        background-color: #F5F6FA;
        border-color: #EEEEEE !important;
        color: #EEEEEE; }
        .roo-input-number.disabled input {
            background-color: #F5F6FA;
            color: #CCCCCC;
            cursor: not-allowed !important; }
        .roo-input-number.disabled .input-number-operator {
            border-color: #EEEEEE !important;
            color: #EEEEEE !important;
            cursor: not-allowed !important; }
    .roo-input-number .input-number-operator {
        position: absolute;
        display: -ms-flexbox;
        display: flex;
        width: 36px;
        height: 100%;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        font-size: 12px;
        color: #A2A4B3; }
        .roo-input-number .input-number-operator:hover {
            cursor: pointer;
            color: #666666; }
        .roo-input-number .input-number-operator::after {
            display: table-cell;
            vertical-align: middle;
            font-family: "roo-icon"; }
        .roo-input-number .input-number-operator.decrease {
            left: 0;
            top: 0;
            border-right: 1px solid #EEEEEE; }
            .roo-input-number .input-number-operator.decrease::after {
                content: "\EA2C"; }
        .roo-input-number .input-number-operator.increase {
            right: 0;
            top: 0;
            border-left: 1px solid #EEEEEE; }
            .roo-input-number .input-number-operator.increase::after {
                content: "\EA32"; }
        .roo-input-number .input-number-operator.disabled {
            background-color: #F5F6FA;
            border-color: #EEEEEE !important;
            color: #EEEEEE !important;
            cursor: not-allowed; }
    .roo-input-number:hover .input-number-operator {
        border-color: #999; }

.roo-input-number-vertical input {
    width: 64px;
    margin: 0 32px 0 0;
    color: #222222; }

.roo-input-number-vertical .input-number-operator {
    display: block;
    width: 28px;
    height: 50%; }
    .roo-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; }
    .roo-input-number-vertical .input-number-operator.decrease {
        left: auto;
        top: auto;
        right: 0;
        bottom: 0;
        border-left: 1px solid #EEEEEE;
        border-right: none; }
        .roo-input-number-vertical .input-number-operator.decrease::after {
            content: "\EA0B"; }
    .roo-input-number-vertical .input-number-operator.increase {
        left: auto;
        right: 0;
        top: 0;
        border-bottom: 1px solid #EEEEEE; }
        .roo-input-number-vertical .input-number-operator.increase.disabled {
            border-bottom: 1px solid #EEEEEE !important; }
        .roo-input-number-vertical .input-number-operator.increase::after {
            content: "\EA0E"; }

.roo-input-number-vertical:hover .input-number-operator {
    border-color: #EEEEEE; }

.roo-input-number-no-operator input {
    margin: 0; }

.roo-input-tag {
    height: auto;
    padding: 5px 8px;
    overflow: hidden; }
    .roo-input-tag .roo-tag {
        margin-bottom: 8px;
        margin-right: 8px;
        white-space: unset;
        text-align: left; }
    .roo-input-tag input {
        height: 24px;
        margin-bottom: 7px;
        outline: none;
        border: none;
        color: #222222;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    .roo-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; }
    .roo-input-tag.disabled .roo-tag i {
        display: none; }
    .roo-input-tag.disabled input {
        background: transparent;
        cursor: not-allowed; }
    .roo-input-tag.roo-input-lg,
    .roo-input-tag .form-control-lg {
        min-height: 40px;
        padding-top: 6px;
        padding-bottom: 6px; }
    .roo-input-tag.roo-input-sm,
    .roo-input-tag .form-control-sm {
        min-height: 32px;
        padding-top: 3px;
        padding-bottom: 3px; }
    .roo-input-tag.roo-input-xs,
    .roo-input-tag .form-control-xs {
        min-height: 28px;
        padding-top: 1px;
        padding-bottom: 1px; }

.roo-radio {
    position: relative;
    display: inline-block;
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .roo-radio.inline-label {
        max-width: 200px; }
    .roo-radio.block-label {
        display: block;
        margin-bottom: 10px; }
    .roo-radio:hover {
        cursor: pointer; }
        .roo-radio:hover .custom-radio:not(.half-checked) {
            border-color: #A2A4B3; }
        .roo-radio:hover input:disabled ~ .custom-radio {
            cursor: not-allowed; }
        .roo-radio:hover input:disabled ~ .custom-radio-label {
            cursor: not-allowed; }
        .roo-radio:hover input:disabled + .custom-radio:not(.half-checked) {
            border-color: #EEEEEE; }
    .roo-radio input[type=radio] {
        position: absolute;
        display: none; }
    .roo-radio .custom-radio {
        position: relative;
        display: inline-block;
        margin-right: 8px;
        width: 16px;
        height: 16px;
        border: 1px solid #999;
        background-color: #fff;
        vertical-align: sub;
        border-radius: 50%; }
        .roo-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%; }
    .roo-radio .custom-radio-label {
        vertical-align: middle;
        color: #222222; }
    .roo-radio input:checked + .custom-radio {
        background-color: #222222;
        border-color: #222222 !important; }
        .roo-radio input:checked + .custom-radio::before {
            background-color: #fff; }
    .roo-radio input:checked + .custom-radio.brand {
        background-color: #ffcc33;
        border-color: #ffcc33 !important; }
    .roo-radio input:disabled + .custom-radio {
        border-color: #EEEEEE;
        background-color: #F5F6FA; }
    .roo-radio input:disabled:checked + .custom-radio {
        border-color: #222222 !important;
        background-color: #222222;
        opacity: .3; }
    .roo-radio input:disabled ~ .custom-radio-label {
        opacity: .5; }

.roo-radio-group .roo-radio {
    margin-left: 0;
    margin-right: 32px; }

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

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

.roo-checkbox {
    position: relative;
    display: inline-block;
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .roo-checkbox.inline-label {
        max-width: 200px; }
    .roo-checkbox.block-label {
        display: block;
        margin-bottom: 10px; }
    .roo-checkbox:hover {
        cursor: pointer; }
        .roo-checkbox:hover .custom-checkbox:not(.half-checked) {
            border-color: #A2A4B3; }
        .roo-checkbox:hover input:disabled ~ .custom-checkbox {
            cursor: not-allowed; }
        .roo-checkbox:hover input:disabled ~ .custom-checkbox-label {
            cursor: not-allowed; }
        .roo-checkbox:hover input:disabled + .custom-checkbox:not(.half-checked) {
            border-color: #EEEEEE; }
    .roo-checkbox input[type=checkbox] {
        position: absolute;
        display: none; }
    .roo-checkbox .custom-checkbox {
        position: relative;
        display: inline-block;
        margin-right: 8px;
        width: 16px;
        height: 16px;
        border: 1px solid #999;
        background-color: #fff;
        vertical-align: sub;
        border-radius: 2px; }
        .roo-checkbox .custom-checkbox::before {
            position: absolute;
            display: inline-block;
            content: ''; }
    .roo-checkbox .custom-checkbox-label {
        vertical-align: middle;
        color: #222222; }
    .roo-checkbox input:checked + .custom-checkbox {
        background-color: #222222;
        border-color: #222222 !important; }
        .roo-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; }
    .roo-checkbox input:checked + .custom-checkbox.brand {
        background-color: #ffcc33;
        border-color: #ffcc33 !important; }
        .roo-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; }
    .roo-checkbox input:disabled + .custom-checkbox {
        border-color: #EEEEEE;
        background-color: #F5F6FA; }
    .roo-checkbox input:disabled:checked + .custom-checkbox {
        border-color: #222222 !important;
        background-color: #222222;
        opacity: .3; }
    .roo-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; }
    .roo-checkbox input:disabled ~ .custom-checkbox-label {
        opacity: .5; }
    .roo-checkbox .half-checked {
        border-color: #222222;
        background-color: #222222; }
        .roo-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; }
    .roo-checkbox .half-checked.brand {
        border-color: #ffcc33;
        background-color: #ffcc33; }
        .roo-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; }
    .roo-checkbox input:disabled + .half-checked {
        border-color: #222222;
        background-color: #222222;
        opacity: .3; }
    .roo-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; }

.roo-checkbox-group .roo-checkbox {
    margin-left: 0;
    margin-right: 32px; }

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

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

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

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

.roo-panel-bordered .roo-panel-heading {
    padding-bottom: 20px;
    border: 1px solid #EEEEEE;
    border-bottom: none;
    background-color: #F5F6FA; }

.roo-panel-bordered .roo-panel-body {
    border: 1px solid #EEEEEE; }

.roo-panel-bordered .roo-panel-footer {
    border: 1px solid #EEEEEE;
    border-top: none; }

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

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

.roo-transfer .roo-transfer-panel {
    position: relative;
    display: inline-block;
    width: 300px;
    border: 1px solid #EEEEEE;
    border-radius: 2px;
    overflow: hidden;
    vertical-align: middle; }
    .roo-transfer .roo-transfer-panel .roo-transfer-panel-title {
        height: 37px;
        line-height: 35px;
        background-color: #F5F6FA;
        border-bottom: 1px solid #EEEEEE;
        border-radius: 2px; }
        .roo-transfer .roo-transfer-panel .roo-transfer-panel-title .roo-transfer-panel-title-all {
            margin-left: 12px; }
        .roo-transfer .roo-transfer-panel .roo-transfer-panel-title .roo-transfer-panel-title-count {
            float: right;
            line-height: 36px;
            margin-right: 12px; }
    .roo-transfer .roo-transfer-panel .roo-transfer-panel-empty {
        text-align: center;
        padding-top: 6px; }
    .roo-transfer .roo-transfer-panel .roo-transfer-panel-filter {
        padding: 0 12px;
        margin-top: 12px; }
    .roo-transfer .roo-transfer-panel .roo-transfer-panel-body {
        height: 240px;
        overflow: auto; }
        .roo-transfer .roo-transfer-panel .roo-transfer-panel-body .roo-checkbox {
            display: block;
            height: 36px;
            padding: 6px 12px;
            margin-right: 0; }
            .roo-transfer .roo-transfer-panel .roo-transfer-panel-body .roo-checkbox:hover {
                background-color: #F5F6FA; }
    .roo-transfer .roo-transfer-panel .roo-transfer-panel-footer {
        border-top: 1px solid #EEEEEE; }

.roo-transfer .roo-transfer-operations {
    display: inline-block;
    padding: 0 16px;
    vertical-align: middle; }
    .roo-transfer .roo-transfer-operations .roo-btn {
        display: block;
        margin-bottom: 16px; }

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; }

.roo-table {
    width: 100%;
    max-width: 100%;
    color: #222222;
    font-size: 14px; }
    .roo-table > thead > tr > th,
    .roo-table > thead > tr > td,
    .roo-table > tbody > tr > th,
    .roo-table > tbody > tr > td,
    .roo-table > tfoot > tr > th,
    .roo-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; }
    .roo-table thead {
        background: #F5F6FA; }
    .roo-table th {
        font-weight: normal;
        color: #666666; }
    .roo-table > caption + thead > tr:first-child > th,
    .roo-table > caption + thead > tr:first-child > td,
    .roo-table > colgroup + thead > tr:first-child > th,
    .roo-table > colgroup + thead > tr:first-child > td,
    .roo-table > thead:first-child > tr:first-child > th,
    .roo-table > thead:first-child > tr:first-child > td {
        border-top: 0; }
    .roo-table > tbody + tbody {
        border-top: 2px solid #EEEEEE; }
    .roo-table .table {
        background-color: #fff; }
    .roo-table .active {
        background-color: #EEEEEE; }
    .roo-table .success {
        background-color: #40ffbf; }
    .roo-table .info {
        background-color: #63d9ec; }
    .roo-table .warning {
        background-color: #ffdb79; }
    .roo-table .danger {
        background-color: #ff99a1; }
    .roo-table .cursor-pointer {
        cursor: pointer; }
        .roo-table .cursor-pointer:hover {
            background-color: #EEEEEE; }
    .roo-table .column-sorter {
        display: inline-block;
        width: 16px;
        margin-top: 1px;
        vertical-align: top;
        font-size: 0;
        white-space: pre-wrap; }
        .roo-table .column-sorter .roo-icon {
            height: 8px;
            line-height: 8px;
            font-size: 16px;
            color: #CCCCCC; }
            .roo-table .column-sorter .roo-icon.off {
                color: #CCCCCC; }
            .roo-table .column-sorter .roo-icon.on {
                color: #222222; }
            .roo-table .column-sorter .roo-icon:last-child {
                margin-top: -2px; }

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

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

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

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

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

.roo-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; }

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

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

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

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

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

.roo-badge {
    display: inline-block;
    min-width: 20px;
    padding: 0  8px;
    font-size: 12px;
    color: #fff;
    line-height: 22px;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    border-radius: 1000px; }
    .roo-badge.roo-badge-primary {
        background-color: #222222;
        border: 1px solid #222222; }
    .roo-badge.roo-badge-secondary {
        background-color: #f89800;
        border: 1px solid #f89800; }
    .roo-badge.roo-badge-brand {
        background-color: #ffcc33;
        border: 1px solid #ffcc33; }
    .roo-badge.roo-badge-success {
        background-color: #00BF7F;
        border: 1px solid #00BF7F; }
    .roo-badge.roo-badge-info {
        background-color: #17a2b8;
        border: 1px solid #17a2b8; }
    .roo-badge.roo-badge-warning {
        background-color: #F8B500;
        border: 1px solid #F8B500;
        background-color: #FF6A00;
        border: 1px solid #FF6A00; }
    .roo-badge.roo-badge-danger {
        background-color: #FF192D;
        border: 1px solid #FF192D; }
    .roo-badge.roo-badge-light {
        background-color: #fff;
        border: 1px solid #fff; }
    .roo-badge.roo-badge-dark {
        background-color: #222222;
        border: 1px solid #222222; }
    .roo-badge.roo-badge-status-dot {
        position: relative;
        top: -1px;
        display: inline-block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        min-width: 0;
        padding: 0; }
    .roo-badge.roo-badge-default {
        background-color: #222222;
        border: 1px solid #222222; }
    .roo-badge.roo-badge-gray {
        background-color: #F5F6FA;
        border: 1px solid #F5F6FA;
        color: #222222; }
    .roo-badge.roo-badge-reverse {
        background: #fff;
        padding: 0  8px;
        line-height: 22px; }
        .roo-badge.roo-badge-reverse.roo-badge-primary {
            color: #222222;
            border: 1px solid #222222; }
        .roo-badge.roo-badge-reverse.roo-badge-secondary {
            color: #f89800;
            border: 1px solid #f89800; }
        .roo-badge.roo-badge-reverse.roo-badge-brand {
            color: #ffcc33;
            border: 1px solid #ffcc33; }
        .roo-badge.roo-badge-reverse.roo-badge-success {
            color: #00BF7F;
            border: 1px solid #00BF7F; }
        .roo-badge.roo-badge-reverse.roo-badge-info {
            color: #17a2b8;
            border: 1px solid #17a2b8; }
        .roo-badge.roo-badge-reverse.roo-badge-warning {
            color: #F8B500;
            border: 1px solid #F8B500;
            color: #FF6A00;
            border: 1px solid #FF6A00; }
        .roo-badge.roo-badge-reverse.roo-badge-danger {
            color: #FF192D;
            border: 1px solid #FF192D; }
        .roo-badge.roo-badge-reverse.roo-badge-light {
            color: #fff;
            border: 1px solid #fff; }
        .roo-badge.roo-badge-reverse.roo-badge-dark {
            color: #222222;
            border: 1px solid #222222; }
        .roo-badge.roo-badge-reverse.roo-badge-default {
            color: #222222;
            border: 1px solid #222222; }

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

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

.roo-badge.roo-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; }
    .roo-badge.roo-badge-fixed.roo-badge {
        padding: 0 4px;
        line-height: 18px; }
    .roo-badge.roo-badge-fixed.roo-badge-dot {
        z-index: 10;
        width: 8px;
        min-width: 8px;
        height: 8px;
        border-radius: 100%;
        padding: 0; }
    .roo-badge.roo-badge-fixed.roo-badge-sm {
        min-width: 16px;
        line-height: 14px;
        padding: 0 3px; }
    .roo-badge.roo-badge-fixed .roo-icon {
        display: inline; }

/**
 * 信息提示主要用于在页面内显示一些用户内部的提醒信息，
 * 有普通信息、错误信息以及成功信息三种类型
 */
.roo-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; }

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

.roo-alert {
    position: relative;
    margin: 0 10px;
    margin-bottom: 10px;
    padding: 9px 16px;
    border: 1px solid transparent;
    font-size: 14px;
    color: #222222;
    line-height: normal;
    border-radius: 2px; }
    .roo-alert > i {
        font-size: 16px;
        margin-right: 8px;
        vertical-align: text-bottom; }
    .roo-alert .close,
    .roo-alert .extra {
        position: absolute;
        right: 14px;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); }
    .roo-alert .close {
        display: block;
        width: 16px;
        height: 16px;
        font-size: 16px;
        color: #A2A4B3 !important; }
        .roo-alert .close i {
            vertical-align: top; }
        .roo-alert .close:hover {
            color: #222222 !important; }
    .roo-alert .description {
        margin-left: 24px; }
    .roo-alert.roo-alert-banner {
        margin: 0;
        border: 0;
        border-radius: 0; }
    .roo-alert.roo-alert-primary {
        background-color: rgba(34, 34, 34, 0.1);
        border-color: rgba(34, 34, 34, 0.2); }
        .roo-alert.roo-alert-primary > i,
        .roo-alert.roo-alert-primary a {
            color: #222222; }
    .roo-alert.roo-alert-secondary {
        background-color: rgba(248, 152, 0, 0.1);
        border-color: rgba(248, 152, 0, 0.2); }
        .roo-alert.roo-alert-secondary > i,
        .roo-alert.roo-alert-secondary a {
            color: #f89800; }
    .roo-alert.roo-alert-brand {
        background-color: rgba(255, 204, 51, 0.1);
        border-color: rgba(255, 204, 51, 0.2); }
        .roo-alert.roo-alert-brand > i,
        .roo-alert.roo-alert-brand a {
            color: #ffcc33; }
    .roo-alert.roo-alert-success {
        background-color: rgba(0, 191, 127, 0.1);
        border-color: rgba(0, 191, 127, 0.2); }
        .roo-alert.roo-alert-success > i,
        .roo-alert.roo-alert-success a {
            color: #00BF7F; }
    .roo-alert.roo-alert-info {
        background-color: rgba(23, 162, 184, 0.1);
        border-color: rgba(23, 162, 184, 0.2);
        background-color: #fff;
        border-color: #EEEEEE; }
        .roo-alert.roo-alert-info > i,
        .roo-alert.roo-alert-info a {
            color: #17a2b8;
            color: #ffcc33; }
    .roo-alert.roo-alert-warning {
        background-color: rgba(248, 181, 0, 0.1);
        border-color: rgba(248, 181, 0, 0.2);
        background-color: rgba(255, 106, 0, 0.1);
        border-color: rgba(255, 106, 0, 0.2); }
        .roo-alert.roo-alert-warning > i,
        .roo-alert.roo-alert-warning a {
            color: #F8B500;
            color: #FF6A00; }
    .roo-alert.roo-alert-danger {
        background-color: rgba(255, 25, 45, 0.1);
        border-color: rgba(255, 25, 45, 0.2); }
        .roo-alert.roo-alert-danger > i,
        .roo-alert.roo-alert-danger a {
            color: #FF192D; }
    .roo-alert.roo-alert-light {
        background-color: rgba(255, 255, 255, 0.1);
        border-color: rgba(255, 255, 255, 0.2); }
        .roo-alert.roo-alert-light > i,
        .roo-alert.roo-alert-light a {
            color: #fff; }
    .roo-alert.roo-alert-dark {
        background-color: rgba(34, 34, 34, 0.1);
        border-color: rgba(34, 34, 34, 0.2); }
        .roo-alert.roo-alert-dark > i,
        .roo-alert.roo-alert-dark a {
            color: #222222; }
    .roo-alert.roo-alert-dismissible {
        padding: 9px 20px; }

/*!
 * name:      Tooltip
 *
 * class:     tooltip
 */
.roo-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 1px 3px rgba(52, 88, 124, 0.23));
            filter: drop-shadow(0 1px 3px rgba(52, 88, 124, 0.23)); }
    .roo-tooltip.roo-tooltip-sm {
        font-size: 12px; }
        .roo-tooltip.roo-tooltip-sm .roo-tooltip-inner {
            padding: 4px 10px; }
    .roo-tooltip .roo-tooltip-inner {
        padding: 8px 12px;
        word-break: break-all;
        color: #fff;
        background-color: #222222;
        border-radius: 2px; }
    .roo-tooltip.roo-tooltip-bottom, .roo-tooltip.bottom {
        padding-top: 7px; }
        .roo-tooltip.roo-tooltip-bottom .roo-tooltip-arrow, .roo-tooltip.bottom .roo-tooltip-arrow {
            left: 50%;
            top: 2px;
            -webkit-transform: translate(-50%, 0);
                -ms-transform: translate(-50%, 0);
                    transform: translate(-50%, 0);
            border-width: 0 5px 5px;
            border-bottom-color: #222222; }
            .roo-tooltip.roo-tooltip-bottom .roo-tooltip-arrow::after, .roo-tooltip.bottom .roo-tooltip-arrow::after {
                top: 1px;
                margin-left: -5px;
                content: " ";
                border-top-width: 0;
                border-bottom-color: #222222; }
    .roo-tooltip.roo-tooltip-bottom-left, .roo-tooltip.bottom-left {
        padding-top: 7px; }
        .roo-tooltip.roo-tooltip-bottom-left .roo-tooltip-arrow, .roo-tooltip.bottom-left .roo-tooltip-arrow {
            left: 14px;
            top: 2px;
            border-width: 0 5px 5px;
            border-bottom-color: #222222; }
            .roo-tooltip.roo-tooltip-bottom-left .roo-tooltip-arrow::after, .roo-tooltip.bottom-left .roo-tooltip-arrow::after {
                top: 1px;
                margin-left: -5px;
                content: " ";
                border-top-width: 0;
                border-bottom-color: #222222; }
    .roo-tooltip.roo-tooltip-bottom-right, .roo-tooltip.bottom-right {
        padding-top: 7px; }
        .roo-tooltip.roo-tooltip-bottom-right .roo-tooltip-arrow, .roo-tooltip.bottom-right .roo-tooltip-arrow {
            right: 14px;
            top: 2px;
            border-width: 0 5px 5px;
            border-bottom-color: #222222; }
            .roo-tooltip.roo-tooltip-bottom-right .roo-tooltip-arrow::after, .roo-tooltip.bottom-right .roo-tooltip-arrow::after {
                top: 1px;
                margin-left: -5px;
                content: " ";
                border-top-width: 0;
                border-bottom-color: #222222; }
    .roo-tooltip.roo-tooltip-top, .roo-tooltip.top {
        padding-bottom: 7px; }
        .roo-tooltip.roo-tooltip-top .roo-tooltip-arrow, .roo-tooltip.top .roo-tooltip-arrow {
            bottom: 2px;
            left: 50%;
            -webkit-transform: translate(-50%, 0);
                -ms-transform: translate(-50%, 0);
                    transform: translate(-50%, 0);
            border-width: 5px 5px 0;
            border-top-color: #222222;
            border-style: solid; }
            .roo-tooltip.roo-tooltip-top .roo-tooltip-arrow::after, .roo-tooltip.top .roo-tooltip-arrow::after {
                bottom: 1px;
                margin-left: -5px;
                content: " ";
                border-bottom-width: 0;
                border-top-color: #222222; }
    .roo-tooltip.roo-tooltip-top-left, .roo-tooltip.top-left {
        padding-bottom: 7px; }
        .roo-tooltip.roo-tooltip-top-left .roo-tooltip-arrow, .roo-tooltip.top-left .roo-tooltip-arrow {
            bottom: 2px;
            left: 14px;
            border-width: 5px 5px 0;
            border-top-color: #222222;
            border-style: solid; }
            .roo-tooltip.roo-tooltip-top-left .roo-tooltip-arrow::after, .roo-tooltip.top-left .roo-tooltip-arrow::after {
                bottom: 1px;
                margin-left: -5px;
                content: " ";
                border-bottom-width: 0;
                border-top-color: #222222; }
    .roo-tooltip.roo-tooltip-top-right, .roo-tooltip.top-right {
        padding-bottom: 7px; }
        .roo-tooltip.roo-tooltip-top-right .roo-tooltip-arrow, .roo-tooltip.top-right .roo-tooltip-arrow {
            bottom: 2px;
            right: 14px;
            border-width: 5px 5px 0;
            border-top-color: #222222;
            border-style: solid; }
            .roo-tooltip.roo-tooltip-top-right .roo-tooltip-arrow::after, .roo-tooltip.top-right .roo-tooltip-arrow::after {
                bottom: 1px;
                margin-left: -5px;
                content: " ";
                border-bottom-width: 0;
                border-top-color: #222222; }
    .roo-tooltip.roo-tooltip-left, .roo-tooltip.left {
        padding-right: 7px; }
        .roo-tooltip.roo-tooltip-left .roo-tooltip-arrow, .roo-tooltip.left .roo-tooltip-arrow {
            top: 50%;
            right: 2px;
            -webkit-transform: translate(0, -50%);
                -ms-transform: translate(0, -50%);
                    transform: translate(0, -50%);
            border-width: 5px 0 5px 5px;
            border-left-color: #222222; }
            .roo-tooltip.roo-tooltip-left .roo-tooltip-arrow::after, .roo-tooltip.left .roo-tooltip-arrow::after {
                right: 1px;
                bottom: -5px;
                content: " ";
                border-right-width: 0;
                border-left-color: #222222; }
    .roo-tooltip.roo-tooltip-left-top, .roo-tooltip.left-top {
        padding-right: 7px; }
        .roo-tooltip.roo-tooltip-left-top .roo-tooltip-arrow, .roo-tooltip.left-top .roo-tooltip-arrow {
            top: 14px;
            right: 2px;
            border-width: 5px 0 5px 5px;
            border-left-color: #222222; }
            .roo-tooltip.roo-tooltip-left-top .roo-tooltip-arrow::after, .roo-tooltip.left-top .roo-tooltip-arrow::after {
                right: 1px;
                bottom: -5px;
                content: " ";
                border-right-width: 0;
                border-left-color: #222222; }
    .roo-tooltip.roo-tooltip-left-bottom, .roo-tooltip.left-bottom {
        padding-right: 7px; }
        .roo-tooltip.roo-tooltip-left-bottom .roo-tooltip-arrow, .roo-tooltip.left-bottom .roo-tooltip-arrow {
            bottom: 14px;
            right: 2px;
            border-width: 5px 0 5px 5px;
            border-left-color: #222222; }
            .roo-tooltip.roo-tooltip-left-bottom .roo-tooltip-arrow::after, .roo-tooltip.left-bottom .roo-tooltip-arrow::after {
                right: 1px;
                bottom: -5px;
                content: " ";
                border-right-width: 0;
                border-left-color: #222222; }
    .roo-tooltip.roo-tooltip-right, .roo-tooltip.right {
        padding-left: 7px; }
        .roo-tooltip.roo-tooltip-right .roo-tooltip-arrow, .roo-tooltip.right .roo-tooltip-arrow {
            border-width: 5px 5px 5px 0;
            border-right-color: #222222;
            left: 2px;
            top: 50%;
            -webkit-transform: translate(0, -50%);
                -ms-transform: translate(0, -50%);
                    transform: translate(0, -50%); }
            .roo-tooltip.roo-tooltip-right .roo-tooltip-arrow::after, .roo-tooltip.right .roo-tooltip-arrow::after {
                left: 1px;
                bottom: -5px;
                content: " ";
                border-left-width: 0;
                border-right-color: #222222; }
    .roo-tooltip.roo-tooltip-right-top, .roo-tooltip.right-top {
        padding-left: 7px; }
        .roo-tooltip.roo-tooltip-right-top .roo-tooltip-arrow, .roo-tooltip.right-top .roo-tooltip-arrow {
            border-width: 5px 5px 5px 0;
            border-right-color: #222222;
            left: 2px;
            top: 14px; }
            .roo-tooltip.roo-tooltip-right-top .roo-tooltip-arrow::after, .roo-tooltip.right-top .roo-tooltip-arrow::after {
                left: 1px;
                bottom: -5px;
                content: " ";
                border-left-width: 0;
                border-right-color: #222222; }
    .roo-tooltip.roo-tooltip-right-bottom, .roo-tooltip.right-bottom {
        padding-left: 7px; }
        .roo-tooltip.roo-tooltip-right-bottom .roo-tooltip-arrow, .roo-tooltip.right-bottom .roo-tooltip-arrow {
            border-width: 5px 5px 5px 0;
            border-right-color: #222222;
            left: 2px;
            bottom: 14px; }
            .roo-tooltip.roo-tooltip-right-bottom .roo-tooltip-arrow::after, .roo-tooltip.right-bottom .roo-tooltip-arrow::after {
                left: 1px;
                bottom: -5px;
                content: " ";
                border-left-width: 0;
                border-right-color: #222222; }
    .roo-tooltip .roo-tooltip-arrow {
        position: absolute;
        border-color: transparent;
        border-style: solid; }
        .roo-tooltip .roo-tooltip-arrow::after {
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
            content: " ";
            border-width: 5px; }

.roo-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 1px 3px rgba(52, 88, 124, 0.23));
            filter: drop-shadow(0 1px 3px rgba(52, 88, 124, 0.23)); }
    .roo-tooltip-light.roo-tooltip-sm {
        font-size: 12px; }
        .roo-tooltip-light.roo-tooltip-sm .roo-tooltip-inner {
            padding: 4px 10px; }
    .roo-tooltip-light .roo-tooltip-inner {
        padding: 8px 12px;
        word-break: break-all;
        color: #222222;
        background-color: #fff;
        border-radius: 2px; }
    .roo-tooltip-light.roo-tooltip-bottom, .roo-tooltip-light.bottom {
        padding-top: 7px; }
        .roo-tooltip-light.roo-tooltip-bottom .roo-tooltip-arrow, .roo-tooltip-light.bottom .roo-tooltip-arrow {
            left: 50%;
            top: 2px;
            -webkit-transform: translate(-50%, 0);
                -ms-transform: translate(-50%, 0);
                    transform: translate(-50%, 0);
            border-width: 0 5px 5px;
            border-bottom-color: #fff; }
            .roo-tooltip-light.roo-tooltip-bottom .roo-tooltip-arrow::after, .roo-tooltip-light.bottom .roo-tooltip-arrow::after {
                top: 1px;
                margin-left: -5px;
                content: " ";
                border-top-width: 0;
                border-bottom-color: #fff; }
    .roo-tooltip-light.roo-tooltip-bottom-left, .roo-tooltip-light.bottom-left {
        padding-top: 7px; }
        .roo-tooltip-light.roo-tooltip-bottom-left .roo-tooltip-arrow, .roo-tooltip-light.bottom-left .roo-tooltip-arrow {
            left: 14px;
            top: 2px;
            border-width: 0 5px 5px;
            border-bottom-color: #fff; }
            .roo-tooltip-light.roo-tooltip-bottom-left .roo-tooltip-arrow::after, .roo-tooltip-light.bottom-left .roo-tooltip-arrow::after {
                top: 1px;
                margin-left: -5px;
                content: " ";
                border-top-width: 0;
                border-bottom-color: #fff; }
    .roo-tooltip-light.roo-tooltip-bottom-right, .roo-tooltip-light.bottom-right {
        padding-top: 7px; }
        .roo-tooltip-light.roo-tooltip-bottom-right .roo-tooltip-arrow, .roo-tooltip-light.bottom-right .roo-tooltip-arrow {
            right: 14px;
            top: 2px;
            border-width: 0 5px 5px;
            border-bottom-color: #fff; }
            .roo-tooltip-light.roo-tooltip-bottom-right .roo-tooltip-arrow::after, .roo-tooltip-light.bottom-right .roo-tooltip-arrow::after {
                top: 1px;
                margin-left: -5px;
                content: " ";
                border-top-width: 0;
                border-bottom-color: #fff; }
    .roo-tooltip-light.roo-tooltip-top, .roo-tooltip-light.top {
        padding-bottom: 7px; }
        .roo-tooltip-light.roo-tooltip-top .roo-tooltip-arrow, .roo-tooltip-light.top .roo-tooltip-arrow {
            bottom: 2px;
            left: 50%;
            -webkit-transform: translate(-50%, 0);
                -ms-transform: translate(-50%, 0);
                    transform: translate(-50%, 0);
            border-width: 5px 5px 0;
            border-top-color: #fff;
            border-style: solid; }
            .roo-tooltip-light.roo-tooltip-top .roo-tooltip-arrow::after, .roo-tooltip-light.top .roo-tooltip-arrow::after {
                bottom: 1px;
                margin-left: -5px;
                content: " ";
                border-bottom-width: 0;
                border-top-color: #fff; }
    .roo-tooltip-light.roo-tooltip-top-left, .roo-tooltip-light.top-left {
        padding-bottom: 7px; }
        .roo-tooltip-light.roo-tooltip-top-left .roo-tooltip-arrow, .roo-tooltip-light.top-left .roo-tooltip-arrow {
            bottom: 2px;
            left: 14px;
            border-width: 5px 5px 0;
            border-top-color: #fff;
            border-style: solid; }
            .roo-tooltip-light.roo-tooltip-top-left .roo-tooltip-arrow::after, .roo-tooltip-light.top-left .roo-tooltip-arrow::after {
                bottom: 1px;
                margin-left: -5px;
                content: " ";
                border-bottom-width: 0;
                border-top-color: #fff; }
    .roo-tooltip-light.roo-tooltip-top-right, .roo-tooltip-light.top-right {
        padding-bottom: 7px; }
        .roo-tooltip-light.roo-tooltip-top-right .roo-tooltip-arrow, .roo-tooltip-light.top-right .roo-tooltip-arrow {
            bottom: 2px;
            right: 14px;
            border-width: 5px 5px 0;
            border-top-color: #fff;
            border-style: solid; }
            .roo-tooltip-light.roo-tooltip-top-right .roo-tooltip-arrow::after, .roo-tooltip-light.top-right .roo-tooltip-arrow::after {
                bottom: 1px;
                margin-left: -5px;
                content: " ";
                border-bottom-width: 0;
                border-top-color: #fff; }
    .roo-tooltip-light.roo-tooltip-left, .roo-tooltip-light.left {
        padding-right: 7px; }
        .roo-tooltip-light.roo-tooltip-left .roo-tooltip-arrow, .roo-tooltip-light.left .roo-tooltip-arrow {
            top: 50%;
            right: 2px;
            -webkit-transform: translate(0, -50%);
                -ms-transform: translate(0, -50%);
                    transform: translate(0, -50%);
            border-width: 5px 0 5px 5px;
            border-left-color: #fff; }
            .roo-tooltip-light.roo-tooltip-left .roo-tooltip-arrow::after, .roo-tooltip-light.left .roo-tooltip-arrow::after {
                right: 1px;
                bottom: -5px;
                content: " ";
                border-right-width: 0;
                border-left-color: #fff; }
    .roo-tooltip-light.roo-tooltip-left-top, .roo-tooltip-light.left-top {
        padding-right: 7px; }
        .roo-tooltip-light.roo-tooltip-left-top .roo-tooltip-arrow, .roo-tooltip-light.left-top .roo-tooltip-arrow {
            top: 14px;
            right: 2px;
            border-width: 5px 0 5px 5px;
            border-left-color: #fff; }
            .roo-tooltip-light.roo-tooltip-left-top .roo-tooltip-arrow::after, .roo-tooltip-light.left-top .roo-tooltip-arrow::after {
                right: 1px;
                bottom: -5px;
                content: " ";
                border-right-width: 0;
                border-left-color: #fff; }
    .roo-tooltip-light.roo-tooltip-left-bottom, .roo-tooltip-light.left-bottom {
        padding-right: 7px; }
        .roo-tooltip-light.roo-tooltip-left-bottom .roo-tooltip-arrow, .roo-tooltip-light.left-bottom .roo-tooltip-arrow {
            bottom: 14px;
            right: 2px;
            border-width: 5px 0 5px 5px;
            border-left-color: #fff; }
            .roo-tooltip-light.roo-tooltip-left-bottom .roo-tooltip-arrow::after, .roo-tooltip-light.left-bottom .roo-tooltip-arrow::after {
                right: 1px;
                bottom: -5px;
                content: " ";
                border-right-width: 0;
                border-left-color: #fff; }
    .roo-tooltip-light.roo-tooltip-right, .roo-tooltip-light.right {
        padding-left: 7px; }
        .roo-tooltip-light.roo-tooltip-right .roo-tooltip-arrow, .roo-tooltip-light.right .roo-tooltip-arrow {
            border-width: 5px 5px 5px 0;
            border-right-color: #fff;
            left: 2px;
            top: 50%;
            -webkit-transform: translate(0, -50%);
                -ms-transform: translate(0, -50%);
                    transform: translate(0, -50%); }
            .roo-tooltip-light.roo-tooltip-right .roo-tooltip-arrow::after, .roo-tooltip-light.right .roo-tooltip-arrow::after {
                left: 1px;
                bottom: -5px;
                content: " ";
                border-left-width: 0;
                border-right-color: #fff; }
    .roo-tooltip-light.roo-tooltip-right-top, .roo-tooltip-light.right-top {
        padding-left: 7px; }
        .roo-tooltip-light.roo-tooltip-right-top .roo-tooltip-arrow, .roo-tooltip-light.right-top .roo-tooltip-arrow {
            border-width: 5px 5px 5px 0;
            border-right-color: #fff;
            left: 2px;
            top: 14px; }
            .roo-tooltip-light.roo-tooltip-right-top .roo-tooltip-arrow::after, .roo-tooltip-light.right-top .roo-tooltip-arrow::after {
                left: 1px;
                bottom: -5px;
                content: " ";
                border-left-width: 0;
                border-right-color: #fff; }
    .roo-tooltip-light.roo-tooltip-right-bottom, .roo-tooltip-light.right-bottom {
        padding-left: 7px; }
        .roo-tooltip-light.roo-tooltip-right-bottom .roo-tooltip-arrow, .roo-tooltip-light.right-bottom .roo-tooltip-arrow {
            border-width: 5px 5px 5px 0;
            border-right-color: #fff;
            left: 2px;
            bottom: 14px; }
            .roo-tooltip-light.roo-tooltip-right-bottom .roo-tooltip-arrow::after, .roo-tooltip-light.right-bottom .roo-tooltip-arrow::after {
                left: 1px;
                bottom: -5px;
                content: " ";
                border-left-width: 0;
                border-right-color: #fff; }
    .roo-tooltip-light .roo-tooltip-arrow {
        position: absolute;
        border-color: transparent;
        border-style: solid; }
        .roo-tooltip-light .roo-tooltip-arrow::after {
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
            content: " ";
            border-width: 5px; }

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

.roo-pagination {
    display: inline-block;
    padding-left: 0;
    font-size: 14px;
    margin: 10px 0; }
    .roo-pagination > span {
        display: inline-block;
        padding: 6px 12px; }
    .roo-pagination .roo-icon {
        vertical-align: middle; }
    .roo-pagination.no-border a,
    .roo-pagination.no-border span {
        border: 0px; }
    .roo-pagination > li {
        display: inline-block;
        vertical-align: middle; }
        .roo-pagination > li > a,
        .roo-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; }
            .roo-pagination > li > a:hover, .roo-pagination > li > a:focus,
            .roo-pagination > li > span:hover,
            .roo-pagination > li > span:focus {
                color: #fff;
                background-color: #222222;
                border-color: #222222; }
        .roo-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; }
            .roo-pagination > li input:hover, .roo-pagination > li input:focus {
                border-color: #666666; }
    .roo-pagination > .active > a, .roo-pagination > .active > a:hover, .roo-pagination > .active > a:focus,
    .roo-pagination > .active > span,
    .roo-pagination > .active > span:hover,
    .roo-pagination > .active > span:focus {
        color: #fff;
        background-color: #222222;
        border-color: #222222;
        cursor: default; }
    .roo-pagination > .arrow > a,
    .roo-pagination > .arrow > span {
        color: #CCCCCC;
        font-size: 18px;
        line-height: 28px; }
    .roo-pagination > .light > a:hover, .roo-pagination > .light > a:focus,
    .roo-pagination > .light > span:hover,
    .roo-pagination > .light > span:focus {
        color: #222222;
        background-color: #fff;
        border-color: #666666;
        cursor: pointer; }
    .roo-pagination > .ellipsis-left > a,
    .roo-pagination > .ellipsis-left > span {
        display: inline-block;
        width: 32px;
        text-align: center;
        border: 0px; }
        .roo-pagination > .ellipsis-left > a:after,
        .roo-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; }
        .roo-pagination > .ellipsis-left > a:hover, .roo-pagination > .ellipsis-left > a:focus,
        .roo-pagination > .ellipsis-left > span:hover,
        .roo-pagination > .ellipsis-left > span:focus {
            background: transparent;
            cursor: pointer; }
            .roo-pagination > .ellipsis-left > a:hover:after, .roo-pagination > .ellipsis-left > a:focus:after,
            .roo-pagination > .ellipsis-left > span:hover:after,
            .roo-pagination > .ellipsis-left > span:focus:after {
                content: "\EA16";
                color: #222222; }
    .roo-pagination > .ellipsis-right > a,
    .roo-pagination > .ellipsis-right > span {
        display: inline-block;
        width: 32px;
        text-align: center;
        border: 0px; }
        .roo-pagination > .ellipsis-right > a:after,
        .roo-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; }
        .roo-pagination > .ellipsis-right > a:hover, .roo-pagination > .ellipsis-right > a:focus,
        .roo-pagination > .ellipsis-right > span:hover,
        .roo-pagination > .ellipsis-right > span:focus {
            background: transparent;
            cursor: pointer; }
            .roo-pagination > .ellipsis-right > a:hover:after, .roo-pagination > .ellipsis-right > a:focus:after,
            .roo-pagination > .ellipsis-right > span:hover:after,
            .roo-pagination > .ellipsis-right > span:focus:after {
                content: "\EA17";
                color: #222222; }
    .roo-pagination > .disabled > span,
    .roo-pagination > .disabled > span:hover,
    .roo-pagination > .disabled > span:focus,
    .roo-pagination > .disabled > a,
    .roo-pagination > .disabled > a:hover,
    .roo-pagination > .disabled > a:focus {
        color: #A2A4B3;
        background-color: #F5F6FA;
        border-color: #EEEEEE;
        cursor: not-allowed; }
    .roo-pagination .roo-input-number input {
        width: 36px; }
    .roo-pagination .roo-pagination-jump {
        display: inline-block;
        margin-left: 10px; }
        .roo-pagination .roo-pagination-jump > span {
            line-height: 36px;
            padding: 0 10px;
            vertical-align: middle; }

.roo-pagination-sm {
    display: inline-block;
    padding-left: 0;
    font-size: 12px;
    margin: 8px 0; }
    .roo-pagination-sm > span {
        display: inline-block;
        padding: 6px 12px; }
    .roo-pagination-sm .roo-icon {
        vertical-align: middle; }
    .roo-pagination-sm.no-border a,
    .roo-pagination-sm.no-border span {
        border: 0px; }
    .roo-pagination-sm > li {
        display: inline-block;
        vertical-align: middle; }
        .roo-pagination-sm > li > a,
        .roo-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; }
            .roo-pagination-sm > li > a:hover, .roo-pagination-sm > li > a:focus,
            .roo-pagination-sm > li > span:hover,
            .roo-pagination-sm > li > span:focus {
                color: #fff;
                background-color: #222222;
                border-color: #222222; }
        .roo-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; }
            .roo-pagination-sm > li input:hover, .roo-pagination-sm > li input:focus {
                border-color: #666666; }
    .roo-pagination-sm > .active > a, .roo-pagination-sm > .active > a:hover, .roo-pagination-sm > .active > a:focus,
    .roo-pagination-sm > .active > span,
    .roo-pagination-sm > .active > span:hover,
    .roo-pagination-sm > .active > span:focus {
        color: #fff;
        background-color: #222222;
        border-color: #222222;
        cursor: default; }
    .roo-pagination-sm > .arrow > a,
    .roo-pagination-sm > .arrow > span {
        color: #CCCCCC;
        font-size: 18px;
        line-height: 22px; }
    .roo-pagination-sm > .light > a:hover, .roo-pagination-sm > .light > a:focus,
    .roo-pagination-sm > .light > span:hover,
    .roo-pagination-sm > .light > span:focus {
        color: #222222;
        background-color: #fff;
        border-color: #666666;
        cursor: pointer; }
    .roo-pagination-sm > .ellipsis-left > a,
    .roo-pagination-sm > .ellipsis-left > span {
        display: inline-block;
        width: 26px;
        text-align: center;
        border: 0px; }
        .roo-pagination-sm > .ellipsis-left > a:after,
        .roo-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; }
        .roo-pagination-sm > .ellipsis-left > a:hover, .roo-pagination-sm > .ellipsis-left > a:focus,
        .roo-pagination-sm > .ellipsis-left > span:hover,
        .roo-pagination-sm > .ellipsis-left > span:focus {
            background: transparent;
            cursor: pointer; }
            .roo-pagination-sm > .ellipsis-left > a:hover:after, .roo-pagination-sm > .ellipsis-left > a:focus:after,
            .roo-pagination-sm > .ellipsis-left > span:hover:after,
            .roo-pagination-sm > .ellipsis-left > span:focus:after {
                content: "\EA16";
                color: #222222; }
    .roo-pagination-sm > .ellipsis-right > a,
    .roo-pagination-sm > .ellipsis-right > span {
        display: inline-block;
        width: 26px;
        text-align: center;
        border: 0px; }
        .roo-pagination-sm > .ellipsis-right > a:after,
        .roo-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; }
        .roo-pagination-sm > .ellipsis-right > a:hover, .roo-pagination-sm > .ellipsis-right > a:focus,
        .roo-pagination-sm > .ellipsis-right > span:hover,
        .roo-pagination-sm > .ellipsis-right > span:focus {
            background: transparent;
            cursor: pointer; }
            .roo-pagination-sm > .ellipsis-right > a:hover:after, .roo-pagination-sm > .ellipsis-right > a:focus:after,
            .roo-pagination-sm > .ellipsis-right > span:hover:after,
            .roo-pagination-sm > .ellipsis-right > span:focus:after {
                content: "\EA17";
                color: #222222; }
    .roo-pagination-sm > .disabled > span,
    .roo-pagination-sm > .disabled > span:hover,
    .roo-pagination-sm > .disabled > span:focus,
    .roo-pagination-sm > .disabled > a,
    .roo-pagination-sm > .disabled > a:hover,
    .roo-pagination-sm > .disabled > a:focus {
        color: #A2A4B3;
        background-color: #F5F6FA;
        border-color: #EEEEEE;
        cursor: not-allowed; }
    .roo-pagination-sm .roo-input-number input {
        width: 32px; }
    .roo-pagination-sm .roo-pagination-jump {
        display: inline-block;
        margin-left: 8px; }
        .roo-pagination-sm .roo-pagination-jump > span {
            line-height: 32px;
            padding: 0 8px;
            vertical-align: middle; }

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

.roo-switch-mini {
    min-width: 36px;
    height: 20px; }
    .roo-switch-mini input[type="checkbox"]:checked ~ .roo-switch-checkbox > span {
        margin-right: 22px;
        margin-left: 4px; }
    .roo-switch-mini input[type="checkbox"]:checked ~ .roo-switch-checkbox:before {
        margin-left: -2px; }
    .roo-switch-mini input[type="checkbox"]:checked ~ .roo-switch-checkbox:after {
        margin-left: -4px; }
    .roo-switch-mini .roo-switch-checkbox {
        height: 20px;
        line-height: 20px; }
        .roo-switch-mini .roo-switch-checkbox > span {
            margin-left: 22px;
            margin-right: 4px; }
        .roo-switch-mini .roo-switch-checkbox::before {
            width: 18px;
            height: 18px;
            line-height: 18px; }
        .roo-switch-mini .roo-switch-checkbox::after {
            top: 3px;
            left: 3px; }
    .roo-switch-mini.roo-switch-loading .roo-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; } }

.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: red;
    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); }

.roo-carousel-arrow.roo-carousel-prev {
    position: absolute;
    left: 0;
    top: 50%;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 100; }

.roo-carousel-arrow.roo-carousel-next {
    position: absolute;
    right: 0;
    top: 50%;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 100; }

.roo-carousel {
    position: relative; }

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

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

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

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

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

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

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

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

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

.roo-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: #A2A4B3;
    content: "\EA0D"; }

.roo-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; }

.roo-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; }

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

.roo-breadcrumb-bg-gray > li {
    position: relative;
    padding-right: 28px;
    background-color: #F5F6FA; }
    .roo-breadcrumb-bg-gray > li::after, .roo-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; }
    .roo-breadcrumb-bg-gray > li + li {
        padding-left: 10px; }
    .roo-breadcrumb-bg-gray > li::after {
        border-left-color: #F5F6FA;
        right: -12px; }
    .roo-breadcrumb-bg-gray > li:last-child {
        padding-right: 2px; }
        .roo-breadcrumb-bg-gray > li:last-child::before {
            display: none; }
        .roo-breadcrumb-bg-gray > li:last-child::after {
            right: -2em;
            top: 0;
            border-left-color: #F5F6FA; }

/*
---------------
导航样式
---------------
*/
.roo-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; }

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

.roo-tabs-container {
    display: -ms-flexbox;
    display: flex; }
    .roo-tabs-container .roo-tabs-extra-content {
        position: relative; }
    .roo-tabs-container .scroll-Table-extra-content-right {
        right: -24px; }
    .roo-tabs-container .scroll-Table-extra-content-left {
        left: -24px; }
    .roo-tabs-container .left-extra {
        -ms-flex-order: -2;
            order: -2; }
    .roo-tabs-container .right-extra {
        -ms-flex-order: 2;
            order: 2; }
    .roo-tabs-container .roo-tabs-pre,
    .roo-tabs-container .roo-tabs-next {
        position: relative;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
        font-size: 1.2em;
        color: #A2A4B3;
        cursor: pointer; }
        .roo-tabs-container .roo-tabs-pre:hover,
        .roo-tabs-container .roo-tabs-next:hover {
            color: #222222; }
        .roo-tabs-container .roo-tabs-pre.disabled,
        .roo-tabs-container .roo-tabs-next.disabled {
            color: #ccc !important;
            cursor: not-allowed; }
        .roo-tabs-container .roo-tabs-pre .roo-icon,
        .roo-tabs-container .roo-tabs-next .roo-icon {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%); }
    .roo-tabs-container .roo-tabs-pre {
        -ms-flex-order: -1;
            order: -1; }
    .roo-tabs-container .roo-tabs-next {
        -ms-flex-order: 1;
            order: 1; }

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

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

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

.roo-tabs-nav-wrap {
    position: relative;
    -ms-flex: 1;
        flex: 1;
    -ms-flex-order: 0;
        order: 0;
    overflow: hidden; }

.roo-tabs-nav {
    display: -ms-flexbox;
    display: flex; }
    .roo-tabs-nav > li > a {
        display: block;
        height: 100%;
        cursor: pointer;
        max-width: 140px;
        padding: 0 20px;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .roo-tabs-nav > li > a .roo-icon {
            font-size: 16px;
            vertical-align: sub; }
        .roo-tabs-nav > li > a > span {
            display: inline-block;
            text-align: left;
            font-size: 14px; }
            .roo-tabs-nav > li > a > span > em {
                display: block;
                font-size: 14px;
                color: #222222;
                font-style: normal;
                white-space: normal; }
                .roo-tabs-nav > li > a > span > em:first-child {
                    display: block;
                    margin-bottom: 4px;
                    font-weight: normal;
                    color: #666666; }
        .roo-tabs-nav > li > a:hover {
            color: #222222;
            text-decoration: none; }
            .roo-tabs-nav > li > a:hover em {
                color: #222222; }
                .roo-tabs-nav > li > a:hover em:first-child {
                    color: #222222; }
    .roo-tabs-nav.roo-tabs-nav-small > li > a > span {
        line-height: 30px; }
    .roo-tabs-nav.roo-tabs-nav-large > li > a > span {
        font-size: 16px; }
    .roo-tabs-nav.centered {
        -ms-flex-pack: center;
            justify-content: center; }
    .roo-tabs-nav .disabled a {
        color: #ccc !important;
        cursor: not-allowed !important; }
        .roo-tabs-nav .disabled a * {
            color: #ccc !important; }

.roo-tabs-card .roo-tabs-container .tab-item {
    position: relative;
    line-height: 34px; }
    .roo-tabs-card .roo-tabs-container .tab-item a {
        border: 1px solid #EEEEEE;
        color: #666666;
        background-color: #F5F6FA;
        cursor: pointer; }
    .roo-tabs-card .roo-tabs-container .tab-item.active a {
        background-color: #fff;
        color: #222222;
        border-color: #EEEEEE; }
    .roo-tabs-card .roo-tabs-container .tab-item:not(:first-child):not(.whole-border) a {
        border-top-left-radius: 0;
        border-left-color: transparent; }
    .roo-tabs-card .roo-tabs-container .tab-item:not(:last-child) a {
        border-top-right-radius: 0; }

.roo-tabs-card .roo-tabs-container-small .tab-item {
    line-height: 30px; }

.roo-tabs-card .roo-tabs-extra-content {
    line-height: 34px; }

.roo-tabs-line .roo-tabs-container {
    height: 50px; }
    .roo-tabs-line .roo-tabs-container.roo-tabs-container-small {
        height: 30px; }

.roo-tabs-line .roo-tabs-pre {
    margin-left: -20px; }

.roo-tabs-line .roo-tabs-next {
    margin-right: -20px; }

.roo-tabs-line .roo-tabs-container .tab-item {
    position: relative;
    line-height: 48px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
    .roo-tabs-line .roo-tabs-container .tab-item a {
        color: #666666;
        cursor: pointer; }
    .roo-tabs-line .roo-tabs-container .tab-item.active a {
        color: #222222; }

.roo-tabs-line .roo-tabs-extra-content {
    line-height: 48px; }

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

.roo-tabs-fill {
    line-height: 34px; }
    .roo-tabs-fill .roo-tabs-container .tab-item a {
        border: 1px solid #EEEEEE;
        color: #666666;
        cursor: pointer;
        background-color: #F5F6FA; }
    .roo-tabs-fill .roo-tabs-container .tab-item.active a {
        color: #fff;
        background-color: #222222;
        border-color: #222222; }
    .roo-tabs-fill .roo-tabs-container .tab-item:not(:first-child):not(.whole-border) a {
        border-top-left-radius: 0;
        border-left-color: transparent; }
    .roo-tabs-fill .roo-tabs-container .tab-item:not(:last-child) a {
        border-top-right-radius: 0; }

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

.roo-tabs-flexable.roo-tabs-vertical .tab-item {
    width: auto; }

.roo-tabs-multiline .roo-tabs-container {
    height: auto; }

.roo-tabs-multiline .roo-tabs-nav-wrap {
    margin-bottom: -1px; }

.roo-tabs-multiline .roo-tabs-nav {
    margin-bottom: 1px; }

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

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

.roo-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; }

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

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

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

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

.roo-tabs-vertical.roo-tabs-vertical-right > .roo-tabs-container .roo-tabs-border-line, .roo-tabs-vertical.roo-tabs-vertical-right > div > .roo-tabs-container .roo-tabs-border-line {
    left: 0px;
    right: auto;
    top: 0px;
    bottom: auto; }

.roo-tabs-vertical.roo-tabs-vertical-right > .roo-tabs-container .roo-tabs-pointer, .roo-tabs-vertical.roo-tabs-vertical-right > div > .roo-tabs-container .roo-tabs-pointer {
    left: 0;
    right: auto; }

.roo-tabs-vertical.roo-tabs-line .roo-tabs-container .roo-tabs-pre {
    margin-left: unset;
    border-right: 1px solid #E9EAF2; }

.roo-tabs-vertical.roo-tabs-line .roo-tabs-container .roo-tabs-next {
    margin-right: unset;
    border-right: 1px solid #E9EAF2; }

.roo-tabs-vertical-right.roo-tabs-line > .roo-tabs-container .roo-tabs-pre, .roo-tabs-vertical-right.roo-tabs-line > div > .roo-tabs-container .roo-tabs-pre {
    border-right: unset;
    border-left: 1px solid #E9EAF2; }

.roo-tabs-vertical-right.roo-tabs-line > .roo-tabs-container .roo-tabs-next, .roo-tabs-vertical-right.roo-tabs-line > div > .roo-tabs-container .roo-tabs-next {
    border-right: unset;
    border-left: 1px solid #E9EAF2; }

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

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

.roo-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); }
    .roo-dropdown-menu + .roo-dropdown-menu {
        box-shadow: 5px 10px 16px 0px rgba(88, 90, 110, 0.15); }
    .roo-dropdown-menu li.roo-hover {
        background-color: #ffcc33; }
    .roo-dropdown-menu.loading {
        text-align: center;
        padding: 20px; }
    .roo-dropdown-menu.other-info {
        text-align: center;
        padding: 10px 20px;
        color: #A2A4B3;
        font-size: 12px;
        font-weight: 300; }

.roo-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); }
    .roo-dropdown-menu-cascader .withoutAfter::after {
        display: none !important; }
    .roo-dropdown-menu-cascader .roo-dropdown-menu {
        position: static;
        min-width: 100px;
        height: 180px;
        box-shadow: unset; }
        .roo-dropdown-menu-cascader .roo-dropdown-menu + .roo-dropdown-menu {
            margin-left: -1px; }
        .roo-dropdown-menu-cascader .roo-dropdown-menu:not(:last-child) a.active-highlight::after {
            display: none; }
        .roo-dropdown-menu-cascader .roo-dropdown-menu a:active::after {
            display: none; }

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

.roo-dropdown-menu:not(:first-child):not(:last-child) {
    border-radius: 0; }

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

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

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

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

.popup.left.roo-dropdown-menu {
    margin-right: 4px; }

.popup.right.roo-dropdown-menu {
    margin-left: 4px; }

.roo-dropdown-menu-autowidth {
    width: auto; }

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

.dropdown-item,
.roo-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,
    .roo-dropdown-menu a b {
        color: #222222; }
    .dropdown-item:hover,
    .roo-dropdown-menu a:hover {
        color: #090909;
        background-color: #F5F6FA;
        text-decoration: none; }
    .dropdown-item.active, .dropdown-item:active,
    .roo-dropdown-menu a.active,
    .roo-dropdown-menu a:active {
        text-decoration: none; }
        .dropdown-item.active.multiple::after, .dropdown-item:active.multiple::after,
        .roo-dropdown-menu a.active.multiple::after,
        .roo-dropdown-menu a:active.multiple::after {
            display: none; }
        .dropdown-item.active.multiple > i, .dropdown-item:active.multiple > i,
        .roo-dropdown-menu a.active.multiple > i,
        .roo-dropdown-menu a:active.multiple > i {
            color: #FF6A00; }
        .dropdown-item.active::after, .dropdown-item:active::after,
        .roo-dropdown-menu a.active::after,
        .roo-dropdown-menu a:active::after {
            content: "\EA0A";
            position: absolute;
            top: 0;
            right: 10px;
            font-family: "roo-icon";
            font-style: normal;
            font-weight: normal;
            color: #CCCCCC; }
    .dropdown-item.active-highlight,
    .roo-dropdown-menu a.active-highlight {
        color: #FF6A00;
        text-decoration: none; }
        .dropdown-item.active-highlight::after,
        .roo-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; }
    .dropdown-item.active-highlight-no-select-icon,
    .roo-dropdown-menu a.active-highlight-no-select-icon {
        color: #FF6A00;
        text-decoration: none; }
    .dropdown-item.disabled, .dropdown-item:disabled,
    .roo-dropdown-menu a.disabled,
    .roo-dropdown-menu a:disabled {
        color: #CCCCCC;
        background-color: transparent;
        cursor: not-allowed; }
    .dropdown-item > i,
    .roo-dropdown-menu a > i {
        position: absolute;
        right: 10px;
        top: 11px;
        display: inline-block;
        color: #CCCCCC; }

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

.dropdown-header {
    display: block;
    padding: 4px 10px;
    margin-bottom: 0;
    font-size: 12px;
    color: #e6e6e6;
    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: 12px;
    -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
            transform: scale(0.85);
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left; }

.roo-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; } }

.roo-popup-motion-enter,
.roo-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; }

.roo-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; }

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

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

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

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

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

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

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

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

.right.roo-popup-motion.roo-popup-motion-leave.roo-popup-motion-leave-active,
.right-start.roo-popup-motion.roo-popup-motion-leave.roo-popup-motion-leave-active,
.right-end.roo-popup-motion.roo-popup-motion-leave.roo-popup-motion-leave-active,
.rightTop.roo-popup-motion.roo-popup-motion-leave.roo-popup-motion-leave-active,
.rightBottom.roo-popup-motion.roo-popup-motion-leave.roo-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; } }

.roo-mask-motion-enter,
.roo-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); */ }

.roo-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); }

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

.roo-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); } }

.roo-zoom-motion-enter,
.roo-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; }

.roo-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; }

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

.roo-zoom-motion-leave.roo-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; } }

.roo-popup-fast-motion-enter,
.roo-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); }

.roo-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); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-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.4); }

.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: #d2d2d2;
        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: #d2d2d2 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; }

/**
 * 通知浮层一般用于通知用户的操作情况，比如所提交信息中的错误信息、服务器反馈信息等，一般由用户主动触发后展现
 */
.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; }

.roo-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; }
    .roo-modal.backdrop {
        position: fixed;
        background: rgba(250, 250, 250, 0.9); }
    .roo-modal.fade .roo-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; }
    .roo-modal.in .roo-modal-dialog {
        -webkit-transform: tanslate(0, 0);
            -ms-transform: tanslate(0, 0);
                transform: tanslate(0, 0); }
    .roo-modal p {
        margin: 0;
        line-height: 1.5; }
    .roo-modal::after {
        display: inline-block;
        height: 100%;
        content: '';
        vertical-align: middle; }
    .roo-modal .roo-modal-dialog {
        position: relative;
        display: inline-block;
        width: 420px;
        margin: 10px;
        text-align: left;
        vertical-align: middle; }
        .roo-modal .roo-modal-dialog .close {
            position: absolute;
            top: 25px;
            right: 20px;
            z-index: 10;
            padding: 0;
            color: #A2A4B3;
            font-size: 15.96px;
            background: transparent;
            border: 0;
            cursor: pointer;
            -webkit-appearance: none; }
        .roo-modal .roo-modal-dialog .close:hover {
            color: #222222; }
        .roo-modal .roo-modal-dialog .roo-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; }
            .roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-header {
                padding: 24px 24px 8px 24px; }
                .roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-header::before {
                    content: " ";
                    display: table; }
                .roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-header::after {
                    clear: both; }
                .roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-header .roo-modal-title {
                    margin: 0;
                    color: #222222;
                    font-size: 17.5px;
                    font-weight: normal; }
            .roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-header + .roo-modal-body {
                padding: 0 24px 24px; }
            .roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-body {
                position: relative;
                color: #222222;
                padding: 24px;
                font-size: 14px;
                overflow: auto; }
                .roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-body .title {
                    margin: 0;
                    font-size: 17.5px;
                    padding-bottom: 8px;
                    font-weight: 400; }
                .roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-body.has-icon {
                    padding: 24px 24px 32px 68px; }
                    .roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-body.has-icon::before {
                        position: absolute;
                        top: 24px;
                        left: 24px;
                        font-size: 32px;
                        line-height: 1;
                        font-family: "roo-icon"; }
                    .roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-body.has-icon.info:before {
                        content: "\EA27";
                        color: #17a2b8; }
                    .roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-body.has-icon.danger:before {
                        content: "\EA46";
                        color: #FF192D; }
                    .roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-body.has-icon.success:before {
                        content: "\EA08";
                        color: #00BF7F; }
                    .roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-body.has-icon.question:before {
                        content: "\EA36";
                        color: #F8B500; }
            .roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-footer {
                position: relative;
                text-align: right;
                padding: 0 24px 24px; }
                .roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-footer .roo-btn + .roo-btn {
                    margin-left: 8px; }
    .roo-modal .roo-modal-dialog.roo-modal-sm {
        width: 300px; }
    .roo-modal .roo-modal-dialog.roo-modal-lg {
        width: 630px; }

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

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

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

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

.roo-toast-motion-center {
    opacity: 0; }

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

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

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

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

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

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

.roo-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 #A2A4B3;
    z-index: 1010;
    border-radius: 2px; }
    .roo-toast.top {
        top: 20px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
                transform: translate(-50%, 0); }
    .roo-toast.right {
        top: 50%;
        right: 20px;
        -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
                transform: translate(0, -50%); }
    .roo-toast.bottom {
        bottom: 20px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
                transform: translate(-50%, 0); }
    .roo-toast.left {
        top: 50%;
        left: 20px;
        -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
                transform: translate(0, -50%); }
    .roo-toast.top-left {
        top: 20px;
        left: 20px; }
    .roo-toast.top-right {
        top: 20px;
        right: 20px; }
    .roo-toast.bottom-right {
        bottom: 20px;
        right: 20px; }
    .roo-toast.bottom-left {
        bottom: 0;
        left: 0; }
    .roo-toast .roo-toast-content {
        position: relative;
        padding: 12px 16px; }
        .roo-toast .roo-toast-content .roo-toast-header {
            margin-bottom: 5px; }
            .roo-toast .roo-toast-content .roo-toast-header .title {
                margin: 0;
                font-size: 14px;
                font-weight: normal;
                line-height: 1.5;
                color: #fff; }
            .roo-toast .roo-toast-content .roo-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; }
                .roo-toast .roo-toast-content .roo-toast-header .close:hover {
                    opacity: 1; }
        .roo-toast .roo-toast-content .roo-toast-icon-contaner {
            position: absolute;
            display: block;
            top: 4px;
            left: 10px;
            overflow: hidden;
            font-size: 20px; }
        .roo-toast .roo-toast-content .roo-toast-body {
            margin-bottom: 5px; }
            .roo-toast .roo-toast-content .roo-toast-body .content {
                font-size: 12px;
                line-height: 1.5;
                color: #fff;
                word-break: break-all; }
            .roo-toast .roo-toast-content .roo-toast-body .link {
                display: block;
                font-size: 12px;
                text-decoration: underline; }
        .roo-toast .roo-toast-content .roo-toast-footer {
            position: relative;
            text-align: right;
            padding-top: 5px; }
        .roo-toast .roo-toast-content.has-icon::before {
            position: absolute;
            display: block;
            top: 12px;
            left: 10px;
            font-size: 14px;
            font-family: "roo-icon"; }
        .roo-toast .roo-toast-content.has-icon.success:before {
            color: #00BF7F;
            content: "\EA08"; }
        .roo-toast .roo-toast-content.has-icon.warning:before {
            color: #F8B500;
            content: "\EA4D"; }
        .roo-toast .roo-toast-content.has-icon.info:before {
            color: #fff;
            content: "\EA27"; }
        .roo-toast .roo-toast-content.has-icon.fail:before {
            color: #FF192D;
            content: "\EA46"; }
        .roo-toast .roo-toast-content.has-icon.loading:before {
            color: #fff;
            content: "\EA29";
            line-height: 14px;
            top: 15px; }

.roo-toast.roo-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)); }
    .roo-toast.roo-toast-light .roo-toast-content .roo-toast-header .title, .roo-toast.roo-toast-light .roo-toast-content .roo-toast-header .close {
        color: #222222; }
    .roo-toast.roo-toast-light .roo-toast-content.has-icon.info:before {
        color: #222222;
        content: "\EA27"; }
    .roo-toast.roo-toast-light .roo-toast-content.has-icon.loading:before {
        color: #222222; }
    .roo-toast.roo-toast-light .roo-toast-body .content {
        color: #222222; }

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

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

.roo-mark {
    line-height: 1; }
    .roo-mark .roo-mark-item {
        display: inline-block;
        vertical-align: middle;
        font-size: 0; }
        .roo-mark .roo-mark-item .roo-mark-icon {
            font-size: 17.5px;
            position: relative; }
            .roo-mark .roo-mark-item .roo-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; }
                .roo-mark .roo-mark-item .roo-mark-icon.icon.icon-star-fill {
                    color: #A2A4B3; }
                    .roo-mark .roo-mark-item .roo-mark-icon.icon.icon-star-fill::before {
                        content: "\EA43"; }
                    .roo-mark .roo-mark-item .roo-mark-icon.icon.icon-star-fill.hover {
                        -webkit-transform: scale(1.15);
                            -ms-transform: scale(1.15);
                                transform: scale(1.15); }
                .roo-mark .roo-mark-item .roo-mark-icon.icon.icon-star {
                    color: #A2A4B3; }
                    .roo-mark .roo-mark-item .roo-mark-icon.icon.icon-star::before {
                        content: "\EA42"; }
                .roo-mark .roo-mark-item .roo-mark-icon.icon.icon-meh {
                    color: #A2A4B3; }
                    .roo-mark .roo-mark-item .roo-mark-icon.icon.icon-meh::before {
                        content: "\EA1F"; }
                    .roo-mark .roo-mark-item .roo-mark-icon.icon.icon-meh.hover {
                        -webkit-transform: scale(1.15);
                            -ms-transform: scale(1.15);
                                transform: scale(1.15); }
                .roo-mark .roo-mark-item .roo-mark-icon.icon.icon-frown {
                    color: #A2A4B3; }
                    .roo-mark .roo-mark-item .roo-mark-icon.icon.icon-frown::before {
                        content: "\EA3B"; }
                    .roo-mark .roo-mark-item .roo-mark-icon.icon.icon-frown.hover {
                        -webkit-transform: scale(1.15);
                            -ms-transform: scale(1.15);
                                transform: scale(1.15); }
                .roo-mark .roo-mark-item .roo-mark-icon.icon.icon-smile {
                    color: #A2A4B3; }
                    .roo-mark .roo-mark-item .roo-mark-icon.icon.icon-smile::before {
                        content: "\EA3F"; }
                    .roo-mark .roo-mark-item .roo-mark-icon.icon.icon-smile.hover {
                        -webkit-transform: scale(1.15);
                            -ms-transform: scale(1.15);
                                transform: scale(1.15); }
        .roo-mark .roo-mark-item .roo-mark-halficon {
            position: absolute;
            top: 0;
            left: 0;
            overflow: hidden;
            width: 50%; }
            .roo-mark .roo-mark-item .roo-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; }
                .roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-star-fill {
                    color: #A2A4B3; }
                    .roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-star-fill::before {
                        content: "\EA43"; }
                    .roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-star-fill.hover {
                        -webkit-transform: scale(1.15);
                            -ms-transform: scale(1.15);
                                transform: scale(1.15); }
                .roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-star {
                    color: #A2A4B3; }
                    .roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-star::before {
                        content: "\EA42"; }
                .roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-meh {
                    color: #A2A4B3; }
                    .roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-meh::before {
                        content: "\EA1F"; }
                    .roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-meh.hover {
                        -webkit-transform: scale(1.15);
                            -ms-transform: scale(1.15);
                                transform: scale(1.15); }
                .roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-frown {
                    color: #A2A4B3; }
                    .roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-frown::before {
                        content: "\EA3B"; }
                    .roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-frown.hover {
                        -webkit-transform: scale(1.15);
                            -ms-transform: scale(1.15);
                                transform: scale(1.15); }
                .roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-smile {
                    color: #A2A4B3; }
                    .roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-smile::before {
                        content: "\EA3F"; }
                    .roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-smile.hover {
                        -webkit-transform: scale(1.15);
                            -ms-transform: scale(1.15);
                                transform: scale(1.15); }
    .roo-mark .roo-mark-text {
        display: inline-block;
        vertical-align: middle; }

.roo-btn-group {
    display: inline-block; }
    .roo-btn-group .roo-btn {
        position: relative; }
        .roo-btn-group .roo-btn:not(:first-child):not(:last-child) {
            border-radius: 0; }
        .roo-btn-group .roo-btn:first-child {
            border-bottom-right-radius: 0;
            border-top-right-radius: 0; }
        .roo-btn-group .roo-btn:last-child {
            border-bottom-left-radius: 0;
            border-top-left-radius: 0; }
    .roo-btn-group .roo-btn-outline-brand:hover {
        z-index: 2; }
    .roo-btn-group .roo-btn-default:not(:first-child) {
        margin-left: -1px; }
    .roo-btn-group .roo-btn-default:hover {
        z-index: 2; }

/*
---------------
表单组样式
---------------
*/
.roo-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; }
    .roo-input-group.has-icon .addon-icon,
    .roo-input-group.has-icon .prefix-icon,
    .roo-input-group .has-icon .addon-icon,
    .roo-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; }
    .roo-input-group.has-icon .prefix-icon,
    .roo-input-group .has-icon .prefix-icon {
        right: auto;
        left: 8px; }
        .roo-input-group.has-icon .prefix-icon + .roo-input,
        .roo-input-group.has-icon .prefix-icon + .form-control,
        .roo-input-group .has-icon .prefix-icon + .roo-input,
        .roo-input-group .has-icon .prefix-icon + .form-control {
            padding-left: 35.6px; }
    .roo-input-group.has-icon .addon-icon.has-click,
    .roo-input-group .has-icon .addon-icon.has-click {
        height: 20px;
        width: 20px; }
        .roo-input-group.has-icon .addon-icon.has-click:hover,
        .roo-input-group .has-icon .addon-icon.has-click:hover {
            color: #222222;
            cursor: pointer; }
    .roo-input-group.has-icon:not(.roo-input-group-outline):not(.roo-input-group-no-outline) .roo-input,
    .roo-input-group.has-icon:not(.roo-input-group-outline):not(.roo-input-group-no-outline) .form-control,
    .roo-input-group .has-icon:not(.roo-input-group-outline):not(.roo-input-group-no-outline) .roo-input,
    .roo-input-group .has-icon:not(.roo-input-group-outline):not(.roo-input-group-no-outline) .form-control {
        padding-right: 35.6px; }
    .roo-input-group.has-icon .roo-input:only-of-type,
    .roo-input-group.has-icon .form-control:only-of-type,
    .roo-input-group .has-icon .roo-input:only-of-type,
    .roo-input-group .has-icon .form-control:only-of-type {
        border-radius: 2px; }
    .roo-input-group.has-icon .roo-input:hover[readonly]:not([disabled]),
    .roo-input-group .has-icon .roo-input:hover[readonly]:not([disabled]) {
        border-color: #999 !important; }
    .roo-input-group.is-count-check.has-icon:not(.roo-input-group-outline):not(.roo-input-group-no-outline) .roo-input {
        padding-right: 52px; }
    .roo-input-group.is-count-check .roo-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; }
    .roo-input-group > .roo-input,
    .roo-input-group > .form-control,
    .roo-input-group > .custom-select,
    .roo-input-group > .custom-file {
        position: relative;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        margin-bottom: 0; }
        .roo-input-group > .roo-input + .roo-input,
        .roo-input-group > .roo-input + .form-control,
        .roo-input-group > .roo-input + .custom-select,
        .roo-input-group > .roo-input + .custom-file,
        .roo-input-group > .form-control + .roo-input,
        .roo-input-group > .form-control + .form-control,
        .roo-input-group > .form-control + .custom-select,
        .roo-input-group > .form-control + .custom-file,
        .roo-input-group > .custom-select + .roo-input,
        .roo-input-group > .custom-select + .form-control,
        .roo-input-group > .custom-select + .custom-select,
        .roo-input-group > .custom-select + .custom-file,
        .roo-input-group > .custom-file + .roo-input,
        .roo-input-group > .custom-file + .form-control,
        .roo-input-group > .custom-file + .custom-select,
        .roo-input-group > .custom-file + .custom-file {
            margin-left: -1px; }
    .roo-input-group > .roo-input,
    .roo-input-group > .form-control {
        width: 1%; }
    .roo-input-group > .roo-input:not(:last-child),
    .roo-input-group > .form-control:not(:last-child),
    .roo-input-group > .custom-select:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
    .roo-input-group > .roo-input:not(:first-child),
    .roo-input-group > .form-control:not(:first-child),
    .roo-input-group > .custom-select:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
    .roo-input-group > .custom-file {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
        .roo-input-group > .custom-file:not(:last-child) .custom-file-label,
        .roo-input-group > .custom-file:not(:last-child) .custom-file-label::after {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0; }
        .roo-input-group > .custom-file:not(:first-child) .custom-file-label {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0; }

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

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

.roo-input-group-prepend,
.roo-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; }
    .roo-input-group-prepend input[type="radio"],
    .roo-input-group-prepend input[type="checkbox"],
    .roo-input-group-append input[type="radio"],
    .roo-input-group-append input[type="checkbox"] {
        margin-top: 0; }
    .roo-input-group-prepend > .roo-btn,
    .roo-input-group-prepend > .roo-input-group,
    .roo-input-group-prepend > .select-input-wrapper,
    .roo-input-group-append > .roo-btn,
    .roo-input-group-append > .roo-input-group,
    .roo-input-group-append > .select-input-wrapper {
        margin-left: -11px;
        margin-right: -11px;
        margin-top: -7px;
        margin-bottom: -7px; }
        .roo-input-group-prepend > .roo-btn:not(:first-child),
        .roo-input-group-prepend > .roo-input-group:not(:first-child),
        .roo-input-group-prepend > .select-input-wrapper:not(:first-child),
        .roo-input-group-append > .roo-btn:not(:first-child),
        .roo-input-group-append > .roo-input-group:not(:first-child),
        .roo-input-group-append > .select-input-wrapper:not(:first-child) {
            margin-left: -1px; }
        .roo-input-group-prepend > .roo-btn:not(:last-child),
        .roo-input-group-prepend > .roo-input-group:not(:last-child),
        .roo-input-group-prepend > .select-input-wrapper:not(:last-child),
        .roo-input-group-append > .roo-btn:not(:last-child),
        .roo-input-group-append > .roo-input-group:not(:last-child),
        .roo-input-group-append > .select-input-wrapper:not(:last-child) {
            margin-right: 0; }

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

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

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

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

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

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

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

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

.roo-input-group-outline-error {
    border: 1px solid #FF192D; }
    .roo-input-group-outline-error:hover, .roo-input-group-outline-error.focus {
        border-color: #FF192D; }

.roo-input-group-disabled {
    background-color: #F5F6FA; }

/**
 * ---------------------------
 *  滑块组件
 * ---------------------------
 */
.roo-slider {
    position: relative;
    padding: 16px 0; }
    .roo-slider.has-labels {
        padding-bottom: 36px; }

.roo-slider-bar {
    position: relative;
    display: block;
    height: 4px;
    border-radius: 2px;
    background: #e5e5e5;
    z-index: 2;
    cursor: pointer; }

.roo-slider-value-bar {
    position: absolute;
    height: 4px;
    border-radius: 2px;
    background: #222222; }

.roo-slider-button {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #222222;
    transition: .3s; }

.roo-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; }
    .roo-slider-button-wrap:hover .slider-button {
        -webkit-transform: scale(1.5);
            -ms-transform: scale(1.5);
                transform: scale(1.5); }
    .roo-slider-button-wrap:active {
        cursor: -webkit-grabbing;
        cursor: grabbing; }

.roo-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; }

.roo-slider-labels {
    position: relative;
    top: 15px;
    font-size: 14px;
    line-height: 1.5;
    color: #222222; }

.roo-slider-label {
    position: absolute;
    top: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0); }

/* 不同的颜色 */
.roo-slider.primary .roo-slider-value-bar, .roo-slider.primary .roo-slider-button {
    background: #222222; }

.roo-slider.secondary .roo-slider-value-bar, .roo-slider.secondary .roo-slider-button {
    background: #f89800; }

.roo-slider.brand .roo-slider-value-bar, .roo-slider.brand .roo-slider-button {
    background: #ffcc33; }

.roo-slider.success .roo-slider-value-bar, .roo-slider.success .roo-slider-button {
    background: #00BF7F; }

.roo-slider.info .roo-slider-value-bar, .roo-slider.info .roo-slider-button {
    background: #17a2b8; }

.roo-slider.warning .roo-slider-value-bar, .roo-slider.warning .roo-slider-button {
    background: #F8B500; }

.roo-slider.danger .roo-slider-value-bar, .roo-slider.danger .roo-slider-button {
    background: #FF192D; }

.roo-slider.light .roo-slider-value-bar, .roo-slider.light .roo-slider-button {
    background: #fff; }

.roo-slider.dark .roo-slider-value-bar, .roo-slider.dark .roo-slider-button {
    background: #222222; }

/* 禁用状态 */
.roo-slider.disabled .roo-slider-bar {
    background: #efefef !important;
    cursor: not-allowed !important; }

.roo-slider.disabled .roo-slider-value-bar, .roo-slider.disabled .roo-slider-button {
    background: #ddd !important; }

.roo-slider.disabled .roo-slider-bar-stop {
    background: #bbb !important; }

.roo-slider.disabled .roo-slider-button-wrap {
    cursor: not-allowed !important; }
    .roo-slider.disabled .roo-slider-button-wrap:hover .roo-slider-button {
        -webkit-transform: none !important;
            -ms-transform: none !important;
                transform: none !important; }

.roo-progress {
    /* empty */ }

.roo-progress-bar {
    display: inline-block;
    width: 100%;
    padding-right: 50px;
    margin-right: -50px;
    vertical-align: middle;
    line-height: 1; }

.roo-progress-bar-outer {
    height: 6px;
    border-radius: 1px;
    background: #EEEEEE;
    overflow: hidden; }

.roo-progress-bar-inner {
    height: 100%;
    border-radius: 1px;
    background: #222222;
    text-align: right; }

.roo-progress-text {
    display: inline-block;
    margin-left: 4px;
    vertical-align: middle; }

.roo-progress-inner-text {
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
    color: #fff;
    font-size: 12px;
    line-height: 18px; }

.roo-progress.is-success .roo-progress-bar-inner {
    background-color: #00BF7F; }

.roo-progress.is-success .roo-progress-text {
    color: #00BF7F; }

.roo-progress.is-error .roo-progress-bar-inner {
    background-color: #FF192D; }

.roo-progress.is-error .roo-progress-text {
    color: #FF192D; }

.roo-progress.is-brand .roo-progress-bar-inner {
    background-color: #ffcc33; }

.roo-progress.is-brand .roo-progress-text {
    color: #ffcc33; }

.roo-progress.text-inside {
    padding-right: 0;
    margin-right: 0; }
    .roo-progress.text-inside .roo-progress-bar-outer {
        height: 18px; }

.roo-tree {
    position: relative;
    background: #fff; }

.roo-tree-node {
    position: relative; }
    .roo-tree-node .disabled {
        opacity: .5; }

.roo-tree-node-label {
    color: #222222; }

.roo-tree-node-expand-icon,
.roo-tree-node-loading-icon {
    display: block;
    width: 21px;
    margin-left: -21px;
    font-size: 0;
    color: #CCCCCC;
    text-align: center; }
    .roo-tree-node-expand-icon:before,
    .roo-tree-node-loading-icon:before {
        display: inline-block;
        font-size: 14px;
        font-family: "roo-icon";
        content: "\EA03";
        line-height: 1;
        vertical-align: middle; }

.roo-tree-node-expand-icon:before {
    content: "\EA03"; }

.roo-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); }

.roo-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; }
    .roo-tree-node-content:hover, .roo-tree-node-content.is-focused {
        background: #F5F6FA; }

.roo-tree-node-children {
    display: none;
    padding-left: 21px; }

.roo-tree-node-children > .roo-tree-node::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-left: 1px dashed #CCCCCC;
    z-index: 1; }

.roo-tree-node-children > .roo-tree-node:last-child::before {
    height: 14px; }

.roo-tree-node-children > .roo-tree-node.is-leaf::after {
    content: '';
    position: absolute;
    top: 14px;
    left: 0;
    width: 14px;
    border-top: 1px dashed #CCCCCC;
    z-index: 1; }

.roo-tree-node.is-leaf .roo-tree-node-expand-icon {
    display: none; }

.roo-tree-node.is-expanded > .roo-tree-node-children {
    display: block; }

.roo-tree-node.is-expanded > .roo-tree-node-content .roo-tree-node-expand-icon {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }

.roo-tree-node.is-expanded > .roo-tree-node-content .custom-tree-node-icon {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }

.roo-tree-node-children {
    display: none; }

.roo-tree-node.is-expanded > .roo-tree-node-children {
    display: block; }

.roo-tree-node .disabled {
    opacity: .5; }

.roo-tree-is-selected > .roo-tree-node-label {
    color: #FF6A00; }

.roo-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; }
    .roo-datepicker .roo-datepicker-header {
        margin-bottom: 5px; }
    .roo-datepicker .roo-datepicker-body {
        width: 280px;
        height: 240px;
        padding: 0 10px; }
    .roo-datepicker .roo-datepicker-footer {
        padding: 5px 10px;
        border-top: 1px solid #EEEEEE; }
    .roo-datepicker .action-group a,
    .roo-datepicker tbody a {
        display: inline-block;
        min-width: 24px;
        padding: 0 4px;
        line-height: 22px;
        border: 1px solid transparent;
        color: #222222;
        border-radius: 0; }
        .roo-datepicker .action-group a:hover,
        .roo-datepicker tbody a:hover {
            background-color: #EEEEEE;
            border-color: #EEEEEE;
            text-decoration: none; }
    .roo-datepicker .roo-datepicker-inputs {
        text-align: center;
        padding: 5px 0;
        border-bottom: 1px solid #EEEEEE; }
        .roo-datepicker .roo-datepicker-inputs .roo-input {
            width: 105px; }
            .roo-datepicker .roo-datepicker-inputs .roo-input:not(:focus) {
                border-color: #EEEEEE; }
            .roo-datepicker .roo-datepicker-inputs .roo-input + .roo-input {
                margin-left: 14px; }
    .roo-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; }
        .roo-datepicker .action-group .action-pre i,
        .roo-datepicker .action-group .action-next i {
            vertical-align: middle;
            cursor: pointer; }
            .roo-datepicker .action-group .action-pre i:hover,
            .roo-datepicker .action-group .action-next i:hover {
                color: #222222; }
        .roo-datepicker .action-group .action-pre {
            padding-left: 10px; }
        .roo-datepicker .action-group .action-next {
            padding-right: 10px; }
        .roo-datepicker .action-group .action-select {
            padding: 0 10px; }
            .roo-datepicker .action-group .action-select span {
                display: inline-block;
                line-height: 24px; }
        .roo-datepicker .action-group a {
            cursor: pointer; }
    .roo-datepicker table {
        width: 100%;
        height: 100%;
        border-collapse: separate;
        border-spacing: 0px 5px; }
        .roo-datepicker table th, .roo-datepicker table td {
            font-size: 12px;
            text-align: center; }
        .roo-datepicker table td {
            padding: 0 4px; }
    .roo-datepicker tbody td.active a,
    .roo-datepicker tbody td a:active {
        background-color: #222222;
        border-color: #222222;
        color: #fff; }
    .roo-datepicker tbody td.today a {
        position: relative; }
        .roo-datepicker tbody td.today a:after {
            content: '';
            position: absolute;
            width: 4px;
            height: 4px;
            background: red;
            border-radius: 100px;
            right: 0;
            top: 0; }
    .roo-datepicker tbody td.old a {
        color: #A2A4B3; }
    .roo-datepicker tbody td.disabled a, .roo-datepicker tbody td.disabled a:hover {
        color: #EEEEEE;
        cursor: not-allowed;
        background-color: transparent;
        border-color: transparent; }
    .roo-datepicker tbody td.in-range {
        background-color: #EEEEEE;
        border-color: #EEEEEE; }
    .roo-datepicker.has-footer .roo-datepicker-years .roo-datepicker-body,
    .roo-datepicker.has-footer .roo-datepicker-months .roo-datepicker-body {
        height: 278px; }

.roo-datepicker-data-panel {
    display: inline-block; }

.roo-datepicker-years table,
.roo-datepicker-months table {
    border-spacing: 0px 35px; }

.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: #EEEEEE;
                cursor: not-allowed;
                background-color: transparent;
                border-color: transparent; }

.roo-datepicker-preset-btn {
    margin: 5px 0px 5px 5px; }

/*
---------------
分割线样式
---------------
*/
.roo-divider {
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.5;
    box-sizing: border-box;
    list-style: none;
    background: #EEEEEE; }

.roo-divider, .roo-divider-vertical {
    display: inline-block;
    height: .9em;
    width: 1px;
    margin: 0 10px;
    vertical-align: middle;
    position: relative;
    top: -0.06em; }

.roo-divider-horizontal {
    display: block;
    height: 1px;
    width: 100%;
    min-width: 100%;
    margin: 20px 0;
    clear: both; }
    .roo-divider-horizontal.roo-divider-with-text, .roo-divider-horizontal.roo-divider-with-text-left, .roo-divider-horizontal.roo-divider-with-text-right {
        display: table;
        white-space: nowrap;
        text-align: center;
        font-size: 15.96px;
        margin: 20px 0;
        background: transparent; }
        .roo-divider-horizontal.roo-divider-with-text::before, .roo-divider-horizontal.roo-divider-with-text::after, .roo-divider-horizontal.roo-divider-with-text-left::before, .roo-divider-horizontal.roo-divider-with-text-left::after, .roo-divider-horizontal.roo-divider-with-text-right::before, .roo-divider-horizontal.roo-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%); }
        .roo-divider-horizontal.roo-divider-with-text .roo-divider-text, .roo-divider-horizontal.roo-divider-with-text-left .roo-divider-text, .roo-divider-horizontal.roo-divider-with-text-right .roo-divider-text {
            display: inline-block;
            padding: 0 10px; }
    .roo-divider-horizontal.roo-divider-with-text-left::before, .roo-divider-horizontal.roo-divider-with-text-right::after {
        top: 50%;
        width: 5%; }
    .roo-divider-horizontal.roo-divider-with-text-right::before, .roo-divider-horizontal.roo-divider-with-text-left::after {
        top: 50%;
        width: 95%; }

.roo-divider-dashed {
    background: none;
    border-top: 1px dashed #EEEEEE; }

.roo-drawer-portal {
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: hidden; }

.roo-drawer {
    position: fixed;
    outline: none;
    background: white;
    box-shadow: rgba(0, 0, 0, 0.5) 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; }

.roo-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; }
    .roo-drawer-header.roo-drawer-header-close-only {
        padding-bottom: 0;
        border: none; }
    .roo-drawer-header .roo-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; }
        .roo-drawer-header .roo-drawer-header-title .roo-drawer-title {
            -ms-flex: 1;
                flex: 1;
            margin: 0;
            color: #222222;
            font-size: 16px;
            line-height: 22px; }
        .roo-drawer-header .roo-drawer-header-title .roo-drawer-close {
            display: inline-block;
            margin-right: 12px;
            color: #A2A4B3;
            z-index: 10;
            padding: 0;
            font-size: 16px;
            background: transparent;
            border: 0;
            cursor: pointer;
            text-align: center;
            line-height: 1; }
        .roo-drawer-header .roo-drawer-header-title .roo-drawer-close:hover {
            color: #222222; }

.roo-drawer-body {
    -ms-flex-positive: 1;
        flex-grow: 1;
    padding: 24px;
    overflow: auto;
    font-size: 14px;
    word-wrap: break-word; }

.roo-drawer-footer {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding: 10px 16px;
    border-top: 1px solid rgba(0, 0, 0, 0.06); }

.roo-upload-list-container {
    margin: 5px 0; }

.roo-upload-motion {
    transition: all 0.3s; }

.roo-upload-list-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 1px 3px 1px 0;
    margin-top: 6px; }

.roo-upload-list-load {
    margin-bottom: 5px; }

.roo-upload-list-icon {
    margin-right: 5px; }

.roo-upload-list-item:hover {
    background: #f3f3f3;
    cursor: pointer; }

.roo-upload-card-item-error {
    color: #FF192D; }

.roo-upload-card-file-loading, .roo-upload-card-file-success {
    color: #222222; }

.roo-upload-list-item > span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

.roo-upload-list-item:hover {
    color: #222222; }

.roo-upload-list-item-error {
    color: #FF192D;
    fill: #FF192D; }
    .roo-upload-list-item-error:hover {
        color: #FF192D; }

.roo-upload-list-trash {
    display: none;
    margin-left: auto; }

.roo-upload-list-trash-error {
    display: inline; }

.roo-upload-list-item:hover .roo-upload-list-trash {
    display: inline; }

.roo-upload-list-uploading-bar {
    margin-left: 22px; }

.roo-upload-list-item-loading {
    display: block; }

.roo-upload-list-item-name {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }

.roo-upload-card-container {
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

.roo-upload-card-item {
    padding: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    width: 100px;
    height: 100px;
    border: #eee 1px solid;
    border-radius: 3px; }

.roo-upload-card-item-canDrop {
    border: none; }

.roo-upload-card-img {
    object-fit: cover;
    width: 100%;
    height: 100%; }

.roo-upload-card-item .roo-upload-card-mask {
    visibility: hidden;
    background: transparent; }

.roo-upload-card-item:hover .roo-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.6);
    transition: background-color 0.5s; }

.roo-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; }

.roo-upload-card-file > span {
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80px;
    overflow: hidden; }

.roo-upload-card-file-error {
    color: #FF192D;
    fill: #FF192D; }

.roo-upload-card-item {
    position: relative; }

.roo-upload-card-item .roo-progress-bar {
    padding-right: 0; }

.roo-upload-card-item .roo-progress {
    width: 100%; }

.roo-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; }

.roo-upload-load-canDrop {
    fill: #222222;
    border: 1px dashed #CCCCCC; }
    .roo-upload-load-canDrop:hover {
        color: #F8B500;
        fill: #F8B500;
        border: 1px dashed #F8B500; }

.roo-upload-load-dropover {
    border: 1px dashed #F8B500;
    color: #F8B500;
    fill: #F8B500; }

.roo-upload-load-drop {
    border: 1px dashed #CCCCCC; }

.roo-upload-load {
    height: 100%;
    -ms-flex: 1;
        flex: 1; }

/* 
* 手风琴组件
*/
.roo-accordion-motion {
    transition: height 0.3s, opacity 0.3s; }

.roo-accordion {
    border: 1px solid #EEEEEE; }
    .roo-accordion .roo-accordion-panel .roo-accordion-panel-header {
        border-top: 1px solid #EEEEEE;
        background-color: #F5F6FA;
        color: #222222;
        height: 38px;
        line-height: 38px;
        padding: 0 20px;
        font-weight: bold;
        cursor: pointer;
        position: relative; }
        .roo-accordion .roo-accordion-panel .roo-accordion-panel-header .roo-accordion-panel-header-icon {
            margin-right: 15px; }
        .roo-accordion .roo-accordion-panel .roo-accordion-panel-header .roo-accordion-panel-header-icon-right {
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -7px; }
    .roo-accordion .roo-accordion-panel .roo-accordion-panel-content {
        border-top: 1px solid #EEEEEE;
        font-size: 12px;
        display: none; }
    .roo-accordion .roo-accordion-panel .roo-accordion-panel-active {
        display: block;
        color: #666666; }
    .roo-accordion .roo-accordion-panel .roo-accordion-panel-box {
        padding: 15px 20px; }
    .roo-accordion > .roo-accordion-panel:first-child > .roo-accordion-panel-header {
        border-top: none; }
    .roo-accordion .roo-accordion-panel-disabled > .roo-accordion-panel-header {
        color: #CCCCCC;
        background-color: #F5F6FA;
        cursor: not-allowed; }

.roo-transfer .roo-transfer-panel {
    position: relative;
    display: inline-block;
    width: 300px;
    border: 1px solid #EEEEEE;
    border-radius: 2px;
    overflow: hidden;
    vertical-align: middle; }
    .roo-transfer .roo-transfer-panel .roo-transfer-panel-title {
        height: 37px;
        line-height: 35px;
        background-color: #F5F6FA;
        border-bottom: 1px solid #EEEEEE;
        border-radius: 2px; }
        .roo-transfer .roo-transfer-panel .roo-transfer-panel-title .roo-transfer-panel-title-all {
            margin-left: 12px; }
        .roo-transfer .roo-transfer-panel .roo-transfer-panel-title .roo-transfer-panel-title-count {
            float: right;
            line-height: 36px;
            margin-right: 12px; }
    .roo-transfer .roo-transfer-panel .roo-transfer-panel-empty {
        text-align: center;
        padding-top: 6px; }
    .roo-transfer .roo-transfer-panel .roo-transfer-panel-filter {
        padding: 0 12px;
        margin-top: 12px; }
    .roo-transfer .roo-transfer-panel .roo-transfer-panel-body {
        height: 240px;
        overflow: auto; }
        .roo-transfer .roo-transfer-panel .roo-transfer-panel-body .roo-checkbox {
            display: block;
            height: 36px;
            padding: 6px 12px;
            margin-right: 0; }
            .roo-transfer .roo-transfer-panel .roo-transfer-panel-body .roo-checkbox:hover {
                background-color: #F5F6FA; }
    .roo-transfer .roo-transfer-panel .roo-transfer-panel-footer {
        border-top: 1px solid #EEEEEE; }

.roo-transfer .roo-transfer-operations {
    display: inline-block;
    padding: 0 16px;
    vertical-align: middle; }
    .roo-transfer .roo-transfer-operations .roo-btn {
        display: block;
        margin-bottom: 16px; }

.roo-timeline {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    direction: ltr; }

.roo-timeline-item {
    position: relative;
    text-align: left; }

.roo-timeline-item-content, .roo-timeline-item-time {
    color: #666666; }

.roo-timeline-item:not(:last-child) .roo-timeline-item-content {
    padding-bottom: 20px; }

.roo-timeline-item-dot {
    position: absolute;
    top: 6px; }
    .roo-timeline-item-dot::before {
        content: '';
        display: block;
        width: 8px;
        height: 8px;
        background-color: #EEEEEE;
        border-radius: 50%; }

.roo-timeline-item-custom-dot {
    text-align: center; }
    .roo-timeline-item-custom-dot::before {
        display: none; }

.roo-timeline-item-last .roo-timeline-item-dot::before {
    background-color: #222222; }

.roo-timeline-item-tail {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #EEEEEE; }

.roo-timeline-item:first-child .roo-timeline-item-tail {
    top: 6px; }

.roo-timeline-item:last-child .roo-timeline-item-tail {
    bottom: auto;
    height: 14px; }

.roo-timeline-align-left .roo-timeline-item-dot {
    left: 0; }

.roo-timeline-align-left .roo-timeline-item-tail {
    left: 3px;
    left: 5; }

.roo-timeline-align-left .roo-timeline-item {
    padding-left: 20px; }

.roo-timeline-align-left .roo-timeline-item {
    padding-left: 20px; }

.roo-timeline-align-right .roo-timeline-item-dot {
    right: 0; }

.roo-timeline-align-right .roo-timeline-item-tail {
    right: 3px;
    left: 5; }

.roo-timeline-align-right .roo-timeline-item {
    padding-right: 20px; }

.roo-timeline-align-right .roo-timeline-item-content {
    text-align: right; }

.roo-timeline-align-alternate .roo-timeline-item-dot {
    left: calc(50% - 4px); }

.roo-timeline-align-alternate .roo-timeline-item-tail {
    left: calc(50% - 1px); }

.roo-timeline-align-alternate .roo-timeline-item:nth-child(2n) .roo-timeline-item-content {
    text-align: right;
    width: calc(50% - 16px); }

.roo-timeline-align-alternate .roo-timeline-item:nth-child(2n + 1) {
    text-align: right; }

.roo-timeline-align-alternate .roo-timeline-item:nth-child(2n + 1) .roo-timeline-item-content {
    display: inline-block;
    text-align: left;
    width: calc(50% - 16px); }

.roo-timeline-with-time .roo-timeline-item {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0; }

.roo-timeline-with-time .roo-timeline-item-dot {
    left: calc(50% - 4px); }

.roo-timeline-with-time .roo-timeline-item-tail {
    left: calc(50% - 1px); }

.roo-timeline-with-time .roo-timeline-item-time,
.roo-timeline-with-time .roo-timeline-item-content {
    -ms-flex: 1 0 50%;
        flex: 1 0 50%; }

.roo-timeline-align-alternate .roo-timeline-item:nth-child(2n),
.roo-timeline-with-time.roo-timeline-align-right .roo-timeline-item {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }

.roo-timeline-with-time.roo-timeline-align-right .roo-timeline-item {
    padding-right: 0; }

.roo-timeline-with-time.roo-timeline-align-left .roo-timeline-item-time {
    text-align: right; }

.roo-timeline-with-time.roo-timeline-align-right .roo-timeline-item-time {
    text-align: left; }

.roo-timeline-with-time.roo-timeline-align-left .roo-timeline-item-time,
.roo-timeline-with-time.roo-timeline-align-right .roo-timeline-item-content,
.roo-timeline-align-alternate .roo-timeline-item:nth-child(2n + 1) .roo-timeline-item-time,
.roo-timeline-align-alternate .roo-timeline-item:nth-child(2n) .roo-timeline-item-content {
    padding-right: 16px; }

.roo-timeline-with-time.roo-timeline-align-left .roo-timeline-item-content,
.roo-timeline-with-time.roo-timeline-align-right .roo-timeline-item-time,
.roo-timeline-align-alternate .roo-timeline-item:nth-child(2n + 1) .roo-timeline-item-content,
.roo-timeline-align-alternate .roo-timeline-item:nth-child(2n) .roo-timeline-item-time {
    padding-left: 16px; }

.roo-picker-menu:last-child {
    border-right: none; }

.roo-picker-multi-cascader-menu.roo-picker-inline {
    box-shadow: none; }

.roo-picker-inline .roo-picker-menu {
    box-shadow: none; }

.roo-picker-menu {
    min-width: 180px;
    max-width: 300px;
    -ms-flex: 1;
        flex: 1;
    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;
    background-color: #fff;
    border-radius: 2px; }

.roo-picker-menu-cascader {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start; }

.roo-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; }

.roo-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; }

.roo-picker-menu-item:hover {
    background-color: #F5F6FA; }

.roo-picker-multi-cascader-menu {
    box-shadow: 0px 10px 16px 0px rgba(88, 90, 110, 0.15); }

.roo-picker-menu-item .roo-checkbox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    width: 100%; }

.roo-picker-menu-item .roo-checkbox .custom-checkbox {
    -ms-flex-negative: 0;
        flex-shrink: 0; }

.roo-picker-menu-item .roo-checkbox span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle; }

.roo-picker-menu-item.roo-checkbox .roo-checkbox-uncheckable {
    opacity: unset; }

.roo-picker-menu-item-focus {
    background-color: #F5F6FA; }

.roo-picker-cascader-search-panel {
    height: 236px;
    padding: 0 10px;
    overflow: auto; }

.roo-picker-search-bar {
    padding: 10px; }

.roo-picker-search-result {
    border: none; }

.roo-picker-cascader-col .roo-checkbox {
    width: 100%;
    line-height: 36px;
    height: 36px; }

.roo-picker-cascader-col::after {
    content: "\00a0/\00a0"; }

.roo-picker-none {
    padding: 0 10px; }

.roo-picker-cascader-col:last-child::after {
    content: none; }

/* TOGGLE  */
.roo-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;
    height: 36px;
    border: 1px solid #EEEEEE;
    border-radius: 2px;
    padding: 6px 10px;
    cursor: pointer; }

.roo-multi-cascader-toggle-large {
    height: 40px; }

.roo-multi-cascader-toggle-small {
    height: 32px; }

.roo-multi-cascader-toggle-mini {
    height: 28px; }

.roo-multi-cascader-toggle .roo-tag {
    margin-right: 8px; }

.roo-multi-cascader-toggle:hover {
    border-color: #CCCCCC; }

.roo-multi-cascader-toggle .roo-icon {
    cursor: pointer;
    color: #CCCCCC; }

.roo-multi-cascader-toggle .roo-icon:hover {
    color: #CCCCCC; }

.roo-multi-cascader-toggle-placeholder {
    color: #CCCCCC; }

.roo-multi-cascader-disabled {
    opacity: 0.5;
    cursor: not-allowed; }

.roo-multi-cascader-selected {
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.roo-picker-value-list {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }

.roo-image-viewer-inline {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 400px; }

.roo-image-viewer-mask {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    filter: alpha(opacity=60);
    z-index: 2000; }

.roo-image-viewer-close-btn {
    position: fixed;
    top: 16px;
    right: 16px;
    overflow: hidden;
    width: 44px;
    height: 44px;
    cursor: pointer;
    z-index: 2010;
    background-color: #313131;
    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; }

.roo-image-viewer-close-btn:hover {
    background-color: #161616; }

.roo-image-viewer-totel-number-box {
    position: fixed;
    top: 16px;
    left: 16px;
    font-size: 14px;
    font-size: 14px;
    font-size: var(--font-size-base);
    color: #fff;
    color: #fff;
    color: var(--text-light); }

.roo-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; }

.roo-image-viewer-prev-btn-box {
    width: 44px;
    height: 88px;
    box-sizing: border-box;
    background-color: #313131;
    border-radius: 2px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    opacity: 0;
    cursor: pointer; }

.roo-image-viewer-prev-btn-box:hover {
    opacity: 1; }

.roo-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; }

.roo-image-viewer-next-btn-box {
    width: 44px;
    height: 88px;
    box-sizing: border-box;
    background-color: #313131;
    border-radius: 2px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    opacity: 0;
    cursor: pointer; }

.roo-image-viewer-next-btn-box:hover {
    opacity: 1; }

.roo-image-viewer-change-box {
    width: 40px;
    height: 40px; }

.roo-image-viewer-image-box {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 2005;
    padding: 16px 44px; }
    .roo-image-viewer-image-box > img {
        display: block;
        width: auto;
        height: auto;
        -webkit-user-select: none;
            -ms-user-select: none;
                user-select: none; }
    .roo-image-viewer-image-box > img.drag {
        cursor: move; }

.roo-image-viewer-no-images-tip {
    position: fixed;
    color: #fff;
    text-align: center;
    width: 100%;
    margin-top: 20%;
    top: 0; }

.roo-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; }

.roo-image-viewer-toolbar-ul {
    background-color: #333;
    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; }

.roo-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; }

.roo-image-viewer-toolbar-tooltips {
    display: none;
    position: absolute;
    top: -47px; }
    .roo-image-viewer-toolbar-tooltips .corner {
        width: 52px;
        height: 35px;
        background-color: #161616;
        border-radius: 4px;
        overflow: hidden;
        text-align: center;
        line-height: 35px; }
    .roo-image-viewer-toolbar-tooltips .triangle {
        width: 0px;
        /*  宽高设置为0，很重要，否则达不到效果 */
        height: 0px;
        border: 6px solid #161616;
        border-bottom-color: transparent;
        /* 设置透明背景色 */
        border-left-color: transparent;
        border-right-color: transparent;
        position: absolute;
        left: 20px; }

.roo-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; }
    .roo-image-viewer-toolbar-icon-box .toolbar-icon-btn {
        font-size: 24px; }

.roo-image-viewer-toolbar-btn:first-child:hover {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px; }

.roo-image-viewer-toolbar-btn:last-child:hover {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px; }

.roo-image-viewer-toolbar-btn:hover {
    background-color: #161616; }
    .roo-image-viewer-toolbar-btn:hover .toolbar-tooltips {
        display: block;
        color: #fff;
        color: #fff;
        color: var(--light); }

.roo-image-viewer-navbar-container {
    box-sizing: border-box;
    width: 100%;
    background-color: #333;
    position: fixed;
    bottom: 0;
    overflow: hidden;
    padding-top: 12px; }

.roo-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; }

.roo-image-viewer-navbar-change-btn-box {
    color: #fff; }
    .roo-image-viewer-navbar-change-btn-box .navbar-icon-btn {
        opacity: 0.4;
        cursor: pointer; }

.roo-image-viewer-navbar-change-btn-box:hover .navbar-icon-btn {
    opacity: 1; }

.roo-image-viewer-navbar-list {
    box-sizing: border-box;
    height: 46px;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden; }

.roo-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: #fff;
    background-color: var(--light);
    border: 2px solid #333;
    border-radius: 2px;
    position: relative; }

.roo-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; }

.roo-image-viewer-navbar-list > li > .img-mask {
    position: absolute;
    width: 46px;
    height: 46px;
    background-color: #000;
    opacity: 0.5; }

.roo-image-viewer-navbar-list > li > .navbar-img-box > img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto; }

.roo-image-viewer-navbar-list > li.navbar-img-active {
    opacity: 1;
    border-color: #f89800;
    border-color: #f89800;
    border-color: var(--link-color); }

.roo-image-viewer-navbar-list > li.navbar-img-active > img {
    opacity: 1; }

.roo-image-viewer-inline > .roo-image-viewer-mask,
.roo-image-viewer-inline > .roo-image-viewer-close-btn,
.roo-image-viewer-inline > .roo-image-viewer-image-box,
.roo-image-viewer-inline > .roo-image-viewer-toolbar-container,
.roo-image-viewer-inline > .roo-image-viewer-prev-btn-wrapper,
.roo-image-viewer-inline > .roo-image-viewer-next-btn-wrapper,
.roo-image-viewer-inline > .roo-image-viewer-navbar-container,
.roo-image-viewer-inline > .roo-image-viewer-totel-number-box,
.roo-image-viewer-inline > .roo-image-viewer-no-images-tip {
    position: absolute; }

.roo-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); } }

.roo-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%); }

.roo-image-viewer-loading-image-box {
    margin-bottom: 10px;
    width: 25px;
    height: 25px;
    overflow: hidden; }
    .roo-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; }

.roo-image-viewer-loading-image-text {
    color: #fff;
    color: #fff;
    color: var(--light); }

.roo-image-viewer-icon {
    display: block;
    width: 24px;
    height: 24px;
    cursor: pointer;
    color: #fff;
    color: #fff;
    color: var(--light); }

.roo-image-viewer-img {
    position: relative;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px; }

.roo-image-viewer-image-img {
    width: 100%;
    height: auto;
    vertical-align: middle; }

.roo-image-viewer-image-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 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.5);
    cursor: pointer;
    opacity: 0;
    transition: opacity .3s; }
    .roo-image-viewer-image-mask:hover {
        opacity: 1; }

.roo-image-viewer-image-mask-info {
    padding: 0 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

.roo-tableNew-wrapper {
    clear: both;
    max-width: 100%; }
    .roo-tableNew-wrapper::before {
        display: table;
        content: ''; }
    .roo-tableNew-wrapper::after {
        display: table;
        clear: both;
        content: ''; }

.roo-tableNew {
    position: relative;
    font-size: 14px;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #222222;
    line-height: 1.2;
    list-style: none; }
    .roo-tableNew table {
        width: 100%;
        text-align: left;
        border-collapse: separate;
        border-spacing: 0;
        background-color: transparent; }
    .roo-tableNew-thead > tr > th,
    .roo-tableNew-tbody > tr > td,
    .roo-tableNew tfoot > tr > th,
    .roo-tableNew tfoot > tr > td {
        position: relative;
        padding: 16px 16px;
        word-wrap: break-word; }
    .roo-tableNew-cell-ellipsis {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        word-break: keep-all; }
        .roo-tableNew-cell-ellipsis.roo-tableNew-cell-fix-left-last, .roo-tableNew-cell-ellipsis.roo-tableNew-cell-fix-right-first {
            overflow: visible; }
            .roo-tableNew-cell-ellipsis.roo-tableNew-cell-fix-left-last .roo-tableNew-cell-content, .roo-tableNew-cell-ellipsis.roo-tableNew-cell-fix-right-first .roo-tableNew-cell-content {
                display: block;
                overflow: hidden;
                text-overflow: ellipsis; }
        .roo-tableNew-cell-ellipsis .roo-tableNew-column-title {
            overflow: hidden;
            text-overflow: ellipsis;
            word-break: keep-all; }
    .roo-tableNew-title {
        padding: 16px 16px; }
    .roo-tableNew-footer {
        padding: 16px 16px;
        color: #222222;
        background: #F5F6FA; }
    .roo-tableNew-thead > tr > th {
        position: relative;
        color: #666666;
        text-align: left;
        background: #F5F6FA;
        border-bottom: 1px solid #EEEEEE;
        transition: background 0.3s ease; }
        .roo-tableNew-thead > tr > th[colspan]:not([colspan='1']) {
            text-align: center; }
    .roo-tableNew-thead > tr:not(:last-child) > th[colspan] {
        border-bottom: 0; }
    .roo-tableNew-tbody > tr > td {
        border-bottom: 1px solid #EEEEEE;
        transition: background 0.3s; }
        .roo-tableNew-tbody > tr > td > .roo-tableNew-wrapper:only-child .roo-tableNew,
        .roo-tableNew-tbody > tr > td > .roo-tableNew-expanded-row-fixed > .roo-tableNew-wrapper:only-child .roo-tableNew {
            margin: 10px; }
            .roo-tableNew-tbody > tr > td > .roo-tableNew-wrapper:only-child .roo-tableNew-tbody > tr:last-child > td,
            .roo-tableNew-tbody > tr > td > .roo-tableNew-expanded-row-fixed > .roo-tableNew-wrapper:only-child .roo-tableNew-tbody > tr:last-child > td {
                border-bottom: 0; }
                .roo-tableNew-tbody > tr > td > .roo-tableNew-wrapper:only-child .roo-tableNew-tbody > tr:last-child > td:first-child, .roo-tableNew-tbody > tr > td > .roo-tableNew-wrapper:only-child .roo-tableNew-tbody > tr:last-child > td:last-child,
                .roo-tableNew-tbody > tr > td > .roo-tableNew-expanded-row-fixed > .roo-tableNew-wrapper:only-child .roo-tableNew-tbody > tr:last-child > td:first-child,
                .roo-tableNew-tbody > tr > td > .roo-tableNew-expanded-row-fixed > .roo-tableNew-wrapper:only-child .roo-tableNew-tbody > tr:last-child > td:last-child {
                    border-radius: 0; }
    .roo-tableNew-tbody > tr.roo-tableNew-row-selected > td {
        background: #EEEEEE;
        border-color: rgba(0, 0, 0, 0.03); }
    .roo-tableNew-tbody > tr.roo-tableNew-row-selected:hover > td {
        background: #EEEEEE; }
    .roo-tableNew.roo-tableNew-hover > .roo-tableNew-container > .roo-tableNew-content > table > tbody > tr.roo-tableNew-row:hover > td,
    .roo-tableNew.roo-tableNew-hover > .roo-tableNew-container > .roo-tableNew-content > table > tbody > tr > td.roo-tableNew-cell-row-hover {
        background: #EEEEEE; }
    .roo-tableNew.roo-tableNew-stripe > .roo-tableNew-container > .roo-tableNew-content > table > tbody > tr:nth-of-type(even) {
        background-color: #F5F6FA; }
    .roo-tableNew-tbody > .roo-tableNew-placeholder {
        text-align: center; }
        .roo-tableNew-empty .roo-tableNew-tbody > .roo-tableNew-placeholder {
            color: #222222; }
    .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-title {
        border: 1px solid #EEEEEE;
        border-bottom: 0; }
    .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container {
        border-left: 1px solid #EEEEEE; }
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-content > table > thead > tr > th,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-content > table > tbody > tr > td,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-content > table > tfoot > tr > th,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-content > table > tfoot > tr > td,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-header > table > thead > tr > th,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-header > table > tbody > tr > td,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-header > table > tfoot > tr > th,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-header > table > tfoot > tr > td,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-body > table > thead > tr > th,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-body > table > tbody > tr > td,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-body > table > tfoot > tr > th,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-body > table > tfoot > tr > td,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-summary > table > thead > tr > th,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-summary > table > tbody > tr > td,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-summary > table > tfoot > tr > th,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-summary > table > tfoot > tr > td {
            border-right: 1px solid #EEEEEE; }
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-content > table > thead > tr:not(:last-child) > th,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-header > table > thead > tr:not(:last-child) > th,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-body > table > thead > tr:not(:last-child) > th,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-summary > table > thead > tr:not(:last-child) > th {
            border-bottom: 1px solid #EEEEEE; }
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-content > table > thead > tr > th::before,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-header > table > thead > tr > th::before,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-body > table > thead > tr > th::before,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-summary > table > thead > tr > th::before {
            background-color: transparent !important; }
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-content > table > thead > tr > .roo-tableNew-cell-fix-right-first::after,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-content > table > tbody > tr > .roo-tableNew-cell-fix-right-first::after,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-content > table > tfoot > tr > .roo-tableNew-cell-fix-right-first::after,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-header > table > thead > tr > .roo-tableNew-cell-fix-right-first::after,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-header > table > tbody > tr > .roo-tableNew-cell-fix-right-first::after,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-header > table > tfoot > tr > .roo-tableNew-cell-fix-right-first::after,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-body > table > thead > tr > .roo-tableNew-cell-fix-right-first::after,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-body > table > tbody > tr > .roo-tableNew-cell-fix-right-first::after,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-body > table > tfoot > tr > .roo-tableNew-cell-fix-right-first::after,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-summary > table > thead > tr > .roo-tableNew-cell-fix-right-first::after,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-summary > table > tbody > tr > .roo-tableNew-cell-fix-right-first::after,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-summary > table > tfoot > tr > .roo-tableNew-cell-fix-right-first::after {
            border-right: 1px solid #EEEEEE; }
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-content > table > tbody > tr > td > .roo-tableNew-expanded-row-fixed,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-header > table > tbody > tr > td > .roo-tableNew-expanded-row-fixed,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-body > table > tbody > tr > td > .roo-tableNew-expanded-row-fixed,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-summary > table > tbody > tr > td > .roo-tableNew-expanded-row-fixed {
            margin: -16px -17px; }
            .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-content > table > tbody > tr > td > .roo-tableNew-expanded-row-fixed::after,
            .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-header > table > tbody > tr > td > .roo-tableNew-expanded-row-fixed::after,
            .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-body > table > tbody > tr > td > .roo-tableNew-expanded-row-fixed::after,
            .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-summary > table > tbody > tr > td > .roo-tableNew-expanded-row-fixed::after {
                position: absolute;
                top: 0;
                right: 1px;
                bottom: 0;
                border-right: 1px solid #EEEEEE;
                content: ''; }
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-content > table,
        .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-header > table {
            border-top: 1px solid #EEEEEE; }
    .roo-tableNew.roo-tableNew-bordered.roo-tableNew-scroll-horizontal > .roo-tableNew-container > .roo-tableNew-body > table > tbody > tr.roo-tableNew-expanded-row > td,
    .roo-tableNew.roo-tableNew-bordered.roo-tableNew-scroll-horizontal > .roo-tableNew-container > .roo-tableNew-body > table > tbody > tr.roo-tableNew-placeholder > td {
        border-right: 0; }
    .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-footer {
        border: 1px solid #EEEEEE;
        border-top: 0; }
    .roo-tableNew .roo-tableNew-cell .roo-tableNew-container:first-child {
        border-top: 0; }
    .roo-tableNew .roo-tableNew-cell-scrollbar:not([rowspan]) {
        box-shadow: 8px 0 8px rgba(233, 234, 242, 0.6); }
    .roo-tableNew-cell-fix-left, .roo-tableNew-cell-fix-right {
        position: sticky !important;
        z-index: 2;
        background: #fff; }
    .roo-tableNew-cell-fix-left-first::after, .roo-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; }
    .roo-tableNew-cell-fix-left-all::after {
        display: none; }
    .roo-tableNew-cell-fix-right-first::after, .roo-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; }
    .roo-tableNew .roo-tableNew-container::before, .roo-tableNew .roo-tableNew-container::after {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 4;
        width: 30px;
        transition: box-shadow 0.3s;
        content: '';
        pointer-events: none; }
    .roo-tableNew .roo-tableNew-container::before {
        left: 0; }
    .roo-tableNew .roo-tableNew-container::after {
        right: 0; }
    .roo-tableNew-ping-left:not(.roo-tableNew-has-fix-left) > .roo-tableNew-container {
        position: relative; }
        .roo-tableNew-ping-left:not(.roo-tableNew-has-fix-left) > .roo-tableNew-container::before {
            box-shadow: inset 10px 0 8px -8px rgba(233, 234, 242, 0.6); }
    .roo-tableNew-ping-left .roo-tableNew-cell-fix-left-first::after,
    .roo-tableNew-ping-left .roo-tableNew-cell-fix-left-last::after {
        box-shadow: inset 10px 0 8px -8px rgba(233, 234, 242, 0.6); }
    .roo-tableNew-ping-left .roo-tableNew-cell-fix-left-last::before {
        background-color: transparent !important; }
    .roo-tableNew-ping-right:not(.roo-tableNew-has-fix-right) > .roo-tableNew-container {
        position: relative; }
        .roo-tableNew-ping-right:not(.roo-tableNew-has-fix-right) > .roo-tableNew-container::after {
            box-shadow: inset -10px 0 8px -8px rgba(233, 234, 242, 0.6); }
    .roo-tableNew-ping-right .roo-tableNew-cell-fix-right-first::after,
    .roo-tableNew-ping-right .roo-tableNew-cell-fix-right-last::after {
        box-shadow: inset -10px 0 8px -8px rgba(233, 234, 242, 0.6); }
    .roo-tableNew-sticky-holder {
        position: sticky;
        z-index: 3;
        background: #fff; }
    .roo-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; }
        .roo-tableNew-sticky-scroll:hover {
            -webkit-transform-origin: center bottom;
                -ms-transform-origin: center bottom;
                    transform-origin: center bottom; }
        .roo-tableNew-sticky-scroll-bar {
            height: 8px;
            background-color: fade(#000, 35%);
            border-radius: 4px; }
            .roo-tableNew-sticky-scroll-bar:hover {
                background-color: fade(fade(#000, 35%), 80%); }
            .roo-tableNew-sticky-scroll-bar-active {
                background-color: fade(fade(#000, 35%), 80%); }
    .roo-tableNew-selection-col {
        width: 60px; }
    .roo-tableNew-bordered .roo-tableNew-selection-col {
        width: 60px; }
    .roo-tableNew table tr th.roo-tableNew-selection-column,
    .roo-tableNew table tr td.roo-tableNew-selection-column {
        padding-right: 16px;
        padding-left: 16px;
        text-align: center; }
        .roo-tableNew table tr th.roo-tableNew-selection-column .roo-tableNew-radio-wrapper,
        .roo-tableNew table tr td.roo-tableNew-selection-column .roo-tableNew-radio-wrapper {
            margin-right: 0; }
    .roo-tableNew table tr th.roo-tableNew-selection-column.roo-tableNew-cell-fix-left {
        z-index: 3; }
    .roo-tableNew table tr th.roo-tableNew-selection-column::after {
        background-color: transparent !important; }
    .roo-tableNew-selection {
        position: relative;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: column;
            flex-direction: column; }
        .roo-tableNew-selection-extra {
            position: absolute;
            top: 0;
            z-index: 1;
            cursor: pointer;
            transition: all 0.3s;
            [dir="ltr"] &{
            margin-left: 100%; }
            [dir="rtl"] &{
            margin-right: 100%; }
            [dir="ltr"] &{
            padding-left: 2px; }
            [dir="rtl"] &{
            padding-right: 2px; } }
    .roo-tableNew-thead th.roo-tableNew-column-has-sorters {
        outline: none;
        cursor: pointer;
        transition: all 0.3s; }
        .roo-tableNew-thead th.roo-tableNew-column-has-sorters:hover {
            background: #EEEEEE; }
            .roo-tableNew-thead th.roo-tableNew-column-has-sorters:hover::before {
                background-color: transparent !important; }
        .roo-tableNew-thead th.roo-tableNew-column-has-sorters.roo-tableNew-cell-fix-left:hover, .roo-tableNew-thead th.roo-tableNew-column-has-sorters.roo-tableNew-cell-fix-right:hover {
            background: #EEEEEE; }
    .roo-tableNew-column-title {
        position: relative;
        z-index: 1;
        -ms-flex: 1;
            flex: 1; }
    .roo-tableNew-column-sorters::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: ''; }
    .roo-tableNew-column-sorter {
        margin-left: 4px;
        font-size: 0;
        transition: color 0.3s; }
        .roo-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; }
        .roo-tableNew-column-sorter .roo-icon {
            height: 8px;
            line-height: 8px;
            font-size: 16px;
            color: #CCCCCC; }
            .roo-tableNew-column-sorter .roo-icon.off {
                color: #CCCCCC; }
            .roo-tableNew-column-sorter .roo-icon.on {
                color: #222222; }
            .roo-tableNew-column-sorter .roo-icon:last-child {
                margin-top: -2px; }
    .roo-tableNew-expand-icon-col {
        width: 48px; }
    .roo-tableNew-row-expand-icon-cell {
        text-align: center; }
        .roo-tableNew-row-expand-icon-cell .roo-tableNew-row-expand-icon {
            display: -ms-inline-flexbox;
            display: inline-flex;
            float: none;
            vertical-align: sub; }
    .roo-tableNew-row-indent {
        float: left;
        height: 1px; }
    .roo-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; }
        .roo-tableNew-row-expand-icon.focus-visible, .roo-tableNew-row-expand-icon:hover {
            color: #222222; }
        .roo-tableNew-row-expand-icon:focus-visible, .roo-tableNew-row-expand-icon:hover {
            color: #222222; }
        .roo-tableNew-row-expand-icon:active {
            color: #222222; }
        .roo-tableNew-row-expand-icon:focus, .roo-tableNew-row-expand-icon:hover, .roo-tableNew-row-expand-icon:active {
            border-color: currentcolor; }
        .roo-tableNew-row-expand-icon::before, .roo-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: ''; }
        .roo-tableNew-row-expand-icon::before {
            top: 7px;
            right: 3px;
            left: 3px;
            height: 1px; }
        .roo-tableNew-row-expand-icon::after {
            top: 3px;
            bottom: 3px;
            left: 7px;
            width: 1px;
            -webkit-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                    transform: rotate(90deg); }
        .roo-tableNew-row-expand-icon-collapsed::before {
            -webkit-transform: rotate(-180deg);
                -ms-transform: rotate(-180deg);
                    transform: rotate(-180deg); }
        .roo-tableNew-row-expand-icon-collapsed::after {
            -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                    transform: rotate(0deg); }
        .roo-tableNew-row-expand-icon-spaced {
            background: transparent;
            border: 0;
            visibility: hidden; }
            .roo-tableNew-row-expand-icon-spaced::before, .roo-tableNew-row-expand-icon-spaced::after {
                display: none;
                content: none; }
        .roo-tableNew-row-indent + .roo-tableNew-row-expand-icon {
            margin-top: 2.5px;
            margin-right: 8px; }
    .roo-tableNew .roo-tableNew-expanded-row-fixed {
        position: relative;
        margin: -16px -16px;
        padding: 16px 16px; }

.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 .15s,box-shadow ease-in-out .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: #A2A4B3; }

.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 .2s;
    background-color: #fafafa;
    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: #A2A4B3; }

.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: #A2A4B3; }

.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: #fafafa;
    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 #A2A4B3;
    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: #ffffff;
    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: .5;
    background-color: #000; }

.kui-cropper .cropper-view-box {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    outline: 1px solid #39f;
    outline-color: rgba(51, 153, 255, 0.75); }

.kui-cropper .cropper-dashed {
    position: absolute;
    display: block;
    opacity: .5;
    border: 0 dashed #eee; }

.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: .75; }

.kui-cropper .cropper-center:before,
.kui-cropper .cropper-center:after {
    position: absolute;
    display: block;
    content: ' ';
    background-color: #eee; }

.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: .1; }

.kui-cropper .cropper-face {
    top: 0;
    left: 0;
    background-color: #fff; }

.kui-cropper .cropper-line {
    background-color: #39f; }

.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: .75;
    background-color: #39f; }

.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: .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: #39f; }

.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; }

.roo-evaluation .roo-evaluation-title {
    font-weight: bold; }

.roo-evaluation .roo-evaluation-body {
    padding: 15px 0; }

.roo-evaluation .icon-wrapper {
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 38px;
    border-radius: 50%;
    cursor: pointer; }
    .roo-evaluation .icon-wrapper.thumbs-up {
        border: solid 1px #00BF7F; }
        .roo-evaluation .icon-wrapper.thumbs-up i {
            color: #00BF7F; }
    .roo-evaluation .icon-wrapper.thumbs-down {
        border: solid 1px #FF192D; }
        .roo-evaluation .icon-wrapper.thumbs-down i {
            color: #FF192D; }
    .roo-evaluation .icon-wrapper.commenting {
        border: solid 1px #222222; }
        .roo-evaluation .icon-wrapper.commenting i {
            color: #222222; }
    .roo-evaluation .icon-wrapper:hover.thumbs-up, .roo-evaluation .icon-wrapper.evaluated.thumbs-up {
        background: #00BF7F; }
        .roo-evaluation .icon-wrapper:hover.thumbs-up i, .roo-evaluation .icon-wrapper.evaluated.thumbs-up i {
            color: #fff; }
    .roo-evaluation .icon-wrapper:hover.thumbs-down, .roo-evaluation .icon-wrapper.evaluated.thumbs-down {
        background: #FF192D; }
        .roo-evaluation .icon-wrapper:hover.thumbs-down i, .roo-evaluation .icon-wrapper.evaluated.thumbs-down i {
            color: #fff; }
    .roo-evaluation .icon-wrapper:hover.commenting, .roo-evaluation .icon-wrapper.evaluated.commenting {
        background: #222222; }
        .roo-evaluation .icon-wrapper:hover.commenting i, .roo-evaluation .icon-wrapper.evaluated.commenting i {
            color: #fff; }
    .roo-evaluation .icon-wrapper i {
        font-size: 20px; }

.roo-evaluation .description {
    margin-top: 15px; }

.roo-evaluation .count {
    margin-top: 5px;
    display: inline-block; }

.roo-evaluation .disabled-item {
    color: #EEEEEE; }
    .roo-evaluation .disabled-item .count {
        color: #EEEEEE; }
    .roo-evaluation .disabled-item .icon-wrapper.thumbs-up {
        border: solid 1px #EEEEEE;
        background: #EEEEEE; }
        .roo-evaluation .disabled-item .icon-wrapper.thumbs-up i {
            color: #fff; }
    .roo-evaluation .disabled-item .icon-wrapper.thumbs-down {
        border: solid 1px #EEEEEE;
        background: #EEEEEE; }
        .roo-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: #999;
                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; }

.roo-img-uploader {
    position: relative;
    width: 160px;
    height: 120px;
    border-radius: 2px; }
    .roo-img-uploader .uploader-border {
        position: absolute;
        width: 100%;
        height: 100%;
        border: 1.5px dashed #EEEEEE;
        background-color: #F5F6FA;
        border-radius: 2px; }
    .roo-img-uploader .uploader-file-input {
        display: none; }
    .roo-img-uploader .uploader-box {
        display: block;
        background-color: #F5F6FA; }
        .roo-img-uploader .uploader-box.fill {
            background-color: #EEEEEE; }
    .roo-img-uploader .uploader-thumbnail-img {
        max-width: 100%;
        max-height: 100%; }
    .roo-img-uploader .uploader-thumbnail {
        display: table-cell;
        width: 160px;
        height: 100px;
        text-align: center;
        vertical-align: middle; }
    .roo-img-uploader .uploader-replace-tip {
        position: absolute;
        bottom: 0;
        width: 100%; }
        .roo-img-uploader .uploader-replace-tip .btn {
            border-top-left-radius: 0;
            border-top-right-radius: 0; }
    .roo-img-uploader .uploader-thumbnail-info {
        position: absolute;
        top: 0;
        left: 0;
        display: table;
        width: 100%;
        height: 100%; }
        .roo-img-uploader .uploader-thumbnail-info .roo-btn {
            display: table-cell;
            line-height: normal;
            vertical-align: middle; }
            .roo-img-uploader .uploader-thumbnail-info .roo-btn i {
                font-size: 38px; }
            .roo-img-uploader .uploader-thumbnail-info .roo-btn span {
                display: block; }
    .roo-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; }
        .roo-img-uploader .clear-icon i {
            vertical-align: top; }
        .roo-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 #A2A4B3; }

.no-boder {
    border: none !important; }

.circle {
    border-radius: 100%; }

.border-top {
    border-top: 1px solid #A2A4B3; }

.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 #A2A4B3; }

.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 #A2A4B3; }

.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 #A2A4B3; }

.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; }

.roo-text-left {
    text-align: left; }

.roo-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; }

.roo-backdrop {
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 1;
    transition: opacity 0.3s ease 0s; }

.roo-no-scrollbar::-webkit-scrollbar {
    background-color: transparent;
    width: 0;
    height: 0; }

.roo-no-scrollbar {
    scrollbar-width: none; }

:root {
    --primary: #222222;
    --secondary: #f89800;
    --brand: #ffcc33;
    --success: #00BF7F;
    --info: #17a2b8;
    --warning: #F8B500;
    --danger: #FF192D;
    --light: #fff;
    --dark: #222222;
    --active: #FF6A00;
    --gray-100: #222222;
    --gray-200: #666666;
    --gray-300: #A2A4B3;
    --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: #A2A4B3;
    --text-color-lighten: #CCCCCC;
    --border-color: #A2A4B3;
    --line-color: #EEEEEE;
    --disabled-color: #EEEEEE;
    --page-background: #F5F6FA;
    --card-background: #F5F6FA;
    --text-dark: #222222;
    --text-light: #fff;
    --link-color: #f89800;
    --link-decoration: none;
    --link-hover-color: #ffcc33;
    --link-hover-decoration: none;
    --border-radius: 2px;
    --default-height: 36px; }

.roo-primary-text {
    color: #222222 !important; }

.roo-primary-bg {
    background-color: #222222 !important; }

.roo-primary-bc {
    border-color: #222222 !important; }

.roo-secondary-text {
    color: #f89800 !important; }

.roo-secondary-bg {
    background-color: #f89800 !important; }

.roo-secondary-bc {
    border-color: #f89800 !important; }

.roo-brand-text {
    color: #ffcc33 !important; }

.roo-brand-bg {
    background-color: #ffcc33 !important; }

.roo-brand-bc {
    border-color: #ffcc33 !important; }

.roo-success-text {
    color: #00BF7F !important; }

.roo-success-bg {
    background-color: #00BF7F !important; }

.roo-success-bc {
    border-color: #00BF7F !important; }

.roo-info-text {
    color: #17a2b8 !important; }

.roo-info-bg {
    background-color: #17a2b8 !important; }

.roo-info-bc {
    border-color: #17a2b8 !important; }

.roo-warning-text {
    color: #F8B500 !important; }

.roo-warning-bg {
    background-color: #F8B500 !important; }

.roo-warning-bc {
    border-color: #F8B500 !important; }

.roo-danger-text {
    color: #FF192D !important; }

.roo-danger-bg {
    background-color: #FF192D !important; }

.roo-danger-bc {
    border-color: #FF192D !important; }

.roo-light-text {
    color: #fff !important; }

.roo-light-bg {
    background-color: #fff !important; }

.roo-light-bc {
    border-color: #fff !important; }

.roo-dark-text {
    color: #222222 !important; }

.roo-dark-bg {
    background-color: #222222 !important; }

.roo-dark-bc {
    border-color: #222222 !important; }

.roo-active-text {
    color: #FF6A00 !important; }

.roo-active-bg {
    background-color: #FF6A00 !important; }

.roo-active-bc {
    border-color: #FF6A00 !important; }

.roo-font-family {
    font-family: "Helvetica Neue", Arial, -apple-system, BlinkMacSystemFont, "PingFang SC", "microsoft yahei", "STXihei", sans-serif !important; }

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

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

.roo-font-size-heading {
    font-size: 20px !important; }

.roo-font-size-lg {
    font-size: 24px !important; }

.roo-font-size-xl {
    font-size: 38px !important; }

.roo-font-color {
    color: #222222 !important; }

.roo-font-color-secondary {
    color: #666666 !important; }

.roo-font-color-weak {
    color: #A2A4B3 !important; }

.roo-font-color-lighten {
    color: #CCCCCC !important; }

.roo-font-color-dark {
    color: #222222 !important; }

.roo-font-color-light {
    color: #fff !important; }

.roo-border-color {
    border-color: #A2A4B3 !important; }

.roo-ling-color {
    border-color: #EEEEEE !important; }

.roo-disabled-color {
    background-color: #EEEEEE !important; }

.roo-page-bg {
    background-color: #F5F6FA !important; }

.roo-card-bg {
    background-color: #F5F6FA !important; }

.roo-border-radius {
    border-radius: 2px !important; }

.roo-default-height {
    height: 36px !important; }

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;box-sizing:border-box;-ms-overflow-style:scrollbar}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:#222}*,*::before,*::after{box-sizing:inherit}h1{font-size:2em;margin:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;outline:none}input::-webkit-input-placeholder{color:#ccc}input:-ms-input-placeholder{color:#ccc}input::placeholder{color:#ccc}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[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:#fc3;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("@roo/roo/roo-theme/dist/fonts/roo-icon.eot");src:url("@roo/roo/roo-theme/dist/fonts/roo-icon.eot?#iefix") format("eot"),url("@roo/roo/roo-theme/dist/fonts/roo-icon.woff2") format("woff2"),url("@roo/roo/roo-theme/dist/fonts/roo-icon.woff") format("woff"),url("@roo/roo/roo-theme/dist/fonts/roo-icon.ttf") format("truetype"),url("@roo/roo/roo-theme/dist/fonts/roo-icon.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 .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .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:#ccc !important;background:#eee !important;border-color:#eee !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:#222;border-color:#222}.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,.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,.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,.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,.9);border-color:transparent}.boc-ui-btn.boc-ui-btn-brand{color:#222;background-color:#fc3;border-color:#fc3}.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:#222;background-color:rgba(255,204,51,.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:#222;background-color:rgba(255,204,51,.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,.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,.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,.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,.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,.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,.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,.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,.9);border-color:transparent}.boc-ui-btn.boc-ui-btn-light{color:#222;background-color:#fff;border-color:#fff}.boc-ui-btn.boc-ui-btn-light:hover{color:#222;background-color:rgba(255,255,255,.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:#222;background-color:rgba(255,255,255,.9);border-color:transparent}.boc-ui-btn.boc-ui-btn-dark{color:#fff;background-color:#222;border-color:#222}.boc-ui-btn.boc-ui-btn-dark:hover{color:#fff;background-color:rgba(34,34,34,.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,.9);border-color:transparent}.boc-ui-btn.boc-ui-btn-outline-primary{color:#222;background-color:#fff;background-image:none;border-color:rgba(34,34,34,.3)}.boc-ui-btn.boc-ui-btn-outline-primary:hover{border-color:#222}.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,.8)}.boc-ui-btn.boc-ui-btn-outline-secondary{color:#ff6a00;background-color:#fff;background-image:none;border-color:rgba(255,106,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,.8)}.boc-ui-btn.boc-ui-btn-outline-brand{color:#fc3;background-color:#fff;background-image:none;border-color:#fc3;color:#fc3}.boc-ui-btn.boc-ui-btn-outline-brand:hover{border-color:rgba(255,204,51,.8);color:rgba(255,204,51,.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,.8)}.boc-ui-btn.boc-ui-btn-outline-success{color:#00bf7f;background-color:#fff;background-image:none;border-color:rgba(0,191,127,.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,.8)}.boc-ui-btn.boc-ui-btn-outline-info{color:#198cff;background-color:#fff;background-image:none;border-color:rgba(25,140,255,.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,.8)}.boc-ui-btn.boc-ui-btn-outline-warning{color:#ff6a00;background-color:#fff;background-image:none;border-color:rgba(255,106,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,.8)}.boc-ui-btn.boc-ui-btn-outline-danger{color:#ff192d;background-color:#fff;background-image:none;border-color:rgba(255,25,45,.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,.8)}.boc-ui-btn.boc-ui-btn-outline-light{color:#fff;background-color:#fff;background-image:none;border-color:rgba(255,255,255,.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,.8)}.boc-ui-btn.boc-ui-btn-outline-dark{color:#222;background-color:#fff;background-image:none;border-color:rgba(34,34,34,.3)}.boc-ui-btn.boc-ui-btn-outline-dark:hover{border-color:#222}.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,.8)}.boc-ui-btn.boc-ui-btn-default{color:#222;background-color:#fff;background-image:none;border-color:rgba(34,34,34,.3)}.boc-ui-btn.boc-ui-btn-default:hover{background:none;border-color:#222}.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,.8)}.boc-ui-btn.boc-ui-btn-default.boc-ui-btn-primary{color:#222;background-color:#fff;background-image:none;border-color:rgba(34,34,34,.3)}.boc-ui-btn.boc-ui-btn-default.boc-ui-btn-primary:hover{border-color:#222}.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,.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,.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,.8)}.boc-ui-btn.boc-ui-btn-default.boc-ui-btn-brand{color:#fc3;background-color:#fff;background-image:none;border-color:#fc3;color:#fc3}.boc-ui-btn.boc-ui-btn-default.boc-ui-btn-brand:hover{border-color:rgba(255,204,51,.8);color:rgba(255,204,51,.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,.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,.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,.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,.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,.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,.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,.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,.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,.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,.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,.8)}.boc-ui-btn.boc-ui-btn-default.boc-ui-btn-dark{color:#222;background-color:#fff;background-image:none;border-color:rgba(34,34,34,.3)}.boc-ui-btn.boc-ui-btn-default.boc-ui-btn-dark:hover{border-color:#222}.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,.8)}.boc-ui-btn.boc-ui-btn-dropdown{width:100%;text-align-last:left;border-color:#999;color:#222}.boc-ui-btn.boc-ui-btn-link{font-weight:400;color:#222;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:#eee;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:#ccc !important;cursor:not-allowed !important;border-color:#ccc !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:#f83}.boc-ui-btn.boc-ui-btn-link-brand:active{color:#c50}.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:#ccc !important;cursor:not-allowed !important;border-color:#ccc !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,.1)}.boc-ui-btn.boc-ui-btn-weaken:disabled,.boc-ui-btn.boc-ui-btn-weaken.disabled{color:#ccc !important;cursor:not-allowed !important;border-color:#ccc !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 .15s ease-in-out,border-color .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 .15s ease-in-out,box-shadow .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 .15s ease-in-out,box-shadow .15s ease-in-out;display:block}.boc-ui-input{width:100%;padding:6px 8px;font-size:14px;line-height:1.5;color:#222;background-color:#fff;background-clip:padding-box;border:1px solid #eee;height:36px;border-radius:2px;transition:border-color .15s ease-in-out,box-shadow .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:#999;outline:0}.boc-ui-input::-webkit-input-placeholder{color:#ccc;opacity:1}.boc-ui-input:-ms-input-placeholder{color:#ccc;opacity:1}.boc-ui-input::placeholder{color:#ccc;opacity:1}.boc-ui-input[readonly]{border-color:#eee;color:#222;opacity:1}.boc-ui-input:disabled,.boc-ui-input.disabled{border-color:#eee;color:#ccc;background-color:#eee;cursor:not-allowed}.boc-ui-input:hover:not([readonly]):not(.readonly):not(.readOnly):not([disabled]):not(.disabled):not(.boc-ui-input-line){border-color:#999}.select-input-wrapper .boc-ui-input{color:#222}.select-input-wrapper .boc-ui-input:disabled{color:#ccc}.select-input-wrapper .boc-ui-input:disabled+.roo-icon,.select-input-wrapper .boc-ui-input:disabled+.roo-icon:hover{color:#ccc;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:#eee}.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:#999}.select-input-wrapper .boc-ui-input:focus{border-color:#999 !important}.select-input-wrapper .boc-ui-input.boc-ui-input-plaintext:hover{border-color:#999}.select-input-wrapper .boc-ui-input.boc-ui-input-line:hover{border-bottom-color:#999}.select-input-wrapper .boc-ui-input.boc-ui-input-line:focus{border-color:transparent transparent #999 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:#ccc;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:#222;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:#999}.boc-ui-input-line[readonly]{border-top-color:transparent;border-left-color:transparent;border-right-color:transparent;border-bottom-color:#999}.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:#222}.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}.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 #eee;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:#eee;border-color:#ccc !important;color:#ccc}.boc-ui-input-number .boc-ui-input-number-wrapper.disabled input{background-color:#eee;color:#ccc;cursor:not-allowed !important}.boc-ui-input-number .boc-ui-input-number-wrapper.disabled .input-number-operator{border-color:#ccc !important;color:#ccc !important;cursor:not-allowed !important}.boc-ui-input-number .boc-ui-input-number-wrapper.readOnly input{background-color:#fff;color:#666}.boc-ui-input-number .boc-ui-input-number-wrapper:hover{cursor:pointer;color:#666}.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:#222}.boc-ui-input-number.disabled{background-color:#eee;border-color:#eee !important;color:#ccc}.boc-ui-input-number.disabled input{background-color:#eee;color:#ccc;cursor:not-allowed !important}.boc-ui-input-number.disabled .input-number-operator{border-color:#eee !important;color:#ccc !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:#999}.boc-ui-input-number .input-number-operator:hover{cursor:pointer;color:#666}.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 #eee}.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 #eee}.boc-ui-input-number .input-number-operator.increase::after{content:"\EA32"}.boc-ui-input-number .input-number-operator.disabled{background-color:#eee;border-color:inherit !important;color:#ccc !important;cursor:not-allowed}.boc-ui-input-number:hover .input-number-operator{border-color:#999}.boc-ui-input-number:hover .boc-ui-input-number-wrapper{border-color:#999}.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:#222;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 #eee;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 #eee;border-bottom:1px solid #eee}.boc-ui-input-number-vertical .input-number-operator.increase.disabled{border-bottom:1px solid #eee !important}.boc-ui-input-number-vertical .input-number-operator.increase::after{content:"\EA0E"}.boc-ui-input-number-vertical:hover .input-number-operator{border-color:#eee}.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:#222;-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:#ccc;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 #eee;border-right:none}.boc-ui-rtl .boc-ui-input-number .input-number-operator.increase{border-left:none;border-right:1px solid #eee}.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 #eee}.boc-ui-rtl .boc-ui-input-number-vertical .input-number-operator.increase{right:auto;left:1px;border-right:1px solid #eee;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:#999}.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:#eee}.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 #999;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:#222;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:#222;border-color:#222 !important}.boc-ui-radio input:checked+.custom-radio::before{background-color:#fff}.boc-ui-radio input:checked+.custom-radio.brand{background-color:#fc3;border-color:#fc3 !important}.boc-ui-radio input:disabled+.custom-radio{border-color:#eee;background-color:#f5f6fa}.boc-ui-radio input:disabled:checked+.custom-radio{border-color:#222 !important;background-color:#222;opacity:.3}.boc-ui-radio input:disabled~.custom-radio-label{opacity:.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:#999}.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:#eee}.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 #999;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:#222;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:#222;border-color:#222 !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:#fc3;border-color:#fc3 !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 #222;border-top:0;border-left:0}.boc-ui-checkbox input:disabled+.custom-checkbox{border-color:#eee;background-color:#f5f6fa}.boc-ui-checkbox input:disabled:checked+.custom-checkbox{border-color:#222 !important;background-color:#222;opacity:.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:.5}.boc-ui-checkbox .focus{outline:0}.boc-ui-checkbox .half-checked{border-color:#222;background-color:#222}.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:#fc3;background-color:#fc3}.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 #222}.boc-ui-checkbox input:disabled+.half-checked{border-color:#222;background-color:#222;opacity:.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 .3s,opacity .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,.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:#222;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:#222;cursor:pointer}.boc-ui-panel .boc-ui-panel-heading .boc-ui-panel-close{position:absolute;right:20px;top:20px;color:#999}.boc-ui-panel .boc-ui-panel-heading .boc-ui-panel-close:hover{color:#222}.boc-ui-panel .boc-ui-panel-body{padding:20px 20px}.boc-ui-panel .boc-ui-panel-footer{padding:20px 20px;border-top:1px solid #eee}.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 #eee;border-bottom:none;background-color:#f5f6fa}.boc-ui-panel-bordered .boc-ui-panel-body{border:1px solid #eee}.boc-ui-panel-bordered .boc-ui-panel-footer{border:1px solid #eee;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:#666;overflow:hidden}.boc-ui-steps li.boc-ui-steps-item .boc-ui-steps-icon{display:inline-block;margin-right:8px;text-align:center;color:#666}.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 #999}.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:#999}.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:#666}.boc-ui-steps li.boc-ui-steps-item .boc-ui-steps-title{font-size:14px;line-height:30px;color:#222}.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 #999;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:#222;border-bottom:1px dashed #999}.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 #999;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:#666;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 #999}.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:#999;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:#222}.boc-ui-steps-vertical li.boc-ui-steps-item .boc-ui-steps-item-content .boc-ui-steps-desc{font-size:12px;color:#666}.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 #eee;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 #eee;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 #eee}.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:#222;text-align:left}th{text-align:left;font-weight:normal}.boc-ui-table{width:100%;max-width:100%;color:#222;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 #eee;word-break:break-all;word-break:break-word}.boc-ui-table thead{background:#f5f6fa}.boc-ui-table th{font-weight:normal;color:#666}.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 #eee}.boc-ui-table .table{background-color:#fff}.boc-ui-table .active{background-color:#eee}.boc-ui-table .success{background-color:#40ffbf}.boc-ui-table .info{background-color:#9cf}.boc-ui-table .warning{background-color:#ffb580}.boc-ui-table .danger{background-color:#ff99a1}.boc-ui-table .cursor-pointer{cursor:pointer}.boc-ui-table .cursor-pointer:hover{background-color:#eee}.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:#ccc}.boc-ui-table .column-sorter .roo-icon.off{color:#ccc}.boc-ui-table .column-sorter .roo-icon.on{color:#222}.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 #eee}.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 #eee;border-right:1px solid #eee}.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:#eee}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:.01%}@media screen and (max-width: 1024px){.boc-ui-table-responsive{width:100%;margin-bottom:.75;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #eee}.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,.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,.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,.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,.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:#222;border:1px solid #222}.boc-ui-tag.boc-ui-tag-secondary{background-color:#ff6a00;border:1px solid #ff6a00}.boc-ui-tag.boc-ui-tag-brand{background-color:#fc3;border:1px solid #fc3}.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:#222;border:1px solid #222}.boc-ui-tag.boc-ui-tag-default{background-color:#222;border:1px solid #222}.boc-ui-tag.boc-ui-tag-gray{background-color:#f5f6fa;border:1px solid #f5f6fa;color:#222}.boc-ui-tag.boc-ui-tag-gray>i{color:#ccc}.boc-ui-tag>i{margin-left:4px;cursor:pointer}.boc-ui-tag.boc-ui-tag-reverse.boc-ui-tag-primary{background-color:#fff;color:#222;border:1px solid #222}.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:#fc3;border:1px solid #fc3}.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:#222;border:1px solid #222}.boc-ui-tag.boc-ui-tag-reverse.boc-ui-tag-default{background-color:#fff;color:#222;border:1px solid #222}.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:#222;border:1px solid #222}.boc-ui-badge.boc-ui-badge-secondary{background-color:#ff6a00;border:1px solid #ff6a00}.boc-ui-badge.boc-ui-badge-brand{background-color:#fc3;border:1px solid #fc3}.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:#222;border:1px solid #222}.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:#222;border:1px solid #222}.boc-ui-badge.boc-ui-badge-gray{background-color:#f5f6fa;border:1px solid #f5f6fa;color:#222}.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:#222;border:1px solid #222}.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:#fc3;border:1px solid #fc3}.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:#222;border:1px solid #222}.boc-ui-badge.boc-ui-badge-reverse.boc-ui-badge-default{color:#222;border:1px solid #222}.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:#222;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 .3s,opacity .3s,padding-top .3s,padding-bottom .3s,margin-bottom .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:#222;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:#999 !important}.boc-ui-alert .close i{vertical-align:top}.boc-ui-alert .close:hover{color:#222 !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,.1);border-color:rgba(34,34,34,.3)}.boc-ui-alert.boc-ui-alert-primary>i,.boc-ui-alert.boc-ui-alert-primary a{color:#222}.boc-ui-alert.boc-ui-alert-secondary{background-color:rgba(255,106,0,.1);border-color:rgba(255,106,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,.1);border-color:rgba(255,204,51,.3)}.boc-ui-alert.boc-ui-alert-brand>i,.boc-ui-alert.boc-ui-alert-brand a{color:#fc3}.boc-ui-alert.boc-ui-alert-success{background-color:rgba(0,191,127,.1);border-color:rgba(0,191,127,.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,.1);border-color:rgba(25,140,255,.3);background-color:#fff;border-color:#eee}.boc-ui-alert.boc-ui-alert-info>i,.boc-ui-alert.boc-ui-alert-info a{color:#198cff;color:#fc3}.boc-ui-alert.boc-ui-alert-warning{background-color:rgba(255,106,0,.1);border-color:rgba(255,106,0,.3);background-color:rgba(255,106,0,.1);border-color:rgba(255,106,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,.1);border-color:rgba(255,25,45,.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,.1);border-color:rgba(255,255,255,.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,.1);border-color:rgba(34,34,34,.3)}.boc-ui-alert.boc-ui-alert-dark>i,.boc-ui-alert.boc-ui-alert-dark a{color:#222}.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:#222;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:#222}.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:#222}.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:#222}.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:#222}.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:#222}.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:#222}.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:#222}.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:#222}.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:#222}.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:#222}.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:#222;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:#222;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:#222;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:#222;border:1px solid #eee;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:#222;border-color:#222}.boc-ui-pagination>li input{display:inline-block;width:40px;height:32px;color:#222;text-align:center;vertical-align:middle;border:1px solid #eee;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:#666}.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:#222;border-color:#222;cursor:default}.boc-ui-pagination>li.disabled>a,.boc-ui-pagination>.arrow>a,.boc-ui-pagination>.arrow>span{color:#ccc;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:#222;background-color:#fff;border-color:#666;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:#222}.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:#222}.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:#ccc;background-color:#eee;border-color:#eee;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:#222;border:1px solid #eee;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:#222;border-color:#222}.boc-ui-pagination-sm>li input{display:inline-block;width:40px;height:26px;color:#222;text-align:center;vertical-align:middle;border:1px solid #eee;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:#666}.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:#222;border-color:#222;cursor:default}.boc-ui-pagination-sm>li.disabled>a,.boc-ui-pagination-sm>.arrow>a,.boc-ui-pagination-sm>.arrow>span{color:#ccc;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:#222;background-color:#fff;border-color:#666;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:#222}.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:#222}.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:#ccc;background-color:#eee;border-color:#eee;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:#222;border:1px solid #eee;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:#222;border-color:#222}.boc-ui-pagination-compact>li input{display:inline-block;width:40px;height:28px;color:#222;text-align:center;vertical-align:middle;border:1px solid #eee;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:#666}.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:#222;border-color:#222;cursor:default}.boc-ui-pagination-compact>li.disabled>a,.boc-ui-pagination-compact>.arrow>a,.boc-ui-pagination-compact>.arrow>span{color:#ccc;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:#222;background-color:#fff;border-color:#666;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:#222}.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:#222}.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:#ccc;background-color:#eee;border-color:#eee;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:#666}.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:#fc3}.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:#fc3;-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:.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:#999;transition:background ease .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 .3s}.boc-ui-switch .boc-ui-switch-checkbox::after{position:absolute;top:6px;left:6px;z-index:10;transition:all ease .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:#999;-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:#999;-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:#fc3;-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 .3s}.boc-ui-rtl .boc-ui-switch .boc-ui-switch-checkbox::after{right:6px;left:auto;z-index:10;transition:all ease .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:#fc3;opacity:.3;transition:all .5s;padding:0;color:transparent;cursor:pointer}.slick-dots>li>button:hover{opacity:.75}.slick-dots>li.slick-active button{width:24px;background:#fc3;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:#222;text-align:left;list-style:none;border:1px solid #eee;box-shadow:0px 10px 16px 0px rgba(88,90,110,.15);background-color:#fff;background-clip:padding-box;border-radius:2px;box-shadow:0px 10px 16px 0px rgba(88,90,110,.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,.15)}.boc-ui-dropdown-menu li.boc-ui-hover{background-color:#fc3}.boc-ui-dropdown-menu.loading{text-align:center;padding:20px}.boc-ui-dropdown-menu .other-info{text-align:center;padding:10px 20px;color:#999;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,.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}.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 #eee}.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:#222;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:#222}.dropdown-item:hover,.boc-ui-dropdown-menu a:hover{color:#090909;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:#ccc;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:#ccc}.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:#222;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:#222}.boc-ui-dropdown-menu .item-no-select-icon a:hover{color:#090909;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:#ccc}.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:#ccc;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:#ccc}.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:#e6e6e6;white-space:nowrap}.dropdown-item-text{display:block;padding:0 10px;color:#222}.dropdown-classify h6{margin:0;padding:4px 10px;color:#ccc;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}@-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:.3s;animation-duration:.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:.2s;animation-duration:.2s}.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}@-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:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.boc-ui-mask-motion-leave{-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-duration:.3s;animation-duration:.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}@-webkit-keyframes rooDialogZoomIn{0%{-webkit-transform:scale(0, 0);transform:scale(0, 0)}100%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}}@keyframes rooDialogZoomIn{0%{-webkit-transform:scale(0, 0);transform:scale(0, 0)}100%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}}@-webkit-keyframes rooDialogZoomOut{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}100%{-webkit-transform:scale(0, 0);transform:scale(0, 0)}}@keyframes rooDialogZoomOut{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}100%{-webkit-transform:scale(0, 0);transform:scale(0, 0)}}.boc-ui-zoom-motion-enter,.boc-ui-zoom-motion-appear{-webkit-animation-duration:.3s;animation-duration:.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:.3s;animation-duration:.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}@-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:.2s;animation-duration:.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:.2s;animation-duration:.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,.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 .15s ease-in-out,box-shadow .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 .15s ease-in-out,box-shadow .15s ease-in-out;display:block}.boc-ui-input{width:100%;padding:6px 8px;font-size:14px;line-height:1.5;color:#222;background-color:#fff;background-clip:padding-box;border:1px solid #eee;height:36px;border-radius:2px;transition:border-color .15s ease-in-out,box-shadow .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:#999;outline:0}.boc-ui-input::-webkit-input-placeholder{color:#ccc;opacity:1}.boc-ui-input:-ms-input-placeholder{color:#ccc;opacity:1}.boc-ui-input::placeholder{color:#ccc;opacity:1}.boc-ui-input[readonly]{border-color:#eee;color:#222;opacity:1}.boc-ui-input:disabled,.boc-ui-input.disabled{border-color:#eee;color:#ccc;background-color:#eee;cursor:not-allowed}.boc-ui-input:hover:not([readonly]):not(.readonly):not(.readOnly):not([disabled]):not(.disabled):not(.boc-ui-input-line){border-color:#999}.select-input-wrapper .boc-ui-input{color:#222}.select-input-wrapper .boc-ui-input:disabled{color:#ccc}.select-input-wrapper .boc-ui-input:disabled+.roo-icon,.select-input-wrapper .boc-ui-input:disabled+.roo-icon:hover{color:#ccc;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:#eee}.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:#999}.select-input-wrapper .boc-ui-input:focus{border-color:#999 !important}.select-input-wrapper .boc-ui-input.boc-ui-input-plaintext:hover{border-color:#999}.select-input-wrapper .boc-ui-input.boc-ui-input-line:hover{border-bottom-color:#999}.select-input-wrapper .boc-ui-input.boc-ui-input-line:focus{border-color:transparent transparent #999 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:#ccc;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:#222;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:#999}.boc-ui-input-line[readonly]{border-top-color:transparent;border-left-color:transparent;border-right-color:transparent;border-bottom-color:#999}.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:#222}.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}.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 #eee;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:#eee;border-color:#ccc !important;color:#ccc}.boc-ui-input-number .boc-ui-input-number-wrapper.disabled input{background-color:#eee;color:#ccc;cursor:not-allowed !important}.boc-ui-input-number .boc-ui-input-number-wrapper.disabled .input-number-operator{border-color:#ccc !important;color:#ccc !important;cursor:not-allowed !important}.boc-ui-input-number .boc-ui-input-number-wrapper.readOnly input{background-color:#fff;color:#666}.boc-ui-input-number .boc-ui-input-number-wrapper:hover{cursor:pointer;color:#666}.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:#222}.boc-ui-input-number.disabled{background-color:#eee;border-color:#eee !important;color:#ccc}.boc-ui-input-number.disabled input{background-color:#eee;color:#ccc;cursor:not-allowed !important}.boc-ui-input-number.disabled .input-number-operator{border-color:#eee !important;color:#ccc !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:#999}.boc-ui-input-number .input-number-operator:hover{cursor:pointer;color:#666}.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 #eee}.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 #eee}.boc-ui-input-number .input-number-operator.increase::after{content:"\EA32"}.boc-ui-input-number .input-number-operator.disabled{background-color:#eee;border-color:inherit !important;color:#ccc !important;cursor:not-allowed}.boc-ui-input-number:hover .input-number-operator{border-color:#999}.boc-ui-input-number:hover .boc-ui-input-number-wrapper{border-color:#999}.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:#222;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 #eee;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 #eee;border-bottom:1px solid #eee}.boc-ui-input-number-vertical .input-number-operator.increase.disabled{border-bottom:1px solid #eee !important}.boc-ui-input-number-vertical .input-number-operator.increase::after{content:"\EA0E"}.boc-ui-input-number-vertical:hover .input-number-operator{border-color:#eee}.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:#222;-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:#ccc;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 #eee;border-right:none}.boc-ui-rtl .boc-ui-input-number .input-number-operator.increase{border-left:none;border-right:1px solid #eee}.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 #eee}.boc-ui-rtl .boc-ui-input-number-vertical .input-number-operator.increase{right:auto;left:1px;border-right:1px solid #eee;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:#999}.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:#eee}.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 #999;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:#222;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:#222;border-color:#222 !important}.boc-ui-radio input:checked+.custom-radio::before{background-color:#fff}.boc-ui-radio input:checked+.custom-radio.brand{background-color:#fc3;border-color:#fc3 !important}.boc-ui-radio input:disabled+.custom-radio{border-color:#eee;background-color:#f5f6fa}.boc-ui-radio input:disabled:checked+.custom-radio{border-color:#222 !important;background-color:#222;opacity:.3}.boc-ui-radio input:disabled~.custom-radio-label{opacity:.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:#999}.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:#eee}.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 #999;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:#222;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:#222;border-color:#222 !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:#fc3;border-color:#fc3 !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 #222;border-top:0;border-left:0}.boc-ui-checkbox input:disabled+.custom-checkbox{border-color:#eee;background-color:#f5f6fa}.boc-ui-checkbox input:disabled:checked+.custom-checkbox{border-color:#222 !important;background-color:#222;opacity:.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:.5}.boc-ui-checkbox .focus{outline:0}.boc-ui-checkbox .half-checked{border-color:#222;background-color:#222}.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:#fc3;background-color:#fc3}.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 #222}.boc-ui-checkbox input:disabled+.half-checked{border-color:#222;background-color:#222;opacity:.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:#666}.boc-ui-breadcrumb>li span,.boc-ui-breadcrumb>li a,.boc-ui-breadcrumb>li a:visited{vertical-align:middle;color:#666}.boc-ui-breadcrumb>li i.roo-icon{font-size:1.4em;vertical-align:middle}.boc-ui-breadcrumb>li:not(.active)>i{color:#666;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:#222}.boc-ui-breadcrumb>li.active>i{margin-right:4px}.boc-ui-breadcrumb>li.active span,.boc-ui-breadcrumb>li.active a{color:#222}.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:#999;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:#999;cursor:pointer}.boc-ui-tabs-container .boc-ui-tabs-pre:hover,.boc-ui-tabs-container .boc-ui-tabs-next:hover{color:#222}.boc-ui-tabs-container .boc-ui-tabs-pre.disabled,.boc-ui-tabs-container .boc-ui-tabs-next.disabled{color:#ccc !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:#666}.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:#222;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:#666}.boc-ui-tabs-nav>li>a:hover{color:#222;text-decoration:none}.boc-ui-tabs-nav>li>a:hover em{color:#222}.boc-ui-tabs-nav>li>a:hover em:first-child{color:#222}.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:#ccc !important;cursor:not-allowed !important}.boc-ui-tabs-nav .disabled a *{color:#ccc !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 #eee;color:#666;background-color:#f5f6fa;cursor:pointer}.boc-ui-tabs-card .boc-ui-tabs-container .tab-item.active .a-card{background-color:#fff;color:#222;border-color:#eee}.boc-ui-tabs-card .boc-ui-tabs-container .tab-item .tab-item-card{border:1px solid #eee;color:#666;background-color:#f5f6fa;cursor:pointer}.boc-ui-tabs-card .boc-ui-tabs-container .tab-item.active .tab-item-card{background-color:#fff;color:#222;border-color:#eee}.boc-ui-tabs-card .boc-ui-tabs-container .tab-item .tab-item-card.disabled{background-color:#eee !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:#666;cursor:pointer}.boc-ui-tabs-line .boc-ui-tabs-container .tab-item.active .a-line{color:#222}.boc-ui-tabs-line .boc-ui-tabs-container .tab-item .tab-item-line{border:none;background:transparent;color:#666;cursor:pointer}.boc-ui-tabs-line .boc-ui-tabs-container .tab-item.active .tab-item-line{color:#222}.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 #eee;color:#666;cursor:pointer;background-color:#f5f6fa}.boc-ui-tabs-fill .boc-ui-tabs-container .tab-item.active .a-fill{color:#fff;background-color:#222;border-color:#222}.boc-ui-tabs-fill .boc-ui-tabs-container .tab-item.active .tab-item-fill{color:#fff;background-color:#222;border-color:#222}.boc-ui-tabs-fill .boc-ui-tabs-container .tab-item .tab-item-fill.disabled{background-color:#eee !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:#222}.boc-ui-tabs-multiline .tab-item.active a em{color:#222}.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 .3s;color:#ccc}.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:#eee;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:#eee;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:#222;text-align:left;list-style:none;border:1px solid #eee;box-shadow:0px 10px 16px 0px rgba(88,90,110,.15);background-color:#fff;background-clip:padding-box;border-radius:2px;box-shadow:0px 10px 16px 0px rgba(88,90,110,.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,.15)}.boc-ui-dropdown-menu li.boc-ui-hover{background-color:#fc3}.boc-ui-dropdown-menu.loading{text-align:center;padding:20px}.boc-ui-dropdown-menu .other-info{text-align:center;padding:10px 20px;color:#999;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,.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}.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 #eee}.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:#222;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:#222}.dropdown-item:hover,.boc-ui-dropdown-menu a:hover{color:#090909;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:#ccc;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:#ccc}.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:#222;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:#222}.boc-ui-dropdown-menu .item-no-select-icon a:hover{color:#090909;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:#ccc}.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:#ccc;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:#ccc}.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:#e6e6e6;white-space:nowrap}.dropdown-item-text{display:block;padding:0 10px;color:#222}.dropdown-classify h6{margin:0;padding:4px 10px;color:#ccc;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}@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:.3s;animation-duration:.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:.2s;animation-duration:.2s}.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}@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:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.boc-ui-mask-motion-leave{-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-duration:.3s;animation-duration:.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}@keyframes rooDialogZoomIn{0%{-webkit-transform:scale(0, 0);transform:scale(0, 0)}100%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}}@keyframes rooDialogZoomOut{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}100%{-webkit-transform:scale(0, 0);transform:scale(0, 0)}}.boc-ui-zoom-motion-enter,.boc-ui-zoom-motion-appear{-webkit-animation-duration:.3s;animation-duration:.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:.3s;animation-duration:.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}@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:.2s;animation-duration:.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:.2s;animation-duration:.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,.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:#ccc;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:#222;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:-.9s;animation-delay:-.9s}.loading-pt .loading-item4{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.loading-pt .loading-item4::before{-webkit-animation-delay:-.8s;animation-delay:-.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:-.6s;animation-delay:-.6s}.loading-pt .loading-item7{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.loading-pt .loading-item7::before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.loading-pt .loading-item8{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.loading-pt .loading-item8::before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.loading-pt .loading-item9{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.loading-pt .loading-item9::before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.loading-pt .loading-item10{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.loading-pt .loading-item10::before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.loading-pt .loading-item11{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.loading-pt .loading-item11::before{-webkit-animation-delay:-.1s;animation-delay:-.1s}.loading-icon{position:relative;display:inline-block;min-width:38px;min-height:38px;margin:0 auto;-webkit-animation:spin .8s infinite steps(8);animation:spin .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:#ccc 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:#222}.loading-icon .loading-item1::after{border-top-color:#222}.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,.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,.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 .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out, -webkit-transform .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:#999;font-size:15.96px;background:transparent;border:0;cursor:pointer;-webkit-appearance:none}.boc-ui-modal .boc-ui-modal-dialog .close:hover{color:#222}.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,.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:#222;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:#222;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 .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:#222;display:inline-block;box-shadow:0 2px 4px 0 #999;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:.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:#222}.boc-ui-toast.boc-ui-toast-light .boc-ui-toast-content.has-icon.info:before{color:#222;content:"\EA27"}.boc-ui-toast.boc-ui-toast-light .boc-ui-toast-content.has-icon.loading:before{color:#222}.boc-ui-toast.boc-ui-toast-light .boc-ui-toast-body .content{color:#222}.boc-ui-toast.boc-ui-toast-light .boc-ui-toast-footer .btn{color:#222}.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:#222}.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:#ccc}.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:#ccc}.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:#ccc}.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:#ccc}.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:#ccc}.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:#ccc}.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:#ccc}.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:#ccc}.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:#ccc}.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:#ccc}.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,.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:#222}.boc-ui-rtl .boc-ui-btn-group.boc-ui-btn-rtl .boc-ui-btn-radio-outline-active:hover{border-color:#222}.boc-ui-rtl .boc-ui-btn-group.boc-ui-btn-rtl .boc-ui-btn-radio-outline-active:active{background-color:#fff !important;color:#222 !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,.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:#222}.boc-ui-btn-group.boc-ui-btn-ltr .boc-ui-btn-radio-outline-active:hover{border-color:#222}.boc-ui-btn-group.boc-ui-btn-ltr .boc-ui-btn-radio-outline-active:active{background-color:#fff !important;color:#222 !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:#ccc;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:#222;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:#999 !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%);color:#999;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:#222;text-align:center;white-space:nowrap;background-color:#fff;border:1px solid #eee;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 #eee;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:#ccc}.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:#999}.boc-ui-input-group-outline.readonly,.readonly.boc-ui-input-group-no-outline{border-color:#eee;color:#999}.boc-ui-input-group-outline.disabled,.disabled.boc-ui-input-group-no-outline{border-color:#f5f6fa;color:#eee;cursor:not-allowed}.boc-ui-input-group-outline-line{border-bottom:1px solid #eee;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:#eee}.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:#eee;z-index:2;cursor:pointer}.boc-ui-slider-value-bar{position:absolute;height:4px;border-radius:2px;background:#222}.boc-ui-slider-button{position:absolute;top:12px;left:12px;width:12px;height:12px;border-radius:50%;background:#222;transition:.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:#222}.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:#222}.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:#fc3}.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:#222}.boc-ui-slider.disabled .boc-ui-slider-bar{background:#eee !important;cursor:not-allowed !important}.boc-ui-slider.disabled .boc-ui-slider-value-bar,.boc-ui-slider.disabled .boc-ui-slider-button{background:#ccc !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-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:#eee;overflow:hidden}.boc-ui-progress-bar-inner{height:100%;border-radius:1px;background:#222;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:#fc3}.boc-ui-progress.is-brand .boc-ui-progress-text{color:#fc3}.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:.5}.boc-ui-tree-node-label{color:#222}.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:#ccc;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 #ccc;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 #ccc;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:.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 #999}.boc-ui-tree-target-border-top{border-top:1px solid #999}.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 #ccc;border-left:none}.boc-ui-rtl .boc-ui-tree-node-children>.boc-ui-tree-node.is-leaf::after{right:0;left:auto}.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:.3s;animation-duration:.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:.3s;animation-duration:.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,.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:.3s;animation-duration:.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:.3s;animation-duration:.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 #eee;white-space:nowrap;box-shadow:0px 10px 16px 0px rgba(88,90,110,.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 #eee}.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:#222;border-radius:0}.boc-ui-datepicker .action-group a:hover,.boc-ui-datepicker tbody a:hover{background-color:#eee;border-color:#eee;text-decoration:none}.boc-ui-datepicker .boc-ui-datepicker-inputs{text-align:center;padding:5px 0;border-bottom:1px solid #eee}.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:#eee}.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 #eee;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:#222}.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:#222;border-color:#222;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:#999}.boc-ui-datepicker tbody td.disabled a,.boc-ui-datepicker tbody td.disabled a:hover{color:#ccc;cursor:not-allowed;background-color:transparent;border-color:transparent}.boc-ui-datepicker tbody td.disabled.active{background-color:#eee;border-color:#eee}.boc-ui-datepicker tbody td.in-range{background-color:#eee;border-color:#eee}.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 #eee;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,.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 #eee}.picker-select-wrap>ul>li{padding:0 21px;line-height:28px;color:#222}.picker-select-wrap>ul>li:hover{background-color:#f5f6fa;cursor:pointer}.picker-select-wrap>ul>li.active{background-color:rgba(238,238,238,.6);color:#ff6a00}.picker-select-wrap>ul>li.disabled{color:#ccc;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 #eee;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:#eee}.boc-ui-divider,.boc-ui-divider-vertical{display:inline-block;height:.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 #eee;-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 #eee}.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,.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:#222;border-bottom:1px solid rgba(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:#222;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:#999;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:#222}.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,.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 .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:#eee;cursor:pointer}.boc-ui-upload-card-item-error{color:#ff192d}.boc-ui-upload-card-file-loading,.boc-ui-upload-card-file-success{color:#222}.boc-ui-upload-list-item>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.boc-ui-upload-list-item:hover{color:#222}.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:#eee 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,.45);transition:background-color .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:#222;fill:#222}.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:#222;border:1px dashed #ccc}.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 #ccc}.boc-ui-upload-load{height:100%;-ms-flex:1;flex:1}.boc-ui-accordion-motion{transition:height .3s,opacity .3s}.boc-ui-accordion{border:1px solid #eee}.boc-ui-accordion .boc-ui-accordion-panel .boc-ui-accordion-panel-header{border-top:1px solid #eee;background-color:#f5f6fa;color:#222;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 #eee;font-size:12px;display:none}.boc-ui-accordion .boc-ui-accordion-panel .boc-ui-accordion-panel-active{display:block;color:#666}.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:#ccc;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 #eee;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 #eee;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 #eee}.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:#666}.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:#eee;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:#222}.boc-ui-timeline-item-tail{position:absolute;top:0;bottom:0;width:2px;background-color:#eee}.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 #eee;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:#222;text-align:left;list-style:none;border-right:1px solid #eee;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,.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}.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 #eee;border-radius:2px;padding:6px 10px;cursor:pointer;background:#fff}.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:#ccc}.boc-ui-multi-cascader-toggle .roo-icon{cursor:pointer;color:#ccc}.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:#fff}.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:#fff}.boc-ui-multi-cascader-border-color{border-color:#999}.boc-ui-multi-cascader-toggle .roo-icon:hover{color:#ccc}.boc-ui-multi-cascader-toggle-placeholder{color:#ccc}.boc-ui-multi-cascader-disabled{border-color:#eee;color:#ccc;background-color:#eee;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:#fff;border-color:#fff}.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,.45)}.boc-ui-image-viewer-mask{position:fixed;top:0;right:0;left:0;bottom:0;background-color:rgba(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:#222}.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:#222}.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:#222}.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:#222;border-radius:4px;overflow:hidden;text-align:center;line-height:35px}.boc-ui-image-viewer-toolbar-tooltips .triangle{width:0px;height:0px;border:6px solid #222;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:#222}.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:.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:#222;opacity:.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:.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 .8s linear infinite;animation:round_animate .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,.45);cursor:pointer;opacity:0;transition:opacity .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 #eee;border-radius:4px;box-shadow:0 2px 10px 0 rgba(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 #eee}.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:#666;opacity:.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:#666;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 #eee}.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:#ccc;border-radius:4px}.boc-ui-tableNew{position:relative;font-size:14px;box-sizing:border-box;margin:0;padding:0;color:#222;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:#222;background:#f5f6fa}.boc-ui-tableNew-thead>tr>th{position:relative;color:#666;text-align:left;background:#f5f6fa;border-bottom:1px solid #eee;transition:background .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 #eee;transition:background .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:#eee;border-color:rgba(0,0,0,.03)}.boc-ui-tableNew-tbody>tr.boc-ui-tableNew-row-selected:hover>td{background:#eee}.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:#eee}.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:#222}.boc-ui-tableNew.boc-ui-tableNew-bordered>.boc-ui-tableNew-title{border:1px solid #eee;border-bottom:0}.boc-ui-tableNew.boc-ui-tableNew-bordered>.boc-ui-tableNew-container{border-left:1px solid #eee}.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 #eee}.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 #eee}.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 #eee}.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 #eee;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 #eee}.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 #eee;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,.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 .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 .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 .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,.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,.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,.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,.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,.6);border-top:1px solid #eee;opacity:.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 .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 .3s}.boc-ui-tableNew-thead th.boc-ui-tableNew-column-has-sorters:hover{background:#eee}.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:#eee}.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 .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:#ccc}.boc-ui-tableNew-column-sorter .roo-icon.off{color:#ccc}.boc-ui-tableNew-column-sorter .roo-icon.on{color:#222}.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:#ccc;font-size:14px;border-radius:2px;cursor:pointer;transition:all .3s}.boc-ui-tableNew-filter-dropdown{font-size:14px;box-sizing:border-box;margin-top:8px;padding:0;color:#222;line-height:1.2;list-style:none;background:#fff;box-shadow:0 4px 5px 0 rgba(34,34,34,.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 #eee}.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:#222;outline:none;cursor:pointer;transition:color .3s;position:relative;float:left;box-sizing:border-box;width:17px;height:17px;padding:0;color:inherit;line-height:17px;background:#fff;border:1px solid #eee;border-radius:2px;transition:all .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:#222}.boc-ui-tableNew-row-expand-icon:active{color:#222}.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 .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out, -webkit-transform .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 #eee;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 #eee;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 #eee;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 #eee;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,.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,.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,.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:#222;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:#222}.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 .15s ease-in-out,box-shadow .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 .15s ease-in-out,box-shadow .15s ease-in-out;display:block}.boc-ui-input{width:100%;padding:6px 8px;font-size:14px;line-height:1.5;color:#222;background-color:#fff;background-clip:padding-box;border:1px solid #eee;height:36px;border-radius:2px;transition:border-color .15s ease-in-out,box-shadow .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:#999;outline:0}.boc-ui-input::-webkit-input-placeholder{color:#ccc;opacity:1}.boc-ui-input:-ms-input-placeholder{color:#ccc;opacity:1}.boc-ui-input::placeholder{color:#ccc;opacity:1}.boc-ui-input[readonly]{border-color:#eee;color:#222;opacity:1}.boc-ui-input:disabled,.boc-ui-input.disabled{border-color:#eee;color:#ccc;background-color:#eee;cursor:not-allowed}.boc-ui-input:hover:not([readonly]):not(.readonly):not(.readOnly):not([disabled]):not(.disabled):not(.boc-ui-input-line){border-color:#999}.select-input-wrapper .boc-ui-input{color:#222}.select-input-wrapper .boc-ui-input:disabled{color:#ccc}.select-input-wrapper .boc-ui-input:disabled+.roo-icon,.select-input-wrapper .boc-ui-input:disabled+.roo-icon:hover{color:#ccc;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:#eee}.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:#999}.select-input-wrapper .boc-ui-input:focus{border-color:#999 !important}.select-input-wrapper .boc-ui-input.boc-ui-input-plaintext:hover{border-color:#999}.select-input-wrapper .boc-ui-input.boc-ui-input-line:hover{border-bottom-color:#999}.select-input-wrapper .boc-ui-input.boc-ui-input-line:focus{border-color:transparent transparent #999 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:#ccc;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:#222;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:#999}.boc-ui-input-line[readonly]{border-top-color:transparent;border-left-color:transparent;border-right-color:transparent;border-bottom-color:#999}.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:#222}.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}.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 #eee;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:#eee;border-color:#ccc !important;color:#ccc}.boc-ui-input-number .boc-ui-input-number-wrapper.disabled input{background-color:#eee;color:#ccc;cursor:not-allowed !important}.boc-ui-input-number .boc-ui-input-number-wrapper.disabled .input-number-operator{border-color:#ccc !important;color:#ccc !important;cursor:not-allowed !important}.boc-ui-input-number .boc-ui-input-number-wrapper.readOnly input{background-color:#fff;color:#666}.boc-ui-input-number .boc-ui-input-number-wrapper:hover{cursor:pointer;color:#666}.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:#222}.boc-ui-input-number.disabled{background-color:#eee;border-color:#eee !important;color:#ccc}.boc-ui-input-number.disabled input{background-color:#eee;color:#ccc;cursor:not-allowed !important}.boc-ui-input-number.disabled .input-number-operator{border-color:#eee !important;color:#ccc !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:#999}.boc-ui-input-number .input-number-operator:hover{cursor:pointer;color:#666}.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 #eee}.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 #eee}.boc-ui-input-number .input-number-operator.increase::after{content:"\EA32"}.boc-ui-input-number .input-number-operator.disabled{background-color:#eee;border-color:inherit !important;color:#ccc !important;cursor:not-allowed}.boc-ui-input-number:hover .input-number-operator{border-color:#999}.boc-ui-input-number:hover .boc-ui-input-number-wrapper{border-color:#999}.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:#222;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 #eee;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 #eee;border-bottom:1px solid #eee}.boc-ui-input-number-vertical .input-number-operator.increase.disabled{border-bottom:1px solid #eee !important}.boc-ui-input-number-vertical .input-number-operator.increase::after{content:"\EA0E"}.boc-ui-input-number-vertical:hover .input-number-operator{border-color:#eee}.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:#222;-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:#ccc;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 #eee;border-right:none}.boc-ui-rtl .boc-ui-input-number .input-number-operator.increase{border-left:none;border-right:1px solid #eee}.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 #eee}.boc-ui-rtl .boc-ui-input-number-vertical .input-number-operator.increase{right:auto;left:1px;border-right:1px solid #eee;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:#999}.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:#eee}.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 #999;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:#222;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:#222;border-color:#222 !important}.boc-ui-radio input:checked+.custom-radio::before{background-color:#fff}.boc-ui-radio input:checked+.custom-radio.brand{background-color:#fc3;border-color:#fc3 !important}.boc-ui-radio input:disabled+.custom-radio{border-color:#eee;background-color:#f5f6fa}.boc-ui-radio input:disabled:checked+.custom-radio{border-color:#222 !important;background-color:#222;opacity:.3}.boc-ui-radio input:disabled~.custom-radio-label{opacity:.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:#999}.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:#eee}.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 #999;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:#222;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:#222;border-color:#222 !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:#fc3;border-color:#fc3 !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 #222;border-top:0;border-left:0}.boc-ui-checkbox input:disabled+.custom-checkbox{border-color:#eee;background-color:#f5f6fa}.boc-ui-checkbox input:disabled:checked+.custom-checkbox{border-color:#222 !important;background-color:#222;opacity:.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:.5}.boc-ui-checkbox .focus{outline:0}.boc-ui-checkbox .half-checked{border-color:#222;background-color:#222}.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:#fc3;background-color:#fc3}.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 #222}.boc-ui-checkbox input:disabled+.half-checked{border-color:#222;background-color:#222;opacity:.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:#222;font-size:16px;text-align:center;font-weight:500;margin:8px 0}.boc-ui-result-subtitle{margin-bottom:12px;color:#666;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;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:#222;line-height:64px}.boc-ui-layout-pro-footer{padding:24px 50px;color:#222;font-size:14px;background:#f5f6fa}.boc-ui-layout-pro-content{-ms-flex:auto;flex:auto;min-height:0}.boc-ui-layout-pro-sider{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;background:#fff;transition:all .2s}.boc-ui-layout-pro-sider-children{overflow:auto;-ms-flex:1;flex:1;margin-top:-0.1px;padding-top:.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 .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 .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 .3s;content:""}.boc-ui-layout-pro-sider-zero-width-trigger:hover::after{background:rgba(255,255,255,.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:#ccc;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,.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:#222;line-height:36px;cursor:pointer;padding:0 36px 0 8px}.boc-ui-city-selector-search-item-disabled{color:#ccc;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 #eee}.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:#222;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:"";font-family:"roo-icon";font-style:normal;font-weight:normal;color:#ff6a00}.boc-ui-city-selector-option-item-disabled-opt{color:#ccc;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:#ccc}.boc-ui-city-selector-option-item-disabled-active{color:#ccc}.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 #eee;box-shadow:0 4px 5px 0 rgba(169,169,169,.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 #eee;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:#222;font-weight:500}.boc-ui-city-selector-city-selected-value{color:#666;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:#222}.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:#67697f;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 #eee}.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 #ccc}.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:#222;font-weight:400;background:#fff;border:1px solid #ccc;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 #ccc;border-radius:18px;color:#222}.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 #eee !important;color:#ccc !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:#666}.boc-ui-b-my-evaluation .boc-ui-b-eva-block-disabled{color:#ccc}.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:#ccc;background-color:#ccc}.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:#222;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:#ccc}.boc-ui-b-my-evaluation .boc-ui-b-eva-block-horizontal-disabled .boc-ui-b-eva-desc{margin:0 4px;color:#ccc}.boc-ui-b-my-evaluation .boc-ui-b-eva-block-horizontal-disabled .boc-ui-b-eva-number{color:#ccc;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 #eee;transition:all .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:#222}.boc-ui-header-dark{background:#222;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 #eee}.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:#ccc;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,.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:#222;line-height:36px;cursor:pointer;padding:0 36px 0 8px}.boc-ui-city-selector-search-item-disabled{color:#ccc;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 #eee}.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:#222;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:"";font-family:"roo-icon";font-style:normal;font-weight:normal;color:#ff6a00}.boc-ui-city-selector-option-item-disabled-opt{color:#ccc;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:#ccc}.boc-ui-city-selector-option-item-disabled-active{color:#ccc}.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 #eee;box-shadow:0 4px 5px 0 rgba(169,169,169,.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 #eee;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:#222;font-weight:500}.boc-ui-city-selector-city-selected-value{color:#666;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:#222}.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:#67697f;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 #eee}.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:#222;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 #eee;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 #eee;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 #eee}.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 #222;border-radius:2px}.boc-ui-poi-selector-content .left .select-text:hover{color:#222}.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:#ccc}.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 #eee}.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 #eee;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:#222;margin-bottom:16px}.boc-ui-table-tab-wrapper-form{padding:16px 16px 0 16px}.boc-ui-table-tab-wrapper-bordertop{border-top:1px solid #eee}.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 #eee;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 #eee;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:#222;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,.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 #eee;border-left:none !important}.boc-ui-org-popperportal{margin:8px 0}.boc-ui-organizationPicker{box-shadow:0px 10px 16px 0px rgba(88,90,110,.15)}.boc-ui-org-box{width:773px;background:#fff;border:1px solid #eee;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:#222}.boc-ui-org-box .boc-ui-org-select-box label.title{display:inline-block;color:#222;margin-bottom:12px}.boc-ui-org-box .boc-ui-org-select-box .boc-ui-org-select{height:202px;border:1px solid #eee;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:#ccc;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:#ccc}.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:#ccc;cursor:not-allowed !important}.boc-ui-org-check-result{position:relative;height:30px;overflow:hidden;transition:height .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 .5s}.boc-ui-org-title{font-size:16px;color:#222;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:#999;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 #eee;color:#222}.boc-ui-card-guidelines-item-dark{background:rgba(34,34,34,.8);color:#fff}.boc-ui-card-guidelines-item{min-width:150px;margin:6px;border-radius:2px;padding:16px;transition:all .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 #fc3}.boc-ui-card-guidelines-item-actived-light .arrow-bottom{border-color:#fc3 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 #fc3}.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 #fc3 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 #fc3}.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,.8) transparent transparent}.boc-ui-card-guidelines-item-actived-dark .arrow-top{border-color:transparent transparent rgba(34,34,34,.8)}.boc-ui-card-guidelines-item-actived-dark .arrow-left{border-color:transparent rgba(34,34,34,.8) transparent transparent}.boc-ui-card-guidelines-item-actived-dark .arrow-right{border-color:transparent transparent transparent rgba(34,34,34,.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 .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 .2s;box-shadow:0 0 10px 0 rgba(17,136,243,.1),0 2px 6px 0 rgba(232,237,250,.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 #fc3}.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 #fc3 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,.8)}.boc-ui-rtl .boc-ui-card-guidelines-item-actived-dark .arrow-right{border-color:transparent rgba(34,34,34,.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:#222}.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 #eee;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,.08)}.boc-ui-analysis-dataCard-click{border:1px solid #ff6a00;border-radius:2px;box-shadow:0 0 5px 0 rgba(255,106,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:#222;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:#222;font-weight:700;line-height:1}.boc-ui-analysis-dataCard-unit{font-size:14px;color:#222;font-weight:400;margin-left:1px}.boc-ui-analysis-dataCard-minor{font-size:12px;color:#666;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:#222;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:#222;text-align:center;white-space:nowrap;background-color:#fff;border:1px solid #eee;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:#eee;cursor:not-allowed;color:#ccc}.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:#222;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:#222;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-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:#222;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 .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 .3s cubic-bezier(0.645, 0.045, 0.355, 1),opacity .3s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;transition:opacity .3s cubic-bezier(0.645, 0.045, 0.355, 1),opacity .3s cubic-bezier(0.645, 0.045, 0.355, 1),transform .3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;transition:opacity .3s cubic-bezier(0.645, 0.045, 0.355, 1),opacity .3s cubic-bezier(0.645, 0.045, 0.355, 1),transform .3s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform .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 .3s cubic-bezier(0.645, 0.045, 0.355, 1),opacity .3s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;transition:height .3s cubic-bezier(0.645, 0.045, 0.355, 1),opacity .3s cubic-bezier(0.645, 0.045, 0.355, 1),transform .3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;transition:height .3s cubic-bezier(0.645, 0.045, 0.355, 1),opacity .3s cubic-bezier(0.645, 0.045, 0.355, 1),transform .3s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform .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:#ccc;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:#ccc}.boc-ui-dynamic-form-row .tooltip-btn-disabled{cursor:not-allowed;color:#ccc}.boc-ui-dynamic-form-row .tooltip-btn{cursor:pointer;color:#222}.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 #eee;display:-ms-flexbox;display:flex}.boc-ui-dynamic-table-header-item{padding:16px;color:#666}.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 #eee;border-left:1px solid #eee;border-right:1px solid #eee;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:#eee}.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:#fc3;text-decoration:underline}.boc-ui-editor-new input[type=checkbox]{-webkit-appearance:none;appearance:none;position:relative;width:16px;height:16px;border:1px solid #222;background-color:#fff;vertical-align:sub;border-radius:2px}.boc-ui-editor-new input[type=checkbox]:checked{background-color:#222}.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:.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 #0000001f;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:.75em;opacity:0;padding:5px 10px;position:absolute;text-align:center;top:40px;transition:opacity .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 .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 #0000001f;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 #0000001f;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 #0000001f;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 #0000001f;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 .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 .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 .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:.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:.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:.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:#666;margin-bottom:16px;margin-top:16px}.boc-ui-image-editor-main-container .boc-ui-image-editor-notice{font-size:14px;color:#999;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:#ccc}.boc-ui-image-editor-main-container .boc-ui-image-editor-aspect-wrap{margin-right:10px;font-size:14px;color:#666}.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 #ccc}.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:.5}.boc-ui-image-editor-main-container .cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.boc-ui-image-editor-main-container .cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.boc-ui-image-editor-main-container .cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.boc-ui-image-editor-main-container .cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.boc-ui-image-editor-main-container .cropper-center{display:block;height:0;left:50%;opacity:.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:.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:.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:.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:#ccc}.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:#666;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,.08);border-radius:2px}.boc-ui-image-card{background:#fff;border:1px solid #eee;border-radius:4px;width:380px;margin:10px}.boc-ui-image-card:hover{border:1px solid #ccc;box-shadow:0 0 5px 0 rgba(34,34,34,.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:#222;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:#999;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,.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:#eee;border-radius:20px}.boc-ui-progress-circle-trail{stroke:#eee}.boc-ui-progress-circle-path{-webkit-animation:"@{$progress-prefix-cls}-progress-appear" .3s;animation:"@{$progress-prefix-cls}-progress-appear" .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:#fc3}.boc-ui-progress-success-bg,.boc-ui-progress-bg{position:relative;background-color:#fc3;border-radius:20px;transition:all .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:#222;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:#222;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 .3s}.boc-ui-progress .boc-ui-progress-steps-active{background-color:#00bf7f}@-webkit-keyframes boc-ui-progress-progress-active{0%{width:0;opacity:.1}20%{width:0;opacity:.5}100%{width:100%;opacity:0}}@keyframes boc-ui-progress-progress-active{0%{width:0;opacity:.1}20%{width:0;opacity:.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:#222}.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 .15s,box-shadow ease-in-out .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:#999}.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,.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 .2s;background-color:#eee;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,.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:#999}.c-city-pane .city-selected-item:hover .delete-icon{color:#222}.c-city-pane .city-toolbar{padding:0 5px;border-bottom:1px solid #d2d2d2;color:#222}.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:#222;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:#222}.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:#222;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:#222;border-color:#999}.c-city-pane .city-item:hover{color:#222}.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:#222;cursor:pointer}.c-city-pane .city-footer{text-align:center;height:60px;background:#eee;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,.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:#222;background-color:#fff;border:1px solid #999;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:#222;border-color:#222}.c-city-pane .city-footer-btn.primary{color:#fff;background-color:#222}.c-city-pane .city-footer-btn.primary:hover{background-color:rgba(34,34,34,.8);border-color:rgba(34,34,34,.8)}.c-city-pane .city-footer-btn.primary:active{background-color:#222;border-color:#222}.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:.5;background-color:#222}.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,.75)}.kui-cropper .cropper-dashed{position:absolute;display:block;opacity:.5;border:0 dashed #eee}.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:.75}.kui-cropper .cropper-center:before,.kui-cropper .cropper-center:after{position:absolute;display:block;content:" ";background-color:#eee}.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:.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:.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:.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 #222}.boc-ui-evaluation .icon-wrapper.commenting i{color:#222}.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:#222}.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:#ccc}.boc-ui-evaluation .disabled-item .count{color:#ccc}.boc-ui-evaluation .disabled-item .icon-wrapper.thumbs-up{border:solid 1px #ccc;background:#ccc}.boc-ui-evaluation .disabled-item .icon-wrapper.thumbs-up i{color:#fff}.boc-ui-evaluation .disabled-item .icon-wrapper.thumbs-down{border:solid 1px #ccc;background:#ccc}.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,.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:#999;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:#222}.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 #eee;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:#eee}.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:#222;cursor:pointer}.boc-ui-img-uploader .clear-icon i{vertical-align:top}.boc-ui-img-uploader .clear-icon:hover{color:#222}.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 #999}.no-boder{border:none !important}.circle{border-radius:100%}.border-top{border-top:1px solid #999}.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 #999}.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 #999}.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 #999}.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,.45);position:fixed;top:0px;right:0px;bottom:0px;left:0px;opacity:1;transition:opacity .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:#222 !important}.boc-ui-primary-bg{background-color:#222 !important}.boc-ui-primary-bc{border-color:#222 !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:#fc3 !important}.boc-ui-brand-bg{background-color:#fc3 !important}.boc-ui-brand-bc{border-color:#fc3 !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:#222 !important}.boc-ui-dark-bg{background-color:#222 !important}.boc-ui-dark-bc{border-color:#222 !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:#222 !important}.boc-ui-font-color-secondary{color:#666 !important}.boc-ui-font-color-weak{color:#999 !important}.boc-ui-font-color-lighten{color:#ccc !important}.boc-ui-font-color-dark{color:#222 !important}.boc-ui-font-color-light{color:#fff !important}.boc-ui-border-color{border-color:#999 !important}.boc-ui-ling-color{border-color:#eee !important}.boc-ui-disabled-color{background-color:#ccc !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}
.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:#222 !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:#222;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:.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:"";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:.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;
}

.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:#222;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:#999;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-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:#222;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:#fff;box-shadow:0px -2px 20px 0px #36394d19}.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model.boc-ui-label-model .boc-ui-label-model-form-tips{color:#999;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:#999;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:#222}.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:#222 !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:#ccc}.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}.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}
.associated-selector {
  margin-left: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  /* 垂直居中对齐 */
}
.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-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:#222;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:#fff;box-shadow:0px -2px 20px 0px #36394d19}.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:#999;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:#222 !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:#ccc}.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;
}


/*# sourceMappingURL=//awp-assets.sankuai.com/set/online_shangou_medicine_brand/sourcemap/css/vendor.9ceb199b4ede409fc7f2.css.map*/