/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

.mark,
mark {
    background: #ff0;
    color: #000
}

.small,
small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {

    *,
    :after,
    :before {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    select {
        background: #fff !important
    }

    .navbar {
        display: none
    }

    .btn-group-switch .ui-switch-menu .dropup>.ui-switch-item>.caret,
    .btn-group-switch .ui-switch-menu .ui-switch-item>.caret,
    .btn>.caret,
    .dropup>.btn>.caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td,
    .table th {
        background-color: #fff !important
    }

    .table-bordered td,
    .table-bordered th {
        border: 1px solid #ddd !important
    }
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased !important
}

body {
    font-family: \\5B8B\4F53, STHeiti, Hiragino Mincho ProN, WenQuanYi Bitmap Song, serif;
    font-size: 12px;
    line-height: 1.42857;
    color: #555
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #1987cf
}

a,
a:focus,
a:hover {
    text-decoration: none
}

a:focus,
a:hover {
    color: #34a0e7
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 5px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 17px;
    margin-bottom: 17px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.oui-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.oui-container:after,
.oui-container:before {
    content: " ";
    display: table
}

.oui-container:after {
    clear: both
}

@media (min-width:768px) {
    .oui-container {
        width: 750px
    }
}

@media (min-width:1210px) {
    .oui-container {
        width: 970px
    }
}

@media (min-width:1400px) {
    .oui-container {
        width: 1170px
    }
}

.oui-container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.oui-container-fluid:after,
.oui-container-fluid:before {
    content: " ";
    display: table
}

.oui-container-fluid:after {
    clear: both
}

.oui-row {
    margin-left: -15px;
    margin-right: -15px
}

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

.oui-row:after {
    clear: both
}

.oui-col-lg-1,
.oui-col-lg-2,
.oui-col-lg-3,
.oui-col-lg-4,
.oui-col-lg-5,
.oui-col-lg-6,
.oui-col-lg-7,
.oui-col-lg-8,
.oui-col-lg-9,
.oui-col-lg-10,
.oui-col-lg-11,
.oui-col-lg-12,
.oui-col-md-1,
.oui-col-md-2,
.oui-col-md-3,
.oui-col-md-4,
.oui-col-md-5,
.oui-col-md-6,
.oui-col-md-7,
.oui-col-md-8,
.oui-col-md-9,
.oui-col-md-10,
.oui-col-md-11,
.oui-col-md-12,
.oui-col-sm-1,
.oui-col-sm-2,
.oui-col-sm-3,
.oui-col-sm-4,
.oui-col-sm-5,
.oui-col-sm-6,
.oui-col-sm-7,
.oui-col-sm-8,
.oui-col-sm-9,
.oui-col-sm-10,
.oui-col-sm-11,
.oui-col-sm-12,
.oui-col-xs-1,
.oui-col-xs-2,
.oui-col-xs-3,
.oui-col-xs-4,
.oui-col-xs-5,
.oui-col-xs-6,
.oui-col-xs-7,
.oui-col-xs-8,
.oui-col-xs-9,
.oui-col-xs-10,
.oui-col-xs-11,
.oui-col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.oui-col-xs-1,
.oui-col-xs-2,
.oui-col-xs-3,
.oui-col-xs-4,
.oui-col-xs-5,
.oui-col-xs-6,
.oui-col-xs-7,
.oui-col-xs-8,
.oui-col-xs-9,
.oui-col-xs-10,
.oui-col-xs-11,
.oui-col-xs-12 {
    float: left
}

.oui-col-xs-1 {
    width: 8.33333%
}

.oui-col-xs-2 {
    width: 16.66667%
}

.oui-col-xs-3 {
    width: 25%
}

.oui-col-xs-4 {
    width: 33.33333%
}

.oui-col-xs-5 {
    width: 41.66667%
}

.oui-col-xs-6 {
    width: 50%
}

.oui-col-xs-7 {
    width: 58.33333%
}

.oui-col-xs-8 {
    width: 66.66667%
}

.oui-col-xs-9 {
    width: 75%
}

.oui-col-xs-10 {
    width: 83.33333%
}

.oui-col-xs-11 {
    width: 91.66667%
}

.oui-col-xs-12 {
    width: 100%
}

.oui-col-xs-pull-0 {
    right: auto
}

.oui-col-xs-pull-1 {
    right: 8.33333%
}

.oui-col-xs-pull-2 {
    right: 16.66667%
}

.oui-col-xs-pull-3 {
    right: 25%
}

.oui-col-xs-pull-4 {
    right: 33.33333%
}

.oui-col-xs-pull-5 {
    right: 41.66667%
}

.oui-col-xs-pull-6 {
    right: 50%
}

.oui-col-xs-pull-7 {
    right: 58.33333%
}

.oui-col-xs-pull-8 {
    right: 66.66667%
}

.oui-col-xs-pull-9 {
    right: 75%
}

.oui-col-xs-pull-10 {
    right: 83.33333%
}

.oui-col-xs-pull-11 {
    right: 91.66667%
}

.oui-col-xs-pull-12 {
    right: 100%
}

.oui-col-xs-push-0 {
    left: auto
}

.oui-col-xs-push-1 {
    left: 8.33333%
}

.oui-col-xs-push-2 {
    left: 16.66667%
}

.oui-col-xs-push-3 {
    left: 25%
}

.oui-col-xs-push-4 {
    left: 33.33333%
}

.oui-col-xs-push-5 {
    left: 41.66667%
}

.oui-col-xs-push-6 {
    left: 50%
}

.oui-col-xs-push-7 {
    left: 58.33333%
}

.oui-col-xs-push-8 {
    left: 66.66667%
}

.oui-col-xs-push-9 {
    left: 75%
}

.oui-col-xs-push-10 {
    left: 83.33333%
}

.oui-col-xs-push-11 {
    left: 91.66667%
}

.oui-col-xs-push-12 {
    left: 100%
}

.oui-col-xs-offset-0 {
    margin-left: 0
}

.oui-col-xs-offset-1 {
    margin-left: 8.33333%
}

.oui-col-xs-offset-2 {
    margin-left: 16.66667%
}

.oui-col-xs-offset-3 {
    margin-left: 25%
}

.oui-col-xs-offset-4 {
    margin-left: 33.33333%
}

.oui-col-xs-offset-5 {
    margin-left: 41.66667%
}

.oui-col-xs-offset-6 {
    margin-left: 50%
}

.oui-col-xs-offset-7 {
    margin-left: 58.33333%
}

.oui-col-xs-offset-8 {
    margin-left: 66.66667%
}

.oui-col-xs-offset-9 {
    margin-left: 75%
}

.oui-col-xs-offset-10 {
    margin-left: 83.33333%
}

.oui-col-xs-offset-11 {
    margin-left: 91.66667%
}

.oui-col-xs-offset-12 {
    margin-left: 100%
}

@media (min-width:768px) {

    .oui-col-sm-1,
    .oui-col-sm-2,
    .oui-col-sm-3,
    .oui-col-sm-4,
    .oui-col-sm-5,
    .oui-col-sm-6,
    .oui-col-sm-7,
    .oui-col-sm-8,
    .oui-col-sm-9,
    .oui-col-sm-10,
    .oui-col-sm-11,
    .oui-col-sm-12 {
        float: left
    }

    .oui-col-sm-1 {
        width: 8.33333%
    }

    .oui-col-sm-2 {
        width: 16.66667%
    }

    .oui-col-sm-3 {
        width: 25%
    }

    .oui-col-sm-4 {
        width: 33.33333%
    }

    .oui-col-sm-5 {
        width: 41.66667%
    }

    .oui-col-sm-6 {
        width: 50%
    }

    .oui-col-sm-7 {
        width: 58.33333%
    }

    .oui-col-sm-8 {
        width: 66.66667%
    }

    .oui-col-sm-9 {
        width: 75%
    }

    .oui-col-sm-10 {
        width: 83.33333%
    }

    .oui-col-sm-11 {
        width: 91.66667%
    }

    .oui-col-sm-12 {
        width: 100%
    }

    .oui-col-sm-pull-0 {
        right: auto
    }

    .oui-col-sm-pull-1 {
        right: 8.33333%
    }

    .oui-col-sm-pull-2 {
        right: 16.66667%
    }

    .oui-col-sm-pull-3 {
        right: 25%
    }

    .oui-col-sm-pull-4 {
        right: 33.33333%
    }

    .oui-col-sm-pull-5 {
        right: 41.66667%
    }

    .oui-col-sm-pull-6 {
        right: 50%
    }

    .oui-col-sm-pull-7 {
        right: 58.33333%
    }

    .oui-col-sm-pull-8 {
        right: 66.66667%
    }

    .oui-col-sm-pull-9 {
        right: 75%
    }

    .oui-col-sm-pull-10 {
        right: 83.33333%
    }

    .oui-col-sm-pull-11 {
        right: 91.66667%
    }

    .oui-col-sm-pull-12 {
        right: 100%
    }

    .oui-col-sm-push-0 {
        left: auto
    }

    .oui-col-sm-push-1 {
        left: 8.33333%
    }

    .oui-col-sm-push-2 {
        left: 16.66667%
    }

    .oui-col-sm-push-3 {
        left: 25%
    }

    .oui-col-sm-push-4 {
        left: 33.33333%
    }

    .oui-col-sm-push-5 {
        left: 41.66667%
    }

    .oui-col-sm-push-6 {
        left: 50%
    }

    .oui-col-sm-push-7 {
        left: 58.33333%
    }

    .oui-col-sm-push-8 {
        left: 66.66667%
    }

    .oui-col-sm-push-9 {
        left: 75%
    }

    .oui-col-sm-push-10 {
        left: 83.33333%
    }

    .oui-col-sm-push-11 {
        left: 91.66667%
    }

    .oui-col-sm-push-12 {
        left: 100%
    }

    .oui-col-sm-offset-0 {
        margin-left: 0
    }

    .oui-col-sm-offset-1 {
        margin-left: 8.33333%
    }

    .oui-col-sm-offset-2 {
        margin-left: 16.66667%
    }

    .oui-col-sm-offset-3 {
        margin-left: 25%
    }

    .oui-col-sm-offset-4 {
        margin-left: 33.33333%
    }

    .oui-col-sm-offset-5 {
        margin-left: 41.66667%
    }

    .oui-col-sm-offset-6 {
        margin-left: 50%
    }

    .oui-col-sm-offset-7 {
        margin-left: 58.33333%
    }

    .oui-col-sm-offset-8 {
        margin-left: 66.66667%
    }

    .oui-col-sm-offset-9 {
        margin-left: 75%
    }

    .oui-col-sm-offset-10 {
        margin-left: 83.33333%
    }

    .oui-col-sm-offset-11 {
        margin-left: 91.66667%
    }

    .oui-col-sm-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:1210px) {

    .oui-col-md-1,
    .oui-col-md-2,
    .oui-col-md-3,
    .oui-col-md-4,
    .oui-col-md-5,
    .oui-col-md-6,
    .oui-col-md-7,
    .oui-col-md-8,
    .oui-col-md-9,
    .oui-col-md-10,
    .oui-col-md-11,
    .oui-col-md-12 {
        float: left
    }

    .oui-col-md-1 {
        width: 8.33333%
    }

    .oui-col-md-2 {
        width: 16.66667%
    }

    .oui-col-md-3 {
        width: 25%
    }

    .oui-col-md-4 {
        width: 33.33333%
    }

    .oui-col-md-5 {
        width: 41.66667%
    }

    .oui-col-md-6 {
        width: 50%
    }

    .oui-col-md-7 {
        width: 58.33333%
    }

    .oui-col-md-8 {
        width: 66.66667%
    }

    .oui-col-md-9 {
        width: 75%
    }

    .oui-col-md-10 {
        width: 83.33333%
    }

    .oui-col-md-11 {
        width: 91.66667%
    }

    .oui-col-md-12 {
        width: 100%
    }

    .oui-col-md-pull-0 {
        right: auto
    }

    .oui-col-md-pull-1 {
        right: 8.33333%
    }

    .oui-col-md-pull-2 {
        right: 16.66667%
    }

    .oui-col-md-pull-3 {
        right: 25%
    }

    .oui-col-md-pull-4 {
        right: 33.33333%
    }

    .oui-col-md-pull-5 {
        right: 41.66667%
    }

    .oui-col-md-pull-6 {
        right: 50%
    }

    .oui-col-md-pull-7 {
        right: 58.33333%
    }

    .oui-col-md-pull-8 {
        right: 66.66667%
    }

    .oui-col-md-pull-9 {
        right: 75%
    }

    .oui-col-md-pull-10 {
        right: 83.33333%
    }

    .oui-col-md-pull-11 {
        right: 91.66667%
    }

    .oui-col-md-pull-12 {
        right: 100%
    }

    .oui-col-md-push-0 {
        left: auto
    }

    .oui-col-md-push-1 {
        left: 8.33333%
    }

    .oui-col-md-push-2 {
        left: 16.66667%
    }

    .oui-col-md-push-3 {
        left: 25%
    }

    .oui-col-md-push-4 {
        left: 33.33333%
    }

    .oui-col-md-push-5 {
        left: 41.66667%
    }

    .oui-col-md-push-6 {
        left: 50%
    }

    .oui-col-md-push-7 {
        left: 58.33333%
    }

    .oui-col-md-push-8 {
        left: 66.66667%
    }

    .oui-col-md-push-9 {
        left: 75%
    }

    .oui-col-md-push-10 {
        left: 83.33333%
    }

    .oui-col-md-push-11 {
        left: 91.66667%
    }

    .oui-col-md-push-12 {
        left: 100%
    }

    .oui-col-md-offset-0 {
        margin-left: 0
    }

    .oui-col-md-offset-1 {
        margin-left: 8.33333%
    }

    .oui-col-md-offset-2 {
        margin-left: 16.66667%
    }

    .oui-col-md-offset-3 {
        margin-left: 25%
    }

    .oui-col-md-offset-4 {
        margin-left: 33.33333%
    }

    .oui-col-md-offset-5 {
        margin-left: 41.66667%
    }

    .oui-col-md-offset-6 {
        margin-left: 50%
    }

    .oui-col-md-offset-7 {
        margin-left: 58.33333%
    }

    .oui-col-md-offset-8 {
        margin-left: 66.66667%
    }

    .oui-col-md-offset-9 {
        margin-left: 75%
    }

    .oui-col-md-offset-10 {
        margin-left: 83.33333%
    }

    .oui-col-md-offset-11 {
        margin-left: 91.66667%
    }

    .oui-col-md-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:1400px) {

    .oui-col-lg-1,
    .oui-col-lg-2,
    .oui-col-lg-3,
    .oui-col-lg-4,
    .oui-col-lg-5,
    .oui-col-lg-6,
    .oui-col-lg-7,
    .oui-col-lg-8,
    .oui-col-lg-9,
    .oui-col-lg-10,
    .oui-col-lg-11,
    .oui-col-lg-12 {
        float: left
    }

    .oui-col-lg-1 {
        width: 8.33333%
    }

    .oui-col-lg-2 {
        width: 16.66667%
    }

    .oui-col-lg-3 {
        width: 25%
    }

    .oui-col-lg-4 {
        width: 33.33333%
    }

    .oui-col-lg-5 {
        width: 41.66667%
    }

    .oui-col-lg-6 {
        width: 50%
    }

    .oui-col-lg-7 {
        width: 58.33333%
    }

    .oui-col-lg-8 {
        width: 66.66667%
    }

    .oui-col-lg-9 {
        width: 75%
    }

    .oui-col-lg-10 {
        width: 83.33333%
    }

    .oui-col-lg-11 {
        width: 91.66667%
    }

    .oui-col-lg-12 {
        width: 100%
    }

    .oui-col-lg-pull-0 {
        right: auto
    }

    .oui-col-lg-pull-1 {
        right: 8.33333%
    }

    .oui-col-lg-pull-2 {
        right: 16.66667%
    }

    .oui-col-lg-pull-3 {
        right: 25%
    }

    .oui-col-lg-pull-4 {
        right: 33.33333%
    }

    .oui-col-lg-pull-5 {
        right: 41.66667%
    }

    .oui-col-lg-pull-6 {
        right: 50%
    }

    .oui-col-lg-pull-7 {
        right: 58.33333%
    }

    .oui-col-lg-pull-8 {
        right: 66.66667%
    }

    .oui-col-lg-pull-9 {
        right: 75%
    }

    .oui-col-lg-pull-10 {
        right: 83.33333%
    }

    .oui-col-lg-pull-11 {
        right: 91.66667%
    }

    .oui-col-lg-pull-12 {
        right: 100%
    }

    .oui-col-lg-push-0 {
        left: auto
    }

    .oui-col-lg-push-1 {
        left: 8.33333%
    }

    .oui-col-lg-push-2 {
        left: 16.66667%
    }

    .oui-col-lg-push-3 {
        left: 25%
    }

    .oui-col-lg-push-4 {
        left: 33.33333%
    }

    .oui-col-lg-push-5 {
        left: 41.66667%
    }

    .oui-col-lg-push-6 {
        left: 50%
    }

    .oui-col-lg-push-7 {
        left: 58.33333%
    }

    .oui-col-lg-push-8 {
        left: 66.66667%
    }

    .oui-col-lg-push-9 {
        left: 75%
    }

    .oui-col-lg-push-10 {
        left: 83.33333%
    }

    .oui-col-lg-push-11 {
        left: 91.66667%
    }

    .oui-col-lg-push-12 {
        left: 100%
    }

    .oui-col-lg-offset-0 {
        margin-left: 0
    }

    .oui-col-lg-offset-1 {
        margin-left: 8.33333%
    }

    .oui-col-lg-offset-2 {
        margin-left: 16.66667%
    }

    .oui-col-lg-offset-3 {
        margin-left: 25%
    }

    .oui-col-lg-offset-4 {
        margin-left: 33.33333%
    }

    .oui-col-lg-offset-5 {
        margin-left: 41.66667%
    }

    .oui-col-lg-offset-6 {
        margin-left: 50%
    }

    .oui-col-lg-offset-7 {
        margin-left: 58.33333%
    }

    .oui-col-lg-offset-8 {
        margin-left: 66.66667%
    }

    .oui-col-lg-offset-9 {
        margin-left: 75%
    }

    .oui-col-lg-offset-10 {
        margin-left: 83.33333%
    }

    .oui-col-lg-offset-11 {
        margin-left: 91.66667%
    }

    .oui-col-lg-offset-12 {
        margin-left: 100%
    }
}

.collapse {
    visibility: hidden
}

.collapse.in {
    visibility: visible
}

.collapsing {
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.oui-label {
    display: inline-block;
    padding: 0 1.4em;
    font-weight: 700;
    height: 2em;
    line-height: 2em;
    white-space: nowrap;
    border-radius: .25em;
    position: relative;
    background-color: #5cb85c
}

.oui-label.oui-label-lg {
    font-size: 16px
}

.oui-label.oui-label-2x,
.oui-label.oui-label-3x {
    font-size: 12px
}

.oui-label.oui-label-4x .oui-label.oui-label-5x {
    font-size: 8px
}

.oui-label .oui-label-text {
    color: #fff
}

.oui-label:empty {
    display: none
}

.oui-btn .oui-label {
    position: relative;
    top: -1px
}

.oui-label.oui-label-corner {
    width: 0;
    height: 0;
    position: absolute;
    border-style: solid;
    background-color: transparent;
    border-radius: 0;
    color: #fff;
    padding: 0;
    border-width: 2em;
    top: 0
}

.oui-label.oui-label-corner .oui-icon {
    top: -1.5em;
    position: relative
}

.oui-label.oui-label-corner.oui-label-left.oui-label-top {
    border-color: #5cb85c transparent transparent #5cb85c;
    left: 0
}

.oui-label.oui-label-corner.oui-label-left.oui-label-top .oui-icon {
    left: -1.3em
}

.oui-label.oui-label-corner.oui-label-top.oui-label-right {
    border-color: #5cb85c #5cb85c transparent transparent;
    right: 0
}

.oui-label.oui-label-corner.oui-label-top.oui-label-right .oui-icon {
    left: .35em
}

.oui-label.oui-label-circular {
    border-radius: 500em;
    padding-left: 1em;
    padding-right: 1em
}

.oui-label.oui-label-ribbon {
    position: relative;
    top: 1em
}

.oui-label.oui-label-ribbon.oui-label-left {
    left: -1em;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    position: absolute
}

.oui-label.oui-label-ribbon.oui-label-left .oui-label-assist {
    left: 0;
    border-right-color: #449d44
}

.oui-label.oui-label-ribbon.oui-label-right {
    right: -1em;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    position: absolute
}

.oui-label.oui-label-ribbon.oui-label-right .oui-label-assist {
    right: 0;
    border-left-color: #449d44
}

.oui-label.oui-label-ribbon .oui-label-assist {
    width: 0;
    height: 0;
    border: .5em solid transparent;
    position: absolute;
    top: 2em;
    border-top-color: #449d44
}

.oui-label.oui-label-tag {
    border-radius: 0 .25em .25em 0;
    padding: 0 1.4em
}

.oui-label.oui-label-tag .oui-label-assist {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1em;
    right: 100%;
    top: 0;
    background-color: transparent;
    background-image: none;
    border-color: transparent #5cb85c transparent transparent
}

.oui-label.oui-label-tag .oui-label-assist .oui-label-heart {
    border-radius: 500em;
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, .3);
    position: absolute;
    background-color: #fff;
    width: .5em;
    height: .5em;
    left: .85em;
    top: -.2em
}

.oui-label.oui-label-tips {
    border-radius: .167em;
    width: 4.917em;
    height: 2em;
    padding: 0 .5em;
    background-color: #3fa8fc;
    color: #fff
}

.oui-label.oui-label-tips .oui-label-assist {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .43em;
    right: 100%;
    top: .7em;
    background-color: transparent;
    background-image: none
}

.oui-label.oui-label-tips.oui-label-arrow-left .oui-label-assist {
    border-color: transparent #3fa8fc transparent transparent
}

.oui-label.oui-label-tips.oui-label-arrow-right .oui-label-assist {
    right: -.814em;
    border-color: transparent transparent transparent #3fa8fc
}

.oui-label.oui-label-rect {
    border: 1px solid #e0e0e0;
    background-color: #fff;
    padding: 0 .58em
}

.oui-label.oui-label-rect .oui-label-text {
    color: #666
}

.oui-label.oui-label-rank {
    width: 1.6em;
    height: 1.76em;
    line-height: 1.6em;
    text-align: center;
    color: #fff;
    border-radius: 0;
    padding: 0;
    background-color: #fd7322
}

.oui-label.oui-label-rank .oui-label-assist {
    position: absolute;
    border-style: solid;
    width: 0;
    height: 0;
    border-color: transparent #fd7322;
    border-width: 0 .8em .533em;
    top: 1.76em;
    left: 0
}

.oui-label.oui-label-attr {
    width: 4em;
    height: 1.67em;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    text-align: center;
    line-height: 1.67em;
    padding: 0;
    background-color: #5ec8ce
}

.oui-label.oui-label-attr.oui-label-red {
    background-color: #fd7322
}

.oui-label.oui-label-attr.oui-label-red .oui-label-assist {
    border-color: transparent;
    border-right-color: #fd7322
}

.oui-label.oui-label-attr.oui-label-green {
    background-color: #8ac45b
}

.oui-label.oui-label-attr.oui-label-green .oui-label-assist {
    border-color: transparent;
    border-right-color: #8ac45b
}

.oui-label.oui-label-attr.oui-label-blue {
    background-color: #5ec8ce
}

.oui-label.oui-label-attr.oui-label-blue .oui-label-assist {
    border-color: transparent;
    border-right-color: #5ec8ce
}

.oui-label.oui-label-attr .oui-label-assist {
    position: absolute;
    height: 1.67em;
    border-style: solid;
    border-width: .67em .67em .67em 0;
    border-color: transparent;
    border-right-color: #5ec8ce;
    left: -.64em
}

.oui-label.oui-label-attr .oui-label-assist .oui-label-heart {
    border-radius: 500em;
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, .3);
    position: absolute;
    background-color: #fff;
    width: .33em;
    height: .33em;
    left: .33em;
    top: 0
}

a.oui-label:focus,
a.oui-label:hover {
    text-decoration: none;
    cursor: pointer
}

.oui-alert {
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 2px
}

.oui-alert>p,
.oui-alert>ul {
    margin-bottom: 0
}

.oui-alert>p+p {
    margin-top: 5px
}

.oui-alert .oui-close-icon {
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #7c7c7c;
    cursor: pointer;
    line-height: 20px;
    height: 20px
}

.oui-alert-primary {
    background-color: #7ec6fa;
    border: 1px solid #4cb0f9;
    color: #fff
}

.oui-alert-success {
    background-color: #a3d7a3;
    border: 1px solid #80c780;
    color: #fff
}

.oui-alert-warning {
    background-color: #f8d9ac;
    border: 1px solid #f4c37d;
    color: #fff
}

.oui-alert-danger {
    background-color: #eba5a3;
    border: 1px solid #e27c79;
    color: #fff
}

@font-face {
    font-family: oneui-icon;
    src: url("//at.alicdn.com/t/font_1466667564_918263.woff") format("woff"), url("//at.alicdn.com/t/font_1466667564_918263.woff") format("woff"), url("//at.alicdn.com/t/font_1466667564_918263.ttf") format("truetype"), url("//at.alicdn.com/t/font_1466667564_918263.ttf") format("truetype"), url("//at.alicdn.com/t/font_1466667564_918263.svg#oneui-icon") format("svg"), url("//at.alicdn.com/t/font_1466667564_918263.svg#oneui-icon") format("svg")
}

.oui-icon {
    font-family: oneui-icon !important;
    font-size: 1em;
    font-style: normal;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}

.oui-icon-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.oui-icon-2x {
    font-size: 2em
}

.oui-icon-3x {
    font-size: 3em
}

.oui-icon-4x {
    font-size: 4em
}

.oui-icon-5x {
    font-size: 5em
}

.oui-icon-spin {
    -webkit-animation: oui-icon-spin 2s infinite linear;
    animation: oui-icon-spin 2s infinite linear
}

.oui-icon-pulse {
    -webkit-animation: oui-icon-spin 1s infinite steps(8);
    animation: oui-icon-spin 1s infinite steps(8)
}

@-webkit-keyframes oui-icon-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes oui-icon-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.oui-icon-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.oui-icon-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.oui-icon-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.oui-icon-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.oui-icon-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}

:root .oui-icon-flip-horizontal,
:root .oui-icon-flip-vertical,
:root .oui-icon-rotate-90,
:root .oui-icon-rotate-180,
:root .oui-icon-rotate-270 {
    filter: none
}

.oui-icon-chevron-right:before {
    content: "\E600"
}

.oui-icon-chevron-left:before {
    content: "\E601"
}

.oui-icon-caret-top:before {
    content: "\E602"
}

.oui-icon-caret-down:before {
    content: "\E603"
}

.oui-icon-caret-right:before {
    content: "\E604"
}

.oui-icon-caret-left:before {
    content: "\E605"
}

.oui-icon-star:before {
    content: "\E619"
}

.oui-icon-star-o:before {
    content: "\E606"
}

.oui-icon-heart:before {
    content: "\E609"
}

.oui-icon-heart-o:before {
    content: "\E60B"
}

.oui-icon-angle-left:before {
    content: "\E60D"
}

.oui-icon-angle-right:before {
    content: "\E60E"
}

.oui-icon-angle-up:before {
    content: "\E60F"
}

.oui-icon-angle-down:before {
    content: "\E610"
}

.oui-icon-check:before {
    content: "\E612"
}

.oui-icon-check-circle:before {
    content: "\E608"
}

.oui-icon-multiply:before {
    content: "\E618"
}

.oui-icon-times:before {
    content: "\E613"
}

.oui-icon-times-circle:before {
    content: "\E614"
}

.oui-icon-plus:before {
    content: "\E615"
}

.oui-icon-minus:before {
    content: "\E616"
}

.oui-icon-arrow-left:before {
    content: "\E617"
}

.oui-icon-arrow-right:before {
    content: "\E60A"
}

.oui-icon-eye:before {
    content: "\E61A"
}

.oui-icon-spinner:before {
    content: "\E61B"
}

.oui-icon-circle:before {
    content: "\E607"
}

.oui-icon-download:before {
    content: "\E621"
}

.oui-icon-trend-up:before {
    content: "\E620"
}

.oui-icon-trend-down:before {
    content: "\E61C"
}

.oui-icon-search:before {
    content: "\E630"
}

.oui-icon-dust:before {
    content: "\E62C"
}

.oui-icon-wireless:before {
    content: "\E631"
}

.oui-icon-pay:before {
    content: "\E638"
}

.oui-icon-cash:before {
    content: "\E629"
}

.oui-icon-rank:before {
    content: "\E62F"
}

.oui-icon-phone:before {
    content: "\E634"
}

.oui-icon-doubt:before {
    content: "\E62D"
}

.oui-icon-vs:before {
    content: "\E62E"
}

.oui-icon-calendar:before {
    content: "\E62B"
}

.oui-icon-clock:before {
    content: "\E611"
}

.oui-icon-loading:before {
    content: "\E62A"
}

.oui-icon-fullscreen:before {
    content: "\E63B"
}

.oui-icon-fullscreen-exit:before {
    content: "\E63A"
}

.oui-icon-info:before {
    content: "\E622"
}

.oui-icon-info-o:before {
    content: "\E61D"
}

.oui-icon-warning:before {
    content: "\E61E"
}

.oui-icon-warning-o:before {
    content: "\E623"
}

.oui-icon-success:before {
    content: "\E626"
}

.oui-icon-success-o:before {
    content: "\E608"
}

.oui-icon-dot:before {
    content: "\E623"
}

.oui-icon-radio-border:before {
    content: "\E624"
}

.oui-icon-radio-dot:before {
    content: "\E625"
}

.oui-icon-radio-shadow:before {
    content: "\E607"
}

.oui-icon-checkbox-border:before {
    content: "\E60C"
}

.oui-icon-checkbox-dot:before {
    content: "\E628"
}

.oui-icon-checkbox-shadow:before {
    content: "\E627"
}

.oui-icon-lock:before {
    content: "\E632"
}

.oui-icon-unlock:before {
    content: "\E633"
}

.clearfix:after,
.clearfix:before,
.oui-clearfix:after,
.oui-clearfix:before {
    content: " ";
    display: table
}

.clearfix:after,
.oui-clearfix:after {
    clear: both
}

.center-block,
.oui-center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.oui-pull-right,
.pull-right {
    float: right !important
}

.oui-pull-left,
.pull-left {
    float: left !important
}

.hide,
.oui-hide {
    display: none !important
}

.oui-show,
.show {
    display: block !important
}

.invisible,
.oui-invisible {
    visibility: hidden
}

.oui-text-hide,
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden,
.oui-hidden {
    display: none !important;
    visibility: hidden !important
}

.oui-serif,
.serif {
    font-family: \\5B8B\4F53, STHeiti, Hiragino Mincho ProN, WenQuanYi Bitmap Song, serif
}

.oui-sans-serif,
.sans-serif {
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif
}

.monospace,
.oui-monospace {
    font-family: Menlo, Consolas, Liberation Mono, Courier New, Courier, monospace
}

.num,
.oui-num {
    font-family: Helvetica Neue, Tahoma, Helvetica, Arial
}

.oui-breadcrumb .oui-breadcrumb-item {
    display: inline-block;
    height: 36px;
    padding: 8px 0;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none
}

.oui-breadcrumb .oui-breadcrumb-item.disabled {
    color: #999
}

.oui-breadcrumb .oui-breadcrumb-item.enabled {
    cursor: pointer;
    color: #1e82c7
}

.oui-breadcrumb .oui-breadcrumb-separator {
    font-size: 8px;
    vertical-align: middle;
    margin: 0 4px
}

.oui-carousel:after,
.oui-carousel:before {
    content: " ";
    display: table
}

.oui-carousel:after {
    clear: both
}

.oui-carousel .oui-next,
.oui-carousel .oui-prev {
    margin: 0;
    padding: 0;
    float: left;
    width: 14px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.oui-carousel .oui-next.oui-enabled:hover,
.oui-carousel .oui-prev.oui-enabled:hover {
    border-color: #34a0e7;
    color: #34a0e7
}

.oui-carousel .oui-prev {
    margin-right: 10px
}

.oui-carousel .oui-disabled {
    border-color: #e0e0e0;
    cursor: default;
    color: #ccc;
    background: #fff
}

.oui-carousel.oui-scrollx .oui-angle-next,
.oui-carousel.oui-scrollx .oui-angle-prev {
    font-size: 15px
}

.oui-carousel.oui-scrolly .oui-angle-next,
.oui-carousel.oui-scrolly .oui-angle-prev {
    font-size: 14px
}

.oui-carousel .oui-carousel-container {
    position: relative;
    float: left;
    margin-right: 10px;
    overflow: hidden
}

.oui-carousel .oui-carousel-container .oui-carousel-list {
    position: relative;
    transition: left .5s ease-in-out, top .5s ease-in-out;
    min-width: 246px;
    height: 100%;
    padding: 0;
    margin: 0
}

.oui-carousel .oui-carousel-container .oui-carousel-list:after,
.oui-carousel .oui-carousel-container .oui-carousel-list:before {
    content: " ";
    display: table
}

.oui-carousel .oui-carousel-container .oui-carousel-list:after {
    clear: both
}

.oui-carousel .oui-carousel-container .oui-carousel-list .oui-carousel-item {
    float: left;
    border: 1px solid #d9d9d9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    font-size: 0
}

.oui-carousel .oui-carousel-container .oui-carousel-list .oui-carousel-item .box-img {
    display: table-cell;
    vertical-align: middle
}

.oui-carousel .oui-carousel-container .oui-carousel-list .oui-carousel-item .box-img img {
    max-width: 70px;
    max-height: 70px
}

.oui-counter {
    color: #666;
    font-size: 12px;
    line-height: 1.42857;
    display: inline-block
}

.oui-counter.oui-counter-animating .oui-counter-ribbon {
    transform: translateY(-100%);
    transition: transform 1s;
    transition-timing-function: cubic-bezier(.21, .09, .18, 1.04)
}

.oui-counter .oui-counter-digit {
    position: relative
}

.oui-counter .oui-counter-digit,
.oui-counter .oui-counter-digit .oui-counter-placeholder {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto
}

.oui-counter .oui-counter-digit .oui-counter-placeholder {
    visibility: hidden
}

.oui-counter .oui-counter-digit .oui-counter-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.oui-counter .oui-counter-digit .oui-counter-inner .oui-counter-value {
    display: block
}

.oui-calendar,
.oui-counter .oui-counter-digit .oui-counter-inner .oui-counter-value.oui-counter-last {
    position: absolute
}

.oui-calendar {
    display: none;
    z-index: 1201;
    top: 0
}

.oui-calendar:after,
.oui-calendar:before {
    content: " ";
    display: table
}

.oui-calendar:after {
    clear: both
}

.oui-calendar.oui-active {
    display: block
}

.oui-calendar .oui-popup-content {
    padding: 0;
    position: relative;
    background: #fff;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 0
}

.oui-calendar .oui-arrow {
    border: solid transparent;
    height: 0;
    width: 0;
    text-align: center;
    display: block
}

.oui-calendar.oui-placement-left {
    padding-right: 0
}

.oui-calendar.oui-placement-right {
    padding-left: 0
}

.oui-calendar.oui-placement-top {
    padding-bottom: 0
}

.oui-calendar.oui-placement-bottom {
    padding-top: 0
}

.oui-calendar.oui-has-arrow.oui-placement-left {
    padding-right: 6px
}

.oui-calendar.oui-has-arrow.oui-placement-left .oui-arrow-container {
    position: absolute;
    right: -5px;
    width: 12px;
    height: 12px
}

.oui-calendar.oui-has-arrow.oui-placement-left .oui-arrow-container .oui-arrow-outer {
    border-left-color: #ccc
}

.oui-calendar.oui-has-arrow.oui-placement-left .oui-arrow-container .oui-arrow-inner {
    border-left-color: #fff
}

.oui-calendar.oui-has-arrow.oui-placement-right {
    padding-left: 6px
}

.oui-calendar.oui-has-arrow.oui-placement-right .oui-arrow-container {
    position: absolute;
    left: -5px;
    width: 12px;
    height: 12px
}

.oui-calendar.oui-has-arrow.oui-placement-right .oui-arrow-container .oui-arrow-outer {
    border-right-color: #ccc
}

.oui-calendar.oui-has-arrow.oui-placement-right .oui-arrow-container .oui-arrow-inner {
    border-right-color: #fff
}

.oui-calendar.oui-has-arrow.oui-placement-top {
    padding-bottom: 6px
}

.oui-calendar.oui-has-arrow.oui-placement-top .oui-arrow-container {
    position: absolute;
    bottom: -5px;
    width: 12px;
    height: 12px
}

.oui-calendar.oui-has-arrow.oui-placement-top .oui-arrow-container .oui-arrow-outer {
    border-top-color: #ccc
}

.oui-calendar.oui-has-arrow.oui-placement-top .oui-arrow-container .oui-arrow-inner {
    border-top-color: #fff
}

.oui-calendar.oui-has-arrow.oui-placement-bottom {
    padding-top: 6px
}

.oui-calendar.oui-has-arrow.oui-placement-bottom .oui-arrow-container {
    position: absolute;
    top: -5px;
    width: 12px;
    height: 12px
}

.oui-calendar.oui-has-arrow.oui-placement-bottom .oui-arrow-container .oui-arrow-outer {
    border-bottom-color: #ccc
}

.oui-calendar.oui-has-arrow.oui-placement-bottom .oui-arrow-container .oui-arrow-inner {
    border-bottom-color: #fff
}

.oui-calendar.oui-has-arrow.oui-placement-top .oui-arrow-inner {
    margin-top: -12px
}

.oui-calendar.oui-has-arrow.oui-placement-bottom .oui-arrow-inner {
    margin-top: -10px
}

.oui-calendar.oui-has-arrow.oui-placement-left .oui-arrow-inner {
    float: left
}

.oui-calendar.oui-has-arrow.oui-placement-right .oui-arrow-inner {
    float: right
}

.oui-calendar.oui-placement-bottom .oui-arrow-container,
.oui-calendar.oui-placement-top .oui-arrow-container {
    margin-left: -6px
}

.oui-calendar.oui-placement-bottom .oui-arrow-inner,
.oui-calendar.oui-placement-top .oui-arrow-inner {
    margin-left: 1px
}

.oui-calendar.oui-placement-left .oui-arrow-container,
.oui-calendar.oui-placement-right .oui-arrow-container {
    margin-top: -6px
}

.oui-calendar.oui-placement-left .oui-arrow-inner,
.oui-calendar.oui-placement-right .oui-arrow-inner {
    margin-top: -11px
}

.oui-calendar .oui-arrow-outer {
    border-width: 6px
}

.oui-calendar .oui-arrow-inner {
    border-width: 5px
}

.oui-calendar.oui-offset-top .oui-arrow-container {
    top: 11px
}

.oui-calendar.oui-offset-middle .oui-arrow-container {
    top: 50%
}

.oui-calendar.oui-offset-bottom .oui-arrow-container {
    bottom: 5px
}

.oui-calendar.oui-offset-left .oui-arrow-container {
    left: 11px
}

.oui-calendar.oui-offset-center .oui-arrow-container {
    left: 50%
}

.oui-calendar.oui-offset-right .oui-arrow-container {
    right: 5px
}

.oui-calendar-trigger {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden
}

.oui-calendar-trigger:after,
.oui-calendar-trigger:before {
    content: " ";
    display: table
}

.oui-calendar-trigger:after {
    clear: both
}

.oui-calendar-trigger .oui-icon {
    position: absolute;
    right: 10px
}

.oui-calendar-trigger input {
    border: 1px solid #eee;
    padding-left: 10px
}

.oui-calendar-trigger.oui-disabled {
    cursor: default;
    pointer-events: none;
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.oui-calendar-content {
    width: 232px;
    font-size: 12px;
    font-family: \\5B8B\4F53, STHeiti, Hiragino Mincho ProN, WenQuanYi Bitmap Song, serif;
    line-height: 18px;
    font-weight: 1.5;
    color: #555;
    background-color: #f9f9f9;
    border: none;
    border-spacing: 0;
    box-shadow: none;
    text-align: center;
    z-index: 1111
}

.oui-calendar-content.quarter .oui-calendar-control.year,
.oui-calendar-content.year .oui-calendar-control.year {
    width: 110px
}

.oui-calendar-content.quarter .oui-calendar-control.month,
.oui-calendar-content.year .oui-calendar-control.month {
    display: none
}

.oui-calendar-content .oui-calendar-date,
.oui-calendar-content .oui-calendar-month,
.oui-calendar-content .oui-calendar-year {
    border: none;
    box-shadow: none;
    border-collapse: separate;
    *border-collapse: collapse;
    border-spacing: 0;
    padding: 4px
}

.oui-calendar-content .oui-calendar-pannel {
    height: 30px;
    line-height: 30px;
    padding: 0;
    margin: 0;
    background: #f9f9f9
}

.oui-calendar-content .oui-calendar-pannel:after,
.oui-calendar-content .oui-calendar-pannel:before {
    content: " ";
    display: table
}

.oui-calendar-content .oui-calendar-pannel:after {
    clear: both
}

.oui-calendar-content .oui-calendar-pannel .month,
.oui-calendar-content .oui-calendar-pannel .year {
    width: 24%;
    font-weight: 700
}

.oui-calendar-content .oui-calendar-control {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    float: left;
    width: 13%;
    cursor: pointer;
    font-weight: 400
}

.oui-calendar-content .oui-calendar-control.disabled {
    visibility: hidden
}

.oui-calendar-content .oui-calendar-control:hover {
    background-color: #efefee
}

.oui-calendar-content .oui-calendar-table {
    border-bottom: 1px solid #dadada;
    background-color: #fff
}

.oui-calendar-content td {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.oui-calendar-content td.disabled-element {
    cursor: not-allowed !important
}

.oui-calendar-date {
    border: none;
    box-shadow: none;
    border-collapse: separate;
    *border-collapse: collapse;
    border-spacing: 0
}

.oui-calendar-date td,
.oui-calendar-date th {
    width: 34px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    margin: 0;
    text-align: center;
    border: none;
    cursor: pointer
}

.oui-calendar-date .oui-calendar-day-column {
    background-color: #f4f6f9;
    color: #34a0e7
}

.oui-calendar-date .oui-calendar-day-column th {
    border-color: #f4f6f9;
    cursor: default
}

.oui-calendar-date .oui-calendar-date-column .oui-calendar-day-0,
.oui-calendar-date .oui-calendar-date-column .oui-calendar-day-6 {
    color: #34a0e7
}

.oui-calendar-date .oui-calendar-date-column td.hover-element,
.oui-calendar-date .oui-calendar-date-column td:hover {
    cursor: pointer;
    background-color: #bde0f7
}

.oui-calendar-date .oui-calendar-date-column td.range-element {
    background-color: #78c0ef
}

.oui-calendar-date .oui-calendar-date-column td.range-element.hover-element,
.oui-calendar-date .oui-calendar-date-column td.range-element:hover {
    background-color: #bde0f7
}

.oui-calendar-date .oui-calendar-date-column td.next-month,
.oui-calendar-date .oui-calendar-date-column td.previous-month {
    color: #ccc
}

.oui-calendar-date .oui-calendar-date-column td.next-month:hover,
.oui-calendar-date .oui-calendar-date-column td.previous-month:hover {
    cursor: default;
    border-color: #fff
}

.oui-calendar-date .oui-calendar-date-column td.focused-element {
    color: #fff;
    background-color: #34a0e7
}

.oui-calendar-date .oui-calendar-date-column td.starred-element {
    color: #70cbca;
    background-position: 23px 2px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAApCAYAAADjyNMbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAxhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDM0MiwgMjAxMC8wMS8xMC0xODowNjo0MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowMTkzODMwNjFDNEExMUUzQTg5RUI0NjdCQkJDQjUyRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowMTkzODMwNzFDNEExMUUzQTg5RUI0NjdCQkJDQjUyRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAxOTM4MzA0MUM0QTExRTNBODlFQjQ2N0JCQkNCNTJGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxOTM4MzA1MUM0QTExRTNBODlFQjQ2N0JCQkNCNTJGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+q66C6AAAAQ1JREFUeNpi+P//PwMyzj596i+6GAwzMSCBnDOnk4AUE5BOZ8ACGEE6oAo5gNQnIGaFynFNMTH9jqIYaO1/BgIAqIkRRIOcYUFArTWKM4BOkAeyH2BRqAk09QY2N//HZT0MMEEVGiKJnUEKHVMMxVB3/QRieaBpIAVCQPwDiG2wBh0xYFTxqOJRxQOrGGtpCSrSCJai0LKiGErXossxYbGsB0o3YbgZaKUSkFYElWtAHAjETkjyx4B4BRBfB+J7LEDiLh4vWUExSilKVBmNXIqCyjZ2LOr+ABWyonuwBYeh7dhCwweHYm9sis2hNKjoTQbij1C+EUwBC5opFUD3dULZ84D+yAfSE2CSAAEGALqk0FpOdtFIAAAAAElFTkSuQmCC);
    background-repeat: no-repeat
}

.oui-calendar-date .oui-calendar-date-column td.disabled-element {
    background-color: #e2e2e2;
    color: #c3c3c3
}

.oui-calendar-date .oui-calendar-date-column td.disabled-element:hover {
    border-color: #fff
}

table.oui-calendar-date tr {
    border: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #fff
}

.oui-calendar-month {
    border: none;
    box-shadow: none;
    border-collapse: separate;
    *border-collapse: collapse;
    border-spacing: 0
}

.oui-calendar-month .oui-calendar-month-column td {
    width: 79px;
    height: 36px;
    line-height: 36px;
    padding: 0;
    margin: 0;
    text-align: center;
    border: none;
    cursor: pointer
}

.oui-calendar-month .oui-calendar-month-column td:hover {
    cursor: pointer;
    background-color: #bde0f7
}

.oui-calendar-month .oui-calendar-month-column td.focused-element {
    color: #fff;
    background: #34a0e7
}

.oui-calendar-month .oui-calendar-month-column td.disabled-element {
    background: #e2e2e2;
    color: #c3c3c3
}

.oui-calendar-month .oui-calendar-month-column td.disabled-element:hover {
    border-color: #fff
}

table.oui-calendar-month tr {
    border: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #fff
}

.oui-calendar-quarter {
    border: none;
    box-shadow: none;
    border-collapse: separate;
    *border-collapse: collapse;
    border-spacing: 0
}

.oui-calendar-quarter .oui-calendar-quarter-column td {
    width: 118px;
    height: 50px;
    line-height: 50px;
    padding: 0;
    margin: 0;
    text-align: center;
    border: none;
    cursor: pointer
}

.oui-calendar-quarter .oui-calendar-quarter-column td:hover {
    cursor: pointer;
    background-color: #bde0f7
}

.oui-calendar-quarter .oui-calendar-quarter-column td.focused-element {
    color: #fff;
    background: #34a0e7
}

.oui-calendar-quarter .oui-calendar-quarter-column td.disabled-element {
    background: #e2e2e2;
    color: #c3c3c3
}

.oui-calendar-quarter .oui-calendar-quarter-column td.disabled-element:hover {
    border-color: #fff
}

table.oui-calendar-quarter tr {
    border: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #fff
}

.oui-calendar-year {
    border: none;
    box-shadow: none;
    border-collapse: separate;
    *border-collapse: collapse;
    border-spacing: 0
}

.oui-calendar-year .oui-calendar-year-column td {
    width: 79px;
    height: 36px;
    line-height: 36px;
    padding: 0;
    margin: 0;
    text-align: center;
    border: none;
    cursor: pointer
}

.oui-calendar-year .oui-calendar-year-column td:hover {
    cursor: pointer;
    background-color: #bde0f7
}

.oui-calendar-year .oui-calendar-year-column td.focused-element {
    color: #fff;
    background: #34a0e7
}

.oui-calendar-year .oui-calendar-year-column td.disabled-element {
    background-color: #e2e2e2;
    color: #c3c3c3
}

.oui-calendar-year .oui-calendar-year-column td.disabled-element:hover {
    border-color: #fff
}

table.oui-calendar-year tr {
    border: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #fff
}

#oui-dialog-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50)
}

.oui-dialog {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    outline: none;
    left: -100%;
    transition: padding-top .3s
}

.oui-dialog.dialog-hide-active .oui-dialog-locator,
.oui-dialog.dialog-show-active .oui-dialog-locator {
    animation-duration: .3s;
    animation-fill-mode: forwards
}

.oui-dialog.dialog-show-active .oui-dialog-locator {
    animation-name: sandra-open
}

.oui-dialog.dialog-hide-active .oui-dialog-locator {
    animation-name: sandra-close
}

.oui-dialog.dialog-hide-active,
.oui-dialog.dialog-show,
.oui-dialog.dialog-show-active {
    left: 0
}

.oui-dialog.dialog-show .oui-dialog-locator {
    top: 0;
    opacity: 1
}

@-webkit-keyframes sandra-open {
    0% {
        opacity: 0;
        transform: scale3d(1.1, 1.1, 1)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

@-moz-keyframes sandra-open {
    0% {
        opacity: 0;
        transform: scale3d(1.1, 1.1, 1)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

@-o-keyframes sandra-open {
    0% {
        opacity: 0;
        transform: scale3d(1.1, 1.1, 1)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

@keyframes sandra-open {
    0% {
        opacity: 0;
        transform: scale3d(1.1, 1.1, 1)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

@-webkit-keyframes sandra-close {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: scale3d(.9, .9, 1)
    }
}

@-moz-keyframes sandra-close {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: scale3d(.9, .9, 1)
    }
}

@-o-keyframes sandra-close {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: scale3d(.9, .9, 1)
    }
}

@keyframes sandra-close {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: scale3d(.9, .9, 1)
    }
}

.oui-dialog .oui-dialog-locator {
    max-width: 800px;
    min-width: 330px;
    width: 524px;
    outline: none;
    overflow: auto;
    margin: 0 auto;
    opacity: 0;
    box-shadow: 0 14px 45px rgba(0, 0, 0, .25)
}

.oui-dialog .oui-dialog-locator .oui-dialog-container {
    position: relative;
    background-color: #fff;
    border-radius: 3px;
    background-clip: padding-box;
    outline: none
}

.oui-dialog .oui-dialog-locator .oui-dialog-container:after,
.oui-dialog .oui-dialog-locator .oui-dialog-container:before {
    content: " ";
    display: table
}

.oui-dialog .oui-dialog-locator .oui-dialog-container:after {
    clear: both
}

.oui-dialog .oui-dialog-locator .oui-dialog-container .oui-dialog-header {
    padding: 0 10px 0 25px;
    border-bottom: 1px solid #ccc;
    background-color: #f5f5f5;
    border-radius: 3px 3px 0 0;
    color: #666
}

.oui-dialog .oui-dialog-locator .oui-dialog-container .oui-dialog-header:after,
.oui-dialog .oui-dialog-locator .oui-dialog-container .oui-dialog-header:before {
    content: " ";
    display: table
}

.oui-dialog .oui-dialog-locator .oui-dialog-container .oui-dialog-header:after {
    clear: both
}

.oui-dialog .oui-dialog-locator .oui-dialog-container .oui-dialog-header .oui-dialog-title {
    float: left;
    margin: 0;
    height: 54px;
    color: #333;
    line-height: 54px;
    font-size: 14px;
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif
}

.oui-dialog .oui-dialog-locator .oui-dialog-container .oui-dialog-header .oui-dialog-close {
    float: right;
    height: 54px;
    line-height: 54px;
    text-decoration: none;
    color: #999;
    font-size: 21.6px;
    cursor: pointer
}

.oui-dialog .oui-dialog-locator .oui-dialog-container .oui-dialog-header .oui-dialog-close:hover {
    color: #333
}

.oui-dialog .oui-dialog-locator .oui-dialog-container .oui-dialog-content {
    margin: 25px;
    min-height: 175px;
    font-size: 12px;
    border-radius: 0 0 3px 3px
}

.oui-dialog .oui-dialog-locator .oui-dialog-container .oui-dialog-content:after,
.oui-dialog .oui-dialog-locator .oui-dialog-container .oui-dialog-content:before {
    content: " ";
    display: table
}

.oui-dialog .oui-dialog-locator .oui-dialog-container .oui-dialog-content:after {
    clear: both
}

.oui-dialog .oui-dialog-locator .oui-dialog-container .oui-dialog-actions {
    margin: -25px 25px 25px;
    text-align: center
}

.oui-dialog .oui-dialog-locator .oui-dialog-container .oui-dialog-actions:after,
.oui-dialog .oui-dialog-locator .oui-dialog-container .oui-dialog-actions:before {
    content: " ";
    display: table
}

.oui-dialog .oui-dialog-locator .oui-dialog-container .oui-dialog-actions:after {
    clear: both
}

.oui-dialog .oui-dialog-locator .oui-dialog-container .oui-dialog-actions .oui-btn {
    margin: 0 8px
}

.oui-dialog .oui-dialog-content .oui-dialog-picture {
    width: 130px;
    height: 130px;
    float: left;
    margin: 30px
}

.oui-dialog .oui-dialog-content .oui-dialog-text {
    font-size: 16px;
    line-height: 29px;
    color: #666;
    margin: 47px 30px 10px 0;
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif
}

.oui-dialog .oui-dialog-content .oui-dialog-text-minor {
    font-size: 12px;
    color: #999;
    line-height: 21px;
    font-family: \\5B8B\4F53, STHeiti, Hiragino Mincho ProN, WenQuanYi Bitmap Song, serif
}

.oui-dialog .oui-dialog-content .oui-dialog-icon.oui-icon {
    font-size: 50px;
    float: left;
    margin: 50px 16px 50px 50px
}

.oui-modal-alert.oui-dialog .oui-dialog-locator,
.oui-modal-confirm.oui-dialog .oui-dialog-locator {
    width: 400px
}

.oui-modal-alert.oui-dialog .oui-dialog-locator .oui-dialog-content .oui-dialog-icon.oui-icon,
.oui-modal-confirm.oui-dialog .oui-dialog-locator .oui-dialog-content .oui-dialog-icon.oui-icon {
    margin: 20px 16px 20px 50px
}

.oui-modal-alert.oui-dialog .oui-dialog-locator .oui-dialog-content .oui-dialog-icon.oui-icon.icon-type-info,
.oui-modal-confirm.oui-dialog .oui-dialog-locator .oui-dialog-content .oui-dialog-icon.oui-icon.icon-type-info {
    color: #60c2c1
}

.oui-modal-alert.oui-dialog .oui-dialog-locator .oui-dialog-content .oui-dialog-icon.oui-icon.icon-type-warning,
.oui-modal-confirm.oui-dialog .oui-dialog-locator .oui-dialog-content .oui-dialog-icon.oui-icon.icon-type-warning {
    color: #ff7800
}

.oui-modal-alert.oui-dialog .oui-dialog-locator .oui-dialog-content .oui-dialog-icon.oui-icon.icon-type-success,
.oui-modal-confirm.oui-dialog .oui-dialog-locator .oui-dialog-content .oui-dialog-icon.oui-icon.icon-type-success {
    color: #91c862
}

.oui-modal-alert.oui-dialog .oui-dialog-locator .oui-dialog-content .oui-dialog-text,
.oui-modal-confirm.oui-dialog .oui-dialog-locator .oui-dialog-content .oui-dialog-text {
    margin-top: 30px
}

.oui-modal-alert.oui-dialog .oui-dialog-locator .oui-dialog-container .oui-dialog-content {
    min-height: 70px
}

.oui-modal-confirm.oui-dialog .oui-dialog-locator {
    width: 400px
}

.oui-modal-confirm.oui-dialog .oui-dialog-locator .oui-dialog-container .oui-dialog-content {
    min-height: 70px
}

.oui-dropdown {
    min-width: 120px;
    display: none;
    position: absolute;
    z-index: 1201;
    top: 0
}

.oui-dropdown:after,
.oui-dropdown:before {
    content: " ";
    display: table
}

.oui-dropdown:after {
    clear: both
}

.oui-dropdown.oui-active {
    display: block
}

.oui-dropdown .oui-popup-content {
    padding: 0;
    position: relative;
    background: #fff;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 0
}

.oui-dropdown .oui-arrow {
    border: solid transparent;
    height: 0;
    width: 0;
    text-align: center;
    display: block
}

.oui-dropdown.oui-placement-left {
    padding-right: 0
}

.oui-dropdown.oui-placement-right {
    padding-left: 0
}

.oui-dropdown.oui-placement-top {
    padding-bottom: 0
}

.oui-dropdown.oui-placement-bottom {
    padding-top: 0
}

.oui-dropdown.oui-has-arrow.oui-placement-left {
    padding-right: 6px
}

.oui-dropdown.oui-has-arrow.oui-placement-left .oui-arrow-container {
    position: absolute;
    right: -5px;
    width: 12px;
    height: 12px
}

.oui-dropdown.oui-has-arrow.oui-placement-left .oui-arrow-container .oui-arrow-outer {
    border-left-color: #ccc
}

.oui-dropdown.oui-has-arrow.oui-placement-left .oui-arrow-container .oui-arrow-inner {
    border-left-color: #fff
}

.oui-dropdown.oui-has-arrow.oui-placement-right {
    padding-left: 6px
}

.oui-dropdown.oui-has-arrow.oui-placement-right .oui-arrow-container {
    position: absolute;
    left: -5px;
    width: 12px;
    height: 12px
}

.oui-dropdown.oui-has-arrow.oui-placement-right .oui-arrow-container .oui-arrow-outer {
    border-right-color: #ccc
}

.oui-dropdown.oui-has-arrow.oui-placement-right .oui-arrow-container .oui-arrow-inner {
    border-right-color: #fff
}

.oui-dropdown.oui-has-arrow.oui-placement-top {
    padding-bottom: 6px
}

.oui-dropdown.oui-has-arrow.oui-placement-top .oui-arrow-container {
    position: absolute;
    bottom: -5px;
    width: 12px;
    height: 12px
}

.oui-dropdown.oui-has-arrow.oui-placement-top .oui-arrow-container .oui-arrow-outer {
    border-top-color: #ccc
}

.oui-dropdown.oui-has-arrow.oui-placement-top .oui-arrow-container .oui-arrow-inner {
    border-top-color: #fff
}

.oui-dropdown.oui-has-arrow.oui-placement-bottom {
    padding-top: 6px
}

.oui-dropdown.oui-has-arrow.oui-placement-bottom .oui-arrow-container {
    position: absolute;
    top: -5px;
    width: 12px;
    height: 12px
}

.oui-dropdown.oui-has-arrow.oui-placement-bottom .oui-arrow-container .oui-arrow-outer {
    border-bottom-color: #ccc
}

.oui-dropdown.oui-has-arrow.oui-placement-bottom .oui-arrow-container .oui-arrow-inner {
    border-bottom-color: #fff
}

.oui-dropdown.oui-has-arrow.oui-placement-top .oui-arrow-inner {
    margin-top: -12px
}

.oui-dropdown.oui-has-arrow.oui-placement-bottom .oui-arrow-inner {
    margin-top: -10px
}

.oui-dropdown.oui-has-arrow.oui-placement-left .oui-arrow-inner {
    float: left
}

.oui-dropdown.oui-has-arrow.oui-placement-right .oui-arrow-inner {
    float: right
}

.oui-dropdown.oui-placement-bottom .oui-arrow-container,
.oui-dropdown.oui-placement-top .oui-arrow-container {
    margin-left: -6px
}

.oui-dropdown.oui-placement-bottom .oui-arrow-inner,
.oui-dropdown.oui-placement-top .oui-arrow-inner {
    margin-left: 1px
}

.oui-dropdown.oui-placement-left .oui-arrow-container,
.oui-dropdown.oui-placement-right .oui-arrow-container {
    margin-top: -6px
}

.oui-dropdown.oui-placement-left .oui-arrow-inner,
.oui-dropdown.oui-placement-right .oui-arrow-inner {
    margin-top: -11px
}

.oui-dropdown .oui-arrow-outer {
    border-width: 6px
}

.oui-dropdown .oui-arrow-inner {
    border-width: 5px
}

.oui-dropdown.oui-offset-top .oui-arrow-container {
    top: 11px
}

.oui-dropdown.oui-offset-middle .oui-arrow-container {
    top: 50%
}

.oui-dropdown.oui-offset-bottom .oui-arrow-container {
    bottom: 5px
}

.oui-dropdown.oui-offset-left .oui-arrow-container {
    left: 11px
}

.oui-dropdown.oui-offset-center .oui-arrow-container {
    left: 50%
}

.oui-dropdown.oui-offset-right .oui-arrow-container {
    right: 5px
}

.oui-dropdown-trigger {
    display: inline-block;
    width: 120px;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    color: #666;
    background-color: #fff;
    font-size: 12px;
    cursor: pointer;
    overflow: hidden
}

.oui-dropdown-trigger:after,
.oui-dropdown-trigger:before {
    content: " ";
    display: table
}

.oui-dropdown-trigger:after {
    clear: both
}

.oui-dropdown-trigger>.oui-dropdown-label {
    float: left;
    width: 90px;
    padding: 6px 12px;
    font-size: 12px;
    overflow: hidden
}

.oui-dropdown-trigger>.oui-dropdown-icon {
    float: right;
    margin: 12px 8px 0 0;
    transition: transform .2s
}

.oui-dropdown-trigger.oui-active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: none
}

.oui-dropdown-trigger.oui-active>.oui-dropdown-icon {
    transform: rotate(-180deg)
}

.oui-dropdown-trigger.oui-placement-bottom.oui-active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: none
}

.oui-dropdown-trigger.oui-placement-top.oui-active {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: none
}

.oui-dropdown-trigger.oui-placeholder-active {
    color: #999
}

.oui-dropdown-trigger.oui-disabled {
    cursor: default;
    pointer-events: none
}

.oui-dropdown-trigger.oui-disabled .oui-dropdown-trigger {
    background-color: #e6e6e6;
    border-color: #e6e6e6
}

.oui-dropdown-menu {
    width: 100%;
    padding: 5px 0;
    margin: 0;
    padding: 0;
    background-color: #fff;
    overflow-y: auto
}

.oui-dropdown-menu::-webkit-scrollbar {
    width: 3px
}

.oui-dropdown-menu::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #8fcbf2
}

.oui-dropdown-menu>li {
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    text-align: left;
    cursor: pointer;
    white-space: nowrap;
    color: #555;
    font-size: 12px
}

.oui-dropdown-menu>li:hover {
    color: #34a0e7;
    background-color: #fff
}

.oui-dropdown-menu>li.oui-selected,
.oui-dropdown-menu>li.oui-selected:hover {
    background-color: #8fcbf2;
    color: #555;
    cursor: default
}

.oui-dropdown-menu>li .oui-dropdown-text {
    position: relative
}

.oui-loading-mask,
.oui-loading-mask-black,
.oui-loading-mask-white {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    zoom: 1;
    z-index: 1000
}

.oui-loading-center {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 12px
}

.oui-loading-content {
    display: inline-block;
    text-align: center
}

.oui-loading-content .oui-loading-text {
    font-family: Lato, Helvetica Neue, Arial, Helvetica, sans-serif
}

.oui-loading-mask-black:nth-child(n),
.oui-loading-mask-white:nth-child(n),
.oui-loading-mask:nth-child(n) {
    filter: none
}

.oui-loading-mask-white {
    background-color: transparent;
    background-color: hsla(0, 0%, 100%, .5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FFFFFF, endColorstr=#80FFFFFF);
    zoom: 1
}

.oui-loading-mask-white .oui-loading-content {
    color: #000
}

.oui-loading-mask-black {
    background-color: transparent;
    background-color: rgba(0, 0, 0, .5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
    zoom: 1
}

.oui-loading-mask-black .oui-loading-content {
    color: #fff
}

.oui-spinner {
    animation: spin 1s infinite linear;
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)"
}

.oui-circle-spinner {
    position: relative;
    animation: scaleOut 1s infinite ease-in-out
}

.oui-pager {
    font-size: 12px
}

.oui-pager:after,
.oui-pager:before {
    content: " ";
    display: table
}

.oui-pager:after {
    clear: both
}

.oui-pager a:hover {
    color: #34a0e7;
    border: 1px solid #2e96ea
}

.oui-pager .oui-symbol-next,
.oui-pager .oui-symbol-prev {
    vertical-align: middle
}

.oui-pager .oui-pager-end,
.oui-pager .oui-pager-next,
.oui-pager .oui-pager-prev,
.oui-pager .oui-pager-spec,
.oui-pager .oui-pager-start {
    float: left;
    display: inline;
    height: 20px;
    line-height: 20px;
    text-align: center;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden
}

.oui-pager .oui-pager-next,
.oui-pager .oui-pager-prev {
    color: #555;
    width: 20px;
    border: 1px solid #e0e0e0;
    background: #fff
}

.oui-pager .oui-pager-spec {
    float: left;
    margin: 0 10px
}

.oui-pager .oui-pager-curr {
    color: #2e96ea
}

.oui-pager .oui-pager-end,
.oui-pager .oui-pager-start {
    color: #e0e0e0;
    width: 20px;
    border: 1px solid #e0e0e0;
    background: #fff
}

.oui-pager .oui-icon {
    font-size: 10px;
    vertical-align: top
}

.oui-pagination {
    font-size: 12px
}

.oui-pagination:after,
.oui-pagination:before {
    content: " ";
    display: table
}

.oui-pagination:after {
    clear: both
}

.oui-pagination a {
    text-decoration: none
}

.oui-pagination a:hover {
    border: 1px solid #34a0e7;
    background-color: #fff;
    color: #34a0e7
}

.oui-pagination .oui-symbol-next,
.oui-pagination .oui-symbol-prev {
    vertical-align: middle
}

.oui-pagination .oui-pagination-break,
.oui-pagination .oui-pagination-confirm,
.oui-pagination .oui-pagination-curr,
.oui-pagination .oui-pagination-end,
.oui-pagination .oui-pagination-input,
.oui-pagination .oui-pagination-next,
.oui-pagination .oui-pagination-prev,
.oui-pagination .oui-pagination-spec,
.oui-pagination .oui-pagination-start {
    float: left;
    display: inline;
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin-right: 5px;
    text-align: center;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden
}

.oui-pagination .oui-pagination-confirm,
.oui-pagination .oui-pagination-input,
.oui-pagination .oui-pagination-next,
.oui-pagination .oui-pagination-prev,
.oui-pagination .oui-pagination-spec {
    border: 1px solid #e0e0e0;
    background-color: #fff;
    color: #555
}

.oui-pagination .oui-pagination-end,
.oui-pagination .oui-pagination-start {
    border: 1px solid #e0e0e0;
    background-color: #fff;
    color: #e0e0e0
}

.oui-pagination .oui-pagination-curr {
    border: 1px solid #34a0e7;
    background-color: #34a0e7;
    color: #fff;
    font-weight: 700
}

.oui-pagination .oui-pagination-break {
    color: #555;
    border: 0
}

.oui-pagination .oui-pagination-end,
.oui-pagination .oui-pagination-next {
    width: 68px;
    padding: 0 8px 0 11px
}

.oui-pagination .oui-pagination-input {
    width: 40px
}

.oui-pagination .oui-pagination-confirm {
    width: 56px
}

.oui-pagination .oui-pagination-input {
    outline-width: 0;
    text-align: left;
    padding-left: 8px
}

.oui-pagination .oui-icon {
    font-size: 10px;
    vertical-align: top
}

.oui-picture {
    position: relative;
    font-size: 12px;
    color: #666
}

.oui-picture:after,
.oui-picture:before {
    content: " ";
    display: table
}

.oui-picture:after {
    clear: both
}

.oui-picture a {
    color: #666
}

.oui-picture a:hover {
    cursor: pointer;
    color: #2e96ea;
    text-decoration: none
}

.oui-picture .oui-picture-border {
    border: 1px solid #ccc
}

.oui-picture .oui-picture-sm {
    width: 32px;
    height: 32px
}

.oui-picture .oui-picture-md {
    width: 52px;
    height: 52px
}

.oui-picture .oui-picture-lg {
    width: 72px;
    height: 72px
}

.oui-picture .oui-popup {
    margin-top: 8px
}

.oui-picture .oui-popup .oui-popup-content .oui-tooltip {
    width: 240px !important;
    padding: 10px !important;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word
}

.oui-picture .oui-picture-product .oui-picture-smProduct {
    width: 234px
}

.oui-picture .oui-picture-product .oui-picture-smProduct .oui-picture-name {
    position: absolute
}

.oui-picture .oui-picture-product .oui-picture-smProduct .oui-picture-smContainer {
    position: absolute;
    width: 192px;
    line-height: 20px;
    top: -4px;
    left: 42px;
    text-overflow: ellipsis;
    word-wrap: break-word
}

.oui-picture .oui-picture-product .oui-picture-mdProduct {
    width: 264px
}

.oui-picture .oui-picture-product .oui-picture-mdProduct .oui-picture-name {
    position: absolute
}

.oui-picture .oui-picture-product .oui-picture-mdProduct .oui-picture-mdContainer {
    position: absolute;
    width: 192px;
    line-height: 20px;
    top: -4px;
    left: 64px;
    text-overflow: ellipsis;
    word-wrap: break-word
}

.oui-picture .oui-picture-product .oui-picture-mdProduct .oui-picture-info {
    position: absolute;
    width: 192px;
    color: #999;
    line-height: 20px;
    top: 25px;
    left: 64px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.oui-picture .oui-picture-product .oui-picture-lgProduct {
    width: 274px
}

.oui-picture .oui-picture-product .oui-picture-lgProduct .oui-picture-name {
    position: absolute
}

.oui-picture .oui-picture-product .oui-picture-lgProduct .oui-picture-lgContainer {
    position: absolute;
    width: 192px;
    line-height: 20px;
    top: -4px;
    left: 84px;
    text-overflow: ellipsis;
    word-wrap: break-word
}

.oui-picture .oui-picture-product .oui-picture-lgProduct .oui-picture-info {
    position: absolute;
    width: 192px;
    color: #999;
    line-height: 20px;
    top: 42px;
    left: 84px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.oui-picture .oui-picture-product .oui-picture-name:hover {
    cursor: pointer;
    color: #2e96ea
}

.oui-picture .oui-picture-browse .oui-tooltip {
    color: #666
}

.oui-picture .oui-picture-browse img:hover {
    border: 1px solid #2e96ea;
    cursor: pointer
}

.oui-picture .oui-picture-smLogo {
    width: 162px
}

.oui-picture .oui-picture-smLogo img {
    border-radius: 25px
}

.oui-picture .oui-picture-smLogo .oui-picture-name {
    position: absolute;
    width: 120px;
    line-height: 32px;
    top: -12px;
    left: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.oui-picture .oui-picture-mdLogo img {
    border-radius: 25px
}

.oui-picture .oui-picture-mdLogo .oui-picture-name {
    width: 120px;
    top: -8px
}

.oui-picture .oui-picture-mdLogo .oui-picture-info,
.oui-picture .oui-picture-mdLogo .oui-picture-name {
    position: absolute;
    line-height: 20px;
    left: 62px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.oui-picture .oui-picture-mdLogo .oui-picture-info {
    top: 15px;
    color: #999
}

.oui-picture .oui-picture-shopLogo img {
    border-radius: 25px
}

.oui-picture .oui-picture-shopLogo .oui-picture-shopName {
    position: absolute;
    width: 160px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    top: -12px;
    left: 62px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.oui-picture .oui-picture-shopLogo .oui-picture-info {
    position: absolute;
    top: 15px;
    left: 62px;
    line-height: 20px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.oui-rating .fa {
    color: red
}

.oui-rating {
    display: block
}

.oui-rating .oui-hover {
    opacity: .5
}

.oui-rating .oui-grey {
    color: #bababa
}

.oui-rating .oui-icon {
    cursor: pointer
}

.oui-rating .oui-icon-2x,
.oui-rating .oui-icon-3x {
    margin-right: 1px
}

.oui-rating .oui-icon-4x {
    margin-right: 2px
}

.oui-rating .oui-icon-5x {
    margin-right: 3px
}

.oui-select {
    width: 200px;
    display: none;
    position: absolute;
    z-index: 1201;
    top: 0
}

.oui-select:after,
.oui-select:before {
    content: " ";
    display: table
}

.oui-select:after {
    clear: both
}

.oui-select.oui-active {
    display: block
}

.oui-select .oui-popup-content {
    padding: 0;
    position: relative;
    background: #fff;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 0
}

.oui-select .oui-arrow {
    border: solid transparent;
    height: 0;
    width: 0;
    text-align: center;
    display: block
}

.oui-select.oui-placement-left {
    padding-right: 0
}

.oui-select.oui-placement-right {
    padding-left: 0
}

.oui-select.oui-placement-top {
    padding-bottom: 0
}

.oui-select.oui-placement-bottom {
    padding-top: 0
}

.oui-select.oui-has-arrow.oui-placement-left {
    padding-right: 6px
}

.oui-select.oui-has-arrow.oui-placement-left .oui-arrow-container {
    position: absolute;
    right: -5px;
    width: 12px;
    height: 12px
}

.oui-select.oui-has-arrow.oui-placement-left .oui-arrow-container .oui-arrow-outer {
    border-left-color: #ccc
}

.oui-select.oui-has-arrow.oui-placement-left .oui-arrow-container .oui-arrow-inner {
    border-left-color: #fff
}

.oui-select.oui-has-arrow.oui-placement-right {
    padding-left: 6px
}

.oui-select.oui-has-arrow.oui-placement-right .oui-arrow-container {
    position: absolute;
    left: -5px;
    width: 12px;
    height: 12px
}

.oui-select.oui-has-arrow.oui-placement-right .oui-arrow-container .oui-arrow-outer {
    border-right-color: #ccc
}

.oui-select.oui-has-arrow.oui-placement-right .oui-arrow-container .oui-arrow-inner {
    border-right-color: #fff
}

.oui-select.oui-has-arrow.oui-placement-top {
    padding-bottom: 6px
}

.oui-select.oui-has-arrow.oui-placement-top .oui-arrow-container {
    position: absolute;
    bottom: -5px;
    width: 12px;
    height: 12px
}

.oui-select.oui-has-arrow.oui-placement-top .oui-arrow-container .oui-arrow-outer {
    border-top-color: #ccc
}

.oui-select.oui-has-arrow.oui-placement-top .oui-arrow-container .oui-arrow-inner {
    border-top-color: #fff
}

.oui-select.oui-has-arrow.oui-placement-bottom {
    padding-top: 6px
}

.oui-select.oui-has-arrow.oui-placement-bottom .oui-arrow-container {
    position: absolute;
    top: -5px;
    width: 12px;
    height: 12px
}

.oui-select.oui-has-arrow.oui-placement-bottom .oui-arrow-container .oui-arrow-outer {
    border-bottom-color: #ccc
}

.oui-select.oui-has-arrow.oui-placement-bottom .oui-arrow-container .oui-arrow-inner {
    border-bottom-color: #fff
}

.oui-select.oui-has-arrow.oui-placement-top .oui-arrow-inner {
    margin-top: -12px
}

.oui-select.oui-has-arrow.oui-placement-bottom .oui-arrow-inner {
    margin-top: -10px
}

.oui-select.oui-has-arrow.oui-placement-left .oui-arrow-inner {
    float: left
}

.oui-select.oui-has-arrow.oui-placement-right .oui-arrow-inner {
    float: right
}

.oui-select.oui-placement-bottom .oui-arrow-container,
.oui-select.oui-placement-top .oui-arrow-container {
    margin-left: -6px
}

.oui-select.oui-placement-bottom .oui-arrow-inner,
.oui-select.oui-placement-top .oui-arrow-inner {
    margin-left: 1px
}

.oui-select.oui-placement-left .oui-arrow-container,
.oui-select.oui-placement-right .oui-arrow-container {
    margin-top: -6px
}

.oui-select.oui-placement-left .oui-arrow-inner,
.oui-select.oui-placement-right .oui-arrow-inner {
    margin-top: -11px
}

.oui-select .oui-arrow-outer {
    border-width: 6px
}

.oui-select .oui-arrow-inner {
    border-width: 5px
}

.oui-select.oui-offset-top .oui-arrow-container {
    top: 11px
}

.oui-select.oui-offset-middle .oui-arrow-container {
    top: 50%
}

.oui-select.oui-offset-bottom .oui-arrow-container {
    bottom: 5px
}

.oui-select.oui-offset-left .oui-arrow-container {
    left: 11px
}

.oui-select.oui-offset-center .oui-arrow-container {
    left: 50%
}

.oui-select.oui-offset-right .oui-arrow-container {
    right: 5px
}

.oui-select .oui-popup-content {
    border-top: none
}

.oui-select-trigger {
    width: 200px;
    line-height: 30px;
    display: inline-block;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    color: #666;
    font-size: 12px;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden
}

.oui-select-trigger:after,
.oui-select-trigger:before {
    content: " ";
    display: table
}

.oui-select-trigger:after {
    clear: both
}

.oui-select-trigger.oui-active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: none
}

.oui-select-trigger.oui-active>.oui-select-icon {
    transform: rotate(-180deg)
}

.oui-select-trigger .oui-icon-lg {
    line-height: inherit
}

.oui-select-trigger.oui-placeholder-active {
    color: #999
}

.oui-select-trigger.oui-disabled {
    cursor: default;
    pointer-events: none;
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.oui-select-trigger>.oui-select-label {
    float: left;
    width: 160px;
    padding: 0 12px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666
}

.oui-select-trigger>.oui-select-icon {
    float: right;
    margin: 0 10px 0 0;
    font-size: 12px;
    transition: transform .2s
}

.oui-select-menu {
    padding: 5px 0;
    margin: 0;
    padding: 0;
    background-color: #fff;
    overflow: hidden
}

.oui-select-menu>li {
    height: 35px;
    line-height: 35px;
    padding-left: 12px;
    text-align: left;
    cursor: pointer;
    overflow: hidden
}

.oui-select-menu>li.oui-item-group {
    color: #ccc;
    font-size: 12px
}

.oui-select-menu>li.oui-select-item {
    height: 35px;
    line-height: 35px;
    padding-left: 12px;
    color: #666;
    font-size: 12px
}

.oui-select-menu>li.oui-select-item:hover {
    color: #666;
    background-color: #bde0f7
}

.oui-select-menu>li.oui-select-item.oui-selected,
.oui-select-menu>li.oui-select-item.oui-selected:hover {
    background-color: #fff;
    color: #2e96ea;
    cursor: default
}

.oui-select-menu>li.oui-select-item .oui-select-text {
    position: relative
}

.oui-select-menu>li.oui-noData {
    cursor: default;
    pointer-events: none;
    background-color: #f2f2f2
}

.bodyScrollHidden {
    overflow: hidden;
    user-select: none
}

.oui-scroller {
    position: relative;
    overflow: hidden
}

.oui-scroller .oui-scroller-pane.dragging,
.oui-scroller .oui-scroller-pane.flashed,
.oui-scroller:hover>.oui-scroller-pane {
    visibility: visible
}

.oui-scroller .oui-scroller-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.oui-scroller .oui-scroller-content:focus {
    outline: thin dotted
}

.oui-scroller .oui-scroller-content::scrollbar {
    visibility: hidden;
    width: 0;
    background-color: transparent
}

.oui-scroller .oui-scroller-content::-webkit-scrollbar {
    visibility: hidden;
    width: 0;
    background-color: transparent
}

.oui-scroller .oui-scroll-bar {
    overflow: scroll;
    overflow-x: hidden;
    margin-right: -15px;
    padding-right: 16px
}

.oui-scroller .oui-scroll-noBar {
    overflow: hidden
}

.oui-scroller .oui-scroller-pane {
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 16px;
    transition: .2s
}

.oui-scroller .oui-scroller-pane:hover {
    background-color: #eee
}

.oui-scroller .oui-scroller-pane>.oui-scroller-slider {
    position: relative;
    margin: 0 3px;
    background-color: #eee;
    border-radius: 5px
}

.oui-slider {
    position: relative;
    overflow: hidden
}

.oui-slider.effect-horizontal .oui-slider-content.animate-forward .oui-slider-panel {
    animation: animate-horizontal-forward .5s
}

.oui-slider.effect-horizontal .oui-slider-content.animate-backward .oui-slider-panel {
    animation: animate-horizontal-backward .5s
}

.oui-slider.effect-horizontal .oui-slider-panel {
    position: relative;
    overflow: hidden;
    display: list-item;
    float: left
}

.oui-slider.effect-vertical .oui-slider-content.animate-forward .oui-slider-panel {
    animation: animate-vertical-forward .5s
}

.oui-slider.effect-vertical .oui-slider-content.animate-backward .oui-slider-panel {
    animation: animate-vertical-backward .5s
}

.oui-slider.effect-vertical .oui-slider-panel {
    position: relative;
    overflow: hidden;
    display: list-item
}

@keyframes animate-fade-previous {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes animate-fade-current {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes animate-horizontal-forward {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes animate-horizontal-backward {
    0% {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes animate-vertical-forward {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes animate-vertical-backward {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

.oui-slider.effect-fade .oui-slider-panel {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0
}

.oui-slider.effect-fade .oui-slider-panel.animate-fade-previous {
    animation: animate-fade-previous .5s
}

.oui-slider.effect-fade .oui-slider-panel.animate-fade-current {
    animation: animate-fade-current .5s
}

.oui-slider .oui-slider-content {
    width: 35791197px;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative
}

.oui-slider .oui-slider-content:after,
.oui-slider .oui-slider-content:before {
    content: " ";
    display: table
}

.oui-slider .oui-slider-content:after {
    clear: both
}

.oui-slider .oui-slider-content .oui-slider-panel img {
    max-width: none !important
}

.oui-slider .oui-slider-head {
    position: absolute;
    bottom: 10px;
    right: 10px;
    margin: 0;
    padding: 0;
    z-index: 99;
    font-size: 12px
}

.oui-slider .oui-slider-head .oui-slider-trigger {
    float: left;
    width: 15px;
    height: 15px;
    line-height: 17px;
    margin-left: 5px;
    background-color: #fff;
    opacity: .5;
    filter: alpha(opacity=50);
    text-align: center;
    color: #000;
    cursor: pointer;
    list-style: none
}

.oui-slider .oui-slider-head .oui-slider-active {
    color: #fff;
    background-color: #e96c3e;
    opacity: 1;
    filter: alpha(opacity=100)
}

.oui-snackbar {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    padding: 0 15px;
    border-radius: 2px;
    transition: visibility 0s 1s, opacity 1s linear
}

.oui-snackbar.left {
    left: 20px
}

.oui-snackbar.right {
    right: 20px
}

.oui-snackbar.top {
    top: 20px
}

.oui-snackbar.middle {
    vertical-align: center;
    top: 50%
}

.oui-snackbar.bottom {
    bottom: 20px
}

.oui-snackbar.oui-show {
    visibility: visible;
    opacity: 1;
    transition: opacity 1s linear
}

.oui-snackbar-primary {
    background-color: #1b9af7
}

.oui-snackbar-success {
    background-color: #5cb85c
}

.oui-snackbar-warning {
    background-color: #f0ad4e
}

.oui-snackbar-danger {
    background-color: #d9534f
}

.oui-typeahead {
    position: relative;
    text-align: left
}

.oui-typeahead .oui-typeahead-input-wrapper {
    position: relative;
    z-index: 2
}

.oui-typeahead .oui-typeahead-input-wrapper .oui-typeahead-input {
    width: 100%;
    border: 1px solid #eee;
    border-radius: 4px;
    line-height: 36px;
    height: 36px;
    padding-left: 24px
}

.oui-typeahead .oui-typeahead-input-wrapper .oui-typeahead-input:focus {
    outline-width: 0;
    border-color: #2e96ea
}

.oui-typeahead .oui-typeahead-input-wrapper .search-icon {
    position: absolute;
    top: 0;
    left: 8px;
    line-height: 36px;
    color: #999
}

.oui-typeahead .oui-typeahead-input-wrapper .search-del {
    position: absolute;
    top: 0;
    right: 10px;
    line-height: 36px;
    cursor: pointer
}

.oui-typeahead>.oui-typeahead-menu {
    display: none;
    position: absolute;
    width: 100%;
    margin: -4px 0 0;
    padding-top: 4px;
    border: 1px solid #eee;
    border-top: none;
    background-color: #fff;
    z-index: 3;
    min-height: 0
}

.oui-typeahead>.oui-typeahead-menu .oui-typeahead-item {
    padding: 4px 8px;
    cursor: default
}

.oui-typeahead>.oui-typeahead-menu .oui-typeahead-item.active {
    cursor: pointer;
    background: #bde0f7
}

.oui-open>.oui-typeahead-menu {
    display: block
}

.oui-btn {
    display: inline-block;
    margin: 0;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    box-sizing: border-box;
    cursor: pointer;
    border: 1px solid transparent
}

.oui-btn:focus,
.oui-btn:hover {
    text-decoration: none;
    outline: none
}

.oui-btn.disabled,
.oui-btn.oui-btn-loading,
.oui-btn:disabled {
    cursor: not-allowed
}

.oui-btn .oui-icon {
    margin-right: 8px;
    font-size: 1.16667em;
    line-height: .85714em
}

.oui-btn.oui-btn-loading .oui-icon.oui-icon-loading.oui-icon-spin {
    animation-duration: 1s
}

.oui-btn-lg {
    font-size: 16px;
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    padding: 11.5px 19px;
    border-radius: 4px
}

.oui-btn-md {
    padding: 9px 11px
}

.oui-btn-md,
.oui-btn-sm {
    font-size: 12px;
    font-family: \\5B8B\4F53, STHeiti, Hiragino Mincho ProN, WenQuanYi Bitmap Song, serif;
    border-radius: 2px
}

.oui-btn-sm {
    padding: 5px 7px
}

.oui-btn-primary {
    background-color: #34a0e7;
    color: #fff
}

.oui-btn-primary:hover {
    background-color: #258bde;
    color: #fff
}

.oui-btn-primary.active,
.oui-btn-primary:active {
    background-color: #1c85da;
    color: #fff
}

.oui-btn-primary.disabled,
.oui-btn-primary.oui-btn-loading,
.oui-btn-primary:disabled {
    background-color: #2e96ea;
    color: #98c4f3
}

.oui-btn-hollow {
    background-color: #f3fbff;
    color: #2e96ea;
    border-color: #2e96ea
}

.oui-btn-hollow:hover {
    background-color: #e5f6ff;
    color: #2e96ea
}

.oui-btn-hollow.active,
.oui-btn-hollow:active {
    background-color: #d2f0ff;
    color: #2e96ea
}

.oui-btn-hollow.disabled,
.oui-btn-hollow.oui-btn-loading,
.oui-btn-hollow:disabled {
    background-color: #f3fbff;
    color: #a4ccf5
}

.oui-btn-blank {
    background-color: #f5f5f5;
    color: #666;
    border-color: #ccc
}

.oui-btn-blank.active,
.oui-btn-blank:active,
.oui-btn-blank:hover {
    background-color: #e6e6e6;
    color: #666
}

.oui-btn-blank.disabled,
.oui-btn-blank.oui-btn-loading,
.oui-btn-blank:disabled {
    background-color: #e6e6e6;
    color: #b3b3b3
}

.oui-btn-block {
    width: 100%;
    display: block
}

.oui-btn-group .oui-btn:first-child:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.oui-btn-group .oui-btn:not(:first-child):not(:last-child) {
    margin-left: -1px;
    border-radius: 0
}

.oui-btn-group .oui-btn:last-child:not(:first-child) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.oui-checkbox-group .oui-checkbox,
.oui-radio-group .oui-radio {
    margin-right: 20px
}

.oui-checkbox,
.oui-radio {
    cursor: pointer
}

.oui-checkbox.dischecked,
.oui-radio.dischecked {
    cursor: not-allowed
}

.oui-checkbox.dischecked .oui-icon-checkbox-border,
.oui-radio.dischecked .oui-icon-checkbox-border {
    color: #b2b2b2
}

.oui-checkbox.dischecked .oui-icon-checkbox-shadow,
.oui-radio.dischecked .oui-icon-checkbox-shadow {
    color: #e4e4e4
}

.oui-checkbox.dischecked .oui-icon-checkbox-dot,
.oui-radio.dischecked .oui-icon-checkbox-dot {
    color: #b2b2b2
}

.oui-checkbox.disabled,
.oui-radio.disabled {
    cursor: not-allowed
}

.oui-checkbox.disabled .oui-icon-checkbox-border,
.oui-checkbox.disabled .oui-icon-radio-border,
.oui-radio.disabled .oui-icon-checkbox-border,
.oui-radio.disabled .oui-icon-radio-border {
    color: #b2b2b2
}

.oui-checkbox.disabled .oui-icon-checkbox-shadow,
.oui-checkbox.disabled .oui-icon-radio-shadow,
.oui-radio.disabled .oui-icon-checkbox-shadow,
.oui-radio.disabled .oui-icon-radio-shadow {
    color: #e4e4e4
}

.oui-checkbox.checked .oui-icon-checkbox-border,
.oui-checkbox.checked .oui-icon-radio-border,
.oui-radio.checked .oui-icon-checkbox-border,
.oui-radio.checked .oui-icon-radio-border {
    color: #b2b2b2
}

.oui-checkbox.checked .oui-icon-checkbox-dot,
.oui-checkbox.checked .oui-icon-radio-dot,
.oui-radio.checked .oui-icon-checkbox-dot,
.oui-radio.checked .oui-icon-radio-dot {
    color: #000
}

.oui-checkbox.unchecked .oui-icon-checkbox-border,
.oui-checkbox.unchecked .oui-icon-radio-border,
.oui-radio.unchecked .oui-icon-checkbox-border,
.oui-radio.unchecked .oui-icon-radio-border {
    color: #b2b2b2
}

.oui-checkbox.unchecked:hover .oui-icon-checkbox-border,
.oui-checkbox.unchecked:hover .oui-icon-radio-border,
.oui-radio.unchecked:hover .oui-icon-checkbox-border,
.oui-radio.unchecked:hover .oui-icon-radio-border {
    color: #4a9bed
}

.oui-checkbox .oui-icon-stacked,
.oui-radio .oui-icon-stacked {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 1em;
    width: 1em;
    height: 1em;
    font-size: 1em
}

.oui-checkbox .oui-icon-stacked .oui-icon-checkbox-border,
.oui-checkbox .oui-icon-stacked .oui-icon-checkbox-dot,
.oui-checkbox .oui-icon-stacked .oui-icon-checkbox-shadow,
.oui-checkbox .oui-icon-stacked .oui-icon-radio-border,
.oui-checkbox .oui-icon-stacked .oui-icon-radio-dot,
.oui-checkbox .oui-icon-stacked .oui-icon-radio-shadow,
.oui-radio .oui-icon-stacked .oui-icon-checkbox-border,
.oui-radio .oui-icon-stacked .oui-icon-checkbox-dot,
.oui-radio .oui-icon-stacked .oui-icon-checkbox-shadow,
.oui-radio .oui-icon-stacked .oui-icon-radio-border,
.oui-radio .oui-icon-stacked .oui-icon-radio-dot,
.oui-radio .oui-icon-stacked .oui-icon-radio-shadow {
    position: absolute;
    width: 100%;
    text-align: center;
    display: inline-block
}

.oui-checkbox .oui-form-name,
.oui-radio .oui-form-name {
    vertical-align: middle;
    margin-left: .2em
}

.oui-panel {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.oui-panel-body {
    padding: 15px
}

.oui-panel-body:after,
.oui-panel-body:before {
    content: " ";
    display: table
}

.oui-panel-body:after {
    clear: both
}

.oui-panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px
}

.oui-panel-heading>.oui-dropdown .oui-dropdown-toggle {
    color: inherit
}

.oui-panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: inherit
}

.oui-panel-title>.small,
.oui-panel-title>.small>a,
.oui-panel-title>a,
.oui-panel-title>small,
.oui-panel-title>small>a {
    color: inherit
}

.oui-panel-footer {
    padding: 10px;
    background-color: #f5f5f5;
    border-top: 1px solid #ccc;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px
}

.oui-panel-primary.oui-panel-title-border {
    border: 1px solid #1b9af7
}

.oui-panel-primary.oui-panel-full,
.oui-panel-primary.oui-panel-title-border .oui-panel-heading {
    background-color: #1b9af7;
    border: 1px solid #1b9af7;
    color: #fff
}

.oui-panel-primary.oui-panel-border {
    border: 1px solid #1b9af7
}

.oui-panel-primary.oui-panel-title .oui-panel-heading {
    background-color: #1b9af7;
    border: 1px solid #1b9af7;
    color: #fff
}

.oui-panel-success.oui-panel-title-border {
    border: 1px solid #5cb85c
}

.oui-panel-success.oui-panel-full,
.oui-panel-success.oui-panel-title-border .oui-panel-heading {
    background-color: #5cb85c;
    border: 1px solid #5cb85c;
    color: #fff
}

.oui-panel-success.oui-panel-border {
    border: 1px solid #5cb85c
}

.oui-panel-success.oui-panel-title .oui-panel-heading {
    background-color: #5cb85c;
    border: 1px solid #5cb85c;
    color: #fff
}

.oui-panel-warning.oui-panel-title-border {
    border: 1px solid #f0ad4e
}

.oui-panel-warning.oui-panel-full,
.oui-panel-warning.oui-panel-title-border .oui-panel-heading {
    background-color: #f0ad4e;
    border: 1px solid #f0ad4e;
    color: #fff
}

.oui-panel-warning.oui-panel-border {
    border: 1px solid #f0ad4e
}

.oui-panel-warning.oui-panel-title .oui-panel-heading {
    background-color: #f0ad4e;
    border: 1px solid #f0ad4e;
    color: #fff
}

.oui-panel-danger.oui-panel-title-border {
    border: 1px solid #d9534f
}

.oui-panel-danger.oui-panel-full,
.oui-panel-danger.oui-panel-title-border .oui-panel-heading {
    background-color: #d9534f;
    border: 1px solid #d9534f;
    color: #fff
}

.oui-panel-danger.oui-panel-border {
    border: 1px solid #d9534f
}

.oui-panel-danger.oui-panel-title .oui-panel-heading {
    background-color: #d9534f;
    border: 1px solid #d9534f;
    color: #fff
}

.oui-panel {
    box-shadow: 0 2px 0 rgba(0, 0, 0, .05);
    border-radius: 0;
    border: 0;
    margin-bottom: 24px
}

.oui-panel .oui-panel-heading,
.oui-panel>:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.oui-panel .oui-panel-footer,
.oui-panel>:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.oui-panel.oui-panel-colorful>.oui-panel-heading:after,
.oui-panel>.oui-panel-heading:after {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    left: 20px;
    right: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.oui-panel .oui-panel-heading {
    position: relative;
    height: 50px;
    padding: 0
}

.oui-panel .oui-panel-title {
    font-weight: 300;
    padding: 0 20px;
    line-height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.oui-panel .oui-panel-actions {
    height: 100%;
    position: relative;
    float: right;
    padding: 0 15px
}

.oui-panel .oui-panel-actions:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    left: -1em;
    position: relative
}

.oui-panel .oui-panel-actions>* {
    margin-left: 5px;
    vertical-align: middle
}

.oui-panel .oui-panel-actions .fa {
    font-size: 16px
}

.oui-panel .oui-panel-actions .oui-btn .fa {
    font-size: 12px
}

.oui-panel .oui-panel-actions .oui-btn.oui-btn-borderless .fa {
    font-size: 16px
}

.oui-panel .oui-panel-body {
    padding: 25px 20px
}

.oui-panel .oui-panel-body:after,
.oui-panel .oui-panel-body:before {
    content: " ";
    display: table
}

.oui-panel .oui-panel-body:after {
    clear: both
}

.oui-panel .oui-panel-footer {
    background-color: #f0f2f4;
    color: #515151;
    border-color: #eaedf0;
    position: relative
}

.oui-tab .oui-tab-head {
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0
}

.oui-tab .oui-tab-head:after,
.oui-tab .oui-tab-head:before {
    content: " ";
    display: table;
    clear: both
}

.oui-tab .oui-tab-head .oui-tab-head-item {
    float: left;
    position: relative;
    display: block
}

.oui-tab .oui-tab-head .oui-tab-head-item>a {
    display: block;
    text-decoration: none;
    outline: none;
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    font-size: 16px;
    text-align: center;
    position: relative
}

.oui-tab.oui-tab-underline .oui-tab-head {
    border-bottom: 2px solid #2e96ea;
    padding-left: 30px
}

.oui-tab.oui-tab-underline .oui-tab-head .oui-tab-head-item {
    width: 146px;
    margin-right: -1px
}

.oui-tab.oui-tab-underline .oui-tab-head .oui-tab-head-item:first-child>a {
    border-top-left-radius: 4px
}

.oui-tab.oui-tab-underline .oui-tab-head .oui-tab-head-item:last-child>a {
    border-top-right-radius: 4px
}

.oui-tab.oui-tab-underline .oui-tab-head .oui-tab-head-item.oui-active>a {
    background: #2e96ea;
    color: #fff;
    border: 1px solid #2e96ea;
    border-bottom: 0
}

.oui-tab.oui-tab-underline .oui-tab-head .oui-tab-head-item.oui-active>a:hover {
    background: #2e96ea
}

.oui-tab.oui-tab-underline .oui-tab-head .oui-tab-head-item>a {
    padding: 9px 0;
    color: #666;
    background: #fff;
    border: 1px solid #eee;
    border-bottom: 0
}

.oui-tab.oui-tab-underline .oui-tab-head .oui-tab-head-item>a:hover {
    background: #eee
}

.oui-tab.oui-tab-box .oui-tab-head {
    background: #f5f5f5;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0
}

.oui-tab.oui-tab-box .oui-tab-head .oui-tab-head-item.oui-tab-head-divided-1 {
    width: 100%
}

.oui-tab.oui-tab-box .oui-tab-head .oui-tab-head-item.oui-tab-head-divided-1:last-child>a {
    border-right: 0
}

.oui-tab.oui-tab-box .oui-tab-head .oui-tab-head-item.oui-tab-head-divided-2 {
    width: 50%
}

.oui-tab.oui-tab-box .oui-tab-head .oui-tab-head-item.oui-tab-head-divided-2:last-child>a {
    border-right: 0
}

.oui-tab.oui-tab-box .oui-tab-head .oui-tab-head-item.oui-tab-head-divided-3 {
    width: 33.33333%
}

.oui-tab.oui-tab-box .oui-tab-head .oui-tab-head-item.oui-tab-head-divided-3:last-child>a {
    border-right: 0
}

.oui-tab.oui-tab-box .oui-tab-head .oui-tab-head-item.oui-tab-head-divided-4 {
    width: 25%
}

.oui-tab.oui-tab-box .oui-tab-head .oui-tab-head-item.oui-tab-head-divided-4:last-child>a {
    border-right: 0
}

.oui-tab.oui-tab-box .oui-tab-head .oui-tab-head-item.oui-tab-head-divided-5 {
    width: 20%
}

.oui-tab.oui-tab-box .oui-tab-head .oui-tab-head-item.oui-tab-head-divided-5:last-child>a {
    border-right: 0
}

.oui-tab.oui-tab-box .oui-tab-head .oui-tab-head-item.oui-tab-head-divided-6 {
    width: 16.66667%
}

.oui-tab.oui-tab-box .oui-tab-head .oui-tab-head-item.oui-tab-head-divided-6:last-child>a {
    border-right: 0
}

.oui-tab.oui-tab-box .oui-tab-head .oui-tab-head-item.oui-tab-head-divided-7 {
    width: 14.28571%
}

.oui-tab.oui-tab-box .oui-tab-head .oui-tab-head-item.oui-tab-head-divided-7:last-child>a {
    border-right: 0
}

.oui-tab.oui-tab-box .oui-tab-head .oui-tab-head-item.oui-tab-head-divided-8 {
    width: 12.5%
}

.oui-tab.oui-tab-box .oui-tab-head .oui-tab-head-item.oui-tab-head-divided-8:last-child>a {
    border-right: 0
}

.oui-tab.oui-tab-box .oui-tab-head .oui-tab-head-item.oui-tab-head-divided-9 {
    width: 11.11111%
}

.oui-tab.oui-tab-box .oui-tab-head .oui-tab-head-item.oui-tab-head-divided-9:last-child>a {
    border-right: 0
}

.oui-tab.oui-tab-box .oui-tab-head .oui-tab-head-item.oui-active>a {
    color: #2e96ea;
    background: #fff;
    border-bottom: 1px solid #fff
}

.oui-tab.oui-tab-box .oui-tab-head .oui-tab-head-item.oui-active>a .info,
.oui-tab.oui-tab-box .oui-tab-head .oui-tab-head-item.oui-active>a .title {
    color: #2e96ea
}

.oui-tab.oui-tab-box .oui-tab-head .oui-tab-head-item.oui-active>a:hover {
    background: #fff
}

.oui-tab.oui-tab-box .oui-tab-head .oui-tab-head-item>a {
    padding: 24px 40px;
    color: #666;
    background: #f5f5f5;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    margin-bottom: -1px
}

.oui-tab.oui-tab-box .oui-tab-head .oui-tab-head-item>a .title {
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    font-size: 16px;
    color: #666;
    text-align: left;
    display: block;
    line-height: 1.5;
    margin-bottom: 9px
}

.oui-tab.oui-tab-box .oui-tab-head .oui-tab-head-item>a .info {
    font-family: \\5B8B\4F53, STHeiti, Hiragino Mincho ProN, WenQuanYi Bitmap Song, serif;
    font-size: 12px;
    color: #999;
    text-align: left;
    display: block;
    line-height: 1.5
}

.oui-tab.oui-tab-box .oui-tab-head .oui-tab-head-item>a:hover {
    background: #eee
}

.oui-switch {
    background: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 30px;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    width: 60px;
    position: relative;
    vertical-align: middle;
    box-sizing: content-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-clip: content-box;
    box-shadow: inset 0 0 0 0 #dfdfdf;
    transition: border .4s, box-shadow .4s
}

.oui-switch .oui-switch-handle {
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    position: absolute;
    border-radius: 100%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    transition: left .2s
}

.oui-switch.oui-switch-checked {
    transition: border .4s, box-shadow .4s, background-color 2s
}

.oui-switch.oui-switch-checked .oui-switch-handle {
    left: 30px
}

.oui-switch.oui-switch-with-animation .oui-switch-handle {
    animation: switch-expand-on .1s .1s
}

.oui-switch.oui-switch-with-animation.oui-switch-checked .oui-switch-handle {
    animation: switch-expand-off .1s .1s
}

@keyframes switch-expand-on {
    0% {
        width: 30px
    }

    40% {
        width: 36px
    }

    to {
        width: 30px
    }
}

@keyframes switch-expand-off {
    0% {
        width: 30px
    }

    40% {
        width: 36px
    }

    to {
        width: 30px
    }
}

.oui-switch.oui-switch-checked {
    border-color: #337ab7;
    background: #337ab7;
    box-shadow: inset 0 0 0 16px #337ab7
}

.oui-switch.oui-switch-disabled {
    cursor: not-allowed;
    background: #9fc4e4;
    border-color: #9fc4e4;
    box-shadow: inset 0 0 0 16px #9fc4e4
}

.oui-popover {
    display: none;
    position: absolute;
    z-index: 1201;
    top: 0
}

.oui-popover:after,
.oui-popover:before {
    content: " ";
    display: table
}

.oui-popover:after {
    clear: both
}

.oui-popover.oui-active {
    display: block
}

.oui-popover .oui-popup-content {
    padding: 8px;
    position: relative;
    background: #fff;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 2px
}

.oui-popover .oui-arrow {
    border: solid transparent;
    height: 0;
    width: 0;
    text-align: center;
    display: block
}

.oui-popover.oui-placement-left {
    padding-right: 4px
}

.oui-popover.oui-placement-right {
    padding-left: 4px
}

.oui-popover.oui-placement-top {
    padding-bottom: 4px
}

.oui-popover.oui-placement-bottom {
    padding-top: 4px
}

.oui-popover.oui-has-arrow.oui-placement-left {
    padding-right: 10px
}

.oui-popover.oui-has-arrow.oui-placement-left .oui-arrow-container {
    position: absolute;
    right: -1px;
    width: 12px;
    height: 12px
}

.oui-popover.oui-has-arrow.oui-placement-left .oui-arrow-container .oui-arrow-outer {
    border-left-color: #ccc
}

.oui-popover.oui-has-arrow.oui-placement-left .oui-arrow-container .oui-arrow-inner {
    border-left-color: #fff
}

.oui-popover.oui-has-arrow.oui-placement-right {
    padding-left: 10px
}

.oui-popover.oui-has-arrow.oui-placement-right .oui-arrow-container {
    position: absolute;
    left: -1px;
    width: 12px;
    height: 12px
}

.oui-popover.oui-has-arrow.oui-placement-right .oui-arrow-container .oui-arrow-outer {
    border-right-color: #ccc
}

.oui-popover.oui-has-arrow.oui-placement-right .oui-arrow-container .oui-arrow-inner {
    border-right-color: #fff
}

.oui-popover.oui-has-arrow.oui-placement-top {
    padding-bottom: 10px
}

.oui-popover.oui-has-arrow.oui-placement-top .oui-arrow-container {
    position: absolute;
    bottom: -1px;
    width: 12px;
    height: 12px
}

.oui-popover.oui-has-arrow.oui-placement-top .oui-arrow-container .oui-arrow-outer {
    border-top-color: #ccc
}

.oui-popover.oui-has-arrow.oui-placement-top .oui-arrow-container .oui-arrow-inner {
    border-top-color: #fff
}

.oui-popover.oui-has-arrow.oui-placement-bottom {
    padding-top: 10px
}

.oui-popover.oui-has-arrow.oui-placement-bottom .oui-arrow-container {
    position: absolute;
    top: -1px;
    width: 12px;
    height: 12px
}

.oui-popover.oui-has-arrow.oui-placement-bottom .oui-arrow-container .oui-arrow-outer {
    border-bottom-color: #ccc
}

.oui-popover.oui-has-arrow.oui-placement-bottom .oui-arrow-container .oui-arrow-inner {
    border-bottom-color: #fff
}

.oui-popover.oui-has-arrow.oui-placement-top .oui-arrow-inner {
    margin-top: -12px
}

.oui-popover.oui-has-arrow.oui-placement-bottom .oui-arrow-inner {
    margin-top: -10px
}

.oui-popover.oui-has-arrow.oui-placement-left .oui-arrow-inner {
    float: left
}

.oui-popover.oui-has-arrow.oui-placement-right .oui-arrow-inner {
    float: right
}

.oui-popover.oui-placement-bottom .oui-arrow-container,
.oui-popover.oui-placement-top .oui-arrow-container {
    margin-left: -6px
}

.oui-popover.oui-placement-bottom .oui-arrow-inner,
.oui-popover.oui-placement-top .oui-arrow-inner {
    margin-left: 1px
}

.oui-popover.oui-placement-left .oui-arrow-container,
.oui-popover.oui-placement-right .oui-arrow-container {
    margin-top: -6px
}

.oui-popover.oui-placement-left .oui-arrow-inner,
.oui-popover.oui-placement-right .oui-arrow-inner {
    margin-top: -11px
}

.oui-popover .oui-arrow-outer {
    border-width: 6px
}

.oui-popover .oui-arrow-inner {
    border-width: 5px
}

.oui-popover.oui-offset-top .oui-arrow-container {
    top: 11px
}

.oui-popover.oui-offset-middle .oui-arrow-container {
    top: 50%
}

.oui-popover.oui-offset-bottom .oui-arrow-container {
    bottom: 5px
}

.oui-popover.oui-offset-left .oui-arrow-container {
    left: 11px
}

.oui-popover.oui-offset-center .oui-arrow-container {
    left: 50%
}

.oui-popover.oui-offset-right .oui-arrow-container {
    right: 5px
}

.oui-tooltip {
    display: none;
    position: absolute;
    z-index: 1210;
    top: 0
}

.oui-tooltip:after,
.oui-tooltip:before {
    content: " ";
    display: table
}

.oui-tooltip:after {
    clear: both
}

.oui-tooltip.oui-active {
    display: block
}

.oui-tooltip .oui-popup-content {
    padding: 8px;
    position: relative;
    background: #000;
    color: #fff;
    border: 1px solid #000;
    border-radius: 4px
}

.oui-tooltip .oui-arrow {
    border: solid transparent;
    height: 0;
    width: 0;
    text-align: center;
    display: block
}

.oui-tooltip.oui-placement-left {
    padding-right: 4px
}

.oui-tooltip.oui-placement-right {
    padding-left: 4px
}

.oui-tooltip.oui-placement-top {
    padding-bottom: 4px
}

.oui-tooltip.oui-placement-bottom {
    padding-top: 4px
}

.oui-tooltip.oui-has-arrow.oui-placement-left {
    padding-right: 10px
}

.oui-tooltip.oui-has-arrow.oui-placement-left .oui-arrow-container {
    position: absolute;
    right: -1px;
    width: 12px;
    height: 12px
}

.oui-tooltip.oui-has-arrow.oui-placement-left .oui-arrow-container .oui-arrow-inner,
.oui-tooltip.oui-has-arrow.oui-placement-left .oui-arrow-container .oui-arrow-outer {
    border-left-color: #000
}

.oui-tooltip.oui-has-arrow.oui-placement-right {
    padding-left: 10px
}

.oui-tooltip.oui-has-arrow.oui-placement-right .oui-arrow-container {
    position: absolute;
    left: -1px;
    width: 12px;
    height: 12px
}

.oui-tooltip.oui-has-arrow.oui-placement-right .oui-arrow-container .oui-arrow-inner,
.oui-tooltip.oui-has-arrow.oui-placement-right .oui-arrow-container .oui-arrow-outer {
    border-right-color: #000
}

.oui-tooltip.oui-has-arrow.oui-placement-top {
    padding-bottom: 10px
}

.oui-tooltip.oui-has-arrow.oui-placement-top .oui-arrow-container {
    position: absolute;
    bottom: -1px;
    width: 12px;
    height: 12px
}

.oui-tooltip.oui-has-arrow.oui-placement-top .oui-arrow-container .oui-arrow-inner,
.oui-tooltip.oui-has-arrow.oui-placement-top .oui-arrow-container .oui-arrow-outer {
    border-top-color: #000
}

.oui-tooltip.oui-has-arrow.oui-placement-bottom {
    padding-top: 10px
}

.oui-tooltip.oui-has-arrow.oui-placement-bottom .oui-arrow-container {
    position: absolute;
    top: -1px;
    width: 12px;
    height: 12px
}

.oui-tooltip.oui-has-arrow.oui-placement-bottom .oui-arrow-container .oui-arrow-inner,
.oui-tooltip.oui-has-arrow.oui-placement-bottom .oui-arrow-container .oui-arrow-outer {
    border-bottom-color: #000
}

.oui-tooltip.oui-has-arrow.oui-placement-top .oui-arrow-inner {
    margin-top: -12px
}

.oui-tooltip.oui-has-arrow.oui-placement-bottom .oui-arrow-inner {
    margin-top: -10px
}

.oui-tooltip.oui-has-arrow.oui-placement-left .oui-arrow-inner {
    float: left
}

.oui-tooltip.oui-has-arrow.oui-placement-right .oui-arrow-inner {
    float: right
}

.oui-tooltip.oui-placement-bottom .oui-arrow-container,
.oui-tooltip.oui-placement-top .oui-arrow-container {
    margin-left: -6px
}

.oui-tooltip.oui-placement-bottom .oui-arrow-inner,
.oui-tooltip.oui-placement-top .oui-arrow-inner {
    margin-left: 1px
}

.oui-tooltip.oui-placement-left .oui-arrow-container,
.oui-tooltip.oui-placement-right .oui-arrow-container {
    margin-top: -6px
}

.oui-tooltip.oui-placement-left .oui-arrow-inner,
.oui-tooltip.oui-placement-right .oui-arrow-inner {
    margin-top: -11px
}

.oui-tooltip .oui-arrow-outer {
    border-width: 6px
}

.oui-tooltip .oui-arrow-inner {
    border-width: 5px
}

.oui-tooltip.oui-offset-top .oui-arrow-container {
    top: 11px
}

.oui-tooltip.oui-offset-middle .oui-arrow-container {
    top: 50%
}

.oui-tooltip.oui-offset-bottom .oui-arrow-container {
    bottom: 5px
}

.oui-tooltip.oui-offset-left .oui-arrow-container {
    left: 11px
}

.oui-tooltip.oui-offset-center .oui-arrow-container {
    left: 50%
}

.oui-tooltip.oui-offset-right .oui-arrow-container {
    right: 5px
}

.oui-progress {
    height: 20px;
    background-color: #f5f5f5;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.oui-progress .bar {
    position: relative;
    height: 100%;
    background-color: #eee;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    transition: width .6s ease
}

.oui-progress .bar.has-label {
    min-width: 2em
}

.oui-progress .bar .label {
    position: absolute;
    top: 0;
    right: 5px;
    font: 12px/20px Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #666
}

.oui-progress-primary .bar {
    background: #1b9af7
}

.oui-progress-primary .bar .label {
    color: #fff
}

.oui-progress-success .bar {
    background: #5cb85c
}

.oui-progress-success .bar .label {
    color: #fff
}

.oui-progress-warning .bar {
    background: #f0ad4e
}

.oui-progress-warning .bar .label {
    color: #fff
}

.oui-progress-danger .bar {
    background: #d9534f
}

.oui-progress-danger .bar .label {
    color: #fff
}

.oui-progress-xs {
    height: 6px
}

.oui-progress-xs .bar>.label {
    line-height: 6px
}

.oui-progress-s {
    height: 13px
}

.oui-progress-s .bar>.label {
    line-height: 13px
}

.oui-progress-normal {
    height: 20px
}

.oui-progress-normal .bar>.label {
    line-height: 20px
}

.oui-progress-l {
    height: 30px
}

.oui-progress-l .bar>.label {
    line-height: 30px
}

.oui-progress-xl {
    height: 40px
}

.oui-progress-xl .bar>.label {
    line-height: 40px
}

.oui-progress-attach-bottom,
.oui-progress-attach-top {
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0;
    height: 3px
}

.oui-progress-attach-bottom .bar,
.oui-progress-attach-top .bar {
    box-shadow: none
}

.oui-progress-attach-bottom .label,
.oui-progress-attach-top .label {
    display: none
}

.oui-progress-attach-top {
    bottom: 100%;
    top: auto;
    border-radius: 5px 5px 0 0
}

.oui-progress-attach-top .bar {
    border-radius: 4px 4px 0 0
}

.oui-progress-attach-bottom {
    top: 100%;
    bottom: auto;
    border-radius: 0 0 5px 5px
}

.oui-progress-attach-bottom .bar {
    border-radius: 0 0 4px 4px
}

.oui-progress-animate .bar:after {
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    border-radius: 4px;
    animation: progress-active 2s ease infinite
}

@keyframes progress-active {
    0% {
        opacity: .3;
        width: 0
    }

    to {
        opacity: 0;
        width: 100%
    }
}

.oui-sortable {
    display: block;
    position: relative;
    overflow: visible;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.oui-sortable:after,
.oui-sortable:before {
    content: " ";
    display: table
}

.oui-sortable:after {
    clear: both
}

.oui-sortable .oui-sortable-item {
    float: left;
    cursor: move
}

.oui-sortable .oui-sortable-item.oui-sortable-dragging {
    position: absolute;
    z-index: 1688
}

.oui-sortable .oui-sortable-placeholder {
    display: none
}

.oui-sortable .oui-sortable-placeholder.visible {
    display: block;
    z-index: -1
}

.oui-search {
    position: relative;
    text-align: left
}

.oui-search .oui-search-input-wrapper.has-btn-block {
    width: 90%
}

.oui-search .oui-search-input-wrapper.has-btn-page {
    width: 85%
}

.oui-search .oui-search-input-wrapper {
    position: relative;
    width: 100%;
    display: inline-block;
    vertical-align: middle
}

.oui-search .oui-search-input-wrapper .oui-search-input {
    width: 100%;
    border: 1px solid #b2b2b2;
    border-radius: 3px;
    line-height: 32px;
    padding-left: 8px
}

.oui-search .oui-search-input-wrapper .search-icon {
    position: absolute;
    line-height: 32px;
    top: 1px;
    left: 10px;
    color: #b2b2b2;
    pointer-events: none
}

.oui-search .oui-search-input-wrapper .search-del {
    position: absolute;
    line-height: 32px;
    top: 0;
    right: 10px;
    cursor: pointer;
    color: #999;
    font-size: 12px
}

.oui-search .oui-search-input-wrapper .search-placeholder {
    position: absolute;
    line-height: 32px;
    padding-top: 1px;
    top: 0;
    left: 25px;
    color: #b8b8b8;
    pointer-events: none
}

.oui-search>.oui-search-menu {
    display: none;
    position: absolute;
    margin: 0;
    width: 100%;
    z-index: 1;
    border: 1px solid #b2b2b2;
    background-color: #fff
}

.oui-search>.oui-search-menu .oui-search-item {
    padding: 4px 8px;
    cursor: default
}

.oui-search>.oui-search-menu .oui-search-item.active {
    cursor: pointer;
    background: #f5f5f5
}

.oui-open>.oui-search-menu {
    display: block
}

.oui-search-btn-wrapper {
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle
}

.oui-search-btn-wrapper .search-btn-page {
    width: 70px
}

.oui-search-btn-wrapper a {
    display: block;
    width: 100%;
    text-align: center
}

.input-date>input,
.input-search>input {
    line-height: 34px
}

.btn,
.btn-group-switch .ui-switch-menu .ui-switch-item {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn-group-switch .ui-switch-menu .active.focus.ui-switch-item,
.btn-group-switch .ui-switch-menu .active.ui-switch-item:focus,
.btn-group-switch .ui-switch-menu .focus.ui-switch-item,
.btn-group-switch .ui-switch-menu .ui-switch-item:active.focus,
.btn-group-switch .ui-switch-menu .ui-switch-item:active:focus,
.btn-group-switch .ui-switch-menu .ui-switch-item:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn-group-switch .ui-switch-menu .focus.ui-switch-item,
.btn-group-switch .ui-switch-menu .ui-switch-item:focus,
.btn-group-switch .ui-switch-menu .ui-switch-item:hover,
.btn.focus,
.btn:focus,
.btn:hover {
    color: #333;
    text-decoration: none
}

.btn-group-switch .ui-switch-menu .active.ui-switch-item,
.btn-group-switch .ui-switch-menu .ui-switch-item:active,
.btn.active,
.btn:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-group-switch .ui-switch-menu .disabled.ui-switch-item,
.btn-group-switch .ui-switch-menu .ui-switch-item[disabled],
.btn-group-switch .ui-switch-menu fieldset[disabled] .ui-switch-item,
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn,
fieldset[disabled] .btn-group-switch .ui-switch-menu .ui-switch-item {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #d9d9d9
}

.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open>.btn-default.dropdown-toggle {
    color: #333;
    background-color: #dedede;
    border-color: #cdcdcd
}

.btn-default.active,
.btn-default:active,
.open>.btn-default.dropdown-toggle {
    background-image: none
}

.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled.focus,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
    background-color: #e6e6e6;
    border-color: #d9d9d9
}

.btn-default .badge {
    color: #e6e6e6;
    background-color: #333
}

.btn-primary {
    color: #fff;
    background-color: #34a0e7;
    border-color: #1d95e4
}

.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #269ae5;
    border-color: #1987cf
}

.btn-primary.active,
.btn-primary:active,
.open>.btn-primary.dropdown-toggle {
    background-image: none
}

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #34a0e7;
    border-color: #1d95e4
}

.btn-primary .badge {
    color: #34a0e7;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #24c1cc;
    border-color: #1ea0a9
}

.btn-info.active,
.btn-info.focus,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.open>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #22b5bf;
    border-color: #1a8c94
}

.btn-info.active,
.btn-info:active,
.open>.btn-info.dropdown-toggle {
    background-image: none
}

.btn-info.disabled,
.btn-info.disabled.active,
.btn-info.disabled.focus,
.btn-info.disabled:active,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled],
.btn-info[disabled].active,
.btn-info[disabled].focus,
.btn-info[disabled]:active,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info.active,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
    background-color: #24c1cc;
    border-color: #1ea0a9
}

.btn-info .badge {
    color: #24c1cc;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #96cd67;
    border-color: #89c754
}

.btn-success.active,
.btn-success.focus,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.open>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #8ec95b;
    border-color: #7bc041
}

.btn-success.active,
.btn-success:active,
.open>.btn-success.dropdown-toggle {
    background-image: none
}

.btn-success.disabled,
.btn-success.disabled.active,
.btn-success.disabled.focus,
.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled],
.btn-success[disabled].active,
.btn-success[disabled].focus,
.btn-success[disabled]:active,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success.active,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
    background-color: #96cd67;
    border-color: #89c754
}

.btn-success .badge {
    color: #96cd67;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #ffa70c;
    border-color: #f29a00
}

.btn-warning.active,
.btn-warning.focus,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #fca100;
    border-color: #d88a00
}

.btn-warning.active,
.btn-warning:active,
.open>.btn-warning.dropdown-toggle {
    background-image: none
}

.btn-warning.disabled,
.btn-warning.disabled.active,
.btn-warning.disabled.focus,
.btn-warning.disabled:active,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled],
.btn-warning[disabled].active,
.btn-warning[disabled].focus,
.btn-warning[disabled]:active,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning.active,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
    background-color: #ffa70c;
    border-color: #f29a00
}

.btn-warning .badge {
    color: #ffa70c;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #ff6a69;
    border-color: #ff5150
}

.btn-danger.active,
.btn-danger.focus,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.open>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #ff5b5a;
    border-color: #ff3736
}

.btn-danger.active,
.btn-danger:active,
.open>.btn-danger.dropdown-toggle {
    background-image: none
}

.btn-danger.disabled,
.btn-danger.disabled.active,
.btn-danger.disabled.focus,
.btn-danger.disabled:active,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled],
.btn-danger[disabled].active,
.btn-danger[disabled].focus,
.btn-danger[disabled]:active,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger.active,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
    background-color: #ff6a69;
    border-color: #ff5150
}

.btn-danger .badge {
    color: #ff6a69;
    background-color: #fff
}

.btn-link {
    color: #1987cf;
    font-weight: 400;
    border-radius: 0
}

.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
    border-color: transparent
}

.btn-link:focus,
.btn-link:hover {
    color: #34a0e7;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
    color: #999;
    text-decoration: none
}

.btn-group-sm>.btn,
.btn-group-switch .ui-switch-menu .btn-group-sm>.ui-switch-item,
.btn-sm {
    padding: 5px 10px;
    font-size: 10px;
    line-height: 1.5;
    border-radius: 2px
}

.btn-group-switch .ui-switch-menu .btn-group-xs>.ui-switch-item,
.btn-group-xs>.btn,
.btn-xs {
    padding: 1px 5px;
    font-size: 10px;
    line-height: 1.5;
    border-radius: 2px
}

.btn-group-lg>.btn,
.btn-group-switch .ui-switch-menu .btn-group-lg>.ui-switch-item,
.btn-lg {
    padding: 8px 16px;
    font-size: 14px;
    line-height: 1.33;
    border-radius: 5px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #999
}

caption,
th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 17px
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

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

.table-bordered,
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-child(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5
}

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
}

.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active {
    background-color: #f5f5f5
}

.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr.active:hover>th,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover {
    background-color: #e8e8e8
}

.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>thead>tr>td.success,
.table>thead>tr>th.success {
    background-color: #dff0d8
}

.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr.success:hover>th,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover {
    background-color: #d0e9c6
}

.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>thead>tr>td.info,
.table>thead>tr>th.info {
    background-color: #d9edf7
}

.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr.info:hover>th,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover {
    background-color: #c4e3f3
}

.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>thead>tr>td.warning,
.table>thead>tr>th.warning {
    background-color: #fcf8e3
}

.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr.warning:hover>th,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover {
    background-color: #faf2cc
}

.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>thead>tr>td.danger,
.table>thead>tr>th.danger {
    background-color: #f2dede
}

.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr.danger:hover>th,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover {
    background-color: #ebcccc
}

.container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1210px
}

.scrollable-horizontal {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch
}

.scrollable-vertical {
    height: 240px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    resize: vertical
}

.bg-primary {
    color: #fff;
    background-color: #34a0e7
}

a.bg-primary:hover {
    background-color: #1987cf
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:hover {
    background-color: #e4b9b9
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-top {
    vertical-align: top
}

.text-middle {
    vertical-align: middle
}

.text-bottom {
    vertical-align: bottom
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-primary {
    color: #34a0e7
}

a.text-primary:hover {
    color: #1987cf
}

.text-success {
    color: #3c763d
}

a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:hover {
    color: #843534
}

.text-muted {
    color: #999
}

a.text-muted:hover {
    color: gray
}

.text-default {
    font-size: 12px
}

.text-xs {
    font-size: 8px
}

.text-small {
    font-size: 10px
}

.text-large {
    font-size: 14px
}

.text-xl {
    font-size: 16px
}

.text-xxl {
    font-size: 18px
}

.text-xxxl {
    font-size: 24px
}

.ellipsis,
.text-truncate {
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.text-break {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto
}

.text-nowrap {
    white-space: nowrap
}

[class^=align-] {
    margin-bottom: 10px
}

.align-left {
    margin-right: 10px;
    float: left
}

.align-right {
    margin-left: 10px;
    float: right
}

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

.list-inline {
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 17px
}

dd,
dt {
    line-height: 1.42857
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

.vertical-align {
    font-size: .001px
}

.vertical-align:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.vertical-align-bottom,
.vertical-align-middle {
    display: inline-block;
    font-size: 12px;
    max-width: 100%
}

.vertical-align-middle {
    vertical-align: middle
}

.vertical-align-bottom {
    vertical-align: bottom
}

.responsive-width {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    height: auto
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0
}

img {
    max-width: 100%;
    width: auto\9;
    height: auto;
    vertical-align: middle;
    border: 0
}

body {
    font-weight: 400;
    line-height: 17px;
    background-color: #fff;
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif
}

.ui-ww {
    display: inline-block;
    width: 67px;
    height: 20px;
    background: url("//img.alicdn.com/tps/i4/TB1oApDGXXXXXagXXXXOcKP.FXX-130-60.gif") no-repeat scroll 0 0 transparent;
    background-image: url("//img.alicdn.com/tps/i1/T15AD7FFFaXXbJnvQ_-130-60.gif");
    background-image: -webkit-image-set(url("//img.alicdn.com/tps/i1/T15AD7FFFaXXbJnvQ_-130-60.gif") 1x, url("//img.alicdn.com/tps/i4/T1Rsz7FPJaXXbZhKn7-520-240.gif") 4x);
    background-image: -moz-image-set(url("//img.alicdn.com/tps/i1/T15AD7FFFaXXbJnvQ_-130-60.gif") 1x, url("//img.alicdn.com/tps/i4/T1Rsz7FPJaXXbZhKn7-520-240.gif") 4x);
    background-image: -o-image-set(url("//img.alicdn.com/tps/i1/T15AD7FFFaXXbJnvQ_-130-60.gif") 1x, url("//img.alicdn.com/tps/i4/T1Rsz7FPJaXXbZhKn7-520-240.gif") 4x);
    background-image: -ms-image-set(url("//img.alicdn.com/tps/i1/T15AD7FFFaXXbJnvQ_-130-60.gif") 1x, url("//img.alicdn.com/tps/i4/T1Rsz7FPJaXXbZhKn7-520-240.gif") 4x);
    text-decoration: none !important
}

.ui-ww.online {
    background-position: 0 0
}

.ui-ww.offline {
    background-position: 0 -20px
}

.ui-ww.mobile {
    background-position: 0 -40px
}

.ui-ww.ui-ww-small {
    width: 20px;
    height: 20px
}

.ui-ww.ui-ww-small.online {
    background-position: -80px 0
}

.ui-ww.ui-ww-small.offline {
    background-position: -80px -20px
}

.ui-ww.ui-ww-small.mobile {
    background-position: -80px -40px
}

.ui-ww.ui-ww-static {
    width: 20px;
    height: 20px
}

.ui-ww.ui-ww-static.online {
    background-position: -110px 0
}

.ui-ww.ui-ww-static.offline {
    background-position: -110px -20px
}

.ui-ww.ui-ww-static.mobile {
    background-position: -110px -40px
}

.ui-calendar {
    position: absolute;
    width: 232px;
    font-size: 12px;
    font-family: \\5B8B\4F53, STHeiti, Hiragino Mincho ProN, WenQuanYi Bitmap Song, serif;
    line-height: 18px;
    font-weight: 1.5;
    color: #555;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-spacing: 0;
    box-shadow: 1px 1px 9px #ccc;
    text-align: center;
    z-index: 1111
}

.ui-calendar .ui-calendar-date,
.ui-calendar .ui-calendar-month,
.ui-calendar .ui-calendar-year {
    border: none;
    box-shadow: none;
    border-collapse: separate;
    *border-collapse: collapse;
    border-spacing: 0;
    padding: 4px
}

.ui-calendar .ui-calendar-pannel {
    height: 30px;
    line-height: 30px;
    padding: 0;
    margin: 0;
    background: #f9f9f9
}

.ui-calendar .ui-calendar-pannel:after,
.ui-calendar .ui-calendar-pannel:before {
    content: " ";
    display: table
}

.ui-calendar .ui-calendar-pannel:after {
    clear: both
}

.ui-calendar .ui-calendar-pannel .month,
.ui-calendar .ui-calendar-pannel .year {
    width: 24%;
    font-weight: 700
}

.ui-calendar .ui-calendar-control {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    float: left;
    width: 13%;
    *display: inline;
    *width: 20px;
    *zoom: 1;
    cursor: pointer;
    font-weight: 400
}

.ui-calendar .ui-calendar-control.disabled {
    visibility: hidden
}

.ui-calendar .ui-calendar-control:hover {
    background-color: #efefee
}

.ui-calendar .ui-calendar-container {
    border-bottom: 1px solid #dadada;
    background-color: #fff
}

.ui-calendar td {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui-calendar td.disabled-element {
    cursor: not-allowed !important
}

.ui-calendar-date {
    border: none;
    box-shadow: none;
    border-collapse: separate;
    *border-collapse: collapse;
    border-spacing: 0
}

.ui-calendar-date td,
.ui-calendar-date th {
    width: 34px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    margin: 0;
    text-align: center;
    border: none;
    cursor: pointer
}

.ui-calendar-date .ui-calendar-day-column {
    background-color: #f4f6f9;
    color: #34a0e7
}

.ui-calendar-date .ui-calendar-day-column th {
    border-color: #f4f6f9;
    cursor: default
}

.ui-calendar-date .ui-calendar-date-column .ui-calendar-day-0,
.ui-calendar-date .ui-calendar-date-column .ui-calendar-day-6 {
    color: #34a0e7
}

.ui-calendar-date .ui-calendar-date-column td.hover-element,
.ui-calendar-date .ui-calendar-date-column td:hover {
    cursor: pointer;
    background-color: #bde0f7
}

.ui-calendar-date .ui-calendar-date-column td.range-element {
    background-color: #78c0ef
}

.ui-calendar-date .ui-calendar-date-column td.range-element.hover-element,
.ui-calendar-date .ui-calendar-date-column td.range-element:hover {
    background-color: #bde0f7
}

.ui-calendar-date .ui-calendar-date-column td.next-month,
.ui-calendar-date .ui-calendar-date-column td.previous-month {
    color: #ccc
}

.ui-calendar-date .ui-calendar-date-column td.next-month:hover,
.ui-calendar-date .ui-calendar-date-column td.previous-month:hover {
    cursor: default;
    border-color: #fff
}

.ui-calendar-date .ui-calendar-date-column td.focused-element {
    color: #fff;
    background-color: #34a0e7
}

.ui-calendar-date .ui-calendar-date-column td.starred-element {
    color: #70cbca;
    background-position: 23px 2px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAApCAYAAADjyNMbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAxhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDM0MiwgMjAxMC8wMS8xMC0xODowNjo0MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowMTkzODMwNjFDNEExMUUzQTg5RUI0NjdCQkJDQjUyRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowMTkzODMwNzFDNEExMUUzQTg5RUI0NjdCQkJDQjUyRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAxOTM4MzA0MUM0QTExRTNBODlFQjQ2N0JCQkNCNTJGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxOTM4MzA1MUM0QTExRTNBODlFQjQ2N0JCQkNCNTJGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+q66C6AAAAQ1JREFUeNpi+P//PwMyzj596i+6GAwzMSCBnDOnk4AUE5BOZ8ACGEE6oAo5gNQnIGaFynFNMTH9jqIYaO1/BgIAqIkRRIOcYUFArTWKM4BOkAeyH2BRqAk09QY2N//HZT0MMEEVGiKJnUEKHVMMxVB3/QRieaBpIAVCQPwDiG2wBh0xYFTxqOJRxQOrGGtpCSrSCJai0LKiGErXossxYbGsB0o3YbgZaKUSkFYElWtAHAjETkjyx4B4BRBfB+J7LEDiLh4vWUExSilKVBmNXIqCyjZ2LOr+ABWyonuwBYeh7dhCwweHYm9sis2hNKjoTQbij1C+EUwBC5opFUD3dULZ84D+yAfSE2CSAAEGALqk0FpOdtFIAAAAAElFTkSuQmCC);
    background-repeat: no-repeat
}

.ui-calendar-date .ui-calendar-date-column td.disabled-element {
    background-color: #e2e2e2;
    color: #c3c3c3
}

.ui-calendar-date .ui-calendar-date-column td.disabled-element:hover {
    border-color: #fff
}

table.ui-calendar-date tr {
    border: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #fff
}

.ui-calendar-month {
    border: none;
    box-shadow: none;
    border-collapse: separate;
    *border-collapse: collapse;
    border-spacing: 0
}

.ui-calendar-month .ui-calendar-month-column td {
    width: 79px;
    height: 36px;
    line-height: 36px;
    padding: 0;
    margin: 0;
    text-align: center;
    border: none;
    cursor: pointer
}

.ui-calendar-month .ui-calendar-month-column td:hover {
    cursor: pointer;
    background-color: #bde0f7
}

.ui-calendar-month .ui-calendar-month-column td.focused-element {
    color: #fff;
    background: #34a0e7
}

.ui-calendar-month .ui-calendar-month-column td.disabled-element {
    background: #e2e2e2;
    color: #c3c3c3
}

.ui-calendar-month .ui-calendar-month-column td.disabled-element:hover {
    border-color: #fff
}

table.ui-calendar-month tr {
    border: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #fff
}

.ui-calendar-year {
    border: none;
    box-shadow: none;
    border-collapse: separate;
    *border-collapse: collapse;
    border-spacing: 0
}

.ui-calendar-year .ui-calendar-year-column td {
    width: 79px;
    height: 36px;
    line-height: 36px;
    padding: 0;
    margin: 0;
    text-align: center;
    border: none;
    cursor: pointer
}

.ui-calendar-year .ui-calendar-year-column td:hover {
    cursor: pointer;
    background-color: #bde0f7
}

.ui-calendar-year .ui-calendar-year-column td.focused-element {
    color: #fff;
    background: #34a0e7
}

.ui-calendar-year .ui-calendar-year-column td.disabled-element {
    background-color: #e2e2e2;
    color: #c3c3c3
}

.ui-calendar-year .ui-calendar-year-column td.disabled-element:hover {
    border-color: #fff
}

table.ui-calendar-year tr {
    border: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #fff
}

.ui-calendar-hide {
    display: none
}

.ui-carousel:after,
.ui-carousel:before {
    content: " ";
    display: table
}

.ui-carousel:after {
    clear: both
}

.ui-carousel .next,
.ui-carousel .prev {
    float: left;
    width: 14px;
    height: 70px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    cursor: pointer
}

.ui-carousel .next.enabled:hover,
.ui-carousel .prev.enabled:hover {
    border-color: #34a0e7
}

.ui-carousel .prev {
    margin-right: 10px
}

.ui-carousel .disabled {
    border-color: #e0e0e0;
    cursor: default
}

.ui-carousel .ui-carousel-container {
    position: relative;
    float: left;
    width: 236px;
    height: 72px;
    margin-right: 10px;
    overflow: hidden
}

.ui-carousel .ui-carousel-container .ui-carousel-list {
    position: relative;
    transition: left .5s ease-in-out, top .5s ease-in-out;
    min-width: 246px;
    height: 100%
}

.ui-carousel .ui-carousel-container .ui-carousel-list:after,
.ui-carousel .ui-carousel-container .ui-carousel-list:before {
    content: " ";
    display: table
}

.ui-carousel .ui-carousel-container .ui-carousel-list:after {
    clear: both
}

.ui-carousel .ui-carousel-container .ui-carousel-list .ui-carousel-item {
    float: left;
    width: 70px;
    height: 70px;
    border: 1px solid #d9d9d9;
    margin-right: 10px;
    display: table;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    text-align: center;
    overflow: hidden;
    font-size: 0
}

.ui-carousel .ui-carousel-container .ui-carousel-list .ui-carousel-item .box-img {
    display: table-cell;
    vertical-align: middle
}

.ui-carousel .ui-carousel-container .ui-carousel-list .ui-carousel-item .box-img img {
    max-width: 70px;
    max-height: 70px
}

#ui-dialog-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50)
}

.ui-dialog .ui-dialog-locator {
    min-width: 600px;
    outline: none;
    overflow: auto
}

.ui-dialog .ui-dialog-container {
    position: relative;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: none
}

.ui-dialog .ui-dialog-container .ui-dialog-header {
    padding: 0 10px 0 24px;
    border-bottom: 1px solid #ccc;
    background-color: #f5f5f5;
    border-radius: 3px 3px 0 0;
    color: #666
}

.ui-dialog .ui-dialog-container .ui-dialog-header:after,
.ui-dialog .ui-dialog-container .ui-dialog-header:before {
    content: " ";
    display: table
}

.ui-dialog .ui-dialog-container .ui-dialog-header:after {
    clear: both
}

.ui-dialog .ui-dialog-container .ui-dialog-header .ui-dialog-title {
    float: left;
    height: 54px;
    line-height: 54px;
    font-size: 14px;
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif
}

.ui-dialog .ui-dialog-container .ui-dialog-header .ui-dialog-close {
    height: 54px;
    line-height: 54px
}

.ui-dialog .ui-dialog-container .ui-dialog-content {
    padding: 15px 20px;
    font-size: 12px;
    border-radius: 0 0 3px 3px
}

.ui-dialog .ui-dialog-container .ui-dialog-content .ui-dialog-actions {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #ccc
}

.ui-dialog .ui-dialog-container .ui-dialog-content .ui-dialog-actions:after,
.ui-dialog .ui-dialog-container .ui-dialog-content .ui-dialog-actions:before {
    content: " ";
    display: table
}

.ui-dialog .ui-dialog-container .ui-dialog-content .ui-dialog-actions:after {
    clear: both
}

.btn-group-switch .ui-switch-menu .ui-dialog .ui-dialog-container .ui-dialog-content .ui-dialog-actions .ui-switch-item,
.ui-dialog .ui-dialog-container .ui-dialog-content .ui-dialog-actions .btn,
.ui-dialog .ui-dialog-container .ui-dialog-content .ui-dialog-actions .btn-group-switch .ui-switch-menu .ui-switch-item {
    float: right;
    margin-left: 8px
}

:root .ui-dialog {
    FILTER: none\9
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.ui-dropdown {
    position: relative
}

.ui-dropdown .btn-dropdown {
    border: 1px solid #d9d9d9;
    background-color: #fff;
    color: #555;
    font-size: 12px
}

.ui-dropdown-toggle:focus {
    outline: 0
}

.disabled {
    cursor: default;
    pointer-events: none
}

.disabled .btn-dropdown {
    background-color: #e6e6e6;
    border-color: #e6e6e6
}

.ui-dropdown-menu {
    float: left;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1025;
    display: none;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    text-align: left;
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box
}

.ui-dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.ui-dropdown-menu .divider {
    height: 1px;
    margin: 7.5px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.ui-dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857;
    color: #555;
    white-space: nowrap
}

.ui-dropdown-menu>li>a:focus,
.ui-dropdown-menu>li>a:hover {
    text-decoration: none;
    color: #34a0e7;
    background-color: #fff
}

.ui-dropdown-menu>.active>a,
.ui-dropdown-menu>.active>a:focus,
.ui-dropdown-menu>.active>a:hover {
    color: #555;
    text-decoration: none;
    outline: 0;
    background-color: #8fcbf2;
    cursor: default
}

.ui-dropdown.can-select-again .ui-dropdown-menu>.active>a,
.ui-dropdown.can-select-again .ui-dropdown-menu>.active>a:focus,
.ui-dropdown.can-select-again .ui-dropdown-menu>.active>a:hover {
    cursor: pointer
}

.ui-dropdown-menu>.disabled>a,
.ui-dropdown-menu>.disabled>a:focus,
.ui-dropdown-menu>.disabled>a:hover {
    color: #999
}

.ui-dropdown-menu>.disabled>a:focus,
.ui-dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed
}

.open>.ui-dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.ui-dropdown-menu-right {
    left: auto;
    right: 0
}

.ui-dropdown-menu-left {
    left: 0;
    right: auto
}

.ui-dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 10px;
    line-height: 1.42857;
    color: #999;
    white-space: nowrap
}

.ui-dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1015
}

.pull-right>.ui-dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,
.navbar-fixed-bottom .ui-dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid;
    content: ""
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .ui-dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px
}

@media (min-width:1210px) {
    .navbar-right .ui-dropdown-menu {
        right: 0;
        left: auto
    }

    .navbar-right .ui-dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.ui-flip-counter {
    min-height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: Helvetica Neue, Tahoma, Helvetica, Arial;
    display: inline-block;
    text-align: center;
    position: relative
}

.ui-flip-counter a {
    cursor: default;
    text-decoration: none;
    color: #41434a
}

.ui-flip-counter ul {
    list-style: none;
    position: relative;
    float: left;
    margin: 3px;
    width: 50px;
    height: 75px;
    font-size: 60px;
    line-height: 72px;
    border-radius: 6px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .7)
}

.ui-flip-counter ul li {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 72px
}

.ui-flip-counter ul li:first-child {
    z-index: 2
}

.ui-flip-counter ul li a {
    display: block;
    height: 100%;
    -webkit-perspective: 200px;
    -moz-perspective: 200px;
    perspective: 200px;
    margin: 0 !important;
    overflow: visible !important
}

.ui-flip-counter ul li a div {
    z-index: 1;
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    overflow: hidden
}

.ui-flip-counter ul li a div .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2
}

.ui-flip-counter ul li a div.up {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    top: 0
}

.ui-flip-counter ul li a div.up:after {
    content: "";
    position: absolute;
    top: 37px;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 3px;
    background-color: #adab8c;
    background-color: rgba(94, 92, 92, .4)
}

.ui-flip-counter ul li a div.down {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    bottom: 0
}

.ui-flip-counter ul li a div div.inn {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200%;
    color: #41434a;
    text-shadow: 0 1px 2px hsla(64, 64%, 75%, .7);
    text-align: center;
    background-color: #edf0f0;
    border-radius: 4px;
    font-size: 60px
}

.ui-flip-counter ul li a div.up div.inn {
    top: 0
}

.ui-flip-counter ul li a div.down div.inn {
    bottom: 0
}

.ui-flip-counter ul.play li.flip-clock-before {
    z-index: 3
}

.ui-flip-counter ul.play li.flip-clock-active {
    -webkit-animation: fcAsd .5s .5s linear both;
    -o-animation: fcAsd .5s .5s linear both;
    animation: fcAsd .5s .5s linear both;
    z-index: 2
}

.ui-flip-counter-comma {
    float: left;
    display: inline-block;
    position: relative;
    width: 20px;
    height: 54px;
    top: 34px;
    font-size: 54px
}

@-webkit-keyframes fcAsd {
    0% {
        z-index: 2
    }

    20% {
        z-index: 4
    }

    to {
        z-index: 4
    }
}

@-moz-keyframes fcAsd {
    0% {
        z-index: 2
    }

    20% {
        z-index: 4
    }

    to {
        z-index: 4
    }
}

@-o-keyframes fcAsd {
    0% {
        z-index: 2
    }

    20% {
        z-index: 4
    }

    to {
        z-index: 4
    }
}

@keyframes fcAsd {
    0% {
        z-index: 2
    }

    20% {
        z-index: 4
    }

    to {
        z-index: 4
    }
}

.ui-flip-counter ul.play li.flip-clock-active .down {
    z-index: 2;
    -webkit-animation: fcTurn .5s .5s linear both;
    -o-animation: fcTurn .5s .5s linear both;
    animation: fcTurn .5s .5s linear both
}

@-webkit-keyframes fcTurn {
    0% {
        -webkit-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }

    to {
        -webkit-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
}

@-moz-keyframes fcTurn {
    0% {
        -webkit-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }

    to {
        -webkit-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
}

@-o-keyframes fcTurn {
    0% {
        -webkit-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }

    to {
        -webkit-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
}

@keyframes fcTurn {
    0% {
        -webkit-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }

    to {
        -webkit-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
}

.ui-flip-counter ul.play li.flip-clock-before .up {
    z-index: 2;
    -webkit-animation: fcTurn2 .5s linear both;
    -o-animation: fcTurn2 .5s linear both;
    animation: fcTurn2 .5s linear both
}

@-webkit-keyframes fcTurn2 {
    0% {
        -webkit-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }

    to {
        -webkit-transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
        transform: rotateX(-90deg)
    }
}

@-moz-keyframes fcTurn2 {
    0% {
        -webkit-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }

    to {
        -webkit-transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
        transform: rotateX(-90deg)
    }
}

@-o-keyframes fcTurn2 {
    0% {
        -webkit-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }

    to {
        -webkit-transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
        transform: rotateX(-90deg)
    }
}

@keyframes fcTurn2 {
    0% {
        -webkit-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }

    to {
        -webkit-transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
        transform: rotateX(-90deg)
    }
}

.ui-flip-counter ul li.flip-clock-active {
    z-index: 3
}

.ui-flip-counter ul.play li.flip-clock-before .up .shadow {
    -webkit-animation: fcShow .5s linear both;
    -o-animation: fcShow .5s linear both;
    animation: fcShow .5s linear both
}

.ui-flip-counter ul.play li.flip-clock-active .up .shadow,
.ui-flip-counter ul.play li.flip-clock-before .up .shadow {
    background: -moz-linear-gradient(top, hsla(0, 0%, 39%, .1) 0, #646464 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, hsla(0, 0%, 39%, .1)), color-stop(100%, #646464));
    background: linear-gradient(top, hsla(0, 0%, 39%, .1), #646464);
    background: -o-linear-gradient(top, hsla(0, 0%, 39%, .1) 0, #646464 100%);
    background: -ms-linear-gradient(top, hsla(0, 0%, 39%, .1) 0, #646464 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 39%, .1) 0, #646464)
}

.ui-flip-counter ul.play li.flip-clock-active .up .shadow {
    -webkit-animation: fcHide .5s .3s linear both;
    -o-animation: fcHide .5s .3s linear both;
    animation: fcHide .5s .3s linear both
}

.ui-flip-counter ul.play li.flip-clock-before .down .shadow {
    -webkit-animation: fcShow .5s linear both;
    -o-animation: fcShow .5s linear both;
    animation: fcShow .5s linear both
}

.ui-flip-counter ul.play li.flip-clock-active .down .shadow,
.ui-flip-counter ul.play li.flip-clock-before .down .shadow {
    background: -moz-linear-gradient(top, #646464 0, hsla(0, 0%, 39%, .1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #646464), color-stop(100%, hsla(0, 0%, 39%, .1)));
    background: linear-gradient(top, #646464, hsla(0, 0%, 39%, .1));
    background: -o-linear-gradient(top, #646464 0, hsla(0, 0%, 39%, .1) 100%);
    background: -ms-linear-gradient(top, #646464 0, hsla(0, 0%, 39%, .1) 100%);
    background: linear-gradient(180deg, #646464 0, hsla(0, 0%, 39%, .1))
}

.ui-flip-counter ul.play li.flip-clock-active .down .shadow {
    -webkit-animation: fcHide .5s .3s linear both;
    -o-animation: fcHide .5s .3s linear both;
    animation: fcHide .5s .3s linear both
}

@-webkit-keyframes fcShow {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fcShow {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes fcShow {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fcShow {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fcHide {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-moz-keyframes fcHide {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-o-keyframes fcHide {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fcHide {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.ui-flip-counter ul.zero li a div div.inn {
    color: #d9dbdb;
    text-shadow: 0 3px 3px hsla(0, 0%, 100%, .5)
}

.ui-loading {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100px;
    height: 100px;
    text-align: center;
    padding-top: 20px;
    font-size: 10px
}

.ui-loading-mask,
.ui-loading-mask-black,
.ui-loading-mask-white {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    zoom: 1;
    z-index: 1000
}

.ui-loading-black {
    background: #000;
    color: #fff;
    border-radius: 5px
}

.ui-loading-white {
    background: #fff;
    color: #999;
    border-radius: 5px
}

.ui-loading .loading-text {
    margin-top: 6px
}

.ui-loading-mask-black:nth-child(n),
.ui-loading-mask-white:nth-child(n),
.ui-loading-mask:nth-child(n) {
    filter: none
}

.ui-loading-mask-white {
    background: #fff;
    background: transparent\9;
    background: hsla(0, 0%, 100%, .7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff, endColorstr=#b2ffffff)
}

.ui-loading-mask-black {
    background: #000;
    background: transparent\9;
    background: rgba(0, 0, 0, .7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000, endColorstr=#b2000000)
}

.ui-loading-mask-black .loading-text {
    color: #fff
}

.ui-pager {
    font-size: 12px
}

.ui-pager:after,
.ui-pager:before {
    content: " ";
    display: table
}

.ui-pager:after {
    clear: both
}

.ui-pager a:hover {
    color: #34a0e7
}

.ui-pager .symbol-next,
.ui-pager .symbol-prev {
    font-family: Courier New, Courier, monospace;
    vertical-align: middle
}

.ui-pager .ui-pager-end,
.ui-pager .ui-pager-next,
.ui-pager .ui-pager-prev,
.ui-pager .ui-pager-spec,
.ui-pager .ui-pager-start {
    float: left;
    display: inline;
    height: 20px;
    line-height: 20px;
    text-align: center;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden
}

.ui-pager .ui-pager-next,
.ui-pager .ui-pager-prev {
    color: #555
}

.ui-pager .ui-pager-spec {
    float: left;
    margin: 0 4px
}

.ui-pager .ui-pager-end,
.ui-pager .ui-pager-start {
    color: #e0e0e0
}

.ui-pager .ui-pager-quick-switch {
    display: inline-block;
    height: 20px;
    margin-left: 4px
}

.ui-pager .ui-pager-quick-switch>input {
    height: 20px;
    width: 30px;
    border: 1px solid #e0e0e0;
    vertical-align: middle;
    text-align: center
}

.ui-pager .ui-pager-quick-switch>span {
    margin: 0 4px;
    vertical-align: middle
}

.ui-pagination {
    font-size: 12px
}

.ui-pagination:after,
.ui-pagination:before {
    content: " ";
    display: table
}

.ui-pagination:after {
    clear: both
}

.ui-pagination a:hover {
    border: 1px solid #34a0e7;
    background-color: #fff;
    color: #34a0e7
}

.ui-pagination .symbol-next,
.ui-pagination .symbol-prev {
    font-family: Courier New, Courier, monospace;
    vertical-align: middle
}

.ui-pagination .ui-pagination-break,
.ui-pagination .ui-pagination-curr,
.ui-pagination .ui-pagination-end,
.ui-pagination .ui-pagination-next,
.ui-pagination .ui-pagination-prev,
.ui-pagination .ui-pagination-spec,
.ui-pagination .ui-pagination-start {
    float: left;
    display: inline;
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin-right: 3px;
    text-align: center;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden
}

.ui-pagination .ui-pagination-next,
.ui-pagination .ui-pagination-prev,
.ui-pagination .ui-pagination-spec {
    border: 1px solid #e0e0e0;
    background-color: #fff;
    color: #555
}

.ui-pagination .ui-pagination-end,
.ui-pagination .ui-pagination-start {
    border: 1px solid #e0e0e0;
    background-color: #fff;
    color: #e0e0e0
}

.ui-pagination .ui-pagination-curr {
    border: 1px solid #34a0e7;
    background-color: #34a0e7;
    color: #fff;
    font-weight: 700
}

.ui-pagination .ui-pagination-break {
    color: #555;
    border: 0
}

.ui-pagination .ui-pagination-end,
.ui-pagination .ui-pagination-next {
    width: 60px
}

.ui-pagination .ui-pagination-total {
    float: left;
    height: 28px;
    line-height: 28px
}

.ui-pagination .ui-pagination-quick-switch {
    display: inline-block;
    height: 28px;
    margin-left: 4px
}

.ui-pagination .ui-pagination-quick-switch>input {
    height: 28px;
    width: 40px;
    border: 1px solid #e0e0e0;
    vertical-align: top;
    text-align: center
}

.ui-pagination .ui-pagination-quick-switch>button {
    margin-left: 2px;
    padding: 0 8px;
    line-height: 28px;
    background: #fff;
    border: 1px solid #e0e0e0;
    height: 28px;
    vertical-align: top
}

.ui-selector {
    position: relative;
    display: inline-block;
    min-width: 100px;
    z-index: 1025
}

.ui-selector .btn-selector {
    display: inline-block;
    width: 100%;
    height: 28px;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    color: #555;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    padding-right: 30px
}

.ui-selector .btn-selector:after,
.ui-selector .btn-selector:before {
    content: " ";
    display: table
}

.ui-selector .btn-selector:after {
    clear: both
}

.ui-selector .btn-selector .ui-selector-val {
    float: left;
    font-size: 12px;
    overflow: hidden
}

.ui-selector .btn-selector .ui-selector-val.is-placeholder {
    color: #999
}

.ui-selector .btn-selector .ui-selector-icon {
    z-index: 1;
    position: absolute;
    right: 12px
}

.ui-selector.disabled {
    cursor: default;
    pointer-events: none
}

.ui-selector.disabled .btn-selector {
    background-color: #e6e6e6;
    border-color: #e6e6e6
}

.ui-selector .ui-scroller {
    position: absolute;
    overflow: hidden;
    width: 100%;
    top: 26px;
    left: 0;
    border: 1px solid #d9d9d9;
    border-top: none;
    background-color: #fff;
    z-index: 1026
}

.ui-selector .ui-scroller .ui-scroller-content {
    padding-right: 0
}

.ui-selector .ui-selector-menu {
    padding: 5px 0
}

.ui-selector .ui-selector-menu .selected,
.ui-selector .ui-selector-menu .selected:hover {
    background-color: #8fcbf2;
    color: #555;
    cursor: default
}

.ui-selector .ui-selector-menu>li {
    height: 26px;
    line-height: 26px;
    padding-left: 10px;
    color: #555;
    font-size: 12px;
    cursor: pointer;
    overflow: hidden
}

.ui-selector .ui-selector-menu>li:hover {
    color: #34a0e7;
    background-color: #fff
}

.ui-selector .ui-selector-menu>li .ui-selector-text {
    position: relative
}

.ui-selector .ui-selector-menu>li .child-symbol {
    position: absolute;
    z-index: 1;
    color: #d4d4d4
}

.ui-selector .ui-selector-children {
    position: absolute;
    left: 100%;
    top: 0;
    padding-top: 5px;
    border: 1px solid #d9d9d9;
    border-left: none;
    background: #fff;
    overflow: hidden
}

.ui-selector .ui-selector-children>ul {
    float: left
}

.ui-selector .ui-selector-children>ul .selected,
.ui-selector .ui-selector-children>ul .selected:hover {
    background-color: #8fcbf2;
    color: #555;
    cursor: default
}

.ui-selector .ui-selector-children>ul>li {
    padding-left: 10px;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    cursor: pointer
}

.ui-selector .ui-selector-children>ul>li:hover {
    color: #34a0e7
}

.ui-scroller {
    position: relative;
    overflow: hidden
}

.ui-scroller .ui-scroller-pane.dragging,
.ui-scroller .ui-scroller-pane.flashed,
.ui-scroller:hover>.ui-scroller-pane {
    visibility: visible\9;
    opacity: .99
}

.ui-scroller .ui-scroller-content {
    position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin-right: -15px;
    padding-right: 20px
}

.ui-scroller .ui-scroller-content:focus {
    outline: thin dotted
}

.ui-scroller .ui-scroller-content::scrollbar {
    visibility: hidden;
    width: 0
}

.ui-scroller .ui-scroller-content::-webkit-scrollbar {
    visibility: hidden;
    width: 0
}

.ui-scroller .ui-scroller-pane {
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    visibility: hidden\9;
    opacity: .01;
    transition: .2s;
    border-radius: 3px
}

.ui-scroller .ui-scroller-pane:hover {
    background-color: #eee;
    opacity: .9
}

.ui-scroller .ui-scroller-pane>.ui-scroller-slider {
    position: relative;
    margin: 0 1px;
    background-color: #8fcbf2;
    border-radius: 3px
}

.ui-slide {
    position: relative;
    overflow: hidden
}

.ui-slide.effect-horizontal .ui-slide-content {
    transition: left .5s ease-in-out
}

.ui-slide.effect-horizontal .ui-slide-panel {
    position: relative;
    overflow: hidden;
    display: list-item;
    float: left
}

.ui-slide.effect-vertical .ui-slide-content {
    transition: top .5s ease-in-out
}

.ui-slide.effect-vertical .ui-slide-panel {
    position: relative;
    overflow: hidden;
    display: list-item
}

.ui-slide.effect-fade .ui-slide-panel {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    opacity: 0;
    transition: opacity .5s ease-in-out
}

.ui-slide .ui-slide-content {
    width: 35791197px;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative
}

.ui-slide .ui-slide-content:after,
.ui-slide .ui-slide-content:before {
    content: " ";
    display: table
}

.ui-slide .ui-slide-content:after {
    clear: both
}

.ui-slide .ui-slide-content .ui-slide-panel img {
    max-width: none !important
}

.ui-slide .ui-slide-head {
    position: absolute;
    bottom: 10px;
    right: 10px;
    margin: 0;
    padding: 0;
    z-index: 99;
    font-size: 12px
}

.ui-slide .ui-slide-head .ui-slide-trigger {
    float: left;
    width: 15px;
    height: 15px;
    line-height: 17px;
    margin-left: 5px;
    background-color: #fff;
    opacity: .5;
    filter: alpha(opacity=50);
    text-align: center;
    color: #000;
    cursor: pointer;
    list-style: none
}

.ui-slide .ui-slide-head .ui-slide-active {
    color: #fff;
    background-color: #e96c3e;
    opacity: 1;
    filter: alpha(opacity=100)
}

.ui-tips {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    box-shadow: 0 8px 10px -6px #ddd
}

.ui-tips .content-cnt {
    position: relative;
    background-color: #fff;
    border: 1px solid #ccc;
    width: auto;
    padding: 8px
}

.ui-tips .placement-top .arrow {
    position: absolute;
    border: solid transparent;
    height: 0;
    width: 0;
    top: 100%
}

.ui-tips .placement-top .arrow-outer {
    border-width: 6px;
    border-top-color: #ccc
}

.ui-tips .placement-top .arrow-inner {
    border-width: 5px;
    border-top-color: #fff
}

.ui-tips .placement-right .arrow {
    position: absolute;
    border: solid transparent;
    height: 0;
    width: 0;
    right: 100%
}

.ui-tips .placement-right .arrow-outer {
    border-width: 6px;
    border-right-color: #ccc
}

.ui-tips .placement-right .arrow-inner {
    border-width: 5px;
    border-right-color: #fff
}

.ui-tips .placement-bottom .arrow {
    position: absolute;
    border: solid transparent;
    height: 0;
    width: 0;
    bottom: 100%
}

.ui-tips .placement-bottom .arrow-outer {
    border-width: 6px;
    border-bottom-color: #ccc
}

.ui-tips .placement-bottom .arrow-inner {
    border-width: 5px;
    border-bottom-color: #fff
}

.ui-tips .placement-left .arrow {
    position: absolute;
    border: solid transparent;
    height: 0;
    width: 0;
    left: 100%
}

.ui-tips .placement-left .arrow-outer {
    border-width: 6px;
    border-left-color: #ccc
}

.ui-tips .placement-left .arrow-inner {
    border-width: 5px;
    border-left-color: #fff
}

.ui-tips .offset-top .arrow {
    top: 10%;
    text-align: center
}

.ui-tips .offset-top .arrow-outer {
    margin-top: -5px
}

.ui-tips .offset-top .arrow-inner {
    margin-top: -4px
}

.ui-tips .offset-middle .arrow {
    top: 50%;
    text-align: center
}

.ui-tips .offset-middle .arrow-outer {
    margin-top: -5px
}

.ui-tips .offset-middle .arrow-inner {
    margin-top: -4px
}

.ui-tips .offset-bottom .arrow {
    top: 90%;
    text-align: center
}

.ui-tips .offset-bottom .arrow-outer {
    margin-top: -5px
}

.ui-tips .offset-bottom .arrow-inner {
    margin-top: -4px
}

.ui-tips .offset-left .arrow {
    left: 10%
}

.ui-tips .offset-left .arrow-outer {
    margin-left: -5px
}

.ui-tips .offset-left .arrow-inner {
    margin-left: -4px
}

.ui-tips .offset-center .arrow {
    left: 50%
}

.ui-tips .offset-center .arrow-outer {
    margin-left: -5px
}

.ui-tips .offset-center .arrow-inner {
    margin-left: -4px
}

.ui-tips .offset-right .arrow {
    left: 90%
}

.ui-tips .offset-right .arrow-outer {
    margin-left: -5px
}

.ui-tips .offset-right .arrow-inner {
    margin-left: -4px
}

.ui-suggestion {
    position: relative;
    z-index: 1030;
    text-align: left
}

.ui-suggestion .ui-suggestion-input,
.ui-suggestion .ui-suggestion-search {
    width: 100%
}

.ui-suggestion>.ui-suggestion-menu {
    position: absolute;
    width: 100%;
    display: none;
    z-index: 1031;
    border: 1px solid #d9d9d9;
    background-color: #fff
}

.ui-suggestion>.ui-suggestion-menu .ui-suggestion-item {
    cursor: default
}

.open>.ui-suggestion-menu {
    display: block
}

.ui-circles .ui-circles-wrapper {
    display: table;
    position: absolute;
    cursor: default;
    overflow: hidden;
    text-align: center
}

.ui-circles .ui-circles-wrapper .ui-circles-text {
    display: table-cell;
    vertical-align: middle
}

.ui-download {
    position: relative
}

.ui-download .btn-dropdown {
    padding: 5px 10px
}

.ui-download .btn-dropdown:after,
.ui-download .btn-dropdown:before {
    content: " ";
    display: table
}

.ui-download .btn-dropdown:after {
    clear: both
}

.ui-download .btn-dropdown .val {
    float: left;
    margin-left: 4px;
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif
}

.ui-download .btn-dropdown .icon-download {
    float: left;
    margin-top: 4px
}

.ui-download .ui-download-panel {
    display: none;
    position: absolute;
    top: 28px;
    width: 312px;
    padding: 20px 20px 0;
    border: 1px solid #ccc;
    background-color: #fafafa;
    z-index: 1030
}

.ui-download .ui-download-panel .ui-download-btns {
    margin: 10px 0
}

.btn-group-switch .ui-switch-menu .ui-download .ui-download-panel .ui-download-btns .ui-switch-item,
.ui-download .ui-download-panel .ui-download-btns .btn,
.ui-download .ui-download-panel .ui-download-btns .btn-group-switch .ui-switch-menu .ui-switch-item {
    float: right;
    margin-left: 4px
}

.ui-download .ui-download-panel .ui-download-desc {
    padding-bottom: 14px;
    border-bottom: 1px solid #d6d6d6;
    line-height: 1.42857;
    font-size: 12px
}

.ui-download .ui-download-panel .ui-download-desc .ui-download-title {
    font-size: 14px
}

.ui-download .ui-download-panel .ui-download-desc .ui-download-tags {
    padding: 6px 0;
    color: #22b5bf
}

.ui-download .ui-download-panel .ui-download-desc .ui-download-status {
    color: #a8a8a8
}

.ui-download .ui-download-panel.ui-download-left {
    left: 0
}

.ui-download .ui-download-panel.ui-download-right {
    right: 0
}

.open.ui-download .ui-download-panel {
    display: block
}

.navbar-download {
    min-width: 64px
}

.navbar-download .ui-download-panel {
    top: 58px
}

.navbar-download .btn-dropdown {
    width: 64px;
    height: 60px;
    padding: 20px 4px 0 10px;
    background-color: #f0f0f0;
    font-size: 14px;
    color: #666;
    border-radius: 0;
    border: 1px solid #f0f0f0;
    border-top-width: 2px
}

.navbar-download .btn-dropdown.active,
.navbar-download .btn-dropdown:active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.navbar-datepicker.day .ui-datepicker-text:hover,
.navbar-datepicker.month .ui-datepicker-text:hover,
.navbar-datepicker.open.day .ui-datepicker-text,
.navbar-datepicker.open.month .ui-datepicker-text,
.navbar-datepicker.open.range .ui-datepicker-text,
.navbar-datepicker.open.week .ui-datepicker-text,
.navbar-datepicker.range .ui-datepicker-text:hover,
.navbar-datepicker.week .ui-datepicker-text:hover {
    background-color: #f6faff;
    border: 1px solid #e5e5e5;
    border-top: 2px solid #35a0e7;
    border-bottom: 0;
    cursor: pointer
}

.navbar-datepicker {
    position: relative;
    width: 304px
}

.navbar-datepicker:after,
.navbar-datepicker:before {
    content: " ";
    display: table
}

.navbar-datepicker:after {
    clear: both
}

.navbar-datepicker .ui-dropdown {
    float: left
}

.navbar-datepicker .ui-dropdown .btn-dropdown {
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif
}

.navbar-datepicker .ui-datepicker-text {
    float: left;
    height: 60px;
    width: 190px;
    padding: 20px 10px 0;
    font-size: 14px;
    border: 1px solid #f0f0f0;
    border-top-width: 2px;
    background-color: #f0f0f0;
    color: #666
}

.navbar-datepicker .ui-datepicker-panel {
    display: none;
    position: absolute;
    top: 60px;
    padding: 20px 20px 0;
    border: 1px solid #ccc;
    background-color: #fafafa;
    z-index: 1024
}

.navbar-datepicker .ui-datepicker-panel .ui-datepicker-calendars {
    padding-bottom: 14px
}

.navbar-datepicker .ui-datepicker-panel .ui-datepicker-calendars:after,
.navbar-datepicker .ui-datepicker-panel .ui-datepicker-calendars:before {
    content: " ";
    display: table
}

.navbar-datepicker .ui-datepicker-panel .ui-datepicker-calendars:after {
    clear: both
}

.navbar-datepicker .ui-datepicker-panel .ui-datepicker-calendars .ui-calendar {
    position: static;
    float: left
}

.navbar-datepicker .ui-datepicker-panel .ui-datepicker-calendars .ui-calendar.last {
    margin-left: 10px
}

.navbar-datepicker .ui-datepicker-panel .ui-datepicker-btns {
    padding: 10px 0;
    border-top: 1px solid #d6d6d6
}

.navbar-datepicker .ui-datepicker-panel .ui-datepicker-btns .preview {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 10px
}

.btn-group-switch .ui-switch-menu .navbar-datepicker .ui-datepicker-panel .ui-datepicker-btns .ui-switch-item,
.navbar-datepicker .ui-datepicker-panel .ui-datepicker-btns .btn,
.navbar-datepicker .ui-datepicker-panel .ui-datepicker-btns .btn-group-switch .ui-switch-menu .ui-switch-item {
    float: right;
    margin-left: 4px
}

.navbar-datepicker .ui-datepicker-panel.ui-datepicker-left {
    left: 114px
}

.navbar-datepicker .ui-datepicker-panel.ui-datepicker-right {
    right: 0
}

.navbar-datepicker .ui-datepicker-panel-simple {
    display: none;
    position: absolute;
    top: 60px;
    background-color: #fafafa;
    z-index: 1024
}

.navbar-datepicker .ui-datepicker-panel-simple .ui-calendar {
    position: static;
    float: left
}

.navbar-datepicker .ui-datepicker-panel-simple.ui-datepicker-left {
    left: 114px
}

.navbar-datepicker .ui-datepicker-panel-simple.ui-datepicker-right {
    right: 0
}

.navbar-datepicker.open.day .ui-datepicker-panel-simple,
.navbar-datepicker.open.month .ui-datepicker-panel-simple,
.navbar-datepicker.open.range .ui-datepicker-panel,
.navbar-datepicker.open.week .ui-datepicker-panel-simple {
    display: block
}

.navbar-datepicker.month .ui-datepicker-panel,
.navbar-datepicker.week .ui-datepicker-panel {
    width: 280px
}

.navbar-datepicker.range .ui-datepicker-panel {
    width: 518px
}

.ui-combopanel .ui-combopanel-panel .ui-combopanel-groups,
.ui-combopicker .ui-combopicker-panel .ui-combopicker-groups {
    min-width: 330px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5
}

.ui-combopanel .ui-combopanel-panel .ui-combopanel-groups .group-wrapper,
.ui-combopicker .ui-combopicker-panel .ui-combopicker-groups .group-wrapper {
    margin-bottom: 6px
}

.ui-combopanel .ui-combopanel-panel .ui-combopanel-groups .group-wrapper .group-title,
.ui-combopicker .ui-combopicker-panel .ui-combopicker-groups .group-wrapper .group-title {
    font-size: 12px;
    font-weight: 700;
    color: #999
}

.ui-combopanel .ui-combopanel-panel .ui-combopanel-groups .group-wrapper.disabled .label,
.ui-combopicker .ui-combopicker-panel .ui-combopicker-groups .group-wrapper.disabled .label {
    color: #ccc
}

.ui-combopicker {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui-combopicker .btn-combopicker {
    padding: 6px 10px
}

.ui-combopicker .btn-combopicker:after,
.ui-combopicker .btn-combopicker:before {
    content: " ";
    display: table
}

.ui-combopicker .btn-combopicker:after {
    clear: both
}

.ui-combopicker .ui-combopicker-panel {
    display: none;
    position: absolute;
    top: 32px;
    min-width: 370px;
    padding: 20px 20px 0;
    background-color: #fafafa;
    border: 1px solid #ccc;
    z-index: 1030
}

.ui-combopicker .ui-combopicker-panel .ui-combopicker-btns {
    margin: 10px 0
}

.ui-combopicker .ui-combopicker-panel .ui-combopicker-btns:after,
.ui-combopicker .ui-combopicker-panel .ui-combopicker-btns:before {
    content: " ";
    display: table
}

.ui-combopicker .ui-combopicker-panel .ui-combopicker-btns:after {
    clear: both
}

.ui-combopicker .ui-combopicker-panel .ui-combopicker-btns .message {
    font-size: 12px;
    color: #999;
    height: 30px;
    line-height: 30px
}

.ui-combopicker .ui-combopicker-panel .ui-combopicker-btns .message.error {
    color: #ff6a69
}

.btn-group-switch .ui-switch-menu .ui-combopicker .ui-combopicker-panel .ui-combopicker-btns>.ui-switch-item,
.ui-combopicker .ui-combopicker-panel .btn-group-switch .ui-switch-menu .ui-combopicker-btns>.ui-switch-item,
.ui-combopicker .ui-combopicker-panel .ui-combopicker-btns>.btn {
    float: right
}

.ui-combopicker .ui-combopicker-panel.ui-combopicker-left {
    right: -308px
}

.ui-combopicker .ui-combopicker-panel.ui-combopicker-right {
    left: -308px
}

.open.ui-combopicker .ui-combopicker-panel {
    display: block
}

.navbar-combopicker .btn-combopicker:hover,
.open.navbar-combopicker .btn-combopicker {
    background-color: #f6faff;
    border: 1px solid #e5e5e5;
    border-top: 2px solid #35a0e7;
    border-bottom: 0
}

.navbar-combopicker {
    min-width: 64px
}

.navbar-combopicker .ui-combopicker-panel {
    top: 60px
}

.navbar-combopicker .btn-combopicker {
    width: 64px;
    height: 60px;
    padding: 20px 4px 0 10px;
    background-color: #f0f0f0;
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    font-size: 14px;
    color: #666;
    border-radius: 0;
    border: 1px solid #f0f0f0;
    border-top-width: 2px
}

.navbar-combopicker .btn-combopicker.active,
.navbar-combopicker .btn-combopicker:active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui-indexpicker {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui-indexpicker .btn-indexpicker {
    padding: 6px 10px
}

.ui-indexpicker .btn-indexpicker:after,
.ui-indexpicker .btn-indexpicker:before {
    content: " ";
    display: table
}

.ui-indexpicker .btn-indexpicker:after {
    clear: both
}

.ui-indexpicker .ui-indexpicker-panel {
    display: none;
    position: absolute;
    top: 32px;
    min-width: 370px;
    padding: 20px 20px 0;
    background-color: #fafafa;
    border: 1px solid #ccc;
    z-index: 1030
}

.ui-indexpicker .ui-indexpicker-panel .ui-combopanel-groups {
    border-bottom: none
}

.ui-indexpicker .ui-indexpicker-panel .ui-indexpicker-dimensions {
    border-bottom: 1px solid #e5e5e5
}

.ui-indexpicker .ui-indexpicker-panel .ui-indexpicker-dimensions .message {
    float: right;
    font-size: 12px;
    color: #999
}

.ui-indexpicker .ui-indexpicker-panel .ui-indexpicker-dimensions .error {
    color: #ff6a69
}

.ui-indexpicker .ui-indexpicker-panel .ui-indexpicker-btns {
    margin: 10px 0
}

.ui-indexpicker .ui-indexpicker-panel .ui-indexpicker-btns:after,
.ui-indexpicker .ui-indexpicker-panel .ui-indexpicker-btns:before {
    content: " ";
    display: table
}

.ui-indexpicker .ui-indexpicker-panel .ui-indexpicker-btns:after {
    clear: both
}

.ui-indexpicker .ui-indexpicker-panel .ui-indexpicker-btns .message {
    float: left;
    font-size: 12px;
    color: #999;
    line-height: 30px
}

.ui-indexpicker .ui-indexpicker-panel .ui-indexpicker-btns .error {
    color: #ff6a69
}

.ui-indexpicker .ui-indexpicker-panel .ui-indexpicker-btns .error-info {
    float: left;
    margin-right: 5px
}

.ui-indexpicker .ui-indexpicker-panel .ui-indexpicker-btns .extraMessage {
    float: left;
    width: 150px
}

.btn-group-switch .ui-switch-menu .ui-indexpicker .ui-indexpicker-panel .ui-indexpicker-btns>.ui-switch-item,
.ui-indexpicker .ui-indexpicker-panel .btn-group-switch .ui-switch-menu .ui-indexpicker-btns>.ui-switch-item,
.ui-indexpicker .ui-indexpicker-panel .ui-indexpicker-btns>.btn {
    float: right
}

.ui-indexpicker .ui-indexpicker-panel.ui-indexpicker-left {
    right: -308px
}

.ui-indexpicker .ui-indexpicker-panel.ui-indexpicker-right {
    left: -308px
}

.open.ui-indexpicker .ui-indexpicker-panel {
    display: block
}

.navbar-indexpicker .btn-indexpicker:hover,
.open.navbar-indexpicker .btn-indexpicker {
    background-color: #f6faff;
    border: 1px solid #e5e5e5;
    border-top: 2px solid #35a0e7;
    border-bottom: 0
}

.navbar-indexpicker {
    min-width: 64px
}

.navbar-indexpicker .ui-indexpicker-panel {
    top: 60px
}

.navbar-indexpicker .btn-indexpicker {
    width: 64px;
    height: 60px;
    padding: 20px 4px 0 10px;
    background-color: #f0f0f0;
    color: #666;
    border-radius: 0;
    border: 1px solid #f0f0f0;
    border-top-width: 2px;
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    font-size: 14px
}

.navbar-indexpicker .btn-indexpicker.active,
.navbar-indexpicker .btn-indexpicker:active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.index-comment {
    position: fixed;
    right: 40px;
    top: 170px;
    z-index: 110
}

.index-comment .cell-header {
    float: right;
    width: 26px;
    height: 94px;
    padding: 5px 0 0 5px;
    background-color: #afa393;
    cursor: pointer;
    -moz-border-raduis: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

.index-comment .cell-header .title {
    width: 16px;
    height: 90px;
    font: 14px/1.3 Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    color: #edede5;
    overflow: hidden
}

.index-comment .cell-header .arrow,
.index-comment .cell-header .title {
    -moz-text-shadow: 1px 1px 0 #958b7d;
    -webkit-text-shadow: 1px 1px 0 #958b7d;
    text-shadow: 1px 1px 0 #958b7d
}

.index-comment .cell-header .arrow {
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 4px;
    border-style: solid;
    border-color: #afa393 #edede5 #afa393 #afa393;
    font-size: 0;
    line-height: 0
}

.index-comment .cell-header:hover {
    background-color: #bdb09e
}

.index-comment .cell-header:hover .arrow {
    border-color: #bdb09e #edede5 #bdb09e #bdb09e
}

.index-comment .index-container {
    display: none;
    float: left;
    width: 314px;
    height: 248px;
    border: 1px solid #d9d9d9;
    border-left: 5px solid #afa393;
    background-color: #fafafa;
    -moz-border-raduis: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}

.index-comment .index-content {
    width: 308px;
    padding: 0 20px
}

.index-comment .define-index {
    padding: 20px 0;
    border-bottom: 1px solid #ededed;
    *zoom: 1
}

.index-comment .define-index:after,
.index-comment .define-index:before {
    display: table;
    line-height: 0;
    content: ""
}

.index-comment .define-index:after {
    clear: both
}

.index-comment .define-index .name {
    padding-right: 10px;
    color: gray;
    font-weight: 700
}

.index-comment .define-index .desc {
    color: #444
}

.index-comment.open .cell-header .arrow {
    margin-left: 4px;
    border-width: 3px;
    border-width: 4px\0;
    border-color: #afa393 #afa393 #afa393 #edede5
}

.index-comment.open .cell-header:hover .arrow {
    border-color: #bdb09e #bdb09e #bdb09e #edede5
}

.index-comment.open .index-container {
    display: block
}

.ui-combopanel .ui-combopanel-panel {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui-combopanel .ui-combopanel-panel .ui-combopanel-message {
    margin: 10px 0;
    font-size: 12px;
    color: #999;
    height: 30px;
    line-height: 30px
}

.ui-combopanel .ui-combopanel-panel .ui-combopanel-message.error {
    color: #ff6a69
}

.footnoteset-old-version {
    width: 40px;
    height: 100px;
    position: absolute;
    left: -1px;
    top: -200px;
    padding-top: 7px;
    padding-left: 13px;
    z-index: 1111;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    vertical-align: middle;
    background: #889bbe;
    border-radius: 2px
}

.footnoteset-old-version .footnoteset-old-version-text {
    color: #fff
}

.footnoteset-old-version .footnoteset-old-version-icon {
    color: #fff;
    width: 16px;
    height: 16px;
    margin-left: -1px;
    margin-bottom: 3px
}

.footnoteset {
    position: fixed;
    bottom: 60px;
    width: 38px;
    height: 114px;
    z-index: 1030
}

.footnote .img {
    background: url("//img.alicdn.com/tps/i4/TB1sE1SGVXXXXb7aXXXMY7rMXXX-32-120.png") no-repeat;
    background-image: url("//img.alicdn.com/tps/i4/TB1sE1SGVXXXXb7aXXXMY7rMXXX-32-120.png");
    background-image: -webkit-image-set(url("//img.alicdn.com/tps/i4/TB1sE1SGVXXXXb7aXXXMY7rMXXX-32-120.png") 1x, url("//img.alicdn.com/tps/i3/TB1e24xHXXXXXX.apXXfxx01XXX-64-240.png") 2x);
    background-image: -moz-image-set(url("//img.alicdn.com/tps/i4/TB1sE1SGVXXXXb7aXXXMY7rMXXX-32-120.png") 1x, url("//img.alicdn.com/tps/i3/TB1e24xHXXXXXX.apXXfxx01XXX-64-240.png") 2x);
    background-image: -o-image-set(url("//img.alicdn.com/tps/i4/TB1sE1SGVXXXXb7aXXXMY7rMXXX-32-120.png") 1x, url("//img.alicdn.com/tps/i3/TB1e24xHXXXXXX.apXXfxx01XXX-64-240.png") 2x);
    background-image: -ms-image-set(url("//img.alicdn.com/tps/i4/TB1sE1SGVXXXXb7aXXXMY7rMXXX-32-120.png") 1x, url("//img.alicdn.com/tps/i3/TB1e24xHXXXXXX.apXXfxx01XXX-64-240.png") 2x)
}

.to-top {
    margin-top: -1px
}

.to-top .img {
    background-position: 0 0
}

.to-advise {
    margin-top: -1px
}

.to-advise .img {
    background-position: 0 -28px
}

.to-quick {
    margin-top: -1px
}

.to-quick .img {
    background-position: 0 -60px
}

.to-qrcode .img {
    background-position: 0 -89px
}

.to-qrcode .qrcode-aside {
    display: none;
    position: absolute;
    top: 0;
    left: -310px;
    width: 310px;
    border: 1px solid #dbdbdb;
    padding: 18px 30px;
    background: #fff
}

.to-qrcode .qrcode-aside .slogan {
    text-align: center;
    font-size: 12px;
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    color: #666
}

.to-qrcode .qrcode-aside .qrcode-qn {
    background: url(./TB13D_mKpXXXXaAapXXXXXXXXXX-80-80.png) no-repeat 50%
}

.to-qrcode .qrcode-aside .qrcode-wx {
    background: url(./TB1udzBKpXXXXcwXFXXXXXXXXXX-80-80.png) no-repeat 50%
}

.to-qrcode .qrcode-aside .qrcode-qn,
.to-qrcode .qrcode-aside .qrcode-wx {
    display: block;
    margin-top: 8px;
    width: 110px;
    height: 110px;
    background-size: 110px
}

.footnote,
.to-qrcode:hover .qrcode-aside {
    display: block
}

.footnote {
    width: 38px;
    height: 38px;
    text-align: center;
    text-decoration: none;
    background-color: #f5f5f5;
    overflow: hidden;
    cursor: pointer;
    z-index: 99
}

.footnote .box {
    display: inline-block;
    width: 76px;
    height: 38px
}

.footnote .box:after,
.footnote .box:before {
    content: " ";
    display: table
}

.footnote .box:after {
    clear: both
}

.footnote .box:hover .first {
    margin-left: -38px
}

.footnote .first {
    margin-left: 0;
    color: #9c9c9c;
    background-color: #f5f5f5;
    transition: margin .2s
}

.footnote .second {
    color: #fff;
    background-color: #3598e8
}

.footnote .img,
.footnote .text {
    display: inline-block;
    float: left;
    width: 38px;
    height: 38px;
    border: 1px solid #e0e0e0
}

.footnote .text {
    overflow: hidden
}

.footnote .text>em {
    display: inline-block;
    width: 28px;
    line-height: 1.5;
    padding-top: 1px;
    font-style: normal;
    font-size: 12px
}

.to-top-enter {
    opacity: .01
}

.to-top-enter.to-top-enter-active {
    opacity: 1;
    transition: opacity .6s ease-in
}

.to-top-leave {
    opacity: 1
}

.to-top-leave.to-top-leave-active {
    opacity: .01;
    transition: opacity .4s ease-in
}

.ui-counter {
    color: #555;
    font-size: 12px;
    line-height: 1.42857;
    display: inline-block
}

.ui-counter.ui-counter-animating .ui-counter-ribbon {
    transform: translateY(-100%);
    transition: transform 1s;
    transition-timing-function: cubic-bezier(.21, .09, .18, 1.04)
}

.ui-counter .ui-counter-digit {
    position: relative
}

.ui-counter .ui-counter-digit,
.ui-counter .ui-counter-digit .ui-counter-placeholder {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto
}

.ui-counter .ui-counter-digit .ui-counter-placeholder {
    visibility: hidden
}

.ui-counter .ui-counter-digit .ui-counter-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.ui-counter .ui-counter-digit .ui-counter-inner .ui-counter-value {
    display: block
}

.ui-counter .ui-counter-digit .ui-counter-inner .ui-counter-value.last {
    position: absolute
}

.ui-mapchina {
    width: 400px;
    height: 400px
}

.ui-mapchina path {
    cursor: pointer
}

.ui-mapchina-tip {
    position: fixed;
    left: 0;
    top: 0;
    border: 1px solid #cfcfcf;
    padding: 10px;
    width: 120px;
    background-color: #fcfcfc;
    opacity: .9
}

.ui-mapchina-tip em {
    font-style: normal
}

.ui-mapchina-tip .item,
.ui-mapchina-tip .title {
    height: 22px;
    line-height: 22px
}

.ui-mapchina-tip .title {
    font-weight: 500;
    color: gray
}

.ui-mapchina-tip .item .name {
    font-weight: 600;
    color: #34a0e7
}

.ui-mapchina-tip .item .value {
    text-align: right;
    color: #4c4c4c
}

.ui-message-custom.mask,
.ui-message-empty.mask,
.ui-message-error.mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    zoom: 1;
    z-index: 1000;
    background: #fff;
    background: transparent\9;
    background: hsla(0, 0%, 100%, .7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff, endColorstr=#b2ffffff)
}

.ui-message-custom .ui-message-content,
.ui-message-empty .ui-message-content,
.ui-message-error .ui-message-content {
    position: absolute;
    top: 50%;
    margin: -16px auto auto;
    height: 32px;
    line-height: 32px;
    text-align: center;
    left: 0;
    right: 0
}

.ui-message-custom .ui-message-content .icon-big-info,
.ui-message-empty .ui-message-content .icon-big-info,
.ui-message-error .ui-message-content .icon-big-info {
    margin-right: 5px
}

.ui-robot .ui-robot-corner,
.ui-robot .ui-robot-questions li {
    background-image: url(//img.alicdn.com/tps/i4/T1tQrSXjJhXXctBpjk-58-40.png);
    background-repeat: no-repeat
}

.ui-robot {
    position: fixed;
    bottom: 200px;
    width: 75px;
    height: 84px;
    z-index: 10002
}

.ui-robot:after,
.ui-robot:before {
    content: " ";
    display: table
}

.ui-robot:after {
    clear: both
}

.ui-robot .tao-doll {
    display: block;
    position: relative;
    width: 75px;
    height: 84px;
    background: url(//img.alicdn.com/tps/i3/T18ovTXo4XXXc.pmjn-75-84.png)
}

.ui-robot .ui-robot-content {
    position: absolute;
    bottom: 52px;
    right: 17px;
    padding: 12px;
    background-color: #fff3da;
    border: 1px solid #fbcfac;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.ui-robot .ui-robot-content h3 {
    position: relative;
    width: 190px;
    margin: 0 0 0 3px
}

.ui-robot .ui-robot-content h3 .ui-robot-other-question {
    margin-left: 5px;
    color: #5382aa;
    text-decoration: none;
    font-size: 12px
}

.ui-robot .ui-robot-content h3 .ui-robot-other-question:hover {
    text-decoration: underline;
    color: #f60
}

.ui-robot .ui-robot-content h3 .ui-robot-title {
    color: #333;
    font-family: \\5FAE\8F6F\96C5\9ED1, \\9ED1\4F53, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    font-size: 18px;
    cursor: default;
    text-decoration: none;
    outline: none
}

.ui-robot .ui-robot-content h3 .ui-robot-title:hover {
    opacity: 1;
    text-decoration: none
}

.ui-robot .ui-robot-content .ui-robot-corner {
    display: block;
    position: absolute;
    width: 41px;
    height: 24px;
    right: 60px;
    bottom: -24px;
    background-position: 0 -13px
}

.ui-robot .ui-robot-questions {
    margin: 5px 0 0;
    width: 193px;
    height: 145px
}

.ui-robot .ui-robot-questions>.nano-pane {
    background: transparent
}

.ui-robot .ui-robot-questions .ui-robot-loading {
    text-align: center;
    line-height: 100
}

.ui-robot .ui-robot-questions ul li {
    width: 185px;
    overflow: hidden;
    padding: 5px 0 1px 8px;
    background-position: -52px -18px
}

.ui-robot .ui-robot-questions ul li a {
    font-size: 12px;
    color: #5382aa;
    text-decoration: none
}

.ui-robot .ui-robot-questions ul li a:hover {
    color: #f60;
    text-decoration: underline
}

.ui-robot .ui-robot-questions ul li a strong {
    font-weight: 400;
    color: red
}

.ui-robot .btn-close-btn {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 3px;
    color: #f60;
    font-size: 14px;
    font-weight: 700
}

.ui-robot .open {
    right: 42px;
    padding: 0 0 8px
}

.ui-robot .open .btn-close-btn,
.ui-robot .open .ui-robot-questions,
.ui-robot .open h3 .ui-robot-other-question {
    display: none
}

.ui-robot .open h3 {
    margin: 0;
    width: 26px;
    padding: 10px 0 8px;
    text-align: center
}

.ui-robot .open h3 .ui-robot-title {
    font-size: 14px;
    cursor: pointer
}

.ui-robot .open h3 .ui-robot-title:hover {
    opacity: .8
}

.ui-robot .open .ui-robot-corner {
    width: 8px;
    height: 9px;
    right: 12px;
    bottom: -9px;
    background-position: 0 0
}

.feedback-dialog .oui-dialog-close {
    display: block
}

.feedback-dialog .oui-dialog-locator {
    width: 530px
}

.feedback-dialog .oui-dialog-locator .feedback-submit .feedback-warning {
    margin-top: -10px;
    padding-bottom: 10px
}

.feedback-dialog .oui-dialog-locator .feedback-submit .feedback-warning .warning-icon {
    color: red
}

.feedback-dialog .oui-dialog-locator .feedback-submit .feedback-warning .warning-text {
    font-size: 14px;
    margin-left: 5px;
    color: red
}

.feedback-dialog .oui-dialog-locator .feedback-submit .qa {
    margin-top: 10px;
    margin-bottom: 10px
}

.feedback-dialog .oui-dialog-locator .feedback-submit .qa:after,
.feedback-dialog .oui-dialog-locator .feedback-submit .qa:before {
    content: " ";
    display: table
}

.feedback-dialog .oui-dialog-locator .feedback-submit .qa:after {
    clear: both
}

.feedback-dialog .oui-dialog-locator .feedback-submit .qa>h4 {
    margin: 0;
    font-weight: 400;
    font-size: 14px
}

.feedback-dialog .oui-dialog-locator .feedback-submit .basic-info {
    height: 40px;
    line-height: 40px;
    color: #999
}

.feedback-dialog .oui-dialog-locator .feedback-submit .basic-info .key {
    display: inline-block;
    margin-right: 10px;
    font-size: 14px
}

.feedback-dialog .oui-dialog-locator .feedback-submit .basic-info .key i {
    color: red
}

.feedback-dialog .oui-dialog-locator .feedback-submit .basic-info .shop-name {
    width: 200px;
    height: 30px;
    line-height: 30px;
    padding: 4px 6px
}

.feedback-dialog .oui-dialog-locator .feedback-submit .basic-info .options {
    font-size: 14px
}

.feedback-dialog .oui-dialog-locator .feedback-submit .basic-info .options label {
    margin-right: 30px
}

.feedback-dialog .oui-dialog-locator .feedback-submit .basic-info .options label input {
    margin-right: 6px
}

.feedback-dialog .oui-dialog-locator .feedback-submit .feedback-textarea {
    border-color: #ddd;
    border-top-color: #7c7c7c;
    padding: 8px;
    width: 100%;
    height: 120px;
    line-height: 20px
}

.feedback-dialog .oui-dialog-locator .feedback-submit .feedback-actions {
    margin-top: 4px
}

.feedback-dialog .oui-dialog-locator .feedback-submit .feedback-actions:after,
.feedback-dialog .oui-dialog-locator .feedback-submit .feedback-actions:before {
    content: " ";
    display: table
}

.feedback-dialog .oui-dialog-locator .feedback-submit .feedback-actions:after {
    clear: both
}

.feedback-dialog .oui-dialog-locator .feedback-submit .feedback-actions .suggestion {
    float: right;
    color: #b2b2b2
}

.feedback-dialog .oui-dialog-locator .feedback-submit .feedback-actions .suggestion.error {
    color: #ef0000
}

.feedback-dialog .oui-dialog-locator .feedback-submit .advice-btns {
    padding: 10px 0
}

.feedback-dialog .oui-dialog-locator .feedback-submit .advice-btns .snapshot-group {
    height: 26px;
    position: relative;
    left: 0;
    top: -24px
}

.feedback-dialog .oui-dialog-locator .feedback-submit .btn-submit {
    margin: 0 auto;
    font-size: 12px;
    width: 48px;
    height: 32px
}

.feedback-dialog .oui-dialog-locator .feedback-submit .display-none {
    display: none
}

.feedback-dialog .oui-dialog-locator .feedback-submit .modal-sign-btn {
    background-color: #ffece2;
    border: 1px solid #f60;
    color: #f60;
    height: 22px;
    line-height: 22px;
    cursor: pointer
}

.feedback-dialog .oui-dialog-locator .feedback-submit .modal-sign-btned {
    height: 22px;
    line-height: 22px;
    background-color: #dfdfdf;
    border: 1px solid #999;
    color: #999;
    padding: 0 20px;
    cursor: default
}

.feedback-dialog .oui-dialog-locator .feedback-submit .modal-sign-btn i {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    background-position: -80px 0;
    height: 18px;
    width: 20px;
    font-style: normal
}

.feedback-dialog .oui-dialog-locator .feedback-submit .advice-img {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    height: 26px;
    width: 32px;
    margin-left: 5px;
    background-position: 0 -20px
}

.feedback-dialog .oui-dialog-locator .feedback-submit .advice-img-cancel {
    position: absolute;
    text-decoration: none;
    height: 14px;
    width: 14px;
    background-position: -40px -20px;
    right: -5px;
    top: -5px
}

.feedback-dialog .oui-dialog-locator .mod-feedback-list {
    position: relative;
    padding-top: 18px;
    margin-top: 27px;
    border-top: 1px solid #e6e6e6
}

.feedback-dialog .oui-dialog-locator .mod-feedback-list .list-title {
    position: absolute;
    top: -10px;
    height: 20px;
    line-height: 20px;
    color: #999;
    background-color: #fff
}

.feedback-dialog .oui-dialog-locator .feedback-list {
    overflow: auto
}

.feedback-dialog .oui-dialog-locator .feedback-list .feedback-item {
    padding: 14px 0;
    border-top: 1px dashed #cdcdcd
}

.feedback-dialog .oui-dialog-locator .feedback-list .feedback-item.has-reply:hover {
    background-color: #f0f0f0;
    cursor: pointer
}

.feedback-dialog .oui-dialog-locator .feedback-list .feedback-item:first-child {
    border-top: none
}

.feedback-dialog .oui-dialog-locator .feedback-list .feedback-item>.question:after,
.feedback-dialog .oui-dialog-locator .feedback-list .feedback-item>.question:before {
    content: " ";
    display: table
}

.feedback-dialog .oui-dialog-locator .feedback-list .feedback-item>.question:after {
    clear: both
}

.feedback-dialog .oui-dialog-locator .feedback-list .feedback-item>.question .question-icon-new {
    color: red
}

.feedback-dialog .oui-dialog-locator .feedback-list .feedback-item>.question .icon-fold,
.feedback-dialog .oui-dialog-locator .feedback-list .feedback-item>.question .icon-unfold {
    float: right
}

.feedback-dialog .oui-dialog-locator .feedback-list .feedback-item>.question .icon-question {
    float: left;
    margin-right: 2px
}

.feedback-dialog .oui-dialog-locator .feedback-list .feedback-item>.question .question-detail {
    float: left
}

.feedback-dialog .oui-dialog-locator .feedback-list .feedback-item>.question .reply-tag {
    color: red
}

.feedback-dialog .oui-dialog-locator .feedback-list .feedback-item>.reply {
    display: none;
    padding: 8px;
    margin-top: 4px;
    border: 1px solid #dfdfdf;
    background-color: #f9f9f9
}

.feedback-dialog .oui-dialog-locator .feedback-list .feedback-item>.reply .reply-title {
    color: red
}

.feedback-dialog .oui-dialog-locator .feedback-list .feedback-item.has-reply.unfold-question>.reply {
    display: block
}

.advice2visual {
    position: absolute;
    visibility: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1050
}

.advice2visual .cursor-img {
    position: absolute;
    height: 80px;
    width: 80px;
    background-position: 0 -60px;
    left: -80px;
    top: -80px;
    display: none
}

.advice2visual .advice2visual-page {
    width: 0;
    height: 0;
    overflow: hidden
}

.advice2visual .advice-canvas canvas {
    display: block;
    *display: block;
    width: 100%;
    height: 100%;
    background: transparent
}

.advice2visual .advice-canvas,
.advice2visual .advice-operate,
.advice2visual .advice-snapshot-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.advice2visual .advice-ground {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0
}

.advice2visual .advice-snapshot {
    position: relative
}

.snapdiv {
    position: absolute
}

.snapdiv i {
    font-style: normal
}

.snapdiv .snapdiv-cancel i {
    background-position: 0 0;
    width: 18px
}

.snapdiv .snapdiv-cancel i,
.snapdiv .snapdiv-submit i {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 14px;
    vertical-align: middle
}

.snapdiv .snapdiv-submit i {
    background-position: -20px 0;
    width: 24px
}

.snapdiv .snapdiv-block {
    margin: 3px
}

.snapdiv .snap-btns {
    float: right;
    background: #000;
    color: #fff;
    height: 26px;
    line-height: 24px;
    width: 116px
}

.snapdiv .snap-btns a {
    color: #fff
}

.advice-img,
.advice-img-cancel,
.cursor-img,
.link-separate,
.modal-close-btn,
.modal-sign-btn i,
.snapdiv-cancel i,
.snapdiv-submit i {
    font-style: normal;
    background: url(//img.alicdn.com/tps/i1/T1KepuFwFfXXXzFH3b-100-150.png) no-repeat
}

.normal-btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
    text-decoration: none;
    padding: 0 5px
}

.op-preview-dialog.ui-dialog .ui-dialog-container {
    border: none
}

.op-preview-dialog.ui-dialog .ui-dialog-container .ui-dialog-content {
    position: relative;
    padding: 24px 22px;
    background: #e2e2e2
}

.op-preview-dialog.ui-dialog .ui-dialog-container .ui-dialog-content .demo-notice {
    position: absolute;
    top: 0;
    right: 0;
    background: url(//img.alicdn.com/tps/i1/TB1pLpNHVXXXXaYXFXXeReD5VXX-75-100.png) no-repeat;
    background-image: -webkit-image-set(url(//img.alicdn.com/tps/i1/TB1pLpNHVXXXXaYXFXXeReD5VXX-75-100.png) 1x, url(//img.alicdn.com/tps/i2/TB1QWXDHVXXXXapXVXX8s9FKFXX-150-200.png) 2x);
    background-position: 0 0;
    width: 75px;
    height: 75px;
    z-index: 1
}

.op-preview-dialog.ui-dialog .ui-dialog-container .ui-dialog-content .icon-preview-next,
.op-preview-dialog.ui-dialog .ui-dialog-container .ui-dialog-content .icon-preview-prev {
    background: url(//img.alicdn.com/tps/i1/TB1pLpNHVXXXXaYXFXXeReD5VXX-75-100.png) no-repeat;
    background-image: -webkit-image-set(url(//img.alicdn.com/tps/i1/TB1pLpNHVXXXXaYXFXXeReD5VXX-75-100.png) 1x, url(//img.alicdn.com/tps/i2/TB1QWXDHVXXXXapXVXX8s9FKFXX-150-200.png) 2x);
    width: 11px;
    height: 20px
}

.op-preview-dialog.ui-dialog .ui-dialog-container .ui-dialog-content .btn-next,
.op-preview-dialog.ui-dialog .ui-dialog-container .ui-dialog-content .btn-prev {
    position: absolute;
    top: 200px;
    width: 35px;
    height: 60px;
    background: rgba(0, 0, 0, .6);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#99000000', EndColorStr='#99000000')";
    zoom: 1 !important;
    cursor: pointer;
    z-index: 1
}

.op-preview-dialog.ui-dialog .ui-dialog-container .ui-dialog-content .btn-next>i,
.op-preview-dialog.ui-dialog .ui-dialog-container .ui-dialog-content .btn-prev>i {
    margin: 20px 0 0 12px
}

.op-preview-dialog.ui-dialog .ui-dialog-container .ui-dialog-content .btn-next:hover,
.op-preview-dialog.ui-dialog .ui-dialog-container .ui-dialog-content .btn-prev:hover {
    background: rgba(0, 0, 0, .3);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#4C000000', EndColorStr='#4C000000')";
    zoom: 1 !important
}

.op-preview-dialog.ui-dialog .ui-dialog-container .ui-dialog-content .btn-next.disabled,
.op-preview-dialog.ui-dialog .ui-dialog-container .ui-dialog-content .btn-prev.disabled {
    background: rgba(0, 0, 0, .3);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#4C000000', EndColorStr='#4C000000')";
    zoom: 1 !important;
    cursor: default
}

.op-preview-dialog.ui-dialog .ui-dialog-container .ui-dialog-content .btn-prev {
    left: 0
}

.op-preview-dialog.ui-dialog .ui-dialog-container .ui-dialog-content .btn-prev .icon-preview-prev {
    background-position: -12px -75px
}

.op-preview-dialog.ui-dialog .ui-dialog-container .ui-dialog-content .btn-prev.disabled .icon-preview-prev {
    background-position: 0 -75px
}

.op-preview-dialog.ui-dialog .ui-dialog-container .ui-dialog-content .btn-next {
    right: 0
}

.op-preview-dialog.ui-dialog .ui-dialog-container .ui-dialog-content .btn-next .icon-preview-next {
    background-position: -36px -75px
}

.op-preview-dialog.ui-dialog .ui-dialog-container .ui-dialog-content .btn-next.disabled .icon-preview-next {
    background-position: -24px -75px
}

.op-preview-dialog .ui-dialog-header .ui-dialog-title .highlight {
    color: #22b5bf
}

.op-preview-dialog .image-list-wrapper {
    width: 753px;
    height: auto;
    overflow: hidden
}

.op-preview-dialog .image-list {
    position: relative;
    transition: left .5s ease-out
}

.op-preview-dialog .image-list:after,
.op-preview-dialog .image-list:before {
    content: " ";
    display: table
}

.op-preview-dialog .image-list:after {
    clear: both
}

.op-preview-dialog .image-list .image-item {
    float: left
}

.op-preview-dialog .image-list .image-item img {
    width: 753px;
    height: auto;
    max-width: none
}

.paid-module-no-permission {
    text-align: center;
    margin: 50px 0
}

.paid-module-no-permission>span.error,
.paid-module-no-permission>span.normal {
    margin-right: 4px
}

.paid-module-no-permission .order-btn {
    margin-left: 8px
}

.paid-module-no-permission .preview-btn {
    margin-left: 10px
}

.paid-module-navbar-warning {
    margin-left: 12px;
    line-height: 60px;
    vertical-align: middle
}

.paid-module-navbar-warning>span.error {
    margin-right: 4px
}

.paid-module-navbar-warning>span.error .icon-info {
    vertical-align: text-bottom;
    line-height: 12px;
    margin-top: -4px\9
}

.paid-module-navbar-warning .highlight {
    font-weight: 700;
    color: #ffa70c;
    margin: 0 2px
}

.index-picker-no-permission {
    margin: 0 -20px;
    padding: 10px 20px 14px;
    background: #f0f0f0;
    border-top: 1px solid #e0e0e0
}

.index-picker-no-permission>span.error {
    float: left;
    margin-right: 6px
}

.index-picker-no-permission>span.error .icon-info {
    vertical-align: top;
    line-height: 12px;
    margin-top: -1px\9
}

.index-picker-no-permission .no-permission-wrapper {
    overflow: hidden
}

.index-picker-no-permission .highlight {
    font-weight: 700;
    color: #ffa70c;
    margin: 0 2px
}

@-webkit-keyframes feedbackfadeinout {
    50% {
        opacity: 1
    }
}

@keyframes feedbackfadeinout {
    50% {
        opacity: 1
    }
}

.floornav {
    position: fixed;
    top: 33%;
    z-index: 999;
    right: calc((100% - 1310px) / 2);
    width: 42px
}

.floornav .goBack {
    width: 42px;
    height: 42px;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    text-align: center;
    margin-bottom: 10px;
    padding: 0 3px;
    font-size: 12px
}

.floornav ul li {
    border: 1px solid #e1e1e1;
    border-top: none
}

.floornav ul li:first-child {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1
}

.floornav ul .floor0 {
    margin-top: 10px;
    border-top: 1px solid #e1e1e1
}

.floornav ul .feedback {
    position: relative;
    width: 42px;
    height: 42px;
    transform-style: preserve-3d
}

.floornav ul .feedback .flip {
    position: relative;
    transition: .6s;
    transform-style: preserve-3d
}

.floornav ul .feedback .feedbackTxt {
    line-height: 20px;
    background: #fff;
    color: #666;
    font-size: 12px;
    z-index: 100
}

.floornav ul .feedback .feedbackLink,
.floornav ul .feedback .feedbackTxt {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    cursor: pointer;
    backface-visibility: hidden
}

.floornav ul .feedback .feedbackLink {
    line-height: 40px;
    background: #2062e6;
    color: #fff;
    font-size: 14px;
    transform: rotateY(-180deg)
}

.floornav ul .feedback .feedbackNum0 {
    display: none
}

.floornav ul .feedback .feedbackNum1,
.floornav ul .feedback .feedbackNum2 {
    position: absolute;
    display: inline-block;
    right: -8px;
    top: -8px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #f3d024;
    line-height: 16px;
    text-align: center
}

.floornav ul .feedback .feedbackNum1 .num,
.floornav ul .feedback .feedbackNum2 .num {
    color: #fff;
    font-weight: 700
}

.floornav ul .feedback .feedbackNum2 {
    right: -12px;
    top: -8px;
    width: 22px;
    height: 16px;
    border-radius: 15px
}

.floornav ul .feedback:hover .flip {
    transform: rotateY(180deg)
}

.floornav .item {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    background: #fff;
    color: #666;
    font-size: 12px
}

.floornav .item:focus,
.floornav .item:hover {
    color: #34a0e7
}

.floornav .item.active,
.floornav .item:active {
    background: #34a0e7;
    color: #fff
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease
}

.btn-group,
.btn-group-stacked,
.btn-group-switch .ui-switch-menu {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group-stacked>.btn,
.btn-group-switch .ui-switch-menu .btn-group-stacked>.ui-switch-item,
.btn-group-switch .ui-switch-menu .btn-group>.ui-switch-item,
.btn-group-switch .ui-switch-menu>.btn,
.btn-group-switch .ui-switch-menu>.ui-switch-item,
.btn-group>.btn {
    position: relative;
    float: left
}

.btn-group-stacked>.btn.active,
.btn-group-stacked>.btn:active,
.btn-group-stacked>.btn:focus,
.btn-group-stacked>.btn:hover,
.btn-group-switch .ui-switch-menu .btn-group-stacked>.active.ui-switch-item,
.btn-group-switch .ui-switch-menu .btn-group-stacked>.ui-switch-item:active,
.btn-group-switch .ui-switch-menu .btn-group-stacked>.ui-switch-item:focus,
.btn-group-switch .ui-switch-menu .btn-group-stacked>.ui-switch-item:hover,
.btn-group-switch .ui-switch-menu .btn-group>.active.ui-switch-item,
.btn-group-switch .ui-switch-menu .btn-group>.ui-switch-item:active,
.btn-group-switch .ui-switch-menu .btn-group>.ui-switch-item:focus,
.btn-group-switch .ui-switch-menu .btn-group>.ui-switch-item:hover,
.btn-group-switch .ui-switch-menu>.active.ui-switch-item,
.btn-group-switch .ui-switch-menu>.btn.active,
.btn-group-switch .ui-switch-menu>.btn:active,
.btn-group-switch .ui-switch-menu>.btn:focus,
.btn-group-switch .ui-switch-menu>.btn:hover,
.btn-group-switch .ui-switch-menu>.ui-switch-item:active,
.btn-group-switch .ui-switch-menu>.ui-switch-item:focus,
.btn-group-switch .ui-switch-menu>.ui-switch-item:hover,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
    z-index: 2
}

.btn-group-stacked>.btn:focus,
.btn-group-switch .ui-switch-menu .btn-group-stacked>.ui-switch-item:focus,
.btn-group-switch .ui-switch-menu .btn-group>.ui-switch-item:focus,
.btn-group-switch .ui-switch-menu>.btn:focus,
.btn-group-switch .ui-switch-menu>.ui-switch-item:focus,
.btn-group>.btn:focus {
    outline: 0
}

.btn-group-switch .btn-group .btn+.ui-switch-menu,
.btn-group-switch .btn-group .btn-group+.ui-switch-menu,
.btn-group-switch .btn-group .ui-switch-menu+.btn,
.btn-group-switch .btn-group .ui-switch-menu+.btn-group,
.btn-group-switch .btn-group .ui-switch-menu+.ui-switch-menu,
.btn-group-switch .ui-switch-menu .btn+.btn,
.btn-group-switch .ui-switch-menu .btn+.btn-group,
.btn-group-switch .ui-switch-menu .btn+.ui-switch-item,
.btn-group-switch .ui-switch-menu .btn+.ui-switch-menu,
.btn-group-switch .ui-switch-menu .btn-group+.btn,
.btn-group-switch .ui-switch-menu .btn-group+.btn-group,
.btn-group-switch .ui-switch-menu .btn-group+.ui-switch-item,
.btn-group-switch .ui-switch-menu .btn-group+.ui-switch-menu,
.btn-group-switch .ui-switch-menu .btn-group .btn+.ui-switch-item,
.btn-group-switch .ui-switch-menu .btn-group .btn-group+.ui-switch-item,
.btn-group-switch .ui-switch-menu .btn-group .ui-switch-item+.btn,
.btn-group-switch .ui-switch-menu .btn-group .ui-switch-item+.btn-group,
.btn-group-switch .ui-switch-menu .btn-group .ui-switch-item+.ui-switch-item,
.btn-group-switch .ui-switch-menu .btn-group .ui-switch-item+.ui-switch-menu,
.btn-group-switch .ui-switch-menu .btn-group .ui-switch-menu+.ui-switch-item,
.btn-group-switch .ui-switch-menu .ui-switch-item+.btn,
.btn-group-switch .ui-switch-menu .ui-switch-item+.btn-group,
.btn-group-switch .ui-switch-menu .ui-switch-item+.ui-switch-item,
.btn-group-switch .ui-switch-menu .ui-switch-item+.ui-switch-menu,
.btn-group-switch .ui-switch-menu .ui-switch-menu+.btn,
.btn-group-switch .ui-switch-menu .ui-switch-menu+.btn-group,
.btn-group-switch .ui-switch-menu .ui-switch-menu+.ui-switch-item,
.btn-group-switch .ui-switch-menu .ui-switch-menu+.ui-switch-menu,
.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group,
.btn-group .btn-group-switch .btn+.ui-switch-menu,
.btn-group .btn-group-switch .btn-group+.ui-switch-menu,
.btn-group .btn-group-switch .ui-switch-menu+.btn,
.btn-group .btn-group-switch .ui-switch-menu+.btn-group,
.btn-group .btn-group-switch .ui-switch-menu+.ui-switch-menu {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar:after,
.btn-toolbar:before {
    content: " ";
    display: table
}

.btn-toolbar:after {
    clear: both
}

.btn-group-switch .btn-toolbar .ui-switch-menu,
.btn-toolbar .btn-group,
.btn-toolbar .btn-group-switch .ui-switch-menu,
.btn-toolbar .input-group {
    float: left
}

.btn-group-switch .btn-toolbar>.ui-switch-menu,
.btn-group-switch .ui-switch-menu .btn-toolbar>.ui-switch-item,
.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
    margin-left: 5px
}

.btn-group-switch .ui-switch-menu .btn-group>.ui-switch-item:not(:first-child):not(:last-child):not(.ui-dropdown-toggle),
.btn-group-switch .ui-switch-menu>.btn:not(:first-child):not(:last-child):not(.ui-dropdown-toggle),
.btn-group-switch .ui-switch-menu>.ui-switch-item:not(:first-child):not(:last-child):not(.ui-dropdown-toggle),
.btn-group>.btn:not(:first-child):not(:last-child):not(.ui-dropdown-toggle) {
    border-radius: 0
}

.btn-group-switch .ui-switch-menu .btn-group>.ui-switch-item:first-child,
.btn-group-switch .ui-switch-menu>.btn:first-child,
.btn-group-switch .ui-switch-menu>.ui-switch-item:first-child,
.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group-switch .ui-switch-menu .btn-group>.ui-switch-item:first-child:not(:last-child):not(.ui-dropdown-toggle),
.btn-group-switch .ui-switch-menu>.btn:first-child:not(:last-child):not(.ui-dropdown-toggle),
.btn-group-switch .ui-switch-menu>.ui-switch-item:first-child:not(:last-child):not(.ui-dropdown-toggle),
.btn-group>.btn:first-child:not(:last-child):not(.ui-dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group-switch .ui-switch-menu .btn-group>.ui-switch-item:last-child:not(:first-child),
.btn-group-switch .ui-switch-menu>.btn:last-child:not(:first-child),
.btn-group-switch .ui-switch-menu>.ui-dropdown-toggle:not(:first-child),
.btn-group-switch .ui-switch-menu>.ui-switch-item:last-child:not(:first-child),
.btn-group>.btn:last-child:not(:first-child),
.btn-group>.ui-dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group-switch .btn-group>.ui-switch-menu,
.btn-group-switch .ui-switch-menu>.btn-group,
.btn-group-switch .ui-switch-menu>.ui-switch-menu,
.btn-group>.btn-group {
    float: left
}

.btn-group-switch .btn-group>.ui-switch-menu:not(:first-child):not(:last-child)>.btn,
.btn-group-switch .btn-group>.ui-switch-menu:not(:first-child):not(:last-child)>.ui-switch-item,
.btn-group-switch .ui-switch-menu .btn-group>.btn-group:not(:first-child):not(:last-child)>.ui-switch-item,
.btn-group-switch .ui-switch-menu>.btn-group:not(:first-child):not(:last-child)>.btn,
.btn-group-switch .ui-switch-menu>.btn-group:not(:first-child):not(:last-child)>.ui-switch-item,
.btn-group-switch .ui-switch-menu>.ui-switch-menu:not(:first-child):not(:last-child)>.btn,
.btn-group-switch .ui-switch-menu>.ui-switch-menu:not(:first-child):not(:last-child)>.ui-switch-item,
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group-switch .btn-group>.ui-switch-menu:first-child>.btn:last-child,
.btn-group-switch .btn-group>.ui-switch-menu:first-child>.ui-dropdown-toggle,
.btn-group-switch .btn-group>.ui-switch-menu:first-child>.ui-switch-item:last-child,
.btn-group-switch .ui-switch-menu .btn-group>.btn-group:first-child>.ui-switch-item:last-child,
.btn-group-switch .ui-switch-menu>.btn-group:first-child>.btn:last-child,
.btn-group-switch .ui-switch-menu>.btn-group:first-child>.ui-dropdown-toggle,
.btn-group-switch .ui-switch-menu>.btn-group:first-child>.ui-switch-item:last-child,
.btn-group-switch .ui-switch-menu>.ui-switch-menu:first-child>.btn:last-child,
.btn-group-switch .ui-switch-menu>.ui-switch-menu:first-child>.ui-dropdown-toggle,
.btn-group-switch .ui-switch-menu>.ui-switch-menu:first-child>.ui-switch-item:last-child,
.btn-group>.btn-group:first-child>.btn:last-child,
.btn-group>.btn-group:first-child>.ui-dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group-switch .btn-group>.ui-switch-menu:last-child>.btn:first-child,
.btn-group-switch .btn-group>.ui-switch-menu:last-child>.ui-switch-item:first-child,
.btn-group-switch .ui-switch-menu .btn-group>.btn-group:last-child>.ui-switch-item:first-child,
.btn-group-switch .ui-switch-menu>.btn-group:last-child>.btn:first-child,
.btn-group-switch .ui-switch-menu>.btn-group:last-child>.ui-switch-item:first-child,
.btn-group-switch .ui-switch-menu>.ui-switch-menu:last-child>.btn:first-child,
.btn-group-switch .ui-switch-menu>.ui-switch-menu:last-child>.ui-switch-item:first-child,
.btn-group>.btn-group:last-child>.btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group-stacked>.btn,
.btn-group-stacked>.btn-group,
.btn-group-stacked>.btn-group>.btn,
.btn-group-switch .btn-group-stacked>.ui-switch-menu,
.btn-group-switch .btn-group-stacked>.ui-switch-menu>.btn,
.btn-group-switch .btn-group-stacked>.ui-switch-menu>.ui-switch-item,
.btn-group-switch .ui-switch-menu .btn-group-stacked>.btn-group>.ui-switch-item,
.btn-group-switch .ui-switch-menu .btn-group-stacked>.ui-switch-item {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-stacked>.btn-group:after,
.btn-group-stacked>.btn-group:before,
.btn-group-switch .btn-group-stacked>.ui-switch-menu:after,
.btn-group-switch .btn-group-stacked>.ui-switch-menu:before {
    content: " ";
    display: table
}

.btn-group-stacked>.btn-group:after,
.btn-group-switch .btn-group-stacked>.ui-switch-menu:after {
    clear: both
}

.btn-group-stacked>.btn-group>.btn,
.btn-group-switch .btn-group-stacked>.ui-switch-menu>.btn,
.btn-group-switch .btn-group-stacked>.ui-switch-menu>.ui-switch-item,
.btn-group-switch .ui-switch-menu .btn-group-stacked>.btn-group>.ui-switch-item {
    float: none
}

.btn-group-stacked>.btn+.btn,
.btn-group-stacked>.btn+.btn-group,
.btn-group-stacked>.btn-group+.btn,
.btn-group-stacked>.btn-group+.btn-group,
.btn-group-switch .btn-group-stacked>.btn+.ui-switch-menu,
.btn-group-switch .btn-group-stacked>.btn-group+.ui-switch-menu,
.btn-group-switch .btn-group-stacked>.ui-switch-menu+.btn,
.btn-group-switch .btn-group-stacked>.ui-switch-menu+.btn-group,
.btn-group-switch .btn-group-stacked>.ui-switch-menu+.ui-switch-menu,
.btn-group-switch .ui-switch-menu .btn-group-stacked>.btn+.ui-switch-item,
.btn-group-switch .ui-switch-menu .btn-group-stacked>.btn-group+.ui-switch-item,
.btn-group-switch .ui-switch-menu .btn-group-stacked>.ui-switch-item+.btn,
.btn-group-switch .ui-switch-menu .btn-group-stacked>.ui-switch-item+.btn-group,
.btn-group-switch .ui-switch-menu .btn-group-stacked>.ui-switch-item+.ui-switch-item,
.btn-group-switch .ui-switch-menu .btn-group-stacked>.ui-switch-item+.ui-switch-menu,
.btn-group-switch .ui-switch-menu .btn-group-stacked>.ui-switch-menu+.ui-switch-item {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-stacked>.btn:not(:first-child):not(:last-child),
.btn-group-switch .ui-switch-menu .btn-group-stacked>.ui-switch-item:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-stacked>.btn:first-child:not(:last-child),
.btn-group-switch .ui-switch-menu .btn-group-stacked>.ui-switch-item:first-child:not(:last-child) {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-stacked>.btn:last-child:not(:first-child),
.btn-group-switch .ui-switch-menu .btn-group-stacked>.ui-switch-item:last-child:not(:first-child) {
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-stacked>.btn-group:not(:first-child):not(:last-child)>.btn,
.btn-group-switch .btn-group-stacked>.ui-switch-menu:not(:first-child):not(:last-child)>.btn,
.btn-group-switch .btn-group-stacked>.ui-switch-menu:not(:first-child):not(:last-child)>.ui-switch-item,
.btn-group-switch .ui-switch-menu .btn-group-stacked>.btn-group:not(:first-child):not(:last-child)>.ui-switch-item {
    border-radius: 0
}

.btn-group-stacked>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-stacked>.btn-group:first-child:not(:last-child)>.ui-dropdown-toggle,
.btn-group-switch .btn-group-stacked>.ui-switch-menu:first-child:not(:last-child)>.btn:last-child,
.btn-group-switch .btn-group-stacked>.ui-switch-menu:first-child:not(:last-child)>.ui-dropdown-toggle,
.btn-group-switch .btn-group-stacked>.ui-switch-menu:first-child:not(:last-child)>.ui-switch-item:last-child,
.btn-group-switch .ui-switch-menu .btn-group-stacked>.btn-group:first-child:not(:last-child)>.ui-switch-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-stacked>.btn-group:last-child:not(:first-child)>.btn:first-child,
.btn-group-switch .btn-group-stacked>.ui-switch-menu:last-child:not(:first-child)>.btn:first-child,
.btn-group-switch .btn-group-stacked>.ui-switch-menu:last-child:not(:first-child)>.ui-switch-item:first-child,
.btn-group-switch .ui-switch-menu .btn-group-stacked>.btn-group:last-child:not(:first-child)>.ui-switch-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-justify {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justify>.btn,
.btn-group-justify>.btn-group,
.btn-group-switch .btn-group-justify>.ui-switch-menu,
.btn-group-switch .ui-switch-menu .btn-group-justify>.ui-switch-item {
    float: none;
    display: table-cell;
    width: 1%
}

.btn-group-justify>.btn-group .btn,
.btn-group-justify>.btn-group .btn-group-switch .ui-switch-menu .ui-switch-item,
.btn-group-switch .btn-group-justify>.ui-switch-menu .btn,
.btn-group-switch .btn-group-justify>.ui-switch-menu .ui-switch-item,
.btn-group-switch .ui-switch-menu .btn-group-justify>.btn-group .ui-switch-item {
    width: 100%
}

.btn-group-switch .ui-switch-menu .ui-dropdown,
.btn-group .ui-dropdown {
    float: left;
    margin-left: -1px
}

.btn-group-switch .ui-switch-menu .btn-group .ui-dropdown>.ui-switch-item,
.btn-group-switch .ui-switch-menu .ui-dropdown>.btn,
.btn-group-switch .ui-switch-menu .ui-dropdown>.ui-switch-item,
.btn-group .ui-dropdown>.btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group-switch .ui-switch-menu .active .ui-dropdown-toggle,
.btn-group .active .ui-dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-group-switch .ui-switch-menu .active .ui-dropdown-toggle.btn-link,
.btn-group .active .ui-dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-group-switch .ui-switch-menu .active .ui-dropdown-toggle,
.btn-group-switch .ui-switch-menu .ui-dropdown-toggle:active,
.btn-group .active .ui-dropdown-toggle,
.btn-group .ui-dropdown-toggle:active {
    outline: 0
}

.btn-group-switch .ui-switch-menu [data-button]>.ui-switch-item>input[type=checkbox],
.btn-group-switch .ui-switch-menu [data-button]>.ui-switch-item>input[type=radio],
[data-button]>.btn>input[type=checkbox],
[data-button]>.btn>input[type=radio] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0)
}

.nav>ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav>ul:after,
.nav>ul:before {
    content: " ";
    display: table
}

.nav>ul:after {
    clear: both
}

.nav>ul>li,
.nav>ul>li>a {
    position: relative;
    display: block
}

.nav>ul>li>a {
    padding: 10px 15px;
    background-color: #fcfcfc;
    border: 1px solid #e5e5e5;
    border-bottom: 0
}

.nav>ul>li>a:focus,
.nav>ul>li>a:hover {
    text-decoration: none;
    background-color: #eee
}

.nav>ul>li.disabled>a {
    color: #999
}

.nav>ul>li.disabled>a:focus,
.nav>ul>li.disabled>a:hover {
    color: #999;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav ul>li>a>img {
    max-width: none
}

.nav-tabs>ul {
    border-bottom: 2px solid #34a0e7
}

.nav-tabs>ul>li {
    float: left;
    text-align: center
}

.nav-tabs>ul>li>a {
    margin-right: -1px;
    line-height: 1.42857;
    color: #666
}

.nav-tabs>ul>li>a:hover {
    border-color: #eee #eee #34a0e7
}

.nav-tabs>ul>li.active>a {
    color: #fff;
    background-color: #34a0e7;
    border: 1px solid #34a0e7;
    border-bottom: 0
}

.nav-tabs>ul>li.active>a:focus,
.nav-tabs>ul>li.active>a:hover {
    cursor: default
}

.nav-tabs>ul>li:first-child>a {
    border-left: 1px solid #eee;
    border-top-left-radius: 5px
}

.nav-tabs>ul>li:last-child>a {
    border-top-right-radius: 5px
}

.nav-pills>ul>li {
    float: left;
    text-align: center
}

.nav-pills>ul>li>a {
    border-radius: 3px
}

.nav-pills>ul>li+li {
    margin-left: 2px
}

.nav-pills>ul>li.active>a,
.nav-pills>ul>li.active>a:focus,
.nav-pills>ul>li.active>a:hover {
    color: #555;
    background-color: #8fcbf2
}

.nav-stacked>ul>li {
    float: none
}

.nav-stacked>ul>li+li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified>ul,
.nav-tabs>ul.nav-justified>ul {
    width: 100%
}

.nav-justified>ul>li,
.nav-tabs>ul.nav-justified>ul>li {
    float: none
}

.nav-justified>ul>li>a,
.nav-tabs>ul.nav-justified>ul>li>a {
    text-align: center;
    margin-bottom: 5px
}

.nav-justified>ul>.ui-dropdown .ui-dropdown-menu {
    top: auto;
    left: auto
}

.nav-tabs-justified>ul,
.nav-tabs>ul.nav-justified>ul {
    border-bottom: 0
}

.nav-tabs-justified>ul>li>a,
.nav-tabs>ul.nav-justified>ul>li>a {
    margin-right: 0;
    border-radius: 3px
}

.nav-tabs-justified>ul>.active>a,
.nav-tabs-justified>ul>.active>a:focus,
.nav-tabs-justified>ul>.active>a:hover,
.nav-tabs>ul.nav-justified>ul>.active>a,
.nav-tabs>ul.nav-justified>ul>.active>a:focus,
.nav-tabs>ul.nav-justified>ul>.active>a:hover {
    border: 1px solid #ddd
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0
}

@media (min-width:1210px) {
    .navbar {
        border-radius: 0
    }
}

.navbar-header:after,
.navbar-header:before {
    content: " ";
    display: table
}

.navbar-header:after {
    clear: both
}

@media (min-width:1210px) {
    .navbar-header {
        float: left
    }
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 17px;
    list-style: none;
    background-color: transparent;
    border-radius: 3px;
    font-size: 12px
}

.breadcrumb>li {
    display: inline-block
}

.breadcrumb>li+li:before {
    content: ">\A0";
    padding: 0 5px;
    color: #ccc
}

.breadcrumb>.active {
    color: #999
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

.label:empty {
    display: none
}

.btn-group-switch .ui-switch-menu .ui-switch-item .label,
.btn .label {
    position: relative;
    top: -1px
}

a.label:focus,
a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label-default {
    background-color: #999
}

.label-default[href]:focus,
.label-default[href]:hover {
    background-color: gray
}

.label-primary {
    background-color: #34a0e7
}

.label-primary[href]:focus,
.label-primary[href]:hover {
    background-color: #1987cf
}

.label-success {
    background-color: #96cd67
}

.label-success[href]:focus,
.label-success[href]:hover {
    background-color: #7bc041
}

.label-info {
    background-color: #22b5bf
}

.label-info[href]:focus,
.label-info[href]:hover {
    background-color: #1a8c94
}

.label-warning {
    background-color: #ffa70c
}

.label-warning[href]:focus,
.label-warning[href]:hover {
    background-color: #d88a00
}

.label-danger {
    background-color: #ff6a69
}

.label-danger[href]:focus,
.label-danger[href]:hover {
    background-color: #ff3736
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #999;
    border-radius: 10px
}

.badge:empty {
    display: none
}

a.badge:focus,
a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.badge-primary {
    background-color: #34a0e7
}

.badge-success {
    background-color: #96cd67
}

.badge-warning {
    background-color: #ffa70c
}

.badge-danger {
    background-color: #ff6a69
}

.alert {
    padding: 15px;
    margin-bottom: 17px;
    border: 1px solid #1b93e2;
    border-radius: 3px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: 700
}

.alert>p,
.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

.list-group,
.rank-list {
    margin-bottom: 20px;
    padding-left: 0
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 0;
    margin-bottom: -1px;
    background-color: #fff
}

.panel {
    margin-bottom: 17px;
    background-color: #fff
}

.panel-content {
    padding: 12px 0
}

.panel-header {
    padding: 10px 0;
    border-bottom: 1px solid #eee
}

.panel-header:after,
.panel-header:before {
    content: " ";
    display: table
}

.panel-header:after {
    clear: both
}

.panel-title {
    float: left;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px
}

.panel-title,
.panel-title>a {
    color: inherit
}

.panel-footer {
    padding: 10px 0;
    background-color: #f5f5f5;
    border-top: 1px solid #ccc
}

.panel-default {
    border-color: #ccc
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ccc
}

.panel-default>.panel-heading .badge {
    color: #fff;
    background-color: #333
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ccc
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive.embed-responsive-4by3 {
    padding-bottom: 75%
}

.close {
    float: right;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.ui-table {
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: transparent
}

.ui-table .ui-cols {
    margin-left: 8px;
    width: 100px;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-table .ui-cols .details {
    margin-left: 4px
}

.ui-table .ui-cols .details:first-child {
    margin-left: 0
}

.ui-table .ui-cols .trigger {
    display: inline-block;
    border: none;
    background-color: transparent
}

.ui-table .ui-cols .order {
    margin-left: 4px
}

.ui-table .ui-t-header {
    border-bottom: 1px solid #ddd;
    padding: 0 16px;
    height: 32px;
    line-height: 32px;
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    font-weight: 600;
    font-size: 14px
}

.ui-table .ui-t-order .ui-cols {
    cursor: pointer
}

.ui-table .ui-t-content {
    padding: 0 16px;
    height: 32px;
    line-height: 32px;
    background-color: transparent
}

.ui-table .ui-t-content:hover {
    background-color: #f5f5f5
}

.ui-table-tips {
    z-index: 100
}

.dtpicker {
    display: inline-block;
    position: relative
}

.dtpicker.calendar-show .date-text {
    display: none !important
}

.dtpicker.calendar-show .calendar-wrapper {
    display: block !important
}

.dtpicker.calendar-show .dtpicker-menu>ul {
    width: 98px !important
}

.dtpicker .dtpicker-main {
    padding: 0 10px;
    height: 34px;
    line-height: 32px;
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer
}

.dtpicker .dtpicker-main .dtpicker-main-text {
    display: inline-block;
    margin-right: 10px;
    height: 33px;
    line-height: 32px;
    border-right: 1px solid #ccc
}

.dtpicker .dtpicker-main .dtpicker-main-icon {
    border-left: 1px solid #ccc
}

.dtpicker .dtpicker-menu {
    right: 0;
    top: 33px;
    width: 332px;
    position: absolute;
    border: 1px solid #ccc;
    display: none;
    background-color: #f5f5f5
}

.dtpicker .dtpicker-menu>ul {
    float: left;
    width: 330px
}

.dtpicker .dtpicker-menu>ul>li {
    height: 41px;
    line-height: 40px;
    background: #f5f5f5;
    padding: 0 14px;
    position: relative;
    border-top: 1px solid #e6e6e6
}

.dtpicker .dtpicker-menu>ul>li:first-child {
    border-top: none
}

.dtpicker .dtpicker-menu>ul>li.active,
.dtpicker .dtpicker-menu>ul>li:hover {
    cursor: pointer;
    background: #fff
}

.dtpicker .dtpicker-menu>ul>li.active:before,
.dtpicker .dtpicker-menu>ul>li:hover:before {
    content: "";
    background: #3da3e6;
    position: absolute;
    left: -1px;
    width: 3px;
    height: 41px;
    display: block
}

.dtpicker .dtpicker-menu>ul>li .range-text {
    color: #666;
    font-weight: 700
}

.dtpicker .dtpicker-menu>ul>li .date-text {
    display: none;
    float: right;
    color: #666;
    margin-right: 38px
}

.dtpicker .dtpicker-menu>ul>li.active .date-text {
    display: block
}

.dtpicker .dtpicker-menu>ul>li .icon-angle-disabled-right,
.dtpicker .dtpicker-menu>ul>li .ui-carousel.scrollx .next.disabled .angle-next,
.ui-carousel.scrollx .next.disabled .dtpicker .dtpicker-menu>ul>li .angle-next {
    float: right;
    margin-top: 15px
}

.dtpicker .dtpicker-menu .calendar-wrapper {
    float: left;
    width: 232px;
    height: 246px;
    background-color: #fff;
    display: none
}

.dtpicker .dtpicker-menu .calendar-wrapper:after,
.dtpicker .dtpicker-menu .calendar-wrapper:before {
    content: " ";
    display: table
}

.dtpicker .dtpicker-menu .calendar-wrapper:after {
    clear: both
}

.dtpicker.open .dtpicker-menu {
    display: block;
    overflow: hidden
}

.dtpicker.dtpicker-range .dtpicker-menu {
    left: 0
}

.dtpicker.dtpicker-range .dtpicker-menu .calendar-wrapper,
.dtpicker.dtpicker-range .dtpicker-menu .range-wrapper {
    height: 287px
}

.dtpicker.dtpicker-range.dtpicker-range-view .dtpicker-menu {
    width: 572px
}

.dtpicker .range-wrapper {
    width: 570px;
    background: #fff
}

.dtpicker .range-wrapper:after,
.dtpicker .range-wrapper:before {
    content: " ";
    display: table
}

.dtpicker .range-wrapper:after {
    clear: both
}

.dtpicker .range-wrapper .ui-calendar {
    float: left
}

.dtpicker .range-wrapper .ui-calendar:first-child {
    margin-right: 4px
}

.dtpicker .range-wrapper .ui-calendar .ui-calendar-container {
    border: none
}

.dtpicker .range-wrapper .btn-group-switch .ui-switch-menu .ui-switch-item {
    min-width: 30px
}

.dtpicker .range-wrapper .range-operate {
    position: absolute;
    bottom: 6px;
    left: 102px
}

.dtpicker .range-wrapper .range-operate:after,
.dtpicker .range-wrapper .range-operate:before {
    content: " ";
    display: table
}

.dtpicker .range-wrapper .range-operate:after {
    clear: both
}

.dtpicker .range-wrapper .range-operate .range-op-title {
    float: left;
    color: #999;
    line-height: 27px
}

.dtpicker .range-wrapper .range-operate .dtpicker-range-switch {
    float: left;
    margin-right: 20px
}

.dtpicker .range-wrapper .range-operate .range-value-input {
    float: left
}

.dtpicker .range-wrapper .range-operate .range-value-input>input {
    line-height: 27px;
    height: 27px;
    width: 90px;
    padding: 0 6px;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    margin: 0 4px
}

.dtpicker .range-wrapper .range-operate .range-confirm-btn {
    padding: 4px
}

.dtpicker .dtpicker-menu .calendar-wrapper .ui-calendar,
.dtpicker .range-wrapper .ui-calendar {
    border: none;
    box-shadow: none;
    position: static
}

.dtpicker .dtpicker-menu .calendar-wrapper .ui-calendar .ui-calendar-container,
.dtpicker .range-wrapper .ui-calendar .ui-calendar-container {
    border-bottom: none
}

.dtpicker .dtpicker-menu .calendar-wrapper .ui-calendar .ui-calendar-container .ui-calendar-day-column,
.dtpicker .range-wrapper .ui-calendar .ui-calendar-container .ui-calendar-day-column {
    background-color: #fff;
    color: #999
}

.dtpicker .dtpicker-menu .calendar-wrapper .ui-calendar .ui-calendar-container .ui-calendar-day-column th,
.dtpicker .range-wrapper .ui-calendar .ui-calendar-container .ui-calendar-day-column th {
    font-weight: 400;
    border-bottom: 1px solid #e5e5e5
}

.dtpicker .dtpicker-menu .calendar-wrapper .ui-calendar .ui-calendar-container .ui-calendar-date-column .next-month,
.dtpicker .dtpicker-menu .calendar-wrapper .ui-calendar .ui-calendar-container .ui-calendar-date-column .previous-month,
.dtpicker .dtpicker-menu .calendar-wrapper .ui-calendar .ui-calendar-container .ui-calendar-month-column .next-month,
.dtpicker .dtpicker-menu .calendar-wrapper .ui-calendar .ui-calendar-container .ui-calendar-month-column .previous-month,
.dtpicker .dtpicker-menu .calendar-wrapper .ui-calendar .ui-calendar-container .ui-calendar-year-column .next-month,
.dtpicker .dtpicker-menu .calendar-wrapper .ui-calendar .ui-calendar-container .ui-calendar-year-column .previous-month,
.dtpicker .range-wrapper .ui-calendar .ui-calendar-container .ui-calendar-date-column .next-month,
.dtpicker .range-wrapper .ui-calendar .ui-calendar-container .ui-calendar-date-column .previous-month,
.dtpicker .range-wrapper .ui-calendar .ui-calendar-container .ui-calendar-month-column .next-month,
.dtpicker .range-wrapper .ui-calendar .ui-calendar-container .ui-calendar-month-column .previous-month,
.dtpicker .range-wrapper .ui-calendar .ui-calendar-container .ui-calendar-year-column .next-month,
.dtpicker .range-wrapper .ui-calendar .ui-calendar-container .ui-calendar-year-column .previous-month {
    visibility: hidden
}

.dtpicker .dtpicker-menu .calendar-wrapper .ui-calendar .ui-calendar-container .ui-calendar-date-column .disabled-element,
.dtpicker .dtpicker-menu .calendar-wrapper .ui-calendar .ui-calendar-container .ui-calendar-month-column .disabled-element,
.dtpicker .dtpicker-menu .calendar-wrapper .ui-calendar .ui-calendar-container .ui-calendar-year-column .disabled-element,
.dtpicker .range-wrapper .ui-calendar .ui-calendar-container .ui-calendar-date-column .disabled-element,
.dtpicker .range-wrapper .ui-calendar .ui-calendar-container .ui-calendar-month-column .disabled-element,
.dtpicker .range-wrapper .ui-calendar .ui-calendar-container .ui-calendar-year-column .disabled-element {
    color: #ccc;
    background-color: #fff
}

.dtpicker .dtpicker-menu .calendar-wrapper .ui-calendar .ui-calendar-container .ui-calendar-date-column .disabled-element:hover,
.dtpicker .dtpicker-menu .calendar-wrapper .ui-calendar .ui-calendar-container .ui-calendar-month-column .disabled-element:hover,
.dtpicker .dtpicker-menu .calendar-wrapper .ui-calendar .ui-calendar-container .ui-calendar-year-column .disabled-element:hover,
.dtpicker .range-wrapper .ui-calendar .ui-calendar-container .ui-calendar-date-column .disabled-element:hover,
.dtpicker .range-wrapper .ui-calendar .ui-calendar-container .ui-calendar-month-column .disabled-element:hover,
.dtpicker .range-wrapper .ui-calendar .ui-calendar-container .ui-calendar-year-column .disabled-element:hover {
    background-color: #fff
}

.dtpicker .dtpicker-menu .calendar-wrapper .ui-calendar .ui-calendar-container .ui-calendar-month .ui-calendar-month-column td,
.dtpicker .range-wrapper .ui-calendar .ui-calendar-container .ui-calendar-month .ui-calendar-month-column td {
    height: 45px;
    line-height: 45px
}

.dtpicker .dtpicker-menu .calendar-wrapper .rangeWeek.ui-calendar .next-month,
.dtpicker .dtpicker-menu .calendar-wrapper .rangeWeek.ui-calendar .previous-month,
.dtpicker .dtpicker-menu .calendar-wrapper .rangeWeekLeft.ui-calendar .next-month,
.dtpicker .dtpicker-menu .calendar-wrapper .rangeWeekLeft.ui-calendar .previous-month,
.dtpicker .dtpicker-menu .calendar-wrapper .rangeWeekRight.ui-calendar .next-month,
.dtpicker .dtpicker-menu .calendar-wrapper .rangeWeekRight.ui-calendar .previous-month,
.dtpicker .dtpicker-menu .calendar-wrapper .week.ui-calendar .next-month,
.dtpicker .dtpicker-menu .calendar-wrapper .week.ui-calendar .previous-month,
.dtpicker .range-wrapper .rangeWeek.ui-calendar .next-month,
.dtpicker .range-wrapper .rangeWeek.ui-calendar .previous-month,
.dtpicker .range-wrapper .rangeWeekLeft.ui-calendar .next-month,
.dtpicker .range-wrapper .rangeWeekLeft.ui-calendar .previous-month,
.dtpicker .range-wrapper .rangeWeekRight.ui-calendar .next-month,
.dtpicker .range-wrapper .rangeWeekRight.ui-calendar .previous-month,
.dtpicker .range-wrapper .week.ui-calendar .next-month,
.dtpicker .range-wrapper .week.ui-calendar .previous-month {
    visibility: visible !important
}

.dtpicker .dtpicker-menu .calendar-wrapper .month.ui-calendar .range-element,
.dtpicker .dtpicker-menu .calendar-wrapper .rangeMonthLeft.ui-calendar .range-element,
.dtpicker .dtpicker-menu .calendar-wrapper .rangeMonthRight.ui-calendar .range-element,
.dtpicker .range-wrapper .month.ui-calendar .range-element,
.dtpicker .range-wrapper .rangeMonthLeft.ui-calendar .range-element,
.dtpicker .range-wrapper .rangeMonthRight.ui-calendar .range-element {
    background: #bde0f7
}

.dtpicker .dtpicker-menu .calendar-wrapper .month.ui-calendar .focused-element,
.dtpicker .dtpicker-menu .calendar-wrapper .rangeMonthLeft.ui-calendar .focused-element,
.dtpicker .dtpicker-menu .calendar-wrapper .rangeMonthRight.ui-calendar .focused-element,
.dtpicker .range-wrapper .month.ui-calendar .focused-element,
.dtpicker .range-wrapper .rangeMonthLeft.ui-calendar .focused-element,
.dtpicker .range-wrapper .rangeMonthRight.ui-calendar .focused-element {
    background: #34a0e7
}

.table-ng {
    width: 100%;
    box-shadow: none;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 12px
}

.table-ng td.num,
.table-ng td.number,
.table-ng th.num,
.table-ng th.number {
    text-align: right;
    padding-right: 40px
}

.table-ng td.op,
.table-ng td.operation,
.table-ng th.op,
.table-ng th.operation {
    text-align: center
}

.table-ng td.raw {
    line-height: 17px
}

.table-ng th.sort {
    cursor: pointer
}

.table-ng th.sort .th-wrapper {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.table-ng th.sort .th-wrapper .sort-icon {
    position: absolute;
    right: -12px;
    top: -1px
}

.table-ng th.multi-line .th-value {
    line-height: 1.4
}

.table-ng th.multi-line.sort .th-wrapper .th-value {
    display: inline-block
}

.table-ng th.multi-line.sort .th-wrapper .sort-icon {
    position: absolute;
    top: 10px
}

.table-ng th.has-sub-title .th-wrapper {
    text-align: right
}

.table-ng th.has-sub-title .th-sub-value {
    display: block;
    color: #999;
    margin-bottom: 4px
}

.table-ng .th-wrapper>.icon-tips {
    margin-left: 2px
}

.table-ng-basic th {
    padding: 14px 0 14px 15px;
    border-top: 2px solid #f0f0f0;
    border-bottom: 2px solid #f0f0f0
}

.table-ng-basic td {
    padding: 20px 0 20px 15px;
    border-bottom: 1px solid #f0f0f0
}

.table-ng-basic .table-header-sticky {
    background: #fff;
    z-index: 1
}

.table-ng.table-ng-tiny th {
    padding: 15px 0 8px;
    border-bottom: 1px solid #e1e1e1
}

.table-ng.table-ng-tiny td {
    padding: 7px 0
}

.table-ng td.diff-td {
    position: relative
}

.table-ng td.diff-td .icon-trend {
    margin-right: 2px
}

.table-ng td.diff-td .icon-danger {
    position: absolute;
    right: 20px
}

.table-ng td.bar-td,
.table-ng th.bar {
    padding-left: 80px
}

.table-ng th.bar.sort .sort-icon {
    position: static;
    margin-left: 4px
}

.table-ng td.bar-td {
    text-align: left
}

.table-ng td.bar-td .bar-wrapper {
    position: relative;
    height: 10px;
    width: 100%
}

.table-ng td.bar-td .bar-wrapper .bar-value {
    position: absolute;
    right: 100%;
    padding-right: 10px;
    text-align: right;
    font-family: Helvetica Neue, Tahoma, Helvetica, Arial
}

.table-ng td.bar-td .bar-wrapper .bar {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 2%;
    height: 100%;
    background: #5ea9f8
}

.table-ng td.seller-level-td .level-dash:before {
    content: " ~ "
}

.table-ng td.buyer-level-td>i {
    margin-right: 2px
}

.ui-item-sgt-wrapper .input-search>.icon-search {
    top: 12px
}

.ui-item-sgt-wrapper .input-search>.search-del {
    font-size: 16px;
    color: gray;
    top: 12px
}

.ui-item-sgt-wrapper .ui-item-sgt {
    width: 800px;
    margin: 0 auto;
    padding: 10px 0 115px;
    z-index: auto
}

.ui-item-sgt-wrapper .ui-item-sgt .result-wrapper {
    overflow: hidden;
    padding: 4px 8px;
    cursor: pointer
}

.ui-item-sgt-wrapper .ui-item-sgt .result-wrapper:hover {
    background-color: #e6f4fd
}

.ui-item-sgt-wrapper .ui-item-sgt .result-wrapper .sgt-img {
    float: left;
    margin-right: 10px
}

.ui-item-sgt-wrapper .ui-item-sgt .result-wrapper .sgt-title {
    overflow: hidden;
    margin-bottom: 6px;
    font: 14px/1.4 Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    color: #34a0e7
}

.ui-item-sgt-wrapper .ui-item-sgt .result-wrapper .sgt-title .dip-highlight {
    color: #ff6a69
}

.ui-item-sgt-wrapper .ui-item-sgt .result-wrapper .sgt-info {
    margin-top: 4px
}

.ui-item-sgt-wrapper .ui-item-sgt .result-wrapper .sgt-info .price {
    margin-right: 6px
}

.ui-item-sgt-wrapper .ui-item-sgt .ui-suggestion-menu {
    max-height: 395px;
    overflow-y: auto;
    z-index: 1030
}

.ui-item-sgt-wrapper .ui-suggestion-search {
    height: 40px;
    border: 2px solid #34a0e7;
    font-size: 14px
}

.ui-item-sgt-wrapper .ui-suggestion-search:focus {
    outline: none
}

.ui-sgt-wrapper-right {
    float: right;
    position: relative;
    border-bottom: none;
    margin-right: 20px
}

.ui-sgt-wrapper-right .input-search>.search-del {
    top: 9px
}

.ui-sgt-wrapper-right .ui-item-sgt {
    padding: 0;
    width: 510px
}

.ui-sgt-wrapper-right .ui-item-sgt .result-wrapper .sgt-title {
    font-size: 12px
}

.ui-sgt-wrapper-right .btn-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1033
}

.ui-sgt-wrapper-right .btn-wrapper .sgt-btn {
    padding-top: 7px;
    padding-bottom: 7px;
    height: 32px
}

.ui-sgt-wrapper-right .btn-wrapper.btn-wrapper-active .sgt-btn {
    border-radius: 3px
}

.ui-sgt-wrapper-right .sgt-wrapper {
    position: absolute;
    top: 0;
    right: 74px;
    z-index: 1032
}

.ui-sgt-wrapper-right .ui-suggestion-input .icon-search {
    display: none
}

.ui-sgt-wrapper-right .ui-suggestion-search {
    height: 32px;
    line-height: 29px;
    border-width: 1px;
    padding-left: 10px;
    border-right: none;
    border-radius: 3px 0 0 3px;
    border-color: #e5e5e5
}

.ui-sgt-wrapper-right .ui-suggestion-search:focus {
    border-color: #34a0e7
}

.ui-sgt-wrapper-right .ui-sgt-icon-search {
    display: inline-block;
    width: 15px;
    height: 16px;
    margin-right: 4px;
    background-position: 0 0;
    background: url(//img.alicdn.com/tps/i4/TB1wgCLHXXXXXaZXVXXHMY0ZpXX-209-178.png) no-repeat;
    vertical-align: middle
}

.ui-sgt-wrapper-right .ui-suggestion-menu {
    left: 0
}

.navbar-panel .operation-actions {
    margin-top: 22px
}

.navbar-panel .operation-actions>* {
    float: left;
    margin-left: 10px
}

.oui-desc {
    width: 980px;
    background: #fff;
    padding: 30px;
    padding-right: 0
}

.oui-desc .desc-icon-wrapper {
    width: 72px;
    height: 72px;
    display: inline-block;
    border-radius: 100%;
    background-color: #98cc6d
}

.oui-desc .desc-icon-wrapper .desc-icon {
    width: 70px;
    height: 70px;
    position: relative;
    top: 1px;
    left: 1px;
    display: inline-block;
    border-radius: 100%;
    background-color: #fff;
    color: #98cc6d;
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    font-size: 12px
}

.oui-desc .desc-icon-wrapper .desc-icon .day {
    top: 14px;
    text-align: center;
    width: 100%;
    position: absolute
}

.oui-desc .desc-icon-wrapper .desc-icon .day .day-num {
    font-size: 28px;
    font-family: Helvetica Neue, Tahoma, Helvetica, Arial;
    top: 1px;
    position: relative;
    height: 22px;
    line-height: 22px
}

.oui-desc .desc-icon-wrapper .desc-icon>.desc {
    display: block;
    width: 100%;
    text-align: center;
    top: 42px;
    height: 12px;
    line-height: 12px;
    position: absolute
}

.oui-desc .oui-columns {
    width: 843px
}

.oui-desc .oui-columns .oui-desc-column {
    padding-left: 25px;
    padding-right: 40px;
    border-right: 1px solid #ececec;
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif
}

.oui-desc .oui-columns .oui-desc-column .title {
    font-size: 16px;
    color: #666
}

.oui-desc .oui-columns .oui-desc-column .content {
    margin-top: 8px;
    color: gray
}

.oui-desc .oui-columns .oui-desc-column .content .num {
    color: #fd7322
}

.oui-desc .oui-columns .oui-desc-column.oui-desc-column-last {
    padding-right: 0;
    border-right: none
}

.oui-desc.oui-triple .oui-columns .oui-desc-column {
    width: 33.3%
}

.oui-desc.oui-double .oui-columns .oui-desc-column {
    width: 50%
}

.oui-desc.oui-single .oui-columns .oui-desc-column {
    width: 100%
}

.notice-tip {
    background: #fff594;
    border-radius: 5px;
    padding: 7px 12px;
    margin: -10px 30px 20px
}

.notice-tip .btn-close-notice {
    float: right;
    cursor: pointer;
    font-size: 20px;
    color: #aaa
}

.notice-tip>a {
    margin-left: 4px;
    text-decoration: underline
}

.errorPageRoot .cardErrorPage {
    min-height: 595px;
    display: flex;
    align-items: center
}

.errorPageRoot .cardErrorPage:after,
.errorPageRoot .cardErrorPage:before {
    content: " ";
    display: table
}

.errorPageRoot .cardErrorPage:after {
    clear: both
}

.errorPageRoot .cardErrorPage .deerAndNote {
    width: 160px;
    height: 210px;
    text-align: center;
    margin: auto;
    font-weight: 500;
    font-size: 14px
}

.errorPageRoot .cardErrorPage .deerAndNote .deer {
    width: 151px;
    height: 159px;
    margin-left: 35px;
    margin-bottom: 10px;
    background: url("https://img.alicdn.com/tps/TB1g9vuKFXXXXa4XFXXXXXXXXXX-151-149.png") 0 0 no-repeat
}

.errorPageRoot .cardErrorPage .deerAndNote .note {
    width: 330px;
    margin-left: -50px
}

.ops-rocket-new {
    position: fixed;
    top: 33%;
    z-index: 10001;
    right: 50%;
    margin-right: -660px;
    width: 42px;
    height: 84px;
    background-color: transparent;
    border: none;
    background: url("//img.alicdn.com/tfs/TB1a_msRFXXXXXIXXXXXXXXXXXX-80-160.gif") no-repeat;
    background-size: 42px 84px
}

.ops-rocket-new:hover {
    background: url("//img.alicdn.com/tfs/TB1bU8yRFXXXXc.apXXXXXXXXXX-80-160.gif") no-repeat;
    background-size: 42px 84px
}

.ops-rocket-new>a.ops-rocket-new-link {
    display: block;
    padding: 46px 2px 0;
    line-height: 14px;
    width: 100%;
    height: 100%;
    color: #fff;
    white-space: pre-line;
    text-align: center
}

@keyframes ops-new-user-tips-highlight {
    0% {
        opacity: .6;
        transform: scale(.3)
    }

    to {
        opacity: .05;
        transform: scale(3.8)
    }
}

.ops-new-user-tips {
    position: absolute;
    z-index: 1;
    width: 12px;
    height: 12px
}

.ops-new-user-tips .ops-new-user-tips-highlight-point {
    cursor: pointer
}

.ops-new-user-tips .ops-new-user-tips-highlight-point .ops-new-user-tips-highlight-point-center {
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    border-radius: 20px;
    background: #f2a101;
    box-shadow: 0 0 6px rgba(0, 0, 0, .3)
}

.ops-new-user-tips .ops-new-user-tips-highlight-point .ops-new-user-tips-highlight-point-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    background: #f2a101;
    opacity: 0;
    animation-name: ops-new-user-tips-highlight;
    animation-duration: 1.2s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite
}

.user-tips-container {
    position: relative;
    left: -12px;
    top: 898px;
    z-index: 1040
}

.user-tips-container.has-sycm-notice {
    padding-top: 30px
}

.user-tips {
    position: absolute;
    right: 20px
}

.user-tips-content {
    position: absolute;
    left: 100%;
    top: -16px;
    width: 160px;
    border-radius: 4px;
    font-size: 12px;
    background-color: rgba(0, 0, 0, .8);
    color: #fff;
    box-shadow: 0 6px 24px rgba(0, 0, 0, .15);
    z-index: 1;
    padding: 6px 16px;
    line-height: 17px;
    margin-left: 12px
}

.DoubleEleven-activity-home .ebase-frame-header,
.DoubleEleven-activity .ebase-frame-header,
.DoubleEleven-check.view-mode-m .ebase-frame-header,
.DoubleEleven-check.view-mode-s .ebase-frame-header,
.DoubleEleven-preheat-more-than-1d .ebase-frame-header,
.DoubleEleven-preheat .ebase-frame-header {
    background-color: #46138b;
    background-image: url("https://img.alicdn.com/tfs/TB1Eh8rj.z1gK0jSZLeXXb9kVXa-1920-110.jpg");
    background-repeat: no-repeat;
    background-position: 50% 0
}

.DoubleEleven-activity-home .ebase-frame-header.ebase-frame-header-down,
.DoubleEleven-activity .ebase-frame-header.ebase-frame-header-down,
.DoubleEleven-check.view-mode-m .ebase-frame-header.ebase-frame-header-down,
.DoubleEleven-check.view-mode-s .ebase-frame-header.ebase-frame-header-down,
.DoubleEleven-preheat-more-than-1d .ebase-frame-header.ebase-frame-header-down,
.DoubleEleven-preheat .ebase-frame-header.ebase-frame-header-down {
    background-position-y: -59px
}

.DoubleEleven-preheat-more-than-1d-wrapper,
.DoubleEleven-preheat-wrapper {
    z-index: 2000;
    position: absolute;
    top: 13px;
    left: 50%;
    width: 127px;
    height: 51px;
    line-height: 51px;
    margin-left: 126px;
    background-image: url("https://img.alicdn.com/tfs/TB1gCFOjVP7gK0jSZFjXXc5aXXa-127-51.png");
    background-repeat: no-repeat;
    background-position: 0 0
}

.DoubleEleven-preheat-more-than-1d-wrapper .count-down-digit-wrapper,
.DoubleEleven-preheat-wrapper .count-down-digit-wrapper {
    color: #fff;
    font-size: 20px;
    height: 51px;
    vertical-align: -5px;
    display: inline-block
}

.DoubleEleven-preheat-more-than-1d-wrapper .count-down-digit-wrapper.dayToActivityStart,
.DoubleEleven-preheat-wrapper .count-down-digit-wrapper.dayToActivityStart {
    padding-left: 62px
}

.DoubleEleven-preheat-more-than-1d-wrapper .count-down-digit-wrapper.hourToActivityStart,
.DoubleEleven-preheat-wrapper .count-down-digit-wrapper.hourToActivityStart {
    padding-left: 46px
}

.DoubleEleven-preheat .DoubleEleven-preheat-wrapper {
    background-image: url("https://img.alicdn.com/tfs/TB1uL4QjVP7gK0jSZFjXXc5aXXa-289-51.png");
    width: 289px;
    margin-left: -25px
}

.DoubleEleven-preheat .DoubleEleven-preheat-wrapper .DoubleEleven-preheat-inner-wrapper {
    display: inline-block
}

.DoubleEleven-preheat .DoubleEleven-preheat-wrapper .count-down-digit-wrapper.hourToActivityStart {
    padding-left: 62px
}

.DoubleEleven-preheat .DoubleEleven-preheat-wrapper .count-down-digit-wrapper.minuteToActivityStart {
    padding-left: 46px
}

.DoubleEleven-preheat .DoubleEleven-preheat-wrapper .count-down-digit-wrapper.secToActivityStart {
    padding-left: 48px
}

@font-face {
    font-family: tmall2017;
    src: url("https://at.alicdn.com/t/font_445649_9g2biaw3iqnnrk9.eot");
    src: url("https://at.alicdn.com/t/font_445649_9g2biaw3iqnnrk9.eot?#iefix") format("embedded-opentype"), url("https://at.alicdn.com/t/font_445649_9g2biaw3iqnnrk9.woff") format("woff"), url("https://at.alicdn.com/t/font_445649_9g2biaw3iqnnrk9.ttf") format("truetype"), url("https://at.alicdn.com/t/font_445649_9g2biaw3iqnnrk9.svg#tmall2017") format("svg")
}

.DoubleEleven-preheat-more-than-1d .count-down-digit,
.DoubleEleven-preheat .count-down-digit {
    font-family: tmall2017 !important;
    font-size: 1em;
    font-style: normal;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}

.DoubleEleven-preheat-more-than-1d .count-down-digit:nth-child(2),
.DoubleEleven-preheat .count-down-digit:nth-child(2) {
    margin-left: -6px
}

.DoubleEleven-preheat-more-than-1d .count-down-digit.time-0:before,
.DoubleEleven-preheat .count-down-digit.time-0:before {
    content: "\E60E"
}

.DoubleEleven-preheat-more-than-1d .count-down-digit.time-1:before,
.DoubleEleven-preheat .count-down-digit.time-1:before {
    content: "\E60F"
}

.DoubleEleven-preheat-more-than-1d .count-down-digit.time-2:before,
.DoubleEleven-preheat .count-down-digit.time-2:before {
    content: "\E610"
}

.DoubleEleven-preheat-more-than-1d .count-down-digit.time-3:before,
.DoubleEleven-preheat .count-down-digit.time-3:before {
    content: "\E611"
}

.DoubleEleven-preheat-more-than-1d .count-down-digit.time-4:before,
.DoubleEleven-preheat .count-down-digit.time-4:before {
    content: "\E612"
}

.DoubleEleven-preheat-more-than-1d .count-down-digit.time-5:before,
.DoubleEleven-preheat .count-down-digit.time-5:before {
    content: "\E613"
}

.DoubleEleven-preheat-more-than-1d .count-down-digit.time-6:before,
.DoubleEleven-preheat .count-down-digit.time-6:before {
    content: "\E614"
}

.DoubleEleven-preheat-more-than-1d .count-down-digit.time-7:before,
.DoubleEleven-preheat .count-down-digit.time-7:before {
    content: "\E615"
}

.DoubleEleven-preheat-more-than-1d .count-down-digit.time-8:before,
.DoubleEleven-preheat .count-down-digit.time-8:before {
    content: "\E616"
}

.DoubleEleven-preheat-more-than-1d .count-down-digit.time-9:before,
.DoubleEleven-preheat .count-down-digit.time-9:before {
    content: "\E617"
}

.sbase-activity-controller {
    width: 500px;
    background: #99b0cf;
    opacity: .8;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000000;
    color: #000
}

.sbase-activity-controller .container {
    position: relative;
    min-height: 30px
}

.sbase-activity-controller .container input {
    line-height: 20px;
    margin-left: 5px;
    border-radius: 5px;
    outline: 0;
    width: 90px;
    border: 1px solid #d9e8ef;
    padding: 0 8px;
    margin-right: 15px
}

.sbase-activity-controller .container .toggle-icon {
    position: absolute;
    left: 50%;
    bottom: 0;
    cursor: pointer
}

.sbase-activity-controller .container .content {
    display: none;
    padding: 20px
}

.sbase-activity-controller .container .content.up {
    display: block
}

.sbase-activity-controller .container .content .row {
    line-height: 36px
}

.navbar-datepicker .ui-dropdown .ui-dropdown-menu>.active>a,
.navbar-dropdown .ui-dropdown-menu>.active>a,
.navbar-selector .ui-scroller .ui-selector-menu>.selected,
nav .common-nav .menu-list>.menu .sub-menu>.current a {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAFCAYAAABmWJ3mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qzk4RDU5ODUyNDVEMTFFNEFCNkRGMENDNENDRDc3REIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qzk4RDU5ODYyNDVEMTFFNEFCNkRGMENDNENDRDc3REIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDOThENTk4MzI0NUQxMUU0QUI2REYwQ0M0Q0NENzdEQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDOThENTk4NDI0NUQxMUU0QUI2REYwQ0M0Q0NENzdEQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PldAhiIAAABLSURBVHjaYtSb/YwBCIKBOA6IHwBxMxC/YQESDkC8GogZGSBAE4jdmICEHZIgCNiDCJDEYQZUAOaDjNoPxNFAHAHEj4G4ESQBEGAACQoK8gvS6QAAAAAASUVORK5CYII=) no-repeat
}

.angle-next,
.angle-prev,
.caret,
.checkbox .option,
.radio .option,
.symbol-next,
.symbol-prev,
[class^=icon-] {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    background-image: url("./TB1CrhvJFXXXXXcXpXXyBAN1VXX-109-297.webp");
    background-image: -webkit-image-set(url("./TB1CrhvJFXXXXXcXpXXyBAN1VXX-109-297.webp") 1x, url("./TB13f8pJFXXXXbBXpXXKRWw3XXX-218-594.webp") 2x);
    background-image: -moz-image-set(url("./TB1CrhvJFXXXXXcXpXXyBAN1VXX-109-297.webp") 1x, url("./TB13f8pJFXXXXbBXpXXKRWw3XXX-218-594.webp") 2x);
    background-image: -o-image-set(url("./TB1CrhvJFXXXXXcXpXXyBAN1VXX-109-297.webp") 1x, url("./TB13f8pJFXXXXbBXpXXKRWw3XXX-218-594.webp") 2x);
    background-image: -ms-image-set(url("./TB1CrhvJFXXXXXcXpXXyBAN1VXX-109-297.webp") 1x, url("./TB13f8pJFXXXXbBXpXXKRWw3XXX-218-594.webp") 2x);
    background-repeat: no-repeat
}

.op-big-h4,
.op-h4 {
    float: left;
    width: 60px;
    margin: 0 10px 10px 0;
    clear: both
}

.op-big-h4 {
    line-height: 32px
}

.div-h4 {
    margin-bottom: 10px
}

.icon-angle-disabled-up,
.ui-carousel.scrolly .prev.disabled .angle-prev {
    width: 10px;
    height: 6px;
    background-position: 0 0
}

.icon-angle-disabled-down,
.ui-carousel.scrolly .prev.disabled .angle-next {
    width: 10px;
    height: 6px;
    background-position: -15px 0
}

.icon-angle-disabled-left,
.ui-carousel.scrollx .prev.disabled .angle-prev {
    width: 6px;
    height: 10px;
    background-position: 0 -15px
}

.icon-angle-disabled-right,
.ui-carousel.scrollx .next.disabled .angle-next {
    width: 6px;
    height: 10px;
    background-position: -15px -15px
}

.icon-angle-up,
.ui-carousel.scrolly .angle-prev {
    width: 10px;
    height: 6px;
    background-position: -30px 0
}

.icon-angle-down,
.ui-carousel.scrolly .angle-next {
    width: 10px;
    height: 6px;
    background-position: -45px 0
}

.icon-angle-left,
.ui-carousel.scrollx .angle-prev {
    width: 6px;
    height: 10px;
    background-position: -30px -15px
}

.icon-angle-right,
.ui-carousel.scrollx .angle-next {
    width: 6px;
    height: 10px;
    background-position: -45px -15px
}

.icon-angle-active-up,
.ui-carousel.scrolly .prev.enabled:hover .angle-prev {
    width: 10px;
    height: 6px;
    background-position: -60px 0
}

.icon-angle-active-down,
.ui-carousel.scrolly .next.enabled:hover .angle-next {
    width: 10px;
    height: 6px;
    background-position: -75px 0
}

.icon-angle-active-left,
.ui-carousel.scrollx .prev.enabled:hover .angle-prev {
    width: 6px;
    height: 10px;
    background-position: -60px -15px
}

.icon-angle-active-right,
.ui-carousel.scrollx .next.enabled:hover .angle-next {
    width: 6px;
    height: 10px;
    background-position: -75px -15px
}

.icon-title {
    width: 4px;
    height: 16px;
    background-position: -100px -90px
}

.icon-tips {
    width: 14px;
    height: 14px;
    background-position: -80px -110px
}

.icon-download {
    width: 11px;
    height: 12px;
    background-position: 0 -30px
}

.caret {
    width: 11px;
    height: 8px;
    border: 0;
    margin-left: 4px;
    background-position: -15px 0
}

.open .caret {
    background-position: 0 0
}

.symbol-next,
.symbol-prev {
    width: 6px;
    height: 11px;
    font-size: 0
}

.symbol-prev {
    background-position: -30px -15px
}

.symbol-next {
    background-position: -45px -15px
}

.symbol-prev:hover,
.ui-pagination-prev:hover .symbol-prev {
    background-position: -60px -15px
}

.symbol-next:hover,
.ui-pagination-next:hover .symbol-next {
    background-position: -75px -15px
}

.ui-pager-start .symbol-prev,
.ui-pager-start .symbol-prev:hover,
.ui-pagination-start .symbol-prev,
.ui-pagination-start .symbol-prev:hover {
    background-position: 0 -15px
}

.ui-pager-end .symbol-next,
.ui-pager-end .symbol-next:hover,
.ui-pagination-end .symbol-next,
.ui-pagination-end .symbol-next:hover {
    background-position: -15px -15px
}

.icon-old {
    width: 15px;
    height: 15px;
    background-position: -80px -90px
}

.icon-cal {
    width: 16px;
    height: 16px;
    background-position: -90px 0
}

.icon-search {
    width: 15px;
    height: 15px;
    background-position: -60px -30px
}

.icon-btn-search {
    width: 15px;
    height: 15px;
    background-position: -80px -30px
}

.icon-trend {
    width: 8px;
    height: 10px;
    background-position: 0 -9999px;
    background-repeat: no-repeat
}

.rate.up {
    color: #ff6766
}

.rate.down {
    color: #97ce68
}

.rate.flat {
    color: #999
}

.up .icon-trend {
    background-position: -15px -30px
}

.down .icon-trend {
    background-position: -30px -30px
}

.flat .icon-trend {
    background-position: -45px -30px
}

.icon-order {
    width: 8px;
    height: 10px;
    background-position: -30px -50px
}

.desc .icon-order {
    background-position: 0 -50px
}

.asc .icon-order {
    background-position: -15px -50px
}

.icon-like {
    width: 14px;
    height: 14px;
    background-position: -60px -50px
}

.like .icon-like {
    background-position: -45px -50px
}

.icon-shield {
    width: 14px;
    height: 14px;
    background-position: -90px -50px
}

.shield .icon-shield {
    background-position: -75px -50px
}

.icon-support-wireless {
    width: 20px;
    height: 22px;
    background-position: 0 -160px
}

.support .icon-support-wireless {
    background-position: -30px -160px
}

.icon-info {
    width: 13px;
    height: 13px;
    background-position: 0 -9999px
}

.normal .icon-info {
    background-position: 0 -110px
}

.success .icon-info {
    background-position: -20px -110px
}

.error .icon-info {
    background-position: -40px -110px
}

.icon-big-info {
    width: 32px;
    height: 32px;
    background-position: 0 -9999px
}

.normal .icon-big-info {
    background-position: 0 -125px
}

.success .icon-big-info {
    background-position: -35px -125px
}

.error .icon-big-info {
    background-position: -70px -125px
}

.ui-carousel.scrollx .angle-next,
.ui-carousel.scrollx .angle-prev {
    margin-top: 29px;
    margin-left: 3px
}

.ui-carousel.scrolly .angle-next,
.ui-carousel.scrolly .angle-prev {
    margin-top: 31px;
    margin-left: 1px
}

.icon-star {
    width: 20px;
    height: 20px;
    background-position: -55px -160px
}

.icon-star-empty {
    width: 20px;
    height: 20px;
    background-position: -80px -160px
}

.icon-collect {
    width: 15px;
    height: 15px;
    background-position: -95px -280px
}

.icon-collect-empty {
    width: 15px;
    height: 15px;
    background-position: -95px -110px
}

.icon-fav {
    width: 14px;
    height: 14px;
    background-position: -60px -110px
}

.icon-limited-experience {
    width: 97px;
    height: 75px;
    background-position: 0 -185px
}

.icon-new {
    width: 18px;
    height: 9px;
    background-position: 0 -260px
}

.icon-question {
    width: 14px;
    height: 14px;
    background-position: -20px -260px
}

.icon-fold {
    width: 17px;
    height: 16px;
    background-position: -40px -260px
}

.icon-unfold {
    width: 17px;
    height: 16px;
    background-position: -60px -260px
}

.icon-left-right {
    width: 15px;
    height: 16px;
    background-position: -95px -30px
}

.icon-danger {
    width: 12px;
    height: 12px;
    background-position: -80px -260px
}

.icon-vs {
    width: 16px;
    height: 16px;
    background-position: 0 -280px
}

.icon-money {
    width: 12px;
    height: 12px;
    background-position: -20px -280px
}

.icon-person {
    width: 17px;
    height: 17px;
    background-position: -40px -280px
}

.icon-angle-up-white {
    width: 10px;
    height: 6px;
    background-position: -60px -292px
}

.icon-angle-down-white {
    width: 10px;
    height: 6px;
    background-position: -60px -280px
}

.icon-new-mini {
    width: 9px;
    height: 11px;
    background-position: -70px -280px
}

[class^=itb-] {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    background-image: url("//img.alicdn.com/tps/TB1bbzcIFXXXXbyXpXXXXXXXXXX.png");
    background-image: -webkit-image-set(url("//img.alicdn.com/tps/TB1bbzcIFXXXXbyXpXXXXXXXXXX.png") 1x, url("//img.alicdn.com/tps/TB1tme0IFXXXXbJXVXXXXXXXXXX.png") 2x);
    background-image: -moz-image-set(url("//img.alicdn.com/tps/TB1bbzcIFXXXXbyXpXXXXXXXXXX.png") 1x, url("//img.alicdn.com/tps/TB1tme0IFXXXXbJXVXXXXXXXXXX.png") 2x);
    background-image: -o-image-set(url("//img.alicdn.com/tps/TB1bbzcIFXXXXbyXpXXXXXXXXXX.png") 1x, url("//img.alicdn.com/tps/TB1tme0IFXXXXbJXVXXXXXXXXXX.png") 2x);
    background-image: -ms-image-set(url("//img.alicdn.com/tps/TB1bbzcIFXXXXbyXpXXXXXXXXXX.png") 1x, url("//img.alicdn.com/tps/TB1tme0IFXXXXbJXVXXXXXXXXXX.png") 2x)
}

.itb-tb,
.itb-tm {
    width: 16px;
    height: 16px
}

.itb-tb {
    background-position: -80px 0
}

.itb-tm {
    background-position: -100px 0
}

[class^=itb-v] {
    width: 14px;
    height: 14px
}

.itb-v0 {
    background-position: 0 -20px
}

.itb-v1 {
    background-position: -15px -20px
}

.itb-v2 {
    background-position: -30px -20px
}

.itb-v3 {
    background-position: -45px -20px
}

.itb-v4 {
    background-position: -60px -20px
}

.itb-v5 {
    background-position: -75px -20px
}

.itb-v6 {
    background-position: -90px -20px
}

[class^=itb-t] {
    width: 19px;
    height: 18px
}

.itb-t0 {
    background-position: -120px 0
}

.itb-t1 {
    background-position: 0 0
}

.itb-t2 {
    background-position: -20px 0
}

.itb-t3 {
    background-position: -40px 0
}

.itb-t4 {
    background-position: -60px 0
}

[class^=itb-brand] {
    width: 54px;
    height: 54px
}

.itb-brand-wap {
    background-position: -60px -40px
}

.active .itb-brand-wap {
    background-position: 0 -40px
}

.itb-brand-tb {
    background-position: -60px -100px
}

.active .itb-brand-tb {
    background-position: 0 -100px
}

.itb-brand-tm {
    background-position: -60px -160px
}

.active .itb-brand-tm {
    background-position: 0 -160px
}

.itb-brand-ju {
    background-position: -60px -220px
}

.active .itb-brand-ju {
    background-position: 0 -220px
}

.itb-brand-etao {
    background-position: -60px -280px
}

.active .itb-brand-etao {
    background-position: 0 -280px
}

.itb-brand-else {
    background-position: -60px -340px
}

.active .itb-brand-else {
    background-position: 0 -340px
}

.itb-level-heart {
    width: 15px;
    height: 13px;
    background-position: 0 -400px
}

.itb-level-diamond {
    width: 16px;
    height: 13px;
    background-position: -20px -400px
}

.itb-level-crown {
    width: 16px;
    height: 14px;
    background-position: -40px -400px
}

.itb-level-golden-crown {
    width: 16px;
    height: 14px;
    background-position: -60px -400px
}

.itb-tmall-logo {
    width: 87px;
    height: 12px;
    background-position: 0 -420px
}

i[class^=icon-deer] {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    background-image: url("//img.alicdn.com/tps/TB1Kh2aJVXXXXXyXFXXXXXXXXXX-850-425.png");
    background-image: -webkit-image-set(url("//img.alicdn.com/tps/TB1Kh2aJVXXXXXyXFXXXXXXXXXX-850-425.png") 1x, url("//img.alicdn.com/tps/TB1kEzbJVXXXXXmXFXXXXXXXXXX-1700-850.png") 2x);
    background-image: -moz-image-set(url("//img.alicdn.com/tps/TB1Kh2aJVXXXXXyXFXXXXXXXXXX-850-425.png") 1x, url("//img.alicdn.com/tps/TB1kEzbJVXXXXXmXFXXXXXXXXXX-1700-850.png") 2x);
    background-image: -o-image-set(url("//img.alicdn.com/tps/TB1Kh2aJVXXXXXyXFXXXXXXXXXX-850-425.png") 1x, url("//img.alicdn.com/tps/TB1kEzbJVXXXXXmXFXXXXXXXXXX-1700-850.png") 2x);
    background-image: -ms-image-set(url("//img.alicdn.com/tps/TB1Kh2aJVXXXXXyXFXXXXXXXXXX-850-425.png") 1x, url("//img.alicdn.com/tps/TB1kEzbJVXXXXXmXFXXXXXXXXXX-1700-850.png") 2x)
}

.icon-deer-cool {
    width: 184px;
    height: 200px;
    background-position: 0 0
}

.icon-deer-wow {
    width: 204px;
    height: 200px;
    background-position: -220px 0
}

.icon-deer-hello {
    width: 187px;
    height: 200px;
    background-position: -440px 0
}

.icon-deer-tip {
    width: 186px;
    height: 200px;
    background-position: -660px 0
}

.icon-deer-meng {
    width: 204px;
    height: 200px;
    background-position: 0 -220px
}

.icon-deer-ballon {
    width: 154px;
    height: 200px;
    background-position: -220px -220px
}

.icon-deer-jump {
    width: 180px;
    height: 200px;
    background-position: -440px -220px
}

.btn-blank,
.btn-group-switch .ui-switch-menu .ui-switch-item {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ccc
}

.btn-blank.active,
.btn-blank.focus,
.btn-blank:active,
.btn-blank:focus,
.btn-blank:hover,
.btn-group-switch .ui-switch-menu .active.ui-switch-item,
.btn-group-switch .ui-switch-menu .focus.ui-switch-item,
.btn-group-switch .ui-switch-menu .open>.dropdown-toggle.ui-switch-item,
.btn-group-switch .ui-switch-menu .ui-switch-item:active,
.btn-group-switch .ui-switch-menu .ui-switch-item:focus,
.btn-group-switch .ui-switch-menu .ui-switch-item:hover,
.open>.btn-blank.dropdown-toggle {
    color: #333;
    background-color: #ededed;
    border-color: #bfbfbf
}

.btn-blank.active,
.btn-blank:active,
.btn-group-switch .ui-switch-menu .active.ui-switch-item,
.btn-group-switch .ui-switch-menu .open>.dropdown-toggle.ui-switch-item,
.btn-group-switch .ui-switch-menu .ui-switch-item:active,
.open>.btn-blank.dropdown-toggle {
    background-image: none
}

.btn-blank.disabled,
.btn-blank.disabled.active,
.btn-blank.disabled.focus,
.btn-blank.disabled:active,
.btn-blank.disabled:focus,
.btn-blank.disabled:hover,
.btn-blank[disabled],
.btn-blank[disabled].active,
.btn-blank[disabled].focus,
.btn-blank[disabled]:active,
.btn-blank[disabled]:focus,
.btn-blank[disabled]:hover,
.btn-group-switch .ui-switch-menu .disabled.active.ui-switch-item,
.btn-group-switch .ui-switch-menu .disabled.focus.ui-switch-item,
.btn-group-switch .ui-switch-menu .disabled.ui-switch-item,
.btn-group-switch .ui-switch-menu .disabled.ui-switch-item:active,
.btn-group-switch .ui-switch-menu .disabled.ui-switch-item:focus,
.btn-group-switch .ui-switch-menu .disabled.ui-switch-item:hover,
.btn-group-switch .ui-switch-menu .ui-switch-item[disabled],
.btn-group-switch .ui-switch-menu .ui-switch-item[disabled].active,
.btn-group-switch .ui-switch-menu .ui-switch-item[disabled].focus,
.btn-group-switch .ui-switch-menu .ui-switch-item[disabled]:active,
.btn-group-switch .ui-switch-menu .ui-switch-item[disabled]:focus,
.btn-group-switch .ui-switch-menu .ui-switch-item[disabled]:hover,
.btn-group-switch .ui-switch-menu fieldset[disabled] .active.ui-switch-item,
.btn-group-switch .ui-switch-menu fieldset[disabled] .focus.ui-switch-item,
.btn-group-switch .ui-switch-menu fieldset[disabled] .ui-switch-item,
.btn-group-switch .ui-switch-menu fieldset[disabled] .ui-switch-item:active,
.btn-group-switch .ui-switch-menu fieldset[disabled] .ui-switch-item:focus,
.btn-group-switch .ui-switch-menu fieldset[disabled] .ui-switch-item:hover,
fieldset[disabled] .btn-blank,
fieldset[disabled] .btn-blank.active,
fieldset[disabled] .btn-blank.focus,
fieldset[disabled] .btn-blank:active,
fieldset[disabled] .btn-blank:focus,
fieldset[disabled] .btn-blank:hover,
fieldset[disabled] .btn-group-switch .ui-switch-menu .active.ui-switch-item,
fieldset[disabled] .btn-group-switch .ui-switch-menu .focus.ui-switch-item,
fieldset[disabled] .btn-group-switch .ui-switch-menu .ui-switch-item,
fieldset[disabled] .btn-group-switch .ui-switch-menu .ui-switch-item:active,
fieldset[disabled] .btn-group-switch .ui-switch-menu .ui-switch-item:focus,
fieldset[disabled] .btn-group-switch .ui-switch-menu .ui-switch-item:hover {
    background-color: #f5f5f5;
    border-color: #ccc
}

.btn-blank .badge,
.btn-group-switch .ui-switch-menu .ui-switch-item .badge {
    color: #f5f5f5;
    background-color: #333
}

.btn-hollow {
    color: #34a0e7;
    background-color: #f3fbff;
    border-color: #2e96ea
}

.btn-hollow.active,
.btn-hollow.focus,
.btn-hollow:active,
.btn-hollow:focus,
.btn-hollow:hover,
.open>.btn-hollow.dropdown-toggle {
    color: #34a0e7;
    background-color: #e4f6ff;
    border-color: #178ae7
}

.btn-hollow.active,
.btn-hollow:active,
.open>.btn-hollow.dropdown-toggle {
    background-image: none
}

.btn-hollow.disabled,
.btn-hollow.disabled.active,
.btn-hollow.disabled.focus,
.btn-hollow.disabled:active,
.btn-hollow.disabled:focus,
.btn-hollow.disabled:hover,
.btn-hollow[disabled],
.btn-hollow[disabled].active,
.btn-hollow[disabled].focus,
.btn-hollow[disabled]:active,
.btn-hollow[disabled]:focus,
.btn-hollow[disabled]:hover,
fieldset[disabled] .btn-hollow,
fieldset[disabled] .btn-hollow.active,
fieldset[disabled] .btn-hollow.focus,
fieldset[disabled] .btn-hollow:active,
fieldset[disabled] .btn-hollow:focus,
fieldset[disabled] .btn-hollow:hover {
    background-color: #f3fbff;
    border-color: #2e96ea
}

.btn-hollow .badge {
    color: #f3fbff;
    background-color: #34a0e7
}

.btn-group-stacked .btn-blank.active,
.btn-group-stacked .btn-group-switch .ui-switch-menu .active.ui-switch-item,
.btn-group-switch .ui-switch-menu .active.ui-switch-item,
.btn-group-switch .ui-switch-menu .btn-blank.active,
.btn-group-switch .ui-switch-menu .btn-group-stacked .active.ui-switch-item,
.btn-group .btn-blank.active {
    background-color: #a9a9a9;
    border: 1px solid #929292;
    color: #fff;
    cursor: default
}

.navbar-btn {
    margin-top: 14px
}

.navbar-datepicker .open.ui-dropdown .btn-dropdown,
.navbar-datepicker .ui-dropdown .btn-dropdown:hover,
.navbar-download .btn-dropdown:hover,
.navbar-dropdown .btn-dropdown:hover,
.open.navbar-download .btn-dropdown,
.open.navbar-dropdown .btn-dropdown {
    background-color: #f6faff;
    border: 1px solid #e5e5e5;
    border-top: 2px solid #35a0e7;
    border-bottom: 0
}

.navbar-datepicker .ui-dropdown,
.navbar-dropdown {
    min-width: 114px
}

.navbar-datepicker .ui-dropdown .btn-dropdown,
.navbar-dropdown .btn-dropdown {
    width: 114px;
    height: 60px;
    padding-top: 20px;
    background-color: #f0f0f0;
    color: #666;
    border-radius: 0;
    border: 1px solid #f0f0f0;
    border-top-width: 2px;
    font-size: 14px;
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif
}

.navbar-datepicker .ui-dropdown .ui-dropdown-menu,
.navbar-dropdown .ui-dropdown-menu {
    width: 114px;
    margin-top: 0;
    border-top: 0;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 8px 10px -6px #ddd
}

.navbar-datepicker .ui-dropdown .ui-dropdown-menu>li>a,
.navbar-dropdown .ui-dropdown-menu>li>a {
    padding: 6px 6px 6px 26px
}

.navbar-datepicker .ui-dropdown .ui-dropdown-menu>.active>a,
.navbar-datepicker .ui-dropdown .ui-dropdown-menu>.active>a:focus,
.navbar-datepicker .ui-dropdown .ui-dropdown-menu>.active>a:hover,
.navbar-dropdown .ui-dropdown-menu>.active>a,
.navbar-dropdown .ui-dropdown-menu>.active>a:focus,
.navbar-dropdown .ui-dropdown-menu>.active>a:hover {
    color: #35a0e7;
    background-color: #fff;
    background-position: 14px 11px
}

.navbar-datepicker .ui-dropdown .btn-dropdown.active,
.navbar-datepicker .ui-dropdown .btn-dropdown:active,
.navbar-dropdown .btn-dropdown.active,
.navbar-dropdown .btn-dropdown:active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.navbar-selector-sm {
    margin-top: 12px
}

.navbar-selector-sm .ui-selector .btn-selector {
    height: 34px;
    padding: 8px 12px;
    border: 1px solid #e5e5e5
}

.navbar-selector-sm .ui-selector .ui-scroller {
    top: 32px;
    border: 1px solid #e5e5e5;
    border-top: 0
}

.navbar-selector .btn-selector:hover,
.open.navbar-selector .btn-selector {
    background-color: #f6faff;
    border: 1px solid #e5e5e5;
    border-top: 2px solid #35a0e7;
    border-bottom: 0
}

.navbar-selector {
    min-width: 114px
}

.navbar-selector .ui-scroller {
    top: 60px;
    box-shadow: 0 8px 10px -6px #ddd
}

.navbar-selector .btn-selector {
    height: 60px;
    padding-top: 20px;
    background-color: #f0f0f0;
    color: #666;
    border-radius: 0;
    border: 1px solid #f0f0f0;
    font-size: 12px;
    border-top-width: 2px
}

.navbar-selector .btn-selector .ui-selector-val {
    font-size: 14px;
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif
}

.navbar-selector .ui-scroller .ui-selector-menu {
    margin-top: 0;
    border-top: 0;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 8px 10px -6px #ddd
}

.navbar-selector .ui-scroller .ui-selector-menu>li {
    height: 29px;
    line-height: 29px;
    padding-left: 26px
}

.navbar-selector .ui-scroller .ui-selector-menu>.selected,
.navbar-selector .ui-scroller .ui-selector-menu>.selected:focus,
.navbar-selector .ui-scroller .ui-selector-menu>.selected:hover {
    color: #35a0e7;
    background-color: #fff;
    background-position: 14px 11px
}

.navbar-selector .btn-selector.active,
.navbar-selector .btn-selector:active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.input-date {
    position: relative;
    display: inline-block
}

.input-date>input {
    width: 138px;
    height: 34px;
    padding-left: 4px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    background-color: #fff
}

.input-date>.icon-cal {
    position: absolute;
    right: 5px;
    top: 8px
}

.navbar-date .input-date {
    margin-top: 12px
}

.input-search {
    position: relative;
    display: inline-block
}

.input-search>input {
    width: 300px;
    height: 34px;
    padding-left: 30px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    background-color: #fff
}

.input-search>.icon-search {
    position: absolute;
    left: 8px;
    top: 10px
}

.input-search>.search-del {
    position: absolute;
    right: 6px;
    top: 8px;
    color: #e5e5e5;
    font-size: 12px;
    cursor: pointer
}

.input-search>.search-del:hover {
    color: #34a0e7
}

.checkbox,
.radio {
    position: relative;
    display: inline-block;
    margin: 0;
    cursor: pointer
}

.checkbox>.option,
.radio>.option {
    display: inline-block;
    vertical-align: middle
}

.checkbox>.name,
.radio>.name {
    margin-left: 8px;
    line-height: 14px;
    font-size: 12px;
    vertical-align: middle
}

.checkbox.extra-long,
.radio.extra-long {
    min-width: 240px
}

.checkbox>.option {
    width: 16px;
    height: 15px;
    background-position: -55px -70px
}

.checkbox:hover>.option {
    background-position: -75px -70px
}

.radio>.option {
    width: 16px;
    height: 16px;
    background-position: -20px -90px
}

.radio:hover>.option {
    background-position: -40px -90px
}

.disabled>.name {
    color: #e5e5e5
}

.disabled.checkbox,
.disabled.radio {
    cursor: default
}

.disabled.checkbox>.option {
    background-position: -95px -70px
}

.disabled.radio>.option {
    background-position: -60px -90px
}

.selected.checkbox .option {
    background-position: -35px -70px
}

.selected.radio .option {
    background-position: 0 -90px
}

.navbar-check {
    position: relative;
    margin-top: 18px
}

.group .checkbox,
.group .radio {
    display: inline-block;
    cursor: pointer;
    min-width: 110px;
    line-height: 16px
}

.nav-tabs>ul>li>a {
    font-size: 16px
}

.nav-blank-block>ul,
.nav-blank>ul {
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    background-color: #f5f5f5
}

.nav-blank-block>ul>li,
.nav-blank>ul>li {
    float: left;
    text-align: center
}

.nav-blank-block>ul>li>a,
.nav-blank>ul>li>a {
    width: 146px;
    border: 0;
    margin-bottom: -1px;
    padding: 20px 10px;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    font-size: 14px;
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    background-color: #f5f5f5;
    color: #666
}

.nav-blank-block>ul>li.active>a,
.nav-blank>ul>li.active>a {
    color: #34a0e7;
    background-color: #fff;
    border-bottom: 1px solid #fff
}

.nav-blank-block>ul>li.active>a:focus,
.nav-blank-block>ul>li.active>a:hover,
.nav-blank>ul>li.active>a:focus,
.nav-blank>ul>li.active>a:hover {
    cursor: default
}

.nav-blank-block>ul>li:first-child>a,
.nav-blank>ul>li:first-child>a {
    border-left: 1px solid #eaeaea
}

.nav-blank-block>ul>li {
    text-align: left
}

.nav-tabs-blank>ul {
    border-bottom: 1px solid #e0e0e0
}

.nav-tabs-blank>ul>li {
    float: left;
    text-align: center
}

.nav-tabs-blank>ul>li>a {
    margin: 0 -1px -1px 0;
    color: #666;
    border-bottom: 1px solid #e0e0e0;
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    background-image: -webkit-linear-gradient(top, #fafafa, #f2f2f2);
    background-image: -o-linear-gradient(top, #fafafa 0, #f2f2f2 100%);
    background-image: linear-gradient(180deg, #fafafa 0, #f2f2f2);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFAFAFA", endColorstr="#FFF2F2F2", GradientType=0)
}

.nav-tabs-blank>ul>li>a:hover {
    background-image: -webkit-linear-gradient(top, #eee, #eee);
    background-image: -o-linear-gradient(top, #eee 0, #eee 100%);
    background-image: linear-gradient(180deg, #eee 0, #eee);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFEEEEEE", GradientType=0)
}

.nav-tabs-blank>ul>li.active>a {
    color: #34a0e7;
    background-image: -webkit-linear-gradient(top, #fff, #fff);
    background-image: -o-linear-gradient(top, #fff 0, #fff 100%);
    background-image: linear-gradient(180deg, #fff 0, #fff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFFFFFFF", GradientType=0);
    border-bottom: 1px solid #fff
}

.nav-tabs-blank>ul>li.active>a:focus,
.nav-tabs-blank>ul>li.active>a:hover {
    cursor: default
}

.nav-tabs-blank>ul>li:first-child>a {
    border-left: 1px solid #e0e0e0;
    border-top-left-radius: 5px
}

.nav-tabs-blank>ul>li:last-child>a {
    border-top-right-radius: 5px
}

.navbar {
    height: 60px;
    padding: 0 20px 0 30px;
    background-color: #f0f0f0
}

.navbar:after,
.navbar:before {
    content: " ";
    display: table
}

.navbar:after {
    clear: both
}

.navbar .navbar-header {
    float: left;
    margin-top: 20px;
    font-size: 16px;
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    color: #333
}

.navbar .navbar-header>.icon-title {
    height: 20px;
    vertical-align: middle;
    margin-right: 6px
}

.navbar .operation:after,
.navbar .operation:before {
    content: " ";
    display: table
}

.navbar .operation:after {
    clear: both
}

.navbar .operation>div {
    float: left;
    margin-left: 10px
}

.navbar .operation label {
    font-size: 10px;
    margin-right: 10px
}

.rank-list .rank-list-tag {
    display: inline-block;
    width: 18px;
    height: 18px;
    color: #fff;
    background-color: #a6a6a6;
    font-size: 10px;
    text-align: center;
    margin-right: 4px
}

.rank-list .rank-list-tag.rank-top-tag {
    background-color: #22b5bf
}

.ui-switch a,
.ui-tab .ui-tab-head .ui-tab-head-item a {
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif
}

.navbar-switch {
    height: 38px;
    border-radius: 19px;
    background-color: #e4e4e4;
    margin-top: 12px
}

.navbar-switch:after,
.navbar-switch:before {
    content: " ";
    display: table
}

.navbar-switch:after {
    clear: both
}

.navbar-switch .ui-switch-menu>li {
    float: left
}

.navbar-switch .ui-switch-menu>li>a {
    display: inline-block;
    color: #666;
    height: 38px;
    line-height: 38px;
    padding: 0 14px;
    border-radius: 19px
}

.navbar-switch .ui-switch-menu>li.active>a {
    background-color: #fff;
    color: #22b5bf
}

.navbar-switch .ui-switch-menu>li.active>a:hover {
    cursor: default
}

.btn-group-switch .ui-switch-menu .ui-switch-item {
    border-color: #d9d9d9;
    background-color: #fff;
    padding: 0;
    min-width: 60px
}

.btn-group-switch .ui-switch-menu .ui-switch-item a {
    color: #333;
    padding: 5px 10px;
    display: inline-block;
    width: 100%
}

.btn-group-switch .ui-switch-menu .ui-switch-item.active {
    border: 1px solid #929292;
    background-color: #a9a9a9
}

.btn-group-switch .ui-switch-menu .ui-switch-item.active a {
    color: #fff;
    cursor: default
}

.btn-group-switch.color-blue .ui-switch-menu .ui-switch-item a {
    padding: 6px 10px
}

.btn-group-switch.color-blue .ui-switch-menu .ui-switch-item.active {
    border: 1px solid #328cc8;
    background-color: #3aa3e7
}

.sunrise-clearfix:after,
.sunrise-clearfix:before {
    content: " ";
    display: table
}

.sunrise-clearfix:after {
    clear: both
}

.sunrise-pie-legends {
    position: absolute;
    bottom: 0;
    left: 0
}

.sunrise-pie-legends:after,
.sunrise-pie-legends:before {
    content: " ";
    display: table
}

.sunrise-pie-legends:after {
    clear: both
}

.sunrise-pie-legends .sunrise-pie-legend {
    float: left;
    width: 80px;
    height: 16px;
    line-height: 16px
}

.sunrise-pie-legends .sunrise-pie-legend .sunrise-pie-block {
    display: inline-block;
    height: 12px;
    width: 12px;
    margin-right: 4px
}

.sunrise-pie-legends .sunrise-pie-legend .sunrise-pie-name {
    color: #666
}

.sunrise-tooltip {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #ccc;
    padding: 10px;
    line-height: 24px;
    font-size: 12px;
    background-color: #fcfcfc;
    filter: alpha(opacity=90);
    opacity: .9;
    z-index: 1050;
    box-shadow: 2px 2px 10px #ccc;
    overflow: visible;
    white-space: nowrap;
    -moz-transition: left .5s, top .5s;
    -webkit-transition: left .5s, top .5s;
    transition: left .5s, top .5s
}

.sunrise-tooltip .tooltip-content {
    font-weight: 400
}

.sunrise-tooltip .tooltip-title {
    height: 24px;
    line-height: 24px;
    color: gray
}

.sunrise-tooltip .tooltip-desc {
    line-height: 24px;
    font-weight: 400
}

.sunrise-tooltip .tooltip-desc .item-legend {
    width: 8px;
    height: 8px;
    display: inline-block;
    margin-right: 4px
}

.sunrise-tooltip .tooltip-desc .desc-number {
    color: #4c4c4c;
    padding-left: 8px
}

.sunrise-pull-left {
    float: left
}

.wrapper-page body>header {
    background: #2062e6;
    height: 110px;
    display: block
}

body>header {
    display: none
}

.ebase-frame-header-changeShopWrapper {
    float: left;
    margin-top: 10px;
    position: relative
}

.ebase-frame-header-changeShopWrapper:hover {
    cursor: pointer
}

.header-shop-selector {
    width: 400px;
    text-align: left
}

.current-shop-item-title {
    float: left;
    display: block;
    color: #fff;
    font-size: 22px;
    max-width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 10px;
    line-height: 50px
}

.current-shop-item-type {
    background-color: #f3d024;
    color: #0040c1;
    line-height: 20px;
    border: none;
    border-radius: 1px;
    margin-top: 16px;
    margin-right: 8px;
    width: 36px;
    float: left;
    text-align: center
}

.header-shop-selector,
.header-shop-selector .current-shop-wrapper {
    overflow: hidden
}

.header-shop-selector .current-shop-wrapper .oui-icon {
    float: left;
    display: block;
    color: #b4c8d8;
    line-height: 50px;
    transition: transform .2s, -webkit-transform .2s
}

.header-shop-selector .current-shop-wrapper .oui-icon.current-shop-wrapper-open {
    transform: rotate(-180deg)
}

.shop-item-type .branch-shop-name,
.shop-item-type .main-shop,
.shop-item-type .multi-shop {
    padding: 4px 6px;
    font-size: 12px;
    margin-right: 8px;
    color: #2062e6;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #e9eff4
}

.shop-item-type .branch-shop {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    margin: 0 17px 0 9px;
    overflow: hidden
}

.header-shop-selector.switch-shop-disabled .icon-angle-down-white,
.header-shop-selector.switch-shop-disabled .icon-angle-up-white {
    display: none !important
}

.header-shop-selector.switch-shop-disabled .current-shop-wrapper {
    cursor: default !important
}

.header-shop-selector.switch-shop-disabled .change-shop-popover {
    display: none !important
}

.change-shop-popover {
    position: absolute;
    width: 250px;
    background: #fff;
    color: #4a4a4a;
    border: 1px solid #e9eff4;
    box-shadow: 2px 0 4px rgba(0, 0, 0, .07)
}

.change-shop-popover .shops-wrapper {
    max-height: 243px;
    overflow-y: auto
}

.change-shop-popover .shops-wrapper::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.change-shop-popover .shops-wrapper::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #b4c8d8
}

.change-shop-popover .shop-item-title {
    width: 166px
}

header .no-sub-shops {
    padding: 16px 18px
}

header .single-shop {
    float: left;
    margin-right: 8px;
    width: 38px
}

header .single-shop-img {
    width: 20px;
    border-radius: 10px;
    margin-left: 9px
}

header .shop-item {
    padding: 6px 8px;
    height: 32px;
    line-height: 20px;
    cursor: pointer
}

header .shop-item:hover {
    background: #ebf6ff
}

header .shop-item.active {
    color: #2062e6
}

header .shop-item-title {
    max-width: 154px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

header .current-shop-item-type,
header .shop-item-title,
header .shop-item-type {
    display: block;
    float: left
}

body {
    background: #eef1f6
}

body .ebase-frame-header.ebase-frame-header-down {
    min-height: 50px
}

.wrapper-page #container nav {
    float: left;
    margin-top: 10px;
    display: block
}

.wrapper-page #container article.main {
    margin: 10px 0 0;
    display: block
}

.wrapper-page #footer {
    display: block
}

#container {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    padding-top: 0;
    width: 100%
}

#container nav {
    display: none
}

#container article.main {
    overflow: hidden;
    float: right;
    width: 1040px;
    flex: 1;
    min-height: 800px;
    margin: 0;
    padding-top: 24px;
    background-color: #fff
}

#container article.main:after,
#container article.main:before {
    content: " ";
    display: table
}

#container article.main:after {
    clear: both
}

#container article.main h3.article-title {
    font-size: 20px;
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    color: #22b5bf;
    margin: 0 0 30px 30px
}

#container #__sycm__notice__ {
    width: 100%;
    float: left
}

#container #__sycm__notice__ .ds-notice-wrapper {
    margin: 0;
    background-color: #fff9e4
}

.wipeNav #container {
    margin-top: 0;
    width: 1050px
}

.wipeNav #container h3.article-title,
.wipeNav #container h3.screen-title {
    visibility: hidden
}

.wipeNav #fnset,
.wipeNav #robot {
    display: none
}

#container.no-nav-container article.main {
    width: 100%
}

.page-header {
    position: relative;
    z-index: 1030
}

.page-header .nav-tabs>ul {
    padding-left: 30px
}

.page-header .device-group {
    position: absolute;
    top: 4px;
    right: 30px;
    z-index: 1031
}

.btn-group-switch .ui-switch-menu .page-header .device-group .ui-switch-item,
.page-header .device-group .btn,
.page-header .device-group .btn-group-switch .ui-switch-menu .ui-switch-item {
    height: 30px;
    width: 60px
}

.page-header .text-desc {
    color: #666;
    line-height: 1.5;
    float: right;
    margin-right: 30px;
    margin-top: 4px
}

.screen-header {
    margin-top: -20px;
    height: 70px;
    width: 100%;
    padding: 0 20px 0 30px;
    background: #fff;
    position: relative;
    z-index: 1030
}

.screen-header .screen-title {
    float: left;
    margin-top: 27px;
    font-size: 20px;
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    color: #22b5bf
}

.screen-header .screen-subtitle {
    line-height: 76px;
    vertical-align: middle;
    margin-left: 10px;
    color: #999
}

.screen-header .actions {
    float: right;
    margin-top: 20px
}

.screen-header.screen-header-sticky-active {
    margin-top: 0;
    box-shadow: 0 4px 4px 0 hsla(0, 0%, 80%, .6);
    border-bottom: 1px solid\9
}

#footer {
    background-color: transparent !important;
    border-top: none !important;
    color: #a0a0a0 !important;
    font-size: 12px !important;
    display: none
}

#footer a {
    color: #a0a0a0;
    font-size: 12px
}

#footer a:hover {
    color: #34a0e7
}

nav {
    min-height: calc(100vh - 258px);
    margin-right: 10px;
    position: relative;
    width: 160px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
    background-color: #fff;
    z-index: 990
}

nav .menu-list {
    padding-top: 10px
}

nav .menu-list .icon-new {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -5px
}

nav .sub-menu-top-logo {
    background: #00c49f;
    height: 50px;
    color: #fff;
    font-size: 16px;
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    line-height: 50px;
    vertical-align: middle;
    text-align: center
}

nav .sub-menu-top-logo .sub-menu-top-logo-icon {
    font-size: 20px;
    margin-right: 8px
}

nav .fixed-nav {
    position: fixed;
    top: 0
}

nav .special-nav .menu-list {
    width: 160px;
    padding: 0 12px
}

nav .special-nav .menu-list>.menu {
    border-top: 1px solid #e6e6e6;
    padding-bottom: 12px
}

nav .special-nav .menu-list>.menu>a {
    position: relative;
    display: block;
    height: 50px;
    padding-top: 12px;
    line-height: 38px;
    border-top: 1px solid #fdfdfd;
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    font-size: 16px;
    color: #a6a6a6
}

nav .special-nav .menu-list>.menu>a>span {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding-left: 25px
}

nav .special-nav .menu-list>.menu>a>.icon-new {
    margin-top: 0
}

nav .special-nav .menu-list>.menu>.sub-menu>li {
    position: relative;
    padding-left: 30px;
    height: 50px;
    line-height: 50px
}

nav .special-nav .menu-list>.menu>.sub-menu>li>a {
    color: #333;
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    font-size: 14px
}

nav .special-nav .menu-list>.menu>.sub-menu>li.current {
    position: relative
}

nav .special-nav .menu-list>.menu>.sub-menu>li.current a {
    color: #34a0e7
}

nav .special-nav .menu-list>.menu>.sub-menu>li.current:after {
    content: "";
    position: absolute;
    top: 21px;
    left: 20px;
    border: solid transparent;
    height: 0;
    width: 0;
    border-width: 4px;
    border-left-color: #34a0e7
}

nav .special-nav .menu-list>.menu:first-child,
nav .special-nav .menu-list>.menu:first-child>a {
    border-top: none
}

nav .common-nav .menu-list>.menu {
    position: relative;
    border: 1px solid #f8f9fb;
    border-left: none;
    border-right: none;
    height: 50px;
    line-height: 50px;
    z-index: 991
}

nav .common-nav .menu-list>.menu>a {
    display: block;
    width: 160px;
    height: 48px;
    line-height: 48px;
    padding-left: 20px;
    color: #555;
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    font-size: 16px
}

nav .common-nav .menu-list>.menu>a>span {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding-left: 32px
}

nav .common-nav .menu-list>.menu.active>a {
    padding-left: 19px
}

nav .common-nav .menu-list>.menu .sub-menu {
    display: none;
    position: absolute;
    top: -1px;
    padding: 10px;
    width: 120px;
    left: 160px;
    border: 1px solid #34a0e7;
    background-color: #fff;
    z-index: 992;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

nav .common-nav .menu-list>.menu .sub-menu>li {
    height: 50px;
    line-height: 50px;
    text-align: center
}

nav .common-nav .menu-list>.menu .sub-menu>li>a {
    display: block;
    height: 50px;
    line-height: 50px;
    color: #555;
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    font-size: 14px
}

nav .common-nav .menu-list>.menu .sub-menu>li>a:hover {
    color: #34a0e7
}

nav .common-nav .menu-list>.menu .sub-menu>.current a {
    color: #34a0e7;
    background-position: 0 50%
}

nav .common-nav .menu-list>.selected {
    width: 164px;
    border-left: 4px solid #96cd67;
    margin-left: -4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    color: #34a0e7;
    background-color: #fff
}

nav .common-nav .menu-list>.active {
    border: 1px solid #34a0e7;
    color: #34a0e7;
    background-color: #fff;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    width: 162px
}

nav .common-nav .menu-list>.active[data-has-sub=true] {
    border-right: none;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    width: auto
}

nav .common-nav .menu-list>.active[data-has-sub=true]>a {
    position: relative;
    width: 161px;
    border-right: 1px solid #fff;
    z-index: 993
}

nav .common-nav .menu-list>.active[data-has-sub=true] .sub-menu {
    display: block
}

nav .common-nav .menu-list>.active>a,
nav .common-nav .menu-list>.selected>a {
    color: #34a0e7
}

nav .nav-container {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
    background-color: #f8f9fb
}

nav .nav-container .new-special-nav {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

nav .nav-container .new-special-nav .nav-item {
    position: relative;
    cursor: pointer
}

nav .nav-container .new-special-nav .nav-item .icon-triangle-down,
nav .nav-container .new-special-nav .nav-item .icon-triangle-right {
    position: absolute;
    top: 14px;
    left: 20px
}

nav .nav-container .new-special-nav .nav-item .icon-triangle-down {
    left: 18px;
    top: 15px
}

nav .nav-container .new-special-nav .nav-item .name {
    color: #9f9f9f;
    background: none;
    vertical-align: middle;
    font: 16px/19px Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif
}

nav .nav-container .new-special-nav .sub-menu-list-level-2 {
    margin-top: 15px
}

nav .nav-container .new-special-nav .sub-menu-list-level-2>.nav-item {
    cursor: default;
    padding: 15px 0 0
}

nav .nav-container .new-special-nav .sub-menu-list-level-2>.nav-item:first-child {
    padding-top: 0
}

nav .nav-container .new-special-nav .sub-menu-list-level-2>.nav-item>a {
    cursor: default
}

nav .nav-container .new-special-nav .sub-menu-list-level-3 {
    margin-top: 10px
}

nav .nav-container .new-special-nav .sub-menu-list-level-3 .name-wrapper {
    display: block;
    margin-left: -50px;
    padding-left: 50px
}

nav .nav-container .new-special-nav .sub-menu-list-level-3 .name-wrapper .name {
    position: relative
}

nav .nav-container .new-special-nav .sub-menu-list-level-3 .name-wrapper .name .icon-new-mini {
    position: absolute;
    left: 110%;
    top: -5px
}

nav .nav-container .new-special-nav .sub-menu-list-level-4 {
    display: none;
    background: #f7f7f7
}

nav .nav-container .new-special-nav .sub-menu-list-level-4 .name-wrapper {
    display: block;
    margin-left: -50px;
    padding-left: 50px
}

nav .nav-container .new-special-nav .sub-menu-list-level-4 .name-wrapper .name {
    position: relative
}

nav .nav-container .new-special-nav .sub-menu-list-level-4 .name-wrapper .name .icon-new-mini {
    position: absolute;
    left: 110%;
    top: -5px
}

nav .nav-container .new-special-nav .active .sub-menu-list,
nav .nav-container .new-special-nav .expanded .sub-menu-list {
    display: block
}

nav .nav-container .new-special-nav .sub-menu-list-level-3 .nav-item {
    padding-left: 50px
}

nav .nav-container .new-special-nav .sub-menu-list-level-3 .nav-item.is-leaf:hover {
    background: #d6efff
}

nav .nav-container .new-special-nav .sub-menu-list-level-3 .nav-item.selected.is-leaf {
    box-shadow: 0 2px 3px rgba(0, 0, 0, .075);
    border-left: 5px solid #00c29f;
    padding-left: 44px;
    background: #fff
}

nav .nav-container .new-special-nav .sub-menu-list-level-3 .nav-item.selected.is-leaf>a>.name {
    color: #00c29f;
    font-weight: 700
}

nav .nav-container .new-special-nav .sub-menu-list-level-3 .nav-item.selected.is-leaf:hover {
    background: #fff
}

nav .nav-container .new-special-nav .sub-menu-list-level-3 .nav-item.selected>a>.name {
    color: #34a0e7
}

nav .nav-container .new-special-nav .sub-menu-list-level-3 .nav-item.selected .icon-triangle-down {
    border-top-color: #34a0e7
}

nav .nav-container .new-special-nav .sub-menu-list-level-3 .nav-item.selected .icon-triangle-right {
    border-left-color: #34a0e7
}

nav .nav-container .new-special-nav .sub-menu-list-level-3 .nav-item>a>.name {
    font: 14px/36px Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    color: #2c2c30
}

nav .nav-container .new-special-nav .sub-menu-list-level-4 .nav-item {
    margin-left: -50px;
    padding-left: 50px
}

nav .nav-container .new-special-nav .sub-menu-list-level-4 .nav-item.selected.is-leaf {
    margin-left: -50px;
    padding-left: 45px
}

nav .nav-container .new-special-nav .sub-menu-list-level-4 .nav-item.selected.is-leaf:hover {
    background: #fff
}

nav .nav-container .new-special-nav .sub-menu-list-level-4 .nav-item.selected.is-leaf>a>.name {
    color: #333
}

nav .nav-container .new-special-nav .sub-menu-list-level-4 .nav-item.is-leaf:hover {
    background: #d6efff
}

nav .nav-container .new-special-nav .sub-menu-list-level-4 .nav-item>a>.name {
    font: 12px/36px Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    color: #666
}

nav .nav-container .new-special-nav .left-nav-icon {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: 0 6px 0 25px;
    vertical-align: middle
}

nav .nav-container .new-special-nav .icon-triangle-right {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.5px 0 4.5px 5px;
    border-color: transparent transparent transparent #868787
}

nav .nav-container .new-special-nav .icon-triangle-down {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 4.5px 0;
    border-color: #868787 transparent transparent
}

nav .nav-container.tools_common .new-special-nav .sub-menu-list-level-2>.nav-item>a {
    cursor: pointer
}

nav .nav-container.tools_common .new-special-nav .nav-item.selected,
nav .nav-container.tools_common .new-special-nav .sub-menu-list-level-2>.nav-item.selected>a {
    cursor: default
}

nav .nav-container.tools_common .new-special-nav .nav-item.selected .name {
    color: #00c49f
}

nav .nav-container.tools_common .new-special-nav .sub-menu-list-level-2>.nav-item {
    line-height: 36px;
    padding: 0
}

nav .nav-container.tools_common .new-special-nav .sub-menu-list-level-2>.nav-item:hover {
    background: #d6efff
}

nav .nav-container.tools_common .new-special-nav .sub-menu-list-level-2 {
    margin-top: 10px
}

nav .menu-list>li>a>span {
    background-image: url("//img.alicdn.com/tps/i2/TB1twO7JFXXXXXzXFXXhZpeYFXX-32-1750.png");
    background-image: -webkit-image-set(url("//img.alicdn.com/tps/i2/TB1twO7JFXXXXXzXFXXhZpeYFXX-32-1750.png") 1x, url("//img.alicdn.com/tps/i1/TB1R015JFXXXXaHXFXXHugrZpXX-64-3500.png") 2x);
    background-image: -moz-image-set(url("//img.alicdn.com/tps/i2/TB1twO7JFXXXXXzXFXXhZpeYFXX-32-1750.png") 1x, url("//img.alicdn.com/tps/i1/TB1R015JFXXXXaHXFXXHugrZpXX-64-3500.png") 2x);
    background-image: -o-image-set(url("//img.alicdn.com/tps/i2/TB1twO7JFXXXXXzXFXXhZpeYFXX-32-1750.png") 1x, url("//img.alicdn.com/tps/i1/TB1R015JFXXXXaHXFXXHugrZpXX-64-3500.png") 2x);
    background-image: -ms-image-set(url("//img.alicdn.com/tps/i2/TB1twO7JFXXXXXzXFXXhZpeYFXX-32-1750.png") 1x, url("//img.alicdn.com/tps/i1/TB1R015JFXXXXaHXFXXHugrZpXX-64-3500.png") 2x);
    background-repeat: no-repeat
}

nav .menu-list>li .title-flow>span {
    background-position: 0 0
}

nav .menu-list>li .title-trade>span {
    background-position: 0 -60px
}

nav .menu-list>li .title-product>span {
    background-position: 0 -120px
}

nav .menu-list>li .title-market>span {
    background-position: 0 -180px
}

nav .menu-list>li .title-service>span {
    background-position: 0 -240px
}

nav .menu-list>li .title-kpi>span {
    background-position: 0 -300px
}

nav .menu-list>li .title-rival>span {
    background-position: 0 -360px
}

nav .menu-list>li .title-storage>span {
    background-position: 0 -420px
}

nav .menu-list>li .title-custom>span {
    background-position: 0 -480px
}

nav .menu-list>li .title-live-survey>span {
    background-position: 0 -540px
}

nav .menu-list>li .title-live-source>span {
    background-position: 0 -600px
}

nav .menu-list>li .title-live-rank>span {
    background-position: 0 -660px
}

nav .menu-list>li .title-live-route>span {
    background-position: 0 -720px
}

nav .menu-list>li .title-live-visitor>span {
    background-position: 0 -780px
}

nav .menu-list>li .title-live-activity>span {
    background-position: 0 -1410px
}

nav .menu-list>li .title-market-index>span {
    background-position: 0 -840px
}

nav .menu-list>li .title-market-rank>span {
    background-position: 0 -900px
}

nav .menu-list>li .title-diy-query>span {
    background-position: 0 -960px
}

nav .menu-list>li .title-diy-userReport>span {
    background-position: 0 -1020px
}

nav .menu-list>li .title-diy-commonReport>span {
    background-position: 0 -1080px
}

nav .menu-list>li .title-introduction>span {
    background-position: 0 -1140px
}

nav .menu-list>li .title-index-comment>span {
    background-position: 0 -1200px
}

nav .menu-list>li .title-faq>span {
    background-position: 0 -1260px
}

nav .menu-list>li .title-videoCourse>span {
    background-position: 0 -1530px
}

nav .menu-list>li .title-sourceComment>span {
    background-position: 0 -1590px
}

nav .menu-list>.active .title-flow>span,
nav .menu-list>.selected .title-flow>span {
    background-position: 0 -30px
}

nav .menu-list>.active .title-trade>span,
nav .menu-list>.selected .title-trade>span {
    background-position: 0 -90px
}

nav .menu-list>.active .title-product>span,
nav .menu-list>.selected .title-product>span {
    background-position: 0 -150px
}

nav .menu-list>.active .title-market>span,
nav .menu-list>.selected .title-market>span {
    background-position: 0 -210px
}

nav .menu-list>.active .title-service>span,
nav .menu-list>.selected .title-service>span {
    background-position: 0 -270px
}

nav .menu-list>.active .title-kpi>span,
nav .menu-list>.selected .title-kpi>span {
    background-position: 0 -330px
}

nav .menu-list>.active .title-rival>span,
nav .menu-list>.selected .title-rival>span {
    background-position: 0 -390px
}

nav .menu-list>.active .title-storage>span,
nav .menu-list>.selected .title-storage>span {
    background-position: 0 -450px
}

nav .menu-list>.active .title-custom>span,
nav .menu-list>.selected .title-custom>span {
    background-position: 0 -510px
}

nav .menu-list>.active .title-live-survey>span,
nav .menu-list>.selected .title-live-survey>span {
    background-position: 0 -570px
}

nav .menu-list>.active .title-live-source>span,
nav .menu-list>.selected .title-live-source>span {
    background-position: 0 -630px
}

nav .menu-list>.active .title-live-rank>span,
nav .menu-list>.selected .title-live-rank>span {
    background-position: 0 -690px
}

nav .menu-list>.active .title-live-route>span,
nav .menu-list>.selected .title-live-route>span {
    background-position: 0 -750px
}

nav .menu-list>.active .title-live-visitor>span,
nav .menu-list>.selected .title-live-visitor>span {
    background-position: 0 -810px
}

nav .menu-list>.active .title-live-activity>span,
nav .menu-list>.selected .title-live-activity>span {
    background-position: 0 -1440px
}

nav .menu-list>.active .title-market-index>span,
nav .menu-list>.selected .title-market-index>span {
    background-position: 0 -870px
}

nav .menu-list>.active .title-market-rank>span,
nav .menu-list>.selected .title-market-rank>span {
    background-position: 0 -930px
}

nav .menu-list>.active .title-diy-query>span,
nav .menu-list>.selected .title-diy-query>span {
    background-position: 0 -990px
}

nav .menu-list>.active .title-diy-userReport>span,
nav .menu-list>.selected .title-diy-userReport>span {
    background-position: 0 -1050px
}

nav .menu-list>.active .title-diy-commonReport>span,
nav .menu-list>.selected .title-diy-commonReport>span {
    background-position: 0 -1110px
}

nav .menu-list>.active .title-introduction>span,
nav .menu-list>.selected .title-introduction>span {
    background-position: 0 -1170px
}

nav .menu-list>.active .title-index-comment>span,
nav .menu-list>.selected .title-index-comment>span {
    background-position: 0 -1230px
}

nav .menu-list>.active .title-faq>span,
nav .menu-list>.selected .title-faq>span {
    background-position: 0 -1290px
}

nav .menu-list>.active .title-videoCourse>span,
nav .menu-list>.selected .title-videoCourse>span {
    background-position: 0 -1560px
}

nav .menu-list>.active .title-sourceComment>span,
nav .menu-list>.selected .title-sourceComment>span {
    background-position: 0 -1620px
}

.special-nav .menu-list>li .title-official>span {
    background-position: -7px -1320px
}

.special-nav .menu-list>li .title-isv>span {
    background-position: -7px -1350px
}

.special-nav .menu-list>li .title-library>span {
    background-position: -7px -1380px
}

.special-nav .menu-list>li .title-person-center>span {
    background-position: -7px -1470px
}

.special-nav .menu-list>li .title-flow>span {
    background-position: -6px -30px
}

.special-nav .menu-list>li .title-trade>span {
    background-position: -6px -90px
}

.special-nav .menu-list>li .title-product>span {
    background-position: -6px -150px
}

.special-nav .menu-list>li .title-market>span {
    background-position: -6px -210px
}

.special-nav .menu-list>.active .title-flow>span,
.special-nav .menu-list>.selected .title-flow>span {
    background-position: -6px -30px
}

.special-nav .menu-list>.active .title-trade>span,
.special-nav .menu-list>.selected .title-trade>span {
    background-position: -6px -90px
}

.special-nav .menu-list>.active .title-product>span,
.special-nav .menu-list>.selected .title-product>span {
    background-position: -6px -150px
}

.special-nav .menu-list>.active .title-market>span,
.special-nav .menu-list>.selected .title-market>span {
    background-position: -6px -210px
}

nav .new-special-nav li[class*=title-] .left-nav-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("//img.alicdn.com/tps/TB1ze.0KVXXXXbBXXXXXXXXXXXX-20-1000.png");
    background-image: -webkit-image-set(url("//img.alicdn.com/tps/TB1ze.0KVXXXXbBXXXXXXXXXXXX-20-1000.png") 1x, url("//img.alicdn.com/tps/TB1YwkCKVXXXXa1aXXXXXXXXXXX-40-2000.png") 2x);
    background-image: -moz-image-set(url("//img.alicdn.com/tps/TB1ze.0KVXXXXbBXXXXXXXXXXXX-20-1000.png") 1x, url("//img.alicdn.com/tps/TB1YwkCKVXXXXa1aXXXXXXXXXXX-40-2000.png") 2x);
    background-image: -o-image-set(url("//img.alicdn.com/tps/TB1ze.0KVXXXXbBXXXXXXXXXXXX-20-1000.png") 1x, url("//img.alicdn.com/tps/TB1YwkCKVXXXXa1aXXXXXXXXXXX-40-2000.png") 2x);
    background-image: -ms-image-set(url("//img.alicdn.com/tps/TB1ze.0KVXXXXbBXXXXXXXXXXXX-20-1000.png") 1x, url("//img.alicdn.com/tps/TB1YwkCKVXXXXa1aXXXXXXXXXXX-40-2000.png") 2x)
}

nav .new-special-nav .title-industry .left-nav-icon {
    background-position: 0 -160px
}

nav .new-special-nav .title-portrait .left-nav-icon {
    background-position: 0 -180px
}

nav .new-special-nav .title-flow .left-nav-icon {
    background-position: 0 0
}

nav .new-special-nav .title-product .left-nav-icon {
    background-position: 0 -40px
}

nav .new-special-nav .title-trade .left-nav-icon {
    background-position: 0 -20px
}

nav .new-special-nav .title-market .left-nav-icon {
    background-position: 0 -60px
}

nav .new-special-nav .title-sycm_qos_sq .left-nav-icon {
    background-position: 0 -500px
}

nav .new-special-nav .title-official .left-nav-icon {
    background-position: 0 -400px
}

nav .new-special-nav .title-isv .left-nav-icon {
    background-position: 0 -420px
}

nav .new-special-nav .title-library .left-nav-icon {
    background-position: 0 -440px
}

nav .new-special-nav .title-person-center .left-nav-icon {
    background-position: 0 -460px
}

nav .new-special-nav .title-data-war .left-nav-icon {
    background-position: 0 -480px
}

.data-desc {
    margin: 40px 0
}

.data-desc:after,
.data-desc:before {
    content: " ";
    display: table
}

.data-desc:after {
    clear: both
}

.data-desc [class^=data-desc-icon] {
    display: inline-block;
    float: left;
    width: 98px;
    height: 98px;
    background: url("//img.alicdn.com/tps/i2/TB17hH4IpXXXXbPXFXXEQi9JXXX-98-550.png") no-repeat;
    background-image: url("//img.alicdn.com/tps/i2/TB17hH4IpXXXXbPXFXXEQi9JXXX-98-550.png");
    background-image: -webkit-image-set(url("//img.alicdn.com/tps/i2/TB17hH4IpXXXXbPXFXXEQi9JXXX-98-550.png") 1x, url("//img.alicdn.com/tps/i3/TB1BGj4IpXXXXa4XFXX8tZh2XXX-196-1100.png") 2x);
    background-image: -moz-image-set(url("//img.alicdn.com/tps/i2/TB17hH4IpXXXXbPXFXXEQi9JXXX-98-550.png") 1x, url("//img.alicdn.com/tps/i3/TB1BGj4IpXXXXa4XFXX8tZh2XXX-196-1100.png") 2x);
    background-image: -o-image-set(url("//img.alicdn.com/tps/i2/TB17hH4IpXXXXbPXFXXEQi9JXXX-98-550.png") 1x, url("//img.alicdn.com/tps/i3/TB1BGj4IpXXXXa4XFXX8tZh2XXX-196-1100.png") 2x);
    background-image: -ms-image-set(url("//img.alicdn.com/tps/i2/TB17hH4IpXXXXbPXFXXEQi9JXXX-98-550.png") 1x, url("//img.alicdn.com/tps/i3/TB1BGj4IpXXXXa4XFXX8tZh2XXX-196-1100.png") 2x)
}

.data-desc .data-desc-icon1 {
    width: 72px;
    height: 72px;
    background-position: 0 -300px
}

.data-desc .data-desc-icon7 {
    width: 72px;
    height: 72px;
    background-position: 0 -374px
}

.data-desc .data-desc-icon30 {
    width: 72px;
    height: 72px;
    background-position: 0 -448px
}

.data-desc .data-desc-brand {
    display: inline-block;
    float: left;
    width: 98px;
    height: 98px;
    background: url("./TB1nX5CGFXXXXbhXXXXxSGAJXXX-98-301.png") no-repeat;
    background-image: url("./TB1nX5CGFXXXXbhXXXXxSGAJXXX-98-301.png");
    background-image: -webkit-image-set(url("./TB1nX5CGFXXXXbhXXXXxSGAJXXX-98-301.png") 1x, url("./TB1DnOCGFXXXXXGXXXXHv5z6XXX-196-602.webp") 2x);
    background-image: -moz-image-set(url("./TB1nX5CGFXXXXbhXXXXxSGAJXXX-98-301.png") 1x, url("./TB1DnOCGFXXXXXGXXXXHv5z6XXX-196-602.webp") 2x);
    background-image: -o-image-set(url("./TB1nX5CGFXXXXbhXXXXxSGAJXXX-98-301.png") 1x, url("./TB1DnOCGFXXXXXGXXXXHv5z6XXX-196-602.webp") 2x);
    background-image: -ms-image-set(url("./TB1nX5CGFXXXXbhXXXXxSGAJXXX-98-301.png") 1x, url("./TB1DnOCGFXXXXXGXXXXHv5z6XXX-196-602.webp") 2x)
}

.data-desc.data-desc-tail .data-desc-brand {
    background-position: 0 -100px
}

.data-desc.data-desc-tip .data-desc-brand {
    background-position: 0 -200px
}

.data-desc .data-desc-panel:after,
.data-desc .data-desc-panel:before {
    content: " ";
    display: table
}

.data-desc .data-desc-panel:after {
    clear: both
}

.data-desc .data-desc-box {
    float: left;
    height: 98px;
    padding: 0 20px;
    width: 90%;
    border-left: 1px solid #f7f7f7
}

.data-desc .data-desc-box.two-column {
    width: 45%
}

.data-desc .data-desc-box.three-column {
    width: 29%
}

.data-desc .data-desc-box:first-child {
    border-left: 0
}

.data-desc .data-desc-header {
    margin: 8px 0
}

.data-desc .data-desc-header .title {
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    font-size: 16px;
    color: #606060
}

.data-desc .data-desc-content {
    font-size: 12px;
    font-family: \\5B8B\4F53, STHeiti, Hiragino Mincho ProN, WenQuanYi Bitmap Song, serif;
    line-height: 1.6
}

.data-desc .data-desc-content em {
    font-family: Helvetica Neue, Tahoma, Helvetica, Arial;
    margin: 0 6px;
    font-style: normal
}

.data-desc .data-desc-content em.key-main {
    color: #ff9000
}

.data-desc.data-desc-tip .data-desc-content {
    margin-top: 24px
}

.standard-order-dialog .ui-dialog-locator {
    min-width: 520px
}

.order-dialog-content-wrapper {
    width: 430px;
    margin: 35px auto 30px
}

.order-dialog-content-wrapper .cute-deer-container {
    float: left;
    margin-right: 12px;
    width: 130px;
    height: 130px;
    background-image: url(//img.alicdn.com/tps/i4/TB1hLRRIXXXXXcbXVXXY5TR9XXX-130-130.png);
    background-image: -o-image-set(url(//img.alicdn.com/tps/i4/TB1hLRRIXXXXXcbXVXXY5TR9XXX-130-130.png) 1x, url(//img.alicdn.com/tps/i1/TB1GlNWIXXXXXaTXVXX39VBMpXX-260-260.png) 2x);
    background-image: -ms-image-set(url(//img.alicdn.com/tps/i4/TB1hLRRIXXXXXcbXVXXY5TR9XXX-130-130.png) 1x, url(//img.alicdn.com/tps/i1/TB1GlNWIXXXXXaTXVXX39VBMpXX-260-260.png) 2x);
    background-image: -webkit-image-set(url(//img.alicdn.com/tps/i4/TB1hLRRIXXXXXcbXVXXY5TR9XXX-130-130.png) 1x, url(//img.alicdn.com/tps/i1/TB1GlNWIXXXXXaTXVXX39VBMpXX-260-260.png) 2x);
    background-image: image-set(url(//img.alicdn.com/tps/i4/TB1hLRRIXXXXXcbXVXXY5TR9XXX-130-130.png) 1x, url(//img.alicdn.com/tps/i1/TB1GlNWIXXXXXaTXVXX39VBMpXX-260-260.png) 2x);
    background-position: 0 0;
    background-repeat: no-repeat
}

.order-dialog-content-wrapper .order-dialog-content {
    font: 14px/1.7 Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    color: #595959
}

.order-dialog-content-wrapper .order-dialog-content>p+p {
    margin-top: 10px
}

.order-dialog-content-wrapper .order-dialog-content .highlight {
    font-weight: 700;
    font-size: 18px;
    color: #22b5bf
}

.order-dialog-content-wrapper .order-btn {
    display: block;
    width: 100px;
    margin: 30px auto 0;
    padding: 10px;
    font: 16px/20px Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif
}

.trial-badge {
    background-image: url("//img.alicdn.com/tps/i3/TB1Nd6.IFXXXXcIXFXXf3xF0VXX-110-400.png");
    background-image: -webkit-image-set(url("//img.alicdn.com/tps/i3/TB1Nd6.IFXXXXcIXFXXf3xF0VXX-110-400.png") 1x, url("//img.alicdn.com/tps/i4/TB1x27aIFXXXXaFXFXXE5dd2FXX-220-800.png") 2x);
    background-image: -moz-image-set(url("//img.alicdn.com/tps/i3/TB1Nd6.IFXXXXcIXFXXf3xF0VXX-110-400.png") 1x, url("//img.alicdn.com/tps/i4/TB1x27aIFXXXXaFXFXXE5dd2FXX-220-800.png") 2x);
    background-image: -o-image-set(url("//img.alicdn.com/tps/i3/TB1Nd6.IFXXXXcIXFXXf3xF0VXX-110-400.png") 1x, url("//img.alicdn.com/tps/i4/TB1x27aIFXXXXaFXFXXE5dd2FXX-220-800.png") 2x);
    background-image: -ms-image-set(url("//img.alicdn.com/tps/i3/TB1Nd6.IFXXXXcIXFXXf3xF0VXX-110-400.png") 1x, url("//img.alicdn.com/tps/i4/TB1x27aIFXXXXaFXFXXE5dd2FXX-220-800.png") 2x);
    display: block;
    background-position: 0 -323px;
    width: 18px;
    height: 74px
}

#container {
    position: relative
}

#container .trial-badge {
    position: absolute;
    top: 10px;
    left: 100%
}

.ds-tips-wrapper {
    overflow: hidden
}

.ds-tips-img-wrapper {
    float: left;
    margin-right: 20px;
    max-width: 130px;
    margin-top: 10px
}

.ds-tips-content {
    overflow: hidden;
    line-height: 1.7
}

.oui-dialog .oui-dialog-locator .oui-dialog-container .oui-dialog-header .ds-tips-title {
    float: left;
    margin: 0;
    height: 54px;
    color: #333;
    line-height: 54px;
    font-size: 16px;
    font-family: Hiragino Sans GB, Microsoft Yahei, WenQuanYi Micro Hei, sans-serif
}

.ds-tips-btn {
    display: inline-block;
    margin: 0;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    box-sizing: border-box;
    cursor: pointer;
    border: 1px solid transparent;
    font-size: 14px;
    font-family: Hiragino Sans GB, Microsoft Yahei, WenQuanYi Micro Hei, sans-serif;
    padding: 8px 22px;
    border-radius: 4px;
    background-color: #3479ef;
    color: #fff
}

.ds-tips-btn:hover {
    background-color: #258bde;
    color: #fff
}

.ds-img-tips {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 1100
}

.ds-img-tips.ds-img-tips-big .ds-img-tips-wrapper {
    width: 1100px;
    height: 636px;
    margin-top: -318px;
    margin-left: -550px
}

.ds-img-tips.ds-img-tips-big .ds-img-tips-wrapper .ds-img-tips-link {
    width: 1100px;
    height: 636px
}

.ds-img-tips-wrapper {
    position: absolute;
    width: 660px;
    height: 370px;
    top: 50%;
    left: 50%;
    margin-top: -185px;
    margin-left: -330px;
    background: #fff;
    outline: none;
    z-index: 1101;
    box-shadow: 0 14px 45px rgba(0, 0, 0, .25)
}

.ds-img-tips-link {
    display: block;
    width: 660px;
    height: 370px;
    overflow: hidden
}

.ds-img-tips-link>img {
    width: 100%;
    height: 100%
}

.ds-tips-close-btn {
    position: absolute;
    bottom: 100%;
    right: 0;
    font-size: 30px;
    line-height: 1;
    font-family: Arial;
    color: #fff;
    font-weight: 700;
    cursor: pointer
}

.ds-notice-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 1100
}

.ds-notice-mask .ds-notice-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -495px;
    width: 989px
}

#index-container .index-main .mod-first #__sycm__notice__ {
    width: 1240px;
    margin: 0 auto -20px;
    padding-top: 20px
}

.ds-notice-link {
    margin-left: 8px;
    color: #1987cf;
    text-decoration: none
}

.ds-notice-link:hover {
    color: #34a0e7
}

.ds-notice-wrapper {
    background: #fff594;
    border-radius: 5px;
    padding: 7px 12px;
    color: #555;
    margin: -10px 24px 20px
}

.ds-notice-close-btn {
    float: right;
    font-family: 宋体, STHeiti, Hiragino Mincho ProN, WenQuanYi Bitmap Song, serif;
    cursor: pointer
}

.ds-notice-close-btn .oui-icon.oui-icon-times-o,
.oui-icon.oui-icon-warning-o {
    margin-right: 8px;
    font-size: 14px;
    color: #f85948
}

.ds-notice-preview-close-btn {
    position: absolute;
    bottom: 100%;
    right: 0;
    font-size: 30px;
    line-height: 1;
    font-family: Arial;
    color: #fff;
    font-weight: 700;
    cursor: pointer
}

.ds-banner-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 1100
}

.ds-banner-mask .ds-banner-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -64px;
    margin-left: -162px;
    width: 324px;
    height: 128px
}

.ds-banner-close-btn {
    position: absolute;
    bottom: 100%;
    right: 0;
    font-size: 30px;
    line-height: 1;
    font-family: Arial;
    color: #fff;
    font-weight: 700;
    cursor: pointer
}

.ds-left-act-content {
    position: fixed;
    top: 250px;
    left: 0;
    cursor: pointer;
    z-index: 100
}

.ds-left-act-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 23px;
    height: 29px;
    background: url("https://img.alicdn.com/tps/TB1qWrlNFXXXXanXXXXXXXXXXXX-62-29.png");
    background-position: -9px 0;
    cursor: pointer;
    margin-top: -11px;
    margin-right: -12px
}

.ds-left-act-close:hover {
    background-position: -32px 0
}

.ds-left-act {
    position: relative;
    width: 100%;
    display: block;
    z-index: 1050
}

.ds-left-act-img {
    max-width: 200px
}

.ds-link-mask {
    position: fixed !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 1100;
    width: 100%;
    height: 100% !important
}

.ds-link-mask .ds-link-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -400px;
    width: 800px;
    height: 40px;
    text-align: center;
    background: #fff;
    color: #555
}

.ds-link-mask .ds-link-wrapper .ds-link-link {
    line-height: 40px;
    vertical-align: middle;
    color: #555
}

.ds-link-mask .ds-link-wrapper .ds-link-link:hover {
    color: #34a0e7
}

.ds-link-close-btn {
    position: absolute;
    bottom: 100%;
    right: 0;
    font-size: 30px;
    line-height: 1;
    font-family: Arial;
    color: #fff;
    font-weight: 700;
    cursor: pointer
}

.ds-link {
    position: relative;
    height: 38px;
    margin-bottom: 4px;
    border-bottom: 1px solid #e7e7e7
}

.ds-link .ds-link-list {
    height: 38px;
    overflow: hidden
}

.ds-link .ds-link-item {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTI4QzlDODczMTEzMTFFNEFFMjJCNEM4N0RDNkUzQkMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTI4QzlDODgzMTEzMTFFNEFFMjJCNEM4N0RDNkUzQkMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowOEYxRjkwODMwNTcxMUU0QUUyMkI0Qzg3REM2RTNCQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMjhDOUM4NjMxMTMxMUU0QUUyMkI0Qzg3REM2RTNCQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsrJNM8AAAAVSURBVHjaYkxLS2NgYGBiAAOAAAMADoIBNj2ztHMAAAAASUVORK5CYII=") no-repeat;
    background-position: 0 18px;
    padding-left: 6px
}

.ds-link .ds-link-link {
    display: inline-block;
    width: 100%;
    height: 38px;
    line-height: 38px;
    font-size: 12px;
    color: #666;
    overflow: hidden
}

.ds-link .ds-link-link:hover {
    color: #34a0e7
}

.ds-link .ds-link-link .ds-link-title {
    display: inline-block;
    width: 256px;
    overflow: hidden
}

.ds-link .ds-link-link .ds-link-type {
    border-radius: 2px;
    padding: 1px 2px;
    margin-right: 6px;
    line-height: normal;
    display: inline-block
}

.ds-link .ds-link-link .ds-link-date {
    float: right;
    display: inline-block;
    color: #b3b3b3
}

.ds-boot-screen-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 1100
}

.ds-boot-screen-mask .ds-boot-screen-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -64px;
    margin-left: -162px;
    width: 324px;
    height: 128px
}

.ds-boot-screen-close-btn {
    position: absolute;
    bottom: 100%;
    right: 0;
    font-size: 30px;
    line-height: 1;
    font-family: Arial;
    color: #fff;
    font-weight: 700;
    cursor: pointer
}

#__sycm__notice____parent__ {
    float: right;
    width: 1050px;
    min-height: 800px;
    border: 1px solid #d9d9d9;
    border-right: none;
    margin: -1px 0;
    padding-top: 24px;
    background-color: #fff
}

#container #__sycm__notice__+article {
    border-top: none;
    padding-top: 0;
    border-left: none
}

.no-nav-container #__sycm__notice____parent__ {
    float: none;
    width: auto
}

.ops-order-guide .overview {
    height: 100%
}

.ops-order-guide .overview .background {
    width: 100%;
    height: 500px;
    background-color: #fff
}

.ops-order-guide .overview .background .title {
    margin: 0 auto;
    padding-top: 10px;
    text-align: center
}

.ops-order-guide .overview .background .title .name {
    font: 32px/2 Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    color: #333
}

.ops-order-guide .overview .background .title .subName {
    font: 16px/1 Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    color: #999;
    margin-bottom: 40px
}

.ops-order-guide .overview .background .content {
    position: relative;
    width: 100%;
    margin-bottom: 60px;
    padding: 0 160px
}

.ops-order-guide .overview .background .point {
    position: relative;
    display: inline-block;
    float: left;
    height: 170px;
    text-align: center
}

.ops-order-guide .overview .background .point .pointIcon {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background-position: 0 0;
    background-repeat: no-repeat
}

.ops-order-guide .overview .background .point .pointTitle {
    width: 160px;
    margin: 0 auto;
    margin-top: 20px;
    color: #333;
    font: 18px/1 Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif
}

.ops-order-guide .overview .background .point .pointInfo {
    font: 14px/1.5 Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    width: 160px;
    margin: 20px auto 0;
    color: #999
}

.ops-order-guide .users {
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif
}

.ops-order-guide .users .userList {
    background: #fff
}

.ops-order-guide .users .header {
    font: 30px/1 Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    text-align: center;
    padding-top: 40px
}

.ops-order-guide .users .mainContent {
    width: 100%
}

.ops-order-guide .users .mainContent:after,
.ops-order-guide .users .mainContent:before {
    content: " ";
    display: table
}

.ops-order-guide .users .mainContent:after {
    clear: both
}

.ops-order-guide .users .next,
.ops-order-guide .users .previous {
    float: left;
    color: #b4c8d8;
    width: 72px;
    font-size: 32px;
    line-height: 180px;
    height: 180px;
    text-align: center;
    cursor: pointer
}

.ops-order-guide .users .disabled {
    cursor: default;
    opacity: .3
}

.ops-order-guide .users .shopList {
    float: left;
    width: calc(100% - 144px);
    height: 180px
}

.ops-order-guide .users .shopList:after,
.ops-order-guide .users .shopList:before {
    content: " ";
    display: table
}

.ops-order-guide .users .shopList:after {
    clear: both
}

.ops-order-guide .users .shopInfoContainer {
    width: 14.2857%;
    float: left;
    height: 180px;
    padding-top: 36px
}

.ops-order-guide .users .shopInfo {
    text-align: center
}

.ops-order-guide .users .shopPic {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 1px solid #d2dee8
}

.ops-order-guide .users .shopTitle {
    margin-top: 10px;
    font-size: 12px;
    color: #666
}

.ops-order-guide .users .userComment {
    padding-bottom: 10px;
    background: #f5f8fa
}

.ops-order-guide .users .commentContainer {
    width: 100%;
    padding: 0 116px;
    margin: 30px 0
}

.ops-order-guide .users .commentContainer:after,
.ops-order-guide .users .commentContainer:before {
    content: " ";
    display: table
}

.ops-order-guide .users .commentContainer:after {
    clear: both
}

.ops-order-guide .users .commentPic {
    float: left;
    border: 1px solid #e1e9f0;
    width: 80px;
    height: 80px;
    margin-right: 23px
}

.ops-order-guide .users .commentContent {
    overflow: hidden
}

.ops-order-guide .users .commentTitle {
    color: #333;
    line-height: 26px;
    font-size: 20px;
    margin-bottom: 12px
}

.ops-order-guide .users .commentBody {
    line-height: 16px;
    font-size: 12px
}

.ops-order-guide .users .commentDetail {
    float: right
}

.refactor-style-to-ebase a {
    color: #2062e6
}

.refactor-style-to-ebase a:focus,
.refactor-style-to-ebase a:hover {
    color: #33a0ff
}

@media (max-width:1480px) {
    .refactor-style-to-ebase .floornav {
        right: calc((100% - 1210px) / 2 - 50px)
    }
}

@media (min-width:1480px) and (max-width:1600px) {
    .refactor-style-to-ebase .floornav {
        right: calc((100% - 1310px) / 2 - 50px)
    }
}

@media (min-width:1600px) {
    .refactor-style-to-ebase .floornav {
        right: calc((100% - 1430px) / 2 - 50px)
    }
}

.refactor-style-to-ebase .btn-primary {
    color: #fff;
    background-color: #2062e6;
    border-color: #2062e6
}

.refactor-style-to-ebase .btn-primary.active,
.refactor-style-to-ebase .btn-primary.dropdown-toggle,
.refactor-style-to-ebase .btn-primary.focus,
.refactor-style-to-ebase .btn-primary:active,
.refactor-style-to-ebase .btn-primary:focus,
.refactor-style-to-ebase .btn-primary:hover {
    color: #fff;
    background-color: #0081f1;
    border-color: #0081f1
}

.refactor-style-to-ebase .btn-hollow {
    color: #2062e6;
    background-color: #fff;
    border-color: #2062e6
}

.refactor-style-to-ebase .btn-hollow.active,
.refactor-style-to-ebase .btn-hollow.focus,
.refactor-style-to-ebase .btn-hollow:active,
.refactor-style-to-ebase .btn-hollow:focus {
    color: #0081f1
}

.refactor-style-to-ebase .btn-hollow:hover {
    color: #33a0ff
}

.btn-group-switch .ui-switch-menu .refactor-style-to-ebase .active.ui-switch-item,
.btn-group-switch .ui-switch-menu .refactor-style-to-ebase .dropdown-toggle.ui-switch-item,
.btn-group-switch .ui-switch-menu .refactor-style-to-ebase .focus.ui-switch-item,
.btn-group-switch .ui-switch-menu .refactor-style-to-ebase .open .ui-switch-item,
.btn-group-switch .ui-switch-menu .refactor-style-to-ebase .ui-switch-item,
.btn-group-switch .ui-switch-menu .refactor-style-to-ebase .ui-switch-item:active,
.btn-group-switch .ui-switch-menu .refactor-style-to-ebase .ui-switch-item:focus,
.btn-group-switch .ui-switch-menu .refactor-style-to-ebase .ui-switch-item:hover,
.refactor-style-to-ebase .btn-blank,
.refactor-style-to-ebase .btn-blank.active,
.refactor-style-to-ebase .btn-blank.dropdown-toggle,
.refactor-style-to-ebase .btn-blank.focus,
.refactor-style-to-ebase .btn-blank:active,
.refactor-style-to-ebase .btn-blank:focus,
.refactor-style-to-ebase .btn-blank:hover,
.refactor-style-to-ebase .btn-group-switch .ui-switch-menu .active.ui-switch-item,
.refactor-style-to-ebase .btn-group-switch .ui-switch-menu .dropdown-toggle.ui-switch-item,
.refactor-style-to-ebase .btn-group-switch .ui-switch-menu .focus.ui-switch-item,
.refactor-style-to-ebase .btn-group-switch .ui-switch-menu .ui-switch-item,
.refactor-style-to-ebase .btn-group-switch .ui-switch-menu .ui-switch-item:active,
.refactor-style-to-ebase .btn-group-switch .ui-switch-menu .ui-switch-item:focus,
.refactor-style-to-ebase .btn-group-switch .ui-switch-menu .ui-switch-item:hover,
.refactor-style-to-ebase .open .btn-blank,
.refactor-style-to-ebase .open .btn-group-switch .ui-switch-menu .ui-switch-item {
    color: #333
}

@media (max-width:1480px) {
    .refactor-style-to-ebase .fixed-width .ebase-frame-header-inner {
        width: 1210px
    }
}

@media (min-width:1480px) and (max-width:1600px) {
    .refactor-style-to-ebase .fixed-width .ebase-frame-header-inner {
        width: 1310px
    }
}

@media (min-width:1600px) {
    .refactor-style-to-ebase .fixed-width .ebase-frame-header-inner {
        width: 1430px
    }
}

.refactor-style-to-ebase #container {
    border-right: none;
    max-width: none
}

@media (max-width:1480px) {
    .refactor-style-to-ebase #container {
        width: 1210px
    }
}

@media (min-width:1480px) and (max-width:1600px) {
    .refactor-style-to-ebase #container {
        width: 1310px
    }
}

@media (min-width:1600px) {
    .refactor-style-to-ebase #container {
        width: 1430px
    }
}

.refactor-style-to-ebase #container #__sycm__notice____parent__ {
    background-color: transparent;
    border: none;
    padding-top: 0
}

.refactor-style-to-ebase #container #__sycm__notice____parent__ .ds-notice-wrapper {
    margin: 0;
    margin-bottom: 10px
}

.refactor-style-to-ebase #container article.main {
    background-color: transparent;
    border: none;
    padding-top: 0
}

.refactor-style-to-ebase #container article.main .data-desc {
    margin: 0;
    padding: 20px 30px
}

.refactor-style-to-ebase #container article.main .data-desc .data-desc-brand,
.refactor-style-to-ebase #container article.main .data-desc .data-desc-icon7 {
    background-image: url("//img.alicdn.com/tfs/TB1MeqLSXXXXXXHXpXXXXXXXXXX-70-71.png");
    background-image: -webkit-image-set(url("//img.alicdn.com/tfs/TB1MeqLSXXXXXXHXpXXXXXXXXXX-70-71.png") 1x, url("//img.alicdn.com/tfs/TB1J.5PSXXXXXcpXXXXXXXXXXXX-140-142.png") 2x);
    background-image: -moz-image-set(url("//img.alicdn.com/tfs/TB1MeqLSXXXXXXHXpXXXXXXXXXX-70-71.png") 1x, url("//img.alicdn.com/tfs/TB1J.5PSXXXXXcpXXXXXXXXXXXX-140-142.png") 2x);
    background-image: -o-image-set(url("//img.alicdn.com/tfs/TB1MeqLSXXXXXXHXpXXXXXXXXXX-70-71.png") 1x, url("//img.alicdn.com/tfs/TB1J.5PSXXXXXcpXXXXXXXXXXXX-140-142.png") 2x);
    background-image: -ms-image-set(url("//img.alicdn.com/tfs/TB1MeqLSXXXXXXHXpXXXXXXXXXX-70-71.png") 1x, url("//img.alicdn.com/tfs/TB1J.5PSXXXXXcpXXXXXXXXXXXX-140-142.png") 2x);
    background-position: 0 4px
}

.refactor-style-to-ebase #container article.main .data-desc .data-desc-icon7 {
    background-position: 0 0
}

.refactor-style-to-ebase .screen-header {
    box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
    margin-bottom: 10px;
    margin-top: 0;
    padding: 0 30px;
    width: 100%
}

.refactor-style-to-ebase .screen-header .screen-title {
    color: #333
}

.refactor-style-to-ebase .screen-header .actions {
    margin-top: 0;
    line-height: 70px
}

.refactor-style-to-ebase .screen-header .actions .ui-switch.btn-group-switch {
    margin-top: 0
}

.refactor-style-to-ebase .article-title {
    display: none
}

.refactor-style-to-ebase .btn-group-switch {
    top: 0;
    height: 100%;
    margin-right: 0
}

.refactor-style-to-ebase .btn-group-switch .ui-switch-menu .ui-switch-item {
    position: relative;
    background-color: transparent;
    box-shadow: none;
    border: none
}

.refactor-style-to-ebase .btn-group-switch .ui-switch-menu .ui-switch-item:before {
    position: absolute;
    top: 50%;
    left: 0;
    content: " ";
    display: block;
    border-left: 1px solid #f0f0f0;
    height: 12px;
    margin-top: -6px
}

.refactor-style-to-ebase .btn-group-switch .ui-switch-menu .ui-switch-item:hover {
    background-color: transparent
}

.refactor-style-to-ebase .btn-group-switch .ui-switch-menu .ui-switch-item:hover>a {
    color: #2062e6
}

.refactor-style-to-ebase .btn-group-switch .ui-switch-menu .ui-switch-item:first-child:before {
    display: none
}

.refactor-style-to-ebase .btn-group-switch .ui-switch-menu .ui-switch-item>a {
    padding: 0 10px;
    width: auto
}

.refactor-style-to-ebase .btn-group-switch .ui-switch-menu .ui-switch-item.active {
    background-color: transparent;
    border: none;
    color: #666
}

.refactor-style-to-ebase .btn-group-switch .ui-switch-menu .ui-switch-item.active>a {
    color: #2062e6
}

.refactor-style-to-ebase .page-header {
    padding: 0 30px;
    margin-bottom: 10px;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .1)
}

.refactor-style-to-ebase .page-header .breadcrumb {
    padding: 0;
    margin-bottom: 0;
    line-height: 50px
}

.refactor-style-to-ebase .page-header .nav-tabs>ul {
    border: none;
    padding-left: 0
}

.refactor-style-to-ebase .page-header .nav-tabs>ul>li {
    position: relative;
    margin-left: 48px
}

.refactor-style-to-ebase .page-header .nav-tabs>ul>li:first-child {
    margin-left: 0
}

.refactor-style-to-ebase .page-header .nav-tabs>ul>li:hover>a {
    color: #2062e6;
    background-color: transparent
}

.refactor-style-to-ebase .page-header .nav-tabs>ul>li:hover.active {
    color: #666
}

.refactor-style-to-ebase .page-header .nav-tabs>ul>li>a {
    border: none;
    padding: 0;
    display: block;
    height: 50px;
    line-height: 50px;
    background-color: transparent
}

.refactor-style-to-ebase .page-header .nav-tabs>ul>li.active>a {
    background-color: transparent;
    border: none;
    color: #2062e6
}

.refactor-style-to-ebase .page-header .nav-tabs>ul>li.active:before {
    position: absolute;
    content: " ";
    display: block;
    height: 2px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2062e6
}

.refactor-style-to-ebase .ui-pagination .ui-pagination-curr {
    border-color: #2062e6;
    background-color: #2062e6
}

.refactor-style-to-ebase .inner-tab .ui-tab-head {
    background-color: transparent;
    border-bottom: 1px solid #f0f0f0
}

.refactor-style-to-ebase .inner-tab .ui-tab-head .ui-tab-head-item {
    position: relative;
    background-color: transparent
}

.refactor-style-to-ebase .inner-tab .ui-tab-head .ui-tab-head-item>a {
    margin-bottom: 0;
    border: none;
    background-color: transparent
}

.refactor-style-to-ebase .inner-tab .ui-tab-head .ui-tab-head-item>a:hover {
    color: #2062e6
}

.refactor-style-to-ebase .inner-tab .ui-tab-head .ui-tab-head-item.active>a {
    border: none;
    color: #2062e6
}

.refactor-style-to-ebase .inner-tab .ui-tab-head .ui-tab-head-item.active:before {
    position: absolute;
    z-index: 10;
    content: " ";
    display: block;
    height: 2px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2062e6
}

.refactor-style-to-ebase .inner-tab .ui-tab-head .ui-tab-head-item.ui-tab-disabled>a {
    border: none;
    color: #cecece;
    cursor: not-allowed
}

.refactor-style-to-ebase .ops-base-card {
    box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
    margin-bottom: 10px;
    background-color: #fff
}

.refactor-style-to-ebase .ops-base-card:last-child {
    margin-bottom: 0
}

.refactor-style-to-ebase .ops-base-card .ui-tab.nav.nav-blank-block>ul,
.refactor-style-to-ebase .ops-base-card .ui-tab.nav.nav-blank>ul {
    border-top: 0
}

.refactor-style-to-ebase .ops-base-card .ui-tab.nav.nav-blank-block>ul>li.active a,
.refactor-style-to-ebase .ops-base-card .ui-tab.nav.nav-blank>ul>li.active a {
    color: #2062e6
}

.refactor-style-to-ebase .ops-base-card .ui-switch.ui-tab.nav.nav-blank-block .ui-switch-menu {
    border-top: none;
    border-bottom: none;
    background-color: transparent
}

.refactor-style-to-ebase .ops-base-card .ui-switch.ui-tab.nav.nav-blank-block .ui-switch-menu .ui-switch-item.active>a {
    color: #2062e6;
    border-bottom: 1px solid transparent
}

.refactor-style-to-ebase .ops-base-card .ui-switch.ui-tab.nav.nav-blank-block .ui-switch-menu .ui-switch-item:last-child>a {
    border-right: none
}

.refactor-style-to-ebase .ops-base-card .ui-switch.ui-tab.nav.nav-blank-block .ui-switch-menu .ui-switch-item>a {
    margin-bottom: 0
}

.refactor-style-to-ebase .ops-base-card .ui-switch.ui-tab.nav.nav-blank-block .ui-switch-menu .ui-switch-item>a:hover .name {
    color: #33a0ff
}

.refactor-style-to-ebase .ops-base-card .navbar {
    padding: 0 30px;
    height: 51px;
    line-height: 50px;
    border-bottom: 1px solid #f0f0f0;
    background-color: transparent
}

.refactor-style-to-ebase .ops-base-card .navbar .navbar-header {
    margin-top: 0
}

.refactor-style-to-ebase .ops-base-card .navbar .navbar-header .icon-title {
    display: none
}

.refactor-style-to-ebase .ops-base-card .navbar .operation-btns,
.refactor-style-to-ebase .ops-base-card .navbar .operation-btns .ui-download.btn-download,
.refactor-style-to-ebase .ops-base-card .navbar .operation .ui-download.btn-download {
    margin-top: 0
}

.refactor-style-to-ebase .ops-base-card .navbar .operation-btns .navbar-combopicker .btn-combopicker,
.refactor-style-to-ebase .ops-base-card .navbar .operation-btns .navbar-datepicker .ui-dropdown .btn-dropdown,
.refactor-style-to-ebase .ops-base-card .navbar .operation-btns .navbar-download .btn-dropdown,
.refactor-style-to-ebase .ops-base-card .navbar .operation-btns .navbar-indexpicker .btn-indexpicker,
.refactor-style-to-ebase .ops-base-card .navbar .operation-btns .navbar-selector .btn-selector,
.refactor-style-to-ebase .ops-base-card .navbar .operation .navbar-combopicker .btn-combopicker,
.refactor-style-to-ebase .ops-base-card .navbar .operation .navbar-datepicker .ui-dropdown .btn-dropdown,
.refactor-style-to-ebase .ops-base-card .navbar .operation .navbar-download .btn-dropdown,
.refactor-style-to-ebase .ops-base-card .navbar .operation .navbar-indexpicker .btn-indexpicker,
.refactor-style-to-ebase .ops-base-card .navbar .operation .navbar-selector .btn-selector {
    height: 50px;
    padding-top: 12px;
    border: none;
    background-color: transparent;
    color: #333
}

.refactor-style-to-ebase .ops-base-card .navbar .operation-btns .navbar-indexpicker .ui-indexpicker-panel,
.refactor-style-to-ebase .ops-base-card .navbar .operation .navbar-indexpicker .ui-indexpicker-panel {
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    top: 50px;
    background-color: #fff;
    line-height: 20px
}

.refactor-style-to-ebase .ops-base-card .navbar .operation-btns .navbar-combopicker .ui-combopicker-panel,
.refactor-style-to-ebase .ops-base-card .navbar .operation .navbar-combopicker .ui-combopicker-panel {
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    top: 50px;
    background-color: #fff
}

.refactor-style-to-ebase .ops-base-card .navbar .operation-btns .navbar-combopicker .ui-combopicker-panel .ui-combopicker-groups,
.refactor-style-to-ebase .ops-base-card .navbar .operation .navbar-combopicker .ui-combopicker-panel .ui-combopicker-groups {
    line-height: 20px
}

.refactor-style-to-ebase .ops-base-card .navbar .operation-btns .navbar-datepicker .ui-datepicker-text,
.refactor-style-to-ebase .ops-base-card .navbar .operation .navbar-datepicker .ui-datepicker-text {
    padding-top: 0;
    height: 50px;
    background-color: transparent;
    border: none
}

.refactor-style-to-ebase .ops-base-card .navbar .operation-btns .navbar-datepicker .ui-datepicker-panel-simple,
.refactor-style-to-ebase .ops-base-card .navbar .operation .navbar-datepicker .ui-datepicker-panel-simple {
    top: 50px
}

.refactor-style-to-ebase .ops-base-card .navbar .operation-btns .ui-download .ui-download-panel,
.refactor-style-to-ebase .ops-base-card .navbar .operation .ui-download .ui-download-panel {
    top: 40px
}

.refactor-style-to-ebase .ops-base-card .navbar .operation-btns .ui-download .ui-download-panel .ui-download-desc .ui-download-tags,
.refactor-style-to-ebase .ops-base-card .navbar .operation .ui-download .ui-download-panel .ui-download-desc .ui-download-tags {
    color: #2062e6
}

.refactor-style-to-ebase .ops-base-card .navbar .operation-btns .navbar-download .ui-download-panel,
.refactor-style-to-ebase .ops-base-card .navbar .operation-btns .navbar-selector .ui-scroller,
.refactor-style-to-ebase .ops-base-card .navbar .operation .navbar-download .ui-download-panel,
.refactor-style-to-ebase .ops-base-card .navbar .operation .navbar-selector .ui-scroller {
    top: 50px
}

.refactor-style-to-ebase .ops-base-card .navbar .operation-btns .ui-switch.navbar-switch,
.refactor-style-to-ebase .ops-base-card .navbar .operation .ui-switch.navbar-switch {
    height: 100%;
    margin-top: 0;
    border-radius: 0;
    background-color: transparent
}

.refactor-style-to-ebase .ops-base-card .navbar .operation-btns .ui-switch.navbar-switch .ui-switch-menu .ui-switch-item,
.refactor-style-to-ebase .ops-base-card .navbar .operation .ui-switch.navbar-switch .ui-switch-menu .ui-switch-item {
    border-radius: 0;
    position: relative
}

.refactor-style-to-ebase .ops-base-card .navbar .operation-btns .ui-switch.navbar-switch .ui-switch-menu .ui-switch-item:before,
.refactor-style-to-ebase .ops-base-card .navbar .operation .ui-switch.navbar-switch .ui-switch-menu .ui-switch-item:before {
    position: absolute;
    top: 50%;
    left: 0;
    content: " ";
    display: block;
    border-left: 1px solid #f0f0f0;
    height: 12px;
    margin-top: -6px
}

.refactor-style-to-ebase .ops-base-card .navbar .operation-btns .ui-switch.navbar-switch .ui-switch-menu .ui-switch-item:first-child:before,
.refactor-style-to-ebase .ops-base-card .navbar .operation .ui-switch.navbar-switch .ui-switch-menu .ui-switch-item:first-child:before {
    display: none
}

.refactor-style-to-ebase .ops-base-card .navbar .operation-btns .ui-switch.navbar-switch .ui-switch-menu .ui-switch-item.active>a,
.refactor-style-to-ebase .ops-base-card .navbar .operation-btns .ui-switch.navbar-switch .ui-switch-menu .ui-switch-item:hover>a,
.refactor-style-to-ebase .ops-base-card .navbar .operation .ui-switch.navbar-switch .ui-switch-menu .ui-switch-item.active>a,
.refactor-style-to-ebase .ops-base-card .navbar .operation .ui-switch.navbar-switch .ui-switch-menu .ui-switch-item:hover>a {
    color: #2062e6
}

body.sycm-internal-iframe-body #footer,
body.sycm-internal-iframe-body header,
body.sycm-internal-iframe-body nav {
    display: none
}

body.sycm-internal-iframe-body #container {
    width: auto;
    max-width: none
}

body.sycm-internal-iframe-body #container article.main {
    width: auto
}

.menu-tag .menu-11 {
    background-image: url("//img.alicdn.com/tfs/TB1aYVGirj1gK0jSZFOXXc7GpXa-52-20.png")
}

.menu-tag .menu-11,
.menu-tag .menu-new-icon {
    width: 26px;
    height: 10px;
    background-size: 100%;
    position: absolute;
    top: 6px;
    left: calc(50% + 24px)
}

.menu-tag .menu-new-icon {
    background-image: url("//img.alicdn.com/tfs/TB1i50Bixn1gK0jSZKPXXXvUXXa-52-20.png")
}

.menu-tag .menu-remind {
    position: absolute;
    top: 12px;
    right: 8px;
    width: 8px;
    height: 8px;
    background-color: #f3d024;
    border-radius: 50%
}

.op-ebase-topMenu {
    float: left;
    width: 100%
}

.op-ebase-topMenu a,
.op-ebase-topMenu a:hover {
    text-decoration: none
}

.op-ebase-topMenu ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.op-ebase-topMenu .menu-list {
    position: relative;
    z-index: 9;
    min-width: 460px
}

.op-ebase-topMenu .menu-list .item {
    position: relative;
    float: left;
    height: 50px;
    text-align: center
}

.op-ebase-topMenu .menu-list .item .menu-activity-tag {
    width: 26px;
    height: 10px;
    background-image: url("//img.alicdn.com/tfs/TB1C1EWszDpK1RjSZFrXXa78VXa-26-10.png");
    background-size: 100%;
    position: absolute;
    top: 6px;
    left: calc(50% + 24px)
}

.op-ebase-topMenu .menu-list .item .nameWrapper {
    display: inline-block;
    line-height: 50px;
    color: #fff
}

.op-ebase-topMenu .menu-list .item .nameWrapper .name {
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    font-size: 16px;
    line-height: 18px
}

.op-ebase-topMenu .menu-list .item.selected>a {
    cursor: default
}

.op-ebase-topMenu .menu-list .item.selected .nameWrapper {
    color: #f3d024
}

.op-ebase-topMenu .menu-list .item.selected .nameWrapper:before {
    position: absolute;
    content: " ";
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: #f3d024
}

.op-ebase-topMenu .menu-list .item .gap {
    display: inline-block;
    width: 1px;
    height: 16px;
    margin: 17px 14px 0;
    background-color: #fff;
    opacity: .3;
    filter: Alpha(opacity=30)
}

.op-ebase-topMenu .menu-list .item .menu-qos-prize {
    position: absolute;
    top: 5px;
    right: -13px;
    width: 38px;
    height: 32px;
    background-size: 100%;
    background-repeat: no-repeat
}

.op-ebase-topMenu .menu-list .item .menu-qos-prize.step1 {
    background-image: url("//img.alicdn.com/tfs/TB1AAIlzwHqK1RjSZFPXXcwapXa-76-32.png")
}

.op-ebase-topMenu .menu-list .item .menu-qos-prize.step2 {
    background-image: url("//img.alicdn.com/tfs/TB1Hz.ezCzqK1RjSZFLXXcn2XXa-76-32.png")
}

.op-ebase-topMenu .menu-list .item .menu-qos-prize.step3 {
    background-image: url("//img.alicdn.com/tfs/TB1cAf8zrvpK1RjSZPiXXbmwXXa-76-32.png")
}

.op-ebase-topMenu .menu-list .level-1:hover .nameWrapper {
    color: #f3d024
}

.op-ebase-topMenu .menu-list .menuNameLen1 {
    width: calc(16px + (100% - 720px) / 24)
}

.op-ebase-topMenu .menu-list .menuNameLen2 {
    width: calc(32px + (100% - 720px) / 24)
}

.op-ebase-topMenu .menu-list .menuNameLen3 {
    width: calc(48px + (100% - 720px) / 24)
}

.op-ebase-topMenu .menu-list .menuNameLen4 {
    width: calc(64px + (100% - 720px) / 24)
}

.op-ebase-topMenu .menu-list .menuNameLen5 {
    width: calc(80px + (100% - 720px) / 24)
}

.op-ebase-topMenu .menu-list .menuNameLen6 {
    width: calc(96px + (100% - 720px) / 24)
}

.op-ebase-leftMenu {
    width: 160px;
    height: 100%;
    background-color: #fff;
    position: relative
}

.op-ebase-leftMenu a,
.op-ebase-leftMenu a:focus,
.op-ebase-leftMenu a:hover {
    text-decoration: none
}

.op-ebase-leftMenu ul {
    list-style: none;
    padding: 0
}

.op-ebase-leftMenu .topLogo {
    height: 111px;
    color: #2062e6;
    border-bottom: 1px solid #eee;
    font-size: 16px;
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    vertical-align: middle;
    text-align: center
}

.op-ebase-leftMenu .topLogo .topLogoContent {
    line-height: 32px;
    padding-top: 20px
}

.op-ebase-leftMenu .topLogo .topLogoIcon {
    font-size: 32px
}

.op-ebase-leftMenu .sycm_mq_name {
    height: 46px;
    line-height: 46px;
    text-align: center;
    border-bottom: 1px solid #eee
}

.op-ebase-leftMenu .sycm_mq_name .sycm_mq_base_name,
.op-ebase-leftMenu .sycm_mq_name .sycm_mq_pro_name {
    height: 14px;
    vertical-align: middle;
    font-size: 14px;
    cursor: pointer
}

.op-ebase-leftMenu .sycm_mq_name .sycm_mq_pro_name {
    padding-right: 12px;
    border-right: 1px solid #eee
}

.op-ebase-leftMenu .sycm_mq_name .sycm_mq_base_name {
    padding-left: 12px
}

.op-ebase-leftMenu .sycm_mq_name .sycm_mq_base_name,
.op-ebase-leftMenu .sycm_mq_name .sycm_mq_pro_name {
    color: #999
}

.op-ebase-leftMenu .sycm_mq_name .sycm_mq_name_selected {
    color: #2062e6;
    cursor: default
}

.op-ebase-leftMenu .sycm_mq_name .sycm_mq_base_name:hover,
.op-ebase-leftMenu .sycm_mq_name .sycm_mq_pro_name:hover {
    color: #2062e6
}

.op-ebase-leftMenu .menuList .sycm_mq_base,
.op-ebase-leftMenu .menuList .sycm_mq_pro {
    display: none
}

.op-ebase-leftMenu .menuList .sycm_mq_selected {
    display: block
}

.op-ebase-leftMenu .menuItem {
    position: relative
}

.op-ebase-leftMenu .menuItem.level-2:first-child,
.op-ebase-leftMenu .menuItem.level-3:first-child {
    padding-top: 0
}

.op-ebase-leftMenu .menuItem.level-2 .nameWrapper,
.op-ebase-leftMenu .menuItem.level-3 .nameWrapper {
    position: relative;
    display: inline-block;
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    font-size: 12px;
    color: #999;
    padding-left: 32px;
    line-height: 40px
}

.op-ebase-leftMenu .menuItem.level-leaf {
    display: block;
    width: 160px;
    height: 44px;
    line-height: 44px
}

.op-ebase-leftMenu .menuItem.level-leaf .nameWrapper {
    position: relative;
    display: inline-block;
    font-family: Microsoft YaHei, SimHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    font-size: 14px;
    line-height: 44px;
    padding-left: 50px;
    width: 100%;
    margin-left: 0;
    color: #333
}

.op-ebase-leftMenu .menuItem.level-leaf .menu-tag {
    position: relative;
    display: inline-block;
    margin-left: 20px
}

.op-ebase-leftMenu .menuItem.level-leaf .menu-tag .menu-remind {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    width: 10px;
    height: 10px
}

.op-ebase-leftMenu .menuItem.level-leaf .menu-tag .menu-11,
.op-ebase-leftMenu .menuItem.level-leaf .menu-tag .menu-new-icon {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    width: 26px;
    height: 10px
}

.op-ebase-leftMenu .menuItem.level-leaf.selected {
    border-left: 3px solid #005fe5
}

.op-ebase-leftMenu .menuItem.level-leaf.selected>.selected-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #005fe5;
    opacity: .1;
    filter: Alpha(opacity=10)
}

.op-ebase-leftMenu .menuItem.level-leaf.selected>.nameWrapper {
    cursor: default;
    padding-left: 47px
}

.op-ebase-leftMenu .menuItem.level-leaf.selected>.nameWrapper .name {
    color: #2062e6
}

.op-ebase-leftMenu .menuItem.level-leaf.unselected.leaf:hover .unselected-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #005fe5;
    opacity: .1;
    filter: Alpha(opacity=10)
}

.op-ebase-leftMenu .menuItem.leaf {
    position: relative;
    cursor: pointer
}

.op-ebase-leftMenu .menuItem .menuIcon {
    font-size: 12px;
    display: inline-block;
    font-style: normal;
    color: #0c9bff;
    line-height: 40px;
    margin-right: 8px
}

.mc-version {
    display: block;
    width: 80px;
    height: 75px;
    font-size: 12px;
    background: url(//img.alicdn.com/tfs/TB15XiXgY2pK1RjSZFsXXaNlXXa-80-75.png);
    color: #820808 !important;
    top: 0;
    position: absolute;
    left: -59px;
    line-height: 95px;
    text-align: center;
    cursor: pointer
}

.mc-upgrade-error {
    height: 20px;
    line-height: 20px;
    display: block;
    top: -18px;
    position: relative;
    color: #e20000
}

.mc-upgrade-dialog .oui-dialog-locator {
    width: 1200px;
    max-width: 9999px
}

.mc-upgrade-dialog .oui-dialog-actions {
    text-align: center !important
}

.mc-upgrade-dialog .upgradeTip {
    font-size: 14px;
    margin-right: 10px
}

.mc-upgrade-dialog .upgradeTip>i {
    color: #0088fe
}

.mc-upgrade-dialog .upgrade-result-wrapper {
    max-height: 240px;
    margin: 0 auto 20px;
    border: 1px solid #003cff;
    overflow: scroll
}

.mc-upgrade-dialog .upgrade-result-wrapper>ul {
    width: 50%;
    float: left
}

.mc-upgrade-dialog .upgrade-result-wrapper>ul li {
    list-style: disc;
    margin-left: 30px;
    height: 30px;
    line-height: 30px
}

.mc-upgrade-dialog .oui-dialog-close {
    display: none !important
}

.mc-upgrade-dialog .selected-version-names {
    width: 100%;
    height: 30px;
    line-height: 30px
}

.mc-upgrade-dialog .selected-version-names .version-type {
    width: 50%;
    float: left;
    padding-left: 10px;
    text-align: left
}

.mc-upgrade-dialog .upgrade-wrapper {
    margin-top: -10px
}

.mc-upgrade-dialog .upgrade-wrapper .select-wrapper {
    width: 100%;
    height: 100px;
    padding-top: 20px;
    font-size: 14px
}

.mc-upgrade-dialog .upgrade-wrapper .notice {
    color: #000;
    font-size: 14px
}

.mc-upgrade-dialog .upgrade-wrapper .notice h4 {
    margin: 10px 0;
    color: #000;
    font-weight: 400
}

.mc-upgrade-dialog .upgrade-wrapper .notice i {
    font-style: normal;
    text-decoration: underline #003cff
}

.mc-upgrade-dialog .upgrade-wrapper .notice em {
    font-style: normal;
    color: #e20000
}

.mc-upgrade-dialog .upgrade-wrapper .select-title {
    margin: 10px 0;
    color: #000;
    font-size: 12px
}

.mc-upgrade-dialog .upgrade-wrapper .select-options {
    max-height: 350px;
    overflow: scroll
}

.mc-upgrade-dialog .upgrade-wrapper .select-options li {
    height: 60px;
    margin-bottom: 10px;
    position: relative
}

.mc-upgrade-dialog .upgrade-wrapper .select-options .oui-radio {
    display: block;
    float: left;
    width: 60px;
    height: 100%;
    line-height: 56px
}

.mc-upgrade-dialog .upgrade-wrapper .select-options .select-item {
    float: left;
    width: calc(100% - 80px);
    margin-left: 20px;
    padding: 0 10px;
    height: 100%;
    line-height: 60px;
    border: 1px solid #e4eaf2;
    cursor: pointer
}

.mc-upgrade-dialog .upgrade-wrapper .select-options .select-item .select-item-version {
    width: 50%;
    float: left
}

.mc-upgrade-dialog .upgrade-wrapper .select-options .select-item.checked {
    cursor: default;
    border: 1px solid #003cff
}

.mc-upgrade-dialog .upgrade-wrapper .select-options .recommend {
    position: absolute;
    left: 20px
}

.mc-upgrade-dialog .upgrade-wrapper .select-version-names {
    width: calc(100% - 80px);
    margin-left: 80px;
    overflow: hidden;
    height: 30px;
    line-height: 30px
}

.mc-upgrade-dialog .upgrade-wrapper .select-version-names .version-type {
    width: 50%;
    float: left
}

.mc-upgrade-dialog .oui-dialog-title {
    text-align: center;
    font-weight: 400
}

.sycm-mc-upgrade-typeahead-dropdown-wrapper .sycm-mc-upgrade-typeahead-dropdown {
    display: block
}

.competeDynamic .dynamicContent,
.competeDynamic .dynamicContentImg {
    width: 55%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.competeDynamic .dynamicType {
    float: left
}

.competeDynamic .menu-list {
    padding-top: 10px
}

.abnormalData .infoMessage {
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.abnormalData .oui-message {
    position: static
}

.ebase-frame-header-userLink {
    cursor: pointer
}

.link-wrapper {
    display: inline-block
}

.notification-remind {
    position: relative;
    top: -8px;
    display: inline-block;
    right: 0;
    width: 8px;
    height: 8px;
    background-color: #f3d024;
    border-radius: 50%
}

.notification-window {
    width: 400px;
    height: 300px;
    z-index: 1200
}

.notification-window.oui-canary-tooltip {
    max-width: none;
    padding: 0
}

.notification-window .oui-tab-switch-item-active:before {
    background: #2062e6
}

.notification-window .oui-popup-content {
    padding: 0 8px 8px
}

.notification-window .switch-container {
    border-bottom: 1px solid #e1e1e1
}

.notification-window .oui-tab-switch-item {
    height: auto;
    line-height: 38px
}

.notification-window .oui-tab-switch-item-active {
    color: #2062e6
}

.notification-window .messageContainer {
    height: 200px;
    width: 387px;
    overflow: scroll
}

.notification-window .messageContainer .warnMessage {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 13px
}

.notification-window .messageContainer .item {
    padding: 0 0 13px;
    margin: 0 0 0 8px
}

.notification-window .messageContainer .message-banner {
    margin-bottom: 13px;
    background-color: #e6edfa;
    padding: 4px 8px
}

.notification-window .messageContainer .dynamicType {
    background-color: #2062e6;
    color: #fff;
    display: inline-block;
    margin-right: 5px;
    padding: 0 4px;
    border-radius: 3px
}

.notification-window .messageContainer .dynamicContent,
.notification-window .messageContainer .dynamicContentImg {
    display: inline-block;
    margin-right: 5px
}

.notification-window .messageContainer .dynamicTime {
    display: inline-block;
    color: #999;
    float: right
}

.ebase-frame-header-inner {
    position: relative;
    margin: 0 auto
}

.ebase-frame-header-inner:after,
.ebase-frame-header-inner:before {
    content: " ";
    display: table
}

.ebase-frame-header-inner:after {
    clear: both
}

@media (max-width:1480px) {
    .ebase-frame-header-inner {
        width: 1210px
    }
}

@media (min-width:1480px) and (max-width:1600px) {
    .ebase-frame-header-inner {
        width: 1310px
    }
}

@media (min-width:1600px) {
    .ebase-frame-header-inner {
        width: 1430px
    }
}

@media (max-width:1480px) {
    .fixed-width .ebase-frame-header-inner {
        width: 1210px
    }
}

@media (min-width:1480px) and (max-width:1600px) {
    .fixed-width .ebase-frame-header-inner {
        width: 1210px
    }
}

@media (min-width:1600px) {
    .fixed-width .ebase-frame-header-inner {
        width: 1210px
    }
}

.ebase-frame-header {
    width: 100%;
    position: relative;
    background: #2062e6;
    margin-bottom: 0
}

.ebase-frame-header:after,
.ebase-frame-header:before {
    content: " ";
    display: table
}

.ebase-frame-header:after {
    clear: both
}

.ebase-frame-header.ebase-frame-header-top {
    z-index: 1000;
    height: 60px
}

.ebase-frame-header.ebase-frame-header-down {
    z-index: 999;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .15)
}

.ebase-frame-header a.ebase-frame-header-logo {
    display: block;
    float: left;
    height: 30px;
    width: 135px;
    color: #fff
}

.ebase-frame-header a.ebase-frame-header-logo:active,
.ebase-frame-header a.ebase-frame-header-logo:focus,
.ebase-frame-header a.ebase-frame-header-logo:hover {
    color: #fff
}

.ebase-frame-header a.ebase-frame-header-logo svg {
    float: left
}

.ebase-frame-header a.ebase-frame-header-logo .logo-text {
    float: left;
    margin-left: 10px;
    font-size: 22px;
    line-height: 30px;
    font-weight: 400
}

.ebase-frame-header.ebase-frame-header-down a.ebase-frame-header-logo {
    height: 21px;
    widows: 81px
}

.ebase-frame-header.ebase-frame-header-down a.ebase-frame-header-logo .logo-text {
    line-height: 21px;
    font-size: 18px
}

.ebase-frame-header-top .ebase-frame-header-logoWrapper {
    float: left;
    margin: 20px 0 0
}

.ebase-frame-header-top .ebase-frame-header-split {
    width: 1px;
    background: #fff;
    opacity: .3;
    height: 21px;
    float: left;
    margin-right: 14px;
    margin-top: 25px
}

.ebase-frame-header-userTopBar {
    float: right;
    margin-top: 30px
}

a.ebase-frame-header-userLink {
    color: #fefefe;
    opacity: .7;
    margin-left: 28px;
    font-size: 14px
}

a.ebase-frame-header-userLink:focus,
a.ebase-frame-header-userLink:hover {
    opacity: 1
}

a.ebase-frame-header-userLink.ebase-frame-header-disabled>a {
    color: #99cfff;
    cursor: default
}

a.ebase-frame-header-notification {
    margin-left: 0
}

.ebase-frame-header-down .ebase-frame-header-logoWrapper {
    float: left;
    width: 0;
    overflow: hidden;
    margin: 14px 0 0
}

.ebase-frame-header-down .ebase-frame-header-userLink,
.ebase-frame-header-down .link-wrapper {
    display: none
}

.ebase-frame-header-down.ebase-frame-header-menuStickyActive .ebase-frame-header-logoWrapper {
    width: 10%
}

.ebase-frame-header-down.ebase-frame-header-menuStickyActive .ebase-frame-header-topMenu {
    width: 85%
}

.ebase-frame-header-down.ebase-frame-header-menuStickyActive .ebase-frame-header-userLink {
    display: inline-block;
    width: 5%;
    text-align: center;
    line-height: 50px
}

.ebase-frame-header-down.ebase-frame-header-menuStickyActive .link-wrapper {
    display: inline-block;
    width: 5%
}

.ebase-frame-header-down.ebase-frame-header-menuStickyActive .link-wrapper .ebase-frame-header-userLink {
    width: auto
}

.ebase-frame-header-help-remind {
    position: relative;
    top: -8px;
    display: inline-block;
    right: 0;
    width: 8px;
    height: 8px;
    background-color: #f3d024;
    border-radius: 50%
}