.layui-body, .layui-edge, .layui-elip {
    overflow: hidden
}

.layui-btn, .layui-inline, img {
    vertical-align: middle
}

.layui-btn, .layui-disabled, .layui-icon, .layui-unselect {
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none
}

.layui-elip, .layui-form-checkbox span, .layui-form-pane .layui-form-label {
    text-overflow: ellipsis;
    white-space: nowrap
}

blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent
}

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

img {
    display: inline-block;
    border: none
}

li {
    list-style: none
}

table li {
    list-style: inherit
}

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

h1, h2, h3 {
    font-size: 14px;
    font-weight: 400
}

h4, h5, h6 {
    font-size: 100%;
    font-weight: 400
}

button, input, optgroup, option, select, textarea {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: 0
}

pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word
}

@font-face {
    font-family: layui-icon;
    src: url(../font/iconfont.eot?v=2);
    src: url(../font/iconfont.eot?v=2#iefix) format('embedded-opentype'), url(../font/iconfont.svg?v=2#iconfont) format('svg'), url(../font/iconfont.woff?v=2) format('woff'), url(../font/iconfont.ttf?v=2) format('truetype')
}

.layui-icon {
    font-family: layui-icon !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body {
    line-height: 24px;
    font: 14px Helvetica Neue, Helvetica, PingFang SC, \5FAE\8F6F\96C5\9ED1, Tahoma, Arial, sans-serif
}

hr {
    height: 1px;
    margin: 10px 0;
    border: 0;
    background-color: #e2e2e2;
    clear: both
}

a {
    color: #333;
    text-decoration: none
}

a:hover {
    color: #777
}

a cite {
    font-style: normal
}

.layui-border-box, .layui-border-box * {
    box-sizing: border-box
}

.layui-box, .layui-box * {
    box-sizing: content-box
}

.layui-clear {
    clear: both
}

.layui-clear:after {
    content: '\20';
    clear: both;
    display: block;
    height: 0
}

.layui-inline {
    position: relative;
    display: inline-block
}

.layui-edge {
    position: absolute;
    width: 0;
    height: 0;
    border-style: dashed;
    border-color: transparent
}

.layui-disabled, .layui-disabled:hover {
    color: #d2d2d2 !important;
    cursor: not-allowed !important
}

.layui-circle {
    border-radius: 100%
}

.layui-show {
    display: block !important
}

.layui-hide {
    display: none !important
}

.layui-main {
    position: relative;
    width: 1140px;
    margin: 0 auto
}

.layui-header {
    position: relative;
    z-index: 1000;
    height: 60px
}

.layui-header a:hover {
    transition: all .5s;
    -webkit-transition: all .5s
}

.layui-side {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 999;
    width: 200px;
    overflow-x: hidden
}

.layui-side-scroll {
    width: 220px;
    height: 100%;
    overflow-x: hidden
}

.layui-body {
    position: absolute;
    left: 200px;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 998;
    width: auto;
    overflow-y: auto;
    box-sizing: border-box
}
@media screen and (max-width: 950px) {
    .layui-body {
        left: 0;
    }
}

.layui-form-selectoption dl, .layui-table-tool-panel {
    overflow-y: auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12)
}

.layui-layout-admin .layui-header {
    background-color: #23262E
}

.layui-layout-admin .layui-side {
    top: 60px;
    width: 200px;
    overflow-x: hidden
}

.layui-layout-admin .layui-body {
    top: 60px;
    bottom: 44px
}

.layui-layout-admin .layui-main {
    width: auto;
    margin: 0 15px
}

.layui-layout-admin .layui-footer {
    position: fixed;
    left: 200px;
    right: 0;
    bottom: 0;
    height: 44px;
    line-height: 44px;
    padding: 0 15px;
    background-color: #eee
}

.layui-layout-admin .layui-logo {
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    height: 100%;
    line-height: 60px;
    text-align: center;
    color: #009688;
    font-size: 16px
}

.layui-layout-admin .layui-header .layui-nav {
    background: 0 0
}

.layui-layout-left {
    position: absolute !important;
    left: 200px;
    top: 0
}

.layui-layout-right {
    position: absolute !important;
    right: 0;
    top: 0
}

.layui-container {
    position: relative;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box
}

.layui-fluid {
    position: relative;
    margin: 0 auto;
    padding: 0 15px
}

.layui-row:after, .layui-row:before {
    content: '';
    display: block;
    clear: both
}

.layui-col-lg1, .layui-col-lg10, .layui-col-lg11, .layui-col-lg12, .layui-col-lg2, .layui-col-lg3, .layui-col-lg4, .layui-col-lg5, .layui-col-lg6, .layui-col-lg7, .layui-col-lg8, .layui-col-lg9, .layui-col-md1, .layui-col-md10, .layui-col-md11, .layui-col-md12, .layui-col-md2, .layui-col-md3, .layui-col-md4, .layui-col-md5, .layui-col-md6, .layui-col-md7, .layui-col-md8, .layui-col-md9, .layui-col-sm1, .layui-col-sm10, .layui-col-sm11, .layui-col-sm12, .layui-col-sm2, .layui-col-sm3, .layui-col-sm4, .layui-col-sm5, .layui-col-sm6, .layui-col-sm7, .layui-col-sm8, .layui-col-sm9, .layui-col-xs1, .layui-col-xs10, .layui-col-xs11, .layui-col-xs12, .layui-col-xs2, .layui-col-xs3, .layui-col-xs4, .layui-col-xs5, .layui-col-xs6, .layui-col-xs7, .layui-col-xs8, .layui-col-xs9 {
    position: relative;
    display: block;
    box-sizing: border-box
}

.layui-col-xs1, .layui-col-xs10, .layui-col-xs11, .layui-col-xs12, .layui-col-xs2, .layui-col-xs3, .layui-col-xs4, .layui-col-xs5, .layui-col-xs6, .layui-col-xs7, .layui-col-xs8, .layui-col-xs9 {
    float: left
}

.layui-col-xs1 {
    width: 8.33333333%
}

.layui-col-xs2 {
    width: 16.66666667%
}

.layui-col-xs3 {
    width: 25%
}

.layui-col-xs4 {
    width: 33.33333333%
}

.layui-col-xs5 {
    width: 41.66666667%
}

.layui-col-xs6 {
    width: 50%
}

.layui-col-xs7 {
    width: 58.33333333%
}

.layui-col-xs8 {
    width: 66.66666667%
}

.layui-col-xs9 {
    width: 75%
}

.layui-col-xs10 {
    width: 83.33333333%
}

.layui-col-xs11 {
    width: 91.66666667%
}

.layui-col-xs12 {
    width: 100%
}

.layui-col-xs-offset1 {
    margin-left: 8.33333333%
}

.layui-col-xs-offset2 {
    margin-left: 16.66666667%
}

.layui-col-xs-offset3 {
    margin-left: 25%
}

.layui-col-xs-offset4 {
    margin-left: 33.33333333%
}

.layui-col-xs-offset5 {
    margin-left: 41.66666667%
}

.layui-col-xs-offset6 {
    margin-left: 50%
}

.layui-col-xs-offset7 {
    margin-left: 58.33333333%
}

.layui-col-xs-offset8 {
    margin-left: 66.66666667%
}

.layui-col-xs-offset9 {
    margin-left: 75%
}

.layui-col-xs-offset10 {
    margin-left: 83.33333333%
}

.layui-col-xs-offset11 {
    margin-left: 91.66666667%
}

.layui-col-xs-offset12 {
    margin-left: 100%
}

@media screen and (max-width: 950px) {
    .layui-hide-xs {
        display: none !important
    }

    .layui-show-xs-block {
        display: block !important
    }

    .layui-show-xs-inline {
        display: inline !important
    }

    .layui-show-xs-inline-block {
        display: inline-block !important
    }
}

@media screen and (min-width: 768px) {
    .layui-container {
        width: 750px
    }

    .layui-hide-sm {
        display: none !important
    }

    .layui-show-sm-block {
        display: block !important
    }

    .layui-show-sm-inline {
        display: inline !important
    }

    .layui-show-sm-inline-block {
        display: inline-block !important
    }

    .layui-col-sm1, .layui-col-sm10, .layui-col-sm11, .layui-col-sm12, .layui-col-sm2, .layui-col-sm3, .layui-col-sm4, .layui-col-sm5, .layui-col-sm6, .layui-col-sm7, .layui-col-sm8, .layui-col-sm9 {
        float: left
    }

    .layui-col-sm1 {
        width: 8.33333333%
    }

    .layui-col-sm2 {
        width: 16.66666667%
    }

    .layui-col-sm3 {
        width: 25%
    }

    .layui-col-sm4 {
        width: 33.33333333%
    }

    .layui-col-sm5 {
        width: 41.66666667%
    }

    .layui-col-sm6 {
        width: 50%
    }

    .layui-col-sm7 {
        width: 58.33333333%
    }

    .layui-col-sm8 {
        width: 66.66666667%
    }

    .layui-col-sm9 {
        width: 75%
    }

    .layui-col-sm10 {
        width: 83.33333333%
    }

    .layui-col-sm11 {
        width: 91.66666667%
    }

    .layui-col-sm12 {
        width: 100%
    }

    .layui-col-sm-offset1 {
        margin-left: 8.33333333%
    }

    .layui-col-sm-offset2 {
        margin-left: 16.66666667%
    }

    .layui-col-sm-offset3 {
        margin-left: 25%
    }

    .layui-col-sm-offset4 {
        margin-left: 33.33333333%
    }

    .layui-col-sm-offset5 {
        margin-left: 41.66666667%
    }

    .layui-col-sm-offset6 {
        margin-left: 50%
    }

    .layui-col-sm-offset7 {
        margin-left: 58.33333333%
    }

    .layui-col-sm-offset8 {
        margin-left: 66.66666667%
    }

    .layui-col-sm-offset9 {
        margin-left: 75%
    }

    .layui-col-sm-offset10 {
        margin-left: 83.33333333%
    }

    .layui-col-sm-offset11 {
        margin-left: 91.66666667%
    }

    .layui-col-sm-offset12 {
        margin-left: 100%
    }
}

@media screen and (min-width: 992px) {
    .layui-container {
        width: 970px
    }

    .layui-hide-md {
        display: none !important
    }

    .layui-show-md-block {
        display: block !important
    }

    .layui-show-md-inline {
        display: inline !important
    }

    .layui-show-md-inline-block {
        display: inline-block !important
    }

    .layui-col-md1, .layui-col-md10, .layui-col-md11, .layui-col-md12, .layui-col-md2, .layui-col-md3, .layui-col-md4, .layui-col-md5, .layui-col-md6, .layui-col-md7, .layui-col-md8, .layui-col-md9 {
        float: left
    }

    .layui-col-md1 {
        width: 8.33333333%
    }

    .layui-col-md2 {
        width: 16.66666667%
    }

    .layui-col-md3 {
        width: 25%
    }

    .layui-col-md4 {
        width: 33.33333333%
    }

    .layui-col-md5 {
        width: 41.66666667%
    }

    .layui-col-md6 {
        width: 50%
    }

    .layui-col-md7 {
        width: 58.33333333%
    }

    .layui-col-md8 {
        width: 66.66666667%
    }

    .layui-col-md9 {
        width: 75%
    }

    .layui-col-md10 {
        width: 83.33333333%
    }

    .layui-col-md11 {
        width: 91.66666667%
    }

    .layui-col-md12 {
        width: 100%
    }

    .layui-col-md-offset1 {
        margin-left: 8.33333333%
    }

    .layui-col-md-offset2 {
        margin-left: 16.66666667%
    }

    .layui-col-md-offset3 {
        margin-left: 25%
    }

    .layui-col-md-offset4 {
        margin-left: 33.33333333%
    }

    .layui-col-md-offset5 {
        margin-left: 41.66666667%
    }

    .layui-col-md-offset6 {
        margin-left: 50%
    }

    .layui-col-md-offset7 {
        margin-left: 58.33333333%
    }

    .layui-col-md-offset8 {
        margin-left: 66.66666667%
    }

    .layui-col-md-offset9 {
        margin-left: 75%
    }

    .layui-col-md-offset10 {
        margin-left: 83.33333333%
    }

    .layui-col-md-offset11 {
        margin-left: 91.66666667%
    }

    .layui-col-md-offset12 {
        margin-left: 100%
    }
}

@media screen and (min-width: 1200px) {
    .layui-container {
        width: 1170px
    }

    .layui-hide-lg {
        display: none !important
    }

    .layui-show-lg-block {
        display: block !important
    }

    .layui-show-lg-inline {
        display: inline !important
    }

    .layui-show-lg-inline-block {
        display: inline-block !important
    }

    .layui-col-lg1, .layui-col-lg10, .layui-col-lg11, .layui-col-lg12, .layui-col-lg2, .layui-col-lg3, .layui-col-lg4, .layui-col-lg5, .layui-col-lg6, .layui-col-lg7, .layui-col-lg8, .layui-col-lg9 {
        float: left
    }

    .layui-col-lg1 {
        width: 8.33333333%
    }

    .layui-col-lg2 {
        width: 16.66666667%
    }

    .layui-col-lg3 {
        width: 25%
    }

    .layui-col-lg4 {
        width: 33.33333333%
    }

    .layui-col-lg5 {
        width: 41.66666667%
    }

    .layui-col-lg6 {
        width: 50%
    }

    .layui-col-lg7 {
        width: 58.33333333%
    }

    .layui-col-lg8 {
        width: 66.66666667%
    }

    .layui-col-lg9 {
        width: 75%
    }

    .layui-col-lg10 {
        width: 83.33333333%
    }

    .layui-col-lg11 {
        width: 91.66666667%
    }

    .layui-col-lg12 {
        width: 100%
    }

    .layui-col-lg-offset1 {
        margin-left: 8.33333333%
    }

    .layui-col-lg-offset2 {
        margin-left: 16.66666667%
    }

    .layui-col-lg-offset3 {
        margin-left: 25%
    }

    .layui-col-lg-offset4 {
        margin-left: 33.33333333%
    }

    .layui-col-lg-offset5 {
        margin-left: 41.66666667%
    }

    .layui-col-lg-offset6 {
        margin-left: 50%
    }

    .layui-col-lg-offset7 {
        margin-left: 58.33333333%
    }

    .layui-col-lg-offset8 {
        margin-left: 66.66666667%
    }

    .layui-col-lg-offset9 {
        margin-left: 75%
    }

    .layui-col-lg-offset10 {
        margin-left: 83.33333333%
    }

    .layui-col-lg-offset11 {
        margin-left: 91.66666667%
    }

    .layui-col-lg-offset12 {
        margin-left: 100%
    }
}

.layui-col-space1 {
    margin: -.5px
}

.layui-col-space1 > * {
    padding: .5px
}

.layui-col-space3 {
    margin: -1.5px
}

.layui-col-space3 > * {
    padding: 1.5px
}

.layui-col-space5 {
    margin: -2.5px
}

.layui-col-space5 > * {
    padding: 2.5px
}

.layui-col-space8 {
    margin: -3.5px
}

.layui-col-space8 > * {
    padding: 3.5px
}

.layui-col-space10 {
    margin: -5px
}

.layui-col-space10 > * {
    padding: 5px
}

.layui-col-space12 {
    margin: -6px
}

.layui-col-space12 > * {
    padding: 6px
}

.layui-col-space15 {
    margin: -7.5px
}

.layui-col-space15 > * {
    padding: 7.5px
}

.layui-col-space18 {
    margin: -9px
}

.layui-col-space18 > * {
    padding: 9px
}

.layui-col-space20 {
    margin: -10px
}

.layui-col-space20 > * {
    padding: 10px
}

.layui-col-space22 {
    margin: -11px
}

.layui-col-space22 > * {
    padding: 11px
}

.layui-col-space25 {
    margin: -12.5px
}

.layui-col-space25 > * {
    padding: 12.5px
}

.layui-col-space30 {
    margin: -15px
}

.layui-col-space30 > * {
    padding: 15px
}

.layui-btn, .layui-input, .layui-select, .layui-textarea, .layui-upload-button {
    outline: 0;
    -webkit-transition: border-color .3s cubic-bezier(.65, .05, .35, .5);
    transition: border-color .3s cubic-bezier(.65, .05, .35, .5);
    box-sizing: border-box
}

.layui-elem-quote {
    margin-bottom: 10px;
    padding: 15px;
    line-height: 22px;
    border-left: 5px solid #009688;
    border-radius: 0 2px 2px 0;
    background-color: #f2f2f2
}

.layui-quote-nm {
    border-color: #e2e2e2;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    background: 0 0
}

.layui-elem-field {
    margin-bottom: 10px;
    padding: 0;
    border: 1px solid #e2e2e2
}

.layui-elem-field legend {
    margin-left: 20px;
    padding: 0 10px;
    font-size: 20px;
    font-weight: 300
}

.layui-field-title {
    margin: 10px 0 20px;
    border: none;
    border-top: 1px solid #e2e2e2
}

.layui-field-box {
    padding: 10px 15px
}

.layui-field-title .layui-field-box {
    padding: 10px 0
}

.layui-progress {
    position: relative;
    height: 6px;
    border-radius: 20px;
    background-color: #e2e2e2
}

.layui-progress-bar {
    position: absolute;
    width: 0;
    max-width: 100%;
    height: 6px;
    border-radius: 20px;
    text-align: right;
    background-color: #5FB878;
    transition: all .3s;
    -webkit-transition: all .3s
}

.layui-progress-big, .layui-progress-big .layui-progress-bar {
    height: 18px;
    line-height: 18px
}

.layui-progress-text {
    position: relative;
    top: -18px;
    line-height: 18px;
    font-size: 12px;
    color: #666
}

.layui-progress-big .layui-progress-text {
    position: static;
    padding: 0 10px;
    color: #fff
}

.layui-collapse {
    border: 1px solid #e2e2e2;
    border-radius: 2px
}

.layui-colla-item {
    border-top: 1px solid #e2e2e2
}

.layui-colla-item:first-child {
    border-top: none
}

.layui-colla-title {
    position: relative;
    height: 42px;
    line-height: 42px;
    padding: 0 15px 0 35px;
    color: #333;
    background-color: #f2f2f2;
    cursor: pointer
}

.layui-colla-content {
    display: none;
    padding: 10px 15px;
    line-height: 22px;
    border-top: 1px solid #e2e2e2;
    color: #666
}

.layui-bg-black, .layui-bg-blue, .layui-bg-cyan, .layui-bg-green, .layui-bg-orange, .layui-bg-red {
    color: #fff !important
}

.layui-colla-icon {
    position: absolute;
    left: 15px;
    top: 0;
    font-size: 14px
}

.layui-form-select, .layui-input-block, .layui-input-inline {
    position: relative
}

.layui-bg-red {
    background-color: #FF5722 !important
}

.layui-bg-orange {
    background-color: #FFB800 !important
}

.layui-bg-green {
    background-color: #009688 !important
}

.layui-bg-cyan {
    background-color: #2F4056 !important
}

.layui-bg-blue {
    background-color: #1E9FFF !important
}

.layui-bg-black {
    background-color: #393D49 !important
}

.layui-bg-gray {
    background-color: #eee !important;
    color: #666 !important
}

.layui-text {
    line-height: 22px;
    font-size: 14px;
    color: #666
}

.layui-text h1, .layui-text h2, .layui-text h3 {
    font-weight: 500;
    color: #333
}

.layui-text h1 {
    font-size: 30px
}

.layui-text h2 {
    font-size: 24px
}

.layui-text h3 {
    font-size: 18px
}

.layui-text a {
    color: #01AAED
}

.layui-text a:hover {
    text-decoration: underline
}

.layui-text ul {
    padding: 5px 0 5px 15px
}

.layui-text ul li {
    margin-top: 5px;
    list-style-type: disc
}

.layui-text em, .layui-word-aux {
    color: #999 !important;
    padding: 0 5px !important
}

.layui-btn {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    background-color: #009688;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    opacity: .9;
    filter: alpha(opacity=90)
}

.layui-btn:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    color: #fff
}

.layui-btn:active {
    opacity: 1;
    filter: alpha(opacity=100)
}

.layui-btn + .layui-btn {
    margin-left: 10px
}

.layui-btn-radius {
    border-radius: 100px
}

.layui-btn .layui-icon {
    margin-right: 3px;
    font-size: 18px;
    vertical-align: bottom;
    vertical-align: middle \9
}

.layui-btn-primary {
    border: 1px solid #C9C9C9;
    background-color: #fff;
    color: #555
}

.layui-btn-primary:hover {
    border-color: #009688;
    color: #333
}

.layui-btn-normal {
    background-color: #1E9FFF
}

.layui-btn-warm {
    background-color: #FFB800
}

.layui-btn-danger {
    background-color: #FF5722
}

.layui-btn-disabled, .layui-btn-disabled:active, .layui-btn-disabled:hover {
    border: 1px solid #e6e6e6;
    background-color: #FBFBFB;
    color: #C9C9C9;
    cursor: not-allowed;
    opacity: 1
}

.layui-btn-big {
    height: 44px;
    line-height: 44px;
    padding: 0 25px;
    font-size: 16px
}

.layui-btn-small {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 12px
}

.layui-btn-small i {
    font-size: 16px !important
}

.layui-btn-mini {
    height: 22px;
    line-height: 22px;
    padding: 0 5px;
    font-size: 12px
}

.layui-btn-mini i {
    font-size: 14px !important
}

.layui-btn-group {
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.layui-btn-group .layui-btn {
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-left: 1px solid rgba(255, 255, 255, .5);
    border-radius: 0
}

.layui-btn-group .layui-btn-primary {
    border-left: none
}

.layui-btn-group .layui-btn-primary:hover {
    border-color: #C9C9C9;
    color: #009688
}

.layui-btn-group .layui-btn:first-child {
    border-left: none;
    border-radius: 2px 0 0 2px
}

.layui-btn-group .layui-btn-primary:first-child {
    border-left: 1px solid #c9c9c9
}

.layui-btn-group .layui-btn:last-child {
    border-radius: 0 2px 2px 0
}

.layui-btn-group .layui-btn + .layui-btn {
    margin-left: 0
}

.layui-btn-group + .layui-btn-group {
    margin-left: 10px
}

.layui-input, .layui-select, .layui-textarea {
    height: 38px;
    line-height: 36px \9;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    border-radius: 2px
}

.layui-form-label, .layui-form-mid, .layui-textarea {
    line-height: 20px;
    position: relative
}

.layui-input, .layui-textarea {
    display: block;
    width: 100%;
    padding-left: 10px
}

.layui-input:hover, .layui-textarea:hover {
    border-color: #D2D2D2 !important
}

.layui-input:focus, .layui-textarea:focus {
    border-color: #C9C9C9 !important
}

.layui-textarea {
    min-height: 100px;
    height: auto;
    padding: 6px 10px;
    resize: vertical
}

.layui-select {
    padding: 0 10px
}

.layui-form input[type=checkbox], .layui-form input[type=radio], .layui-form select {
    display: none
}

.layui-form-item {
    margin-bottom: 15px;
    clear: both
}

.layui-form-item:after {
    content: '\20';
    clear: both;
    display: block;
    height: 0
}

.layui-form-label {
    float: left;
    display: block;
    padding: 9px 15px;
    width: 80px;
    font-weight: 400;
    text-align: right
}

.layui-form-item .layui-inline {
    margin-bottom: 5px;
    margin-right: 10px
}

.layui-input-block {
    margin-left: 110px;
    min-height: 36px
}

.layui-input-inline {
    display: inline-block;
    vertical-align: middle
}

.layui-form-item .layui-input-inline {
    float: left;
    width: 190px;
    margin-right: 10px
}

.layui-form-text .layui-input-inline {
    width: auto
}

.layui-form-mid {
    float: left;
    display: block;
    padding: 8px 0 !important;
    margin-right: 10px
}

.layui-form-danger + .layui-form-select .layui-input, .layui-form-danger:focus {
    border: 1px solid #FF5722 !important
}

.layui-form-select .layui-input {
    padding-right: 30px;
    cursor: pointer
}

.layui-form-select .layui-edge {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;
    cursor: pointer;
    border-width: 6px;
    border-top-color: #c2c2c2;
    border-top-style: solid;
    transition: all .3s;
    -webkit-transition: all .3s
}

.layui-form-selectoption {
    position: fixed;
    z-index: 999999999
}

.layui-form-selectoption dl {
    display: none;
    position: absolute;
    left: 0;
    padding: 5px 0;
    z-index: 999;
    min-width: 100%;
    border: 1px solid #d2d2d2;
    max-height: 300px;
    background-color: #fff;
    border-radius: 2px;
    box-sizing: border-box
}

.layui-form-selectoption dl dd, .layui-form-selectoption dl dt {
    padding: 0 10px;
    line-height: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.layui-form-selectoption dl dt {
    font-size: 12px;
    color: #999
}

.layui-form-selectoption dl dd {
    cursor: pointer
}

.layui-form-selectoption dl dd:hover {
    background-color: #f2f2f2
}

.layui-form-selectoption .layui-select-group dd {
    padding-left: 20px
}

.layui-form-selectoption dl dd.layui-select-tips {
    padding-left: 10px !important;
    color: #999
}

.layui-form-selectoption dl dd.layui-this {
    background-color: #5FB878;
    color: #fff
}

.layui-form-checkbox, .layui-form-selectoption dl dd.layui-disabled {
    background-color: #fff
}

.layui-form-selected dl {
    display: block
}

.layui-form-checkbox, .layui-form-checkbox *, .layui-form-radio, .layui-form-radio *, .layui-form-switch {
    display: inline-block;
    vertical-align: middle
}

.layui-form-selected .layui-edge {
    margin-top: -9px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: -3px \9
}

:root .layui-form-selected .layui-edge {
    margin-top: -9px \0/ IE9
}

.layui-form-selectup dl {
    top: auto;
    bottom: 44px
}

.layui-select-none {
    margin: 5px 0;
    text-align: center;
    color: #999
}

.layui-select-disabled .layui-disabled {
    border-color: #eee !important
}

.layui-select-disabled .layui-edge {
    border-top-color: #d2d2d2
}

.layui-form-checkbox {
    position: relative;
    height: 30px;
    line-height: 28px;
    margin-right: 10px;
    padding-right: 30px;
    border: 1px solid #d2d2d2;
    cursor: pointer;
    font-size: 0;
    border-radius: 2px;
    -webkit-transition: .1s linear;
    transition: .1s linear;
    box-sizing: border-box
}

.layui-form-checkbox:hover {
    border: 1px solid #c2c2c2
}

.layui-form-checkbox span {
    padding: 0 10px;
    height: 100%;
    font-size: 14px;
    background-color: #d2d2d2;
    color: #fff;
    overflow: hidden
}

.layui-form-checkbox:hover span {
    background-color: #c2c2c2
}

.layui-form-checkbox i {
    position: absolute;
    right: 0;
    width: 30px;
    color: #fff;
    font-size: 20px;
    text-align: center
}

.layui-form-checkbox:hover i {
    color: #c2c2c2
}

.layui-form-checked, .layui-form-checked:hover {
    border-color: #5FB878
}

.layui-form-checked span, .layui-form-checked:hover span {
    background-color: #5FB878
}

.layui-form-checked i, .layui-form-checked:hover i {
    color: #5FB878
}

.layui-form-item .layui-form-checkbox {
    margin-top: 4px
}

.layui-form-checkbox[lay-skin=primary] {
    height: auto !important;
    line-height: normal !important;
    border: none !important;
    margin-right: 0;
    padding-right: 0;
    background: 0 0
}

.layui-form-checkbox[lay-skin=primary] span {
    float: right;
    padding-right: 15px;
    line-height: 18px;
    background: 0 0;
    color: #666
}

.layui-form-checkbox[lay-skin=primary] i {
    position: relative;
    top: 0;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border: 1px solid #d2d2d2;
    font-size: 12px;
    border-radius: 2px;
    background-color: #fff;
    -webkit-transition: .1s linear;
    transition: .1s linear
}

.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #5FB878;
    color: #fff
}

.layui-form-checked[lay-skin=primary] i {
    border-color: #5FB878;
    background-color: #5FB878;
    color: #fff
}

.layui-checkbox-disbaled[lay-skin=primary] span {
    background: 0 0 !important
}

.layui-checkbox-disbaled[lay-skin=primary]:hover i {
    border-color: #d2d2d2
}

.layui-form-item .layui-form-checkbox[lay-skin=primary] {
    margin-top: 10px
}

.layui-form-switch {
    position: relative;
    height: 22px;
    line-height: 22px;
    width: 42px;
    padding: 0 5px;
    margin-top: 8px;
    border: 1px solid #d2d2d2;
    border-radius: 20px;
    cursor: pointer;
    background-color: #fff;
    -webkit-transition: .1s linear;
    transition: .1s linear
}

.layui-form-switch i {
    position: absolute;
    left: 5px;
    top: 3px;
    width: 16px;
    height: 16px;
    border-radius: 20px;
    background-color: #d2d2d2;
    -webkit-transition: .1s linear;
    transition: .1s linear
}

.layui-form-switch em {
    position: absolute;
    right: 5px;
    top: 0;
    width: 25px;
    padding: 0 !important;
    text-align: center !important;
    color: #999 !important;
    font-style: normal !important;
    font-size: 12px
}

.layui-form-onswitch {
    border-color: #5FB878;
    background-color: #5FB878
}

.layui-form-onswitch i {
    left: 32px;
    background-color: #fff
}

.layui-form-onswitch em {
    left: 5px;
    right: auto;
    color: #fff !important
}

.layui-checkbox-disbaled {
    border-color: #e2e2e2 !important
}

.layui-checkbox-disbaled span {
    background-color: #e2e2e2 !important
}

.layui-checkbox-disbaled:hover i {
    color: #fff !important
}

.layui-form-radio {
    line-height: 28px;
    margin: 6px 10px 0 0;
    padding-right: 10px;
    cursor: pointer;
    font-size: 0
}

.layui-form-radio i {
    margin-right: 8px;
    font-size: 22px;
    color: #c2c2c2
}

.layui-form-radio span {
    font-size: 14px
}

.layui-form-radio i:hover, .layui-form-radioed i {
    color: #5FB878
}

.layui-radio-disbaled i {
    color: #e2e2e2 !important
}

.layui-form-pane .layui-form-label {
    width: 110px;
    padding: 8px 15px;
    height: 38px;
    line-height: 20px;
    border: 1px solid #e6e6e6;
    border-radius: 2px 0 0 2px;
    text-align: center;
    background-color: #FBFBFB;
    overflow: hidden;
    box-sizing: border-box
}

.layui-form-pane .layui-input-inline {
    margin-left: -1px
}

.layui-form-pane .layui-input-block {
    margin-left: 110px;
    left: -1px
}

.layui-form-pane .layui-input {
    border-radius: 0 2px 2px 0
}

.layui-form-pane .layui-form-text .layui-form-label {
    float: none;
    width: 100%;
    border-right: 1px solid #e6e6e6;
    border-radius: 2px;
    box-sizing: border-box;
    text-align: left
}

.layui-form-pane .layui-form-text .layui-input-inline {
    display: block;
    margin: 0;
    top: -1px;
    clear: both
}

.layui-form-pane .layui-form-text .layui-input-block {
    margin: 0;
    left: 0;
    top: -1px
}

.layui-form-pane .layui-form-text .layui-textarea {
    min-height: 100px;
    border-radius: 0 0 2px 2px
}

.layui-form-pane .layui-form-checkbox {
    margin: 4px 0 4px 10px
}

.layui-form-pane .layui-form-radio, .layui-form-pane .layui-form-switch {
    margin-top: 6px;
    margin-left: 10px
}

.layui-form-pane .layui-form-item[pane] {
    position: relative;
    border: 1px solid #e6e6e6
}

.layui-form-pane .layui-form-item[pane] .layui-form-label {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-width: 0 1px 0 0
}

.layui-form-pane .layui-form-item[pane] .layui-input-inline {
    margin-left: 110px
}

@media screen and (max-width: 450px) {
    .msg_panel .list .more,
    .msg_panel .list .end {
        margin-bottom:40px
    }
    .layui-form-item .layui-form-label {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

    .layui-form-item .layui-inline {
        display: block;
        margin-right: 0;
        margin-bottom: 20px;
        clear: both
    }

    .layui-form-item .layui-inline:after {
        content: '\20';
        clear: both;
        display: block;
        height: 0
    }

    .layui-form-item .layui-input-inline {
        display: block;
        float: none;
        left: -3px;
        width: auto;
        margin: 0 0 10px 112px
    }

    .layui-form-item .layui-input-inline + .layui-form-mid {
        margin-left: 110px;
        top: -5px;
        padding: 0
    }

    .layui-form-item .layui-form-checkbox {
        margin-right: 5px;
        margin-bottom: 5px
    }
}

.layui-nav .layui-nav-more, .layui-nav .layui-this:after, .layui-tab-title .layui-this:after, .layui-timeline-item:before {
    content: ''
}

.layui-layedit {
    border: 1px solid #d2d2d2;
    border-radius: 2px
}

.layui-layedit-tool {
    padding: 3px 5px;
    border-bottom: 1px solid #e2e2e2;
    font-size: 0
}

.layedit-tool-fixed {
    position: fixed;
    top: 0;
    border-top: 1px solid #e2e2e2
}

.layui-layedit-tool .layedit-tool-mid, .layui-layedit-tool .layui-icon {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 14px
}

.layui-layedit-tool .layui-icon {
    position: relative;
    width: 32px;
    height: 30px;
    line-height: 30px;
    margin: 3px 5px;
    color: #777;
    cursor: pointer;
    border-radius: 2px
}

.layui-layedit-tool .layui-icon:hover {
    color: #393D49
}

.layui-layedit-tool .layui-icon:active {
    color: #000
}

.layui-layedit-tool .layedit-tool-active {
    background-color: #e2e2e2;
    color: #000
}

.layui-layedit-tool .layui-disabled, .layui-layedit-tool .layui-disabled:hover {
    color: #d2d2d2;
    cursor: not-allowed
}

.layui-layedit-tool .layedit-tool-mid {
    width: 1px;
    height: 18px;
    margin: 0 10px;
    background-color: #d2d2d2
}

.layedit-tool-html {
    width: 50px !important;
    font-size: 30px !important
}

.layedit-tool-b, .layedit-tool-code, .layedit-tool-help {
    font-size: 16px !important
}

.layedit-tool-d, .layedit-tool-face, .layedit-tool-file, .layedit-tool-image, .layedit-tool-unlink {
    font-size: 18px !important
}

.layedit-tool-file input, .layedit-tool-image input {
    position: absolute;
    font-size: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .01;
    filter: Alpha(opacity=1);
    cursor: pointer
}

.layui-layedit-iframe iframe {
    display: block;
    width: 100%
}

.layui-flow-more a *, .layui-laypage, .layui-laypage input, .layui-table-view select[lay-ignore] {
    display: inline-block
}

#LAY_layedit_code {
    overflow: hidden
}

.layui-laypage {
    vertical-align: middle;
    margin: 10px 0;
    font-size: 0
}

.layui-laypage > a:first-child, .layui-laypage > a:first-child em {
    border-radius: 2px 0 0 2px
}

.layui-laypage > a:last-child, .layui-laypage > a:last-child em {
    border-radius: 0 2px 2px 0
}

.layui-laypage > :first-child {
    margin-left: 0 !important
}

.layui-laypage > :last-child {
    margin-right: 0 !important
}

.layui-laypage a, .layui-laypage button, .layui-laypage input, .layui-laypage select, .layui-laypage span {
    border: 1px solid #e2e2e2
}

.layui-laypage a, .layui-laypage span {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px;
    height: 28px;
    line-height: 28px;
    margin: 0 -1px 5px 0;
    background-color: #fff;
    color: #333;
    font-size: 12px
}

.layui-flow-more a *, .layui-laypage .layui-laypage-limits {
    vertical-align: top
}

.layui-laypage a:hover {
    color: #009688
}

.layui-laypage em {
    font-style: normal
}

.layui-laypage .layui-laypage-spr {
    color: #999;
    font-weight: 700
}

.layui-laypage a {
    text-decoration: none
}

.layui-laypage .layui-laypage-curr {
    position: relative
}

.layui-laypage .layui-laypage-curr em {
    position: relative;
    color: #fff
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    position: absolute;
    left: -1px;
    top: -1px;
    padding: 1px;
    width: 100%;
    height: 100%;
    background-color: #009688
}

.layui-laypage-em {
    border-radius: 2px
}

.layui-laypage-next em, .layui-laypage-prev em {
    font-family: Sim sun;
    font-size: 16px
}

.layui-laypage .layui-laypage-count, .layui-laypage .layui-laypage-limits, .layui-laypage .layui-laypage-skip {
    margin-left: 10px;
    margin-right: 10px;
    padding: 0;
    border: none
}

.layui-laypage select {
    height: 22px;
    padding: 3px;
    border-radius: 2px;
    cursor: pointer
}

.layui-laypage .layui-laypage-skip {
    height: 30px;
    line-height: 30px;
    color: #999
}

.layui-laypage button, .layui-laypage input {
    height: 30px;
    line-height: 30px;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    vertical-align: top;
    background-color: #fff;
    box-sizing: border-box
}

.layui-laypage input {
    width: 40px;
    margin: 0 10px;
    padding: 0 3px;
    text-align: center
}

.layui-laypage input:focus, .layui-laypage select:focus {
    border-color: #009688 !important
}

.layui-laypage button {
    margin-left: 10px;
    padding: 0 10px;
    cursor: pointer
}

.layui-table, .layui-table-view {
    margin: 10px 0
}

.layui-flow-more {
    margin: 10px 0;
    text-align: center;
    color: #999;
    font-size: 14px
}

.layui-flow-more a {
    height: 32px;
    line-height: 32px
}

.layui-flow-more a cite {
    padding: 0 20px;
    border-radius: 3px;
    background-color: #eee;
    color: #333;
    font-style: normal
}

.layui-flow-more a cite:hover {
    opacity: .8
}

.layui-flow-more a i {
    font-size: 30px;
    color: #737383
}

.layui-table {
    width: 100%;
    background-color: #fff;
    color: #666
}

.layui-table tr {
    transition: all .3s;
    -webkit-transition: all .3s
}

.layui-table th {
    text-align: left;
    font-weight: 400
}

.layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr, .layui-table[lay-even] tr:nth-child(even) {
    background-color: #f2f2f2
}

.layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row] {
    border-width: 1px;
    border-style: solid;
    border-color: #e6e6e6
}

.layui-table td, .layui-table th {
    position: relative;
    padding: 9px 15px;
    min-height: 20px;
    line-height: 20px;
    font-size: 14px
}

.layui-table[lay-skin=line] td, .layui-table[lay-skin=line] th {
    border-width: 0 0 1px
}

.layui-table[lay-skin=row] td, .layui-table[lay-skin=row] th {
    border-width: 0 1px 0 0
}

.layui-table[lay-skin=nob] td, .layui-table[lay-skin=nob] th {
    border: none
}

.layui-table img {
    max-width: 100px
}

.layui-table[lay-size=lg] td, .layui-table[lay-size=lg] th {
    padding: 15px 30px
}

.layui-table-view .layui-table[lay-size=lg] .layui-table-cell {
    height: 40px;
    line-height: 40px
}

.layui-table[lay-size=sm] td, .layui-table[lay-size=sm] th {
    font-size: 12px;
    padding: 5px 10px
}

.layui-table-view .layui-table[lay-size=sm] .layui-table-cell {
    height: 20px;
    line-height: 20px
}

.layui-table[lay-data] {
    display: none
}

.layui-table-box {
    position: relative;
    overflow: hidden
}

.layui-table-view .layui-table {
    position: relative;
    width: auto;
    margin: 0
}

.layui-table-view .layui-table[lay-skin=line] {
    border-width: 0 1px 0 0
}

.layui-table-view .layui-table[lay-skin=row] {
    border-width: 0 0 1px
}

.layui-table-view .layui-table td, .layui-table-view .layui-table th {
    padding: 5px 0;
    border-top: none;
    border-left: none
}

.layui-table-view .layui-table th.layui-unselect .layui-table-cell span {
    cursor: pointer
}

.layui-table-view .layui-table td {
    cursor: default
}

.layui-table-view .layui-form-checkbox[lay-skin=primary] i {
    width: 18px;
    height: 18px
}

.layui-table-view .layui-form-radio {
    line-height: 0;
    padding: 0
}

.layui-table-view .layui-form-radio > i {
    margin: 0;
    font-size: 20px
}

.layui-table-init {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 110
}

.layui-table-init .layui-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
    font-size: 30px;
    color: #c2c2c2
}

.layui-table-header {
    border-width: 0 0 1px;
    overflow: hidden
}

.layui-table-header .layui-table {
    margin-bottom: -1px
}

.layui-table-tool .layui-inline[lay-event] {
    position: relative;
    width: 26px;
    height: 26px;
    padding: 5px;
    line-height: 16px;
    margin-right: 10px;
    text-align: center;
    color: #333;
    border: 1px solid #ccc;
    cursor: pointer;
    -webkit-transition: .5s all;
    transition: .5s all
}

.layui-table-tool .layui-inline[lay-event]:hover {
    border: 1px solid #999
}

.layui-table-tool-temp {
    padding-right: 120px
}

.layui-table-tool-self {
    position: absolute;
    right: 17px;
    top: 10px
}

.layui-table-tool .layui-table-tool-self .layui-inline[lay-event] {
    margin: 0 0 0 10px
}

.layui-table-tool-panel {
    position: absolute;
    top: 29px;
    left: -1px;
    padding: 5px 0;
    min-width: 150px;
    min-height: 40px;
    border: 1px solid #d2d2d2;
    text-align: left;
    background-color: #fff
}

.layui-table-cell, .layui-table-tool-panel li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.layui-table-tool-panel li {
    padding: 0 10px;
    line-height: 30px;
    -webkit-transition: .5s all;
    transition: .5s all
}

.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary] {
    width: 100%;
    padding-left: 28px
}

.layui-table-tool-panel li:hover {
    background-color: #f2f2f2
}

.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary] i {
    position: absolute;
    left: 0;
    top: 0
}

.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary] span {
    padding: 0
}

.layui-table-tool .layui-table-tool-self .layui-table-tool-panel {
    left: auto;
    right: -1px
}

.layui-table-col-set {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 100%;
    border-width: 0 0 0 1px;
    background-color: #fff
}

.layui-table-sort {
    width: 10px;
    height: 20px;
    margin-left: 5px;
    cursor: pointer !important
}

.layui-table-sort .layui-edge {
    position: absolute;
    left: 5px;
    border-width: 5px
}

.layui-table-sort .layui-table-sort-asc {
    top: 3px;
    border-top: none;
    border-bottom-style: solid;
    border-bottom-color: #b2b2b2
}

.layui-table-sort .layui-table-sort-asc:hover {
    border-bottom-color: #666
}

.layui-table-sort .layui-table-sort-desc {
    bottom: 5px;
    border-bottom: none;
    border-top-style: solid;
    border-top-color: #b2b2b2
}

.layui-table-sort .layui-table-sort-desc:hover {
    border-top-color: #666
}

.layui-table-sort[lay-sort=asc] .layui-table-sort-asc {
    border-bottom-color: #000
}

.layui-table-sort[lay-sort=desc] .layui-table-sort-desc {
    border-top-color: #000
}

.layui-table-cell {
    height: 28px;
    line-height: 28px;
    padding: 0 15px;
    position: relative;
    box-sizing: border-box
}

.layui-table-cell .layui-form-checkbox[lay-skin=primary] {
    top: -1px;
    padding: 0
}

.layui-table-cell .layui-table-link {
    color: #01AAED
}

.laytable-cell-checkbox, .laytable-cell-numbers, .laytable-cell-radio, .laytable-cell-space {
    padding: 0;
    text-align: center
}

.layui-table-body {
    position: relative;
    overflow: auto;
    margin-right: -1px;
    margin-bottom: -1px
}

.layui-table-body .layui-none {
    line-height: 26px;
    padding: 15px;
    text-align: center;
    color: #999
}

.layui-table-fixed {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 101
}

.layui-table-fixed .layui-table-body {
    overflow: hidden
}

.layui-table-fixed-l {
    box-shadow: 0 -1px 8px rgba(0, 0, 0, .08)
}

.layui-table-fixed-r {
    left: auto;
    right: -1px;
    border-width: 0 0 0 1px;
    box-shadow: -1px 0 8px rgba(0, 0, 0, .08)
}

.layui-table-fixed-r .layui-table-header {
    position: relative;
    overflow: visible
}

.layui-table-mend {
    position: absolute;
    right: -49px;
    top: 0;
    height: 100%;
    width: 50px
}

.layui-table-tool {
    position: relative;
    z-index: 890;
    width: 100%;
    min-height: 50px;
    line-height: 30px;
    padding: 10px 15px;
    border-width: 0 0 1px
}

.layui-table-tool .layui-btn-container {
    margin-bottom: -10px
}

.layui-table-page, .layui-table-total {
    border-width: 1px 0 0;
    margin-bottom: -1px;
    overflow: hidden
}

.layui-table-page {
    position: relative;
    width: 100%;
    padding: 7px 7px 0;
    height: 41px;
    font-size: 12px;
    white-space: nowrap
}

.layui-table-page > div {
    height: 26px
}

.layui-table-page .layui-laypage {
    margin: 0
}

.layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span {
    height: 26px;
    line-height: 26px;
    margin-bottom: 10px;
    border: none;
    background: 0 0
}

.layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span.layui-laypage-curr {
    padding: 0 12px
}

.layui-table-page .layui-laypage span {
    margin-left: 0;
    padding: 0
}

.layui-table-page .layui-laypage .layui-laypage-prev {
    margin-left: -7px !important
}

.layui-table-page .layui-laypage .layui-laypage-curr .layui-laypage-em {
    left: 0;
    top: 0;
    padding: 0
}

.layui-table-page .layui-laypage button, .layui-table-page .layui-laypage input {
    height: 26px;
    line-height: 26px
}

.layui-table-page .layui-laypage input {
    width: 40px
}

.layui-table-page .layui-laypage button {
    padding: 0 10px
}

.layui-table-page select {
    height: 18px
}

.layui-table-patch .layui-table-cell {
    padding: 0;
    width: 30px
}

.layui-table-edit {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 14px 1px;
    border-radius: 0;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .15)
}

.layui-table-edit:focus {
    border-color: #5FB878 !important
}

select.layui-table-edit {
    padding: 0 0 0 10px;
    border-color: #C9C9C9
}

.layui-table-view .layui-form-checkbox, .layui-table-view .layui-form-radio, .layui-table-view .layui-form-switch {
    top: 0;
    margin: 0;
    box-sizing: content-box
}

.layui-table-view .layui-form-checkbox {
    top: -1px;
    height: 26px;
    line-height: 26px
}

.layui-table-view .layui-form-checkbox i {
    height: 26px
}

.layui-table-grid .layui-table-cell {
    overflow: visible
}

.layui-table-grid-down {
    position: absolute;
    top: 0;
    right: 0;
    width: 26px;
    height: 100%;
    padding: 5px 0;
    border-width: 0 0 0 1px;
    text-align: center;
    background-color: #fff;
    color: #999;
    cursor: pointer
}

.layui-table-grid-down .layui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px
}

.layui-table-grid-down:hover {
    background-color: #fbfbfb
}

body .layui-table-tips .layui-layer-content {
    background: 0 0;
    padding: 0;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .12)
}

.layui-table-tips-main {
    margin: -44px 0 0 -1px;
    max-height: 150px;
    padding: 8px 15px;
    font-size: 14px;
    overflow-y: scroll;
    background-color: #fff;
    color: #666
}

.layui-code, .layui-upload-list {
    margin: 10px 0
}

.layui-table-tips-c {
    position: absolute;
    right: -3px;
    top: -13px;
    width: 20px;
    height: 20px;
    padding: 3px;
    cursor: pointer;
    background-color: #666;
    border-radius: 50%;
    color: #fff
}

.layui-table-tips-c:hover {
    background-color: #777
}

.layui-table-tips-c:before {
    position: relative;
    right: -2px
}

.layui-upload-file {
    display: none !important;
    opacity: .01;
    filter: Alpha(opacity=1)
}

.layui-upload-drag, .layui-upload-form, .layui-upload-wrap {
    display: inline-block
}

.layui-upload-choose {
    padding: 0 10px;
    color: #999
}

.layui-upload-drag {
    position: relative;
    padding: 30px;
    border: 1px dashed #e2e2e2;
    background-color: #fff;
    text-align: center;
    cursor: pointer;
    color: #999
}

.layui-upload-drag .layui-icon {
    font-size: 50px;
    color: #009688
}

.layui-upload-drag[lay-over] {
    border-color: #009688
}

.layui-upload-iframe {
    position: absolute;
    width: 0;
    height: 0;
    border: 0;
    visibility: hidden
}

.layui-upload-wrap {
    position: relative;
    vertical-align: middle
}

.layui-upload-wrap .layui-upload-file {
    display: block !important;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    font-size: 100px;
    width: 100%;
    height: 100%;
    opacity: .01;
    filter: Alpha(opacity=1);
    cursor: pointer
}

.layui-code {
    position: relative;
    padding: 15px;
    line-height: 20px;
    border: 1px solid #ddd;
    border-left-width: 6px;
    background-color: #F2F2F2;
    color: #333;
    font-family: Courier New;
    font-size: 12px
}

.layui-tree {
    line-height: 26px
}

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

.layui-tree li .layui-tree-spread, .layui-tree li a {
    display: inline-block;
    vertical-align: top;
    height: 26px;
    cursor: pointer
}

.layui-tree li a {
    font-size: 0
}

.layui-tree li a i {
    font-size: 16px
}

.layui-tree li a cite {
    padding: 0 6px;
    font-size: 14px;
    font-style: normal
}

.layui-tree li i {
    padding-left: 6px;
    color: #333;
    -moz-user-select: none
}

.layui-tree li .layui-tree-check {
    font-size: 13px
}

.layui-tree li .layui-tree-check:hover {
    color: #009E94
}

.layui-tree li ul {
    display: none;
    margin-left: 20px
}

.layui-tree li .layui-tree-enter {
    line-height: 24px;
    border: 1px dotted #000
}

.layui-tree-drag {
    display: none;
    position: absolute;
    left: -666px;
    top: -666px;
    background-color: #f2f2f2;
    padding: 5px 10px;
    border: 1px dotted #000;
    white-space: nowrap
}

.layui-tree-drag i {
    padding-right: 5px
}

.layui-nav {
    position: relative;
    padding: 0 20px;
    background-color: #393D49;
    color: #fff;
    border-radius: 2px;
    font-size: 0;
    box-sizing: border-box
}

.layui-nav * {
    font-size: 14px
}

.layui-nav .layui-nav-item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 60px
}

.layui-nav .layui-nav-item a {
    display: block;
    padding: 0 20px;
    color: #fff;
    color: rgba(255, 255, 255, .7);
    transition: all .3s;
    -webkit-transition: all .3s
}

.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 5px;
    background-color: #5FB878;
    transition: all .2s;
    -webkit-transition: all .2s
}

.layui-nav-bar {
    z-index: 1000
}

.layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a {
    color: #fff
}

.layui-nav .layui-this:after {
    top: auto;
    bottom: 0;
    width: 100%
}

.layui-nav-img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border-radius: 50%
}

.layui-nav .layui-nav-more {
    width: 0;
    height: 0;
    border-style: solid dashed dashed;
    border-color: #fff transparent transparent;
    overflow: hidden;
    cursor: pointer;
    transition: all .2s;
    -webkit-transition: all .2s;
    position: absolute;
    top: 50%;
    right: 3px;
    margin-top: -3px;
    border-width: 6px;
    border-top-color: rgba(255, 255, 255, .7)
}

.layui-nav .layui-nav-mored, .layui-nav-itemed > a .layui-nav-more {
    margin-top: -9px;
    border-style: dashed dashed solid;
    border-color: transparent transparent #fff
}

.layui-nav-child {
    display: none;
    position: absolute;
    left: 0;
    top: 65px;
    min-width: 100%;
    line-height: 36px;
    padding: 5px 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
    border: 1px solid #d2d2d2;
    background-color: #fff;
    z-index: 100;
    border-radius: 2px;
    white-space: nowrap
}

.layui-nav .layui-nav-child a {
    color: #333
}

.layui-nav .layui-nav-child a:hover {
    background-color: #f2f2f2;
    color: #000
}

.layui-nav-child dd {
    position: relative
}

.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this {
    background-color: #5FB878;
    color: #fff
}

.layui-nav-child dd.layui-this:after {
    display: none
}

.layui-nav-tree {
    width: 200px;
    padding: 0
}

.layui-nav-tree .layui-nav-item {
    display: block;
    width: 100%;
    line-height: 45px
}

.layui-nav-tree .layui-nav-item a {
    position: relative;
    height: 45px;
    line-height: 45px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.layui-nav-tree .layui-nav-item a:hover {
    background-color: #4E5465
}

.layui-nav-tree .layui-nav-bar {
    width: 5px;
    height: 0;
    background-color: #009688
}

.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this > a, .layui-nav-tree .layui-this > a:hover {
    background-color: #009688;
    color: #fff
}

.layui-nav-tree .layui-this:after {
    display: none
}

.layui-nav-itemed > a, .layui-nav-tree .layui-nav-title a, .layui-nav-tree .layui-nav-title a:hover {
    color: #fff !important
}

.layui-nav-tree .layui-nav-child {
    position: relative;
    z-index: 0;
    top: 0;
    border: none;
    box-shadow: none
}

.layui-nav-tree .layui-nav-child a {
    height: 40px;
    line-height: 40px;
    color: #fff;
    color: rgba(255, 255, 255, .7)
}

.layui-nav-tree .layui-nav-child, .layui-nav-tree .layui-nav-child a:hover {
    background: 0 0;
    color: #fff
}

.layui-nav-tree .layui-nav-more {
    right: 10px
}

.layui-nav-itemed > .layui-nav-child {
    display: block;
    padding: 0;
    background-color: rgba(0, 0, 0, .3) !important
}

.layui-nav-itemed > .layui-nav-child > .layui-this > .layui-nav-child {
    display: block
}

.layui-nav-side {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    z-index: 999
}

.layui-bg-blue .layui-nav-bar, .layui-bg-blue .layui-nav-itemed:after, .layui-bg-blue .layui-this:after {
    background-color: #93D1FF
}

.layui-bg-blue .layui-nav-child dd.layui-this {
    background-color: #1E9FFF
}

.layui-bg-blue .layui-nav-itemed > a, .layui-nav-tree.layui-bg-blue .layui-nav-title a, .layui-nav-tree.layui-bg-blue .layui-nav-title a:hover {
    background-color: #007DDB !important
}

.layui-breadcrumb {
    visibility: hidden;
    font-size: 0
}

.layui-breadcrumb a {
    padding-right: 8px;
    line-height: 22px;
    font-size: 14px;
    color: #333 !important
}

.layui-breadcrumb a:hover {
    color: #01AAED !important
}

.layui-breadcrumb a cite, .layui-breadcrumb a span {
    color: #666;
    cursor: text;
    font-style: normal
}

.layui-breadcrumb a span {
    padding-left: 8px;
    font-family: Sim sun
}

.layui-tab {
    margin: 10px 0;
    text-align: left !important
}

.layui-tab[overflow] > .layui-tab-title {
    overflow: hidden
}

.layui-tab-title {
    position: relative;
    left: 0;
    height: 40px;
    white-space: nowrap;
    font-size: 0;
    border-bottom: 1px solid #e2e2e2;
    transition: all .2s;
    -webkit-transition: all .2s
}

.layui-tab-title li {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    transition: all .2s;
    -webkit-transition: all .2s;
    position: relative;
    line-height: 40px;
    min-width: 65px;
    padding: 0 15px;
    text-align: center;
    cursor: pointer
}

.layui-tab-title li a {
    display: block
}

.layui-tab-title .layui-this {
    color: #000
}

.layui-tab-title .layui-this:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 41px;
    border: 1px solid #e2e2e2;
    border-bottom-color: #fff;
    border-radius: 2px 2px 0 0;
    box-sizing: border-box;
    pointer-events: none
}

.layui-tab-bar {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    width: 30px;
    height: 39px;
    line-height: 39px;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    text-align: center;
    background-color: #fff;
    cursor: pointer
}

.layui-tab-bar .layui-icon {
    position: relative;
    display: inline-block;
    top: 3px;
    transition: all .3s;
    -webkit-transition: all .3s
}

.layui-tab-item {
    display: none
}

.layui-tab-more {
    padding-right: 30px;
    height: auto !important;
    white-space: normal !important
}

.layui-tab-more li.layui-this:after {
    border-bottom-color: #e2e2e2;
    border-radius: 2px
}

.layui-tab-more .layui-tab-bar .layui-icon {
    top: -2px;
    top: 3px \9;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

:root .layui-tab-more .layui-tab-bar .layui-icon {
    top: -2px \0/ IE9
}

.layui-tab-content {
    padding: 10px
}

.layui-tab-title li .layui-tab-close {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 20px;
    margin-left: 8px;
    top: 1px;
    text-align: center;
    font-size: 14px;
    color: #c2c2c2;
    transition: all .2s;
    -webkit-transition: all .2s
}

.layui-tab-title li .layui-tab-close:hover {
    border-radius: 2px;
    background-color: #FF5722;
    color: #fff
}

.layui-tab-brief > .layui-tab-title .layui-this {
    color: #009688
}

.layui-tab-brief > .layui-tab-more li.layui-this:after, .layui-tab-brief > .layui-tab-title .layui-this:after {
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #5FB878
}

.layui-tab-brief[overflow] > .layui-tab-title .layui-this:after {
    top: -1px
}

.layui-tab-card {
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1)
}

.layui-tab-card > .layui-tab-title {
    background-color: #f2f2f2
}

.layui-tab-card > .layui-tab-title li {
    margin-right: -1px;
    margin-left: -1px
}

.layui-tab-card > .layui-tab-title .layui-this {
    background-color: #fff
}

.layui-tab-card > .layui-tab-title .layui-this:after {
    border-top: none;
    border-width: 1px;
    border-bottom-color: #fff
}

.layui-tab-card > .layui-tab-title .layui-tab-bar {
    height: 40px;
    line-height: 40px;
    border-radius: 0;
    border-top: none;
    border-right: none
}

.layui-tab-card > .layui-tab-more .layui-this {
    background: 0 0;
    color: #5FB878
}

.layui-tab-card > .layui-tab-more .layui-this:after {
    border: none
}

.layui-timeline {
    padding-left: 5px
}

.layui-timeline-item {
    position: relative;
    padding-bottom: 20px
}

.layui-timeline-axis {
    position: absolute;
    left: -5px;
    top: 0;
    z-index: 10;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: #fff;
    color: #5FB878;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.layui-timeline-axis:hover {
    color: #FF5722
}

.layui-timeline-item:before {
    position: absolute;
    left: 5px;
    top: 0;
    z-index: 0;
    width: 1px;
    height: 100%;
    background-color: #e2e2e2
}

.layui-timeline-item:last-child:before {
    display: none
}

.layui-timeline-item:first-child:before {
    display: block
}

.layui-timeline-content {
    padding-left: 25px
}

.layui-badge, .layui-badge-rim {
    line-height: 18px;
    padding: 0 5px
}

.layui-timeline-title {
    position: relative;
    margin-bottom: 10px
}

.layui-badge, .layui-badge-dot, .layui-badge-rim {
    position: relative;
    display: inline-block;
    font-size: 12px;
    background-color: #FF5722;
    color: #fff
}

.layui-badge {
    min-width: 8px;
    height: 18px;
    text-align: center;
    border-radius: 9px
}

.layui-badge-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%
}

.layui-badge-rim {
    height: 18px;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    background-color: #fff;
    color: #666
}

.layui-btn .layui-badge, .layui-btn .layui-badge-dot {
    margin-left: 5px
}

.layui-nav .layui-badge, .layui-nav .layui-badge-dot {
    position: absolute;
    top: 50%;
    margin: -10px 6px 0
}

.layui-tab-title .layui-badge, .layui-tab-title .layui-badge-dot {
    left: 5px;
    top: -2px
}

.layui-carousel {
    position: relative;
    left: 0;
    top: 0;
    background-color: #f2f2f2
}

.layui-carousel > [carousel-item] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.layui-carousel > [carousel-item]:before {
    position: absolute;
    content: '\e63d';
    left: 50%;
    top: 50%;
    width: 100px;
    line-height: 20px;
    margin: -10px 0 0 -50px;
    text-align: center;
    color: #999;
    font-family: layui-icon !important;
    font-size: 20px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.layui-carousel > [carousel-item] > * {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #f2f2f2;
    transition-duration: .3s;
    -webkit-transition-duration: .3s
}

.layui-carousel-updown > * {
    -webkit-transition: .3s ease-in-out up;
    transition: .3s ease-in-out up
}

.layui-carousel-arrow {
    display: none \9;
    opacity: 0;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -18px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 20px;
    border: 0;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .2);
    color: #fff;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    cursor: pointer
}

.layui-carousel-arrow[lay-type=add] {
    left: auto !important;
    right: 10px
}

.layui-carousel:hover .layui-carousel-arrow[lay-type=add], .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] {
    right: 20px
}

.layui-carousel[lay-arrow=always] .layui-carousel-arrow {
    opacity: 1;
    left: 20px
}

.layui-carousel[lay-arrow=none] .layui-carousel-arrow {
    display: none
}

.layui-carousel-arrow:hover, .layui-carousel-ind ul:hover {
    background-color: rgba(0, 0, 0, .35)
}

.layui-carousel:hover .layui-carousel-arrow {
    display: block \9;
    opacity: 1;
    left: 20px
}

.layui-carousel-ind {
    position: relative;
    top: -35px;
    width: 100%;
    line-height: 0 !important;
    text-align: center;
    font-size: 0
}

.layui-carousel[lay-indicator=outside] {
    margin-bottom: 30px
}

.layui-carousel[lay-indicator=outside] .layui-carousel-ind {
    top: 10px
}

.layui-carousel[lay-indicator=outside] .layui-carousel-ind ul {
    background-color: rgba(0, 0, 0, .5)
}

.layui-carousel[lay-indicator=none] .layui-carousel-ind {
    display: none
}

.layui-carousel-ind ul {
    display: inline-block;
    padding: 5px;
    background-color: rgba(0, 0, 0, .2);
    border-radius: 10px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.layui-carousel-ind li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    font-size: 14px;
    background-color: #e2e2e2;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.layui-carousel-ind li:hover {
    background-color: rgba(255, 255, 255, .7)
}

.layui-carousel-ind li.layui-this {
    background-color: #fff
}

.layui-carousel > [carousel-item] > .layui-carousel-next, .layui-carousel > [carousel-item] > .layui-carousel-prev, .layui-carousel > [carousel-item] > .layui-this {
    display: block
}

.layui-carousel > [carousel-item] > .layui-this {
    left: 0
}

.layui-carousel > [carousel-item] > .layui-carousel-prev {
    left: -100%
}

.layui-carousel > [carousel-item] > .layui-carousel-next {
    left: 100%
}

.layui-carousel > [carousel-item] > .layui-carousel-next.layui-carousel-left, .layui-carousel > [carousel-item] > .layui-carousel-prev.layui-carousel-right {
    left: 0
}

.layui-carousel > [carousel-item] > .layui-this.layui-carousel-left {
    left: -100%
}

.layui-carousel > [carousel-item] > .layui-this.layui-carousel-right {
    left: 100%
}

.layui-carousel[lay-anim=updown] .layui-carousel-arrow {
    left: 50% !important;
    top: 20px;
    margin: 0 0 0 -18px
}

.layui-carousel[lay-anim=fade] > [carousel-item] > *, .layui-carousel[lay-anim=updown] > [carousel-item] > * {
    left: 0 !important
}

.layui-carousel[lay-anim=updown] .layui-carousel-arrow[lay-type=add] {
    top: auto !important;
    bottom: 20px
}

.layui-carousel[lay-anim=updown] .layui-carousel-ind {
    position: absolute;
    top: 50%;
    right: 20px;
    width: auto;
    height: auto
}

.layui-carousel[lay-anim=updown] .layui-carousel-ind ul {
    padding: 3px 5px
}

.layui-carousel[lay-anim=updown] .layui-carousel-ind li {
    display: block;
    margin: 6px 0
}

.layui-carousel[lay-anim=updown] > [carousel-item] > .layui-this {
    top: 0
}

.layui-carousel[lay-anim=updown] > [carousel-item] > .layui-carousel-prev {
    top: -100%
}

.layui-carousel[lay-anim=updown] > [carousel-item] > .layui-carousel-next {
    top: 100%
}

.layui-carousel[lay-anim=updown] > [carousel-item] > .layui-carousel-next.layui-carousel-left, .layui-carousel[lay-anim=updown] > [carousel-item] > .layui-carousel-prev.layui-carousel-right {
    top: 0
}

.layui-carousel[lay-anim=updown] > [carousel-item] > .layui-this.layui-carousel-left {
    top: -100%
}

.layui-carousel[lay-anim=updown] > [carousel-item] > .layui-this.layui-carousel-right {
    top: 100%
}

.layui-carousel[lay-anim=fade] > [carousel-item] > .layui-carousel-next, .layui-carousel[lay-anim=fade] > [carousel-item] > .layui-carousel-prev {
    opacity: 0
}

.layui-carousel[lay-anim=fade] > [carousel-item] > .layui-carousel-next.layui-carousel-left, .layui-carousel[lay-anim=fade] > [carousel-item] > .layui-carousel-prev.layui-carousel-right {
    opacity: 1
}

.layui-carousel[lay-anim=fade] > [carousel-item] > .layui-this.layui-carousel-left, .layui-carousel[lay-anim=fade] > [carousel-item] > .layui-this.layui-carousel-right {
    opacity: 0
}

.layui-fixbar {
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 9999
}

.layui-fixbar li {
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 1px;
    text-align: center;
    cursor: pointer;
    font-size: 30px;
    background-color: #9F9F9F;
    color: #fff;
    border-radius: 2px;
    opacity: .95
}

.layui-fixbar li:hover {
    opacity: .85
}

.layui-fixbar li:active {
    opacity: 1
}

.layui-fixbar .layui-fixbar-top {
    display: none;
    font-size: 40px
}

body .layui-util-face {
    border: none;
    background: 0 0
}

body .layui-util-face .layui-layer-content {
    padding: 0;
    background-color: #fff;
    color: #666;
    box-shadow: none
}

.layui-util-face .layui-layer-TipsG {
    display: none
}

.layui-util-face ul {
    position: relative;
    width: 372px;
    padding: 10px;
    border: 1px solid #D9D9D9;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}

.layui-util-face ul li {
    cursor: pointer;
    float: left;
    border: 1px solid #e8e8e8;
    height: 22px;
    width: 26px;
    overflow: hidden;
    margin: -1px 0 0 -1px;
    padding: 4px 2px;
    text-align: center
}

.layui-util-face ul li:hover {
    position: relative;
    z-index: 2;
    border: 1px solid #eb7350;
    background: #fff9ec
}

.layui-anim {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.layui-anim.layui-icon {
    display: inline-block
}

.layui-anim-loop {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

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

@keyframes layui-rotate {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.layui-anim-rotate {
    -webkit-animation-name: layui-rotate;
    animation-name: layui-rotate;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes layui-up {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        opacity: .3
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes layui-up {
    from {
        transform: translate3d(0, 100%, 0);
        opacity: .3
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.layui-anim-up {
    -webkit-animation-name: layui-up;
    animation-name: layui-up
}

@-webkit-keyframes layui-upbit {
    from {
        -webkit-transform: translate3d(0, 30px, 0);
        opacity: .3
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes layui-upbit {
    from {
        transform: translate3d(0, 30px, 0);
        opacity: .3
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.layui-anim-upbit {
    -webkit-animation-name: layui-upbit;
    animation-name: layui-upbit
}

@-webkit-keyframes layui-scale {
    0% {
        opacity: .3;
        -webkit-transform: scale(.5)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

@keyframes layui-scale {
    0% {
        opacity: .3;
        -ms-transform: scale(.5);
        transform: scale(.5)
    }
    100% {
        opacity: 1;
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.layui-anim-scale {
    -webkit-animation-name: layui-scale;
    animation-name: layui-scale
}

@-webkit-keyframes layui-scale-spring {
    0% {
        opacity: .5;
        -webkit-transform: scale(.5)
    }
    80% {
        opacity: .8;
        -webkit-transform: scale(1.1)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

@keyframes layui-scale-spring {
    0% {
        opacity: .5;
        transform: scale(.5)
    }
    80% {
        opacity: .8;
        transform: scale(1.1)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

.layui-anim-scaleSpring {
    -webkit-animation-name: layui-scale-spring;
    animation-name: layui-scale-spring
}

@-webkit-keyframes layui-fadein {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes layui-fadein {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.layui-anim-fadein {
    -webkit-animation-name: layui-fadein;
    animation-name: layui-fadein
}

@-webkit-keyframes layui-fadeout {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes layui-fadeout {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.layui-anim-fadeout {
    -webkit-animation-name: layui-fadeout;
    animation-name: layui-fadeout
}

@charset "UTF-8";
@font-face {
    font-family: Ionicons;
    src: url(../font/ionicons.eot?v=2.0.0);
    src: url(../font/ionicons.eot?v=2.0.0#iefix) format("embedded-opentype"), url(../font/ionicons.ttf?v=2.0.0) format("truetype"), url(../font/ionicons.woff?v=2.0.0) format("woff"), url(../font/ionicons.svg?v=2.0.0#Ionicons) format("svg");
    font-weight: 400;
    font-style: normal
}

.ion, .ion-alert-circled:before, .ion-alert:before, .ion-android-add-circle:before, .ion-android-add:before, .ion-android-alarm-clock:before, .ion-android-alert:before, .ion-android-apps:before, .ion-android-archive:before, .ion-android-arrow-back:before, .ion-android-arrow-down:before, .ion-android-arrow-dropdown-circle:before, .ion-android-arrow-dropdown:before, .ion-android-arrow-dropleft-circle:before, .ion-android-arrow-dropleft:before, .ion-android-arrow-dropright-circle:before, .ion-android-arrow-dropright:before, .ion-android-arrow-dropup-circle:before, .ion-android-arrow-dropup:before, .ion-android-arrow-forward:before, .ion-android-arrow-up:before, .ion-android-attach:before, .ion-android-bar:before, .ion-android-bicycle:before, .ion-android-boat:before, .ion-android-bookmark:before, .ion-android-bulb:before, .ion-android-bus:before, .ion-android-calendar:before, .ion-android-call:before, .ion-android-camera:before, .ion-android-cancel:before, .ion-android-car:before, .ion-android-cart:before, .ion-android-chat:before, .ion-android-checkbox-blank:before, .ion-android-checkbox-outline-blank:before, .ion-android-checkbox-outline:before, .ion-android-checkbox:before, .ion-android-checkmark-circle:before, .ion-android-clipboard:before, .ion-android-close:before, .ion-android-cloud-circle:before, .ion-android-cloud-done:before, .ion-android-cloud-outline:before, .ion-android-cloud:before, .ion-android-color-palette:before, .ion-android-compass:before, .ion-android-contact:before, .ion-android-contacts:before, .ion-android-contract:before, .ion-android-create:before, .ion-android-delete:before, .ion-android-desktop:before, .ion-android-document:before, .ion-android-done-all:before, .ion-android-done:before, .ion-android-download:before, .ion-android-drafts:before, .ion-android-exit:before, .ion-android-expand:before, .ion-android-favorite-outline:before, .ion-android-favorite:before, .ion-android-film:before, .ion-android-folder-open:before, .ion-android-folder:before, .ion-android-funnel:before, .ion-android-globe:before, .ion-android-hand:before, .ion-android-hangout:before, .ion-android-happy:before, .ion-android-home:before, .ion-android-image:before, .ion-android-laptop:before, .ion-android-list:before, .ion-android-locate:before, .ion-android-lock:before, .ion-android-mail:before, .ion-android-map:before, .ion-android-menu:before, .ion-android-microphone-off:before, .ion-android-microphone:before, .ion-android-more-horizontal:before, .ion-android-more-vertical:before, .ion-android-navigate:before, .ion-android-notifications-none:before, .ion-android-notifications-off:before, .ion-android-notifications:before, .ion-android-open:before, .ion-android-options:before, .ion-android-people:before, .ion-android-person-add:before, .ion-android-person:before, .ion-android-phone-landscape:before, .ion-android-phone-portrait:before, .ion-android-pin:before, .ion-android-plane:before, .ion-android-playstore:before, .ion-android-print:before, .ion-android-radio-button-off:before, .ion-android-radio-button-on:before, .ion-android-refresh:before, .ion-android-remove-circle:before, .ion-android-remove:before, .ion-android-restaurant:before, .ion-android-sad:before, .ion-android-search:before, .ion-android-send:before, .ion-android-settings:before, .ion-android-share-alt:before, .ion-android-share:before, .ion-android-star-half:before, .ion-android-star-outline:before, .ion-android-star:before, .ion-android-stopwatch:before, .ion-android-subway:before, .ion-android-sunny:before, .ion-android-sync:before, .ion-android-textsms:before, .ion-android-time:before, .ion-android-train:before, .ion-android-unlock:before, .ion-android-upload:before, .ion-android-volume-down:before, .ion-android-volume-mute:before, .ion-android-volume-off:before, .ion-android-volume-up:before, .ion-android-walk:before, .ion-android-warning:before, .ion-android-watch:before, .ion-android-wifi:before, .ion-aperture:before, .ion-archive:before, .ion-arrow-down-a:before, .ion-arrow-down-b:before, .ion-arrow-down-c:before, .ion-arrow-expand:before, .ion-arrow-graph-down-left:before, .ion-arrow-graph-down-right:before, .ion-arrow-graph-up-left:before, .ion-arrow-graph-up-right:before, .ion-arrow-left-a:before, .ion-arrow-left-b:before, .ion-arrow-left-c:before, .ion-arrow-move:before, .ion-arrow-resize:before, .ion-arrow-return-left:before, .ion-arrow-return-right:before, .ion-arrow-right-a:before, .ion-arrow-right-b:before, .ion-arrow-right-c:before, .ion-arrow-shrink:before, .ion-arrow-swap:before, .ion-arrow-up-a:before, .ion-arrow-up-b:before, .ion-arrow-up-c:before, .ion-asterisk:before, .ion-at:before, .ion-backspace-outline:before, .ion-backspace:before, .ion-bag:before, .ion-battery-charging:before, .ion-battery-empty:before, .ion-battery-full:before, .ion-battery-half:before, .ion-battery-low:before, .ion-beaker:before, .ion-beer:before, .ion-bluetooth:before, .ion-bonfire:before, .ion-bookmark:before, .ion-bowtie:before, .ion-briefcase:before, .ion-bug:before, .ion-calculator:before, .ion-calendar:before, .ion-camera:before, .ion-card:before, .ion-cash:before, .ion-chatbox-working:before, .ion-chatbox:before, .ion-chatboxes:before, .ion-chatbubble-working:before, .ion-chatbubble:before, .ion-chatbubbles:before, .ion-checkmark-circled:before, .ion-checkmark-round:before, .ion-checkmark:before, .ion-chevron-down:before, .ion-chevron-left:before, .ion-chevron-right:before, .ion-chevron-up:before, .ion-clipboard:before, .ion-clock:before, .ion-close-circled:before, .ion-close-round:before, .ion-close:before, .ion-closed-captioning:before, .ion-cloud:before, .ion-code-download:before, .ion-code-working:before, .ion-code:before, .ion-coffee:before, .ion-compass:before, .ion-compose:before, .ion-connection-bars:before, .ion-contrast:before, .ion-crop:before, .ion-cube:before, .ion-disc:before, .ion-document-text:before, .ion-document:before, .ion-drag:before, .ion-earth:before, .ion-easel:before, .ion-edit:before, .ion-egg:before, .ion-eject:before, .ion-email-unread:before, .ion-email:before, .ion-erlenmeyer-flask-bubbles:before, .ion-erlenmeyer-flask:before, .ion-eye-disabled:before, .ion-eye:before, .ion-female:before, .ion-filing:before, .ion-film-marker:before, .ion-fireball:before, .ion-flag:before, .ion-flame:before, .ion-flash-off:before, .ion-flash:before, .ion-folder:before, .ion-fork-repo:before, .ion-fork:before, .ion-forward:before, .ion-funnel:before, .ion-gear-a:before, .ion-gear-b:before, .ion-grid:before, .ion-hammer:before, .ion-happy-outline:before, .ion-happy:before, .ion-headphone:before, .ion-heart-broken:before, .ion-heart:before, .ion-help-buoy:before, .ion-help-circled:before, .ion-help:before, .ion-home:before, .ion-icecream:before, .ion-image:before, .ion-images:before, .ion-information-circled:before, .ion-information:before, .ion-ionic:before, .ion-ios-alarm-outline:before, .ion-ios-alarm:before, .ion-ios-albums-outline:before, .ion-ios-albums:before, .ion-ios-americanfootball-outline:before, .ion-ios-americanfootball:before, .ion-ios-analytics-outline:before, .ion-ios-analytics:before, .ion-ios-arrow-back:before, .ion-ios-arrow-down:before, .ion-ios-arrow-forward:before, .ion-ios-arrow-left:before, .ion-ios-arrow-right:before, .ion-ios-arrow-thin-down:before, .ion-ios-arrow-thin-left:before, .ion-ios-arrow-thin-right:before, .ion-ios-arrow-thin-up:before, .ion-ios-arrow-up:before, .ion-ios-at-outline:before, .ion-ios-at:before, .ion-ios-barcode-outline:before, .ion-ios-barcode:before, .ion-ios-baseball-outline:before, .ion-ios-baseball:before, .ion-ios-basketball-outline:before, .ion-ios-basketball:before, .ion-ios-bell-outline:before, .ion-ios-bell:before, .ion-ios-body-outline:before, .ion-ios-body:before, .ion-ios-bolt-outline:before, .ion-ios-bolt:before, .ion-ios-book-outline:before, .ion-ios-book:before, .ion-ios-bookmarks-outline:before, .ion-ios-bookmarks:before, .ion-ios-box-outline:before, .ion-ios-box:before, .ion-ios-briefcase-outline:before, .ion-ios-briefcase:before, .ion-ios-browsers-outline:before, .ion-ios-browsers:before, .ion-ios-calculator-outline:before, .ion-ios-calculator:before, .ion-ios-calendar-outline:before, .ion-ios-calendar:before, .ion-ios-camera-outline:before, .ion-ios-camera:before, .ion-ios-cart-outline:before, .ion-ios-cart:before, .ion-ios-chatboxes-outline:before, .ion-ios-chatboxes:before, .ion-ios-chatbubble-outline:before, .ion-ios-chatbubble:before, .ion-ios-checkmark-empty:before, .ion-ios-checkmark-outline:before, .ion-ios-checkmark:before, .ion-ios-circle-filled:before, .ion-ios-circle-outline:before, .ion-ios-clock-outline:before, .ion-ios-clock:before, .ion-ios-close-empty:before, .ion-ios-close-outline:before, .ion-ios-close:before, .ion-ios-cloud-download-outline:before, .ion-ios-cloud-download:before, .ion-ios-cloud-outline:before, .ion-ios-cloud-upload-outline:before, .ion-ios-cloud-upload:before, .ion-ios-cloud:before, .ion-ios-cloudy-night-outline:before, .ion-ios-cloudy-night:before, .ion-ios-cloudy-outline:before, .ion-ios-cloudy:before, .ion-ios-cog-outline:before, .ion-ios-cog:before, .ion-ios-color-filter-outline:before, .ion-ios-color-filter:before, .ion-ios-color-wand-outline:before, .ion-ios-color-wand:before, .ion-ios-compose-outline:before, .ion-ios-compose:before, .ion-ios-contact-outline:before, .ion-ios-contact:before, .ion-ios-copy-outline:before, .ion-ios-copy:before, .ion-ios-crop-strong:before, .ion-ios-crop:before, .ion-ios-download-outline:before, .ion-ios-download:before, .ion-ios-drag:before, .ion-ios-email-outline:before, .ion-ios-email:before, .ion-ios-eye-outline:before, .ion-ios-eye:before, .ion-ios-fastforward-outline:before, .ion-ios-fastforward:before, .ion-ios-filing-outline:before, .ion-ios-filing:before, .ion-ios-film-outline:before, .ion-ios-film:before, .ion-ios-flag-outline:before, .ion-ios-flag:before, .ion-ios-flame-outline:before, .ion-ios-flame:before, .ion-ios-flask-outline:before, .ion-ios-flask:before, .ion-ios-flower-outline:before, .ion-ios-flower:before, .ion-ios-folder-outline:before, .ion-ios-folder:before, .ion-ios-football-outline:before, .ion-ios-football:before, .ion-ios-game-controller-a-outline:before, .ion-ios-game-controller-a:before, .ion-ios-game-controller-b-outline:before, .ion-ios-game-controller-b:before, .ion-ios-gear-outline:before, .ion-ios-gear:before, .ion-ios-glasses-outline:before, .ion-ios-glasses:before, .ion-ios-grid-view-outline:before, .ion-ios-grid-view:before, .ion-ios-heart-outline:before, .ion-ios-heart:before, .ion-ios-help-empty:before, .ion-ios-help-outline:before, .ion-ios-help:before, .ion-ios-home-outline:before, .ion-ios-home:before, .ion-ios-infinite-outline:before, .ion-ios-infinite:before, .ion-ios-information-empty:before, .ion-ios-information-outline:before, .ion-ios-information:before, .ion-ios-ionic-outline:before, .ion-ios-keypad-outline:before, .ion-ios-keypad:before, .ion-ios-lightbulb-outline:before, .ion-ios-lightbulb:before, .ion-ios-list-outline:before, .ion-ios-list:before, .ion-ios-location-outline:before, .ion-ios-location:before, .ion-ios-locked-outline:before, .ion-ios-locked:before, .ion-ios-loop-strong:before, .ion-ios-loop:before, .ion-ios-medical-outline:before, .ion-ios-medical:before, .ion-ios-medkit-outline:before, .ion-ios-medkit:before, .ion-ios-mic-off:before, .ion-ios-mic-outline:before, .ion-ios-mic:before, .ion-ios-minus-empty:before, .ion-ios-minus-outline:before, .ion-ios-minus:before, .ion-ios-monitor-outline:before, .ion-ios-monitor:before, .ion-ios-moon-outline:before, .ion-ios-moon:before, .ion-ios-more-outline:before, .ion-ios-more:before, .ion-ios-musical-note:before, .ion-ios-musical-notes:before, .ion-ios-navigate-outline:before, .ion-ios-navigate:before, .ion-ios-nutrition-outline:before, .ion-ios-nutrition:before, .ion-ios-paper-outline:before, .ion-ios-paper:before, .ion-ios-paperplane-outline:before, .ion-ios-paperplane:before, .ion-ios-partlysunny-outline:before, .ion-ios-partlysunny:before, .ion-ios-pause-outline:before, .ion-ios-pause:before, .ion-ios-paw-outline:before, .ion-ios-paw:before, .ion-ios-people-outline:before, .ion-ios-people:before, .ion-ios-person-outline:before, .ion-ios-person:before, .ion-ios-personadd-outline:before, .ion-ios-personadd:before, .ion-ios-photos-outline:before, .ion-ios-photos:before, .ion-ios-pie-outline:before, .ion-ios-pie:before, .ion-ios-pint-outline:before, .ion-ios-pint:before, .ion-ios-play-outline:before, .ion-ios-play:before, .ion-ios-plus-empty:before, .ion-ios-plus-outline:before, .ion-ios-plus:before, .ion-ios-pricetag-outline:before, .ion-ios-pricetag:before, .ion-ios-pricetags-outline:before, .ion-ios-pricetags:before, .ion-ios-printer-outline:before, .ion-ios-printer:before, .ion-ios-pulse-strong:before, .ion-ios-pulse:before, .ion-ios-rainy-outline:before, .ion-ios-rainy:before, .ion-ios-recording-outline:before, .ion-ios-recording:before, .ion-ios-redo-outline:before, .ion-ios-redo:before, .ion-ios-refresh-empty:before, .ion-ios-refresh-outline:before, .ion-ios-refresh:before, .ion-ios-reload:before, .ion-ios-reverse-camera-outline:before, .ion-ios-reverse-camera:before, .ion-ios-rewind-outline:before, .ion-ios-rewind:before, .ion-ios-rose-outline:before, .ion-ios-rose:before, .ion-ios-search-strong:before, .ion-ios-search:before, .ion-ios-settings-strong:before, .ion-ios-settings:before, .ion-ios-shuffle-strong:before, .ion-ios-shuffle:before, .ion-ios-skipbackward-outline:before, .ion-ios-skipbackward:before, .ion-ios-skipforward-outline:before, .ion-ios-skipforward:before, .ion-ios-snowy:before, .ion-ios-speedometer-outline:before, .ion-ios-speedometer:before, .ion-ios-star-half:before, .ion-ios-star-outline:before, .ion-ios-star:before, .ion-ios-stopwatch-outline:before, .ion-ios-stopwatch:before, .ion-ios-sunny-outline:before, .ion-ios-sunny:before, .ion-ios-telephone-outline:before, .ion-ios-telephone:before, .ion-ios-tennisball-outline:before, .ion-ios-tennisball:before, .ion-ios-thunderstorm-outline:before, .ion-ios-thunderstorm:before, .ion-ios-time-outline:before, .ion-ios-time:before, .ion-ios-timer-outline:before, .ion-ios-timer:before, .ion-ios-toggle-outline:before, .ion-ios-toggle:before, .ion-ios-trash-outline:before, .ion-ios-trash:before, .ion-ios-undo-outline:before, .ion-ios-undo:before, .ion-ios-unlocked-outline:before, .ion-ios-unlocked:before, .ion-ios-upload-outline:before, .ion-ios-upload:before, .ion-ios-videocam-outline:before, .ion-ios-videocam:before, .ion-ios-volume-high:before, .ion-ios-volume-low:before, .ion-ios-wineglass-outline:before, .ion-ios-wineglass:before, .ion-ios-world-outline:before, .ion-ios-world:before, .ion-ipad:before, .ion-iphone:before, .ion-ipod:before, .ion-jet:before, .ion-key:before, .ion-knife:before, .ion-laptop:before, .ion-leaf:before, .ion-levels:before, .ion-lightbulb:before, .ion-link:before, .ion-load-a:before, .ion-load-b:before, .ion-load-c:before, .ion-load-d:before, .ion-location:before, .ion-lock-combination:before, .ion-locked:before, .ion-log-in:before, .ion-log-out:before, .ion-loop:before, .ion-magnet:before, .ion-male:before, .ion-man:before, .ion-map:before, .ion-medkit:before, .ion-merge:before, .ion-mic-a:before, .ion-mic-b:before, .ion-mic-c:before, .ion-minus-circled:before, .ion-minus-round:before, .ion-minus:before, .ion-model-s:before, .ion-monitor:before, .ion-more:before, .ion-mouse:before, .ion-music-note:before, .ion-navicon-round:before, .ion-navicon:before, .ion-navigate:before, .ion-network:before, .ion-no-smoking:before, .ion-nuclear:before, .ion-outlet:before, .ion-paintbrush:before, .ion-paintbucket:before, .ion-paper-airplane:before, .ion-paperclip:before, .ion-pause:before, .ion-person-add:before, .ion-person-stalker:before, .ion-person:before, .ion-pie-graph:before, .ion-pin:before, .ion-pinpoint:before, .ion-pizza:before, .ion-plane:before, .ion-planet:before, .ion-play:before, .ion-playstation:before, .ion-plus-circled:before, .ion-plus-round:before, .ion-plus:before, .ion-podium:before, .ion-pound:before, .ion-power:before, .ion-pricetag:before, .ion-pricetags:before, .ion-printer:before, .ion-pull-request:before, .ion-qr-scanner:before, .ion-quote:before, .ion-radio-waves:before, .ion-record:before, .ion-refresh:before, .ion-reply-all:before, .ion-reply:before, .ion-ribbon-a:before, .ion-ribbon-b:before, .ion-sad-outline:before, .ion-sad:before, .ion-scissors:before, .ion-search:before, .ion-settings:before, .ion-share:before, .ion-shuffle:before, .ion-skip-backward:before, .ion-skip-forward:before, .ion-social-android-outline:before, .ion-social-android:before, .ion-social-angular-outline:before, .ion-social-angular:before, .ion-social-apple-outline:before, .ion-social-apple:before, .ion-social-bitcoin-outline:before, .ion-social-bitcoin:before, .ion-social-buffer-outline:before, .ion-social-buffer:before, .ion-social-chrome-outline:before, .ion-social-chrome:before, .ion-social-codepen-outline:before, .ion-social-codepen:before, .ion-social-css3-outline:before, .ion-social-css3:before, .ion-social-designernews-outline:before, .ion-social-designernews:before, .ion-social-dribbble-outline:before, .ion-social-dribbble:before, .ion-social-dropbox-outline:before, .ion-social-dropbox:before, .ion-social-euro-outline:before, .ion-social-euro:before, .ion-social-facebook-outline:before, .ion-social-facebook:before, .ion-social-foursquare-outline:before, .ion-social-foursquare:before, .ion-social-freebsd-devil:before, .ion-social-github-outline:before, .ion-social-github:before, .ion-social-google-outline:before, .ion-social-google:before, .ion-social-googleplus-outline:before, .ion-social-googleplus:before, .ion-social-hackernews-outline:before, .ion-social-hackernews:before, .ion-social-html5-outline:before, .ion-social-html5:before, .ion-social-instagram-outline:before, .ion-social-instagram:before, .ion-social-javascript-outline:before, .ion-social-javascript:before, .ion-social-linkedin-outline:before, .ion-social-linkedin:before, .ion-social-markdown:before, .ion-social-nodejs:before, .ion-social-octocat:before, .ion-social-pinterest-outline:before, .ion-social-pinterest:before, .ion-social-python:before, .ion-social-reddit-outline:before, .ion-social-reddit:before, .ion-social-rss-outline:before, .ion-social-rss:before, .ion-social-sass:before, .ion-social-skype-outline:before, .ion-social-skype:before, .ion-social-snapchat-outline:before, .ion-social-snapchat:before, .ion-social-tumblr-outline:before, .ion-social-tumblr:before, .ion-social-tux:before, .ion-social-twitch-outline:before, .ion-social-twitch:before, .ion-social-twitter-outline:before, .ion-social-twitter:before, .ion-social-usd-outline:before, .ion-social-usd:before, .ion-social-vimeo-outline:before, .ion-social-vimeo:before, .ion-social-whatsapp-outline:before, .ion-social-whatsapp:before, .ion-social-windows-outline:before, .ion-social-windows:before, .ion-social-wordpress-outline:before, .ion-social-wordpress:before, .ion-social-yahoo-outline:before, .ion-social-yahoo:before, .ion-social-yen-outline:before, .ion-social-yen:before, .ion-social-youtube-outline:before, .ion-social-youtube:before, .ion-soup-can-outline:before, .ion-soup-can:before, .ion-speakerphone:before, .ion-speedometer:before, .ion-spoon:before, .ion-star:before, .ion-stats-bars:before, .ion-steam:before, .ion-stop:before, .ion-thermometer:before, .ion-thumbsdown:before, .ion-thumbsup:before, .ion-toggle-filled:before, .ion-toggle:before, .ion-transgender:before, .ion-trash-a:before, .ion-trash-b:before, .ion-trophy:before, .ion-tshirt-outline:before, .ion-tshirt:before, .ion-umbrella:before, .ion-university:before, .ion-unlocked:before, .ion-upload:before, .ion-usb:before, .ion-videocamera:before, .ion-volume-high:before, .ion-volume-low:before, .ion-volume-medium:before, .ion-volume-mute:before, .ion-wand:before, .ion-waterdrop:before, .ion-wifi:before, .ion-wineglass:before, .ion-woman:before, .ion-wrench:before, .ion-xbox:before, .ionicons {
    display: inline-block;
    font-family: Ionicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ion-alert:before {
    content: "\f101"
}

.ion-alert-circled:before {
    content: "\f100"
}

.ion-android-add:before {
    content: "\f2c7"
}

.ion-android-add-circle:before {
    content: "\f359"
}

.ion-android-alarm-clock:before {
    content: "\f35a"
}

.ion-android-alert:before {
    content: "\f35b"
}

.ion-android-apps:before {
    content: "\f35c"
}

.ion-android-archive:before {
    content: "\f2c9"
}

.ion-android-arrow-back:before {
    content: "\f2ca"
}

.ion-android-arrow-down:before {
    content: "\f35d"
}

.ion-android-arrow-dropdown:before {
    content: "\f35f"
}

.ion-android-arrow-dropdown-circle:before {
    content: "\f35e"
}

.ion-android-arrow-dropleft:before {
    content: "\f361"
}

.ion-android-arrow-dropleft-circle:before {
    content: "\f360"
}

.ion-android-arrow-dropright:before {
    content: "\f363"
}

.ion-android-arrow-dropright-circle:before {
    content: "\f362"
}

.ion-android-arrow-dropup:before {
    content: "\f365"
}

.ion-android-arrow-dropup-circle:before {
    content: "\f364"
}

.ion-android-arrow-forward:before {
    content: "\f30f"
}

.ion-android-arrow-up:before {
    content: "\f366"
}

.ion-android-attach:before {
    content: "\f367"
}

.ion-android-bar:before {
    content: "\f368"
}

.ion-android-bicycle:before {
    content: "\f369"
}

.ion-android-boat:before {
    content: "\f36a"
}

.ion-android-bookmark:before {
    content: "\f36b"
}

.ion-android-bulb:before {
    content: "\f36c"
}

.ion-android-bus:before {
    content: "\f36d"
}

.ion-android-calendar:before {
    content: "\f2d1"
}

.ion-android-call:before {
    content: "\f2d2"
}

.ion-android-camera:before {
    content: "\f2d3"
}

.ion-android-cancel:before {
    content: "\f36e"
}

.ion-android-car:before {
    content: "\f36f"
}

.ion-android-cart:before {
    content: "\f370"
}

.ion-android-chat:before {
    content: "\f2d4"
}

.ion-android-checkbox:before {
    content: "\f374"
}

.ion-android-checkbox-blank:before {
    content: "\f371"
}

.ion-android-checkbox-outline:before {
    content: "\f373"
}

.ion-android-checkbox-outline-blank:before {
    content: "\f372"
}

.ion-android-checkmark-circle:before {
    content: "\f375"
}

.ion-android-clipboard:before {
    content: "\f376"
}

.ion-android-close:before {
    content: "\f2d7"
}

.ion-android-cloud:before {
    content: "\f37a"
}

.ion-android-cloud-circle:before {
    content: "\f377"
}

.ion-android-cloud-done:before {
    content: "\f378"
}

.ion-android-cloud-outline:before {
    content: "\f379"
}

.ion-android-color-palette:before {
    content: "\f37b"
}

.ion-android-compass:before {
    content: "\f37c"
}

.ion-android-contact:before {
    content: "\f2d8"
}

.ion-android-contacts:before {
    content: "\f2d9"
}

.ion-android-contract:before {
    content: "\f37d"
}

.ion-android-create:before {
    content: "\f37e"
}

.ion-android-delete:before {
    content: "\f37f"
}

.ion-android-desktop:before {
    content: "\f380"
}

.ion-android-document:before {
    content: "\f381"
}

.ion-android-done:before {
    content: "\f383"
}

.ion-android-done-all:before {
    content: "\f382"
}

.ion-android-download:before {
    content: "\f2dd"
}

.ion-android-drafts:before {
    content: "\f384"
}

.ion-android-exit:before {
    content: "\f385"
}

.ion-android-expand:before {
    content: "\f386"
}

.ion-android-favorite:before {
    content: "\f388"
}

.ion-android-favorite-outline:before {
    content: "\f387"
}

.ion-android-film:before {
    content: "\f389"
}

.ion-android-folder:before {
    content: "\f2e0"
}

.ion-android-folder-open:before {
    content: "\f38a"
}

.ion-android-funnel:before {
    content: "\f38b"
}

.ion-android-globe:before {
    content: "\f38c"
}

.ion-android-hand:before {
    content: "\f2e3"
}

.ion-android-hangout:before {
    content: "\f38d"
}

.ion-android-happy:before {
    content: "\f38e"
}

.ion-android-home:before {
    content: "\f38f"
}

.ion-android-image:before {
    content: "\f2e4"
}

.ion-android-laptop:before {
    content: "\f390"
}

.ion-android-list:before {
    content: "\f391"
}

.ion-android-locate:before {
    content: "\f2e9"
}

.ion-android-lock:before {
    content: "\f392"
}

.ion-android-mail:before {
    content: "\f2eb"
}

.ion-android-map:before {
    content: "\f393"
}

.ion-android-menu:before {
    content: "\f394"
}

.ion-android-microphone:before {
    content: "\f2ec"
}

.ion-android-microphone-off:before {
    content: "\f395"
}

.ion-android-more-horizontal:before {
    content: "\f396"
}

.ion-android-more-vertical:before {
    content: "\f397"
}

.ion-android-navigate:before {
    content: "\f398"
}

.ion-android-notifications:before {
    content: "\f39b"
}

.ion-android-notifications-none:before {
    content: "\f399"
}

.ion-android-notifications-off:before {
    content: "\f39a"
}

.ion-android-open:before {
    content: "\f39c"
}

.ion-android-options:before {
    content: "\f39d"
}

.ion-android-people:before {
    content: "\f39e"
}

.ion-android-person:before {
    content: "\f3a0"
}

.ion-android-person-add:before {
    content: "\f39f"
}

.ion-android-phone-landscape:before {
    content: "\f3a1"
}

.ion-android-phone-portrait:before {
    content: "\f3a2"
}

.ion-android-pin:before {
    content: "\f3a3"
}

.ion-android-plane:before {
    content: "\f3a4"
}

.ion-android-playstore:before {
    content: "\f2f0"
}

.ion-android-print:before {
    content: "\f3a5"
}

.ion-android-radio-button-off:before {
    content: "\f3a6"
}

.ion-android-radio-button-on:before {
    content: "\f3a7"
}

.ion-android-refresh:before {
    content: "\f3a8"
}

.ion-android-remove:before {
    content: "\f2f4"
}

.ion-android-remove-circle:before {
    content: "\f3a9"
}

.ion-android-restaurant:before {
    content: "\f3aa"
}

.ion-android-sad:before {
    content: "\f3ab"
}

.ion-android-search:before {
    content: "\f2f5"
}

.ion-android-send:before {
    content: "\f2f6"
}

.ion-android-settings:before {
    content: "\f2f7"
}

.ion-android-share:before {
    content: "\f2f8"
}

.ion-android-share-alt:before {
    content: "\f3ac"
}

.ion-android-star:before {
    content: "\f2fc"
}

.ion-android-star-half:before {
    content: "\f3ad"
}

.ion-android-star-outline:before {
    content: "\f3ae"
}

.ion-android-stopwatch:before {
    content: "\f2fd"
}

.ion-android-subway:before {
    content: "\f3af"
}

.ion-android-sunny:before {
    content: "\f3b0"
}

.ion-android-sync:before {
    content: "\f3b1"
}

.ion-android-textsms:before {
    content: "\f3b2"
}

.ion-android-time:before {
    content: "\f3b3"
}

.ion-android-train:before {
    content: "\f3b4"
}

.ion-android-unlock:before {
    content: "\f3b5"
}

.ion-android-upload:before {
    content: "\f3b6"
}

.ion-android-volume-down:before {
    content: "\f3b7"
}

.ion-android-volume-mute:before {
    content: "\f3b8"
}

.ion-android-volume-off:before {
    content: "\f3b9"
}

.ion-android-volume-up:before {
    content: "\f3ba"
}

.ion-android-walk:before {
    content: "\f3bb"
}

.ion-android-warning:before {
    content: "\f3bc"
}

.ion-android-watch:before {
    content: "\f3bd"
}

.ion-android-wifi:before {
    content: "\f305"
}

.ion-aperture:before {
    content: "\f313"
}

.ion-archive:before {
    content: "\f102"
}

.ion-arrow-down-a:before {
    content: "\f103"
}

.ion-arrow-down-b:before {
    content: "\f104"
}

.ion-arrow-down-c:before {
    content: "\f105"
}

.ion-arrow-expand:before {
    content: "\f25e"
}

.ion-arrow-graph-down-left:before {
    content: "\f25f"
}

.ion-arrow-graph-down-right:before {
    content: "\f260"
}

.ion-arrow-graph-up-left:before {
    content: "\f261"
}

.ion-arrow-graph-up-right:before {
    content: "\f262"
}

.ion-arrow-left-a:before {
    content: "\f106"
}

.ion-arrow-left-b:before {
    content: "\f107"
}

.ion-arrow-left-c:before {
    content: "\f108"
}

.ion-arrow-move:before {
    content: "\f263"
}

.ion-arrow-resize:before {
    content: "\f264"
}

.ion-arrow-return-left:before {
    content: "\f265"
}

.ion-arrow-return-right:before {
    content: "\f266"
}

.ion-arrow-right-a:before {
    content: "\f109"
}

.ion-arrow-right-b:before {
    content: "\f10a"
}

.ion-arrow-right-c:before {
    content: "\f10b"
}

.ion-arrow-shrink:before {
    content: "\f267"
}

.ion-arrow-swap:before {
    content: "\f268"
}

.ion-arrow-up-a:before {
    content: "\f10c"
}

.ion-arrow-up-b:before {
    content: "\f10d"
}

.ion-arrow-up-c:before {
    content: "\f10e"
}

.ion-asterisk:before {
    content: "\f314"
}

.ion-at:before {
    content: "\f10f"
}

.ion-backspace:before {
    content: "\f3bf"
}

.ion-backspace-outline:before {
    content: "\f3be"
}

.ion-bag:before {
    content: "\f110"
}

.ion-battery-charging:before {
    content: "\f111"
}

.ion-battery-empty:before {
    content: "\f112"
}

.ion-battery-full:before {
    content: "\f113"
}

.ion-battery-half:before {
    content: "\f114"
}

.ion-battery-low:before {
    content: "\f115"
}

.ion-beaker:before {
    content: "\f269"
}

.ion-beer:before {
    content: "\f26a"
}

.ion-bluetooth:before {
    content: "\f116"
}

.ion-bonfire:before {
    content: "\f315"
}

.ion-bookmark:before {
    content: "\f26b"
}

.ion-bowtie:before {
    content: "\f3c0"
}

.ion-briefcase:before {
    content: "\f26c"
}

.ion-bug:before {
    content: "\f2be"
}

.ion-calculator:before {
    content: "\f26d"
}

.ion-calendar:before {
    content: "\f117"
}

.ion-camera:before {
    content: "\f118"
}

.ion-card:before {
    content: "\f119"
}

.ion-cash:before {
    content: "\f316"
}

.ion-chatbox:before {
    content: "\f11b"
}

.ion-chatbox-working:before {
    content: "\f11a"
}

.ion-chatboxes:before {
    content: "\f11c"
}

.ion-chatbubble:before {
    content: "\f11e"
}

.ion-chatbubble-working:before {
    content: "\f11d"
}

.ion-chatbubbles:before {
    content: "\f11f"
}

.ion-checkmark:before {
    content: "\f122"
}

.ion-checkmark-circled:before {
    content: "\f120"
}

.ion-checkmark-round:before {
    content: "\f121"
}

.ion-chevron-down:before {
    content: "\f123"
}

.ion-chevron-left:before {
    content: "\f124"
}

.ion-chevron-right:before {
    content: "\f125"
}

.ion-chevron-up:before {
    content: "\f126"
}

.ion-clipboard:before {
    content: "\f127"
}

.ion-clock:before {
    content: "\f26e"
}

.ion-close:before {
    content: "\f12a"
}

.ion-close-circled:before {
    content: "\f128"
}

.ion-close-round:before {
    content: "\f129"
}

.ion-closed-captioning:before {
    content: "\f317"
}

.ion-cloud:before {
    content: "\f12b"
}

.ion-code:before {
    content: "\f271"
}

.ion-code-download:before {
    content: "\f26f"
}

.ion-code-working:before {
    content: "\f270"
}

.ion-coffee:before {
    content: "\f272"
}

.ion-compass:before {
    content: "\f273"
}

.ion-compose:before {
    content: "\f12c"
}

.ion-connection-bars:before {
    content: "\f274"
}

.ion-contrast:before {
    content: "\f275"
}

.ion-crop:before {
    content: "\f3c1"
}

.ion-cube:before {
    content: "\f318"
}

.ion-disc:before {
    content: "\f12d"
}

.ion-document:before {
    content: "\f12f"
}

.ion-document-text:before {
    content: "\f12e"
}

.ion-drag:before {
    content: "\f130"
}

.ion-earth:before {
    content: "\f276"
}

.ion-easel:before {
    content: "\f3c2"
}

.ion-edit:before {
    content: "\f2bf"
}

.ion-egg:before {
    content: "\f277"
}

.ion-eject:before {
    content: "\f131"
}

.ion-email:before {
    content: "\f132"
}

.ion-email-unread:before {
    content: "\f3c3"
}

.ion-erlenmeyer-flask:before {
    content: "\f3c5"
}

.ion-erlenmeyer-flask-bubbles:before {
    content: "\f3c4"
}

.ion-eye:before {
    content: "\f133"
}

.ion-eye-disabled:before {
    content: "\f306"
}

.ion-female:before {
    content: "\f278"
}

.ion-filing:before {
    content: "\f134"
}

.ion-film-marker:before {
    content: "\f135"
}

.ion-fireball:before {
    content: "\f319"
}

.ion-flag:before {
    content: "\f279"
}

.ion-flame:before {
    content: "\f31a"
}

.ion-flash:before {
    content: "\f137"
}

.ion-flash-off:before {
    content: "\f136"
}

.ion-folder:before {
    content: "\f139"
}

.ion-fork:before {
    content: "\f27a"
}

.ion-fork-repo:before {
    content: "\f2c0"
}

.ion-forward:before {
    content: "\f13a"
}

.ion-funnel:before {
    content: "\f31b"
}

.ion-gear-a:before {
    content: "\f13d"
}

.ion-gear-b:before {
    content: "\f13e"
}

.ion-grid:before {
    content: "\f13f"
}

.ion-hammer:before {
    content: "\f27b"
}

.ion-happy:before {
    content: "\f31c"
}

.ion-happy-outline:before {
    content: "\f3c6"
}

.ion-headphone:before {
    content: "\f140"
}

.ion-heart:before {
    content: "\f141"
}

.ion-heart-broken:before {
    content: "\f31d"
}

.ion-help:before {
    content: "\f143"
}

.ion-help-buoy:before {
    content: "\f27c"
}

.ion-help-circled:before {
    content: "\f142"
}

.ion-home:before {
    content: "\f144"
}

.ion-icecream:before {
    content: "\f27d"
}

.ion-image:before {
    content: "\f147"
}

.ion-images:before {
    content: "\f148"
}

.ion-information:before {
    content: "\f14a"
}

.ion-information-circled:before {
    content: "\f149"
}

.ion-ionic:before {
    content: "\f14b"
}

.ion-ios-alarm:before {
    content: "\f3c8"
}

.ion-ios-alarm-outline:before {
    content: "\f3c7"
}

.ion-ios-albums:before {
    content: "\f3ca"
}

.ion-ios-albums-outline:before {
    content: "\f3c9"
}

.ion-ios-americanfootball:before {
    content: "\f3cc"
}

.ion-ios-americanfootball-outline:before {
    content: "\f3cb"
}

.ion-ios-analytics:before {
    content: "\f3ce"
}

.ion-ios-analytics-outline:before {
    content: "\f3cd"
}

.ion-ios-arrow-back:before {
    content: "\f3cf"
}

.ion-ios-arrow-down:before {
    content: "\f3d0"
}

.ion-ios-arrow-forward:before {
    content: "\f3d1"
}

.ion-ios-arrow-left:before {
    content: "\f3d2"
}

.ion-ios-arrow-right:before {
    content: "\f3d3"
}

.ion-ios-arrow-thin-down:before {
    content: "\f3d4"
}

.ion-ios-arrow-thin-left:before {
    content: "\f3d5"
}

.ion-ios-arrow-thin-right:before {
    content: "\f3d6"
}

.ion-ios-arrow-thin-up:before {
    content: "\f3d7"
}

.ion-ios-arrow-up:before {
    content: "\f3d8"
}

.ion-ios-at:before {
    content: "\f3da"
}

.ion-ios-at-outline:before {
    content: "\f3d9"
}

.ion-ios-barcode:before {
    content: "\f3dc"
}

.ion-ios-barcode-outline:before {
    content: "\f3db"
}

.ion-ios-baseball:before {
    content: "\f3de"
}

.ion-ios-baseball-outline:before {
    content: "\f3dd"
}

.ion-ios-basketball:before {
    content: "\f3e0"
}

.ion-ios-basketball-outline:before {
    content: "\f3df"
}

.ion-ios-bell:before {
    content: "\f3e2"
}

.ion-ios-bell-outline:before {
    content: "\f3e1"
}

.ion-ios-body:before {
    content: "\f3e4"
}

.ion-ios-body-outline:before {
    content: "\f3e3"
}

.ion-ios-bolt:before {
    content: "\f3e6"
}

.ion-ios-bolt-outline:before {
    content: "\f3e5"
}

.ion-ios-book:before {
    content: "\f3e8"
}

.ion-ios-book-outline:before {
    content: "\f3e7"
}

.ion-ios-bookmarks:before {
    content: "\f3ea"
}

.ion-ios-bookmarks-outline:before {
    content: "\f3e9"
}

.ion-ios-box:before {
    content: "\f3ec"
}

.ion-ios-box-outline:before {
    content: "\f3eb"
}

.ion-ios-briefcase:before {
    content: "\f3ee"
}

.ion-ios-briefcase-outline:before {
    content: "\f3ed"
}

.ion-ios-browsers:before {
    content: "\f3f0"
}

.ion-ios-browsers-outline:before {
    content: "\f3ef"
}

.ion-ios-calculator:before {
    content: "\f3f2"
}

.ion-ios-calculator-outline:before {
    content: "\f3f1"
}

.ion-ios-calendar:before {
    content: "\f3f4"
}

.ion-ios-calendar-outline:before {
    content: "\f3f3"
}

.ion-ios-camera:before {
    content: "\f3f6"
}

.ion-ios-camera-outline:before {
    content: "\f3f5"
}

.ion-ios-cart:before {
    content: "\f3f8"
}

.ion-ios-cart-outline:before {
    content: "\f3f7"
}

.ion-ios-chatboxes:before {
    content: "\f3fa"
}

.ion-ios-chatboxes-outline:before {
    content: "\f3f9"
}

.ion-ios-chatbubble:before {
    content: "\f3fc"
}

.ion-ios-chatbubble-outline:before {
    content: "\f3fb"
}

.ion-ios-checkmark:before {
    content: "\f3ff"
}

.ion-ios-checkmark-empty:before {
    content: "\f3fd"
}

.ion-ios-checkmark-outline:before {
    content: "\f3fe"
}

.ion-ios-circle-filled:before {
    content: "\f400"
}

.ion-ios-circle-outline:before {
    content: "\f401"
}

.ion-ios-clock:before {
    content: "\f403"
}

.ion-ios-clock-outline:before {
    content: "\f402"
}

.ion-ios-close:before {
    content: "\f406"
}

.ion-ios-close-empty:before {
    content: "\f404"
}

.ion-ios-close-outline:before {
    content: "\f405"
}

.ion-ios-cloud:before {
    content: "\f40c"
}

.ion-ios-cloud-download:before {
    content: "\f408"
}

.ion-ios-cloud-download-outline:before {
    content: "\f407"
}

.ion-ios-cloud-outline:before {
    content: "\f409"
}

.ion-ios-cloud-upload:before {
    content: "\f40b"
}

.ion-ios-cloud-upload-outline:before {
    content: "\f40a"
}

.ion-ios-cloudy:before {
    content: "\f410"
}

.ion-ios-cloudy-night:before {
    content: "\f40e"
}

.ion-ios-cloudy-night-outline:before {
    content: "\f40d"
}

.ion-ios-cloudy-outline:before {
    content: "\f40f"
}

.ion-ios-cog:before {
    content: "\f412"
}

.ion-ios-cog-outline:before {
    content: "\f411"
}

.ion-ios-color-filter:before {
    content: "\f414"
}

.ion-ios-color-filter-outline:before {
    content: "\f413"
}

.ion-ios-color-wand:before {
    content: "\f416"
}

.ion-ios-color-wand-outline:before {
    content: "\f415"
}

.ion-ios-compose:before {
    content: "\f418"
}

.ion-ios-compose-outline:before {
    content: "\f417"
}

.ion-ios-contact:before {
    content: "\f41a"
}

.ion-ios-contact-outline:before {
    content: "\f419"
}

.ion-ios-copy:before {
    content: "\f41c"
}

.ion-ios-copy-outline:before {
    content: "\f41b"
}

.ion-ios-crop:before {
    content: "\f41e"
}

.ion-ios-crop-strong:before {
    content: "\f41d"
}

.ion-ios-download:before {
    content: "\f420"
}

.ion-ios-download-outline:before {
    content: "\f41f"
}

.ion-ios-drag:before {
    content: "\f421"
}

.ion-ios-email:before {
    content: "\f423"
}

.ion-ios-email-outline:before {
    content: "\f422"
}

.ion-ios-eye:before {
    content: "\f425"
}

.ion-ios-eye-outline:before {
    content: "\f424"
}

.ion-ios-fastforward:before {
    content: "\f427"
}

.ion-ios-fastforward-outline:before {
    content: "\f426"
}

.ion-ios-filing:before {
    content: "\f429"
}

.ion-ios-filing-outline:before {
    content: "\f428"
}

.ion-ios-film:before {
    content: "\f42b"
}

.ion-ios-film-outline:before {
    content: "\f42a"
}

.ion-ios-flag:before {
    content: "\f42d"
}

.ion-ios-flag-outline:before {
    content: "\f42c"
}

.ion-ios-flame:before {
    content: "\f42f"
}

.ion-ios-flame-outline:before {
    content: "\f42e"
}

.ion-ios-flask:before {
    content: "\f431"
}

.ion-ios-flask-outline:before {
    content: "\f430"
}

.ion-ios-flower:before {
    content: "\f433"
}

.ion-ios-flower-outline:before {
    content: "\f432"
}

.ion-ios-folder:before {
    content: "\f435"
}

.ion-ios-folder-outline:before {
    content: "\f434"
}

.ion-ios-football:before {
    content: "\f437"
}

.ion-ios-football-outline:before {
    content: "\f436"
}

.ion-ios-game-controller-a:before {
    content: "\f439"
}

.ion-ios-game-controller-a-outline:before {
    content: "\f438"
}

.ion-ios-game-controller-b:before {
    content: "\f43b"
}

.ion-ios-game-controller-b-outline:before {
    content: "\f43a"
}

.ion-ios-gear:before {
    content: "\f43d"
}

.ion-ios-gear-outline:before {
    content: "\f43c"
}

.ion-ios-glasses:before {
    content: "\f43f"
}

.ion-ios-glasses-outline:before {
    content: "\f43e"
}

.ion-ios-grid-view:before {
    content: "\f441"
}

.ion-ios-grid-view-outline:before {
    content: "\f440"
}

.ion-ios-heart:before {
    content: "\f443"
}

.ion-ios-heart-outline:before {
    content: "\f442"
}

.ion-ios-help:before {
    content: "\f446"
}

.ion-ios-help-empty:before {
    content: "\f444"
}

.ion-ios-help-outline:before {
    content: "\f445"
}

.ion-ios-home:before {
    content: "\f448"
}

.ion-ios-home-outline:before {
    content: "\f447"
}

.ion-ios-infinite:before {
    content: "\f44a"
}

.ion-ios-infinite-outline:before {
    content: "\f449"
}

.ion-ios-information:before {
    content: "\f44d"
}

.ion-ios-information-empty:before {
    content: "\f44b"
}

.ion-ios-information-outline:before {
    content: "\f44c"
}

.ion-ios-ionic-outline:before {
    content: "\f44e"
}

.ion-ios-keypad:before {
    content: "\f450"
}

.ion-ios-keypad-outline:before {
    content: "\f44f"
}

.ion-ios-lightbulb:before {
    content: "\f452"
}

.ion-ios-lightbulb-outline:before {
    content: "\f451"
}

.ion-ios-list:before {
    content: "\f454"
}

.ion-ios-list-outline:before {
    content: "\f453"
}

.ion-ios-location:before {
    content: "\f456"
}

.ion-ios-location-outline:before {
    content: "\f455"
}

.ion-ios-locked:before {
    content: "\f458"
}

.ion-ios-locked-outline:before {
    content: "\f457"
}

.ion-ios-loop:before {
    content: "\f45a"
}

.ion-ios-loop-strong:before {
    content: "\f459"
}

.ion-ios-medical:before {
    content: "\f45c"
}

.ion-ios-medical-outline:before {
    content: "\f45b"
}

.ion-ios-medkit:before {
    content: "\f45e"
}

.ion-ios-medkit-outline:before {
    content: "\f45d"
}

.ion-ios-mic:before {
    content: "\f461"
}

.ion-ios-mic-off:before {
    content: "\f45f"
}

.ion-ios-mic-outline:before {
    content: "\f460"
}

.ion-ios-minus:before {
    content: "\f464"
}

.ion-ios-minus-empty:before {
    content: "\f462"
}

.ion-ios-minus-outline:before {
    content: "\f463"
}

.ion-ios-monitor:before {
    content: "\f466"
}

.ion-ios-monitor-outline:before {
    content: "\f465"
}

.ion-ios-moon:before {
    content: "\f468"
}

.ion-ios-moon-outline:before {
    content: "\f467"
}

.ion-ios-more:before {
    content: "\f46a"
}

.ion-ios-more-outline:before {
    content: "\f469"
}

.ion-ios-musical-note:before {
    content: "\f46b"
}

.ion-ios-musical-notes:before {
    content: "\f46c"
}

.ion-ios-navigate:before {
    content: "\f46e"
}

.ion-ios-navigate-outline:before {
    content: "\f46d"
}

.ion-ios-nutrition:before {
    content: "\f470"
}

.ion-ios-nutrition-outline:before {
    content: "\f46f"
}

.ion-ios-paper:before {
    content: "\f472"
}

.ion-ios-paper-outline:before {
    content: "\f471"
}

.ion-ios-paperplane:before {
    content: "\f474"
}

.ion-ios-paperplane-outline:before {
    content: "\f473"
}

.ion-ios-partlysunny:before {
    content: "\f476"
}

.ion-ios-partlysunny-outline:before {
    content: "\f475"
}

.ion-ios-pause:before {
    content: "\f478"
}

.ion-ios-pause-outline:before {
    content: "\f477"
}

.ion-ios-paw:before {
    content: "\f47a"
}

.ion-ios-paw-outline:before {
    content: "\f479"
}

.ion-ios-people:before {
    content: "\f47c"
}

.ion-ios-people-outline:before {
    content: "\f47b"
}

.ion-ios-person:before {
    content: "\f47e"
}

.ion-ios-person-outline:before {
    content: "\f47d"
}

.ion-ios-personadd:before {
    content: "\f480"
}

.ion-ios-personadd-outline:before {
    content: "\f47f"
}

.ion-ios-photos:before {
    content: "\f482"
}

.ion-ios-photos-outline:before {
    content: "\f481"
}

.ion-ios-pie:before {
    content: "\f484"
}

.ion-ios-pie-outline:before {
    content: "\f483"
}

.ion-ios-pint:before {
    content: "\f486"
}

.ion-ios-pint-outline:before {
    content: "\f485"
}

.ion-ios-play:before {
    content: "\f488"
}

.ion-ios-play-outline:before {
    content: "\f487"
}

.ion-ios-plus:before {
    content: "\f48b"
}

.ion-ios-plus-empty:before {
    content: "\f489"
}

.ion-ios-plus-outline:before {
    content: "\f48a"
}

.ion-ios-pricetag:before {
    content: "\f48d"
}

.ion-ios-pricetag-outline:before {
    content: "\f48c"
}

.ion-ios-pricetags:before {
    content: "\f48f"
}

.ion-ios-pricetags-outline:before {
    content: "\f48e"
}

.ion-ios-printer:before {
    content: "\f491"
}

.ion-ios-printer-outline:before {
    content: "\f490"
}

.ion-ios-pulse:before {
    content: "\f493"
}

.ion-ios-pulse-strong:before {
    content: "\f492"
}

.ion-ios-rainy:before {
    content: "\f495"
}

.ion-ios-rainy-outline:before {
    content: "\f494"
}

.ion-ios-recording:before {
    content: "\f497"
}

.ion-ios-recording-outline:before {
    content: "\f496"
}

.ion-ios-redo:before {
    content: "\f499"
}

.ion-ios-redo-outline:before {
    content: "\f498"
}

.ion-ios-refresh:before {
    content: "\f49c"
}

.ion-ios-refresh-empty:before {
    content: "\f49a"
}

.ion-ios-refresh-outline:before {
    content: "\f49b"
}

.ion-ios-reload:before {
    content: "\f49d"
}

.ion-ios-reverse-camera:before {
    content: "\f49f"
}

.ion-ios-reverse-camera-outline:before {
    content: "\f49e"
}

.ion-ios-rewind:before {
    content: "\f4a1"
}

.ion-ios-rewind-outline:before {
    content: "\f4a0"
}

.ion-ios-rose:before {
    content: "\f4a3"
}

.ion-ios-rose-outline:before {
    content: "\f4a2"
}

.ion-ios-search:before {
    content: "\f4a5"
}

.ion-ios-search-strong:before {
    content: "\f4a4"
}

.ion-ios-settings:before {
    content: "\f4a7"
}

.ion-ios-settings-strong:before {
    content: "\f4a6"
}

.ion-ios-shuffle:before {
    content: "\f4a9"
}

.ion-ios-shuffle-strong:before {
    content: "\f4a8"
}

.ion-ios-skipbackward:before {
    content: "\f4ab"
}

.ion-ios-skipbackward-outline:before {
    content: "\f4aa"
}

.ion-ios-skipforward:before {
    content: "\f4ad"
}

.ion-ios-skipforward-outline:before {
    content: "\f4ac"
}

.ion-ios-snowy:before {
    content: "\f4ae"
}

.ion-ios-speedometer:before {
    content: "\f4b0"
}

.ion-ios-speedometer-outline:before {
    content: "\f4af"
}

.ion-ios-star:before {
    content: "\f4b3"
}

.ion-ios-star-half:before {
    content: "\f4b1"
}

.ion-ios-star-outline:before {
    content: "\f4b2"
}

.ion-ios-stopwatch:before {
    content: "\f4b5"
}

.ion-ios-stopwatch-outline:before {
    content: "\f4b4"
}

.ion-ios-sunny:before {
    content: "\f4b7"
}

.ion-ios-sunny-outline:before {
    content: "\f4b6"
}

.ion-ios-telephone:before {
    content: "\f4b9"
}

.ion-ios-telephone-outline:before {
    content: "\f4b8"
}

.ion-ios-tennisball:before {
    content: "\f4bb"
}

.ion-ios-tennisball-outline:before {
    content: "\f4ba"
}

.ion-ios-thunderstorm:before {
    content: "\f4bd"
}

.ion-ios-thunderstorm-outline:before {
    content: "\f4bc"
}

.ion-ios-time:before {
    content: "\f4bf"
}

.ion-ios-time-outline:before {
    content: "\f4be"
}

.ion-ios-timer:before {
    content: "\f4c1"
}

.ion-ios-timer-outline:before {
    content: "\f4c0"
}

.ion-ios-toggle:before {
    content: "\f4c3"
}

.ion-ios-toggle-outline:before {
    content: "\f4c2"
}

.ion-ios-trash:before {
    content: "\f4c5"
}

.ion-ios-trash-outline:before {
    content: "\f4c4"
}

.ion-ios-undo:before {
    content: "\f4c7"
}

.ion-ios-undo-outline:before {
    content: "\f4c6"
}

.ion-ios-unlocked:before {
    content: "\f4c9"
}

.ion-ios-unlocked-outline:before {
    content: "\f4c8"
}

.ion-ios-upload:before {
    content: "\f4cb"
}

.ion-ios-upload-outline:before {
    content: "\f4ca"
}

.ion-ios-videocam:before {
    content: "\f4cd"
}

.ion-ios-videocam-outline:before {
    content: "\f4cc"
}

.ion-ios-volume-high:before {
    content: "\f4ce"
}

.ion-ios-volume-low:before {
    content: "\f4cf"
}

.ion-ios-wineglass:before {
    content: "\f4d1"
}

.ion-ios-wineglass-outline:before {
    content: "\f4d0"
}

.ion-ios-world:before {
    content: "\f4d3"
}

.ion-ios-world-outline:before {
    content: "\f4d2"
}

.ion-ipad:before {
    content: "\f1f9"
}

.ion-iphone:before {
    content: "\f1fa"
}

.ion-ipod:before {
    content: "\f1fb"
}

.ion-jet:before {
    content: "\f295"
}

.ion-key:before {
    content: "\f296"
}

.ion-knife:before {
    content: "\f297"
}

.ion-laptop:before {
    content: "\f1fc"
}

.ion-leaf:before {
    content: "\f1fd"
}

.ion-levels:before {
    content: "\f298"
}

.ion-lightbulb:before {
    content: "\f299"
}

.ion-link:before {
    content: "\f1fe"
}

.ion-load-a:before {
    content: "\f29a"
}

.ion-load-b:before {
    content: "\f29b"
}

.ion-load-c:before {
    content: "\f29c"
}

.ion-load-d:before {
    content: "\f29d"
}

.ion-location:before {
    content: "\f1ff"
}

.ion-lock-combination:before {
    content: "\f4d4"
}

.ion-locked:before {
    content: "\f200"
}

.ion-log-in:before {
    content: "\f29e"
}

.ion-log-out:before {
    content: "\f29f"
}

.ion-loop:before {
    content: "\f201"
}

.ion-magnet:before {
    content: "\f2a0"
}

.ion-male:before {
    content: "\f2a1"
}

.ion-man:before {
    content: "\f202"
}

.ion-map:before {
    content: "\f203"
}

.ion-medkit:before {
    content: "\f2a2"
}

.ion-merge:before {
    content: "\f33f"
}

.ion-mic-a:before {
    content: "\f204"
}

.ion-mic-b:before {
    content: "\f205"
}

.ion-mic-c:before {
    content: "\f206"
}

.ion-minus:before {
    content: "\f209"
}

.ion-minus-circled:before {
    content: "\f207"
}

.ion-minus-round:before {
    content: "\f208"
}

.ion-model-s:before {
    content: "\f2c1"
}

.ion-monitor:before {
    content: "\f20a"
}

.ion-more:before {
    content: "\f20b"
}

.ion-mouse:before {
    content: "\f340"
}

.ion-music-note:before {
    content: "\f20c"
}

.ion-navicon:before {
    content: "\f20e"
}

.ion-navicon-round:before {
    content: "\f20d"
}

.ion-navigate:before {
    content: "\f2a3"
}

.ion-network:before {
    content: "\f341"
}

.ion-no-smoking:before {
    content: "\f2c2"
}

.ion-nuclear:before {
    content: "\f2a4"
}

.ion-outlet:before {
    content: "\f342"
}

.ion-paintbrush:before {
    content: "\f4d5"
}

.ion-paintbucket:before {
    content: "\f4d6"
}

.ion-paper-airplane:before {
    content: "\f2c3"
}

.ion-paperclip:before {
    content: "\f20f"
}

.ion-pause:before {
    content: "\f210"
}

.ion-person:before {
    content: "\f213"
}

.ion-person-add:before {
    content: "\f211"
}

.ion-person-stalker:before {
    content: "\f212"
}

.ion-pie-graph:before {
    content: "\f2a5"
}

.ion-pin:before {
    content: "\f2a6"
}

.ion-pinpoint:before {
    content: "\f2a7"
}

.ion-pizza:before {
    content: "\f2a8"
}

.ion-plane:before {
    content: "\f214"
}

.ion-planet:before {
    content: "\f343"
}

.ion-play:before {
    content: "\f215"
}

.ion-playstation:before {
    content: "\f30a"
}

.ion-plus:before {
    content: "\f218"
}

.ion-plus-circled:before {
    content: "\f216"
}

.ion-plus-round:before {
    content: "\f217"
}

.ion-podium:before {
    content: "\f344"
}

.ion-pound:before {
    content: "\f219"
}

.ion-power:before {
    content: "\f2a9"
}

.ion-pricetag:before {
    content: "\f2aa"
}

.ion-pricetags:before {
    content: "\f2ab"
}

.ion-printer:before {
    content: "\f21a"
}

.ion-pull-request:before {
    content: "\f345"
}

.ion-qr-scanner:before {
    content: "\f346"
}

.ion-quote:before {
    content: "\f347"
}

.ion-radio-waves:before {
    content: "\f2ac"
}

.ion-record:before {
    content: "\f21b"
}

.ion-refresh:before {
    content: "\f21c"
}

.ion-reply:before {
    content: "\f21e"
}

.ion-reply-all:before {
    content: "\f21d"
}

.ion-ribbon-a:before {
    content: "\f348"
}

.ion-ribbon-b:before {
    content: "\f349"
}

.ion-sad:before {
    content: "\f34a"
}

.ion-sad-outline:before {
    content: "\f4d7"
}

.ion-scissors:before {
    content: "\f34b"
}

.ion-search:before {
    content: "\f21f"
}

.ion-settings:before {
    content: "\f2ad"
}

.ion-share:before {
    content: "\f220"
}

.ion-shuffle:before {
    content: "\f221"
}

.ion-skip-backward:before {
    content: "\f222"
}

.ion-skip-forward:before {
    content: "\f223"
}

.ion-social-android:before {
    content: "\f225"
}

.ion-social-android-outline:before {
    content: "\f224"
}

.ion-social-angular:before {
    content: "\f4d9"
}

.ion-social-angular-outline:before {
    content: "\f4d8"
}

.ion-social-apple:before {
    content: "\f227"
}

.ion-social-apple-outline:before {
    content: "\f226"
}

.ion-social-bitcoin:before {
    content: "\f2af"
}

.ion-social-bitcoin-outline:before {
    content: "\f2ae"
}

.ion-social-buffer:before {
    content: "\f229"
}

.ion-social-buffer-outline:before {
    content: "\f228"
}

.ion-social-chrome:before {
    content: "\f4db"
}

.ion-social-chrome-outline:before {
    content: "\f4da"
}

.ion-social-codepen:before {
    content: "\f4dd"
}

.ion-social-codepen-outline:before {
    content: "\f4dc"
}

.ion-social-css3:before {
    content: "\f4df"
}

.ion-social-css3-outline:before {
    content: "\f4de"
}

.ion-social-designernews:before {
    content: "\f22b"
}

.ion-social-designernews-outline:before {
    content: "\f22a"
}

.ion-social-dribbble:before {
    content: "\f22d"
}

.ion-social-dribbble-outline:before {
    content: "\f22c"
}

.ion-social-dropbox:before {
    content: "\f22f"
}

.ion-social-dropbox-outline:before {
    content: "\f22e"
}

.ion-social-euro:before {
    content: "\f4e1"
}

.ion-social-euro-outline:before {
    content: "\f4e0"
}

.ion-social-facebook:before {
    content: "\f231"
}

.ion-social-facebook-outline:before {
    content: "\f230"
}

.ion-social-foursquare:before {
    content: "\f34d"
}

.ion-social-foursquare-outline:before {
    content: "\f34c"
}

.ion-social-freebsd-devil:before {
    content: "\f2c4"
}

.ion-social-github:before {
    content: "\f233"
}

.ion-social-github-outline:before {
    content: "\f232"
}

.ion-social-google:before {
    content: "\f34f"
}

.ion-social-google-outline:before {
    content: "\f34e"
}

.ion-social-googleplus:before {
    content: "\f235"
}

.ion-social-googleplus-outline:before {
    content: "\f234"
}

.ion-social-hackernews:before {
    content: "\f237"
}

.ion-social-hackernews-outline:before {
    content: "\f236"
}

.ion-social-html5:before {
    content: "\f4e3"
}

.ion-social-html5-outline:before {
    content: "\f4e2"
}

.ion-social-instagram:before {
    content: "\f351"
}

.ion-social-instagram-outline:before {
    content: "\f350"
}

.ion-social-javascript:before {
    content: "\f4e5"
}

.ion-social-javascript-outline:before {
    content: "\f4e4"
}

.ion-social-linkedin:before {
    content: "\f239"
}

.ion-social-linkedin-outline:before {
    content: "\f238"
}

.ion-social-markdown:before {
    content: "\f4e6"
}

.ion-social-nodejs:before {
    content: "\f4e7"
}

.ion-social-octocat:before {
    content: "\f4e8"
}

.ion-social-pinterest:before {
    content: "\f2b1"
}

.ion-social-pinterest-outline:before {
    content: "\f2b0"
}

.ion-social-python:before {
    content: "\f4e9"
}

.ion-social-reddit:before {
    content: "\f23b"
}

.ion-social-reddit-outline:before {
    content: "\f23a"
}

.ion-social-rss:before {
    content: "\f23d"
}

.ion-social-rss-outline:before {
    content: "\f23c"
}

.ion-social-sass:before {
    content: "\f4ea"
}

.ion-social-skype:before {
    content: "\f23f"
}

.ion-social-skype-outline:before {
    content: "\f23e"
}

.ion-social-snapchat:before {
    content: "\f4ec"
}

.ion-social-snapchat-outline:before {
    content: "\f4eb"
}

.ion-social-tumblr:before {
    content: "\f241"
}

.ion-social-tumblr-outline:before {
    content: "\f240"
}

.ion-social-tux:before {
    content: "\f2c5"
}

.ion-social-twitch:before {
    content: "\f4ee"
}

.ion-social-twitch-outline:before {
    content: "\f4ed"
}

.ion-social-twitter:before {
    content: "\f243"
}

.ion-social-twitter-outline:before {
    content: "\f242"
}

.ion-social-usd:before {
    content: "\f353"
}

.ion-social-usd-outline:before {
    content: "\f352"
}

.ion-social-vimeo:before {
    content: "\f245"
}

.ion-social-vimeo-outline:before {
    content: "\f244"
}

.ion-social-whatsapp:before {
    content: "\f4f0"
}

.ion-social-whatsapp-outline:before {
    content: "\f4ef"
}

.ion-social-windows:before {
    content: "\f247"
}

.ion-social-windows-outline:before {
    content: "\f246"
}

.ion-social-wordpress:before {
    content: "\f249"
}

.ion-social-wordpress-outline:before {
    content: "\f248"
}

.ion-social-yahoo:before {
    content: "\f24b"
}

.ion-social-yahoo-outline:before {
    content: "\f24a"
}

.ion-social-yen:before {
    content: "\f4f2"
}

.ion-social-yen-outline:before {
    content: "\f4f1"
}

.ion-social-youtube:before {
    content: "\f24d"
}

.ion-social-youtube-outline:before {
    content: "\f24c"
}

.ion-soup-can:before {
    content: "\f4f4"
}

.ion-soup-can-outline:before {
    content: "\f4f3"
}

.ion-speakerphone:before {
    content: "\f2b2"
}

.ion-speedometer:before {
    content: "\f2b3"
}

.ion-spoon:before {
    content: "\f2b4"
}

.ion-star:before {
    content: "\f24e"
}

.ion-stats-bars:before {
    content: "\f2b5"
}

.ion-steam:before {
    content: "\f30b"
}

.ion-stop:before {
    content: "\f24f"
}

.ion-thermometer:before {
    content: "\f2b6"
}

.ion-thumbsdown:before {
    content: "\f250"
}

.ion-thumbsup:before {
    content: "\f251"
}

.ion-toggle:before {
    content: "\f355"
}

.ion-toggle-filled:before {
    content: "\f354"
}

.ion-transgender:before {
    content: "\f4f5"
}

.ion-trash-a:before {
    content: "\f252"
}

.ion-trash-b:before {
    content: "\f253"
}

.ion-trophy:before {
    content: "\f356"
}

.ion-tshirt:before {
    content: "\f4f7"
}

.ion-tshirt-outline:before {
    content: "\f4f6"
}

.ion-umbrella:before {
    content: "\f2b7"
}

.ion-university:before {
    content: "\f357"
}

.ion-unlocked:before {
    content: "\f254"
}

.ion-upload:before {
    content: "\f255"
}

.ion-usb:before {
    content: "\f2b8"
}

.ion-videocamera:before {
    content: "\f256"
}

.ion-volume-high:before {
    content: "\f257"
}

.ion-volume-low:before {
    content: "\f258"
}

.ion-volume-medium:before {
    content: "\f259"
}

.ion-volume-mute:before {
    content: "\f25a"
}

.ion-wand:before {
    content: "\f358"
}

.ion-waterdrop:before {
    content: "\f25b"
}

.ion-wifi:before {
    content: "\f25c"
}

.ion-wineglass:before {
    content: "\f2b9"
}

.ion-woman:before {
    content: "\f25d"
}

.ion-wrench:before {
    content: "\f2ba"
}

.ion-xbox:before {
    content: "\f30c"
}

div.DTS tbody td, div.DTS tbody th, table.dataTable tbody td.dt-body-nowrap, table.dataTable tbody th.dt-body-nowrap, table.dataTable td.dt-nowrap, table.dataTable tfoot td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable th.dt-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable thead th.dt-head-nowrap, table.dataTable.nowrap td, table.dataTable.nowrap th {
    white-space: nowrap
}

table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0
}

table.dataTable tfoot th, table.dataTable thead th {
    font-weight: 700
}

table.dataTable thead td, table.dataTable thead th {
    padding: 10px 18px
}

table.dataTable thead td:active, table.dataTable thead th:active {
    outline: 0
}

table.dataTable tfoot td, table.dataTable tfoot th {
    padding: 10px 18px 6px
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center right
}

table.dataTable thead .sorting {
    background-image: url(/static/images/sort_both.png)
}

table.dataTable thead .sorting_asc {
    background-image: url(/static/images/sort_asc.png)
}

table.dataTable thead .sorting_desc {
    background-image: url(/static/images/sort_desc.png)
}

table.dataTable thead .sorting_asc_disabled {
    background-image: url(/static/images/sort_asc_disabled.png)
}

table.dataTable thead .sorting_desc_disabled {
    background-image: url(/static/images/sort_desc_disabled.png)
}

table.dataTable tbody tr {
    background-color: #fff
}

table.dataTable tbody tr.selected {
    background-color: #B0BED9
}

table.dataTable tbody td, table.dataTable tbody th {
    padding: 8px 10px
}

table.dataTable.display tbody td, table.dataTable.display tbody th, table.dataTable.row-border tbody td, table.dataTable.row-border tbody th {
    border-top: 1px solid #ddd
}

table.dataTable.display tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.row-border tbody tr:first-child th {
    border-top: none
}

table.dataTable.cell-border tbody td, table.dataTable.cell-border tbody th {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd
}

table.dataTable.cell-border tbody tr td:first-child, table.dataTable.cell-border tbody tr th:first-child {
    border-left: 1px solid #ddd
}

table.dataTable.cell-border tbody tr:first-child td, table.dataTable.cell-border tbody tr:first-child th {
    border-top: none
}

table.dataTable.display tbody tr.odd, table.dataTable.stripe tbody tr.odd {
    background-color: #f9f9f9
}

table.dataTable.display tbody tr.odd.selected, table.dataTable.stripe tbody tr.odd.selected {
    background-color: #acbad4
}

table.dataTable.display tbody tr:hover, table.dataTable.hover tbody tr:hover {
    background-color: #f6f6f6
}

table.dataTable.display tbody tr:hover.selected, table.dataTable.hover tbody tr:hover.selected {
    background-color: #aab7d1
}

table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3, table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3 {
    background-color: #fafafa
}

table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3, table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3 {
    background-color: #acbad5
}

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: #f1f1f1
}

table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
    background-color: #f3f3f3
}

table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
    background-color: #f5f5f5
}

table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
    background-color: #a6b4cd
}

table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
    background-color: #a8b5cf
}

table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
    background-color: #a9b7d1
}

table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: #fafafa
}

table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
    background-color: #fcfcfc
}

table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
    background-color: #fefefe
}

table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
    background-color: #acbad5
}

table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
    background-color: #aebcd6
}

table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
    background-color: #afbdd8
}

table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    background-color: #eaeaea
}

table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
    background-color: #ececec
}

table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
    background-color: #efefef
}

table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
    background-color: #a2aec7
}

table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
    background-color: #a3b0c9
}

table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
    background-color: #a5b2cb
}

table.dataTable.no-footer {
    border-bottom: 1px solid #111
}

table.dataTable.compact thead td, table.dataTable.compact thead th {
    padding: 4px 17px 4px 4px
}

table.dataTable.compact tbody td, table.dataTable.compact tbody th, table.dataTable.compact tfoot td, table.dataTable.compact tfoot th {
    padding: 4px
}

table.dataTable td.dt-left, table.dataTable th.dt-left {
    text-align: left
}

table.dataTable td.dataTables_empty, table.dataTable td.dt-center, table.dataTable th.dt-center {
    text-align: center
}

table.dataTable td.dt-right, table.dataTable th.dt-right {
    text-align: right
}

table.dataTable td.dt-justify, table.dataTable th.dt-justify {
    text-align: justify
}

table.dataTable tfoot td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable thead th.dt-head-left {
    text-align: left
}

table.dataTable tfoot td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable thead th.dt-head-center {
    text-align: center
}

table.dataTable tfoot td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable thead th.dt-head-right {
    text-align: right
}

table.dataTable tfoot td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable thead th.dt-head-justify {
    text-align: justify
}

table.dataTable tbody td.dt-body-left, table.dataTable tbody th.dt-body-left {
    text-align: left
}

table.dataTable tbody td.dt-body-center, table.dataTable tbody th.dt-body-center {
    text-align: center
}

table.dataTable tbody td.dt-body-right, table.dataTable tbody th.dt-body-right {
    text-align: right
}

table.dataTable tbody td.dt-body-justify, table.dataTable tbody th.dt-body-justify {
    text-align: justify
}

table.dataTable, table.dataTable td, table.dataTable th {
    box-sizing: content-box
}

.dataTables_wrapper {
    position: relative;
    clear: both;
    zoom: 1
}

.dataTables_wrapper .dataTables_length {
    float: left
}

.dataTables_wrapper .dataTables_filter {
    float: left;
    text-align: left
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0
}

.dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: .755em
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: .25em
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: .5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333 !important;
    border: 1px solid #979797;
    background-color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #dcdcdc));
    background: -webkit-linear-gradient(top, #fff 0, #dcdcdc 100%);
    background: -moz-linear-gradient(top, #fff 0, #dcdcdc 100%);
    background: -ms-linear-gradient(top, #fff 0, #dcdcdc 100%);
    background: -o-linear-gradient(top, #fff 0, #dcdcdc 100%);
    background: linear-gradient(to bottom, #fff 0, #dcdcdc 100%)
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: 0 0;
    box-shadow: none
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #fff !important;
    border: 1px solid #111;
    background-color: #585858;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #585858), color-stop(100%, #111));
    background: -webkit-linear-gradient(top, #585858 0, #111 100%);
    background: -moz-linear-gradient(top, #585858 0, #111 100%);
    background: -ms-linear-gradient(top, #585858 0, #111 100%);
    background: -o-linear-gradient(top, #585858 0, #111 100%);
    background: linear-gradient(to bottom, #585858 0, #111 100%)
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: 0;
    background-color: #2b2b2b;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2b2b2b), color-stop(100%, #0c0c0c));
    background: -webkit-linear-gradient(top, #2b2b2b 0, #0c0c0c 100%);
    background: -moz-linear-gradient(top, #2b2b2b 0, #0c0c0c 100%);
    background: -ms-linear-gradient(top, #2b2b2b 0, #0c0c0c 100%);
    background: -o-linear-gradient(top, #2b2b2b 0, #0c0c0c 100%);
    background: linear-gradient(to bottom, #2b2b2b 0, #0c0c0c 100%);
    box-shadow: inset 0 0 3px #111
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
    padding: 0 1em
}

.dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: #fff;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, .9)), color-stop(75%, rgba(255, 255, 255, .9)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%)
}

.dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_processing {
    color: #333
}

.dataTables_wrapper .dataTables_scroll {
    clear: both
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    -webkit-overflow-scrolling: touch
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th {
    vertical-align: middle
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing {
    height: 0;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #111
}

.dataTables_wrapper.no-footer div.dataTables_scrollBody > table, .dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable {
    border-bottom: none
}

.dataTables_wrapper:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0
}

@media screen and (max-width: 950px) {
    .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center
    }

    .dataTables_wrapper .dataTables_paginate {
        margin-top: .5em
    }
}

@media screen and (max-width: 950px) {
    .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_length {
        float: none;
        text-align: center
    }

    .dataTables_wrapper .dataTables_filter {
        margin-top: .5em
    }
}

div.dt-autofill-handle {
    position: absolute;
    height: 8px;
    width: 8px;
    z-index: 102;
    box-sizing: border-box;
    border: 1px solid #316ad1;
    background: linear-gradient(to bottom, #abcffb 0, #4989de 100%)
}

div.dt-autofill-select {
    position: absolute;
    z-index: 1001;
    background-color: #4989de;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, .5) 5px, rgba(255, 255, 255, .5) 10px)
}

div.dt-autofill-select.bottom, div.dt-autofill-select.top {
    height: 3px;
    margin-top: -1px
}

div.dt-autofill-select.left, div.dt-autofill-select.right {
    width: 3px;
    margin-left: -1px
}

div.dt-autofill-list {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 500px;
    margin-left: -250px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 5px #555;
    border: 2px solid #444;
    z-index: 11;
    box-sizing: border-box;
    padding: 1.5em 2em
}

div.dt-autofill-list ul {
    display: table;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%
}

div.dt-autofill-list ul li {
    display: table-row
}

div.dt-autofill-list ul li:last-child div.dt-autofill-button, div.dt-autofill-list ul li:last-child div.dt-autofill-question {
    border-bottom: none
}

div.dt-autofill-list ul li:hover {
    background-color: #f6f6f6
}

div.dt-autofill-list div.dt-autofill-question {
    display: table-cell;
    padding: .5em 0;
    border-bottom: 1px solid #ccc
}

div.dt-autofill-list div.dt-autofill-question input[type=number] {
    padding: 6px;
    width: 30px;
    margin: -2px 0
}

div.dt-autofill-list div.dt-autofill-button {
    display: table-cell;
    padding: .5em 0;
    border-bottom: 1px solid #ccc
}

div.dt-autofill-list div.dt-autofill-button button {
    color: #fff;
    margin: 0;
    padding: 6px 12px;
    text-align: center;
    border: 1px solid #2e6da4;
    background-color: #337ab7;
    border-radius: 4px;
    cursor: pointer;
    vertical-align: middle
}

div.dt-autofill-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .7) 100%);
    z-index: 10
}

@keyframes dtb-spinner {
    100% {
        transform: rotate(360deg)
    }
}

@-o-keyframes dtb-spinner {
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-ms-keyframes dtb-spinner {
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes dtb-spinner {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes dtb-spinner {
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

div.dt-button-info {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    margin-top: -100px;
    margin-left: -200px;
    background-color: #fff;
    border: 2px solid #111;
    box-shadow: 3px 3px 8px rgba(0, 0, 0, .3);
    border-radius: 3px;
    text-align: center;
    z-index: 21
}

div.dt-button-info h2 {
    padding: .5em;
    margin: 0;
    font-weight: 400;
    border-bottom: 1px solid #ddd;
    background-color: #f3f3f3
}

div.dt-button-info > div {
    padding: 1em
}

a.dt-button:not(.layui-btn), button.dt-button, div.dt-button {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    margin-right: .333em;
    padding: .5em 1em;
    border: 1px solid #999;
    border-radius: 2px;
    cursor: pointer;
    font-size: .88em;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    background-color: #e9e9e9;
    background-image: -webkit-linear-gradient(top, #fff 0, #e9e9e9 100%);
    background-image: -moz-linear-gradient(top, #fff 0, #e9e9e9 100%);
    background-image: -ms-linear-gradient(top, #fff 0, #e9e9e9 100%);
    background-image: -o-linear-gradient(top, #fff 0, #e9e9e9 100%);
    background-image: linear-gradient(to bottom, #fff 0, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='white', EndColorStr='#e9e9e9');
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    outline: 0
}

a.dt-button.disabled:not(.layui-btn), button.dt-button.disabled, div.dt-button.disabled {
    color: #999;
    border: 1px solid #d0d0d0;
    cursor: default;
    background-color: #f9f9f9;
    background-image: -webkit-linear-gradient(top, #fff 0, #f9f9f9 100%);
    background-image: -moz-linear-gradient(top, #fff 0, #f9f9f9 100%);
    background-image: -ms-linear-gradient(top, #fff 0, #f9f9f9 100%);
    background-image: -o-linear-gradient(top, #fff 0, #f9f9f9 100%);
    background-image: linear-gradient(to bottom, #fff 0, #f9f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#f9f9f9')
}

a.dt-button.active:not(.disabled):not(.layui-btn), a.dt-button:active:not(.disabled):not(.layui-btn), button.dt-button.active:not(.disabled), button.dt-button:active:not(.disabled), div.dt-button.active:not(.disabled), div.dt-button:active:not(.disabled) {
    background-color: #e2e2e2;
    background-image: -webkit-linear-gradient(top, #f3f3f3 0, #e2e2e2 100%);
    background-image: -moz-linear-gradient(top, #f3f3f3 0, #e2e2e2 100%);
    background-image: -ms-linear-gradient(top, #f3f3f3 0, #e2e2e2 100%);
    background-image: -o-linear-gradient(top, #f3f3f3 0, #e2e2e2 100%);
    background-image: linear-gradient(to bottom, #f3f3f3 0, #e2e2e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#f3f3f3', EndColorStr='#e2e2e2');
    box-shadow: inset 1px 1px 3px #999
}

a.dt-button.active:not(.disabled):hover:not(.disabled), a.dt-button:active:not(.disabled):hover:not(.disabled):not(.layui-btn), button.dt-button.active:not(.disabled):hover:not(.disabled), button.dt-button:active:not(.disabled):hover:not(.disabled), div.dt-button.active:not(.disabled):hover:not(.disabled), div.dt-button:active:not(.disabled):hover:not(.disabled) {
    box-shadow: inset 1px 1px 3px #999;
    background-color: #ccc;
    background-image: -webkit-linear-gradient(top, #eaeaea 0, #ccc 100%);
    background-image: -moz-linear-gradient(top, #eaeaea 0, #ccc 100%);
    background-image: -ms-linear-gradient(top, #eaeaea 0, #ccc 100%);
    background-image: -o-linear-gradient(top, #eaeaea 0, #ccc 100%);
    background-image: linear-gradient(to bottom, #eaeaea 0, #ccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#eaeaea', EndColorStr='#cccccc')
}

a.dt-button:hover, button.dt-button:hover, div.dt-button:hover {
    text-decoration: none
}

a.dt-button:hover:not(.disabled):not(.layui-btn), button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled) {
    border: 1px solid #666;
    background-color: #e0e0e0;
    background-image: -webkit-linear-gradient(top, #f9f9f9 0, #e0e0e0 100%);
    background-image: -moz-linear-gradient(top, #f9f9f9 0, #e0e0e0 100%);
    background-image: -ms-linear-gradient(top, #f9f9f9 0, #e0e0e0 100%);
    background-image: -o-linear-gradient(top, #f9f9f9 0, #e0e0e0 100%);
    background-image: linear-gradient(to bottom, #f9f9f9 0, #e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#f9f9f9', EndColorStr='#e0e0e0')
}

a.dt-button:focus:not(.disabled):not(.layui-btn), button.dt-button:focus:not(.disabled), div.dt-button:focus:not(.disabled) {
    border: 1px solid #426c9e;
    text-shadow: 0 1px 0 #c4def1;
    outline: 0;
    background-color: #79ace9;
    background-image: -webkit-linear-gradient(top, #bddef4 0, #79ace9 100%);
    background-image: -moz-linear-gradient(top, #bddef4 0, #79ace9 100%);
    background-image: -ms-linear-gradient(top, #bddef4 0, #79ace9 100%);
    background-image: -o-linear-gradient(top, #bddef4 0, #79ace9 100%);
    background-image: linear-gradient(to bottom, #bddef4 0, #79ace9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#bddef4', EndColorStr='#79ace9')
}

.dt-button embed {
    outline: 0
}

div.dt-buttons {
    position: relative;
    float: left
}

div.dt-buttons.buttons-right {
    float: right
}

div.dt-button-collection {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    margin-top: 3px;
    padding: 8px 8px 4px;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .4);
    background-color: #fff;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .3);
    z-index: 2002;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    -ms-column-gap: 8px;
    -o-column-gap: 8px;
    column-gap: 8px
}

div.dt-button-collection a.dt-button, div.dt-button-collection button.dt-button, div.dt-button-collection div.dt-button {
    position: relative;
    left: 0;
    right: 0;
    display: block;
    float: none;
    margin-bottom: 4px;
    margin-right: 0
}

div.dt-button-collection a.dt-button.active:not(.disabled), div.dt-button-collection a.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled), div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection div.dt-button.active:not(.disabled), div.dt-button-collection div.dt-button:active:not(.disabled) {
    background-color: #dadada;
    background-image: -webkit-linear-gradient(top, #f0f0f0 0, #dadada 100%);
    background-image: -moz-linear-gradient(top, #f0f0f0 0, #dadada 100%);
    background-image: -ms-linear-gradient(top, #f0f0f0 0, #dadada 100%);
    background-image: -o-linear-gradient(top, #f0f0f0 0, #dadada 100%);
    background-image: linear-gradient(to bottom, #f0f0f0 0, #dadada 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#f0f0f0', EndColorStr='#dadada');
    box-shadow: inset 1px 1px 3px #666
}

div.dt-button-collection.fixed {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -75px;
    border-radius: 0
}

div.dt-button-collection.fixed.two-column {
    margin-left: -150px
}

div.dt-button-collection.fixed.three-column {
    margin-left: -225px
}

div.dt-button-collection.fixed.four-column {
    margin-left: -300px
}

div.dt-button-collection > * {
    -webkit-column-break-inside: avoid;
    break-inside: avoid
}

div.dt-button-collection.two-column {
    width: 300px;
    padding-bottom: 1px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    -o-column-count: 2;
    column-count: 2
}

div.dt-button-collection.three-column {
    width: 450px;
    padding-bottom: 1px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -ms-column-count: 3;
    -o-column-count: 3;
    column-count: 3
}

div.dt-button-collection.four-column {
    width: 600px;
    padding-bottom: 1px;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    -ms-column-count: 4;
    -o-column-count: 4;
    column-count: 4
}

div.dt-button-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .7) 100%);
    background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .7) 100%);
    background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .7) 100%);
    background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, .3)), color-stop(1, rgba(0, 0, 0, .7)));
    background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .7) 100%);
    background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .7) 100%);
    z-index: 2001
}

a.dt-button.processing, button.dt-button.processing, div.dt-button.processing {
    color: rgba(0, 0, 0, .2)
}

a.dt-button.processing:after, button.dt-button.processing:after, div.dt-button.processing:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    box-sizing: border-box;
    display: block;
    content: ' ';
    border: 2px solid #282828;
    border-radius: 50%;
    border-left-color: transparent;
    border-right-color: transparent;
    animation: dtb-spinner 1.5s infinite linear;
    -o-animation: dtb-spinner 1.5s infinite linear;
    -ms-animation: dtb-spinner 1.5s infinite linear;
    -webkit-animation: dtb-spinner 1.5s infinite linear;
    -moz-animation: dtb-spinner 1.5s infinite linear
}

table.DTCR_clonedTable.dataTable {
    position: absolute !important;
    background-color: rgba(255, 255, 255, .7);
    z-index: 202
}

div.DTCR_pointer {
    width: 1px;
    background-color: #0259C4;
    z-index: 201
}

div.DTFC_Blocker, table.DTFC_Cloned tfoot, table.DTFC_Cloned thead {
    background-color: #fff
}

div.DTFC_LeftWrapper table.dataTable, div.DTFC_RightWrapper table.dataTable {
    margin-bottom: 0;
    z-index: 2
}

div.DTFC_LeftWrapper table.dataTable.no-footer, div.DTFC_RightWrapper table.dataTable.no-footer {
    border-bottom: none
}

table.fixedHeader-floating {
    position: fixed !important;
    background-color: #fff
}

table.fixedHeader-floating.no-footer {
    border-bottom-width: 0
}

table.fixedHeader-locked {
    position: absolute !important;
    background-color: #fff
}

@media print {
    table.fixedHeader-floating {
        display: none
    }
}

table.dataTable td.focus, table.dataTable th.focus {
    outline: #36F solid 3px;
    outline-offset: -1px
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child {
    cursor: default !important
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before {
    display: none !important
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child {
    position: relative;
    padding-left: 30px;
    cursor: pointer
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before {
    top: 9px;
    left: 4px;
    height: 14px;
    width: 14px;
    display: block;
    position: absolute;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 14px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: 'Courier New', Courier, monospace;
    line-height: 14px;
    content: '+';
    background-color: #31b131
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    content: '-';
    background-color: #d33333
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
    padding-left: 27px
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
    top: 5px;
    left: 4px;
    height: 14px;
    width: 14px;
    border-radius: 14px;
    line-height: 14px;
    text-indent: 3px
}

table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control {
    position: relative;
    cursor: pointer
}

table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before {
    top: 50%;
    left: 50%;
    height: 16px;
    width: 16px;
    margin-top: -10px;
    margin-left: -10px;
    display: block;
    position: absolute;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 14px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: 'Courier New', Courier, monospace;
    line-height: 14px;
    content: '+';
    background-color: #31b131
}

table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before {
    content: '-';
    background-color: #d33333
}

table.dataTable > tbody > tr.child {
    padding: .5em 1em
}

table.dataTable > tbody > tr.child:hover {
    background: 0 0 !important
}

table.dataTable > tbody > tr.child ul.dtr-details {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0
}

table.dataTable > tbody > tr.child ul.dtr-details > li {
    border-bottom: 1px solid #efefef;
    padding: .5em 0
}

table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
    padding-top: 0
}

table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
    border-bottom: none
}

table.dataTable > tbody > tr.child span.dtr-title {
    display: inline-block;
    min-width: 75px;
    font-weight: 700
}

div.dtr-modal {
    position: fixed;
    box-sizing: border-box;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
    padding: 10em 1em
}

div.dtr-modal div.dtr-modal-display {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 50%;
    margin: auto;
    z-index: 102;
    overflow: auto;
    background-color: #f5f5f7;
    border: 1px solid #000;
    border-radius: .5em;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .6)
}

div.dtr-modal div.dtr-modal-content {
    position: relative;
    padding: 1em
}

div.dtr-modal div.dtr-modal-close {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 22px;
    height: 22px;
    border: 1px solid #eaeaea;
    background-color: #f9f9f9;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    z-index: 12
}

div.dtr-modal div.dtr-modal-close:hover {
    background-color: #eaeaea
}

div.dtr-modal div.dtr-modal-background {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 101;
    background: rgba(0, 0, 0, .6)
}

@media screen and (max-width: 950px) {
    div.dtr-modal div.dtr-modal-display {
        width: 95%
    }
}

table.dataTable tr.group td {
    font-weight: 700;
    background-color: #e0e0e0
}

table.dt-rowReorder-float {
    position: absolute !important;
    opacity: .8;
    table-layout: fixed;
    outline: #888 solid 2px;
    outline-offset: -2px;
    z-index: 2001
}

tr.dt-rowReorder-moving {
    outline: #555 solid 2px;
    outline-offset: -2px
}

body.dt-rowReorder-noOverflow {
    overflow-x: hidden
}

table.dataTable td.reorder {
    text-align: center;
    cursor: move
}

div.DTS {
    display: block !important
}

div.DTS div.DTS_Loading {
    z-index: 1
}

div.DTS div.dataTables_scrollBody {
    background: repeating-linear-gradient(45deg, #edeeff, #edeeff 10px, #fff 10px, #fff 20px)
}

div.DTS div.dataTables_scrollBody table {
    z-index: 2
}

div.DTS div.dataTables_length, div.DTS div.dataTables_paginate {
    display: none
}

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
    background-color: #B0BED9
}

table.dataTable.display tbody > tr.odd.selected, table.dataTable.display tbody > tr.odd > .selected, table.dataTable.stripe tbody > tr.odd.selected, table.dataTable.stripe tbody > tr.odd > .selected {
    background-color: #acbad4
}

table.dataTable.display tbody > tr.selected:hover, table.dataTable.display tbody > tr > .selected:hover, table.dataTable.hover tbody > tr.selected:hover, table.dataTable.hover tbody > tr > .selected:hover {
    background-color: #aab7d1
}

table.dataTable.display tbody > tr.selected > .sorting_1, table.dataTable.display tbody > tr.selected > .sorting_2, table.dataTable.display tbody > tr.selected > .sorting_3, table.dataTable.display tbody > tr > .selected, table.dataTable.order-column tbody > tr.selected > .sorting_1, table.dataTable.order-column tbody > tr.selected > .sorting_2, table.dataTable.order-column tbody > tr.selected > .sorting_3, table.dataTable.order-column tbody > tr > .selected {
    background-color: #acbad5
}

table.dataTable.display tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
    background-color: #a6b4cd
}

table.dataTable.display tbody > tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_2 {
    background-color: #a8b5cf
}

table.dataTable.display tbody > tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_3 {
    background-color: #a9b7d1
}

table.dataTable.display tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
    background-color: #acbad5
}

table.dataTable.display tbody > tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_2 {
    background-color: #aebcd6
}

table.dataTable.display tbody > tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_3 {
    background-color: #afbdd8
}

table.dataTable.display tbody > tr.odd > .selected, table.dataTable.order-column.stripe tbody > tr.odd > .selected {
    background-color: #a6b4cd
}

table.dataTable.display tbody > tr.even > .selected, table.dataTable.order-column.stripe tbody > tr.even > .selected {
    background-color: #acbad5
}

table.dataTable.display tbody > tr.selected:hover > .sorting_1, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_1 {
    background-color: #a2aec7
}

table.dataTable.display tbody > tr.selected:hover > .sorting_2, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_2 {
    background-color: #a3b0c9
}

table.dataTable.display tbody > tr.selected:hover > .sorting_3, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_3 {
    background-color: #a5b2cb
}

table.dataTable.display tbody > tr:hover > .selected, table.dataTable.display tbody > tr > .selected:hover, table.dataTable.order-column.hover tbody > tr:hover > .selected, table.dataTable.order-column.hover tbody > tr > .selected:hover {
    background-color: #a2aec7
}

table.dataTable tbody td.select-checkbox, table.dataTable tbody th.select-checkbox {
    position: relative
}

table.dataTable tbody td.select-checkbox:after, table.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:after, table.dataTable tbody th.select-checkbox:before {
    display: block;
    position: absolute;
    top: 1.2em;
    left: 50%;
    width: 12px;
    height: 12px;
    box-sizing: border-box
}

table.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before {
    content: ' ';
    margin-top: -6px;
    margin-left: -6px;
    border: 1px solid #000;
    border-radius: 3px
}

table.dataTable tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after {
    content: '\2714';
    margin-top: -11px;
    margin-left: -4px;
    text-align: center;
    text-shadow: 1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9
}

div.dataTables_wrapper span.select-info, div.dataTables_wrapper span.select-item {
    margin-left: .5em
}

@media screen and (max-width: 950px) {
    div.dt-buttons {
        float: none !important;
        text-align: center
    }

    div.dataTables_wrapper span.select-info, div.dataTables_wrapper span.select-item {
        margin-left: 0;
        display: block
    }
}

.v-page-li, .v-page-total {
    float: left
}

*, .v-select-input, :after, :before {
    box-sizing: border-box
}

.v-page-ul, .v-table-header .cursorPointer {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none
}

.v-page-goto-input, .v-select-input {
    background-image: none;
    background-color: #fff
}

.v-dropdown-items, .v-table-body-cell {
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap
}

.v-checkbox, .v-dropdown-items, .v-dropdown-items-li, .v-select-selected-span, .v-table-body-cell {
    white-space: nowrap
}

@font-face {
    font-family: fontello;
    src: url(../font/fontello.eot);
    src: url(../font/fontello.eot#iefix) format("embedded-opentype"), url(../font/fontello.woff2) format("woff2"), url(../font/fontello.woff) format("woff"), url(../font/fontello.ttf) format("truetype"), url(../font/fontello.svg#fontello) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" v-icon-"]:before, [class^=v-icon-]:before {
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.v-page--large .v-page-goto .v-page-goto-input, .v-page--middle .v-page-goto .v-page-goto-input {
    width: 50px
}

.v-page-total, .v-page-ul {
    display: inline-block;
    margin: 0 4px
}

.v-icon-down-dir:before {
    content: "\E800"
}

.v-icon-up-dir:before {
    content: "\E801"
}

.v-icon-cancel:before {
    content: "\E802"
}

.v-icon-spin3:before {
    content: "\E832"
}

.v-icon-spin4:before {
    content: "\E834"
}

.v-icon-spin5:before {
    content: "\E838"
}

.v-icon-filter:before {
    content: "\F0B0"
}

.v-icon-angle-double-left:before {
    content: "\F100"
}

.v-icon-angle-double-right:before {
    content: "\F101"
}

.v-icon-angle-left:before {
    content: "\F104"
}

.v-icon-angle-right:before {
    content: "\F105"
}

.animate-loading-05 {
    -moz-animation: spin .5s infinite linear;
    -o-animation: spin .5s infinite linear;
    -webkit-animation: spin .5s infinite linear;
    animation: spin .5s infinite linear;
    display: inline-block
}

.animate-loading-08 {
    -moz-animation: spin .8s infinite linear;
    -o-animation: spin .8s infinite linear;
    -webkit-animation: spin .8s infinite linear;
    animation: spin .8s infinite linear;
    display: inline-block
}

.animate-loading-11 {
    -moz-animation: spin 1.1s infinite linear;
    -o-animation: spin 1.1s infinite linear;
    -webkit-animation: spin 1.1s infinite linear;
    animation: spin 1.1s infinite linear;
    display: inline-block
}

.animate-loading-14 {
    -moz-animation: spin 1.4s infinite linear;
    -o-animation: spin 1.4s infinite linear;
    -webkit-animation: spin 1.4s infinite linear;
    animation: spin 1.4s infinite linear;
    display: inline-block
}

.animate-loading-17 {
    -moz-animation: spin 1.7s infinite linear;
    -o-animation: spin 1.7s infinite linear;
    -webkit-animation: spin 1.7s infinite linear;
    animation: spin 1.7s infinite linear;
    display: inline-block
}

.animate-loading-20 {
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    display: inline-block
}

.animate-loading-23 {
    -moz-animation: spin 2.3s infinite linear;
    -o-animation: spin 2.3s infinite linear;
    -webkit-animation: spin 2.3s infinite linear;
    animation: spin 2.3s infinite linear;
    display: inline-block
}

.animate-loading-26 {
    -moz-animation: spin 2.6s infinite linear;
    -o-animation: spin 2.6s infinite linear;
    -webkit-animation: spin 2.6s infinite linear;
    animation: spin 2.6s infinite linear;
    display: inline-block
}

.animate-loading-29 {
    -moz-animation: spin 2.9s infinite linear;
    -o-animation: spin 2.9s infinite linear;
    -webkit-animation: spin 2.9s infinite linear;
    animation: spin 2.9s infinite linear;
    display: inline-block
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-o-keyframes spin {
    0% {
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-ms-keyframes spin {
    0% {
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.v-page--large .v-page-goto, .v-page--large .v-page-goto .v-page-goto-input, .v-page--large .v-page-li, .v-page--large .v-page-select, .v-page--large .v-page-total {
    font-size: 16px;
    height: 40px;
    line-height: 40px
}

.v-page--large .v-page-li {
    min-width: 40px
}

.v-page--large .v-page-li i {
    font-size: 120%
}

.v-page--middle .v-page-goto, .v-page--middle .v-page-goto .v-page-goto-input, .v-page--middle .v-page-li, .v-page--middle .v-page-select, .v-page--middle .v-page-total {
    font-size: 14px;
    height: 32px;
    line-height: 32px
}

.v-page--middle .v-page-li {
    min-width: 32px
}

.v-page--middle .v-page-li i {
    font-size: 120%
}

.v-page--small .v-page-goto, .v-page--small .v-page-goto .v-page-goto-input, .v-page--small .v-page-li, .v-page--small .v-page-select, .v-page--small .v-page-total {
    font-size: 12px;
    height: 24px;
    line-height: 24px
}

.v-page--small .v-page-li {
    min-width: 24px
}

.v-page--small .v-page-li i {
    font-size: 120%
}

.v-page--small .v-page-goto .v-page-goto-input {
    width: 45px
}

.v-page-ul {
    padding: 0;
    list-style-type: none
}

.v-page-li {
    margin-right: 4px;
    cursor: pointer;
    transition: all .1s ease-in-out;
    text-align: center;
    list-style: none;
    background-color: #fff;
    border: 1px solid #c8cdd4;
    border-radius: 4px
}

.v-page-goto, .v-page-select {
    margin: 0 4px;
    float: left
}

.v-page-li-active, .v-page-li-active:hover {
    background-color: #0092dd
}

.v-page-li-active, .v-page-li:hover {
    border-color: #0092dd
}

.v-page-li a {
    color: #333
}

.v-page-li:hover a {
    color: #0092dd
}

.v-page-li-active a, .v-page-li-active:hover a {
    color: #fff
}

.v-page-li-active:hover {
    border-color: #0092dd
}

.v-page-next i, .v-page-prev i {
    color: #666
}

.v-page-jump-next:after, .v-page-jump-prev:after {
    content: "\2022\2022\2022";
    display: block;
    letter-spacing: 1px;
    color: #666;
    text-align: center
}

.v-page-jump-next i, .v-page-jump-next:hover:after, .v-page-jump-prev i, .v-page-jump-prev:hover:after {
    display: none
}

.v-page-jump-next:hover i, .v-page-jump-prev:hover i {
    display: inline;
    color: #0092dd
}

.v-page-goto, .v-page-goto-input, .v-page-select, .v-select-input {
    display: inline-block
}

.v-page-pager {
    float: left
}

.v-page-goto-input {
    padding: 1px 7px;
    border: 1px solid #c8cdd4;
    transition: border .2s ease-in-out, background .2s ease-in-out, box-shadow .2s ease-in-out;
    border-radius: 4px
}

.v-page-goto-input:hover {
    border-color: #0092dd
}

.v-page-disabled, .v-page-disabled:hover {
    border-color: #d7dde4
}

.v-page-disabled {
    cursor: not-allowed
}

.v-page-disabled i {
    color: #ccc
}

.v-page-disabled:hover i {
    color: #ccc;
    cursor: not-allowed
}

.v-select--large .v-select-items-li, .v-select--large .v-select-selected {
    font-size: 16px;
    height: 40px;
    line-height: 40px
}

.v-select--large .v-select-selected-i {
    line-height: 40px !important
}

.v-select--middle .v-select-items-li, .v-select--middle .v-select-selected {
    font-size: 14px;
    height: 32px;
    line-height: 32px
}

.v-select--middle .v-select-selected-i {
    line-height: 32px !important
}

.v-select--small .v-select-items-li, .v-select--small .v-select-selected {
    font-size: 13px;
    height: 24px;
    line-height: 24px
}

.v-select--small .v-select-selected-i {
    line-height: 24px !important
}

.v-select-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #fff;
    color: #1f2d3d;
    font-size: inherit;
    line-height: 1;
    outline: 0;
    padding-left: 2px;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 80%;
    text-align: left
}

.v-select-selected-span {
    width: 80%;
    display: block !important;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    padding-left: 2px
}

.v-select-selected-i {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 120%
}

.v-table-views, .v-table-views *, .v-table-views :after, .v-table-views :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.v-table-views {
    position: relative;
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 0;
    background-color: #fff
}

.v-table-footer {
    border-top: 1px solid #ddd
}

.v-table-leftview, .v-table-rightview {
    position: absolute;
    overflow: hidden;
    top: 0
}

.v-table-leftview {
    left: 0
}

.v-table-header {
    overflow: hidden;
    background-position: 0 0;
    background-size: initial;
    background-attachment: scroll;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    background-repeat-x: repeat;
    background-repeat-y: no-repeat
}

.v-table-footer-inner, .v-table-header, .v-table-pager, .v-table-toolbar {
    border-color: #ddd
}

.v-table-body-cell, .v-table-title-cell {
    margin: 0;
    border: 0 solid #ddd
}

.v-table-header-inner {
    float: left;
    width: 10000px
}

.v-table-btable, .v-table-ftable, .v-table-htable {
    border-collapse: separate
}

.v-table-body td, .v-table-footer td, .v-table-header td {
    margin: 0;
    padding: 0
}

.v-table-body-cell {
    padding: 0 3px;
    overflow: hidden
}

.v-table-body {
    margin: 0;
    padding: 0;
    zoom: 1
}

.v-table-rightview .v-table-body, .v-table-rightview .v-table-footer {
    overflow-x: auto;
    overflow-y: auto
}

.v-table-leftview .v-table-body {
    overflow-x: hidden !important;
    overflow-y: hidden !important
}

.v-table-body-inner-pb {
    padding-bottom: 20px
}

.v-table-rightview {
    right: 0
}

.v-table-title-cell:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.table-title {
    padding: 0 3px;
    word-break: break-all;
    line-height: 1.2em
}

.table-title, .v-table-sort-icon {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden
}

.v-table-sort-icon {
    position: relative;
    width: 16px;
    height: 19px;
    margin-left: -5px;
    cursor: pointer
}

.v-table-sort-icon i {
    position: absolute;
    display: block;
    width: 16px;
    height: 15px;
    overflow: hidden;
    color: #a6a6a6;
    transition: color .2s ease-in-out
}

.v-table-sort-icon i:first-child {
    top: -5px
}

.v-table-sort-icon i:last-child {
    bottom: 1px
}

.v-table-header .cursorPointer {
    cursor: pointer
}

.vertical-border {
    border-right-width: 1px !important
}

.horizontal-border {
    border-bottom-width: 1px !important
}

.v-table-rightview-special-border td:last-child .v-table-body-cell {
    border-right-width: 0 !important
}

.v-table-dropdown {
    margin-left: -3px !important
}

.v-table-filter-icon {
    font-size: 14px;
    cursor: pointer
}

.v-table-empty-content, .v-table-empty-scroll {
    position: absolute;
    overflow-y: hidden;
    text-align: center
}

.v-table-empty-content {
    overflow-x: auto
}

.v-table-empty-inner {
    overflow: hidden
}

.v-table-loading {
    position: relative;
    display: block;
    z-index: 99999;
    background-color: #fff;
    height: 100%;
    width: 100%
}

.v-table-loading-content {
    z-index: 9999999;
    position: absolute;
    left: 50%
}

.v-table-drag-line {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    border-left: 2px dashed #ddd;
    z-index: 10
}

.v-checkbox-wrapper {
    font-size: 12px
}

.v-checkbox, .v-checkbox-wrapper {
    cursor: pointer;
    display: inline-block;
    position: relative
}

.v-checkbox {
    outline: 0;
    line-height: 1;
    vertical-align: text-bottom
}

.v-checkbox-checked:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    border: 1px solid #108ee9;
    content: "";
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: hidden
}

.v-checkbox-input {
    position: absolute;
    left: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    top: 0;
    bottom: 0;
    right: 0
}

.v-checkbox-disabled, .v-checkbox-disabled .v-checkbox-input {
    cursor: not-allowed
}

.v-checkbox-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 14px;
    height: 14px;
    border: 1px solid #abbacc;
    border-radius: 2px;
    background-color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s
}

.v-checkbox-inner:after {
    -webkit-transform: rotate(45deg) scale(0);
    -ms-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
    left: 4px;
    top: 1px;
    width: 5px;
    height: 8px;
    -webkit-transition: all .1s cubic-bezier(.71, -.46, .88, .6);
    transition: all .1s cubic-bezier(.71, -.46, .88, .6)
}

.v-checkbox-checked .v-checkbox-inner:after, .v-checkbox-inner:after {
    position: absolute;
    display: table;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    content: " "
}

.v-checkbox-checked .v-checkbox-inner:after {
    -webkit-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
    -webkit-transition: all .2s cubic-bezier(.12, .4, .29, 1.46) .1s;
    transition: all .2s cubic-bezier(.12, .4, .29, 1.46) .1s
}

.v-checkbox-checked .v-checkbox-inner, .v-checkbox-indeterminate .v-checkbox-inner {
    background-color: #108ee9;
    border-color: #108ee9
}

.v-checkbox-input:focus + .v-checkbox-inner, .v-checkbox-wrapper:hover .v-checkbox-inner, .v-checkbox:hover .v-checkbox-inner {
    border-color: #108ee9
}

.v-checkbox-disabled.v-checkbox-checked .v-checkbox-inner:after {
    -webkit-animation-name: none;
    animation-name: none;
    border-color: rgba(0, 0, 0, .25)
}

.v-checkbox-disabled .v-checkbox-inner {
    border-color: #d9d9d9 !important;
    background-color: #f7f7f7
}

.v-checkbox-disabled .v-checkbox-inner:after {
    -webkit-animation-name: none;
    animation-name: none;
    border-color: #f7f7f7
}

.v-checkbox-disabled + span {
    color: rgba(0, 0, 0, .25);
    cursor: not-allowed
}

.v-checkbox-indeterminate .v-checkbox-inner:after {
    content: " ";
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    position: absolute;
    left: 2px;
    top: 5px;
    width: 8px;
    height: 1px
}

.v-checkbox-indeterminate.v-checkbox-disabled .v-checkbox-inner:after {
    border-color: rgba(0, 0, 0, .25)
}

.v-select-items-multiple {
    display: table;
    width: 100%;
    padding: 5px
}

.v-select-items-multiple span {
    vertical-align: middle;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, .65)
}

.v-select-items-multiple:hover {
    background-color: #e6f7ff
}

.v-dropdown--large .v-dropdown-items-li, .v-dropdown--large .v-dropdown-selected {
    font-size: 16px;
    height: 40px;
    line-height: 40px
}

.v-dropdown--large .v-dropdown-selected-i {
    line-height: 40px !important
}

.v-dropdown--middle .v-dropdown-items-li, .v-dropdown--middle .v-dropdown-selected {
    font-size: 14px;
    height: 32px;
    line-height: 32px
}

.v-dropdown--middle .v-dropdown-selected-i {
    line-height: 32px !important
}

.v-dropdown--small .v-dropdown-items-li, .v-dropdown--small .v-dropdown-selected {
    font-size: 13px;
    height: 24px;
    line-height: 24px
}

.v-dropdown--small .v-dropdown-selected-i {
    line-height: 24px !important
}

.v-dropdown {
    display: inline-table;
    margin: 0
}

.v-dropdown-dd, .v-dropdown-dt {
    z-index: 9999
}

.v-dropdown-dd, .v-dropdown-dt, .v-dropdown-items {
    margin: 0;
    padding: 0;
    background-color: #fff
}

.v-dropdown a, .v-dropdown a:visited {
    color: #000;
    text-decoration: none;
    outline: 0
}

.v-dropdown-selected {
    position: relative;
    display: block;
    border: 1px solid #c8cdd4;
    border-radius: 2px
}

.v-dropdown-selected:hover {
    color: #0092dd;
    border-color: #0092dd
}

.v-dropdown-selected-span {
    width: 80%;
    display: block !important;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 2px
}

.v-dropdown-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: none;
    border: 1px solid #fff;
    box-sizing: border-box;
    color: #1f2d3d;
    display: inline-block;
    font-size: inherit;
    line-height: 1;
    outline: 0;
    padding-left: 2px;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 80%;
    text-align: left
}

.v-dropdown-selected-i {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 120%
}

.v-dropdown-dd {
    position: absolute !important;
    z-index: 9999999
}

.v-dropdown-items {
    overflow: hidden;
    position: fixed;
    top: 2px;
    left: 0;
    list-style: none;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
    border: 1px solid #d1dbe5;
    color: #c5c0b0;
    padding: 5px 0;
    width: auto
}

.v-dropdown-items-li.active {
    background-color: #0092dd
}

.v-dropdown-items-li.active a {
    color: #fff
}

.v-dropdown-items-li-a {
    width: 100%;
    display: block;
    padding-left: 8px;
    padding-right: 8px
}

.v-dropdown-items-li-a-left {
    text-align: left
}

.v-dropdown-items-li-a-center {
    text-align: center
}

.v-dropdown-items-li-a-right {
    text-align: right
}

.v-dropdown-items-li:hover {
    background-color: #e4e8f1;
    color: #fff
}

.v-dropdown-items-li.active:hover {
    background-color: #0092dd
}

.v-dropdown-items-multiple {
    display: table;
    width: 100%;
    padding: 5px
}

.v-dropdown-items-multiple span {
    vertical-align: middle;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, .65)
}

.v-dropdown-items-multiple:hover {
    background-color: #e6f7ff
}

.v-dropdown-operation {
    padding: 8px 0 3px;
    font-size: 14px;
    border-top: 1px solid #e8e8e8
}

.v-dropdown-operation-item {
    padding: 0 8px;
    color: #495060
}

.v-dropdown-operation-item:last-child {
    float: right
}

.v-dropdown-operation-item:hover {
    color: #1890ff
}

.v-table-sort-icon .checked {
    color: #48576a
}

.v-table-filter-icon {
    color: #999
}

.v-table-filter-icon.checked {
    color: #48576a
}

.quota .container div a, .quota .container p a, .quota .container p alink {
    text-decoration: none;
    color: var(--btn-background-color) !important;
}

.Comment {
    position: relative;
    z-index: 899;
    overflow-x: hidden
}

@media screen and (min-width: 1200px) {
    .Comment.layui-col-lg4 {
        padding-left: 10px
    }
}

.Comment h5, .layui-layer-content:not(#layui-layim) h5 {
    padding: 8px 24px 8px 15px;
    background: #cececa;
    color: #fff;
    font-size: 14px
}

.block-content .Comment h5 {
    display: none
}

.comment-container {
    background: #f1f1f1;
    border-radius: 0;
    z-index: 0
}

.Comment .filter-comment {
    width: 100%;
    display: inline-flex;
    text-align: center;
    line-height: 32px;
    background: #f1f1f1;
    border-bottom: 1px solid #fff
}

.Comment .filter-comment > div {
    width: 50%;
    cursor: pointer
}

.Comment .filter-comment > div:first-child {
    border-right: 1px solid #fff
}

.Comment .filter-comment > div.show {
    color: #f79a32
}

.comment-container .notifylist .layui-form-select .layui-select-title, .comment-container .notifylist select, .comment-container > .notifylist {
    display: none !important
}

.layui-form-selectoption .layui-select-group dd img {
    width: 24px;
    margin-right: 5px
}

.notifylist_layershow, .notifylist_layershow .layui-form-select {
    height: 100%
}

.notifylist_layershow .layui-form-select .layui-select-title {
    display: none
}

.notifylist_layershow .layui-form-select .layui-select-group, .notifylist_layershow .layui-form-select dl {
    position: relative;
    height: 100%;
    display: block !important;
    max-height: unset;
    box-shadow: none;
    border: none;
    width: 100%;
    padding-top: 0
}

.notifylist_layershow .layui-form-select .layui-select-group * {
    border-bottom: 1px solid #eee
}

.notifylist_layershow .layui-form-select .layui-select-group dd:last-child {
    padding-bottom: 48px
}

.entity-comment-container {
    display: block;
    overflow: auto;
    border-top: none
}

#new-comment {
    padding: 0 5px
}

#new-comment .comment-form {
    border-bottom: 1px solid #ccc
}

.comment-frame {
    padding: 10px 0;
    position: relative
}

.comment-frame .forwide {
    position: absolute
}

.comment-box {
    margin-left: 30px;
    position: relative;
    line-height: normal;
    margin-top: -10px
}

.comment-box textarea {
    overflow: hidden;
    margin: 0;
    min-height: 75px;
    padding: 9px 11px 0;
    width: calc(100% - 24px);
    resize: none;
    border-radius: 3px;
    border: 0;
    border-bottom: solid 30px transparent;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .33)
}

.comment-box .layui-layedit .layui-layedit-iframe iframe {
    background: #fff
}

@media (max-width: 480px) {
    .layui-util-face ul {
        width: 186px
    }
}

.comment-frame .upload_drop {
    display: none
}

.comment-frame .upload_drop.over {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #b3b3b3;
    color: rgba(0, 0, 0, .93);
    opacity: .5;
    text-align: center
}

.comment-frame .upload_drop .text {
    font-size: 24px;
    line-height: 24px;
    margin-top: 115px;
    pointer-events: none
}

.comment-frame .comment-control input[type=button], .comment-frame .comment-control input[type=submit] {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    line-height: 22px;
    margin: 8px 4px 0 0;
    padding: 7px 20px;
    text-align: center;
    min-height: 2pc
}

.comment-frame .comment-control {
    position: relative;
    line-height: 22px
}

.comment-frame .comment-control span.count {
    cursor: pointer
}

.comment-frame .comment-control span i {
    font-size: 36px;
    position: absolute;
    bottom: 5px;
    display: inline-block;
    cursor: pointer
}

.comment-frame .comment-control input[type=submit] {
    background: -webkit-linear-gradient(to bottom, orange 0, #f78814 100%);
    background: linear-gradient(to bottom, orange 0, #f78814 100%);
    box-shadow: 0 1px 0 #f78814;
    border-radius: 3px;
    border: 0
}

.comment-frame .comment-control input[type=button] {
    background: -webkit-linear-gradient(to bottom, #a5a5a5 0, #a5a5a5 100%);
    background: linear-gradient(to bottom, #a5a5a5 0, #a5a5a5 100%);
    box-shadow: 0 1px 0 #a5a5a5;
    border-radius: 3px;
    border: 0
}

.comment-frame .comment-control input[type=submit]:hover {
    background: #f78814
}

.comment-frame .comment-control input[type=submit][disabled] {
    background: #E2E4E6;
    box-shadow: none;
    color: #8c8c8c;
    cursor: default;
    font-weight: 400
}

.comment-frame .comment-control input[type=submit][disabled]:hover {
    background: #E2E4E6
}

.comment-box .comment-box-options {
    position: absolute;
    right: 20px;
    bottom: 6px;
    text-align: right;
    padding: 5px
}

.comment-box .comment-box-options .comment-box-options-item {
    border-radius: 3px;
    height: 18px;
    padding: 6px;
    outline: 0
}

.comment-box .comment-box-options .comment-box-options-item:hover {
    background: #edeff0
}

.comment-box .comment-box-options .comment-box-options-item span {
    color: #999;
    text-align: center
}

.hidden_scroll_bar {
    margin-right: -20px;
    overflow-y: scroll !important
}

@media (max-width: 480px) {
    .hidden_scroll_bar > * {
        margin-right: 20px
    }
}

.Comment .nothing {
    font-size: 14px;
    text-align: center;
    padding: 7px 0 14px;
    display: none
}

.Comment #entity-comment-container .nothing {
    color: transparent;
    background: url(/static/images/no_comment.png) no-repeat;
    height: 154px;
    width: 142px;
    margin: 2em auto;
    padding: 0;
    background-size: 100% 100%
}

.Comment #entity-comment-container .nothing.en {
    color: transparent;
    background: url(/static/images/no_comments.png) no-repeat;
    height: 154px;
    width: 142px;
    margin: 2em auto;
    padding: 0;
    background-size: 100% 100%
}

.Comment .more {
    text-align: center;
    padding: 15px 0 10px;
    background: #fff;
    margin-top: -5px;
    cursor: pointer;
    font-size: 14px
}

.Comment .end {
    font-size: 14px;
    text-align: center;
    padding: 7px 0 14px
}

.comment-list > li {
    padding: 10px;
    border-bottom: 1px solid #E2E4E6;
    position: relative
}

#new-comment .heads, .comment-list > li .heads {
    font-size: 9pt;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-align: center;
    width: 30px;
    border-radius: 3px
}

.comment-list > li .comment-content__notify-list {
    display: none;
    margin-left: 38px;
    margin-bottom: 1em
}

.comment-list > li .comment-content__notify-list .comment-notify-list__member.comment-notify-list__member--part::before {
    content: attr(data-part-member);
    word-break: break-all
}

.comment-list > li .comment-content__notify-list .comment-notify-list__member.comment-notify-list__member--part.comment-notify-list__member--expanded::before {
    content: attr(data-member)
}

.comment-list > li .comment-content__notify-list .comment-notify-list__count {
    color: #4494f0
}

.comment-list > li .comment-content__notify-list .comment-notify-list__count::before {
    content: attr(data-member-count);
    cursor: pointer
}

#new-comment .heads {
    margin-bottom: 5px;
    margin-right: 5px
}

#new-comment .comment-frame .forwide {
    margin-top: 5px
}

#new-comment .comment-frame .follow {
    float: right;
    margin-top: 5px;
    color: #777;
    cursor: pointer;
    font-size: 14px;
    display: none
}

.comment-list > li .ename, .comment-list > li .forwide {
    font-size: 14px;
    height: 2em;
    line-height: 2em;
    display: inline;
    position: relative
}

#new-comment .comment-frame .follow.followed {
    color: #fc9c05
}

#new-comment .comment-box {
    margin: 0
}

.comment-list > li .forwide {
    left: 0;
    white-space: nowrap;
    float: left
}

.children-box .comment-list > li .forwide {
    left: 0
}

.comment-list > li .ename {
    font-weight: 700;
    color: #333;
    cursor: pointer;
    margin: 0 10px 0 0;
    top: -2px
}

.comment-list > li .comment-content-wrapper {
    float: right;
    width: calc(100% - 30px - 9px);
    top: -6px;
    position: relative;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.comment-list > li .ename:before {
    content: '\00b7';
    margin: 0 6px;
    font-size: 20px;
    position: relative;
    top: 2px
}

.comment-list > li .ment {
    display: block;
    margin-bottom: 0 !important;
    margin-top: .6em;
    height: 1.3em;
    line-height: 1.3em;
    margin-left: 38px
}

.comment-list > li .js-control {
    float: right;
    margin-left: 1em;
    height: 1.3em;
    line-height: 1.3em
}

.comment-list > li .js-control .js-action {
    margin-left: .5em;
    margin-right: .25em
}

.comment-list > li .js-control .comment-reply {
    color: #8c8c8c !important;
    text-align: center;
    position: relative;
    top: 3px
}

@media (max-width: 950px) {
    .comment-list > li .comment-content-wrapper.expanded {
        overflow: visible
    }

    .comment-list > li .comment-content-wrapper.expanded .ename {
        display: inline;
        min-height: 2em;
        word-break: break-all;
        white-space: initial;
        text-overflow: initial;
        overflow: visible
    }
}

.comment-list > li .time {
    font-size: 10px;
    color: #8c8c8c;
    height: 17px;
    line-height: 17px;
    display: inline-block
}

.children-box .comment-list > li .ename, .children-box .comment-list > li .heads, .comment-list > li .reply-box {
    display: none
}

.comment-list > li .js-control a, .comment-list > li .ment a {
    color: #8c8c8c !important;
    font-style: normal;
    font-size: 10px;
    cursor: pointer
}

.comment-list > li .ment a:hover {
    color: orange !important
}

.children-box .comment-list > li {
    border-bottom: none
}

.children-box .comment-list > li:first-child {
    margin-top: 5px
}

.children-box .comment-list > li:last-child {
    margin-bottom: 0
}

.quota, .quota .container {
    display: inline-block;
    cursor: pointer
}

.children-box .comment-list .quota {
    margin-left: 45px
}

.children-box .comment-list .content-box {
    margin-left: 30px
}

.quota {
    margin-left: 38px;
    margin-top: -4px;
    max-width: calc(100% - 42px);
    word-break: break-word
}

.quota .container:before {
    content: '';
    position: absolute;
    left: -16px;
    width: 0;
    height: 0;
    border-style: dashed solid dashed dashed;
    border-color: transparent #fff transparent transparent;
    border-width: 8px
}

.quota .container {
    padding: 9px 10px;
    border-radius: 3px;
    background: #fff;
    border: none;
    position: relative
}

.block-content .quota .container {
    background: #f1f1f1
}

.quota .container p {
    margin: 0;
    text-overflow: ellipsis;
    word-wrap: break-word;
    color: #4d4d4d;
    white-space: normal
}

.quota .container div img, .quota .container p img {
    max-width: 150px
}

.content-box {
    display: none
}

.content-box .comment-frame, .content-box .comment-frame .comment-box {
    margin: 0
}

.quota .container .file_in_comment {
    display: inline-block;
    margin-bottom: 10px
}

.quota .container .file_in_comment a {
    color: var(--btn-background-color) !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
}

.quota .container .file_in_comment span {
    vertical-align: middle;
    color: #333
}

.quota .container .file_size {
    color: #333;
    margin-top: -5px;
    font-size: 10px
}

.quota .container .click_to_show_files {
    color: #888
}

.cliped-image {
    width: 100%
}

.recalled-comment .ment {
    float: right;
    position: relative;
    bottom: 29px
}

[data-attached-mod=""] .attach-mod-tags, [data-attached-mod=""] .comment-tags-container--all {
    display: none
}

.comment-tag {
    display: inline-block;
    border: 1px solid #ccc;
    min-height: 1.5em;
    line-height: 1.5em;
    margin: .2em;
    padding: .2em .5em;
    min-width: 2em;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer
}

.comment-tag span.icon {
    display: none
}

[data-attached-mod]:not([data-attached-mod=""]) .comment-tags-container--attached {
    padding: 1em .5em;
    border-top: 1px solid #ccc
}

.elem-new .comment-tag[data-tag-value]:not(.no-close):hover span.icon, [data-attached-mod]:not([data-attached-mod=""]) .comment-tags-container--attached .comment-tag[data-tag-value]:hover span.icon {
    display: inline;
    position: relative;
    bottom: .9em;
    left: 0;
    float: right;
    width: 0
}

.comment-tags-container--all {
    padding: 1em
}

.comment-tags-container--all .comment-tag {
    border-color: #2196e6;
    color: #2196e6
}

.comment-tags-container--all .comment-tag.checked {
    background: #2196e6;
    color: #fff
}

.comment-time-filter-wrapper {
    border-bottom: 1px solid #ccc;
    padding-bottom: .5em
}

.comment-time-filter-wrapper .comment-time-filter {
    padding: .5em 1em
}

.comment-time-filter-wrapper .comment-time-filter:first-child {
    padding-top: 0
}

.comment-time-filter .comment-time-filter__label {
    width: 5em;
    display: inline-block;
    height: 2em;
    line-height: 2em
}

.attached-label {
    width: 5.8em;
    display: inline-block;
    text-align: right;
    height: 2em;
    line-height: 2em
}

.comment-time-filter .comment-time-selector, .date-picker-wrapper .date-picker {
    width: calc(100% - 5em - (1em * 2));
    max-width: 25em;
    height: 1.7em;
    line-height: 1.6em;
    font-size: 1em;
    padding: 0 .5em;
    border: 1px solid #c3c3c3
}

.date-picker-wrapper .date-picker {
    width: calc(100% - 10em - (1em * 2))
}

.comment-list li.not-ranged, .comment-list li.not-taged, .comment-list li[data-not-ranged] {
    display: none
}

.comment-tags-container--comment {
    padding-top: .25em;
    margin: 0 0 .8em 28px
}

.comment-tags-container--comment .comment-tag {
    border-color: #2196e6;
    color: #2196e6
}

.comment-tags-container--all__date .date-picker-wrapper {
    margin: .5em 0
}

.comment-tags-container--all__date .date-picker-wrapper .date-picker-label {
    min-width: 5em;
    width: 6em;
    display: inline-block;
    text-align: right
}

.layui-layer ~ .comment-box--mobile {
    bottom: 0;
    position: fixed !important;
    z-index: 2001
}

.layui-layer ~ .comment-box--mobile form {
    bottom: 0
}

.comment-box--mobile {
    z-index: 980;
    width: 100vw;
    bottom: 0;
    --content-height: 36px
}

.comment-box--mobile .notifylist {
    display: none
}

.comment-box--mobile, .comment-box--mobile * {
    box-sizing: border-box
}

.comment-box--mobile form {
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: var(--mobile-menu-height);
    height: calc(var(--content-height) + 16px);
    width: 100vw;
    background: #fff;
    z-index: 2000;
    padding: 8px 0 9px 10px;
    border-top: 1px solid #eee
}

.comment-box--mobile .comment-box__upload {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 48px;
    font-size: 32px
}

.comment-box--mobile .comment-box__upload i {
    display: inline-block;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    text-align: center;
    color: #1a1a1a
}

.comment-box--mobile #comment-image {
    display: none
}

.comment-box--mobile textarea {
    box-sizing: border-box;
    flex: 1;
    width: 100%;
    height: var(--content-height);
    padding: 8px 11px;
    font-size: 14px;
    color: #1a1a1a;
    border: 1px solid #ccc;
    border-radius: var(--border-radius);
    overflow-y: hidden;
    resize: none;
    user-select: text;
    -webkit-user-select: text
}

.comment-box--mobile .comment-box__submit {
    display: none;
    width: 56px;
    height: 48px;
    position: absolute;
    right: 0
}

.comment-box--mobile .comment-box__submit.show {
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.comment-box--mobile .comment-box__submit button {
    display: inline-block;
    width: 46px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    background: #ce4f43;
    border-radius: var(--border-radius);
    border: 0
}

.comment-box--mobile .def-notify-list {
    display: none
}

[data-attached-id] .end {
    margin-bottom: 50px
}

.notifylist_layershow dt.notify-list-group {
    height: 32px;
    background: #f2f2f2;
    padding-left: 16px
}

.notifylist_layershow dd {
    height: 58px;
    line-height: 58px !important;
    padding-left: 20px !important;
    font-size: 15px;
    color: #181818;
    display: flex;
    align-items: center
}

.notifylist_layershow dd div.ion-wrapper, .notifylist_layershow dd img {
    width: 38px !important;
    height: 38px !important;
    margin-right: 13px !important;
    border-radius: 5px
}

.notifylist_layershow dd div.ion-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0 !important;
    background: #ce4e43
}

.notifylist_layershow dd div.ion-wrapper .ion {
    display: inline-block;
    font-size: 26px;
    color: #fff;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center
}

.notifylist_layershow .notify-list-search {
    background: #f2f2f2;
    padding: 8px 18px;
    height: 40px
}

.notifylist_layershow .notify-list-search input, .notifylist_layershow .notify-list-search label {
    width: calc(100% - 40px);
    height: 100%;
    border: 0
}

.notifylist_layershow .notify-list-search label:before {
    content: "";
    background: url(/static/images/new/search.png) center center no-repeat;
    -webkit-background-size: 25px 25px;
    background-size: var(--primary-font-size);
    float: left;
    position: absolute;
    line-height: 40px;
    height: 40px;
    width: 40px
}

.notifylist_layershow .notify-list-search input {
    padding-left: 40px;
    font-size: 15px;
    max-height: 40px
}

.layui-layer-title.notify-list-title {
    padding: 0;
    text-align: center
}

.layui-layer-title.notify-list-title + .cancel {
    display: inline-block;
    float: left;
    font-size: 15px;
    color: #ce4e43;
    width: 40px;
    position: absolute;
    top: 10px;
    left: 20px
}

.encrypt_preview_img.en, .encrypt_preview_img.zh, .no_preview_img.en, .no_preview_img.zh {
    color: transparent;
    height: 154px;
    width: 142px;
    margin: 2em auto;
    padding: 0
}

.no_preview_img.en {
    background: url(/static/images/no_preview_en.png) no-repeat;
    background-size: 100% 100%
}

.no_preview_img.zh {
    background: url(/static/images/no_preview_zh.png) no-repeat;
    background-size: 100% 100%
}

.encrypt_preview_img.zh {
    background: url(/static/images/encrypt_preview_zh.png) no-repeat;
    background-size: 100% 100%
}

.encrypt_preview_img.en {
    background: url(/static/images/encrypt_preview_en.png) no-repeat;
    background-size: 100% 100%
}

.popover, .ystep-container {
    font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Wenquanyi Micro Hei", "Microsoft Yahei", Arial, sans-serif
}

.ystep1 {
    padding: 0 15px
}

.ystep-container {
    display: inline-block;
    position: relative;
    color: #666;
    margin-top: 10px
}

.ystep-container ul {
    list-style: none
}

.ystep-container li, .ystep-container p, .ystep-container ul {
    margin: 0;
    padding: 0
}

.ystep-lg .ystep-progress, .ystep-sm .ystep-progress {
    margin-right: 10px;
    float: left;
    position: absolute;
    overflow: hidden
}

.ystep-sm {
    width: 360px;
    height: 30px;
    font-size: 12px;
    line-height: 1
}

.ystep-lg {
    width: 700px;
    height: 50px;
    font-size: 12px
}

.ystep-sm .ystep-container-steps {
    position: absolute;
    top: 2px;
    cursor: pointer;
    z-index: 10
}

.ystep-sm li {
    float: left;
    width: 65px;
    height: 50px
}

.ystep-sm .ystep-step-done {
    background-position: -119px -76px
}

.ystep-sm .ystep-step-undone {
    background-position: -60px -76px
}

.ystep-sm .ystep-step-active {
    background-position: -182px -76px
}

.ystep-sm .ystep-progress {
    width: 260px;
    height: 3px;
    top: 30px;
    left: 8px
}

.ystep-sm .ystep-progress-bar {
    width: 260px;
    height: 6px;
    background: #e4e4e4;
    display: inline-block;
    float: left
}

.ystep-sm .ystep-progress-highlight {
    height: 6px;
    display: block
}

.ystep-lg .ystep-container-steps {
    position: absolute;
    top: 2px;
    cursor: pointer;
    z-index: 10
}

.ystep-lg li {
    float: left;
    width: 100px;
    height: 50px
}

.ystep-lg .ystep-step-done {
    background-position: -137px -189px
}

.ystep-lg .ystep-step-undone {
    background-position: -137px -131px
}

.ystep-lg .ystep-step-active {
    background-position: -137px -249px
}

.ystep-lg .ystep-progress {
    width: 400px;
    height: 10px;
    top: 30px;
    left: 15px
}

.ystep-lg .ystep-progress-bar {
    width: 400px;
    height: 20px;
    background: #e4e4e4;
    display: inline-block;
    float: left
}

.ystep-green .ystep-step-active, .ystep-green .ystep-step-done, .ystep-green .ystep-step-undone {
    background-image: url(../images/pointes_green.png);
    background-repeat: no-repeat
}

.ystep-lg .ystep-progress-highlight {
    height: 20px;
    display: block
}

.ystep-green .ystep-step-undone {
    color: #9c9a9b
}

.ystep-green .ystep-step-active {
    color: #3d8e15
}

.ystep-green .ystep-progress-highlight {
    background: #89bc65
}

.ystep-blue .ystep-step-active, .ystep-blue .ystep-step-done, .ystep-blue .ystep-step-undone {
    background-image: url(../images/pointes_blue.png);
    background-repeat: no-repeat
}

.ystep-blue .ystep-step-undone {
    color: #9c9a9b
}

.ystep-blue .ystep-step-active {
    color: #3276b1
}

.ystep-blue .ystep-progress-highlight {
    background: #60baff
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    background-clip: padding-box
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px;
    display: none !important
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    padding: 2px 10px;
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 4px 10px;
    font-size: 12px
}

.popover .arrow, .popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover .arrow {
    border-width: 11px
}

.popover .arrow:after {
    border-width: 10px;
    content: ""
}

.popover.bottom .arrow:after, .popover.left .arrow:after, .popover.right .arrow:after, .popover.top .arrow:after {
    content: " "
}

.popover.top .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0
}

.popover.top .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    border-top-color: #fff;
    border-bottom-width: 0
}

.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25);
    border-left-width: 0
}

.popover.right .arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: #fff;
    border-left-width: 0
}

.popover.bottom .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
    border-top-width: 0
}

.popover.bottom .arrow:after {
    top: 1px;
    margin-left: -10px;
    border-bottom-color: #fff;
    border-top-width: 0
}

.popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25);
    border-right-width: 0
}

.popover.left .arrow:after {
    right: 1px;
    bottom: -10px;
    border-left-color: #fff;
    border-right-width: 0
}

@media (max-width: 480px) {
    .ystep-container {
        display: none
    }
}

.step-container {
    margin-left: -15px
}

.step-container ul {
    width: 100%;
    display: table !important;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 5px;
    margin: 10px 0
}

.step-container .step li {
    display: table-cell !important;
    position: relative;
    background: #A1A1A1;
    text-align: center;
    line-height: 36px;
    height: 36px;
    padding: 0 10px 0 25px
}

.step-container .step li:not(:first-child):before {
    position: absolute;
    content: '';
    border-top: 18px solid #A1A1A1;
    border-bottom: 18px solid #A1A1A1;
    border-left: 18px solid #fff;
    left: 0;
    top: 0
}

.step-container .step li:after {
    position: absolute;
    content: '';
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 18px solid #A1A1A1;
    right: -18px;
    top: 0;
    z-index: 10
}

.step-container .step a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff
}

.step-container.step-container--bottom-text {
    margin-bottom: 28px
}

.step-container.step-container--bottom-text .step a[data-bottom-text]:after {
    content: attr(data-bottom-text);
    position: absolute;
    left: 9px;
    display: block;
    color: #333;
    width: calc(100% - 3em);
    top: 36px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 1.5em
}

.step-container .step a:hover {
    color: #fff;
    cursor: pointer
}

.step-container .step li.active {
    background-color: #3881C9
}

.step-container .step li.active:before {
    border-top: 18px solid #3881C9;
    border-bottom: 18px solid #3881C9
}

.step-container .step li.active:after {
    border-left-color: #3881C9
}

.step-container .step li.finished {
    background-color: #47B393
}

.step-container .step li.finished:before {
    border-top: 18px solid #47B393;
    border-bottom: 18px solid #47B393
}

.step-container .step li.finished:after {
    border-left-color: #47B393
}

.step-container .step li:first-child {
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em
}

.pipeline-td-2, .pipeline-td-4 {
    display: inline-block;
    vertical-align: top
}

.pipeline-td-1, .pipeline-td-2, .pipeline-td-3, .pipeline-td-4 {
    vertical-align: top
}

.pipeline-box {
    font-size: 0
}

.pipeline-td-4 {
    width: 25%
}

.pipeline-td-2 {
    width: 50%
}

.pipeline-td-3 {
    width: 33%;
    display: inline-block
}

.pipeline-box li, .pipeline-td-1 {
    display: inline-block;
    width: 100%
}

.pipeline-box h6 {
    padding: 5px 12px;
    line-height: 24px
}

.pipeline-box li {
    margin-top: 5px;
    text-align: center
}

.poolbox {
    min-height: 41px;
    background: #f8f8f8;
    border-radius: 5px
}

.poolbox li span {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    background: #e2e2e2;
    padding: 5px;
    border-radius: 5px;
    cursor: pointer;
    line-height: 20px
}

.poolbox-l li {
    width: 24%;
    margin-right: 5px
}

.pipeline-box div ul {
    height: 100%;
    min-height: 100%
}

.pipeline-box li span:hover {
    background: #717583;
    color: #fff
}

.pipeline-box li.placeHolder {
    background: #f0f6ff !important;
    border: 1px dashed #999 !important;
    height: 33px !important
}

.poolbox a {
    background: #fbd67c
}

.mydeal li {
    width: auto;
    padding: 2px 10px;
    cursor: pointer
}

.pipeline-box .poolbox {
    margin: 5px 12px;
    font-size: 14px;
    text-align: left
}

.poolbox-n li {
    width: calc(25% - 5px)
}

.poolbox-n li:nth-of-type(4n+4) {
    width: calc(25% - 10px);
    margin-right: 0
}

.poolbox-n1 li {
    width: calc(25% - 5px)
}

.poolbox-n1 li:nth-of-type(4n+4) {
    width: 25%
}

.poolbox-n-2 li {
    width: calc(50% - 5px);
    margin-right: 5px
}

.poolbox-n-2 li:nth-of-type(2n+2) {
    width: calc(50% - 10px);
    margin-right: 0
}

.poolbox-n-3 li {
    width: calc(33% - 5px);
    margin-right: 5px
}

.poolbox-n-3 li:nth-of-type(3n+3) {
    width: calc(33% - 10px);
    margin-right: 0
}

.poolbox-n-4 li {
    width: calc(25% - 5px)
}

.poolbox-n-4 li:nth-of-type(4n+4) {
    width: calc(25% - 10px);
    margin-right: 0
}

.poolbox-n-1 li {
    width: calc(100% - 5px);
    margin-right: 5px
}

.poolbox-n-1 li:nth-of-type(n+1) {
    width: calc(100% - 10px);
    margin-right: 0
}

ul.pipe_legend > li {
    padding: 10px;
    display: inline-block
}

div.data-col-5 li {
    width: 20%
}

div.data-col-4 li {
    width: 25%
}

div.data-col-3 li {
    width: 33%
}

div.data-col-2 li {
    width: 50%
}

@media (max-width: 480px) {
    div.data-col-2 li, div.data-col-3, div.data-col-4 li {
        width: 100%
    }
}

div.poolbox-b li span {
    background: #89a;
    color: #fff
}

div.poolbox-b li span:hover {
    background: #789;
    color: #fff
}

.poolbox-c li span {
    background: #38bca5;
    color: #fff
}

.poolbox-c li span:hover {
    background: #3a9;
    color: #fff
}

.pipeline-box div.dc .poolbox li:hover {
    background: #e82
}

.joytea .joytea_item .info {
    background: #fff
}

.akor {
    float: right;
    cursor: pointer;
    color: #a09494
}

.block_box {
    display: inline-block;
    width: 100%
}

.block_box .block_c {
    border: none
}

.block_box .msg_control button {
    margin-top: 0;
    height: 30px;
    font-size: 12px;
    padding: 0 5px;
    line-height: 30px
}

.poolbox-l li:hover {
    background: #dcdcdc
}

.pipeline-box li[type=none] {
    color: #aaa !important
}

.pipeline-box h6 {
    font-weight: 400;
    font-size: 16px;
    color: #333
}

div.poolbox-b h6 {
    color: #333
}

.show-more {
    float: right;
    color: #999;
    cursor: pointer
}

.end, .loading, .more {
    padding: 10px 0;
    text-align: center
}

.loading .layui-icon {
    display: inline-block;
    font-size: 36px
}

#news-content .file-list li {
    position: relative;
    white-space: normal;
    line-height: normal;
    border-bottom: dashed 1px #ddd;
    padding: 10px;
    color: #888
}

#news-content .file-list li h1 {
    font-size: 18px;
    margin: 5px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

#news-content .glyphicon {
    color: #7d7df1
}

#news-content .info .glyphicon {
    color: #ccc
}

.proj-box h5, .pure-news h5 {
    margin: 5px 5px 0;
    padding: 8px 15px;
    background: #f8f8f8;
    color: #f78814;
    border-left: solid 15px #f78814
}

.proj-box ul {
    padding: 10px
}

.proj-box li {
    display: inline-block;
    padding: 0 20px;
    cursor: pointer;
    background: #fff;
    margin: 0 5px 0 0;
    border-radius: 5px;
    text-align: center;
    border-bottom: solid 1px #ccc;
    line-height: 35px;
    color: #fff
}

.proj-box li:hover {
    background: #def
}

#news-content .file-list li .info, .news-content .file-list li .info {
    margin-left: 20px
}

#news-content .file-list li .info span, .news-content .file-list li .info span {
    margin-right: 16px
}

@media only screen and (max-width: 950px) {
    #news-content .file-list li .info span:nth-of-type(2), .news-content .file-list li .info span:nth-of-type(2) {
        display: none
    }

    #news-content .file-list li .info span:last-child, .news-content .file-list li .info span:last-child {
        position: absolute;
        right: 8px
    }
}

#news-content .file-list li p, .news-content .file-list li p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0 0 10px 20px
}

@media screen and (max-width: 950px) {
    .news-search-box {
        margin-top: calc(var(--menuh-height) + 8px);
        margin-bottom: 8px;
        background: #FFF
    }

    .news-wrapper {
        height: auto;
        background: #fff;
        padding: 16px
    }

    .news-wrapper #news-content ul li .date .ion, .news-wrapper #news-content ul li span.ion {
        display: none
    }

    .news-wrapper #news-content ul li h1 {
        font-size: var(--pepm-normal-font-size);
        color: var(--pepm-text-color);
        font-weight: 700;
        margin-bottom: 8px
    }

    .news-wrapper #news-content ul li .summary {
        margin: 0;
        font-size: var(--pepm-secondary-font-size);
        color: var(--pepm-secondary-text-color);
        line-height: 18px
    }

    .news-wrapper #news-content ul li .editor i {
        color: var(--pepm-secondary-text-color) !important
    }

    .news-wrapper #news-content ul li .info {
        margin: 16px 0 0;
        color: var(--pepm-secondary-text-color);
        font-size: var(--pepm-normal-font-size)
    }

    .news-wrapper #news-content hr {
        margin: 16px 0 !important
    }

    .news-wrapper #news-content ul li .date {
        margin: 0
    }
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 38px;
    padding: 0;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis
}

.select2-container .select2-search--inline {
    display: inline-block
}

.select2-container .select2-search--inline .select2-search__field {
    min-width: 10em;
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    padding: 5px 0;
    border: 1px solid #d2d2d2;
    max-height: 300px;
    overflow-y: auto;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1000000000
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option, .select2-results__option2 {
    padding: 0 10px;
    line-height: 3em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--below {
    margin-top: 1px
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear, .select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.select2-container--classic .select2-results > .select2-results__options, .select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-selection--single {
    border-radius: 2px;
    background-color: #f6f9ff
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    box-sizing: border-box;
    border-radius: 2px;
    font-size: 1rem;
    line-height: inherit !important
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    font-size: 12px;
    margin: 0;
    cursor: pointer;
    color: transparent;
    float: right
}

.select2-container--default .select2-selection--single .select2-selection__clear::before {
    font-family: Ionicons;
    color: #333;
    content: "\f129"
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #f6f9ff;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-size: 20px;
    margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    display: inline-block;
    margin: 2px 5px 2px 0;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    padding: 10px;
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    padding-left: 5px;
    background: 0 0;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f2f2f2
}

.select2-container--default .select2-results__option[aria-selected=true] {
    color: #fff;
    background-color: #5FB878
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 0 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999;
    font-size: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 4px 0 0 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: 0 0;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.select2-container.select2-container--open .select2-dropdown {
    overflow: hidden
}

@charset "UTF-8";
.fa, .markdown-body .octicon {
    -moz-osx-font-smoothing: grayscale
}

.fa-ul, .markdown-body .task-list-item, li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {
    list-style-type: none
}

.editormd-form br, .markdown-body hr:after {
    clear: both
}

.editormd {
    width: 90%;
    height: 640px;
    margin: 0 auto 15px;
    text-align: left;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    font-family: "Meiryo UI", "Microsoft YaHei", "Malgun Gothic", "Segoe UI", "Trebuchet MS", Helvetica, Monaco, monospace, Tahoma, STXihei, "华文细黑", STHeiti, "Helvetica Neue", "Droid Sans", "wenquanyi micro hei", FreeSans, Arimo, Arial, SimSun, "宋体", Heiti, "黑体", sans-serif
}

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

.editormd a {
    text-decoration: none
}

.editormd img {
    border: none;
    vertical-align: middle
}

.editormd .editormd-html-textarea, .editormd .editormd-markdown-textarea, .editormd > textarea {
    width: 0;
    height: 0;
    outline: 0;
    resize: none
}

.editormd .editormd-html-textarea, .editormd .editormd-markdown-textarea {
    display: none
}

.editormd button, .editormd input[type=button], .editormd input[type=submit], .editormd input[type=text], .editormd select, .editormd textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none
}

.editormd ::-webkit-scrollbar {
    height: 10px;
    width: 7px;
    background: rgba(0, 0, 0, .1)
}

.editormd ::-webkit-scrollbar:hover {
    background: rgba(0, 0, 0, .2)
}

.editormd ::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .3);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px
}

.editormd ::-webkit-scrollbar-thumb:hover {
    -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .25);
    -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .25);
    -ms-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .25);
    -o-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .25);
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .25);
    background-color: rgba(0, 0, 0, .4)
}

.editormd-user-unselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.editormd-toolbar {
    width: 100%;
    min-height: 37px;
    background: #fff;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    border-bottom: 1px solid #ddd
}

.editormd-toolbar-container {
    padding: 0 8px;
    min-height: 35px;
    -o-user-select: none;
    user-select: none
}

.editormd-toolbar-container, .markdown-body .octicon {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.editormd-menu, .markdown-body ol, .markdown-body td, .markdown-body th, .markdown-body ul {
    padding: 0
}

.editormd-menu {
    margin: 0;
    list-style: none
}

.editormd-menu > li {
    margin: 0;
    padding: 5px 1px;
    display: inline-block;
    position: relative
}

.editormd-menu > li.divider {
    display: inline-block;
    text-indent: -9999px;
    margin: 0 5px;
    height: 65%;
    border-right: 1px solid #ddd
}

.editormd-menu > li > a {
    outline: 0;
    color: #666;
    display: inline-block;
    min-width: 24px;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #fff;
    transition: all .3s ease-out
}

.editormd-dropdown-menu > li > a:hover, .editormd-menu > li > a {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out
}

.editormd-menu > li > a.active, .editormd-menu > li > a:hover {
    border: 1px solid #ddd;
    background: #eee
}

.editormd-menu > li > a > .fa {
    text-align: center;
    display: block;
    padding: 5px
}

.editormd-menu > li > a > .editormd-bold {
    padding: 5px 2px;
    display: inline-block;
    font-weight: 700
}

.editormd-menu > li:hover .editormd-dropdown-menu {
    display: block
}

.editormd-menu > li + li > a {
    margin-left: 3px
}

.editormd-dropdown-menu {
    display: none;
    background: #fff;
    border: 1px solid #ddd;
    width: 148px;
    list-style: none;
    position: absolute;
    top: 33px;
    left: 0;
    z-index: 100;
    -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, .15);
    -moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, .15);
    -ms-box-shadow: 1px 2px 6px rgba(0, 0, 0, .15);
    -o-box-shadow: 1px 2px 6px rgba(0, 0, 0, .15);
    box-shadow: 1px 2px 6px rgba(0, 0, 0, .15)
}

.editormd-dropdown-menu:after, .editormd-dropdown-menu:before {
    width: 0;
    height: 0;
    display: block;
    content: "";
    position: absolute;
    top: -11px;
    left: 8px;
    border: 5px solid transparent
}

.editormd-dropdown-menu:before {
    border-bottom-color: #ccc
}

.editormd-dropdown-menu:after {
    border-bottom-color: #fff;
    top: -10px
}

.editormd-dropdown-menu > li > a {
    color: #666;
    display: block;
    text-decoration: none;
    padding: 8px 10px
}

.editormd-dropdown-menu > li > a:hover {
    background: #f6f6f6;
    transition: all .3s ease-out
}

.editormd-dropdown-menu > li + li {
    border-top: 1px solid #ddd
}

.editormd-container {
    margin: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 35px 0 0;
    position: relative;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.editormd-dialog {
    color: #666;
    position: fixed;
    z-index: 99999;
    display: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    background: #fff;
    font-size: 14px
}

.editormd-dialog-container {
    position: relative;
    padding: 20px;
    line-height: 1.4
}

.editormd-dialog-container h1 {
    font-size: 24px;
    margin-bottom: 10px
}

.editormd-dialog-container h1 .fa {
    color: #2C7EEA;
    padding-right: 5px
}

.editormd-dialog-container h1 small {
    padding-left: 5px;
    font-weight: 400;
    font-size: 12px;
    color: #999
}

.editormd-dialog-container select {
    color: #999;
    padding: 3px 8px;
    border: 1px solid #ddd
}

.editormd-dialog-close {
    position: absolute;
    top: 12px;
    right: 15px;
    font-size: 18px;
    color: #ccc;
    -webkit-transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    transition: color .3s ease-out
}

.editormd-dialog-close:hover {
    color: #999
}

.editormd-dialog-header {
    padding: 11px 20px;
    border-bottom: 1px solid #eee;
    -webkit-transition: background .3s ease-out;
    -moz-transition: background .3s ease-out;
    transition: background .3s ease-out
}

.editormd-dialog-header:hover {
    background: #f6f6f6
}

.editormd-dialog-title {
    font-size: 14px
}

.editormd-dialog-footer {
    padding: 10px 0 0;
    text-align: right
}

.editormd-dialog-info {
    width: 420px
}

.editormd-dialog-info h1 {
    font-weight: 400
}

.editormd-dialog-info .editormd-dialog-container {
    padding: 20px 25px 25px
}

.editormd-dialog-info .editormd-dialog-close {
    top: 10px;
    right: 10px
}

.editormd-dialog-info .hover-link:hover, .editormd-dialog-info p > a {
    color: #2196F3
}

.editormd-dialog-info .hover-link {
    color: #666
}

.editormd-dialog-info a .fa-external-link {
    display: none
}

.editormd-dialog-info a:hover {
    color: #2196F3
}

.editormd-dialog-info a:hover .fa-external-link {
    display: inline-block
}

.editormd-container-mask, .editormd-dialog-mask, .editormd-mask {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.editormd-dialog-mask-bg, .editormd-mask {
    background: #fff;
    opacity: .5;
    filter: alpha(opacity=50)
}

.editormd-mask {
    position: fixed;
    background: #000;
    opacity: .2;
    filter: alpha(opacity=20);
    z-index: 99998
}

.editormd-container-mask, .editormd-dialog-mask-con {
    -webkit-background-size: 32px 32px;
    -moz-background-size: 32px 32px;
    -o-background-size: 32px 32px;
    background-size: 32px 32px
}

.editormd-container-mask {
    z-index: 20;
    display: block;
    background-color: #fff
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .editormd-container-mask, .editormd-dialog-mask-con {
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-pixel-ratio: 3) {
    .editormd-container-mask, .editormd-dialog-mask-con {
    }
}

.editormd-code-block-dialog textarea, .editormd-preformatted-text-dialog textarea {
    width: 100%;
    height: 400px;
    margin-bottom: 6px;
    overflow: auto;
    border: 1px solid #eee;
    background: #fff;
    padding: 15px;
    resize: none
}

.editormd-code-toolbar {
    color: #999;
    font-size: 14px;
    margin: -5px 0 10px
}

.editormd-grid-table {
    width: 99%;
    display: table;
    border: 1px solid #ddd;
    border-collapse: collapse
}

.editormd-grid-table-row {
    width: 100%;
    display: table-row
}

.editormd-grid-table-row a {
    font-size: 1.4em;
    width: 5%;
    height: 36px;
    color: #999;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #ddd;
    text-decoration: none;
    -webkit-transition: background-color .3s ease-out, color .1s ease-in;
    -moz-transition: background-color .3s ease-out, color .1s ease-in;
    transition: background-color .3s ease-out, color .1s ease-in
}

.editormd-grid-table-row a.selected {
    color: #666;
    background-color: #eee
}

.editormd-grid-table-row a:hover {
    color: #777;
    background-color: #f6f6f6
}

.editormd-tab-head {
    list-style: none;
    border-bottom: 1px solid #ddd
}

.editormd-tab-head li {
    display: inline-block
}

.editormd-tab-head li a {
    color: #999;
    display: block;
    padding: 6px 12px 5px;
    text-align: center;
    text-decoration: none;
    margin-bottom: -1px;
    border: 1px solid #ddd;
    -webkit-border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    -ms-border-top-left-radius: 3px;
    -o-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    -ms-border-top-right-radius: 3px;
    -o-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    background: #f6f6f6;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.editormd-tab-head li a:hover {
    color: #666;
    background: #eee
}

.editormd-tab-head li.active a {
    color: #666;
    background: #fff;
    border-bottom-color: #fff
}

.editormd-tab-head li + li {
    margin-left: 3px
}

.editormd-tab-box {
    padding: 20px 0
}

.editormd-form {
    color: #666
}

.editormd-form label {
    float: left;
    display: block;
    width: 75px;
    text-align: left;
    padding: 7px 0 15px 5px;
    margin: 0 0 2px;
    font-weight: 400
}

.editormd-form iframe {
    display: none
}

.editormd-form input:focus {
    outline: 0
}

.editormd-form input[type=number], .editormd-form input[type=text] {
    color: #999;
    padding: 8px;
    border: 1px solid #ddd
}

.editormd-form input[type=number] {
    width: 40px;
    display: inline-block;
    padding: 6px 8px
}

.editormd-form input[type=text] {
    display: inline-block;
    width: 264px
}

.editormd-form .fa-btns {
    display: inline-block
}

.editormd-form .fa-btns a {
    color: #999;
    padding: 7px 10px 0 0;
    display: inline-block;
    text-decoration: none;
    text-align: center
}

.editormd-form .fa-btns .fa {
    font-size: 1.3em
}

.editormd-form .fa-btns label {
    float: none;
    display: inline-block;
    width: auto;
    text-align: left;
    padding: 0 0 0 5px;
    cursor: pointer
}

.fa-fw, .fa-li {
    text-align: center
}

.editormd-dialog-container .editormd-btn, .editormd-dialog-container button, .editormd-dialog-container input[type=submit], .editormd-dialog-footer .editormd-btn, .editormd-dialog-footer button, .editormd-dialog-footer input[type=submit], .editormd-form .editormd-btn, .editormd-form button, .editormd-form input[type=submit] {
    color: #666;
    min-width: 75px;
    cursor: pointer;
    background: #fff;
    padding: 7px 10px;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: background .3s ease-out;
    -moz-transition: background .3s ease-out;
    transition: background .3s ease-out
}

.editormd-dialog-container .editormd-btn:hover, .editormd-dialog-container button:hover, .editormd-dialog-container input[type=submit]:hover, .editormd-dialog-footer .editormd-btn:hover, .editormd-dialog-footer button:hover, .editormd-dialog-footer input[type=submit]:hover, .editormd-form .editormd-btn:hover, .editormd-form button:hover, .editormd-form input[type=submit]:hover {
    background: #eee
}

.editormd-dialog-container .editormd-btn + .editormd-btn, .editormd-dialog-footer .editormd-btn + .editormd-btn, .editormd-form .editormd-btn + .editormd-btn {
    margin-left: 8px
}

.editormd-file-input {
    width: 75px;
    height: 32px;
    margin-left: 8px;
    position: relative;
    display: inline-block
}

.editormd-file-input input[type=file] {
    width: 75px;
    height: 32px;
    opacity: 0;
    cursor: pointer;
    background: #000;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0
}

.editormd-file-input input[type=file]::-webkit-file-upload-button {
    visibility: hidden
}

.editormd-file-input:hover input[type=submit] {
    background: #eee
}

.editormd .CodeMirror, .editormd-preview {
    display: inline-block;
    width: 50%;
    height: 100%;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0
}

.editormd-preview {
    position: absolute;
    top: 35px;
    right: 0;
    overflow: auto;
    line-height: 1.6;
    display: none;
    background: #fff
}

.fa, .fa-stack {
    display: inline-block
}

.editormd .CodeMirror {
    z-index: 10;
    float: left;
    border-right: 1px solid #ddd;
    font-size: 14px;
    font-family: "YaHei Consolas Hybrid", Consolas, "微软雅黑", "Meiryo UI", "Malgun Gothic", "Segoe UI", "Trebuchet MS", Helvetica, Monaco, courier, monospace;
    line-height: 1.6;
    margin-top: 35px
}

.editormd .CodeMirror pre {
    font-size: 14px;
    padding: 0 12px
}

.editormd .CodeMirror-linenumbers {
    padding: 0 5px
}

.editormd .CodeMirror-focused .CodeMirror-selected, .editormd .CodeMirror-selected {
    background: #70B7FF
}

.editormd .CodeMirror, .editormd .CodeMirror-scroll, .editormd .editormd-preview {
    -webkit-overflow-scrolling: touch
}

.editormd .styled-background {
    background-color: #ff7
}

.editormd .CodeMirror-focused .cm-matchhighlight {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFklEQVQI12NgYGBgkKzc8x9CMDAwAAAmhwSbidEoSQAAAABJRU5ErkJggg==);
    background-position: bottom;
    background-repeat: repeat-x
}

.editormd .CodeMirror-empty.CodeMirror-focused {
    outline: 0
}

.editormd .CodeMirror pre.CodeMirror-placeholder {
    color: #999
}

.editormd .cm-trailingspace {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAYAAAB/qH1jAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QUXCToH00Y1UgAAACFJREFUCNdjPMDBUc/AwNDAAAFMTAwMDA0OP34wQgX/AQBYgwYEx4f9lQAAAABJRU5ErkJggg==);
    background-position: bottom left;
    background-repeat: repeat-x
}

.editormd .cm-tab {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=)right no-repeat')
}

@font-face {
    font-family: FontAwesome;
    src: url(../fonts/fontawesome-webfont.eot?v=4.3.0);
    src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff2?v=4.3.0) format("woff2"), url(../fonts/fontawesome-webfont.woff?v=4.3.0) format("woff"), url(../fonts/fontawesome-webfont.ttf?v=4.3.0) format("truetype"), url(../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

.fa {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    transform: translate(0, 0)
}

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

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em
}

.fa-ul > li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em
}

.fa-li.fa-lg {
    left: -1.85714286em
}

.fa-border {
    padding: .2em .25em .15em;
    border: .08em solid #eee;
    border-radius: .1em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

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

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

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

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

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

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

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

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

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

.fa-stack {
    position: relative;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-close:before, .fa-remove:before, .fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-cog:before, .fa-gear:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-repeat:before, .fa-rotate-right:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before, .fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-image:before, .fa-photo:before, .fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before, .fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-exclamation-triangle:before, .fa-warning:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-cogs:before, .fa-gears:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before, .fa-users:before {
    content: "\f0c0"
}

.fa-chain:before, .fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before, .fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before, .fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-floppy-o:before, .fa-save:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-sort:before, .fa-unsorted:before {
    content: "\f0dc"
}

.fa-sort-desc:before, .fa-sort-down:before {
    content: "\f0dd"
}

.fa-sort-asc:before, .fa-sort-up:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2"
}

.fa-gavel:before, .fa-legal:before {
    content: "\f0e3"
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-bolt:before, .fa-flash:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-clipboard:before, .fa-paste:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-chain-broken:before, .fa-unlink:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-caret-square-o-down:before, .fa-toggle-down:before {
    content: "\f150"
}

.fa-caret-square-o-up:before, .fa-toggle-up:before {
    content: "\f151"
}

.fa-caret-square-o-right:before, .fa-toggle-right:before {
    content: "\f152"
}

.fa-eur:before, .fa-euro:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before, .fa-usd:before {
    content: "\f155"
}

.fa-inr:before, .fa-rupee:before {
    content: "\f156"
}

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
    content: "\f157"
}

.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
    content: "\f158"
}

.fa-krw:before, .fa-won:before {
    content: "\f159"
}

.fa-bitcoin:before, .fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before, .fa-gratipay:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-caret-square-o-left:before, .fa-toggle-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-try:before, .fa-turkish-lira:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-bank:before, .fa-institution:before, .fa-university:before {
    content: "\f19c"
}

.fa-graduation-cap:before, .fa-mortar-board:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before, .fa-car:before {
    content: "\f1b9"
}

.fa-cab:before, .fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
    content: "\f1c5"
}

.fa-file-archive-o:before, .fa-file-zip-o:before {
    content: "\f1c6"
}

.fa-file-audio-o:before, .fa-file-sound-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before, .fa-rebel:before {
    content: "\f1d0"
}

.fa-empire:before, .fa-ge:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-hacker-news:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before, .fa-weixin:before {
    content: "\f1d7"
}

.fa-paper-plane:before, .fa-send:before {
    content: "\f1d8"
}

.fa-paper-plane-o:before, .fa-send-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before, .fa-genderless:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-futbol-o:before, .fa-soccer-ball-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-ils:before, .fa-shekel:before, .fa-sheqel:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-bed:before, .fa-hotel:before {
    content: "\f236"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}

@font-face {
    font-family: editormd-logo;
    src: url(../fonts/editormd-logo.eot?-5y8q6h);
    src: url(../fonts/editormd-logo.eot?#iefix-5y8q6h) format("embedded-opentype"), url(../fonts/editormd-logo.woff?-5y8q6h) format("woff"), url(../fonts/editormd-logo.ttf?-5y8q6h) format("truetype"), url(../fonts/editormd-logo.svg?-5y8q6h#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

.editormd-logo, .editormd-logo-1x, .editormd-logo-2x, .editormd-logo-3x, .editormd-logo-4x, .editormd-logo-5x, .editormd-logo-6x, .editormd-logo-7x, .editormd-logo-8x {
    font-family: editormd-logo;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: inherit;
    line-height: 1;
    display: inline-block;
    text-rendering: auto;
    vertical-align: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.markdown-body hr:after, .markdown-body hr:before {
    content: "";
    display: table
}

.editormd-logo-1x:before, .editormd-logo-2x:before, .editormd-logo-3x:before, .editormd-logo-4x:before, .editormd-logo-5x:before, .editormd-logo-6x:before, .editormd-logo-7x:before, .editormd-logo-8x:before, .editormd-logo:before {
    content: "\e1987"
}

.editormd-logo-1x {
    font-size: 1em
}

.editormd-logo-lg {
    font-size: 1.2em
}

.editormd-logo-2x {
    font-size: 2em
}

.editormd-logo-3x {
    font-size: 3em
}

.editormd-logo-4x {
    font-size: 4em
}

.editormd-logo-5x {
    font-size: 5em
}

.editormd-logo-6x {
    font-size: 6em
}

.editormd-logo-7x {
    font-size: 7em
}

.editormd-logo-8x {
    font-size: 8em
}

.editormd-logo-color {
    color: #2196F3
}

@font-face {
    font-family: octicons-anchor;
    src: url('data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAYcAA0AAAAACjQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABMAAAABwAAAAca8vGTk9TLzIAAAFMAAAARAAAAFZG1VHVY21hcAAAAZAAAAA+AAABQgAP9AdjdnQgAAAB0AAAAAQAAAAEACICiGdhc3AAAAHUAAAACAAAAAj//wADZ2x5ZgAAAdwAAADRAAABEKyikaNoZWFkAAACsAAAAC0AAAA2AtXoA2hoZWEAAALgAAAAHAAAACQHngNFaG10eAAAAvwAAAAQAAAAEAwAACJsb2NhAAADDAAAAAoAAAAKALIAVG1heHAAAAMYAAAAHwAAACABEAB2bmFtZQAAAzgAAALBAAAFu3I9x/Nwb3N0AAAF/AAAAB0AAAAvaoFvbwAAAAEAAAAAzBdyYwAAAADP2IQvAAAAAM/bz7t4nGNgZGFgnMDAysDB1Ml0hoGBoR9CM75mMGLkYGBgYmBlZsAKAtJcUxgcPsR8iGF2+O/AEMPsznAYKMwIkgMA5REMOXicY2BgYGaAYBkGRgYQsAHyGMF8FgYFIM0ChED+h5j//yEk/3KoSgZGNgYYk4GRCUgwMaACRoZhDwCs7QgGAAAAIgKIAAAAAf//AAJ4nHWMMQrCQBBF/0zWrCCIKUQsTDCL2EXMohYGSSmorScInsRGL2DOYJe0Ntp7BK+gJ1BxF1stZvjz/v8DRghQzEc4kIgKwiAppcA9LtzKLSkdNhKFY3HF4lK69ExKslx7Xa+vPRVS43G98vG1DnkDMIBUgFN0MDXflU8tbaZOUkXUH0+U27RoRpOIyCKjbMCVejwypzJJG4jIwb43rfl6wbwanocrJm9XFYfskuVC5K/TPyczNU7b84CXcbxks1Un6H6tLH9vf2LRnn8Ax7A5WQAAAHicY2BkYGAA4teL1+yI57f5ysDNwgAC529f0kOmWRiYVgEpDgYmEA8AUzEKsQAAAHicY2BkYGB2+O/AEMPCAAJAkpEBFbAAADgKAe0EAAAiAAAAAAQAAAAEAAAAAAAAKgAqACoAiAAAeJxjYGRgYGBhsGFgYgABEMkFhAwM/xn0QAIAD6YBhwB4nI1Ty07cMBS9QwKlQapQW3VXySvEqDCZGbGaHULiIQ1FKgjWMxknMfLEke2A+IJu+wntrt/QbVf9gG75jK577Lg8K1qQPCfnnnt8fX1NRC/pmjrk/zprC+8D7tBy9DHgBXoWfQ44Av8t4Bj4Z8CLtBL9CniJluPXASf0Lm4CXqFX8Q84dOLnMB17N4c7tBo1AS/Qi+hTwBH4rwHHwN8DXqQ30XXAS7QaLwSc0Gn8NuAVWou/gFmnjLrEaEh9GmDdDGgL3B4JsrRPDU2hTOiMSuJUIdKQQayiAth69r6akSSFqIJuA19TrzCIaY8sIoxyrNIrL//pw7A2iMygkX5vDj+G+kuoLdX4GlGK/8Lnlz6/h9MpmoO9rafrz7ILXEHHaAx95s9lsI7AHNMBWEZHULnfAXwG9/ZqdzLI08iuwRloXE8kfhXYAvE23+23DU3t626rbs8/8adv+9DWknsHp3E17oCf+Z48rvEQNZ78paYM38qfk3v/u3l3u3GXN2Dmvmvpf1Srwk3pB/VSsp512bA/GG5i2WJ7wu430yQ5K3nFGiOqgtmSB5pJVSizwaacmUZzZhXLlZTq8qGGFY2YcSkqbth6aW1tRmlaCFs2016m5qn36SbJrqosG4uMV4aP2PHBmB3tjtmgN2izkGQyLWprekbIntJFing32a5rKWCN/SdSoga45EJykyQ7asZvHQ8PTm6cslIpwyeyjbVltNikc2HTR7YKh9LBl9DADC0U/jLcBZDKrMhUBfQBvXRzLtFtjU9eNHKin0x5InTqb8lNpfKv1s1xHzTXRqgKzek/mb7nB8RZTCDhGEX3kK/8Q75AmUM/eLkfA+0Hi908Kx4eNsMgudg5GLdRD7a84npi+YxNr5i5KIbW5izXas7cHXIMAau1OueZhfj+cOcP3P8MNIWLyYOBuxL6DRylJ4cAAAB4nGNgYoAALjDJyIAOWMCiTIxMLDmZedkABtIBygAAAA==)format("woff')
}

.markdown-body {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    color: #333;
    overflow: hidden;
    font-family: "Microsoft YaHei", Helvetica, "Meiryo UI", "Malgun Gothic", "Segoe UI", "Trebuchet MS", Monaco, monospace, Tahoma, STXihei, "华文细黑", STHeiti, "Helvetica Neue", "Droid Sans", "wenquanyi micro hei", FreeSans, Arimo, Arial, SimSun, "宋体", Heiti, "黑体", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    word-wrap: break-word
}

.markdown-body strong {
    font-weight: 700
}

.markdown-body h1 {
    margin: .67em 0
}

.markdown-body img {
    border: 0
}

.markdown-body hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

.markdown-body input {
    color: inherit;
    margin: 0;
    line-height: normal;
    font: 13px/1.4 Helvetica, arial, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"
}

.markdown-body html input[disabled] {
    cursor: default
}

.markdown-body input[type=checkbox] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

.markdown-body * {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.markdown-body a {
    background: 0 0;
    color: #4183c4;
    text-decoration: none
}

.markdown-body a:active, .markdown-body a:hover {
    outline: 0;
    text-decoration: underline
}

.markdown-body hr {
    margin: 15px 0;
    overflow: hidden;
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #ddd
}

.markdown-body h1, .markdown-body h2 {
    padding-bottom: .3em;
    border-bottom: 1px solid #eee
}

.markdown-body blockquote {
    margin: 0
}

.markdown-body ol ol, .markdown-body ul ol {
    list-style-type: lower-roman
}

.markdown-body ol ol ol, .markdown-body ol ul ol, .markdown-body ul ol ol, .markdown-body ul ul ol {
    list-style-type: lower-alpha
}

.markdown-body dd {
    margin-left: 0
}

.markdown-body code {
    font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace
}

.markdown-body pre {
    font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace;
    word-wrap: normal
}

.markdown-body .octicon {
    font: normal normal 16px octicons-anchor;
    line-height: 1;
    display: inline-block;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    user-select: none
}

.markdown-body .octicon-link:before {
    content: '\f05c'
}

.markdown-body > :first-child {
    margin-top: 0 !important
}

.markdown-body > :last-child {
    margin-bottom: 0 !important
}

.markdown-body .anchor {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    padding-right: 6px;
    padding-left: 30px;
    margin-left: -30px
}

.markdown-body .anchor:focus {
    outline: 0
}

.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 {
    position: relative;
    margin-top: 1em;
    margin-bottom: 16px;
    font-weight: 700;
    line-height: 1.4
}

.markdown-body h1 .octicon-link, .markdown-body h2 .octicon-link, .markdown-body h3 .octicon-link, .markdown-body h4 .octicon-link, .markdown-body h5 .octicon-link, .markdown-body h6 .octicon-link {
    display: none;
    color: #000;
    vertical-align: middle
}

.markdown-body h1:hover .anchor, .markdown-body h2:hover .anchor, .markdown-body h3:hover .anchor, .markdown-body h4:hover .anchor, .markdown-body h5:hover .anchor, .markdown-body h6:hover .anchor {
    padding-left: 8px;
    margin-left: -30px;
    text-decoration: none
}

.markdown-body h1:hover .anchor .octicon-link, .markdown-body h2:hover .anchor .octicon-link, .markdown-body h3:hover .anchor .octicon-link, .markdown-body h4:hover .anchor .octicon-link, .markdown-body h5:hover .anchor .octicon-link, .markdown-body h6:hover .anchor .octicon-link {
    display: inline-block
}

.markdown-body h1 {
    font-size: 2.25em;
    line-height: 1.2
}

.markdown-body h1 .anchor {
    line-height: 1
}

.markdown-body h2 {
    font-size: 1.75em;
    line-height: 1.225
}

.markdown-body h2 .anchor {
    line-height: 1
}

.markdown-body h3 {
    font-size: 1.5em;
    line-height: 1.43
}

.markdown-body h3 .anchor, .markdown-body h4 .anchor {
    line-height: 1.2
}

.markdown-body h4 {
    font-size: 1.25em
}

.markdown-body h5 .anchor, .markdown-body h6 .anchor {
    line-height: 1.1
}

.markdown-body h5 {
    font-size: 1em
}

.markdown-body h6 {
    font-size: 1em;
    color: #777
}

.markdown-body blockquote, .markdown-body dl, .markdown-body ol, .markdown-body p, .markdown-body pre, .markdown-body table, .markdown-body ul {
    margin-top: 0;
    margin-bottom: 16px
}

.markdown-body ol, .markdown-body ul {
    padding-left: 2em
}

.markdown-body ol ol, .markdown-body ol ul, .markdown-body ul ol, .markdown-body ul ul {
    margin-top: 0;
    margin-bottom: 0
}

.markdown-body li > p {
    margin-top: 16px
}

.markdown-body dl {
    padding: 0
}

.markdown-body dl dt {
    padding: 0;
    margin-top: 16px;
    font-size: 1em;
    font-style: italic;
    font-weight: 700
}

.markdown-body dl dd {
    padding: 0 16px;
    margin-bottom: 16px
}

.markdown-body blockquote {
    padding: 0 15px;
    color: #777;
    border-left: 4px solid #ddd
}

.markdown-body blockquote > :first-child {
    margin-top: 0
}

.markdown-body blockquote > :last-child {
    margin-bottom: 0
}

.markdown-body table {
    border-collapse: collapse;
    border-spacing: 0;
    display: block;
    width: 100%;
    overflow: auto;
    word-break: normal;
    word-break: keep-all
}

.markdown-body table th {
    font-weight: 700
}

.markdown-body table td, .markdown-body table th {
    padding: 6px 13px;
    border: 1px solid #ddd
}

.markdown-body table tr {
    background-color: #fff;
    border-top: 1px solid #ccc
}

.markdown-body table tr:nth-child(2n) {
    background-color: #f8f8f8
}

.markdown-body img {
    max-width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.markdown-body code {
    padding: .2em 0;
    margin: 0;
    font-size: 85%;
    background-color: rgba(0, 0, 0, .04);
    border-radius: 3px
}

.markdown-body code:after, .markdown-body code:before {
    letter-spacing: -.2em;
    content: "\00a0"
}

.markdown-body pre > code {
    padding: 0;
    margin: 0;
    font-size: 100%;
    word-break: normal;
    white-space: pre;
    background: 0 0;
    border: 0
}

.markdown-body .highlight {
    margin-bottom: 16px
}

.markdown-body .highlight pre, .markdown-body pre {
    padding: 16px;
    overflow: auto;
    font-size: 85%;
    background-color: #f7f7f7;
    border-radius: 3px
}

.markdown-body .highlight pre {
    margin-bottom: 0;
    word-break: normal
}

.markdown-body pre code {
    display: inline;
    max-width: initial;
    padding: 0;
    margin: 0;
    overflow: initial;
    line-height: inherit;
    word-wrap: normal;
    background-color: transparent;
    border: 0
}

.markdown-body pre code:after, .markdown-body pre code:before {
    content: normal
}

.markdown-body .pl-c {
    color: #969896
}

.markdown-body .pl-c1, .markdown-body .pl-mdh, .markdown-body .pl-mm, .markdown-body .pl-mp, .markdown-body .pl-mr, .markdown-body .pl-s1 .pl-v, .markdown-body .pl-s3, .markdown-body .pl-sc, .markdown-body .pl-sv {
    color: #0086b3
}

.markdown-body .pl-e, .markdown-body .pl-en {
    color: #795da3
}

.markdown-body .pl-s1 .pl-s2, .markdown-body .pl-smi, .markdown-body .pl-smp, .markdown-body .pl-stj, .markdown-body .pl-vo, .markdown-body .pl-vpf {
    color: #333
}

.markdown-body .pl-ent {
    color: #63a35c
}

.markdown-body .pl-k, .markdown-body .pl-s, .markdown-body .pl-st {
    color: #a71d5d
}

.markdown-body .pl-pds, .markdown-body .pl-s1, .markdown-body .pl-s1 .pl-pse .pl-s2, .markdown-body .pl-sr, .markdown-body .pl-sr .pl-cce, .markdown-body .pl-sr .pl-sra, .markdown-body .pl-sr .pl-sre, .markdown-body .pl-src {
    color: #df5000
}

.markdown-body .pl-mo, .markdown-body .pl-v {
    color: #1d3e81
}

.markdown-body .pl-id {
    color: #b52a1d
}

.markdown-body .pl-ii {
    background-color: #b52a1d;
    color: #f8f8f8
}

.markdown-body .pl-sr .pl-cce {
    color: #63a35c;
    font-weight: 700
}

.markdown-body .pl-ml {
    color: #693a17
}

.markdown-body .pl-mh, .markdown-body .pl-mh .pl-en, .markdown-body .pl-ms {
    color: #1d3e81;
    font-weight: 700
}

.markdown-body .pl-mq {
    color: teal
}

.markdown-body .pl-mi {
    color: #333;
    font-style: italic
}

.markdown-body .pl-mb {
    color: #333;
    font-weight: 700
}

.markdown-body .pl-md, .markdown-body .pl-mdhf {
    background-color: #ffecec;
    color: #bd2c00
}

.markdown-body .pl-mdht, .markdown-body .pl-mi1 {
    background-color: #eaffea;
    color: #55a532
}

.markdown-body .pl-mdr {
    color: #795da3;
    font-weight: 700
}

.markdown-body kbd {
    display: inline-block;
    padding: 3px 5px;
    font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace;
    line-height: 10px;
    color: #555;
    vertical-align: middle;
    background-color: #fcfcfc;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 #bbb
}

.markdown-body .task-list-item + .task-list-item {
    margin-top: 3px
}

.markdown-body .task-list-item input {
    float: left;
    margin: .3em 0 .25em -1.6em;
    vertical-align: middle
}

.markdown-body :checked + .radio-label {
    z-index: 1;
    position: relative;
    border-color: #4183c4
}

.editormd-html-preview, .editormd-preview-container {
    text-align: left;
    font-size: 14px;
    line-height: 1.6;
    padding: 20px;
    overflow: auto;
    width: 100%;
    background-color: #fff
}

.editormd-html-preview blockquote, .editormd-preview-container blockquote {
    color: #666;
    border-left: 4px solid #ddd;
    padding-left: 20px;
    margin-left: 0;
    font-size: 14px;
    font-style: italic
}

.editormd-html-preview p code, .editormd-preview-container p code {
    margin-left: 5px;
    margin-right: 4px
}

.editormd-html-preview abbr, .editormd-preview-container abbr {
    background: #ffd
}

.editormd-html-preview hr, .editormd-preview-container hr {
    height: 1px;
    border: none;
    border-top: 1px solid #ddd;
    background: 0 0
}

.editormd-html-preview code, .editormd-preview-container code {
    border: 1px solid #ddd;
    background: #f6f6f6;
    padding: 3px;
    border-radius: 3px;
    font-size: 14px
}

.editormd-html-preview pre, .editormd-preview-container pre {
    border: 1px solid #ddd;
    background: #f6f6f6;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.editormd-html-preview pre code, .editormd-preview-container pre code {
    padding: 0
}

.editormd-html-preview code, .editormd-html-preview kbd, .editormd-html-preview pre, .editormd-preview-container code, .editormd-preview-container kbd, .editormd-preview-container pre {
    font-family: "YaHei Consolas Hybrid", Consolas, "Meiryo UI", "Malgun Gothic", "Segoe UI", "Trebuchet MS", Helvetica, monospace, monospace
}

.editormd-html-preview table thead tr, .editormd-preview-container table thead tr {
    background-color: #F8F8F8
}

.editormd-html-preview p.editormd-tex, .editormd-preview-container p.editormd-tex {
    text-align: center
}

.editormd-html-preview span.editormd-tex, .editormd-preview-container span.editormd-tex {
    margin: 0 5px
}

.editormd-html-preview .emoji, .editormd-preview-container .emoji {
    width: 24px;
    height: 24px
}

.editormd-html-preview .katex, .editormd-preview-container .katex {
    font-size: 1.4em
}

.editormd-html-preview .flowchart, .editormd-html-preview .sequence-diagram, .editormd-preview-container .flowchart, .editormd-preview-container .sequence-diagram {
    margin: 0 auto;
    text-align: center
}

.editormd-html-preview .flowchart svg, .editormd-html-preview .sequence-diagram svg, .editormd-preview-container .flowchart svg, .editormd-preview-container .sequence-diagram svg {
    margin: 0 auto
}

.editormd-html-preview .flowchart text, .editormd-html-preview .sequence-diagram text, .editormd-preview-container .flowchart text, .editormd-preview-container .sequence-diagram text {
    font-size: 15px !important;
    font-family: "YaHei Consolas Hybrid", Consolas, "Microsoft YaHei", "Malgun Gothic", "Segoe UI", Helvetica, Arial !important
}

.pln {
    color: #000
}

@media screen {
    .str {
        color: #080
    }

    .kwd {
        color: #008
    }

    .com {
        color: #800
    }

    .typ {
        color: #606
    }

    .lit {
        color: #066
    }

    .clo, .opn, .pun {
        color: #660
    }

    .tag {
        color: #008
    }

    .atn {
        color: #606
    }

    .atv {
        color: #080
    }

    .dec, .var {
        color: #606
    }

    .fun {
        color: red
    }
}

@media print, projection {
    .kwd, .tag, .typ {
        font-weight: 700
    }

    .str {
        color: #060
    }

    .kwd {
        color: #006
    }

    .com {
        color: #600;
        font-style: italic
    }

    .typ {
        color: #404
    }

    .lit {
        color: #044
    }

    .clo, .opn, .pun {
        color: #440
    }

    .tag {
        color: #006
    }

    .atn {
        color: #404
    }

    .atv {
        color: #060
    }
}

pre.prettyprint {
    padding: 2px;
    border: 1px solid #888
}

ol.linenums {
    margin-top: 0;
    margin-bottom: 0
}

li.L1, li.L3, li.L5, li.L7, li.L9 {
    background: #eee
}

.editormd-html-preview pre.prettyprint, .editormd-preview-container pre.prettyprint {
    padding: 10px;
    border: 1px solid #ddd;
    white-space: pre-wrap;
    word-wrap: break-word
}

.editormd-html-preview ol.linenums, .editormd-preview-container ol.linenums {
    color: #999;
    padding-left: 2.5em
}

.editormd-html-preview ol.linenums li, .editormd-preview-container ol.linenums li {
    list-style-type: decimal
}

.editormd-html-preview ol.linenums li code, .editormd-preview-container ol.linenums li code {
    border: none;
    background: 0 0;
    padding: 0
}

.editormd-html-preview .editormd-toc-menu, .editormd-preview-container .editormd-toc-menu {
    margin: 8px 0 12px;
    display: inline-block
}

.editormd-html-preview .editormd-toc-menu > .markdown-toc, .editormd-preview-container .editormd-toc-menu > .markdown-toc {
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ddd;
    display: inline-block;
    font-size: 1em
}

.editormd-html-preview .editormd-toc-menu > .markdown-toc > ul, .editormd-preview-container .editormd-toc-menu > .markdown-toc > ul {
    width: 160%;
    min-width: 180px;
    position: absolute;
    left: -1px;
    top: -2px;
    z-index: 100;
    padding: 0 10px 10px;
    display: none;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .2)
}

.editormd-html-preview .editormd-toc-menu > .markdown-toc > ul > li ul, .editormd-preview-container .editormd-toc-menu > .markdown-toc > ul > li ul {
    width: 100%;
    min-width: 180px;
    border: 1px solid #ddd;
    display: none;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.editormd-html-preview .editormd-toc-menu .toc-menu-btn:hover, .editormd-html-preview .editormd-toc-menu > .markdown-toc > ul > li a:hover, .editormd-preview-container .editormd-toc-menu .toc-menu-btn:hover, .editormd-preview-container .editormd-toc-menu > .markdown-toc > ul > li a:hover {
    background-color: #f6f6f6
}

.editormd-html-preview .editormd-toc-menu > .markdown-toc > ul > li a, .editormd-preview-container .editormd-toc-menu > .markdown-toc > ul > li a {
    color: #666;
    padding: 6px 10px;
    display: block;
    -webkit-transition: background-color .5s ease-out;
    -moz-transition: background-color .5s ease-out;
    transition: background-color .5s ease-out
}

.editormd-html-preview .editormd-toc-menu > .markdown-toc li, .editormd-preview-container .editormd-toc-menu > .markdown-toc li {
    position: relative
}

.editormd-html-preview .editormd-toc-menu > .markdown-toc li > ul, .editormd-preview-container .editormd-toc-menu > .markdown-toc li > ul {
    position: absolute;
    top: 32px;
    left: 10%;
    display: none;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .2)
}

.editormd-html-preview .editormd-toc-menu > .markdown-toc li > ul:after, .editormd-html-preview .editormd-toc-menu > .markdown-toc li > ul:before, .editormd-preview-container .editormd-toc-menu > .markdown-toc li > ul:after, .editormd-preview-container .editormd-toc-menu > .markdown-toc li > ul:before {
    pointer-events: pointer-events;
    position: absolute;
    left: 15px;
    top: -6px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-width: 0 6px 6px;
    z-index: 10
}

.editormd-html-preview .editormd-toc-menu > .markdown-toc li > ul:before, .editormd-preview-container .editormd-toc-menu > .markdown-toc li > ul:before {
    border-bottom-color: #ccc
}

.editormd-html-preview .editormd-toc-menu > .markdown-toc li > ul:after, .editormd-preview-container .editormd-toc-menu > .markdown-toc li > ul:after {
    border-bottom-color: #fff;
    top: -5px
}

.editormd-html-preview .editormd-toc-menu ul, .editormd-preview-container .editormd-toc-menu ul {
    list-style: none
}

.editormd-html-preview .editormd-toc-menu a, .editormd-preview-container .editormd-toc-menu a {
    text-decoration: none
}

.editormd-html-preview .editormd-toc-menu h1, .editormd-preview-container .editormd-toc-menu h1 {
    font-size: 16px;
    padding: 5px 0 10px 10px;
    line-height: 1;
    border-bottom: 1px solid #eee
}

.editormd-html-preview .editormd-toc-menu h1 .fa, .editormd-preview-container .editormd-toc-menu h1 .fa {
    padding-left: 10px
}

.editormd-html-preview .editormd-toc-menu .toc-menu-btn, .editormd-preview-container .editormd-toc-menu .toc-menu-btn {
    color: #666;
    min-width: 180px;
    padding: 5px 10px;
    border-radius: 4px;
    display: inline-block;
    -webkit-transition: background-color .5s ease-out;
    -moz-transition: background-color .5s ease-out;
    transition: background-color .5s ease-out
}

.editormd-html-preview textarea, .editormd-onlyread .editormd-toolbar {
    display: none
}

.editormd-html-preview .editormd-toc-menu .toc-menu-btn .fa, .editormd-preview-container .editormd-toc-menu .toc-menu-btn .fa {
    float: right;
    padding: 3px 0 0 10px;
    font-size: 1.3em
}

.markdown-body .editormd-toc-menu ul {
    padding-left: 0
}

.markdown-body .highlight pre, .markdown-body pre {
    line-height: 1.6
}

hr.editormd-page-break {
    border: 1px dotted #ccc;
    font-size: 0;
    height: 2px
}

@media only print {
    hr.editormd-page-break {
        background: 0 0;
        border: none;
        height: 0
    }
}

.editormd-html-preview hr.editormd-page-break {
    background: 0 0;
    border: none;
    height: 0
}

.editormd-preview-close-btn {
    color: #fff;
    padding: 4px 6px;
    font-size: 18px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    -ms-border-radius: 500px;
    -o-border-radius: 500px;
    border-radius: 500px;
    display: none;
    background-color: #ccc;
    position: absolute;
    top: 25px;
    right: 35px;
    z-index: 19;
    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out
}

.editormd-preview-close-btn:hover {
    background-color: #999
}

.editormd-preview-active {
    width: 100%;
    padding: 40px
}

.editormd-preview-theme-dark {
    color: #777;
    background: #2C2827
}

.editormd-preview-theme-dark .editormd-preview-container {
    color: #888;
    background-color: #2C2827
}

.editormd-preview-theme-dark .editormd-preview-container pre.prettyprint {
    border: none
}

.editormd-preview-theme-dark .editormd-preview-container blockquote {
    color: #555;
    padding: .5em;
    background: #222;
    border-color: #333
}

.editormd-preview-theme-dark .editormd-preview-container abbr {
    color: #fff;
    padding: 1px 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: #f90
}

.editormd-preview-theme-dark .editormd-preview-container code {
    color: #fff;
    border: none;
    padding: 1px 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: #5A9600
}

.editormd-preview-theme-dark .editormd-preview-container table {
    border: none
}

.editormd-preview-theme-dark .editormd-preview-container .fa-emoji {
    color: #B4BF42
}

.editormd-preview-theme-dark .editormd-preview-container .katex {
    color: #FEC93F
}

.editormd-preview-theme-dark .editormd-toc-menu > .markdown-toc {
    background: #fff;
    border: none
}

.editormd-preview-theme-dark .editormd-toc-menu > .markdown-toc h1 {
    border-color: #ddd
}

.editormd-preview-theme-dark .markdown-body h1, .editormd-preview-theme-dark .markdown-body h2, .editormd-preview-theme-dark .markdown-body hr {
    border-color: #222
}

.editormd-preview-theme-dark pre {
    color: #999;
    background-color: #111;
    background-color: rgba(0, 0, 0, .4)
}

.editormd-preview-theme-dark pre .pln {
    color: #999
}

.editormd-preview-theme-dark li.L1, .editormd-preview-theme-dark li.L3, .editormd-preview-theme-dark li.L5, .editormd-preview-theme-dark li.L7, .editormd-preview-theme-dark li.L9 {
    background: 0 0
}

.editormd-preview-theme-dark [class*=editormd-logo] {
    color: #2196F3
}

.editormd-preview-theme-dark .sequence-diagram text {
    fill: #fff
}

.editormd-preview-theme-dark .sequence-diagram path, .editormd-preview-theme-dark .sequence-diagram rect {
    color: #fff;
    fill: #64D1CB;
    stroke: #64D1CB
}

.editormd-preview-theme-dark .flowchart path, .editormd-preview-theme-dark .flowchart rect {
    stroke: #A6C6FF
}

.editormd-preview-theme-dark .flowchart rect {
    fill: #A6C6FF
}

.editormd-preview-theme-dark .flowchart text {
    fill: #5879B4
}

@media screen {
    .editormd-preview-theme-dark .str {
        color: #080
    }

    .editormd-preview-theme-dark .kwd {
        color: #f90
    }

    .editormd-preview-theme-dark .com {
        color: #444
    }

    .editormd-preview-theme-dark .typ {
        color: #606
    }

    .editormd-preview-theme-dark .lit {
        color: #066
    }

    .editormd-preview-theme-dark .clo, .editormd-preview-theme-dark .opn, .editormd-preview-theme-dark .pun {
        color: #660
    }

    .editormd-preview-theme-dark .tag {
        color: #f90
    }

    .editormd-preview-theme-dark .atn {
        color: #6C95F5
    }

    .editormd-preview-theme-dark .atv {
        color: #080
    }

    .editormd-preview-theme-dark .dec, .editormd-preview-theme-dark .var {
        color: #008BA7
    }

    .editormd-preview-theme-dark .fun {
        color: red
    }
}

.editormd-onlyread .CodeMirror {
    margin-top: 0
}

.editormd-onlyread .editormd-preview {
    top: 0
}

.editormd-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    border: none;
    margin: 0 auto
}

.editormd-theme-dark {
    border-color: #1a1a17
}

.editormd-theme-dark .editormd-toolbar {
    background: #1A1A17;
    border-color: #1a1a17
}

.editormd-theme-dark .editormd-menu > li > a {
    color: #777;
    border-color: #1a1a17
}

.editormd-theme-dark .editormd-menu > li > a.active, .editormd-theme-dark .editormd-menu > li > a:hover {
    border-color: #333;
    background: #333
}

.editormd-theme-dark .editormd-menu > li.divider {
    border-right: 1px solid #111
}

.editormd-theme-dark .CodeMirror {
    border-right: 1px solid rgba(0, 0, 0, .1)
}

.layout.layout--mobile .layui-body, .layui-body.no-slide-anim {
    left: 0
}

.checklist .addcheck .check_edit, input:not([type=checkbox]), input[type=search], textarea {
    -webkit-appearance: none
}

.hdate, .pepm-table .layui-input[readonly] {
    opacity: 1 !important
}

:root {
    --pepm-text-color: #181818;
    --secondary-text-color: #838383;
    --pepm-secondary-text-color: #838383;
    --pepm-normal-font-size: 14px;
    --pepm-secondary-font-size: 12px;
    --pepm-red: rgb(154, 0, 0);
    --pepm-white: #ffffff;
    --elem-white: #ffffff;
    --red: #9a0000;
    --disabled-color: #eeeeee;
    --border-color: #e4e4e4;
    /* --theme-r: 154;
    --theme-g: 0;
    --theme-b: 0;
    --theme-rgb: rgb(var(--theme-r), var(--theme-g), var(--theme-b));
    --primary-color: var(--theme-rgb);
    --secondary-color: rgb(
            calc(var(--theme-r) + 30),
            calc(var(--theme-g) + 30),
            calc(var(--theme-b) + 30)
    ) */
}

*, :after, :before {
    box-sizing: initial
}

body, html {
    margin: 0;
    height: 100%;
    font-size: 13px;
    color: #666;
    background: #f6f6f6
}

body {
    width: 100%
}

:-moz-placeholder {
    color: #CCC
}

::-moz-placeholder {
    color: #CCC
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #CCC
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #CCC
}

[type=checkbox].edit-mode + .layui-form-checkbox:not(.layui-form-checked) {
    border: 1px solid #c2c2c2 !important
}

[type=checkbox].edit-mode + .layui-form-checkbox:not(.layui-form-checked) .layui-icon, [type=checkbox].edit-mode + .layui-form-checkbox:not(.layui-form-checked):hover .layui-icon {
    color: #c2c2c2 !important
}

[type=checkbox].edit-mode + .layui-form-checkbox.layui-form-checked {
    border: 1px solid #b00 !important
}

[type=checkbox].edit-mode + .layui-form-checkbox.layui-form-checked .layui-icon, [type=checkbox].edit-mode + .layui-form-checkbox.layui-form-checked:hover .layui-icon {
    color: #b00 !important
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #CCC
}

.select2-container--default .select2-selection--single {
    border-radius: 2px;
    background-color: #f6f9ff;
    padding: 10px 5px
}

.layout {
    min-height: 100%;
    background: #f6f6f6
}

.layout.layout--mobile {
    z-index: 980 !important;
    height: auto;
    position: absolute;
    width: 100vw;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.layout.layout--mobile.v-start {
    z-index: 981 !important
}

.transition {
    transition: 250ms ease;
    -webkit-transition: 250ms ease;
    -moz-transition: 250ms ease;
    -ms-transition: 250ms ease;
    -o-transition: 250ms ease
}

.jumbotron {
    padding: 10px 20px
}

.warning {
    color: #f44336
}

.done {
    color: #8bc34a
}

.pepm-table .databox .layui-input {
    background: #f6f9ff
}

.databox-wrap {
    width: 100%;
    table-layout: fixed
}

.databox-title {
    height: 30px
}

.databox-bar {
    text-align: center
}

.databox-bar span {
    font-size: 22px
}

.databox-list-title, .databox-selected-title {
    font-size: 14px;
    color: #5d5a5a
}

.databox-list {
    overflow-y: auto;
    border: 1px solid #ccc;
    height: 300px;
    position: relative;
    margin-top: -1px
}

.databox-list .selected, .databox-list .selected:hover {
    background: #5FB878;
    color: #fff
}

.databox-item, .databox-wrap .loaded, .databox-wrap .loadmore {
    min-height: 19px;
    line-height: 19px;
    cursor: pointer;
    border-bottom: 1px solid #e2e2e2;
    padding: 9px 0 9px 15px;
    background: #fff
}

.databox-item:hover, .databox-wrap .loadmore:hover {
    background: #f6f6f6;
    color: #666
}

.databox-search {
    border: 1px solid #ccc
}

.databox-loading, .databox-nodata {
    text-align: center;
    position: absolute;
    top: 50%;
    width: 100%
}

.databox-selected .remove {
    color: #ff9800;
    float: right;
    position: absolute;
    right: 0
}

.databox-footer {
    text-align: right;
    margin-top: 10px
}

.databox-wrap .loaded, .databox-wrap .loadmore {
    text-align: center
}

.databox-wrap .loadmore .layui-icon {
    font-size: 16px
}

.databox-wrap .dragbar {
    cursor: move;
    padding-right: 5px
}

.databox-wrap .sortable-ghost {
    background: #ffd391;
    color: #cda464
}

.databox {
    position: relative
}

.databox input.label {
    width: 100%;
    text-align: left;
    cursor: pointer
}

.databox .layui-edge {
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -3px;
    cursor: pointer;
    border-width: 6px;
    border-top-color: #c2c2c2;
    border-top-style: solid
}

.databox-parent, .databox-parent:hover {
    font-weight: 700;
    background: #f1f1f1
}

.databox-item, .databox-parent {
    padding-right: 3%
}

.databox-item[data-pid] {
    padding-left: 30px
}

.databox-selected .databox-item {
    padding-left: 15px
}

.databox-item .databox-multiple-check {
    display: inline-block;
    width: 1em;
    height: 1em;
    background: 0 0;
    float: right;
    margin-top: 2px;
    border: 1px solid #666;
    border-radius: 2px
}

.databox-multiple-check.checked {
    background: #5FB878 !important;
    border-color: #5FB878 !important
}

.databox-multiple-check.checked:before {
    content: "\2714";
    color: #fff;
    font-size: 1.3em;
    top: -2px;
    position: relative
}

.layui-form-item .layui-input-inline {
    float: none
}

.layui-tab-content {
    padding: 10px 0
}

.layui-tab-content .tab-view-loading {
    min-height: 15em;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 4em;
    font-size: 17px
}

.rel_data_btn {
    margin-bottom: 5px;
    margin-top: 1px
}

.pepm-table .layui-input, .pepm-table .layui-select, .pepm-table .layui-textarea {
    line-height: 100%;
    border: none;
    padding: 8px 10px;
    background: #f6f9ff
}

.pepm-table .layui-textarea {
    line-height: 160%
}

.pepm-table .editormd-html-preview, .pepm-table .editormd-preview-container {
    box-sizing: border-box;
    padding: 0
}

.pepm-table .editormd {
    margin-bottom: 0;
    border: none
}

.markdown-body pre > code {
    white-space: pre-wrap
}

textarea.rte {
    display: none !important
}

#edui_fixedlayer {
    z-index: 99999999 !important
}

.editlist .layui-input[readonly], .pepm-table .databox[readonly] .layui-input, .pepm-table .layui-input[readonly], .pepm-table .readonly-elem, form .pepm-table td[ftype][readonly] {
    background: #eee
}

.pepm-table .layui-layedit {
    border: 0
}

.pepm-table .layui-layedit .layui-layedit-iframe iframe {
    background: #f6f9ff
}

.pepm-table {
    width: 100%;
    border-collapse: collapse
}

.pepm-table .section {
    background: #fff;
    font-size: 18px;
    border: none;
    font-weight: 700
}

.pepm-table .label {
    background: #f8f8f8;
    text-align: center;
    color: #777;
    min-width: 80px
}

.pepm-table .data, .pepm-table .label {
    padding: 8px 10px;
    min-height: 22px
}

.pepm-form .pepm-list .data {
    padding: 0
}

.pepm-table .data .select-flag {
    float: right;
    font-size: 1px
}

.data > li, .data > li > a {
    color: #ec9f28
}

.pepm-table td, .pepm-table th {
    padding: 0;
    border: 1px solid #ccc;
    line-height: 190%
}

.dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center
}

.dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 9999;
    background: rgba(255, 255, 255, .5);
    margin: 0;
    padding: 0
}

.dataTables_wrapper .processing_content {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    color: #666;
    font-size: 20px
}

.list-header-wrap, .list-search-wrap {
    width: 100%;
    position: relative;
    box-sizing: border-box
}

.dataTables_wrapper .layui-icon-loading {
    font-size: 20px
}

.dataTables_paginate .paginate_button.disabled {
    display: none
}

.list-search-wrap {
    display: inline-block
}

@media screen and (max-width: 950px) {
    .list-search-wrap {
        overflow: hidden;
        background: #fff;
        margin-bottom: 2px
    }

    .list-header-wrap .list-search-wrap {
        padding: 0;
        overflow-x: auto;
        background: 0 0;
        margin-bottom: 0
    }
}

.list-search-type {
    position: absolute;
    line-height: 34px;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
    width: 35px;
    color: #ccc
}

.list-search-wrap .layui-input {
    line-height: 32px;
    height: 32px
}

.list-search-wrap .list-search-full {
    margin: 0
}

.list-search-wrap .list-search-input {
    width: 100%;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.filter-label {
    line-height: 28px;
    text-align: left;
    padding-left: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (min-width: 992px) {
    .list-search-wrap .layui-col-md1 {
        width: 60px
    }
}

.list-search-btn, .list-search-input {
    display: inline-block;
    border: 1px solid #C9C9C9;
    border-radius: 0
}

.list-search-wrap .layui-btn {
    width: 100%;
    border-left: 0;
    line-height: 32px;
    height: 32px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-top: 0 !important
}

.list-search-type:hover {
    color: #333
}

.list-search-input {
    width: 300px;
    padding-left: 35px
}

.list-search-input:hover {
    border-color: #009688 !important
}

.list-search-full {
    color: #673ab7;
    margin-left: 10px
}

.list-search-popover {
    position: absolute;
    top: 37px;
    z-index: 9999;
    background: #fff;
    border: 1px solid #C9C9C9
}

.list-search-popover li {
    padding: 6px 13px;
    min-width: 100px;
    cursor: pointer
}

.list-search-popover li:hover {
    background-color: #f2f2f2
}

.list-table {
    margin: 10px 0
}

.list-header-btns {
    float: right
}

@media screen and (max-width: 992px) {
    .list-header-btns {
        margin-top: 5px
    }

    .list-header-btns .list-personal {
        display: none
    }
}

.list-header-wrap .layui-form-item .select2-selection--single {
    height: 28px;
    line-height: 28px
}

.list-search-wrap .list-header-btns .layui-btn {
    height: 32px;
    line-height: 32px;
    margin: 0 2px;
    border: 1px solid #CCC;
    text-align: center;
    width: auto;
    border-radius: 2px;
    float: right
}

.list-header-btns .ion {
    width: 16px
}

.list-filter .layui-form-item {
    margin: 5px
}

.list-filter-applied {
    color: #a7a4a4
}

.list-filter, .list-filter-applied {
    margin-top: 5px
}

.list-filter-icon {
    padding: 0 8px 0 15px
}

.list-filter-item {
    display: inline-block;
    border: 1px solid #ccc;
    background: #f6f6f6;
    border-radius: 2px;
    padding: 2px 5px;
    color: #333;
    margin-right: 5px
}

.list-filter .layui-form-label {
    padding: 4px 0 4px 5px;
    width: auto;
    color: #707070
}

.list-filter .layui-input-inline {
    width: 100%;
    margin: 0
}

.list-filter .layui-input, .list-filter .layui-select, .list-filter .layui-textarea {
    height: 30px;
    padding-left: 5px
}

.list-filter-clear, .list-filter-remove {
    cursor: pointer;
    padding: 0 5px;
    font-size: 12px
}

.list-filter-clear {
    border-radius: 2px;
    border: 1px solid #CCC;
    padding: 2px 5px;
    background: #FFF
}

.pagination {
    margin-top: 5px
}

.list-filter .layui-btn, .v-page-ul {
    margin: 0
}

.v-table-body-cell {
    padding: 0 10px
}

.v-table-views {
    box-sizing: content-box;
    padding-bottom: 8px
}

.v-table-body.v-table-body-class.v-table-rightview-special-border::-webkit-scrollbar {
    height: 8px;
    width: 8px
}

.v-table-body.v-table-body-class.v-table-rightview-special-border::-webkit-scrollbar-thumb {
    background: grey;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.v-table-body.v-table-body-class.v-table-rightview-special-border::-webkit-scrollbar-corner {
    background: #f6f6f6
}

.v-table-empty-content, .v-table-empty-scroll::-webkit-scrollbar {
    height: 8px;
    width: 8px
}

.v-table-empty-content, .v-table-empty-scroll::-webkit-scrollbar-thumb {
    background: grey;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.v-table-empty-content, .v-table-empty-scroll::-webkit-scrollbar-corner {
    background: #f6f6f6
}

.v-table-footer::-webkit-scrollbar {
    height: 8px;
    width: 8px
}

.v-table-footer::-webkit-scrollbar-thumb {
    background: grey;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.v-table-footer::-webkit-scrollbar-corner {
    background: #f6f6f6
}

@media screen and (min-width: 992px) and (max-width: 1119px) {
    .list-filter .layui-col-md2 {
        width: 11.11%
    }

    .list-filter .layui-col-md10 {
        width: 88.88%
    }
}

@media (max-width: 1119px) {
    .filter-wrap .dateinput {
        background: #fff;
        border: 1px solid #e6e6e6;
        width: 120px;
        display: inline-block;
        margin: 0
    }

    .filter-wrap .dateinput.dateinput--single, .filter-wrap .dateinput.dateinput--single + input {
        width: 100%
    }

    .filter-wrap .dateinput.dateinput--pair, .filter-wrap .dateinput.dateinput--pair + input {
        width: calc(50% - .5em)
    }

    .filter-wrap .filter-widget__range {
        width: calc(50% - .5em);
        display: inline-block
    }
}

.datatables .filter td, .pepm-table td, .pepm-table th {
    height: 0
}

.pepm-table:not(.pepm-list) .data:before {
    display: inline-block;
    content: '';
    height: 100%;
    vertical-align: middle
}

.layui-row .filter-wrap {
    width: 100%
}

.default-file-box a {
    display: inline-block;
    margin-right: 10px;
    text-decoration: underline;
    color: #2d8cf0
}

.pepm-table .select-multi {
    height: 0
}

.pepm-table .layui-form-select dl {
    top: auto
}

.layui-form-select dl dd, .layui-form-select dl dt {
    line-height: 3em
}

.datatables .data-wrap, .pepm-table .data-wrap {
    display: inline-block;
    width: 100%;
    position: relative;
    overflow: hidden;
    vertical-align: middle
}

.pepm-table td select {
    width: 95%;
    height: 38px;
    border: none;
    vertical-align: middle;
    border-radius: 0;
    background: #f6f9ff
}

.pepm-table th {
    background: #f8f8f8
}

.pepm-table tr {
    max-height: 3rem
}

.pepm-table .col1 {
    width: 18.53%;
    min-width: 100px
}

form .pepm-table .value {
    min-width: 100px;
    background: #f6f9ff;
    position: relative
}

form .pepm-table .value[ftype=money][readonly] input {
    background: #eee !important
}

form .pepm-table .value[ftype=money] input {
    background: #f6f9ff !important
}

form .pepm-table .value[ftype=million2][readonly] input, form .pepm-table .value[ftype=wan2][readonly] input {
    background: #eee !important
}

form .pepm-table .value[ftype=million2] input, form .pepm-table .value[ftype=wan2] input {
    background: #f6f9ff !important
}

.pepm-table .value[ftype=money][readonly] input {
    background: #eee !important
}

.pepm-table .value[ftype=money] input {
    background: #f6f9ff !important
}

.pepm-table .value[ftype=million2][readonly] input, .pepm-table .value[ftype=wan2][readonly] input {
    background: #eee !important
}

.pepm-table .value[ftype=million2] input, .pepm-table .value[ftype=wan2] input {
    background: #f6f9ff !important
}

form .pepm-table .value[ftype=update_operator], form .pepm-table .value[ftype=operator] {
    background: #eee !important
}

form .pepm-table .value[ftype=timestamp] {
    padding-left: 10px
}

.pepm-table .b2data {
    padding: 0;
    border: none
}

.pepm-table .b2data > table {
    margin: 10px 0
}

.pepm-table .noprint, .pepm-table th {
    padding: 10px
}

table.pepm-table-l {
    width: 100%
}

.pepm-table-l td {
    padding: 10px;
    vertical-align: top;
    width: 33.33%
}

.pepm-table-l td div {
    display: block;
    padding: 15px
}

.pepm-table-l td div.label {
    background: #f6f6f6;
    color: #333
}

.pepm-list .label {
    text-align: left;
    background: #f8f8f8
}

.pepm-handsontable, .pepm-list, .pepm-table, .table_canvas .dataTables_paginate, .table_canvas .datatables {
    margin-bottom: 10px
}

.pepm-checkbox {
    padding: 10px 5px
}

@media (max-width: 480px) {
    .pepm-checkbox, .pepm-radio {
        float: left
    }

    .layui-form-checkbox, .layui-form-checkbox *, .layui-form-radio, .layui-form-radio *, .layui-form-switch {
        display: inline-flex;
        float: left;
        clear: left
    }
}

.pepm-checkbox span {
    margin-right: 8px
}

.pepm-checkbox label {
    padding: 2px 10px;
    display: inline-block
}

.content-side, .edui-icon {
    display: none
}

.value.eit-editable {
    background: #f6f9ff
}

.value.eit-readonly {
    background: #eee
}

#canvas.loading {
    position: relative;
    top: calc(-1 * var(--menuh-height));
    background: #f6f6f6;
    z-index: 999
}

#layui-body-placeholder {
    width: 100%;
    overflow: inherit;
    background: #f6f6f6;
    position: absolute
}

.layout.layout--mobile .layui-body.standing {
    transition: 0s;
    transform: unset;
    z-index: 980 !important
}

.layout.layout--mobile .layui-body.standing .canvas, .layout.layout--mobile .layui-body.standing .canvas .elem-new.list--mobile {
    z-index: 980 !important
}

.right-out {
    animation: right-out-anim .4s forwards
}

.layui-body.to-right-in, .slide-anim-ph.to-right-in {
    animation: to-right-in-anim .4s forwards
}

@keyframes to-right-in-anim {
    0% {
        transform: translateX(100vw)
    }
    100% {
        transform: translateX(0)
    }
}

@keyframes right-out-anim {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(100vw)
    }
}

.layout.layout--mobile.to-right-in {
    z-index: 99999 !important
}

.m-menuh-loading-tmp, .slide-anim-ph {
    position: absolute;
    background: #f6f6f6;
    z-index: 999999
}

.layout.layout--mobile #layui-body-placeholder.lbp-start {
    transform: translateX(0)
}

.slide-anim-ph {
    width: 100vw;
    min-height: 100vh;
    height: auto;
    overflow: auto
}

.slide-anim-ph.lb-out {
    top: calc(var(--menuh-height) + 8px)
}

.slide-anim-ph.right-out {
    transition: .4s;
    transform: translateX(100vw) !important
}

.m-menuh-loading-tmp {
    width: 100%;
    height: 64px;
    top: 0
}

.layui-body #canvas .slide-loading {
    text-align: center;
    position: relative;
    top: 23%;
    font-size: 24px
}

.layui-body.fixed-loading {
    position: fixed !important;
    top: 0 !important;
    z-index: 2001
}

.layui-body #canvas .slide-loading .ph {
    margin-bottom: 16px
}

.layui-body #canvas .slide-loading .ph.logo {
    background: 0 0 !important
}

.layui-body #canvas .slide-loading .logo img {
    width: 50%
}

.content-side-open .content-main {
    float: left;
    width: 30%;
    border-radius: 5px;
    background: #fcfcfc;
    height: 100%;
    overflow: auto
}

.content-side-open .content-side {
    float: left;
    width: 70%;
    display: block;
    height: 100%;
    position: relative
}

.content-side-close .content-side {
    float: left;
    width: 100%;
    display: block;
    height: 100%;
    position: relative
}

.content-side-open .entity_info {
    width: 100% !important
}

.content-side-open .dataTables_info, .content-side-open .dt-buttons, .content-side-open .list_chosen_actions, .content-side-open .tr_count, .content-side-open thead.filter {
    display: none
}

.block-1, .block-2 {
    display: inline-block;
    vertical-align: top
}

.content-side-open .dataTables_wrapper .dataTables_paginate {
    float: left
}

.content-side-open .layui-table td, .content-side-open .layui-table th, .content-side-open table.dataTable.no-footer {
    border: none
}

.content-side-open .content-main .layui-table tr.even {
    background: #fff
}

.content-side-open .content-main .layui-table tr {
    border-bottom: 1px solid #e2e2e2
}

.content-side-open .content-main .layui-table tr.active {
    background: var(--btn-background-color) !important;
    color: #fff
}

.content-side-open .content-main .layui-table tr.active:hover {
    background: rgba(236, 119, 40, .5) !important
}

.content-side .side-bar {
    cursor: col-resize;
    width: 10px;
    border-right: 3px solid #ccc;
    position: absolute;
    height: 100%;
    z-index: 11111
}

.content-side .side-toggle {
    position: absolute;
    top: 50%;
    text-align: center;
    background: #f6f6f6;
    padding: 10px 0
}

.content-side .content-wrap {
    padding-left: 20px;
    height: 100%;
    overflow: auto
}

.content-side .content {
    border-radius: 5px;
    padding: 0 10px;
    background: #fff;
    height: 100%
}

.content-side .content-wrap .close-content {
    position: absolute;
    right: 0;
    margin: 8px;
    z-index: 200;
    cursor: pointer
}

.block-1 {
    width: 32%
}

.block-2 {
    width: 64%
}

.ion {
    font-size: 16px;
    width: 20px
}

#menu2-0 li.layui-nav-item .ion, #menu2-1 li.layui-nav-item .ion, #menuh-0 li.layui-nav-item .ion {
    width: 0
}

.layui-body {
    right: 0;
    overflow: inherit;
    background: #f6f6f6;
    position: absolute;
    height: 100%;
    left: var(--layui-body-left);
}

@media (max-width: 950px) {
    .layui-body {
        left: 0px !important;
    }
}

.excelBox .layui-table-view, .layui-open .pepm-action-btns {
    position: relative
}

.block1 {
    width: calc(33.333333333% - 10px);
    float: left
}

.block2 {
    width: calc(66.666666666% - 10px);
    float: left
}

.block3 {
    width: 100% !important;
    float: left
}

.block--25 {
    width: calc(25% - 10px) !important;
    float: left
}

.block--50 {
    width: calc(50% - 10px) !important;
    float: left
}

.block--75 {
    width: calc(75% - 10px) !important;
    float: left
}

.block--100 {
    width: 100% !important;
    float: left
}

.block_c {
    margin: 0 10px 0 0;
    border: 1px solid #eee
}

.block h4 {
    padding: 10px 15px;
    color: #333
}

.block-content {
    min-height: 85%;
    padding: 0
}

.block_box .block_c span.ion {
    color: #fe9b33
}

.block[data-url*=comment] h4 + hr {
    display: none
}

.block-content .shortcut {
    display: flex;
    flex-wrap: wrap
}

.block-content .shortcut-btn {
    margin: 0;
    border: 0;
    width: calc(20% - 1px);
    padding: 1em 0;
    min-width: 72px;
    border-radius: 0;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    display: border-box
}

.block-content .shortcut-btn:nth-child(5n) {
    border-right: 0
}

.layui-form-label {
    text-align: center;
    width: 105px
}

.laydate_box {
    font-family: arial
}

.pepm-form .layui-form-label {
    text-align: left;
    width: auto;
    float: none
}

.pepm-form .layui-form-switch {
    margin: 8px
}

.pepm-form {
    padding: 10px;
    background: #ffffff;
    border: 1px solid rgba(70, 70, 70, 0.12);
    border-radius: 6px;
}

.editintime td[readonly] {
    cursor: not-allowed
}

.dataTables_filter {
    margin: 0 0 10px
}

.btns {
    margin-top: 10px
}

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

.datatables .filter td {
    overflow: visible
}

.datatables td.nc {
    width: 30px
}

.layui-layer-content:not(#layui-layim-chat,#layui-layim) {
    padding: 8px
}

.layui-layer-setwin {
    height: 42px;
    top: 0 !important;
    right: 0 !important;
    min-width: 42px
}

.layui-layer-setwin a {
    margin: 6px !important
}

.layui-input-block {
    margin-left: 12px;
    margin-right: 12px
}

.item .item-filter .layui-input-block {
    margin-left: 0
}

.item .item-order {
    height: 40px
}

.pepm-view .layui-input-block {
    color: #333;
    padding: 5px;
    min-height: 14px
}

.pepm-view .layui-form-label {
    width: 160px;
    text-align: right;
    padding: 6px
}

.pepm-view .layui-form-item {
    margin-bottom: 0
}

.layui-layer-content .block-1, .layui-layer-content .block-2 {
    width: 48%;
    display: inline-block
}

.layui-form-selected dl, .layui-layer-content .layui-form-item .layui-input-inline .layui-select {
    width: 100%
}

.excelBox .layui-table .tablerow a, .hide, .layui-layer-content .hide {
    display: none
}

.etitle {
    padding: 10px;
    font-size: 20px
}

h1.pepm-title, h2.pepm-title {
    font-size: 26px;
    font-weight: 300;
    padding: 10px
}

h2.pepm-title {
    font-size: 20px;
    font-weight: 700
}

.layui-layer-content .layui-input-block {
    line-height: 3
}

.layui-layer-content .layui-input-block [lay-ignore] {
    margin-right: 5px
}

.layui-layer-content .databox-title .databox-list-title {
    padding-left: 10px
}

.layui-layer-content .databox-muti {
    padding: 5px 10px
}

.layui-layer-content .layui-input-inline {
    margin-top: 0 !important
}

.layui-layer-content #submit-redirect-prop .layui-col-md12 {
    padding-bottom: 5px
}

.pepm-radio {
    padding: 0 10px
}

.layui-input, .layui-select {
    line-height: 38px
}

.pepm-view h4 {
    text-align: center;
    font-size: 16px;
    font-weight: 700
}

.redirect-title {
    font-size: 20px;
    font-weight: 700;
    color: #009688;
    margin-bottom: 10px 0
}

.redirect {
    padding: 40px
}

.puretext {
    font-size: 15px;
    padding: 0 20px 10px
}

.pepm-list li {
    padding: 10px
}

.pepm-list li .label {
    padding: 10px 0
}

.pepm-list li .value {
    text-decoration: underline;
    color: #369
}

.pepm-form .rel_data .layui-table td, .pepm-form .rel_data .layui-table th, .pepm-view .rel_data .layui-table td, .pepm-view .rel_data .layui-table th {
    border: 1px solid #ccc
}

.excelBox .layui-table td, .excelBox .layui-table th, .excelBox .layui-table-col-set, .excelBox .layui-table-fixed-r, .excelBox .layui-table-grid-down, .excelBox .layui-table-header, .excelBox .layui-table-page, .excelBox .layui-table-tips-main, .excelBox .layui-table-tool, .excelBox .layui-table-total, .excelBox .layui-table-view, .excelBox .layui-table[lay-skin=row], .excelBox .layui-table[lay-skin=line] {
    border-color: #ccc
}

.excelBox .layui-table .tablerow {
    overflow: hidden;
    text-overflow: ellipsis
}

.excelBox .layui-table .tablerow:hover a {
    display: inline
}

.excelBox .layui-table thead th a {
    display: none
}

.excelBox .layui-table thead th:hover a {
    display: inline
}

.pepm-form .notifybox {
    background: #fff;
    padding: 5px 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc
}

.notifybox h4 {
    color: #009688;
    display: inline-block;
    padding-right: 5px;
    width: 50px
}

.notify-to {
    line-height: 20px;
    padding: 0 5px;
    margin: 5px 1px !important;
    display: inline-block !important;
    background: #DDD;
    cursor: pointer;
    border-radius: 2px
}

.notifybox input[type=checkbox] {
    display: none !important
}

.notifybox .active {
    color: #FFF;
    background: #5cb85c
}

.notifybox .zactive {
    color: #FFF;
    background: red
}

.noitify {
    background: #fff;
    margin-bottom: 10px
}

.notify h4 {
    color: #009688;
    display: inline-block;
    padding-right: 10px
}

.pepm-action-btns .layui-input-block {
    margin: 0
}

.layui-open {
    max-width: 1020px;
    margin: 10px auto;
    background: #fff
}

.pepm-action-btns:nth-of-type(1) {
    margin: 10px 0
}

.layui-open .msg {
    padding: 20px
}

.layui-open .msg h1 {
    font-size: 28px;
    margin-bottom: 20px
}

@media screen and (max-width: 1030px) {
    .layui-open {
        margin: 0 auto
    }
}

.config-btn .layui-inline, .entity_info {
    margin-bottom: 10px
}

.pepm-action-btns--float.pepm-action-btns--top {
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
    z-index: 2000
}

.pepm-action-btns--float.pepm-action-btns--bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 10px;
    z-index: 2000
}

.pepm-action-btns--top.pepm-action-btns--float.pepm-action-btns--in-modal:not(.pepm-action-btns--mobile) {
    top: -40px
}

.pepm-action-btns--bottom.pepm-action-btns--float.pepm-action-btns--in-modal:not(.pepm-action-btns--mobile) {
    bottom: -40px
}

.pepm-action-btns--mobile.pepm-action-btns--top:not(.pepm-action-btns--in-modal) {
    top: 8px !important
}

.pepm-action-btns--mobile.pepm-action-btns--bottom:not(.pepm-action-btns--comment):not(.pepm-action-btns--in-modal) {
    top: 8px !important;
    bottom: calc(var(--mobile-menu-height) + 8px)
}

.pepm-action-btns--mobile.pepm-action-btns--bottom.pepm-action-btns--comment:not(.pepm-action-btns--in-modal) {
    top: 8px !important;
    bottom: calc(var(--mobile-menu-height) + 52px + 8px)
}

.pepm-action-btns--mobile.pepm-action-btns--top.pepm-action-btns--in-modal {
    top: 0 !important
}

.pepm-action-btns--mobile.pepm-action-btns--bottom.pepm-action-btns--in-modal:not(.pepm-action-btns--comment) {
    bottom: 58px
}

.pepm-action-btns--mobile.pepm-action-btns--bottom.pepm-action-btns--in-modal.pepm-action-btns--comment {
    bottom: var(--mobile-menu-height)
}

.pepm-action-btns--mobile.pepm-action-btns--bottom.pepm-action-btns--in-modal.pepm-action-btns--view-page:not(.pepm-action-btns--comment) {
    bottom: 8px
}

.pepm-action-btns--mobile.pepm-action-btns--bottom.pepm-action-btns--in-modal.pepm-action-btns--view-page.pepm-action-btns--comment {
    bottom: var(--mobile-menu-height)
}

.layout--mobile .pepm-action-btns.pepm-action-btns--float.pepm-action-btns--no-comment.pepm-action-btns--bottom {
    bottom: calc(var(--mobile-menu-height) + 10px)
}

.openlink {
    display: block;
    margin-top: 5px
}

.openlink-link {
    padding: 5px 10px;
    border: 1px solid #cde;
    background: #def
}

.copylink {
    position: relative
}

.copylink input {
    width: 200px;
    font-size: 13px;
    border: 1px solid #dddee0;
    border-radius: 4px;
    padding: 8px
}

.copylink a {
    padding: 2px 8px;
    background: #fff;
    position: absolute;
    top: 2px;
    right: 4px
}

.entity_info, .entity_wrap, .file-list .file-del, .layui-icon.page {
    position: relative
}

#filebox-wrap {
    padding: 20px
}

.uploader select {
    display: none !important
}

table.dataTable thead td, table.dataTable thead th {
    padding: 10px 18px
}

.captable_class {
    width: 100%;
    overflow: auto
}

.captable_class table.dataTable td, .captable_class table.dataTable th {
    padding: 5px 10px
}

table.dataTable thead th.checkall {
    padding: 8px 10px
}

.data-table .noprint {
    text-align: right;
    padding: 5px
}

#load_more, .align-center, .bg_gray, .scnavbar .scnavitem, .shortcut-btn {
    text-align: center
}

.file-list .file-del {
    top: 2px;
    cursor: pointer
}

form .pepm-table td[ftype][readonly] .file-list .file-del {
    pointer-events: none
}

.html {
    padding: 10px;
    line-height: 200%
}

.config-btn .layui-input-block {
    margin-left: 0
}

.table_canvas {
    overflow-x: auto;
    clear: both;
    width: 100%;
    -webkit-overflow-scrolling: touch
}

.ajax_block .table_canvas {
    overflow-x: scroll
}

@media (min-width: 58em) {
    #canvas > form > .dataTables_wrapper > .table_canvas {
        max-height: calc(100vh - 115px);
        overflow-y: scroll;
        overflow-x: scroll
    }
}

.table_canvas::-webkit-scrollbar {
    height: 8px;
    width: 8px
}

.table_canvas::-webkit-scrollbar-thumb {
    background: grey;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.table_canvas::-webkit-scrollbar-track {
    background: #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.table_canvas::-webkit-scrollbar-corner {
    background: #f6f6f6
}

.ios_handle {
    border-right: solid 10px #ccc;
    overflow-x: visible !important;
    overflow-y: visible !important
}

@media (max-width: 950px) {
    .block-content .ajax_block .ios_handle {
        overflow-x: scroll !important;
        border-right: 0 !important
    }
}

.list-table .ios_handle {
    overflow: auto !important
}

.datatables td, .datatables td .muti, .datatables td div.data, .datatables th {
    overflow: hidden;
    text-overflow: ellipsis
}

.datatables td, .datatables th {
    cursor: pointer;
    white-space: nowrap;
    max-width: 200px
}

.entity_info {
    padding: 10px;
    background: #fff;
    border-radius: 5px
}

@media screen and (max-width: 950px) {
    .entity_info {
        margin-bottom: 4px;
        padding-top: 30px
    }
}

@media print {
    .noprint, .noprint * {
        display: none
    }

    .layui-body {
        left: 0 !important
    }

}

@media (max-width: 58em) {
    .block, .block2 {
        width: 100%
    }

    .layui-layer-content:not(#layui-layim-chat,#layui-layim) {
        padding: 5px
    }
}

@media (max-width: 480px) {
    .table_canvas {
        display: block;
        border-bottom: none !important;
        background: 0 0;
        width: auto !important
    }

    .layui-layer-modal .layui-layer-content, .layui-layer-page .layui-layer-content {
        background: #f6f6f6;
        padding: 5px
    }

    .layui-layer-content .pepm-view {
        margin: 0
    }

    .b-header {
        padding-left: 40px
    }

    #etitle, .layui-field-title {
        text-align: center
    }

    .config-btn .layui-inline {
        float: none !important;
        display: block
    }

    .layui-btn {
        line-height: 32px;
        height: 32px;
        padding: 0 10px
    }

    .pepm-table .label {
        width: 30%
    }

    .pepm-table td.label[colspan="1"] {
        width: 30% !important
    }

    .pepm-table td.value[colspan="1"] {
        width: 70% !important
    }

    .pepm-table .value {
        width: 70%
    }

    .layui-table tbody tr:hover, .layui-table-hover {
        background: #fff !important
    }

    .pipeline-box:not(.mydeal) .poolbox-l li {
        box-sizing: border-box;
        margin-right: 0;
        width: calc(50% - 3px)
    }

    .pipeline-box:not(.mydeal) .poolbox-l li:nth-of-type(even) {
        float: right
    }

    .pipeline-box:not(.mydeal) tr:nth-of-type(n+2) {
        border-bottom: 7px solid #f6f6f6;
        background: #f6f6f6
    }

    .pipeline-box:not(.mydeal) tr:nth-of-type(n+2) td {
        width: 50%;
        float: left;
        box-sizing: border-box
    }

    .pipeline-box:not(.mydeal) tr:nth-of-type(n+2) td:last-child {
        border-right: none
    }

    .pipeline-box:not(.mydeal) tr:nth-of-type(n+2) td:nth-of-type(odd) {
        float: left;
        border-right: 3px solid #f6f6f6;
        clear: both
    }

    .pipeline-box:not(.mydeal) tr:nth-of-type(n+2) td:nth-of-type(even) {
        float: right;
        border-right: none;
        border-left: 3px solid #f6f6f6
    }

    .pipeline-box:not(.mydeal) tr:nth-of-type(n+2) td:nth-of-type(n+3) {
        border-top: 7px solid #f6f6f6
    }
}

.layui-icon.page, .shortcut {
    display: inline-block;    
    margin-bottom: 20px;
}

td.value[ftype=sign] {
    padding: 8px 10px
}

.card-action-btn {
    margin-top: 0;
    margin-bottom: 15px
}

.card-action-btn .layui-btn {
    padding: 0 15px;
    font-size: 18px
}

.pull-right {
    float: right !important
}

.layui-icon.page {
    top: 1px;
    line-height: 1
}

.layui-layedit-tool .layui-icon {
    position: relative;
    width: 22px;
    height: 20px;
    line-height: 20px;
    margin: 2px 3px;
    color: #777;
    cursor: pointer;
    border-radius: 2px
}

.layui-layer-title {
    background: #fff !important
}

.layui-layer-modal .layui-layer-content, .layui-layer-page .layui-layer-content {
    background: #f6f6f6;
    padding: 10px
}

.layui-layer-content.layui-layer-content--float-btn {
    overflow-y: visible !important
}

#layui-layim, #layui-layim-chat {
    padding: 0
}

.layui-btn {
    background: var(--btn-background-color);
    color: #fff;
    margin-top: -1px
}

.doc-action > span.layui-btn {
    background: #fff;
    color: #555
}

.layui-btn-primary {
    background-color: #fff;
    color: #555
}

.dt-button + .layui-btn, .dt-buttons .layui-btn {
    margin-left: 0
}

div.dt-button-collection {
    width: 80px
}

.shortcut-btn {
    border-radius: 3px;
    padding: 5px;
    margin: 0 10px 10px 0;
    border: 1px solid #CCC;
    float: left;
    overflow: hidden;
    width: 60px;
    height: 60px;
    cursor: pointer
}

.shortcut-btn:hover {
    /* background: var(--btn-background-color) !important; */
    color: #FFF;
    border-color: var(--btn-background-color) !important;
}

/* .shortcut  */
.shortcut-btn .shortcut-name {
    overflow: hidden;
    height: 17px;
    font-size: 12px;
    font-family: '苹方 中等', '苹方', sans-serif, '苹方 中等', '苹方', sans-serif-400;
    font-weight: normal;
    text-align: center;
    color: #5f6569;
}

.shortcut-btn .ion {
    font-size: 34px;
    margin-bottom: 5px;
    margin-top: 5px;
    height: 28px;
    width: 100%;
    line-height: 28px;
    border-radius: 8px;
}

.shortcut-btn p {
    font-size: 12px;
    margin-bottom: 5px
}

#desktop-search-box-wrapper {
    display: none
}

#shortCut ~ #desktop-search-box-wrapper {
    display: block
}

@media screen and (max-width: 950px) {
    .shortcut.shortcut-mobile {
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        min-height: 70px;
        width: 100%;
        margin-bottom: 8px;
        background: var(--pepm-white);
        z-index: 9999999;
        overflow: hidden;
        -webkit-overflow-scrolling: touch
    }

    .shortcut.shortcut-mobile .shortcut-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        flex: 0 0 25%;
        border: 0;
        padding: 0;
        margin: 0;
        height: 70px;
        width: 25%
    }

    .shortcut.shortcut-mobile .shortcut-btn:hover {
        background: 0 0 !important
    }

    .shortcut.shortcut-mobile .shortcut-btn p:first-child {
        margin: 0
    }

    .shortcut.shortcut-mobile .shortcut-btn p:first-child span {
        color: var(--pepm-red);
        font-size: 20px;
        margin: 0
    }

    .shortcut.shortcut-mobile .shortcut-btn .shortcut-name {
        color: var(--pepm-text-color);
        font-weight: 700;
        font-size: var(--pepm-secondary-font-size);
        margin: 0;
        overflow: auto;
        overflow-y: hidden
    }

    .shortcut.shortcut-mobile .shortcut-btn:nth-last-child(2):first-child, .shortcut.shortcut-mobile .shortcut-btn:nth-last-child(2):first-child ~ .shortcut-btn {
        flex: 0 0 50%
    }

    .shortcut.shortcut-mobile .shortcut-btn:nth-last-child(3):first-child, .shortcut.shortcut-mobile .shortcut-btn:nth-last-child(3):first-child ~ .shortcut-btn {
        flex: 0 0 33.3%
    }
}

.required-input {
    color: #f33
}

.highlighted-input {
    color: red
}

@media (max-width: 480px) {
    .dataTables_wrapper .dataTables_filter input {
        margin-left: 0;
        width: 100%
    }

    .shortcut {
        padding: 10px 0 0 10px
    }
}

.scnavbar {
    display: block;
    overflow: hidden;
    width: 100%;
    margin: 4px 0;
    background: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.scnavbar .scnavitem {
    float: left;
    padding: 10px 0;
    width: 20%
}

.scnavbar .scnavitem p {
    height: 32px
}

.scnavbar .scnavitem .scnavitem-icon {
    font-size: 28px;
    padding: 4px 4px 0
}

.scnavbar .scnavitem .scnavitem-name {
    padding: 4px 4px 0;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis
}

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    width: 32px;
    height: 32px;
    background: url(../images/close.svg) center no-repeat;
    background-size: 20px 20px
}

.mydeal {
    border-collapse: separate;
    border-spacing: 7px 0
}

.mydeal td {
    padding-top: 0
}

.mydeal .had .poolbox li {
    background: #38bca5;
    color: #fff
}

.mydeal .having .poolbox li {
    background: #dcdcdc
}

.block h4, .block_box .block_c {
    background: #fff
}

.mydeal td.poolbox-b h6 {
    color: #666;
    float: left;
    margin: 10px 10px 0 0
}

.show-more {
    font-size: 12px
}

.block h4 {
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    height: auto \9
}

.block_c > hr {
    margin: 0 10px
}

#news-content .file-list li h1 {
    font-size: 16px;
    margin: 5px 0
}

#news-content .file-list li {
    border-bottom: 0;
    padding: 0;
    line-height: 1.5
}

#news-content .file-list li > hr {
    margin: 10px 0
}

#news-content .file-list li .info span i {
    color: #fe9c34
}

@media (max-width: 58em) {
    .block_c {
        margin-right: 0
    }
}

.edui-notadd td {
    border: none
}

.checklist {
    padding: 8px 10px
}

.checklist .layui-progress-big, .checklist .layui-progress-big .layui-progress-bar {
    margin-bottom: 10px
}

.checklist .addcheck {
    margin: 10px 21px 10px 41px;
    display: none
}

.checklist .addcheck .check_edit {
    overflow: hidden;
    width: 100%;
    resize: none;
    border-radius: 3px;
    border: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .33);
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 7px;
    word-wrap: break-word;
    height: 32px;
    background: #fff
}

.checklist input[type=checkbox] {
    display: none !important
}

.checklist .check_options .check_item .layui-form-checkbox {
    max-width: calc(100% - 38px)
}

.checklist .check_options .check_item .layui-form-checkbox span {
    white-space: normal;
    padding-right: 0
}

.checklist .check_options .check_on_edit .check_to_edit, .checklist .check_options .check_on_edit .layui-form-checkbox span {
    display: none
}

.checklist .check_options .check_to_edit {
    cursor: pointer
}

.checklist .check_options .check_on_edit .addcheck {
    display: inline-table;
    width: calc(100% - 48px);
    margin: 8px
}

.checklist .check_to_add {
    margin: 10px 0 10px 40px
}

.checklist .check_to_save {
    margin: 10px
}

.checklist select {
    display: none !important
}

.pepm-table-wrap {
    overflow: auto
}

form .pepm-table td {
    background: #f6f9ff;
    vertical-align: middle;
    cursor: pointer;
    height: 100%
}

form .pepm-table td[readonly] {
    background: #eee;
    vertical-align: middle;
    cursor: pointer
}

.pepm-table td {
    background: #fff;
    vertical-align: middle;
    cursor: pointer
}

.pepm-table td[colspan="-1"] {
    display: none
}

.pepm-table td[colspan="1"] {
    width: 16.7%
}

.pepm-table td[colspan="2"] {
    width: 33.4%
}

.pepm-table td[colspan="3"] {
    width: 50.1%
}

.pepm-table td[colspan="4"] {
    width: 66.8%
}

.pepm-table td[colspan="5"] {
    width: 83.5%
}

.pepm-table td[colspan="6"] {
    width: 100%
}

.pepm-table td img {
    max-width: 100%
}

.pepm-table td .logo_pic, .pepm-table td .pic {
    margin-bottom: 5px
}

.pepm-table td .data .list-paddingleft-1, .pepm-table td .data .list-paddingleft-2 {
    padding-left: 20px;
    box-sizing: border-box
}

table.dataTable {
    border-collapse: collapse
}

.layui-table:not([no-even]) tr:nth-of-type(even) {
    background-color: #f6f6f6
}

table.dataTable tr.filter th {
    padding: 5px
}

table.dataTable thead .checkall {
    padding: 8px 10px;
    background-image: none;
    width: 30px
}

table.dataTable .layui-form-checkbox {
    margin: 0
}

.dt-button-background {
    background: rgba(0, 0, 0, 0) !important
}

.pepm-table .layui-form-checkbox {
    margin: 0 4px
}

.op-excel td {
    padding: 5px;
    min-width: 50px
}

.layui-form-horizontal .layui-input-block {
    clear: both
}

table.datatables .filter td {
    padding: 2px
}

.dataTables_info {
    float: left
}

.datatables td {
    cursor: pointer
}

.select2-choice_count {
    float: left;
    color: #000;
    cursor: default;
    padding: 5px 5px 0
}

.list_chosen_actions {
    float: right;
    padding: 8px
}

div.dt-buttons {
    float: right;
    margin-left: 5px
}

.markdown ul {
    list-style-position: inside
}

.htContextMenu {
    display: none;
    position: absolute;
    z-index: 999999999
}

textarea#HandsontableCopyPaste {
    position: fixed !important;
    bottom: 100% !important;
    right: 100% !important;
    outline: 0 !important
}

.edui-notadd .edui-editor {
    background: #f6f9ff !important
}

.flow-node-icon {
    color: #5FB878
}

.flow-node-icon:hover {
    color: #FF5722
}

.flow-node-title {
    font-size: 18px;
    color: #333;
    font-weight: 500;
    vertical-align: middle
}

.flow-node-meta {
    font-size: 16px;
    float: right;
    font-weight: 400
}

.flow-node-reject, .flow-node-reject .flow-node-icon {
    color: #a7a4a4
}

.flow-info {
    color: #1E9FFF
}

@media screen and (max-width: 950px) {
    .flow-btn-group .flow-act-btn {
        box-sizing: border-box;
        width: calc(20%);
        margin: 0 10px 10px 0;
        padding: 0;
        text-align: center
    }

    .flow-btn-group .flow-act-btn:nth-child(1), .flow-btn-group .flow-act-btn:nth-child(6) {
        margin-left: 5px
    }

    .flow-btn-group .flow-act-btn:nth-child(5) {
        margin-right: 5px;
        margin-left: 5px;
        width: calc(23% - 10px)
    }
}

.link_style {
    color: #00f;
    text-decoration: underline
}

.link_style:hover {
    color: #ec7828
}

.layui-layer-setwin a {
    width: 30px !important;
    height: 30px !important;
    background-size: 300px 80px;
    margin-top: -10px;
    margin-right: -10px
}

.layui-layer-setwin a.layui-layer-min {
    display: none !important
}

.layui-layer-setwin a.layui-layer-max, .layui-layer-setwin a.layui-layer-maxmin {
    width: 16px !important;
    height: 16px !important;
    background-size: auto;
    top: 8px
}

.layui-layer-setwin .layui-layer-close1 {
    background-position: 8px -46px !important
}

.layui-layer-rim .layui-layer-content {
    position: static !important
}

.bg_gray {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #fcfcfc;
    z-index: 9999
}

.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection__rendered {
    outline: 0;
    line-height: initial;
    height: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    vertical-align: top;
    padding-left: 5px;
    height: 26px;
    line-height: 26px
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    vertical-align: top
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    line-height: 26px;
    overflow: hidden;
    padding: 0 0 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    float: right;
    padding: 0;
    margin-left: 5px;
    line-height: 21px;
    margin-right: 0;
    height: 26px;
    background: #FFF;
    width: 26px;
    font-size: 20px;
    font-weight: 400;
    text-align: center
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    line-height: 18px;
    height: 18px
}

.filter-wrap .select2-container .select2-selection--single .select2-selection__rendered {
    background-color: #fff;
    margin-top: -10px;
    margin-left: -5px;
    width: calc(100% + 10px);
    border: 1px solid #e6e6e6
}

.filter-wrap .select2-container--default .select2-selection--single .select2-selection__clear {
    line-height: 27px;
    height: 27px
}

.list-filter .row-wrapper {
    width: 100%
}

.list-filter .select2-selection__rendered {
    height: auto;
    padding-left: 5px
}

.list-filter .select2-selection--multiple .select2-selection__choice {
    margin: 0 2px 0 0;
    line-height: 18px;
    font-size: 12px
}

.list-filter .select2-selection--multiple .select2-selection__choice__remove {
    height: 26px;
    line-height: 22px
}

.list-filter .select2-selection--multiple .select2-selection__clear {
    font-size: 13px;
    line-height: 28px;
    height: 28px
}

.list-filter .select-mu {
    height: 28px;
    width: 100%
}

.list-filter .select2-selection--multiple {
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    background: #fff;
    min-height: auto
}

.list-filter .select2-search__field {
    padding: 0 !important;
    margin: 0 !important
}

.list-filter .select2-container--default .select2-selection--multiple {
    margin: 0
}

.arrow-down {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
    cursor: pointer;
    border-width: 6px;
    border-top-color: #c2c2c2;
    border-top-style: solid
}

.list-filter [data-ftype=range] input[type=number] {
    width: calc(50% - .5em - 2px) !important;
    margin: 0
}

#all_items .each_item, #all_items > .jumbotron {
    margin-top: 10px;
    background: #fff
}

.list-filter [data-ftype=range] input[type=number]:last-child {
    width: calc(50% - .5em + 2px) !important
}

#load_more {
    height: 40px;
    line-height: 40px;
    background: #fff;
    cursor: pointer;
    display: none
}

#all_items .layui-table tr {
    border-bottom: 1px dashed #DDD;
    background: #FFF
}

#all_items .layui-table tr td {
    padding: 5px 0;
    vertical-align: top;
    width: 50%
}

#all_items .layui-table tr td:last-child {
    text-align: right
}

.block_box #all_items > .jumbotron, .vcbox {
    text-align: center
}

#all_items {
    padding: 0;
    margin-bottom: 30px
}

#all_items .each_item {
    padding: 10px
}

#all_items .each_item:first-child {
    background: #fff;
    padding: 10px;
    margin-top: 6px
}

#all_items .title {
    padding-left: 10px;
    font-size: 16px;
    line-height: 2.5;
    background: #EEE
}

#all_items .title .layui-icon {
    font-size: 1.5em;
    float: right;
    line-height: 40px;
    padding-right: 10px;
    cursor: pointer
}

#all_items > div {
    background: #fff;
    margin-top: 10px
}

.vcbox, .vcbox_suc {
    margin: 10px 0;
    padding: 10px;
    background: #FFF;
    box-sizing: border-box
}

#all_items div.data {
    display: inline-block
}

.vcbox {
    width: 100%;
    font-size: 14px;
    cursor: pointer
}

.vc-news-list ul li {
    width: 50%
}

.vcbox_suc {
    width: 100%
}

.vcbox_suc .justify {
    padding: 5px;
    font-size: 14px;
    background: #FFF;
    text-indent: 2em;
    overflow: auto
}

.vcbox_suc .box-fix-l {
    float: left;
    width: 100%;
    padding: 0 5px;
    overflow: hidden
}

.project-top .txt {
    margin-top: 18px;
    padding-top: 10px;
    border-top: 1px dotted #ddd;
    font-size: 15px;
    line-height: 28px;
    color: #797979;
    overflow: hidden;
    clear: both
}

.detail-top > div > div > div.txt > div.box-fix-l {
    width: 1000px
}

.project-top .txt .box-fix-l span, .project-top .txt > a {
    margin-right: 12px;
    display: inline-block;
    color: #797979;
    font-size: 13px
}

.detail-top .share {
    float: right;
    line-height: 38px
}

.avatar-list {
    overflow: hidden
}

.avatar-list ul {
    margin-left: -12px
}

.avatar-list li {
    float: left;
    width: 60px;
    height: 60px;
    margin: 6px 0 8px 12px
}

.avatar-list li a, .avatar-list li a img {
    display: block
}

.avatar-list li a img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #f0f0f0
}

.hide {
    display: none !important
}

.table-list {
    width: 100%;
    margin-top: 0
}

.table-list .thead {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #e5e5e5;
    border-top: none
}

.table-list tr {
    line-height: 24px;
    height: 120px;
    border-top: 1px dotted #e5e5e5;
    font-size: 14px
}

.table-list td.td1 {
    width: 12%;
    text-align: left;
    padding-left: 20px;
    word-break: break-all;
    word-wrap: break-word
}

.table-list .thead td {
    font-size: 15px;
    color: #888
}

.news-list {
    background: #FFF;
    padding: 15px
}

.news-list li .img {
    background-size: 200px;
    float: left;
    overflow: hidden;
    height: 100px;
    margin-right: 20px;
    border-radius: 0
}

.news-list li .img, .news-list li .img img {
    width: 200px
}

.news-list li {
    width: 100%;
    padding: 20px 0;
    overflow: hidden;
    margin: 0;
    position: relative
}

.news-list-card li {
    float: left;
    width: 360px;
    margin-left: 50px
}

.news-list-card li .img {
    background-size: 360px;
    float: none;
    overflow: hidden;
    height: 180px;
    margin-right: 0;
    border-radius: 0
}

.news-list-card li .img, .news-list-card li .img img {
    width: 360px
}

.news-list-card li h3 {
    margin-top: 10px;
    font-size: 16px;
    padding: 0 4px;
    height: 56px;
    overflow: hidden
}

.news-list li h3 {
    margin: 0;
    padding: 0 0 20px;
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    border-bottom: none;
    height: auto;
    min-height: 3em
}

.news-list li .tag {
    position: absolute;
    bottom: 25px;
    width: 100%;
    padding-left: 260px;
    font-size: 13px;
    color: #bfbfbf;
    line-height: 28px;
    overflow: hidden;
    height: 28px
}

.news-list li .tag .info {
    color: #bfbfbf;
    font-size: 12px;
    float: right;
    overflow: hidden
}

.news-list li .tag .info span {
    float: left;
    display: inline-block
}

.news-list li .tag .info span.dot {
    padding: 0 4px
}

.news-list li .tag a {
    margin-right: 10px;
    font-size: 12px;
    color: #bfbfbf;
    line-height: 28px
}

.news-list-card li .tag {
    position: static;
    padding: 0;
    margin-top: 2px
}

.detail-top .info .subinfo {
    overflow: hidden;
    padding-left: 0
}

.project-top .info-box ul {
    margin-top: -5px
}

.detail-top .info .subinfo li.l {
    float: left;
    width: 620px
}

.project-top .info-box .info p {
    line-height: 28px;
    color: #797979;
    margin: 0;
    padding: 0
}

.detail-top {
    padding: 15px;
    margin: 0 -15px
}

.project-top .info-box {
    overflow: hidden;
    position: relative
}

.project-top .info-box .img {
    overflow: hidden;
    border-radius: 6px;
    float: left;
    border: 1px solid #f0f0f0;
    width: 100px;
    height: 100px
}

.project-top .info-box .img .img-middle {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100px;
    height: 100px
}

.project-top .info-box .img .img-middle img {
    max-width: 100px;
    max-height: 100px
}

.project-top .info-box .info {
    padding-left: 130px;
    font-size: 15px
}

.project-top .info-box .info h1.title {
    margin: 0 0 15px;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 1px
}

.project-top .info-box .info h1.title span {
    color: #797979;
    font-size: 16px;
    margin-left: 20px
}

.project-top .info-box .btn-list {
    text-align: right;
    position: absolute;
    top: 0;
    right: 0
}

.project-top .info-box .btn-list a {
    margin: 0 3px;
    padding: 0 25px
}

.project-top .info-box .info p span {
    margin-right: 20px
}

.project-top .info-box .info p a {
    color: #797979;
    margin-right: 10px
}

.project-top .info-box ul li {
    color: #797979;
    line-height: 28px;
    margin-bottom: 6px;
    font-size: 15px
}

.info-box > div.info > h1 {
    text-align: left
}

.box-fix-r {
    width: 350px;
    float: right;
    overflow: hidden
}

@media screen and (max-width: 1200px) {
    .article, .left-side, .main {
        width: 100%
    }

    .btn-follow, .project-top .info-box .img {
        display: none
    }

    .article {
        padding-right: 0
    }

    .tags_wrapper {
        margin: 0 10px
    }

    .project-top .info-box .info {
        padding-left: 24px
    }

    .project-top .info-box .info h1.title span {
        margin-left: 0;
        display: block
    }

    .box-fix-l, .detail-top .info .subinfo li.l {
        width: 100% !important
    }

    .box-fix-r {
        float: left
    }

    .detail-all .data-show-nav a {
        margin: 0 15px 0 0
    }

    .item-list li .info .title {
        text-overflow: clip
    }

    .table-list td.td1 {
        padding-right: 20px
    }

    .project-top .txt {
        padding: 0 25px
    }

    .right-side {
        float: left;
        margin-top: 20px;
        width: 90%
    }
}

@media screen and (max-width: 950px) {
    .not-page .long, .td6, .tools {
        display: none
    }

    .not-page {
        width: 80%
    }

    .not-page .short {
        display: block
    }
}

@media screen and (max-width: 950px) {
    .td4, .ttd3, .ttd5 {
        display: none
    }

    .page_a {
        display: none !important
    }

    #site-desc {
        letter-spacing: 4px
    }

    #site-name {
        font-size: 33px
    }

    #site-name .slash {
        line-height: 60px
    }

    .vc-list .table-list td.td5 {
        width: 26%
    }

    .detail-all .data-show-nav a {
        margin: 0 8px 0 0
    }

    .detail-all .data-show-nav-fix {
        padding-left: 23px
    }

    .detail-all .box-fix-l .item-list li {
        float: initial !important;
        width: 100%
    }

    .item-list li .info .title {
        padding-right: initial !important
    }

    .item-list #news-box ul li h3 a {
        display: block;
        height: 20px !important;
        overflow: hidden
    }

    #navHeight, .data-search-module, .tagsbanner .content .note {
        display: none
    }
}

.item-list {
    padding: 15px;
    overflow: hidden
}

.detail-all .box-fix-l .item-list li {
    width: 46%;
    margin-right: 4%;
    float: left;
    margin-bottom: 35px;
    height: 82px
}

.investor-all .box-fix-l .vc-list li {
    width: 100%;
    margin: 0
}

.item-list li {
    width: 33.333333%;
    float: left;
    position: relative;
    overflow: hidden;
    margin-bottom: 25px
}

@media screen and (max-width: 950px) {
    .item-list li {
        width: 100% !important
    }

    .item-list li .img, .item-list li .img a, .item-list li .img img {
        height: 48px !important;
        width: 48px !important
    }

    .item-list li .info .title {
        padding-bottom: 0 !important
    }

    .item-list li .info p {
        font-size: 12px
    }
}

.people-list, .project-list {
    padding: 15px;
    background: #FFF
}

.people-list li .img {
    border-radius: 50% !important
}

.item-list li .img {
    width: 80px;
    height: 80px;
    overflow: hidden;
    float: left;
    border-radius: 8px;
    margin-right: 10px;
    border: 1px solid #f0f0f0
}

.item-list li .img a {
    width: 80px;
    height: 80px;
    display: table-cell;
    vertical-align: middle
}

.item-list li .info .title, .item-list li .info p {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.item-list li .img img {
    width: 80px;
    height: auto;
    max-height: 80px;
    vertical-align: middle
}

.item-list li .info {
    line-height: 28px;
    font-size: 14px
}

.item-list li .info .title {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    padding-right: 50px;
    padding-bottom: 6px
}

.item-list li .info .title span {
    color: #b5b5b5;
    margin-left: 20px;
    font-size: 15px
}

.item-list li .info p {
    margin: 0;
    color: #787878;
    line-height: 24px
}

.item-list li .info p > span {
    margin-right: 10px;
    float: left
}

.item-list li .info p.tag {
    font-size: 13px;
    color: #bfbfbf !important;
    padding: 0
}

.item-list li .info p.tag a {
    padding-right: 10px;
    color: #bfbfbf
}

.item-list li .info::after {
    content: " ";
    display: table;
    clear: both;
    zoom: 1
}

.timeline .content .title, .unit-ipt-box span {
    display: inline-block
}

.item-list li .btn-follow, .item-list li .btn-yue {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 22px
}

.unit-ipt-box {
    position: relative
}

.unit-ipt-box span {
    position: absolute;
    top: 6px;
    right: 10px
}

.unit-ipt-box span.pre-symbol {
    right: unset;
    left: 6px
}

.unit-ipt-box input.num {
    padding-right: 28px
}

.unit-ipt-box span.pre-symbol + input.num {
    padding-left: 22px
}

.capaccount .table-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%
}

.capaccount .control {
    margin: 8px 0
}

@media (max-width: 480px) {
    .capaccount .control {
        margin: 8px 8px 0
    }
}

.capaccount table thead th {
    white-space: nowrap
}

.capaccount table tbody .portfolio-name span {
    color: #1010bc;
    cursor: pointer;
    white-space: nowrap
}

.capaccount table tbody .data-cell div[data-ca-id] {
    cursor: pointer
}

.capaccount .capaccount-table tbody td.data-cell {
    padding: 0;
    vertical-align: top
}

.capaccount .capaccount-table tbody td ul {
    list-style: none
}

.capaccount .capaccount-table tbody td .end {
    cursor: pointer
}

.capaccount .capaccount-table tbody td ul li hr {
    margin: 0
}

.capaccount .capaccount-table tbody td ul li.end i.ion-plus {
    font-size: 20px;
    margin: 0;
    color: #666bb
}

.capaccount .capaccount-table .l2-thead tr th input {
    text-align: center;
    padding: 0;
    border: 0;
    background: #f2f2f2;
    color: #666;
    height: 24px
}

.capaccount .capaccount-table .l2-thead tr th:nth-child(1) {
    border-left: 0
}

.capaccount .capaccount-table .l2-thead tr th:nth-child(4) {
    border-right: 0
}

.capaccount .capaccount-table .l2-thead tr th {
    width: 33%;
    padding: 8px 2px;
    text-align: center;
    border-bottom: 0;
    background: #f2f2f2
}

.capaccount .layui-table tbody tr:not([data-ca-id]):hover {
    background: 0 0 !important
}

.capaccount .capaccount-table .tr-portofolio {
    border-bottom: 2px solid #ccccc
}

.capaccount .capaccount-table .data-cell-table {
    border: 0;
    word-wrap: break-word;
    word-break: break-all;
    width: 100%
}

.capaccount .capaccount-table .data-cell-table th {
    width: 33%
}

.capaccount .capaccount-table .data-cell-table td {
    width: 33%;
    padding: 8px 2px;
    text-align: center
}

.capaccount .capaccount-table .data-cell-table td div {
    word-break: break-word;
    overflow: hidden;
    vertical-align: bottom;
    text-overflow: ellipsis
}

.timeline {
    padding: 8px
}

.timeline .name-time {
    width: 120px
}

.timeline .name-time .time {
    color: #bbb;
    font-style: italic
}

.timeline .content .entity {
    cursor: pointer;
    display: inline-block
}

.search-box {
    float: right;
    margin-right: 12px;
    min-height: 82px
}

.search-box .search-icon {
    position: absolute;
    line-height: 32px;
    box-sizing: border-box;
    text-align: center;
    width: 40px;
    font-size: 20px;
    color: #ccc
}

.search-box .search-icon-2 {
    display: none
}

.search-box .layui-nav-item .search-input {
    padding-left: 35px
}

.search-box .search-input:hover {
    border-color: #009688 !important
}

@media (max-width: 950px) {
    .search-box {
        float: none;
        margin-right: 0;
        min-height: 1px;
        padding: 0;
        background: #FFF;
        margin-top: calc(46px + 8px);
        margin-bottom: 8px
    }

    .search-box .search-input {
        height: 38px;
        line-height: 38px
    }

    .search-box .desktop_search_box {
        width: 100%
    }

    .search-box .search-icon {
        line-height: 38px
    }
}

.dataTables_filter label:before {
    content: "\f21f";
    display: inline-block;
    font-family: Ionicons;
    speak: none;
    font-size: 22px;
    position: absolute;
    line-height: 36px;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    color: #CCC;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    padding-left: 10px
}

.config-help, .stepbar-wrapper .stepbar-content .stepbar-item.stepbar-item--cur, .table-title span, .v-table-sort-icon span {
    font-weight: 700
}

.dataTables_filter label input {
    padding-left: 35px;
    width: 100%
}

.rel_data .dataTables_filter label:before {
    display: none
}

.pepm-table .value-mb-rte {
    padding-left: auto
}

.pepm-table .label-mb-rte {
    text-align: left;
    padding: 8px 23px
}

.rte--loading {
    background: #f6f9ff !important;
    height: 10em !important
}

.rte--loading[data-loading-placeholder]:before {
    float: left;
    content: attr(data-loading-placeholder);
    color: #777;
    padding-left: 2em
}

.entity-archive .folder {
    padding-left: 15px !important
}

.entity-archive div.footer {
    text-align: left !important;
    padding-top: 8px
}

.entity-archive .folder.folder-this {
    background: #5FB878;
    color: #fff
}

.entity-archive .footer .confirm {
    width: 95%;
    margin-left: 2.5%;
    margin-right: 2.5%
}

.entity-archive .show {
    display: block
}

.entity-archive .hide {
    display: none
}

table.pepm-table td.changed {
    background-color: #fcffba
}

.loading-ring {
    position: relative;
    top: 38%;
    left: 50%;
    margin: 24px 0 0 -20px;
    width: 40px;
    height: 40px;
    border: 2px solid;
    border-color: #333 #333 transparent;
    border-radius: 50%;
    box-sizing: border-box;
    animation: loading 1s linear infinite
}

@keyframes loading {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.loading-part .loading-ring {
    top: 0;
    left: 0;
    display: inline-block
}

.loading-layer .loading-ring {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto
}

.progress-bar-wrapper {
    width: 100%;
    height: 20px;
    line-height: 20px;
    background-color: #e2e2e2;
    border-radius: 4px;
    position: relative
}

.progress-bar-wrapper .bar {
    position: absolute;
    width: 0;
    max-width: 100%;
    height: 20px;
    border-radius: 4px;
    text-align: right;
    background-color: #09BB07;
    transition: all .618s;
    -webkit-transition: all .618s
}

.v-table-header .v-table-header-inner table tbody tr, .v-table-header-row {
    background-color: #f2f2f2
}

.progress-bar-wrapper .bar .text {
    position: static;
    line-height: 20px;
    top: -20px;
    padding: 0 1rem;
    color: #fff;
    font-size: 1rem
}

[ftype=progress_bar] select[disabled] + div input {
    color: #666 !important
}

.v-table-leftview {
    border-right: 4px solid #ddd
}

.draggable-cursor {
    cursor: pointer
}

.ajax-block {
    padding: 8px;
    margin: 8px
}

.ajax-block-loaded.entity {
    margin: 0 -8px
}

.select-mu-selector {
    margin: 0 4px 8px;
    border: 1px solid #aaa;
    padding: 4px;
    height: 24px;
    line-height: 24px
}

.select-mu-selector input {
    width: 100% !important;
    border: 0 !important
}

.select-mu-no-result {
    padding: 0 10px;
    line-height: 3em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    user-select: none;
    -webkit-user-select: none
}

.select2-container.select2-container--default.select2-container--open.select-mu-offseted {
    margin-top: 1px
}

.area-filter .area {
    width: calc(25% - 2px);
    height: 30px;
    background: #fff;
    margin-right: 2px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.area-filter .area:last-child {
    width: 25% !important;
    margin-right: 0 !important
}

.area-filter {
    height: 30px
}

.account .pepm-table .label {
    width: 3%
}

.filter-wrap select[lay-search] {
    max-width: 100%
}

.each_item .data-wrap {
    width: 100%;
    word-break: break-all
}

.each_item .title .data {
    display: block !important;
    min-height: 40px
}

.each_item .title .enter-arrow {
    position: relative;
    top: -40px
}

.each_item .card-detail {
    position: relative;
    top: -25px
}

.select-opened {
    overflow-x: hidden
}

.select-mu-selector input {
    height: 100%
}

.list-filter .select2-container {
    width: 100% !important
}

.v-table-rightview.slimed .slimScrollDivH .slimScrollDiv .v-table-body, .v-table-rightview.slimed .slimScrollDivH .v-table-footer {
    overflow-x: hidden !important
}

.slimScrollBarH {
    background: 0 0 !important
}

.hdate {
    position: absolute;
    margin-top: 9px;
    margin-left: 10px;
    border: 1px solid transparent;
    background-color: #f6f9ff;
    color: #000 !important;
    min-width: 180px
}

input[type=date], input[type=datetime-local], input[type=month] {
    -webkit-appearance: none;
    width: 100%
}

.hdate[readonly] {
    background: #eee !important
}

.name-logo {
    border-radius: 4px;
    text-align: center;
    color: #f2f2f2;
    background: coral
}

.default_dtype {
    color: transparent
}

.gs-search-btn i {
    position: absolute;
    right: 10px;
    top: 10px
}

@-moz-document url-prefix() {
    form .pepm-table .value {
        position: unset
    }
    .gs-search-btn {
        position: relative;
        float: right;
        margin-top: -40px;
        margin-right: 0
    }
}

input[type=datetime-local].datetimepicker2-datetime {
    padding: 0 0 0 4px;
    display: flex;
    align-items: center
}

[data-proxy-target] + button {
    display: none
}

.text-justify {
    text-align: justify
}

@media screen and (max-width: 950px) {
    #mb-search-wrapper {
        height: 40px
    }

    #mb-search-wrapper:after {
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }

    #mb-search-wrapper .search__icon {
        display: inline-block;
        height: 40px;
        width: 100%
    }

    #mb-search-wrapper .search__icon:before {
        content: "";
        background: url(/static/images/new/search.png) center center no-repeat;
        -webkit-background-size: 25px 25px;
        background-size: var(--primary-font-size);
        float: left;
        position: absolute;
        line-height: 40px;
        height: 40px;
        width: 50px
    }

    #mb-search-wrapper .mb_search_box {
        height: 40px;
        width: calc(100% - 50px);
        padding-left: 50px;
        font-size: var(--primary-font-size);
        background: 0 0;
        border: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    #mb-search-wrapper .mb_search_box::-webkit-input-placeholder {
        line-height: 1em
    }
}

.pepm-table .muti2table {
    text-align: center;
    font-weight: 700
}

.pepm-table .muti2table th {
    background-color: #b8d4d4;
    border: 0
}

.pepm-table .muti2table td {
    background-color: #e1f1f1;
    border: 0
}

.xdsoft_datetimepicker.binded[data-target-id] {
    position: absolute !important;
    display: none !important
}

.xdsoft_datetimepicker.binded[data-target-id].show {
    display: block !important
}

.block_c, .layui-collapse, .layui-table, .pepm-table, .shortcut-btn {
    padding-top: 5px
}

.block_c {
    padding-top: 0
}

.doing-task-widget-li-info {
    clear: left
}

.table-vertical {
    width: 100%;
    border-top: 1px solid #ccc
}

body.body--mobile {
    overflow-x: hidden
}

.scroll-top {
    height: 8px;
    background: 0 0;
    user-select: none
}

.scroll-top .scroll-top-progress {
    height: 8px;
    border-radius: 4px;
    background: grey;
    user-select: none
}

.section-nav-box {
    border-bottom: 1px solid #e6e6e6;
    overflow-x: auto;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    background: #fff;
    z-index: 99999
}

.section-nav {
    position: relative;
    border-radius: 2px;
    box-sizing: border-box;
    width: max-content
}

.section-nav .section-nav-item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 40px
}

.section-nav .section-nav-item a {
    display: block;
    padding: 0 20px;
    color: #fff;
    color: var(--secondary-text-color);
    transition: all .3s;
    -webkit-transition: all .3s
}

.section-nav .section-nav-bar {
    position: absolute;
    left: 0;
    top: 35px;
    width: 0;
    height: 2px;
    background: #ff9c36
}

.section-nav .section-nav-bar.animation {
    transition: all .2s;
    -webkit-transition: all .2s
}

.section-nav-box::-webkit-scrollbar {
    height: 8px;
    width: 8px
}

.section-nav-box::-webkit-scrollbar-thumb {
    background: grey;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.section-nav-box::-webkit-scrollbar-corner {
    background: #f6f6f6
}

.float-button {
    position: absolute !important;
    width: 120px !important;
    box-sizing: border-box !important;
    background-color: #f6f6f6
}

.footer_width div:hover, .layui-table thead th:not([class='checkall sorting_disabled']):hover {
    background-color: #d2d2d2 !important
}

.layui-table thead th:not([class='checkall sorting_disabled']) {
    text-align: center
}

.config-help {
    width: calc(100% - 30px);
    font-size: 16px
}

.table-title {
    position: relative;
    padding: 0 6px
}

.v-table-sort-icon {
    display: none;
    position: absolute;
    top: 0;
    right: -3px
}

.table-title .sorted {
    display: inline-block
}

.clearfix {
    clear: both;
    display: block
}

.list-table {
    cursor: pointer
}

.select2-search__field {
    width: 100% !important
}

.style_notify {
    margin-left: 0
}

.business-frame .business-loadmore {
    border-radius: 4px;
    padding: 2px 4px;
    text-align: center;
    cursor: pointer
}

#canvas .tab-title--progress {
    --arrow-width: 20px;
    display: flex;
    padding-right: var(--arrow-width);
    border-bottom: 0
}

#canvas .tab-title--progress .layui-unselect, #canvas .tab-title--progress li:first-child:before {
    display: none
}

#canvas .tab-title--progress li:after, #canvas .tab-title--progress li:before {
    position: absolute;
    border-style: solid;
    content: ''
}

#canvas .tab-title--progress li {
    --bgc: #ffdbb6;
    --bgc-cur: #ff9c36;
    flex: 1;
    background: var(--bgc);
    padding-left: var(--arrow-width);
    padding-right: 0;
    margin-left: 6px;
    color: #4c4c4c;
    transition: 0s
}

#canvas .tab-title--progress li:after, #canvas .tab-title--progress li:before {
    transition: 0s
}

#canvas .tab-title--progress li:before {
    left: 0;
    border-width: var(--arrow-width);
    border-right-width: 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #fff
}

#canvas .tab-title--progress li:after {
    right: -20px;
    border-width: var(--arrow-width);
    border-right-width: 0;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    border-left-color: var(--bgc) !important;
    z-index: 1
}

#canvas .tab-title--progress li:first-child {
    margin-left: 0;
    padding-left: calc(var(--arrow-width) / 2);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

#canvas .tab-title--progress li.layui-this {
    background: var(--bgc-cur);
    color: #fff
}

#canvas .tab-title--progress li.layui-this:after {
    left: unset !important;
    width: var(--arrow-width);
    border-left-color: var(--bgc-cur) !important
}

#canvas .tab-title--progress li.tab--divide ~ li {
    --bgc: #efefef;
    --bgc-cur: #8c8c8c
}

.wxshare-login {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 48px;
    line-height: 48px;
    background: #fff;
    text-align: center;
    z-index: 2000
}

.wxshare-login button {
    background: #9a0000;
    border: 0;
    color: #fff;
    border-radius: 64px;
    width: calc(100% - 200px);
    height: 32px
}

.paginate_button.next, .paginate_button.previous {
    display: inline-block !important
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled {
    color: #ccc !important
}

#v-tcontainer {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0
}

.layui-layer-modal .layui-layer-resize {
    display: none !important
}

.enumerate {
    /* max-height: 20px; */
    overflow: hidden
}

.enumerate.show_more {
    max-height: unset;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 5px
}

.enumerate .enumerate_head {
    /* width: 100px;
    float: left; */
    color: #9c9c9c
}

.enumerate .enumerate_foot {
    /* width: 100px;
    float: left; */
    position: relative;
    user-select: none
}

.enumerate .enumerate_foot span {
    cursor: pointer
}

.enumerate .enumerate_foot span:hover {
    color: #5FB878
}

.enumerate .enumerate_foot span:hover .ion {
    color: #666
}

.enumerate .enumerate_body {
    width: calc(100% - 200px);
    float: left
}

.enumerate .enumerate_body .items .layui-form-checkbox .layui-icon {
    display: none
}

.enumerate.select_multi .enumerate_body .items .layui-form-checkbox .layui-icon {
    display: inline-block
}

.enumerate .enumerate_body .items .layui-form-checkbox {
    margin: 0 5px;
    transition: none
}

.enumerate.show_more .enumerate_body .items .layui-form-checkbox {
    margin-bottom: 5px
}

.enumerate .enumerate_body .items .layui-form-checkbox span {
    border-radius: 3px;
    line-height: 20px;
    padding: 0 10px;
    background: 0 0 !important
}

.enumerate .enumerate_body .items .layui-form-checkbox.layui-form-checked:hover span {
    background-color: #fff !important
}

.enumerate:not(.select_multi) .enumerate_body .items .layui-form-checkbox.layui-form-checked span {
    background-color: #5FB878;
    border-radius: 3px;
    color: #fff
}

.enumerate .enumerate_body .enumerate_btn {
    text-align: center;
    display: none
}

.enumerate.select_multi .enumerate_body .enumerate_btn {
    display: block;
    margin-top: 5px
}

.enumerate .enumerate_foot .show_less, .enumerate .enumerate_foot .show_more.hide_more, .enumerate.select_multi .enumerate_foot .switch_multi, .enumerate.show_more .enumerate_foot .show_more {
    /* display: none */
}

.enumerate .enumerate_foot .switch_multi {
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    padding: 0 3px
}

.enumerate .enumerate_foot .show_more {
    top: -2px
}

.enumerate.show_more .enumerate_foot .show_less {
    display: inline-block
}

.noright_div_img {
    margin: 5px auto;
    max-width: 100%;
    display: none;
    background-repeat: no-repeat;
    background-size: contain
}

.stepbar-wrapper {
    display: flex;
    line-height: 1em;
    font-size: 14px;
    height: 46px;
    align-items: center;
    background: #fff;
    margin-bottom: 10px
}

.stepbar-wrapper .stepbar-btn {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer
}

.stepbar-wrapper .stepbar-btn.disabled {
    color: #eee;
    pointer-events: none;
    cursor: pointer
}

.stepbar-wrapper .stepbar-btn.disabled:after, .stepbar-wrapper .stepbar-btn.disabled:before {
    visibility: hidden
}

.stepbar-wrapper .stepbar-btn:after, .stepbar-wrapper .stepbar-btn:before {
    display: block;
    width: 20px;
    height: 40px;
    position: relative;
    background: 0 0;
    pointer-events: none
}

.stepbar-wrapper .stepbar-btn__scroll-left .ion {
    position: relative;
    left: 10px
}

.stepbar-wrapper .stepbar-btn__scroll-left:after {
    content: '';
    float: right;
    left: 20px
}

.stepbar-wrapper .stepbar-btn__scroll-right .ion {
    position: relative;
    right: 10px
}

.stepbar-wrapper .stepbar-btn__scroll-right:before {
    content: '';
    float: left;
    right: 20px
}

.stepbar-wrapper .stepbar-content {
    display: flex;
    justify-content: flex-start;
    flex: 0 0 auto;
    width: calc(100% - 80px);
    overflow: hidden;
    counter-reset: icounter
}

.stepbar-wrapper .stepbar-content.disabled .stepbar-item {
    color: #acb5be
}

.stepbar-wrapper .stepbar-content.disabled .stepbar-item:before {
    border-color: #acb5be
}

.stepbar-wrapper .stepbar-content .stepbar-item {
    flex: 0 0 auto;
    text-align: center;
    margin: 0 12px;
    height: 22px;
    line-height: 22px
}

.stepbar-wrapper .stepbar-content .stepbar-item:before {
    cursor: pointer;
    content: counter(icounter);
    counter-increment: icounter;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    border: 1px solid #333;
    margin-right: .5em;
    display: block;
    font-size: 13px;
    float: left
}

.stepbar-wrapper .stepbar-content .stepbar-item:after {
    content: '';
    display: block;
    float: right;
    width: 20px;
    height: 1px;
    background-color: #acb5be;
    position: relative;
    top: 11px;
    left: 12px
}

.stepbar-wrapper .stepbar-content .stepbar-item:last-of-type:after {
    display: none
}

.stepbar-wrapper .stepbar-content .stepbar-item.stepbar-item--cur:before {
    background: #000;
    color: #fff
}

.stepbar-wrapper .stepbar-content .stepbar-item.stepbar-item--cur ~ .stepbar-item {
    color: #acb5be;
    font-weight: 400 !important
}

.slide-loading {
    margin-top: 20vh
}

.slide-anim-ph .ph.logo {
    max-width: 100vw;
    margin-bottom: 5vh;
    background-color: transparent;
    display: flex;
    justify-content: center
}

.slide-anim-ph .ph.logo img {
    width: 80%
}

.slide-anim-ph .loading-ring {
    display: block !important
}

@media screen and (max-width: 950px) {
    .menu-ph {
        display: block;
        width: 100vw;
        height: 50px;
        background-color: #f6f6f6
    }
}

.left_align {
    text-align: left
}

.form-item-half {
    width: 49%
}

.stepbar-wrapper .stepbar-content .stepbar-item.stepbar-item--cur ~ .stepbar-item:before {
    border-color: #acb5be !important;
    background: #fff !important;
    color: #acb5be !important;
    font-weight: 400 !important
}

.step-link-bar.step-link-bar--not-matching .step > .active {
    background-color: #006bb6 !important;
    color: #fff !important
}

.step-link-bar .step > .finished, .step-link-bar:not(.step-link-bar--not-matching) .step > .active {
    background-color: #c1e3f3 !important
}

.step-link-bar.step-link-bar--not-matching .step > .active:before {
    border-top-color: #006bb6 !important;
    border-bottom-color: #006bb6 !important
}

.step-link-bar .step > .finished:before, .step-link-bar:not(.step-link-bar--not-matching) .step > .active:before {
    border-top-color: #c1e3f3 !important;
    border-bottom-color: #c1e3f3 !important
}

.step-link-bar.step-link-bar--not-matching .step > .active:after {
    border-left-color: #006bb6 !important
}

.step-link-bar .step > .finished:after, .step-link-bar:not(.step-link-bar--not-matching) .step > .active:after {
    border-left-color: #c1e3f3 !important
}

.step-link-bar:not(.step-link-bar--not-matching) .step > .active a {
    color: #006bb6 !important
}

.step-link-bar:not(.step-link-bar--not-matching) .step > .step-cur a {
    color: #fff !important
}

.step-link-bar .step > .finished a {
    color: #006bb6 !important
}

.step-link-bar .step > li:not(.active):not(.finished) {
    background-color: #bfbfbf !important;
    color: #fff !important
}

.step-link-bar .step > li:not(.active):not(.finished)::before {
    border-top-color: #bfbfbf !important;
    border-bottom-color: #bfbfbf !important
}

.step-link-bar .step > li:not(.active):not(.finished)::after {
    border-left-color: #bfbfbf !important
}

.step-link-bar .step > li:not(.active):not(.finished).step-cur {
    background-color: #7d7d7d !important;
    color: #fff !important
}

.step-link-bar .step > li:not(.active):not(.finished).step-cur::before {
    border-top-color: #7d7d7d !important;
    border-bottom-color: #7d7d7d !important
}

.step-link-bar .step > li:not(.active):not(.finished).step-cur::after {
    border-left-color: #7d7d7d !important
}

.step-link-bar .step > .step-cur.active, .step-link-bar .step > .step-cur.finished {
    background-color: #006bb6 !important;
    color: #fff !important
}

.tip_box .ion, .tip_box i {
    padding: .75rem 1.25rem;
    color: inherit;
    font-size: 16px
}

.step-link-bar .step > .step-cur.active::before, .step-link-bar .step > .step-cur.finished::before {
    border-top-color: #006bb6 !important;
    border-bottom-color: #006bb6 !important
}

.step-link-bar .step > .step-cur.active::after, .step-link-bar .step > .step-cur.finished::after {
    border-left-color: #006bb6 !important
}

.tip_box {
    transition: .5s;
    cursor: pointer;
    position: relative;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    font-size: 16px;
    display: flex;
    align-items: center
}

.tip_box p {
    font-size: 16px
}

.tip_box .ion {
    align-items: center
}

.tip_box i {
    margin-left: auto
}

.open_tip .tip_box i {
    display: none
}

@media screen and (max-width: 1200px) {
    .tip {
        padding: 0 10px
    }
}

@media screen and (max-width: 950px) {
    .content-main .b2table .list-header-wrap .list-search-wrap {
        display: flex;
        margin: .5em .5em 0;
        width: calc(100% - 1em)
    }

    .content-main .b2table .list-header-wrap .list-search-wrap .list-header-search {
        flex: 1
    }

    .content-main .b2table .list-header-wrap .list-search-wrap .list-header-btn-primary {
        flex: 0 0 auto;
        width: 7.5em
    }

    .content-main .b2table .list-header-wrap .list-header-btns {
        display: none
    }

    .content-main .b2table .list-header-wrap #search_details .row-wrapper > div {
        padding: 0
    }

    .content-main .b2table .list-header-wrap #search_details .row-wrapper > div > .layui-form-item {
        margin-right: 0
    }

    .content-main .b2table .list-table .table_canvas::-webkit-scrollbar {
        height: 12px
    }

    .list-header-wrap ~ .list-table .ios_handle {
        border-right: 0
    }
}

#menu2, .nosubmenu.layui-side + .layui-body, .tradition.layui-side + .layui-body {
    left: 160px
}

#tooltip, #tooltip:before {
    pointer-events: none;
    filter: alpha(opacity=0)
}

#canvas .menu-mobile, #canvas .menu-mobile *, .layui-layer .menu-mobile, .layui-layer .menu-mobile *, .menu_tags_box .tagsbox, .mobile-menu, .sys-nav {
    box-sizing: border-box
}

:root {
    --menuh-height: 42px;
    --mobile-menu-height: 50px;
    --tab-menu-height: 48px;
    --hnav-color: white;
    --hnav-bg-color: #515151
}

.layui-side {
    z-index: 1000
}

.layui-nav-tree {
    width: 100%
}

#menu1 {
    width: calc(100% + 20px);
    background-color: #393D49
}

#menu1m .divide {
    border-top: solid 1px #4c4f5e
}

#menu2-0 .divide, #menu2-1 .divide {
    border-top: solid 1px #62667b
}

#menu2 {
    position: absolute;
    top: 0;
    background: #4c4f5e;
    padding-right: 20px
}

#menu2 .layui-nav-tree {
    background: #4c4f5e;
    display: inline-block;
    width: 120px;
    vertical-align: top
}

#menushade, .layui-side .badge {
    display: none
}

#menu2 #menu2wrap {
    position: absolute;
    width: 245px
}

#menu1-heading, #menu2 li.title {
    text-align: center;
    padding: 13px 0;
    height: 30px;
    line-height: 30px;
    font-size: 22px;
    font-weight: 700
}

#menu2 li.title a {
    color: #fff;
    font-size: 16px
}

#menushade {
    z-index: 999;
    background-color: #000;
    opacity: .3;
    filter: alpha(opacity=30)
}

.layui-side {
    width: 280px
}

#menu1m, .nosubmenu.layui-side, .tradition.layui-side {
    width: 160px
}

#menu2 {
    width: 120px
}

#fixedmenu {
    padding-bottom: 1px
}

#fixedmenuxs {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 9999;
    cursor: pointer;
    font-size: 30px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    color: #fff;
    background: #b7b7b7;
    text-align: center;
    margin-top: 1px
}

.mobile-menu {
    position: fixed;
    background: #fff;
    box-shadow: 1px 0 0 1px rgba(0, 0, 0, .05);
    bottom: 0;
    width: 100%;
    z-index: 2000
}

@media only screen and (width: 812px) and (height: 375px) and (-webkit-device-pixel-ratio: 3) {
    .mobile-menu {
        padding-bottom: calc(4px + env(safe-area-inset-right))
    }
}

.mobile-menu li {
    width: 19%;
    position: relative;
    display: inline-block;
    height: 40px;
    text-align: center
}

.mobile-menu-item {
    color: #5e5959
}

.mobile-menu-item .ion {
    font-size: 24px
}

.mobile-menu-item .title {
    font-size: 8px
}

.mobile-menu-item.layui-this {
    color: #FF5722
}

.mobile-menu li:first-child:nth-last-child(1) {
    width: 100%
}

.mobile-menu li:first-child:nth-last-child(2), .mobile-menu li:first-child:nth-last-child(2) ~ li {
    width: 49.5%
}

.mobile-menu li:first-child:nth-last-child(3), .mobile-menu li:first-child:nth-last-child(3) ~ li {
    width: 32.2%
}

.mobile-menu li:first-child:nth-last-child(4), .mobile-menu li:first-child:nth-last-child(4) ~ li {
    width: 24%
}

.mobile-menu div .badge {
    position: absolute;
    display: none
}

.sys-nav {
    position: fixed;
    z-index: 10000;
    right: 20px;
    top: 0;
    height: 46px;
    border-radius: 0;
    margin-right: 0 !important
}

.sys-nav-msg-icon {
    font-size: 24px;
    width: 20px;
    line-height: 39px
}

.horizontal #menuh #menuh-0 li a span, .horizontal #menuh #menuh-1 li a span {
    font-size: 13px
}

.sys-nav .ion-ios-bell::before {
    margin-right: 4px
}

.sys-nav .layui-nav-more {
    content: '';
    width: 0;
    height: 0;
    border-style: solid dashed dashed;
    border-color: #696969 transparent transparent;
    overflow: hidden;
    cursor: pointer;
    transition: all .2s;
    -webkit-transition: all .2s;
    position: absolute;
    top: 50%;
    right: 3px;
    margin-top: -3px;
    border-width: 6px
}

.sys-nav .layui-nav-more:hover {
    color: #696969
}

.sys-nav .layui-nav-child {
    top: 46px;
    left: auto;
    right: 0
}

.sys-nav .layui-badge span:hover {
    color: #FFF
}

.sys-nav-item {
    margin-left: 2px;
    margin-right: 2px
}

.tradition .sys-nav-item {
    height: 46px
}

.sys-nav-item a {
    color: var(--sys-nav-msg-icon)
}

.search-input {
    color: rgb(0, 0, 0, .89);
    border: 1px solid #d2d2d2;
    height: 32px;
    line-height: 32px;
    width: 225px
}

.nav-usr {
    text-align: left
}

#menuh .layui-nav .layui-this:after, #menuh .layui-nav-bar {
    height: 2px
}

#menuh .layui-tab::-webkit-scrollbar {
    display: none
}

#menu1 .layui-nav-tree .layui-this, #menu1 .layui-nav-tree .layui-this > a {
    background: var(--btn-background-color) !important;
}

#menu1 .layui-nav-bar {
    background: #ff9c36
}

#menu2 .layui-nav-bar, #menu2 .layui-nav-tree .layui-this, #menu2 .layui-nav-tree .layui-this > a {
    background: #616573
}

.horizontal {
    width: 100vw
}

.horizontal #menu1 {
    padding: 0 calc((100vw - 1280px) / 2);
    width: calc((100vw - 1280px) / 2);
    min-width: 1280px
}

.horizontal #breadcrumb, .horizontal #menuh, .horizontal .layui-body {
    max-width: 1280px;
    margin: 0 auto
}

.horizontal .layui-nav .layui-this > a, .horizontal .layui-nav .layui-this > a:hover {
    background: 0 0 !important
}

.horizontal .layui-nav .layui-this:after, .horizontal .layui-nav-bar, .horizontal .layui-nav-tree .layui-nav-itemed:after {
    background: #ff9c36;
    height: 2px
}

.horizontal .layui-nav .layui-this {
    background: 0 0 !important;
    color: #fff
}

.horizontal #breadcrumb {
    border-bottom: 1px solid #ccc;
    padding: 8px 0
}

.horizontal #breadcrumb .b-item, .horizontal #breadcrumb .b-label {
    display: inline-block;
    color: #333
}

.horizontal #breadcrumb .b-item {
    margin-right: 8px;
    cursor: pointer
}

.horizontal #breadcrumb .b-item:after {
    content: '>';
    margin-left: 6px
}

.horizontal #breadcrumb .b-item:last-child:after {
    display: none
}

.horizontal #menu1 {
    height: 72px;
    background: #515151
}

.horizontal #menu1 .logo {
    float: left;
    position: relative;
    vertical-align: middle;
    line-height: 72px;
    height: 72px;
    width: auto;
    margin-left: 4px;
    margin-right: 16px
}

.horizontal #menu1 .logo #menu1-heading {
    line-height: 72px;
    height: 72px;
    padding: 0;
    color: #fff;
    margin-left: 16px !important
}

.horizontal #menuh #menuh-0 li, .horizontal #menuh #menuh-1 li {
    line-height: 36px !important
}

.horizontal #menu1 .layui-nav {
    background: 0 0
}

.horizontal #menu1 .layui-nav li > a, .horizontal #menu1 .layui-nav li > a > span {
    color: #fff
}

.horizontal #menu1 .layui-nav .layui-nav-bar {
    height: 2px
}

.horizontal #menuh #menuh-0, .horizontal #menuh #menuh-1, .horizontal .menu2 {
    height: 36px !important
}

.horizontal .menu2 {
    box-shadow: 0 1px 2px 0 #0004a !important;
    position: relative !important;
    width: auto !important;
    z-index: 90 !important
}

.horizontal .layui-body {
    position: relative;
    left: 0;
    background: 0 0;
    z-index: 80 !important
}

.horizontal .layui-nav .layui-nav-item {
    line-height: 36px
}

.horizontal .hsysnav {
    float: right;
    height: 36px;
    margin-top: 20px
}

.horizontal .sys-nav {
    height: 36px;
    border-bottom: 0;
    z-index: 110;
    position: relative !important
}

.horizontal .sys-nav .layui-nav-bar {
    height: 0 !important
}

.horizontal .hmenu1 {
    float: left;
    height: 36px;
    margin-top: 20px;
    z-index: 600
}

.horizontal .hmenu1 ul {
    float: right;
    height: 36px !important;
    display: block;
    width: 900px;
    position: absolute;
    margin-right: 120px
}

#tooltip, .fashion #menu1m h2, .fashion[fold-menu1] #menu1 li .layui-nav-more, .fashion[fold-menu1] #menu1 li span:nth-of-type(2), .fashion[fold-menu1] #menu1m img {
    display: none
}

.horizontal .hmenu1 .layui-nav .layui-nav-child {
    top: 40px !important
}

.horizontal ul .sub {
    background: #fff;
    position: absolute;
    width: auto !important;
    height: auto !important;
    top: -6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
    border: 1px solid #d2d2d2
}

.horizontal .sub .li {
    position: absolute;
    left: 80px;
    top: -10px
}

.horizontal .sub .li > a {
    color: #464646 !important
}

.horizontal #menu1 .nav-more {
    position: relative;
    bottom: -36px;
    float: right;
    left: 201px;
    height: 36px
}

.horizontal #menu1 .nav-more a {
    font-size: 36px;
    color: #fff
}

.horizontal .layui-nav .layui-nav-child dd.layui-this a {
    background: 0 0
}

.horizontal #menu1 .search-box {
    margin: 25px 30px 0 0;
    min-height: auto
}

#toolfold, #toolfold-menu1 {
    color: #fff;
    margin-top: -25px;
    z-index: 1000
}

.fashion[fold-menu1] #menu1m {
    width: 50px
}

.fashion[fold-menu1] #menu2 {
    width: 120px;
    left: 50px
}

.fashion[fold-menu1] {
    width: 170px
}

.fashion[fold-menu1][fold] {
    width: 100px
}

.fashion #menu1::-webkit-scrollbar {
    display: none
}

.fashion[fold] #menu2 {
    width: 0;
    padding: 0
}

.fashion[fold] #menu1 {
    width: 160px
}

.fashion[fold] #toolfold, .fashion[fold] + .layui-body {
    left: 160px
}

.fashion[fold-menu1][fold] #menu2 {
    width: 0;
    padding: 0
}

.fashion[fold-menu1][fold] #menu1 {
    width: 50px
}

#menu2 {
    transition: 250ms
}

.fashion[fold-menu1][fold] #toolfold, .fashion[fold-menu1][fold] + .layui-body {
    left: 50px !important
}

.fashion[fold-menu1] + .layui-body {
    left: 190px
}

.fashion[fold-menu1] #menu2 li.title {
    padding: 8px 0
}

.fashion[fold-menu1] #menu1 .layui-badge-dot {
    margin-left: 0
}

.fashion[fold-menu1] #menu1 li a {
    padding: 0;
    text-align: center
}

.fashion #menu1 li a {
    text-align: left
}

.fashion #menu1 li a span.ion {
    text-align: center
}

.fashion #menu1 li .ion-arrow-right-b.open {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg)
}

.fashion:not([fold-menu1]) #toolfold {
    left: 280px
}

#tooltip {
    position: fixed;
    top: 150px;
    left: 60px;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    color: #fff;
    background-color: #393d49;
    text-align: center;
    z-index: 1000;
    opacity: 0
}

#tooltip:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right-color: #393d49;
    border-right-style: solid;
    border-right-width: 6px;
    left: -6px;
    top: 50%;
    margin-top: -5px;
    opacity: 0;
    display: none
}

.fashion #tooltip, .fashion #tooltip:before {
    display: block
}

#toolfold, .fashion:not([fold-menu1]) #tooltip, .fashion:not([fold-menu1]) #tooltip:before {
    display: none
}

.fashion #tooltip.show, .fashion #tooltip.show:before {
    opacity: 1;
    filter: alpha(opacity=100)
}

#toolfold {
    position: fixed;
    top: 50%;
    left: 170px;
    width: 20px;
    height: 50px;
    text-align: center;
    transform-origin: left center;
    -ms-transform-origin: left center;
    -moz-transform-origin: left center;
    -webkit-transform-origin: left center;
    transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -o-transform: rotateY(180deg)
}

.fashion #toolfold {
    display: block
}

.fashion[fold] #toolfold {
    transform: rotateY(0);
    -ms-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -webkit-transform: rotateY(0);
    -o-transform: rotateY(0);
    left: 160px
}

#toolfold .collapse {
    position: relative;
    overflow: hidden
}

#toolfold .collapse .bg {
    width: 0;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 9px solid transparent;
    border-left: 13px solid #5e6167;
    border-top: 9px solid transparent
}

#toolfold .collapse:hover .bg {
    border-bottom: 8px solid transparent;
    border-left: 20px solid #5e6167;
    border-top: 8px solid transparent
}

#toolfold .collapse .toolbtn {
    height: 50px;
    position: relative;
    left: -4px;
    text-align: center;
    cursor: pointer
}

#toolfold .collapse:hover .toolbtn {
    left: 0
}

#toolfold .collapse .toolbtn .ion {
    font-size: 14px;
    line-height: 50px
}

.fashion:not([fold-menu1]) #toolfold-menu1 {
    left: 160px;
    transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -o-transform: rotateY(180deg)
}

#toolfold-menu1 {
    position: fixed;
    top: calc(50% - 50px);
    left: 50px;
    width: 20px;
    height: 50px;
    text-align: center;
    display: none;
    transform-origin: left center;
    -ms-transform-origin: left center;
    -moz-transform-origin: left center;
    -webkit-transform-origin: left center;
    transform: rotateY(0);
    -ms-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -webkit-transform: rotateY(0);
    -o-transform: rotateY(0)
}

#toolfold-menu1 .collapse {
    position: relative;
    overflow: hidden
}

#toolfold-menu1 .collapse .bg {
    width: 0;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 9px solid transparent;
    border-left: 13px solid #5e6167;
    border-top: 9px solid transparent
}

#toolfold-menu1 .collapse:hover .bg {
    border-bottom: 8px solid transparent;
    border-left: 20px solid #5e6167;
    border-top: 8px solid transparent
}

#toolfold-menu1 .collapse .toolbtn {
    height: 50px;
    position: relative;
    left: -4px;
    text-align: center;
    cursor: pointer
}

#toolfold-menu1 .collapse:hover .toolbtn {
    left: 0
}

#toolfold-menu1 .collapse .toolbtn .ion {
    font-size: 14px;
    line-height: 50px;
    transform: rotateY(0)
}

#menuh {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 900;
    background: #fff;
    height: var(--menuh-height)
}

#menuh .ion-undefined {
    display: none
}

#menuh .layui-tab {
    margin-top: 0;
    margin-bottom: 0;
    background: #fff;
    white-space: nowrap;
    overflow: auto
}

#menuh .layui-nav {
    background: #fff;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    margin-right: var(--menuh-height)
}

#menuh .layui-nav .layui-nav-item a {
    color: var(--secondary-text-color)
}

#menuh .layui-nav .layui-nav .layui-this a, #menuh .layui-nav .layui-nav-item a:hover {
    color: #333
}

#menuh-0.scrollable, #menuh-1.scrollable {
    overflow-y: hidden;
    overflow-x: auto;
    min-width: 50%
}

#menuh-0.scrollable::-webkit-scrollbar, #menuh-1.scrollable::-webkit-scrollbar {
    height: 0 !important
}

.layui-nav .layui-nav-child dd.layui-this, .layui-nav .layui-this, .layui-nav .layui-this > a, .layui-nav .layui-this > a:hover {
    background: var(--btn-background-color) !important;
}

@media screen and (min-width: 768px) {
    .layui-body > #menuh {
        height: calc(var(--menuh-height) + 4px)
    }
}

#menuh-1.collapsed {
    height: 46px
}

#menuh #menuh-collapse {
    display: none
}

#menuh .collapsed.showmore ~ #menuh-collapse {
    display: block;
    background: #fff;
    min-height: 46px;
    padding: 0 208px 0 76px;
    white-space: pre-line;
    border-bottom: 1px solid #e3e3e3
}

#menuh .collapsed .handler {
    height: 46px;
    width: 25px;
    cursor: pointer;
    background: #fff !important;
    color: var(--secondary-text-color)
}

#menuh .collapsed .handler.actived {
    color: #9a0000
}

#menuh .collapsed .handler:after {
    transition: transform .2s;
    display: inline-block;
    font-family: Ionicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f123";
    margin-left: .5em
}

#menuh .collapsed.showmore .handler:after {
    transform: rotateZ(180deg)
}

#menuh .collapsed li.hidden {
    visibility: hidden
}

#menuh .layui-nav .layui-nav-bar, .layui-nav .layui-nav-bar {
    background: #ff9c36
}

#menuh .layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {
    background-color: #ff9c36
}

#menuh-1 > .layui-nav-item, #sys-nav .layui-nav .layui-this, #sys-nav .layui-nav .layui-this > a, #sys-nav .layui-nav .layui-this > a:hover {
    background: #fff !important
}

#menuh .layui-nav .layui-this, #menuh .layui-nav .layui-this > a, #menuh .layui-nav .layui-this > a:hover {
    background: #fff !important;
    font-weight: 550;
    color: var(--secondary-color-light, #9a0000)
}

#menuh .layui-nav .layui-nav-item {
    line-height: 46px
}

.menuh-breadcrumb {
    background: #FFF;
    padding: 10px 10px 0;
    border-bottom: 1px solid #EEE
}

.layui-breadcrumb a cite, .layui-breadcrumb a span {
    olor: #999
}

.menuh-breadcrumb .layui-breadcrumb a {
    color: #999 !important;
    font-size: 12px
}

@media (max-width: 950px) {
    .menuh-breadcrumb {
        display: none
    }
}

.menu-mobile {
    width: 100%;
    margin: 10px 0
}

.menu-mobile td {
    padding: 9px 5px;
    border: 1px solid #f9f7f7;
    vertical-align: top
}

.menu-mobile td a {
    display: block;
    color: #5e5959
}

.menu-mobile-item {
    cursor: hand
}

.menu-mobile-item:hover {
    background: #f6f6f6
}

.menu-mobile-item .ion {
    font-size: 30px;
    color: #FF5722
}

.menu-mobile-title {
    margin-top: 10px;
    font-size: 12px
}

.layer_web_menu {
    width: 110px;
    position: absolute;
    background: #777;
    z-index: 999999999;
    left: 10px
}

#menu3-0, #menu3-1 {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    text-align: center
}

#menu3-0::-webkit-scrollbar {
    width: 1px;
    height: 0;
    background: 0 0
}

#menu3-0::-webkit-scrollbar-thumb {
    visibility: hidden
}

#menu3-0::-webkit-scrollbar-track {
    visibility: hidden
}

.layer_web_menu li:hover {
    background: var(--btn-background-color) !important;
}

.layer_web_menu li a {
    height: 45px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 45px;
    border-bottom: 1px solid #eaeaea;
    display: block;
    color: #fff
}

.layer_web_menu li a:hover {
    color: #fff
}

.layer_web_menu li.title {
    text-align: center;
    font-size: 16px;
    cursor: pointer
}

.layer_web_menu li.title a {
    padding: 3px 0;
    font-size: 16px;
    height: 20px;
    line-height: 20px
}

.layer_web_menu #menu3-1 {
    display: none
}

.layer_web_menu:hover #menu3-1 {
    display: inline-block
}

.layer_mobile_menu {
    width: 100%;
    position: relative;
    left: 0;
    background: #f6f6f6
}

.layer_mobile_menu .menu3-mobile {
    width: 100%;
    background: #fff;
    padding-left: 0;
    padding-right: 0;
    white-space: nowrap;
    overflow: auto
}

.layer_mobile_menu > .menu3-mobile > li.layui-this > a, .layer_mobile_menu > .menu3-mobile > li > a {
    height: 40px;
    line-height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border-bottom: 1px solid #eaeaea;
    display: block;
    padding: 0 20px;
    background: #fff !important;
    color: #515151
}

.layer_mobile_menu > .menu3-mobile > li.layui-this > a:hover, .layer_mobile_menu > .menu3-mobile > li > a:hover {
    color: #515151
}

.layer_mobile_menu > .menu3-mobile > li:after {
    background: #ff9c36 !important;
    height: 2px
}

.layer_mobile_menu > .menu3-mobile > li.layui-this {
    font-weight: 550
}

.layer_mobile_menu .layui-nav-bar {
    display: none
}

@media (max-width: 480px) {
    #menu3-0, #menu3-1 {
        width: 100%;
        height: 41px;
        padding-right: 55px
    }
}

#fixedmenu {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 999999999;
    width: 50px
}

#fixedmenu div {
    cursor: pointer;
    font-size: 30px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    color: #fff;
    background: #b7b7b7;
    text-align: center
}

#fixedmenu div .badge {
    position: absolute;
    right: 0;
    display: none
}

#fixedmenu div:first-child {
    display: block;
    line-height: 5px;
    font-size: 26px
}

#fixedmenu div:nth-child(n+2) {
    margin-top: 1px
}

#openmenu, .showtags .layui-nav-item:not(.back) {
    display: none
}

@media (max-width: 58em) {
    #openmenu {
        display: block
    }
}

.menu_tags_tip {
    position: absolute;
    top: 0;
    width: 45px;
    height: 100%;
    right: 0;
    z-index: 9999;
    background: #fff;
    opacity: .85
}

.menu_tags_tip .vline {
    position: absolute;
    left: -10px;
    width: 10px;
    height: 100%;
    -webkit-box-shadow: inset -10px 0 10px 0 #fff;
    -moz-box-shadow: inset -10px 0 10px 0 #fff;
    box-shadow: inset -10px 0 10px 0 #fff
}

.menu_tags_tip .ion {
    font-size: 28px;
    line-height: 46px;
    margin: 0 14px
}

.menu_tags_box {
    background: rgba(0, 0, 0, .5);
    position: absolute;
    height: 100vh;
    width: 100%;
    display: none;
    z-index: 1001;
    top: 46px
}

.menu3-mobile + .menu_tags_box {
    top: 41px
}

.menu_tags_box .tags_select {
    text-align: center;
    position: absolute;
    top: -46px;
    width: 100%;
    z-index: 1;
    font-size: 18px;
    height: 46px;
    line-height: 46px
}

.menu_tags_box .tagsbox {
    background: #fff;
    position: absolute;
    padding: 10px;
    width: 100%
}

.menu_tags_box .menutags li {
    width: calc(33.33% - 10px);
    float: left;
    text-align: center;
    box-sizing: border-box;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 5px;
    height: 30px;
    line-height: 30px
}

.menu_tags_box .menutags li.this {
    border: 1px solid #ff9c36
}

.loading-gif-ph {
    display: inline-block;
    position: relative;
    width: 60px;
    height: 24px;
    margin-top: 8px
}

.loading-gif-ph div {
    position: absolute;
    top: 6px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    animation-timing-function: linear
}

.loading-gif-ph div:nth-child(1) {
    left: 0;
    animation: loading-1 .6s infinite
}

.loading-gif-ph div:nth-child(2) {
    left: 20px;
    animation: loading-2 .6s infinite
}

.loading-gif-ph div:nth-child(3) {
    left: 40px;
    animation: loading-3 .6s infinite
}

@keyframes loading-1 {
    0% {
        transform: translate(0, 0) scale(1.25);
        background: #F90
    }
    100% {
        transform: translate(20px, 0) scale(2);
        background: #F40
    }
}

@keyframes loading-2 {
    0% {
        transform: translate(0, 0) scale(2);
        background: #F40
    }
    100% {
        transform: translate(20px, 0) scale(1.25);
        background: #F90
    }
}

@keyframes loading-3 {
    0% {
        transform: translate(0, 0) scale(1.25);
        background: #F90
    }
    100% {
        transform: translate(-40px, 0) scale(1.25);
        background: #F90
    }
}

#qywx-navigator {
    display: none;
    text-align: center;
    font-size: 28px;
    margin-top: 8px;
    height: 32px
}

#canvas .menu-mobile, .layui-layer .menu-mobile {
    margin-bottom: 8px
}

#canvas .menu-header + .menu-mobile, .layui-layer .menu-header + .menu-mobile {
    margin-top: 61px !important
}

#canvas .menu-mobile:last-child, .layui-layer .menu-mobile:last-child {
    margin-bottom: 49px !important
}

#canvas .menu-mobile td, .layui-layer .menu-mobile td {
    padding: 12px 0;
    border: 0;
    height: 81px
}

#canvas .menu-mobile tr:last-child, .layui-layer .menu-mobile tr:last-child {
    border-bottom: 1px solid #eee
}

#canvas .menu-mobile td.menubar, .layui-layer .menu-mobile td.menubar {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-left: 20px !important;
    font-size: 15px;
    font-weight: 700;
    color: #181818;
    height: 15px;
    line-height: 15px
}

#canvas .menu-mobile td.menu-mobile-item .menu-mobile-title, .layui-layer .menu-mobile td.menu-mobile-item .menu-mobile-title {
    font-size: 12px;
    color: #181818;
    margin-top: 7px
}

#canvas .menu-mobile td.menu-mobile-item a, #canvas .menu-mobile td.menu-mobile-item a span, .layui-layer .menu-mobile td.menu-mobile-item a, .layui-layer .menu-mobile td.menu-mobile-item a span {
    color: #9a0000
}

#canvas .menu-mobile td.menu-mobile-item a span, #diy-menu div.diy-menu-item span, .layui-layer .menu-mobile td.menu-mobile-item a span {
    width: 50px;
    height: 40px;
    line-height: 40px;
    border-radius: 18px
}

.mobile-menu {
    border-top: 1px solid #eee;
    padding: 4px 0;
    height: var(--mobile-menu-height)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .mobile-menu:before {
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {
    .mobile-menu:before {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.mobile-menu .mobile-menu-item:not(.layui-this) {
    color: #929292
}

.mobile-menu .mobile-menu-item.layui-this {
    color: #ce4e43
}

.mobile-menu .layui-badge {
    background-color: #ce4e43;
    font-size: 12px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 16px
}

.menu-header {
    background: #f3f3f3;
    width: 100%;
    height: 61px;
    line-height: 61px;
    text-align: center;
    font-size: 16px;
    color: #181818;
    position: fixed;
    top: 0
}

.menu-header .header-btn__back {
    width: 90px;
    height: 100%;
    float: left;
    transform: rotate(180deg);
    position: absolute;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAcCAYAAAC+lOV/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4NDVhMzcxYy1jN2ZjLWZmNDAtYmViNi1kMGNhNmY3YTAzMjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzFERUFDQTYyMzc3MTFFOUFBNDZGODU3OUJEREUxNzQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzFERUFDQTUyMzc3MTFFOUFBNDZGODU3OUJEREUxNzQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU3MTBjOTk4LTAxMjEtZjg0Yy05ZTFiLTRlYmRhYTljMDQxYiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmY4M2FjMTE0LTg5ODItYjQ0Ny1iNTQ3LTA1YTI4NDc4MjdmZCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtuY9ioAAAFESURBVHjanJTNSsNAFIWnaXdFugi4diGtD2BpTfFn19Y3cN9n8w1EQVpFO0FtcSk0mz5AcaEP0HgGTmAsSW5uBw53GPKdmdyZe2vW2ntjzBE0iaLIGsUIoBF0Ar3EcXyuhWNv/qwxcMAYSvYxqKVpavBxyBO0ub6FrpCDVxF2gwYrKPQMwEfvIkyDDoL1DH6hLgwSEfYMFtABl755gkSEadDnCYIyg1yYBi7jM6hRZFAI02CI8OAt/TMohWlwg3CbZyDCJQaDSnCBwTpQ1MEG8ndqBIpdH12OvGMPqyTsGuFu93+RsJV0Ve6un6A6l36gngOlR3KGMPde2ZbgUnqerjQ/oWZZieYVRpu1HUq1vVuShwhfVcC8ZvAGHVftJlkbamH+oW5D6Nt17niqAbNuOd0HzOBLzlMNmMGWj/5CA7rxJ8AAvlbGVV5vBQwAAAAASUVORK5CYII=) center no-repeat;
    background-size: 10px 20px
}

#ios-bottom-padding {
    height: 52px
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    #ios-bottom-padding {
        height: calc(58px + env(safe-area-inset-bottom))
    }

    .mobile-menu {
        height: calc(var(--mobile-menu-height) + env(safe-area-inset-bottom)) !important;
        padding-bottom: calc(4px + calc(env(safe-area-inset-bottom) - 4px)) !important
    }

    #mobile-menu.mobile-menu-slide--down, #tab-menu.tab-menu-slide--down {
        transition: .2s;
        transform: translateY(calc(1 * calc(var(--mobile-menu-height) + env(safe-area-inset-bottom)))) !important
    }

    #mobile-menu.mobile-menu-slide--up, #tab-menu.tab-menu-slide--up {
        transition: .2s
    }

    [ipx-height='635'] .comment-box--mobile form {
        padding-bottom: calc(4px + calc(env(safe-area-inset-bottom) - 4px) + 8px) !important
    }

    [ipx-height='748'] .comment-box--mobile form:not(.layui-layer~.comment-box--mobile form), [ipx-height='724'] .comment-box--mobile form:not(.layui-layer~.comment-box--mobile form) {
        position: fixed;
        bottom: calc(4px + calc(env(safe-area-inset-bottom) - 4px) + 48px) !important
    }

    [ipx-height='748'] .layui-layer ~ .comment-box--mobile form {
        height: 120px;
        padding-bottom: calc(4px + calc(env(safe-area-inset-bottom) - 4px) + 48px) !important
    }
}

@media screen and (max-width: 950px) {
    #menuh #menuh-0 .layui-nav-item.layui-this::after, #menuh #menuh-1 .layui-nav-item.layui-this::after {
        background-color: #9a0000;
        width: calc(100% - 40px);
        left: 20px
    }
}

#tab-menu:empty {
    display: none !important
}

#mobile-menu.mobile-menu-slide--down, #tab-menu.tab-menu-slide--down {
    transition: .2s;
    transform: translateY(calc(1 * var(--mobile-menu-height)))
}

#mobile-menu.mobile-menu-slide--up, #tab-menu.tab-menu-slide--up {
    transition: .2s
}

.menu-mobile__shortcut {
    background: #fff
}

.menu-mobile__shortcut.edit-mode {
    position: fixed;
    z-index: 999999;
    width: 100vw;
    padding-top: 8px;
    top: 42px;
    border-bottom: 1px solid #eee
}

.layui-layer .menu-mobile__shortcut.edit-mode {
    width: 100%
}

.menu-mobile__shortcut.edit-mode .diy-menu-title:after {
    content: "（长按可拖动排序）";
    font-weight: 400;
    color: #666;
    font-size: 13px
}

@media screen and (min-width: 768px) {
    .menu-mobile__shortcut.edit-mode .diy-menu-title:after {
        content: "（拖动可排序）"
    }
}

.menu-mobile__shortcut + .edit-mode-ph {
    display: none;
    position: relative;
    background: #f6f6f6;
    width: 100vw;
    margin-bottom: 8px
}

.layui-layer .menu-mobile__shortcut + .edit-mode-ph {
    width: 100%
}

.menu-mobile__shortcut.edit-mode + .edit-mode-ph {
    display: block
}

.menu-mobile__shortcut .menu-mobile__shortcut-item-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    min-height: 57px;
    margin-bottom: 8px;
    overflow: hidden
}

.menu-mobile__shortcut .menu-mobile__shortcut-title, .menu-mobile__shortcut-title {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-left: 20px !important;
    font-size: 15px;
    font-weight: 700;
    color: #181818;
    height: 40px;
    line-height: 40px
}

#diy-menu, #diy-menu *, .menu-mobile-shortcut__item, .menu-mobile-shortcut__item .menu-mobile-title, .menu-mobile-shortcut__item span, .menu-mobile__shortcut, .menu-mobile__shortcut *, .mobile-menu-tabs, .mobile-menu-tabs *, table.menu-mobile, table.menu-mobile * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#diy-menu:not(.edit-mode) + .menu-mobile__shortcut {
    display: none
}

#diy-menu.edit-mode + .menu-mobile__shortcut {
    display: block
}

.menu-mobile-shortcut__item, .menu-mobile__shortcut .menu-mobile-shortcut__item {
    flex: 0 0 auto;
    width: 25%;
    text-align: center;
    padding: 12px 0;
    cursor: pointer
}

.menu-mobile-shortcut__item:hover, .menu-mobile__shortcut .menu-mobile-shortcut__item:hover {
    background: #F6F6F6
}

.menu-mobile-shortcut__item.drag {
    z-index: 99999999999
}

.menu-mobile-item.add:after, .menu-mobile-item.minus:after, .menu-mobile-shortcut__item.add:after, .menu-mobile-shortcut__item.minus:after, .menu-mobile__shortcut .menu-mobile-shortcut__item.add:after, .menu-mobile__shortcut .menu-mobile-shortcut__item.minus:after {
    float: right;
    position: absolute;
    width: 16px;
    height: 16px;
    color: #fff;
    border-radius: 50%;
    -webkit-font-smoothing: antialiased;
    transform: translateY(calc(-1 * 58px - 6px)) translateX(24px)
}

.menu-mobile-item.add:after, .menu-mobile-item.minus:after, .menu-mobile__shortcut .menu-mobile-shortcut__item.add:after, .menu-mobile__shortcut .menu-mobile-shortcut__item.minus:after {
    content: "";
    background-size: 16px
}

.menu-mobile-item.add:after, .menu-mobile__shortcut .menu-mobile-shortcut__item.add:after {
    background-image: url(/static/images/plus.png)
}

.menu-mobile-item.minus:after, .menu-mobile__shortcut .menu-mobile-shortcut__item.minus:after {
    background-image: url(/static/images/minus.png)
}

.menu-mobile-shortcut__item .ion, .menu-mobile__shortcut .menu-mobile-shortcut__item .ion {
    color: #9a0000;
    font-size: 30px
}

.mobile-menu-tabs {
    display: flex;
    z-index: 999999999;
    min-height: 40px;
    align-items: center;
    background: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    overflow-y: hidden;
    overflow-x: scroll;
    position: sticky;
    position: -webkit-sticky;
    top: 0
}

.mobile-menu-tabs .mobile-menu-tab {
    flex: 0 0 auto;
    width: 25%;
    height: 100%;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    color: #000;
    font-weight: 700;
    font-size: 14px
}

.mobile-menu-tabs + table.menu-mobile td.menubar {
    border-top: 0 !important
}

#mobile-menu-height-ph {
    display: none
}

.mobile-menu-tabs ~ #mobile-menu-height-ph {
    display: block;
    width: 100vw;
    min-height: 60vh
}

.mobile-menu-tabs .mobile-menu-tab.cur-this {
    border-bottom: 1px solid #9a0000
}

.dataTables_wrapper .table_canvas {
    overflow: auto
}

.horizontal .horizontal-nav {
    display: flex;
    color: var(--hnav-color)
}

.horizontal .horizontal-nav .more .ion {
    transform: rotateZ(90deg);
    transition: transform .2s;
    font-size: 14px
}

.horizontal .horizontal-nav .more.show .ion {
    transform: rotateZ(-90deg)
}

.horizontal .horizontal-nav .hnav-item {
    padding: 8px 1em;
    font-size: 15px;
    white-space: nowrap;
    cursor: pointer
}

.horizontal #hitems-wrapper {
    display: none;
    background: var(--hnav-bg-color) !important;
    position: absolute;
    z-index: 9999;
    border-top: 1px solid #b7b7b7;
    width: 1180px;
    min-height: 360px;
    max-height: 480px;
    padding: 1em calc((100vw - 1180px) / 2)
}

.horizontal #hitems-wrapper.show {
    display: flex;
}

.horizontal #hitems-wrapper .hitems-column {
    padding: .5em 0;
    width: 20%;
    max-height: 40em;
    flex: 0 0 auto;
    border-right: 2px solid grey;
    overflow-y: scroll;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none
}

.horizontal #hitems-wrapper .hitems-column.lv1 {
    font-size: 18px;
    color: #fff
}

.horizontal #hitems-wrapper .hitems-column.lv2, .horizontal #hitems-wrapper .hitems-column.lv3, .horizontal #hitems-wrapper .hitems-column.lv4 {
    font-size: 16px;
    color: #fff
}

.horizontal #hitems-wrapper .hitems-column .hnav-sitem {
    padding: .5em 2em;
    cursor: pointer
}

.horizontal #hitems-wrapper .hitems-column .hnav-sitem .icon, .horizontal #hitems-wrapper .hitems-column .hnav-sitem .title {
    display: inline-block
}

.horizontal #hitems-wrapper .hitems-column.lv2 .hnav-sitem, .horizontal #hitems-wrapper .hitems-column.lv3 .hnav-sitem, .horizontal #hitems-wrapper .hitems-column.lv4 .hnav-sitem {
    display: none
}

.horizontal #hitems-wrapper .hitems-column.lv2 .hnav-sitem.show, .horizontal #hitems-wrapper .hitems-column.lv3 .hnav-sitem.show, .horizontal #hitems-wrapper .hitems-column.lv4 .hnav-sitem.show {
    display: block
}

.horizontal #hitems-wrapper .hitems-column .hnav-sitem.cur {
    color: #f89393
}

.horizontal #hitems-wrapper .hitems-column::-webkit-scrollbar {
    width: 0 !important
}

.horizontal #hitems-wrapper .hnav-sitem:hover {
    background: rgba(0, 0, 0, .33)
}

.nav-usr .sys-nav__logout {
    display: none;
    margin: 0 10px;
    width: calc(100% - 20px);
    border-top: 1px solid grey
}

.nav-usr .sys-nav__logout a {
    padding: 0 10px
}

.horizontal #menu1 > .search-box {
    display: none
}

.clouddisk {
    height: 100%;
    background: #eff4f8;
    border-radius: 5px;
    padding: 10px 10px 10px 0;
    font-size: 14px
}

.clouddisk .disk-scroll {
    height: 100%;
    overflow: auto
}

.clouddisk .disk-side {
    width: 120px;
    float: left;
    height: 100%
}

.clouddisk .disk-body {
    margin-left: 120px;
    background: #fff;
    height: 100%;
    border-radius: 5px;
    position: relative
}

.clouddisk .disk-body .doc-admin {
    position: absolute;
    padding: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    overflow: auto
}

.disk-menu {
    padding: 5px 0
}

.disk-menu .disk-nav .disk-nav-child {
    display: none;
    background-color: rgba(92, 166, 241, .1) !important
}

.disk-menu .disk-nav .disk-nav-itemed > .disk-nav-child, .disk-menu .disk-nav > .disk-nav-item > .disk-nav-child {
    display: block
}

.disk-nav .disk-nav-more {
    content: '';
    width: 0;
    height: 0;
    border-style: solid dashed dashed;
    border-color: #6d6f70 transparent transparent;
    overflow: hidden;
    cursor: pointer;
    transition: all .2s;
    -webkit-transition: all .2s;
    position: absolute;
    top: 50%;
    right: 3px;
    margin-top: -3px;
    border-width: 6px
}

.disk-nav-itemed > a .disk-nav-more {
    margin-top: -9px;
    border-style: dashed dashed solid;
    border-color: transparent transparent #6d6f70
}

.disk-menu .disk-nav-item a:hover, .disk-menu .disk-nav-item.this a {
    background: rgba(105, 113, 125, .1)
}

.disk-menu .disk-nav-item a {
    display: block;
    position: relative;
    height: 45px;
    line-height: 45px;
    padding-left: 35px;
    color: rgba(51, 51, 51, .7)
}

.disk-menu .disk-nav-item.this a {
    color: var(--btn-background-color) !important;
}

.disk-menu .disk-nav-item a .ion {
    position: absolute;
    top: 15px;
    left: 15px
}

.disk-body .disk-container {
    height: 100%
}

.disk-body .disk-container .list-title .item {
    border-bottom: 1px solid #cde7ec;
    height: 35px;
    line-height: 35px
}

.disk-body .disk-container .list-title .item .th {
    margin-left: 60px
}

.disk-body .disk-container .list-table {
    margin: 0;
    height: calc(100% - 36px)
}

.disk-body .disk-container .list-table .item {
    height: 40px;
    line-height: 40px;
    position: relative
}

.disk-body .disk-container .list-table .item:hover {
    background: #ecf4fb
}

.disk-body .disk-container .list-table .item img {
    width: 40px;
    position: absolute;
    left: 10px
}

.disk-body .disk-container .list-table .item .file-name {
    padding-left: 60px
}

.disk-body .disk-container .list-table .item .file-name .text:hover {
    color: #0dabff;
    cursor: pointer
}

.doc-admin .doc-tree .manage, .doc-tree ul {
    display: none
}

.doc-tree i, span.dir i {
    font-size: 20px
}

.doc-tree i, .doc-tree li > .parent, span.dir, span.dir + i {
    cursor: pointer
}

.doc-tree li > i:nth-of-type(n+1):hover, span.dir + i:hover {
    color: #43caea
}

.doc-admin {
    width: 100%;
    user-select: none
}

.doc-side {
    position: absolute;
    width: 160px;
    box-sizing: border-box;
    overflow-x: hidden
}

.doc-body {
    margin-left: 0
}

.doc-side + .doc-body {
    margin-left: 160px;
    padding-left: 10px
}

.btn, .doc-tree li > i, .doc-tree ul, span.dir + i {
    margin-left: 5px
}

.doc-side .doc-scroll {
    width: 600px
}

.doc-tree {
    min-width: 300px;
    min-height: 200px
}

.doc-tree .manage {
    position: fixed;
    right: 25px
}

.doc-tree ul {
    padding-left: 4px !important;
    border-left: 1px solid #dcdcdc
}

.doc-tree > li > ul {
    display: block
}

.doc-tree li {
    line-height: 24px
}

span.eye, span.flag, span.loading, span.tips {
    line-height: 26px
}

.doc-tree li > i {
    padding-right: 5px
}

.doc-tree li.hover > .parent > span {
    background: #cef;
    font-weight: 700
}

.doc-tree li.edit input {
    width: 100px;
    border: 0;
    border-radius: 5px;
    padding: 5px;
    background: #cef
}

.doc-tree li.edit i {
    vertical-align: middle
}

span.dir {
    padding: 3px 5px;
    border-radius: 5px;
    vertical-align: top
}

span.dir i {
    padding-right: 5px
}

.unable {
    color: silver
}

.doc-scrollbar {
    background: #dcdcdc;
    height: 100%;
    width: 10px;
    top: 0;
    right: 0;
    position: absolute;
    overflow-x: hidden
}

.doc-scrollbar-btn {
    width: 100%;
    background: #b7b7b7;
    position: absolute;
    height: 0;
    cursor: default
}

.doc-resize {
    cursor: e-resize
}

.btn, .doc-bar .breadcrumb a, .doc-search-result .table-wrapper .row .cursor-pointer, .file-admin .file-box .info .breadcrumb span {
    cursor: pointer
}

@media screen and (min-width: 768px) {
    .doc-bar .breadcrumb {
        display: inline-block;
        min-width: 5em !important
    }

    .doc-bar .top-btn-group {
        display: block
    }

    .doc-bar .search-keyword.show {
        display: inline-block !important
    }
}

.doc-bar .breadcrumb .back, .file-form table tr td:first-child span {
    display: none
}

.doc-bar .breadcrumb {
    padding: 10px 0;
    min-width: 100%
}

.btn, span.tips {
    padding: 3px 5px
}

.doc-bar .breadcrumb a {
    color: #999 !important
}

.doc-bar .breadcrumb a:hover {
    color: #5FB878 !important
}

.doc-bar .layui-breadcrumb a span {
    color: #999 !important
}

.doc-bar .search-keyword {
    display: none;
    font-size: 14px
}

.file-form .dataTables_wrapper .dataTables_filter {
    position: absolute;
    right: 0;
    top: -50px
}

.file-form .file-table thead tr th:nth-child(2) {
    width: 60% !important
}

.btn {
    border: 1px solid #ccc;
    border-radius: 3px
}

.file-table span.doc {
    max-width: 70%;
    text-overflow: ellipsis;
    display: inline-block;
    overflow-x: hidden
}

span.tips {
    color: #bebebe
}

span.tips i {
    padding-right: 5px;
    font-size: 14px;
    color: #545454
}

span.eye {
    padding: 3px 0 3px 6px
}

span.eye i {
    color: #00f;
    margin-right: 5px
}

span.flag {
    padding: 3px 5px
}

span.flag i {
    font-size: 14px;
    color: #fba74f
}

span.mutetag i {
    font-size: 14px;
    color: #008;
    margin-left: 10px
}

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

@-moz-keyframes rotate {
    from {
        -moz-transform: rotate(0)
    }
    to {
        -moz-transform: rotate(359deg)
    }
}

@-o-keyframes rotate {
    from {
        -o-transform: rotate(0)
    }
    to {
        -o-transform: rotate(359deg)
    }
}

@keyframes rotate {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(359deg)
    }
}

span.loading {
    display: inline-block;
    padding: 0 5px
}

span.loading_ani {
    -webkit-animation: rotate 1628ms linear infinite;
    -moz-animation: rotate 1628ms linear infinite;
    -o-animation: rotate 1628ms linear infinite;
    animation: rotate 1628ms linear infinite
}

.doc-action {
    margin-top: 5px
}

.doc-action > span.layui-btn {
    margin: 0
}

.doc-action span.show-all-btn.layui-btn.layui-btn-primary.layui-btn-small.shown {
    border-right: 0 !important;
    border-left: 1px solid #c9c9c9 !important
}

.doc-action #doc-next, .doc-action #doc-previous {
    display: none
}

.doc-highlight {
    background-color: #ccc !important
}

.doc-admin table.dataTable thead .checkall {
    background-image: none;
    width: 25px
}

.select_file .doc-admin table.dataTable thead .checkall {
    background-image: none;
    width: 35px
}

#doc-archive .folder {
    padding-left: 15px !important
}

#doc-archive div.footer {
    text-align: left !important;
    padding-top: 8px
}

#doc-archive .folder.folder-this {
    background: #5FB878;
    color: #fff
}

#doc-archive .footer .confirm {
    width: 95%;
    margin-left: 2.5%;
    margin-right: 2.5%
}

#doc-archive .show {
    display: block
}

#doc-archive .hide {
    display: none
}

.file-admin .file-box {
    margin: 5px;
    width: calc(50% - 30px);
    float: left;
    background: #fff;
    padding: 10px;
    border-radius: 5px
}

.file-admin .file-box:nth-of-type(odd) {
    clear: left
}

.file-admin .file-box .fileicon {
    width: 50px;
    float: left
}

.file-admin .file-box .fileicon i {
    font-size: 40px
}

.file-admin .file-box .info {
    padding-left: 50px
}

.file-admin .file-box .info .name {
    font-size: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    line-height: 24px
}

.file-admin .file-box .info .breadcrumb {
    color: #999
}

.file-admin .file-box .info .breadcrumb span:hover {
    color: #f48c39
}

.file-admin .file-box .info .line {
    color: #999
}

.file-admin .file-box .info .line .time {
    margin-right: 10px
}

.file-admin .file-box .info img {
    float: right;
    width: 35px;
    height: 35px;
    margin-right: 0
}

.file-admin .laypage {
    clear: both;
    text-align: center
}

@media (max-width: 950px) {
    span.dir, span.tips {
        line-height: 32px
    }

    .doc-admin .doc-side {
        display: none
    }

    .doc-body {
        margin-left: 0 !important;
        padding-left: 0
    }

    .doc-bar .breadcrumb {
        padding-bottom: 0;
        display: none;
        width: auto
    }

    .file-form .dataTables_wrapper .dataTables_filter {
        position: relative;
        top: 0
    }

    .file-form .dataTables_wrapper .dataTables_filter input {
        width: 100%;
        margin-left: 0 !important
    }

    .doc-action {
        text-align: center
    }

    .doc-body table.dataTable thead .action-box, .doc-body table.dataTable thead .action-box.sorting_asc, .doc-body table.dataTable thead .action-box.sorting_desc {
        background: 0 0
    }

    #doc_mobile_btn {
        position: fixed;
        z-index: 99999999;
        background: rgba(51, 51, 51, .6);
        width: 100%;
        min-height: 100%;
        bottom: 49px;
        display: none
    }

    #doc_mobile_btn .layui-btn-group {
        background: #f2f2f2;
        display: block;
        position: absolute;
        width: 100%;
        bottom: 0;
        border-radius: 4px 4px 0 0
    }

    #doc_mobile_btn .layui-btn {
        display: block;
        width: 100%;
        margin-top: 4px;
        background: #f2f2f2;
        color: #333;
        height: 42px;
        border-bottom: 1px solid #ccc
    }

    #doc_mobile_btn .layui-btn :first {
        margin-top: 0 !important
    }

    #doc_mobile_btn .layui-btn-group .layui-btn:first-child {
        margin-top: 0
    }

    #doc_mobile_btn .layui-btn-group .layui-btn:last-child {
        border-bottom: 0;
        margin-bottom: 0 !important
    }

    #doc_mobile_btn .cancel-btn {
        margin-bottom: 4px !important
    }

    .doc-action #doc-next, .doc-action #doc-previous {
        display: inline-block;
        background: #FFF;
        border: 1px solid #C9C9C9;
        color: #555
    }

    .doc-action #doc-next:active, .doc-action #doc-previous:active {
        background: #f2f2f2
    }

    .doc-action #doc-next {
        border-left: 0
    }

    .doc-bar .mobile-action-btn {
        display: inline-block;
        width: auto;
        float: right
    }

    .doc-bar .layui-btn-group {
        float: right;
        padding: 4px 4px 8px;
        display: none
    }

    .doc-bar .mobile-action-btn #mobile-doc-action {
        text-align: center;
        width: 17px;
        height: 20px;
        font-size: 20px;
        margin-right: 2px
    }

    .doc-body .layui-table th.action-box {
        text-align: right
    }

    .more-info, .show-all-btn {
        display: inline-block !important
    }

    .doc-body .action-btn-box {
        display: none
    }

    .doc-body .layui-btn-small i {
        font-size: 12px !important
    }

    .doc-body .layui-table tbody tr td:last-child .btn {
        display: inline-block;
        text-align: center;
        width: 15px
    }

    .doc-body .layui-table tbody tr td:last-child {
        text-align: center
    }

    .doc-bar {
        padding: 0
    }

    .doc-body .layui-table:not([no-even]) tr:nth-of-type(even) {
        background: #FFF
    }

    .doc-body .dataTables_wrapper .dataTables_filter {
        padding: 10px 10px 0
    }

    .doc-body .file-table thead tr th:nth-child(2) {
        width: 100% !important
    }

    .doc-body .dataTables_wrapper, .doc-body .layui-table {
        padding: 0 !important
    }

    .doc-body tbody tr td:first-child:not(.dataTables_empty), .doc-body thead tr th:first-child {
        padding: 10px !important;
        display: none
    }

    .select_file .doc-body tbody tr td:first-child:not(.dataTables_empty), .select_file .doc-body thead tr th:first-child {
        padding: 10px !important;
        display: block
    }

    .select_file .layui-table thead .sorting:not([class='checkall sorting_disabled']) {
        display: none
    }

    .doc-body .layui-table tr {
        border-bottom: 1px solid #CCC
    }

    .doc-body .layui-table tr td {
        padding: 5px !important;
        max-width: 250px
    }

    .select_file .doc-body .layui-table tr td {
        padding: 5px 0 !important;
        max-width: 250px
    }

    .doc-body table.dataTable thead tr th {
        padding: 10px !important
    }

    .doc-body .layui-table tr .ion-android-folder {
        font-size: 32px;
        vertical-align: middle;
        margin-right: 5px;
        color: #8bafe3
    }

    span.dir i {
        font-size: 32px;
        margin-right: 5px
    }

    span.tips {
        float: right
    }

    .dataTables_wrapper .dataTables_info {
        padding: 10px
    }
}

.doc-search-input {
    display: inline-block;
    width: 15em;
    float: right;
    position: relative
}

.doc-search-input input {
    padding-left: 35px
}

input.doc-search-input + input {
    display: none
}

.doc-search-result {
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s;
    width: calc(100% - 20px);
    min-height: 50vh;
    background: #fff;
    position: absolute;
    float: right;
    z-index: 999
}

.doc-search-result.show {
    opacity: 1;
    pointer-events: initial
}

.doc-search-result .doc-search-loading {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-100%);
    width: 100%
}

.doc-search-result.show.searching .doc-search-loading {
    display: block
}

.doc-search-result .table-wrapper .header, .doc-search-result .table-wrapper .row {
    display: flex;
}

.doc-search-result .table-wrapper .td, .doc-search-result .table-wrapper .th {
    flex: 1;
    min-height: 31px;
    height: 31px;
    line-height: 31px;
    font-size: 14px;
    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.doc-search-result .table-wrapper .td:last-child, .doc-search-result .table-wrapper .th:last-child {
    border-right: 1px solid #e6e6e6
}

.doc-search-result .table-wrapper .th {
    padding: 10px 18px;
    font-weight: 700;
    min-height: 28px;
    line-height: 28px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #c77;
    background-color: #f2f2f2
}

.doc-search-result .table-wrapper .body {
    display: flex;
    flex-direction: column
}

.doc-search-result .table-wrapper .row .td {
    padding: 8px 10px;
    background: #fff
}

.doc-search-result .table-wrapper .row .td.empty {
    text-align: center
}

.doc-search-result .table-wrapper .row:nth-child(even) .td {
    background: #f6f6f6 !important
}

.doc-search-result .table-wrapper .row .td .res-icon {
    padding-right: 5px;
    font-size: 20px;
    position: relative;
    top: 2px
}

@media screen and (max-width: 950px) {
    .doc-bar + .doc-search-result + form .dataTables_filter, .doc-search-result .doc-search-result__author, .doc-search-result .doc-search-result__path, .doc-search-result .doc-search-result__size, .doc-search-result .doc-search-result__utime, .doc-search-result .dsr-item__author, .doc-search-result .dsr-item__path, .doc-search-result .dsr-item__size, .doc-search-result .dsr-item__utime {
        display: none
    }

    .doc-search-input {
        width: calc(100% - 2em);
        margin: 0 1em .5em
    }

    .doc-search-input input {
        width: 100%
    }

    .doc-search-result .table-wrapper .th {
        min-height: 20px !important;
        height: 20px;
        line-height: 20px
    }

    .doc-search-result {
        margin-top: 45px;
        width: 100%;
        height: calc(100vh - 128px) !important
    }

    .doc-search-result .table-wrapper .body {
        height: calc(100vh - 200px) !important;
        overflow: scroll
    }

    [platform-ios=

1] .doc-search-result .table-wrapper .body {
       height: calc(100vh - 220px) !important
   }

    form table.file-table.dataTable.show-search-result {
        height: 1px
    }

    .doc-search-result .table-wrapper .row {
        display: block !important
    }
}

.file-table td .dir {
    display: inline-flex;
    align-items: center;
    flex-direction: row
}

.file-table [doc] i[class^=ion] {
    width: 28px;
    height: 28px;
    font-size: 28px
}

.file-table .dir ~ .flag, .file-table .dir ~ .loading, .file-table .dir ~ a {
    display: inline-block;
    margin-top: 2px
}

.file-table [doc=jpeg] > i[class^=ion]:before, .file-table [doc=zip] > i[class^=ion]:before, .file-table [doc=rar] > i[class^=ion]:before, .file-table [doc=ppt] > i[class^=ion]:before, .file-table [doc=pdf] > i[class^=ion]:before, .file-table [doc=doc] > i[class^=ion]:before, .file-table [doc=docx] > i[class^=ion]:before, .file-table [doc=xls] > i[class^=ion]:before, .file-table [doc=xlsx] > i[class^=ion]:before, .file-table [doc=png] > i[class^=ion]:before, .file-table [doc=jpg] > i[class^=ion]:before, .file-table i[class=ion-android-list]:before {
    content: '';
    width: 28px;
    height: 28px;
    background-size: 28px;
    background-repeat: no-repeat;
    background-position: center
}

.file-table i[class=ion-android-list]:before {
    background-image: url(/static/images/file-type/file.png)
}

.file-table [doc=pdf] > i[class^=ion]:before {
    background-image: url(/static/images/file-type/pdf.png)
}

.file-table [doc=ppt] > i[class^=ion]:before {
    background-image: url(/static/images/file-type/ppt.png)
}

.file-table [doc=doc] > i[class^=ion]:before, .file-table [doc=docx] > i[class^=ion]:before {
    background-image: url(/static/images/file-type/doc.png)
}

.file-table [doc=xls] > i[class^=ion]:before, .file-table [doc=xlsx] > i[class^=ion]:before {
    background-image: url(/static/images/file-type/xls.png)
}

.file-table [doc=zip] > i[class^=ion]:before, .file-table [doc=rar] > i[class^=ion]:before {
    background-image: url(/static/images/file-type/zip.png)
}

.file-table [doc=jpeg] > i[class^=ion]:before, .file-table [doc=png] > i[class^=ion]:before, .file-table [doc=jpg] > i[class^=ion]:before {
    background-image: url(/static/images/file-type/image.png)
}

.msg_control .hidden {
    display: none
}

.msg_control .ion {
    font-size: 22px;
    vertical-align: middle
}

.msg_control .checkall-wrap {
    width: 38px
}

.msg_control .checkall-wrap .layui-form-checkbox {
    position: absolute;
    top: 6px;
    left: 10px
}

.msg_control .msg-btn-readall {
    margin-left: 5px !important
}

.msg_panel .nav_view {
    min-height: 347px;
    background: #fff;
    margin-top: 18px
}

.msg_panel img {
    max-width: 200px
}

.msg_panel .list .end, .msg_panel .list .loading {
    display: none;
    background: #f6f6f6
}

.msg_panel .list .more {
    cursor: pointer;
    background: #f6f6f6
}

.msg-badge-wrap {
    display: inline-block;
    padding: 5px 5px 0
}

.msg-badge-wrap-home {
    display: inline-block;
    padding: 7px 5px 0
}

.list .view_content .item {
    border-bottom: 1px solid #e2e2e2;
    padding: 5px;
    position: relative;
    color: #888
}

.list .view_content .unread .content {
    font-weight: 600
}

.list .view_content .item:hover, .list .view_content .item:hover .item-actions {
    background: #f2f2f2
}

.list .view_content .item:last-child {
    border-bottom: none
}

.list .view_content .item .layui-badge {
    background: #ccc;
    border-radius: 7px;
    padding: 0 5px;
    min-width: auto
}

.list .view_content .item .layui-mini-badge {
    height: 8px;
    width: 8px;
    padding: 0
}

.list .view_content .unread .msg-badge-wrap .layui-badge {
    background-color: #FF5722 !important;
}

.list .view_content .isread .msg-badge-wrap .layui-badge{
    background-color: #ccc!important;
}

.list .view_content .item .nodata {
    text-align: center;
    color: #888
}

.list .view_content .item .ext {
    font-size: 13px;
    text-align: right
}

.list .view_content .item .ext .date {
    color: #AAA;
    margin-top: 3px;
    font-size: 12px
}

.list .view_content .item .item-actions {
    position: absolute;
    top: 10px;
    right: 0;
    background: #fff;
    display: none;
    padding: 0 10px
}

.list .view_content .item:hover .item-actions {
    display: block
}

.item-actions .layui-btn + .layui-btn {
    margin-left: 0
}

.item-actions .msg-item-read {
    display: none
}

.unread .item-actions .msg-item-read {
    display: inline-block
}

.unread .item-actions .msg-item-unread {
    display: none
}

.list .view_content .item .cont {
    padding: 5px 10px 5px 50px
}

.list .view_content .msg-ctrl {
    position: absolute;
    width: 40px;
    top: 4px;
    left: 10px;
    white-space: nowrap
}

.list .view_content .item .cont .content {
    font-size: 14px;
    color: #333;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    cursor: pointer
}

.list .view_content .item .msg-usr {
    font-size: 14px;
    color: #333
}

.list .view_content .item .checkbox {
    position: absolute;
    display: block;
    top: 20px
}

.topmsgbg {
    background: #fffdf5
}

.topmsgbg .sticky {
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-top: 12px solid #ffda41;
    border-right: 12px solid transparent
}

.widget .list .view_content .item .cont {
    padding: 0 70px 0 20px
}

.widget .list .view_content .item .cont .layui-row {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 30px
}

.widget .list .view_content .msg-ctrl {
    left: 0;
    width: 20
}

.widget .layui-form-checkbox {
    display: none
}

.widget .list .view_content .item .ext {
    position: absolute;
    top: 5px;
    right: 10px
}

.widget .list .view_content .item .item-actions {
    top: 5px
}

.list .view_content .item .line1 {
    margin-top: 5px;
    margin-bottom: 5px
}

.list .view_content .item .line2 {
    margin-bottom: 5px
}

.list .view_content .item .content {
    display: inline-block
}

.list .view_content .item .doc-file-icon {
    font-size: 20px;
    display: inline-block;
    color: #555;
    margin-left: 2px
}

.list .view_content .item .doc-ext {
    font-size: 13px;
    text-align: left;
    line-height: 20px;
    float: right;
    margin-right: 5px
}

.list .view_content .item .doc-file {
    font-weight: 400;
    margin-top: 8px;
    margin-left: -5px
}

.list .view_content .item .doc-file-name {
    vertical-align: middle;
    display: inline-block;
    width: 10rem
}

.doc-name, .doc-name-m {
    line-height: 22px;
    display: inline-block;
    vertical-align: text-bottom;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis
}

.doc-name {
    top: 2px;
    height: 22px;
    width: 100%
}

.list .view_content .item .doc-file-size {
    font-size: 14px;
    position: relative;
    bottom: 0;
    color: gray
}

.list .view_content .item img.fileicon {
    width: 46px;
    height: 48px
}

.list .view_content .item img.fileicon-m {
    width: 36px;
    height: 36px
}

.doc-name-m {
    top: 11px;
    left: 7px;
    height: 22px;
    width: 100%
}

.list .view_content .item .doc-file-size-m {
    font-size: 13px;
    color: gray;
    position: relative;
    bottom: 9px;
    text-align: right
}

@media (max-width: 480px) {

    .z-view .z-table td.z-label{
        background-color: transparent !important;
    }

    .list .view_content .item .cont {
        padding-right: 80px
    }

    .list .view_content .item .cont .content {
        /*white-space: normal*/
        white-space: nowrap;
        float: initial;
        height: 20px;
    }

    .msg_control {
        text-align: left
    }

    .msg_control button span {
        display: none
    }

    .list .view_content .item .ext {
        /*position: absolute;*/
        /*top: 10px;*/
        /*right: 10px*/
        position: initial;
        text-align: left;
        text-indent: 5px;
    }
    .list .view_content .item .ext p.date{
        margin-top: 0;
    }
    .layui-form-checkbox[lay-skin=primary] {
        float: none
    }
}

.ajax_block #msg-list-wrapper {
    margin-top: 0
}

.elem-new.msg-wrapper .msg-action-group {
    display: flex;
    position: fixed;
    height: 70px;
    width: 100%;
    top: calc(var(--menuh-height) + 8px);
    background: var(--elem-white);
    z-index: 9999999
}

.elem-new.msg-wrapper .msg-action-group .msg-action__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex: 1
}

.elem-new.msg-wrapper .msg-action-group .msg-action__btn .msg-action-btn__icon {
    color: var(--pepm-red);
    font-size: 20px
}

.elem-new.msg-wrapper .msg-action-group .msg-action__btn.disabled .msg-action-btn__icon, .elem-new.msg-wrapper .msg-action-group .msg-action__btn.disabled .msg-action-btn__text {
    color: var(--disabled-color)
}

.elem-new.msg-wrapper .msg-action-group .msg-action__btn .msg-action-btn__text {
    color: var(--pepm-text-color);
    font-weight: 700;
    font-size: var(--pepm-secondary-font-size)
}

#toolbar ~ .layout #canvas .ajax_block #msg-list-wrapper, #toolbar ~ .layout #canvas .elem-new.msg-wrapper .msg-list-wrapper {
    margin-top: 0 !important
}

.elem-new.msg-wrapper .msg-list-wrapper {
    height: 100%;
    width: calc(100% - 16px);
    border-radius: 5px;
    margin-left: 8px;
    margin-right: 8px;
    background: var(--elem-white)
}

.elem-new.msg-wrapper .msg-list-wrapper .msg-item__detail, .elem-new.msg-wrapper .msg-list-wrapper .msg-item__radio {
    transition: .2s
}

.elem-new.msg-wrapper .msg-list-wrapper .msg-list__search {
    height: 40px;
    border-bottom: 1px solid var(--border-color)
}

.elem-new.msg-wrapper .msg-list-wrapper .msg-list__search:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.elem-new.msg-wrapper .msg-list-wrapper .msg-list__search .msg-search__icon {
    display: inline-block;
    height: 40px;
    width: 100%
}

.elem-new.msg-wrapper .msg-list-wrapper .msg-list__search .msg-search__icon:before {
    content: "";
    background: url(/static/images/new/search.png) center center no-repeat;
    -webkit-background-size: 25px 25px;
    background-size: var(--primary-font-size);
    float: left;
    position: absolute;
    line-height: 40px;
    height: 40px;
    width: 50px
}

.elem-new.msg-wrapper .msg-list-wrapper .msg-list__search .msg-search__input {
    height: 40px;
    width: calc(100% - 50px);
    padding-left: 50px;
    font-size: var(--primary-font-size);
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.elem-new.msg-wrapper .msg-list .msg-list__search .msg-search__input::-webkit-input-placeholder {
    line-height: 1em
}

.elem-new.msg-wrapper .msg-list .msg-item {
    box-sizing: border-box;
    border-bottom: 1px solid var(--border-color);
    min-height: 80px;
    padding-top: 8px
}

.elem-new.msg-wrapper .msg-list .msg-item[data-is-doc="1"] .msg-item__radio {
    height: auto;
    top: 12px
}

.elem-new.msg-wrapper .msg-list .msg-item .msg-item__radio {
    float: left;
    transform: translateX(calc(50px / 2 - 18px / 2));
    position: relative;
    top: 4px;
    width: 50px
}

.elem-new.msg-wrapper:not(.edit-mode) .msg-list .msg-item .msg-item__radio {
    transform: translateX(calc(-25px - 8px))
}

.elem-new.msg-wrapper .msg-list .msg-item .msg-item__radio .check-radio {
    position: absolute;
    top: calc((24px + 16px + 3em - 9px) / 4 - 2px);
    width: 18px;
    height: 18px;
    border: 2px solid var(--control-border-color);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.elem-new.msg-wrapper .msg-list .msg-item[data-is-doc="1"] .msg-item__radio .check-radio {
    top: calc((24px + 16px + 4.5em) / 4)
}

.elem-new.msg-wrapper .msg-list .msg-item.selected .msg-item__radio .check-radio {
    background: url(/static/images/new/radio-checked.png);
    background-size: 22px;
    border-width: 0;
    width: 22px;
    height: 22px
}

.elem-new.msg-wrapper .msg-list .msg-item .msg-item__detail {
    position: relative;
    transform: translateX(50px);
    padding: 0 17px 8px 0;
    width: calc(100% - 50px - 17px);
    display: flex;
    flex-direction: column
}

.elem-new.msg-wrapper:not(.edit-mode) .msg-list .msg-item .msg-item__detail {
    transform: translateX(18px);
    width: calc(100% - 17px * 2)
}

.elem-new.msg-wrapper .msg-list .msg-item .msg-item__detail:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.elem-new.msg-wrapper .msg-list .msg-item .msg-item__detail .msg-detail__top {
    display: flex;
    justify-content: space-between;
    flex: 1;
    height: 24px;
    line-height: 24px
}

.elem-new.msg-wrapper .msg-list .msg-item .msg-item__detail .msg-detail__top .msg-detail__bnw {
    flex: 1
}

.elem-new.msg-wrapper .msg-list .msg-item .msg-item__detail .msg-detail__top .msg-detail__badge {
    width: 8px;
    height: 8px;
    background: #ff002a;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    top: calc(24px / 2 - 8px / 2);
    float: left
}

.elem-new.msg-wrapper .msg-list .msg-item[data-is-read="1"] .msg-item__detail .msg-detail__top .msg-detail__badge {
    display: none
}

.elem-new.msg-wrapper .msg-list .msg-item .msg-item__detail .msg-detail__top .msg-detail__name {
    font-size: 16px;
    font-weight: 700;
    color: var(--pepm-text-color);
    margin-left: 12px;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
    text-overflow: ellipsis;
    width: 10em;
    overflow: hidden;
    word-break: keep-all
}

.elem-new.msg-wrapper .msg-list .msg-item[data-is-read="1"] .msg-item__detail .msg-detail__top .msg-detail__name {
    margin-left: 0
}

.elem-new.msg-wrapper .msg-list .msg-item .msg-detail__time {
    font-size: 14px;
    color: var(--placeholder-color);
    position: absolute;
    right: 17px
}

.elem-new.msg-wrapper .msg-list .msg-item .msg-item__detail .msg-detail__bottom {
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    padding-right: 3px
}

.elem-new.msg-wrapper .msg-list .msg-item[data-is-doc="1"] .msg-item__detail .msg-detail__bottom {
    min-height: 4.5em
}

.elem-new.msg-wrapper .msg-list .msg-item .msg-item__detail .msg-detail__bottom .doc-file {
    height: 2.7em;
    margin-top: .3em;
    display: flex;
}

.elem-new.msg-wrapper .msg-list .msg-item .msg-item__detail .msg-detail__bottom .doc-file .doc-file-img-wrapper {
    display: inline-block;
    height: 100%
}

.elem-new.msg-wrapper .msg-list .msg-item .msg-item__detail .msg-detail__bottom .doc-file .doc-file-img-wrapper img {
    height: 100%
}

.elem-new.msg-wrapper .msg-list .msg-item .msg-item__detail .msg-detail__bottom .doc-file .doc-ns-wrapper {
    display: inline-flex;
    flex-direction: column;
    height: 3em;
    line-height: 1.4em
}

.elem-new .msg-list.msg-widget .msg-item:nth-child(10) ~ .msg-item, .elem-new .msg-list.msg-widget .msg-item__radio, .elem-new.msg-wrapper.widget .no-message + div, .elem-new.msg-wrapper.widget + div {
    display: none
}

.elem-new .msg-list.msg-widget .msg-item__detail {
    left: 0 !important;
    padding: 8px !important;
    width: calc(100% - 16px) !important;
    transform: translateX(0) !important
}

.elem-new.msg-wrapper.widget .no-message {
    background: #fff !important
}

.elem-new.msg-wrapper.widget .msg-list-wrapper .msg-item__detail, .elem-new.msg-wrapper.widget .msg-list-wrapper .msg-item__radio {
    transition: 0s !important
}

code[class*=language-], pre[class*=language-] {
    color: #000;
    background: 0 0;
    text-shadow: 0 1px #fff;
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

code[class*=language-] ::-moz-selection, code[class*=language-]::-moz-selection, pre[class*=language-] ::-moz-selection, pre[class*=language-]::-moz-selection {
    text-shadow: none;
    background: #b3d4fc
}

code[class*=language-] ::selection, code[class*=language-]::selection, pre[class*=language-] ::selection, pre[class*=language-]::selection {
    text-shadow: none;
    background: #b3d4fc
}

@media print {
    code[class*=language-], pre[class*=language-] {
        text-shadow: none
    }
}

pre[class*=language-] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto
}

:not(pre) > code[class*=language-], pre[class*=language-] {
    background: #f5f2f0
}

:not(pre) > code[class*=language-] {
    padding: .1em;
    border-radius: .3em;
    white-space: pre-wrap
}

.token.cdata, .token.comment, .token.doctype, .token.prolog {
    color: #708090
}

.token.punctuation {
    color: #999
}

.namespace {
    opacity: .7
}

.token.boolean, .token.constant, .token.deleted, .token.number, .token.property, .token.symbol, .token.tag {
    color: #905
}

.token.attr-name, .token.builtin, .token.char, .token.inserted, .token.selector, .token.string {
    color: #690
}

.language-css .token.string, .style .token.string, .token.entity, .token.operator, .token.url {
    color: #a67f59;
    background: hsla(0, 0%, 100%, .5)
}

.token.atrule, .token.attr-value, .token.keyword {
    color: #07a
}

.token.function {
    color: #DD4A68
}

.token.important, .token.regex, .token.variable {
    color: #e90
}

.token.bold, .token.important {
    font-weight: 700
}

.token.italic {
    font-style: italic
}

.token.entity {
    cursor: help
}

.action_btn, .add-task, .task-list .select-pop, .task-statistics {
    float: right
}

.task-list .select-pop {
    width: 5.5em;
    height: 48px
}

.task-people-board .block {
    width: 24%;
    margin-bottom: 20px
}

.task-people-board .block[data-dismissed] {
    display: none
}

.tasks .task-list {
    height: 440px;
    overflow: auto
}

h4 {
    height: 20px
}

.task-doing {
    background: #87ceeb
}

.task-done {
    background: #369
}

.task-close {
    background: #333
}

.task-holding {
    background: #888
}

.nothing-notice {
    position: absolute;
    top: 40%;
    left: 40%
}

.notice-box {
    position: relative
}

.act {
    background: #e0e9f0;
    padding: 2px 4px;
    border-radius: 5px
}

.block ul {
    padding: 0;
    /* background: #FFF */
}

.task-list li {
    display: block;
    list-style: none;
    line-height: 24px;
    padding: 5px 10px;
    border-top: 1px solid #EEE
}

.task-list li .layui-badge {
    cursor: pointer;
    float: right
}

.task-list li:hover {
    background: #EEE;
    clear: both
}

.block h5 {
    margin: 5px 0 5px 10px;
    color: #009688;
    border-left: solid 5px #009688;
    padding-left: 10px
}

@media screen and (max-width: 1441px) {
    .task-people-board .block {
        width: 33.333333333%
    }

    .task-action-btn-group {
        margin-bottom: 8px
    }
}

@media screen and (max-width: 1250px) {
    .task-people-board .block {
        width: 48%;
        margin-bottom: 10px;
        margin-right: 5px
    }

    .task-action-btn-group {
        margin-bottom: 8px
    }
}

@media screen and (max-width: 950px) {
    .task-widget-li .task-li-top .select-pop-name, .tasks h4 a {
        font-size: var(--pepm-normal-font-size)
    }

    .task-people-board .block {
        width: 100%;
        margin-bottom: 10px
    }

    .task-list {
        height: 100%
    }

    .nothing-notice {
        position: static;
        text-align: center;
        padding: 10px;
        display: block
    }

    .task-action-btn-group {
        margin: 8px
    }

    .tasks h4 a {
        color: var(--pepm-text-color);
        font-weight: 700
    }

    .task-list .task-widget-li {
        display: flex;
        flex-direction: column-reverse
    }

    .task-widget-li .task-li-top .select-pop {
        position: relative;
        width: 5em;
        text-align: right
    }

    .task-widget-li .task-li-top .select-pop .layui-icon {
        position: relative;
        top: 2px
    }

    .task-widget-li .task-li-top a {
        font-size: var(--pepm-secondary-font-size);
        color: var(--pepm-secondary-text-color)
    }

    .task-widget-li .task-li-top + div span.task-deadline, .task-widget-li .task-li-top + div span.task-doer {
        font-size: var(--pepm-secondary-font-size);
        color: var(--pepm-text-color);
        font-weight: 700
    }

    .task-statistics {
        position: relative;
        bottom: 2px
    }

    .task-statistics .layui-badge {
        margin-left: 10px;
        font-size: 9px
    }

    .task-mb-detail {
        float: left;
        width: calc(100% - 5.5em)
    }
}

.col-2 h5.control span, .layui-row.bireport.showindex .col-2 {
    display: none
}

.layui-container-chart {
    width: 100%
}

.layui-container {
    margin-top: 10px
}

.layui-row.bireport {
    width: 100%
}

.col-2 {
    padding: 10px;
    box-sizing: border-box;
    margin-left: 10px;
    height: 0
}

.col-2 h5.control {
    margin-bottom: 5px;
    padding-bottom: 5px;
    font-size: 1.6em;
    border-bottom: dotted 1px #ccc
}

.layui-input.report_name {
    width: 100%;
    display: inline-block
}

.layui-row.bireport .col-1 {
    width: 100%;
    float: left
}

.layui-row.bireport .col-2 {
    width: 0;
    float: right
}

.layui-row.bireport.edit .col-1 {
    width: 66.66%
}

.layui-row.bireport.edit .col-2 {
    width: 33.33%;
    width: calc(33.33% - 10px);
    border: 1px solid #e9e9e9;
    height: auto
}

.charts_dom, .charts_title, .com-margin.comment .layui-btn-group, .list1 .row, .list1 .row ul li {
    width: 100%
}

.layui-row.bireport .col-2 .edit-button {
    position: absolute;
    top: -40px;
    right: 16px
}

.layui-row.bireport .col-2 .save-button, .layui-row.bireport.edit .col-2 .control .edit-button {
    display: none
}

.layui-row.bireport.edit .col-2 .control .save-button {
    position: absolute;
    top: -40px;
    right: 16px;
    display: block
}

.layui-row.bireport.edit .col-2 .control span {
    display: inline
}

.col-2 .com-margin {
    margin-bottom: 5px;
    clear: left
}

.col-2 .com-margin label {
    font-size: 1.2em;
    display: block;
    margin-bottom: 5px
}

.layui-row.bireport .col-2 .com-margin {
    display: none
}

.layui-row.bireport.edit .col-2 .com-margin {
    display: block
}

.list1 {
    min-height: 600px;
    padding: 10px;
    background: #fff
}

.layui-row.bireport.edit .list1 {
    max-height: 800px;
    overflow: scroll
}

.dashboard .list1 {
    min-height: auto;
    margin-bottom: 10px
}

.list1 .row {
    display: inline-flex
}

.list1 .row ul {
    min-height: 200px;
    float: none;
    margin: 2px
}

.layui-row.bireport.edit .list1 .row ul {
    border: 1px dotted #ccc
}

.list1 .row ul li > div {
    margin: 10px
}

.list1 .placeHolder {
    visibility: hidden
}

.list2 {
    min-height: 50px;
    margin-bottom: 0 !important;
    border-top: dotted 1px #ccc;
    padding-top: 5px
}

.list2 .placeHolder .charts_title {
    font-size: inherit;
    position: relative;
    margin-top: 0
}

.layui-btn.layui-btn-primary.list_del .placeHolder, .list2 .placeHolder .charts_dom {
    display: none
}

.charts_title {
    text-align: center;
    font-size: 1.4em;
    position: absolute;
    margin-top: 10px;
    z-index: 99999
}

.chart_canvas_table .charts_title {
    position: relative
}

.charts_dom {
    margin: 0 auto;
    height: 400px
}

.com-margin.comment + .com-margin .layui-btn-group {
    width: 100%;
    display: inline-flex
}

.com-margin.comment button {
    width: 33.33%;
    min-width: 66px
}

.com-margin.comment + .com-margin button:nth-of-type(1) {
    width: 33.33%;
    min-width: 82px
}

.com-margin.comment + .com-margin button:nth-of-type(2) {
    width: 66.66%;
    min-width: 50px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.list2 li {
    float: left;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    margin-right: 5px;
    width: 100%;
    margin-bottom: 10px
}

.list2 div {
    width: 100%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.row .edit-box {
    display: none;
    width: 10px
}

.layui-row.bireport.edit .row .edit-box {
    display: block
}

.row .edit-box .edit-box-select {
    float: left;
    margin-left: 2px
}

.calendar {
    border-collapse: separate;
    border-spacing: 3px;
    width: 100%
}

.calendar td.no {
    background: #eee
}

.calendar .pink, .calendar td {
    background-color: #fff
}

.calendar td {
    padding: 0;
    width: 14%;
    overflow: hidden;
    word-break: break-all;
    border: 1px solid #eee;
    /* height: 140px; */
    font-size: 13px;
    cursor: pointer;
    vertical-align: top
}

.calendar .bk {
    font: 700 28px arial;
    color: #ddd;
    padding: 5px
}

.calendar .data {
    background-color: #f6f6f6;
    width: 100%;
    padding: 2px;
    margin-top: 2px;
    overflow: hidden;
    max-height: 20px
}

.calendar a {
    color: #666
}

.calendar .me {
    height: 30px
}

.calendar th {
    width: 14%;
    height: 20px;
    background: #f2f2f2
}

.calendar-wrap .sidebar {
    position: absolute;
    right: 0;
    top: 0;
    margin: 3px;
    padding: 10px 5px;
    display: none;
    border: 1px solid #ccc
}

.b-header .next-week.abled, .b-header .prev-week.abled, .b-header .this-week.abled {
    opacity: .5
}

.calendar-mine {
    display: table;
    width: 50%;
    float: left;
    border-spacing: 0
}

.calendar-mine table {
    width: 100%;
    border-collapse: separate
}

.calendar-mine table td, .calendar-mine table th {
    height: 40px;
    vertical-align: middle;
    text-align: center
}

.calendar-mine table td {
    padding: 5px 0
}

.calendar-mine table td.no {
    background: #f8f8f8
}

.calendar-mine table .day.schedule {
    background-color: #faffbd
}

.calendar-mine table .day.schedule.hide_schedule {
    background-color: #FFF
}

.calendar-mine table .day[selected=selected] {
    border-color: #4AC1AC;
    background-color: #FFF
}

.calendar-mine table .bk {
    font-size: 13px;
    color: #999;
    text-align: center
}

.add-calendar, .calendar-mine .day .event-item.data {
    display: none
}

.news_tab {
    width: 99%
}

.news_tab ul li.on {
    border-bottom: 4px solid #FBA74F
}

.calendar_list .footer .list {
    text-align: center;
    overflow: auto;
    margin-top: 3px
}

.calendar_list .footer .list .event-item.data {
    width: auto;
    height: 3px;
    margin-top: 5px;
    padding: 10px 0 36px 20px;
    font: 200 13px arial;
    background-color: #fff;
    border-left: 2px solid #FBA74F;
    box-shadow: 0 2px 3px 0 #ccc
}

.add-calendar, .cal-add {
    cursor: pointer;
    padding: 5px;
    border-radius: 9999px
}

.add-calendar.add-calendar--month {
    position: fixed;
    bottom: var(--menuh-height)
}

.calendar_add {
    background-color: #fff
}

@media screen and (max-width: 991px) {
    .calendar, .calendar .footer, .news_tab {
        width: 100%
    }

    .calendar_add {
        display: none
    }

    .add-calendar {
        display: block
    }
}

.calendar-mine-hd {
    margin: 0;
    border-spacing: 0
}

.calendar-mine-hd .today {
    border-color: #ff9800
}

.calendar-mine-hd table {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.calendar-mine-hd .layui-table {
    margin: 0
}

.calendar-mine-hd td {
    height: 100px
}

.calendar-mine-hd table td {
    padding: 5px 0
}

.calendar-mine-hd table td.no {
    background: #f8f8f8
}

.calendar-mine-hd table .day.schedule {
    background-color: #FFF8DC
}

.calendar-mine-hd table .day[selected=selected] {
    border-color: #4AC1AC
}

.calendar-mine-hd table .bk {
    font-size: 13px;
    color: #999;
    text-align: center
}

.calendar-mine-hd .bool_all_day, .calendar_list .time {
    display: none
}

.news_tab {
    float: right;
    box-shadow: 0 1px 3px 0 #A9A9A9;
    height: 40px
}

.news_tab ul li {
    box-sizing: border-box;
    float: left;
    width: 50%;
    text-align: center;
    font-size: 15px;
    color: #666;
    cursor: pointer;
    height: 40px;
    line-height: 2.5em
}

.news_tab ul li.on {
    color: #FBA74F
}

.calendar_list .footer {
    width: 99%;
    float: right
}

.calendar-mine-hd .list {
    text-align: center;
    height: 100%;
    overflow: auto
}

.list .event-item.data {
    width: auto;
    height: 3px;
    margin-top: 5px;
    padding: 10px 0 36px 20px;
    font: 200 13px arial;
    background-color: #fff;
    border-left: 2px solid #FBA74F;
    box-shadow: 0 2px 3px 0 #ccc
}

.bool_all_day div, .event-item.data .title {
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.event-item.data .title {
    text-align: left
}

.add-calendar, .heads, .month {
    text-align: center
}

.heads {
    width: 30px;
    border-radius: 50%
}

.calendar-mine-hd .add-calendar, .calendar-mine-hd .cal-add {
    display: inline-block;
    line-height: 10px;
    background: #fba74f;
    padding: 8px;
    border-radius: 50%;
    color: #fff;
    margin-right: 10px;
    cursor: pointer
}

.calendar_add {
    width: auto;
    height: 3px;
    margin-top: 5px;
    padding: 10px 0 36px;
    font: 200 13px arial
}

.month {
    width: 100%;
    height: 40px;
    line-height: 40px
}

.month .page {
    cursor: pointer
}

.add-calendar {
    float: right;
    width: 60px;
    height: 60px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    background-color: #4BC1AD;
    border-radius: 50%;
    cursor: pointer
}

.add-calendar .ion-plus {
    line-height: 60px;
    color: #fff
}

@media screen and (max-width: 991px) {
    .calendar {
        width: calc(100% - 3px)
    }

    .footer, .news_tab {
        width: 100%
    }

    .calendar_add {
        display: none
    }

    .add-calendar {
        display: block
    }
}

@media screen and (max-width: 1600px) {
    .list .event-item .content {
        display: inline
    }
}

#comment-box-options-card {
    margin-top: 30px;
    height: 95%;
    border: none;
    box-shadow: none;
    position: relative;
    margin-left: 20px;
    background: #fff;
    right: 10px
}

#comment-box-options-card .options-card ul li {
    padding: 7px;
    margin: 0 0 1px
}

#comment-box-options-card .options-card .notify_to ul.resoult {
    overflow: auto;
    margin-right: 0
}

#comment-box-options-card .options-card {
    margin: 0 10px;
    padding-top: 10px
}

#comment-box-options-card .options-card input[type=search] {
    background-color: #f6f6f6;
    border: 1px solid #CDD2D4;
    border-radius: 3px;
    display: block;
    min-height: 2pc;
    width: calc(100% - 10px);
    padding-left: 10px
}

#comment-box-options-card .options-card .notify_to {
    position: relative;
    overflow: hidden
}

#comment-box-options-card .options-card ul li {
    border-radius: 3px;
    cursor: pointer
}

#comment-box-options-card .options-card .notify_to ul li.checked {
    background-color: #fba74f;
    color: #fff
}

#comment-box-options-card .options-card .notify_to ul.users {
    height: 780px;
    overflow-y: scroll;
    margin-right: -20px;
    padding-right: 5px
}

#comment-box-options-card .options-card .notify_to ul li input[type=checkbox] {
    display: none
}

.meetingroom-table .detail, .meetingroom-table .detail ol {
    padding: 0
}

.meeting-overview-control .to-today {
    margin-left: 8px !important
}

.meetingroom-table .name {
    text-align: center;
    max-width: 150px;
    min-width: 64px;
    width: 150px
}

.meetingroom-table.layui-table tbody tr, .meetingroom-table.layui-table tbody tr:hover {
    background-color: #fefefe !important
}

.meetingroom-table .meetingroom-table-time {
    word-break: keep-all;
    text-align: center
}

.meetingroom-table .time-th {
    padding: 0;
    border: 1px solid #cad9ea
}

.meetingroom-table .meetingroom-table-left-time ul li {
    height: 59px;
    list-style-type: none;
    text-align: center;
    border-bottom: 1px solid #cad9ea;
    line-height: 59px
}

.meetingroom-table .detail .last-cell {
    border-bottom: 1px solid #cad9ea
}

.meetingroom-table .detail ol li {
    height: 14px;
    border-bottom: 1px dotted #cad9ea;
    list-style-type: none
}

.meetingroom-table .detail .meeting {
    background-color: #e2eef9 !important;
    border-bottom: 1px dotted #e2eef9;
    text-align: center;
    color: #f2f2f2;
    margin-left: 2px;
    margin-right: 2px
}

.meetingroom-table .detail .meeting-start {
    background-color: #1677d2 !important;
    border-radius: 5px 5px 0 0;
    font-size: 13px;
    line-height: 13px
}

.meetingroom-table .detail .meeting-end {
    border-radius: 0 0 5px 5px
}

.meetingroom-table .detail .qhour:not(.meeting):hover {
    background-color: #f2f2f2 !important
}

.meetingroom-table .meeting-detail {
    margin-top: 1px;
    margin-left: auto;
    color: #111;
    margin-right: auto;
    max-width: 150px
}

.meetingroom-mobile .meetingroom {
    padding: 8px 8px 8px 11px;
    border: 1px solid #eee;
    border-radius: 4px;
    margin: 0 4px 4px
}

.meetingroom-mobile .meetingroom .name {
    font-size: 1.3rem;
    padding: 2px 0 8px
}

.meetingroom-mobile .meetingroom .time {
    white-space: nowrap;
    overflow-x: auto
}

.meetingroom-mobile .meetingroom .capacity div, .meetingroom-mobile .meetingroom .location div, .meetingroom-mobile .meetingroom .time ol li {
    display: inline-block
}

.meetingroom-mobile .meetingroom .time ol li.time-text {
    text-align: center;
    width: 23px
}

.meetingroom-mobile .meetingroom .time ol li.time-grid {
    width: 21px;
    height: 36px;
    border: 1px solid #e7e7e7;
    border-radius: 4px
}

.meetingroom-mobile .meetingroom .time ol li.time-grid.meeting {
    background: #29a84f
}

.xdsoft_datetimepicker {
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .506);
    background: #fff;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    color: #333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 2px 8px 8px 0;
    position: absolute;
    z-index: 99999999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none
}

.xdsoft_datetimepicker.xdsoft_rtl {
    padding: 8px 0 8px 8px
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: 0 0;
    border: 0
}

.xdsoft_datetimepicker button {
    border: none !important
}

.xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.xdsoft_noselect::selection {
    background: 0 0
}

.xdsoft_noselect::-moz-selection {
    background: 0 0
}

.xdsoft_datetimepicker.xdsoft_inline {
    display: inline-block;
    position: static;
    box-shadow: none
}

.xdsoft_datetimepicker * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
    display: none
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block
}

.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 224px;
    float: left;
    margin-left: 8px
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
    width: 256px
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 58px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0
}

.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_monthpicker {
    position: relative;
    text-align: center
}

.xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)
}

.xdsoft_datetimepicker .xdsoft_label i {
    opacity: .5;
    background-position: -92px -19px;
    display: inline-block;
    width: 9px;
    height: 20px;
    vertical-align: middle
}

.xdsoft_datetimepicker .xdsoft_prev {
    float: left;
    background-position: -20px 0
}

.xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    background-position: -70px 0;
    margin-left: 5px
}

.xdsoft_datetimepicker .xdsoft_next {
    float: right;
    background-position: 0 0
}

.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: .5;
    -ms-filter: "alpha(opacity=50)";
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px;
    min-width: 0
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    float: none;
    background-position: -40px -15px;
    height: 15px;
    width: 30px;
    display: block;
    margin-left: 14px;
    margin-top: 7px
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next, .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev {
    float: none;
    margin-left: 0;
    margin-right: 14px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 0;
    margin-bottom: 7px;
    margin-top: 0
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 151px;
    overflow: hidden;
    border-bottom: 1px solid #ddd
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: center;
    border-collapse: collapse;
    cursor: pointer;
    border-bottom-width: 0;
    height: 25px;
    line-height: 25px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
    border-top-width: 0
}

.xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover, .xdsoft_datetimepicker .xdsoft_today_button:hover {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

.xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    z-index: 99999999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    background-color: #fff;
    float: left;
    width: 182px;
    text-align: center;
    cursor: pointer
}

.xdsoft_datetimepicker .xdsoft_label:hover > span {
    text-decoration: underline
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
    opacity: 1
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
    border: 1px solid #ccc;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 101;
    display: none;
    background: #fff;
    max-height: 160px;
    overflow-y: hidden
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
    right: -7px
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
    right: 2px
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    color: #fff;
    background: #ff8000
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
    padding: 2px 10px 2px 5px;
    text-decoration: none !important
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background: #3af;
    box-shadow: #178fe5 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_month {
    width: 100px;
    text-align: right
}

.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both
}

.xdsoft_datetimepicker .xdsoft_year {
    width: 48px;
    margin-left: 5px
}

.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%
}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
    padding-right: 5px
}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
    width: 14.2857142%;
    background: #f5f5f5;
    border: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: right;
    vertical-align: middle;
    padding: 0;
    border-collapse: collapse;
    cursor: pointer;
    height: 25px
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
    width: 12.5%
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #f1f1f1
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #3af
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    box-shadow: #ffb871 0 1px 4px 0 inset;
    color: #000
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    box-shadow: #00dd1c 0 1px 4px 0 inset;
    color: #000
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #3af;
    box-shadow: #178fe5 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
    opacity: .5;
    -ms-filter: "alpha(opacity=50)";
    cursor: default
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: .2;
    -ms-filter: "alpha(opacity=20)"
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
    background: #3af !important;
    box-shadow: #178fe5 0 1px 3px 0 inset !important;
    color: #fff !important
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
    color: inherit !important;
    background: inherit !important;
    box-shadow: inherit !important
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor: default
}

.xdsoft_datetimepicker .xdsoft_copyright {
    color: #ccc !important;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px
}

.xdsoft_datetimepicker .xdsoft_copyright a {
    color: #eee !important
}

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
    color: #aaa !important
}

.xdsoft_time_box {
    position: relative;
    border: 1px solid #ccc
}

.xdsoft_scrollbar > .xdsoft_scroller {
    background: #ccc !important;
    height: 20px;
    border-radius: 3px
}

.xdsoft_scrollbar {
    position: absolute;
    width: 7px;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
    left: 0;
    right: auto
}

.xdsoft_scroller_box {
    position: relative
}

.xdsoft_datetimepicker.xdsoft_dark {
    box-shadow: 0 5px 15px -5px rgba(255, 255, 255, .506);
    background: #000;
    border-bottom: 1px solid #444;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    color: #ccc
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
    border-bottom: 1px solid #222
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div {
    background: #0a0a0a;
    border-top: 1px solid #222;
    color: #999
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
    background-color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
    border: 1px solid #333;
    background: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    color: #000;
    background: #007fff
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background: #c50;
    box-shadow: #b03e00 0 1px 3px 0 inset;
    color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0a0a0a;
    border: 1px solid #222;
    color: #999
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0e0e0e
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #c50
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    box-shadow: #ffb871 0 1px 4px 0 inset;
    color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    box-shadow: #00dd1c 0 1px 4px 0 inset;
    color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #c50;
    box-shadow: #b03e00 0 1px 3px 0 inset;
    color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: #000 !important;
    background: #007fff !important
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    color: #666
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
    color: #333 !important
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
    color: #111 !important
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
    color: #555 !important
}

.xdsoft_dark .xdsoft_time_box {
    border: 1px solid #333
}

.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
    background: #333 !important
}

.xdsoft_datetimepicker .xdsoft_save_selected {
    display: block;
    border: 1px solid #ddd !important;
    margin-top: 5px;
    width: 100%;
    color: #454551;
    font-size: 13px
}

.xdsoft_datetimepicker .blue-gradient-button {
    font-family: museo-sans, "Book Antiqua", sans-serif;
    font-size: 12px;
    font-weight: 300;
    color: #82878c;
    height: 28px;
    position: relative;
    padding: 4px 17px 4px 33px;
    border: 1px solid #d7d8da;
    background: -moz-linear-gradient(top, #fff 0, #f4f8fa 73%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(73%, #f4f8fa));
    background: -webkit-linear-gradient(top, #fff 0, #f4f8fa 73%);
    background: -o-linear-gradient(top, #fff 0, #f4f8fa 73%);
    background: -ms-linear-gradient(top, #fff 0, #f4f8fa 73%);
    background: linear-gradient(to bottom, #fff 0, #f4f8fa 73%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f4f8fa', GradientType=0)
}

.xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:focus span, .xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:hover span {
    color: #454551;
    background: -moz-linear-gradient(top, #f4f8fa 0, #FFF 73%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f8fa), color-stop(73%, #FFF));
    background: -webkit-linear-gradient(top, #f4f8fa 0, #FFF 73%);
    background: -o-linear-gradient(top, #f4f8fa 0, #FFF 73%);
    background: -ms-linear-gradient(top, #f4f8fa 0, #FFF 73%);
    background: linear-gradient(to bottom, #f4f8fa 0, #FFF 73%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa', endColorstr='#FFF', GradientType=0)
}

.drawing-board-control-drawingmode-eraser-button:before, .drawing-board-control-drawingmode-filler-button:before, .drawing-board-control-drawingmode-pencil-button:before {
    content: "";
    display: block;
    width: 0;
    height: 100%
}

.drawing-board, .drawing-board * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.drawing-board-controls-hidden, .drawing-board-utils-hidden {
    display: none !important
}

.drawing-board {
    position: relative;
    display: block
}

.drawing-board-canvas-wrapper {
    position: relative;
    margin: 0;
    border: 1px solid #ddd
}

.drawing-board-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    cursor: crosshair;
    z-index: 20
}

.drawing-board-cursor {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    border-radius: 50%;
    background: #ccc;
    background: rgba(0, 0, 0, .2);
    z-index: 30
}

.drawing-board-control-colors-rainbows, .drawing-board-control-size .drawing-board-control-inner, .drawing-board-control-size-dropdown, .drawing-board-control > button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    background-color: #eee;
    padding: 2px 4px;
    border: 1px solid #ccc;
    box-shadow: 0 1px 3px -2px #121212, inset 0 2px 5px 0 rgba(255, 255, 255, .3);
    -webkit-box-shadow: 0 1px 3px -2px #121212, inset 0 2px 5px 0 rgba(255, 255, 255, .3);
    height: 28px
}

.drawing-board-control > button {
    cursor: pointer;
    min-width: 28px;
    line-height: 14px
}

.drawing-board-control > button:focus, .drawing-board-control > button:hover {
    background-color: #ddd
}

.drawing-board-control > button.active, .drawing-board-control > button:active {
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .2);
    background-color: #ddd
}

.drawing-board-control > button[disabled] {
    color: gray
}

.drawing-board-control > button[disabled].active, .drawing-board-control > button[disabled]:active, .drawing-board-control > button[disabled]:focus, .drawing-board-control > button[disabled]:hover {
    background-color: #eee;
    box-shadow: 0 1px 3px -2px #121212, inset 0 2px 5px 0 rgba(255, 255, 255, .3);
    -webkit-box-shadow: 0 1px 3px -2px #121212, inset 0 2px 5px 0 rgba(255, 255, 255, .3);
    cursor: default
}

.drawing-board-controls {
    margin: 0 auto;
    text-align: center;
    font-size: 0;
    display: table;
    border-spacing: 9.33px 0;
    position: relative;
    min-height: 28px
}

.drawing-board-controls[data-align=left] {
    margin: 0;
    left: -9.33px
}

.drawing-board-controls[data-align=right] {
    margin: 0 0 0 auto;
    right: -9.33px
}

.drawing-board-canvas-wrapper + .drawing-board-controls, .drawing-board-controls + .drawing-board-canvas-wrapper {
    margin-top: 5px
}

.drawing-board-controls-hidden {
    height: 0;
    min-height: 0;
    padding: 0;
    margin: 0;
    border: 0
}

.drawing-board-control {
    display: table-cell;
    border-collapse: separate;
    vertical-align: middle;
    font-size: 16px;
    height: 100%
}

.drawing-board-control-inner {
    position: relative;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.drawing-board-control > button {
    margin: 0;
    vertical-align: middle
}

.drawing-board-control-colors {
    font-size: 0;
    line-height: 0
}

.drawing-board-control-colors-current {
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    width: 26px;
    height: 26px
}

.drawing-board-control-colors-rainbows {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 33px;
    margin-left: 0;
    z-index: 100;
    width: 250px;
    height: auto;
    padding: 4px
}

.drawing-board-control-colors-rainbow {
    height: 18px
}

.drawing-board-control-colors-picker:first-child {
    margin-right: 5px
}

.drawing-board-control-colors-picker {
    display: inline-block;
    width: 18px;
    height: 18px;
    cursor: pointer
}

.drawing-board-control-colors-picker[data-color="rgba(255, 255, 255, 1)"] {
    width: 16px;
    height: 17px;
    border: 1px solid #ccc;
    border-bottom: none
}

.drawing-board-control-colors-picker:hover {
    width: 16px;
    height: 16px;
    border: 1px solid #555
}

.drawing-board-control-drawingmode > button {
    margin-right: 2px
}

.drawing-board-control-drawingmode > button:last-child {
    margin-right: 0
}

.drawing-board-control-drawingmode-pencil-button {
    overflow: hidden;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAe9JREFUeNpiZAACVlFRBhYREQZcQPnbNwa3N28YlL5+ZfgLFfvPwGD9m4FhIgsDHuAO0gTUDNKIBvyBmqt/MTDMY8Gl0f31azD7L6oUIxCnAzWmAPHBfwwM01AMUAV6JfPQIVwOYgVqqPnFyOjz6///O38YGKpAgmAD1OXlGdTk5PD5hgeouZudj8/uy9evP/78/dsFFPsJNiAoKIiBABAHap4oLi9v8fTNm48//v7NBwbgWZgkE7rqt8DY+A8JZRBW+cfIuEDT0NDlzadP3z98/doPFDuCrB7TAGFhBqCNIGwM9OcKUzs7+xdv3355+f79VqDYAiTDwZgJh7ONgYpnOvn4GL949erT7UePdgL5JVCD4fgBLBBxaX74+PG789evnwby0/8jKXgExIeB+CG6Af///1e9Ki9vFSAkZPzoyZPPJy9evA9MB77/sWiEARZkzV+/fvXYtGnTpG3btj28EBT0BqjZ5D8OjXCwPksUhA1Wpggf/PHjx/9169Y9EBERaUlgZmaIAcrLE4rk5sIqBqDmlefnRPzfWGX5EaSZm5ubgRloADGA5QZ3RgK7gESY4PMNn9ZtObPpzZvfU4DiYkiB/RcHG+S7fyxAMH/lFU2GOZd2bLx18/cEUMoD4j9I+DcS/RtJHGTYf4AAAwAxaOMYHjxKFwAAAABJRU5ErkJggg==);
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.drawing-board-control-drawingmode-eraser-button {
    overflow: hidden;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAkpJREFUeNp0kk+IElEcx39vFBc9+OfQRTAwzFt4CaYOKStj6MoeculStzoIQSB4kCVckmDx4iGCXWYJIqjoVOzO1l4qT1F7WfBWHvxzDPyTB3XUmXn93suRybUffHmP997n9/cRsFgwGARJkiAcDsPlwgEIeEZQAhCRAkgAlOD6SQP4rgMFDWVnYCAQgFgsBqFQCBwOByzZNQOotPHx1RNCCCipu6bfb+zSnslkeOQVILPrBkAirbws9btdTEWAzZPXpfepOzaeGMBXwe/3w3+MwTc3Dl+UeghTiskbBvR6Pbh18mZHB0jjmxvCKhIfR37s3r+Sevf8ca/T4TBF2HTSODuDxP7uNjrZFFbBk8lEzOVyspa4ykGYw2zfbTb/7ilvok1YhlVVFfP5vDydTkHXdXDdlhZOOnPY4/HA0YPtp3h6LFjh8XgsFgoFGTPgsKm1zDr8ajTQh8Fh5eGjZzjGI8yjKlgjF4tFGdd/YKYmRja24hw+zu3sYe2HiH3hYzQjl8tleTQanWtou93G6Qngdrth6+1+9h6hTULJZ/PeziJXKhV5OByeg1ut1gJOp9NZTdNOcQ419ot+ggp1qoLdBFmqVmNpm3A8Huewy+Wq1RH8QH9zmBlJJpMRdCIqiiIPBgN+2MCGsW/r8/kgGo1m0fmpzWarseayHlmNeL1eFiWC0cRqtSr3+/3FpSiKHMZtjU1glbFyfKgLTqfzEka9OJvNeDnzz1JnCaFmqOl8ZdJY1SiDOXCiXKg1NtG5DIt0y6ov3dE/AgwAENFWYYLj4mYAAAAASUVORK5CYII=);
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.drawing-board-control-drawingmode-filler-button {
    overflow: hidden;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAnNJREFUeNp0k0trE1EUx89MJpNJooYYXBgDNtCKdRPwlbqoCKUtaNVNA0Uo7UbMxoVPEARTXEi+QWfnwn6DEAlEkrSLttTGRiULEQlJ8yChmbzI++E50yTUJA78uMy953/u/557LmOz2WDEZ2m1WrckSRJSqdR2tVrdHQyYebwHtVoNuFHqTqczhQnWKaBYLDoKhcIuzgHDMKBSqeD20qd+LNdsNocSoFhRr9ctpVLJigl4xIIJQizLAmG4cAPa7bYcy9Iug5TL5UYikbD6/X7Rbre/IUcYe3WUW5ZsnQQzW9LpNOPz+UQc5aBM5mgdh7vI9FCCAesW2tnr9YqZTAby+bw8f3AQRP6853n+Ph5hemSCntjj8YjZbFYWx2IxeS2RSEMwuA87O79eqdXquVolK+GxnP0EPbHb7RZJSGABIR6PA11zJHKIR2MhHA5DIPDj7eH3j95KpfK60Wg8Yntil8slkqgnpioLghacTidoNDpEC3q9HnheCc3s1jZeLcW943pirPw/4lKpBkqlDubnl/riycnLsLy88EKj0fhzuRyZv8RFo1E6wpBYkiqy7Z54YmIcVlYeyOKC4mYwJ0nHRaQuM5vNT6hB/iceG7sIq6sPnwmC4MerDkby40AOCCoiddie1Wp92W7zQ2KTyQSLizNP8T0EsPLBbxEDnCj0GkM2qIEwyZRCobizsfH5A1ZXFhuN52F29vpz3HkL574mk8lj24Y5wsHkvjjoX0BOIWc5jruHzbK2ufmzEwpFO3jnDhQv4JoROYdoERVyGjEgZ8iBDlF3FzXo4go6utZ9lftY4N/dXisjR0i1G0ublv8KMAA0ZoUlicxrhwAAAABJRU5ErkJggg==);
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.drawing-board-control-navigation > button {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin-right: 2px
}

.drawing-board-control-navigation > button:last-child {
    margin-right: 0
}

.drawing-board-control-size[data-drawing-board-type=range] .drawing-board-control-inner {
    width: 75px
}

.drawing-board-control-size[data-drawing-board-type=dropdown] .drawing-board-control-inner {
    overflow: visible
}

.drawing-board-control-size-range-input {
    position: relative;
    width: 100%;
    z-index: 100;
    margin: 0;
    padding: 0;
    border: 0
}

.drawing-board-control-size-dropdown span, .drawing-board-control-size-dropdown-current span, .drawing-board-control-size-range-current {
    display: block;
    background: #333;
    opacity: .8
}

.drawing-board-control-size-range-current {
    display: inline-block;
    opacity: .15;
    position: absolute;
    pointer-events: none;
    left: 50%;
    top: 50%;
    z-index: 50
}

.drawing-board-control-size-dropdown-current {
    display: block;
    height: 100%;
    width: 40px;
    overflow: hidden;
    position: relative
}

.drawing-board-control-size-dropdown-current span {
    position: absolute;
    left: 50%;
    top: 50%
}

.drawing-board-control-size-dropdown {
    position: absolute;
    left: -6px;
    top: 33px;
    height: auto;
    list-style-type: none;
    margin: 0;
    padding: 0;
    z-index: 100
}

.drawing-board-control-size-dropdown li {
    display: block;
    padding: 4px;
    margin: 3px 0;
    min-height: 16px
}

.drawing-board-control-size-dropdown li:hover {
    background: #ccc
}

.drawing-board-control-size-dropdown span {
    margin: 0 auto
}

.drawing-board-control-download-button {
    overflow: hidden;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAoBJREFUeNqMkr9PU1EUx7/vR1tQ3yu10hAmTawtBSYSy2YccFOcnDQm/gewOLnj5GYMg4sdXFxkMca4OBAwdUBe/ZkIGFp+9tHXvh/3/fTcAm01aLzJybnn3nM+95tzrnDl6Tb+sibuTmWUWj3C6/Juk+LySUmyvt0FCKKA02ryOCy6LBiu15ngMbZ5DDCNBqIw6gKM+n4nECUJru3glKry8CpjQaHVYmC2rVH82DIMMMdGGARdwJ+SPNdFS9chx+MXDNMp/NzagWNatk/nQU/hiYAoih6FYTBCBs9zUXMCbAhx2OYOv351lPOJ3EwH4LteL6Dcp/Rfu3FrstDyIizt+agpaYxNDU0M9gl4v7Ck+TYrCYLQqZHUyTtdQBiutPSGUflczSXHs5lVKwZdSOBMvwztxVvN0RtzsiyXBFHsAvL5PBSnCpXV2getILFiE2SjspYbuZzPiDSZ2vOXmlvX5yQqTmMfg9ZXqtls1wnT09OHEyAq0aFLg/gSXsSWq9wWk+p9PrCoYTwcijdLOfE7UsEufN9HGIYnT4EnTGIXe1KqtNNIvuNnGamxfi7SgQD/nIJCTbzOPQ/SQh1pud7T4M6W/8qFIw/5WAr5m7Ozsw9UVc069Fls2yJzSC5/lnc9RhaHZVnfSqUnEgXP2oBqtYqBgYG2+mKxmOVADnAcB4yxHgD1RzehKKns/LyV4gUHBweQy+UyRkdH6UKJ6fQDFxcXoWkaXJeRuTgUGCdLQJ9bx72lGZimGWs2m+083oN+2iiFQiGxvLy8RrDzudyltgrG3N8U2G8CrPz4sGYYRqJSqWR4H/jNWbJhUjAWi8XG8R/L87yPpGCVttVfAgwAVpZR+8tZC08AAAAASUVORK5CYII=);
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.drawing-board-control-download-button:before {
    content: "";
    display: block;
    width: 0;
    height: 100%
}

.diycard-wrapper {
    padding: 4px 0;
    overflow-x: hidden;
    background: #fff
}

.diycard-wrapper .diycard-content .animed {
    transition: 384ms ease;
    -webkit-transition: 384ms ease;
    -moz-transition: 384ms ease;
    -ms-transition: 384ms ease;
    -o-transition: 384ms ease
}

.diycard-wrapper #dc-html-content {
    margin-top: 6px
}

.diycard-wrapper .list-search-wrap {
    padding: 0 8px !important
}

#dc-html-content .dc-no-result {
    margin: 24px 16px;
    border-radius: 4px;
    background: #fff;
    padding: 16px;
    border: 1px solid #ccc
}

.diycard-wrapper .diycard-content {
    padding: 12px 8px;
    margin: 0 12px;
    background: #fff;
    border-bottom: 2px solid #eee
}

#order_items li, .diycard-wrapper .diycard-content .dc-extra .dc-extra-tag {
    margin-right: 8px
}

.diycard-wrapper .diycard-content:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 12px
}

.diycard-wrapper .diycard-content .dc-icon {
    float: left;
    width: 56px;
    height: 56px;
    background: 0 0
}

.diycard-wrapper .diycard-content .dc-icon.offseted {
    position: relative;
    top: 4px
}

.diycard-wrapper .diycard-content .dc-icon.dc-named {
    background: #051e3c;
    border-radius: 50%;
    transform: translate(.5px, 0);
    text-align: center;
    position: relative;
    left: -2px
}

.diycard-wrapper .diycard-content .dc-icon-name {
    color: #fff;
    text-align: center;
    line-height: 48px;
    font-size: 1.35em;
    white-space: nowrap;
    position: relative;
    top: 4px
}

.diycard-wrapper .diycard-content .dc-icon-icon {
    width: 56px;
    height: 56px;
    border-radius: 50%
}

.diycard-wrapper .diycard-content .dc-icon.dc-icond {
    background: 0 0 !important
}

.diycard-wrapper .diycard-content .dc-header {
    margin-left: 56px;
    line-height: 29px;
    vertical-align: top;
    min-height: 60px;
    padding-left: 8px;
    margin-top: 2px
}

.diycard-wrapper .diycard-content .dc-title-tag {
    height: 22px;
    line-height: 22px
}

.diycard-wrapper .diycard-content .dc-title {
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    width: 13em;
    white-space: nowrap;
    word-break: keep-all;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 18px;
    vertical-align: top
}

.diycard-wrapper .diycard-content .dc-tag {
    float: right;
    white-space: nowrap;
    word-break: keep-all;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 6em;
    opacity: .6
}

.diycard-wrapper .diycard-content .dc-desc, .diycard-wrapper .diycard-content .dc-extra {
    white-space: nowrap;
    word-break: keep-all;
    overflow-x: hidden;
    text-overflow: ellipsis;
    opacity: .8;
    height: 22px;
    line-height: 22px
}

.diycard-wrapper .diycard-content .dc-progress-bar {
    width: 100%;
    height: 2px;
    background: #c2c2c2;
    margin: 8px 8px 20px 0
}

.diycard-wrapper .diycard-content .dc-progress-bar .dc-pb-dot {
    position: relative;
    width: 8px;
    height: 8px;
    top: -3px;
    background: #c2c2c2;
    border-radius: 50%;
    float: left
}

.diycard-wrapper .diycard-content .dc-progress-bar .dc-progress {
    height: 2px;
    position: absolute;
    background: #c2c2c2
}

.diycard-wrapper .diycard-content .dc-progress-bar .dc-current-label {
    position: relative;
    margin-top: 4px;
    top: 4px
}

.diycard-wrapper .diycard-content .dc-progress-bar-wrapper {
    width: 100%;
    height: 13px;
    line-height: 13px;
    background-color: transparent;
    border-radius: 4px;
    position: relative;
    margin-top: 8px;
    text-align: center
}

.diycard-wrapper .diycard-content .dc-progress-bar-wrapper .bar {
    position: inherit;
    width: 0;
    max-width: 100%;
    height: 13px;
    border-radius: 4px;
    text-align: right;
    background-color: #fff;
    border: 2px solid #09BB07;
    transition: all .618s;
    -webkit-transition: all .618s;
    transform: skewX(-25deg);
    float: left
}

.diycard-wrapper .diycard-content .dc-progress-bar-wrapper .bar:last-child {
    margin-right: 0 !important
}

.diycard-wrapper .diycard-content .dc-progress-bar-wrapper .bar .text {
    line-height: 1rem;
    padding: 0 .25rem;
    color: #fff;
    font-size: 1rem;
    white-space: nowrap;
    word-break: keep-all;
    text-align: center;
    display: block;
    overflow-x: hidden;
    text-overflow: ellipsis;
    transform: skewX(25deg)
}

#op_items {
    z-index: 1000;
    width: 100%;
    height: 40px;
    background: #fff
}

#order_items {
    margin: 5px 12px 0;
    list-style-type: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
    overflow: auto;
    float: left
}

#order_items li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 5px;
    white-space: nowrap;
    padding-right: 16px
}

#search_items {
    display: inline-block;
    float: right;
    margin-right: 16px;
    margin-top: 8px;
    font-size: 14px
}

#search_items.active {
    color: green
}

.sorting, .sorting_asc, .sorting_desc {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center right
}

.sorting {
    background-image: none !important
}

.sorting_asc {
    background-image: url(/static/images/sort_asc.png)
}

.sorting_desc {
    background-image: url(/static/images/sort_desc.png)
}

#search_div {
    display: none
}

#dc-search-modal {
    display: none;
    width: 100%;
    height: 88%;
    background: rgba(0, 0, 0, .3);
    position: fixed;
    top: 86px;
    z-index: 999997;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    outline: 0;
    overflow-y: auto;
    pointer-events: auto
}

#dc-search-modal .modal-wrapper {
    height: 63%;
    background: #fff;
    padding-bottom: 32px;
    z-index: 999998
}

#dc-search-modal .modal-wrapper .modal-content {
    height: 100%;
    overflow-y: scroll;
    padding: 16px;
    z-index: 999999
}

#dc-search-modal .modal-wrapper .modal-content .dc-filter-field {
    margin: 16px 0
}

#dc-search-modal .modal-wrapper .modal-content .dc-filter-field:first-child {
    margin-top: 0
}

#dc-search-modal .modal-wrapper .modal-content .dc-filter-field:last-child {
    margin-bottom: 0
}

#dc-search-modal .modal-wrapper .modal-content .dc-filter-field-label {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 4px;
    margin-left: 5px
}

#dc-search-modal .modal-wrapper .modal-content .dc-filter-field-label .dc-filter-field-label-more {
    font-weight: 400;
    font-size: 2rem;
    float: right;
    line-height: 2rem
}

#dc-search-modal .modal-wrapper .modal-content .dc-filter-field-value {
    width: 100%;
    height: 100%
}

#dc-search-modal .modal-wrapper .modal-content .dc-filter-field-value .dc-filter-field-value-data {
    border: 1px solid grey;
    border-radius: 4px;
    padding: 6px 4px;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    line-height: 16px;
    display: inline-block;
    margin: 6px;
    height: 16px;
    white-space: nowrap
}

#dc-search-modal .modal-wrapper .modal-content .dc-filter-field-value .dc-filter-field-value-data.ellipsisd {
    display: none
}

#dc-search-modal .modal-wrapper .modal-content .dc-filter-field-value .dc-filter-field-value-data.ellipsisd.shown {
    display: inline-block
}

#dc-search-modal .modal-wrapper .modal-content .dc-filter-field-value .dc-filter-field-value-data.choosen {
    border: 1px solid #237ae9;
    color: #fff;
    background: #237ae9
}

#dc-search-modal .modal-action .confirm, #dc-search-modal .modal-action .reset {
    width: 50%;
    float: left;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #33333;
    font-size: 1.1rem
}

#dc-search-modal .modal-action .confirm {
    background: #237ae9;
    color: #fff
}

#dc-search-modal .modal-action .reset {
    background: #fff;
    color: #333
}

.diycard-wrapper #load-more {
    display: none;
    text-align: center;
    padding-top: 1px;
    margin: 0 16px;
    background: #eee
}

.diycard-wrapper #load-more p {
    height: 48px;
    line-height: 48px;
    background: #fff
}

.diycard-wrapper .remote-img-loading {
    color: #ccc;
    font-size: .8rem;
    position: relative;
    bottom: 37px
}

.timeline-updating {
    background: #f6f6f6;
    margin-left: -5px;
    margin-right: -5px
}

.timeline-updating .content {
    padding: 16px 16px 28px;
    background: #fff;
    margin-bottom: 4px
}

.timeline-updating .content .updated-by {
    font-weight: 700
}

.timeline-updating .content .updatings-entity-name, .timeline-updating .content .updatings-entity-type {
    font-weight: 700;
    word-break: break-word
}

.timeline-updating .content .bracket-offset {
    position: relative;
    top: -1px
}

.timeline-updating .content .nheader {
    margin-bottom: 8px
}

.timeline-updating .content .nicon {
    background: #fe905a;
    display: inline-block;
    height: 56px;
    width: 56px;
    text-align: center;
    border: 1px solid hsla(0, 0%, 100%, .6);
    border-radius: 50%;
    transform: translate(.5px, 0);
    transition: 384ms ease;
    -webkit-transition: 384ms ease;
    -moz-transition: 384ms ease;
    -ms-transition: 384ms ease;
    -o-transition: 384ms ease
}

.timeline-updating .content .nicon .icon-icon, .timeline-updating .content .nicon .icon-name {
    line-height: 56px;
    font-size: 1.35em;
    transition: 384ms ease;
    white-space: nowrap;
    text-align: center
}

.timeline-updating .content .nicon.nobg {
    background: 0 0;
    border: 1px solid #c6c6c6
}

.timeline-updating .content .nicon.nobg.in-icon {
    background: 0 0;
    border: 0
}

.timeline-updating .content .nicon .icon-icon {
    display: inline-block;
    height: 56px;
    width: 56px;
    border-radius: 50%;
    transform: translate(.5px, 0);
    -webkit-transition: 384ms ease;
    -moz-transition: 384ms ease;
    -ms-transition: 384ms ease;
    -o-transition: 384ms ease
}

.timeline-updating .content .nicon .icon-name {
    color: #fff;
    -webkit-transition: 384ms ease;
    -moz-transition: 384ms ease;
    -ms-transition: 384ms ease;
    -o-transition: 384ms ease
}

.timeline-updating .content .nicon .icon-name img.remote-img {
    border-radius: 50%;
    height: 56px;
    max-width: 56px;
    position: relative;
    top: -1px;
    opacity: 0;
    display: none;
    transition: 384ms ease;
    -webkit-transition: 384ms ease;
    -moz-transition: 384ms ease;
    -ms-transition: 384ms ease;
    -o-transition: 384ms ease
}

.timeline-updating .content .nicon .icon-name .remote-img-loading {
    color: grey;
    font-size: .8rem;
    position: relative;
    top: -3px
}

.timeline-updating .content .ename .type-icon {
    display: none;
    margin-left: 4px
}

.timeline-updating .content:first-child {
    padding-top: 12px
}

.timeline-updating .updatings-type:last-child .content:last-child {
    padding-bottom: 16px
}

.timeline-updating .ename-time {
    display: inline-block;
    vertical-align: top;
    height: 56px;
    line-height: 26px;
    margin-left: 4px
}

.timeline-updating .content .ename {
    font-size: 1.25rem;
    margin-bottom: 4px;
    max-width: 14rem;
    text-overflow: ellipsis;
    overflow-x: hidden;
    word-break: keep-all;
    white-space: nowrap
}

.timeline-updating .content .update-time {
    margin-bottom: 8px
}

.timeline-updating .content .updating {
    font-size: 1.05rem;
    overflow: hidden;
    text-overflow: ellipsis;
    line-clamp: 2;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-box;
    display: flex;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.timeline-updating .content .updating a {
    display: none
}

.timeline-updating .action {
    padding-top: 8px;
    border-top: 1px solid #e2e2e2;
    margin-top: 16px;
    margin-left: -4px;
    margin-right: -4px
}

.timeline-updating .action .icon {
    font-size: 16px;
    position: relative;
    top: 2px
}

.timeline-updating .action .a-comment, .timeline-updating .action .a-more {
    cursor: pointer;
    float: left;
    width: 50%;
    text-align: center;
    font-size: 14px
}

.pepm-new * {
    transition: 385ms ease;
    -webkit-transition: 385ms ease;
    -moz-transition: 385ms ease;
    -ms-transition: 385ms ease;
    -o-transition: 385ms ease
}

.pepm-new .box {
    padding: 23px 0 10px !important;
    max-width: 385px !important;
    width: 385px !important;
    min-height: 410px;
    border: 0 !important;
    background: #fff;
    margin: auto;
    box-shadow: 0 0 48px 4px rgba(101, 101, 101, .35)
}

.pepm-new .box .subtitle {
    margin-bottom: 15px;
    font-size: 15px;
    color: #213f75;
    margin-top: 29px
}

.pepm-new .box.go {
    min-height: 297px !important;
    padding-bottom: 0 !important
}

.pepm-new .box.reset-pwd[data-step=sentTel], .pepm-new .box.reset-pwd[data-step=sent] {
    min-height: 327px !important;
    padding-bottom: 0 !important
}

.pepm-new .box.reset-pwd[data-step=sendform] {
    min-height: 367px !important
}

.pepm-new .box.reset-pwd.sendform {
    padding-bottom: 0 !important
}

.pepm-new .box.reset-pwd[data-step=reset] {
    min-height: 407px !important;
    padding-bottom: 0 !important
}

.pepm-new .cp-logo {
    text-align: center;
    margin-bottom: 23px;
    min-height: 94px;
    line-height: 94px;
    width: 308px;
    margin-left: auto;
    margin-right: auto
}

.pepm-new .cp-logo img {
    width: 100%;
    max-height: 230px
}

.pepm-new .divide-line {
    height: 3px;
    width: 100%;
    background-color: #9a0000;
    margin-bottom: 30px
}

.pepm-new .usr-email, .pepm-new .usr-input, .pepm-new .usr-password {
    width: 308px;
    height: 57px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12px
}

.pepm-new .usr-email .logo, .pepm-new .usr-input .logo, .pepm-new .usr-password .logo {
    float: left;
    position: relative;
    background: #9f9f9f;
    width: 0;
    height: 57px;
    text-align: center
}

.pepm-new .usr-email .logo img, .pepm-new .usr-input .logo img, .pepm-new .usr-password .logo img {
    width: 30px !important;
    height: 36px;
    margin-top: calc((57px - 36px) / 2)
}

.pepm-new .usr-email .input, .pepm-new .usr-input .input, .pepm-new .usr-password .input {
    float: left;
    position: relative
}

.pepm-new .usr-email .input, .pepm-new .usr-email .input input, .pepm-new .usr-input .input, .pepm-new .usr-input .input input, .pepm-new .usr-password .input, .pepm-new .usr-password .input input {
    width: 100%;
    height: 57px;
    color: #353535;
    background: #f2f2f2
}

.pepm-new .usr-email .input input, .pepm-new .usr-input .input input, .pepm-new .usr-password .input input {
    padding-left: 12px;
    font-size: 18px
}

.pepm-new .usr-email input:-webkit-autofill, .pepm-new .usr-input input:-webkit-autofill, .pepm-new .usr-password input:-webkit-autofill {
    transition: background-color 5000s ease-in-out 0s !important
}

.pepm-new .usr-email input::-webkit-input-placeholder, .pepm-new .usr-input input::-webkit-input-placeholder, .pepm-new .usr-password input::-webkit-input-placeholder {
    color: #b9b9b9;
    font-size: 18px
}

.pepm-new .remember-30days {
    height: 26px;
    margin-top: 13px;
    margin-left: calc((385px - 308px) / 2);
    display: inline-block;
    margin-bottom: 0
}

.pepm-new .remember-30days .layui-form-checkbox {
    margin-top: 0
}

.pepm-new .remember-30days .layui-form-checkbox span {
    padding: 0 0 0 4px;
    color: #353535;
    font-size: 14px;
    line-height: 17px
}

.pepm-new .remember-30days .layui-form-checkbox .layui-icon {
    border-width: 2px;
    width: 12px;
    height: 12px
}

.pepm-new .remember-30days .layui-unselect.layui-form-checkbox.layui-form-checked .layui-icon {
    background: 0 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 13px
}

.pepm-new .forget-password {
    height: 26px;
    margin-top: 13px;
    float: right;
    text-align: right;
    margin-right: calc((385px - 308px) / 2);
    margin-bottom: 0;
    font-size: 14px
}

.pepm-new .box .forget-password a {
    font-size: 14px;
    line-height: 14px;
    color: #444343
}

.pepm-new .btn-submit {
    width: 305px;
    height: 56px;
    margin: 19px auto 0;
    border-radius: 4px
}

.pepm-new#go .btn-submit {
    margin: 25px auto 0
}

.pepm-new .btn-submit.mobile {
    display: none
}

.pepm-new .btn-submit.pc {
    display: block
}

.pepm-new .btn-submit .pn-submit, .pepm-new .btn-submit button {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    font-size: 20px;
    line-height: 56px;
    background: rgba(154, 0, 0, 1);
    color: rgba(255, 255, 255, 1)
}

.pepm-new .btn-submit.active .pn-submit, .pepm-new .btn-submit.active button {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: rgba(154, 0, 0, 1);
    color: #fff
}

.pepm-new .btn-submit .pn-submit-half {
    width: 46%;
    height: 82%;
    border-radius: 4px;
    font-size: 18px;
    line-height: calc(56px * .82);
    background: rgba(154, 0, 0, 1);
    color: #fff
}

.pepm-new .recommand {
    margin-top: 15px !important;
    border: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    font-size: 14px !important;
    line-height: 14px;
    color: #5e5d5d !important
}

.pepm-new .recommand a {
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    margin: 15px 5px 0;
    color: #314e6c !important;
    text-decoration: underline;
    font-weight: 700
}

@media screen and (max-width: 320px) {
    .pepm-new .cp-logo {
        text-align: center;
        height: 72px !important;
        line-height: 72px !important;
        margin: 48px auto !important;
        width: 308px
    }

    .pepm-new .cp-logo img {
        max-height: 100%;
        max-width: 100%;
        min-height: 50%
    }

    .pepm-new .usr-email, .pepm-new .usr-input, .pepm-new .usr-password {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .pepm-new .remember-30days {
        margin-left: 32px
    }

    .pepm-new#go .btn-submit {
        width: auto;
        margin: 79px 22px !important
    }
}

@media screen and (min-width: 319px) and (max-width: 950px) {
    .pepm-new, .pepm-new .box {
        height: 100%;
        background: #fff !important
    }

    .pepm-new .divide-line, .pepm-new .usr-email .logo, .pepm-new .usr-email .logo img, .pepm-new .usr-input .logo, .pepm-new .usr-input .logo img, .pepm-new .usr-password .logo, .pepm-new .usr-password .logo img {
        display: none
    }

    .pepm-new {
        padding: 0;
        width: 100%;
        margin-top: -20px
    }

    .pepm-new .box {
        width: 100% !important;
        margin: 0 auto !important;
        box-shadow: 0 0
    }

    .pepm-new .cp-logo {
        min-height: 108.5px;
        line-height: 79px;
        margin: 48px auto 56px;
        text-align: center
    }

    .pepm-new .title legend {
        text-align: center;
        margin-bottom: 32px;
        font-size: 24px
    }

    .pepm-new .usr-email, .pepm-new .usr-input, .pepm-new .usr-password {
        width: auto;
        margin-left: 16px;
        margin-right: 16px;
        margin-bottom: 12px
    }

    .pepm-new .usr-email .input::before, .pepm-new .usr-input .input::before, .pepm-new .usr-password .input::before {
        position: absolute;
        top: 18px;
        font-size: 18px;
        line-height: 18px;
        color: #393939
    }

    .pepm-new .usr-email .input::before {
        content: "用户名"
    }

    .pepm-new .vcode-input-wrapper.input::before {
        content: "验证码"
    }

    .pepm-new .usr-password .input::before {
        content: "密码"
    }

    .pepm-new .usr-input.cid_name .input::before {
        content: ""
    }

    .pepm-new .usr-input.usr-tel .input::before {
        content: "手机号"
    }

    .pepm-new .usr-input.usr-vcode .input::before {
        content: "手机验证码"
    }

    .pepm-new .usr-email .input, .pepm-new .usr-email .input input, .pepm-new .usr-input .input, .pepm-new .usr-input .input input, .pepm-new .usr-password .input, .pepm-new .usr-password .input input {
        width: 100%;
        height: 57px;
        color: #353535;
        background: #fff
    }

    .pepm-new .usr-email .input input, .pepm-new .usr-input .input input, .pepm-new .usr-password .input input {
        padding-left: 5em;
        font-size: 18px;
        background: 0 0;
        border: 0;
        border-bottom: 1px solid #c2c2c2
    }

    .pepm-new.reg .usr-email .input input, .pepm-new.reg .usr-input .input input, .pepm-new.reg .usr-password .input input {
        padding-left: 1em !important
    }

    .pepm-new .usr-input.cid_name .input input {
        padding-left: 0;
        text-align: center
    }

    .pepm-new .usr-email input:-webkit-autofill, .pepm-new .usr-input input:-webkit-autofill, .pepm-new .usr-password input:-webkit-autofill {
        transition: background-color 5000s ease-in-out 0s !important;
        background: 0 0
    }

    .pepm-new .btn-submit.mobile {
        display: block;
        border-radius: 5px;
        width: auto;
        margin: 56px 16px 11px
    }

    .pepm-new .btn-submit {
        margin: 38px auto 0
    }

    .pepm-new .btn-submit.pc {
        display: none
    }

    .pepm-new .remember-30days {
        margin-left: 32px
    }

    .pepm-new .remember-30days .layui-form-checkbox .layui-icon {
        left: -100%
    }

    .pepm-new .forget-password {
        height: 32px;
        float: right;
        text-align: right;
        margin: 13px 16px 32px 0
    }

    .pepm-new .box .forget-password a {
        font-size: 14px;
        line-height: 14px;
        color: #353535
    }

    .pepm-new#go {
        background: #eee;
        background-size: 100% 100%;
        margin-left: 0;
        margin-right: 0
    }

    .pepm-new#go .cp-logo {
        margin-top: 55px;
        max-height: 66px;
        margin-bottom: 85px
    }

    .pepm-new#go .btn-submit {
        width: auto;
        margin: 79px 16px
    }
}

.reg-type-switch {
    text-align: center;
    margin-top: 1em
}

.tel-verify {
    padding: 5% 10%;
    height: 100%
}

.tel-verify .input {
    width: calc(100% - 15px);
    height: 42px;
    line-height: 42px;
    border: 1px solid #e6e6e6;
    margin-bottom: 8px;
    padding-left: 1em
}

.tel-verify .verbtn {
    float: right;
    width: 35% !important
}

.tel-verify .tvbtn {
    background: rgba(154, 0, 0, 1);
    border-radius: 4px;
    color: #fff;
    border: 0;
    height: 38px;
    cursor: pointer;
    margin-top: 3px;
    font-size: 15px;
    width: 100%
}

.tel-verify .tvbtn[disabled] {
    background: #c2c2c2
}

.pepm-new .vcode-input-wrapper {
    width: calc(calc(385px - (calc(385px - 308px))) * .6) !important
}

.pepm-new #vcode {
    width: calc(calc(385px - (calc(385px - 308px))) * .4 - .9em) !important;
    cursor: pointer;
    height: 53px;
    margin-top: 2px
}

@media screen and (max-width: 950px) {
    .pepm-new .vcode-input-wrapper {
        width: 60.5% !important
    }

    .pepm-new #vcode {
        width: auto !important
    }
}

@media screen and (max-width: 320px) {
    .pepm-new #vcode {
        width: 35% !important
    }
}

.pepm-new .login-tab {
    display: flex;
    width: 308px;
    margin: 0 auto;
    font-size: 16px
}

.pepm-new .login-tab .login-tab__item {
    flex: 1;
    text-align: center;
    padding-bottom: 1em;
    color: #00066;
    cursor: pointer
}

.pepm-new .login-tab .login-tab__item.cur {
    color: #000
}

.pepm-new .usr-input.usr-vcode {
    display: flex
}

.pepm-new .usr-input.usr-vcode .input {
    flex: 1
}

.pepm-new .usr-input.usr-vcode button {
    flex: 0 0 auto;
    width: 7em;
    margin-left: 1em;
    border: 0;
    background: #9a0000;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer
}

.pepm-new .usr-input.usr-vcode button[disabled] {
    background: 0 0;
    cursor: not-allowed
}

.user-new {
    --white: #ffffff;
    --red: #9a0000;
    --text-color: #181818;
    --divide-line-color: #eeeeee;
    --background-color: #eeeeee;
    padding: 0;
    margin: 0;
    background: 0 0
}

.user-new .ele-padding {
    padding: 0 20px
}

.user-new .ele-margin-bottom--md {
    margin-bottom: 14px
}

.user-new .ele-padding-bottom--lg {
    padding-bottom: 31px
}

.user-new fieldset {
    display: none
}

.user-new .user-new__detail {
    background: var(--white);
    padding: 45px 26px;
    height: 64px
}

.user-new .layui-nav-bar {
    display: none !important
}

.user-new .user-new__detail .user-detail__avatar {
    float: left;
    width: 64px;
    height: 64px
}

.user-new .user-new__detail .user-detail__avatar img {
    width: 100%;
    height: 100%;
    border-radius: 8px
}

.user-new .user-new__detail .user-detail__email, .user-new .user-new__detail .user-detail__name {
    display: inline-block;
    margin-left: 10px;
    width: calc(100% - 26px * 2 - 32px);
    color: var(--text-color)
}

.user-new .user-new__detail .user-detail__name {
    font-size: 18px;
    margin-top: 3px;
    height: 24px;
    line-height: 24px;
    font-weight: 700
}

.user-new .user-new__detail .user-detail__email {
    font-size: 16px;
    margin-top: 12px;
    height: 24px;
    white-space: nowrap;
    line-height: 24px;
    color: var(--secondary-text-color);
    overflow: hidden;
    text-overflow: ellipsis
}

.user-new .user-new__detail .user-detail_long_email {
    font-size: 16px;
    margin-left: 75px;
    height: 24px;
    line-height: 24px
}

.user-new .user-new__submenu {
    background: #f6f6f6;
    padding: 0;
    margin-top: 8px;
    width: 100%
}

.user-new .user-new__submenu li {
    display: block;
    height: 56px;
    border-bottom: 1px solid var(--divide-line-color);
    background: var(--white) !important
}

.user-new .user-new__submenu li#menuh-account-logout {
    margin-top: 10px;
    text-align: center;
    height: 48px
}

.user-new .user-new__submenu li#menuh-account-logout a {
    height: 48px;
    line-height: 48px
}

.user-new .user-new__submenu li#menuh-account-logout a:after {
    display: none
}

.user-new .user-new__submenu li#menuh-account-logout a span + span {
    margin: 0;
    color: var(--red)
}

.user-new .user-new__submenu li.layui-this, .user-new .user-new__submenu li.layui-this a {
    background: var(--background-color) !important;
    color: var(--text-color)
}

.user-new .user-new__submenu li::after {
    height: 0 !important
}

.user-new .user-new__submenu li a {
    color: var(--text-color);
    background: var(--white) !important;
    height: 56px;
    line-height: 56px;
    padding: 0 20px
}

.user-new .user-new__submenu li a::after {
    content: "";
    float: right;
    width: 8px;
    height: 16px;
    margin-top: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAcCAYAAAC+lOV/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4NDVhMzcxYy1jN2ZjLWZmNDAtYmViNi1kMGNhNmY3YTAzMjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzFERUFDQTYyMzc3MTFFOUFBNDZGODU3OUJEREUxNzQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzFERUFDQTUyMzc3MTFFOUFBNDZGODU3OUJEREUxNzQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU3MTBjOTk4LTAxMjEtZjg0Yy05ZTFiLTRlYmRhYTljMDQxYiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmY4M2FjMTE0LTg5ODItYjQ0Ny1iNTQ3LTA1YTI4NDc4MjdmZCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtuY9ioAAAFESURBVHjanJTNSsNAFIWnaXdFugi4diGtD2BpTfFn19Y3cN9n8w1EQVpFO0FtcSk0mz5AcaEP0HgGTmAsSW5uBw53GPKdmdyZe2vW2ntjzBE0iaLIGsUIoBF0Ar3EcXyuhWNv/qwxcMAYSvYxqKVpavBxyBO0ub6FrpCDVxF2gwYrKPQMwEfvIkyDDoL1DH6hLgwSEfYMFtABl755gkSEadDnCYIyg1yYBi7jM6hRZFAI02CI8OAt/TMohWlwg3CbZyDCJQaDSnCBwTpQ1MEG8ndqBIpdH12OvGMPqyTsGuFu93+RsJV0Ve6un6A6l36gngOlR3KGMPde2ZbgUnqerjQ/oWZZieYVRpu1HUq1vVuShwhfVcC8ZvAGHVftJlkbamH+oW5D6Nt17niqAbNuOd0HzOBLzlMNmMGWj/5CA7rxJ8AAvlbGVV5vBQwAAAAASUVORK5CYII=) no-repeat;
    background-size: 8px 16px
}

.user-new .user-new__submenu li a:hover {
    color: var(--text-color)
}

.user-new .user-new__submenu li a span:first-child {
    color: #a1a1a1;
    font-size: 1.5em
}

.user-new .user-new__submenu li a span:first-child::before {
    min-width: 15px;
    max-width: 15px;
    min-height: 15px;
    max-height: 15px
}

.user-new .user-new__submenu li a span + span {
    margin-left: 23px;
    font-size: 15px
}

.user-new .user-new__reset-passwd {
    padding: 0;
    background: 0 0
}

.user-new .user-new__reset-passwd .reset-passwd__table {
    padding: 0;
    margin-bottom: 13px
}

.user-new .user-new__reset-passwd .reset-passwd__table td, .user-new .user-new__reset-passwd .reset-passwd__table th, .user-new .user-new__reset-passwd .reset-passwd__table tr {
    border: 0;
    background: var(--white)
}

.user-new .user-new__reset-passwd .reset-passwd__table tr {
    border-bottom: 1px solid var(--divide-line-color)
}

.user-new .user-new__reset-passwd .reset-passwd__table tr:last-child {
    border-bottom: 0
}

.user-new .user-new__reset-passwd .reset-passwd__table td input {
    background-color: var(--white)
}

.user-new .user-new__reset-passwd .reset-passwd__table td.label {
    text-align: left;
    padding: 13px 0 13px 20px
}

.elem-new, .elem-root {
    --elem-white: #ffffff;
    --red: #9a0000;
    --red-2: #ce4e43;
    --elem-red: #9a0000;
    --elem-grey: #4e4e4e;
    --light-grey: #676767;
    --text-color: #181818;
    --secondary-text-color: #838383;
    --divide-line-color: #eeeeee;
    --background-color: #eeeeee;
    --disabled-color: #eeeeee;
    --border-color: #e4e4e4;
    --placeholder-color: #a9a9a9;
    --label-color: #454545;
    --primary-font-size: 16px;
    --secondary-font-size: 12px;
    --transition-duration: 382ms;
    --control-border-color: #949494;
    --sunit: 8px;
    --munit: 20px;
    --border-radius: 4px;
    --tab-menu-height: 48px
}

.elem-new .text-red {
    color: var(--red)
}

.elem-new .text-red-2 {
    color: var(--red-2)
}

.elem-new .float-left {
    float: left
}

.elem-new .float-right {
    float: right
}

@keyframes click-effect {
    0%, 100% {
        opacity: 1
    }
    50% {
        opacity: .3
    }
}

@media screen and (max-width: 950px) {
    .elem-new .canvas-hph, .elem-new .ios-hph, .elem-new.canvas-hph, .elem-new.ios-hph {
        height: 50px;
        width: 100%;
        background: 0 0
    }
}

.elem-new .layui-input-block {
    margin: 0 !important;
    padding: 0 !important
}

.elem-new .bg-white {
    background: var(--elem-white)
}

.elem-new .bold {
    font-weight: 700
}

.elem-new .bg-red {
    background: var(--red)
}

.elem-new .color-white {
    color: var(--elem-white)
}

.elem-new .color-red {
    color: var(--red)
}

.elem-new .margin-lr--md {
    margin-left: 21px;
    margin-right: 21px
}

.elem-new .margin-bottom--md {
    margin-bottom: 14px
}

.elem-new .margin-bottom--lg {
    margin-bottom: 31px
}

.elem-new .margin-top--lg {
    margin-top: 31px
}

.elem-after::after {
    float: right;
    position: relative;
    right: var(--munit)
}

.elem-after.elem-arrow::after {
    content: "";
    position: relative;
    float: right;
    width: 8px;
    height: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAcCAYAAAC+lOV/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4NDVhMzcxYy1jN2ZjLWZmNDAtYmViNi1kMGNhNmY3YTAzMjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzFERUFDQTYyMzc3MTFFOUFBNDZGODU3OUJEREUxNzQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzFERUFDQTUyMzc3MTFFOUFBNDZGODU3OUJEREUxNzQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU3MTBjOTk4LTAxMjEtZjg0Yy05ZTFiLTRlYmRhYTljMDQxYiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmY4M2FjMTE0LTg5ODItYjQ0Ny1iNTQ3LTA1YTI4NDc4MjdmZCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtuY9ioAAAFESURBVHjanJTNSsNAFIWnaXdFugi4diGtD2BpTfFn19Y3cN9n8w1EQVpFO0FtcSk0mz5AcaEP0HgGTmAsSW5uBw53GPKdmdyZe2vW2ntjzBE0iaLIGsUIoBF0Ar3EcXyuhWNv/qwxcMAYSvYxqKVpavBxyBO0ub6FrpCDVxF2gwYrKPQMwEfvIkyDDoL1DH6hLgwSEfYMFtABl755gkSEadDnCYIyg1yYBi7jM6hRZFAI02CI8OAt/TMohWlwg3CbZyDCJQaDSnCBwTpQ1MEG8ndqBIpdH12OvGMPqyTsGuFu93+RsJV0Ve6un6A6l36gngOlR3KGMPde2ZbgUnqerjQ/oWZZieYVRpu1HUq1vVuShwhfVcC8ZvAGHVftJlkbamH+oW5D6Nt17niqAbNuOd0HzOBLzlMNmMGWj/5CA7rxJ8AAvlbGVV5vBQwAAAAASUVORK5CYII=) center no-repeat;
    background-size: 8px 16px;
    transition-duration: var(--transition-duration)
}

.elem-after.elem-arrow.elem-arrow--up::after {
    transform: rotate(-90deg)
}

.elem-after.elem-arrow.elem-arrow--left::after {
    transform: rotate(180deg)
}

.elem-after.elem-arrow.elem-arrow--down::after {
    transform: rotate(90deg)
}

.elem-after.elem-checked::after {
    content: "";
    width: 18px;
    height: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1YTQ1ZGQ4MS1mMWQyLWNhNDYtOWI0YS05YjA3NGJmYjBkMDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDkxRDdDRDcyNDQwMTFFOTlENjE5MkQxOEMyNDI0OTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDkxRDdDRDYyNDQwMTFFOTlENjE5MkQxOEMyNDI0OTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc1ZTY3M2RlLTFjNmMtYjA0Zi04YTAyLTExMGIyNDZjMjViMiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmFiNTg4ODhmLTNiYWYtYmE0NC1iZWEwLWRkOTg1NjRiYjJhMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PloStj0AAAFkSURBVHjaYvz//z8DNcFsRkZuILUOiNWBuISFyobzAqm9QGwKFZrOREXDBYHUQSTDQWAGIzWCCGi4CJA6AMTaSMI9qf//lzJBFfBTYLg0kDqOZng7yHAQgwmooA9I3wHSXWQYrgykjgKxCpJwE9DwKhiHcRYDA3IYTQFK5hJpuAaQ2g/EEkjCdUD9zcjqmKCxDgM5QI3TiTBcB0gdQTO8Et1wmAUBQHwMSSwDaMBcPIYbQoNFGEm4CGh4Bzb14FQE1ATKD7uB2AFJbhlQUzSa4eZAah8QcyEJZwPVTcPlIHgyBWpmBFI7gNgNSX4jUHMAVN4WSO0BYjYk+Tig/GJ8wYmRD4AGbQFS3khCIANWQ7M/cs4PAxq+mlB8Yc1oQEvWQ+MGF/AHGr6JmNSGtagAag6Euhod/ANiX2INx2kB1JIwILUASeg3KOiA4ltIyYwEyyJgcKUAKVAEzwAafpzU3A4QYAB313vff9QBLwAAAABJRU5ErkJggg==) center no-repeat;
    background-size: 18px 12px
}

.elem-new .elem-flex--inline-center {
    height: 100%;
    display: inline-flex !important;
    justify-content: center;
    align-items: center
}

.elem-new .elem-new__form fieldset, .elem-new select.elem__select--slided + .layui-form-select {
    display: none
}

.elem-new .button[disabled] {
    opacity: .46
}

.elem-new .elem__switch--layui + .layui-form-switch[lay-skin="_switch"], .elem-new--switch .layui-form-switch[lay-skin="_switch"] {
    margin: 0;
    padding: 0;
    border: 2px solid;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    float: right;
    position: relative;
    right: var(--munit);
    height: 26px;
    width: 46px
}

.elem-new .elem__switch--layui + .layui-form-switch[lay-skin="_switch"] i, .elem-new--switch .layui-form-switch[lay-skin="_switch"] i {
    width: 24px;
    height: 24px;
    border: 1px solid var(--border-color);
    background: var(--elem-white);
    top: 0;
    box-shadow: 0 0 1px 1px rgba(45, 45, 45, .14)
}

.elem-new .elem__switch--layui + .layui-form-switch.layui-form-onswitch[lay-skin="_switch"], .elem-new--switch .layui-form-switch.layui-form-onswitch[lay-skin="_switch"] {
    border-color: var(--red);
    background-color: var(--red)
}

.elem-new .elem__switch--layui + .layui-form-switch[lay-skin="_switch"]:not(.layui-form-onswitch), .elem-new--switch .layui-form-switch[lay-skin="_switch"]:not(.layui-form-onswitch) {
    border-color: var(--disabled-color);
    background-color: transparent
}

.elem-new .elem__switch--layui + .layui-form-switch.layui-form-onswitch[lay-skin="_switch"] i, .elem-new--switch .layui-form-switch.layui-form-onswitch[lay-skin="_switch"] i {
    left: 20px
}

.elem-new .elem__switch--layui + .layui-form-switch[lay-skin="_switch"]:not(.layui-form-onswitch) i, .elem-new--switch .layui-form-switch[lay-skin="_switch"]:not(.layui-form-onswitch) i {
    border-color: var(--elem-white);
    left: 0
}

.elem-new .elem__thumbnail {
    width: 64px;
    height: 64px
}

.elem-new .elem__thumbnail img {
    width: 100%;
    height: 100%;
    border-radius: 8px
}

.elem-new .elem-new__form {
    padding: 0;
    background: 0 0
}

.elem-new .elem-new__form .form__table {
    padding: 0;
    margin-bottom: 13px;
    max-width: 812px !important
}

.elem-new .elem-new__form .form__table td, .elem-new .elem-new__form .form__table th, .elem-new .elem-new__form .form__table tr {
    border: 0;
    background: var(--elem-white)
}

.elem-new .elem-new__form .form__table tr {
    border-bottom: 1px solid var(--divide-line-color)
}

.elem-new .elem-new__form .form__table tr:last-child {
    border-bottom: 0
}

.elem-new .label {
    color: var(--label-color) !important
}

.elem-new .elem-new__form .form__table td input {
    background-color: var(--elem-white);
    color: var(--label-color);
    font-size: 16px;
    border: 0
}

.elem--mobile.elem__modal.elem-bg--black, .elem--mobile.elem__modal.elem-bg--black .layui-layer-content {
    background: var(--elem-grey)
}

.elem-new .elem-new__form .form__table td.label {
    text-align: left;
    padding: 13px 0 13px 20px;
    font-size: var(--primary-font-size)
}

.elem-new .elem-new__form .elem-table--slided td {
    width: 10%
}

.elem-new input[placeholder]::-webkit-input-placeholder {
    color: var(--placeholder-color);
    font-size: var(--primary-font-size)
}

.elem-new .elem-slided-tr td {
    height: 0;
    margin: 0;
    padding: 0
}

.elem-new .elem-slided-tr {
    border-bottom: 0 !important
}

.elem-new .elem-select-dropdown__container, .elem-new .elem-select-dropdown__option {
    margin: 0;
    padding: 0
}

.elem-new .elem-select-dropdown__container .elem-select-dropdown__option {
    margin-left: 39px;
    color: var(--secondary-text-color);
    font-size: var(--primary-font-size);
    border-bottom: 1px solid var(--divide-line-color);
    height: 42px;
    line-height: 42px
}

.elem-new .elem-select-dropdown__container .elem-select-dropdown__option:last-child {
    margin-left: 0;
    padding-left: 39px
}

.elem-new .border-top, .elem-new.border-top {
    border-top: 1px solid var(--divide-line-color)
}

.elem-new .border-top:first-child(.elem-new .border-bottom:last-child), .elem-new.border-top:first-child(.elem-new .border-bottom:last-child) {
    border-top: 0 !important
}

.elem-new .border-bottom, .elem-new.border-bottom {
    border-bottom: 1px solid var(--divide-line-color)
}

.elem-new .border-bottom:last-child:not(.elem-new .border-bottom:first-child), .elem-new.border-bottom:last-child:not(.elem-new .border-bottom:first-child) {
    border-bottom: 0 !important
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .elem-new .border-bottom:after, .elem-new .border-top:before, .elem-new.border-bottom:after, .elem-new.border-top:before {
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {
    .elem-new .border-bottom:after, .elem-new .border-top:before, .elem-new.border-bottom:after, .elem-new.border-top:before {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.elem-new .button {
    display: inline-block;
    border: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.elem-new .button--fulled {
    display: block;
    width: 100%;
    height: 42px
}

.elem-new .button--fulled.margin-lr--md {
    width: calc(100% - 21px * 2)
}

.elem--mobile.elem__modal {
    border-radius: .5em;
    width: 68% !important
}

.elem--mobile.elem__modal, .elem--mobile.elem__modal * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.elem--mobile.elem__modal .layui-layer-content {
    font-size: var(--secondary-font-size);
    padding: 21px 23px;
    color: #fff;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.elem--mobile.elem__modal.layui-layer-prompt .layui-layer-content input[type=text] {
    padding: 0;
    margin: 0;
    height: 35px;
    width: 100%;
    border: 0;
    text-align: center;
    font-size: var(--primary-font-size);
    color: var(--elem-white);
    background: var(--light-grey)
}

.elem--mobile.elem__modal .layui-layer-btn.layui-layer-btn- {
    height: 43px;
    border-top: 1px solid var(--elem-white);
    padding: 0;
    margin: 0;
    display: flex;
}

.elem--mobile.elem__modal .layui-layer-btn.layui-layer-btn- a {
    height: 100%;
    margin: 0;
    padding: 0;
    color: #fff;
    background-color: transparent;
    font-size: var(--primary-font-size);
    border: 0;
    border-right: 1px solid var(--elem-white);
    border-radius: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1
}

.elem--mobile.elem__modal .layui-layer-btn.layui-layer-btn- a:last-child {
    border-right: 0
}

.elem--mobile.elem__modal .layui-layer-close.layui-layer-close1, .elem--mobile.elem__modal .layui-layer-resize, .elem--mobile.elem__modal .layui-layer-setwin, .elem--mobile.elem__modal .layui-layer-title {
    display: none
}

.elem--mobile.elem__modal.elem__modal-msg {
    width: 98px !important;
    min-width: 98px !important;
    height: 90px !important
}

.elem--mobile.elem__modal.elem__modal-msg .layui-layer-content {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 0 !important;
    height: 100%;
    font-size: 0;
    color: transparent;
    border-radius: .5rem
}

.elem--mobile.elem__modal.elem__modal-msg .layui-layer-content .elem__modal-msg__content {
    color: var(--elem-white);
    font-size: var(--primary-font-size);
    position: relative;
    bottom: 6px
}

.elem--mobile.elem__modal.elem__modal-msg .layui-layer-content i.layui-layer-ico {
    width: 36px;
    height: 36px;
    top: 13px;
    left: calc(50% - 18px)
}

.elem--mobile.elem__modal.elem__modal-msg.elem__modal-msg--success .layui-layer-content i.layui-layer-ico {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAYAAAA4E5OyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4NDVhMzcxYy1jN2ZjLWZmNDAtYmViNi1kMGNhNmY3YTAzMjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDQ2MkQ2QjUyNDNEMTFFOUFEMTJGOTU3RTk3NzEwMjUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDQ2MkQ2QjQyNDNEMTFFOUFEMTJGOTU3RTk3NzEwMjUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJjM2U1ODY4LWU0MDEtNmU0Yy1hNmQwLWRhNWM1MzllMWQyNyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjc3YjhhZmUzLTg2YzQtZGM0Ni05MGNjLTExMmI0ZWQwOGMwOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrCrCa4AAAcTSURBVHja5FxrTBRXFD6LiAUErU0f0TRE66MlJaY8ilpEKqKIgqCI+C4VkqZJ06aPaG3T/mhMm76SxrRNfBD1h1XxgbRFRIw2DdXwiFAJbhG1jYltU8sjgDQobs83exdXnGFnZ2dmX1/yxcXZvTP77TnnnnPm3rHYbDYyARbm08znmXHM6cwYZhRzPHOseF8vs1P8+wfzN2YLs45pZRp+sRYDBRnDzGbmMhcyH/VwvH+Y1cwK5o/MPn8RJIlZzCwQv74RgAWVMb9mNuo6MgTRienMn2zmA+d8Ua/voYeFxDK/YGaSd1HFfIvZ6skgIR7GiG3MJh8Qg8Q1XGB+JK7N1BgylfkdM5F8Ew0ihl0zw0LyRSDzVTFIXNsFca2GCvIe8xAzmnwf48S1bjHCZZBYfcl8g/wTCPrvqEns1FqIP4tBYvb5XC+X2eLnYjjwphr3ceUy+cIPLRQYsInvdFSLIE+J2WQcBRa6mc8pTckhIyRdhwJQDMfsgzoozB1BtjLjKXCRwHxXrctMY/7KfIgCG/8xn2VecWUh24NADBLf8StXFpLC/JmCC/jOtUoW8j4FH7YqWUiCqBL9Glarlerq6ig6OpqSkpJo0qRJanKTBFEMUqjTgVf9XYwzZ87QgQMHhv5ubm6mkpISmjhxoqs6Dd+9xNllIkX/wG9x+vTp+8QAbty4QSdOnFDz8VXMCGdBltC9WwF+h5qaGiorK5M91tnZqWYI3A7JchZkmb+KUV1dTYcPHyalEiQuLk7tUDmOGAIfyvBXMY4cOaJ4fPbs2TRv3jy1wy10CDKDPL+JZDpOnjxJR48qFq2UnJxMq1evpjFjVPebH4cWECTZ38SoqqqiY8eOKR6fNWsWrVu3jkaPHu12jQNB4vxJDMwa5eXlisfnzJkjWYYGMchhIdO0XtzFixepra2NJkyYQKmpqTRq1CivipGSkkIFBQUUFham9RTTIciTWs0WQa2vr49CQkKovb1dMtPw8HBDxKisrKSKigrF43PnzqWVK1e6EzPkMA2CPKw1qN26dUt6fffuXWpoaKA7d+7Qhg0bKDIyUlcxIASsQ2lqTUtLo+XLl3sqBjA+VCQlbsMhhjOampqki16/fj1FRUXpIsbx48cla4TowwHLxLQKMTxwk/sStBCtgkyZMkX2/1E/7N27l7q7uz26ssHBQSnHGEmM+fPnU35+vl5iDAmiCenp6YqRHMF237591NXVpWlsuB5yjFOnTsmKgeCN869YsYJCQ0N1dU8I0qPlg4mJibRmzRrFINrS0iJZispaYgi3b9+WUnHUJ3IxA5axYMECyU3wWmf0aBbEec5XEqW1tdUtUQYGBiQxUMbL/noswKJFiygvL88IMYYE6fBkBKTIa9eulWYWi+XB+1mXLl2i0tJS6ujocCkGyvezZ8/KNy147MzMTMrNzZU9j07ogiDXPR0FnSnkIBEREbIXi+Rt9+7dipYCN9m/fz/V1tYqniMrK4uWLTO8KL8MQdr1GCk+Pp42btyo6D5I3Hbt2vWApSCAIgCfP39ecezs7GzKyckxozJogyDNeo02c+ZMKioqcinKzZs3h9xkz549VF9fr5h0QYylS5eaVSpZ0WRG+W/Vc1QE0x07dlB/f7/s8djYWCkenDt3TrIMJTHgInAVEzEDgsDp/xT9AF1F2blzp2xGCyAIow5SAoLn4sWLzRTjb+YTcBn8PDV6jw4rQMcbgVYOI4mBHMNkMaR61ZGYSSWDEWeAKMXFxTR2rPr+NSpW5BpewPfS9C78N0KYjCGdd7gPcpGeHuUcENM1xEBK7gX0iJDR77AQOPoho84GS9m0aZNiBYx6pLCw0FtiALih0+9sIVIqQXovpB+e9Vy+TAcPHqTr1+/lguhhoGJFg8fADHQk2MR3bxouCIAiIs3Is/f29lJjY6M03aL1mJGRQTExMd4SA8BWk6FEZ7ggaUKUYMILzF+cy39noLKqDCIxfnAWQ85CAKw+xLauYFhSha0t14Y3iIYDa64+CQLr2EYySzOV1qmGCVNKCFAx6sm+lGpArSDAZLKvqgm0tapo9GLh7u9yB0fqw8GcXiYTtoaaiEFmkZIYrgQBcHv99QAS5DVm+UhvUNOp3R4gQfZj5reu3uTOBqLPyL7vxB/xKXOzmjeq7eVDtbfJvqbTn2KKTQixWe0HtOzKzGOWknG7tvWcTV4iN3s9WrepThbtAl/dmYk8YxWZtE3VMSUjsfnQ0UfwEeBaPhAF2zUtA+ix1R21D3YVLPGBQg0pwlVPBtHjBukV0U/wVusA50wl+6M5rno6mBGPy0D98wqzkIxbHd0rYtg3pHOXz8gHqoQLN8IDVbAw+DEPx/uL7LcK4BqVRsUui0mP3AGmC+t5RrzGEqRHyL6CyfmRO+iA/yvMH4/csQoraDPjIv8XYABgZUBReALGOAAAAABJRU5ErkJggg==);
    background-size: 36px 36px
}

.elem-ix-padding {
    display: block;
    height: 100px
}

.elem-new.toolbar, .elem-new.toolbar *, .elem-new.toolbar + .toolbar__dropdown-wrapper, .elem-new.toolbar + .toolbar__dropdown-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: .2s;
    opacity: 1
}

.elem-new.toolbar {
    height: var(--menuh-height);
    width: 100%;
    display: flex;
    position: fixed;
    background: var(--elem-white);
    z-index: 2000
}

.elem-new.toolbar:not(.dropdown--show) {
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .1)
}

.elem-new.toolbar.toolbar--scroll-mode .toolbar__left {
    flex: 0 0 auto;
    width: 3em
}

.elem-new.toolbar.toolbar--scroll-mode .toolbar__right {
    flex: 0 0 auto;
    width: 6em
}

.elem-new.toolbar.toolbar--scroll-mode .toolbar__right.empty {
    width: 0
}

.elem-new.toolbar .toolbar__left, .elem-new.toolbar .toolbar__middle, .elem-new.toolbar .toolbar__right {
    flex: 1;
    height: var(--menuh-height);
    line-height: var(--menuh-height)
}

.elem-new.toolbar .toolbar__left {
    padding-left: 20px;
    opacity: 1
}

.elem-new.toolbar .toolbar__left.disabled {
    opacity: 0
}

.elem-new.toolbar .toolbar__right .toolbar-right__btn.disabled, .elem-new.toolbar .toolbar__right.disabled {
    opacity: .33
}

.elem-new.toolbar .toolbar__middle .toolbar-middle__title {
    text-align: center;
    font-size: var(--primary-font-size);
    color: #ce4e43
}

.elem-new.toolbar .toolbar__middle .toolbar-middle__title.toolbar-middle__title--subs:not(.toolbar-middle__title--no-subs)::after {
    transition: transform .2s;
    display: inline-block;
    font-family: Ionicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f123";
    margin-left: .5em
}

.elem-new.toolbar .toolbar__middle.dropdown--show .toolbar-middle__title.toolbar-middle__title--subs:not(.toolbar-middle__title--no-subs)::after {
    transform: rotateZ(-180deg)
}

.elem-new.toolbar .toolbar__right {
    display: flex;
    flex-direction: row-reverse;
    padding-right: 10px
}

.elem-new.toolbar .toolbar__left .toolbar-left__back {
    font-size: var(--primary-font-size);
    width: 1.5em
}

.elem-new.toolbar .toolbar__right .toolbar-right__btn:last-child {
    margin-left: 0
}

.elem-new.toolbar .toolbar__right .toolbar-right__btn {
    height: calc(var(--menuh-height) - 12px * 2);
    margin-top: 12px
}

.elem-new.toolbar .toolbar__right .toolbar-right__btn.toolbar-right__btn--img, .elem-new.toolbar .toolbar__right .toolbar-right__btn.toolbar-right__btn--ion, .elem-new.toolbar .toolbar__right .toolbar-right__btn.toolbar-right__btn--ion .ion {
    width: 38px;
    height: 38px;
    line-height: 38px
}

.elem-new.toolbar .toolbar__right .toolbar-right__btn.toolbar-right__btn--ion .ion {
    text-align: center;
    position: relative;
    bottom: 10px;
    right: -10px;
    font-size: 1.5em
}

.elem-new.toolbar .toolbar__right .toolbar-right__btn.click-effect {
    animation: click-effect .4s ease
}

.elem-new.toolbar .toolbar__right .toolbar-right__btn.toolbar-right__btn--img i .elem-new.toolbar .toolbar__right .toolbar-right__btn.toolbar-right__btn--img .img {
    height: 100%;
    background-size: 18px 18px !important;
    background-repeat: no-repeat !important;
    background-blend-mode: lighten
}

.elem-new.toolbar + .toolbar__dropdown-wrapper {
    position: absolute;
    z-index: 1998 !important
}

.elem-new.toolbar .toolbar__right .toolbar-right__btn.toolbar-right__btn--img {
    width: 38px;
    height: 38px;
    margin-top: 2px
}

.elem-new.toolbar .toolbar__right .toolbar-right__btn.toolbar-right__btn--img:first-child {
    margin-right: -12px
}

.elem-new.toolbar .toolbar__right .toolbar-right__btn.toolbar-right__btn--img.actived .img {
    background-image: linear-gradient(red, red)
}

.elem-new.toolbar .toolbar__right .toolbar-right__btn.toolbar-right__btn--img .img {
    height: 100%;
    background-size: 18px 18px !important;
    background-repeat: no-repeat !important;
    background-blend-mode: lighten;
    background-position: center !important
}

.elem-new.toolbar + .toolbar__dropdown-wrapper .toolbar__subs-dropdown {
    width: 100%;
    height: 100%;
    position: fixed;
    top: var(--menuh-height);
    background: rgba(0, 0, 0, .33);
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s;
    z-index: 998
}

.elem-new.toolbar + .toolbar__dropdown-wrapper .toolbar__subs-dropdown.active {
    opacity: 1;
    pointer-events: initial
}

#toolbar ~ .layout #menuh {
    display: none !important
}

#toolbar.toolbar--scroll-mode ~ .layout #menuh {
    display: block !important
}

#toolbar.toolbar--scroll-mode .toolbar__middle {
    display: flex;
    overflow: scroll;
    white-space: nowrap
}

#toolbar.toolbar--scroll-mode .toolbar__middle li {
    padding: 0 1em
}

#toolbar.toolbar--scroll-mode .toolbar__middle li a {
    text-align: center;
    color: #8f8f8f !important
}

#toolbar.toolbar--scroll-mode .toolbar__middle li.back {
    display: none
}

#toolbar.toolbar--scroll-mode .toolbar__middle li.layui-this {
    border-bottom: 1px solid #ff9c36
}

#toolbar.toolbar--scroll-mode .toolbar__middle li.layui-this span {
    color: #ff9c36
}

.elem-new.toolbar + .toolbar__dropdown-wrapper .toolbar__subs-container {
    background: var(--elem-white);
    transition: transform .2s;
    transform: translateY(calc(-100% - var(--menuh-height)))
}

.elem-new.toolbar + .toolbar__dropdown-wrapper .toolbar__subs-dropdown.active .toolbar__subs-container {
    transform: translateY(0)
}

.elem-new.toolbar + .toolbar__dropdown-wrapper .toolbar__subs-container .toolbar-subs__sub {
    height: 40px;
    border-bottom: 1px solid var(--divide-line-color);
    padding: 12px 20px 0 0;
    margin-left: 20px;
    font-size: var(--primary-font-size);
    line-height: var(--primary-font-size);
    color: var(--label-color)
}

.elem-new.toolbar + .toolbar__dropdown-wrapper .toolbar__subs-container .toolbar-subs__sub.checked {
    color: var(--elem-red)
}

.elem-new.toolbar + .toolbar__dropdown-wrapper .toolbar__subs-container .toolbar-subs__sub.checked::after {
    content: '';
    background: url(/static/images/new/checked.png) center no-repeat;
    width: 24px;
    height: 100%;
    background-size: 24px 16px;
    float: right;
    position: relative;
    top: -6px;
    transform: scale(.7)
}

.elem-new.toolbar:not(.hide) + .toolbar__placeholder {
    width: 100%;
    height: var(--menuh-height);
    display: block;
    margin-bottom: 8px
}

.elem-new.toolbar:not(.hide) ~ .layout .layui-body {
    top: 0;
    height: auto
}

.fixed-loading .toolbar__placeholder {
    margin-bottom: 0 !important
}

.elem-new.toolbar .toolbar__left.hide {
    display: block !important;
    visibility: hidden;
    pointer-events: none
}

.elem-new#tab-menu:empty {
    display: none !important
}

.elem-new#tab-menu, .elem-new#tab-menu * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: .2s;
    opacity: 1
}

.elem-new#tab-menu {
    height: var(--tab-menu-height);
    width: 100%;
    transform: translateY(calc(-1 * var(--tab-menu-height)));
    position: fixed;
    bottom: calc(-1 * var(--tab-menu-height));
    z-index: 2001;
    background: #fff;
    display: flex;
    flex-direction: row-reverse
}

.elem-new#tab-menu:not(.shown) {
    transform: translateY(var(--tab-menu-height))
}

.elem-new#tab-menu .tab-menu__btn {
    flex: 1;
    text-align: center;
    padding: 8px
}

.elem-new#tab-menu .tab-menu__btn .tab-menu-btn__img-wrapper {
    width: 18px;
    height: 16px;
    overflow: hidden;
    text-align: center;
    padding-bottom: 4px;
    margin-left: auto;
    margin-right: auto
}

.elem-new#tab-menu .tab-menu__btn .tab-menu-btn__img {
    opacity: 1;
    width: 100%;
    transition: .1s
}

.elem-new#tab-menu .tab-menu__btn .tab-menu-btn__label {
    webkit-transform: scale(.5);
    transform: scale(.5);
    font-size: 20px;
    position: relative;
    bottom: 8px;
    color: var(--text-color);
    white-space: nowrap
}

.elem-new#tab-menu .tab-menu__btn.disabled .tab-menu-btn__img {
    opacity: .3
}

.elem-new#tab-menu .tab-menu__btn.disabled .tab-menu-btn__label {
    color: var(--placeholder-color)
}

.elem-new#tab-menu .tab-menu__btn.tab-menu__btn--cover {
    position: absolute;
    display: none;
    background: #fff;
    z-index: 2
}

.elem-new#tab-menu .tab-menu__btn.tab-menu__btn--cover.show {
    display: inline-block
}

.elem-new.msg-wrapper + div {
    background: 0 0;
    display: none
}

body.body-fixed, body.elem-body-fixed, html.body-fixed, html.elem-body-fixed {
    overflow: hidden
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .elem-new#tab-menu {
        height: calc(var(--mobile-menu-height) + env(safe-area-inset-bottom)) !important
    }
}

.elem-new.list--mobile, .elem-new.list--mobile * {
    box-sizing: border-box
}

.elem-new.list--mobile .list-wrapper--mobile {
    padding: 0 var(--sunit)
}

.layui-layer .elem-new.list--mobile .list-wrapper--mobile {
    padding: 0
}

.elem-new.list--mobile .list__entity--mobile {
    background: var(--elem-white);
    border-radius: var(--border-radius);
    margin-bottom: var(--sunit);
    padding: 12px
}

.elem-new.list--mobile .list__entity--mobile .list-entity__top {
    height: 60px;
    padding-bottom: var(--sunit);
    display: flex;
    flex-direction: row;
    align-items: center
}

.elem-new.list--mobile .list__entity--mobile .list-entity__top .icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--divide-line-color)
}

.elem-new.list--mobile .list__entity--mobile .list-entity__top .icon img {
    width: 100%
}

.elem-new.list--mobile .list__entity--mobile .list-entity__top .title {
    font-size: 15px;
    color: var(--text-color);
    margin-left: .5em;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
    white-space: nowrap
}

.elem-new.list--mobile .list__entity--mobile .list-entity__top .icon + .title {
    margin-left: 1em
}

.elem-new.list--mobile .list__entity--mobile .list-entity__top .title + i {
    transform: scaleY(1);
    position: absolute;
    right: calc(var(--sunit) + 12px);
    color: #9a0000;
    font-size: 2em
}

.elem-new.list--mobile .list__entity--mobile .entity-bottom__field {
    display: flex;
    color: var(--secondary-text-color);
    font-size: var(--secondary-font-size);
    padding-top: var(--sunit)
}

.elem-new.list--mobile .list__entity--mobile .list-entity__bottom .entity-bottom-field__label, .elem-new.list--mobile .list__entity--mobile .list-entity__bottom .entity-bottom-field__value {
    display: inline-block;
    width: calc(50% - 2px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.5
}

.elem-new.list--mobile .list__entity--mobile .list-entity__bottom .entity-bottom-field__value .field-value--rte {
    width: 100%;
    height: calc(36px * 1.5);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    word-break: break-all;
    white-space: normal
}

.elem-new.list--mobile .list__entity--mobile .list-entity__bottom .entity-bottom-field__value .field-value--rte * {
    color: #838383 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important
}

.elem-new.list--mobile .load-more {
    height: 3em;
    line-height: 3em;
    text-align: center;
    background: var(--elem-white);
    margin-bottom: var(--sunit)
}

.elem-new.list--mobile #filter-div__wrapper {
    display: none
}

.drawer__content #filter-div__wrapper {
    display: flex;
    flex-direction: column
}

.elem-new #filter-div__wrapper .filter--mobile {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: calc(100vh - 48px);
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    position: relative
}

.elem-new #filter-div__wrapper .filter--mobile.ios-fix {
    padding-bottom: 68px
}

.elem-new #filter-div__wrapper .filter--mobile, .elem-new #filter-div__wrapper .filter--mobile * {
    box-sizing: border-box
}

.elem-new #filter-div__wrapper .filter--mobile .filter-field {
    padding: 15px
}

.elem-new #filter-div__wrapper .filter--mobile .filter-field:last-child {
    border: 0
}

.elem-new #filter-div__wrapper .filter--mobile .filter-field .field__label {
    font-size: 15px;
    color: #595959
}

.elem-new #filter-div__wrapper .filter--mobile .filter-field .field__value {
    padding-top: 15px;
    display: flex;
}

.elem-new #filter-div__wrapper .filter--mobile .filter-field[data-type^=select] .field__value {
    flex-wrap: wrap
}

.elem-new #filter-div__wrapper .filter--mobile .filter-field[data-type^=select] .field__value .filter-option {
    position: relative;
    flex-basis: calc((100% / 3) - 10px);
    height: 26px;
    line-height: 26px;
    margin-right: 15px;
    margin-bottom: 15px;
    padding: 0 10px;
    border-radius: 4px;
    background: #f4f4f4;
    text-align: center;
    font-size: 11px;
    color: var(--text-color);
    overflow: hidden;
    text-overflow: ellipsis
}

.elem-new #filter-div__wrapper .filter--mobile .filter-field[data-type^=select] .field__label.elem-after.elem-arrow::after {
    width: 8px;
    height: 16px;
    right: 8px;
    top: 4px
}

.elem-new #filter-div__wrapper .filter--mobile .filter-field[data-type^=select] .field__value .filter-option.option--selected {
    background: #fff;
    border: 1px solid var(--pepm-red)
}

.elem-new #filter-div__wrapper .filter--mobile .filter-field[data-type^=select] .field__value .filter-option.option--selected:after {
    content: '+';
    background: var(--pepm-red);
    width: 20px;
    height: 20px;
    position: absolute;
    transform: rotate(45deg);
    top: -10px;
    right: -10px;
    color: #fff;
    text-align: center;
    line-height: 30px
}

.elem-new #filter-div__wrapper .filter--mobile .filter-field[data-type^=select] .field__value .filter-option:nth-child(3n+3) {
    margin-right: 0
}

.elem-new #filter-div__wrapper .filter--mobile .filter-field .field__value .filter-input {
    border: 0;
    background: #eee;
    width: 100%;
    border-radius: 4px;
    height: 26px;
    text-align: center;
    font-size: 11px;
    color: #181818
}

.elem-new #filter-div__wrapper .filter--mobile .filter-field .field__value .filter-input::placeholder {
    color: #a9a9a9;
    font-size: 11px
}

.elem-new #filter-div__wrapper .filter--mobile .filter-field[data-type=date] .field__value .datetime-wrapper {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    height: 26px
}

.elem-new #filter-div__wrapper .filter--mobile .filter-field[data-type*=range] .field__value .datetime-wrapper {
    display: inline-block;
    width: calc(50% - 21px);
    white-space: nowrap;
    height: 26px
}

.elem-new #filter-div__wrapper .filter--mobile .filter-field .field__value .filter-date {
    position: relative;
    right: 100%
}

.elem-new #filter-div__wrapper .filter--mobile .filter-field .field__value .filter-date-ph {
    pointer-events: none;
    position: relative;
    z-index: 100
}

.elem-new #filter-div__wrapper .filter--mobile .filter-field[data-type*=range] .field__value .filter-date-ph {
    bottom: 10px
}

.elem-new #filter-div__wrapper .filter--mobile .filter-field[data-type*=range] .field__value .filter-date-ph.filled {
    bottom: 0
}

.elem-new #filter-div__wrapper .filter--mobile .filter-field .field__value .filter-range.filter-date, .elem-new #filter-div__wrapper .filter--mobile .filter-field .field__value .filter-range.filter-date-ph {
    width: 100%
}

.elem-new #filter-div__wrapper .filter--mobile .filter-field .field__value .filter-date-ph + .filter-date {
    color: transparent;
    background: 0 0
}

.elem-new #filter-div__wrapper .filter--mobile .filter-field .field__value .filter-range {
    display: inline-block;
    border: 0;
    background: #eee;
    border-radius: 4px;
    height: 26px;
    text-align: center;
    font-size: 11px;
    color: #181818;
    width: calc(50% - 21px)
}

.elem-new #filter-div__wrapper .filter--mobile .filter-field .field__value .filter-connector {
    margin: 0 12px;
    border-top: 1px solid #d1d1d1;
    height: 1px;
    display: inline-block;
    position: relative;
    top: 13px;
    flex: 1
}

.elem-new #filter-div__wrapper .ipx-list-filter-ph {
    height: 72px;
    display: none
}

[platform-ios][view-safari][ipx-height] .elem-new #filter-div__wrapper .ipx-list-filter-ph {
    display: block
}

.elem-new #filter-div__wrapper .weapp-ph {
    height: 84px;
    display: none
}

.drawer--weapp .weapp-ph {
    display: block !important
}

.elem-new #filter-div__wrapper .filter-btn {
    display: flex;
    height: 48px;
    line-height: 48px;
    font-size: 17px;
    text-align: center;
    z-index: 999;
    position: absolute;
    bottom: 0;
    width: 100%
}

.drawer--weapp .filter-btn {
    bottom: 48px !important
}

.elem-new #filter-div__wrapper .filter-btn .filter-btn--reset {
    width: 33%;
    background: #fff;
    color: var(--text-color);
    box-sizing: border-box
}

.elem-new #filter-div__wrapper .filter-btn .filter-btn--confirm {
    flex: 1;
    background: var(--pepm-red);
    color: #fff
}

[ipx-height='635'] .elem-new #filter-div__wrapper {
    height: calc(100% + 1px)
}

[ipx-height='635'] .elem-new #filter-div__wrapper .filter--mobile {
    padding-bottom: 0 !important
}

[ipx-height='635'] .elem-new #filter-div__wrapper .filter-btn {
    bottom: 0 !important;
    height: auto
}

[ipx-height='635'] .elem-new #filter-div__wrapper .filter-btn .filter-btn--confirm, [ipx-height='635'] .elem-new #filter-div__wrapper .filter-btn .filter-btn--reset {
    padding-bottom: 12px !important
}

[ipx-height^='7'] .elem-new #filter-div__wrapper .filter--mobile {
    height: calc(100vh - 48px - env(safe-area-inset-bottom) * 1);
    padding-bottom: 0 !important
}

[ipx-height^='7'] .elem-new #filter-div__wrapper .filter-btn {
    position: relative;
    bottom: 0 !important
}

.elem-new#drawer.drawer__wrapper {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0);
    z-index: 100001;
    transition: .2s;
    pointer-events: none
}

.elem-new#drawer.drawer__wrapper .drawer__content {
    display: block;
    position: fixed;
    width: 75vw;
    height: 100%;
    top: 0;
    right: 0;
    background: #fff;
    transition: .2s;
    transform: translateX(100%);
    overflow: auto
}

.elem-new#drawer.drawer__wrapper.drawer--show {
    background: rgba(0, 0, 0, .62);
    pointer-events: initial
}

.elem-new#drawer.drawer__wrapper.drawer--show .drawer__content {
    transform: translateX(0)
}

.elem-new.elem-dropdown.dropdown__wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vh;
    height: 100vh;
    background: rgba(0, 0, 0, .168);
    z-index: 999999999
}

.elem-new.elem-dropdown.dropdown__wrapper, .elem-new.elem-dropdown.dropdown__wrapper .dropdown__container {
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s
}

.elem-new.elem-dropdown.dropdown__wrapper.dropdown--show, .elem-new.elem-dropdown.dropdown__wrapper.dropdown--show .dropdown__container {
    opacity: 1;
    pointer-events: initial
}

.elem-new.elem-dropdown.dropdown__wrapper[data-attached-to=toolbar] .dropdown__container::before {
    content: "";
    position: relative;
    right: 8px;
    top: -12px;
    float: right;
    border-width: 0 12px 12px;
    border-style: solid;
    border-color: transparent transparent #fff
}

.elem-new.elem-dropdown.dropdown__wrapper .dropdown__container {
    position: absolute;
    width: 12em;
    background: #fff;
    border-radius: 8px
}

.elem-new.elem-dropdown.dropdown__wrapper .dropdown__container .dropdown__content {
    border-bottom: 1px solid var(--divide-line-color);
    height: 42px;
    line-height: 20px;
    padding: 11px 15px;
    box-sizing: border-box
}

.elem-new.elem-dropdown.dropdown__wrapper .dropdown__container .dropdown__content:last-child {
    border-bottom: 0
}

.elem-new.elem-dropdown.dropdown__wrapper .dropdown__container .dropdown__content .dropdown-content__icon, .elem-new.elem-dropdown.dropdown__wrapper .dropdown__container .dropdown__content .dropdown-content__title {
    display: inline-block
}

.elem-new.elem-dropdown.dropdown__wrapper .dropdown__container .dropdown__content .dropdown-content__icon {
    text-align: center;
    width: 20px;
    height: 20px;
    margin-right: 16px;
    color: #303030
}

.elem-new.elem-dropdown.dropdown__wrapper .dropdown__container .dropdown__content .dropdown-content__icon .ion {
    font-size: 1.3em
}

.elem-new.elem-dropdown.dropdown__wrapper .dropdown__container .dropdown__content .dropdown-content__title {
    font-size: 14px;
    color: #303030
}

.table-fixed {
    table-layout: fixed !important
}

.ion-undefined {
    display: none
}

.elem-new .flex-title, .elem-new.select-popup-layer .select-popup__title {
    padding: 0 1em;
    display: flex;
}

.elem-new .flex-title .left-part, .elem-new.select-popup-layer .select-popup__title .tbtn-left {
    flex: 0 0 auto;
    width: 3em;
    text-align: center
}

.elem-new .flex-title .mid-part, .elem-new.select-popup-layer .select-popup__title .tcenter {
    flex: 1;
    text-align: center
}

.elem-new .flex-title .right-part, .elem-new.select-popup-layer .select-popup__title .tbtn-right {
    flex: 0 0 auto;
    width: 3em;
    text-align: center
}

.elem-new.select-popup-layer .select-popup__content {
    padding: 0
}

.elem-new .nsearch-box {
    background: #f2f2f2;
    padding: 8px 18px;
    height: 40px
}

.elem-new .nsearch-box input, .elem-new .nsearch-box label {
    width: calc(100% - 40px);
    height: 100%;
    border: 0
}

.elem-new .nsearch-box label:before {
    content: "";
    background: url(/static/images/new/search.png) center center no-repeat;
    -webkit-background-size: 25px 25px;
    background-size: var(--primary-font-size);
    float: left;
    position: absolute;
    line-height: 40px;
    height: 40px;
    width: 40px
}

.elem-new .nsearch-box input {
    padding-left: 40px;
    font-size: 15px;
    max-height: 40px
}

.elem-new.select-popup-layer .select-popup__list {
    width: 100vw
}

.elem-new.select-popup-layer .select-popup__list .select-popup-list__item {
    display: flex;
    flex-direction: row;
    padding: 0 16px;
    height: 56px;
    background: #fff;
    line-height: 56px;
    border-bottom: 1px solid #eee
}

.elem-new.select-popup-layer .select-popup__list .select-popup-list__item.checked {
    background: 0 0;
    border-color: transparent
}

.elem-new.select-popup-layer .select-popup__list .select-popup-list__item:last-of-type {
    border-bottom: 0
}

.elem-new.select-popup-layer .select-popup__list .select-popup-list__item .list-item__img {
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    align-self: center;
    margin-right: 1em
}

.elem-new.select-popup-layer .select-popup__list .select-popup-list__item .list-item__img img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px
}

.elem-new.select-popup-layer .select-popup__list .select-popup-list__item .list-item__text {
    flex: 1;
    font-size: 15px;
    color: #181818
}

.toolbar.hide--smooth {
    transform: translateY(-50px)
}

.toolbar ~ .layout--mobile .layui-body {
    transition: top .6s
}

.elem-new.toolbar.hide--smooth ~ .layout.layout--mobile .layui-body {
    top: 0
}

@-webkit-keyframes enter {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }
    5%, 50.9% {
        opacity: 1;
        transform: translateY(0)
    }
    55.9% {
        opacity: 0;
        transform: translateY(10px)
    }
}

@keyframes enter {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }
    5%, 50.9% {
        opacity: 1;
        transform: translateY(0)
    }
    55.9% {
        opacity: 0;
        transform: translateY(10px)
    }
}

@-moz-keyframes enter {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }
    5%, 50.9% {
        opacity: 1;
        transform: translateY(0)
    }
    55.9% {
        opacity: 0;
        transform: translateY(10px)
    }
}

#loading_bg_show .pepm-loader {
    margin-top: 32.5px
}

.pepm-loader {
    position: absolute;
    left: 50%;
    margin-left: -27.5px;
    margin-top: 0
}

.square {
    background: #fff;
    width: 15px;
    height: 15px;
    float: left;
    top: -10px;
    margin-right: 1px;
    margin-top: 1px;
    position: relative;
    opacity: 0;
    -webkit-animation: enter 3s infinite;
    animation: enter 3s infinite;
    background-size: 15px 15px !important
}

.enter {
    top: 0;
    opacity: 1
}

.square:nth-child(1) {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    animation-delay: .6s;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAIAAAC1eHXNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJ1JREFUeNpinMUwKAATw6g7Rt0x6o5Rd4y6Y9Qdo+4YdcdIc4dCQEDE/fssA+gCXgUF+/nzJR0cgOyBcQebgIBxfb1OQQFcZADcAbQe6AigU5AF6eoOYBQAIwIYHZhSLHRLChb9/cAkiUsBCx2Sgm5BgVF9PX5lNHeH2/r1kBwxWo6NumPUHaPuGHXHqDtG3THqjlF3jLpj6LgDIMAAKpUUZ7yS1/AAAAAASUVORK5CYII=)
}

.square:nth-child(2) {
    -webkit-animation-delay: .7s;
    -moz-animation-delay: .7s;
    animation-delay: .7s;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAIAAAC1eHXNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAhRJREFUeNrslz9IAlEcx9/Lv4gHwTnkpIsPQYPDJhs8SZwiUBcdXZ0aWqKGGlrDMWrR2cVB10OcBAdJaHqOCrrYYtxwi/08o8CO/nh/i/tu9+/x4fc+997vOR+Q2kwZph2NqhxkB1kjNofNYXPYHP+WgwmH/bmcYRyOk0+33Lu73Pk5X6tNAoHF/j4WRTSZfDHEi8dDAwGVHM6Na1IuJ66uoBhv1yy7LJfR4SFutRCl+tXjg4PluGS1GkynFd4iZHl2hh4fcaOB5nO9OGAigAAq8c27HLfkOCQIuN1GMFnachxcX8dPTwHlp19kMstkcoUiCFp6et/pOLxexWeU0sViofDA5UKx2EoamKPZTBdPfxFQuFJZydvtaunpliFkjxB+NBoMBsrFM4hDTiQSCYVCT3IkSTJzXXe73YlEolQqEULM31+AJpVKAU0wGDR/n/P7/cdyGIYxf7+FkhSLRZ7noUgGeapeYSP6j7XChULhC4WN64NAGlA4n88rKmx0P8ayLPibzWY3FHYiMxKSA8bAKryWxhyOdeLxOBizpjGT411hoLFEvw4K2+eXP8gBHag+3fkvOeCgcHGhR3e+1by0WvjyUtvufFs/RBFOUFAbqJAFPJ3P8d0dvr1F47EF/hdK8c0Nrte1VXjbdb3Xw8Ph6mx3dIR8PlPXD/iJZIWlft8C65goPjcazWZzOp2qGeZVgAEAO1uvOTOVlVUAAAAASUVORK5CYII=)
}

.square:nth-child(3) {
    -webkit-animation-delay: .8s;
    -moz-animation-delay: .8s;
    animation-delay: .8s;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAIAAAC1eHXNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOZJREFUeNrs1LEKgzAYBGDbBDcnJ0VwEwSdxFknNxcXwZfwvYU4FQRB8FqXUuzW5ne4GyTo4Ef+S25lWToXyN25Ruiggw466KCDDjrooIMOOuigg44fOuI4voJDjeMYBMHjFUlH27ae5yVJguc8z+u6ijmOle/7WZZhYYzZtk3McQQzStMUjmmaJB3PV0pFUYRJYWOslebEccR1XVCwPSjNsizC9wccfd93XSfsyPN8GIamaf7t0N8+hGFYVRUOs51+nDjw77quMRGb50V/dLMoCszC/j2m36sABCgi96m2X4XT7AIMAKn0OD57kevNAAAAAElFTkSuQmCC)
}

.square:nth-child(4) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    animation-delay: .3s;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAIAAAC1eHXNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEZJREFUeNrszjENACAMAMGCC9xUAAoxU2tIYCKB5H7+4dqKu82qkXncerwRBwcHBwcHBwcHBwcHBwcHBwcHBwcHx0+OLcAA02kDVxkK1jUAAAAASUVORK5CYII=)
}

.square:nth-child(5) {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    animation-delay: .4s;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAIAAAC1eHXNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAaJJREFUeNrsmDGOgkAUhlljqKCiojDSSCzWBhuwMRZLZW24ABfgBnoALU3kAh4AejkAHgAaOw5gR8P+cRKyiS5qYGZ2k/krJTP48d43wPhRVZX0S6LFojidpGcpVDUaj/FB1/X5fK4oivRmVFXtS92lKIrj8Wiapm3bsiy/MgXDZrMZpnTJQZJl2eVy+bylmWY6nU4mEzKmew6kLMvz+ZznuWVZo9HofoBhGI7joB31ESocJNfrNUkSlAc0UIcc1DQNjai/suCopYnjeDgcQmHXdaHCw2HUOUhA4Hnez0aw5kAZgiC4bwQ7DiwH3/chxyuDqXDg6kGwXC5fn9IxBwzwbmlQgToHCoAyPFWBIsdbKtDicFarr/2+5Ul67Tm0waD9SXrS34jgEByCQ3D8d44+dwK8TmPXw5kjiqIwDPEuzY0DGxwQpGnKrS+4+u12i60NNz+ICigDT0+hwm63Awq39QIV0AhsMLmt24cqMOVoUIEdR7MKLDigwnq9Rju43dfx25vNpr4vceBA/SEjbOD8nEsOB/J/oXj/EByCg02+BRgAapeeK3EtlGUAAAAASUVORK5CYII=)
}

.square:nth-child(6) {
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    animation-delay: .5s;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAIAAAC1eHXNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKFJREFUeNrs17ENgCAQBVCijkDDhmxDRcUCDsACDAA0VAwAA7CAF2ujlZyJ/1cUFC+fyyVsrTWllLhNSklrLd7M8oiYk0V8I3DAAQcccMABx38c2+ONEIK1ltNRazXGxBjZ+ui9O+e892zvMsbYz9CBbT6oAKqBymCbU/oZkGDOKFw75o/CZdaccymFfX+sUkrsUzjggAMOOOCAAw44DgEGAGhtO0rRM9kLAAAAAElFTkSuQmCC)
}

.square:nth-child(7) {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAIAAAC1eHXNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANNJREFUeNpinMVAW+Czf7+kgwNBZUwMgwOMGHc8P3hwNDxG3THqjlF3jLpj1B2j7hh1x6g7cANmXxpb8PbCBRYODjELC/zKGGfRxbu8Cgr28+fjabjTKV4+P3iwxdFxd2AgkDEw8YIMPty4cWXiREZGRmEDA2YOjgFzB7QFf+DAvZUr2QQEgK4ZSHcAwa8PHx5u3AjsUgCdwiUhMWDugIAvDx5cnznzy8OHUg4OdMov+AEwjgYyPODg748fo+X6qDtG3THqjlF3jLpj1B0jxx0AAQYAhr0z6+M/+VQAAAAASUVORK5CYII=)
}

.square:nth-child(8) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    animation-delay: .1s;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAIAAAC1eHXNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKlJREFUeNpi/P//PwMOsMXR8fmBAwyEwHNe3i0aGgyUASaGwQFG3THqjlF3jLpj1B2j7hh1x6g7Rt0x6o5Rd4y6Y9QdQ9QdVyZMGBTuOF5YuEJRkZj+NM3j5fODB8CuPRABGQOfPoBBAgyYc42Nvz58GPh0erahYbmi4q0FC+jsDsZZOCSEDQyA0URM2FBlHIYFl8TbCxdGy7FRd4y6Y9Qdo+4Yeu4ACDAAdV4vsWjOicgAAAAASUVORK5CYII=)
}

.square:nth-child(9) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    animation-delay: .2s;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAIAAAC1eHXNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADtJREFUeNrszgEJAAAIAzARK71/NWsobAk2SeqArhs8PDw8PDw8PDw8PDw8PDw8PDw8PDw8Pj1WAAEGAGxfAPx6zFLpAAAAAElFTkSuQmCC)
}

.clear {
    clear: both
}

.last {
    margin-right: 0
}

#preloader_1 {
    position: relative;
    height: 45px;
    overflow: hidden;
    left: -22.5px
}

.dataTables_processing #preloader_1 {
    top: calc(50% - 23px)
}

#search_ret #preloader_1 {
    margin-top: calc(38% - 23px)
}

.block-content #preloader_1 {
    left: -22.5px
}

#preloader_1 span {
    display: block;
    bottom: 0;
    left: 50%;
    margin-bottom: 20px;
    width: 9px;
    height: 5px;
    background: #9a0000;
    position: absolute;
    animation: preloader_1 1.5s infinite ease-in-out
}

#preloader_1 span:nth-child(2) {
    left: calc(50% + 11px);
    animation-delay: .2s
}

#preloader_1 span:nth-child(3) {
    left: calc(50% + 22px);
    animation-delay: .4s
}

#preloader_1 span:nth-child(4) {
    left: calc(50% + 33px);
    animation-delay: .6s
}

#preloader_1 span:nth-child(5) {
    left: calc(50% + 44px);
    animation-delay: .8s
}

@keyframes preloader_1 {
    0% {
        height: 5px;
        transform: translateY(0);
        background: #9a0000
    }
    25% {
        height: 30px;
        transform: translateY(15px);
        background: #9a0000
    }
    100%, 50% {
        height: 5px;
        transform: translateY(0);
        background: #353535
    }
}

.slide-anim-ph #preloader_1 {
    top: 38vw
}

.layui-layim-skin li img:hover, .layui-layim-tab li:hover {
    opacity: .8;
    filter: Alpha(opacity=80)
}

html #layuicss-skinlayimcss {
    display: none;
    position: absolute;
    width: 1989px
}

body .layui-layim, body .layui-layim-chat {
    border: 1px solid #D9D9D9;
    background-repeat: no-repeat;
    background-color: #F6F6F6;
    color: #333;
    font-family: \5FAE\8F6F\96C5\9ED1
}

body .layui-layim-chat {
    background-size: cover
}

body .layui-layim .layim-show {
    display: block
}

body .layui-layim .layui-layer-title {
    height: 110px;
    border-bottom: none;
    background: 0 0
}

.layui-layim-main {
    position: relative;
    top: -98px;
    left: 0
}

body .layui-layim .layui-layer-content, body .layui-layim-chat .layui-layer-content {
    overflow: visible
}

.layui-layim cite, .layui-layim em, .layui-layim-chat cite, .layui-layim-chat em {
    font-style: normal
}

.layui-layim-info {
    height: 50px;
    font-size: 0;
    padding: 0 15px
}

.layui-layim-info * {
    font-size: 14px
}

.layim-tab-content li h5 *, .layui-layim-info div, .layui-layim-skin li, .layui-layim-tab li, .layui-layim-tool li {
    display: inline-block;
    vertical-align: top
}

.layim-tab-content li h5 span, .layui-layim-info .layui-layim-user, .layui-layim-list li p, .layui-layim-list li span, .layui-layim-remark {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.layui-layim-info .layui-layim-user {
    max-width: 150px;
    margin-right: 5px;
    font-size: 16px
}

.layui-layim-status {
    position: relative;
    top: 2px;
    cursor: pointer
}

.layim-status-online {
    color: #3FDD86
}

.layim-status-hide {
    color: #DD691D
}

.layim-menu-box {
    display: none;
    position: absolute;
    z-index: 100;
    top: 24px;
    left: -31px;
    padding: 5px 0;
    width: 85px;
    border: 1px solid #E2E2E2;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .1)
}

.layim-menu-box li {
    position: relative;
    line-height: 22px;
    padding-left: 30px;
    font-size: 12px
}

.layim-menu-box li cite {
    padding-right: 5px;
    font-size: 14px
}

.layim-menu-box li i {
    display: none;
    position: absolute;
    left: 0;
    top: 0
}

.layim-menu-box .layim-this i {
    display: block
}

.layim-menu-box li:hover {
    background-color: #eee
}

.layui-layim-remark {
    margin-top: 10px
}

.layui-layim-tab {
    margin-top: 10px;
    padding: 9px 0;
    font-size: 0
}

.layui-layim-tab li {
    position: relative;
    width: 33.33%;
    height: 24px;
    line-height: 24px;
    font-size: 22px;
    text-align: center;
    color: #666;
    color: rgba(0, 0, 0, .6);
    cursor: pointer
}

.layim-tab-two li {
    width: 50%
}

.layui-layim-tab li.layim-this:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -9px;
    width: 100%;
    height: 3px;
    background-color: #3FDD86
}

.layui-layim-tab li.layim-hide {
    display: none
}

.layim-tab-content {
    display: none;
    padding: 10px 0;
    height: 349px;
    overflow: hidden;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.layim-tab-content:hover {
    overflow-y: auto
}

.layim-tab-content li h5 {
    position: relative;
    margin-right: 15px;
    padding-left: 30px;
    height: 28px;
    line-height: 28px;
    cursor: pointer;
    font-size: 0;
    white-space: nowrap;
    overflow: hidden
}

.layim-tab-content li h5 * {
    font-size: 14px
}

.layim-tab-content li h5 span {
    max-width: 125px
}

.layim-tab-content li h5 i {
    position: absolute;
    left: 12px;
    top: 0;
    color: #C9BDBB
}

.layim-tab-content li h5 em {
    padding-left: 5px;
    color: #999
}

.layim-tab-content li ul {
    display: none;
    margin-bottom: 10px
}

.layui-layim-list li {
    position: relative;
    height: 42px;
    padding: 5px 15px 5px 60px;
    font-size: 0;
    cursor: pointer
}

.layui-layim-list li:hover {
    background-color: #F2F2F2;
    background-color: rgba(0, 0, 0, .05)
}

.layui-layim-list li.layim-null {
    height: 20px;
    line-height: 20px;
    padding: 0;
    font-size: 14px;
    color: #999;
    text-align: center;
    cursor: default
}

.layui-layim-list li.layim-null:hover {
    background: 0 0
}

.layui-layim-list li * {
    display: inline-block;
    vertical-align: top;
    font-size: 14px
}

.layui-layim-list li span {
    margin-top: 4px;
    max-width: 155px
}

.layui-layim-list li img {
    position: absolute;
    left: 15px;
    top: 8px;
    width: 36px;
    height: 36px;
    border-radius: 100%
}

.layui-layim-list li p {
    display: block;
    line-height: 18px;
    font-size: 12px;
    color: #999
}

.layui-layim-tool {
    padding: 0 10px;
    font-size: 0;
    background-color: #F6F6F6;
    border-radius: 0 0 2px 2px
}

.layui-layim-tool li {
    width: 45px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    font-size: 22px;
    cursor: pointer
}

.layui-layim-search {
    display: none;
    position: absolute;
    bottom: 5px;
    left: 5px;
    height: 28px;
    line-height: 28px
}

.layui-layim-search input {
    width: 210px;
    padding: 0 30px 0 10px;
    height: 30px;
    line-height: 30px;
    border: none;
    border-radius: 3px;
    background-color: #ddd
}

.layui-layim-search label {
    position: absolute;
    right: 6px;
    top: 2px;
    font-size: 20px;
    cursor: pointer;
    color: #333;
    font-weight: 400
}

.layui-layim-skin {
    margin: 10px 0 0 10px;
    font-size: 0
}

.layui-layim-skin li {
    margin: 0 10px 10px 0;
    line-height: 60px;
    text-align: center;
    background-color: #f6f6f6
}

.layui-layim-skin li, .layui-layim-skin li img {
    width: 86px;
    height: 60px;
    cursor: pointer
}

.layui-layim-skin li cite {
    font-size: 14px;
    font-style: normal
}

body .layui-layim-chat {
    background-color: #fff
}

body .layui-layim-chat-list {
    width: 760px
}

body .layui-layim-chat .layui-layer-title {
    height: 80px;
    border-bottom: none;
    background-color: #F8F8F8;
    background-color: rgba(245, 245, 245, .7)
}

body .layui-layim-chat .layui-layer-content {
    background: 0 0;
    font-size: 0
}

body .layui-layim-chat .layui-layer-setwin .layui-layer-max {
    display: none
}

.layim-chat, .layim-chat-list, .layim-chat-list li *, .layui-layim-min .layui-layer-content * {
    display: inline-block;
    vertical-align: top;
    font-size: 14px
}

.layim-chat-list {
    display: none;
    position: relative;
    top: -80px;
    width: 200px;
    height: 520px;
    background-color: #D9D9D9;
    overflow: hidden;
    font-size: 0
}

.layim-chat-list:hover {
    overflow-y: auto
}

.layim-chat-list li, .layui-layim-min .layui-layer-content {
    position: relative;
    margin: 5px;
    padding: 5px 30px 5px 5px;
    line-height: 40px;
    cursor: pointer;
    border-radius: 3px
}

.layim-chat-list li img, .layui-layim-min .layui-layer-content img {
    width: 40px;
    height: 40px;
    border-radius: 100%
}

.layui-layim-photos {
    cursor: crosshair
}

.layim-chat-list li {
    white-space: nowrap
}

.layim-chat-list li span, .layui-layim-min .layui-layer-content span {
    width: 100px;
    padding-left: 10px;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.layim-chat-list li span cite {
    color: #999;
    padding-left: 10px
}

.layim-chat-list li:hover {
    background-color: #E2E2E2
}

.layim-chat-list li.layim-this {
    background-color: #F3F3F3
}

.layim-chat-list li .layui-icon {
    display: none;
    position: absolute;
    right: 5px;
    top: 7px;
    color: #555;
    font-size: 22px
}

.layim-chat-list li .layui-icon:hover {
    color: #c00
}

.layim-chat-list li:hover .layui-icon {
    display: inline-block
}

.layim-chat-system {
    margin: 10px 0;
    text-align: center
}

.layim-chat-system span {
    display: inline-block;
    line-height: 30px;
    padding: 0 15px;
    border-radius: 3px;
    background-color: #f4f4f4;
    cursor: default
}

.layim-chat {
    position: relative;
    top: 0;
    left: 0;
    width: 600px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.layim-chat-other, .layim-chat-other span {
    left: 15px;
    position: relative
}

.layim-chat-title {
    position: absolute;
    top: -65px
}

.layim-chat-other img {
    width: 50px;
    height: 50px;
    border-radius: 100%
}

.layim-chat-other span {
    top: -25px;
    font-size: 18px
}

.layim-chat-group .layim-chat-other span {
    cursor: pointer
}

.layim-chat-group .layim-chat-other span em {
    padding: 0 10px;
    color: #999
}

.layim-chat-main {
    height: 262px;
    padding: 15px 15px 5px;
    overflow-x: hidden;
    overflow-y: auto
}

.layim-chat-main ul li {
    position: relative;
    font-size: 0;
    margin-bottom: 10px;
    padding-left: 60px;
    min-height: 68px
}

.layim-chat-text, .layim-chat-user {
    display: inline-block;
    vertical-align: top;
    font-size: 14px
}

.layim-chat-user {
    position: absolute;
    left: 3px
}

.layim-chat-user img {
    width: 40px;
    height: 40px;
    border-radius: 100%
}

.layim-chat-user cite {
    position: absolute;
    left: 60px;
    top: -2px;
    width: 500px;
    line-height: 24px;
    font-size: 12px;
    white-space: nowrap;
    color: #999;
    text-align: left;
    font-style: normal
}

.layim-chat-user cite i {
    padding-left: 15px;
    font-style: normal
}

.layim-chat-text {
    position: relative;
    line-height: 22px;
    margin-top: 25px;
    padding: 10px 15px;
    background-color: #eee;
    border-radius: 3px;
    color: #333;
    word-break: break-all;
    max-width: 462px \9
}

.layim-chat-text:after {
    content: '';
    position: absolute;
    left: -10px;
    top: 15px;
    width: 0;
    height: 0;
    border-style: solid dashed dashed;
    border-color: #eee transparent transparent;
    overflow: hidden;
    border-width: 10px
}

.layim-chat-text a {
    color: #33DF83
}

.layim-chat-text img {
    max-width: 100%;
    vertical-align: middle
}

.layim-chat-mine .layim-chat-text .layui-layim-file, .layim-chat-text .layui-layim-file {
    display: block;
    text-align: center
}

.layui-layim-file:hover {
    opacity: .9
}

.layui-layim-file i {
    font-size: 80px;
    line-height: 80px
}

.layui-layim-file cite {
    display: block;
    line-height: 20px;
    font-size: 14px
}

.layim-chat-main ul .layim-chat-mine {
    text-align: right;
    padding-left: 0;
    padding-right: 60px
}

.layim-chat-mine .layim-chat-user {
    left: auto;
    right: 3px
}

.layim-chat-mine .layim-chat-user cite {
    left: auto;
    right: 60px;
    text-align: right
}

.layim-chat-mine .layim-chat-user cite i {
    padding-left: 0;
    padding-right: 15px
}

.layim-chat-mine .layim-chat-text {
    margin-left: 0;
    text-align: left;
    background-color: #33DF83;
    color: #fff
}

.layim-chat-mine .layim-chat-text:after {
    left: auto;
    right: -10px;
    border-top-color: #33DF83
}

.layim-chat-mine .layim-chat-text a {
    color: #fff
}

.layim-chat-footer {
    border-top: 1px solid #F1F1F1
}

.layim-chat-tool {
    position: relative;
    padding: 0 8px;
    height: 38px;
    line-height: 38px;
    font-size: 0
}

.layim-chat-tool span {
    position: relative;
    margin: 0 10px;
    display: inline-block;
    vertical-align: top;
    font-size: 24px;
    cursor: pointer
}

.layim-chat-tool .layim-tool-log {
    position: absolute;
    right: 5px;
    font-size: 14px
}

.layim-tool-log i {
    position: relative;
    top: 2px;
    margin-right: 5px;
    font-size: 20px;
    color: #999
}

.layim-tool-image input {
    position: absolute;
    font-size: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .01;
    filter: Alpha(opacity=1);
    cursor: pointer
}

body .layui-layim-face {
    margin: 10px 0 0 -18px;
    border: none;
    background: 0 0
}

body .layui-layim-face .layui-layer-content {
    padding: 0;
    background-color: #fff;
    color: #666;
    box-shadow: none
}

.layui-layim-face .layui-layer-TipsG {
    display: none
}

.layui-layim-face ul {
    position: relative;
    width: 372px;
    padding: 10px;
    border: 1px solid #D9D9D9;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}

.layui-layim-face ul li {
    cursor: pointer;
    float: left;
    border: 1px solid #e8e8e8;
    height: 22px;
    width: 26px;
    overflow: hidden;
    margin: -1px 0 0 -1px;
    padding: 4px 2px;
    text-align: center
}

.layui-layim-face ul li:hover {
    position: relative;
    z-index: 2;
    border: 1px solid #eb7350;
    background: #fff9ec
}

.layim-chat-textarea {
    margin-left: 10px
}

.layim-chat-textarea textarea {
    display: block;
    width: 100%;
    padding: 5px 0 0;
    height: 68px;
    line-height: 20px;
    border: none;
    overflow: auto;
    resize: none;
    background: 0 0
}

.layim-chat-textarea textarea:focus {
    outline: 0
}

.layim-chat-bottom {
    position: relative;
    height: 46px
}

.layim-chat-send {
    position: absolute;
    right: 15px;
    top: 3px;
    height: 32px;
    line-height: 32px;
    font-size: 0;
    cursor: pointer
}

.layim-chat-send span {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 32px;
    margin-left: 5px;
    padding: 0 20px;
    background-color: #33DF83;
    color: #fff;
    border-radius: 3px
}

.layim-chat-send span:hover {
    background-color: #22D979
}

.layim-chat-send span:active {
    background-color: #20C870
}

.layim-chat-send .layim-send-btn {
    border-radius: 3px 0 0 3px
}

.layim-chat-send .layim-send-set {
    position: relative;
    width: 30px;
    height: 32px;
    margin-left: 0;
    padding: 0;
    border-left: 1px solid #65E7A3;
    border-radius: 0 3px 3px 0
}

.layim-send-set .layui-edge {
    top: 14px;
    left: 9px;
    border-width: 6px;
    border-top-style: solid;
    border-top-color: #fff
}

.layim-chat-send .layim-menu-box {
    left: auto;
    right: 0;
    top: 33px;
    width: 180px;
    padding: 10px 0
}

.layim-chat-send .layim-menu-box li {
    padding-right: 15px;
    line-height: 28px
}

body .layui-layim-min {
    border: 1px solid #D9D9D9
}

.layui-layim-min .layui-layer-content {
    margin: 0 5px;
    padding: 5px 10px;
    white-space: nowrap
}

.layui-layim-close .layui-layer-content span {
    width: auto;
    max-width: 120px
}

body .layui-layim-members {
    margin: 25px 0 0 -81px;
    border: none;
    background: 0 0
}

body .layui-layim-members .layui-layer-content {
    padding: 0;
    background: 0 0;
    color: #666;
    box-shadow: none
}

.layui-layim-members .layui-layer-TipsG {
    display: none
}

.layui-layim-members ul {
    position: relative;
    width: 580px;
    height: 200px;
    padding: 10px 10px 0;
    border: 1px solid #D9D9D9;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
    box-shadow: none;
    overflow: hidden;
    font-size: 0
}

.layui-layim-members ul:hover {
    overflow: auto
}

.layui-layim-members ul li {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    width: 112px;
    margin: 10px 0;
    text-align: center
}

.layui-layim-members ul li a {
    position: relative;
    display: inline-block
}

.layui-layim-members ul li a:after {
    content: '';
    position: absolute;
    width: 46px;
    height: 46px;
    left: 0;
    top: 0;
    border: 1px solid #eee;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 100%
}

.layui-layim-members ul li img {
    width: 48px;
    height: 48px;
    border-radius: 100%
}

.layui-layim-members ul li:hover {
    opacity: .9
}

.layui-layim-members ul li p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body .layui-layim-contextmenu {
    margin: 70px 0 0 30px;
    width: 200px;
    padding: 5px 0;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}

body .layui-layim-contextmenu .layui-layer-content {
    padding: 0;
    background-color: #fff;
    color: #333;
    font-size: 14px;
    box-shadow: none
}

.layui-layim-contextmenu .layui-layer-TipsG {
    display: none
}

.layui-layim-contextmenu li {
    padding: 0 15px 0 35px;
    cursor: pointer;
    line-height: 30px
}

.layui-layim-contextmenu li:hover {
    background-color: #F2F2F2
}

.layim-tab-content, .layui-layim-face ul, .layui-layim-tab {
    margin-bottom: 0
}

.layim-tab-content li h5 {
    margin-top: 0;
    margin-bottom: 0
}

.layim-chat-other img, .layui-layim-face img {
    vertical-align: bottom
}

.layim-chat-other span {
    color: #444
}

.layim-chat-other span cite {
    padding: 0 15px;
    color: #999
}

.layim-chat-other:hover {
    text-decoration: none
}

.layui-badge-dot {
    position: relative;
    display: inline-block;
    padding: 0 6px;
    font-size: 12px;
    text-align: center;
    background-color: #FF5722;
    color: #fff;
    border-radius: 2px
}

.layui-layer[style*="modules/layim"] .layui-layer-title {
    background: 0 0 !important
}

#layui-layim {
    overflow-y: visible;
    padding: 0
}

#search_title {
    height: 3em;
    line-height: 3em;
    padding: 1em
}

.wrapper.wrapper-content .row {
    display: flex;
}

.wrapper.wrapper-content .row > [class^=col] {
    flex: 0 0 auto;
    width: 33.3333%
}

.wrapper.wrapper-content .row .col-sm-12 {
    width: 100%
}

.wrapper.wrapper-content .row .col-sm-3 {
    width: 25%
}

.wrapper.wrapper-content .row .col-sm-4 {
    width: 33.3333%
}

.ibox-title {
    margin-bottom: 1em
}

.ibox-title h5 {
    height: 2em;
    line-height: 2em
}

.ibox-content .form-group {
    display: flex;
    margin: 1em;
    box-sizing: border-box
}

.ibox-content .form-group [class^=col] {
    display: flex;
    align-items: center
}

.ibox-content .form-group label.control-label {
    height: 2.5em;
    line-height: 2.5em;
    font-size: 14px
}

.ibox-content .form-group label + * > input.form-control {
    width: 100%;
    height: 1.5em;
    line-height: 1.5em
}

.ibox.float-e-margins {
    margin: .5em
}

.ibox-content #search_txt {
    height: 2em;
    line-height: 2em;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 4px 8px;
    margin-right: 2em
}

.wrapper-content .form-horizontal .form-group, .wrapper-content .row {
    margin-right: -15px;
    margin-left: -15px
}

.btn-primary {
    background-color: #1ab394;
    border-color: #1ab394;
    color: #FFF
}

#layui-layim {
    background-color: #f3f3f4;
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #676a6c
}

.wrapper-content .group-form-box, .wrapper-content .ibox-content, .wrapper-content .ibox-title {
    background-color: #fff;
    border-color: #e7eaec;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-style: solid solid none
}

.wrapper-content {
    padding: 20px
}

.wrapper-content .ibox {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0
}

.wrapper-content .group-form-box {
    clear: both;
    color: inherit;
    padding: 15px 20px 20px;
    border-width: 1px 0
}

.m-t {
    margin-top: 15px
}

.wrapper-content .form-group {
    margin-bottom: 15px
}

.wrapper-content .col-sm-10 {
    width: 83.33333333%
}

.wrapper-content .input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.wrapper-content #search_title {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

.wrapper-content .col-sm-3 {
    width: 25%
}

.wrapper-content .ibox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-width: 4px 0 0;
    color: inherit;
    margin-bottom: 0;
    padding: 14px 15px 7px;
    min-height: 48px
}

.wrapper-content .ibox-content {
    color: inherit;
    padding: 15px 20px 20px;
    border-width: 1px 0;
    clear: both
}

.m-t .ibox-title h5, .wrapper-content .ibox-title h5 {
    display: inline-block;
    font-size: 14px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: left
}

.layui-layer-content:not(#layui-layim) .wrapper-content h5 {
    color: inherit;
    background: #fff
}

.wrapper-content .ibox div {
    text-align: center;
    margin: auto !important
}

.wrapper-content .ibox-content div img {
    max-height: 100px;
    width: auto;
    margin-left: 0 !important;
    max-width: 125px
}

.wrapper-content .ibox .ibox-imgbox {
    min-height: 100px;
    line-height: 100px
}

.wrapper-content .ibox-content div .btn {
    font-size: 16px;
    margin-left: 0 !important;
    margin-top: 10px
}

.wrapper-content .ibox .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px
}

.wrapper-content .ibox .btn-warning {
    background-color: #f8ac59;
    border-color: #f8ac59;
    color: #FFF
}

.wrapper-content .ibox .btn-w-m {
    min-width: 120px
}

.wrapper-content .input-group-btn {
    width: 1%;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.wrapper-content .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding-left: 4px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 1px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.wrapper-content .ibox-content .form-horizontal .form-group {
    padding-bottom: 10px
}

.wrapper-content .ibox-content .form-horizontal .form-group .control-label {
    margin-bottom: 0;
    text-align: right;
    display: unset
}

.wrapper-content .ibox-content .form-horizontal .form-group #avatar {
    font-size: 16px
}

.wrapper-content .ibox-content .form-horizontal .form-group [class^=col] {
    margin: unset !important;
    padding-left: 10px
}

.wrapper-content .ibox-content .form-horizontal .form-group .btn {
    margin-left: 80% !important
}
.v-modal{
    position:relative;
}

.el-upload--text {
    width: auto;
    height: auto;
    border: 0;
}

.el-dialog-home-menu .el-dialog__body .el-button{
    margin-top:12px;
    border: none;
}
.el-dialog-home-menu .el-dialog__body .el-button span  p:last-child {
    overflow: hidden;
    height: 17px;
    font-size: 12px;
    margin-top: 5px;
}

/* 
.select_new {
    box-sizing: border-box;
} */

.z-value.error .select-new,
.z-value.error .number--diyunit {
    border: 1px solid red;
}

.z-value.error .number--diyunit .select-new {
    border: 0px;
}