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

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

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

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

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

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

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

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

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

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

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

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

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

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

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

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

input::placeholder {
    color: #CCCCCC;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.roo-grid-row-no-wrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
.roo-grid-row-start {
    -ms-flex-pack: start;
        justify-content: flex-start;
}
.roo-grid-row-center {
    -ms-flex-pack: center;
        justify-content: center;
}
.roo-grid-row-end {
    -ms-flex-pack: end;
        justify-content: flex-end;
}
.roo-grid-row-space-between {
    -ms-flex-pack: justify;
        justify-content: space-between;
}
.roo-grid-row-space-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
}
.roo-grid-row-space-evenly {
    -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
}
.roo-grid-row-top {
    -ms-flex-align: start;
        align-items: flex-start;
}
.roo-grid-row-middle {
    -ms-flex-align: center;
        align-items: center;
}
.roo-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;
}

.roo-grid-order-0 {
    -ms-flex-order: 0;
        order: 0;
}

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

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

.roo-grid-order-1 {
    -ms-flex-order: 1;
        order: 1;
}

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

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

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

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

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

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

.roo-grid-order-2 {
    -ms-flex-order: 2;
        order: 2;
}

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

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

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

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

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

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

.roo-grid-order-3 {
    -ms-flex-order: 3;
        order: 3;
}

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

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

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

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

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

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

.roo-grid-order-4 {
    -ms-flex-order: 4;
        order: 4;
}

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

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

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

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

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

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

.roo-grid-order-5 {
    -ms-flex-order: 5;
        order: 5;
}

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

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

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

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

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

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

.roo-grid-order-6 {
    -ms-flex-order: 6;
        order: 6;
}

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

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

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

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

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

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

.roo-grid-order-7 {
    -ms-flex-order: 7;
        order: 7;
}

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

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

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

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

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

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

.roo-grid-order-8 {
    -ms-flex-order: 8;
        order: 8;
}

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

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

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

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

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

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

.roo-grid-order-9 {
    -ms-flex-order: 9;
        order: 9;
}

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

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

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

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

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

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

.roo-grid-order-10 {
    -ms-flex-order: 10;
        order: 10;
}

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

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

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

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

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

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

.roo-grid-order-11 {
    -ms-flex-order: 11;
        order: 11;
}

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

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

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

.roo-rtl .roo-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;
    }
    .roo-rtl .offset-sm-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .roo-grid-order-sm-0 {
        -ms-flex-order: 0;
            order: 0;
    }
    .roo-grid-pull-sm-0 {
        right: auto;
    }
    .roo-rtl .roo-grid-pull-sm-0 {
        left: auto;
    }
    .roo-grid-push-sm-0 {
        left: auto;
    }
    .roo-rtl .roo-grid-push-sm-0 {
        right: auto;
    }
    .offset-sm-1 {
        margin-left: 8.3333333333%;
    }
    .roo-rtl .offset-sm-1 {
        margin-left: 0;
        margin-right: 8.3333333333%;
    }
    .roo-grid-order-sm-1 {
        -ms-flex-order: 1;
            order: 1;
    }
    .roo-grid-pull-sm-1 {
        right: 8.3333333333%;
    }
    .roo-rtl .roo-grid-pull-sm-1 {
        left: 8.3333333333%;
    }
    .roo-grid-push-sm-1 {
        left: 8.3333333333%;
    }
    .roo-rtl .roo-grid-push-sm-1 {
        right: 8.3333333333%;
    }
    .offset-sm-2 {
        margin-left: 16.6666666667%;
    }
    .roo-rtl .offset-sm-2 {
        margin-left: 0;
        margin-right: 16.6666666667%;
    }
    .roo-grid-order-sm-2 {
        -ms-flex-order: 2;
            order: 2;
    }
    .roo-grid-pull-sm-2 {
        right: 16.6666666667%;
    }
    .roo-rtl .roo-grid-pull-sm-2 {
        left: 16.6666666667%;
    }
    .roo-grid-push-sm-2 {
        left: 16.6666666667%;
    }
    .roo-rtl .roo-grid-push-sm-2 {
        right: 16.6666666667%;
    }
    .offset-sm-3 {
        margin-left: 25%;
    }
    .roo-rtl .offset-sm-3 {
        margin-left: 0;
        margin-right: 25%;
    }
    .roo-grid-order-sm-3 {
        -ms-flex-order: 3;
            order: 3;
    }
    .roo-grid-pull-sm-3 {
        right: 25%;
    }
    .roo-rtl .roo-grid-pull-sm-3 {
        left: 25%;
    }
    .roo-grid-push-sm-3 {
        left: 25%;
    }
    .roo-rtl .roo-grid-push-sm-3 {
        right: 25%;
    }
    .offset-sm-4 {
        margin-left: 33.3333333333%;
    }
    .roo-rtl .offset-sm-4 {
        margin-left: 0;
        margin-right: 33.3333333333%;
    }
    .roo-grid-order-sm-4 {
        -ms-flex-order: 4;
            order: 4;
    }
    .roo-grid-pull-sm-4 {
        right: 33.3333333333%;
    }
    .roo-rtl .roo-grid-pull-sm-4 {
        left: 33.3333333333%;
    }
    .roo-grid-push-sm-4 {
        left: 33.3333333333%;
    }
    .roo-rtl .roo-grid-push-sm-4 {
        right: 33.3333333333%;
    }
    .offset-sm-5 {
        margin-left: 41.6666666667%;
    }
    .roo-rtl .offset-sm-5 {
        margin-left: 0;
        margin-right: 41.6666666667%;
    }
    .roo-grid-order-sm-5 {
        -ms-flex-order: 5;
            order: 5;
    }
    .roo-grid-pull-sm-5 {
        right: 41.6666666667%;
    }
    .roo-rtl .roo-grid-pull-sm-5 {
        left: 41.6666666667%;
    }
    .roo-grid-push-sm-5 {
        left: 41.6666666667%;
    }
    .roo-rtl .roo-grid-push-sm-5 {
        right: 41.6666666667%;
    }
    .offset-sm-6 {
        margin-left: 50%;
    }
    .roo-rtl .offset-sm-6 {
        margin-left: 0;
        margin-right: 50%;
    }
    .roo-grid-order-sm-6 {
        -ms-flex-order: 6;
            order: 6;
    }
    .roo-grid-pull-sm-6 {
        right: 50%;
    }
    .roo-rtl .roo-grid-pull-sm-6 {
        left: 50%;
    }
    .roo-grid-push-sm-6 {
        left: 50%;
    }
    .roo-rtl .roo-grid-push-sm-6 {
        right: 50%;
    }
    .offset-sm-7 {
        margin-left: 58.3333333333%;
    }
    .roo-rtl .offset-sm-7 {
        margin-left: 0;
        margin-right: 58.3333333333%;
    }
    .roo-grid-order-sm-7 {
        -ms-flex-order: 7;
            order: 7;
    }
    .roo-grid-pull-sm-7 {
        right: 58.3333333333%;
    }
    .roo-rtl .roo-grid-pull-sm-7 {
        left: 58.3333333333%;
    }
    .roo-grid-push-sm-7 {
        left: 58.3333333333%;
    }
    .roo-rtl .roo-grid-push-sm-7 {
        right: 58.3333333333%;
    }
    .offset-sm-8 {
        margin-left: 66.6666666667%;
    }
    .roo-rtl .offset-sm-8 {
        margin-left: 0;
        margin-right: 66.6666666667%;
    }
    .roo-grid-order-sm-8 {
        -ms-flex-order: 8;
            order: 8;
    }
    .roo-grid-pull-sm-8 {
        right: 66.6666666667%;
    }
    .roo-rtl .roo-grid-pull-sm-8 {
        left: 66.6666666667%;
    }
    .roo-grid-push-sm-8 {
        left: 66.6666666667%;
    }
    .roo-rtl .roo-grid-push-sm-8 {
        right: 66.6666666667%;
    }
    .offset-sm-9 {
        margin-left: 75%;
    }
    .roo-rtl .offset-sm-9 {
        margin-left: 0;
        margin-right: 75%;
    }
    .roo-grid-order-sm-9 {
        -ms-flex-order: 9;
            order: 9;
    }
    .roo-grid-pull-sm-9 {
        right: 75%;
    }
    .roo-rtl .roo-grid-pull-sm-9 {
        left: 75%;
    }
    .roo-grid-push-sm-9 {
        left: 75%;
    }
    .roo-rtl .roo-grid-push-sm-9 {
        right: 75%;
    }
    .offset-sm-10 {
        margin-left: 83.3333333333%;
    }
    .roo-rtl .offset-sm-10 {
        margin-left: 0;
        margin-right: 83.3333333333%;
    }
    .roo-grid-order-sm-10 {
        -ms-flex-order: 10;
            order: 10;
    }
    .roo-grid-pull-sm-10 {
        right: 83.3333333333%;
    }
    .roo-rtl .roo-grid-pull-sm-10 {
        left: 83.3333333333%;
    }
    .roo-grid-push-sm-10 {
        left: 83.3333333333%;
    }
    .roo-rtl .roo-grid-push-sm-10 {
        right: 83.3333333333%;
    }
    .offset-sm-11 {
        margin-left: 91.6666666667%;
    }
    .roo-rtl .offset-sm-11 {
        margin-left: 0;
        margin-right: 91.6666666667%;
    }
    .roo-grid-order-sm-11 {
        -ms-flex-order: 11;
            order: 11;
    }
    .roo-grid-pull-sm-11 {
        right: 91.6666666667%;
    }
    .roo-rtl .roo-grid-pull-sm-11 {
        left: 91.6666666667%;
    }
    .roo-grid-push-sm-11 {
        left: 91.6666666667%;
    }
    .roo-rtl .roo-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;
    }
    .roo-rtl .offset-md-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .roo-grid-order-md-0 {
        -ms-flex-order: 0;
            order: 0;
    }
    .roo-grid-pull-md-0 {
        right: auto;
    }
    .roo-rtl .roo-grid-pull-md-0 {
        left: auto;
    }
    .roo-grid-push-md-0 {
        left: auto;
    }
    .roo-rtl .roo-grid-push-md-0 {
        right: auto;
    }
    .offset-md-1 {
        margin-left: 8.3333333333%;
    }
    .roo-rtl .offset-md-1 {
        margin-left: 0;
        margin-right: 8.3333333333%;
    }
    .roo-grid-order-md-1 {
        -ms-flex-order: 1;
            order: 1;
    }
    .roo-grid-pull-md-1 {
        right: 8.3333333333%;
    }
    .roo-rtl .roo-grid-pull-md-1 {
        left: 8.3333333333%;
    }
    .roo-grid-push-md-1 {
        left: 8.3333333333%;
    }
    .roo-rtl .roo-grid-push-md-1 {
        right: 8.3333333333%;
    }
    .offset-md-2 {
        margin-left: 16.6666666667%;
    }
    .roo-rtl .offset-md-2 {
        margin-left: 0;
        margin-right: 16.6666666667%;
    }
    .roo-grid-order-md-2 {
        -ms-flex-order: 2;
            order: 2;
    }
    .roo-grid-pull-md-2 {
        right: 16.6666666667%;
    }
    .roo-rtl .roo-grid-pull-md-2 {
        left: 16.6666666667%;
    }
    .roo-grid-push-md-2 {
        left: 16.6666666667%;
    }
    .roo-rtl .roo-grid-push-md-2 {
        right: 16.6666666667%;
    }
    .offset-md-3 {
        margin-left: 25%;
    }
    .roo-rtl .offset-md-3 {
        margin-left: 0;
        margin-right: 25%;
    }
    .roo-grid-order-md-3 {
        -ms-flex-order: 3;
            order: 3;
    }
    .roo-grid-pull-md-3 {
        right: 25%;
    }
    .roo-rtl .roo-grid-pull-md-3 {
        left: 25%;
    }
    .roo-grid-push-md-3 {
        left: 25%;
    }
    .roo-rtl .roo-grid-push-md-3 {
        right: 25%;
    }
    .offset-md-4 {
        margin-left: 33.3333333333%;
    }
    .roo-rtl .offset-md-4 {
        margin-left: 0;
        margin-right: 33.3333333333%;
    }
    .roo-grid-order-md-4 {
        -ms-flex-order: 4;
            order: 4;
    }
    .roo-grid-pull-md-4 {
        right: 33.3333333333%;
    }
    .roo-rtl .roo-grid-pull-md-4 {
        left: 33.3333333333%;
    }
    .roo-grid-push-md-4 {
        left: 33.3333333333%;
    }
    .roo-rtl .roo-grid-push-md-4 {
        right: 33.3333333333%;
    }
    .offset-md-5 {
        margin-left: 41.6666666667%;
    }
    .roo-rtl .offset-md-5 {
        margin-left: 0;
        margin-right: 41.6666666667%;
    }
    .roo-grid-order-md-5 {
        -ms-flex-order: 5;
            order: 5;
    }
    .roo-grid-pull-md-5 {
        right: 41.6666666667%;
    }
    .roo-rtl .roo-grid-pull-md-5 {
        left: 41.6666666667%;
    }
    .roo-grid-push-md-5 {
        left: 41.6666666667%;
    }
    .roo-rtl .roo-grid-push-md-5 {
        right: 41.6666666667%;
    }
    .offset-md-6 {
        margin-left: 50%;
    }
    .roo-rtl .offset-md-6 {
        margin-left: 0;
        margin-right: 50%;
    }
    .roo-grid-order-md-6 {
        -ms-flex-order: 6;
            order: 6;
    }
    .roo-grid-pull-md-6 {
        right: 50%;
    }
    .roo-rtl .roo-grid-pull-md-6 {
        left: 50%;
    }
    .roo-grid-push-md-6 {
        left: 50%;
    }
    .roo-rtl .roo-grid-push-md-6 {
        right: 50%;
    }
    .offset-md-7 {
        margin-left: 58.3333333333%;
    }
    .roo-rtl .offset-md-7 {
        margin-left: 0;
        margin-right: 58.3333333333%;
    }
    .roo-grid-order-md-7 {
        -ms-flex-order: 7;
            order: 7;
    }
    .roo-grid-pull-md-7 {
        right: 58.3333333333%;
    }
    .roo-rtl .roo-grid-pull-md-7 {
        left: 58.3333333333%;
    }
    .roo-grid-push-md-7 {
        left: 58.3333333333%;
    }
    .roo-rtl .roo-grid-push-md-7 {
        right: 58.3333333333%;
    }
    .offset-md-8 {
        margin-left: 66.6666666667%;
    }
    .roo-rtl .offset-md-8 {
        margin-left: 0;
        margin-right: 66.6666666667%;
    }
    .roo-grid-order-md-8 {
        -ms-flex-order: 8;
            order: 8;
    }
    .roo-grid-pull-md-8 {
        right: 66.6666666667%;
    }
    .roo-rtl .roo-grid-pull-md-8 {
        left: 66.6666666667%;
    }
    .roo-grid-push-md-8 {
        left: 66.6666666667%;
    }
    .roo-rtl .roo-grid-push-md-8 {
        right: 66.6666666667%;
    }
    .offset-md-9 {
        margin-left: 75%;
    }
    .roo-rtl .offset-md-9 {
        margin-left: 0;
        margin-right: 75%;
    }
    .roo-grid-order-md-9 {
        -ms-flex-order: 9;
            order: 9;
    }
    .roo-grid-pull-md-9 {
        right: 75%;
    }
    .roo-rtl .roo-grid-pull-md-9 {
        left: 75%;
    }
    .roo-grid-push-md-9 {
        left: 75%;
    }
    .roo-rtl .roo-grid-push-md-9 {
        right: 75%;
    }
    .offset-md-10 {
        margin-left: 83.3333333333%;
    }
    .roo-rtl .offset-md-10 {
        margin-left: 0;
        margin-right: 83.3333333333%;
    }
    .roo-grid-order-md-10 {
        -ms-flex-order: 10;
            order: 10;
    }
    .roo-grid-pull-md-10 {
        right: 83.3333333333%;
    }
    .roo-rtl .roo-grid-pull-md-10 {
        left: 83.3333333333%;
    }
    .roo-grid-push-md-10 {
        left: 83.3333333333%;
    }
    .roo-rtl .roo-grid-push-md-10 {
        right: 83.3333333333%;
    }
    .offset-md-11 {
        margin-left: 91.6666666667%;
    }
    .roo-rtl .offset-md-11 {
        margin-left: 0;
        margin-right: 91.6666666667%;
    }
    .roo-grid-order-md-11 {
        -ms-flex-order: 11;
            order: 11;
    }
    .roo-grid-pull-md-11 {
        right: 91.6666666667%;
    }
    .roo-rtl .roo-grid-pull-md-11 {
        left: 91.6666666667%;
    }
    .roo-grid-push-md-11 {
        left: 91.6666666667%;
    }
    .roo-rtl .roo-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;
    }
    .roo-rtl .offset-lg-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .roo-grid-order-lg-0 {
        -ms-flex-order: 0;
            order: 0;
    }
    .roo-grid-pull-lg-0 {
        right: auto;
    }
    .roo-rtl .roo-grid-pull-lg-0 {
        left: auto;
    }
    .roo-grid-push-lg-0 {
        left: auto;
    }
    .roo-rtl .roo-grid-push-lg-0 {
        right: auto;
    }
    .offset-lg-1 {
        margin-left: 8.3333333333%;
    }
    .roo-rtl .offset-lg-1 {
        margin-left: 0;
        margin-right: 8.3333333333%;
    }
    .roo-grid-order-lg-1 {
        -ms-flex-order: 1;
            order: 1;
    }
    .roo-grid-pull-lg-1 {
        right: 8.3333333333%;
    }
    .roo-rtl .roo-grid-pull-lg-1 {
        left: 8.3333333333%;
    }
    .roo-grid-push-lg-1 {
        left: 8.3333333333%;
    }
    .roo-rtl .roo-grid-push-lg-1 {
        right: 8.3333333333%;
    }
    .offset-lg-2 {
        margin-left: 16.6666666667%;
    }
    .roo-rtl .offset-lg-2 {
        margin-left: 0;
        margin-right: 16.6666666667%;
    }
    .roo-grid-order-lg-2 {
        -ms-flex-order: 2;
            order: 2;
    }
    .roo-grid-pull-lg-2 {
        right: 16.6666666667%;
    }
    .roo-rtl .roo-grid-pull-lg-2 {
        left: 16.6666666667%;
    }
    .roo-grid-push-lg-2 {
        left: 16.6666666667%;
    }
    .roo-rtl .roo-grid-push-lg-2 {
        right: 16.6666666667%;
    }
    .offset-lg-3 {
        margin-left: 25%;
    }
    .roo-rtl .offset-lg-3 {
        margin-left: 0;
        margin-right: 25%;
    }
    .roo-grid-order-lg-3 {
        -ms-flex-order: 3;
            order: 3;
    }
    .roo-grid-pull-lg-3 {
        right: 25%;
    }
    .roo-rtl .roo-grid-pull-lg-3 {
        left: 25%;
    }
    .roo-grid-push-lg-3 {
        left: 25%;
    }
    .roo-rtl .roo-grid-push-lg-3 {
        right: 25%;
    }
    .offset-lg-4 {
        margin-left: 33.3333333333%;
    }
    .roo-rtl .offset-lg-4 {
        margin-left: 0;
        margin-right: 33.3333333333%;
    }
    .roo-grid-order-lg-4 {
        -ms-flex-order: 4;
            order: 4;
    }
    .roo-grid-pull-lg-4 {
        right: 33.3333333333%;
    }
    .roo-rtl .roo-grid-pull-lg-4 {
        left: 33.3333333333%;
    }
    .roo-grid-push-lg-4 {
        left: 33.3333333333%;
    }
    .roo-rtl .roo-grid-push-lg-4 {
        right: 33.3333333333%;
    }
    .offset-lg-5 {
        margin-left: 41.6666666667%;
    }
    .roo-rtl .offset-lg-5 {
        margin-left: 0;
        margin-right: 41.6666666667%;
    }
    .roo-grid-order-lg-5 {
        -ms-flex-order: 5;
            order: 5;
    }
    .roo-grid-pull-lg-5 {
        right: 41.6666666667%;
    }
    .roo-rtl .roo-grid-pull-lg-5 {
        left: 41.6666666667%;
    }
    .roo-grid-push-lg-5 {
        left: 41.6666666667%;
    }
    .roo-rtl .roo-grid-push-lg-5 {
        right: 41.6666666667%;
    }
    .offset-lg-6 {
        margin-left: 50%;
    }
    .roo-rtl .offset-lg-6 {
        margin-left: 0;
        margin-right: 50%;
    }
    .roo-grid-order-lg-6 {
        -ms-flex-order: 6;
            order: 6;
    }
    .roo-grid-pull-lg-6 {
        right: 50%;
    }
    .roo-rtl .roo-grid-pull-lg-6 {
        left: 50%;
    }
    .roo-grid-push-lg-6 {
        left: 50%;
    }
    .roo-rtl .roo-grid-push-lg-6 {
        right: 50%;
    }
    .offset-lg-7 {
        margin-left: 58.3333333333%;
    }
    .roo-rtl .offset-lg-7 {
        margin-left: 0;
        margin-right: 58.3333333333%;
    }
    .roo-grid-order-lg-7 {
        -ms-flex-order: 7;
            order: 7;
    }
    .roo-grid-pull-lg-7 {
        right: 58.3333333333%;
    }
    .roo-rtl .roo-grid-pull-lg-7 {
        left: 58.3333333333%;
    }
    .roo-grid-push-lg-7 {
        left: 58.3333333333%;
    }
    .roo-rtl .roo-grid-push-lg-7 {
        right: 58.3333333333%;
    }
    .offset-lg-8 {
        margin-left: 66.6666666667%;
    }
    .roo-rtl .offset-lg-8 {
        margin-left: 0;
        margin-right: 66.6666666667%;
    }
    .roo-grid-order-lg-8 {
        -ms-flex-order: 8;
            order: 8;
    }
    .roo-grid-pull-lg-8 {
        right: 66.6666666667%;
    }
    .roo-rtl .roo-grid-pull-lg-8 {
        left: 66.6666666667%;
    }
    .roo-grid-push-lg-8 {
        left: 66.6666666667%;
    }
    .roo-rtl .roo-grid-push-lg-8 {
        right: 66.6666666667%;
    }
    .offset-lg-9 {
        margin-left: 75%;
    }
    .roo-rtl .offset-lg-9 {
        margin-left: 0;
        margin-right: 75%;
    }
    .roo-grid-order-lg-9 {
        -ms-flex-order: 9;
            order: 9;
    }
    .roo-grid-pull-lg-9 {
        right: 75%;
    }
    .roo-rtl .roo-grid-pull-lg-9 {
        left: 75%;
    }
    .roo-grid-push-lg-9 {
        left: 75%;
    }
    .roo-rtl .roo-grid-push-lg-9 {
        right: 75%;
    }
    .offset-lg-10 {
        margin-left: 83.3333333333%;
    }
    .roo-rtl .offset-lg-10 {
        margin-left: 0;
        margin-right: 83.3333333333%;
    }
    .roo-grid-order-lg-10 {
        -ms-flex-order: 10;
            order: 10;
    }
    .roo-grid-pull-lg-10 {
        right: 83.3333333333%;
    }
    .roo-rtl .roo-grid-pull-lg-10 {
        left: 83.3333333333%;
    }
    .roo-grid-push-lg-10 {
        left: 83.3333333333%;
    }
    .roo-rtl .roo-grid-push-lg-10 {
        right: 83.3333333333%;
    }
    .offset-lg-11 {
        margin-left: 91.6666666667%;
    }
    .roo-rtl .offset-lg-11 {
        margin-left: 0;
        margin-right: 91.6666666667%;
    }
    .roo-grid-order-lg-11 {
        -ms-flex-order: 11;
            order: 11;
    }
    .roo-grid-pull-lg-11 {
        right: 91.6666666667%;
    }
    .roo-rtl .roo-grid-pull-lg-11 {
        left: 91.6666666667%;
    }
    .roo-grid-push-lg-11 {
        left: 91.6666666667%;
    }
    .roo-rtl .roo-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;
    }
    .roo-rtl .offset-xl-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .roo-grid-order-xl-0 {
        -ms-flex-order: 0;
            order: 0;
    }
    .roo-grid-pull-xl-0 {
        right: auto;
    }
    .roo-rtl .roo-grid-pull-xl-0 {
        left: auto;
    }
    .roo-grid-push-xl-0 {
        left: auto;
    }
    .roo-rtl .roo-grid-push-xl-0 {
        right: auto;
    }
    .offset-xl-1 {
        margin-left: 8.3333333333%;
    }
    .roo-rtl .offset-xl-1 {
        margin-left: 0;
        margin-right: 8.3333333333%;
    }
    .roo-grid-order-xl-1 {
        -ms-flex-order: 1;
            order: 1;
    }
    .roo-grid-pull-xl-1 {
        right: 8.3333333333%;
    }
    .roo-rtl .roo-grid-pull-xl-1 {
        left: 8.3333333333%;
    }
    .roo-grid-push-xl-1 {
        left: 8.3333333333%;
    }
    .roo-rtl .roo-grid-push-xl-1 {
        right: 8.3333333333%;
    }
    .offset-xl-2 {
        margin-left: 16.6666666667%;
    }
    .roo-rtl .offset-xl-2 {
        margin-left: 0;
        margin-right: 16.6666666667%;
    }
    .roo-grid-order-xl-2 {
        -ms-flex-order: 2;
            order: 2;
    }
    .roo-grid-pull-xl-2 {
        right: 16.6666666667%;
    }
    .roo-rtl .roo-grid-pull-xl-2 {
        left: 16.6666666667%;
    }
    .roo-grid-push-xl-2 {
        left: 16.6666666667%;
    }
    .roo-rtl .roo-grid-push-xl-2 {
        right: 16.6666666667%;
    }
    .offset-xl-3 {
        margin-left: 25%;
    }
    .roo-rtl .offset-xl-3 {
        margin-left: 0;
        margin-right: 25%;
    }
    .roo-grid-order-xl-3 {
        -ms-flex-order: 3;
            order: 3;
    }
    .roo-grid-pull-xl-3 {
        right: 25%;
    }
    .roo-rtl .roo-grid-pull-xl-3 {
        left: 25%;
    }
    .roo-grid-push-xl-3 {
        left: 25%;
    }
    .roo-rtl .roo-grid-push-xl-3 {
        right: 25%;
    }
    .offset-xl-4 {
        margin-left: 33.3333333333%;
    }
    .roo-rtl .offset-xl-4 {
        margin-left: 0;
        margin-right: 33.3333333333%;
    }
    .roo-grid-order-xl-4 {
        -ms-flex-order: 4;
            order: 4;
    }
    .roo-grid-pull-xl-4 {
        right: 33.3333333333%;
    }
    .roo-rtl .roo-grid-pull-xl-4 {
        left: 33.3333333333%;
    }
    .roo-grid-push-xl-4 {
        left: 33.3333333333%;
    }
    .roo-rtl .roo-grid-push-xl-4 {
        right: 33.3333333333%;
    }
    .offset-xl-5 {
        margin-left: 41.6666666667%;
    }
    .roo-rtl .offset-xl-5 {
        margin-left: 0;
        margin-right: 41.6666666667%;
    }
    .roo-grid-order-xl-5 {
        -ms-flex-order: 5;
            order: 5;
    }
    .roo-grid-pull-xl-5 {
        right: 41.6666666667%;
    }
    .roo-rtl .roo-grid-pull-xl-5 {
        left: 41.6666666667%;
    }
    .roo-grid-push-xl-5 {
        left: 41.6666666667%;
    }
    .roo-rtl .roo-grid-push-xl-5 {
        right: 41.6666666667%;
    }
    .offset-xl-6 {
        margin-left: 50%;
    }
    .roo-rtl .offset-xl-6 {
        margin-left: 0;
        margin-right: 50%;
    }
    .roo-grid-order-xl-6 {
        -ms-flex-order: 6;
            order: 6;
    }
    .roo-grid-pull-xl-6 {
        right: 50%;
    }
    .roo-rtl .roo-grid-pull-xl-6 {
        left: 50%;
    }
    .roo-grid-push-xl-6 {
        left: 50%;
    }
    .roo-rtl .roo-grid-push-xl-6 {
        right: 50%;
    }
    .offset-xl-7 {
        margin-left: 58.3333333333%;
    }
    .roo-rtl .offset-xl-7 {
        margin-left: 0;
        margin-right: 58.3333333333%;
    }
    .roo-grid-order-xl-7 {
        -ms-flex-order: 7;
            order: 7;
    }
    .roo-grid-pull-xl-7 {
        right: 58.3333333333%;
    }
    .roo-rtl .roo-grid-pull-xl-7 {
        left: 58.3333333333%;
    }
    .roo-grid-push-xl-7 {
        left: 58.3333333333%;
    }
    .roo-rtl .roo-grid-push-xl-7 {
        right: 58.3333333333%;
    }
    .offset-xl-8 {
        margin-left: 66.6666666667%;
    }
    .roo-rtl .offset-xl-8 {
        margin-left: 0;
        margin-right: 66.6666666667%;
    }
    .roo-grid-order-xl-8 {
        -ms-flex-order: 8;
            order: 8;
    }
    .roo-grid-pull-xl-8 {
        right: 66.6666666667%;
    }
    .roo-rtl .roo-grid-pull-xl-8 {
        left: 66.6666666667%;
    }
    .roo-grid-push-xl-8 {
        left: 66.6666666667%;
    }
    .roo-rtl .roo-grid-push-xl-8 {
        right: 66.6666666667%;
    }
    .offset-xl-9 {
        margin-left: 75%;
    }
    .roo-rtl .offset-xl-9 {
        margin-left: 0;
        margin-right: 75%;
    }
    .roo-grid-order-xl-9 {
        -ms-flex-order: 9;
            order: 9;
    }
    .roo-grid-pull-xl-9 {
        right: 75%;
    }
    .roo-rtl .roo-grid-pull-xl-9 {
        left: 75%;
    }
    .roo-grid-push-xl-9 {
        left: 75%;
    }
    .roo-rtl .roo-grid-push-xl-9 {
        right: 75%;
    }
    .offset-xl-10 {
        margin-left: 83.3333333333%;
    }
    .roo-rtl .offset-xl-10 {
        margin-left: 0;
        margin-right: 83.3333333333%;
    }
    .roo-grid-order-xl-10 {
        -ms-flex-order: 10;
            order: 10;
    }
    .roo-grid-pull-xl-10 {
        right: 83.3333333333%;
    }
    .roo-rtl .roo-grid-pull-xl-10 {
        left: 83.3333333333%;
    }
    .roo-grid-push-xl-10 {
        left: 83.3333333333%;
    }
    .roo-rtl .roo-grid-push-xl-10 {
        right: 83.3333333333%;
    }
    .offset-xl-11 {
        margin-left: 91.6666666667%;
    }
    .roo-rtl .offset-xl-11 {
        margin-left: 0;
        margin-right: 91.6666666667%;
    }
    .roo-grid-order-xl-11 {
        -ms-flex-order: 11;
            order: 11;
    }
    .roo-grid-pull-xl-11 {
        right: 91.6666666667%;
    }
    .roo-rtl .roo-grid-pull-xl-11 {
        left: 91.6666666667%;
    }
    .roo-grid-push-xl-11 {
        left: 91.6666666667%;
    }
    .roo-rtl .roo-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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.roo-rtl .roo-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;
    }
    .roo-rtl .offset-sm-grid-24-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .roo-grid-order-sm-grid-24-0 {
        -ms-flex-order: 0;
            order: 0;
    }
    .roo-grid-pull-sm-grid-24-0 {
        right: auto;
    }
    .roo-rtl .roo-grid-pull-sm-grid-24-0 {
        left: auto;
    }
    .roo-grid-push-sm-grid-24-0 {
        left: auto;
    }
    .roo-rtl .roo-grid-push-sm-grid-24-0 {
        right: auto;
    }
    .offset-sm-grid-24-1 {
        margin-left: 4.1666666667%;
    }
    .roo-rtl .offset-sm-grid-24-1 {
        margin-left: 0;
        margin-right: 4.1666666667%;
    }
    .roo-grid-order-sm-grid-24-1 {
        -ms-flex-order: 1;
            order: 1;
    }
    .roo-grid-pull-sm-grid-24-1 {
        right: 4.1666666667%;
    }
    .roo-rtl .roo-grid-pull-sm-grid-24-1 {
        left: 4.1666666667%;
    }
    .roo-grid-push-sm-grid-24-1 {
        left: 4.1666666667%;
    }
    .roo-rtl .roo-grid-push-sm-grid-24-1 {
        right: 4.1666666667%;
    }
    .offset-sm-grid-24-2 {
        margin-left: 8.3333333333%;
    }
    .roo-rtl .offset-sm-grid-24-2 {
        margin-left: 0;
        margin-right: 8.3333333333%;
    }
    .roo-grid-order-sm-grid-24-2 {
        -ms-flex-order: 2;
            order: 2;
    }
    .roo-grid-pull-sm-grid-24-2 {
        right: 8.3333333333%;
    }
    .roo-rtl .roo-grid-pull-sm-grid-24-2 {
        left: 8.3333333333%;
    }
    .roo-grid-push-sm-grid-24-2 {
        left: 8.3333333333%;
    }
    .roo-rtl .roo-grid-push-sm-grid-24-2 {
        right: 8.3333333333%;
    }
    .offset-sm-grid-24-3 {
        margin-left: 12.5%;
    }
    .roo-rtl .offset-sm-grid-24-3 {
        margin-left: 0;
        margin-right: 12.5%;
    }
    .roo-grid-order-sm-grid-24-3 {
        -ms-flex-order: 3;
            order: 3;
    }
    .roo-grid-pull-sm-grid-24-3 {
        right: 12.5%;
    }
    .roo-rtl .roo-grid-pull-sm-grid-24-3 {
        left: 12.5%;
    }
    .roo-grid-push-sm-grid-24-3 {
        left: 12.5%;
    }
    .roo-rtl .roo-grid-push-sm-grid-24-3 {
        right: 12.5%;
    }
    .offset-sm-grid-24-4 {
        margin-left: 16.6666666667%;
    }
    .roo-rtl .offset-sm-grid-24-4 {
        margin-left: 0;
        margin-right: 16.6666666667%;
    }
    .roo-grid-order-sm-grid-24-4 {
        -ms-flex-order: 4;
            order: 4;
    }
    .roo-grid-pull-sm-grid-24-4 {
        right: 16.6666666667%;
    }
    .roo-rtl .roo-grid-pull-sm-grid-24-4 {
        left: 16.6666666667%;
    }
    .roo-grid-push-sm-grid-24-4 {
        left: 16.6666666667%;
    }
    .roo-rtl .roo-grid-push-sm-grid-24-4 {
        right: 16.6666666667%;
    }
    .offset-sm-grid-24-5 {
        margin-left: 20.8333333333%;
    }
    .roo-rtl .offset-sm-grid-24-5 {
        margin-left: 0;
        margin-right: 20.8333333333%;
    }
    .roo-grid-order-sm-grid-24-5 {
        -ms-flex-order: 5;
            order: 5;
    }
    .roo-grid-pull-sm-grid-24-5 {
        right: 20.8333333333%;
    }
    .roo-rtl .roo-grid-pull-sm-grid-24-5 {
        left: 20.8333333333%;
    }
    .roo-grid-push-sm-grid-24-5 {
        left: 20.8333333333%;
    }
    .roo-rtl .roo-grid-push-sm-grid-24-5 {
        right: 20.8333333333%;
    }
    .offset-sm-grid-24-6 {
        margin-left: 25%;
    }
    .roo-rtl .offset-sm-grid-24-6 {
        margin-left: 0;
        margin-right: 25%;
    }
    .roo-grid-order-sm-grid-24-6 {
        -ms-flex-order: 6;
            order: 6;
    }
    .roo-grid-pull-sm-grid-24-6 {
        right: 25%;
    }
    .roo-rtl .roo-grid-pull-sm-grid-24-6 {
        left: 25%;
    }
    .roo-grid-push-sm-grid-24-6 {
        left: 25%;
    }
    .roo-rtl .roo-grid-push-sm-grid-24-6 {
        right: 25%;
    }
    .offset-sm-grid-24-7 {
        margin-left: 29.1666666667%;
    }
    .roo-rtl .offset-sm-grid-24-7 {
        margin-left: 0;
        margin-right: 29.1666666667%;
    }
    .roo-grid-order-sm-grid-24-7 {
        -ms-flex-order: 7;
            order: 7;
    }
    .roo-grid-pull-sm-grid-24-7 {
        right: 29.1666666667%;
    }
    .roo-rtl .roo-grid-pull-sm-grid-24-7 {
        left: 29.1666666667%;
    }
    .roo-grid-push-sm-grid-24-7 {
        left: 29.1666666667%;
    }
    .roo-rtl .roo-grid-push-sm-grid-24-7 {
        right: 29.1666666667%;
    }
    .offset-sm-grid-24-8 {
        margin-left: 33.3333333333%;
    }
    .roo-rtl .offset-sm-grid-24-8 {
        margin-left: 0;
        margin-right: 33.3333333333%;
    }
    .roo-grid-order-sm-grid-24-8 {
        -ms-flex-order: 8;
            order: 8;
    }
    .roo-grid-pull-sm-grid-24-8 {
        right: 33.3333333333%;
    }
    .roo-rtl .roo-grid-pull-sm-grid-24-8 {
        left: 33.3333333333%;
    }
    .roo-grid-push-sm-grid-24-8 {
        left: 33.3333333333%;
    }
    .roo-rtl .roo-grid-push-sm-grid-24-8 {
        right: 33.3333333333%;
    }
    .offset-sm-grid-24-9 {
        margin-left: 37.5%;
    }
    .roo-rtl .offset-sm-grid-24-9 {
        margin-left: 0;
        margin-right: 37.5%;
    }
    .roo-grid-order-sm-grid-24-9 {
        -ms-flex-order: 9;
            order: 9;
    }
    .roo-grid-pull-sm-grid-24-9 {
        right: 37.5%;
    }
    .roo-rtl .roo-grid-pull-sm-grid-24-9 {
        left: 37.5%;
    }
    .roo-grid-push-sm-grid-24-9 {
        left: 37.5%;
    }
    .roo-rtl .roo-grid-push-sm-grid-24-9 {
        right: 37.5%;
    }
    .offset-sm-grid-24-10 {
        margin-left: 41.6666666667%;
    }
    .roo-rtl .offset-sm-grid-24-10 {
        margin-left: 0;
        margin-right: 41.6666666667%;
    }
    .roo-grid-order-sm-grid-24-10 {
        -ms-flex-order: 10;
            order: 10;
    }
    .roo-grid-pull-sm-grid-24-10 {
        right: 41.6666666667%;
    }
    .roo-rtl .roo-grid-pull-sm-grid-24-10 {
        left: 41.6666666667%;
    }
    .roo-grid-push-sm-grid-24-10 {
        left: 41.6666666667%;
    }
    .roo-rtl .roo-grid-push-sm-grid-24-10 {
        right: 41.6666666667%;
    }
    .offset-sm-grid-24-11 {
        margin-left: 45.8333333333%;
    }
    .roo-rtl .offset-sm-grid-24-11 {
        margin-left: 0;
        margin-right: 45.8333333333%;
    }
    .roo-grid-order-sm-grid-24-11 {
        -ms-flex-order: 11;
            order: 11;
    }
    .roo-grid-pull-sm-grid-24-11 {
        right: 45.8333333333%;
    }
    .roo-rtl .roo-grid-pull-sm-grid-24-11 {
        left: 45.8333333333%;
    }
    .roo-grid-push-sm-grid-24-11 {
        left: 45.8333333333%;
    }
    .roo-rtl .roo-grid-push-sm-grid-24-11 {
        right: 45.8333333333%;
    }
    .offset-sm-grid-24-12 {
        margin-left: 50%;
    }
    .roo-rtl .offset-sm-grid-24-12 {
        margin-left: 0;
        margin-right: 50%;
    }
    .roo-grid-order-sm-grid-24-12 {
        -ms-flex-order: 12;
            order: 12;
    }
    .roo-grid-pull-sm-grid-24-12 {
        right: 50%;
    }
    .roo-rtl .roo-grid-pull-sm-grid-24-12 {
        left: 50%;
    }
    .roo-grid-push-sm-grid-24-12 {
        left: 50%;
    }
    .roo-rtl .roo-grid-push-sm-grid-24-12 {
        right: 50%;
    }
    .offset-sm-grid-24-13 {
        margin-left: 54.1666666667%;
    }
    .roo-rtl .offset-sm-grid-24-13 {
        margin-left: 0;
        margin-right: 54.1666666667%;
    }
    .roo-grid-order-sm-grid-24-13 {
        -ms-flex-order: 13;
            order: 13;
    }
    .roo-grid-pull-sm-grid-24-13 {
        right: 54.1666666667%;
    }
    .roo-rtl .roo-grid-pull-sm-grid-24-13 {
        left: 54.1666666667%;
    }
    .roo-grid-push-sm-grid-24-13 {
        left: 54.1666666667%;
    }
    .roo-rtl .roo-grid-push-sm-grid-24-13 {
        right: 54.1666666667%;
    }
    .offset-sm-grid-24-14 {
        margin-left: 58.3333333333%;
    }
    .roo-rtl .offset-sm-grid-24-14 {
        margin-left: 0;
        margin-right: 58.3333333333%;
    }
    .roo-grid-order-sm-grid-24-14 {
        -ms-flex-order: 14;
            order: 14;
    }
    .roo-grid-pull-sm-grid-24-14 {
        right: 58.3333333333%;
    }
    .roo-rtl .roo-grid-pull-sm-grid-24-14 {
        left: 58.3333333333%;
    }
    .roo-grid-push-sm-grid-24-14 {
        left: 58.3333333333%;
    }
    .roo-rtl .roo-grid-push-sm-grid-24-14 {
        right: 58.3333333333%;
    }
    .offset-sm-grid-24-15 {
        margin-left: 62.5%;
    }
    .roo-rtl .offset-sm-grid-24-15 {
        margin-left: 0;
        margin-right: 62.5%;
    }
    .roo-grid-order-sm-grid-24-15 {
        -ms-flex-order: 15;
            order: 15;
    }
    .roo-grid-pull-sm-grid-24-15 {
        right: 62.5%;
    }
    .roo-rtl .roo-grid-pull-sm-grid-24-15 {
        left: 62.5%;
    }
    .roo-grid-push-sm-grid-24-15 {
        left: 62.5%;
    }
    .roo-rtl .roo-grid-push-sm-grid-24-15 {
        right: 62.5%;
    }
    .offset-sm-grid-24-16 {
        margin-left: 66.6666666667%;
    }
    .roo-rtl .offset-sm-grid-24-16 {
        margin-left: 0;
        margin-right: 66.6666666667%;
    }
    .roo-grid-order-sm-grid-24-16 {
        -ms-flex-order: 16;
            order: 16;
    }
    .roo-grid-pull-sm-grid-24-16 {
        right: 66.6666666667%;
    }
    .roo-rtl .roo-grid-pull-sm-grid-24-16 {
        left: 66.6666666667%;
    }
    .roo-grid-push-sm-grid-24-16 {
        left: 66.6666666667%;
    }
    .roo-rtl .roo-grid-push-sm-grid-24-16 {
        right: 66.6666666667%;
    }
    .offset-sm-grid-24-17 {
        margin-left: 70.8333333333%;
    }
    .roo-rtl .offset-sm-grid-24-17 {
        margin-left: 0;
        margin-right: 70.8333333333%;
    }
    .roo-grid-order-sm-grid-24-17 {
        -ms-flex-order: 17;
            order: 17;
    }
    .roo-grid-pull-sm-grid-24-17 {
        right: 70.8333333333%;
    }
    .roo-rtl .roo-grid-pull-sm-grid-24-17 {
        left: 70.8333333333%;
    }
    .roo-grid-push-sm-grid-24-17 {
        left: 70.8333333333%;
    }
    .roo-rtl .roo-grid-push-sm-grid-24-17 {
        right: 70.8333333333%;
    }
    .offset-sm-grid-24-18 {
        margin-left: 75%;
    }
    .roo-rtl .offset-sm-grid-24-18 {
        margin-left: 0;
        margin-right: 75%;
    }
    .roo-grid-order-sm-grid-24-18 {
        -ms-flex-order: 18;
            order: 18;
    }
    .roo-grid-pull-sm-grid-24-18 {
        right: 75%;
    }
    .roo-rtl .roo-grid-pull-sm-grid-24-18 {
        left: 75%;
    }
    .roo-grid-push-sm-grid-24-18 {
        left: 75%;
    }
    .roo-rtl .roo-grid-push-sm-grid-24-18 {
        right: 75%;
    }
    .offset-sm-grid-24-19 {
        margin-left: 79.1666666667%;
    }
    .roo-rtl .offset-sm-grid-24-19 {
        margin-left: 0;
        margin-right: 79.1666666667%;
    }
    .roo-grid-order-sm-grid-24-19 {
        -ms-flex-order: 19;
            order: 19;
    }
    .roo-grid-pull-sm-grid-24-19 {
        right: 79.1666666667%;
    }
    .roo-rtl .roo-grid-pull-sm-grid-24-19 {
        left: 79.1666666667%;
    }
    .roo-grid-push-sm-grid-24-19 {
        left: 79.1666666667%;
    }
    .roo-rtl .roo-grid-push-sm-grid-24-19 {
        right: 79.1666666667%;
    }
    .offset-sm-grid-24-20 {
        margin-left: 83.3333333333%;
    }
    .roo-rtl .offset-sm-grid-24-20 {
        margin-left: 0;
        margin-right: 83.3333333333%;
    }
    .roo-grid-order-sm-grid-24-20 {
        -ms-flex-order: 20;
            order: 20;
    }
    .roo-grid-pull-sm-grid-24-20 {
        right: 83.3333333333%;
    }
    .roo-rtl .roo-grid-pull-sm-grid-24-20 {
        left: 83.3333333333%;
    }
    .roo-grid-push-sm-grid-24-20 {
        left: 83.3333333333%;
    }
    .roo-rtl .roo-grid-push-sm-grid-24-20 {
        right: 83.3333333333%;
    }
    .offset-sm-grid-24-21 {
        margin-left: 87.5%;
    }
    .roo-rtl .offset-sm-grid-24-21 {
        margin-left: 0;
        margin-right: 87.5%;
    }
    .roo-grid-order-sm-grid-24-21 {
        -ms-flex-order: 21;
            order: 21;
    }
    .roo-grid-pull-sm-grid-24-21 {
        right: 87.5%;
    }
    .roo-rtl .roo-grid-pull-sm-grid-24-21 {
        left: 87.5%;
    }
    .roo-grid-push-sm-grid-24-21 {
        left: 87.5%;
    }
    .roo-rtl .roo-grid-push-sm-grid-24-21 {
        right: 87.5%;
    }
    .offset-sm-grid-24-22 {
        margin-left: 91.6666666667%;
    }
    .roo-rtl .offset-sm-grid-24-22 {
        margin-left: 0;
        margin-right: 91.6666666667%;
    }
    .roo-grid-order-sm-grid-24-22 {
        -ms-flex-order: 22;
            order: 22;
    }
    .roo-grid-pull-sm-grid-24-22 {
        right: 91.6666666667%;
    }
    .roo-rtl .roo-grid-pull-sm-grid-24-22 {
        left: 91.6666666667%;
    }
    .roo-grid-push-sm-grid-24-22 {
        left: 91.6666666667%;
    }
    .roo-rtl .roo-grid-push-sm-grid-24-22 {
        right: 91.6666666667%;
    }
    .offset-sm-grid-24-23 {
        margin-left: 95.8333333333%;
    }
    .roo-rtl .offset-sm-grid-24-23 {
        margin-left: 0;
        margin-right: 95.8333333333%;
    }
    .roo-grid-order-sm-grid-24-23 {
        -ms-flex-order: 23;
            order: 23;
    }
    .roo-grid-pull-sm-grid-24-23 {
        right: 95.8333333333%;
    }
    .roo-rtl .roo-grid-pull-sm-grid-24-23 {
        left: 95.8333333333%;
    }
    .roo-grid-push-sm-grid-24-23 {
        left: 95.8333333333%;
    }
    .roo-rtl .roo-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;
    }
    .roo-rtl .offset-md-grid-24-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .roo-grid-order-md-grid-24-0 {
        -ms-flex-order: 0;
            order: 0;
    }
    .roo-grid-pull-md-grid-24-0 {
        right: auto;
    }
    .roo-rtl .roo-grid-pull-md-grid-24-0 {
        left: auto;
    }
    .roo-grid-push-md-grid-24-0 {
        left: auto;
    }
    .roo-rtl .roo-grid-push-md-grid-24-0 {
        right: auto;
    }
    .offset-md-grid-24-1 {
        margin-left: 4.1666666667%;
    }
    .roo-rtl .offset-md-grid-24-1 {
        margin-left: 0;
        margin-right: 4.1666666667%;
    }
    .roo-grid-order-md-grid-24-1 {
        -ms-flex-order: 1;
            order: 1;
    }
    .roo-grid-pull-md-grid-24-1 {
        right: 4.1666666667%;
    }
    .roo-rtl .roo-grid-pull-md-grid-24-1 {
        left: 4.1666666667%;
    }
    .roo-grid-push-md-grid-24-1 {
        left: 4.1666666667%;
    }
    .roo-rtl .roo-grid-push-md-grid-24-1 {
        right: 4.1666666667%;
    }
    .offset-md-grid-24-2 {
        margin-left: 8.3333333333%;
    }
    .roo-rtl .offset-md-grid-24-2 {
        margin-left: 0;
        margin-right: 8.3333333333%;
    }
    .roo-grid-order-md-grid-24-2 {
        -ms-flex-order: 2;
            order: 2;
    }
    .roo-grid-pull-md-grid-24-2 {
        right: 8.3333333333%;
    }
    .roo-rtl .roo-grid-pull-md-grid-24-2 {
        left: 8.3333333333%;
    }
    .roo-grid-push-md-grid-24-2 {
        left: 8.3333333333%;
    }
    .roo-rtl .roo-grid-push-md-grid-24-2 {
        right: 8.3333333333%;
    }
    .offset-md-grid-24-3 {
        margin-left: 12.5%;
    }
    .roo-rtl .offset-md-grid-24-3 {
        margin-left: 0;
        margin-right: 12.5%;
    }
    .roo-grid-order-md-grid-24-3 {
        -ms-flex-order: 3;
            order: 3;
    }
    .roo-grid-pull-md-grid-24-3 {
        right: 12.5%;
    }
    .roo-rtl .roo-grid-pull-md-grid-24-3 {
        left: 12.5%;
    }
    .roo-grid-push-md-grid-24-3 {
        left: 12.5%;
    }
    .roo-rtl .roo-grid-push-md-grid-24-3 {
        right: 12.5%;
    }
    .offset-md-grid-24-4 {
        margin-left: 16.6666666667%;
    }
    .roo-rtl .offset-md-grid-24-4 {
        margin-left: 0;
        margin-right: 16.6666666667%;
    }
    .roo-grid-order-md-grid-24-4 {
        -ms-flex-order: 4;
            order: 4;
    }
    .roo-grid-pull-md-grid-24-4 {
        right: 16.6666666667%;
    }
    .roo-rtl .roo-grid-pull-md-grid-24-4 {
        left: 16.6666666667%;
    }
    .roo-grid-push-md-grid-24-4 {
        left: 16.6666666667%;
    }
    .roo-rtl .roo-grid-push-md-grid-24-4 {
        right: 16.6666666667%;
    }
    .offset-md-grid-24-5 {
        margin-left: 20.8333333333%;
    }
    .roo-rtl .offset-md-grid-24-5 {
        margin-left: 0;
        margin-right: 20.8333333333%;
    }
    .roo-grid-order-md-grid-24-5 {
        -ms-flex-order: 5;
            order: 5;
    }
    .roo-grid-pull-md-grid-24-5 {
        right: 20.8333333333%;
    }
    .roo-rtl .roo-grid-pull-md-grid-24-5 {
        left: 20.8333333333%;
    }
    .roo-grid-push-md-grid-24-5 {
        left: 20.8333333333%;
    }
    .roo-rtl .roo-grid-push-md-grid-24-5 {
        right: 20.8333333333%;
    }
    .offset-md-grid-24-6 {
        margin-left: 25%;
    }
    .roo-rtl .offset-md-grid-24-6 {
        margin-left: 0;
        margin-right: 25%;
    }
    .roo-grid-order-md-grid-24-6 {
        -ms-flex-order: 6;
            order: 6;
    }
    .roo-grid-pull-md-grid-24-6 {
        right: 25%;
    }
    .roo-rtl .roo-grid-pull-md-grid-24-6 {
        left: 25%;
    }
    .roo-grid-push-md-grid-24-6 {
        left: 25%;
    }
    .roo-rtl .roo-grid-push-md-grid-24-6 {
        right: 25%;
    }
    .offset-md-grid-24-7 {
        margin-left: 29.1666666667%;
    }
    .roo-rtl .offset-md-grid-24-7 {
        margin-left: 0;
        margin-right: 29.1666666667%;
    }
    .roo-grid-order-md-grid-24-7 {
        -ms-flex-order: 7;
            order: 7;
    }
    .roo-grid-pull-md-grid-24-7 {
        right: 29.1666666667%;
    }
    .roo-rtl .roo-grid-pull-md-grid-24-7 {
        left: 29.1666666667%;
    }
    .roo-grid-push-md-grid-24-7 {
        left: 29.1666666667%;
    }
    .roo-rtl .roo-grid-push-md-grid-24-7 {
        right: 29.1666666667%;
    }
    .offset-md-grid-24-8 {
        margin-left: 33.3333333333%;
    }
    .roo-rtl .offset-md-grid-24-8 {
        margin-left: 0;
        margin-right: 33.3333333333%;
    }
    .roo-grid-order-md-grid-24-8 {
        -ms-flex-order: 8;
            order: 8;
    }
    .roo-grid-pull-md-grid-24-8 {
        right: 33.3333333333%;
    }
    .roo-rtl .roo-grid-pull-md-grid-24-8 {
        left: 33.3333333333%;
    }
    .roo-grid-push-md-grid-24-8 {
        left: 33.3333333333%;
    }
    .roo-rtl .roo-grid-push-md-grid-24-8 {
        right: 33.3333333333%;
    }
    .offset-md-grid-24-9 {
        margin-left: 37.5%;
    }
    .roo-rtl .offset-md-grid-24-9 {
        margin-left: 0;
        margin-right: 37.5%;
    }
    .roo-grid-order-md-grid-24-9 {
        -ms-flex-order: 9;
            order: 9;
    }
    .roo-grid-pull-md-grid-24-9 {
        right: 37.5%;
    }
    .roo-rtl .roo-grid-pull-md-grid-24-9 {
        left: 37.5%;
    }
    .roo-grid-push-md-grid-24-9 {
        left: 37.5%;
    }
    .roo-rtl .roo-grid-push-md-grid-24-9 {
        right: 37.5%;
    }
    .offset-md-grid-24-10 {
        margin-left: 41.6666666667%;
    }
    .roo-rtl .offset-md-grid-24-10 {
        margin-left: 0;
        margin-right: 41.6666666667%;
    }
    .roo-grid-order-md-grid-24-10 {
        -ms-flex-order: 10;
            order: 10;
    }
    .roo-grid-pull-md-grid-24-10 {
        right: 41.6666666667%;
    }
    .roo-rtl .roo-grid-pull-md-grid-24-10 {
        left: 41.6666666667%;
    }
    .roo-grid-push-md-grid-24-10 {
        left: 41.6666666667%;
    }
    .roo-rtl .roo-grid-push-md-grid-24-10 {
        right: 41.6666666667%;
    }
    .offset-md-grid-24-11 {
        margin-left: 45.8333333333%;
    }
    .roo-rtl .offset-md-grid-24-11 {
        margin-left: 0;
        margin-right: 45.8333333333%;
    }
    .roo-grid-order-md-grid-24-11 {
        -ms-flex-order: 11;
            order: 11;
    }
    .roo-grid-pull-md-grid-24-11 {
        right: 45.8333333333%;
    }
    .roo-rtl .roo-grid-pull-md-grid-24-11 {
        left: 45.8333333333%;
    }
    .roo-grid-push-md-grid-24-11 {
        left: 45.8333333333%;
    }
    .roo-rtl .roo-grid-push-md-grid-24-11 {
        right: 45.8333333333%;
    }
    .offset-md-grid-24-12 {
        margin-left: 50%;
    }
    .roo-rtl .offset-md-grid-24-12 {
        margin-left: 0;
        margin-right: 50%;
    }
    .roo-grid-order-md-grid-24-12 {
        -ms-flex-order: 12;
            order: 12;
    }
    .roo-grid-pull-md-grid-24-12 {
        right: 50%;
    }
    .roo-rtl .roo-grid-pull-md-grid-24-12 {
        left: 50%;
    }
    .roo-grid-push-md-grid-24-12 {
        left: 50%;
    }
    .roo-rtl .roo-grid-push-md-grid-24-12 {
        right: 50%;
    }
    .offset-md-grid-24-13 {
        margin-left: 54.1666666667%;
    }
    .roo-rtl .offset-md-grid-24-13 {
        margin-left: 0;
        margin-right: 54.1666666667%;
    }
    .roo-grid-order-md-grid-24-13 {
        -ms-flex-order: 13;
            order: 13;
    }
    .roo-grid-pull-md-grid-24-13 {
        right: 54.1666666667%;
    }
    .roo-rtl .roo-grid-pull-md-grid-24-13 {
        left: 54.1666666667%;
    }
    .roo-grid-push-md-grid-24-13 {
        left: 54.1666666667%;
    }
    .roo-rtl .roo-grid-push-md-grid-24-13 {
        right: 54.1666666667%;
    }
    .offset-md-grid-24-14 {
        margin-left: 58.3333333333%;
    }
    .roo-rtl .offset-md-grid-24-14 {
        margin-left: 0;
        margin-right: 58.3333333333%;
    }
    .roo-grid-order-md-grid-24-14 {
        -ms-flex-order: 14;
            order: 14;
    }
    .roo-grid-pull-md-grid-24-14 {
        right: 58.3333333333%;
    }
    .roo-rtl .roo-grid-pull-md-grid-24-14 {
        left: 58.3333333333%;
    }
    .roo-grid-push-md-grid-24-14 {
        left: 58.3333333333%;
    }
    .roo-rtl .roo-grid-push-md-grid-24-14 {
        right: 58.3333333333%;
    }
    .offset-md-grid-24-15 {
        margin-left: 62.5%;
    }
    .roo-rtl .offset-md-grid-24-15 {
        margin-left: 0;
        margin-right: 62.5%;
    }
    .roo-grid-order-md-grid-24-15 {
        -ms-flex-order: 15;
            order: 15;
    }
    .roo-grid-pull-md-grid-24-15 {
        right: 62.5%;
    }
    .roo-rtl .roo-grid-pull-md-grid-24-15 {
        left: 62.5%;
    }
    .roo-grid-push-md-grid-24-15 {
        left: 62.5%;
    }
    .roo-rtl .roo-grid-push-md-grid-24-15 {
        right: 62.5%;
    }
    .offset-md-grid-24-16 {
        margin-left: 66.6666666667%;
    }
    .roo-rtl .offset-md-grid-24-16 {
        margin-left: 0;
        margin-right: 66.6666666667%;
    }
    .roo-grid-order-md-grid-24-16 {
        -ms-flex-order: 16;
            order: 16;
    }
    .roo-grid-pull-md-grid-24-16 {
        right: 66.6666666667%;
    }
    .roo-rtl .roo-grid-pull-md-grid-24-16 {
        left: 66.6666666667%;
    }
    .roo-grid-push-md-grid-24-16 {
        left: 66.6666666667%;
    }
    .roo-rtl .roo-grid-push-md-grid-24-16 {
        right: 66.6666666667%;
    }
    .offset-md-grid-24-17 {
        margin-left: 70.8333333333%;
    }
    .roo-rtl .offset-md-grid-24-17 {
        margin-left: 0;
        margin-right: 70.8333333333%;
    }
    .roo-grid-order-md-grid-24-17 {
        -ms-flex-order: 17;
            order: 17;
    }
    .roo-grid-pull-md-grid-24-17 {
        right: 70.8333333333%;
    }
    .roo-rtl .roo-grid-pull-md-grid-24-17 {
        left: 70.8333333333%;
    }
    .roo-grid-push-md-grid-24-17 {
        left: 70.8333333333%;
    }
    .roo-rtl .roo-grid-push-md-grid-24-17 {
        right: 70.8333333333%;
    }
    .offset-md-grid-24-18 {
        margin-left: 75%;
    }
    .roo-rtl .offset-md-grid-24-18 {
        margin-left: 0;
        margin-right: 75%;
    }
    .roo-grid-order-md-grid-24-18 {
        -ms-flex-order: 18;
            order: 18;
    }
    .roo-grid-pull-md-grid-24-18 {
        right: 75%;
    }
    .roo-rtl .roo-grid-pull-md-grid-24-18 {
        left: 75%;
    }
    .roo-grid-push-md-grid-24-18 {
        left: 75%;
    }
    .roo-rtl .roo-grid-push-md-grid-24-18 {
        right: 75%;
    }
    .offset-md-grid-24-19 {
        margin-left: 79.1666666667%;
    }
    .roo-rtl .offset-md-grid-24-19 {
        margin-left: 0;
        margin-right: 79.1666666667%;
    }
    .roo-grid-order-md-grid-24-19 {
        -ms-flex-order: 19;
            order: 19;
    }
    .roo-grid-pull-md-grid-24-19 {
        right: 79.1666666667%;
    }
    .roo-rtl .roo-grid-pull-md-grid-24-19 {
        left: 79.1666666667%;
    }
    .roo-grid-push-md-grid-24-19 {
        left: 79.1666666667%;
    }
    .roo-rtl .roo-grid-push-md-grid-24-19 {
        right: 79.1666666667%;
    }
    .offset-md-grid-24-20 {
        margin-left: 83.3333333333%;
    }
    .roo-rtl .offset-md-grid-24-20 {
        margin-left: 0;
        margin-right: 83.3333333333%;
    }
    .roo-grid-order-md-grid-24-20 {
        -ms-flex-order: 20;
            order: 20;
    }
    .roo-grid-pull-md-grid-24-20 {
        right: 83.3333333333%;
    }
    .roo-rtl .roo-grid-pull-md-grid-24-20 {
        left: 83.3333333333%;
    }
    .roo-grid-push-md-grid-24-20 {
        left: 83.3333333333%;
    }
    .roo-rtl .roo-grid-push-md-grid-24-20 {
        right: 83.3333333333%;
    }
    .offset-md-grid-24-21 {
        margin-left: 87.5%;
    }
    .roo-rtl .offset-md-grid-24-21 {
        margin-left: 0;
        margin-right: 87.5%;
    }
    .roo-grid-order-md-grid-24-21 {
        -ms-flex-order: 21;
            order: 21;
    }
    .roo-grid-pull-md-grid-24-21 {
        right: 87.5%;
    }
    .roo-rtl .roo-grid-pull-md-grid-24-21 {
        left: 87.5%;
    }
    .roo-grid-push-md-grid-24-21 {
        left: 87.5%;
    }
    .roo-rtl .roo-grid-push-md-grid-24-21 {
        right: 87.5%;
    }
    .offset-md-grid-24-22 {
        margin-left: 91.6666666667%;
    }
    .roo-rtl .offset-md-grid-24-22 {
        margin-left: 0;
        margin-right: 91.6666666667%;
    }
    .roo-grid-order-md-grid-24-22 {
        -ms-flex-order: 22;
            order: 22;
    }
    .roo-grid-pull-md-grid-24-22 {
        right: 91.6666666667%;
    }
    .roo-rtl .roo-grid-pull-md-grid-24-22 {
        left: 91.6666666667%;
    }
    .roo-grid-push-md-grid-24-22 {
        left: 91.6666666667%;
    }
    .roo-rtl .roo-grid-push-md-grid-24-22 {
        right: 91.6666666667%;
    }
    .offset-md-grid-24-23 {
        margin-left: 95.8333333333%;
    }
    .roo-rtl .offset-md-grid-24-23 {
        margin-left: 0;
        margin-right: 95.8333333333%;
    }
    .roo-grid-order-md-grid-24-23 {
        -ms-flex-order: 23;
            order: 23;
    }
    .roo-grid-pull-md-grid-24-23 {
        right: 95.8333333333%;
    }
    .roo-rtl .roo-grid-pull-md-grid-24-23 {
        left: 95.8333333333%;
    }
    .roo-grid-push-md-grid-24-23 {
        left: 95.8333333333%;
    }
    .roo-rtl .roo-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;
    }
    .roo-rtl .offset-lg-grid-24-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .roo-grid-order-lg-grid-24-0 {
        -ms-flex-order: 0;
            order: 0;
    }
    .roo-grid-pull-lg-grid-24-0 {
        right: auto;
    }
    .roo-rtl .roo-grid-pull-lg-grid-24-0 {
        left: auto;
    }
    .roo-grid-push-lg-grid-24-0 {
        left: auto;
    }
    .roo-rtl .roo-grid-push-lg-grid-24-0 {
        right: auto;
    }
    .offset-lg-grid-24-1 {
        margin-left: 4.1666666667%;
    }
    .roo-rtl .offset-lg-grid-24-1 {
        margin-left: 0;
        margin-right: 4.1666666667%;
    }
    .roo-grid-order-lg-grid-24-1 {
        -ms-flex-order: 1;
            order: 1;
    }
    .roo-grid-pull-lg-grid-24-1 {
        right: 4.1666666667%;
    }
    .roo-rtl .roo-grid-pull-lg-grid-24-1 {
        left: 4.1666666667%;
    }
    .roo-grid-push-lg-grid-24-1 {
        left: 4.1666666667%;
    }
    .roo-rtl .roo-grid-push-lg-grid-24-1 {
        right: 4.1666666667%;
    }
    .offset-lg-grid-24-2 {
        margin-left: 8.3333333333%;
    }
    .roo-rtl .offset-lg-grid-24-2 {
        margin-left: 0;
        margin-right: 8.3333333333%;
    }
    .roo-grid-order-lg-grid-24-2 {
        -ms-flex-order: 2;
            order: 2;
    }
    .roo-grid-pull-lg-grid-24-2 {
        right: 8.3333333333%;
    }
    .roo-rtl .roo-grid-pull-lg-grid-24-2 {
        left: 8.3333333333%;
    }
    .roo-grid-push-lg-grid-24-2 {
        left: 8.3333333333%;
    }
    .roo-rtl .roo-grid-push-lg-grid-24-2 {
        right: 8.3333333333%;
    }
    .offset-lg-grid-24-3 {
        margin-left: 12.5%;
    }
    .roo-rtl .offset-lg-grid-24-3 {
        margin-left: 0;
        margin-right: 12.5%;
    }
    .roo-grid-order-lg-grid-24-3 {
        -ms-flex-order: 3;
            order: 3;
    }
    .roo-grid-pull-lg-grid-24-3 {
        right: 12.5%;
    }
    .roo-rtl .roo-grid-pull-lg-grid-24-3 {
        left: 12.5%;
    }
    .roo-grid-push-lg-grid-24-3 {
        left: 12.5%;
    }
    .roo-rtl .roo-grid-push-lg-grid-24-3 {
        right: 12.5%;
    }
    .offset-lg-grid-24-4 {
        margin-left: 16.6666666667%;
    }
    .roo-rtl .offset-lg-grid-24-4 {
        margin-left: 0;
        margin-right: 16.6666666667%;
    }
    .roo-grid-order-lg-grid-24-4 {
        -ms-flex-order: 4;
            order: 4;
    }
    .roo-grid-pull-lg-grid-24-4 {
        right: 16.6666666667%;
    }
    .roo-rtl .roo-grid-pull-lg-grid-24-4 {
        left: 16.6666666667%;
    }
    .roo-grid-push-lg-grid-24-4 {
        left: 16.6666666667%;
    }
    .roo-rtl .roo-grid-push-lg-grid-24-4 {
        right: 16.6666666667%;
    }
    .offset-lg-grid-24-5 {
        margin-left: 20.8333333333%;
    }
    .roo-rtl .offset-lg-grid-24-5 {
        margin-left: 0;
        margin-right: 20.8333333333%;
    }
    .roo-grid-order-lg-grid-24-5 {
        -ms-flex-order: 5;
            order: 5;
    }
    .roo-grid-pull-lg-grid-24-5 {
        right: 20.8333333333%;
    }
    .roo-rtl .roo-grid-pull-lg-grid-24-5 {
        left: 20.8333333333%;
    }
    .roo-grid-push-lg-grid-24-5 {
        left: 20.8333333333%;
    }
    .roo-rtl .roo-grid-push-lg-grid-24-5 {
        right: 20.8333333333%;
    }
    .offset-lg-grid-24-6 {
        margin-left: 25%;
    }
    .roo-rtl .offset-lg-grid-24-6 {
        margin-left: 0;
        margin-right: 25%;
    }
    .roo-grid-order-lg-grid-24-6 {
        -ms-flex-order: 6;
            order: 6;
    }
    .roo-grid-pull-lg-grid-24-6 {
        right: 25%;
    }
    .roo-rtl .roo-grid-pull-lg-grid-24-6 {
        left: 25%;
    }
    .roo-grid-push-lg-grid-24-6 {
        left: 25%;
    }
    .roo-rtl .roo-grid-push-lg-grid-24-6 {
        right: 25%;
    }
    .offset-lg-grid-24-7 {
        margin-left: 29.1666666667%;
    }
    .roo-rtl .offset-lg-grid-24-7 {
        margin-left: 0;
        margin-right: 29.1666666667%;
    }
    .roo-grid-order-lg-grid-24-7 {
        -ms-flex-order: 7;
            order: 7;
    }
    .roo-grid-pull-lg-grid-24-7 {
        right: 29.1666666667%;
    }
    .roo-rtl .roo-grid-pull-lg-grid-24-7 {
        left: 29.1666666667%;
    }
    .roo-grid-push-lg-grid-24-7 {
        left: 29.1666666667%;
    }
    .roo-rtl .roo-grid-push-lg-grid-24-7 {
        right: 29.1666666667%;
    }
    .offset-lg-grid-24-8 {
        margin-left: 33.3333333333%;
    }
    .roo-rtl .offset-lg-grid-24-8 {
        margin-left: 0;
        margin-right: 33.3333333333%;
    }
    .roo-grid-order-lg-grid-24-8 {
        -ms-flex-order: 8;
            order: 8;
    }
    .roo-grid-pull-lg-grid-24-8 {
        right: 33.3333333333%;
    }
    .roo-rtl .roo-grid-pull-lg-grid-24-8 {
        left: 33.3333333333%;
    }
    .roo-grid-push-lg-grid-24-8 {
        left: 33.3333333333%;
    }
    .roo-rtl .roo-grid-push-lg-grid-24-8 {
        right: 33.3333333333%;
    }
    .offset-lg-grid-24-9 {
        margin-left: 37.5%;
    }
    .roo-rtl .offset-lg-grid-24-9 {
        margin-left: 0;
        margin-right: 37.5%;
    }
    .roo-grid-order-lg-grid-24-9 {
        -ms-flex-order: 9;
            order: 9;
    }
    .roo-grid-pull-lg-grid-24-9 {
        right: 37.5%;
    }
    .roo-rtl .roo-grid-pull-lg-grid-24-9 {
        left: 37.5%;
    }
    .roo-grid-push-lg-grid-24-9 {
        left: 37.5%;
    }
    .roo-rtl .roo-grid-push-lg-grid-24-9 {
        right: 37.5%;
    }
    .offset-lg-grid-24-10 {
        margin-left: 41.6666666667%;
    }
    .roo-rtl .offset-lg-grid-24-10 {
        margin-left: 0;
        margin-right: 41.6666666667%;
    }
    .roo-grid-order-lg-grid-24-10 {
        -ms-flex-order: 10;
            order: 10;
    }
    .roo-grid-pull-lg-grid-24-10 {
        right: 41.6666666667%;
    }
    .roo-rtl .roo-grid-pull-lg-grid-24-10 {
        left: 41.6666666667%;
    }
    .roo-grid-push-lg-grid-24-10 {
        left: 41.6666666667%;
    }
    .roo-rtl .roo-grid-push-lg-grid-24-10 {
        right: 41.6666666667%;
    }
    .offset-lg-grid-24-11 {
        margin-left: 45.8333333333%;
    }
    .roo-rtl .offset-lg-grid-24-11 {
        margin-left: 0;
        margin-right: 45.8333333333%;
    }
    .roo-grid-order-lg-grid-24-11 {
        -ms-flex-order: 11;
            order: 11;
    }
    .roo-grid-pull-lg-grid-24-11 {
        right: 45.8333333333%;
    }
    .roo-rtl .roo-grid-pull-lg-grid-24-11 {
        left: 45.8333333333%;
    }
    .roo-grid-push-lg-grid-24-11 {
        left: 45.8333333333%;
    }
    .roo-rtl .roo-grid-push-lg-grid-24-11 {
        right: 45.8333333333%;
    }
    .offset-lg-grid-24-12 {
        margin-left: 50%;
    }
    .roo-rtl .offset-lg-grid-24-12 {
        margin-left: 0;
        margin-right: 50%;
    }
    .roo-grid-order-lg-grid-24-12 {
        -ms-flex-order: 12;
            order: 12;
    }
    .roo-grid-pull-lg-grid-24-12 {
        right: 50%;
    }
    .roo-rtl .roo-grid-pull-lg-grid-24-12 {
        left: 50%;
    }
    .roo-grid-push-lg-grid-24-12 {
        left: 50%;
    }
    .roo-rtl .roo-grid-push-lg-grid-24-12 {
        right: 50%;
    }
    .offset-lg-grid-24-13 {
        margin-left: 54.1666666667%;
    }
    .roo-rtl .offset-lg-grid-24-13 {
        margin-left: 0;
        margin-right: 54.1666666667%;
    }
    .roo-grid-order-lg-grid-24-13 {
        -ms-flex-order: 13;
            order: 13;
    }
    .roo-grid-pull-lg-grid-24-13 {
        right: 54.1666666667%;
    }
    .roo-rtl .roo-grid-pull-lg-grid-24-13 {
        left: 54.1666666667%;
    }
    .roo-grid-push-lg-grid-24-13 {
        left: 54.1666666667%;
    }
    .roo-rtl .roo-grid-push-lg-grid-24-13 {
        right: 54.1666666667%;
    }
    .offset-lg-grid-24-14 {
        margin-left: 58.3333333333%;
    }
    .roo-rtl .offset-lg-grid-24-14 {
        margin-left: 0;
        margin-right: 58.3333333333%;
    }
    .roo-grid-order-lg-grid-24-14 {
        -ms-flex-order: 14;
            order: 14;
    }
    .roo-grid-pull-lg-grid-24-14 {
        right: 58.3333333333%;
    }
    .roo-rtl .roo-grid-pull-lg-grid-24-14 {
        left: 58.3333333333%;
    }
    .roo-grid-push-lg-grid-24-14 {
        left: 58.3333333333%;
    }
    .roo-rtl .roo-grid-push-lg-grid-24-14 {
        right: 58.3333333333%;
    }
    .offset-lg-grid-24-15 {
        margin-left: 62.5%;
    }
    .roo-rtl .offset-lg-grid-24-15 {
        margin-left: 0;
        margin-right: 62.5%;
    }
    .roo-grid-order-lg-grid-24-15 {
        -ms-flex-order: 15;
            order: 15;
    }
    .roo-grid-pull-lg-grid-24-15 {
        right: 62.5%;
    }
    .roo-rtl .roo-grid-pull-lg-grid-24-15 {
        left: 62.5%;
    }
    .roo-grid-push-lg-grid-24-15 {
        left: 62.5%;
    }
    .roo-rtl .roo-grid-push-lg-grid-24-15 {
        right: 62.5%;
    }
    .offset-lg-grid-24-16 {
        margin-left: 66.6666666667%;
    }
    .roo-rtl .offset-lg-grid-24-16 {
        margin-left: 0;
        margin-right: 66.6666666667%;
    }
    .roo-grid-order-lg-grid-24-16 {
        -ms-flex-order: 16;
            order: 16;
    }
    .roo-grid-pull-lg-grid-24-16 {
        right: 66.6666666667%;
    }
    .roo-rtl .roo-grid-pull-lg-grid-24-16 {
        left: 66.6666666667%;
    }
    .roo-grid-push-lg-grid-24-16 {
        left: 66.6666666667%;
    }
    .roo-rtl .roo-grid-push-lg-grid-24-16 {
        right: 66.6666666667%;
    }
    .offset-lg-grid-24-17 {
        margin-left: 70.8333333333%;
    }
    .roo-rtl .offset-lg-grid-24-17 {
        margin-left: 0;
        margin-right: 70.8333333333%;
    }
    .roo-grid-order-lg-grid-24-17 {
        -ms-flex-order: 17;
            order: 17;
    }
    .roo-grid-pull-lg-grid-24-17 {
        right: 70.8333333333%;
    }
    .roo-rtl .roo-grid-pull-lg-grid-24-17 {
        left: 70.8333333333%;
    }
    .roo-grid-push-lg-grid-24-17 {
        left: 70.8333333333%;
    }
    .roo-rtl .roo-grid-push-lg-grid-24-17 {
        right: 70.8333333333%;
    }
    .offset-lg-grid-24-18 {
        margin-left: 75%;
    }
    .roo-rtl .offset-lg-grid-24-18 {
        margin-left: 0;
        margin-right: 75%;
    }
    .roo-grid-order-lg-grid-24-18 {
        -ms-flex-order: 18;
            order: 18;
    }
    .roo-grid-pull-lg-grid-24-18 {
        right: 75%;
    }
    .roo-rtl .roo-grid-pull-lg-grid-24-18 {
        left: 75%;
    }
    .roo-grid-push-lg-grid-24-18 {
        left: 75%;
    }
    .roo-rtl .roo-grid-push-lg-grid-24-18 {
        right: 75%;
    }
    .offset-lg-grid-24-19 {
        margin-left: 79.1666666667%;
    }
    .roo-rtl .offset-lg-grid-24-19 {
        margin-left: 0;
        margin-right: 79.1666666667%;
    }
    .roo-grid-order-lg-grid-24-19 {
        -ms-flex-order: 19;
            order: 19;
    }
    .roo-grid-pull-lg-grid-24-19 {
        right: 79.1666666667%;
    }
    .roo-rtl .roo-grid-pull-lg-grid-24-19 {
        left: 79.1666666667%;
    }
    .roo-grid-push-lg-grid-24-19 {
        left: 79.1666666667%;
    }
    .roo-rtl .roo-grid-push-lg-grid-24-19 {
        right: 79.1666666667%;
    }
    .offset-lg-grid-24-20 {
        margin-left: 83.3333333333%;
    }
    .roo-rtl .offset-lg-grid-24-20 {
        margin-left: 0;
        margin-right: 83.3333333333%;
    }
    .roo-grid-order-lg-grid-24-20 {
        -ms-flex-order: 20;
            order: 20;
    }
    .roo-grid-pull-lg-grid-24-20 {
        right: 83.3333333333%;
    }
    .roo-rtl .roo-grid-pull-lg-grid-24-20 {
        left: 83.3333333333%;
    }
    .roo-grid-push-lg-grid-24-20 {
        left: 83.3333333333%;
    }
    .roo-rtl .roo-grid-push-lg-grid-24-20 {
        right: 83.3333333333%;
    }
    .offset-lg-grid-24-21 {
        margin-left: 87.5%;
    }
    .roo-rtl .offset-lg-grid-24-21 {
        margin-left: 0;
        margin-right: 87.5%;
    }
    .roo-grid-order-lg-grid-24-21 {
        -ms-flex-order: 21;
            order: 21;
    }
    .roo-grid-pull-lg-grid-24-21 {
        right: 87.5%;
    }
    .roo-rtl .roo-grid-pull-lg-grid-24-21 {
        left: 87.5%;
    }
    .roo-grid-push-lg-grid-24-21 {
        left: 87.5%;
    }
    .roo-rtl .roo-grid-push-lg-grid-24-21 {
        right: 87.5%;
    }
    .offset-lg-grid-24-22 {
        margin-left: 91.6666666667%;
    }
    .roo-rtl .offset-lg-grid-24-22 {
        margin-left: 0;
        margin-right: 91.6666666667%;
    }
    .roo-grid-order-lg-grid-24-22 {
        -ms-flex-order: 22;
            order: 22;
    }
    .roo-grid-pull-lg-grid-24-22 {
        right: 91.6666666667%;
    }
    .roo-rtl .roo-grid-pull-lg-grid-24-22 {
        left: 91.6666666667%;
    }
    .roo-grid-push-lg-grid-24-22 {
        left: 91.6666666667%;
    }
    .roo-rtl .roo-grid-push-lg-grid-24-22 {
        right: 91.6666666667%;
    }
    .offset-lg-grid-24-23 {
        margin-left: 95.8333333333%;
    }
    .roo-rtl .offset-lg-grid-24-23 {
        margin-left: 0;
        margin-right: 95.8333333333%;
    }
    .roo-grid-order-lg-grid-24-23 {
        -ms-flex-order: 23;
            order: 23;
    }
    .roo-grid-pull-lg-grid-24-23 {
        right: 95.8333333333%;
    }
    .roo-rtl .roo-grid-pull-lg-grid-24-23 {
        left: 95.8333333333%;
    }
    .roo-grid-push-lg-grid-24-23 {
        left: 95.8333333333%;
    }
    .roo-rtl .roo-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;
    }
    .roo-rtl .offset-xl-grid-24-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .roo-grid-order-xl-grid-24-0 {
        -ms-flex-order: 0;
            order: 0;
    }
    .roo-grid-pull-xl-grid-24-0 {
        right: auto;
    }
    .roo-rtl .roo-grid-pull-xl-grid-24-0 {
        left: auto;
    }
    .roo-grid-push-xl-grid-24-0 {
        left: auto;
    }
    .roo-rtl .roo-grid-push-xl-grid-24-0 {
        right: auto;
    }
    .offset-xl-grid-24-1 {
        margin-left: 4.1666666667%;
    }
    .roo-rtl .offset-xl-grid-24-1 {
        margin-left: 0;
        margin-right: 4.1666666667%;
    }
    .roo-grid-order-xl-grid-24-1 {
        -ms-flex-order: 1;
            order: 1;
    }
    .roo-grid-pull-xl-grid-24-1 {
        right: 4.1666666667%;
    }
    .roo-rtl .roo-grid-pull-xl-grid-24-1 {
        left: 4.1666666667%;
    }
    .roo-grid-push-xl-grid-24-1 {
        left: 4.1666666667%;
    }
    .roo-rtl .roo-grid-push-xl-grid-24-1 {
        right: 4.1666666667%;
    }
    .offset-xl-grid-24-2 {
        margin-left: 8.3333333333%;
    }
    .roo-rtl .offset-xl-grid-24-2 {
        margin-left: 0;
        margin-right: 8.3333333333%;
    }
    .roo-grid-order-xl-grid-24-2 {
        -ms-flex-order: 2;
            order: 2;
    }
    .roo-grid-pull-xl-grid-24-2 {
        right: 8.3333333333%;
    }
    .roo-rtl .roo-grid-pull-xl-grid-24-2 {
        left: 8.3333333333%;
    }
    .roo-grid-push-xl-grid-24-2 {
        left: 8.3333333333%;
    }
    .roo-rtl .roo-grid-push-xl-grid-24-2 {
        right: 8.3333333333%;
    }
    .offset-xl-grid-24-3 {
        margin-left: 12.5%;
    }
    .roo-rtl .offset-xl-grid-24-3 {
        margin-left: 0;
        margin-right: 12.5%;
    }
    .roo-grid-order-xl-grid-24-3 {
        -ms-flex-order: 3;
            order: 3;
    }
    .roo-grid-pull-xl-grid-24-3 {
        right: 12.5%;
    }
    .roo-rtl .roo-grid-pull-xl-grid-24-3 {
        left: 12.5%;
    }
    .roo-grid-push-xl-grid-24-3 {
        left: 12.5%;
    }
    .roo-rtl .roo-grid-push-xl-grid-24-3 {
        right: 12.5%;
    }
    .offset-xl-grid-24-4 {
        margin-left: 16.6666666667%;
    }
    .roo-rtl .offset-xl-grid-24-4 {
        margin-left: 0;
        margin-right: 16.6666666667%;
    }
    .roo-grid-order-xl-grid-24-4 {
        -ms-flex-order: 4;
            order: 4;
    }
    .roo-grid-pull-xl-grid-24-4 {
        right: 16.6666666667%;
    }
    .roo-rtl .roo-grid-pull-xl-grid-24-4 {
        left: 16.6666666667%;
    }
    .roo-grid-push-xl-grid-24-4 {
        left: 16.6666666667%;
    }
    .roo-rtl .roo-grid-push-xl-grid-24-4 {
        right: 16.6666666667%;
    }
    .offset-xl-grid-24-5 {
        margin-left: 20.8333333333%;
    }
    .roo-rtl .offset-xl-grid-24-5 {
        margin-left: 0;
        margin-right: 20.8333333333%;
    }
    .roo-grid-order-xl-grid-24-5 {
        -ms-flex-order: 5;
            order: 5;
    }
    .roo-grid-pull-xl-grid-24-5 {
        right: 20.8333333333%;
    }
    .roo-rtl .roo-grid-pull-xl-grid-24-5 {
        left: 20.8333333333%;
    }
    .roo-grid-push-xl-grid-24-5 {
        left: 20.8333333333%;
    }
    .roo-rtl .roo-grid-push-xl-grid-24-5 {
        right: 20.8333333333%;
    }
    .offset-xl-grid-24-6 {
        margin-left: 25%;
    }
    .roo-rtl .offset-xl-grid-24-6 {
        margin-left: 0;
        margin-right: 25%;
    }
    .roo-grid-order-xl-grid-24-6 {
        -ms-flex-order: 6;
            order: 6;
    }
    .roo-grid-pull-xl-grid-24-6 {
        right: 25%;
    }
    .roo-rtl .roo-grid-pull-xl-grid-24-6 {
        left: 25%;
    }
    .roo-grid-push-xl-grid-24-6 {
        left: 25%;
    }
    .roo-rtl .roo-grid-push-xl-grid-24-6 {
        right: 25%;
    }
    .offset-xl-grid-24-7 {
        margin-left: 29.1666666667%;
    }
    .roo-rtl .offset-xl-grid-24-7 {
        margin-left: 0;
        margin-right: 29.1666666667%;
    }
    .roo-grid-order-xl-grid-24-7 {
        -ms-flex-order: 7;
            order: 7;
    }
    .roo-grid-pull-xl-grid-24-7 {
        right: 29.1666666667%;
    }
    .roo-rtl .roo-grid-pull-xl-grid-24-7 {
        left: 29.1666666667%;
    }
    .roo-grid-push-xl-grid-24-7 {
        left: 29.1666666667%;
    }
    .roo-rtl .roo-grid-push-xl-grid-24-7 {
        right: 29.1666666667%;
    }
    .offset-xl-grid-24-8 {
        margin-left: 33.3333333333%;
    }
    .roo-rtl .offset-xl-grid-24-8 {
        margin-left: 0;
        margin-right: 33.3333333333%;
    }
    .roo-grid-order-xl-grid-24-8 {
        -ms-flex-order: 8;
            order: 8;
    }
    .roo-grid-pull-xl-grid-24-8 {
        right: 33.3333333333%;
    }
    .roo-rtl .roo-grid-pull-xl-grid-24-8 {
        left: 33.3333333333%;
    }
    .roo-grid-push-xl-grid-24-8 {
        left: 33.3333333333%;
    }
    .roo-rtl .roo-grid-push-xl-grid-24-8 {
        right: 33.3333333333%;
    }
    .offset-xl-grid-24-9 {
        margin-left: 37.5%;
    }
    .roo-rtl .offset-xl-grid-24-9 {
        margin-left: 0;
        margin-right: 37.5%;
    }
    .roo-grid-order-xl-grid-24-9 {
        -ms-flex-order: 9;
            order: 9;
    }
    .roo-grid-pull-xl-grid-24-9 {
        right: 37.5%;
    }
    .roo-rtl .roo-grid-pull-xl-grid-24-9 {
        left: 37.5%;
    }
    .roo-grid-push-xl-grid-24-9 {
        left: 37.5%;
    }
    .roo-rtl .roo-grid-push-xl-grid-24-9 {
        right: 37.5%;
    }
    .offset-xl-grid-24-10 {
        margin-left: 41.6666666667%;
    }
    .roo-rtl .offset-xl-grid-24-10 {
        margin-left: 0;
        margin-right: 41.6666666667%;
    }
    .roo-grid-order-xl-grid-24-10 {
        -ms-flex-order: 10;
            order: 10;
    }
    .roo-grid-pull-xl-grid-24-10 {
        right: 41.6666666667%;
    }
    .roo-rtl .roo-grid-pull-xl-grid-24-10 {
        left: 41.6666666667%;
    }
    .roo-grid-push-xl-grid-24-10 {
        left: 41.6666666667%;
    }
    .roo-rtl .roo-grid-push-xl-grid-24-10 {
        right: 41.6666666667%;
    }
    .offset-xl-grid-24-11 {
        margin-left: 45.8333333333%;
    }
    .roo-rtl .offset-xl-grid-24-11 {
        margin-left: 0;
        margin-right: 45.8333333333%;
    }
    .roo-grid-order-xl-grid-24-11 {
        -ms-flex-order: 11;
            order: 11;
    }
    .roo-grid-pull-xl-grid-24-11 {
        right: 45.8333333333%;
    }
    .roo-rtl .roo-grid-pull-xl-grid-24-11 {
        left: 45.8333333333%;
    }
    .roo-grid-push-xl-grid-24-11 {
        left: 45.8333333333%;
    }
    .roo-rtl .roo-grid-push-xl-grid-24-11 {
        right: 45.8333333333%;
    }
    .offset-xl-grid-24-12 {
        margin-left: 50%;
    }
    .roo-rtl .offset-xl-grid-24-12 {
        margin-left: 0;
        margin-right: 50%;
    }
    .roo-grid-order-xl-grid-24-12 {
        -ms-flex-order: 12;
            order: 12;
    }
    .roo-grid-pull-xl-grid-24-12 {
        right: 50%;
    }
    .roo-rtl .roo-grid-pull-xl-grid-24-12 {
        left: 50%;
    }
    .roo-grid-push-xl-grid-24-12 {
        left: 50%;
    }
    .roo-rtl .roo-grid-push-xl-grid-24-12 {
        right: 50%;
    }
    .offset-xl-grid-24-13 {
        margin-left: 54.1666666667%;
    }
    .roo-rtl .offset-xl-grid-24-13 {
        margin-left: 0;
        margin-right: 54.1666666667%;
    }
    .roo-grid-order-xl-grid-24-13 {
        -ms-flex-order: 13;
            order: 13;
    }
    .roo-grid-pull-xl-grid-24-13 {
        right: 54.1666666667%;
    }
    .roo-rtl .roo-grid-pull-xl-grid-24-13 {
        left: 54.1666666667%;
    }
    .roo-grid-push-xl-grid-24-13 {
        left: 54.1666666667%;
    }
    .roo-rtl .roo-grid-push-xl-grid-24-13 {
        right: 54.1666666667%;
    }
    .offset-xl-grid-24-14 {
        margin-left: 58.3333333333%;
    }
    .roo-rtl .offset-xl-grid-24-14 {
        margin-left: 0;
        margin-right: 58.3333333333%;
    }
    .roo-grid-order-xl-grid-24-14 {
        -ms-flex-order: 14;
            order: 14;
    }
    .roo-grid-pull-xl-grid-24-14 {
        right: 58.3333333333%;
    }
    .roo-rtl .roo-grid-pull-xl-grid-24-14 {
        left: 58.3333333333%;
    }
    .roo-grid-push-xl-grid-24-14 {
        left: 58.3333333333%;
    }
    .roo-rtl .roo-grid-push-xl-grid-24-14 {
        right: 58.3333333333%;
    }
    .offset-xl-grid-24-15 {
        margin-left: 62.5%;
    }
    .roo-rtl .offset-xl-grid-24-15 {
        margin-left: 0;
        margin-right: 62.5%;
    }
    .roo-grid-order-xl-grid-24-15 {
        -ms-flex-order: 15;
            order: 15;
    }
    .roo-grid-pull-xl-grid-24-15 {
        right: 62.5%;
    }
    .roo-rtl .roo-grid-pull-xl-grid-24-15 {
        left: 62.5%;
    }
    .roo-grid-push-xl-grid-24-15 {
        left: 62.5%;
    }
    .roo-rtl .roo-grid-push-xl-grid-24-15 {
        right: 62.5%;
    }
    .offset-xl-grid-24-16 {
        margin-left: 66.6666666667%;
    }
    .roo-rtl .offset-xl-grid-24-16 {
        margin-left: 0;
        margin-right: 66.6666666667%;
    }
    .roo-grid-order-xl-grid-24-16 {
        -ms-flex-order: 16;
            order: 16;
    }
    .roo-grid-pull-xl-grid-24-16 {
        right: 66.6666666667%;
    }
    .roo-rtl .roo-grid-pull-xl-grid-24-16 {
        left: 66.6666666667%;
    }
    .roo-grid-push-xl-grid-24-16 {
        left: 66.6666666667%;
    }
    .roo-rtl .roo-grid-push-xl-grid-24-16 {
        right: 66.6666666667%;
    }
    .offset-xl-grid-24-17 {
        margin-left: 70.8333333333%;
    }
    .roo-rtl .offset-xl-grid-24-17 {
        margin-left: 0;
        margin-right: 70.8333333333%;
    }
    .roo-grid-order-xl-grid-24-17 {
        -ms-flex-order: 17;
            order: 17;
    }
    .roo-grid-pull-xl-grid-24-17 {
        right: 70.8333333333%;
    }
    .roo-rtl .roo-grid-pull-xl-grid-24-17 {
        left: 70.8333333333%;
    }
    .roo-grid-push-xl-grid-24-17 {
        left: 70.8333333333%;
    }
    .roo-rtl .roo-grid-push-xl-grid-24-17 {
        right: 70.8333333333%;
    }
    .offset-xl-grid-24-18 {
        margin-left: 75%;
    }
    .roo-rtl .offset-xl-grid-24-18 {
        margin-left: 0;
        margin-right: 75%;
    }
    .roo-grid-order-xl-grid-24-18 {
        -ms-flex-order: 18;
            order: 18;
    }
    .roo-grid-pull-xl-grid-24-18 {
        right: 75%;
    }
    .roo-rtl .roo-grid-pull-xl-grid-24-18 {
        left: 75%;
    }
    .roo-grid-push-xl-grid-24-18 {
        left: 75%;
    }
    .roo-rtl .roo-grid-push-xl-grid-24-18 {
        right: 75%;
    }
    .offset-xl-grid-24-19 {
        margin-left: 79.1666666667%;
    }
    .roo-rtl .offset-xl-grid-24-19 {
        margin-left: 0;
        margin-right: 79.1666666667%;
    }
    .roo-grid-order-xl-grid-24-19 {
        -ms-flex-order: 19;
            order: 19;
    }
    .roo-grid-pull-xl-grid-24-19 {
        right: 79.1666666667%;
    }
    .roo-rtl .roo-grid-pull-xl-grid-24-19 {
        left: 79.1666666667%;
    }
    .roo-grid-push-xl-grid-24-19 {
        left: 79.1666666667%;
    }
    .roo-rtl .roo-grid-push-xl-grid-24-19 {
        right: 79.1666666667%;
    }
    .offset-xl-grid-24-20 {
        margin-left: 83.3333333333%;
    }
    .roo-rtl .offset-xl-grid-24-20 {
        margin-left: 0;
        margin-right: 83.3333333333%;
    }
    .roo-grid-order-xl-grid-24-20 {
        -ms-flex-order: 20;
            order: 20;
    }
    .roo-grid-pull-xl-grid-24-20 {
        right: 83.3333333333%;
    }
    .roo-rtl .roo-grid-pull-xl-grid-24-20 {
        left: 83.3333333333%;
    }
    .roo-grid-push-xl-grid-24-20 {
        left: 83.3333333333%;
    }
    .roo-rtl .roo-grid-push-xl-grid-24-20 {
        right: 83.3333333333%;
    }
    .offset-xl-grid-24-21 {
        margin-left: 87.5%;
    }
    .roo-rtl .offset-xl-grid-24-21 {
        margin-left: 0;
        margin-right: 87.5%;
    }
    .roo-grid-order-xl-grid-24-21 {
        -ms-flex-order: 21;
            order: 21;
    }
    .roo-grid-pull-xl-grid-24-21 {
        right: 87.5%;
    }
    .roo-rtl .roo-grid-pull-xl-grid-24-21 {
        left: 87.5%;
    }
    .roo-grid-push-xl-grid-24-21 {
        left: 87.5%;
    }
    .roo-rtl .roo-grid-push-xl-grid-24-21 {
        right: 87.5%;
    }
    .offset-xl-grid-24-22 {
        margin-left: 91.6666666667%;
    }
    .roo-rtl .offset-xl-grid-24-22 {
        margin-left: 0;
        margin-right: 91.6666666667%;
    }
    .roo-grid-order-xl-grid-24-22 {
        -ms-flex-order: 22;
            order: 22;
    }
    .roo-grid-pull-xl-grid-24-22 {
        right: 91.6666666667%;
    }
    .roo-rtl .roo-grid-pull-xl-grid-24-22 {
        left: 91.6666666667%;
    }
    .roo-grid-push-xl-grid-24-22 {
        left: 91.6666666667%;
    }
    .roo-rtl .roo-grid-push-xl-grid-24-22 {
        right: 91.6666666667%;
    }
    .offset-xl-grid-24-23 {
        margin-left: 95.8333333333%;
    }
    .roo-rtl .offset-xl-grid-24-23 {
        margin-left: 0;
        margin-right: 95.8333333333%;
    }
    .roo-grid-order-xl-grid-24-23 {
        -ms-flex-order: 23;
            order: 23;
    }
    .roo-grid-pull-xl-grid-24-23 {
        right: 95.8333333333%;
    }
    .roo-rtl .roo-grid-pull-xl-grid-24-23 {
        left: 95.8333333333%;
    }
    .roo-grid-push-xl-grid-24-23 {
        left: 95.8333333333%;
    }
    .roo-rtl .roo-grid-push-xl-grid-24-23 {
        right: 95.8333333333%;
    }
}
@font-face {
    font-family: "roo-icon";
    src: url("https://s3.meituan.net/mnpm-cdn/@roo-roo-theme-1.49.4/fonts/roo-icon.eot");
    src: url("https://s3.meituan.net/mnpm-cdn/@roo-roo-theme-1.49.4/fonts/roo-icon.eot?#iefix") format("eot"), url("https://s3.meituan.net/mnpm-cdn/@roo-roo-theme-1.49.4/fonts/roo-icon.woff2") format("woff2"), url("https://s3.meituan.net/mnpm-cdn/@roo-roo-theme-1.49.4/fonts/roo-icon.woff") format("woff"), url("https://s3.meituan.net/mnpm-cdn/@roo-roo-theme-1.49.4/fonts/roo-icon.ttf") format("truetype"), url("https://s3.meituan.net/mnpm-cdn/@roo-roo-theme-1.49.4/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";
}

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

.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 24px;
    font-size: 14px;
    line-height: 34px;
    border-radius: 2px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.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: #EEEEEE !important;
    border-color: #EEEEEE !important;
    cursor: not-allowed;
}
.roo-btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.roo-btn.roo-btn-stable {
    width: 100px;
}
.roo-btn.roo-btn-round {
    border-radius: 40px;
}
.roo-btn.roo-btn-round .roo-icon {
    margin-right: 0;
}
.roo-btn.roo-btn-circle {
    width: 34px;
    height: 34px;
    padding: 0;
    border-radius: 50%;
}
.roo-btn.roo-btn-circle .roo-icon {
    margin-right: 0;
}
.roo-btn.roo-btn-square {
    width: 34px;
    height: 34px;
    padding: 0;
}
.roo-btn.roo-btn-square .roo-icon {
    margin-right: 0;
}
.roo-btn.roo-btn-primary {
    color: #fff;
    background-color: #222222;
    border-color: #222222;
}
.roo-btn.roo-btn-primary:hover {
    background-color: #4e4e4e;
}
.roo-btn.roo-btn-primary:not(:disabled):not(.disabled):active, .show > .roo-btn.roo-btn-primary.dropdown-toggle {
    background-color: #1C1C1C;
}
.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: #FF6A00;
    border-color: #FF6A00;
}
.roo-btn.roo-btn-secondary:hover {
    color: #fff;
    background-color: rgba(255, 106, 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(255, 106, 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);
}
.roo-btn.roo-btn-brand:hover {
    background-image: linear-gradient(to right, #FFE770, #FFCF70);
}
.roo-btn.roo-btn-brand:not(:disabled):not(.disabled):active, .show > .roo-btn.roo-btn-brand.dropdown-toggle {
    background-image: linear-gradient(to right, #CCB43D, #CC9C3D);
}
.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: #198CFF;
    border-color: #198CFF;
}
.roo-btn.roo-btn-info:hover {
    color: #fff;
    background-color: rgba(25, 140, 255, 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(25, 140, 255, 0.9);
    border-color: transparent;
}
.roo-btn.roo-btn-warning {
    color: #fff;
    background-color: #FF6A00;
    border-color: #FF6A00;
}
.roo-btn.roo-btn-warning:hover {
    color: #fff;
    background-color: rgba(255, 106, 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: #fff;
    background-color: rgba(255, 106, 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: #FF6A00;
    background-color: #fff;
    background-image: none;
    border-color: rgba(255, 106, 0, 0.3);
}
.roo-btn.roo-btn-outline-secondary:hover {
    border-color: #FF6A00;
}
.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(255, 106, 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: #198CFF;
    background-color: #fff;
    background-image: none;
    border-color: rgba(25, 140, 255, 0.3);
}
.roo-btn.roo-btn-outline-info:hover {
    border-color: #198CFF;
}
.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(25, 140, 255, 0.8);
}
.roo-btn.roo-btn-outline-warning {
    color: #FF6A00;
    background-color: #fff;
    background-image: none;
    border-color: rgba(255, 106, 0, 0.3);
}
.roo-btn.roo-btn-outline-warning:hover {
    border-color: #FF6A00;
}
.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(255, 106, 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, .show > .roo-btn.roo-btn-default.dropdown-toggle {
    border-color: #1C1C1C;
}
.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: #FF6A00;
    background-color: #fff;
    background-image: none;
    border-color: rgba(255, 106, 0, 0.3);
}
.roo-btn.roo-btn-default.roo-btn-secondary:hover {
    border-color: #FF6A00;
}
.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(255, 106, 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: #198CFF;
    background-color: #fff;
    background-image: none;
    border-color: rgba(25, 140, 255, 0.3);
}
.roo-btn.roo-btn-default.roo-btn-info:hover {
    border-color: #198CFF;
}
.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(25, 140, 255, 0.8);
}
.roo-btn.roo-btn-default.roo-btn-warning {
    color: #FF6A00;
    background-color: #fff;
    background-image: none;
    border-color: rgba(255, 106, 0, 0.3);
}
.roo-btn.roo-btn-default.roo-btn-warning:hover {
    border-color: #FF6A00;
}
.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(255, 106, 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: #999999;
    color: #222222;
}
.roo-btn.roo-btn-link {
    font-weight: 400;
    color: #222222;
    background-color: transparent;
}
.roo-btn.roo-btn-link:hover {
    color: #4e4e4e;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
}
.roo-btn.roo-btn-link:active {
    color: #1C1C1C;
}
.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-outline-brand:disabled, .roo-btn.roo-btn-outline-brand.disabled {
    color: #CCCCCC !important;
    cursor: not-allowed !important;
    border-color: #CCCCCC !important;
    background-color: transparent !important;
}
.roo-btn.roo-btn-link-brand {
    color: #FF6A00;
}
.roo-btn.roo-btn-link-brand:hover {
    color: #FF8833;
}
.roo-btn.roo-btn-link-brand:active {
    color: #CC5500;
}
.roo-btn.roo-btn-dashed {
    border-style: dashed;
}
.roo-btn.roo-btn-dashed:disabled, .roo-btn.roo-btn-dashed.disabled {
    color: #CCCCCC !important;
    cursor: not-allowed !important;
    border-color: #CCCCCC !important;
    background-color: transparent !important;
}
.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-lg.roo-btn-square {
    width: 38px;
    height: 38px;
    padding: 0;
}
.roo-btn.roo-btn-sm {
    padding: 0 20px;
    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-sm.roo-btn-square {
    width: 30px;
    height: 30px;
    padding: 0;
}
.roo-btn.roo-btn-xs, .roo-btn.roo-btn-compact {
    padding: 0 16px;
    font-size: 12px;
    line-height: 26px;
    border-radius: 2px;
}
.roo-btn.roo-btn-xs.roo-btn-stable, .roo-btn.roo-btn-compact.roo-btn-stable {
    width: 80px;
}
.roo-btn.roo-btn-xs.roo-btn-circle, .roo-btn.roo-btn-compact.roo-btn-circle {
    width: 26px;
    height: 26px;
    padding: 0;
    border-radius: 50%;
}
.roo-btn.roo-btn-xs.roo-btn-round, .roo-btn.roo-btn-compact.roo-btn-round {
    border-radius: 40px;
}
.roo-btn.roo-btn-xs.roo-btn-square, .roo-btn.roo-btn-compact.roo-btn-square {
    width: 26px;
    height: 26px;
    padding: 0;
}
.roo-btn.roo-btn-compact {
    padding: 0 12px;
    font-size: 14px;
    line-height: 26px;
    border-radius: 2px;
}
.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.roo-btn-weaken:disabled, .roo-btn.roo-btn-weaken.disabled {
    color: #CCCCCC !important;
    cursor: not-allowed !important;
    border-color: #CCCCCC !important;
    background-color: transparent !important;
}
.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;
}

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

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

.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-number-default {
    font-size: 14px;
    line-height: 1.5;
    color: #222;
    background-color: #fff;
    background-clip: padding-box;
    height: 36px;
    border-radius: 2px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    display: block;
}

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

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

.select-input-wrapper .roo-input {
    color: #222222;
}
.select-input-wrapper .roo-input:disabled {
    color: #CCCCCC;
}
.select-input-wrapper .roo-input:disabled + .roo-icon, .select-input-wrapper .roo-input: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 {
    border-color: #EEEEEE;
}
.select-input-wrapper .roo-input:not(.roo-input-plaintext):not(.roo-input-line):not(.roo-input-noborder):read-only:hover {
    border-color: #999999;
}
.select-input-wrapper .roo-input:focus {
    border-color: #999999 !important;
}
.select-input-wrapper .roo-input.roo-input-plaintext:hover {
    border-color: #999999;
}
.select-input-wrapper .roo-input.roo-input-line:hover {
    border-bottom-color: #999999;
}
.select-input-wrapper .roo-input.roo-input-line:focus {
    border-color: transparent transparent #999999 transparent !important;
}
.select-input-wrapper .roo-input.roo-input-noborder:hover {
    border: none !important;
}
.select-input-wrapper .roo-input.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 .roo-input {
    border-color: #FF192D !important;
}
.has-error .select-input-wrapper .roo-input.roo-input-line,
.has-error .roo-input.roo-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 .roo-input-group-prepend,
.has-error .roo-input-group-prepend {
    border-color: #FF192D;
}
.has-error .select-input-wrapper .roo-input-group-prepend-line,
.has-error .roo-input-group-prepend-line {
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}
.has-error .select-input-wrapper .roo-input-group-append,
.has-error .roo-input-group-append {
    border-color: #FF192D;
}
.has-error .select-input-wrapper .roo-input-group-append-line,
.has-error .roo-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 .roo-input:not([readonly]):not([disabled]):not(.disabled) {
    border-color: #00BF7F;
    padding-right: 36px;
}
.has-success-hook .roo-input:not([readonly]):not([disabled]):not(.disabled).roo-input-line {
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}
.has-success-hook .help-block {
    color: #00BF7F;
}

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

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

.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-plaintext .tags-box .roo-tag {
    background-color: #fff;
    border-color: #fff;
}

.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;
    border-bottom-color: #999999;
}
.roo-input-line[readonly] {
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #999999;
}

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

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

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

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

.roo-input-number-vertical input {
    margin: 0 40px 0 0;
    color: #222222;
    padding-right: 40px;
}
.roo-input-number-vertical .roo-input-group input {
    padding-right: 0;
}
.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 {
    position: absolute;
    left: auto;
    top: auto;
    right: 1px;
    bottom: 1px;
    border: none;
    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 {
    position: absolute;
    left: auto;
    right: 1px;
    top: 1px;
    border: none;
    border-left: 1px solid #EEEEEE;
    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;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
}
.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 {
    min-height: 40px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.roo-input-tag.roo-input-sm {
    min-height: 32px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.roo-input-tag.roo-input-xs, .roo-input-tag.roo-input-compact {
    min-height: 28px;
    padding-top: 1px;
    padding-bottom: 1px;
}

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

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

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

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

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

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

.roo-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;
}
.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: #999999;
}
.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;
    min-width: 16px;
    border: 1px solid #999999;
    background-color: #fff;
    vertical-align: sub;
    border-radius: 50%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    flex-shrink: 0;
}
.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;
    word-break: break-all;
    white-space: normal;
}
.roo-radio span.custom-radio-label-no-warp {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.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: 0.3;
}
.roo-radio input:disabled ~ .custom-radio-label {
    opacity: 0.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: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
    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: #999999;
}
.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;
    min-width: 16px;
    border: 1px solid #999999;
    background-color: #fff;
    vertical-align: sub;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.roo-checkbox .custom-checkbox::before {
    position: absolute;
    display: inline-block;
    content: "";
}
.roo-checkbox .custom-checkbox-label {
    vertical-align: middle;
    color: #222222;
    word-break: break-all;
    white-space: normal;
}
.roo-checkbox span.custom-radio-label-no-warp {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.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: 0.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: 0.5;
}
.roo-checkbox .focus {
    outline: 0;
}
.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: 0.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-close-motion {
    transition: height 0s, opacity 0s;
}

.roo-panel {
    position: relative;
    background-color: #fff;
}
.roo-panel.roo-panel-default {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}
.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: #999999;
}
.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-rtl .roo-panel.roo-panel-default .roo-panel-heading {
    padding: 20px 40px 0 40px;
}
.roo-rtl .roo-panel.roo-panel-default .roo-panel-heading-padding {
    padding-bottom: 20px !important;
}
.roo-rtl .roo-panel .roo-panel-heading {
    padding: 20px 40px 0 20px;
}
.roo-rtl .roo-panel .roo-panel-heading .roo-panel-heading-items {
    margin-right: 10px;
}
.roo-rtl .roo-panel .roo-panel-heading .roo-panel-close {
    right: auto;
    left: 20px;
}
.roo-rtl .roo-panel .roo-panel-heading .float-right {
    float: left !important;
}
.roo-rtl .roo-panel .roo-panel-footer .float-right {
    float: left !important;
}
.roo-rtl .roo-panel .roo-panel-footer .float-left {
    float: right !important;
}
.roo-rtl .roo-panel-bordered .roo-panel-heading {
    padding: 20px 20px 20px 40px;
}

.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: #666666;
    overflow: hidden;
}
.roo-steps li.roo-steps-item .roo-steps-icon {
    display: inline-block;
    margin-right: 8px;
    text-align: center;
    color: #666666;
}
.roo-steps li.roo-steps-item .roo-steps-icon .roo-steps-icon-content {
    width: 32px;
    height: 32px;
    line-height: 30px;
    border-radius: 1000px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    border: 1px solid #999999;
}
.roo-steps li.roo-steps-item .roo-steps-icon .roo-steps-icon-content .roo-steps-icon-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #999999;
}
.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-icon .roo-steps-icon-content .roo-steps-icon-dot {
    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;
}
.roo-steps li.roo-steps-item .roo-steps-title {
    font-size: 14px;
    line-height: 30px;
    color: #222222;
}
.roo-steps li.roo-steps-item .roo-steps-title .roo-steps-title-text {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.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-icon .roo-steps-icon-content .roo-steps-icon-dot {
    background-color: #FF6A00;
}
.roo-steps li[role=button]:hover.roo-steps-error .roo-steps-icon .roo-steps-icon-content {
    color: #fff;
    border-color: #FF192D;
}
.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-icon .roo-steps-icon-content .roo-steps-icon-dot, .roo-steps.vertical li.roo-steps-item.roo-steps-active .roo-steps-icon .roo-steps-icon-content .roo-steps-icon-dot {
    background-color: #FF6A00;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}
.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-icon .roo-steps-icon-content .roo-steps-icon-dot {
    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 #999999;
    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-finish .roo-steps-icon .roo-steps-icon-content .roo-steps-icon-dot, .roo-steps.roo-steps-align li.roo-steps-item.roo-steps-active .roo-steps-icon .roo-steps-icon-content .roo-steps-icon-dot {
    background-color: #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 .roo-steps-icon .roo-steps-icon-content .roo-steps-icon-dot {
    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;
    min-height: 30px;
}
.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 #999999;
}

.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 #999999;
    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-icon .roo-steps-icon-content .roo-steps-icon-dot {
    background-color: #FF192D;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}
.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: #666666;
    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;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    border: 1px solid #999999;
}
.roo-steps-vertical li.roo-steps-item .roo-steps-icon .roo-steps-icon-content .roo-steps-icon-dot {
    background-color: #999999;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}
.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-icon .roo-steps-icon-content .roo-steps-icon-dot, .roo-steps-vertical li.roo-steps-item.roo-steps-active .roo-steps-icon .roo-steps-icon-content .roo-steps-icon-dot {
    background-color: #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-icon .roo-steps-icon-content .roo-steps-icon-dot {
    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 {
    line-height: 30px;
    font-size: 14px;
    color: #222222;
}
.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]:hover .roo-steps-icon .roo-steps-icon-content .roo-steps-icon-dot {
    background-color: #FF6A00;
}
.roo-steps-vertical li[role=button]:hover.roo-steps-error .roo-steps-icon .roo-steps-icon-content {
    color: #fff;
    border-color: #FF192D;
}
.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-steps-vertical li[role=button].roo-steps-active:hover .roo-steps-icon .roo-steps-icon-content .roo-steps-icon-dot {
    background-color: #FF6A00;
}

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

.roo-transfer {
    min-width: 710px;
}
.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;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
}
.roo-transfer .roo-transfer-panel .roo-transfer-panel-title .roo-transfer-panel-title-all {
    margin-left: 12px;
    min-width: 16px;
}
.roo-transfer .roo-transfer-panel .roo-transfer-panel-title .roo-transfer-panel-title-label {
    width: 210px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.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-transfer-panel-list .roo-checkbox {
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    padding: 6px 12px;
    margin-right: 0;
}
.roo-transfer .roo-transfer-panel .roo-transfer-panel-body .roo-transfer-panel-list .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: -ms-flexbox;
    display: flex;
    height: 36px;
    margin-bottom: 16px;
    -ms-flex-align: center;
        align-items: center;
}
.roo-transfer .roo-transfer-operations .roo-btn .roo-icon {
    margin-top: 0;
}

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

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

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

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

.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: #99ccff;
}
.roo-table .warning {
    background-color: #ffb580;
}
.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-rtl pre {
    direction: ltr;
    padding: 28px 48px;
}
@media screen and (max-width: 1024px) {
    .roo-rtl .roo-table-responsive > .roo-table-bordered > thead > tr > th:first-child,
    .roo-rtl .roo-table-responsive > .roo-table-bordered > thead > tr > td:first-child,
    .roo-rtl .roo-table-responsive > .roo-table-bordered > tbody > tr > th:first-child,
    .roo-rtl .roo-table-responsive > .roo-table-bordered > tbody > tr > td:first-child,
    .roo-rtl .roo-table-responsive > .roo-table-bordered > tfoot > tr > th:first-child,
    .roo-rtl .roo-table-responsive > .roo-table-bordered > tfoot > tr > td:first-child {
        border-right: 0;
    }
    .roo-rtl .roo-table-responsive > .roo-table-bordered > thead > tr > th:last-child,
    .roo-rtl .roo-table-responsive > .roo-table-bordered > thead > tr > td:last-child,
    .roo-rtl .roo-table-responsive > .roo-table-bordered > tbody > tr > th:last-child,
    .roo-rtl .roo-table-responsive > .roo-table-bordered > tbody > tr > td:last-child,
    .roo-rtl .roo-table-responsive > .roo-table-bordered > tfoot > tr > th:last-child,
    .roo-rtl .roo-table-responsive > .roo-table-bordered > tfoot > tr > td:last-child {
        border-left: 0;
    }
}
.roo-rtl .roo-table-scrollable .roo-table-fixed-left {
    right: 0;
    left: auto;
    box-shadow: -8px 0 8px rgba(233, 234, 242, 0.6);
}
.roo-rtl .roo-table-scrollable .roo-table-fixed-left .roo-table-body {
    margin-left: -20px;
    padding-left: 20px;
}
.roo-rtl .roo-table-scrollable .roo-table-fixed-right {
    left: 0;
    right: auto;
    box-shadow: 8px 0 8px rgba(233, 234, 242, 0.6);
}
.roo-rtl .roo-table-scrollable.scroll-position-left .roo-table-fixed-left {
    box-shadow: none;
}
.roo-rtl .roo-table-scrollable.scroll-position-right .roo-table-fixed-right {
    box-shadow: none;
}

/**
 * 标签主要用于简短的标志说明。给链接、导航等元素嵌套，可以很醒目的展示新的或未读的信息条目
 * 标签一共分为两种，一种方形带圆边和一种椭圆形
 */
.roo-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;
}
.roo-tag.roo-tag-primary {
    background-color: #222222;
    border: 1px solid #222222;
}
.roo-tag.roo-tag-secondary {
    background-color: #FF6A00;
    border: 1px solid #FF6A00;
}
.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: #198CFF;
    border: 1px solid #198CFF;
}
.roo-tag.roo-tag-warning {
    background-color: #FF6A00;
    border: 1px solid #FF6A00;
    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: #F5F6FA;
    border: 1px solid #F5F6FA;
    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: #FF6A00;
    border: 1px solid #FF6A00;
}
.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: #198CFF;
    border: 1px solid #198CFF;
}
.roo-tag.roo-tag-reverse.roo-tag-warning {
    background-color: #fff;
    color: #FF6A00;
    border: 1px solid #FF6A00;
    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: -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;
}
.roo-badge.roo-badge-primary {
    background-color: #222222;
    border: 1px solid #222222;
}
.roo-badge.roo-badge-secondary {
    background-color: #FF6A00;
    border: 1px solid #FF6A00;
}
.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: #198CFF;
    border: 1px solid #198CFF;
}
.roo-badge.roo-badge-warning {
    background-color: #FF6A00;
    border: 1px solid #FF6A00;
    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: #FF6A00;
    border: 1px solid #FF6A00;
}
.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: #198CFF;
    border: 1px solid #198CFF;
}
.roo-badge.roo-badge-reverse.roo-badge-warning {
    color: #FF6A00;
    border: 1px solid #FF6A00;
    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-status-wapper {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
}

.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-rtl .roo-tag > i {
    margin-left: 0;
    margin-right: 4px;
}
.roo-rtl .roo-tag .roo-tag-icon {
    margin-right: 0;
    margin-left: 5px;
}
.roo-rtl .roo-tag .roo-tag-icon-close {
    margin-left: 0;
    margin-right: 3px;
}
.roo-rtl .roo-badge.roo-badge-fixed {
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.roo-rtl .roo-badge-status-text {
    margin-left: 0;
    margin-right: 8px;
}
.roo-rtl .roo-badge.roo-badge-fixed {
    right: auto;
    left: 0;
}

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

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

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

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

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

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

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

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

/*!
 * 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 2px 10px rgba(0, 0, 0, 0.08));
            filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.08));
}
.roo-tooltip.roo-tooltip-sm {
    font-size: 12px;
}
.roo-tooltip.roo-tooltip-sm .roo-tooltip-inner {
    padding: 4px 10px;
}
.roo-tooltip.roo-tooltip-sm.roo-tooltip-right-bottom .roo-tooltip-arrow, .roo-tooltip.roo-tooltip-sm.roo-tooltip-right .roo-tooltip-arrow, .roo-tooltip.roo-tooltip-sm.roo-tooltip-right-top .roo-tooltip-arrow {
    left: -1px;
}
.roo-tooltip.roo-tooltip-sm.roo-tooltip-left-bottom .roo-tooltip-arrow, .roo-tooltip.roo-tooltip-sm.roo-tooltip-left .roo-tooltip-arrow, .roo-tooltip.roo-tooltip-sm.roo-tooltip-left-top .roo-tooltip-arrow {
    right: -1px;
}
.roo-tooltip.roo-tooltip-sm.roo-tooltip-top-right .roo-tooltip-arrow, .roo-tooltip.roo-tooltip-sm.roo-tooltip-top .roo-tooltip-arrow, .roo-tooltip.roo-tooltip-sm.roo-tooltip-top-left .roo-tooltip-arrow {
    bottom: -1px;
}
.roo-tooltip.roo-tooltip-sm.roo-tooltip-bottom-right .roo-tooltip-arrow, .roo-tooltip.roo-tooltip-sm.roo-tooltip-bottom .roo-tooltip-arrow, .roo-tooltip.roo-tooltip-sm.roo-tooltip-bottom-left .roo-tooltip-arrow {
    top: -1px;
}
.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 {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    top: -2px;
    left: calc(50% - 7px);
    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 {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    left: 12px;
    top: -2px;
    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 {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    right: 12px;
    top: -2px;
    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 {
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg);
    bottom: -2px;
    left: calc(50% - 7px);
    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 {
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg);
    bottom: -2px;
    left: 12px;
    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 {
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg);
    bottom: -2px;
    right: 12px;
    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: calc(50% - 7px);
    right: -2px;
    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: 12px;
    right: -2px;
    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: 12px;
    right: -2px;
    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 {
    left: -2px;
    top: calc(50% - 7px);
    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 {
    color: #222222;
    left: -2px;
    top: 12px;
}
.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 {
    color: #222222;
    left: -2px;
    bottom: 12px;
}
.roo-tooltip .roo-tooltip-arrow {
    position: absolute;
}

.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 2px 10px rgba(0, 0, 0, 0.08));
            filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.08));
}
.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-sm.roo-tooltip-right-bottom .roo-tooltip-arrow, .roo-tooltip-light.roo-tooltip-sm.roo-tooltip-right .roo-tooltip-arrow, .roo-tooltip-light.roo-tooltip-sm.roo-tooltip-right-top .roo-tooltip-arrow {
    left: -1px;
}
.roo-tooltip-light.roo-tooltip-sm.roo-tooltip-left-bottom .roo-tooltip-arrow, .roo-tooltip-light.roo-tooltip-sm.roo-tooltip-left .roo-tooltip-arrow, .roo-tooltip-light.roo-tooltip-sm.roo-tooltip-left-top .roo-tooltip-arrow {
    right: -1px;
}
.roo-tooltip-light.roo-tooltip-sm.roo-tooltip-top-right .roo-tooltip-arrow, .roo-tooltip-light.roo-tooltip-sm.roo-tooltip-top .roo-tooltip-arrow, .roo-tooltip-light.roo-tooltip-sm.roo-tooltip-top-left .roo-tooltip-arrow {
    bottom: -1px;
}
.roo-tooltip-light.roo-tooltip-sm.roo-tooltip-bottom-right .roo-tooltip-arrow, .roo-tooltip-light.roo-tooltip-sm.roo-tooltip-bottom .roo-tooltip-arrow, .roo-tooltip-light.roo-tooltip-sm.roo-tooltip-bottom-left .roo-tooltip-arrow {
    top: -1px;
}
.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 {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    top: -2px;
    left: calc(50% - 7px);
    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 {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    left: 12px;
    top: -2px;
    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 {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    right: 12px;
    top: -2px;
    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 {
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg);
    bottom: -2px;
    left: calc(50% - 7px);
    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 {
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg);
    bottom: -2px;
    left: 12px;
    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 {
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg);
    bottom: -2px;
    right: 12px;
    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: calc(50% - 7px);
    right: -2px;
    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: 12px;
    right: -2px;
    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: 12px;
    right: -2px;
    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 {
    left: -2px;
    top: calc(50% - 7px);
    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 {
    color: #fff;
    left: -2px;
    top: 12px;
}
.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 {
    color: #fff;
    left: -2px;
    bottom: 12px;
}
.roo-tooltip-light .roo-tooltip-arrow {
    position: absolute;
}

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

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

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

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

.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: 28px;
    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.focus {
    outline: 0;
}
.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: 13px;
    background: #999999;
    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: 28px;
    margin-right: 6px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    height: 100%;
}
.roo-switch .roo-switch-checkbox::before {
    content: "";
    width: 24px;
    height: 24px;
    line-height: 24px;
    position: absolute;
    border-radius: 1000px;
    top: 2px;
    left: 2px;
    z-index: 10;
    background-color: #fff;
    color: #fff;
    font-size: 12px;
    transition: all ease 0.3s;
}
.roo-switch .roo-switch-checkbox::after {
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 10;
    transition: all ease 0.3s;
}
.roo-switch .roo-switch-checkbox.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: #999999;
    -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.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: #999999;
    -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, .roo-switch-compact {
    min-width: 36px;
    height: 20px;
}
.roo-switch-mini input[type=checkbox]:checked ~ .roo-switch-checkbox > span, .roo-switch-compact input[type=checkbox]:checked ~ .roo-switch-checkbox > span {
    margin-right: 20px;
    margin-left: 4px;
}
.roo-switch-mini input[type=checkbox]:checked ~ .roo-switch-checkbox:before, .roo-switch-compact input[type=checkbox]:checked ~ .roo-switch-checkbox:before {
    margin-left: -2px;
}
.roo-switch-mini input[type=checkbox]:checked ~ .roo-switch-checkbox:after, .roo-switch-compact input[type=checkbox]:checked ~ .roo-switch-checkbox:after {
    margin-left: -3px;
}
.roo-switch-mini .roo-switch-checkbox, .roo-switch-compact .roo-switch-checkbox {
    height: 20px;
    line-height: 20px;
}
.roo-switch-mini .roo-switch-checkbox > span, .roo-switch-compact .roo-switch-checkbox > span {
    margin-left: 20px;
    margin-right: 4px;
}
.roo-switch-mini .roo-switch-checkbox::before, .roo-switch-compact .roo-switch-checkbox::before {
    width: 16px;
    height: 16px;
    line-height: 16px;
}
.roo-switch-mini .roo-switch-checkbox::after, .roo-switch-compact .roo-switch-checkbox::after {
    top: 3px;
    left: 3px;
}
.roo-switch-mini.roo-switch-loading .roo-switch-checkbox::after, .roo-switch-compact.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;
    }
}
.roo-rtl .roo-switch input[type=checkbox]:checked ~ .roo-switch-checkbox > span {
    margin-right: 6px;
    margin-left: 28px;
}
.roo-rtl .roo-switch input[type=checkbox]:checked ~ .roo-switch-checkbox:before {
    right: 100%;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
    margin-right: -2px;
}
.roo-rtl .roo-switch input[type=checkbox]:checked ~ .roo-switch-checkbox:after {
    right: 100%;
    width: 14px;
    line-height: 14px;
    color: #ffcc33;
    -webkit-animation: switch-spin-rtl 1s infinite linear;
            animation: switch-spin-rtl 1s infinite linear;
    margin-right: -6px;
}
.roo-rtl .roo-switch .roo-switch-checkbox > span {
    margin-left: 6px;
    margin-right: 28px;
}
.roo-rtl .roo-switch .roo-switch-checkbox::before {
    right: 2px;
    z-index: 10;
    background-color: #fff;
    color: #fff;
    font-size: 12px;
    transition: all ease 0.3s;
}
.roo-rtl .roo-switch .roo-switch-checkbox::after {
    right: 6px;
    left: auto;
    z-index: 10;
    transition: all ease 0.3s;
}
.roo-rtl .roo-switch-mini input[type=checkbox]:checked ~ .roo-switch-checkbox > span, .roo-rtl .roo-switch-compact input[type=checkbox]:checked ~ .roo-switch-checkbox > span {
    margin-right: 4px;
    margin-left: 20px;
}
.roo-rtl .roo-switch-mini input[type=checkbox]:checked ~ .roo-switch-checkbox:before, .roo-rtl .roo-switch-compact input[type=checkbox]:checked ~ .roo-switch-checkbox:before {
    margin-right: -2px;
}
.roo-rtl .roo-switch-mini input[type=checkbox]:checked ~ .roo-switch-checkbox:after, .roo-rtl .roo-switch-compact input[type=checkbox]:checked ~ .roo-switch-checkbox:after {
    margin-right: -3px;
}
.roo-rtl .roo-switch-mini .roo-switch-checkbox > span, .roo-rtl .roo-switch-compact .roo-switch-checkbox > span {
    margin-left: 4px;
    margin-right: 20px;
}
.roo-rtl .roo-switch-mini .roo-switch-checkbox::after, .roo-rtl .roo-switch-compact .roo-switch-checkbox::after {
    top: 3px;
    right: 3px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.slick-thumb {
    position: relative;
}

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

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

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

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

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

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

.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-inline {
    z-index: unset;
}
.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: #999999;
    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-virtual {
    min-width: 150px;
}
.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-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;
    height: 100%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
}
.dropdown-item.active-highlight-no-select-icon,
.roo-dropdown-menu a.active-highlight-no-select-icon {
    color: #FF6A00;
    text-decoration: none;
}
.dropdown-item.roo-drop-menu-item-has-icon,
.roo-dropdown-menu a.roo-drop-menu-item-has-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
}
.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 .item-no-select-icon a {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 36px 0 8px;
    font-size: 1em;
    clear: both;
    font-weight: 400;
    color: #222222;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    line-height: 36px;
    border: 0;
    cursor: pointer;
}
.roo-dropdown-menu .item-no-select-icon a b {
    color: #222222;
}
.roo-dropdown-menu .item-no-select-icon a:hover {
    color: #090909;
    background-color: #F5F6FA;
    text-decoration: none;
}
.roo-dropdown-menu .item-no-select-icon a.active, .roo-dropdown-menu .item-no-select-icon a:active {
    text-decoration: none;
}
.roo-dropdown-menu .item-no-select-icon a.active.multiple::after, .roo-dropdown-menu .item-no-select-icon a:active.multiple::after {
    display: none;
}
.roo-dropdown-menu .item-no-select-icon a.active.multiple > i, .roo-dropdown-menu .item-no-select-icon a:active.multiple > i {
    color: #FF6A00;
}
.roo-dropdown-menu .item-no-select-icon a.active::after, .roo-dropdown-menu .item-no-select-icon a:active::after {
    content: "";
    position: absolute;
    top: 0;
    right: 10px;
    font-family: "roo-icon";
    font-style: normal;
    font-weight: normal;
    color: #CCCCCC;
}
.roo-dropdown-menu .item-no-select-icon a.active-highlight {
    color: #FF6A00;
    text-decoration: none;
}
.roo-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;
}
.roo-dropdown-menu .item-no-select-icon a.active-highlight-no-select-icon {
    color: #FF6A00;
    text-decoration: none;
}
.roo-dropdown-menu .item-no-select-icon a.disabled, .roo-dropdown-menu .item-no-select-icon a:disabled {
    color: #CCCCCC;
    background-color: transparent;
    cursor: not-allowed;
}
.roo-dropdown-menu .item-no-select-icon 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: 10px;
    -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-close-motion .roo-popup-fast-motion-enter,
.roo-close-motion .roo-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);
}

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

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

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

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

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

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

.roo-drop-menu-arrow {
    position: absolute;
    z-index: 1;
    display: block;
    pointer-events: none;
    width: 16px;
    height: 16px;
    overflow: hidden;
}
.roo-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: "";
}
.roo-drop-menu-arrow::after {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 0 0 2px 0;
    -webkit-transform: translateY(50%) rotate(-135deg);
        -ms-transform: translateY(50%) rotate(-135deg);
            transform: translateY(50%) rotate(-135deg);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
    z-index: 0;
    background: transparent;
}

.roo-drop-menu-placement-top > .roo-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);
}
.roo-drop-menu-placement-topleft > .roo-drop-menu-arrow {
    bottom: 11px;
    -webkit-transform: translateY(100%) rotate(180deg);
        -ms-transform: translateY(100%) rotate(180deg);
            transform: translateY(100%) rotate(180deg);
    left: 12px;
}
.roo-drop-menu-placement-topright > .roo-drop-menu-arrow {
    bottom: 11px;
    -webkit-transform: translateY(100%) rotate(180deg);
        -ms-transform: translateY(100%) rotate(180deg);
            transform: translateY(100%) rotate(180deg);
    right: 12px;
}
.roo-drop-menu-placement-bottom > .roo-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%);
}
.roo-drop-menu-placement-bottomleft > .roo-drop-menu-arrow {
    top: 11px;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    left: 12px;
}
.roo-drop-menu-placement-bottomright > .roo-drop-menu-arrow {
    top: 11px;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    right: 12px;
}

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

.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-number-default {
    font-size: 14px;
    line-height: 1.5;
    color: #222;
    background-color: #fff;
    background-clip: padding-box;
    height: 36px;
    border-radius: 2px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    display: block;
}

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

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

.select-input-wrapper .roo-input {
    color: #222222;
}
.select-input-wrapper .roo-input:disabled {
    color: #CCCCCC;
}
.select-input-wrapper .roo-input:disabled + .roo-icon, .select-input-wrapper .roo-input: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 {
    border-color: #EEEEEE;
}
.select-input-wrapper .roo-input:not(.roo-input-plaintext):not(.roo-input-line):not(.roo-input-noborder):read-only:hover {
    border-color: #999999;
}
.select-input-wrapper .roo-input:focus {
    border-color: #999999 !important;
}
.select-input-wrapper .roo-input.roo-input-plaintext:hover {
    border-color: #999999;
}
.select-input-wrapper .roo-input.roo-input-line:hover {
    border-bottom-color: #999999;
}
.select-input-wrapper .roo-input.roo-input-line:focus {
    border-color: transparent transparent #999999 transparent !important;
}
.select-input-wrapper .roo-input.roo-input-noborder:hover {
    border: none !important;
}
.select-input-wrapper .roo-input.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 .roo-input {
    border-color: #FF192D !important;
}
.has-error .select-input-wrapper .roo-input.roo-input-line,
.has-error .roo-input.roo-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 .roo-input-group-prepend,
.has-error .roo-input-group-prepend {
    border-color: #FF192D;
}
.has-error .select-input-wrapper .roo-input-group-prepend-line,
.has-error .roo-input-group-prepend-line {
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}
.has-error .select-input-wrapper .roo-input-group-append,
.has-error .roo-input-group-append {
    border-color: #FF192D;
}
.has-error .select-input-wrapper .roo-input-group-append-line,
.has-error .roo-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 .roo-input:not([readonly]):not([disabled]):not(.disabled) {
    border-color: #00BF7F;
    padding-right: 36px;
}
.has-success-hook .roo-input:not([readonly]):not([disabled]):not(.disabled).roo-input-line {
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}
.has-success-hook .help-block {
    color: #00BF7F;
}

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

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

.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-plaintext .tags-box .roo-tag {
    background-color: #fff;
    border-color: #fff;
}

.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;
    border-bottom-color: #999999;
}
.roo-input-line[readonly] {
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #999999;
}

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

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

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

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

.roo-input-number-vertical input {
    margin: 0 40px 0 0;
    color: #222222;
    padding-right: 40px;
}
.roo-input-number-vertical .roo-input-group input {
    padding-right: 0;
}
.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 {
    position: absolute;
    left: auto;
    top: auto;
    right: 1px;
    bottom: 1px;
    border: none;
    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 {
    position: absolute;
    left: auto;
    right: 1px;
    top: 1px;
    border: none;
    border-left: 1px solid #EEEEEE;
    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;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
}
.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 {
    min-height: 40px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.roo-input-tag.roo-input-sm {
    min-height: 32px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.roo-input-tag.roo-input-xs, .roo-input-tag.roo-input-compact {
    min-height: 28px;
    padding-top: 1px;
    padding-bottom: 1px;
}

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

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

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

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

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

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

.roo-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;
}
.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: #999999;
}
.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;
    min-width: 16px;
    border: 1px solid #999999;
    background-color: #fff;
    vertical-align: sub;
    border-radius: 50%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    flex-shrink: 0;
}
.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;
    word-break: break-all;
    white-space: normal;
}
.roo-radio span.custom-radio-label-no-warp {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.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: 0.3;
}
.roo-radio input:disabled ~ .custom-radio-label {
    opacity: 0.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: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
    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: #999999;
}
.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;
    min-width: 16px;
    border: 1px solid #999999;
    background-color: #fff;
    vertical-align: sub;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.roo-checkbox .custom-checkbox::before {
    position: absolute;
    display: inline-block;
    content: "";
}
.roo-checkbox .custom-checkbox-label {
    vertical-align: middle;
    color: #222222;
    word-break: break-all;
    white-space: normal;
}
.roo-checkbox span.custom-radio-label-no-warp {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.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: 0.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: 0.5;
}
.roo-checkbox .focus {
    outline: 0;
}
.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: 0.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-cascader.has-success-color .roo-input {
    border-color: #00BF7F;
}

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

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

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

/*
---------------
面包屑样式
---------------
*/
.roo-breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    height: 28px;
    margin-bottom: 10px;
    list-style: none;
    line-height: 28px;
}
.roo-breadcrumb > li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    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: #FF6A00;
    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: #FF6A00;
    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: #999999;
    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-rtl .roo-breadcrumb > li {
    padding-right: 2px;
}
.roo-rtl .roo-breadcrumb > li:not(.active) > i {
    margin-left: 4px;
}
.roo-rtl .roo-breadcrumb > li + li {
    padding-right: 2px;
}
.roo-rtl .roo-breadcrumb > li.active > i {
    margin-left: 4px;
}
.roo-rtl .roo-breadcrumb-default > li + li::before {
    content: "\EA0C";
    padding-left: 2px;
}
.roo-rtl .roo-breadcrumb-oblique-line > li + li::before {
    content: "\\";
}
.roo-rtl .roo-breadcrumb-double-arrow > li + li::before {
    content: none;
}
.roo-rtl .roo-breadcrumb-double-arrow > li + li::after {
    content: "\EA16";
    font-family: "roo-icon";
    padding: 0 10px;
    font-size: 14px;
    vertical-align: middle;
}
.roo-rtl .roo-breadcrumb-bg-gray > li {
    padding-left: 28px;
}
.roo-rtl .roo-breadcrumb-bg-gray > li::after, .roo-rtl .roo-breadcrumb-bg-gray > li::before {
    left: -14px;
    right: auto;
    padding-left: 0 !important;
    border-right: 14px solid #fff;
    border-left: 14px solid transparent;
}
.roo-rtl .roo-breadcrumb-bg-gray > li + li {
    padding-right: 10px;
}
.roo-rtl .roo-breadcrumb-bg-gray > li::after {
    border-right-color: #F5F6FA;
    left: -12px;
}
.roo-rtl .roo-breadcrumb-bg-gray > li:last-child {
    padding-left: 2px;
}
.roo-rtl .roo-breadcrumb-bg-gray > li:last-child::after {
    left: -2em;
    top: 0;
    border-right-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;
    -ms-flex-align: center;
        align-items: center;
}
.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 .fixed-width {
    max-width: 140px;
}
.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: #999999;
    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: #CCCCCC !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-container .roo-tabs-container .more-icon-wrapper {
    margin-left: 5px;
    margin-right: auto;
}

.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-wrap.centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
}

.roo-tabs-nav {
    display: -ms-flexbox;
    display: flex;
}
.roo-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;
}
.roo-tabs-nav > li > a .roo-icon {
    font-size: 16px;
    vertical-align: sub;
}
.roo-tabs-nav > li > a > span {
    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-small > .tab-item {
    line-height: 30px;
}
.roo-tabs-nav.roo-tabs-nav-large > li > a > span {
    line-height: 38px;
}
.roo-tabs-nav.roo-tabs-nav-large > li > a > span {
    font-size: 16px;
}
.roo-tabs-nav.roo-tabs-nav-compact > li > a {
    padding: 0 6px;
}
.roo-tabs-nav.roo-tabs-nav-compact > li > a > span {
    line-height: 26px;
}
.roo-tabs-nav.roo-tabs-nav-compact .tab-item {
    line-height: 26px;
}
.roo-tabs-nav.roo-tabs-nav-compact .tab-item.active {
    font-weight: 500;
}
.roo-tabs-nav.centered {
    position: relative;
}
.roo-tabs-nav .disabled a {
    color: #CCCCCC !important;
    cursor: not-allowed !important;
}
.roo-tabs-nav .disabled a * {
    color: #CCCCCC !important;
}

.roo-tabs-card .roo-tabs-container .tab-item {
    position: relative;
    line-height: 34px;
}
.roo-tabs-card .roo-tabs-container .tab-item .a-card {
    border: 1px solid #EEEEEE;
    color: #666666;
    background-color: #F5F6FA;
    cursor: pointer;
}
.roo-tabs-card .roo-tabs-container .tab-item.active .a-card {
    background-color: #fff;
    color: #222222;
    border-color: #EEEEEE;
}
.roo-tabs-card .roo-tabs-container .tab-item .tab-item-card {
    border: 1px solid #EEEEEE;
    color: #666666;
    background-color: #F5F6FA;
    cursor: pointer;
}
.roo-tabs-card .roo-tabs-container .tab-item.active .tab-item-card {
    background-color: #fff;
    color: #222222;
    border-color: #EEEEEE;
}
.roo-tabs-card .roo-tabs-container .tab-item .tab-item-card.disabled {
    background-color: #EEEEEE !important;
}
.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-nav-compact .tab-item {
    line-height: 26px;
}
.roo-tabs-card .left-extra {
    margin-right: 16px;
    -ms-flex-order: -2;
        order: -2;
}
.roo-tabs-card .right-extra {
    margin-left: 16px;
    -ms-flex-order: 2;
        order: 2;
}

.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-arrow-with-no-margin {
    margin: 0 !important;
}
.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-line {
    border: none;
    background: transparent;
    color: #666666;
    cursor: pointer;
}
.roo-tabs-line .roo-tabs-container .tab-item.active .a-line {
    color: #222222;
}
.roo-tabs-line .roo-tabs-container .tab-item .tab-item-line {
    border: none;
    background: transparent;
    color: #666666;
    cursor: pointer;
}
.roo-tabs-line .roo-tabs-container .tab-item.active .tab-item-line {
    color: #222222;
}
.roo-tabs-line .roo-tabs-container .roo-tabs-nav-small .tab-item {
    line-height: 30px;
}
.roo-tabs-line .roo-tabs-container-small .roo-tabs-extra-content {
    line-height: 29px;
}
.roo-tabs-line .roo-tabs-extra-content {
    line-height: 47px;
}
.roo-tabs-line .roo-tabs-nav-compact .tab-item {
    line-height: 28px;
}
.roo-tabs-line .roo-tabs-nav-compact .tab-item.active {
    font-weight: 500;
}
.roo-tabs-line .extra-border-left {
    border-left: 1px solid #E9EAF2;
}
.roo-tabs-line .extra-border-right {
    border-right: 1px solid #E9EAF2;
}
.roo-tabs-line .extra-border-top {
    border-top: 1px solid #E9EAF2;
}
.roo-tabs-line .extra-border-bottom {
    border-bottom: 1px solid #E9EAF2;
}

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

.roo-tabs-fill .roo-tabs-container .tab-item {
    position: relative;
    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-fill {
    color: #fff;
    background-color: #222222;
    border-color: #222222;
}
.roo-tabs-fill .roo-tabs-container .tab-item.active .tab-item-fill {
    color: #fff;
    background-color: #222222;
    border-color: #222222;
}
.roo-tabs-fill .roo-tabs-container .tab-item .tab-item-fill.disabled {
    background-color: #EEEEEE !important;
}
.roo-tabs-fill .roo-tabs-container .tab-item:not(:first-child):not(.whole-border) .a-fill {
    border-top-left-radius: 0;
    border-left-color: transparent;
}
.roo-tabs-fill .roo-tabs-container .tab-item:not(:first-child):not(.whole-border) .tab-item-fill {
    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-fill .left-extra {
    margin-right: 16px;
    -ms-flex-order: -2;
        order: -2;
}
.roo-tabs-fill .right-extra {
    margin-left: 16px;
    -ms-flex-order: 2;
        order: 2;
}

.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;
}
.roo-tabs-vertical.roo-tabs-line .roo-tabs-container .roo-tabs-next {
    margin-right: unset;
}

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

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

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

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

.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-inline {
    z-index: unset;
}
.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: #999999;
    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-virtual {
    min-width: 150px;
}
.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-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;
    height: 100%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
}
.dropdown-item.active-highlight-no-select-icon,
.roo-dropdown-menu a.active-highlight-no-select-icon {
    color: #FF6A00;
    text-decoration: none;
}
.dropdown-item.roo-drop-menu-item-has-icon,
.roo-dropdown-menu a.roo-drop-menu-item-has-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
}
.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 .item-no-select-icon a {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 36px 0 8px;
    font-size: 1em;
    clear: both;
    font-weight: 400;
    color: #222222;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    line-height: 36px;
    border: 0;
    cursor: pointer;
}
.roo-dropdown-menu .item-no-select-icon a b {
    color: #222222;
}
.roo-dropdown-menu .item-no-select-icon a:hover {
    color: #090909;
    background-color: #F5F6FA;
    text-decoration: none;
}
.roo-dropdown-menu .item-no-select-icon a.active, .roo-dropdown-menu .item-no-select-icon a:active {
    text-decoration: none;
}
.roo-dropdown-menu .item-no-select-icon a.active.multiple::after, .roo-dropdown-menu .item-no-select-icon a:active.multiple::after {
    display: none;
}
.roo-dropdown-menu .item-no-select-icon a.active.multiple > i, .roo-dropdown-menu .item-no-select-icon a:active.multiple > i {
    color: #FF6A00;
}
.roo-dropdown-menu .item-no-select-icon a.active::after, .roo-dropdown-menu .item-no-select-icon a:active::after {
    content: "";
    position: absolute;
    top: 0;
    right: 10px;
    font-family: "roo-icon";
    font-style: normal;
    font-weight: normal;
    color: #CCCCCC;
}
.roo-dropdown-menu .item-no-select-icon a.active-highlight {
    color: #FF6A00;
    text-decoration: none;
}
.roo-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;
}
.roo-dropdown-menu .item-no-select-icon a.active-highlight-no-select-icon {
    color: #FF6A00;
    text-decoration: none;
}
.roo-dropdown-menu .item-no-select-icon a.disabled, .roo-dropdown-menu .item-no-select-icon a:disabled {
    color: #CCCCCC;
    background-color: transparent;
    cursor: not-allowed;
}
.roo-dropdown-menu .item-no-select-icon 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: 10px;
    -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
  */
@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;
    }
}
.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 */
@keyframes rooDialogFadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@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 */
@keyframes rooDialogZoomIn {
    0% {
        /* opacity: 0; */
        -webkit-transform: scale(0, 0);
                transform: scale(0, 0);
    }
    100% {
        /* opacity: 1; */
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
    }
}
@keyframes rooDialogZoomOut {
    0% {
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
    }
    100% {
        /* opacity: 0; */
        -webkit-transform: scale(0, 0);
                transform: scale(0, 0);
    }
}
.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 */
@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;
    }
}
.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-close-motion .roo-popup-fast-motion-enter,
.roo-close-motion .roo-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);
}

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

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

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

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

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

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

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

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

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

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

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

.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: 560px;
    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: #999999;
    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: 18px;
    font-weight: 500;
}
.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: 18px;
    padding-bottom: 8px;
    font-weight: 500;
}
.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: #198CFF;
}
.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: #FF6A00;
}
.roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-footer {
    position: relative;
    padding: 0 24px 24px;
    text-align: right;
}
.roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-footer-center {
    text-align: center;
}
.roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-footer-left {
    text-align: left;
}
.roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-footer-right {
    text-align: right;
}
.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: 800px;
}

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

.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 #999999;
    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 {
    overflow: auto;
}
.roo-toast .roo-toast-content .roo-toast-footer .btn {
    float: right;
    margin-top: 12px;
    color: #fff;
}
.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";
    line-height: 1.5;
}
.roo-toast .roo-toast-content.has-icon.warning:before {
    color: #FF6A00;
    content: "\EA4D";
    line-height: 1.5;
}
.roo-toast .roo-toast-content.has-icon.info:before {
    color: #fff;
    content: "\EA27";
    line-height: 1.5;
}
.roo-toast .roo-toast-content.has-icon.fail:before {
    color: #FF192D;
    content: "\EA46";
    line-height: 1.5;
}
.roo-toast .roo-toast-content.has-icon.loading:before {
    color: #fff;
    content: "\EA29";
    line-height: 1.5;
}

.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.roo-toast-light .roo-toast-footer .btn {
    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-rtl .roo-toast .roo-toast-content .roo-toast-header .close {
    left: 16px;
    right: auto;
}
.roo-rtl .roo-toast .roo-toast-content.has-icon::before {
    right: 10px;
    left: auto;
}
.roo-rtl .roo-toast-motion-appear-topRight,
.roo-rtl .roo-toast-motion-appear-bottomRight {
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
}
.roo-rtl .roo-toast-motion-appear-bottomLeft,
.roo-rtl .roo-toast-motion-appear-topLeft {
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
}
.roo-rtl .roo-toast-motion-appear-active-bottomLeft,
.roo-rtl .roo-toast-motion-appear-active-topLeft {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}
.roo-rtl .roo-toast-motion-appear-active-topRight,
.roo-rtl .roo-toast-motion-appear-active-bottomRight {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}
.roo-rtl .roo-toast-tip .roo-toast-content.has-icon .roo-toast-body {
    margin-right: 15px;
    margin-left: 0;
}
.roo-rtl .roo-toast-tip .roo-toast-content.has-close {
    padding-left: 30px;
}
.roo-rtl .roo-toast-notice .roo-toast-header {
    margin-right: 16px;
}
.roo-rtl .roo-toast-notice .roo-toast-content {
    padding-left: 16px;
}
.roo-rtl .roo-toast-notice .roo-toast-content.has-icon .roo-toast-header,
.roo-rtl .roo-toast-notice .roo-toast-content.has-icon .roo-toast-body {
    margin-right: 25px;
    margin-left: 0;
}
.roo-rtl .roo-toast-notice .roo-toast-content.has-icon.has-close .roo-toast-header {
    margin-right: 16px;
}
.roo-rtl .roo-toast-notice .roo-toast-content.custom-icon .roo-toast-header,
.roo-rtl .roo-toast-notice .roo-toast-content.custom-icon .roo-toast-body {
    margin-right: 25px;
    margin-left: 0;
}
.roo-rtl.top {
    -webkit-transform: translate(50%, 0);
        -ms-transform: translate(50%, 0);
            transform: translate(50%, 0);
}
.roo-rtl.bottom {
    -webkit-transform: translate(50%, 0);
        -ms-transform: translate(50%, 0);
            transform: translate(50%, 0);
}

.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: #CCCCCC;
}
.roo-mark .roo-mark-item .roo-mark-icon.icon.icon-star-fill::before {
    content: "\EA43";
    width: 20px;
    height: 20px;
    display: block;
}
.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: #CCCCCC;
}
.roo-mark .roo-mark-item .roo-mark-icon.icon.icon-star::before {
    content: "\EA43";
    width: 20px;
    height: 20px;
    display: block;
}
.roo-mark .roo-mark-item .roo-mark-icon.icon.icon-meh {
    color: #CCCCCC;
}
.roo-mark .roo-mark-item .roo-mark-icon.icon.icon-meh::before {
    content: "\EA1F";
    width: 20px;
    height: 20px;
    display: block;
}
.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: #CCCCCC;
}
.roo-mark .roo-mark-item .roo-mark-icon.icon.icon-frown::before {
    content: "\EA3B";
    width: 20px;
    height: 20px;
    display: block;
}
.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: #CCCCCC;
}
.roo-mark .roo-mark-item .roo-mark-icon.icon.icon-smile::before {
    content: "\EA3F";
    width: 20px;
    height: 20px;
    display: block;
}
.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: #CCCCCC;
}
.roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-star-fill::before {
    content: "\EA43";
    width: 20px;
    height: 20px;
    display: block;
}
.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: #CCCCCC;
}
.roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-star::before {
    content: "\EA43";
    width: 20px;
    height: 20px;
    display: block;
}
.roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-meh {
    color: #CCCCCC;
}
.roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-meh::before {
    content: "\EA1F";
    width: 20px;
    height: 20px;
    display: block;
}
.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: #CCCCCC;
}
.roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-frown::before {
    content: "\EA3B";
    width: 20px;
    height: 20px;
    display: block;
}
.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: #CCCCCC;
}
.roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-smile::before {
    content: "\EA3F";
    width: 20px;
    height: 20px;
    display: block;
}
.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-rtl .roo-mark .roo-mark-item .roo-mark-icon.icon {
    margin-left: 4px;
    margin-right: 0;
}
.roo-rtl .roo-mark .roo-mark-item .roo-mark-halficon {
    right: 0;
    left: auto;
}
.roo-rtl .roo-mark .roo-mark-item .roo-mark-halficon.icon {
    margin-left: 4px;
    margin-right: 0;
}

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

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

/*
---------------
表单组样式
---------------
*/
.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 + .roo-input {
    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) .roo-input {
    padding-right: 35.6px;
}
.roo-input-group.has-icon .roo-input:only-of-type,
.roo-input-group .has-icon .roo-input: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: #999999 !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 > .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 + .custom-select,
.roo-input-group > .roo-input + .custom-file,
.roo-input-group > .custom-select + .roo-input,
.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 + .custom-select,
.roo-input-group > .custom-file + .custom-file {
    margin-left: -1px;
}
.roo-input-group > .roo-input {
    width: 1%;
}
.roo-input-group > .roo-input: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 > .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-line,
.roo-input-group-append-line {
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}
.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 {
    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 .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 .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-compact.has-icon .addon-icon, .roo-input-group-compact.has-icon .prefix-icon {
    font-size: 14px;
}

.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: #999999;
}
.roo-input-group-outline.readonly, .readonly.roo-input-group-no-outline {
    border-color: #EEEEEE;
    color: #999999;
}
.roo-input-group-outline.disabled, .disabled.roo-input-group-no-outline {
    border-color: #F5F6FA;
    color: #EEEEEE;
    cursor: not-allowed;
}
.roo-input-group-outline-line {
    border-bottom: 1px solid #EEEEEE;
    border-top: none;
    border-left: none;
    border-right: none;
}
.roo-input-group-outline-plaintext {
    background-color: #F5F6FA;
    border-color: #F5F6FA;
}

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

.roo-rtl .pre-icon {
    padding-right: 35.6px !important;
}
.roo-rtl .roo-input-group.has-icon .addon-icon,
.roo-rtl .roo-input-group.has-icon .prefix-icon,
.roo-rtl .roo-input-group .has-icon .addon-icon,
.roo-rtl .roo-input-group .has-icon .prefix-icon {
    left: 8px;
    right: auto;
}
.roo-rtl .roo-input-group.has-icon .prefix-icon,
.roo-rtl .roo-input-group .has-icon .prefix-icon {
    left: auto;
    right: 8px;
}
.roo-rtl .roo-input-group.has-icon .prefix-icon + .roo-input,
.roo-rtl .roo-input-group .has-icon .prefix-icon + .roo-input {
    padding-right: 35.6px;
    padding-left: 8px;
}
.roo-rtl .roo-input-group.has-icon:not(.roo-input-group-outline):not(.roo-input-group-no-outline) .roo-input,
.roo-rtl .roo-input-group .has-icon:not(.roo-input-group-outline):not(.roo-input-group-no-outline) .roo-input {
    padding-left: 35.6px;
    padding-right: 8px;
}
.roo-rtl .roo-input-group.has-icon .roo-input:only-of-type,
.roo-rtl .roo-input-group .has-icon .roo-input:only-of-type {
    border-radius: 2px;
}
.roo-rtl .roo-input-group.is-count-check.has-icon:not(.roo-input-group-outline):not(.roo-input-group-no-outline) .roo-input {
    padding-left: 52px;
    padding-right: 8px;
}
.roo-rtl .roo-input-group.is-count-check .roo-input-value-count {
    right: auto;
    left: 8px;
    display: -ms-flexbox;
    display: flex;
}
.roo-rtl .roo-input-group > .roo-input + .roo-input,
.roo-rtl .roo-input-group > .roo-input + .custom-select,
.roo-rtl .roo-input-group > .roo-input + .custom-file,
.roo-rtl .roo-input-group > .custom-select + .roo-input,
.roo-rtl .roo-input-group > .custom-select + .custom-select,
.roo-rtl .roo-input-group > .custom-select + .custom-file,
.roo-rtl .roo-input-group > .custom-file + .roo-input,
.roo-rtl .roo-input-group > .custom-file + .custom-select,
.roo-rtl .roo-input-group > .custom-file + .custom-file {
    margin-left: 0;
    margin-right: -1px;
}
.roo-rtl .roo-input-group > .roo-input:not(:last-child),
.roo-rtl .roo-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;
}
.roo-rtl .roo-input-group > .roo-input:not(:first-child),
.roo-rtl .roo-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;
}
.roo-rtl .roo-input-group > .custom-file:not(:last-child) .custom-file-label, .roo-rtl .roo-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;
}
.roo-rtl .roo-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;
}
.roo-rtl .roo-input-group-prepend .roo-btn + .roo-btn,
.roo-rtl .roo-input-group-prepend .roo-btn + .roo-input-group-text,
.roo-rtl .roo-input-group-prepend .roo-input-group-text + .roo-input-group-text,
.roo-rtl .roo-input-group-prepend .roo-input-group-text + .roo-btn,
.roo-rtl .roo-input-group-append .roo-btn + .roo-btn,
.roo-rtl .roo-input-group-append .roo-btn + .roo-input-group-text,
.roo-rtl .roo-input-group-append .roo-input-group-text + .roo-input-group-text,
.roo-rtl .roo-input-group-append .roo-input-group-text + .roo-btn,
.roo-rtl .roo-input-group-middle .roo-btn + .roo-btn,
.roo-rtl .roo-input-group-middle .roo-btn + .roo-input-group-text,
.roo-rtl .roo-input-group-middle .roo-input-group-text + .roo-input-group-text,
.roo-rtl .roo-input-group-middle .roo-input-group-text + .roo-btn {
    margin-right: -1px;
    margin-left: 0;
}
.roo-rtl .roo-input-group-prepend,
.roo-rtl .roo-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;
}
.roo-rtl .roo-input-group-prepend > .roo-btn:not(:first-child),
.roo-rtl .roo-input-group-prepend > .roo-input-group:not(:first-child),
.roo-rtl .roo-input-group-prepend > .select-input-wrapper:not(:first-child),
.roo-rtl .roo-input-group-append > .roo-btn:not(:first-child),
.roo-rtl .roo-input-group-append > .roo-input-group:not(:first-child),
.roo-rtl .roo-input-group-append > .select-input-wrapper:not(:first-child) {
    margin-left: -11px;
    margin-right: -1px;
}
.roo-rtl .roo-input-group-prepend > .roo-btn:not(:last-child),
.roo-rtl .roo-input-group-prepend > .roo-input-group:not(:last-child),
.roo-rtl .roo-input-group-prepend > .select-input-wrapper:not(:last-child),
.roo-rtl .roo-input-group-append > .roo-btn:not(:last-child),
.roo-rtl .roo-input-group-append > .roo-input-group:not(:last-child),
.roo-rtl .roo-input-group-append > .select-input-wrapper:not(:last-child) {
    margin-left: 10px;
    margin-right: -11px;
}
.roo-rtl .roo-input-group-append {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.roo-rtl .roo-input-group-append .roo-input {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
.roo-rtl .roo-input-group-append .dropdown-menu {
    right: auto;
    left: 0;
}
.roo-rtl .roo-input-group > .roo-input-group-prepend > .roo-btn,
.roo-rtl .roo-input-group > .roo-input-group-prepend > .roo-input-group-text,
.roo-rtl .roo-input-group > .roo-input-group-append:not(:last-child) > .roo-btn,
.roo-rtl .roo-input-group > .roo-input-group-append:not(:last-child) > .roo-input-group-text,
.roo-rtl .roo-input-group > .roo-input-group-append:last-child > .roo-btn:not(:last-child):not(.dropdown-toggle),
.roo-rtl .roo-input-group > .roo-input-group-append:last-child > .roo-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;
}
.roo-rtl .roo-input-group > .roo-input-group-append > .roo-btn,
.roo-rtl .roo-input-group > .roo-input-group-append > .roo-input-group-text,
.roo-rtl .roo-input-group > .roo-input-group-prepend:not(:first-child) > .roo-btn,
.roo-rtl .roo-input-group > .roo-input-group-prepend:not(:first-child) > .roo-input-group-text,
.roo-rtl .roo-input-group > .roo-input-group-prepend:first-child > .roo-btn:not(:first-child),
.roo-rtl .roo-input-group > .roo-input-group-prepend:first-child > .roo-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;
}
.roo-rtl .roo-input-group-outline.has-icon, .roo-rtl .has-icon.roo-input-group-no-outline {
    padding-left: 36px;
    padding-right: 0;
}

/**
 * ---------------------------
 *  滑块组件
 * ---------------------------
 */
.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: #EEEEEE;
    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: 0.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: #FF6A00;
}

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

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

.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: #EEEEEE !important;
    cursor: not-allowed !important;
}
.roo-slider.disabled .roo-slider-value-bar, .roo-slider.disabled .roo-slider-button {
    background: #CCCCCC !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-rtl .roo-slider-button {
    left: auto;
    right: 12px;
}
.roo-rtl .roo-slider-button-wrap,
.roo-rtl .roo-slider-bar-stop,
.roo-rtl .roo-slider-label {
    -webkit-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0);
}

.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-rtl .roo-progress-bar-inner {
    text-align: left;
}
.roo-rtl .roo-progress-text {
    margin-right: 4px;
    margin-left: 0;
}
.roo-rtl .roo-progress-bar {
    padding-left: 50px;
    margin-left: -50px;
    padding-right: 0;
    margin-right: 0;
}
.roo-rtl .roo-progress.text-inside {
    padding-left: 0;
    margin-left: 0;
    padding-right: auto;
    margin-right: auto;
}

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

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

.roo-tree-node-label {
    color: #222222;
}

.roo-tree-node-label-block {
    -ms-flex: auto;
        flex: auto;
}

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

.roo-tree-is-selected > .roo-tree-node-label {
    color: #FF6A00;
}

.roo-tree-target-background {
    background-color: #F5F6FA;
}
.roo-tree-target-border-bottom {
    border-bottom: 1px solid #999999;
}
.roo-tree-target-border-top {
    border-top: 1px solid #999999;
}

.roo-rtl .roo-tree-node-expand-icon,
.roo-rtl .roo-tree-node-loading-icon {
    margin-right: -21px;
    margin-left: 0;
}
.roo-rtl .roo-tree-node-expand-icon:before,
.roo-rtl .roo-tree-node-loading-icon:before {
    content: "\EA02";
}
.roo-rtl .roo-tree-node-expand-icon:before {
    content: "\EA02";
}
.roo-rtl .roo-tree-node-loading-icon:before {
    content: "\EA29";
    -webkit-animation: spin 1s infinite linear;
            animation: spin 1s infinite linear;
}
.roo-rtl .roo-tree-node-content {
    padding-right: 21px;
    padding-left: 0;
}
.roo-rtl .roo-tree-node-children {
    padding-right: 21px;
    padding-left: 0;
}
.roo-rtl .roo-tree-node-children > .roo-tree-node::before {
    right: 0;
    left: auto;
    border-right: 1px dashed #CCCCCC;
    border-left: none;
}
.roo-rtl .roo-tree-node-children > .roo-tree-node.is-leaf::after {
    right: 0;
    left: auto;
}

/* copy自@mtfe/rc-trigger/assets/index.css */
.rc-trigger-popup {
    position: absolute;
    left: -9999px;
    top: -9999px;
    z-index: 1050;
}

.rc-trigger-popup-hidden {
    display: none;
}

.rc-trigger-popup-zoom-enter,
.rc-trigger-popup-zoom-appear {
    opacity: 0;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
            animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
}

.rc-trigger-popup-zoom-leave {
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
            animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
}

.rc-trigger-popup-zoom-enter.rc-trigger-popup-zoom-enter-active,
.rc-trigger-popup-zoom-appear.rc-trigger-popup-zoom-appear-active {
    -webkit-animation-name: rcTriggerZoomIn;
            animation-name: rcTriggerZoomIn;
    -webkit-animation-play-state: running;
            animation-play-state: running;
}

.rc-trigger-popup-zoom-leave.rc-trigger-popup-zoom-leave-active {
    -webkit-animation-name: rcTriggerZoomOut;
            animation-name: rcTriggerZoomOut;
    -webkit-animation-play-state: running;
            animation-play-state: running;
}

@-webkit-keyframes rcTriggerZoomIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0);
                transform: scale(0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
    }
}

@keyframes rcTriggerZoomIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0);
                transform: scale(0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
    }
}
@-webkit-keyframes rcTriggerZoomOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0);
                transform: scale(0, 0);
    }
}
@keyframes rcTriggerZoomOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0);
                transform: scale(0, 0);
    }
}
.rc-trigger-popup-mask {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #373737;
    background-color: rgba(55, 55, 55, 0.6);
    height: 100%;
    filter: alpha(opacity=50);
    z-index: 1050;
}

.rc-trigger-popup-mask-hidden {
    display: none;
}

.rc-trigger-popup-fade-enter,
.rc-trigger-popup-fade-appear {
    opacity: 0;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
            animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
}

.rc-trigger-popup-fade-leave {
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
            animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
}

.rc-trigger-popup-fade-enter.rc-trigger-popup-fade-enter-active,
.rc-trigger-popup-fade-appear.rc-trigger-popup-fade-appear-active {
    -webkit-animation-name: rcTriggerMaskFadeIn;
            animation-name: rcTriggerMaskFadeIn;
    -webkit-animation-play-state: running;
            animation-play-state: running;
}

.rc-trigger-popup-fade-leave.rc-trigger-popup-fade-leave-active {
    -webkit-animation-name: rcDialogFadeOut;
            animation-name: rcDialogFadeOut;
    -webkit-animation-play-state: running;
            animation-play-state: running;
}

@-webkit-keyframes rcTriggerMaskFadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes rcTriggerMaskFadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes rcDialogFadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes rcDialogFadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.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 {
    min-width: 280px;
    height: 240px;
    padding: 0 10px;
    cursor: pointer;
}
.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: #FF192D;
    border-radius: 100px;
    right: 0;
    top: 0;
}
.roo-datepicker tbody td.old a {
    color: #999999;
}
.roo-datepicker tbody td.disabled a, .roo-datepicker tbody td.disabled a:hover {
    color: #CCCCCC;
    cursor: not-allowed;
    background-color: transparent;
    border-color: transparent;
}
.roo-datepicker tbody td.disabled.active {
    background-color: #EEEEEE;
    border-color: #EEEEEE;
}
.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.has-footer .roo-datepicker-quarters .roo-datepicker-body {
    height: auto !important;
}
.roo-datepicker-time-footer {
    border-top: 1px solid #EEEEEE;
    font-size: 14px;
    padding: 5px 10px;
    max-width: 170px;
    text-wrap: wrap;
    word-break: break-word;
}

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

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

.roo-datepicker-quarters .roo-datepicker-body, .roo-datepicker-half .roo-datepicker-body {
    height: auto !important;
}

.picker-select-wrap {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 0;
    box-shadow: 0px 10px 16px 0px rgba(88, 90, 110, 0.15);
}
.picker-select-wrap > ul {
    display: inline-block;
    height: 168px;
    overflow-y: auto;
    font-size: 12px;
}
.picker-select-wrap > ul + ul {
    border-left: 1px solid #EEEEEE;
}
.picker-select-wrap > ul > li {
    padding: 0 21px;
    line-height: 28px;
    color: #222222;
}
.picker-select-wrap > ul > li:hover {
    background-color: #F5F6FA;
    cursor: pointer;
}
.picker-select-wrap > ul > li.active {
    background-color: rgba(238, 238, 238, 0.6);
    color: #FF6A00;
}
.picker-select-wrap > ul > li.disabled {
    color: #CCCCCC;
    cursor: not-allowed;
    background-color: transparent;
    border-color: transparent;
}

.roo-datepicker-preset-btn {
    margin: 5px 0px 5px 5px;
}

.roo-rtl .roo-datepicker-inputs .roo-input + .roo-input {
    margin-right: 14px;
    margin-left: 0px;
}
.roo-rtl .roo-datepicker .action-group .action-pre {
    padding-right: 10px;
    padding-left: 0px;
}
.roo-rtl .roo-datepicker .action-group .action-next {
    padding-right: 0px;
    padding-left: 10px;
}
.roo-rtl .roo-datepicker tbody td.today a:after {
    left: 0;
    right: auto;
}
.roo-rtl .picker-select-wrap > ul + ul {
    border-right: 1px solid #EEEEEE;
    border-left: none;
}
.roo-rtl .roo-datepicker-preset-btn {
    margin: 5px 5px 5px 0px;
}

/*
---------------
分割线样式
---------------
*/
.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: 0.9em;
    width: 1px;
    margin: 0 10px;
    vertical-align: middle;
    position: relative;
    top: -0.06em;
}

.roo-divider-horizontal {
    display: block;
    height: auto;
    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: -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;
}
.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-dashed::before, .roo-divider-horizontal.roo-divider-dashed::after {
    border-top: 1px dashed #EEEEEE;
}
.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-drawer-portal {
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
}

.roo-drawer {
    position: fixed;
    outline: none;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 3px 9px;
    transition: -webkit-transform 300ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    transition: transform 300ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    transition: transform 300ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, -webkit-transform 300ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    visibility: unset;
    z-index: 1000;
    overflow-y: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
}

.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: #999999;
    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-rtl .roo-drawer-header .roo-drawer-header-title .roo-drawer-close {
    margin-left: 12px;
    margin-right: 0;
}

.roo-rtl .roo-upload-list-item {
    padding: 1px 0 1px 3px;
}
.roo-rtl .roo-upload-list-icon {
    margin-right: auto;
    margin-left: 5px;
}
.roo-rtl .roo-upload-list-trash {
    margin-right: auto;
    margin-left: 0px;
}
.roo-rtl .roo-upload-list-uploading-bar {
    margin-right: 22px;
}
.roo-rtl .roo-upload-card-item {
    margin-right: 0px;
    margin-left: 5px;
}
.roo-rtl .roo-upload-card-item .roo-progress-bar {
    padding-right: auto;
    padding-left: 0;
}

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

.roo-upload-motion {
    transition: all 0.3s;
}

.roo-upload-close-motion {
    transition: all 0s;
}

.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: #EEEEEE;
    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;
    -ms-flex-pack: justify;
        justify-content: space-between;
}

.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: #EEEEEE 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.45);
    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: #FF6A00;
    fill: #FF6A00;
    border: 1px dashed #FF6A00;
}

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

.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-close-motion {
    transition: height 0s, opacity 0s;
}

.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;
    min-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 {
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.roo-accordion .roo-accordion-panel .roo-accordion-panel-header .roo-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);
}
.roo-accordion .roo-accordion-panel .roo-accordion-panel-header .roo-accordion-panel-title-wrap {
    display: inline-block;
}
.roo-accordion .roo-accordion-panel .roo-accordion-panel-header .roo-accordion-panel-title-wrap > * {
    margin: 0;
}
.roo-accordion .roo-accordion-panel .roo-accordion-panel-header .roo-accordion-panel-title-wrap.roo-accordion-panel-title-left {
    padding-left: 23px;
}
.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-rtl .roo-accordion .roo-accordion-panel .roo-accordion-panel-header .roo-accordion-panel-header-icon {
    right: 15px;
}
.roo-rtl .roo-accordion .roo-accordion-panel .roo-accordion-panel-header .roo-accordion-panel-header-icon-right {
    left: 0;
    right: auto;
}
.roo-rtl .roo-accordion .roo-accordion-panel .roo-accordion-panel-header .roo-accordion-panel-title-wrap.roo-accordion-panel-title-left {
    padding-right: 23px;
}

.roo-transfer {
    min-width: 710px;
}
.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;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
}
.roo-transfer .roo-transfer-panel .roo-transfer-panel-title .roo-transfer-panel-title-all {
    margin-left: 12px;
    min-width: 16px;
}
.roo-transfer .roo-transfer-panel .roo-transfer-panel-title .roo-transfer-panel-title-label {
    width: 210px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.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-transfer-panel-list .roo-checkbox {
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    padding: 6px 12px;
    margin-right: 0;
}
.roo-transfer .roo-transfer-panel .roo-transfer-panel-body .roo-transfer-panel-list .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: -ms-flexbox;
    display: flex;
    height: 36px;
    margin-bottom: 16px;
    -ms-flex-align: center;
        align-items: center;
}
.roo-transfer .roo-transfer-operations .roo-btn .roo-icon {
    margin-top: 0;
}

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

.roo-rtl .roo-timeline {
    direction: rtl;
}
.roo-rtl .roo-timeline-align-left {
    text-align: left;
}
.roo-rtl .roo-timeline-align-alternate .roo-timeline-item:nth-child(2n),
.roo-rtl .roo-timeline-with-time.roo-timeline-align-right .roo-timeline-item {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    display: -ms-flexbox;
    display: flex;
}
.roo-rtl .roo-timeline-with-time .roo-timeline-item-dot {
    right: calc(50% - 4px);
}
.roo-rtl .roo-timeline-with-time .roo-timeline-item-tail {
    right: calc(50% - 1px);
}
.roo-rtl .roo-timeline-with-time.roo-timeline-align-right .roo-timeline-item {
    -ms-flex-direction: row;
        flex-direction: row;
}
.roo-rtl .roo-timeline-with-time.roo-timeline-align-left .roo-timeline-item {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
}

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

.roo-timeline-item {
    position: relative;
    text-align: left;
}
.roo-timeline-item::before, .roo-timeline-item::after {
    content: "";
    display: table;
}

.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-align-right .roo-timeline-item-custom-dot {
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
    margin-right: 4px;
}

.roo-timeline-item-custom-dot {
    text-align: center;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    margin-left: 4px;
}
.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;
}

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

.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-rtl .roo-picker-menu:last-child {
    border-left: none;
}
.roo-rtl .roo-picker-menu {
    text-align: right;
    border-left: 1px solid #EEEEEE;
    border-right: none;
}
.roo-rtl .roo-multi-cascader-toggle .roo-tag {
    margin-left: 8px;
    margin-right: 0px;
}
.roo-rtl .roo-multi-cascader-checkall {
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px;
    margin-left: 0px;
    margin-top: 5px;
}

.roo-multi-cascader-checkall {
    margin-left: 10px;
    margin-top: 5px;
}
.roo-multi-cascader-checkall .roo-checkbox .custom-checkbox {
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.roo-multi-cascader-checkall .roo-checkbox .custom-checkbox-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.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-positive: 1;
        flex-grow: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 236px;
    max-height: 242px;
    overflow: auto;
    padding: 4px 0;
    font-size: 14px;
    color: #222222;
    text-align: left;
    list-style: none;
    border-right: 1px solid #EEEEEE;
    border-radius: 2px;
}

.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-menu-item-disabled:hover {
    background-color: unset !important;
}

.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;
    display: -ms-flexbox;
    display: flex;
}
.roo-picker-search-result > ul {
    width: 100%;
}

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

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

.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;
    min-height: 36px;
    height: auto;
    border: 1px solid #EEEEEE;
    border-radius: 2px;
    padding: 6px 10px;
    cursor: pointer;
    background: #ffffff;
}

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

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

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

.roo-multi-cascader-toggle-compact {
    min-height: 28px;
    font-size: 14px;
    line-height: 20px;
    padding: 3px 10px;
}
.roo-multi-cascader-toggle-compact .roo-picker-value-count {
    height: 20px;
    line-height: 20px;
    min-width: 20px;
    margin: 0;
}
.roo-multi-cascader-toggle-compact .roo-tag-compact {
    line-height: 18px;
}
.roo-multi-cascader-toggle-compact .roo-tag-compact.roo-tag {
    font-size: 14px;
}

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

.roo-multi-cascader-toggle:hover:not(.roo-multi-cascader-disabled) {
    border-color: #CCCCCC;
}

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

.roo-multi-cascader-toggle.has-success-hook::before {
    content: "";
}

.has-success-hook .roo-multi-cascader-toggle,
.has-success-hook .roo-multi-cascader-toggle:hover,
.roo-multi-cascader-toggle.has-success-hook,
.roo-multi-cascader-toggle.has-success-hook:hover {
    border-color: #00BF7F;
    position: relative;
    background-color: white;
}

.has-error .roo-multi-cascader-toggle,
.has-error .roo-multi-cascader-toggle:hover,
.roo-multi-cascader-toggle.has-error,
.roo-multi-cascader-toggle.has-error:hover {
    border-color: #FF192D;
    position: relative;
    background-color: white;
}

.roo-multi-cascader-border-color {
    border-color: #999999;
}

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

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

.roo-multi-cascader-disabled {
    border-color: #EEEEEE;
    color: #CCCCCC;
    background-color: #EEEEEE;
    cursor: not-allowed;
}

.roo-multi-cascader-selected {
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -ms-flex-align: center;
        align-items: center;
}
.roo-multi-cascader-selected .roo-tag-plaintext, .roo-multi-cascader-selected .roo-value-count-plaintext {
    background-color: white;
    border-color: white;
}

.roo-picker-value-list {
    display: -ms-flexbox;
    display: flex;
    grid-row-gap: 8px;
    grid-row-gap: 8px;
    row-gap: 8px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.roo-multi-cascader-plaintext {
    background-color: #F5F6FA;
}

.roo-multi-cascader-line {
    border-top: none;
    border-left: none;
    border-right: none;
}

.roo-multi-cascader-nobordered {
    border: none !important;
}

.roo-image-viewer-inline {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 400px;
    background: rgba(0, 0, 0, 0.45);
}
.roo-image-viewer-mask {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.45);
    height: 100%;
    filter: alpha(opacity=60);
    z-index: 2000;
}
.roo-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;
}
.roo-image-viewer-close-btn:hover {
    background-color: #222222;
}
.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: #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;
}
.roo-image-viewer-prev-btn-box:hover {
    background-color: #222222;
}
.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: #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;
}
.roo-image-viewer-next-btn-box:hover {
    background-color: #222222;
}
.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: #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;
}
.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: #222222;
    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 #222222;
    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: #222222;
}
.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: #444;
    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 #444;
    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: #222222;
    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: #FF6A00;
    border-color: #FF6A00;
    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.45);
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.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;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
}

.roo-image-viewer-icon-down {
    margin-left: 3px;
    font-size: 20px;
}

.roo-image-viewer-icon-eyes {
    font-size: 15px;
}

.roo-rtl .roo-image-viewer-totel-number-box {
    right: 16px;
    left: auto;
}
.roo-rtl .roo-image-viewer-close-btn {
    right: auto;
    left: 16px;
}
.roo-rtl .roo-image-viewer-toolbar-tooltips .triangle {
    right: 20px;
    left: auto;
}
.roo-rtl .roo-image-viewer-toolbar-btn:first-child:hover {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}
.roo-rtl .roo-image-viewer-toolbar-btn:last-child:hover {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
}
.roo-rtl .roo-image-viewer-navbar-list li {
    margin-left: 6px;
    margin-right: 0;
}
.roo-rtl .roo-image-viewer-img {
    margin-left: 5px;
    margin-right: 0;
}
.roo-rtl .roo-image-viewer-icon-down {
    margin-right: 3px;
    margin-left: 0;
}

.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-setting-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
}
.roo-tableNew-setting-wrapper .roo-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;
}
.roo-tableNew-setting-wrapper .roo-tableNew-toggle-btn:hover {
    background: #F5F6FA;
    border-radius: 2px;
}

.roo-tableNew-drag-line {
    border: 1px solid #FF6A00 !important;
}

.roo-tableNew-toggle-menu-wrapper > div {
    width: 100%;
    height: 100%;
}
.roo-tableNew-toggle-menu-wrapper > div > div {
    display: block !important;
}
.roo-tableNew-toggle-menu-wrapper .roo-tableNew-setting-menu {
    font-size: 14px;
    background: #fff;
    border: 1px solid #EEEEEE;
    border-radius: 4px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
}
.roo-tableNew-toggle-menu-wrapper .roo-tableNew-setting-menu .roo-tableNew-menu-header {
    height: 40px;
    padding: 8px 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    background: #F5F6FA;
    border-bottom: 1px solid #EEEEEE;
}
.roo-tableNew-toggle-menu-wrapper .roo-tableNew-setting-menu .roo-tableNew-menu-header .roo-tableNew-menu-reset {
    cursor: pointer;
    color: #FF6A00;
    font-size: 14px;
}
.roo-tableNew-toggle-menu-wrapper .roo-tableNew-setting-menu .roo-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;
}
.roo-tableNew-toggle-menu-wrapper .roo-tableNew-setting-menu .roo-tableNew-setting-item .roo-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;
}
.roo-tableNew-toggle-menu-wrapper .roo-tableNew-setting-menu .roo-tableNew-setting-item .roo-tableNew-fixed-disabled {
    color: #666666;
    opacity: 0.5;
}
.roo-tableNew-toggle-menu-wrapper .roo-tableNew-setting-menu .roo-tableNew-setting-item .roo-tableNew-show-opt {
    display: block;
}
.roo-tableNew-toggle-menu-wrapper .roo-tableNew-setting-menu .roo-tableNew-setting-item .roo-tableNew-un-drage {
    margin-left: 32px;
}
.roo-tableNew-toggle-menu-wrapper .roo-tableNew-setting-menu .roo-tableNew-setting-item .custom-checkbox-label {
    color: #666666;
    width: 112px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}
.roo-tableNew-toggle-menu-wrapper .roo-tableNew-setting-menu .roo-tableNew-setting-item .roo-checkbox {
    margin-right: 0 !important;
}
.roo-tableNew-toggle-menu-wrapper .roo-tableNew-setting-menu .roo-tableNew-item-border {
    border-top: 1px solid #EEEEEE;
}
.roo-tableNew-toggle-menu-wrapper .roo-tableNew-setting-menu .roo-tableNew-item-diabled {
    padding-left: 24px;
}
.roo-tableNew-toggle-menu-wrapper .roo-tableNew-setting-menu .undragable {
    cursor: default;
}
.roo-tableNew-toggle-menu-wrapper .roo-tableNew-setting-menu .roo-tableNew-setting-item:hover {
    border-radius: 2px;
    background-color: #F5F6FA;
}
.roo-tableNew-toggle-menu-wrapper .roo-tableNew-setting-menu .roo-tableNew-setting-item:hover .roo-tableNew-fixed-opt {
    visibility: visible;
}
.roo-tableNew-toggle-menu-wrapper .roo-tableNew-setting-menu .roo-tableNew-item-border > div {
    display: -ms-flexbox;
    display: flex;
}
.roo-tableNew-toggle-menu-wrapper .roo-tableNew-setting-menu .roo-tableNew-columns-menu {
    padding-bottom: 8px;
    height: 226px;
    overflow: hidden;
    overflow-y: auto;
}
.roo-tableNew-toggle-menu-wrapper .roo-tableNew-setting-menu .roo-tableNew-columns-menu::-webkit-scrollbar {
    width: 4px;
    height: 1px;
}
.roo-tableNew-toggle-menu-wrapper .roo-tableNew-setting-menu .roo-tableNew-columns-menu::-webkit-scrollbar-thumb {
    background: #CCCCCC;
    border-radius: 4px;
}

.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 table > tbody > tr.roo-tableNew-row:hover > td,
.roo-tableNew.roo-tableNew-hover table > tbody > tr > td.roo-tableNew-cell-row-hover {
    background: #EEEEEE;
}
.roo-tableNew.roo-tableNew-stripe table > tbody > tr.roo-tableNew-row--even > td {
    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(#222222, 35%);
    border-radius: 4px;
}
.roo-tableNew-sticky-scroll-bar:hover {
    background-color: fade(fade(#222222, 35%), 80%);
}
.roo-tableNew-sticky-scroll-bar-active {
    background-color: fade(fade(#222222, 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 {
    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;
}
.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-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;
}
.roo-tableNew-filter-trigger {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 0 4px;
    color: #CCCCCC;
    font-size: 14px;
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.3s;
}
.roo-tableNew-filter-dropdown {
    font-size: 14px;
    box-sizing: border-box;
    margin-top: 8px;
    padding: 0;
    color: #222222;
    line-height: 1.2;
    list-style: none;
    background: #fff;
    box-shadow: 0 4px 5px 0 rgba(34, 34, 34, 0.2);
    border-radius: 2px;
}
.roo-tableNew-filter-dropdown-tree {
    padding: 8px;
}
.roo-tableNew-filter-dropdown-btns {
    text-align: right;
    padding: 8px 0 8px 8px;
    border-top: 1px solid #EEEEEE;
}
.roo-tableNew-filter-dropdown-btns button {
    margin-right: 8px;
}
.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;
}

.roo-rtl pre .language-jsx {
    padding: 28px 48px;
}
.roo-rtl .roo-tableNew-toggle-menu-wrapper .roo-tableNew-setting-menu .roo-tableNew-setting-item {
    margin-right: 4px;
    margin-left: auto;
    padding-right: 8px;
    padding-left: auto;
}
.roo-rtl .roo-tableNew-toggle-menu-wrapper .roo-tableNew-setting-menu .roo-tableNew-setting-item .roo-tableNew-fixed-opt {
    margin-right: 16px;
    margin-left: auto;
}
.roo-rtl .roo-tableNew-toggle-menu-wrapper .roo-tableNew-setting-menu .roo-tableNew-setting-item .roo-tableNew-un-drage {
    margin-right: 32px;
    margin-left: auto;
}
.roo-rtl .roo-tableNew-toggle-menu-wrapper .roo-tableNew-setting-menu .roo-tableNew-setting-item .roo-checkbox {
    margin-left: 0 !important;
}
.roo-rtl .roo-tableNew-toggle-menu-wrapper .roo-tableNew-setting-menu .roo-tableNew-item-diabled {
    padding-right: 24px;
    padding-left: auto;
}
.roo-rtl .roo-tableNew table {
    text-align: right;
}
.roo-rtl .roo-tableNew-thead > tr > th {
    text-align: right;
}
.roo-rtl .roo-tableNew-thead > tr > th[colspan]:not([colspan="1"]) {
    text-align: center;
}
.roo-rtl .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container {
    border-right: 1px solid #EEEEEE;
    border-left: none;
}
.roo-rtl .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-content > table > thead > tr > th,
.roo-rtl .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-content > table > tbody > tr > td,
.roo-rtl .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-content > table > tfoot > tr > th,
.roo-rtl .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-content > table > tfoot > tr > td,
.roo-rtl .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-header > table > thead > tr > th,
.roo-rtl .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-header > table > tbody > tr > td,
.roo-rtl .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-header > table > tfoot > tr > th,
.roo-rtl .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-header > table > tfoot > tr > td,
.roo-rtl .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-body > table > thead > tr > th,
.roo-rtl .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-body > table > tbody > tr > td,
.roo-rtl .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-body > table > tfoot > tr > th,
.roo-rtl .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-body > table > tfoot > tr > td,
.roo-rtl .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-summary > table > thead > tr > th,
.roo-rtl .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-summary > table > tbody > tr > td,
.roo-rtl .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-summary > table > tfoot > tr > th,
.roo-rtl .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-summary > table > tfoot > tr > td {
    border-left: 1px solid #EEEEEE;
    border-right: none;
}
.roo-rtl .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-content > table > thead > tr > .roo-tableNew-cell-fix-right-first::after,
.roo-rtl .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-content > table > tbody > tr > .roo-tableNew-cell-fix-right-first::after,
.roo-rtl .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-content > table > tfoot > tr > .roo-tableNew-cell-fix-right-first::after,
.roo-rtl .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-header > table > thead > tr > .roo-tableNew-cell-fix-right-first::after,
.roo-rtl .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-header > table > tbody > tr > .roo-tableNew-cell-fix-right-first::after,
.roo-rtl .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-header > table > tfoot > tr > .roo-tableNew-cell-fix-right-first::after,
.roo-rtl .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-body > table > thead > tr > .roo-tableNew-cell-fix-right-first::after,
.roo-rtl .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-body > table > tbody > tr > .roo-tableNew-cell-fix-right-first::after,
.roo-rtl .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-body > table > tfoot > tr > .roo-tableNew-cell-fix-right-first::after,
.roo-rtl .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-summary > table > thead > tr > .roo-tableNew-cell-fix-right-first::after,
.roo-rtl .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-summary > table > tbody > tr > .roo-tableNew-cell-fix-right-first::after,
.roo-rtl .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-summary > table > tfoot > tr > .roo-tableNew-cell-fix-right-first::after {
    border-left: 1px solid #EEEEEE;
    border-right: none;
}
.roo-rtl .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-content > table > tbody > tr > td > .roo-tableNew-expanded-row-fixed::after,
.roo-rtl .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-header > table > tbody > tr > td > .roo-tableNew-expanded-row-fixed::after,
.roo-rtl .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-body > table > tbody > tr > td > .roo-tableNew-expanded-row-fixed::after,
.roo-rtl .roo-tableNew.roo-tableNew-bordered > .roo-tableNew-container > .roo-tableNew-summary > table > tbody > tr > td > .roo-tableNew-expanded-row-fixed::after {
    left: 1px;
    border-left: 1px solid #EEEEEE;
    border-right: none;
}
.roo-rtl .roo-tableNew.roo-tableNew-bordered.roo-tableNew-scroll-horizontal > .roo-tableNew-container > .roo-tableNew-body > table > tbody > tr.roo-tableNew-expanded-row > td,
.roo-rtl .roo-tableNew.roo-tableNew-bordered.roo-tableNew-scroll-horizontal > .roo-tableNew-container > .roo-tableNew-body > table > tbody > tr.roo-tableNew-placeholder > td {
    border-left: 0;
}
.roo-rtl .roo-tableNew .roo-tableNew-cell-scrollbar:not([rowspan]) {
    box-shadow: -8px 0 8px rgba(233, 234, 242, 0.6);
}
.roo-rtl .roo-tableNew .roo-tableNew-container::before {
    right: 0;
}
.roo-rtl .roo-tableNew .roo-tableNew-container::after {
    left: 0;
}
.roo-rtl .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-rtl .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-rtl .roo-tableNew table tr th.roo-tableNew-selection-column .roo-tableNew-radio-wrapper,
.roo-rtl .roo-tableNew table tr td.roo-tableNew-selection-column .roo-tableNew-radio-wrapper {
    margin-left: 0;
}
.roo-rtl .roo-tableNew-column-sorter {
    margin-right: 4px;
    margin-left: auto;
}
.roo-rtl .roo-tableNew-filter-dropdown-btns {
    text-align: left;
    padding: 8px 8px 8px 0;
}
.roo-rtl .roo-tableNew-filter-dropdown-btns button {
    margin-left: 8px;
    margin-right: auto;
}
.roo-rtl .roo-tableNew-row-indent {
    float: right;
}
.roo-rtl .roo-tableNew-row-expand-icon {
    float: right;
}
.roo-rtl .roo-tableNew-row-expand-icon::after {
    right: 7px;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}
.roo-rtl .roo-tableNew-row-expand-icon-collapsed::before {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
.roo-rtl .roo-tableNew-row-expand-icon-collapsed::after {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
}
.roo-rtl .roo-tableNew .roo-tableNew-row-indent + .roo-tableNew-row-expand-icon {
    margin-left: 8px;
    margin-right: auto;
}

.roo-tableNew-lg-wrapper .roo-tableNew-cell {
    padding: 20px 16px;
}

.roo-tableNew-sm-wrapper .roo-tableNew-cell {
    padding: 12px 8px;
}

.roo-tableNew-xs-wrapper .roo-tableNew-cell {
    padding: 8px 8px;
}

.roo-tableNew-compact-wrapper .roo-tableNew-cell {
    padding: 4px 8px;
    line-height: 20px;
}

.roo-popconfirm-message {
    display: -ms-flexbox;
    display: flex;
}
.roo-popconfirm-message .roo-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;
}
.roo-popconfirm-message .roo-popconfirm-text .roo-popconfirm-title {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 8px;
}
.roo-popconfirm-message .roo-popconfirm-text .roo-popconfirm-dark-title {
    color: #fff;
}
.roo-popconfirm-message .roo-popconfirm-text .roo-popconfirm-light-title {
    color: #222222;
}

.roo-popconfirm-btn {
    margin-top: 12px;
    text-align: right;
}

.roo-popconfirm-dark-btn .roo-btn.roo-btn-default:hover {
    background: #fff;
    border: 1px solid #fff;
}

.roo-rtl .roo-popconfirm-icon {
    margin-left: 8px;
    margin-right: 0;
}
.roo-rtl .roo-popconfirm-btn {
    text-align: left;
}

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

.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-number-default {
    font-size: 14px;
    line-height: 1.5;
    color: #222;
    background-color: #fff;
    background-clip: padding-box;
    height: 36px;
    border-radius: 2px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    display: block;
}

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

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

.select-input-wrapper .roo-input {
    color: #222222;
}
.select-input-wrapper .roo-input:disabled {
    color: #CCCCCC;
}
.select-input-wrapper .roo-input:disabled + .roo-icon, .select-input-wrapper .roo-input: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 {
    border-color: #EEEEEE;
}
.select-input-wrapper .roo-input:not(.roo-input-plaintext):not(.roo-input-line):not(.roo-input-noborder):read-only:hover {
    border-color: #999999;
}
.select-input-wrapper .roo-input:focus {
    border-color: #999999 !important;
}
.select-input-wrapper .roo-input.roo-input-plaintext:hover {
    border-color: #999999;
}
.select-input-wrapper .roo-input.roo-input-line:hover {
    border-bottom-color: #999999;
}
.select-input-wrapper .roo-input.roo-input-line:focus {
    border-color: transparent transparent #999999 transparent !important;
}
.select-input-wrapper .roo-input.roo-input-noborder:hover {
    border: none !important;
}
.select-input-wrapper .roo-input.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 .roo-input {
    border-color: #FF192D !important;
}
.has-error .select-input-wrapper .roo-input.roo-input-line,
.has-error .roo-input.roo-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 .roo-input-group-prepend,
.has-error .roo-input-group-prepend {
    border-color: #FF192D;
}
.has-error .select-input-wrapper .roo-input-group-prepend-line,
.has-error .roo-input-group-prepend-line {
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}
.has-error .select-input-wrapper .roo-input-group-append,
.has-error .roo-input-group-append {
    border-color: #FF192D;
}
.has-error .select-input-wrapper .roo-input-group-append-line,
.has-error .roo-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 .roo-input:not([readonly]):not([disabled]):not(.disabled) {
    border-color: #00BF7F;
    padding-right: 36px;
}
.has-success-hook .roo-input:not([readonly]):not([disabled]):not(.disabled).roo-input-line {
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}
.has-success-hook .help-block {
    color: #00BF7F;
}

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

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

.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-plaintext .tags-box .roo-tag {
    background-color: #fff;
    border-color: #fff;
}

.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;
    border-bottom-color: #999999;
}
.roo-input-line[readonly] {
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #999999;
}

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

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

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

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

.roo-input-number-vertical input {
    margin: 0 40px 0 0;
    color: #222222;
    padding-right: 40px;
}
.roo-input-number-vertical .roo-input-group input {
    padding-right: 0;
}
.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 {
    position: absolute;
    left: auto;
    top: auto;
    right: 1px;
    bottom: 1px;
    border: none;
    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 {
    position: absolute;
    left: auto;
    right: 1px;
    top: 1px;
    border: none;
    border-left: 1px solid #EEEEEE;
    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;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
}
.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 {
    min-height: 40px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.roo-input-tag.roo-input-sm {
    min-height: 32px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.roo-input-tag.roo-input-xs, .roo-input-tag.roo-input-compact {
    min-height: 28px;
    padding-top: 1px;
    padding-bottom: 1px;
}

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

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

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

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

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

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

.roo-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;
}
.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: #999999;
}
.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;
    min-width: 16px;
    border: 1px solid #999999;
    background-color: #fff;
    vertical-align: sub;
    border-radius: 50%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    flex-shrink: 0;
}
.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;
    word-break: break-all;
    white-space: normal;
}
.roo-radio span.custom-radio-label-no-warp {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.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: 0.3;
}
.roo-radio input:disabled ~ .custom-radio-label {
    opacity: 0.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: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
    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: #999999;
}
.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;
    min-width: 16px;
    border: 1px solid #999999;
    background-color: #fff;
    vertical-align: sub;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.roo-checkbox .custom-checkbox::before {
    position: absolute;
    display: inline-block;
    content: "";
}
.roo-checkbox .custom-checkbox-label {
    vertical-align: middle;
    color: #222222;
    word-break: break-all;
    white-space: normal;
}
.roo-checkbox span.custom-radio-label-no-warp {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.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: 0.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: 0.5;
}
.roo-checkbox .focus {
    outline: 0;
}
.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: 0.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-selector-etc-tag {
    font-size: 12px;
    margin-top: -6px;
    margin-left: 3px;
}

.roo-selector-tags-box-prefix-icon {
    margin-left: 30px;
}

.roo-selector-multiple-input-prefix-icon {
    margin-left: 20px;
}

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

.roo-selector-custom-icon {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
}

.roo-selector .roo-selector-option-default {
    min-height: 36px;
    background: #fff;
}
.roo-selector .roo-selector-option-checkbox {
    min-height: 36px;
    background: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
}
.roo-selector .roo-selector-option-checkbox .roo-checkbox {
    padding: 0 36px 0 8px;
    max-width: 100%;
}
.roo-selector .roo-selector-option-checkbox .custom-checkbox-label {
    overflow: hidden;
}
.roo-selector .hover {
    background: #F5F6FA;
}
.roo-selector li.roo-selector-option-default:hover {
    background: #F5F6FA;
}
.roo-selector .roo-selector-option-item {
    padding: 0 8px;
}
.roo-selector .roo-selector-option-item::-webkit-scrollbar {
    display: none;
}
.roo-selector .roo-selector-option-item.active-highlight {
    padding: 0 36px 0 8px;
}
.roo-selector .roo-selector-option-item-label {
    overflow-x: scroll;
}
.roo-selector .roo-selector-option-item-label::-webkit-scrollbar {
    display: none;
}
.roo-selector .roo-selector-font-weight {
    font-weight: 600;
}
.roo-selector .roo-selector-input-disabled {
    background: #F5F6FA;
}

.roo-rtl .roo-selector-etc-tag {
    margin-right: 3px;
    margin-left: 0;
}
.roo-rtl .roo-selector-tags-box-prefix-icon {
    margin-right: 30px;
    margin-left: 0;
}
.roo-rtl .roo-selector-multiple-input-prefix-icon {
    margin-right: 20px;
    margin-left: 0;
}
.roo-rtl .roo-selector .roo-selector-option-checkbox .roo-checkbox {
    padding: 0 8px 0 36px;
}
.roo-rtl .roo-selector .roo-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;
}

.roo-result {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
}
.roo-result-icon {
    width: 68px;
    height: 68px;
}
.roo-result-img {
    width: 80px;
    height: 80px;
}
.roo-result-no-img {
    width: 80px;
    height: 80px;
    background-color: #F5F6FA;
}
.roo-result-title {
    color: #222222;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    margin: 8px 0;
}
.roo-result-subtitle {
    margin-bottom: 12px;
    color: #666666;
    font-size: 14px;
    text-align: center;
}
.roo-result-extra {
    text-align: center;
}
.roo-result-extra > * {
    margin-right: 12px;
}
.roo-result-extra > *:last-child {
    margin-right: 0;
}
.roo-result-content {
    margin-top: 24px;
    padding: 24px 40px;
    background-color: transparent;
}

.roo-rtl .roo-result-extra > * {
    margin-right: 0;
    margin-left: 12px;
}
.roo-rtl .roo-result-extra > *:last-child {
    margin-left: 0;
}

.roo-layout-pro {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: auto;
        flex: auto;
    -ms-flex-direction: column;
        flex-direction: column;
    /* fix firefox can't set height smaller than content on flex item */
    min-height: 0;
}
.roo-layout-pro,
.roo-layout-pro * {
    box-sizing: border-box;
}
.roo-layout-pro-has-sider {
    -ms-flex-direction: row;
        flex-direction: row;
}
.roo-layout-pro-has-sider .layout-prefix-cls,
.roo-layout-pro-has-sider .layout-prefix-cls-content {
    width: 0;
}
.roo-layout-pro-header, .roo-layout-pro-footer {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
}
.roo-layout-pro-header {
    height: 64px;
    color: #222222;
    line-height: 64px;
}
.roo-layout-pro-footer {
    padding: 24px 50px;
    color: #222222;
    font-size: 14px;
    background: #F5F6FA;
}
.roo-layout-pro-content {
    -ms-flex: auto;
        flex: auto;
    /* fix firefox can't set height smaller than content on flex item */
    min-height: 0;
}
.roo-layout-pro-sider {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    /* fix firefox can't set width smaller than content on flex item */
    min-width: 0;
    background: #fff;
    transition: all 0.2s;
}
.roo-layout-pro-sider-children {
    overflow: auto;
    -ms-flex: 1;
        flex: 1;
    margin-top: -0.1px;
    padding-top: 0.1px;
}
.roo-layout-pro-sider-children .layout-menu-prefix-cls.layout-menu-prefix-cls-inline-collapsed {
    width: auto;
}
.roo-layout-pro-sider-right {
    -ms-flex-order: 1;
        order: 1;
}
.roo-layout-pro-sider-trigger {
    height: 48px;
    color: #fff;
    line-height: 48px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s;
}
.roo-layout-pro-sider-zero-width > * {
    overflow: hidden;
}
.roo-layout-pro-sider-zero-width-trigger {
    position: absolute;
    top: 64px;
    right: -36px;
    z-index: 1;
    width: 36px;
    height: 42px;
    color: #fff;
    font-size: 18px;
    line-height: 42px;
    text-align: center;
    border-radius: 0 2px 2px 0;
    cursor: pointer;
    transition: background 0.3s ease;
}
.roo-layout-pro-sider-zero-width-trigger::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    transition: all 0.3s;
    content: "";
}
.roo-layout-pro-sider-zero-width-trigger:hover::after {
    background: rgba(255, 255, 255, 0.1);
}
.roo-layout-pro-sider-zero-width-trigger-right {
    left: -36px;
    border-radius: 2px 0 0 2px;
}

.roo-layout-pro-rtl {
    direction: rtl;
}

.roo-rtl .roo-layout-pro-sider-zero-width-trigger {
    right: auto;
    left: -36px;
    border-radius: 2px 0 0 2px;
}
.roo-rtl .roo-layout-pro-sider-zero-width-right {
    left: auto;
    right: -36px;
    border-radius: 0 2px 2px 0;
}

.roo-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;
}
.roo-tag-pro.roo-x-circle {
    padding-left: 0;
    padding-right: 0;
    -ms-flex-pack: center;
        justify-content: center;
}
.roo-tag-pro.roo-x-small, .roo-tag-pro.roo-x-compact {
    height: 20px;
}
.roo-tag-pro.roo-x-small.roo-x-circle, .roo-tag-pro.roo-x-compact.roo-x-circle {
    width: 20px;
    border-radius: 10px;
}
.roo-tag-pro.roo-x-small.roo-x-round, .roo-tag-pro.roo-x-compact.roo-x-round {
    border-radius: 10px;
}
.roo-tag-pro.roo-x-normal {
    height: 24px;
}
.roo-tag-pro.roo-x-normal.roo-x-circle {
    width: 24px;
    border-radius: 12px;
}
.roo-tag-pro.roo-x-normal.roo-x-round {
    border-radius: 12px;
}
.roo-tag-pro.roo-x-large {
    height: 28px;
}
.roo-tag-pro.roo-x-large.roo-x-circle {
    width: 28px;
    border-radius: 14px;
}
.roo-tag-pro.roo-x-large.roo-x-round {
    border-radius: 14px;
}
.roo-tag-pro.roo-x-mini {
    height: 18px;
}
.roo-tag-pro.roo-x-mini.roo-x-circle {
    width: 18px;
    border-radius: 9px;
}
.roo-tag-pro.roo-x-mini.roo-x-round {
    border-radius: 9px;
}
.roo-tag-pro.roo-x-ghost {
    border: 1px solid;
    background: none;
}
.roo-tag-pro .roo-x-icon {
    margin-right: 4px;
}
.roo-tag-pro .roo-x-extend {
    margin-left: 4px;
}
.roo-tag-pro .roo-x-question {
    font-size: 14px;
}
.roo-tag-pro .roo-x-clickable {
    cursor: pointer;
}
.roo-tag-pro .roo-x-drop-icon {
    font-size: 14px;
    width: 16px;
    height: 16px;
}
.roo-tag-pro .roo-x-center {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
}
.roo-tag-pro .roo-x-row-center {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
}

.roo-city-selector {
    min-width: auto !important;
}
.roo-city-selector-search {
    height: 100%;
    -ms-flex-align: center;
        align-items: center;
    margin-right: 8px;
}
.roo-city-selector-search-input {
    margin-right: 8px;
    height: 300px;
}
.roo-city-selector-search-no-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    width: 202px;
    height: 36px;
    color: #CCCCCC;
    padding: 0 8px 0 8px;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 2px;
    box-shadow: 0px 10px 16px 0px rgba(88, 90, 110, 0.15);
}
.roo-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;
}
.roo-city-selector-search-item {
    font-weight: 400;
    color: #222222;
    line-height: 36px;
    cursor: pointer;
    padding: 0 36px 0 8px;
}
.roo-city-selector-search-item-disabled {
    color: #CCCCCC;
    cursor: not-allowed;
}
.roo-city-selector-search-item-active {
    color: #FF6A00;
}
.roo-city-selector-real-content {
    height: 284px;
}
.roo-city-selector-option-items {
    min-width: 220px;
    height: 220px;
    overflow: auto;
    padding: 4px;
    background: #fff;
}
.roo-city-selector-option-items-cascade {
    border-right: 1px solid #EEEEEE;
}
.roo-city-selector-cascade-wrapper {
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
}
.roo-city-selector-tiling-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.roo-city-selector-option-item {
    padding: 5px 6px;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    color: #222222;
    font-weight: 400;
    cursor: pointer;
    margin-right: 12px;
    min-height: 36px;
    -ms-flex-align: center;
        align-items: center;
    position: relative;
}
.roo-city-selector-option-item-tiling {
    width: calc(20% - 12px);
}
.roo-city-selector-option-item text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.roo-city-selector-option-item-label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex: 1;
        flex: 1;
}
.roo-city-selector-option-item-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -ms-flex: 1;
        flex: 1;
    width: 0;
}
.roo-city-selector-option-item-leaf::after {
    content: "\ea0a";
    font-family: "roo-icon";
    font-style: normal;
    font-weight: normal;
    color: #FF6A00;
}
.roo-city-selector-option-item-disabled-opt {
    color: #CCCCCC;
    cursor: not-allowed;
}
.roo-city-selector-option-item-active {
    background: #F5F6FA;
}
.roo-city-selector-option-item-alone-active {
    background: transparent;
    color: #FF6A00;
}
.roo-city-selector-option-item-disabled {
    color: #CCCCCC;
}
.roo-city-selector-option-item-disabled-active {
    color: #CCCCCC;
}
.roo-city-selector-option-item-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
}
.roo-city-selector-option-item-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex: 1;
        flex: 1;
}
.roo-city-selector-option-item-icon-rotate90 {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}
.roo-city-selector-option-item-icon-rotate180 {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
.roo-city-selector-option-item-selected-cnt {
    color: #FF6A00;
}
.roo-city-selector-popper {
    position: fixed;
    z-index: 2;
    background: #fff;
    border: 1px solid #EEEEEE;
    box-shadow: 0 4px 5px 0 rgba(169, 169, 169, 0.4);
    border-radius: 2px;
    padding: 8px;
    width: 450px;
    min-height: 126px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: start;
        align-items: flex-start;
    cursor: default;
}
.roo-city-selector-popper-item {
    width: 33%;
    padding: 10px 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    cursor: pointer;
}
.roo-city-selector-popper-item:hover {
    background: #F5F6FA;
}
.roo-city-selector-popper-item-text {
    width: 0;
    -ms-flex: 1;
        flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.roo-city-selector-popper .roo-checkbox {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.roo-city-selector-option-item:hover {
    background: #F5F6FA;
}
.roo-city-selector-city-selected {
    background: #fff;
    border-top: 1px solid #EEEEEE;
    padding: 12px 16px;
    font-size: 14px;
}
.roo-city-selector-city-selected-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
}
.roo-city-selector-city-selected-footer {
    margin-top: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
}
.roo-city-selector-city-selected-lable {
    color: #222222;
    font-weight: 500;
}
.roo-city-selector-city-selected-value {
    color: #666666;
    line-height: 20px;
    font-weight: 400;
    margin-left: 8px;
}
.roo-city-selector-city-selected-cnt {
    margin: 0 3px;
    color: #FF6A00;
}
.roo-city-selector-city-selected-clear-all {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
}
.roo-city-selector-city-selected-clear-all-text {
    margin-left: 5px;
    color: #FF6A00;
}
.roo-city-selector-city-selected-list {
    margin-top: 12px;
    max-height: 100px;
    overflow: auto;
}
.roo-city-selector-city-selected-tag-wrapper {
    margin-right: 6px;
    margin-bottom: 8px;
    display: inline-block;
}
.roo-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;
}
.roo-city-selector-city-selected-tag-text {
    font-size: 12px;
    color: #222222;
}
.roo-city-selector-city-selected-tag-close {
    cursor: pointer;
    margin-left: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
}
.roo-city-selector-city-selected .city-selected {
    display: -ms-flexbox;
    display: flex;
}
.roo-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;
}
.roo-city-selector-city-group-item {
    height: 24px;
    line-height: 22px;
    cursor: pointer;
    margin-top: 10px;
    color: rgb(103, 105, 127);
    font-size: 14px;
    display: -ms-flexbox;
    display: flex;
    margin-right: 20px;
    margin-bottom: 10px;
}
.roo-city-selector-city-group-item:hover, .roo-city-selector-city-group-item-acitve {
    color: #FF6A00;
}
.roo-city-selector-city-import {
    padding: 10px;
}

.roo-city-selector-wrapper .roo-dropdown-menu {
    max-height: 500px !important;
    min-width: auto !important;
    overflow: hidden;
}
.roo-city-selector-wrapper .dropdown-item,
.roo-city-selector-wrapper .roo-dropdown-menu a {
    line-height: 48px;
}
.roo-city-selector-wrapper .roo-dropdown-menu a:hover {
    background-color: transparent !important;
}
.roo-city-selector-wrapper .roo-dropdown-menu a:active::after {
    content: "" !important;
}

.roo-rtl .roo-selector .roo-dropdown-menu .roo-city-selector .tab-item a {
    padding: 0 20px;
}
.roo-rtl .roo-city-selector-search {
    margin-right: 0;
    margin-left: 8px;
}
.roo-rtl .roo-city-selector-search-input {
    margin-right: 0;
    margin-left: 8px;
}
.roo-rtl .roo-city-selector-search-item {
    padding: 0 8px 0 36px;
}
.roo-rtl .roo-city-selector-option-items-cascade {
    border-right: none;
    border-left: 1px solid #EEEEEE;
}
.roo-rtl .roo-city-selector-option-item {
    margin-right: 0;
    margin-left: 12px;
}
.roo-rtl .roo-city-selector-option-item-icon-rotate90 {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}
.roo-rtl .roo-city-selector-city-selected-value {
    margin-left: 0;
    margin-right: 8px;
}
.roo-rtl .roo-city-selector-city-selected-clear-all-text {
    margin-left: 0;
    margin-right: 5px;
}
.roo-rtl .roo-city-selector-city-selected-tag-wrapper {
    margin-right: 0;
    margin-left: 6px;
}
.roo-rtl .roo-city-selector-city-selected-tag-close {
    margin-left: 0;
    margin-right: 8px;
}
.roo-rtl .roo-city-selector-city-selected-city-group-item {
    margin-right: 0;
    margin-left: 20px;
}

.roo-tag-select-wrapper {
    display: inline-block;
}
.roo-tag-select-wrapper .roo-tag.roo-tag-reverse.roo-tag-primary {
    border: 1px solid #CCCCCC;
}
.roo-tag-select-wrapper .roo-tag {
    padding: 8px 20px !important;
}
.roo-tag-select-wrapper .roo-tag.roo-tag-primary {
    padding: 8px 20px;
    color: #222222;
    font-weight: 400;
    background: #fff;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    border: 1px solid #FF6A00;
    position: relative;
}
.roo-tag-select-wrapper .roo-tag.roo-tag-primary.roo-badge.roo-badge-reverse {
    background: #fff;
    border: 1px solid #CCCCCC;
    border-radius: 18px;
    color: #222222;
}
.roo-tag-select-wrapper .roo-tag.roo-tag-primary.roo-badge {
    border: 1px solid #FF6A00;
    color: #FF6A00;
    border-radius: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.roo-tag-select-wrapper .roo-tag-select {
    margin-right: 15px;
    cursor: pointer;
    font-size: 14px;
}
.roo-tag-select-wrapper .roo-tag-select-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.roo-tag-select-wrapper .roo-tag-select.disabled {
    border: 1px solid #EEEEEE !important;
    color: #CCCCCC !important;
    background-color: #F5F6FA;
    cursor: not-allowed !important;
}
.roo-tag-select-wrapper .roo-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;
}
.roo-tag-select-wrapper .roo-tag-selected-tag-ok {
    color: #fff;
    position: absolute;
    top: -2px;
    right: -10px;
}

.roo-rtl .roo-tag-select-wrapper .roo-tag-select {
    margin-right: 0;
    margin-left: 15px;
}
.roo-rtl .roo-tag-select-wrapper .roo-tag-selected-tag {
    right: auto;
    left: 0;
    border-right-color: transparent;
    border-left-color: #FF6A00;
}
.roo-rtl .roo-tag-select-wrapper .roo-tag-selected-tag-ok {
    position: absolute;
    top: -2px;
    left: -11px;
    right: auto;
}

.roo-b-my-evaluation .roo-b-eva-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-direction: row;
        flex-direction: row;
}
.roo-b-my-evaluation .roo-b-eva-block .roo-b-eva-icon-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
}
.roo-b-my-evaluation .roo-b-eva-block .roo-b-eva-icon-block .roo-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;
}
.roo-b-my-evaluation .roo-b-eva-block .roo-b-eva-icon-block .roo-b-eva-icon-wrapper.roo-b-eva-like {
    border-color: #00BF7F;
}
.roo-b-my-evaluation .roo-b-eva-block .roo-b-eva-icon-block .roo-b-eva-icon-wrapper.roo-b-eva-like .roo-b-eva-icon {
    color: #00BF7F;
}
.roo-b-my-evaluation .roo-b-eva-block .roo-b-eva-icon-block .roo-b-eva-icon-wrapper.roo-b-eva-like-selected {
    background-color: #00BF7F;
}
.roo-b-my-evaluation .roo-b-eva-block .roo-b-eva-icon-block .roo-b-eva-icon-wrapper.roo-b-eva-like-selected .roo-b-eva-icon {
    color: #fff;
}
.roo-b-my-evaluation .roo-b-eva-block .roo-b-eva-icon-block .roo-b-eva-icon-wrapper.roo-b-eva-dislike {
    border-color: #FF192D;
}
.roo-b-my-evaluation .roo-b-eva-block .roo-b-eva-icon-block .roo-b-eva-icon-wrapper.roo-b-eva-dislike .roo-b-eva-icon {
    color: #FF192D;
}
.roo-b-my-evaluation .roo-b-eva-block .roo-b-eva-icon-block .roo-b-eva-icon-wrapper.roo-b-eva-dislike-selected {
    background-color: #FF192D;
}
.roo-b-my-evaluation .roo-b-eva-block .roo-b-eva-icon-block .roo-b-eva-icon-wrapper.roo-b-eva-dislike-selected .roo-b-eva-icon {
    color: #fff;
}
.roo-b-my-evaluation .roo-b-eva-block .roo-b-eva-icon-block .roo-b-eva-icon-wrapper.roo-b-eva-comment {
    border-color: #FF6A00;
}
.roo-b-my-evaluation .roo-b-eva-block .roo-b-eva-icon-block .roo-b-eva-icon-wrapper.roo-b-eva-comment .roo-b-eva-icon {
    color: #FF6A00;
}
.roo-b-my-evaluation .roo-b-eva-block .roo-b-eva-desc {
    margin-top: 4px;
    text-align: center;
}
.roo-b-my-evaluation .roo-b-eva-block .roo-b-eva-number {
    text-align: center;
    margin-top: 4px;
    font-size: 12px;
    color: #666666;
}
.roo-b-my-evaluation .roo-b-eva-block-disabled {
    color: #CCCCCC;
}
.roo-b-my-evaluation .roo-b-eva-block-disabled:hover {
    cursor: not-allowed;
}
.roo-b-my-evaluation .roo-b-eva-block-disabled .roo-b-eva-icon-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
}
.roo-b-my-evaluation .roo-b-eva-block-disabled .roo-b-eva-icon-block .roo-b-eva-icon-wrapper {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    line-height: 22px;
    border-color: #CCCCCC;
    background-color: #CCCCCC;
}
.roo-b-my-evaluation .roo-b-eva-block-disabled .roo-b-eva-icon-block .roo-b-eva-icon-wrapper .roo-b-eva-icon {
    color: #fff;
}
.roo-b-my-evaluation .roo-b-eva-block-disabled .roo-b-eva-desc {
    margin-top: 4px;
    text-align: center;
}
.roo-b-my-evaluation .roo-b-eva-block-disabled .roo-b-eva-number {
    text-align: center;
    margin-top: 4px;
    font-size: 12px;
}
.roo-b-my-evaluation .roo-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;
}
.roo-b-my-evaluation .roo-b-eva-block-horizontal .roo-b-eva-icon-block-horizontal {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
}
.roo-b-my-evaluation .roo-b-eva-block-horizontal .roo-b-eva-icon-block-horizontal .roo-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;
}
.roo-b-my-evaluation .roo-b-eva-block-horizontal .roo-b-eva-icon-block-horizontal .roo-b-eva-icon-wrapper.roo-b-eva-like {
    color: #00BF7F;
}
.roo-b-my-evaluation .roo-b-eva-block-horizontal .roo-b-eva-icon-block-horizontal .roo-b-eva-icon-wrapper.roo-b-eva-dislike {
    color: #FF192D;
}
.roo-b-my-evaluation .roo-b-eva-block-horizontal .roo-b-eva-icon-block-horizontal .roo-b-eva-icon-wrapper.roo-b-eva-comment {
    color: #FF6A00;
}
.roo-b-my-evaluation .roo-b-eva-block-horizontal .roo-b-eva-desc {
    margin: 0 4px;
}
.roo-b-my-evaluation .roo-b-eva-block-horizontal .roo-b-eva-number {
    margin: 0;
    color: #222222;
    font-size: 14px;
}
.roo-b-my-evaluation .roo-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;
}
.roo-b-my-evaluation .roo-b-eva-block-horizontal-disabled .roo-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;
}
.roo-b-my-evaluation .roo-b-eva-block-horizontal-disabled .roo-b-eva-icon {
    color: #CCCCCC;
}
.roo-b-my-evaluation .roo-b-eva-block-horizontal-disabled .roo-b-eva-desc {
    margin: 0 4px;
    color: #CCCCCC;
}
.roo-b-my-evaluation .roo-b-eva-block-horizontal-disabled .roo-b-eva-number {
    color: #CCCCCC;
    margin: 0;
    font-size: 14px;
}

.roo-header {
    min-height: 64px;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    box-shadow: 0 2px 6px 0 #EEEEEE;
    transition: all 0.2s ease;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
}

.roo-header a {
    text-decoration: none;
}

.roo-header-title {
    -ms-flex-positive: 0;
        flex-grow: 0;
}

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

.roo-header-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
}

.roo-header-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding-right: 20px;
}

.roo-header-light {
    background: #fff;
    color: #222222;
}

.roo-header-dark {
    background: #222222;
    color: #fff;
}

.roo-rtl .roo-header {
    left: auto;
    right: 0;
}
.roo-rtl .roo-header-right {
    padding-right: 0;
    padding-left: 20px;
}

.roo-number-trend {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: start;
        justify-content: flex-start;
}
.roo-number-trend-number {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
}
.roo-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%;
}
.roo-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%;
}

.roo-b-descriptions-container .roo-b-descriptions-body table {
    width: 100%;
}
.roo-b-descriptions-container .roo-b--item-container {
    display: -ms-flexbox;
    display: flex;
}
.roo-b-descriptions-container .roo-b--item-container .roo-b--item-label {
    padding: 8px;
    display: inline-block;
    white-space: nowrap;
}
.roo-b-descriptions-container .roo-b--item-container .roo-b--item-label .roo-icon {
    margin-left: 4px;
}
.roo-b-descriptions-container .roo-b--item-container-align {
    display: -ms-flexbox;
    display: flex;
}
.roo-b-descriptions-container .roo-b--item-container-align .roo-b--item-label {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
}
.roo-b-descriptions-container .roo-b--item-content {
    padding: 8px 2px;
}
.roo-b-descriptions-container .roo-b--item-content .roo-b--item-content-copy {
    display: inline;
}
.roo-b-descriptions-container .roo-b--item-content .roo-b--item-content-copy > * {
    display: inline;
}
.roo-b-descriptions-container .roo-b--row {
    vertical-align: top;
    line-height: 22px;
}
.roo-b-descriptions-container .roo-b--row-bordered {
    border: 1px solid #EEEEEE;
}
.roo-b-descriptions-container .roo-b--row-bordered .roo-b--item-label, .roo-b-descriptions-container .roo-b--row-bordered .roo-b--item-content {
    padding: 16px;
    vertical-align: middle;
}
.roo-b-descriptions-container .roo-b--row-bordered .roo-b--item-label {
    background-color: #F5F6FA;
    display: table-cell;
}
.roo-b-descriptions-container .roo-b--row-bordered .roo-b--item-label::after {
    content: "";
}
.roo-b-descriptions-container .roo-table-bordered tbody tr th, .roo-b-descriptions-container .roo-table-bordered tbody tr td {
    border-left: none;
}
.roo-b-descriptions-container .roo-b--item-content-copy span {
    margin-left: 4px;
}

.roo-rtl .roo-b-descriptions-container .roo-b--item-container .roo-b--item-label .roo-icon {
    margin-left: 0;
    margin-right: 4px;
}
.roo-rtl .roo-b--item-content-copy span {
    margin-left: 0;
    margin-right: 4px;
}
.roo-rtl .roo-b--row-bordered .roo-b--item-label {
    text-align: right;
}

.roo-city-selector {
    min-width: auto !important;
}
.roo-city-selector-search {
    height: 100%;
    -ms-flex-align: center;
        align-items: center;
    margin-right: 8px;
}
.roo-city-selector-search-input {
    margin-right: 8px;
    height: 300px;
}
.roo-city-selector-search-no-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    width: 202px;
    height: 36px;
    color: #CCCCCC;
    padding: 0 8px 0 8px;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 2px;
    box-shadow: 0px 10px 16px 0px rgba(88, 90, 110, 0.15);
}
.roo-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;
}
.roo-city-selector-search-item {
    font-weight: 400;
    color: #222222;
    line-height: 36px;
    cursor: pointer;
    padding: 0 36px 0 8px;
}
.roo-city-selector-search-item-disabled {
    color: #CCCCCC;
    cursor: not-allowed;
}
.roo-city-selector-search-item-active {
    color: #FF6A00;
}
.roo-city-selector-real-content {
    height: 284px;
}
.roo-city-selector-option-items {
    min-width: 220px;
    height: 220px;
    overflow: auto;
    padding: 4px;
    background: #fff;
}
.roo-city-selector-option-items-cascade {
    border-right: 1px solid #EEEEEE;
}
.roo-city-selector-cascade-wrapper {
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
}
.roo-city-selector-tiling-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.roo-city-selector-option-item {
    padding: 5px 6px;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    color: #222222;
    font-weight: 400;
    cursor: pointer;
    margin-right: 12px;
    min-height: 36px;
    -ms-flex-align: center;
        align-items: center;
    position: relative;
}
.roo-city-selector-option-item-tiling {
    width: calc(20% - 12px);
}
.roo-city-selector-option-item text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.roo-city-selector-option-item-label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex: 1;
        flex: 1;
}
.roo-city-selector-option-item-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -ms-flex: 1;
        flex: 1;
    width: 0;
}
.roo-city-selector-option-item-leaf::after {
    content: "\ea0a";
    font-family: "roo-icon";
    font-style: normal;
    font-weight: normal;
    color: #FF6A00;
}
.roo-city-selector-option-item-disabled-opt {
    color: #CCCCCC;
    cursor: not-allowed;
}
.roo-city-selector-option-item-active {
    background: #F5F6FA;
}
.roo-city-selector-option-item-alone-active {
    background: transparent;
    color: #FF6A00;
}
.roo-city-selector-option-item-disabled {
    color: #CCCCCC;
}
.roo-city-selector-option-item-disabled-active {
    color: #CCCCCC;
}
.roo-city-selector-option-item-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
}
.roo-city-selector-option-item-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex: 1;
        flex: 1;
}
.roo-city-selector-option-item-icon-rotate90 {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}
.roo-city-selector-option-item-icon-rotate180 {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
.roo-city-selector-option-item-selected-cnt {
    color: #FF6A00;
}
.roo-city-selector-popper {
    position: fixed;
    z-index: 2;
    background: #fff;
    border: 1px solid #EEEEEE;
    box-shadow: 0 4px 5px 0 rgba(169, 169, 169, 0.4);
    border-radius: 2px;
    padding: 8px;
    width: 450px;
    min-height: 126px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: start;
        align-items: flex-start;
    cursor: default;
}
.roo-city-selector-popper-item {
    width: 33%;
    padding: 10px 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    cursor: pointer;
}
.roo-city-selector-popper-item:hover {
    background: #F5F6FA;
}
.roo-city-selector-popper-item-text {
    width: 0;
    -ms-flex: 1;
        flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.roo-city-selector-popper .roo-checkbox {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.roo-city-selector-option-item:hover {
    background: #F5F6FA;
}
.roo-city-selector-city-selected {
    background: #fff;
    border-top: 1px solid #EEEEEE;
    padding: 12px 16px;
    font-size: 14px;
}
.roo-city-selector-city-selected-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
}
.roo-city-selector-city-selected-footer {
    margin-top: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
}
.roo-city-selector-city-selected-lable {
    color: #222222;
    font-weight: 500;
}
.roo-city-selector-city-selected-value {
    color: #666666;
    line-height: 20px;
    font-weight: 400;
    margin-left: 8px;
}
.roo-city-selector-city-selected-cnt {
    margin: 0 3px;
    color: #FF6A00;
}
.roo-city-selector-city-selected-clear-all {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
}
.roo-city-selector-city-selected-clear-all-text {
    margin-left: 5px;
    color: #FF6A00;
}
.roo-city-selector-city-selected-list {
    margin-top: 12px;
    max-height: 100px;
    overflow: auto;
}
.roo-city-selector-city-selected-tag-wrapper {
    margin-right: 6px;
    margin-bottom: 8px;
    display: inline-block;
}
.roo-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;
}
.roo-city-selector-city-selected-tag-text {
    font-size: 12px;
    color: #222222;
}
.roo-city-selector-city-selected-tag-close {
    cursor: pointer;
    margin-left: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
}
.roo-city-selector-city-selected .city-selected {
    display: -ms-flexbox;
    display: flex;
}
.roo-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;
}
.roo-city-selector-city-group-item {
    height: 24px;
    line-height: 22px;
    cursor: pointer;
    margin-top: 10px;
    color: rgb(103, 105, 127);
    font-size: 14px;
    display: -ms-flexbox;
    display: flex;
    margin-right: 20px;
    margin-bottom: 10px;
}
.roo-city-selector-city-group-item:hover, .roo-city-selector-city-group-item-acitve {
    color: #FF6A00;
}
.roo-city-selector-city-import {
    padding: 10px;
}

.roo-city-selector-wrapper .roo-dropdown-menu {
    max-height: 500px !important;
    min-width: auto !important;
    overflow: hidden;
}
.roo-city-selector-wrapper .dropdown-item,
.roo-city-selector-wrapper .roo-dropdown-menu a {
    line-height: 48px;
}
.roo-city-selector-wrapper .roo-dropdown-menu a:hover {
    background-color: transparent !important;
}
.roo-city-selector-wrapper .roo-dropdown-menu a:active::after {
    content: "" !important;
}

.roo-rtl .roo-selector .roo-dropdown-menu .roo-city-selector .tab-item a {
    padding: 0 20px;
}
.roo-rtl .roo-city-selector-search {
    margin-right: 0;
    margin-left: 8px;
}
.roo-rtl .roo-city-selector-search-input {
    margin-right: 0;
    margin-left: 8px;
}
.roo-rtl .roo-city-selector-search-item {
    padding: 0 8px 0 36px;
}
.roo-rtl .roo-city-selector-option-items-cascade {
    border-right: none;
    border-left: 1px solid #EEEEEE;
}
.roo-rtl .roo-city-selector-option-item {
    margin-right: 0;
    margin-left: 12px;
}
.roo-rtl .roo-city-selector-option-item-icon-rotate90 {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}
.roo-rtl .roo-city-selector-city-selected-value {
    margin-left: 0;
    margin-right: 8px;
}
.roo-rtl .roo-city-selector-city-selected-clear-all-text {
    margin-left: 0;
    margin-right: 5px;
}
.roo-rtl .roo-city-selector-city-selected-tag-wrapper {
    margin-right: 0;
    margin-left: 6px;
}
.roo-rtl .roo-city-selector-city-selected-tag-close {
    margin-left: 0;
    margin-right: 8px;
}
.roo-rtl .roo-city-selector-city-selected-city-group-item {
    margin-right: 0;
    margin-left: 20px;
}

.roo-poi-selector-wrapper .title {
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #222222;
    margin-bottom: 16px;
}
.roo-poi-selector-wrapper .roo-poi-selector-search-fields {
    margin-left: 20px;
}

.roo-poi-selector-modal .roo-modal-content .roo-modal-header {
    padding: 16px 20px !important;
}
.roo-poi-selector-modal .roo-modal-content .roo-modal-footer {
    border-top: 1px solid #EEEEEE;
    padding: 0 20px 16px !important;
}
.roo-poi-selector-modal .roo-modal-content .roo-modal-body {
    padding: 0 !important;
}
.roo-poi-selector-modal .roo-modal-content .close {
    top: 19px;
}

.roo-poi-selector-content {
    border-top: 1px solid #EEEEEE;
    display: -ms-flexbox;
    display: flex;
    height: 463px;
    max-height: 496px;
}
.roo-poi-selector-content .nodes-box {
    padding: 0 20px;
    margin-top: 6px;
    height: 405px;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.roo-poi-selector-content div::-webkit-scrollbar {
    display: none;
}
.roo-poi-selector-content .left {
    width: 50%;
    padding-bottom: 7px;
    box-sizing: border-box;
    border-right: 1px solid #EEEEEE;
}
.roo-poi-selector-content .left .head {
    margin-right: 20px;
    margin-top: 12px;
    padding-left: 20px;
}
.roo-poi-selector-content .left :global(.custom-checkbox:hover) {
    border: 1px solid #222222;
    border-radius: 2px;
}
.roo-poi-selector-content .left .select-text:hover {
    color: #222222;
}
.roo-poi-selector-content .left .select-text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.roo-poi-selector-content .right {
    width: 50%;
    padding: 0 20px;
    border-radius: 2px;
}
.roo-poi-selector-content .right .right-search-fields {
    margin-top: 12px;
}
.roo-poi-selector-content .right .select-text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.roo-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;
}
.roo-poi-selector-content .right .head .right-poiid-count {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #FF6A00;
    line-height: 20px;
    font-weight: 500;
}
.roo-poi-selector-content .right .head .over-max-poiCountText {
    color: #FF192D;
    cursor: pointer;
}
.roo-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;
}
.roo-poi-selector-content .right .head .delete-allText .delete-allText-text {
    margin-left: 5px;
    white-space: nowrap;
}
.roo-poi-selector-content .right .checked-cityBox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
}
.roo-poi-selector-content .right .checked-cityBox .cityName {
    margin-right: 2px;
}
.roo-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;
}
.roo-poi-selector-content .right .checked-poiBox .poiName {
    display: block;
    margin-right: 10px;
}
.roo-poi-selector-content .right .closeIcon {
    position: absolute;
    right: 0;
}
.roo-poi-selector-content .right :global(.roo-icon) {
    color: #CCCCCC;
}

.roo-poi-selector-footer {
    text-align: right;
    padding-top: 16px;
}
.roo-poi-selector-footer .confirm-button {
    margin-left: 8px;
}

.roo-rtl .roo-poi-selector-content .left {
    border-right: none;
    border-left: 1px solid #EEEEEE;
}
.roo-rtl .roo-poi-selector-content .left .head {
    margin-right: 0;
    margin-left: 20px;
    padding-left: 0;
    padding-right: 20px;
}
.roo-rtl .roo-poi-selector-content .right .head .delete-allText .delete-allText-text {
    margin-left: 0;
    margin-right: 5px;
}
.roo-rtl .roo-poi-selector-content .right .closeIcon {
    right: auto;
    left: 0;
}
.roo-rtl .roo-poi-selector-content .right .checked-cityBox .cityName {
    margin-right: 0;
    margin-left: 2px;
}
.roo-rtl .roo-poi-selector-content .right .checked-poiBox .poiName {
    margin-right: 0;
    margin-left: 10px;
}
.roo-rtl .roo-poi-selector-footer {
    text-align: left;
}
.roo-rtl .roo-poi-selector-footer .confirm-button {
    margin-left: 0;
    margin-right: 8px;
}
.roo-rtl .roo-poi-selector-wrapper .roo-poi-selector-search-fields {
    margin-left: 0;
    margin-right: 20px;
}

.roo-table-tab-modal .roo-modal-content .roo-modal-header {
    padding: 16px 20px !important;
}
.roo-table-tab-modal .roo-modal-content .roo-modal-footer {
    border-top: 1px solid #EEEEEE;
    padding: 0 20px 16px !important;
}
.roo-table-tab-modal .roo-modal-content .roo-modal-body {
    padding: 0 !important;
}
.roo-table-tab-modal .roo-modal-content .close {
    top: 19px;
}

.roo-table-tab-footer {
    text-align: right;
    padding-top: 16px;
}
.roo-table-tab-footer .confirm-button {
    margin-left: 8px;
}

.roo-table-tab-wrapper {
    position: relative;
}
.roo-table-tab-wrapper .title {
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #222222;
    margin-bottom: 16px;
}
.roo-table-tab-wrapper-form {
    padding: 16px 16px 0 16px;
}
.roo-table-tab-wrapper-bordertop {
    border-top: 1px solid #EEEEEE;
}
.roo-table-tab-wrapper .roo-table-tab-wrapper-content {
    display: -ms-flexbox;
    display: flex;
    height: 463px;
    max-height: 496px;
    padding: 16px;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}
.roo-table-tab-wrapper .roo-table-tab-wrapper-content .roo-table-tab-wrapper-content-left {
    width: 65%;
    margin-right: 10px;
    border: 1px solid #EEEEEE;
    overflow: auto;
    position: relative;
}
.roo-table-tab-wrapper .roo-table-tab-wrapper-content .roo-table-tab-wrapper-content-right {
    -ms-flex: 1;
        flex: 1;
    width: auto;
    border: 1px solid #EEEEEE;
    overflow: auto;
    position: relative;
}
.roo-table-tab-wrapper .roo-table-tab-wrapper-content .roo-table-tab-wrapper-content-right .roo-tableNew-cell:nth-last-child(2) {
    border-right: none !important;
}
.roo-table-tab-wrapper .roo-table-tab-wrapper-content .roo-table-tab-wrapper-content-right .roo-table-tab-wrapper-content-right-all-text {
    margin-top: 16px;
    margin-bottom: 0;
    font-size: 14px;
    color: #222222;
    padding: 16px;
}
.roo-table-tab-wrapper .roo-tableNew-wrapper {
    padding: 0 16px;
    min-height: 300px;
}

.roo-table-tab-pager {
    position: sticky;
    bottom: 0;
    height: 60px;
    background: #fff;
    box-shadow: 0 -5px 10px 0 rgba(34, 34, 34, 0.05);
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
}

.roo-table-tab-tabs .roo-tabs-content {
    padding: 0;
}

.roo-rtl .roo-table-tab-footer {
    text-align: left;
}
.roo-rtl .roo-table-tab-footer .confirm-button {
    margin-left: 0;
    margin-right: 8px;
}
.roo-rtl .roo-table-tab-wrapper .roo-table-tab-wrapper-content .roo-table-tab-wrapper-content-left {
    margin-right: 0;
    margin-left: 10px;
}
.roo-rtl .roo-table-tab-wrapper .roo-table-tab-wrapper-content .roo-table-tab-wrapper-content-right .roo-tableNew-cell:nth-last-child(2) {
    border-right: 1px solid #EEEEEE;
    border-left: none !important;
}

.roo-org-popperportal {
    margin: 8px 0;
}

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

.roo-org-box {
    width: 773px;
    background: #fff;
    border: 1px solid #EEEEEE;
    border-radius: 2px;
    padding: 0 20px 16px;
}
.roo-org-box.roo-panel .roo-panel-body {
    padding: 0 20px 16px;
    max-height: 400px;
}
.roo-org-box.roo-panel .roo-panel-footer {
    box-shadow: 0 -4px 5px 0 #F5F6FA;
    border: 0;
    padding: 0;
    height: 56px;
    line-height: 56px;
}
.roo-org-box .roo-org-search-bar {
    width: 100%;
    margin-bottom: 28px;
}
.roo-org-box .roo-org-search-bar label {
    color: #222222;
}
.roo-org-box .roo-org-select-box label.title {
    display: inline-block;
    color: #222222;
    margin-bottom: 12px;
}
.roo-org-box .roo-org-select-box .roo-org-select {
    height: 202px;
    border: 1px solid #EEEEEE;
    position: relative;
}

.roo-org-select-bar {
    margin-top: 12px;
    width: 430px;
}

.roo-panel.roo-select-panel .roo-panel-body {
    padding: 0;
}
.roo-panel.roo-select-panel .roo-panel-body .disabled {
    color: #CCCCCC;
    font-size: 13px;
    padding: 10px 15px;
    width: 320px;
}

.roo-select-list {
    max-height: 216px;
    max-width: 750px;
    min-width: 500px;
    overflow: auto;
}
.roo-select-list li {
    padding: 7px 15px;
}
.roo-select-list li:hover {
    background: #F5F6FA;
    cursor: pointer;
}
.roo-select-list .selected-highlight {
    color: #CCCCCC;
}
.roo-select-list .selected-highlight:hover {
    background: #fff;
    cursor: not-allowed;
}
.roo-select-list .active-highlight {
    color: #FF6A00;
}
.roo-select-list .list-disabled {
    color: #CCCCCC;
    cursor: not-allowed !important;
}

.roo-org-check-result {
    position: relative;
    height: 30px;
    overflow: hidden;
    transition: height 0.5s;
}
.roo-org-check-result .roo-org-check-btn {
    position: absolute;
    top: 5px;
    right: 0;
    padding: 0;
}
.roo-org-check-result .roo-org-detail {
    height: 250px;
    margin-top: 35px;
    background: #F5F6FA;
    padding: 10px;
    overflow: auto;
}
.roo-org-check-result .roo-org-detail .roo-tag {
    margin: 5px;
}

.roo-org-result-show {
    height: 310px;
    transition: height 0.5s;
}

.roo-org-title {
    font-size: 16px;
    color: #222222;
    margin: 16px 0 12px 0;
    font-weight: bold;
}

.roo-org-hidden {
    display: none;
}

.roo-rtl .roo-org-check-result .roo-org-check-btn {
    right: auto;
    left: 0;
}

.roo-b-batch-import {
    box-sizing: border-box;
    background-color: #FF192D;
}
.roo-b-batch-import .footer-wrap {
    margin-top: 8px;
    margin-bottom: -12px;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
}
.roo-b-batch-import .footer-wrap .right-wrap {
    -ms-flex: 1;
        flex: 1;
    [dir="ltr"] &{
    text-align: right;
    }
    [dir="rtl"] &{
    text-align: left;
    }
}
.roo-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;
}
.roo-b-batch-import .footer-wrap .rule-text .text {
    margin-left: 4px;
}
.roo-b-batch-import .footer-wrap .rule-text .icon {
    margin-bottom: 2px;
}
.roo-b-batch-import .textarea-wrap .textarea-num {
    text-align: right;
    margin-top: -35px;
    margin-right: 10px;
}
.roo-b-batch-import .textarea-wrap .textarea-error {
    border-color: #FF192D;
}
.roo-b-batch-import .textarea-wrap .textarea-error:hover {
    border-color: #FF192D !important;
}
.roo-b-batch-import .textarea-wrap .textarea-error:focus {
    border-color: #FF192D !important;
}
.roo-b-batch-import .minor-descriptions {
    font-size: 14px;
    color: #999999;
    margin-bottom: 12px;
}

.roo-rtl .roo-b-batch-import .footer-wrap .rule-text {
    text-align: right;
}
.roo-rtl .roo-b-batch-import .footer-wrap .rule-text .text {
    margin-right: 4px;
    margin-left: 0;
}

.roo-card-guidelines {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: start;
        justify-content: flex-start;
}
.roo-card-guidelines-item-light {
    background: #fff;
    border: 1px solid #EEEEEE;
    color: #222222;
}
.roo-card-guidelines-item-dark {
    background: rgba(34, 34, 34, 0.8);
    color: #fff;
}
.roo-card-guidelines-item {
    min-width: 150px;
    margin: 6px;
    border-radius: 2px;
    padding: 16px;
    transition: all 0.5s;
    position: relative;
}
.roo-card-guidelines-item .card-title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;
}
.roo-card-guidelines-item .card-content {
    font-size: 14px;
}
.roo-card-guidelines-item-actived-light {
    border: 1px solid #ffcc33;
}
.roo-card-guidelines-item-actived-light .arrow-bottom {
    border-color: #ffcc33 transparent transparent;
}
.roo-card-guidelines-item-actived-light .arrow-bottom:after {
    border-color: #fff transparent transparent;
}
.roo-card-guidelines-item-actived-light .arrow-top {
    border-color: transparent transparent #ffcc33;
}
.roo-card-guidelines-item-actived-light .arrow-top:after {
    border-color: transparent transparent #fff;
}
.roo-card-guidelines-item-actived-light .arrow-left {
    border-color: transparent #ffcc33 transparent transparent;
}
.roo-card-guidelines-item-actived-light .arrow-left:after {
    border-color: transparent #fff transparent transparent;
}
.roo-card-guidelines-item-actived-light .arrow-right {
    border-color: transparent transparent transparent #ffcc33;
}
.roo-card-guidelines-item-actived-light .arrow-right:after {
    border-color: transparent transparent transparent #fff;
}
.roo-card-guidelines-item-actived-dark .arrow-bottom {
    border-color: rgba(34, 34, 34, 0.8) transparent transparent;
}
.roo-card-guidelines-item-actived-dark .arrow-top {
    border-color: transparent transparent rgba(34, 34, 34, 0.8);
}
.roo-card-guidelines-item-actived-dark .arrow-left {
    border-color: transparent rgba(34, 34, 34, 0.8) transparent transparent;
}
.roo-card-guidelines-item-actived-dark .arrow-right {
    border-color: transparent transparent transparent rgba(34, 34, 34, 0.8);
}
.roo-card-guidelines-item-actived-dark .arrow-bottom:after,
.roo-card-guidelines-item-actived-dark .arrow-top:after,
.roo-card-guidelines-item-actived-dark .arrow-left:after,
.roo-card-guidelines-item-actived-dark .arrow-right:after {
    border-color: transparent;
}
.roo-card-guidelines-item-actived {
    transition: all 0.5s;
}
.roo-card-guidelines-item-actived .arrow {
    position: absolute;
    border-style: solid;
}
.roo-card-guidelines-item-actived .arrow-bottom {
    top: 100%;
    left: calc(50% - 10px);
    width: 0;
    height: 0;
    border-width: 6px 10px;
}
.roo-card-guidelines-item-actived .arrow-bottom:after {
    content: "";
    position: absolute;
    top: -7px;
    left: -10px;
    border-width: 6px 10px;
    border-style: solid;
}
.roo-card-guidelines-item-actived .arrow-top {
    top: -12px;
    left: calc(50% - 10px);
    width: 0;
    height: 0;
    border-width: 6px 10px;
}
.roo-card-guidelines-item-actived .arrow-top:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -10px;
    border-width: 6px 10px;
    border-style: solid;
}
.roo-card-guidelines-item-actived .arrow-left {
    top: calc(50% - 10px);
    left: -12px;
    width: 0;
    height: 0;
    border-width: 10px 6px;
}
.roo-card-guidelines-item-actived .arrow-left:after {
    content: "";
    position: absolute;
    top: -10px;
    left: -5px;
    border-width: 10px 6px;
    border-style: solid;
}
.roo-card-guidelines-item-actived .arrow-right {
    top: calc(50% - 10px);
    right: -12px;
    width: 0;
    height: 0;
    border-width: 10px 6px;
}
.roo-card-guidelines-item-actived .arrow-right:after {
    content: "";
    position: absolute;
    top: -10px;
    right: -5px;
    border-width: 10px 6px;
    border-style: solid;
}
.roo-card-guidelines-item:hover, .roo-card-guidelines-item-actived {
    cursor: pointer;
    transition: all 0.2s;
    box-shadow: 0 0 10px 0 rgba(17, 136, 243, 0.1), 0 2px 6px 0 rgba(232, 237, 250, 0.6);
}

.roo-card-guidelines-vertical {
    -ms-flex-direction: column;
        flex-direction: column;
}

.roo-card-guidelines-horizontal {
    -ms-flex-direction: row;
        flex-direction: row;
}

.roo-rtl .roo-card-guidelines-item-actived-light .arrow-left {
    border-color: transparent transparent transparent #ffcc33;
}
.roo-rtl .roo-card-guidelines-item-actived-light .arrow-left:after {
    border-color: transparent transparent transparent #fff;
}
.roo-rtl .roo-card-guidelines-item-actived-light .arrow-right {
    border-color: transparent #ffcc33 transparent transparent;
}
.roo-rtl .roo-card-guidelines-item-actived-light .arrow-right:after {
    border-color: transparent #fff transparent transparent;
}
.roo-rtl .roo-card-guidelines-item-actived-dark .arrow-left {
    border-color: transparent transparent transparent rgba(34, 34, 34, 0.8);
}
.roo-rtl .roo-card-guidelines-item-actived-dark .arrow-right {
    border-color: transparent rgba(34, 34, 34, 0.8) transparent transparent;
}
.roo-rtl .roo-card-guidelines-item-actived .arrow-bottom:after {
    left: auto;
    right: -10px;
}
.roo-rtl .roo-card-guidelines-item-actived .arrow-top {
    left: auto;
    right: calc(50% - 10px);
}
.roo-rtl .roo-card-guidelines-item-actived .arrow-top:after {
    left: auto;
    right: -10px;
}
.roo-rtl .roo-card-guidelines-item-actived .arrow-left {
    left: auto;
    right: -12px;
}
.roo-rtl .roo-card-guidelines-item-actived .arrow-left:after {
    left: auto;
    right: -5px;
}
.roo-rtl .roo-card-guidelines-item-actived .arrow-right {
    right: auto;
    left: -12px;
}
.roo-rtl .roo-card-guidelines-item-actived .arrow-right:after {
    right: auto;
    left: -5px;
}

.roo-count-down {
    color: #222222;
}

.roo-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;
}
.roo-analysis-dataCard a {
    font-size: 12px;
    color: #FF6A00;
    text-align: right;
    font-weight: 400;
}
.roo-analysis-dataCard-border {
    border: 1px solid #EEEEEE;
    border-radius: 2px;
}
.roo-analysis-dataCard-border-transparent {
    border: 1px solid transparent;
    border-radius: 2px;
}
.roo-analysis-dataCard-hover {
    box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.08);
}
.roo-analysis-dataCard-click {
    border: 1px solid #FF6A00;
    border-radius: 2px;
    box-shadow: 0 0 5px 0 rgba(255, 106, 0, 0.08);
}
.roo-analysis-dataCard-tips {
    margin-left: 4px;
    line-height: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
}
.roo-analysis-dataCard-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex: 1;
        flex: 1;
}
.roo-analysis-dataCard-flex1 {
    -ms-flex: 1;
        flex: 1;
}
.roo-analysis-dataCard-ml-8 {
    margin-left: 8px;
}
.roo-analysis-dataCard-s-12 {
    font-size: 12px;
}
.roo-analysis-dataCard-flex {
    display: -ms-flexbox;
    display: flex;
}
.roo-analysis-dataCard-row {
    width: 100%;
}
.roo-analysis-dataCard-align-item {
    -ms-flex-align: center;
        align-items: center;
}
.roo-analysis-dataCard-space-between {
    -ms-flex-pack: justify;
        justify-content: space-between;
}
.roo-analysis-dataCard-title {
    font-size: 14px;
    color: #222222;
    font-weight: 400;
}
.roo-analysis-dataCard-content {
    display: -ms-flexbox;
    display: flex;
    margin-top: 4px;
    -ms-flex-align: end;
        align-items: flex-end;
}
.roo-analysis-dataCard-value {
    font-size: 30px;
    color: #222222;
    font-weight: 700;
    line-height: 1;
}
.roo-analysis-dataCard-unit {
    font-size: 14px;
    color: #222222;
    font-weight: 400;
    margin-left: 1px;
}
.roo-analysis-dataCard-minor {
    font-size: 12px;
    color: #666666;
    font-weight: 400;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin-right: 8px;
}
.roo-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%;
}
.roo-analysis-dataCard-up-value {
    color: #FF192D;
}
.roo-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%;
}
.roo-analysis-dataCard-down-value {
    color: #00BF7F;
}

.roo-rtl .roo-analysis-dataCard {
    margin-right: 0px;
    margin-left: 4px;
}
.roo-rtl .roo-analysis-dataCard a {
    text-align: left;
}
.roo-rtl .roo-analysis-dataCard-tips {
    margin-left: 0;
    margin-right: 4px;
}
.roo-rtl .roo-analysis-dataCard-ml-8 {
    margin-left: 0;
    margin-right: 8px;
}
.roo-rtl .roo-analysis-dataCard-unit {
    margin-left: 0;
    margin-right: 1px;
}
.roo-rtl .roo-analysis-dataCard-minor {
    margin-right: 0;
    margin-left: 8px;
}

.roo-dateSelect {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
}
.roo-dateSelect-title {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #222222;
    text-align: right;
    font-weight: 400;
    margin-right: 16px;
}
.roo-dateSelect-custom {
    display: -ms-flexbox;
    display: flex;
    margin-left: 8px;
}
.roo-dateSelect-time-selector {
    width: 88px;
}
.roo-dateSelect-time-arrow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    height: 36px;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #222222;
    text-align: center;
    white-space: nowrap;
    background-color: #fff;
    border: 1px solid #EEEEEE;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    cursor: pointer;
}
.roo-dateSelect-left {
    margin-right: -1px;
}
.roo-dateSelect-right {
    margin-left: -1px;
}
.roo-dateSelect-disabled {
    background-color: #EEEEEE;
    cursor: not-allowed;
    color: #CCCCCC;
}

.roo-rtl .roo-dateSelect-title {
    text-align: left;
    margin-right: 0;
    margin-left: 16px;
}
.roo-rtl .roo-dateSelect-custom {
    margin-left: 0;
    margin-right: 8px;
}
.roo-rtl .roo-dateSelect-left {
    margin-left: -1px;
}
.roo-rtl .roo-dateSelect-right {
    margin-right: -1px;
}

.roo-dateSelect.compact .roo-dateSelect-title {
    margin-right: 8px;
}

.roo-form-pro {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #222222;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: "tnum";
            font-feature-settings: "tnum";
}
.roo-form-pro .roo-form-pro-item {
    box-sizing: border-box;
    margin: 0 0 16px;
    padding: 0;
    color: #222222;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: "tnum";
            font-feature-settings: "tnum";
    /* vertical-align: top; */
}
.roo-form-pro .roo-form-pro-item-tooltip {
    margin-left: 4px;
}
.roo-form-pro .roo-form-pro-item-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    min-width: 0;
}
.roo-form-pro .roo-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;
}
.roo-form-pro .roo-form-pro-item-label-wrap {
    overflow: unset;
    line-height: 1.3215em;
    white-space: unset;
    word-break: break-all;
}
.roo-form-pro .roo-form-pro-item-label > label {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
    max-width: 100%;
    height: 36px;
    color: #222222;
    font-size: 14px;
}
.roo-form-pro .roo-form-pro-item-label > label::after {
    content: ":";
    position: relative;
    top: -0.5px;
    margin: 0 8px 0 2px;
}
.roo-form-pro .roo-form-pro-item-label > .roo-form-pro-item-no-colon::after {
    content: " ";
}
.roo-form-pro .roo-form-pro-item-label-left {
    text-align: left;
}
.roo-form-pro .roo-form-pro-item-required::before {
    display: inline-block;
    margin-right: 5px;
    content: "*";
    line-height: 1.5;
    vertical-align: middle;
    font-size: inherit;
    color: #FF192D;
}
.roo-form-pro .roo-form-pro-item-explain-error {
    color: #FF192D;
}
.roo-form-pro .roo-form-pro-item-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.roo-form-pro .roo-form-pro-item-inline .roo-form-pro-item {
    -ms-flex: none;
        flex: none;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-right: 16px;
    margin-bottom: 0;
}
.roo-form-pro .roo-form-pro-item-hidden, .roo-form-pro .roo-form-pro-item-hidden.roo-form-pro-row {
    display: none;
}
.roo-form-pro-horizontal .roo-form-pro-item-horizontal {
    -ms-flex: 1 1 0px;
        flex: 1 1 0;
    min-width: 0;
}
.roo-form-pro-vertical .roo-form-pro-item-row {
    -ms-flex-direction: column;
        flex-direction: column;
}
.roo-form-pro-vertical .roo-form-pro-item-label {
    text-align: left;
}
.roo-form-pro-vertical .roo-form-pro-item-label > label {
    margin: 0;
}
.roo-form-pro-vertical .roo-form-pro-item-label > label::after {
    display: none;
}
.roo-form-pro-vertical .roo-form-pro-item .roo-form-pro-item-control {
    width: 100%;
}
.roo-form-pro-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.roo-form-pro-inline .roo-form-pro-item {
    -ms-flex: none;
        flex: none;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-right: 16px;
    margin-bottom: 0;
}
.roo-form-pro-inline .roo-form-pro-item-with-help {
    margin-bottom: 16px;
}
.roo-form-pro-inline .roo-form-pro-item > .roo-form-pro-item-label,
.roo-form-pro-inline .roo-form-pro-item > .roo-form-pro-item-control {
    display: inline-block;
    vertical-align: top;
}
.roo-form-pro-inline .roo-form-pro-item > .roo-form-pro-item-label {
    -ms-flex: none;
        flex: none;
}
.roo-form-pro-inline .roo-form-pro-item .roo-form-pro-text {
    display: inline-block;
}
.roo-form-pro-inline .roo-form-pro-item .roo-form-pro-item-has-feedback {
    display: inline-block;
}
.roo-form-pro-control-input {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    min-height: 36px;
}
.roo-form-pro-control-input-content {
    -ms-flex: auto;
        flex: auto;
    width: 100%;
}

.roo-form-pro-compact .roo-form-pro-item {
    margin-bottom: 8px;
    margin-right: 12px;
}
.roo-form-pro-compact .roo-form-pro-item-label > label {
    height: 28px;
}
.roo-form-pro-compact .roo-form-pro-item-explain-error {
    font-size: 12px;
}
.roo-form-pro-compact .roo-form-pro-control-input {
    min-height: 28px;
}
.roo-form-pro-compact .has-success-hook::before {
    right: 6px;
    font-size: 18px;
}

.roo-form-pro-hide-required-mark .roo-form-pro-item-required::before {
    display: none;
}

.roo-show-help {
    transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.roo-show-help-appear, .roo-show-help-enter {
    opacity: 0;
}
.roo-show-help-appear-active, .roo-show-help-enter-active {
    opacity: 1;
}
.roo-show-help-leave {
    opacity: 1;
}
.roo-show-help-leave-active {
    opacity: 0;
}

.roo-show-help-item {
    overflow: hidden;
    transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.roo-show-help-item-appear, .roo-show-help-item-enter {
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
    opacity: 0;
}
.roo-show-help-item-appear-active, .roo-show-help-item-enter-active {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
}
.roo-show-help-item-leave {
    transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.roo-show-help-item-leave-active {
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
}

.roo-rtl .roo-form-pro .roo-form-pro-item-tooltip {
    margin-right: 4px;
}
.roo-rtl .roo-form-pro .roo-form-pro-item-label {
    text-align: left;
}
.roo-rtl .roo-form-pro .roo-form-pro-item-label-wrap {
    overflow: unset;
    line-height: 1.3215em;
    white-space: unset;
    word-break: break-all;
}
.roo-rtl .roo-form-pro .roo-form-pro-item-label > label::after {
    position: relative;
    top: -0.5px;
    margin: 0 2px 0 8px;
}
.roo-rtl .roo-form-pro .roo-form-pro-item-label-left {
    text-align: right;
}
.roo-rtl .roo-form-pro .roo-form-pro-item-required::before {
    margin-left: 5px;
}
.roo-rtl .roo-form-pro .roo-form-pro-item-inline .roo-form-pro-item {
    margin-left: 16px;
}
.roo-rtl .roo-form-pro-vertical .roo-form-pro-item-label {
    text-align: right;
}
.roo-rtl .roo-form-pro-inline .roo-form-pro-item {
    margin-left: 16px;
}

.roo-input-tag {
    position: relative;
}
.roo-input-tag-clear-all {
    color: #CCCCCC;
    cursor: pointer;
    position: absolute;
    right: 8px;
    bottom: 10px;
}

.roo-rtl .roo-input-tag-clear-all {
    left: 8px;
    right: auto;
}

.roo-dynamic-form-row {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
}
.roo-dynamic-form-row .form-group {
    margin: 8px 8px 8px 0;
}
.roo-dynamic-form-row .form-group .form-group-content {
    padding-right: 0;
}
.roo-dynamic-form-row-content {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.roo-dynamic-form-row-content .roo-dynamic-form-item {
    padding-right: 0;
}
.roo-dynamic-form-row-btn {
    padding: 0 3px;
    border: none;
    font-size: 15px;
}
.roo-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;
}
.roo-dynamic-form-row-custom-hover:hover {
    cursor: pointer;
}
.roo-dynamic-form-row-custom-disabled, .roo-dynamic-form-row-btn-disabled {
    pointer-events: none;
    cursor: not-allowed;
    color: #CCCCCC;
}
.roo-dynamic-form-row .tooltip-btn-disabled {
    cursor: not-allowed;
    color: #CCCCCC;
}
.roo-dynamic-form-row .tooltip-btn {
    cursor: pointer;
    color: #222222;
}
.roo-dynamic-form-row-btn-hover:hover {
    background-color: #F5F6FA;
    cursor: pointer;
}
.roo-dynamic-form-row-btn.roo-icon {
    width: 10px;
    height: 11px;
    display: inline-block;
    padding: 0px;
}
.roo-dynamic-form-row-content-opreta {
    -ms-flex-item-align: start;
        align-self: flex-start;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 10px 0 8px;
}
.roo-dynamic-form-row-content-opreta .form-group {
    padding: 0 5px;
}
.roo-dynamic-form-row-content-opreta-vertical {
    -ms-flex-item-align: end;
        align-self: flex-end;
    padding-left: 0;
    margin-bottom: 14px;
}
.roo-dynamic-form-row-opreta-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin-top: 8px;
}

.roo-dynamic-table {
    clear: both;
    max-width: 100%;
    padding-bottom: 16px;
}
.roo-dynamic-table .form-group.row {
    margin-bottom: 8px;
    margin-top: 8px;
}
.roo-dynamic-table .form-group {
    margin-right: 0;
}
.roo-dynamic-table-header {
    background-color: #F5F6FA;
    border: 1px solid #EEEEEE;
    display: -ms-flexbox;
    display: flex;
}
.roo-dynamic-table-header-item {
    padding: 16px;
    color: #666666;
}
.roo-dynamic-table-row-content {
    margin-top: 8px;
}
.roo-dynamic-table-row-content-opreta {
    margin: 8px 0 0 16px;
}
.roo-dynamic-table-row:not(:last-child) {
    border-bottom: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    padding: 16px 0;
}
.roo-dynamic-table-row-content-opreta {
    margin-left: 8px;
    margin-top: 8px;
}
.roo-dynamic-table-row-content-opreta .form-group.row {
    padding-left: 0;
}
.roo-dynamic-table-row-content-opreta .form-group.row .form-group-content {
    width: 30px;
}
.roo-dynamic-table-row-opreta-btn {
    margin-top: 16px;
}
.roo-dynamic-table-row-opreta-btn-vertical div {
    margin-top: 16px;
    padding-left: 0;
}
.roo-dynamic-table-row-hover {
    background-color: #EEEEEE;
}

.roo-rtl .roo-dynamic-form-row .form-group {
    margin: 8px 0px 8px 8px;
}
.roo-rtl .roo-dynamic-form-row .form-group .form-group-content {
    padding-left: 0;
}
.roo-rtl .roo-dynamic-form-row-content .roo-dynamic-form-item {
    padding-right: 16px;
    padding-left: 0;
}
.roo-rtl .roo-dynamic-form-row-btn-hover {
    margin-right: 0;
    margin-left: 10px;
}
.roo-rtl .roo-dynamic-form-row-content-opreta {
    margin: 8px 8px 0 10px;
}
.roo-rtl .roo-dynamic-form-row-content-opreta-vertical {
    padding-right: 0;
    margin-bottom: 14px;
}
.roo-rtl .roo-dynamic-table .form-group {
    margin-right: 8px;
    margin-left: 0;
}
.roo-rtl .roo-dynamic-table-row-content-opreta {
    margin: 8px 16px 0 0;
}
.roo-rtl .roo-dynamic-table-content-opreta {
    margin-left: 10px;
    margin-right: 8px;
}
.roo-rtl .roo-dynamic-table-content-opreta .form-group.row {
    padding-right: 0;
}
.roo-rtl .roo-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;
}

.roo-editor-new {
    position: relative;
    /** 下面引入的是三方包的样式 */
}
.roo-editor-new a,
.roo-editor-new a.link-default {
    color: #FF6A00;
    text-decoration: none;
}
.roo-editor-new a:hover {
    color: #ffcc33;
    text-decoration: underline;
}
.roo-editor-new input[type=checkbox] {
    -webkit-appearance: none;
            appearance: none;
    position: relative;
    width: 16px;
    height: 16px;
    border: 1px solid #222222;
    background-color: #fff;
    vertical-align: sub;
    border-radius: 2px;
}
.roo-editor-new input[type=checkbox]:checked {
    background-color: #222222;
}
.roo-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;
}
.roo-editor-new .w-e-text-container div[role=textarea] {
    min-height: 200px;
}
.roo-editor-new .w-e-text-container *, .roo-editor-new .w-e-toolbar * {
    box-sizing: border-box;
    margin: 0;
    outline: none;
    padding: 0;
}
.roo-editor-new .w-e-text-container blockquote, .roo-editor-new .w-e-text-container li, .roo-editor-new .w-e-text-container p, .roo-editor-new .w-e-text-container td, .roo-editor-new .w-e-text-container th, .roo-editor-new .w-e-toolbar * {
    line-height: 1.5;
}
.roo-editor-new .w-e-text-container {
    background-color: var(--w-e-textarea-bg-color);
    background-color: var(--w-e-textarea-bg-color);
    color: var(--w-e-textarea-color);
    color: var(--w-e-textarea-color);
    height: 100%;
    position: relative;
}
.roo-editor-new .w-e-text-container .w-e-scroll {
    -webkit-overflow-scrolling: touch;
    height: 100%;
}
.roo-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;
}
.roo-editor-new .w-e-text-container [data-slate-editor] p {
    margin: 15px 0;
}
.roo-editor-new .w-e-text-container [data-slate-editor] h1, .roo-editor-new .w-e-text-container [data-slate-editor] h2, .roo-editor-new .w-e-text-container [data-slate-editor] h3, .roo-editor-new .w-e-text-container [data-slate-editor] h4, .roo-editor-new .w-e-text-container [data-slate-editor] h5 {
    margin: 20px 0;
}
.roo-editor-new .w-e-text-container [data-slate-editor] img {
    cursor: default;
    display: inline !important;
    max-width: 100%;
    min-height: 20px;
    min-width: 20px;
}
.roo-editor-new .w-e-text-container [data-slate-editor] span {
    text-indent: 0;
}
.roo-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);
    box-shadow: 0 0 0 2px var(--w-e-textarea-selected-border-color);
}
.roo-editor-new .w-e-text-placeholder {
    font-style: italic;
    left: 10px;
    top: 17px;
    width: 90%;
}
.roo-editor-new .w-e-max-length-info, .roo-editor-new .w-e-text-placeholder {
    color: var(--w-e-textarea-slight-color);
    color: var(--w-e-textarea-slight-color);
    pointer-events: none;
    position: absolute;
    -webkit-user-select: none;
    -ms-user-select: none;
        user-select: none;
}
.roo-editor-new .w-e-max-length-info {
    bottom: 0.5em;
    right: 1em;
}
.roo-editor-new .w-e-bar {
    background-color: var(--w-e-toolbar-bg-color);
    background-color: var(--w-e-toolbar-bg-color);
    color: var(--w-e-toolbar-color);
    color: var(--w-e-toolbar-color);
    font-size: 14px;
    padding: 0 5px;
}
.roo-editor-new .w-e-bar svg {
    fill: var(--w-e-toolbar-color);
    fill: var(--w-e-toolbar-color);
    height: 14px;
    width: 14px;
}
.roo-editor-new .w-e-bar-show {
    display: -ms-flexbox;
    display: flex;
}
.roo-editor-new .w-e-bar-hidden {
    display: none;
}
.roo-editor-new .w-e-hover-bar {
    border: 1px solid var(--w-e-toolbar-border-color);
    border: 1px solid var(--w-e-toolbar-border-color);
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1215686275);
    position: absolute;
}
.roo-editor-new .w-e-toolbar {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
}
.roo-editor-new .w-e-bar-divider {
    background-color: var(--w-e-toolbar-border-color);
    background-color: var(--w-e-toolbar-border-color);
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 40px;
    margin: 0 5px;
    width: 1px;
}
.roo-editor-new .w-e-bar-item {
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    padding: 4px;
    position: relative;
    text-align: center;
}
.roo-editor-new .w-e-bar-item, .roo-editor-new .w-e-bar-item button {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
}
.roo-editor-new .w-e-bar-item button {
    background: transparent;
    border: none;
    color: var(--w-e-toolbar-color);
    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;
}
.roo-editor-new .w-e-bar-item button:hover {
    background-color: var(--w-e-toolbar-active-bg-color);
    background-color: var(--w-e-toolbar-active-bg-color);
    color: var(--w-e-toolbar-active-color);
    color: var(--w-e-toolbar-active-color);
}
.roo-editor-new .w-e-bar-item button .title {
    margin-left: 5px;
}
.roo-editor-new .w-e-bar-item .active {
    background-color: var(--w-e-toolbar-active-bg-color);
    background-color: var(--w-e-toolbar-active-bg-color);
    color: var(--w-e-toolbar-active-color);
    color: var(--w-e-toolbar-active-color);
}
.roo-editor-new .w-e-bar-item .disabled {
    color: var(--w-e-toolbar-disabled-color);
    color: var(--w-e-toolbar-disabled-color);
    cursor: not-allowed;
}
.roo-editor-new .w-e-bar-item .disabled svg {
    fill: var(--w-e-toolbar-disabled-color);
    fill: var(--w-e-toolbar-disabled-color);
}
.roo-editor-new .w-e-bar-item .disabled:hover {
    background-color: var(--w-e-toolbar-bg-color);
    background-color: var(--w-e-toolbar-bg-color);
    color: var(--w-e-toolbar-disabled-color);
    color: var(--w-e-toolbar-disabled-color);
}
.roo-editor-new .w-e-bar-item .disabled:hover svg {
    fill: var(--w-e-toolbar-disabled-color);
    fill: var(--w-e-toolbar-disabled-color);
}
.roo-editor-new .w-e-menu-tooltip-v5:before {
    background-color: var(--w-e-toolbar-active-color);
    background-color: var(--w-e-toolbar-active-color);
    border-radius: 5px;
    color: var(--w-e-toolbar-bg-color);
    color: var(--w-e-toolbar-bg-color);
    content: attr(data-tooltip);
    font-size: 0.75em;
    opacity: 0;
    padding: 5px 10px;
    position: absolute;
    text-align: center;
    top: 40px;
    transition: opacity 0.6s;
    visibility: hidden;
    white-space: pre;
    z-index: 1;
}
.roo-editor-new .w-e-menu-tooltip-v5:after {
    border: 5px solid transparent;
    border-bottom: 5px solid var(--w-e-toolbar-active-color);
    border-bottom: 5px solid var(--w-e-toolbar-active-color);
    content: "";
    opacity: 0;
    position: absolute;
    top: 30px;
    transition: opacity 0.6s;
    visibility: hidden;
}
.roo-editor-new .w-e-menu-tooltip-v5:hover:after, .roo-editor-new .w-e-menu-tooltip-v5:hover:before {
    opacity: 1;
    visibility: visible;
}
.roo-editor-new .w-e-menu-tooltip-v5.tooltip-right:before {
    left: 100%;
    top: 10px;
}
.roo-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-right-color: var(--w-e-toolbar-active-color);
    border-top-color: transparent;
    left: 100%;
    margin-left: -10px;
    top: 16px;
}
.roo-editor-new .w-e-bar-item-group .w-e-bar-item-menus-container {
    background-color: var(--w-e-toolbar-bg-color);
    background-color: var(--w-e-toolbar-bg-color);
    border: 1px solid var(--w-e-toolbar-border-color);
    border: 1px solid var(--w-e-toolbar-border-color);
    border-radius: 3px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1215686275);
    display: none;
    left: 0;
    margin-top: 40px;
    position: absolute;
    top: 0;
    z-index: 1;
}
.roo-editor-new .w-e-bar-item-group:hover .w-e-bar-item-menus-container {
    display: block;
}
.roo-editor-new .w-e-select-list {
    background-color: var(--w-e-toolbar-bg-color);
    background-color: var(--w-e-toolbar-bg-color);
    border: 1px solid var(--w-e-toolbar-border-color);
    border: 1px solid var(--w-e-toolbar-border-color);
    border-radius: 3px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1215686275);
    left: 0;
    margin-top: 40px;
    max-height: 350px;
    min-width: 100px;
    overflow-y: auto;
    position: absolute;
    top: 0;
    z-index: 1;
}
.roo-editor-new .w-e-select-list ul {
    line-height: 1;
    list-style: none;
}
.roo-editor-new .w-e-select-list ul .selected {
    background-color: var(--w-e-toolbar-active-bg-color);
    background-color: var(--w-e-toolbar-active-bg-color);
}
.roo-editor-new .w-e-select-list ul li {
    cursor: pointer;
    padding: 7px 0 7px 25px;
    position: relative;
    text-align: left;
    white-space: nowrap;
}
.roo-editor-new .w-e-select-list ul li:hover {
    background-color: var(--w-e-toolbar-active-bg-color);
    background-color: var(--w-e-toolbar-active-bg-color);
}
.roo-editor-new .w-e-select-list ul li svg {
    left: 0;
    margin-left: 5px;
    margin-top: -7px;
    position: absolute;
    top: 50%;
}
.roo-editor-new .w-e-bar-bottom .w-e-select-list {
    bottom: 0;
    margin-bottom: 40px;
    margin-top: 0;
    top: inherit;
}
.roo-editor-new .w-e-drop-panel {
    background-color: var(--w-e-toolbar-bg-color);
    background-color: var(--w-e-toolbar-bg-color);
    border: 1px solid var(--w-e-toolbar-border-color);
    border: 1px solid var(--w-e-toolbar-border-color);
    border-radius: 3px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1215686275);
    margin-top: 40px;
    min-width: 200px;
    padding: 10px;
    position: absolute;
    top: 0;
    z-index: 1;
}
.roo-editor-new .w-e-bar-bottom .w-e-drop-panel {
    bottom: 0;
    margin-bottom: 40px;
    margin-top: 0;
    top: inherit;
}
.roo-editor-new .w-e-modal {
    background-color: var(--w-e-toolbar-bg-color);
    background-color: var(--w-e-toolbar-bg-color);
    border: 1px solid var(--w-e-toolbar-border-color);
    border: 1px solid var(--w-e-toolbar-border-color);
    border-radius: 3px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1215686275);
    color: var(--w-e-toolbar-color);
    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;
}
.roo-editor-new .w-e-modal .btn-close {
    cursor: pointer;
    line-height: 1;
    padding: 5px;
    position: absolute;
    right: 8px;
    top: 7px;
}
.roo-editor-new .w-e-modal .btn-close svg {
    fill: var(--w-e-toolbar-color);
    fill: var(--w-e-toolbar-color);
    height: 10px;
    width: 10px;
}
.roo-editor-new .w-e-modal .babel-container {
    display: block;
    margin-bottom: 15px;
}
.roo-editor-new .w-e-modal .babel-container span {
    display: block;
    margin-bottom: 10px;
}
.roo-editor-new .w-e-modal .button-container {
    margin-bottom: 15px;
}
.roo-editor-new .w-e-modal button {
    background-color: var(--w-e-modal-button-bg-color);
    background-color: var(--w-e-modal-button-bg-color);
    border: 1px solid var(--w-e-modal-button-border-color);
    border: 1px solid var(--w-e-modal-button-border-color);
    border-radius: 4px;
    color: var(--w-e-toolbar-color);
    color: var(--w-e-toolbar-color);
    cursor: pointer;
    font-weight: 400;
    height: 32px;
    padding: 4.5px 15px;
    text-align: center;
    -ms-touch-action: manipulation;
        touch-action: manipulation;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-user-select: none;
    -ms-user-select: none;
        user-select: none;
    white-space: nowrap;
}
.roo-editor-new .w-e-modal input[type=number], .roo-editor-new .w-e-modal input[type=text], .roo-editor-new .w-e-modal textarea {
    -webkit-font-feature-settings: "tnum";
            font-feature-settings: "tnum";
    background-color: var(--w-e-toolbar-bg-color);
    background-color: var(--w-e-toolbar-bg-color);
    border: 1px solid var(--w-e-modal-button-border-color);
    border: 1px solid var(--w-e-modal-button-border-color);
    border-radius: 4px;
    color: var(--w-e-toolbar-color);
    color: var(--w-e-toolbar-color);
    font-variant: tabular-nums;
    padding: 4.5px 11px;
    transition: all 0.3s;
    width: 100%;
}
.roo-editor-new .w-e-modal textarea {
    min-height: 60px;
}
.roo-editor-new body .w-e-modal, .roo-editor-new body .w-e-modal * {
    box-sizing: border-box;
}
.roo-editor-new .w-e-progress-bar {
    background-color: var(--w-e-textarea-handler-bg-color);
    background-color: var(--w-e-textarea-handler-bg-color);
    height: 1px;
    position: absolute;
    transition: width 0.3s;
    width: 0;
}
.roo-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;
}
.roo-editor-new .w-e-full-screen-container [data-w-e-textarea=true] {
    -ms-flex: 1 !important;
        flex: 1 !important;
}
.roo-editor-new .w-e-text-container [data-slate-editor] code {
    background-color: var(--w-e-textarea-slight-bg-color);
    background-color: var(--w-e-textarea-slight-bg-color);
    border-radius: 3px;
    font-family: monospace;
    padding: 3px;
}
.roo-editor-new .w-e-panel-content-color {
    list-style: none;
    text-align: left;
    width: 230px;
}
.roo-editor-new .w-e-panel-content-color li {
    border: 1px solid var(--w-e-toolbar-bg-color);
    border: 1px solid var(--w-e-toolbar-bg-color);
    border-radius: 3px 3px;
    cursor: pointer;
    display: inline-block;
    padding: 2px;
}
.roo-editor-new .w-e-panel-content-color li:hover {
    border-color: var(--w-e-toolbar-color);
    border-color: var(--w-e-toolbar-color);
}
.roo-editor-new .w-e-panel-content-color li .color-block {
    border: 1px solid var(--w-e-toolbar-border-color);
    border: 1px solid var(--w-e-toolbar-border-color);
    border-radius: 3px 3px;
    height: 17px;
    width: 17px;
}
.roo-editor-new .w-e-panel-content-color .active {
    border-color: var(--w-e-toolbar-color);
    border-color: var(--w-e-toolbar-color);
}
.roo-editor-new .w-e-panel-content-color .clear {
    line-height: 1.5;
    margin-bottom: 5px;
    width: 100%;
}
.roo-editor-new .w-e-panel-content-color .clear svg {
    height: 16px;
    margin-bottom: -4px;
    width: 16px;
}
.roo-editor-new .w-e-text-container [data-slate-editor] blockquote {
    background-color: var(--w-e-textarea-slight-bg-color);
    background-color: var(--w-e-textarea-slight-bg-color);
    border-left: 8px solid var(--w-e-textarea-selected-border-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;
}
.roo-editor-new .w-e-panel-content-emotion {
    font-size: 20px;
    list-style: none;
    text-align: left;
    width: 300px;
}
.roo-editor-new .w-e-panel-content-emotion li {
    border-radius: 3px 3px;
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}
.roo-editor-new .w-e-panel-content-emotion li:hover {
    background-color: var(--w-e-textarea-slight-bg-color);
    background-color: var(--w-e-textarea-slight-bg-color);
}
.roo-editor-new .w-e-textarea-divider {
    border-radius: 3px;
    margin: 20px auto;
    padding: 20px;
}
.roo-editor-new .w-e-textarea-divider hr {
    background-color: var(--w-e-textarea-border-color);
    background-color: var(--w-e-textarea-border-color);
    border: 0;
    display: block;
    height: 1px;
}
.roo-editor-new .w-e-text-container [data-slate-editor] pre > code {
    background-color: var(--w-e-textarea-slight-bg-color);
    background-color: var(--w-e-textarea-slight-bg-color);
    border: 1px solid var(--w-e-textarea-slight-border-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;
}
.roo-editor-new .w-e-text-container [data-slate-editor] .w-e-image-container {
    display: inline-block;
    margin: 0 3px;
}
.roo-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);
    box-shadow: 0 0 0 2px var(--w-e-textarea-selected-border-color);
}
.roo-editor-new .w-e-text-container [data-slate-editor] .w-e-selected-image-container {
    overflow: hidden;
    position: relative;
}
.roo-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);
    background-color: var(--w-e-textarea-handler-bg-color);
    height: 7px;
    position: absolute;
    width: 7px;
}
.roo-editor-new .w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-top {
    cursor: nwse-resize;
    left: 0;
    top: 0;
}
.roo-editor-new .w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-top {
    cursor: nesw-resize;
    right: 0;
    top: 0;
}
.roo-editor-new .w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-bottom {
    bottom: 0;
    cursor: nesw-resize;
    left: 0;
}
.roo-editor-new .w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-bottom {
    bottom: 0;
    cursor: nwse-resize;
    right: 0;
}
.roo-editor-new .w-e-text-container [data-slate-editor] .w-e-selected-image-container:hover {
    box-shadow: none;
}
.roo-editor-new .w-e-text-container [contenteditable=false] .w-e-image-container:hover {
    box-shadow: none;
}
.roo-editor-new .w-e-text-container [data-slate-editor] .table-container {
    border: 1px dashed var(--w-e-textarea-border-color);
    border: 1px dashed var(--w-e-textarea-border-color);
    border-radius: 5px;
    margin-top: 10px;
    overflow-x: auto;
    padding: 10px;
    width: 100%;
}
.roo-editor-new .w-e-text-container [data-slate-editor] table {
    border-collapse: collapse;
}
.roo-editor-new .w-e-text-container [data-slate-editor] table td, .roo-editor-new .w-e-text-container [data-slate-editor] table th {
    border: 1px solid var(--w-e-textarea-border-color);
    border: 1px solid var(--w-e-textarea-border-color);
    line-height: 1.5;
    min-width: 30px;
    padding: 3px 5px;
    text-align: left;
}
.roo-editor-new .w-e-text-container [data-slate-editor] table th {
    background-color: var(--w-e-textarea-slight-bg-color);
    background-color: var(--w-e-textarea-slight-bg-color);
    font-weight: 700;
    text-align: center;
}
.roo-editor-new .w-e-panel-content-table {
    background-color: var(--w-e-toolbar-bg-color);
    background-color: var(--w-e-toolbar-bg-color);
}
.roo-editor-new .w-e-panel-content-table table {
    border-collapse: collapse;
}
.roo-editor-new .w-e-panel-content-table td {
    border: 1px solid var(--w-e-toolbar-border-color);
    border: 1px solid var(--w-e-toolbar-border-color);
    cursor: pointer;
    height: 15px;
    padding: 3px 5px;
    width: 20px;
}
.roo-editor-new .w-e-panel-content-table td.active {
    background-color: var(--w-e-toolbar-active-bg-color);
    background-color: var(--w-e-toolbar-active-bg-color);
}
.roo-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: 1px dashed var(--w-e-textarea-border-color);
    border-radius: 5px;
    margin: 10px auto 0;
    padding: 10px 0;
    text-align: center;
}
.roo-editor-new .w-e-text-container [data-slate-editor] pre > code {
    word-wrap: normal;
    font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
    -ms-hyphens: none;
        hyphens: none;
    line-height: 1.5;
    margin: 0.5em 0;
    overflow: auto;
    padding: 1em;
    tab-size: 4;
    text-align: left;
    text-shadow: 0 1px #fff;
    white-space: pre;
    word-break: normal;
    word-spacing: normal;
}
.roo-editor-new .w-e-text-container [data-slate-editor] pre > code .token.cdata, .roo-editor-new .w-e-text-container [data-slate-editor] pre > code .token.comment, .roo-editor-new .w-e-text-container [data-slate-editor] pre > code .token.doctype, .roo-editor-new .w-e-text-container [data-slate-editor] pre > code .token.prolog {
    color: #708090;
}
.roo-editor-new .w-e-text-container [data-slate-editor] pre > code .token.punctuation {
    color: #999;
}
.roo-editor-new .w-e-text-container [data-slate-editor] pre > code .token.namespace {
    opacity: 0.7;
}
.roo-editor-new .w-e-text-container [data-slate-editor] pre > code .token.boolean, .roo-editor-new .w-e-text-container [data-slate-editor] pre > code .token.constant, .roo-editor-new .w-e-text-container [data-slate-editor] pre > code .token.deleted, .roo-editor-new .w-e-text-container [data-slate-editor] pre > code .token.number, .roo-editor-new .w-e-text-container [data-slate-editor] pre > code .token.property, .roo-editor-new .w-e-text-container [data-slate-editor] pre > code .token.symbol, .roo-editor-new .w-e-text-container [data-slate-editor] pre > code .token.tag {
    color: #905;
}
.roo-editor-new .w-e-text-container [data-slate-editor] pre > code .token.attr-name, .roo-editor-new .w-e-text-container [data-slate-editor] pre > code .token.builtin, .roo-editor-new .w-e-text-container [data-slate-editor] pre > code .token.char, .roo-editor-new .w-e-text-container [data-slate-editor] pre > code .token.inserted, .roo-editor-new .w-e-text-container [data-slate-editor] pre > code .token.selector, .roo-editor-new .w-e-text-container [data-slate-editor] pre > code .token.string {
    color: #690;
}
.roo-editor-new .w-e-text-container [data-slate-editor] pre > code .language-css .token.string, .roo-editor-new .w-e-text-container [data-slate-editor] pre > code .style .token.string, .roo-editor-new .w-e-text-container [data-slate-editor] pre > code .token.entity, .roo-editor-new .w-e-text-container [data-slate-editor] pre > code .token.operator, .roo-editor-new .w-e-text-container [data-slate-editor] pre > code .token.url {
    color: #9a6e3a;
}
.roo-editor-new .w-e-text-container [data-slate-editor] pre > code .token.atrule, .roo-editor-new .w-e-text-container [data-slate-editor] pre > code .token.attr-value, .roo-editor-new .w-e-text-container [data-slate-editor] pre > code .token.keyword {
    color: #07a;
}
.roo-editor-new .w-e-text-container [data-slate-editor] pre > code .token.class-name, .roo-editor-new .w-e-text-container [data-slate-editor] pre > code .token.function {
    color: #dd4a68;
}
.roo-editor-new .w-e-text-container [data-slate-editor] pre > code .token.important, .roo-editor-new .w-e-text-container [data-slate-editor] pre > code .token.regex, .roo-editor-new .w-e-text-container [data-slate-editor] pre > code .token.variable {
    color: #e90;
}
.roo-editor-new .w-e-text-container [data-slate-editor] pre > code .token.bold, .roo-editor-new .w-e-text-container [data-slate-editor] pre > code .token.important {
    font-weight: 700;
}
.roo-editor-new .w-e-text-container [data-slate-editor] pre > code .token.italic {
    font-style: italic;
}
.roo-editor-new .w-e-text-container [data-slate-editor] pre > code .token.entity {
    cursor: help;
}

.roo-rtl .roo-editor-new input[type=checkbox] {
    margin-left: 0.5em;
    margin-right: -0.3em;
}
.roo-rtl .roo-editor-new .w-e-text-placeholder {
    right: 10px;
    left: auto;
}
.roo-rtl .roo-editor-new .w-e-max-length-info {
    right: auto;
    left: 1em;
}

.roo-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
    */
}
.roo-image-editor-main-container .roo-image-editor-main-container {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    max-height: 500px;
}
.roo-image-editor-main-container .roo-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;
}
.roo-image-editor-main-container .roo-image-editor-container-box .roo-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;
}
.roo-image-editor-main-container .roo-image-editor-container-box .roo-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;
}
.roo-image-editor-main-container .roo-image-edit-preview-container {
    width: 208px;
    height: 208px;
    margin-left: 32px;
}
.roo-image-editor-main-container .roo-image-editor-preview {
    margin-bottom: 10px;
}
.roo-image-editor-main-container .roo-image-editor-img-description {
    margin-top: 10px;
}
.roo-image-editor-main-container .roo-image-editor-preview-title {
    font-size: 14px;
    color: #666666;
    margin-bottom: 16px;
    margin-top: 16px;
}
.roo-image-editor-main-container .roo-image-editor-notice {
    font-size: 14px;
    color: #999999;
    margin-top: 10px;
}
.roo-image-editor-main-container .roo-image-editor-preview-wrap {
    margin-bottom: 0px;
}
.roo-image-editor-main-container .roo-image-editor-aspect-container {
    display: -ms-flexbox;
    display: flex;
}
.roo-image-editor-main-container .roo-image-editor-aspect-container .roo-image-editor-aspect-select {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
}
.roo-image-editor-main-container .roo-image-editor-aspect-container .roo-image-editor-aspect-select-disable {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    color: #CCCCCC;
}
.roo-image-editor-main-container .roo-image-editor-aspect-wrap {
    margin-right: 10px;
    font-size: 14px;
    color: #666666;
}
.roo-image-editor-main-container .roo-image-editor-btn {
    margin-top: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
}
.roo-image-editor-main-container .roo-image-editor-btn-item {
    margin-left: 10px;
}
.roo-image-editor-main-container .roo-image-editor-loader-area {
    width: 100%;
    height: 100%;
    min-height: 293px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    border: 1px dashed #CCCCCC;
}
.roo-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;
}
.roo-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%;
}
.roo-image-editor-main-container .cropper-wrap-box,
.roo-image-editor-main-container .cropper-canvas,
.roo-image-editor-main-container .cropper-drag-box,
.roo-image-editor-main-container .cropper-crop-box,
.roo-image-editor-main-container .cropper-modal {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.roo-image-editor-main-container .cropper-wrap-box,
.roo-image-editor-main-container .cropper-canvas {
    overflow: hidden;
}
.roo-image-editor-main-container .cropper-drag-box {
    background-color: #fff;
    opacity: 0;
}
.roo-image-editor-main-container .cropper-modal {
    background-color: #000;
    opacity: 0.5;
}
.roo-image-editor-main-container .cropper-view-box {
    display: block;
    height: 100%;
    outline: 1px solid #39f;
    outline-color: rgba(51, 153, 255, 0.75);
    overflow: hidden;
    width: 100%;
}
.roo-image-editor-main-container .cropper-dashed {
    border: 0 dashed #eee;
    display: block;
    opacity: 0.5;
    position: absolute;
}
.roo-image-editor-main-container .cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: 33.3333333333%;
    left: 0;
    top: 33.3333333333%;
    width: 100%;
}
.roo-image-editor-main-container .cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: 33.3333333333%;
    top: 0;
    width: 33.3333333333%;
}
.roo-image-editor-main-container .cropper-center {
    display: block;
    height: 0;
    left: 50%;
    opacity: 0.75;
    position: absolute;
    top: 50%;
    width: 0;
}
.roo-image-editor-main-container .cropper-center::before,
.roo-image-editor-main-container .cropper-center::after {
    background-color: #eee;
    content: " ";
    display: block;
    position: absolute;
}
.roo-image-editor-main-container .cropper-center::before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px;
}
.roo-image-editor-main-container .cropper-center::after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px;
}
.roo-image-editor-main-container .cropper-face,
.roo-image-editor-main-container .cropper-line,
.roo-image-editor-main-container .cropper-point {
    display: block;
    height: 100%;
    opacity: 0.1;
    position: absolute;
    width: 100%;
}
.roo-image-editor-main-container .cropper-face {
    background-color: #fff;
    left: 0;
    top: 0;
}
.roo-image-editor-main-container .cropper-line {
    background-color: #39f;
}
.roo-image-editor-main-container .cropper-line.line-e {
    cursor: ew-resize;
    right: -3px;
    top: 0;
    width: 5px;
}
.roo-image-editor-main-container .cropper-line.line-n {
    cursor: ns-resize;
    height: 5px;
    left: 0;
    top: -3px;
}
.roo-image-editor-main-container .cropper-line.line-w {
    cursor: ew-resize;
    left: -3px;
    top: 0;
    width: 5px;
}
.roo-image-editor-main-container .cropper-line.line-s {
    bottom: -3px;
    cursor: ns-resize;
    height: 5px;
    left: 0;
}
.roo-image-editor-main-container .cropper-point {
    background-color: #39f;
    height: 5px;
    opacity: 0.75;
    width: 5px;
}
.roo-image-editor-main-container .cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%;
}
.roo-image-editor-main-container .cropper-point.point-n {
    cursor: ns-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px;
}
.roo-image-editor-main-container .cropper-point.point-w {
    cursor: ew-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%;
}
.roo-image-editor-main-container .cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px;
}
.roo-image-editor-main-container .cropper-point.point-ne {
    cursor: nesw-resize;
    right: -3px;
    top: -3px;
}
.roo-image-editor-main-container .cropper-point.point-nw {
    cursor: nwse-resize;
    left: -3px;
    top: -3px;
}
.roo-image-editor-main-container .cropper-point.point-sw {
    bottom: -3px;
    cursor: nesw-resize;
    left: -3px;
}
.roo-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) {
    .roo-image-editor-main-container .cropper-point.point-se {
        height: 15px;
        width: 15px;
    }
}
@media (min-width: 992px) {
    .roo-image-editor-main-container .cropper-point.point-se {
        height: 10px;
        width: 10px;
    }
}
@media (min-width: 1200px) {
    .roo-image-editor-main-container .cropper-point.point-se {
        height: 5px;
        opacity: 0.75;
        width: 5px;
    }
}
.roo-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%;
}
.roo-image-editor-main-container .cropper-invisible {
    opacity: 0;
}
.roo-image-editor-main-container .cropper-bg {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}
.roo-image-editor-main-container .cropper-hide {
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}
.roo-image-editor-main-container .cropper-hidden {
    display: none !important;
}
.roo-image-editor-main-container .cropper-move {
    cursor: move;
}
.roo-image-editor-main-container .cropper-crop {
    cursor: crosshair;
}
.roo-image-editor-main-container .cropper-disabled .cropper-drag-box,
.roo-image-editor-main-container .cropper-disabled .cropper-face,
.roo-image-editor-main-container .cropper-disabled .cropper-line,
.roo-image-editor-main-container .cropper-disabled .cropper-point {
    cursor: not-allowed;
}

.roo-image-editor-aspect-select-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
}

.roo-image-editor-aspect-select-item-disable {
    color: #CCCCCC;
}

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

.roo-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;
}
.roo-image-editor-crop-container .roo-image-editor-crop-img {
    max-height: 100%;
    max-width: 100%;
}
.roo-image-editor-crop-container .cropper-hidden {
    display: none !important;
}

.roo-image-editor-loader {
    overflow: hidden;
    text-align: center;
}
.roo-image-editor-loader .roo-image-editor-input {
    cursor: pointer;
}

.roo-image-editor-operator-container {
    display: -ms-flexbox;
    display: flex;
}
.roo-image-editor-operator-container .roo-image-editor-btn-wrap {
    font-size: 14px;
    color: #666666;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    padding: 2px;
    margin-right: 20px;
    border: none;
    cursor: pointer;
}
.roo-image-editor-operator-container .roo-image-editor-btn-wrap span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
}
.roo-image-editor-operator-container .roo-image-editor-btn-wrap .roo-image-editor-icon-name {
    margin-left: 4px;
}

.roo-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;
}
.roo-image-editor-preview-container .roo-image-editor-img-preview {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.roo-rtl .roo-image-editor-main-container .roo-image-editor-preview-container {
    margin-left: 0;
    margin-right: 32px;
}
.roo-rtl .roo-image-editor-main-container .roo-image-editor-aspect-wrap {
    margin-right: 0;
    margin-left: 10px;
}
.roo-rtl .roo-image-editor-main-container .roo-image-editor-btn-item {
    margin-left: 0;
    margin-right: 10px;
}
.roo-rtl .roo-image-editor-operator-container .roo-image-editor-btn-wrap {
    margin-right: 0;
    margin-left: 20px;
}
.roo-rtl .roo-image-editor-operator-container .roo-image-editor-btn-wrap .roo-image-editor-icon-name {
    margin-left: 0;
    margin-right: 4px;
}

#roo-image-card-active {
    border: 1px solid #FF6A00;
    box-shadow: 0 0 5px 0 rgba(255, 106, 0, 0.08);
    border-radius: 2px;
}

.roo-image-card {
    background: #fff;
    border: 1px solid #EEEEEE;
    border-radius: 4px;
    width: 380px;
    margin: 10px;
}
.roo-image-card:hover {
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.08);
    border-radius: 2px;
}
.roo-image-card-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start;
}
.roo-image-card-left-image {
    padding: 16px 0 16px 16px;
}
.roo-image-card-imgtag {
    position: absolute;
}
.roo-image-card-leftTop {
    left: 0;
    top: 0;
}
.roo-image-card-rightTop {
    right: 0;
    top: 0;
}
.roo-image-card-bottom {
    bottom: 0;
    left: 0;
    right: 0;
}
.roo-image-card-picture {
    width: 100%;
    position: relative;
}
.roo-image-card-picture img {
    width: 88px;
    height: 88px;
}
.roo-image-card-picture-element {
    position: absolute;
    top: 0;
    left: 0;
}
.roo-image-card-right-operations {
    margin: auto 16px;
    display: -ms-flexbox;
    display: flex;
}
.roo-image-card-right-operations-item:not(:first-child) {
    margin-left: 8px;
}
.roo-image-card-bottom-operations {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
    margin: 0 16px 16px 0;
}
.roo-image-card-bottom-operations-item:not(:first-child) {
    margin-left: 8px;
}
.roo-image-card-content {
    padding: 16px;
}
.roo-image-card-content-title {
    width: 100%;
    font-family: MicrosoftYaHeiSemibold;
    font-size: 16px;
    color: #222222;
    font-weight: 600;
    margin-bottom: 8px;
    white-space: nowrap;
}
.roo-image-card-content-tip {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.roo-image-card-content-multi {
    white-space: unset;
}
.roo-image-card-content-desc {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #999999;
    font-weight: 400;
}
.roo-image-card-no-hover:hover {
    box-shadow: none;
    border: 1px solid #EEEEEE;
}

.roo-rtl .roo-image-card-left-image {
    padding: 16px 16px 16px 0;
}
.roo-rtl .roo-image-card-leftTop {
    left: auto;
    right: 0;
}
.roo-rtl .roo-image-card-rightTop {
    right: auto;
    left: 0;
}
.roo-rtl .roo-image-card-picture-element {
    left: auto;
    right: 0;
}
.roo-rtl .roo-image-card-right-operations-item:not(:first-child) {
    margin-left: 0;
    margin-right: 8px;
}
.roo-rtl .roo-image-card-bottom-operations {
    margin: 0 0 16px 16px;
}
.roo-rtl .roo-image-card-bottom-operations-item:not(:first-child) {
    margin-left: 0;
    margin-right: 8px;
}

.roo-progress {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
    display: inline-block;
}
.roo-progress-line {
    position: relative;
    width: 100%;
    font-size: 14px;
    margin-right: 8px;
    margin-bottom: 8px;
}
.roo-progress-line-small, .roo-progress-line-small .roo-progress-line-text {
    font-size: 12px;
}
.roo-progress-outer {
    display: inline-block;
    width: 100%;
    margin-right: 0;
    padding-right: 0;
}
.roo-progress-show-info .roo-progress-outer {
    margin-right: calc(-2em - 8px);
    padding-right: calc(2em + 8px);
}
.roo-progress-inner {
    position: relative;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    vertical-align: middle;
    background-color: #EEEEEE;
    border-radius: 20px;
}
.roo-progress-circle-trail {
    stroke: #EEEEEE;
}
.roo-progress-inline-circle {
    line-height: 1;
}
.roo-progress-inline-circle .roo-progress-inner {
    vertical-align: bottom;
}
.roo-progress-inner:not(.roo-progress-progress-circle-gradient) .roo-progress-progress-circle-path {
    stroke: #ffcc33;
}
.roo-progress-success-bg, .roo-progress-bg {
    position: relative;
    background-color: #ffcc33;
    border-radius: 20px;
    transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}
.roo-progress-success-bg {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #00BF7F;
}
.roo-progress-text {
    display: inline-block;
    width: 2em;
    margin-left: 8px;
    color: #222222;
    font-size: 1em;
    line-height: 1;
    white-space: nowrap;
    text-align: left;
    vertical-align: middle;
    word-break: normal;
}
.roo-progress-text .roo-icon:before {
    font-weight: 600;
}
.roo-progress-status-active .roo-progress-bg::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    border-radius: 10px;
    opacity: 0;
    -webkit-animation: roo-progress-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
            animation: roo-progress-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    content: "";
}
.roo-progress-status-exception .roo-progress-bg {
    background-color: #FF192D;
}
.roo-progress-status-exception .roo-progress-text {
    color: #FF192D;
}
.roo-progress-status-exception .roo-progress-inner:not(.roo-progress-circle-gradient) .roo-progress-circle-path {
    stroke: #FF192D;
}
.roo-progress-status-success .roo-progress-bg {
    background-color: #00BF7F;
}
.roo-progress-status-success .roo-progress-text {
    color: #00BF7F;
}
.roo-progress-status-success .roo-progress-inner:not(.roo-progress-circle-gradient) .roo-progress-circle-path {
    stroke: #00BF7F;
}
.roo-progress-circle .roo-progress-inner {
    position: relative;
    line-height: 1;
    background-color: transparent;
}
.roo-progress-circle .roo-progress-text {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #222222;
    line-height: 1;
    white-space: normal;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.roo-progress-circle .roo-progress-status-exception .roo-progress-text {
    color: #FF192D;
}
.roo-progress-circle .roo-progress-status-success .roo-progress-text {
    color: #00BF7F;
}
.roo-progress .roo-progress-steps {
    display: inline-block;
}
.roo-progress .roo-progress-steps-outer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
}
.roo-progress .roo-progress-steps-item {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    background-color: #00BF7F;
    min-width: 2px;
    [dir="ltr"] &{
    margin-right: 2px;
    }
    [dir="rtl"] &{
    margin-left: 2px;
    }
    transition: all 0.3s;
}
.roo-progress .roo-progress-steps-active {
    background-color: #00BF7F;
}

@-webkit-keyframes roo-progress-progress-active {
    0% {
        width: 0;
        opacity: 0.1;
    }
    20% {
        width: 0;
        opacity: 0.5;
    }
    100% {
        width: 100%;
        opacity: 0;
    }
}

@keyframes roo-progress-progress-active {
    0% {
        width: 0;
        opacity: 0.1;
    }
    20% {
        width: 0;
        opacity: 0.5;
    }
    100% {
        width: 100%;
        opacity: 0;
    }
}
.roo-rtl .roo-progress-line {
    margin-left: 8px;
    margin-right: 0;
}
.roo-rtl .roo-progress-outer {
    margin-left: 0;
    padding-left: 0;
}
.roo-progress-show-info .roo-rtl .roo-progress-outer {
    margin-left: calc(-2em - 8px);
    margin-right: 0;
    padding-left: calc(2em + 8px);
    padding-right: 0;
}
.roo-rtl .roo-progress-success-bg {
    right: 0;
    left: auto;
}
.roo-rtl .roo-progress-text {
    margin-right: 8px;
    margin-left: 0;
}

.roo-menu {
    background-color: #fff;
    box-shadow: 0 0 4px #d9d9d9;
    border-radius: 4px;
    color: #666666;
}
.roo-menu-rtl {
    direction: rtl;
}
.roo-menu-hidden, .roo-menu-submenu-hidden {
    display: none !important;
}
.roo-menu-item-active, .roo-menu-submenu-active > .roo-menu-submenu-title {
    background-color: #F5F6FA;
    border-radius: 2px;
}
.roo-menu-item-selected {
    background: linear-gradient(102deg, #FFE74D 0%, #FFDD1A 100%);
    color: #222222;
    font-weight: 500;
    border-radius: 2px;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
}
.roo-menu > li.roo-menu-submenu {
    padding: 0;
}
.roo-menu-horizontal.roo-menu-sub, .roo-menu-vertical.roo-menu-sub, .roo-menu-vertical-left.roo-menu-sub, .roo-menu-vertical-right.roo-menu-sub {
    min-width: 160px;
    margin-top: 0;
}
.roo-menu-item, .roo-menu-submenu-title {
    margin: 4px 8px;
    padding: 8px 8px 8px 16px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    line-height: 20px;
    white-space: nowrap;
    cursor: pointer;
}
.roo-menu-rtl .roo-menu-item, .roo-menu-rtl .roo-menu-submenu-title {
    padding: 8px 16px 8px 8px;
}
.roo-menu-item .roo-menu-item-icon, .roo-menu-submenu-title .roo-menu-item-icon {
    font-size: 16px;
}
.roo-menu-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
}
.roo-menu-item .roo-menu-item-extra {
    margin-left: auto;
    font-size: 14px;
}
[dir=ltr] .roo-menu-item-icon + .roo-menu-title-content {
    margin-left: 8px;
}
[dir=rtl] .roo-menu-item-icon + .roo-menu-title-content {
    margin-right: 8px;
}
.roo-menu-item-divider {
    height: 1px;
    margin: 1px 0;
    overflow: hidden;
    padding: 0;
    line-height: 0;
    background-color: #e5e5e5;
}
.roo-menu-item-group-title {
    padding: 0px 16px;
    font-size: 14px;
    color: #999999;
}
.roo-menu-submenu-selected > .roo-menu-submenu-title {
    color: #222222;
    font-weight: 500;
}
.roo-menu-submenu-popup {
    position: absolute;
}
.roo-menu-submenu-popup .submenu-title-wrapper {
    padding-right: 20px;
}
.roo-menu-submenu-popup .submenu-title-wrapper .roo-menu-submenu-rtl.roo-menu-submenu-popup .submenu-title-wrapper, .roo-menu-submenu-rtl .roo-menu-submenu-popup .submenu-title-wrapper {
    padding-right: 0;
    padding-left: 20px;
}
.roo-menu-submenu-popup .roo-menu {
    box-shadow: none;
}
.roo-menu-submenu-popup::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 110%;
    height: 100%;
    opacity: 0;
    content: " ";
}
.roo-menu-submenu .roo-menu {
    background-color: #fff;
}
.roo-menu-submenu-title > .roo-menu-submenu-expand-icon {
    position: absolute;
    top: 50%;
    color: currentcolor;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    transition: -webkit-transform 0.2s cubic-bezier(0.2, 0, 0, 1);
    transition: transform 0.2s cubic-bezier(0.2, 0, 0, 1);
    transition: transform 0.2s cubic-bezier(0.2, 0, 0, 1), -webkit-transform 0.2s cubic-bezier(0.2, 0, 0, 1);
}
[dir=ltr] .roo-menu-submenu-title > .roo-menu-submenu-expand-icon {
    right: 4px;
}
[dir=rtl] .roo-menu-submenu-title > .roo-menu-submenu-expand-icon {
    left: 4px;
}
.roo-menu-submenu.roo-menu-submenu-vertical.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline, .roo-menu-submenu.roo-menu-submenu-inline.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 16px;
}
.roo-menu-submenu.roo-menu-submenu-vertical.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item, .roo-menu-submenu.roo-menu-submenu-inline.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item {
    padding: 0 !important;
    margin: 0 0 8px 0;
    width: calc(50% - 6px);
    -ms-flex: none;
        flex: none;
    line-height: 18px;
    font-size: 12px;
}
.roo-menu-submenu.roo-menu-submenu-vertical.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item .roo-menu-title-content, .roo-menu-submenu.roo-menu-submenu-inline.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item .roo-menu-title-content {
    max-width: 100%;
}
.roo-menu-submenu.roo-menu-submenu-vertical.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-selected, .roo-menu-submenu.roo-menu-submenu-vertical.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-active:not(.roo-menu-submenu.roo-menu-submenu-vertical.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-selected):not(.roo-menu-submenu.roo-menu-submenu-inline.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-selected), .roo-menu-submenu.roo-menu-submenu-inline.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-selected, .roo-menu-submenu.roo-menu-submenu-inline.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-active:not(.roo-menu-submenu.roo-menu-submenu-vertical.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-selected):not(.roo-menu-submenu.roo-menu-submenu-inline.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-selected) {
    background: none;
}
.roo-menu-submenu.roo-menu-submenu-vertical.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-selected .roo-menu-title-content, .roo-menu-submenu.roo-menu-submenu-vertical.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-active:not(.roo-menu-submenu.roo-menu-submenu-vertical.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-selected):not(.roo-menu-submenu.roo-menu-submenu-inline.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-selected) .roo-menu-title-content, .roo-menu-submenu.roo-menu-submenu-inline.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-selected .roo-menu-title-content, .roo-menu-submenu.roo-menu-submenu-inline.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-active:not(.roo-menu-submenu.roo-menu-submenu-vertical.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-selected):not(.roo-menu-submenu.roo-menu-submenu-inline.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-selected) .roo-menu-title-content {
    position: relative;
    z-index: 0;
}
.roo-menu-submenu.roo-menu-submenu-vertical.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-selected .roo-menu-title-content::after, .roo-menu-submenu.roo-menu-submenu-vertical.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-active:not(.roo-menu-submenu.roo-menu-submenu-vertical.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-selected):not(.roo-menu-submenu.roo-menu-submenu-inline.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-selected) .roo-menu-title-content::after, .roo-menu-submenu.roo-menu-submenu-inline.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-selected .roo-menu-title-content::after, .roo-menu-submenu.roo-menu-submenu-inline.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-active:not(.roo-menu-submenu.roo-menu-submenu-vertical.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-selected):not(.roo-menu-submenu.roo-menu-submenu-inline.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-selected) .roo-menu-title-content::after {
    position: absolute;
    display: block;
    content: " ";
    top: -3px;
    bottom: -3px;
    left: -8px;
    right: -8px;
    border-radius: 2px;
    z-index: -1;
}
.roo-menu-submenu.roo-menu-submenu-vertical.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-selected .roo-menu-title-content::after, .roo-menu-submenu.roo-menu-submenu-inline.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-selected .roo-menu-title-content::after {
    background: linear-gradient(102deg, #FFE74D 0%, #FFDD1A 100%);
}
.roo-menu-submenu.roo-menu-submenu-vertical.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-active:not(.roo-menu-submenu.roo-menu-submenu-vertical.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-selected):not(.roo-menu-submenu.roo-menu-submenu-inline.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-selected) .roo-menu-title-content, .roo-menu-submenu.roo-menu-submenu-inline.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-active:not(.roo-menu-submenu.roo-menu-submenu-vertical.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-selected):not(.roo-menu-submenu.roo-menu-submenu-inline.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-selected) .roo-menu-title-content {
    color: #222222;
    font-weight: 500;
}
.roo-menu-submenu.roo-menu-submenu-vertical.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-active:not(.roo-menu-submenu.roo-menu-submenu-vertical.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-selected):not(.roo-menu-submenu.roo-menu-submenu-inline.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-selected) .roo-menu-title-content::after, .roo-menu-submenu.roo-menu-submenu-inline.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-active:not(.roo-menu-submenu.roo-menu-submenu-vertical.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-selected):not(.roo-menu-submenu.roo-menu-submenu-inline.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item-selected) .roo-menu-title-content::after {
    background-color: #F5F6FA;
}
[dir=ltr] .roo-menu-submenu.roo-menu-submenu-vertical.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item:nth-child(odd), [dir=ltr] .roo-menu-submenu.roo-menu-submenu-inline.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item:nth-child(odd) {
    margin-right: 12px;
}
[dir=rtl] .roo-menu-submenu.roo-menu-submenu-vertical.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item:nth-child(odd), [dir=rtl] .roo-menu-submenu.roo-menu-submenu-inline.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item:nth-child(odd) {
    margin-left: 12px;
}
.roo-menu-submenu.roo-menu-submenu-vertical.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item:nth-child(1), .roo-menu-submenu.roo-menu-submenu-vertical.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item:nth-child(2), .roo-menu-submenu.roo-menu-submenu-inline.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item:nth-child(1), .roo-menu-submenu.roo-menu-submenu-inline.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item:nth-child(2) {
    margin-top: 3px;
}
.roo-menu-submenu.roo-menu-submenu-vertical.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item:nth-last-child(1), .roo-menu-submenu.roo-menu-submenu-vertical.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item:nth-last-child(2):nth-child(odd), .roo-menu-submenu.roo-menu-submenu-inline.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item:nth-last-child(1), .roo-menu-submenu.roo-menu-submenu-inline.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline > .roo-menu-item:nth-last-child(2):nth-child(odd) {
    margin-bottom: 12px;
}
.roo-menu-submenu.roo-menu-submenu-vertical.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline .roo-menu-item-group, .roo-menu-submenu.roo-menu-submenu-inline.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline .roo-menu-item-group {
    width: 100%;
}
.roo-menu-submenu.roo-menu-submenu-vertical.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline .roo-menu-item-group-list, .roo-menu-submenu.roo-menu-submenu-inline.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline .roo-menu-item-group-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.roo-menu-submenu.roo-menu-submenu-vertical.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline .roo-menu-item-group-title, .roo-menu-submenu.roo-menu-submenu-inline.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline .roo-menu-item-group-title {
    font-size: 12px;
    padding: 0 8px;
}
.roo-menu-submenu.roo-menu-submenu-vertical.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline .roo-menu-submenu.roo-menu-submenu-inline, .roo-menu-submenu.roo-menu-submenu-inline.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline .roo-menu-submenu.roo-menu-submenu-inline {
    width: 100%;
}
.roo-menu-submenu.roo-menu-submenu-vertical.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline .roo-menu-submenu.roo-menu-submenu-inline .roo-menu-submenu-title, .roo-menu-submenu.roo-menu-submenu-inline.roo-menu-submenu-item-span2 > .roo-menu-sub.roo-menu-inline .roo-menu-submenu.roo-menu-submenu-inline .roo-menu-submenu-title {
    margin: 0;
    padding: 8px !important;
}
.roo-menu-submenu.roo-menu-submenu-inline.roo-menu-submenu-open > .roo-menu-submenu-title .roo-menu-submenu-expand-icon {
    -webkit-transform: rotate(180deg) translateY(50%);
        -ms-transform: rotate(180deg) translateY(50%);
            transform: rotate(180deg) translateY(50%);
}
.roo-menu-submenu.roo-menu-submenu-vertical .roo-menu-submenu-expand-icon {
    -webkit-transform: rotate(-90deg) translateX(50%);
        -ms-transform: rotate(-90deg) translateX(50%);
            transform: rotate(-90deg) translateX(50%);
}
.roo-menu-submenu-hidden {
    display: none;
}
.roo-menu-horizontal {
    background-color: #f3f5f7;
    border: none;
    border-bottom: 1px solid #d9d9d9;
    box-shadow: none;
    white-space: nowrap;
    overflow: hidden;
}
.roo-menu-horizontal > .roo-menu-item, .roo-menu-horizontal > .roo-menu-submenu > .roo-menu-submenu-title {
    padding: 15px 20px;
}
.roo-menu-horizontal > .roo-menu-submenu, .roo-menu-horizontal > .roo-menu-item {
    border-bottom: 2px solid transparent;
    display: inline-block;
    vertical-align: bottom;
}
.roo-menu-horizontal > .roo-menu-submenu-active, .roo-menu-horizontal > .roo-menu-item-active {
    border-bottom: 2px solid #2db7f5;
    background-color: #f3f5f7;
    color: #2baee9;
}
.roo-menu-horizontal:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}
.roo-menu-vertical, .roo-menu-vertical-left, .roo-menu-vertical-right, .roo-menu-inline {
    padding: 8px 0;
}
.roo-menu-vertical > .roo-menu-item, .roo-menu-vertical > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu-vertical-left > .roo-menu-item, .roo-menu-vertical-left > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu-vertical-right > .roo-menu-item, .roo-menu-vertical-right > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu-inline > .roo-menu-item, .roo-menu-inline > .roo-menu-submenu > .roo-menu-submenu-title {
    padding: 8px 8px 8px 24px;
    transition: padding 0.2s cubic-bezier(0.2, 0, 0, 1);
}
.roo-menu-vertical > .roo-menu-item .roo-menu-rtl.roo-menu-vertical > .roo-menu-item, .roo-menu-vertical > .roo-menu-item .roo-menu-vertical > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu-vertical > .roo-menu-item .roo-menu-vertical-left > .roo-menu-item, .roo-menu-vertical > .roo-menu-item .roo-menu-vertical-left > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu-vertical > .roo-menu-item .roo-menu-vertical-right > .roo-menu-item, .roo-menu-vertical > .roo-menu-item .roo-menu-vertical-right > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu-vertical > .roo-menu-item .roo-menu-inline > .roo-menu-item, .roo-menu-vertical > .roo-menu-item .roo-menu-inline > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu-vertical > .roo-menu-submenu > .roo-menu-submenu-title .roo-menu-rtl.roo-menu-vertical > .roo-menu-item, .roo-menu-vertical > .roo-menu-submenu > .roo-menu-submenu-title .roo-menu-vertical > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu-vertical > .roo-menu-submenu > .roo-menu-submenu-title .roo-menu-vertical-left > .roo-menu-item, .roo-menu-vertical > .roo-menu-submenu > .roo-menu-submenu-title .roo-menu-vertical-left > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu-vertical > .roo-menu-submenu > .roo-menu-submenu-title .roo-menu-vertical-right > .roo-menu-item, .roo-menu-vertical > .roo-menu-submenu > .roo-menu-submenu-title .roo-menu-vertical-right > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu-vertical > .roo-menu-submenu > .roo-menu-submenu-title .roo-menu-inline > .roo-menu-item, .roo-menu-vertical > .roo-menu-submenu > .roo-menu-submenu-title .roo-menu-inline > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu-vertical-left > .roo-menu-item .roo-menu-rtl.roo-menu-vertical > .roo-menu-item, .roo-menu-vertical-left > .roo-menu-item .roo-menu-vertical > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu-vertical-left > .roo-menu-item .roo-menu-vertical-left > .roo-menu-item, .roo-menu-vertical-left > .roo-menu-item .roo-menu-vertical-left > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu-vertical-left > .roo-menu-item .roo-menu-vertical-right > .roo-menu-item, .roo-menu-vertical-left > .roo-menu-item .roo-menu-vertical-right > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu-vertical-left > .roo-menu-item .roo-menu-inline > .roo-menu-item, .roo-menu-vertical-left > .roo-menu-item .roo-menu-inline > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu-vertical-left > .roo-menu-submenu > .roo-menu-submenu-title .roo-menu-rtl.roo-menu-vertical > .roo-menu-item, .roo-menu-vertical-left > .roo-menu-submenu > .roo-menu-submenu-title .roo-menu-vertical > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu-vertical-left > .roo-menu-submenu > .roo-menu-submenu-title .roo-menu-vertical-left > .roo-menu-item, .roo-menu-vertical-left > .roo-menu-submenu > .roo-menu-submenu-title .roo-menu-vertical-left > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu-vertical-left > .roo-menu-submenu > .roo-menu-submenu-title .roo-menu-vertical-right > .roo-menu-item, .roo-menu-vertical-left > .roo-menu-submenu > .roo-menu-submenu-title .roo-menu-vertical-right > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu-vertical-left > .roo-menu-submenu > .roo-menu-submenu-title .roo-menu-inline > .roo-menu-item, .roo-menu-vertical-left > .roo-menu-submenu > .roo-menu-submenu-title .roo-menu-inline > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu-vertical-right > .roo-menu-item .roo-menu-rtl.roo-menu-vertical > .roo-menu-item, .roo-menu-vertical-right > .roo-menu-item .roo-menu-vertical > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu-vertical-right > .roo-menu-item .roo-menu-vertical-left > .roo-menu-item, .roo-menu-vertical-right > .roo-menu-item .roo-menu-vertical-left > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu-vertical-right > .roo-menu-item .roo-menu-vertical-right > .roo-menu-item, .roo-menu-vertical-right > .roo-menu-item .roo-menu-vertical-right > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu-vertical-right > .roo-menu-item .roo-menu-inline > .roo-menu-item, .roo-menu-vertical-right > .roo-menu-item .roo-menu-inline > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu-vertical-right > .roo-menu-submenu > .roo-menu-submenu-title .roo-menu-rtl.roo-menu-vertical > .roo-menu-item, .roo-menu-vertical-right > .roo-menu-submenu > .roo-menu-submenu-title .roo-menu-vertical > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu-vertical-right > .roo-menu-submenu > .roo-menu-submenu-title .roo-menu-vertical-left > .roo-menu-item, .roo-menu-vertical-right > .roo-menu-submenu > .roo-menu-submenu-title .roo-menu-vertical-left > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu-vertical-right > .roo-menu-submenu > .roo-menu-submenu-title .roo-menu-vertical-right > .roo-menu-item, .roo-menu-vertical-right > .roo-menu-submenu > .roo-menu-submenu-title .roo-menu-vertical-right > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu-vertical-right > .roo-menu-submenu > .roo-menu-submenu-title .roo-menu-inline > .roo-menu-item, .roo-menu-vertical-right > .roo-menu-submenu > .roo-menu-submenu-title .roo-menu-inline > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu-inline > .roo-menu-item .roo-menu-rtl.roo-menu-vertical > .roo-menu-item, .roo-menu-inline > .roo-menu-item .roo-menu-vertical > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu-inline > .roo-menu-item .roo-menu-vertical-left > .roo-menu-item, .roo-menu-inline > .roo-menu-item .roo-menu-vertical-left > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu-inline > .roo-menu-item .roo-menu-vertical-right > .roo-menu-item, .roo-menu-inline > .roo-menu-item .roo-menu-vertical-right > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu-inline > .roo-menu-item .roo-menu-inline > .roo-menu-item, .roo-menu-inline > .roo-menu-item .roo-menu-inline > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu-inline > .roo-menu-submenu > .roo-menu-submenu-title .roo-menu-rtl.roo-menu-vertical > .roo-menu-item, .roo-menu-inline > .roo-menu-submenu > .roo-menu-submenu-title .roo-menu-vertical > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu-inline > .roo-menu-submenu > .roo-menu-submenu-title .roo-menu-vertical-left > .roo-menu-item, .roo-menu-inline > .roo-menu-submenu > .roo-menu-submenu-title .roo-menu-vertical-left > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu-inline > .roo-menu-submenu > .roo-menu-submenu-title .roo-menu-vertical-right > .roo-menu-item, .roo-menu-inline > .roo-menu-submenu > .roo-menu-submenu-title .roo-menu-vertical-right > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu-inline > .roo-menu-submenu > .roo-menu-submenu-title .roo-menu-inline > .roo-menu-item, .roo-menu-inline > .roo-menu-submenu > .roo-menu-submenu-title .roo-menu-inline > .roo-menu-submenu > .roo-menu-submenu-title {
    padding: 8px 24px 8px 8px;
}
.roo-menu-vertical .roo-menu-submenu-title > .roo-menu-title-content, .roo-menu-vertical-left .roo-menu-submenu-title > .roo-menu-title-content, .roo-menu-vertical-right .roo-menu-submenu-title > .roo-menu-title-content, .roo-menu-inline .roo-menu-submenu-title > .roo-menu-title-content {
    overflow: hidden;
    text-overflow: ellipsis;
}
[dir=ltr] .roo-menu-vertical .roo-menu-submenu-title > .roo-menu-title-content, [dir=ltr] .roo-menu-vertical-left .roo-menu-submenu-title > .roo-menu-title-content, [dir=ltr] .roo-menu-vertical-right .roo-menu-submenu-title > .roo-menu-title-content, [dir=ltr] .roo-menu-inline .roo-menu-submenu-title > .roo-menu-title-content {
    padding-right: 8px;
}
[dir=rtl] .roo-menu-vertical .roo-menu-submenu-title > .roo-menu-title-content, [dir=rtl] .roo-menu-vertical-left .roo-menu-submenu-title > .roo-menu-title-content, [dir=rtl] .roo-menu-vertical-right .roo-menu-submenu-title > .roo-menu-title-content, [dir=rtl] .roo-menu-inline .roo-menu-submenu-title > .roo-menu-title-content {
    padding-left: 8px;
}
.roo-menu-vertical.roo-menu-rtl .roo-menu-submenu-title .roo-menu-submenu-expand-icon {
    -webkit-transform: rotate(90deg) translateX(-50%);
        -ms-transform: rotate(90deg) translateX(-50%);
            transform: rotate(90deg) translateX(-50%);
}
.roo-menu-vertical.roo-menu-sub, .roo-menu-vertical-left.roo-menu-sub, .roo-menu-vertical-right.roo-menu-sub {
    padding: 0;
}
.roo-menu-submenu-rtl .roo-menu-vertical.roo-menu-sub, .roo-menu-submenu-rtl .roo-menu-vertical-left.roo-menu-sub, .roo-menu-submenu-rtl .roo-menu-vertical-right.roo-menu-sub {
    direction: rtl;
}
.roo-menu-sub.roo-menu-inline {
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    box-sizing: content-box;
    overflow: hidden;
}
.roo-menu-sub.roo-menu-inline > .roo-menu-item, .roo-menu-sub.roo-menu-inline > .roo-menu-submenu > .roo-menu-submenu-title {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 0;
}
.roo-menu-rtl .roo-menu-sub.roo-menu-inline > .roo-menu-item, .roo-menu-rtl .roo-menu-sub.roo-menu-inline > .roo-menu-submenu > .roo-menu-submenu-title {
    padding-left: 0;
}
[dir=ltr] .roo-menu-sub.roo-menu-inline .roo-menu-item-group-title {
    padding-left: 32px;
}
[dir=rtl] .roo-menu-sub.roo-menu-inline .roo-menu-item-group-title {
    padding-right: 32px;
}
.roo-menu.roo-menu-root {
    transition: width 0.2s cubic-bezier(0.2, 0, 0, 1);
}
.roo-menu.roo-menu-root .roo-menu-title-content {
    max-width: calc(100% - 8px);
    transition: opacity 0.2s cubic-bezier(0.2, 0, 0, 1);
}
.roo-menu.roo-menu-root .roo-menu-title-content-wrapper {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.roo-menu.roo-menu-root .roo-menu-title-content.roo-menu-title-content-with-extra {
    position: relative;
}
.roo-menu.roo-menu-root.roo-menu-inline .roo-menu-submenu.roo-menu-submenu-inline {
    margin-bottom: 4px;
    overflow: hidden;
}
.roo-menu.roo-menu-root.roo-menu-inline .roo-menu-item {
    margin: 8px;
    transition: padding 0.2s cubic-bezier(0.2, 0, 0, 1);
}
.roo-menu.roo-menu-root.roo-menu-vertical .roo-menu-submenu.roo-menu-submenu-vertical {
    margin-bottom: 4px;
    overflow: hidden;
}
.roo-menu.roo-menu-root.roo-menu-vertical .roo-menu-submenu.roo-menu-submenu-vertical .roo-menu-submenu-title {
    padding-left: 8px !important;
    transition: padding 0.2s cubic-bezier(0.2, 0, 0, 1);
}
.roo-menu.roo-menu-root.roo-menu-vertical .roo-menu-item {
    margin: 8px;
    padding-left: 8px;
    transition: padding 0.2s cubic-bezier(0.2, 0, 0, 1);
}
.roo-menu.roo-menu-root.roo-menu-inline-collapsed, .roo-menu.roo-menu-root.roo-menu-inline-only-collapsed {
    width: 48px !important;
    transition: width 0.2s cubic-bezier(0.2, 0, 0, 1);
}
.roo-menu.roo-menu-root.roo-menu-inline-collapsed .roo-menu-title-content, .roo-menu.roo-menu-root.roo-menu-inline-only-collapsed .roo-menu-title-content {
    opacity: 0;
    transition: opacity 0.2s cubic-bezier(0.2, 0, 0, 1);
}
.roo-menu.roo-menu-root.roo-menu-inline-collapsed .roo-menu-submenu-expand-icon, .roo-menu.roo-menu-root.roo-menu-inline-only-collapsed .roo-menu-submenu-expand-icon {
    display: none;
}
.roo-menu.roo-menu-root.roo-menu-inline-collapsed .roo-menu-item,
.roo-menu.roo-menu-root.roo-menu-inline-collapsed .roo-menu-submenu-title, .roo-menu.roo-menu-root.roo-menu-inline-only-collapsed .roo-menu-item,
.roo-menu.roo-menu-root.roo-menu-inline-only-collapsed .roo-menu-submenu-title {
    padding-left: 8px !important;
    margin: 6px 8px;
    line-height: 16px;
    border-radius: 4px;
}
.roo-menu.roo-menu-root.roo-menu-inline-collapsed.roo-menu-inline > .roo-menu-item.roo-menu-item-only-child, .roo-menu.roo-menu-root.roo-menu-inline-collapsed.roo-menu-vertical > .roo-menu-item.roo-menu-item-only-child, .roo-menu.roo-menu-root.roo-menu-inline-only-collapsed.roo-menu-inline > .roo-menu-item.roo-menu-item-only-child, .roo-menu.roo-menu-root.roo-menu-inline-only-collapsed.roo-menu-vertical > .roo-menu-item.roo-menu-item-only-child {
    margin: 10px 8px;
}
.roo-menu.roo-menu-root.roo-menu-inline-collapsed.roo-menu-inline .roo-menu-submenu-selected .roo-menu-submenu-title, .roo-menu.roo-menu-root.roo-menu-inline-collapsed.roo-menu-vertical .roo-menu-submenu-selected .roo-menu-submenu-title, .roo-menu.roo-menu-root.roo-menu-inline-only-collapsed.roo-menu-inline .roo-menu-submenu-selected .roo-menu-submenu-title, .roo-menu.roo-menu-root.roo-menu-inline-only-collapsed.roo-menu-vertical .roo-menu-submenu-selected .roo-menu-submenu-title {
    background: linear-gradient(102deg, #FFE74D 0%, #FFDD1A 100%);
}
.roo-menu.roo-menu-root:not(.roo-menu-inline-only-collapsed) .roo-menu-item-disabled,
.roo-menu.roo-menu-root:not(.roo-menu-inline-only-collapsed) .roo-menu-submenu-disabled {
    color: #cccccc !important;
    cursor: not-allowed !important;
}
.roo-menu.roo-menu-root:not(.roo-menu-inline-only-collapsed) .roo-menu-item-disabled .roo-menu-submenu-title,
.roo-menu.roo-menu-root:not(.roo-menu-inline-only-collapsed) .roo-menu-submenu-disabled .roo-menu-submenu-title {
    cursor: not-allowed;
}
.roo-menu.roo-menu-root > .roo-menu-submenu > .roo-menu-submenu-title, .roo-menu.roo-menu-root > .roo-menu-item {
    color: #222222;
    font-weight: 500;
}
.roo-menu .roo-motion-collapse {
    transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.c-city {
    position: relative;
    height: 35px;
    width: 250px;
}

.c-city .svg-group {
    display: none;
}

/* 通用 */
.c-city, .c-city *,
.c-city-pane, .c-city-pane * {
    box-sizing: border-box;
}

.c-city-pane ul, .c-city li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.c-city .c-active,
.c-city-pane .c-active {
    color: #222222;
}

.c-city .clear-float::after,
.c-city-pane .clear-float::after {
    content: "";
    display: block;
    clear: both;
}

.c-city .border-transition,
.c-city-pane .border-transition {
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.c-city .border-transition:focus,
.c-city .border-transition.focus,
.c-city-pane .border-transition:focus,
.c-city-pane .border-transition.focus {
    border-color: #999999;
}

.c-city-pane .col-2 {
    width: 16.66666667%;
}

.c-city-pane .col-4 {
    width: 33.33333333%;
}

.c-city-pane .col-6 {
    width: 50%;
}

/* 展示框 */
.c-city .city-text-wrapper {
    width: 100%;
    height: 100%;
}

.c-city .city-text {
    width: 100%;
    height: 100%;
    border: 1px solid #d2d2d2;
    border-radius: 2px;
    padding: 0 24px 0 10px;
    font-size: 14px;
    background: #fff;
    outline: none;
    text-overflow: ellipsis;
}

/* 箭头 */
.c-city .dropdown-arrow {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    position: absolute;
    right: 10px;
    top: 16px;
}

/* 弹出面板 */
.c-city-pane {
    position: absolute;
    z-index: 1052;
    width: 527px;
    height: 488px;
    border: 1px solid #d2d2d2;
    border-radius: 0 4px 4px;
    background: #fff;
    overflow: hidden;
}

.c-city-pane.top {
    top: 0;
    -webkit-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
            transform: translate(0, -100%);
}

.c-city-pane-mask {
    position: fixed;
    z-index: 1051;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
}

.c-city-pane.fixed {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

/* 头部 */
.c-city-pane .city-header {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #f7f7f7;
    padding: 0 10px;
    border-top-right-radius: 4px;
}

/* 查看已选城市按钮 */
.c-city-pane .show-selected {
    height: 100%;
    float: right;
    cursor: pointer;
    padding-right: 16px;
    position: relative;
}

.c-city-pane .show-selected::before,
.c-city-pane .show-selected::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    position: absolute;
    right: 0;
    top: 13px;
}

.c-city-pane .show-selected::after {
    border-top-color: #f7f7f7;
    top: 11px;
}

.c-city-pane .show-selected.expand::before {
    border-top: none;
    border-bottom: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    top: 12px;
}

.c-city-pane .show-selected.expand::after {
    border-top: none;
    border-bottom: 5px solid #f7f7f7;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    top: 14px;
}

/* 已选城市 */
.c-city-pane .city-selected-wrapper {
    height: 0;
    overflow: hidden;
    transition: all 0.2s;
    background-color: #EEEEEE;
    border-radius: 0 0 4px 4px;
}

.c-city-pane .city-selected-wrapper.expand {
    height: 290px;
    border-bottom: 1px solid #d2d2d2;
}

.c-city-pane .city-selected {
    padding-top: 25px;
}

.c-city-pane .city-clear-wrapper {
    color: #6a6a6a;
    padding: 0 10px 15px;
}

.c-city-pane .city-clear {
    cursor: pointer;
    position: relative;
    display: inline;
}

.c-city-pane .clear-icon {
    margin-right: 8px;
}

.c-city-pane .delete-icon {
    font-size: 15px;
    height: 100%;
    vertical-align: top;
    color: #a3a3a3;
    margin-left: 10px;
    cursor: pointer;
}

.c-city-pane .city-selected-list {
    padding: 0 10px 5px;
    height: 235px;
    box-shadow: inset 0 -5px 10px -5px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 4px 4px;
    overflow-y: auto;
}

.c-city-pane .city-selected-item {
    float: left;
    padding: 0 4px;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid #d2d2d2;
    height: 24px;
    line-height: 22px;
    margin: 5px 8px 5px 0;
}

.c-city-pane .city-selected-item:hover {
    border-color: #999999;
}

.c-city-pane .city-selected-item:hover .delete-icon {
    color: #222222;
}

/* 工具栏 */
.c-city-pane .city-toolbar {
    padding: 0 5px;
    border-bottom: 1px solid #d2d2d2;
    color: #222222;
}

/* tab */
.c-city-pane .city-tab {
    float: left;
}

.c-city-pane .city-tab-item {
    line-height: 46px;
    display: inline-block;
    padding: 0 5px;
    position: relative;
    cursor: pointer;
}

.c-city-pane .city-tab-item.active {
    color: #222222;
    border-bottom: 4px solid;
}

.c-city-pane .city-tab-item:not(:last-child) {
    margin-right: 20px;
}

.c-city-pane .city-tab-item:not(:last-child)::after {
    content: "|";
    position: absolute;
    padding: 0 5px;
    color: #2a2a2a;
    right: -17px;
}

/* 搜索 */
.c-city-pane .city-query {
    float: right;
    margin-top: 10px;
    margin-right: 6px;
    position: relative;
}

.c-city-pane .city-query-input {
    width: 212px;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    outline: 0;
    padding: 0 10px;
    line-height: 28px;
}

.c-city-pane .filtered-list {
    position: absolute;
    top: 28px;
    left: 0;
    width: 100%;
    padding: 0 0 5px;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 6px 12px #d2d2d2;
    z-index: 1;
}

.c-city-pane .filtered-item {
    padding: 3px 10px;
    clear: both;
    font-weight: 200;
    color: #6a6a6a;
    line-height: 30px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.c-city-pane .filtered-item.selected {
    color: #6a6a6a;
    background-color: #f0f0f0;
}

/* 首字母 */
.c-city-pane .city-char-list {
    padding: 20px 10px;
    height: 94px;
    position: relative;
    overflow: hidden;
}

.c-city-pane .city-char-list::after {
    content: "";
    display: block;
    clear: left;
    border-bottom: 1px solid #d2d2d2;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.c-city-pane .city-char-item {
    text-align: center;
    width: 20px;
    height: 22px;
    margin-right: 17px;
    margin-bottom: 10px;
    background: #f7f7f7;
    color: #2a2a2a;
    border-radius: 5px;
    font-size: 12px;
    line-height: 22px;
    float: left;
    cursor: pointer;
}

.c-city-pane .city-char-item:hover {
    color: #fff;
    background-color: #222222;
}

/* 城市列表 */
.c-city-pane .city-list {
    height: 250px;
    padding: 24px 10px 0;
    overflow-y: auto;
    font-size: 12px;
    position: relative;
}

.c-city-pane .city-char-group {
    margin-bottom: 12px;
}

.c-city-pane .city-item-label {
    line-height: 32px;
    width: 24px;
    color: #222222;
    text-align: center;
    float: left;
}

.c-city-pane .city-item-list {
    margin-left: 44px;
}

.c-city-pane .city-item-wrapper {
    float: left;
}

.c-city-pane .city-item {
    padding: 0 8px;
    line-height: 22px;
    height: 24px;
    display: inline-block;
    margin: 4px 0;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid transparent;
    color: #2a2a2a;
    text-decoration: none;
    white-space: nowrap;
}

.c-city-pane .city-item.selected {
    color: #222222;
    border-color: #999999;
}

.c-city-pane .city-item:hover {
    color: #222222;
}

/* 城市组 */
.c-city-pane .city-group-list {
    padding-top: 20px;
}

.c-city-pane .city-group-item {
    float: left;
    height: 24px;
    line-height: 22px;
    margin: 10px 20px;
    padding: 0 8px;
}

.c-city-pane .city-group-item:hover {
    color: #222222;
    cursor: pointer;
}

/* 底部 */
.c-city-pane .city-footer {
    text-align: center;
    height: 60px;
    background: #EEEEEE;
    line-height: 60px;
    position: absolute;
    width: 100%;
    border-radius: 0 0 4px 4px;
    bottom: 0;
    box-shadow: 0 -3px 3px 0 rgba(0, 0, 0, 0.1);
}

.c-city-pane .city-footer-btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
        touch-action: manipulation;
    cursor: pointer;
    line-height: 1.3333333;
    border-radius: 6px;
    outline: none;
    color: #222222;
    background-color: #fff;
    border: 1px solid #999999;
    font-size: 14px;
    width: 100px;
    height: 40px;
    padding: 10px 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.c-city-pane .city-footer-btn:not(:last-child) {
    margin-right: 20px;
}

.c-city-pane .city-footer-btn:hover {
    background-color: #e5f6fc;
}

.c-city-pane .city-footer-btn:active {
    color: #fff;
    background-color: #222222;
    border-color: #222222;
}

.c-city-pane .city-footer-btn.primary {
    color: #fff;
    background-color: #222222;
}

.c-city-pane .city-footer-btn.primary:hover {
    background-color: rgba(34, 34, 34, 0.8);
    border-color: rgba(34, 34, 34, 0.8);
}

.c-city-pane .city-footer-btn.primary:active {
    background-color: #222222;
    border-color: #222222;
}

.kui-cropper .cropper-container {
    font-size: 0;
    line-height: 0;
    position: relative;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    direction: ltr;
    -ms-touch-action: none;
        touch-action: none;
}
.kui-cropper .cropper-container img {
    display: block;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    max-height: none !important;
    width: 100%;
    height: 100%;
    image-orientation: 0deg;
}
.kui-cropper .cropper-wrap-box,
.kui-cropper .cropper-canvas,
.kui-cropper .cropper-drag-box,
.kui-cropper .cropper-crop-box,
.kui-cropper .cropper-modal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.kui-cropper .cropper-wrap-box {
    overflow: hidden;
}
.kui-cropper .cropper-drag-box {
    opacity: 0;
    background-color: #fff;
}
.kui-cropper .cropper-modal {
    opacity: 0.5;
    background-color: #222222;
}
.kui-cropper .cropper-view-box {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    outline: 1px solid #198CFF;
    outline-color: rgba(25, 140, 255, 0.75);
}
.kui-cropper .cropper-dashed {
    position: absolute;
    display: block;
    opacity: 0.5;
    border: 0 dashed #EEEEEE;
}
.kui-cropper .cropper-dashed.dashed-h {
    top: 33.33333%;
    left: 0;
    width: 100%;
    height: 33.33333%;
    border-top-width: 1px;
    border-bottom-width: 1px;
}
.kui-cropper .cropper-dashed.dashed-v {
    top: 0;
    left: 33.33333%;
    width: 33.33333%;
    height: 100%;
    border-right-width: 1px;
    border-left-width: 1px;
}
.kui-cropper .cropper-center {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    opacity: 0.75;
}
.kui-cropper .cropper-center:before,
.kui-cropper .cropper-center:after {
    position: absolute;
    display: block;
    content: " ";
    background-color: #EEEEEE;
}
.kui-cropper .cropper-center:before {
    top: 0;
    left: -3px;
    width: 7px;
    height: 1px;
}
.kui-cropper .cropper-center:after {
    top: -3px;
    left: 0;
    width: 1px;
    height: 7px;
}
.kui-cropper .cropper-face,
.kui-cropper .cropper-line,
.kui-cropper .cropper-point {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0.1;
}
.kui-cropper .cropper-face {
    top: 0;
    left: 0;
    background-color: #fff;
}
.kui-cropper .cropper-line {
    background-color: #198CFF;
}
.kui-cropper .cropper-line.line-e {
    top: 0;
    right: -3px;
    width: 5px;
    cursor: e-resize;
}
.kui-cropper .cropper-line.line-n {
    top: -3px;
    left: 0;
    height: 5px;
    cursor: n-resize;
}
.kui-cropper .cropper-line.line-w {
    top: 0;
    left: -3px;
    width: 5px;
    cursor: w-resize;
}
.kui-cropper .cropper-line.line-s {
    bottom: -3px;
    left: 0;
    height: 5px;
    cursor: s-resize;
}
.kui-cropper .cropper-point {
    width: 5px;
    height: 5px;
    opacity: 0.75;
    background-color: #198CFF;
}
.kui-cropper .cropper-point.point-e {
    top: 50%;
    right: -3px;
    margin-top: -3px;
    cursor: e-resize;
}
.kui-cropper .cropper-point.point-n {
    top: -3px;
    left: 50%;
    margin-left: -3px;
    cursor: n-resize;
}
.kui-cropper .cropper-point.point-w {
    top: 50%;
    left: -3px;
    margin-top: -3px;
    cursor: w-resize;
}
.kui-cropper .cropper-point.point-s {
    bottom: -3px;
    left: 50%;
    margin-left: -3px;
    cursor: s-resize;
}
.kui-cropper .cropper-point.point-ne {
    top: -3px;
    right: -3px;
    cursor: ne-resize;
}
.kui-cropper .cropper-point.point-nw {
    top: -3px;
    left: -3px;
    cursor: nw-resize;
}
.kui-cropper .cropper-point.point-sw {
    bottom: -3px;
    left: -3px;
    cursor: sw-resize;
}
.kui-cropper .cropper-point.point-se {
    right: -3px;
    bottom: -3px;
    width: 20px;
    height: 20px;
    cursor: se-resize;
    opacity: 1;
}
@media (min-width: 768px) {
    .kui-cropper .cropper-point.point-se {
        width: 15px;
        height: 15px;
    }
}
@media (min-width: 992px) {
    .kui-cropper .cropper-point.point-se {
        width: 10px;
        height: 10px;
    }
}
@media (min-width: 1200px) {
    .kui-cropper .cropper-point.point-se {
        width: 5px;
        height: 5px;
        opacity: 0.75;
    }
}
.kui-cropper .cropper-point.point-se:before {
    position: absolute;
    right: -50%;
    bottom: -50%;
    display: block;
    width: 200%;
    height: 200%;
    content: " ";
    opacity: 0;
    background-color: #198CFF;
}
.kui-cropper .cropper-invisible {
    opacity: 0;
}
.kui-cropper .cropper-bg {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}
.kui-cropper .cropper-hide {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
}
.kui-cropper .cropper-hidden {
    display: none !important;
}
.kui-cropper .cropper-move {
    cursor: move;
}
.kui-cropper .cropper-crop {
    cursor: crosshair;
}
.kui-cropper .cropper-disabled .cropper-drag-box,
.kui-cropper .cropper-disabled .cropper-face,
.kui-cropper .cropper-disabled .cropper-line,
.kui-cropper .cropper-disabled .cropper-point {
    cursor: not-allowed;
}

.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: #CCCCCC;
}
.roo-evaluation .disabled-item .count {
    color: #CCCCCC;
}
.roo-evaluation .disabled-item .icon-wrapper.thumbs-up {
    border: solid 1px #CCCCCC;
    background: #CCCCCC;
}
.roo-evaluation .disabled-item .icon-wrapper.thumbs-up i {
    color: #fff;
}
.roo-evaluation .disabled-item .icon-wrapper.thumbs-down {
    border: solid 1px #CCCCCC;
    background: #CCCCCC;
}
.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: #999999;
    cursor: not-allowed;
}
.kui-img-browser-popup .main {
    width: 505px;
    margin-left: 20px;
}
.kui-img-browser-popup .main .img {
    width: 505px;
    height: 505px;
    text-align: center;
}
.kui-img-browser-popup .main .img img {
    max-height: 505px;
    max-width: 505px;
}
.kui-img-browser-popup .main .img-des {
    max-height: 100px;
    overflow-y: scroll;
}
.kui-img-browser-popup .main .show-origin {
    position: absolute;
    right: 0;
    border-bottom: solid 1px;
    text-decoration: none;
    color: #fff;
}
.kui-img-browser-popup .main .show-origin:hover {
    color: #222222;
}
.kui-img-browser-popup .close {
    position: absolute;
    right: -80px;
    top: 0;
    color: #fff;
    opacity: 1;
    font-weight: normal;
    text-shadow: none;
}
.kui-img-browser-popup .close:hover {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
}

.kui-img-crop-box {
    padding: 0 30px;
    min-width: 840px;
}
.kui-img-crop-box .upload-cropper {
    display: inline-block;
    vertical-align: top;
    width: 440px;
    height: 330px;
    border: 1px solid #d2d2d2;
}
.kui-img-crop-box .upload-cropper-preview {
    display: inline-block;
    vertical-align: top;
    margin-left: 100px;
}
.kui-img-crop-box .upload-cropper-preview .upload-cropper-preview-wrapper {
    position: relative;
    display: inline-block;
}
.kui-img-crop-box .upload-cropper-preview .upload-cropper-preview-box {
    position: relative;
    overflow: hidden;
    width: 240px;
    height: 180px;
    border: 1px solid #d2d2d2;
}
.kui-img-crop-box .upload-cropper-preview .upload-cropper-preview-box.background {
    background-image: url("data:image/pngbase64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}
.kui-img-crop-box .upload-cropper-preview .upload-cropper-preview-slot {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.kui-img-crop-box .upload-cropper-preview .upload-cropper-preview-label {
    margin-top: 20px;
    color: #99a2aa;
}
.kui-img-crop-box .upload-cropper-preview .crop-message {
    margin-top: 20px;
    color: #ff5a5a;
}
.kui-img-crop-box .img-select-input {
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: 0;
    right: 0;
    z-index: -1;
}
.kui-img-crop-box .img-select-link {
    position: relative;
    display: inline-block;
    margin-top: 16px;
    overflow: hidden;
}
.kui-img-crop-box .cursor-pointer {
    cursor: pointer;
}

.kui-img-crop-uploader {
    line-height: 1.42857143;
    width: 160px;
    position: relative;
}
.kui-img-crop-uploader .confirm-btn {
    margin-right: 20px;
}

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

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

.circle {
    border-radius: 100%;
}

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

.m-top-lg {
    margin-top: 40px;
}

.m-top-md {
    margin-top: 20px;
}

.m-top-sm {
    margin-top: 10px;
}

.m-top-xs {
    margin-top: 5px;
}

.m-top-none {
    margin-top: 0;
}

.border-right {
    border-right: 1px solid #999999;
}

.m-right-lg {
    margin-right: 40px;
}

.m-right-md {
    margin-right: 20px;
}

.m-right-sm {
    margin-right: 10px;
}

.m-right-xs {
    margin-right: 5px;
}

.m-right-none {
    margin-right: 0;
}

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

.m-bottom-lg {
    margin-bottom: 40px;
}

.m-bottom-md {
    margin-bottom: 20px;
}

.m-bottom-sm {
    margin-bottom: 10px;
}

.m-bottom-xs {
    margin-bottom: 5px;
}

.m-bottom-none {
    margin-bottom: 0;
}

.border-left {
    border-left: 1px solid #999999;
}

.m-left-lg {
    margin-left: 40px;
}

.m-left-md {
    margin-left: 20px;
}

.m-left-sm {
    margin-left: 10px;
}

.m-left-xs {
    margin-left: 5px;
}

.m-left-none {
    margin-left: 0;
}

.margin-lg {
    margin: 40px !important;
}

.margin-md {
    margin: 20px !important;
}

.margin-sm {
    margin: 10px !important;
}

.margin-xs {
    margin: 5px !important;
}

.no-margin {
    margin: 0 !important;
}

.padding-lg {
    padding: 40px !important;
}

.padding-md {
    padding: 20px !important;
}

.padding-sm {
    padding: 10px !important;
}

.padding-xs {
    padding: 5px !important;
}

.no-padding {
    padding: 0 !important;
}

.paddingLR-lg {
    padding: 0 40px;
}

.paddingLR-md {
    padding: 0 20px;
}

.paddingLR-sm {
    padding: 0 10px;
}

.paddingLR-xs {
    padding: 0 5px;
}

.paddingTB-lg {
    padding: 40px 0;
}

.paddingTB-md {
    padding: 20px 0;
}

.paddingTB-sm {
    padding: 10px 0;
}

.paddingTB-xs {
    padding: 5px 0;
}

.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.font-normal {
    font-weight: normal !important;
}

.middle {
    vertical-align: middle;
}

.relative {
    position: relative;
}

.scrollable {
    overflow-y: auto;
}

.text-shadow-white {
    text-shadow: 0 1px 0 #fff;
}

.text-white {
    color: #fff;
}

.text-center {
    text-align: center;
}

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

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

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

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

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

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

.roo-secondary-bc {
    border-color: #FF6A00 !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: #198CFF !important;
}

.roo-info-bg {
    background-color: #198CFF !important;
}

.roo-info-bc {
    border-color: #198CFF !important;
}

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

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

.roo-warning-bc {
    border-color: #FF6A00 !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: #999999 !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: #999999 !important;
}

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

.roo-disabled-color {
    background-color: #CCCCCC !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;
}
.roo-plus-avatar-part {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  overflow: hidden; }

.roo-plus-avatar-part img {
  width: 36px;
  height: 36px; }

.roo-plus-avatar-intro-box {
  min-width: 130px;
  max-height: 300px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  border-radius: 2px;
  background: #fff;
  box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  z-index: 999;
  color: #3F4156; }

.roo-plus-avatar-name {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 0; }

.roo-plus-avatat-welcome-part {
  display: inline-block;
  font-size: 12px;
  margin-left: 10px; }

.roo-plus-avatar-intro-box .roo-plus-avatar-log-out {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 5px 0;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: #3F4156;
  font-size: 14px; }

.roo-plus-avatar-log-out:hover {
  background: #fafafa; }

.roo-plus-avatar-log-out img {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 0;
  margin-left: 10px;
  opacity: 0.4; }

.roo-plus-avatar-part:hover .roo-plus-avatar-intro-box {
  max-height: 300px; }

.roo-plus-avatar-content {
  display: -ms-flexbox;
  display: flex;
  line-height: 40px; }
  .roo-plus-avatar-content .roo-plus-avatar-account {
    margin-left: 16px; }

.roo-plus-avatar-content:hover {
  cursor: pointer; }

.roo-plus-back-top {
  cursor: pointer;
  z-index: 1000;
  position: fixed;
  bottom: 100px;
  right: 100px; }
  .roo-plus-back-top .roo-plus-back-top-content {
    width: 58px;
    height: 58px;
    background: #FFFFFF;
    border: 1px solid #F0F0F0;
    box-shadow: 0 4px 14px 0 #E9EAF2;
    text-align: center;
    line-height: 49px;
    font-size: 30px; }

.alert {
  font-size: 14px;
  background-color: #fef4d6;
  padding: 6px 20px;
  margin: 0;
  color: #707070;
  border: 1px solid transparent;
  border-radius: 0; }

.roo-plus-city-select-close {
  float: right;
  font-size: 25px;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
  filter: alpha(opacity=20); }

.roo-plus-city-select-wrap {
  position: relative; }

.roo-plus-city-select-wrap * {
  box-sizing: border-box;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.roo-plus-city-select-wrap .city-select-input[readOnly] {
  background-color: #fff; }

.roo-plus-city-select-wrap.show-container .cityselect-dropdown-icon::before {
  content: "\f0d8"; }

.roo-plus-city-select-wrap .cityselect-dropdown-icon::before {
  position: absolute;
  content: "\f0dd";
  color: #585A6E;
  font: normal normal normal 14px/1 FontAwesome;
  right: 10px;
  top: 8px;
  box-sizing: border-box; }

.roo-plus-cityselect-normal-container {
  position: absolute;
  top: 0px;
  left: 0px; }

.roo-plus-cityselect-center-container {
  position: relative; }
  .roo-plus-cityselect-center-container .roo-plus-cityselect-container {
    position: fixed;
    /* or absolute */
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }

.roo-plus-cityselect-container {
  width: 527px;
  height: 487px;
  overflow: hidden;
  position: absolute;
  top: 33px;
  z-index: 200; }

.roo-plus-cityselect-container .cityselect-box {
  width: 527px;
  height: 485px;
  border: 1px solid #d2d2d2;
  border-radius: 0 4px 4px;
  background: #fff;
  position: relative;
  box-sizing: border-box; }

.roo-plus-cityselect-topbar {
  width: 100%;
  height: 30px;
  line-height: 30px;
  background: #F7F8FA;
  padding: 0 10px;
  border-top-right-radius: 4px; }

.roo-plus-cityselect-topbar .cityselect-selected-num {
  color: #f89800;
  padding: 0 4px; }

.roo-plus-cityselect-topbar .cityselect-check {
  float: right;
  cursor: pointer;
  color: #f89800; }

.roo-plus-cityselect-topbar .cityselect-check-text {
  margin-right: 5px; }

.roo-plus-cityselect-topbar .cityselect-check-down::before {
  content: "\f107";
  font: normal normal normal 14px/1 FontAwesome; }

.roo-plus-cityselect-topbar .cityselect-check-up::before {
  content: "\f106";
  font: normal normal normal 14px/1 FontAwesome; }

.roo-plus-cityselect-selectedview {
  height: 0;
  overflow: hidden;
  transition: all .2s;
  -webkit-transition: all .2s; }

.roo-plus-cityselect-selectedview.show {
  width: 525px;
  height: 290px;
  display: inline-block; }

.roo-plus-cityselect-selectedview .cityselect-selectedview-inner {
  background-color: #fafafa;
  padding: 6px 0 2px; }

.roo-plus-cityselect-selectedview .cityselect-clearall-area {
  padding: 20px 10px 0 10px;
  margin: 0;
  margin-bottom: 15px; }

.roo-plus-cityselect-selectedview .cityselect-clearall {
  color: #6a6a6a;
  cursor: pointer; }

.roo-plus-cityselect-selectedview .cityselect-clearall-icon::before {
  content: "\f014";
  margin-right: 8px;
  font: normal normal normal 14px/1 FontAwesome; }

.roo-plus-cityselect-selectedview .cityselect-selected-area {
  display: inline-block;
  height: 220px;
  overflow-y: auto;
  width: 100%;
  padding: 0 10px; }

.roo-plus-cityselect-selectedview .cityselect-selectedlist-item {
  float: left;
  padding: 0 4px;
  font-size: 12px;
  background: #fafafa;
  border-radius: 4px;
  border: 1px solid #d2d2d2;
  height: 24px;
  line-height: 20px;
  margin: 5px 8px 5px 0; }

.roo-plus-cityselect-selectedview .remove-selectitem {
  font-style: normal;
  margin-left: 10px;
  color: #a3a3a3;
  cursor: pointer;
  display: inline-block;
  font-size: 15px; }

.roo-plus-cityselect-view {
  height: 395px; }

.roo-plus-cityselect-view .cityselect-toolbar {
  width: 100%;
  height: 50px;
  line-height: 46px;
  padding: 0 5px;
  border-bottom: 1px solid #d2d2d2;
  color: #2a2a2a; }

.roo-plus-cityselect-view .cityselect-toolbar span {
  display: inline-block;
  padding: 0 5px; }

.roo-plus-cityselect-view .cityselect-toolbar span.cityselect-trigger {
  cursor: pointer; }

.roo-plus-cityselect-view .cityselect-toolbar span.cityselect-trigger.active {
  border-bottom: 4px solid #f89800;
  color: #f89800; }

.roo-plus-cityselect-view .cityselect-toolbar .city-trigger-seperat::before {
  content: '|'; }

.roo-plus-cityselect-view .cityselect-toolbar .cityselect-search-area {
  height: 28px;
  line-height: 28px;
  margin-left: 124px;
  outline: 0;
  position: relative; }

.roo-plus-cityselect-view .cityselect-toolbar .cityselect-search-area .cityselect-search {
  width: 212px;
  border-right: none;
  border-left: 1px solid #d2d2d2;
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  border-radius: 4px 0 0 4px;
  outline: 0;
  padding: 0 10px; }

.roo-plus-cityselect-view .cityselect-toolbar .cityselect-search-area .cityselect-search:focus {
  border-left: 1px solid #f89800;
  border-top: 1px solid #f89800;
  border-bottom: 1px solid #f89800; }

.roo-plus-cityselect-view .cityselect-toolbar .cityselect-search-area .cityselect-search:focus + .cityselect-searchbtn {
  border: 1px solid #f89800; }

.roo-plus-cityselect-view .cityselect-toolbar .cityselect-search-area .cityselect-searchbtn, .roo-plus-cityselect-view .cityselect-toolbar .cityselect-search-area .cityselect-searchbtn:hover, .roo-plus-cityselect-view .cityselect-toolbar .cityselect-search-area .cityselect-searchbtn:link {
  width: 28px;
  border: none;
  display: inline-block;
  cursor: pointer;
  margin-left: -5px;
  border: 1px solid #d2d2d2;
  border-radius: 0 4px 4px 0;
  text-decoration: none; }

.roo-plus-cityselect-view .cityselect-toolbar .cityselect-search-area .cityselect-searchbtn:before {
  content: '\f002';
  color: #A2A4B3;
  font: normal normal normal 14px/1 FontAwesome; }

.roo-plus-cityselect-view .cityselect-toolbar .cityselect-search-area .search-ac {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 160px;
  padding: 0 0 5px 0;
  margin: 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid #d2d2d2;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 6px 12px #d2d2d2;
  -moz-box-shadow: 0 6px 12px #d2d2d2;
  -webkit-box-shadow: 0 6px 12px #d2d2d2;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 210px; }

.roo-plus-cityselect-view .cityselect-toolbar .cityselect-search-area .search-ac li {
  list-style: none;
  text-align: left; }

.roo-plus-cityselect-view .cityselect-toolbar .cityselect-search-area .search-ac li a {
  display: block;
  padding: 3px 10px;
  clear: both;
  color: #6a6a6a;
  line-height: 30px;
  width: 208px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none; }

.roo-plus-cityselect-view .cityselect-toolbar .cityselect-search-area .search-ac li a .cityselect-search-match {
  color: #f89800;
  padding: 0; }

.roo-plus-cityselect-view .cityselect-toolbar .cityselect-search-area .search-ac li a:hover {
  background-color: #f0f0f0; }

.roo-plus-cityselect-view .cityselect-toolbar .cityselect-search-area .search-ac li.active a {
  background-color: #f0f0f0; }

.roo-plus-cityselect-view .cityselect-chooseview-city {
  overflow: hidden; }

.roo-plus-cityselect-view .cityselect-chooseview-city .cityselect-spellnav {
  width: 100%;
  height: 94px; }

.roo-plus-cityselect-view .cityselect-chooseview-city .cityselect-spell-index {
  list-style: none;
  padding: 20px 10px;
  display: inline-block; }

.roo-plus-cityselect-view .cityselect-chooseview-city .cityselect-spell-index li.cityselect-spell {
  margin-right: 17px;
  margin-bottom: 10px;
  background: #f7f7f7;
  color: #2a2a2a;
  border-radius: 5px;
  font-size: 12px;
  text-align: center;
  line-height: 22px;
  float: left;
  cursor: pointer; }

.roo-plus-cityselect-view .cityselect-chooseview-city .cityselect-spell-index li.cityselect-spell.item-letter {
  width: 20px;
  height: 22px; }

.roo-plus-cityselect-view .cityselect-chooseview-city .cityselect-spell-index li.cityselect-spell:hover {
  background-color: #f89800;
  color: #fff; }

.roo-plus-cityselect-view .cityselect-chooseview-city .cityselect-spellnav-bottom {
  height: 1px;
  width: 100%;
  border-bottom: 1px solid #d2d2d2;
  margin-left: 10px; }

.roo-plus-cityselect-view .cityselect-chooseview-city .cityselect-citylist {
  height: 250px;
  padding: 15px 20px 0 10px;
  font-size: 12px;
  overflow-y: auto;
  color: #2a2a2a;
  -webkit-transition: all 1s; }

.roo-plus-cityselect-view .cityselect-chooseview-city .cityselect-citylist .cityselect-city-part {
  position: relative;
  margin-bottom: 12px; }

.roo-plus-cityselect-view .cityselect-chooseview-city .cityselect-citylist .cityselect-citylist-text {
  width: 24px;
  height: 20px;
  line-height: 20px;
  color: #f89800;
  margin-top: 6px;
  position: absolute;
  text-align: center; }

.roo-plus-cityselect-view .cityselect-chooseview-city .cityselect-citylist .cityselect-citylist-cities {
  list-style: none;
  display: inline-block;
  width: 100%;
  padding-left: 24px;
  line-height: 32px; }

.roo-plus-cityselect-view .cityselect-chooseview-city .cityselect-citylist .cityselect-citylist-cities li {
  float: left; }

.roo-plus-cityselect-view .cityselect-chooseview-city .cityselect-citylist .cityselect-citylist-item {
  height: 24px;
  line-height: 22px;
  border: 1px solid transparent;
  border-radius: 4px;
  margin: 0;
  display: inline-block;
  text-decoration: none;
  color: #555;
  padding: 0 5px; }

.roo-plus-cityselect-view .cityselect-chooseview-city .cityselect-citylist .cityselect-citylist-item:hover {
  color: #f89800;
  cursor: pointer; }

.roo-plus-cityselect-view .cityselect-chooseview-city .cityselect-citylist .cityselect-citylist-item.selected {
  border: 1px solid #f89800;
  color: #f89800; }

.roo-plus-cityselect-view .cityselect-chooseview-citygroup {
  padding: 0 0 20px 0;
  overflow-y: auto;
  height: 369px; }

.roo-plus-cityselect-view .cityselect-chooseview-citygroup ul {
  list-style: none;
  display: inline-block;
  padding-top: 20px; }

.roo-plus-cityselect-view .cityselect-chooseview-citygroup ul li {
  float: left;
  height: 24px;
  line-height: 22px;
  border: 1px solid transparent;
  margin: 10px 20px;
  padding: 0 8px; }

.roo-plus-cityselect-view .cityselect-chooseview-citygroup ul li:hover {
  color: #f89800;
  cursor: pointer; }

.roo-plus-cityselect-view .cityselect-chooseview-import {
  height: 338px; }

.roo-plus-cityselect-view .cityselect-chooseview-import-content {
  position: relative;
  margin: 20px;
  height: 256px; }

.roo-plus-cityselect-view .cityselect-chooseview-import-content * {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.roo-plus-cityselect-view .cityselect-chooseview-import-content textarea {
  resize: none; }

.roo-plus-cityselect-view .cityselect-chooseview-import-content .fail-content {
  background-color: #fef4d6;
  border: 1px solid #E9EAF2;
  padding: 6px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 2px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

.roo-plus-cityselect-view .cityselect-chooseview-import-content .roo-plus-city-select-close span {
  right: 6px;
  left: auto; }

.roo-plus-cityselect-btnbar {
  width: 100%;
  height: 60px;
  background: #fafafa;
  line-height: 60px;
  position: absolute;
  border-radius: 0 0 4px 4px;
  border-bottom: 1px solid #d2d2d2;
  bottom: 0;
  box-shadow: 0 -3px 3px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 -3px 3px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 -3px 3px 0 rgba(0, 0, 0, 0.1); }

.roo-plus-cityselect-btnbar .roo-plus-cityselect-btnbar-confirm {
  margin-right: 20px; }

.roo-plus-editor {
  border-radius: 2px;
  border: 1px solid #e9eaf2; }
  .roo-plus-editor .roo-plus-editor-bar {
    border: none;
    border-bottom: 1px solid #e9eaf2; }
    .roo-plus-editor .roo-plus-editor-bar button,
    .roo-plus-editor .roo-plus-editor-bar .ql-picker {
      margin-right: 15px; }
    .roo-plus-editor .roo-plus-editor-bar .ql-header {
      width: 102px;
      margin-right: 15px; }
    .roo-plus-editor .roo-plus-editor-bar .ql-picker-label {
      outline: none; }
  .roo-plus-editor .ql-toolbar {
    background: #F7F8FA; }
  .roo-plus-editor .ql-container {
    border: none; }
    .roo-plus-editor .ql-container .ql-tooltip:before {
      content: '\94FE\63A5\3A'; }
    .roo-plus-editor .ql-container .ql-action:after {
      content: '\4FEE\6539' !important; }
    .roo-plus-editor .ql-container .ql-remove:before {
      content: '\5220\9664' !important; }

.roo-plus-ellipsis-normol {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.roo-plus-ellipsis-line {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.roo-plus-ellipsis-line-no-webkit {
  overflow: hidden;
  position: relative;
  line-height: 1.5em; }
  .roo-plus-ellipsis-line-no-webkit:after {
    content: '...';
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 15px;
    background: #ffffff; }

.roo-plus-ellipsis {
  width: 100%; }

.roo-plus-ellipsis-length {
  width: inherit; }

.roo-plus-ellipsis-normol {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.roo-plus-ellipsis-line {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.roo-plus-ellipsis-line-no-webkit {
  overflow: hidden;
  position: relative;
  line-height: 1.5em; }
  .roo-plus-ellipsis-line-no-webkit:after {
    content: '...';
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 15px;
    background: #ffffff; }

.roo-plus-ellipsis {
  width: 100%; }

.roo-plus-ellipsis-length {
  width: inherit; }

.roo-plus-empty {
  width: 100px;
  margin: 0 auto; }
  .roo-plus-empty .roo-plus-empty-img {
    width: 100px; }
  .roo-plus-empty .roo-plus-empty-text {
    margin-top: 15px;
    font-size: 14px;
    color: #858692;
    text-align: center; }

.roo-plus-image-editor-main-container .roo-plus-main-container {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  max-height: 400px; }

.roo-plus-image-editor-main-container .roo-plus-edit-container {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.roo-plus-image-editor-main-container .roo-plus-preview-container {
  width: 160px;
  margin-left: 20px; }

.roo-plus-image-editor-main-container .roo-plus-preview {
  margin-bottom: 40px; }

.roo-plus-image-editor-main-container .roo-plus-img-description {
  margin-top: 10px; }

.roo-plus-image-editor-main-container .roo-preview-title {
  font-size: 14px;
  color: #858692;
  margin-bottom: 12px;
  margin-top: 5px; }

.roo-plus-image-editor-main-container .roo-plus-notice {
  font-size: 14px;
  color: #A2A4B3; }

.roo-plus-image-editor-main-container .roo-preview-wrap {
  margin-bottom: 12px; }

.roo-plus-image-editor-main-container .roo-plus-aspect-container {
  display: -ms-flexbox;
  display: flex; }

.roo-plus-image-editor-main-container .roo-plus-aspect-wrap {
  margin-right: 10px;
  font-size: 14px;
  color: #858692; }

.roo-plus-image-editor-main-container .roo-plus-btn {
  margin-top: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end; }

.roo-plus-image-editor-main-container .roo-plus-btn-item {
  margin-left: 20px; }

.roo-plus-image-editor-main-container .roo-plus-loader-area {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }

.roo-plus-layout {
  display: -ms-flexbox;
  display: flex; }

.roo-plus-layout, .roo-plus-layout .roo-plus-layout-main {
  box-flex: 1;
  -ms-flex: auto;
      flex: auto; }

.roo-plus-layout {
  -ms-flex-direction: column;
      flex-direction: column; }
  .roo-plus-layout * {
    box-sizing: border-box; }
  .roo-plus-layout .roo-plus-layout-header {
    height: 65px;
    line-height: 65px; }
  .roo-plus-layout .roo-plus-layout-footer {
    padding: 24px 50px;
    font-size: 14px; }

.roo-plus-layout-has-aside {
  height: 100%;
  -ms-flex-direction: row;
  flex-direction: row; }

.roo-plus-map {
  height: 100%; }

.roo-plus-map-container {
  height: 100%;
  width: 100%; }

.roo-plus-menu {
  width: 206px;
  display: inline-block;
  transition: width 300ms;
  box-shadow: 0 0 6px 0 #E9EAF2;
  border-radius: 2px;
  overflow: hidden; }

.roo-plus-menu-collapsed {
  width: 78px; }

.roo-plus-menu-hidden {
  display: none;
  height: 0;
  overflow: hidden; }

.roo-plus-menu-item-group-title {
  font-size: 12px;
  color: #858692;
  padding: 10px 15px 10px 48px; }

.roo-icon.roo-plus-menu-sub-icon {
  margin: 0; }

.roo-plus-menu-dark {
  color: #E9EAF2;
  background: #3F4156; }
  .roo-plus-menu-dark .roo-plus-menu-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center;
    list-style: none;
    line-height: 14px;
    padding: 15px 30px;
    cursor: pointer;
    transition: all 300ms;
    white-space: nowrap;
    color: #E9EAF2; }
    .roo-plus-menu-dark .roo-plus-menu-item:hover {
      color: #fff; }
    .roo-plus-menu-dark .roo-plus-menu-item.roo-plus-active {
      color: #f89800;
      font-weight: 500; }
    .roo-plus-menu-dark .roo-plus-menu-item > .roo-icon {
      margin-right: 18px; }
  .roo-plus-menu-dark .roo-plus-menu-sub-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    padding: 15px 15px 15px 30px;
    cursor: pointer;
    white-space: nowrap; }
    .roo-plus-menu-dark .roo-plus-menu-sub-title:hover {
      color: #fff; }
    .roo-plus-menu-dark .roo-plus-menu-sub-title .roo-icon {
      margin-right: 18px; }
  .roo-plus-menu-dark .roo-plus-menu-sub-items {
    background: #3F4156; }
    .roo-plus-menu-dark .roo-plus-menu-sub-items .roo-plus-menu-item {
      position: relative;
      padding: 10px 15px 10px 27px;
      margin-left: 39px; }
      .roo-plus-menu-dark .roo-plus-menu-sub-items .roo-plus-menu-item:before {
        content: '';
        height: 100%;
        width: 1px;
        left: 0;
        position: absolute;
        background: #858692; }
      .roo-plus-menu-dark .roo-plus-menu-sub-items .roo-plus-menu-item.roo-plus-active:before {
        background: #f89800; }
      .roo-plus-menu-dark .roo-plus-menu-sub-items .roo-plus-menu-item:hover {
        background: #585A6E; }
    .roo-plus-menu-dark .roo-plus-menu-sub-items .roo-plus-menu-sub {
      margin-left: 39px;
      position: relative; }
      .roo-plus-menu-dark .roo-plus-menu-sub-items .roo-plus-menu-sub:before {
        content: '';
        height: 100%;
        width: 1px;
        left: 0;
        position: absolute;
        background: #858692; }

.roo-plus-menu-light {
  color: #858692;
  background: #fff; }
  .roo-plus-menu-light .roo-plus-menu-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center;
    list-style: none;
    line-height: 14px;
    padding: 15px 30px;
    cursor: pointer;
    transition: all 300ms;
    white-space: nowrap;
    color: #858692; }
    .roo-plus-menu-light .roo-plus-menu-item:hover {
      color: #f89800; }
    .roo-plus-menu-light .roo-plus-menu-item.roo-plus-active {
      color: #f89800;
      font-weight: 500; }
    .roo-plus-menu-light .roo-plus-menu-item > .roo-icon {
      margin-right: 18px; }
  .roo-plus-menu-light .roo-plus-menu-sub-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    padding: 15px 15px 15px 30px;
    cursor: pointer;
    white-space: nowrap; }
    .roo-plus-menu-light .roo-plus-menu-sub-title:hover {
      color: #f89800; }
    .roo-plus-menu-light .roo-plus-menu-sub-title .roo-icon {
      margin-right: 18px; }
  .roo-plus-menu-light .roo-plus-menu-sub-items {
    background: #fff; }
    .roo-plus-menu-light .roo-plus-menu-sub-items .roo-plus-menu-item {
      position: relative;
      padding: 10px 15px 10px 27px;
      margin-left: 39px; }
      .roo-plus-menu-light .roo-plus-menu-sub-items .roo-plus-menu-item:before {
        content: '';
        height: 100%;
        width: 1px;
        left: 0;
        position: absolute;
        background: #E9EAF2; }
      .roo-plus-menu-light .roo-plus-menu-sub-items .roo-plus-menu-item.roo-plus-active:before {
        background: #f89800; }
      .roo-plus-menu-light .roo-plus-menu-sub-items .roo-plus-menu-item:hover {
        background: #FAFBFC; }
    .roo-plus-menu-light .roo-plus-menu-sub-items .roo-plus-menu-sub {
      margin-left: 39px;
      position: relative; }
      .roo-plus-menu-light .roo-plus-menu-sub-items .roo-plus-menu-sub:before {
        content: '';
        height: 100%;
        width: 1px;
        left: 0;
        position: absolute;
        background: #E9EAF2; }


.roo-plus-header {
  height: 64px;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  box-shadow: 0 2px 6px 0 #F1F1F6;
  transition: all 0.2s ease;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.roo-plus-header a {
  text-decoration: none; }

.roo-plus-header-title {
  -ms-flex-positive: 0;
      flex-grow: 0;
  color: #585A6E; }

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

.roo-plus-header-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.roo-plus-header-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-right: 20px; }

.roo-plus-header-light {
  background: #FFFFFF;
  color: #585A6E; }

.roo-plus-header-dark {
  background: #585A6E;
  color: #fff; }

.roo-plus-org-panel {
  width: 820px; }
  .roo-plus-org-panel.roo-panel .roo-panel-body {
    padding: 0 20px 20px 20px;
    max-height: 400px;
    overflow: hidden; }
  .roo-plus-org-panel.roo-panel .roo-panel-footer {
    box-shadow: 0 -4px 5px 0 #F7F8FA;
    border: 0;
    padding: 0;
    height: 56px;
    line-height: 56px; }
  .roo-plus-org-panel .roo-dropdown-menu-cascader {
    position: relative;
    top: 0;
    overflow-x: auto;
    z-index: 0;
    white-space: nowrap;
    display: block;
    box-shadow: none; }
    .roo-plus-org-panel .roo-dropdown-menu-cascader .roo-dropdown-menu {
      border: none;
      border-right: 1px solid #E9EAF2;
      box-shadow: none;
      border-radius: 0;
      padding: 0;
      height: 200px;
      min-width: 165px;
      display: inline-block; }
      .roo-plus-org-panel .roo-dropdown-menu-cascader .roo-dropdown-menu a {
        padding-right: 25px;
        display: -ms-flexbox;
        display: flex; }
        .roo-plus-org-panel .roo-dropdown-menu-cascader .roo-dropdown-menu a .roo-plus-org-text {
          height: 36px; }
          .roo-plus-org-panel .roo-dropdown-menu-cascader .roo-dropdown-menu a .roo-plus-org-text .roo-checkbox {
            overflow: visible;
            overflow: initial; }
            .roo-plus-org-panel .roo-dropdown-menu-cascader .roo-dropdown-menu a .roo-plus-org-text .roo-checkbox .custom-checkbox {
              margin-right: 6px; }
            .roo-plus-org-panel .roo-dropdown-menu-cascader .roo-dropdown-menu a .roo-plus-org-text .roo-checkbox .custom-checkbox::before {
              top: 29%; }
            .roo-plus-org-panel .roo-dropdown-menu-cascader .roo-dropdown-menu a .roo-plus-org-text .roo-checkbox .half-checked::before {
              top: 50%; }
        .roo-plus-org-panel .roo-dropdown-menu-cascader .roo-dropdown-menu a > i {
          color: #BABCCC;
          right: 3px;
          font-size: 16px; }
      .roo-plus-org-panel .roo-dropdown-menu-cascader .roo-dropdown-menu a:hover {
        background: #F7F8FA; }
      .roo-plus-org-panel .roo-dropdown-menu-cascader .roo-dropdown-menu a:active::after {
        display: none; }
      .roo-plus-org-panel .roo-dropdown-menu-cascader .roo-dropdown-menu .active-highlight::after {
        display: none; }
      .roo-plus-org-panel .roo-dropdown-menu-cascader .roo-dropdown-menu .active-bg {
        background: #F7F8FA; }
    .roo-plus-org-panel .roo-dropdown-menu-cascader .roo-dropdown-menu + .roo-dropdown-menu {
      margin-left: 0; }
    .roo-plus-org-panel .roo-dropdown-menu-cascader .roo-dropdown-menu a.active::after, .roo-plus-org-panel .roo-dropdown-menu-cascader .roo-dropdown-menu a:active::after {
      right: 6px;
      color: #BABCCC; }
  .roo-plus-org-panel .roo-plus-org-search {
    width: 320px;
    margin-bottom: 28px; }
    .roo-plus-org-panel .roo-plus-org-search label {
      color: #3F4156; }
  .roo-plus-org-panel .roo-plus-org-select-box label.title {
    display: inline-block;
    color: #3F4156;
    margin-bottom: 12px; }
  .roo-plus-org-panel .roo-plus-org-select-box .roo-plus-org-select {
    height: 202px;
    border: 1px solid #E9EAF2;
    position: relative; }

.roo-plus-select {
  margin-top: 12px; }
  .roo-plus-select .roo-input-group {
    width: 320px; }

.roo-panel.roo-plus-select-panel .roo-panel-body {
  padding: 0; }
  .roo-panel.roo-plus-select-panel .roo-panel-body .disabled {
    color: #BABCCC;
    font-size: 13px;
    padding: 10px 15px;
    width: 320px; }

.roo-plus-select-list {
  max-height: 216px;
  max-width: 750px;
  min-width: 500px;
  overflow: auto; }
  .roo-plus-select-list li {
    padding: 7px 15px; }
  .roo-plus-select-list li:hover {
    background: #F7F8FA;
    cursor: pointer; }
  .roo-plus-select-list .selected-highlight {
    color: #BABCCC; }
  .roo-plus-select-list .selected-highlight:hover {
    background: #fff;
    cursor: not-allowed; }
  .roo-plus-select-list .active-highlight {
    color: #f89800; }

.roo-plus-org-check-result {
  position: relative;
  height: 30px;
  overflow: hidden;
  transition: height 0.5s; }
  .roo-plus-org-check-result .roo-plus-org-check-btn {
    position: absolute;
    top: 5px;
    right: 0;
    padding: 0; }
  .roo-plus-org-check-result .roo-plus-org-detail {
    height: 250px;
    margin-top: 35px;
    background: #F7F8FA;
    padding: 10px;
    overflow: auto; }
    .roo-plus-org-check-result .roo-plus-org-detail .roo-tag {
      margin: 5px; }

.roo-plus-org-result-show {
  height: 310px;
  transition: height 0.5s; }

.roo-plus-tag-select {
  margin-right: 15px;
  cursor: pointer; }

.roo-plus-tag-select.disabled {
  border: 1px solid #E9EAF2 !important;
  color: #BABCCC !important;
  background-color: #F7F8FA;
  cursor: not-allowed !important; }

.editor-demo .ql-toolbar.ql-snow {
  border: none;
  border-bottom: 1px solid #e9eaf2; }

.editor-demo .ql-container.ql-snow {
  border: none; }

.roo-plus-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; }
  .roo-plus-image-editor-crop-container .roo-crop-img {
    max-height: 100%;
    max-width: 100%; }

.cropper-line {
  background-color: #F89800; }

.cropper-point {
  background-color: #F89800;
  border-radius: 50%; }

.cropper-view-box {
  outline-color: #F89800; }

.roo-plus-image-editor-loader {
  overflow: hidden;
  text-align: center; }
  .roo-plus-image-editor-loader .roo-plus-input {
    cursor: pointer; }

.roo-plus-image-editor-operator-container {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px; }
  .roo-plus-image-editor-operator-container .roo-plus-btn-wrap {
    font-size: 12px;
    color: #858692;
    display: -ms-flexbox;
    display: flex;
    width: 56px;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    padding: 2px;
    border: solid 1px #E9EAF2;
    margin-right: 10px;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .roo-plus-image-editor-operator-container .roo-plus-btn-wrap .roo-plus-icon-name {
    margin-left: 2px; }

.roo-plus-image-editor-preview-container {
  width: 160px;
  height: 130px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  .roo-plus-image-editor-preview-container .roo-plus-img-preview {
    width: 100%;
    height: 100%;
    overflow: hidden; }


/*# sourceMappingURL=//awp-assets.sankuai.com/set/seller_center_pc_root/sourcemap/css/common.a2f791ea35b42543d937.css.map*/