@font-face {
    font-family: iconfont;
    src: url(file:///E|/%E9%A1%B9%E7%9B%AE/%E6%B2%B3%E5%8C%97%E7%BB%8F%E8%B4%B8%E5%A4%A7%E5%AD%A6%E5%90%8E%E5%8F%B0/static/fonts/iconfont.59d01dac.eot);
    src: url(file:///E|/%E9%A1%B9%E7%9B%AE/%E6%B2%B3%E5%8C%97%E7%BB%8F%E8%B4%B8%E5%A4%A7%E5%AD%A6%E5%90%8E%E5%8F%B0/static/fonts/iconfont.59d01dac.eot#iefix) format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64, ") format("woff2"), url(file:///E|/%E9%A1%B9%E7%9B%AE/%E6%B2%B3%E5%8C%97%E7%BB%8F%E8%B4%B8%E5%A4%A7%E5%AD%A6%E5%90%8E%E5%8F%B0/static/fonts/iconfont.473c604e.woff) format("woff"), url(file:///E|/%E9%A1%B9%E7%9B%AE/%E6%B2%B3%E5%8C%97%E7%BB%8F%E8%B4%B8%E5%A4%A7%E5%AD%A6%E5%90%8E%E5%8F%B0/static/fonts/iconfont.77b43158.ttf) format("truetype"), url(file:///E|/%E9%A1%B9%E7%9B%AE/%E6%B2%B3%E5%8C%97%E7%BB%8F%E8%B4%B8%E5%A4%A7%E5%AD%A6%E5%90%8E%E5%8F%B0/static/img/iconfont.34187d4d.svg#iconfont) format("svg")
}

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

.icon-circle-plus:before {
    content: "\E6B7"
}

.icon-circle-minus:before {
    content: "\E6B9"
}

.icon-desktop:before {
    content: "\E692"
}

.icon-close:before {
    content: "\E60D"
}

.icon-info:before {
    content: "\E62C"
}

.icon-folder:before {
    content: "\E701"
}

.icon-option-horizontal:before {
    content: "\E600"
}

.icon-plus:before {
    content: "\E604"
}

.icon-error:before {
    content: "\E61D"
}

.icon-to-top:before {
    content: "\E60B"
}

.icon-shu:before {
    content: "\E616"
}

.icon-iphone:before {
    content: "\E62E"
}

.icon-bell:before {
    content: "\E62B"
}

.icon-warning:before {
    content: "\E64F"
}

.icon-service:before {
    content: "\E614"
}

.icon-more:before {
    content: "\E637"
}

.icon-qb:before {
    content: "\E6E0"
}

.icon-search2:before {
    content: "\E6D1"
}

.icon-down:before {
    content: "\E756"
}

.icon-th-large:before {
    content: "\E642"
}

.icon-eye:before {
    content: "\E610"
}

.icon-user:before {
    content: "\E677"
}

.icon-gou:before {
    content: "\E615"
}

.icon-dizhi:before {
    content: "\E60C"
}

.icon-hy:before {
    content: "\E667"
}

.icon-stats:before {
    content: "\E632"
}

.icon-lock:before {
    content: "\E61C"
}

.icon-book:before {
    content: "\E651"
}

.icon-chevron-circle-right:before {
    content: "\E60E"
}

.icon-home:before {
    content: "\E6AF"
}

.icon-loading:before {
    content: "\E6DA"
}

.icon-link:before {
    content: "\E8FB"
}

.icon-commenting-o:before {
    content: "\E6A8"
}

.icon-top:before {
    content: "\E64E"
}

.icon-apply:before {
    content: "\E6A7"
}

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

.icon-zn:before {
    content: "\E609"
}

.icon-calendar:before {
    content: "\E631"
}

.icon-qitaren:before {
    content: "\E664"
}

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

.icon-eye-close:before {
    content: "\E6E1"
}

.icon-fw:before {
    content: "\E641"
}

.icon-draft:before {
    content: "\E699"
}

.icon-pen:before {
    content: "\E64A"
}

.icon-aq:before {
    content: "\E63E"
}

.icon-fwtj:before {
    content: "\E643"
}

.icon-yjfk:before {
    content: "\E63D"
}

.icon-cjwt:before {
    content: "\E7A2"
}

.icon-xx:before {
    content: "\E64D"
}

.icon-pj:before {
    content: "\E67C"
}

.icon-dangan:before {
    content: "\E6A6"
}

.icon-calendar-check-o:before {
    content: "\EB7E"
}

.icon-chaxun:before {
    content: "\E61B"
}

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

.icon-time:before {
    content: "\E636"
}

.icon-search:before {
    content: "\E613"
}

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

.icon-todo:before {
    content: "\E64B"
}

.icon-done:before {
    content: "\E64C"
}

.icon-credit-card:before {
    content: "\E663"
}

.icon-pencil-square-o:before {
    content: "\E6DB"
}

.icon-power-off:before {
    content: "\E6E3"
}

.icon-user-circle-o:before {
    content: "\E72E"
}

.icon-yen:before {
    content: "\E743"
}

.icon-edit:before {
    content: "\E61F"
}

.icon-plus-download:before {
    content: "\E71E"
}

.icon-tsg:before {
    content: "\E605"
}

.icon-nums:before {
    content: "\E62A"
}

.icon-yiwengray:before {
    content: "\E657"
}

.icon-bars:before {
    content: "\E617"
}

.icon-cancel:before {
    content: "\E665"
}

.icon-left-o:before {
    content: "\E696"
}

.icon-ykt:before {
    content: "\E60F"
}

.icon-envelope:before {
    content: "\E61A"
}

.icon-lock-o:before {
    content: "\E612"
}

.icon-cog:before {
    content: "\E662"
}

.icon-pf:before {
    content: "\E91D"
}

.icon-sfz:before {
    content: "\E6E4"
}

.icon-colok:before {
    content: "\E6ED"
}

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

.icon-banli:before {
    content: "\E607"
}

.icon-jc:before {
    content: "\E619"
}

.icon-ky:before {
    content: "\E682"
}

.icon-msg:before {
    content: "\E6EB"
}

.icon-ywxt:before {
    content: "\E601"
}

.icon-huanfu:before {
    content: "\E666"
}

.icon-youjian:before {
    content: "\E668"
}

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

.icon-youke:before {
    content: "\E603"
}

.icon-xuesheng:before {
    content: "\E882"
}

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

.icon-bjtz:before {
    content: "\E61E"
}

.icon-chevron-circle-left:before {
    content: "\EB80"
}

.icon-dangan1:before {
    content: "\E661"
}

.icon-right-o:before {
    content: "\EB81"
}

.icon-gwb:before {
    content: "\E70B"
}

.icon-del:before {
    content: "\E740"
}

.icon-refresh:before {
    content: "\E783"
}

.icon-up:before {
    content: "\EB82"
}

.icon-jiaoshi:before {
    content: "\E691"
}

.icon-xmgl:before {
    content: "\E7D1"
}

.icon-notice:before {
    content: "\E611"
}

.icon-tongji:before {
    content: "\E660"
}

.icon-save:before {
    content: "\E60A"
}

.icon-d-arrow-right:before {
    content: "\E62D"
}

.icon-d-arrow-left:before {
    content: "\E62F"
}

.icon-dropdown-o:before {
    content: "\EB83"
}

.icon-keyanxitong:before {
    content: "\E63F"
}

.icon-user1:before {
    content: "\E620"
}

.icon-view-grid:before {
    content: "\E621"
}

.icon-wallet:before {
    content: "\E622"
}

.icon-thumb-up:before {
    content: "\E624"
}

.icon-pie-chart:before {
    content: "\E625"
}

.icon-marker:before {
    content: "\E626"
}

.icon-medall:before {
    content: "\E623"
}

.icon-pencil-alt1:before {
    content: "\E627"
}

.icon-user-:before {
    content: "\E618"
}

.icon-location-pin:before {
    content: "\E628"
}

.icon-calendar1:before {
    content: "\E629"
}

.icon-bell1:before {
    content: "\E630"
}

.icon-power-off1:before {
    content: "\E633"
}

.icon-ic_book_px:before {
    content: "\E634"
}

.icon-icon_error-triangle:before {
    content: "\E635"
}

.icon-icon_group:before {
    content: "\E638"
}

.icon-icon_lock:before {
    content: "\E639"
}

.icon-flag-alt-:before {
    content: "\E63A"
}

.icon-write:before {
    content: "\E63B"
}

.icon-zu:before {
    content: "\E63C"
}

.icon-zip:before {
    content: "\E640"
}

.icon-medall1:before {
    content: "\E644"
}

.icon-server:before {
    content: "\E645"
}

.icon-zu1:before {
    content: "\E646"
}

.icon-zu2:before {
    content: "\E648"
}

.icon-bianji:before {
    content: "\E649"
}

.icon-ico:before {
    content: "\E658"
}

.icon-home1:before {
    content: "\E65C"
}

.icon-yujing:before {
    content: "\E6FE"
}

.icon-phone:before {
    content: "\E65B"
}

.icon-tongxunlu:before {
    content: "\E652"
}

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

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

.icon-interactive:before {
    content: "\E650"
}

.icon-mail:before {
    content: "\E655"
}

.icon-activity:before {
    content: "\E656"
}

.icon-xinzeng:before {
    content: "\E65A"
}

.icon-xiugai:before {
    content: "\E659"
}

.icon-youxiang-:before {
    content: "\E65D"
}

.icon-icon-test:before {
    content: "\E65E"
}

.icon-bj-czdj:before {
    content: "\E65F"
}

.icon-shenqing-:before {
    content: "\E669"
}

.icon-shenpi:before {
    content: "\E66A"
}

.icon-touxianggenghuan:before {
    content: "\E66B"
}

.icon-fuwu:before {
    content: "\E66C"
}

.icon-liebiao:before {
    content: "\E66D"
}


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

body {
    margin: 0
}

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

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

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

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

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

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

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

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

button {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

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

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

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

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

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

textarea {
    overflow: auto;
    min-height: 200px
}

optgroup {
    font-weight: 700
}

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

td, th {
    padding: 0
}

/*! common */
dd, dl, dt, h1, h2, h3, h4, h5, h6, ol, p, ul {
    margin: 0
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400
}

ol, ul {
    padding: 0;
    list-style-type: none
}

i {
    font-style: normal
}

a {
    text-decoration: none;
    cursor: pointer;
    color: inherit
}

a:focus, button:focus, input:focus, select:focus {
    outline: none
}

img, ins {
    vertical-align: bottom;
    max-width: 100%
}

textarea {
    min-height: 100px
}

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

pre {
    white-space: pre-wrap
}

/*! fn */
.fn-clr {
    clear: both
}

.fn-fl {
    float: left
}

.fn-fr {
    float: right
}

.fn-tc {
    text-align: center
}

.fn-tr {
    text-align: right
}

.fn-mlra {
    margin-left: auto;
    margin-right: auto
}

.fn-link {
    color: #3079d4
}

.fn-info {
    color: #459fff
}

.mb10 {
    margin-bottom: 10px
}

.mr10 {
    margin-right: 10px
}

.ml10 {
    margin-left: 10px
}

.ml20 {
    margin-left: 20px
}

.mb20 {
    margin-bottom: 20px
}

.mt20 {
    margin-top: 20px
}

.mt30 {
    margin-top: 30px
}

.mr20 {
    margin-right: 20px
}

.inline {
    display: inline
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

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

.hidden {
    display: none !important
}

.ln-no-match, .no-data {
    padding: 60px 20px;
    width: 100% !important;
    text-align: center
}

tr.no-data {
    line-height: 140px
}

.badge {
    display: inline-block;
    background-color: #ff7a7a;
    color: #fff;
    padding: 0 5px;
    font-size: 12px;
    min-width: 18px;
    line-height: 18px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 77px
}

.badge:empty {
    display: none
}

.iconfont {
    font-size: inherit
}

.loading {
    width: 100% !important;
    padding: 60px 20px;
    text-align: center
}

.loading p a {
    margin-left: 2px;
    color: inherit
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.wrapper, html {
    -webkit-transition: background .5s ease;
    transition: background .5s ease
}

body {
    line-height: 1.42857143;
    font-family: Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px
}

body.md-open {
    overflow: hidden
}

.inner {
    width: 1200px;
    margin-right: auto;
    margin-left: auto
}

.holder {
    margin: 10px 0;
    border: 1px dashed #f6bb42;
    background: rgba(246, 187, 66, .05)
}

.wrapper ::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

.wrapper ::-webkit-scrollbar-thumb {
    background: hsla(0, 0%, 86.7%, .7);
    border-radius: 7px
}

.wrapper ::-webkit-scrollbar-thumb:hover {
    background: #bbb
}

.wrapper ::-webkit-scrollbar-track {
    background: none
}

.app-select-list:before, .card-service .bd .app-list:before, .card > .hd:before, .fn-clearfix:before, .header:before, .inner:before, .nav-tabs:before, .panel:before, .row:before, .wrapper-transaction .bar:before, .wrapper-transaction .container:before {
    display: table;
    content: " "
}

.app-select-list:after, .card-service .bd .app-list:after, .card > .hd:after, .fn-clearfix:after, .header:after, .inner:after, .nav-tabs:after, .panel:after, .row:after, .wrapper-transaction .bar:after, .wrapper-transaction .container:after {
    display: table;
    content: " ";
    clear: both
}

.icon-success-o, .my-security .security-list .dt .iconfont.icon-success, .text-success {
    color: #14bf81
}

.icon-warning-o, .my-security .security-list .dt .iconfont.icon-warning-o, .text-warning {
    color: #ff8a00
}

.icon-danger-o, .text-danger {
    color: #d20a0a
}

.icon-checkbox {
    vertical-align: middle;
    border: 1px solid #dfdfdf;
    display: inline-block;
    line-height: 1;
    width: 14px;
    height: 14px;
    background-color: #fff;
    font-size: 12px;
    cursor: pointer
}

.icon-checkbox.icon-gou {
    border: 1px solid #459fff;
    color: #459fff
}

.icon-loading {
    display: inline-block;
    font-size: 16px;
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite
}

@-webkit-keyframes rotating {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotating {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fade-enter-active, .fade-leave-active {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-enter, .fade-leave-to {
    opacity: 0
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.98);
        transform: scale(.98)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.98);
        transform: scale(.98)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

/*! page */
.nav-tabs {
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd
}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-left: -1px;
    margin-right: 2px;
    line-height: 1.42857143
}

.nav-tabs > li > a:hover {
    color: rgba(69, 159, 255, .7)
}

.nav-tabs > li.active a {
    height: 40px
}

.nav-tabs > li.active a, .nav-tabs > li.active a:focus, .nav-tabs > li.active a:hover {
    color: #459fff;
    cursor: default;
    border-bottom: 2px solid #459fff
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table td, .table th {
    padding: 8px;
    border-top: 1px solid #eee
}

.table td:first-child {
    padding-left: 16px
}

.table thead th {
    text-align: center;
    vertical-align: bottom;
    background-color: #e6e6e6
}

.table thead tr:first-child > th {
    border-top: 0
}

.table a:hover {
    text-shadow: 0 0 0 rgba(0, 0, 0, .8)
}

.table-bordered, .table-bordered td, .table-bordered th {
    border: 1px solid #e2e2e2
}

.table-bordered thead td, .table-bordered thead th {
    border-bottom-width: 2px
}

.table-striped tbody tr .fn-tl {
    text-align: left
}

.table-hover tbody tr td {
    line-height: 25px;
    -webkit-transition: all .5s;
    transition: all .5s;
    text-align: center
}

.table-hover tbody tr .fn-tl {
    text-align: left
}

.table-hover tbody tr:hover td {
    font-weight: 600;
    line-height: 50px
}

fieldset {
    min-width: 0;
    margin: 0
}

fieldset, legend {
    padding: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%
}

input[type=search] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

input[type=checkbox], input[type=radio] {
    margin: 2px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type=file] {
    display: block;
    cursor: pointer;
    font-size: 0;
    opacity: 0
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple], select[size] {
    height: auto
}

input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    padding-top: 7px
}

.form-control, output {
    display: block;
    font-size: 14px;
    line-height: 1.42857143;
    color: #666
}

.form-control {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #eee
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}

.form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

input[type=search] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control {
        line-height: 34px
    }

    .input-group-sm input[type=date], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], .input-group-sm input[type=time], input[type=date].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm, input[type=time].input-sm {
        line-height: 30px
    }

    .input-group-lg input[type=date], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], .input-group-lg input[type=time], input[type=date].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg, input[type=time].input-lg {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.checkbox, .radio {
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px
}

.checkbox label, .radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.checkbox-inline input[type=checkbox], .checkbox input[type=checkbox], .radio-inline input[type=radio], .radio input[type=radio] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -20px;
    width: 15px;
    height: 15px
}

.checkbox + .checkbox, .radio + .radio {
    margin-top: -5px
}

.checkbox-inline, .radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer
}

.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
    margin-top: 0;
    margin-left: 10px
}

.checkbox-inline.disabled, .checkbox.disabled label, .radio-inline.disabled, .radio.disabled label, fieldset[disabled] .checkbox-inline, fieldset[disabled] .checkbox label, fieldset[disabled] .radio-inline, fieldset[disabled] .radio label, fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {
    cursor: not-allowed
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 42.5px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.has-success .form-control {
    border-color: #67c23a;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .form-control:focus {
    border-color: #67c23a;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #67c23a;
    background-color: #dff0d8;
    border-color: #3c763d
}

.has-success .form-control-feedback {
    color: #67c23a
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error.checkbox-inline label, .has-error.checkbox label, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.radio-inline label, .has-error.radio label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label ~ .form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 4px;
    margin-bottom: 10px;
    color: #999;
    clear: both
}

.form-horizontal .control-label {
    float: left;
    width: 100px;
    line-height: 32px
}

.form-horizontal .control-label i {
    color: red;
    margin-right: 2px
}

.form-horizontal .control-form {
    display: table-cell;
    width: 1000px
}

.form-horizontal .control-form .radio {
    display: inline-block;
    margin-right: 10px
}

.form-horizontal input.form-control {
    width: 300px
}

.form-horizontal .control-form textarea {
    max-width: 860px;
    resize: none;
    overflow: auto
}

.form-horizontal .control-form .btn {
    min-width: 120px;
    margin-right: 20px
}

.form-group-code {
    overflow: hidden
}

.form-group-code input.form-control {
    float: left;
    width: 100px;
    margin-right: 10px
}

.form-group-code .code {
    float: left;
    width: 114px;
    height: 34px;
    cursor: pointer
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    font-size: 13px;
    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;
    border: 1px solid transparent
}

.btn.disabled, .btn[disabled] {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65
}

.btn.active {
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-default {
    color: #666;
    background-color: #fff;
    border-color: #eee
}

.btn-default.active, .btn-default:hover {
    color: #666;
    background-color: #f6f6f6;
    border-color: #adadad
}

.btn-default.active:hover {
    color: #666;
    background-color: #d4d4d4;
    border-color: #8c8c8c
}

.btn-default[disabled] {
    color: #fff;
    border-color: #ddd;
    background-color: #ddd
}

.btn-primary {
    color: #fff;
    background-color: #459fff;
    border-color: #459fff
}

.btn-primary:hover {
    color: #fff;
    background-color: #5facff;
    border-color: #5facff
}

.btn-primary.active {
    color: #fff;
    background-color: #1285ff;
    border-color: #006bde
}

.btn-primary.active:hover {
    color: #fff;
    background-color: #006bde;
    border-color: #0053ab
}

.btn-primary.disabled:hover, .btn-primary[disabled]:hover {
    background-color: #459fff;
    border-color: #1285ff
}

.btn-warning {
    color: #fff;
    background-color: #f6bb42;
    border-color: #f6bb42
}

.btn-warning:hover {
    color: #fff;
    background-color: #f7c45a;
    border-color: #f7c45a
}

.btn-warning.active {
    color: #fff;
    background-color: #f4a911;
    border-color: #c88a0a
}

.btn-warning.active:hover {
    color: #fff;
    background-color: #c88a0a;
    border-color: #986807
}

.btn-warning.disabled:hover, .btn-warning[disabled]:hover {
    background-color: #f6bb42;
    border-color: #f4a911
}

.btn-warning-o {
    color: #f6bb42;
    background-color: #fff;
    border-color: #f6bb42
}

.btn-danger {
    color: #fff;
    background-color: #fc7d76;
    border-color: #fc7d76
}

.btn-danger:hover {
    color: #fff;
    background-color: #fd958f;
    border-color: #fd958f
}

.btn-danger.active {
    color: #fff;
    background-color: #fb4e44;
    border-color: #fa1f12
}

.btn-danger.active:hover {
    color: #fff;
    background-color: #fa1f12;
    border-color: #d41005
}

.btn-danger.disabled:hover, .btn-danger[disabled]:hover {
    background-color: #fc7d76;
    border-color: #fb4e44
}

.btn-block {
    width: 100%
}

.btn-new {
    border: 1px dashed #459fff;
    color: #459fff
}

.btn-new:hover {
    background-color: #459fff;
    color: #fff
}

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

.alert {
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 330px;
    height: 288px;
    text-align: center;
    padding: 40px 40px 30px 40px;
    background-color: #fff;
    z-index: 1041;
    border-radius: 10px
}

.alert .close {
    position: absolute;
    top: 0;
    right: 4px;
    color: #999;
    line-height: 1;
    font-size: 30px
}

.alert .iconfont {
    font-size: 84px
}

.alert .icon-success {
    color: #14bf81
}

.alert .icon-warning-o {
    color: #fbd260
}

.alert p {
    color: #666
}

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

.alert .btn {
    margin-top: 20px;
    width: 110px
}

.confirm .alert {
    width: 380px;
    padding: 30px 30px 20px 30px;
    height: 128px;
    border-radius: 6px
}

.confirm .alert .iconfont {
    font-size: 18px;
    margin-right: 5px
}

.confirm .alert p {
    text-align: left
}

.confirm .alert .btn {
    width: 80px
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.progress .progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #459fff;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15)
}

.row {
    margin-right: -10px;
    margin-left: -10px
}

.col {
    float: left;
    position: relative;
    min-height: 1px
}

.col-12 {
    width: 100%
}

.col-11 {
    width: 91.66666667%
}

.col-10 {
    width: 83.33333333%
}

.col-9 {
    width: 75%
}

.col-8 {
    width: 66.66666667%
}

.col-7 {
    width: 58.33333333%
}

.col-6 {
    width: 50%
}

.col-5 {
    width: 41.66666667%
}

.col-4-5 {
    width: 37.5%
}

.col-4 {
    width: 33.33333333%
}

.col-3 {
    width: 25%
}

.col-2 {
    width: 16.66666667%
}

.col-1 {
    width: 8.33333333%
}

.header {
    background-color: #fff;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1)
}

.header .logo {
    float: left;
    margin-right: 50px
}

.header .logo img {
    margin-top: 22px
}

.header .inner {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.header .top-menu {
    float: left;
    margin-left: 120px
}

.header .top-menu li {
    float: left
}

.header .top-menu li a {
    line-height: 94px;
    display: inline-block;
    font-size: 14px;
    padding: 0 20px;
    text-decoration: none;
    color: hsla(0, 0%, 40%, .6)
}

.header .top-menu li a.router-link-exact-active, .header .top-menu li a.swzx.router-link-active, .header .top-menu li a:hover {
    color: #459fff
}

.header .top-menu li .iconfont {
    display: none;
    margin-right: 5px;
    font-size: 20px;
    line-height: 1
}

.header .login-area {
    float: right;
    line-height: 92px;
    height: 94px
}

.header .login-area .login, .header .login-area .logout {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    text-decoration: none;
    line-height: 18px;
    color: inherit
}

.header .login-area .logout:hover {
    cursor: pointer
}

.header .login-area a > .iconfont {
    font-size: 18px;
    margin-right: 15px;
    vertical-align: text-top
}

.header .user-info {
    display: inline-block;
    vertical-align: middle;
    line-height: 94px
}

.header .user-info strong {
    line-height: 30px;
    vertical-align: middle;
    margin-right: 5px;
    margin-left: 5px;
    font-weight: 400
}

.header .user-info img {
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 100%;
    padding: 2px;
    margin-top: -4px;
    vertical-align: middle;
    background-color: #fff
}

.header .user-info:hover .user-info-list {
    display: block
}

.header .user-info .user-info-list {
    width: 110px;
    right: -39px
}

.header .user-info .user-info-list li {
    text-align: center;
    line-height: 32px;
    cursor: pointer
}

.header .user-info .user-info-list li:hover {
    background-color: #f3f3f3
}

.header .user-info .user-info-list li.active {
    color: #459fff
}

.header .msg {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px
}

.header .msg .iconfont {
    font-size: 20px;
    line-height: inherit;
    cursor: pointer
}

.header .msg .badge {
    position: absolute;
    right: 2px;
    top: 28px
}

.header .msg:hover .msg-list {
    display: block
}

.header .header-theme, .header .theme {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.header .theme .icon-pf {
    padding: 10px;
    font-size: 18px;
    cursor: pointer
}

.header .theme:hover .theme-list {
    display: block
}

.header .msg-list, .header .theme-list, .header .user-info-list {
    display: none;
    position: absolute;
    right: -70px;
    top: 69px;
    background-color: #fff;
    width: 180px;
    border: 1px solid #eee;
    z-index: 9
}

.header .msg-list:after, .header .msg-list:before, .header .theme-list:after, .header .theme-list:before, .header .user-info-list:after, .header .user-info-list:before {
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0;
    left: 50%;
    margin-left: -8px;
    border-color: transparent;
    border-style: solid;
    border-width: 8px
}

.header .msg-list:before, .header .theme-list:before, .header .user-info-list:before {
    top: -8px;
    border-top-width: 0;
    border-bottom-color: #ebeef5
}

.header .msg-list:after, .header .theme-list:after, .header .user-info-list:after {
    top: -7px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.header .msg-list li a, .header .theme-list li a, .header .user-info-list li a {
    display: block;
    line-height: 2;
    color: #777;
    padding: 0 10px;
    overflow: hidden
}

.header .msg-list li a span, .header .theme-list li a span, .header .user-info-list li a span {
    float: right;
    font-size: 12px
}

.header .msg-list li a label:hover, .header .theme-list li a label:hover, .header .user-info-list li a label:hover {
    color: #409eff !important;
    cursor: pointer
}

.header .msg-list li a:hover, .header .theme-list li a:hover, .header .user-info-list li a:hover {
    color: #409eff !important
}

.header .msg-list {
    padding: 0 5px
}

.header .msg-list > li {
    border-bottom: 1px solid #eee
}

.header .msg-list > li a div {
    display: inline-block;
    height: 40px;
    line-height: 40px
}

.header .msg-list > li a div i {
    color: #666;
    font-size: 15px !important;
    padding-right: 15px
}

.header .msg-list > li a div .icon-mail {
    font-size: 13px !important
}

.header .msg-list > li a div label {
    font-size: 14px;
    color: #666
}

.header .msg-list > li a span {
    color: #fff;
    height: 20px;
    line-height: 20px;
    margin-top: 10px;
    border-radius: 50%;
    width: 20px;
    text-align: center
}

.header .msg-list > li a .email-count {
    background-color: #f45050
}

.header .msg-list > li a .done-count {
    background-color: #efbc09
}

.header .msg-list > li a .received-count {
    background-color: #0879ea
}

.header .msg-list > li:last-child {
    border-bottom: none !important
}

.header .theme-list {
    display: none;
    padding: 0 26px;
    width: 138px;
    top: 77px;
    right: -50px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 12px rgba(0, 10, 39, .06);
    box-shadow: 0 2px 12px rgba(0, 10, 39, .06);
    z-index: 99
}

.header .theme-list:before {
    top: -8px;
    border-top-width: 0;
    border-bottom-color: #ebeef5
}

.header .theme-list:after {
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0;
    left: 50%;
    margin-left: -8px;
    border-color: transparent;
    border-style: solid;
    border-width: 8px
}

.header .theme-list li {
    margin: 10px 0;
    line-height: 1;
    color: #7d7d7d;
    cursor: pointer
}

.header .theme-list li .color {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid transparent;
    vertical-align: middle;
    margin-right: 12px;
    color: #fff
}

.header .theme-list li .color.color-bright {
    border: 1px solid #3a91fd;
    color: #3a91fd
}

.header .theme-list li .color.color-lightBlack {
    background-color: #000
}

.header .theme-list li .color.color-dblue {
    background-color: #274ba8
}

.header .theme-list li .color.color-blue {
    background-color: #459fff
}

.header .theme-list li .color.color-red {
    background-color: #a5362b
}

.header .theme-list li .color.color-lred {
    background-color: #ff8181
}

.header .theme-list li .color.color-green {
    background-color: #01ceca
}

.header .theme-list li .color.color-orange {
    background-color: #f8b551
}

.header .theme-list li .color.color-dark {
    background-color: #0a224a
}

.header .theme-list li.active .color:after {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    border: 2px solid;
    border-left: 0;
    border-top: 0;
    height: 12px;
    left: 5px;
    position: absolute;
    top: 0;
    width: 6px;
    -webkit-transition: -webkit-transform .15s ease-in .05s;
    transition: -webkit-transform .15s ease-in .05s;
    transition: transform .15s ease-in .05s;
    transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(45deg) scaleY(1);
    transform: rotate(45deg) scaleY(1)
}

.header .login-area .icon-search2 {
    margin-right: 15px;
    font-size: 24px;
    vertical-align: middle
}

.header .login-area:hover {
    cursor: pointer
}

.header .search-area {
    display: inline-block;
    margin-top: 30px;
    width: 60%;
    height: 64px
}

.header .search-area .search-wrap {
    width: 600px;
    margin: 0 auto
}

.header .search-area .search-wrap .search-input {
    width: 92%;
    background-color: transparent;
    border: 0;
    padding: 0 8px;
    color: #fff;
    padding-left: 15px
}

.header .search-area .search-wrap input::-webkit-input-placeholder {
    color: #eee
}

.header .search-area .search-wrap .iconfont {
    color: #fff;
    font-size: 24px;
    vertical-align: middle
}

.header .search-area .search-wrap:hover {
    cursor: pointer
}

.header .search-area .search-content {
    display: none;
    width: 600px;
    margin: 0 auto;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .2);
    position: relative;
    z-index: 9;
    top: 26px
}

.header .search-area .search-content .search-title {
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    color: #bbb;
    padding-left: 20px
}

.header .search-area .search-content .hot-list {
    height: 40px;
    line-height: 40px;
    color: #333
}

.header .search-area .search-content .hot-list a {
    padding: 0 20px;
    width: 100%
}

.header .search-area .search-content .hot-list:hover {
    cursor: pointer;
    background-color: #efefef
}

.header .user-info {
    position: relative
}

.header .user-info a {
    padding: 0 10px
}

.header .user-info .user-list-inner {
    display: none;
    width: 100%;
    position: absolute;
    padding-top: 18px;
    top: 94px;
    z-index: 9
}

.header .user-info .user-list-inner ul {
    margin-top: -13px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 10px rgba(0, 0, 0, .2);
    color: #666
}

.header .user-info .user-list-inner ul:after, .header .user-info .user-list-inner ul:before {
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0;
    left: 50%;
    margin-left: -8px;
    border-color: transparent;
    border-style: solid;
    border-width: 8px
}

.header .user-info .user-list-inner ul:before {
    top: -3px;
    border-top-width: 0;
    border-bottom-color: #ebeef5
}

.header .user-info .user-list-inner ul:after {
    top: -3px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.header .user-info .user-list-inner ul li {
    color: #666;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eee;
    margin: 0 5px
}

.header .user-info .user-list-inner ul li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 40px
}

.header .user-info .user-list-inner ul li a .iconfont {
    vertical-align: -2px;
    color: #888
}

.header-xs {
    height: 50px;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1)
}

.header-xs .inner {
    padding: 0 10px 0 5px
}

.header-xs .logo {
    float: left;
    width: 16%
}

.header-xs .logo > img {
    max-width: 42px;
    margin-top: 4px
}

.header-xs .form-group {
    width: 72%;
    float: left;
    position: relative
}

.header-xs .form-group input {
    height: 28px;
    margin-top: 10px;
    border-radius: 20px
}

.header-xs .icon-search {
    font-size: 22px;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #aaa
}

.header-xs .icon-bars {
    float: right;
    font-size: 24px;
    line-height: 50px;
    color: #999
}

.container {
    min-height: 480px;
    clear: both
}

.wrapper-index .main {
    width: 66%
}

.wrapper-index .side {
    width: 32%
}

.wrapper-personal .side {
    float: left;
    width: 300px;
    padding-right: 20px
}

.wrapper-personal .main {
    display: table-cell;
    width: 2000px
}

.footer {
    background-color: #459fff;
    padding: 15px 0 5px 0;
    margin-top: 30px;
    text-align: center
}

.footer .inner > p {
    margin-bottom: 10px;
    color: #fff
}

.footer .inner > p span {
    font-size: 15px
}

.footer .inner > p span + span {
    margin-left: 4px
}

.feedback-box {
    position: fixed;
    right: 10px;
    bottom: 20px;
    text-align: center;
    background-color: #fff;
    z-index: 99
}

.feedback-box .feedback-bar {
    overflow: hidden;
    -webkit-transition: all .5s;
    transition: all .5s
}

.feedback-box li {
    padding: 5px 6px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    font-size: 12px
}

.feedback-box li a {
    display: block
}

.feedback-box li a .badge {
    position: absolute;
    top: 0;
    left: 10px
}

.feedback-box li .iconfont {
    font-size: 30px;
    color: #459fff
}

.feedback-box li:hover {
    background-color: #459fff;
    border-color: #459fff;
    cursor: pointer
}

.feedback-box li:hover .iconfont, .feedback-box li:hover a > p {
    color: #fff
}

.feedback-box .download {
    position: relative
}

.feedback-box .download .ewm {
    display: none;
    position: absolute;
    border: 1px solid #eee;
    right: 110%;
    top: -50px;
    width: 80px;
    padding: 6px 6px 3px 6px;
    background: #fff
}

.feedback-box .download .ewm img {
    display: block
}

.feedback-box .download .ewm hr {
    margin: 5px 0 10px 0;
    border: none;
    border-bottom: 1px solid #eee
}

.feedback-box .download:hover .ewm {
    display: block
}

.feedback-box .pucker-btn {
    display: block;
    padding: 2px 6px;
    border-bottom: none;
    border: 1px solid #459fff;
    background-color: #459fff;
    color: #fff;
    -webkit-transition: all .5s;
    transition: all .5s
}

.feedback-box .pucker-btn:hover {
    background-color: #2c92ff
}

.pack-up .feedback-bar {
    height: 0
}

.pack-up .pucker-btn .iconfont {
    font-size: 28px;
    display: block;
    margin-bottom: -5px
}

.breadcrumb {
    margin: 20px 0 12px
}

.breadcrumb li {
    display: inline-block
}

.breadcrumb li a {
    color: inherit
}

.breadcrumb li.active {
    color: #459fff
}

.breadcrumb li + li + li:before {
    margin-right: 4px;
    color: #aaa;
    content: "\2013"
}

.search-group {
    position: relative;
    padding-right: 42px;
    width: 30%;
    min-width: 200px
}

.search-group .form-control {
    height: 32px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px
}

.search-group .input-group-btn {
    position: absolute;
    right: 0;
    top: 0
}

.search-group .input-group-btn .btn {
    padding: 0 10px;
    min-width: 42px;
    line-height: 30px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px
}

.search-group .input-group-btn .btn .iconfont {
    display: inline-block;
    font-size: 18px;
    vertical-align: top
}

.search-group-l {
    padding-right: 100px;
    width: 100%
}

.search-group-l .form-control {
    height: 40px;
    border-radius: 0
}

.search-group-l .input-group-btn .btn {
    font-size: 18px;
    line-height: 38px;
    padding: 0 20px;
    border-radius: 0
}

.search-group-index {
    margin: 0;
    margin-top: 30px
}

.search-group-index .form-control {
    display: inline-block;
    width: 58%;
    max-width: 650px;
    height: 30px;
    border-color: #eee;
    margin-right: 5px;
    vertical-align: middle;
    border-radius: 4px
}

.search-group-index .form-control:focus {
    border-color: #66afe9
}

.search-group-index .btn {
    padding: 4px 20px;
    border-radius: 4px
}

.search-group-index .search-btn {
    margin-right: 5px;
    color: #666;
    border-color: #fff
}

.search-group-index .btn:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.search-group-index .search-btn:focus {
    border-color: #fff
}

.search-group-index .more-service-btn:focus {
    border-color: #459fff
}

.pagination {
    display: block;
    position: relative;
    line-height: 20px;
    margin: 20px 0 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center
}

.pagination .paging {
    display: inline-block;
    margin: 0 20px
}

.pagination .paging li {
    display: inline-block;
    min-width: 22px;
    padding: 0 1px;
    margin: 0 4px;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #eee;
    background-color: #fff
}

.pagination .paging li:not(.disabled):not(.active):hover {
    color: #459fff
}

.pagination .paging li.active {
    background-color: #459fff;
    color: #fff;
    cursor: default
}

.pagination .paging li.disabled {
    cursor: not-allowed;
    color: #eee
}

.pagination input, .pagination select {
    margin: 0 4px;
    border: 1px solid #eee;
    border-radius: 4px;
    text-align: center;
    background-color: #fff
}

.pagination .jump {
    display: inline-block
}

.pagination .jump input {
    width: 40px
}

.pagination.large {
    line-height: 26px
}

.pagination.large .paging li {
    min-width: 28px
}

.pagination.large input, .pagination.large select {
    padding: 2px 0
}

.evaluate-star {
    position: relative;
    width: 87px
}

.evaluate-star .star-rating {
    margin-bottom: 0
}

.evaluate-star .star-rating .iconfont {
    font-size: 15px;
    margin: 0 1px;
    color: #e5e5e5
}

.evaluate-star .star-yellow {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.evaluate-star .star-yellow .yellow {
    color: #f4cd17
}

.evaluate-star .star-yellow .star-rating {
    width: 87px
}

.panel {
    background-color: #fff;
    margin-bottom: 20px
}

.panel > .hd {
    padding: 15px 0 5px 0;
    margin: 0 15px;
    overflow: hidden
}

.panel > .hd .title {
    float: left;
    font-size: 16px;
    color: #333
}

.panel > .hd .more {
    float: right;
    color: #999
}

.panel > .hd .more:hover {
    font-size: 14px;
    color: #459fff
}

.panel > .bd {
    padding: 0 15px 5px 15px
}

.modal {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 650px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1050;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    color: #666
}

.modal > .hd {
    position: relative;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    color: #fff;
    background-color: #459fff
}

.modal > .hd .tt {
    font-size: 18px
}

.modal > .hd .close {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -12px;
    color: #fff;
    float: right;
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
    -webkit-transition: all .3s;
    transition: all .3s
}

.modal > .hd .close:focus, .modal > .hd .close:hover {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.modal > .bd {
    position: relative;
    padding: 10px 15px;
    overflow-y: auto;
    max-height: 650px
}

.modal > .bd .form-control {
    border: 1px solid #eee;
    color: #666
}

.modal > .ft {
    padding: 10px 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal > .ft .btn {
    width: 100px
}

.modal > .ft .btn + .btn {
    margin-bottom: 0;
    margin-left: 10px
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: rgba(0, 0, 0, .5)
}

.modal-lg {
    width: 1200px
}

.evaluate-form .textarea-box {
    margin: 15px 15px 15px 0;
    width: 50%;
    min-width: 300px
}

.evaluate-form .content {
    padding-bottom: 15px
}

.evaluate-form .star-area {
    margin-right: 15px
}

.star-all .icon-star {
    font-size: 18px;
    margin-right: 5px;
    cursor: pointer;
    color: #ddd
}

.icon-star.yellow {
    color: #f4cd17 !important
}

.evaluate-form .submit-btn {
    margin-right: 10px
}

.user-evaluate {
    margin-top: 40px
}

.user-evaluate img {
    width: 45px;
    height: 45px;
    margin-right: 15px
}

.user-evaluate .name {
    font-size: 15px;
    margin-bottom: 0;
    color: inherit
}

.user-evaluate .star-area i {
    font-size: 14px;
    margin-right: 3px;
    color: #ddd
}

.user-evaluate .content {
    font-size: 13px;
    line-height: 25px;
    margin-top: 10px;
    margin-bottom: 15px;
    color: #888
}

.message {
    max-width: 600px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #ebeef5;
    position: fixed;
    left: 50%;
    top: 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #edf2fc;
    -webkit-transition: opacity .3s, -webkit-transform .4s;
    transition: opacity .3s, -webkit-transform .4s;
    transition: opacity .3s, transform .4s;
    transition: opacity .3s, transform .4s, -webkit-transform .4s;
    overflow: hidden;
    padding: 8px 20px;
    z-index: 9999
}

.message.fade-enter, .message.fade-leave-active {
    opacity: 0;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.message.info {
    color: #909399
}

.message.success {
    background-color: #f0f9eb;
    color: #67c23a;
    border-color: #e1f3d8
}

.message.warning {
    background-color: #fdf6ec;
    color: #eca83c;
    border-color: #faecd8
}

.message.error {
    background-color: #fef0f0;
    color: #f56c6c;
    border-color: #fde2e2
}

.message .icon-type {
    float: left;
    font-size: 16px;
    margin-right: 10px;
    vertical-align: middle
}

.message .content {
    display: table-cell;
    vertical-align: middle
}

.message .content.hasClose {
    padding-right: 25px
}

.message .btn-close {
    position: absolute;
    top: 9px;
    right: 15px;
    cursor: pointer;
    color: #c0c4cc
}

.confirm-wrap, .modal-wrap {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 9999;
    color: #666
}

.confirm-wrap.fade-enter, .confirm-wrap.fade-leave-active, .modal-wrap.fade-enter, .modal-wrap.fade-leave-active {
    opacity: 0
}

.confirm-wrap .confirm, .confirm-wrap .my-modal, .modal-wrap .confirm, .modal-wrap .my-modal {
    position: relative;
    display: inline-block;
    width: 420px;
    vertical-align: middle;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    text-align: left;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 999
}

.confirm-wrap .confirm .hd, .confirm-wrap .my-modal .hd, .modal-wrap .confirm .hd, .modal-wrap .my-modal .hd {
    font-size: 16px;
    line-height: 48px;
    padding: 0 15px;
    font-size: 18px;
    background-color: #3a91fd;
    color: #fff
}

.confirm-wrap .confirm .hd .btn-close, .confirm-wrap .my-modal .hd .btn-close, .modal-wrap .confirm .hd .btn-close, .modal-wrap .my-modal .hd .btn-close {
    position: absolute;
    right: 15px;
    top: 0;
    font-size: 24px;
    cursor: pointer
}

.confirm-wrap .confirm .hd .btn-close:hover, .confirm-wrap .my-modal .hd .btn-close:hover, .modal-wrap .confirm .hd .btn-close:hover, .modal-wrap .my-modal .hd .btn-close:hover {
    opacity: .7
}

.confirm-wrap .confirm .bd, .confirm-wrap .my-modal .bd, .modal-wrap .confirm .bd, .modal-wrap .my-modal .bd {
    padding: 10px 15px;
    background-color: #fff
}

.confirm-wrap .confirm > .ft, .confirm-wrap .my-modal > .ft, .modal-wrap .confirm > .ft, .modal-wrap .my-modal > .ft {
    background-color: #fff;
    padding: 20px 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.confirm-wrap .confirm > .ft .btn, .confirm-wrap .my-modal > .ft .btn, .modal-wrap .confirm > .ft .btn, .modal-wrap .my-modal > .ft .btn {
    width: 100px
}

.confirm-wrap .confirm > .ft .btn + .btn, .confirm-wrap .my-modal > .ft .btn + .btn, .modal-wrap .confirm > .ft .btn + .btn, .modal-wrap .my-modal > .ft .btn + .btn {
    margin-bottom: 0;
    margin-left: 10px
}

.confirm-wrap:after, .modal-wrap:after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle
}

.modal-wrap .my-modal {
    width: 600px
}

.confirm-wrap .confirm .hd .icon-close {
    color: #666
}

.confirm-wrap .confirm .bd {
    padding: 30px 30px 10px 30px
}

.confirm-wrap .confirm .icon-type {
    margin-right: 10px;
    font-size: 20px;
    vertical-align: middle
}

.confirm-wrap .confirm > .ft {
    border: none
}

.confirm-wrap .confirm > .ft .btn {
    width: 90px
}

.backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 99
}

.wrapper-index .panel {
    border: 1px solid #eee
}

.nav-service {
    margin: 90px 0;
    overflow: hidden;
    height: 120px;
    border-bottom: 0
}

.nav-service li {
    float: left;
    overflow: hidden
}

.nav-service li a {
    display: block;
    width: 140px;
    height: 120px;
    margin-right: 0;
    padding: 10px 15px;
    text-align: center;
    color: #333;
    background-color: #fff
}

.nav-service li a, .nav-service li a.hover {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.nav-service li a.hover {
    margin-top: -120px
}

.nav-service li:hover .hover {
    margin-top: 0
}

.nav-service li.active a {
    color: #fff;
    background-color: #459fff
}

.nav-service li.active .hover {
    margin-top: -120px
}

.nav-service li .iconfont {
    font-size: 52px
}

.nav-service li img {
    margin: 10px 0
}

.nav-service .service-obj {
    margin-right: 3px
}

.nav-service .service-obj .hover {
    color: #459fff
}

.nav-service .tab-link .hover {
    color: #fff;
    background-color: #459fff
}

.panel-service .hd {
    border-bottom: 1px solid #cfcfcf
}

.panel-service .bd {
    padding-top: 15px;
    height: 210px;
    overflow: hidden
}

.panel-service ul {
    margin-left: -15px
}

.panel-service ul > li {
    float: left;
    width: 25%;
    padding-left: 15px
}

.panel-service ul > li > a {
    display: block;
    height: 80px;
    min-width: 184px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 15px;
    padding: 5px 0 5px 10px;
    cursor: pointer;
    border: 1px solid #eee;
    background-color: #fff;
    -webkit-box-shadow: 4px 4px 5px #d6d6d6;
    box-shadow: 4px 4px 5px #d6d6d6;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.panel-service ul > li > a > img {
    float: left;
    width: 35%;
    max-width: 65px;
    vertical-align: top;
    height: auto
}

.panel-service ul > li:hover a {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.panel-service ul > li > a:focus, .panel-service ul > li > a:hover {
    text-decoration: none;
    outline: none
}

.panel-service .intro {
    float: left;
    width: 60%;
    min-width: 88px;
    margin-left: 8px
}

.panel-service .intro > p {
    margin: 0;
    color: #888
}

.panel-service .intro .name {
    font-size: 15px;
    font-weight: 700;
    margin-top: 5px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.panel-notice {
    height: 368px;
    overflow: hidden
}

.panel-notice .slide img {
    width: 100%;
    height: 142px
}

.slide .swiper-button-next, .slide .swiper-button-prev {
    width: 18px;
    height: 32px;
    background-size: 100% 100%
}

.slide .swiper-pagination-bullet {
    width: 10px;
    height: 10px
}

.swiper-pagination-bullet-active {
    background: #92c6ff !important
}

.new-list {
    margin: 5px 0
}

.new-list li a {
    position: relative;
    line-height: 2;
    display: block;
    overflow: hidden
}

.new-list .text {
    display: block;
    overflow: hidden;
    padding-right: 80px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.new-list li .date {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 40px
}

.new-list a:hover .date {
    text-decoration: none
}

.new-list .tz-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 86%;
    display: block;
    cursor: pointer
}

.panel-statistic .s-title {
    font-size: 14px;
    margin-bottom: 10px
}

.data-info, .feedback-info {
    overflow: hidden;
    margin-bottom: 15px
}

.data-info li {
    float: left;
    width: 25%;
    text-align: center
}

.data-info li b {
    font-size: 20px;
    color: #459fff
}

.feedback-info li {
    float: left;
    width: 33.333%
}

.feedback-info p {
    margin: 0;
    text-align: center
}

.feedback-info img {
    height: 60px;
    margin: 3px 0 5px 0
}

#processModal {
    min-height: 580px;
    padding: 20px 40px;
    overflow: hidden
}

#processModal .service-item {
    float: left
}

#processModal .service-item img {
    float: left;
    margin-right: 10px;
    width: 65px;
    margin-bottom: 10px
}

#processModal .service-item .intro {
    float: left
}

#processModal .service-item .intro .name {
    font-size: 18px;
    margin: 5px 0
}

#processModal .service-item .intro .evaluate-star {
    display: inline-block;
    margin-left: 10px
}

#processModal .service-item .intro p + p {
    color: #459fff
}

#processModal .operate-btn {
    float: right
}

#processModal .operate-btn .btn {
    padding: 2px 8px;
    border-radius: 4px
}

#processModal .operate-btn .btn .iconfont {
    font-size: 20px;
    margin-right: 6px;
    vertical-align: middle
}

#processModal .operate-btn .btn span {
    vertical-align: middle
}

#processModal .operate-btn .btn.btn-primary.active .iconfont {
    color: #f4cd17
}

#processModal .operate-btn p {
    text-align: center;
    color: #fb4e44;
    margin-top: 4px
}

#processModal .tab-content .fixed-table-toolbar {
    display: none
}

#processModal .table p {
    margin: 0
}

#processModal .table .note {
    color: #459fff
}

#processModal .table-responsive .table > tbody > tr > td:first-child {
    width: 115px
}

#processModal .table-responsive .table > tbody > tr > td:first-child, #processModal .table > tbody > tr > td:nth-child(3) {
    background-color: #f1f1f1
}

.tab-content .tab-pane {
    display: none
}

.tab-content .tab-pane.active {
    display: block
}

#processModal #tab-process1 p {
    margin-bottom: 30px;
    color: #888
}

#processModal .last-item {
    margin-top: 20px
}

#processModal .last-item .btn {
    border-radius: 0
}

#processModal .last-item a {
    margin: 0 3px 0 10px;
    text-decoration: none;
    color: #459fff
}

.service-filter {
    margin-top: 20px;
    margin-bottom: 20px
}

.filter-obj {
    float: left;
    height: 40px
}

.filter-obj li {
    font-size: 15px;
    line-height: 40px;
    position: relative;
    float: left;
    padding: 0 12px 0 25px;
    cursor: pointer;
    color: #333
}

.filter-obj li.active {
    font-weight: 600;
    background-color: #fff
}

.filter-obj li:first-child.active {
    border-top-left-radius: 8px
}

.filter-obj .triangle {
    position: absolute;
    top: 0;
    right: -25px;
    display: block;
    width: 25px;
    height: 40px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAoCAYAAAALz1FrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk5Q0I4MjQ5M0Q1QjExRThCNDAyQTgzQ0Q5RUZFMTRGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk5Q0I4MjRBM0Q1QjExRThCNDAyQTgzQ0Q5RUZFMTRGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTlDQjgyNDczRDVCMTFFOEI0MDJBODNDRDlFRkUxNEYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTlDQjgyNDgzRDVCMTFFOEI0MDJBODNDRDlFRkUxNEYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6SjNYoAAAB6ElEQVR42rSWWUoDURBFb56JSuKMUxxQlCCKOMVoEo3zgCP4JYKIiCIiKhqnL3ULrsJN+OsS/HEDbkJs70MEK0aSTioFj5DbDw6nq7v6eRzHMQA+UcCygC0UuDw0eeNvD9dHISHOxTPw9CryF67E+xkcrduF8xHAVyTyMa51zZ6gtYKN6flz7T74CI8a5MemRNoMcq2pQhrLgJ2+wtiY339OhgG/T1wf4lpVhdT5gb1+fRuTGhyHgfJiETHBiiqkqhQ4GNS1MenCQ0IqS0TEbmFZFVJBwFH4r40qxNb+AFDrF1GEt2xFFRLwfT8EKXWnCrG1y5ezMSCiEdosqUJKvcBpJP/emEwbtnuB5nIRjbq1yQixnwA7PPPpjclm0yY/A+2VIorSZlEV4uWuZDT33phsN250AaEaEcVos6AKKeLkuszRxrhp4FqIx5paEcVpM68KsWP4Kubexrh9sRY7gIEGebKhzZwqxNpcu7RxDbE13caR3CSicdrMqkJs3bqwyRkSb+E5tlVECdrMqELg4knLCxIJAjPtIpqgzZQqxNZNDKnHmAd1SF89351OEU2m2uQNsXXNmWY8//dGBdLNebYeEtEUbSZUIbbshPaa9L1Rg3RWf39zfg8G2iRUIbaSozwTpLH5EmAAQ25Jhcz/4TwAAAAASUVORK5CYII=)
}

.filter-content {
    padding: 20px 25px 10px 25px;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    font-size: 13px;
    line-height: 23px;
    color: #aeaeae
}

.filter-content dl {
    margin-bottom: 10px
}

.filter-content dd, .filter-content dt {
    float: left
}

.filter-content dd.all, .filter-content dt {
    margin-bottom: 1px
}

.filter-content dd {
    font-size: 13px;
    line-height: 23px;
    padding: 0 10px;
    cursor: pointer;
    color: #333
}

.filter-content dd:hover {
    color: #459fff
}

.filter-content dd.active, .filter-content dd.active:hover {
    color: #fff !important;
    background-color: #459fff
}

.list-nav {
    float: left;
    width: 45px;
    padding: 10px 0;
    border: 1px solid #eee;
    border-radius: 25px;
    background-color: #fff
}

.list-nav a {
    font-size: 15px;
    line-height: 24px;
    display: block;
    cursor: pointer;
    text-align: center;
    text-transform: capitalize;
    color: #999
}

.list-area .list-nav a.active, .list-nav a:hover {
    font-weight: bolder;
    color: #459fff;
    background: none;
    font-size: 18px
}

.service-list {
    display: table-cell;
    width: 20000px;
    padding-top: 15px
}

.service-list .marks {
    padding-top: 55px
}

.service-list .item {
    margin-bottom: 20px;
    padding: 10px 20px;
    background-color: #fff;
    border: 1px solid #eee;
    -webkit-transition: all .3s;
    transition: all .3s
}

.service-list .detail {
    padding-left: 30px
}

.service-list .title {
    font-size: 16px;
    line-height: 50px;
    overflow: hidden
}

.service-list .title .fonts {
    margin-right: 10px;
    font-weight: 600
}

.service-list .detail .tips {
    overflow: hidden;
    height: 24px
}

.service-list .detail .tips > span {
    display: inline-block;
    overflow: hidden
}

.service-list .detail .tips > span:first-child {
    margin-right: 15px
}

.service-list .marks a {
    display: inline-block;
    margin-right: 10px;
    color: #999
}

.service-list .marks a.disabledmc {
    display: inline-block;
    margin-right: 10px;
    color: #999 !important;
    cursor: not-allowed
}

.service-list .marks i {
    font-size: 16px;
    line-height: 20px;
    vertical-align: middle;
    margin-right: 5px
}

.service-list-list {
    padding-left: 20px
}

.service-list-list .item {
    display: none;
    overflow: hidden
}

.service-list-list .item.active {
    display: block
}

.service-list-card .right-menu {
    float: left;
    width: 100%
}

.service-list-card .right-menu .right-service {
    color: #999;
    float: left;
    width: 100%
}

.service-list-card .right-menu .right-service a {
    display: block;
    float: left;
    width: 50%;
    margin-bottom: 5px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.service-list-card .right-menu .right-service a:hover {
    color: #459fff
}

.service-list-card .right-menu .right-service a i {
    margin-right: 5px
}

.service-list-card .right-menu .right-service a.disabledmc {
    cursor: not-allowed
}

.service-list-card .right-menu .right-service a.disabledmc:hover {
    color: #999
}

.service-list-card {
    padding-left: 20px
}

.service-list-card li {
    display: none;
    width: 25%;
    padding-left: 20px;
    overflow: hidden;
    -webkit-transition: all .5s;
    transition: all .5s
}

.service-list .no-data {
    display: block;
    padding: 0;
    background-color: #fff
}

.service-list-card .active {
    display: inline-block
}

.service-list-card .item {
    position: relative;
    padding: 5px 10px;
    cursor: pointer;
    min-height: 130px
}

.service-list-card .title {
    font-size: 15px;
    line-height: 1.4;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.service-list-card .img {
    width: 15%;
    max-width: 60px;
    display: block;
    float: left
}

.service-list-card .detail {
    width: 85%;
    padding-left: 10px;
    margin-bottom: 2px;
    float: left
}

.service-list-card .grade {
    margin-bottom: 5px
}

.service-list-card .detail .tips > span {
    line-height: 1;
    font-size: 13px
}

.service-list-card .marks {
    position: absolute;
    right: 0;
    bottom: 0
}

.service-list-card .item:hover .marks {
    opacity: 1
}

.service-list-card .marks a {
    width: 47%;
    margin-right: 0;
    margin: 5px 0;
    color: #999;
    font-size: 12px
}

.service-list-list .item > a.fn-fl {
    max-width: 60px
}

.service-list-list .item > a.fn-fl img {
    max-height: 60px
}

.service-list-card .marks a[disabled] {
    cursor: default
}

.evaluate-area {
    padding: 15px;
    background-color: #fff
}

.evaluate-area .title {
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    color: #459fff
}

.evaluate-area .title-s {
    margin-bottom: 15px;
    border-bottom: 2px solid #459fff
}

.evaluate-area .title-s .inline {
    line-height: 35px;
    position: relative;
    display: inline-block;
    padding: 0 15px;
    padding-left: 30px;
    color: #fff;
    background-color: #459fff
}

.evaluate-area .title-s i {
    position: absolute;
    top: 3px;
    left: 8px;
    font-size: 20px
}

.evaluate-area .icon-star {
    color: #ddd
}

.evaluate-area .porgress-area {
    width: 66.67%;
    margin-top: 5px;
    margin-left: 15px;
    padding-right: 15px;
    padding-left: 100px
}

.evaluate-area .first .item {
    position: relative;
    padding: 3px 0
}

.evaluate-area .first .item .star-area {
    position: absolute;
    left: 0
}

.evaluate-area .second button {
    margin-right: 15px
}

.evaluate-area .star-rating b {
    font-size: 16px;
    font-weight: 400;
    color: #459fff
}

.evaluate-area .third-title {
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd
}

.evaluate-area .third-title li {
    float: right
}

.evaluate-area .third-title li a {
    line-height: 40px;
    display: inline-block;
    padding: 0 15px;
    text-decoration: none
}

.evaluate-area .third-title li.active a {
    font-weight: 600;
    color: #459fff
}

.evaluate-area .third-title li a:hover {
    color: #459fff
}

.evaluate-area .third .block {
    display: none
}

.evaluate-area .third .block.active {
    display: block
}

.operate-system {
    padding-top: 25px
}

.operate-system .panel {
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.operate-system .panel .panel-body {
    padding: 15px 30px 20px 30px
}

.operate-system .panel .panel-body .title {
    margin-bottom: 10px;
    font-size: 16px
}

.operate-system .panel .panel-body p {
    font-size: 18px;
    color: #333;
}

.operate-system .item {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 15px;
    width: 33.33333333%
}

.operate-system .item a {
    border-top: 2px solid #459fff;
    display: block;
    height: 100px;
    text-align: center;
    color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s
}

.operate-system .item a:hover {
    position: relative;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    z-index: 1
}

.operate-system .item img {
    height: 65px;
    margin: 17px 0 17px 17px;
    float: left;
    vertical-align: middle
}

.operate-system .item p {
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    padding: 0 10px;
    float: left;
    /**/
    line-height: 100px;
    white-space: nowrap;
}

.operate-system .box4 .item {
    width: 25%
}

.operate-system .box5 .item-1 a, .operate-system .box9 .item-1 a {
    height: 220px
}

.operate-system .box5 .item-1 img, .operate-system .box9 .item-1 img {
    height: 118px;
    margin: 28px 0
}

.operate-system .box5 .item-2, .operate-system .box5 .item-3, .operate-system .box5 .item-4, .operate-system .box5 .item-5, .operate-system .box9 .item-2, .operate-system .box9 .item-3, .operate-system .box9 .item-4, .operate-system .box9 .item-5 {
    margin-bottom: 16px
}

.operate-system .box5 .item-2 a, .operate-system .box5 .item-3 a, .operate-system .box5 .item-4 a, .operate-system .box5 .item-5 a, .operate-system .box9 .item-2 a, .operate-system .box9 .item-3 a, .operate-system .box9 .item-4 a, .operate-system .box9 .item-5 a {
    height: 102px;
    line-height: 102px
}

.operate-system .box5 .item-2 img, .operate-system .box5 .item-3 img, .operate-system .box5 .item-4 img, .operate-system .box5 .item-5 img, .operate-system .box9 .item-2 img, .operate-system .box9 .item-3 img, .operate-system .box9 .item-4 img, .operate-system .box9 .item-5 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box5 .item-2 p, .operate-system .box5 .item-3 p, .operate-system .box5 .item-4 p, .operate-system .box5 .item-5 p, .operate-system .box9 .item-2 p, .operate-system .box9 .item-3 p, .operate-system .box9 .item-4 p, .operate-system .box9 .item-5 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box6 .item-1 a {
    height: 220px
}

.operate-system .box6 .item-1 img {
    height: 118px;
    margin: 28px 0
}

.operate-system .box6 .item-2 {
    margin-bottom: 16px
}

.operate-system .box6 .item-2 a {
    height: 85px;
    line-height: 85px
}

.operate-system .box6 .item-2 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box6 .item-2 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box6 .item-4, .operate-system .box6 .item-5 {
    width: 16.6666%;
    margin-top: -18px
}

.operate-system .box6 .item-4 a, .operate-system .box6 .item-5 a {
    height: 120px
}

.operate-system .box6 .item-4 img, .operate-system .box6 .item-5 img {
    margin: 15px 0 5px 0;
    height: 64px
}

.operate-system .box6 .item-3, .operate-system .box6 .item-6 {
    margin-bottom: 16px
}

.operate-system .box6 .item-3 a, .operate-system .box6 .item-6 a {
    height: 102px;
    line-height: 102px
}

.operate-system .box6 .item-3 img, .operate-system .box6 .item-6 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box6 .item-3 p, .operate-system .box6 .item-6 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box7 .item-1, .operate-system .box10 .item-1, .operate-system .box11 .item-1, .operate-system .box12 .item-1 {
    width: 16.66666667%
}

.operate-system .box7 .item-1 a, .operate-system .box10 .item-1 a, .operate-system .box11 .item-1 a, .operate-system .box12 .item-1 a {
    height: 220px
}

.operate-system .box7 .item-1 img, .operate-system .box10 .item-1 img, .operate-system .box11 .item-1 img, .operate-system .box12 .item-1 img {
    height: 118px;
    margin: 28px 0
}

.operate-system .box7 .item-2, .operate-system .box10 .item-2, .operate-system .box11 .item-2, .operate-system .box12 .item-2 {
    width: 25%
}

.operate-system .box7 .item-2 a, .operate-system .box10 .item-2 a, .operate-system .box11 .item-2 a, .operate-system .box12 .item-2 a {
    height: 220px
}

.operate-system .box7 .item-2 img, .operate-system .box10 .item-2 img, .operate-system .box11 .item-2 img, .operate-system .box12 .item-2 img {
    height: 118px;
    margin: 28px 0
}

.operate-system .box7 .item-3, .operate-system .box10 .item-3, .operate-system .box11 .item-3, .operate-system .box12 .item-3 {
    margin-bottom: 16px
}

.operate-system .box7 .item-3 a, .operate-system .box10 .item-3 a, .operate-system .box11 .item-3 a, .operate-system .box12 .item-3 a {
    height: 85px;
    line-height: 85px
}

.operate-system .box7 .item-3 img, .operate-system .box10 .item-3 img, .operate-system .box11 .item-3 img, .operate-system .box12 .item-3 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box7 .item-3 p, .operate-system .box10 .item-3 p, .operate-system .box11 .item-3 p, .operate-system .box12 .item-3 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box7 .item-5, .operate-system .box7 .item-6, .operate-system .box10 .item-5, .operate-system .box10 .item-6, .operate-system .box11 .item-5, .operate-system .box11 .item-6, .operate-system .box12 .item-5, .operate-system .box12 .item-6 {
    width: 16.6666%;
    margin-top: -18px
}

.operate-system .box7 .item-5 a, .operate-system .box7 .item-6 a, .operate-system .box10 .item-5 a, .operate-system .box10 .item-6 a, .operate-system .box11 .item-5 a, .operate-system .box11 .item-6 a, .operate-system .box12 .item-5 a, .operate-system .box12 .item-6 a {
    height: 120px
}

.operate-system .box7 .item-5 img, .operate-system .box7 .item-6 img, .operate-system .box10 .item-5 img, .operate-system .box10 .item-6 img, .operate-system .box11 .item-5 img, .operate-system .box11 .item-6 img, .operate-system .box12 .item-5 img, .operate-system .box12 .item-6 img {
    margin: 15px 0 5px 0;
    height: 64px
}

.operate-system .box7 .item-4, .operate-system .box7 .item-7, .operate-system .box10 .item-4, .operate-system .box10 .item-7, .operate-system .box11 .item-4, .operate-system .box11 .item-7, .operate-system .box12 .item-4, .operate-system .box12 .item-7 {
    margin-bottom: 16px;
    width: 25%
}

.operate-system .box7 .item-4 a, .operate-system .box7 .item-7 a, .operate-system .box10 .item-4 a, .operate-system .box10 .item-7 a, .operate-system .box11 .item-4 a, .operate-system .box11 .item-7 a, .operate-system .box12 .item-4 a, .operate-system .box12 .item-7 a {
    height: 102.5px;
    line-height: 102.5px
}

.operate-system .box7 .item-4 img, .operate-system .box7 .item-7 img, .operate-system .box10 .item-4 img, .operate-system .box10 .item-7 img, .operate-system .box11 .item-4 img, .operate-system .box11 .item-7 img, .operate-system .box12 .item-4 img, .operate-system .box12 .item-7 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box7 .item-4 p, .operate-system .box7 .item-7 p, .operate-system .box10 .item-4 p, .operate-system .box10 .item-7 p, .operate-system .box11 .item-4 p, .operate-system .box11 .item-7 p, .operate-system .box12 .item-4 p, .operate-system .box12 .item-7 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box8 .item-1 a {
    height: 220px
}

.operate-system .box8 .item-1 img {
    height: 118px;
    margin: 28px 0
}

.operate-system .box8 .item-5 {
    margin-top: -15px
}

.operate-system .box8 .item-5 a {
    height: 220px
}

.operate-system .box8 .item-5 img {
    height: 118px;
    margin: 28px 0
}

.operate-system .box8 .item-2 {
    margin-bottom: 16px
}

.operate-system .box8 .item-2 a {
    height: 102px;
    line-height: 102px
}

.operate-system .box8 .item-2 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box8 .item-2 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box8 .item-3, .operate-system .box8 .item-4 {
    width: 16.6666%;
    margin-top: -18px;
    margin-top: 0
}

.operate-system .box8 .item-3 a, .operate-system .box8 .item-4 a {
    height: 120px
}

.operate-system .box8 .item-3 img, .operate-system .box8 .item-4 img {
    margin: 15px 0 5px 0;
    height: 64px
}

.operate-system .box8 .item-6, .operate-system .box8 .item-7 {
    margin-bottom: 16px
}

.operate-system .box8 .item-6 a, .operate-system .box8 .item-7 a {
    height: 95px;
    line-height: 95px
}

.operate-system .box8 .item-6 img, .operate-system .box8 .item-7 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box8 .item-6 p, .operate-system .box8 .item-7 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box8 .item-8 {
    margin-bottom: 16px;
    margin-top: -120px
}

.operate-system .box8 .item-8 a {
    height: 102.5px;
    line-height: 102.5px
}

.operate-system .box8 .item-8 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box8 .item-8 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box9 .item-6, .operate-system .box9 .item-7, .operate-system .box9 .item-8, .operate-system .box9 .item-9, .operate-system .box11 .item-8, .operate-system .box11 .item-9, .operate-system .box11 .item-10, .operate-system .box11 .item-11 {
    width: 25%
}

.operate-system .box12 .item-8, .operate-system .box12 .item-9, .operate-system .box12 .item-10, .operate-system .box12 .item-11, .operate-system .box12 .item-12 {
    width: 20%
}

.operate-system .box13 .item-1 {
    width: 16.66666667%
}

.operate-system .box13 .item-1 a {
    height: 220px
}

.operate-system .box13 .item-1 img {
    height: 118px;
    margin: 28px 0
}

.operate-system .box13 .item-2, .operate-system .box13 .item-5 {
    margin-bottom: 16px;
    width: 25%
}

.operate-system .box13 .item-2 a, .operate-system .box13 .item-5 a {
    height: 102.5px;
    line-height: 102.5px
}

.operate-system .box13 .item-2 img, .operate-system .box13 .item-5 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box13 .item-2 p, .operate-system .box13 .item-5 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box13 .item-3 {
    margin-bottom: 16px
}

.operate-system .box13 .item-3 a {
    height: 85px;
    line-height: 85px
}

.operate-system .box13 .item-3 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box13 .item-3 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box13 .item-6, .operate-system .box13 .item-7 {
    width: 16.6666%;
    margin-top: -18px
}

.operate-system .box13 .item-6 a, .operate-system .box13 .item-7 a {
    height: 120px
}

.operate-system .box13 .item-6 img, .operate-system .box13 .item-7 img {
    margin: 15px 0 5px 0;
    height: 64px
}

.operate-system .box13 .item-4, .operate-system .box13 .item-8 {
    margin-bottom: 16px;
    width: 25%
}

.operate-system .box13 .item-4 a, .operate-system .box13 .item-8 a {
    height: 102.5px;
    line-height: 102.5px
}

.operate-system .box13 .item-4 img, .operate-system .box13 .item-8 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box13 .item-4 p, .operate-system .box13 .item-8 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box13 .item-9, .operate-system .box13 .item-10, .operate-system .box13 .item-11, .operate-system .box13 .item-12, .operate-system .box13 .item-13 {
    width: 20%
}

.operate-system .box14 .item-1 {
    width: 16.66666667%
}

.operate-system .box14 .item-1 a {
    height: 220px
}

.operate-system .box14 .item-1 img {
    height: 118px;
    margin: 28px 0
}

.operate-system .box14 .item-2, .operate-system .box14 .item-5 {
    margin-bottom: 16px;
    width: 25%
}

.operate-system .box14 .item-2 a, .operate-system .box14 .item-5 a {
    height: 102.5px;
    line-height: 102.5px
}

.operate-system .box14 .item-2 img, .operate-system .box14 .item-5 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box14 .item-2 p, .operate-system .box14 .item-5 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box14 .item-3 {
    margin-bottom: 16px
}

.operate-system .box14 .item-3 a {
    height: 85px;
    line-height: 85px
}

.operate-system .box14 .item-3 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box14 .item-3 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box14 .item-6, .operate-system .box14 .item-7 {
    width: 16.6666%;
    margin-top: -18px
}

.operate-system .box14 .item-6 a, .operate-system .box14 .item-7 a {
    height: 120px
}

.operate-system .box14 .item-6 img, .operate-system .box14 .item-7 img {
    margin: 15px 0 5px 0;
    height: 64px
}

.operate-system .box14 .item-4, .operate-system .box14 .item-8 {
    margin-bottom: 16px;
    width: 25%
}

.operate-system .box14 .item-4 a, .operate-system .box14 .item-8 a {
    height: 102.5px;
    line-height: 102.5px
}

.operate-system .box14 .item-4 img, .operate-system .box14 .item-8 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box14 .item-4 p, .operate-system .box14 .item-8 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box14 .item-9, .operate-system .box14 .item-10, .operate-system .box14 .item-11, .operate-system .box14 .item-12, .operate-system .box14 .item-13, .operate-system .box14 .item-14, .operate-system .box15 .item-1 {
    width: 16.66666667%
}

.operate-system .box15 .item-1 a {
    height: 220px
}

.operate-system .box15 .item-1 img {
    height: 118px;
    margin: 28px 0
}

.operate-system .box15 .item-2, .operate-system .box15 .item-5 {
    margin-bottom: 16px;
    width: 25%
}

.operate-system .box15 .item-2 a, .operate-system .box15 .item-5 a {
    height: 102.5px;
    line-height: 102.5px
}

.operate-system .box15 .item-2 img, .operate-system .box15 .item-5 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box15 .item-2 p, .operate-system .box15 .item-5 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box15 .item-3 {
    margin-bottom: 16px
}

.operate-system .box15 .item-3 a {
    height: 85px;
    line-height: 85px
}

.operate-system .box15 .item-3 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box15 .item-3 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box15 .item-6, .operate-system .box15 .item-7 {
    width: 16.6666%;
    margin-top: -18px
}

.operate-system .box15 .item-6 a, .operate-system .box15 .item-7 a {
    height: 120px
}

.operate-system .box15 .item-6 img, .operate-system .box15 .item-7 img {
    margin: 15px 0 5px 0;
    height: 64px
}

.operate-system .box15 .item-4, .operate-system .box15 .item-8 {
    margin-bottom: 16px;
    width: 25%
}

.operate-system .box15 .item-4 a, .operate-system .box15 .item-8 a {
    height: 102.5px;
    line-height: 102.5px
}

.operate-system .box15 .item-4 img, .operate-system .box15 .item-8 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box15 .item-4 p, .operate-system .box15 .item-8 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box15 .item-9 {
    margin-bottom: 16px
}

.operate-system .box15 .item-9 a {
    height: 85px;
    line-height: 85px
}

.operate-system .box15 .item-9 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box15 .item-9 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box15 .item-10, .operate-system .box15 .item-11, .operate-system .box15 .item-12, .operate-system .box15 .item-13 {
    width: 16.66666667%
}

.operate-system .box15 .item-10 a, .operate-system .box15 .item-11 a, .operate-system .box15 .item-12 a, .operate-system .box15 .item-13 a {
    height: 220px
}

.operate-system .box15 .item-10 img, .operate-system .box15 .item-11 img, .operate-system .box15 .item-12 img, .operate-system .box15 .item-13 img {
    height: 118px;
    margin: 28px 0
}

.operate-system .box15 .item-14, .operate-system .box15 .item-15 {
    width: 16.6666%;
    margin-top: -18px;
    margin-top: -134px
}

.operate-system .box15 .item-14 a, .operate-system .box15 .item-15 a {
    height: 120px
}

.operate-system .box15 .item-14 img, .operate-system .box15 .item-15 img {
    margin: 15px 0 5px 0;
    height: 64px
}

.operate-system .box16 .item-1 {
    width: 16.66666667%
}

.operate-system .box16 .item-1 a {
    height: 220px
}

.operate-system .box16 .item-1 img {
    height: 118px;
    margin: 28px 0
}

.operate-system .box16 .item-2, .operate-system .box16 .item-5 {
    margin-bottom: 16px;
    width: 25%
}

.operate-system .box16 .item-2 a, .operate-system .box16 .item-5 a {
    height: 102.5px;
    line-height: 102.5px
}

.operate-system .box16 .item-2 img, .operate-system .box16 .item-5 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box16 .item-2 p, .operate-system .box16 .item-5 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box16 .item-3 {
    margin-bottom: 16px
}

.operate-system .box16 .item-3 a {
    height: 85px;
    line-height: 85px
}

.operate-system .box16 .item-3 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box16 .item-3 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box16 .item-6, .operate-system .box16 .item-7 {
    width: 16.6666%;
    margin-top: -18px
}

.operate-system .box16 .item-6 a, .operate-system .box16 .item-7 a {
    height: 120px
}

.operate-system .box16 .item-6 img, .operate-system .box16 .item-7 img {
    margin: 15px 0 5px 0;
    height: 64px
}

.operate-system .box16 .item-4, .operate-system .box16 .item-8 {
    margin-bottom: 16px;
    width: 25%
}

.operate-system .box16 .item-4 a, .operate-system .box16 .item-8 a {
    height: 102.5px;
    line-height: 102.5px
}

.operate-system .box16 .item-4 img, .operate-system .box16 .item-8 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box16 .item-4 p, .operate-system .box16 .item-8 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box16 .item-9, .operate-system .box16 .item-10 {
    margin-bottom: 16px
}

.operate-system .box16 .item-9 a, .operate-system .box16 .item-10 a {
    height: 85px;
    line-height: 85px
}

.operate-system .box16 .item-9 img, .operate-system .box16 .item-10 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box16 .item-9 p, .operate-system .box16 .item-10 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box16 .item-11, .operate-system .box16 .item-12 {
    width: 16.66666667%
}

.operate-system .box16 .item-11 a, .operate-system .box16 .item-12 a {
    height: 220px
}

.operate-system .box16 .item-11 img, .operate-system .box16 .item-12 img {
    height: 118px;
    margin: 28px 0
}

.operate-system .box16 .item-13, .operate-system .box16 .item-14, .operate-system .box16 .item-15, .operate-system .box16 .item-16 {
    width: 16.6666%;
    margin-top: -18px;
    margin-top: -134px
}

.operate-system .box16 .item-13 a, .operate-system .box16 .item-14 a, .operate-system .box16 .item-15 a, .operate-system .box16 .item-16 a {
    height: 120px
}

.operate-system .box16 .item-13 img, .operate-system .box16 .item-14 img, .operate-system .box16 .item-15 img, .operate-system .box16 .item-16 img {
    margin: 15px 0 5px 0;
    height: 64px
}

.operate-system .box17 .item-1 {
    width: 16.66666667%
}

.operate-system .box17 .item-1 a {
    height: 220px
}

.operate-system .box17 .item-1 img {
    height: 118px;
    margin: 28px 0
}

.operate-system .box17 .item-2, .operate-system .box17 .item-5 {
    margin-bottom: 16px;
    width: 25%
}

.operate-system .box17 .item-2 a, .operate-system .box17 .item-5 a {
    height: 102.5px;
    line-height: 102.5px
}

.operate-system .box17 .item-2 img, .operate-system .box17 .item-5 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box17 .item-2 p, .operate-system .box17 .item-5 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box17 .item-3 {
    margin-bottom: 16px
}

.operate-system .box17 .item-3 a {
    height: 85px;
    line-height: 85px
}

.operate-system .box17 .item-3 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box17 .item-3 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box17 .item-6, .operate-system .box17 .item-7 {
    width: 16.6666%;
    margin-top: -18px
}

.operate-system .box17 .item-6 a, .operate-system .box17 .item-7 a {
    height: 120px
}

.operate-system .box17 .item-6 img, .operate-system .box17 .item-7 img {
    margin: 15px 0 5px 0;
    height: 64px
}

.operate-system .box17 .item-4, .operate-system .box17 .item-8 {
    margin-bottom: 16px;
    width: 25%
}

.operate-system .box17 .item-4 a, .operate-system .box17 .item-8 a {
    height: 102.5px;
    line-height: 102.5px
}

.operate-system .box17 .item-4 img, .operate-system .box17 .item-8 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box17 .item-4 p, .operate-system .box17 .item-8 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box17 .item-9, .operate-system .box17 .item-10, .operate-system .box17 .item-11 {
    margin-bottom: 16px
}

.operate-system .box17 .item-9 a, .operate-system .box17 .item-10 a, .operate-system .box17 .item-11 a {
    height: 85px;
    line-height: 85px
}

.operate-system .box17 .item-9 img, .operate-system .box17 .item-10 img, .operate-system .box17 .item-11 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box17 .item-9 p, .operate-system .box17 .item-10 p, .operate-system .box17 .item-11 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box17 .item-12, .operate-system .box17 .item-13, .operate-system .box17 .item-14, .operate-system .box17 .item-15, .operate-system .box17 .item-16, .operate-system .box17 .item-17 {
    width: 16.6666%;
    margin-top: -18px;
    margin-top: 0;
    width: 16.66666667%
}

.operate-system .box17 .item-12 a, .operate-system .box17 .item-13 a, .operate-system .box17 .item-14 a, .operate-system .box17 .item-15 a, .operate-system .box17 .item-16 a, .operate-system .box17 .item-17 a {
    height: 120px
}

.operate-system .box17 .item-12 img, .operate-system .box17 .item-13 img, .operate-system .box17 .item-14 img, .operate-system .box17 .item-15 img, .operate-system .box17 .item-16 img, .operate-system .box17 .item-17 img {
    margin: 15px 0 5px 0;
    height: 64px
}

.operate-system .box18 .item-1 {
    width: 16.66666667%
}

.operate-system .box18 .item-1 a {
    height: 220px
}

.operate-system .box18 .item-1 img {
    height: 118px;
    margin: 28px 0
}

.operate-system .box18 .item-2, .operate-system .box18 .item-5 {
    margin-bottom: 16px;
    width: 25%
}

.operate-system .box18 .item-2 a, .operate-system .box18 .item-5 a {
    height: 102.5px;
    line-height: 102.5px
}

.operate-system .box18 .item-2 img, .operate-system .box18 .item-5 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box18 .item-2 p, .operate-system .box18 .item-5 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box18 .item-3 {
    margin-bottom: 16px
}

.operate-system .box18 .item-3 a {
    height: 85px;
    line-height: 85px
}

.operate-system .box18 .item-3 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box18 .item-3 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box18 .item-6, .operate-system .box18 .item-7 {
    width: 16.6666%;
    margin-top: -18px
}

.operate-system .box18 .item-6 a, .operate-system .box18 .item-7 a {
    height: 120px
}

.operate-system .box18 .item-6 img, .operate-system .box18 .item-7 img {
    margin: 15px 0 5px 0;
    height: 64px
}

.operate-system .box18 .item-4, .operate-system .box18 .item-8 {
    margin-bottom: 16px;
    width: 25%
}

.operate-system .box18 .item-4 a, .operate-system .box18 .item-8 a {
    height: 102.5px;
    line-height: 102.5px
}

.operate-system .box18 .item-4 img, .operate-system .box18 .item-8 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box18 .item-4 p, .operate-system .box18 .item-8 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box18 .item-9, .operate-system .box18 .item-12 {
    margin-bottom: 16px;
    width: 25%
}

.operate-system .box18 .item-9 a, .operate-system .box18 .item-12 a {
    height: 102.5px;
    line-height: 102.5px
}

.operate-system .box18 .item-9 img, .operate-system .box18 .item-12 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box18 .item-9 p, .operate-system .box18 .item-12 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box18 .item-10, .operate-system .box18 .item-11, .operate-system .box18 .item-13 {
    width: 16.6666%;
    margin-top: -18px;
    margin-top: 0
}

.operate-system .box18 .item-10 a, .operate-system .box18 .item-11 a, .operate-system .box18 .item-13 a {
    height: 120px
}

.operate-system .box18 .item-10 img, .operate-system .box18 .item-11 img, .operate-system .box18 .item-13 img {
    margin: 15px 0 5px 0;
    height: 64px
}

.operate-system .box18 .item-14, .operate-system .box18 .item-17 {
    margin-bottom: 16px;
    width: 25%;
    margin-top: -16px
}

.operate-system .box18 .item-14 a, .operate-system .box18 .item-17 a {
    height: 102.5px;
    line-height: 102.5px
}

.operate-system .box18 .item-14 img, .operate-system .box18 .item-17 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box18 .item-14 p, .operate-system .box18 .item-17 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box18 .item-15, .operate-system .box18 .item-16, .operate-system .box18 .item-18 {
    margin-bottom: 16px;
    width: 16.66666667%
}

.operate-system .box18 .item-15 a, .operate-system .box18 .item-16 a, .operate-system .box18 .item-18 a {
    height: 85px;
    line-height: 85px
}

.operate-system .box18 .item-15 img, .operate-system .box18 .item-16 img, .operate-system .box18 .item-18 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box18 .item-15 p, .operate-system .box18 .item-16 p, .operate-system .box18 .item-18 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box19 .item-1 {
    width: 16.66666667%
}

.operate-system .box19 .item-1 a {
    height: 220px
}

.operate-system .box19 .item-1 img {
    height: 118px;
    margin: 28px 0
}

.operate-system .box19 .item-2, .operate-system .box19 .item-5 {
    margin-bottom: 16px;
    width: 25%
}

.operate-system .box19 .item-2 a, .operate-system .box19 .item-5 a {
    height: 102.5px;
    line-height: 102.5px
}

.operate-system .box19 .item-2 img, .operate-system .box19 .item-5 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box19 .item-2 p, .operate-system .box19 .item-5 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box19 .item-3 {
    margin-bottom: 16px
}

.operate-system .box19 .item-3 a {
    height: 85px;
    line-height: 85px
}

.operate-system .box19 .item-3 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box19 .item-3 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box19 .item-6, .operate-system .box19 .item-7 {
    width: 16.6666%;
    margin-top: -18px
}

.operate-system .box19 .item-6 a, .operate-system .box19 .item-7 a {
    height: 120px
}

.operate-system .box19 .item-6 img, .operate-system .box19 .item-7 img {
    margin: 15px 0 5px 0;
    height: 64px
}

.operate-system .box19 .item-4, .operate-system .box19 .item-8 {
    margin-bottom: 16px;
    width: 25%
}

.operate-system .box19 .item-4 a, .operate-system .box19 .item-8 a {
    height: 102.5px;
    line-height: 102.5px
}

.operate-system .box19 .item-4 img, .operate-system .box19 .item-8 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box19 .item-4 p, .operate-system .box19 .item-8 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box19 .item-9, .operate-system .box19 .item-12 {
    margin-bottom: 16px;
    width: 25%
}

.operate-system .box19 .item-9 a, .operate-system .box19 .item-12 a {
    height: 102.5px;
    line-height: 102.5px
}

.operate-system .box19 .item-9 img, .operate-system .box19 .item-12 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box19 .item-9 p, .operate-system .box19 .item-12 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box19 .item-10, .operate-system .box19 .item-11 {
    width: 16.6666%;
    margin-top: -18px;
    margin-top: 0
}

.operate-system .box19 .item-10 a, .operate-system .box19 .item-11 a {
    height: 120px
}

.operate-system .box19 .item-10 img, .operate-system .box19 .item-11 img {
    margin: 15px 0 5px 0;
    height: 64px
}

.operate-system .box19 .item-13 {
    width: 16.66666667%
}

.operate-system .box19 .item-13 a {
    height: 220px
}

.operate-system .box19 .item-13 img {
    height: 118px;
    margin: 28px 0
}

.operate-system .box19 .item-14, .operate-system .box19 .item-16 {
    margin-bottom: 16px;
    width: 25%;
    margin-top: -117px
}

.operate-system .box19 .item-14 a, .operate-system .box19 .item-16 a {
    height: 102.5px;
    line-height: 102.5px
}

.operate-system .box19 .item-14 img, .operate-system .box19 .item-16 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box19 .item-14 p, .operate-system .box19 .item-16 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box19 .item-15 {
    margin-bottom: 16px;
    margin-top: -100px
}

.operate-system .box19 .item-15 a {
    height: 85px;
    line-height: 85px
}

.operate-system .box19 .item-15 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box19 .item-15 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box20 .item-1 {
    width: 16.66666667%
}

.operate-system .box20 .item-1 a {
    height: 220px
}

.operate-system .box20 .item-1 img {
    height: 118px;
    margin: 28px 0
}

.operate-system .box20 .item-2, .operate-system .box20 .item-5 {
    margin-bottom: 16px;
    width: 25%
}

.operate-system .box20 .item-2 a, .operate-system .box20 .item-5 a {
    height: 102.5px;
    line-height: 102.5px
}

.operate-system .box20 .item-2 img, .operate-system .box20 .item-5 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box20 .item-2 p, .operate-system .box20 .item-5 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box20 .item-3 {
    margin-bottom: 16px
}

.operate-system .box20 .item-3 a {
    height: 85px;
    line-height: 85px
}

.operate-system .box20 .item-3 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box20 .item-3 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box20 .item-6, .operate-system .box20 .item-7 {
    width: 16.6666%;
    margin-top: -18px
}

.operate-system .box20 .item-6 a, .operate-system .box20 .item-7 a {
    height: 120px
}

.operate-system .box20 .item-6 img, .operate-system .box20 .item-7 img {
    margin: 15px 0 5px 0;
    height: 64px
}

.operate-system .box20 .item-4, .operate-system .box20 .item-8 {
    margin-bottom: 16px;
    width: 25%
}

.operate-system .box20 .item-4 a, .operate-system .box20 .item-8 a {
    height: 102.5px;
    line-height: 102.5px
}

.operate-system .box20 .item-4 img, .operate-system .box20 .item-8 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box20 .item-4 p, .operate-system .box20 .item-8 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box20 .item-9, .operate-system .box20 .item-12 {
    margin-bottom: 16px;
    width: 25%
}

.operate-system .box20 .item-9 a, .operate-system .box20 .item-12 a {
    height: 102.5px;
    line-height: 102.5px
}

.operate-system .box20 .item-9 img, .operate-system .box20 .item-12 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box20 .item-9 p, .operate-system .box20 .item-12 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box20 .item-10, .operate-system .box20 .item-11 {
    width: 16.6666%;
    margin-top: -18px;
    margin-top: 0
}

.operate-system .box20 .item-10 a, .operate-system .box20 .item-11 a {
    height: 120px
}

.operate-system .box20 .item-10 img, .operate-system .box20 .item-11 img {
    margin: 15px 0 5px 0;
    height: 64px
}

.operate-system .box20 .item-13 {
    width: 16.66666667%
}

.operate-system .box20 .item-13 a {
    height: 220px
}

.operate-system .box20 .item-13 img {
    height: 118px;
    margin: 28px 0
}

.operate-system .box20 .item-14, .operate-system .box20 .item-16 {
    margin-bottom: 16px;
    width: 25%;
    margin-top: -117px
}

.operate-system .box20 .item-14 a, .operate-system .box20 .item-16 a {
    height: 102.5px;
    line-height: 102.5px
}

.operate-system .box20 .item-14 img, .operate-system .box20 .item-16 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box20 .item-14 p, .operate-system .box20 .item-16 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box20 .item-15 {
    margin-bottom: 16px;
    margin-top: -100px
}

.operate-system .box20 .item-15 a {
    height: 85px;
    line-height: 85px
}

.operate-system .box20 .item-15 img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .box20 .item-15 p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box20 .item-17, .operate-system .box20 .item-18, .operate-system .box20 .item-19, .operate-system .box20 .item-20 {
    width: 25%
}

.operate-system .boxn .item {
    margin-bottom: 16px;
    width: 25%
}

.operate-system .boxn .item a {
    height: 102px;
    line-height: 102px
}

.operate-system .boxn .item img {
    margin: 0 3% 0 0;
    max-width: 20%;
    height: auto;
    max-height: 80%
}

.operate-system .boxn .item p {
    display: inline-block;
    padding: 0;
    max-width: 60%
}

.operate-system .box2n .item {
    width: 16.6666%;
    margin-top: -18px;
    margin-top: 0
}

.operate-system .box2n .item a {
    height: 120px
}

.operate-system .box2n .item img {
    margin: 15px 0 5px 0;
    height: 64px
}

.statistic-analysis .nav-tabs {
    border-bottom: 0
}

.statistic-analysis .nav-tabs > li.active > a {
    color: #fff;
    border: 1px solid #459fff;
    background-color: #459fff
}

.statistic-analysis .nav-tabs > li.active:hover a {
    background-color: #459fff
}

.statistic-analysis .nav-tabs > li > a {
    margin-right: 0;
    text-align: center;
    color: #555;
    border-radius: 0;
    background-color: transparent
}

.statistic-analysis .nav-tabs > li > a:hover {
    cursor: pointer;
    border: 1px solid transparent
}

.statistic-analysis .tab-content {
    margin-top: 50px
}

.statistic-analysis .formbox {
    min-height: 466px
}

.statistic-analysis .tab-content .title span {
    display: inline-block;
    padding: 0 10px 5px 10px;
    color: #333;
    border-bottom: 2px solid #459fff
}

.statistic-analysis #tab1 #pie1, .statistic-analysis #tab1 #pie2 {
    height: 400px
}

.statistic-analysis .fixed-table-toolbar {
    display: none
}

.statistic-analysis .fixed-table-container tbody > tr > td, .statistic-analysis .fixed-table-container thead th .th-inner {
    text-align: center
}

.statistic-analysis #tab2 .formbox {
    margin-bottom: 20px
}

.statistic-analysis #tab2 .fixed-table-container, .statistic-analysis #tab2 .table thead > tr > th {
    border: 0
}

.statistic-analysis #tab2 .table thead > tr > th {
    padding: 5px 8px;
    color: #555 !important;
    background-color: #ddd
}

.statistic-analysis #tab2 .fixed-table-body .table, .statistic-analysis #tab2 .table tbody > tr > td {
    border-right: 0;
    border-left: 0
}

.statistic-analysis #tab2 .progress {
    height: 12px !important;
    margin-top: 3px;
    margin-bottom: 0
}

.statistic-analysis #tab2 .progress .progress-bar {
    background-color: #459fff
}

.statistic-analysis #tab3 .nav-tabs {
    display: inline-block;
    margin-top: 20px;
    border: 1px solid #ddd;
    border-radius: 5px
}

.statistic-analysis #tab3 .nav-tabs > li > a {
    padding: 5px 15px;
    border-right: 1px solid #ddd
}

.statistic-analysis #tab3 #line, .statistic-analysis #tab3 #ring1, .statistic-analysis #tab3 #ring2, .statistic-analysis #tab3 #ring3, .statistic-analysis #tab3 #ring4, .statistic-analysis #tab3 #ring5 {
    height: 300px
}

.statistic-analysis #tab3 .formbox {
    margin-top: 20px
}

.statistic-analysis #tab3 .fixed-table-body .table, .statistic-analysis #tab3 .fixed-table-container, .statistic-analysis #tab3 .table thead > tr > th {
    border: 0
}

.statistic-analysis #tab3 .table tbody > tr > td {
    border-right: 0;
    border-left: 0
}

.statistic-analysis #tab4 .fixed-table-container, .statistic-analysis #tab4 .table thead > tr > th {
    border: 0
}

.statistic-analysis #tab4 .all-score {
    margin-right: 25px
}

.statistic-analysis #tab4 .all-score .iconfont {
    font-size: 16px;
    margin-right: 2px;
    color: #ddd
}

.statistic-analysis #tab4 .all-score .fa.selected {
    color: #f4cd17
}

.statistic-analysis #tab4 .all-score .fa:hover {
    cursor: pointer
}

.statistic-analysis #tab5 #bar {
    height: 600px
}

.statistic-analysis .evaluate-star {
    display: inline-block;
    margin-right: 30px
}

.statistic-analysis .table .th-inner {
    line-height: 40px;
    text-align: center
}

.statistic-analysis .table td {
    text-align: center
}

.statistic-analysis .table td .num {
    display: inline-block;
    min-width: 1.5em;
    text-align: left
}

.statistic-analysis .formbox table {
    background: #fff
}

.fb-hd {
    background-image: url(file:///E|/%E9%A1%B9%E7%9B%AE/%E6%B2%B3%E5%8C%97%E7%BB%8F%E8%B4%B8%E5%A4%A7%E5%AD%A6%E5%90%8E%E5%8F%B0/static/img/fb-bg.f2e9147c.jpg)
}

.qa-hd {
    background: #348eff url(file:///E|/%E9%A1%B9%E7%9B%AE/%E6%B2%B3%E5%8C%97%E7%BB%8F%E8%B4%B8%E5%A4%A7%E5%AD%A6%E5%90%8E%E5%8F%B0/static/img/qa-bg.ac04c9d2.jpg) no-repeat 100%
}

.qa-hd .title {
    color: #fff;
    line-height: 200px;
    padding-left: 90px;
    font-size: 48px;
    font-weight: 700
}

.qa-bd {
    margin-top: 20px
}

.qa-bd .side {
    float: left;
    width: 240px
}

.qa-bd .side .sidebar {
    background-color: #fafafa
}

.qa-bd .side .sidebar li a {
    display: block;
    line-height: 50px;
    padding-left: 50px;
    border-right: 4px solid transparent;
    cursor: pointer;
    color: inherit
}

.qa-bd .side .sidebar li a:hover {
    background-color: #eee
}

.qa-bd .side .sidebar .active a {
    color: #459fff;
    border-color: #459fff
}

.qa-bd .main {
    display: table-cell;
    width: 20000px;
    max-width: 1100px;
    min-height: 300px;
    border-left: 1px solid #eee;
    padding: 40px 90px
}

.panel-qa, .panel-qa .hd {
    margin-bottom: 20px
}

.panel-qa .hd {
    border-bottom: 2px solid #eee
}

.panel-qa .hd .tt {
    display: inline-block;
    margin-bottom: -2px;
    color: #333;
    font-size: 18px;
    line-height: 2;
    border-bottom: 2px solid #459fff
}

.panel-qa .bd {
    border-bottom: 1px solid #eee
}

.panel-qa .bd li {
    border: 1px solid #eee;
    border-bottom: none;
    padding: 20px 30px;
    cursor: pointer
}

.panel-qa .bd li h5 {
    font-size: 14px
}

.panel-qa .bd li:hover h5 {
    color: #459fff
}

.panel-qa .bd li p {
    display: none;
    margin-left: 1em
}

.panel-qa .bd li.active h5 {
    font-weight: 700;
    text-decoration: underline;
    margin-bottom: 5px;
    color: #459fff
}

.panel-qa .bd li.active p {
    display: block
}

.panel-qa .bd li.more a {
    color: #459fff
}

.qa-bd .qa-more {
    max-width: 100%
}

.qa-info {
    position: relative;
    padding: 15px 20px 10px 84px;
    min-height: 52px;
    background-color: #f2f6f9
}

.qa-info .iconfont {
    position: absolute;
    left: 20px;
    font-size: 52px;
    color: #fbd260;
    line-height: 1
}

.qa-info p {
    margin-top: 2px;
    margin-bottom: 5px
}

.upload-imgs {
    margin: 10px 0 30px 0;
    overflow: hidden;
    font-size: 0
}

.upload-imgs li {
    position: relative;
    width: 118px;
    height: 118px;
    font-size: 14px;
    display: inline-block;
    padding: 10px;
    margin-right: 25px;
    border: 2px dashed #ccc;
    text-align: center;
    vertical-align: middle
}

.upload-imgs li:hover {
    border-color: #459fff
}

.upload-imgs .add {
    display: block;
    background-color: #ccc;
    color: #fff;
    height: 94px;
    padding: 8px 0
}

.upload-imgs .add .iconfont {
    padding: 10px 0;
    font-size: 40px
}

.upload-imgs li:hover .add {
    background-color: #459fff
}

.upload-imgs li .upload {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 118px;
    height: 118px
}

.upload-imgs .img {
    position: relative;
    width: 94px;
    height: 94px;
    line-height: 94px
}

.upload-imgs .img img {
    vertical-align: middle
}

.upload-imgs .img .close {
    display: none
}

.upload-imgs li:hover .img .close {
    display: block;
    position: absolute;
    right: -6px;
    top: -10px;
    line-height: 1;
    font-size: 22px;
    color: #aaa
}

.panel-news-cont {
    margin-top: 20px
}

.panel-news-cont .panel-body {
    padding: 15px 15px 160px 15px;
    color: #333
}

.panel-news-cont .title {
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
    padding: 10px 0;
    text-align: center
}

.panel-news-cont .title h3 {
    font-size: 24px;
    margin-bottom: 10px
}

.panel-news-cont .cont {
    width: 90%;
    margin: 0 auto
}

.panel-news-cont .cont > p {
    line-height: 28px;
    text-indent: 35px;
    margin-bottom: 40px
}

.panel-news-cont .cont > ul {
    width: 90%;
    margin: 0 auto 50px auto;
    overflow: hidden
}

.panel-news-cont .cont > ul > li {
    text-align: center
}

.panel-news-cont .cont > ul > li > img {
    max-width: 350px
}

.panel-news-cont .thumbs-up-btn {
    border: 1px solid #bb001a;
    padding: 7px 20px
}

.panel-news-cont .thumbs-up-btn:focus, .panel-news-cont .thumbs-up-btn:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    background-color: transparent
}

.panel-news-cont .thumbs-up-btn .fa {
    color: #bb001a;
    font-size: 20px;
    margin-right: 10px
}

.panel-news-cont .thumbs-up-btn span {
    color: #bb001a;
    margin: 0 3px
}

.wrapper-error .container {
    width: 880px;
    padding: 150px 0 200px 0;
    min-height: 500px;
    height: 80%
}

.wrapper-error .container .img {
    float: left;
    height: 360px;
    width: 100%;
    max-width: 430px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain
}

.wrapper-error .container .img.img-404 {
    background-image: url(file:///E|/%E9%A1%B9%E7%9B%AE/%E6%B2%B3%E5%8C%97%E7%BB%8F%E8%B4%B8%E5%A4%A7%E5%AD%A6%E5%90%8E%E5%8F%B0/static/img/404.77e1571b.svg)
}

.wrapper-error .container .img.img-403 {
    background-image: url(file:///E|/%E9%A1%B9%E7%9B%AE/%E6%B2%B3%E5%8C%97%E7%BB%8F%E8%B4%B8%E5%A4%A7%E5%AD%A6%E5%90%8E%E5%8F%B0/static/img/403.41acc6f2.svg)
}

.wrapper-error .container .img.img-500 {
    background-image: url(file:///E|/%E9%A1%B9%E7%9B%AE/%E6%B2%B3%E5%8C%97%E7%BB%8F%E8%B4%B8%E5%A4%A7%E5%AD%A6%E5%90%8E%E5%8F%B0/static/img/500.5e6bf3ad.svg)
}

.wrapper-error .container .content {
    float: right;
    margin-top: 80px;
    padding-right: 20px
}

.wrapper-error .container .content h1 {
    color: #333;
    font-size: 72px;
    line-height: 72px;
    margin-bottom: 24px
}

.wrapper-error .container .content .desc {
    color: rgba(51, 51, 51, .45);
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 16px
}

.wrapper-notice-more .wall {
    padding: 40px 60px
}

.wrapper-notice-more .new-list {
    min-height: 356px
}

.wrapper-notice-more .new-list li a {
    line-height: 2.5
}

.links-details-more .wall {
    padding: 20px 30px
}

.links-details-more .wall .hd .title {
    color: #5d5d5d;
    font-size: 18px;
    font-weight: 600
}

.links-details-more .wall .hd .more {
    display: none
}

.wall {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 10px rgba(0, 0, 0, .3)
}

.panel-article .hd {
    padding-bottom: 15px;
    border-bottom: 1px solid #eee
}

.panel-article .hd .tt {
    line-height: 1.2;
    padding-left: 10px;
    border-left: 3px solid #459fff
}

.panel-article .bd {
    margin: 10px 0
}

.card {
    margin: 8px;
    border-radius: 6px;
    background: #fff;
    -webkit-box-shadow: 0 2px 6px -2px rgba(51, 51, 51, .1);
    box-shadow: 0 2px 6px -2px rgba(51, 51, 51, .1);
    overflow: auto
}

.card > .hd {
    padding: 0 20px 0 0;
    line-height: 45px;
    height: 45px;
    border-bottom: 1px solid #eee
}

.card > .hd .more-bottom {
    position: absolute;
    bottom: 10px;
    right: 20px;
    width: 100%;
    text-align: right;
    color: #afafaf;
    z-index: 9
}

.card > .hd .title {
    float: left;
    font-size: 15px;
    font-weight: 700;
    color: #666
}

.card > .hd .title a.active {
    color: #459fff;
    font-weight: 700;
    line-height: 41px;
    height: 45px;
    border-top: 2px solid #459fff;
    background-color: #fff
}

.card > .hd .title a {
    float: left;
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    text-decoration: none;
    color: #5d5d5d;
    padding: 0 15px
}

.card > .hd .title a:hover {
    color: #459fff
}

.card > .hd .title a .badge {
    margin-top: -10px
}

.card > .hd .more {
    float: right;
    color: #4296fd
}

.card > .hd .more i {
    display: block;
    font-size: 20px;
    color: #459fff
}

.card > .bd {
    padding: 10px 20px;
    height: 396px;
    overflow: auto
}

.wrapper-personal .container {
    position: relative;
    padding-top: 10px
}

.wrapper-personal .selectable.border {
    border: 1px dotted #aaa;
    min-height: 60px
}

.wrapper-personal .selectable.border .bg, .wrapper-personal .selectable.border .hd, .wrapper-personal .selectable.border .today-area {
    cursor: move
}

.wrapper-personal .col > .holder {
    margin: 10px
}

.wrapper-personal .ui-widget-content {
    position: relative;
    overflow: hidden;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none
}

.wrapper-personal .ui-widget-content > .set {
    position: absolute;
    right: 2px;
    top: -14px;
    text-align: center;
    cursor: pointer
}

.wrapper-personal .ui-widget-content > .set .iconfont {
    line-height: 50px;
    font-size: 18px;
    color: #459fff
}

.wrapper-personal .ui-widget-content > .set:hover .iconfont {
    opacity: .8
}

.wrapper-personal .ui-widget-content > .set:hover ul {
    display: block
}

.wrapper-personal .ui-widget-content > .set ul {
    display: none;
    position: absolute;
    width: 60px;
    right: 0;
    top: 40px;
    padding: 2px 0;
    font-size: 13px;
    border: 1px solid #eee;
    background-color: #fff
}

.wrapper-personal .ui-widget-content > .set ul li + li {
    margin-top: 4px
}

.wrapper-personal .ui-widget-content > .set ul li:hover {
    cursor: pointer;
    text-decoration: underline
}

.wrapper-personal .typeset-btn {
    position: absolute;
    top: 16px;
    width: 82px;
    right: -20px
}

.wrapper-personal .typeset-btn .btn {
    width: 100%;
    margin: 0;
    background-color: #fff;
    border-radius: 6px;
    text-align: center;
    -webkit-box-shadow: 0 2px 4px 0 hsla(0, 0%, 54.9%, .15);
    box-shadow: 0 2px 4px 0 hsla(0, 0%, 54.9%, .15);
    color: #000;
    font-size: 12px;
    padding: 2px 12px
}

.wrapper-personal .typeset-btn .btn .iconfont {
    display: block;
    color: #459fff;
    font-size: 18px
}

.wrapper-personal .typeset-btn .btn:hover {
    color: #fff;
    background-color: #459fff
}

.wrapper-personal .typeset-btn .btn:hover .iconfont {
    color: #fff
}

.notice-small-area {
    background: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.notice-small-area .center-calendar .day-block {
    width: 40%;
    float: left
}

.notice-small-area .center-calendar .day-block i {
    float: left
}

.notice-small-area .center-calendar .day-block p {
    float: left;
    line-height: 25px;
    padding-left: 10px;
    max-width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #7e8998;
    font-size: 12px
}

.notice-small-area .center-calendar .nl-block {
    width: 30%;
    line-height: 25px;
    position: absolute;
    float: none;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center
}

.notice-small-area .center-calendar .nl-block p {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #7e8998;
    font-size: 12px
}

.notice-small-area .center-calendar .zc-block {
    float: right;
    width: 30%;
    text-align: end;
    line-height: 25px;
    font-size: 12px;
    color: #434343
}

.notice-small-area .center-calendar .zc-block .number {
    font-size: 18px;
    padding: 0 5px
}

.notice-small-area .bd {
    height: 353px;
    overflow: hidden;
    width: 50%;
    background: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 6px -2px rgba(51, 51, 51, .1);
    box-shadow: 0 2px 6px -2px rgba(51, 51, 51, .1);
    padding: 10px 16px;
    position: relative
}

.notice-small-area .bd .fn-fr {
    float: right;
    height: 25px;
    line-height: 25px
}

.notice-small-area .bd .fn-fr strong {
    color: #459fff;
    font-size: 16px;
    margin: 0 2px;
    vertical-align: top
}

.notice-small-area .bd .iconfont {
    font-size: 18px;
    vertical-align: middle
}

.notice-small-area .bd .date p {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    margin-left: 10px
}

.notice-small-area .new-list {
    line-height: 48px;
    margin: 0;
    position: relative;
    -webkit-transition: top .5s;
    transition: top .5s
}

.notice-small-area .new-list li {
    height: 48px;
    padding: 0 16px
}

.notice-small-area .new-list li a {
    line-height: 48px
}

.notice-small-area .new-list .iconfont {
    font-size: 16px;
    line-height: 26px;
    color: #f6bb42
}

.notice-small-area .anim {
    -webkit-transition: all .5s;
    transition: all .5s;
    margin-top: -48px
}

.notice-small-area .today-area {
    position: absolute;
    right: 10px;
    top: 7px;
    width: 48%;
    padding: 10px 16px;
    height: 353px;
    line-height: 28px;
    overflow: hidden;
    background: #fff;
    border-radius: 6px
}

.notice-small-area .today-area .weather-area {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    position: relative
}

.notice-small-area .today-area .weather-area .block {
    display: inline-block;
    min-width: 36%;
    color: #7e8998;
    line-height: 30px
}

.notice-small-area .today-area .weather-area .block .wea-color {
    color: #459fff
}

.notice-small-area .today-area .weather-area .block .wea-color img {
    width: 30px;
    height: 30px;
    margin-right: 10px
}

.notice-small-area .today-area .weather-area .block:nth-child(2) {
    position: absolute;
    float: none;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center
}

.notice-small-area .today-area .weather-area .block:last-child {
    float: right;
    min-width: 30px
}

.card-service .bd {
    overflow: hidden;
    padding-top: 20px;
    height: 246px
}

.card-service .bd .app-list {
    margin: 0 -10px
}

.card-service .bd .app-list li {
    display: inline-block;
    width: 12.5%;
    padding: 0 10px;
    text-align: center;
    vertical-align: top;
    margin-bottom: 15px
}

.card-service .bd .app-list li img {
    margin-bottom: 10px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 55px;
    height: 55px
}

.card-service .bd .app-list li img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.card-service .bd .app-list li p {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    color: #666
}

.card-service .bd .app-list a {
    color: #666;
    display: block
}

.card-service .less-bd {
    height: 238px
}

.card-service .swiper-container {
    padding-bottom: 0
}

.card-service .swiper-container a {
    display: block;
    text-align: center
}

.card-service .swiper-container a img {
    margin-bottom: 10px;
    width: 58px;
    height: 58px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.card-service .swiper-container a p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.modal-app > .bd {
    overflow-y: auto;
    height: 649px !important
}

.modal-app .block {
    margin: 20px;
    margin-bottom: 15px;
    padding: 5px;
    border: 1px solid #ddd;
    overflow: hidden
}

.modal-app .block .hd {
    font-weight: 600;
    line-height: 40px;
    position: relative;
    padding: 0 15px 0 30px;
    color: #777
}

.modal-app .block .hd .dot {
    position: absolute;
    top: 16px;
    left: 15px;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background-color: #459fff
}

.modal-app .block .bd {
    margin-left: 20px;
    height: auto !important
}

.app-select-list .no-data {
    line-height: 5
}

.app-select-list .holder {
    margin-top: 6px;
    padding: 0
}

.app-select-list .holder, .app-select-list .item {
    position: relative;
    float: left;
    width: 12.5%;
    min-width: 135px;
    margin-bottom: 15px;
    padding: 0 10px;
    padding-top: 5px;
    text-align: center;
    overflow: visible
}

.app-select-list .holder > a, .app-select-list .item > a {
    display: block;
    padding: 0 2px;
    background-color: #f0f0f0;
    color: #666
}

.app-select-list .holder img, .app-select-list .item img {
    width: 55px;
    height: 55px;
    margin-top: 10px
}

.app-select-list .holder p, .app-select-list .item p {
    line-height: 30px;
    font-weight: 400;
    padding: 0 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.app-select-list .holder .opreat-btn, .app-select-list .item .opreat-btn {
    position: absolute;
    z-index: 1;
    top: -4px;
    right: 4px;
    font-size: 15px;
    cursor: pointer;
    color: #3a91fd
}

.app-select-list .holder .opreat-btn.icon-circle-minus, .app-select-list .item .opreat-btn.icon-circle-minus {
    color: #e80101
}

.links-area li a {
    position: relative;
    display: inline-block;
    padding-left: 10px;
    color: inherit;
    line-height: 2;
    width: 100%
}

.links-area li a, .links-area li a .words {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.links-area li a .words {
    width: 145px
}

.links-area li a:before {
    position: absolute;
    left: 1px;
    top: 50%;
    margin-top: -1.5px;
    content: "";
    border-radius: 50%;
    background-color: #333
}

.links-area li a:hover {
    color: #459fff
}

.links-area li a:hover:before {
    background-color: #459fff
}

.links-area .linkMoreHeight {
    height: 266px !important
}

.links-area .links-list {
    height: 169px
}

.links-area .links-list ul > li {
    width: 50%;
    float: left
}

.links-area .links-list ul > li a:before {
    position: absolute;
    left: 1px;
    top: 50%;
    margin-top: -1.5px;
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #333
}

.profile-area {
    padding: 0;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(51, 51, 51, .1);
    box-shadow: 0 5px 10px rgba(51, 51, 51, .1)
}

.profile-area .title {
    height: 48px;
    line-height: 48px;
    padding-left: 20px;
    border-bottom: 1px solid #ebebeb;
    font-size: 15px;
    font-weight: 700;
    color: #5d5d5d
}

.profile-area .title .iconfont {
    float: right;
    padding-right: 15px;
    font-size: 19px;
    cursor: pointer;
    color: #459fff
}

.profile-area .profile-content {
    height: 253px
}

.profile-area .profile-content .header-info {
    width: 100%;
    overflow: hidden;
    padding: 0 10px
}

.profile-area .profile-content .header-info .bg {
    width: 30%;
    float: left;
    position: relative;
    height: 90px;
    text-align: center
}

.profile-area .profile-content .header-info .bg .photo {
    margin: 10px 0;
    position: relative;
    text-align: center
}

.profile-area .profile-content .header-info .bg .photo img {
    display: inline-block;
    width: 70px;
    height: 70px;
    margin-top: 10px;
    margin-bottom: 5px;
    border-radius: 100%;
    -webkit-box-shadow: 0 5px 10px rgba(51, 51, 51, .1);
    box-shadow: 0 5px 10px rgba(51, 51, 51, .1)
}

.profile-area .profile-content .header-info .bg .edit {
    font-size: 18px;
    position: absolute;
    top: 5px;
    right: 15px;
    color: #fff
}

.profile-area .profile-content .header-info .info {
    padding: 25px 0 0 0;
    width: 70%;
    float: right
}

.profile-area .profile-content .header-info .info .fn-tc, .profile-area .profile-content .header-info .info .name {
    text-align: left;
    margin-bottom: 5px
}

.profile-area .profile-content .header-info .info .item.fn-tc {
    margin-top: 5px;
    padding-bottom: 20px;
    color: #999
}

.profile-area .profile-content .header-info .info .qm {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666
}

.profile-area .profile-content .other-info {
    border-top: 1px solid #e6e6e6;
    padding-bottom: 5px;
    margin: 0 20px;
    padding-top: 20px;
    overflow: hidden
}

.profile-area .profile-content .other-info ul {
    float: left
}

.profile-area .profile-content .other-info ul li {
    width: 50%;
    float: left;
    margin-bottom: 15px
}

.profile-area .profile-content .other-info ul li a {
    width: 100%;
    display: block;
    float: left
}

.profile-area .profile-content .other-info ul li .icon-bg {
    background-color: #e3f1ff;
    display: inline-block;
    width: 38px;
    height: 38px;
    text-align: center;
    border-radius: 50%;
    vertical-align: middle
}

.profile-area .profile-content .other-info ul li .icon-bg .iconfont {
    line-height: 38px;
    color: #459fff;
    font-size: 18px
}

.profile-area .profile-content .other-info ul li .note {
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle;
    text-align: start;
    width: 65px
}

.profile-area .profile-content .other-info ul li .note p {
    color: #7e8998;
    font-size: 12px;
    line-height: 19px;
    text-align: start;
    height: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.profile-area .profile-content .other-info ul li .note p label {
    margin: 0 5px
}

.profile-area .profile-content .other-info ul li:nth-child(2n) {
    float: right;
    text-align: right
}

.profile-area .profile-content .other-info ul:hover {
    cursor: pointer
}

.profile-area ::-webkit-scrollbar {
    width: 0 !important
}

.profile-stu-area {
    padding: 0;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(51, 51, 51, .1);
    box-shadow: 0 5px 10px rgba(51, 51, 51, .1)
}

.profile-stu-area .title {
    height: 48px;
    line-height: 48px;
    padding-left: 20px;
    border-bottom: 1px solid #ebebeb;
    font-size: 15px;
    font-weight: 700;
    color: #5d5d5d
}

.profile-stu-area .title .iconfont {
    float: right;
    padding-right: 15px;
    font-size: 19px;
    cursor: pointer;
    color: #459fff
}

.profile-stu-area .profile-content {
    height: 305px;
    overflow-y: auto
}

.profile-stu-area .profile-content .header-info .bg {
    position: relative;
    height: 90px;
    text-align: center
}

.profile-stu-area .profile-content .header-info .bg .photo {
    margin: 10px 0;
    position: relative;
    text-align: center
}

.profile-stu-area .profile-content .header-info .bg .photo img {
    display: inline-block;
    width: 70px;
    height: 70px;
    margin-top: 15px;
    margin-bottom: 5px;
    border-radius: 100%;
    -webkit-box-shadow: 0 5px 10px rgba(51, 51, 51, .1);
    box-shadow: 0 5px 10px rgba(51, 51, 51, .1)
}

.profile-stu-area .profile-content .header-info .bg .edit {
    font-size: 18px;
    position: absolute;
    top: 5px;
    right: 15px;
    color: #fff
}

.profile-stu-area .profile-content .header-info .info {
    padding: 0 20px;
    padding-top: 10px;
    text-align: center
}

.profile-stu-area .profile-content .header-info .info .name {
    font-size: 15px;
    text-align: center;
    color: #2a2a2a !important;
    font-weight: 800;
    margin-bottom: 8px
}

.profile-stu-area .profile-content .header-info .info .qm {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: -5px;
    color: #000
}

.profile-stu-area .profile-content .header-info .info .item.fn-tc {
    margin-top: 5px;
    padding-bottom: 26px;
    color: #999
}

.profile-stu-area .profile-content .other-info {
    border-top: 1px solid #e6e6e6;
    margin: 0 20px;
    padding: 20px 0 14px 0;
    overflow: hidden
}

.profile-stu-area .profile-content .other-info ul li {
    width: 50%;
    float: left;
    margin-bottom: 15px
}

.profile-stu-area .profile-content .other-info ul li .icon-bg {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    vertical-align: middle;
    background-color: #deeeff
}

.profile-stu-area .profile-content .other-info ul li .icon-bg .iconfont {
    line-height: 40px;
    font-size: 18px;
    color: #459fff
}

.profile-stu-area .profile-content .other-info ul li .note {
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle
}

.profile-stu-area .profile-content .other-info ul li .note p {
    color: #7e8998;
    font-size: 12px;
    line-height: 19px;
    text-align: left
}

.profile-stu-area .profile-content .other-info ul li .note p label {
    margin: 0 5px
}

.profile-stu-area .profile-content .other-info ul li:nth-child(2n) {
    float: right;
    text-align: right
}

.profile-stu-area .profile-content .other-info ul:hover {
    cursor: pointer
}

.modal-profile .bd {
    padding: 40px 80px 0 80px
}

.modal-profile .avatar {
    float: left;
    margin-right: 20px;
    margin-top: 5px;
    position: relative
}

.modal-profile .avatar img {
    display: block;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: #f2f6f9
}

.modal-profile .avatar .upload, .modal-profile .avatar .upload-input {
    position: absolute;
    width: 80px;
    height: 30px;
    left: 20px;
    top: 95px;
    overflow: hidden
}

.modal-profile .avatar .upload {
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    border-radius: 34px;
    color: #fff;
    background-color: rgba(0, 0, 0, .5)
}

.modal-profile .form-horizontal {
    display: table-cell;
    width: 2000px
}

.modal-profile .form-horizontal .control-label {
    width: 50px
}

.modal-profile .ft {
    border-top: none;
    padding-bottom: 24px;
    text-align: center
}

.modal-profile .ft .btn + .btn {
    margin-left: 40px
}

.calendar-area .hd {
    padding-left: 20px;
    background-color: transparent
}

.calendar-area .bd {
    padding: 5px 10px;
    overflow: hidden;
    height: 371px
}

.calendar-area .laydate-set-ym span, .calendar-area .layui-laydate-header i {
    color: #8492a6 !important
}

.calendar-area .layui-laydate-header .nextWeek, .calendar-area .layui-laydate-header .prevWeek {
    background: none !important;
    background-size: 50% !important;
    font-size: 13px
}

.calendar-area .layui-laydate-list {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
    background-color: #fff;
    min-height: 230px;
    z-index: 9999
}

.calendar-area .layui-laydate, .calendar-area .layui-laydate-hint {
    border: none;
    display: block;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none
}

.calendar-area .layui-laydate-main {
    width: 100%
}

.calendar-area .layui-laydate-header {
    padding: 0;
    border: none;
    background-color: #fff
}

.calendar-area .layui-laydate-header .prevWeek {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjkxOURBODRCOTQwOTExRTk5MjVDQUZBRUZFRDRCQzVEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjkxOURBODRDOTQwOTExRTk5MjVDQUZBRUZFRDRCQzVEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTE5REE4NDk5NDA5MTFFOTkyNUNBRkFFRkVENEJDNUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTE5REE4NEE5NDA5MTFFOTkyNUNBRkFFRkVENEJDNUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz43G7WlAAABhklEQVR42rSVT0rDQBSHk0na0Cx05xW02IjuVKhQRF0IuvMQgrveIlsP4VoQXWit3kBFpa1FEOpCV0KElobWb2RaijQlidMHHzNJJr/3Z14mZr/fN6ZldtQD3/cjXwqCwMhkMobrumu9Xu+tXC63xq0TaaMyTXOZrI8RzyeOPMpkGbPZ7DxUEZ7pdDrvUWtFiogLjuNUmH5BHmdPusSX4AbBNuMW1CYtTiLuwTV8wz7UU3fLHyvAuRLegec4L8WJfFFF3IXNuMJxxGWNb1XEu9BIskGTxFfhBD6U8NiuoB1T1fxQthrs0X6Pg2OC+bDfpeVyueSR27btI3QnTwLZ21Js9Bz6l7gQ4sGyrAOms6R+gZiXtCxi0meOgzoZbMh1RH/G9YKuDf11gGgDB0WEQ25VuFfQ1YqDTWxSom1V50tY0Sau9uCFDErSF05O1celR1yVqIaDdcYuXIGn6+AaloihCG0c3tMtnjZxZS2clKAahuGctj/RiL0ifsT4GZnlNP/+PwIMAEvxjYWuUhVAAAAAAElFTkSuQmCC) no-repeat 100%;
    width: 30px;
    height: 30px
}

.calendar-area .layui-laydate-header .nextWeek {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQyRUE3NkUxOTQwOTExRTlCOEQ2QzlBRDY2NTdDNjhDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQyRUE3NkUyOTQwOTExRTlCOEQ2QzlBRDY2NTdDNjhDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDJFQTc2REY5NDA5MTFFOUI4RDZDOUFENjY1N0M2OEMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDJFQTc2RTA5NDA5MTFFOUI4RDZDOUFENjY1N0M2OEMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Gr6b3AAABeUlEQVR42rSVy0rDQBSGcysRRFyJoCvRtlhvb6C1uhAEn8RFNn2JbAUfwp0LXRSkoOC2Ylqqr+DOVUjIxW/KFIqYNInTAz+ZXPjOP5MzZ/Q0TbVFhZX1wnXdddM010g+nHxoZX6qOY7z53MjJ/E+4BuuW1WdZ8Jx+gW8jfrcbiqFG4bh6bp+yHAJvZBkWxlcBEAPnaFaFEWvXJskVAOXMQJ4JXKRoJ8kyY5KuIgBOheu4zjuFV2ionANsCjJDs4tZiD+QX3eEhllfhDgD6CXYkiCZ+4beQnyqiVrBh7vLhh+s0R3JDgoDfd9fwqbBU8kd22X6xEz6FaGy5LUZnsQ4z3RIdAY3ZbuLVnLQrTQA1pBp+i9NDwj6hK8jI7FHlBVLbvoCdWk41Hllvu7Q6JH6biNhqo2UQPdS7Bw7P37sJDRRD3Kz6JCToo6nuscYEuW2moQBJ3piaQEbtv2BuU4CMOwjT7LtNoi238M8BrHb1WPOX2Rp/+PAAMAQO+ifqXsxZEAAAAASUVORK5CYII=) no-repeat 100%;
    width: 30px;
    height: 30px
}

.calendar-area .layui-laydate-header i {
    top: 0
}

.calendar-area .layui-laydate-header i.laydate-next-y, .calendar-area .layui-laydate-header i.laydate-prev-y {
    display: none
}

.calendar-area .layui-laydate-header i.laydate-prev-m {
    left: 2px
}

.calendar-area .layui-laydate-header i.laydate-next-m {
    right: 2px
}

.calendar-area .layui-laydate-content {
    padding: 0
}

.calendar-area .layui-laydate-content table {
    width: 100%
}

.calendar-area .layui-laydate-content .layui-this {
    background-color: #0f92ff !important;
    display: block;
    float: left
}

.calendar-area .opreat {
    margin-top: 10px;
    padding: 5px 10px
}

.calendar-area .opreat .more a {
    font-size: 12px;
    text-decoration: none;
    color: #0f92ff
}

.calendar-area .opreat .add .btn {
    font-size: 12px;
    padding: 2px 10px;
    color: #999;
    border-radius: 10px;
    outline: none;
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 10px rgba(0, 0, 0, .2)
}

.calendar-area .moreHeight {
    height: 310px !important
}

.calendar-area .stumoreHeight {
    height: 160px !important
}

.calendar-area .course-schedule-wrap {
    height: 270px;
    overflow-y: scroll
}

.calendar-area .course-schedule-wrap .stu-schedule-inner {
    height: 69px
}

.calendar-area .course-schedule-wrap .course {
    width: 100%
}

.calendar-area .course-schedule-wrap .course .table {
    margin-bottom: 5px !important;
    margin-top: 10px
}

.calendar-area .course-schedule-wrap .course .table thead {
    display: none
}

.calendar-area .course-schedule-wrap .course .table .no-data {
    text-align: center;
    padding: 10px 0
}

.calendar-area .course-schedule-wrap .course .table .no-data td {
    background-color: transparent
}

.calendar-area .course-schedule-wrap .course .table tr {
    width: 100%;
    display: block;
    padding: 0 15px
}

.calendar-area .course-schedule-wrap .course .table tr td {
    width: 33.33%;
    display: inline-block;
    border-top: 0;
    padding: 6px 10px;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #7e8998;
    background: #f5fbff
}

.calendar-area .course-schedule-wrap .course .table .data-info tr:hover {
    cursor: pointer;
    color: #0f92ff
}

.calendar-area .course-schedule-wrap p {
    font-size: 12px;
    line-height: 2;
    margin-top: 5px;
    margin-bottom: 0;
    padding: 0 15px;
    color: #333
}

.calendar-area .course-schedule-wrap p .title {
    border-left: 4px solid #0f92ff;
    padding: 2px 5px;
    color: #7e8998 !important
}

.calendar-area .stu-schedule {
    height: 120px
}

.calendar-area .schedule {
    padding-top: 5px;
    margin-right: 1px
}

.calendar-area .schedule .item {
    margin-bottom: 10px
}

.calendar-area .schedule .loading, .calendar-area .schedule .no-data {
    padding: 5px 10px;
    text-align: center;
    font-size: 12px;
    color: #7e8998
}

.calendar-area .schedule .detail span {
    margin-right: 10px;
    color: #999
}

.calendar-stu-area .hd {
    padding-left: 20px;
    background-color: transparent
}

.calendar-stu-area .bd {
    padding: 5px 10px;
    overflow: hidden
}

.calendar-stu-area .laydate-set-ym span, .calendar-stu-area .layui-laydate-header i {
    color: #8492a6 !important
}

.calendar-stu-area .layui-laydate-header .nextWeek, .calendar-stu-area .layui-laydate-header .prevWeek {
    background: none !important;
    background-size: 50% !important;
    font-size: 13px
}

.calendar-stu-area .layui-laydate-list {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
    background-color: #fff;
    min-height: 230px;
    z-index: 9999
}

.calendar-stu-area .layui-laydate, .calendar-stu-area .layui-laydate-hint {
    border: none;
    display: block;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none
}

.calendar-stu-area .layui-laydate-main {
    width: 100%
}

.calendar-stu-area .layui-laydate-header {
    padding: 0;
    border: none;
    background-color: #fff
}

.calendar-stu-area .layui-laydate-header .prevWeek {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjkxOURBODRCOTQwOTExRTk5MjVDQUZBRUZFRDRCQzVEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjkxOURBODRDOTQwOTExRTk5MjVDQUZBRUZFRDRCQzVEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTE5REE4NDk5NDA5MTFFOTkyNUNBRkFFRkVENEJDNUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTE5REE4NEE5NDA5MTFFOTkyNUNBRkFFRkVENEJDNUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz43G7WlAAABhklEQVR42rSVT0rDQBSHk0na0Cx05xW02IjuVKhQRF0IuvMQgrveIlsP4VoQXWit3kBFpa1FEOpCV0KElobWb2RaijQlidMHHzNJJr/3Z14mZr/fN6ZldtQD3/cjXwqCwMhkMobrumu9Xu+tXC63xq0TaaMyTXOZrI8RzyeOPMpkGbPZ7DxUEZ7pdDrvUWtFiogLjuNUmH5BHmdPusSX4AbBNuMW1CYtTiLuwTV8wz7UU3fLHyvAuRLegec4L8WJfFFF3IXNuMJxxGWNb1XEu9BIskGTxFfhBD6U8NiuoB1T1fxQthrs0X6Pg2OC+bDfpeVyueSR27btI3QnTwLZ21Js9Bz6l7gQ4sGyrAOms6R+gZiXtCxi0meOgzoZbMh1RH/G9YKuDf11gGgDB0WEQ25VuFfQ1YqDTWxSom1V50tY0Sau9uCFDErSF05O1celR1yVqIaDdcYuXIGn6+AaloihCG0c3tMtnjZxZS2clKAahuGctj/RiL0ifsT4GZnlNP/+PwIMAEvxjYWuUhVAAAAAAElFTkSuQmCC) no-repeat 100%;
    width: 30px;
    height: 30px
}

.calendar-stu-area .layui-laydate-header .nextWeek {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQyRUE3NkUxOTQwOTExRTlCOEQ2QzlBRDY2NTdDNjhDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQyRUE3NkUyOTQwOTExRTlCOEQ2QzlBRDY2NTdDNjhDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDJFQTc2REY5NDA5MTFFOUI4RDZDOUFENjY1N0M2OEMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDJFQTc2RTA5NDA5MTFFOUI4RDZDOUFENjY1N0M2OEMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Gr6b3AAABeUlEQVR42rSVy0rDQBSGcysRRFyJoCvRtlhvb6C1uhAEn8RFNn2JbAUfwp0LXRSkoOC2Ylqqr+DOVUjIxW/KFIqYNInTAz+ZXPjOP5MzZ/Q0TbVFhZX1wnXdddM010g+nHxoZX6qOY7z53MjJ/E+4BuuW1WdZ8Jx+gW8jfrcbiqFG4bh6bp+yHAJvZBkWxlcBEAPnaFaFEWvXJskVAOXMQJ4JXKRoJ8kyY5KuIgBOheu4zjuFV2ionANsCjJDs4tZiD+QX3eEhllfhDgD6CXYkiCZ+4beQnyqiVrBh7vLhh+s0R3JDgoDfd9fwqbBU8kd22X6xEz6FaGy5LUZnsQ4z3RIdAY3ZbuLVnLQrTQA1pBp+i9NDwj6hK8jI7FHlBVLbvoCdWk41Hllvu7Q6JH6biNhqo2UQPdS7Bw7P37sJDRRD3Kz6JCToo6nuscYEuW2moQBJ3piaQEbtv2BuU4CMOwjT7LtNoi238M8BrHb1WPOX2Rp/+PAAMAQO+ifqXsxZEAAAAASUVORK5CYII=) no-repeat 100%;
    width: 30px;
    height: 30px
}

.calendar-stu-area .layui-laydate-header i {
    top: 0
}

.calendar-stu-area .layui-laydate-header i.laydate-next-y, .calendar-stu-area .layui-laydate-header i.laydate-prev-y {
    display: none
}

.calendar-stu-area .layui-laydate-header i.laydate-prev-m {
    left: 2px
}

.calendar-stu-area .layui-laydate-header i.laydate-next-m {
    right: 2px
}

.calendar-stu-area .layui-laydate-content {
    padding: 0
}

.calendar-stu-area .layui-laydate-content table {
    width: 100%
}

.calendar-stu-area .layui-laydate-content .layui-this {
    background-color: #0f92ff !important;
    display: block;
    float: left
}

.calendar-stu-area .opreat {
    margin-top: 10px;
    padding: 5px 10px
}

.calendar-stu-area .opreat .more a {
    font-size: 12px;
    text-decoration: none;
    color: #0f92ff
}

.calendar-stu-area .opreat .add .btn {
    font-size: 12px;
    padding: 2px 10px;
    color: #999;
    border-radius: 10px;
    outline: none;
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 10px rgba(0, 0, 0, .2)
}

.calendar-stu-area .moreHeight {
    height: 310px !important
}

.calendar-stu-area .stumoreHeight {
    height: 160px !important
}

.calendar-stu-area .course-schedule-wrap {
    height: 280px;
    overflow-y: scroll
}

.calendar-stu-area .course-schedule-wrap .stu-schedule-inner {
    height: 69px
}

.calendar-stu-area .course-schedule-wrap .course {
    width: 100%
}

.calendar-stu-area .course-schedule-wrap .course .table {
    margin-bottom: 5px !important;
    margin-top: 10px
}

.calendar-stu-area .course-schedule-wrap .course .table thead {
    display: none
}

.calendar-stu-area .course-schedule-wrap .course .table .no-data {
    text-align: center;
    padding: 10px 0
}

.calendar-stu-area .course-schedule-wrap .course .table .no-data td {
    background-color: transparent
}

.calendar-stu-area .course-schedule-wrap .course .table tr {
    width: 100%;
    display: block;
    padding: 0 15px
}

.calendar-stu-area .course-schedule-wrap .course .table tr td {
    width: 33.33%;
    display: inline-block;
    border-top: 0;
    padding: 6px 10px;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #7e8998;
    background: #f5fbff
}

.calendar-stu-area .course-schedule-wrap .course .table .data-info tr:hover {
    cursor: pointer;
    color: #0f92ff
}

.calendar-stu-area .course-schedule-wrap p {
    font-size: 12px;
    line-height: 2;
    margin-top: 5px;
    margin-bottom: 0;
    padding: 0 15px;
    color: #333
}

.calendar-stu-area .course-schedule-wrap p .title {
    border-left: 4px solid #0f92ff;
    padding: 2px 5px;
    color: #7e8998 !important
}

.calendar-stu-area .stu-schedule {
    height: 100px
}

.calendar-stu-area .schedule {
    padding-top: 5px;
    margin-right: 1px
}

.calendar-stu-area .schedule .item {
    margin-bottom: 10px
}

.calendar-stu-area .schedule .loading, .calendar-stu-area .schedule .no-data {
    padding: 5px 10px;
    text-align: center;
    font-size: 12px;
    color: #7e8998
}

.calendar-stu-area .schedule .detail span {
    margin-right: 10px;
    color: #999
}

.schoollist-area {
    background: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.schoollist-area .school-official {
    float: left
}

.schoollist-area .school-report {
    float: right
}

.schoollist-area .school-official, .schoollist-area .school-report {
    width: 49%;
    background: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 6px -2px rgba(51, 51, 51, .1);
    box-shadow: 0 2px 6px -2px rgba(51, 51, 51, .1)
}

.schoollist-area .school-official .hd, .schoollist-area .school-report .hd {
    padding: 0 20px 0 0;
    line-height: 45px;
    height: 45px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px
}

.schoollist-area .school-official .hd .title, .schoollist-area .school-report .hd .title {
    float: left;
    font-size: 15px;
    font-weight: 700;
    width: 90%;
    overflow: hidden
}

.schoollist-area .school-official .hd .title a, .schoollist-area .school-report .hd .title a {
    float: left;
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    text-decoration: none;
    color: #5d5d5d;
    padding: 0 15px;
    height: 45px;
    line-height: 45px;
    text-align: center
}

.schoollist-area .school-official .hd .title a.active, .schoollist-area .school-report .hd .title a.active {
    line-height: 41px
}

.schoollist-area .school-official .hd .more, .schoollist-area .school-report .hd .more {
    float: right
}

.schoollist-area .school-official .bd, .schoollist-area .school-report .bd {
    height: 265px;
    padding: 10px 20px
}

.schoollist-area .school-official .bd .new-list, .schoollist-area .school-report .bd .new-list {
    color: #5d5d5d
}

.schoollist-area .school-official .bd .new-list li a, .schoollist-area .school-report .bd .new-list li a {
    padding: 6px 8px
}

.schoollist-area .school-official .bd .new-list .mark, .schoollist-area .school-report .bd .new-list .mark {
    color: #fff;
    background: #f6613d;
    padding: 0 3px;
    font-size: 12px;
    border-radius: 3px;
    height: 18px;
    line-height: 18px;
    font-weight: 300
}

.schoollist-area.stu .bd {
    height: 280px
}

.schedule-stu-area .hd {
    padding-left: 20px;
    background-color: #fff
}

.schedule-stu-area .schedule-date {
    position: relative;
    border: 1px solid #eee;
    margin-right: 1px;
    border-bottom: none;
    line-height: 40px;
    color: #459fff;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.schedule-stu-area .schedule-date .iconfont {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    cursor: pointer;
    line-height: 1
}

.schedule-stu-area .schedule-date .iconfont:hover {
    color: #5facff
}

.schedule-stu-area .schedule-date .iconfont:active {
    color: #1285ff
}

.schedule-stu-area .schedule-date .more {
    position: absolute;
    left: 10px
}

.schedule-stu-area .schedule-table {
    display: table;
    width: 100%;
    text-align: center;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.schedule-stu-area .schedule-table dl {
    display: table-cell;
    min-height: 100px;
    border-right: 1px solid #eee;
    background: linear-gradient(#eee 1px, transparent 0);
    background-size: 100% 39px
}

.schedule-stu-area .schedule-table dl.no {
    line-height: 39px;
    width: 5%;
    font-size: 12px;
    color: #333
}

.schedule-stu-area .schedule-table dl dt {
    height: 39px;
    line-height: 39px;
    color: #333;
    background-color: #f2f2f2
}

.schedule-stu-area .schedule-table dl.week {
    position: relative
}

.schedule-stu-area .schedule-table dl.week dd {
    position: absolute;
    top: 39px;
    width: 100%;
    padding: 5px 5px 5px 15px;
    line-height: 1.5;
    text-align: left;
    height: 78px;
    border-radius: 3px;
    border-left-width: 3px;
    border-left-style: solid;
    overflow: auto
}

.schedule-stu-area .schedule-table dl.week dd .js {
    font-size: 13px
}

.schedule-stu-area .schedule-table dl.week .c1 {
    border-color: #f5ab8c;
    background-color: #ffd5c4;
    color: #cc6c43
}

.schedule-stu-area .schedule-table dl.week .c2 {
    border-color: #5199ef;
    background-color: #bad9fe;
    color: #4d85ff
}

.schedule-stu-area .schedule-table dl.week .c3 {
    border-color: #b3d465;
    background-color: #e4f0c6;
    color: #80c269
}

.schedule-stu-area .schedule-table dl.week .c4 {
    border-color: #61bfbd;
    background-color: #8ae9e7;
    color: #17918e
}

.schedule-stu-area .schedule-table dl.week .c5 {
    border-color: #8f85ea;
    background-color: #ccc7fb;
    color: #7e73eb
}

.schedule-stu-area .schedule-table dl.week .c0 {
    border-color: #f3ba67;
    background-color: #fcd8a3;
    color: #be7710
}

.schedule-stu-area .schedule-table dl.week .t1 {
    top: 39px
}

.schedule-stu-area .schedule-table dl.week .k1 {
    height: 39px
}

.schedule-stu-area .schedule-table dl.week .t2 {
    top: 78px
}

.schedule-stu-area .schedule-table dl.week .k2 {
    height: 78px
}

.schedule-stu-area .schedule-table dl.week .t3 {
    top: 117px
}

.schedule-stu-area .schedule-table dl.week .k3 {
    height: 117px
}

.schedule-stu-area .schedule-table dl.week .t4 {
    top: 156px
}

.schedule-stu-area .schedule-table dl.week .k4 {
    height: 156px
}

.schedule-stu-area .schedule-table dl.week .t5 {
    top: 195px
}

.schedule-stu-area .schedule-table dl.week .k5 {
    height: 195px
}

.schedule-stu-area .schedule-table dl.week .t6 {
    top: 234px
}

.schedule-stu-area .schedule-table dl.week .k6 {
    height: 234px
}

.schedule-stu-area .schedule-table dl.week .t7 {
    top: 273px
}

.schedule-stu-area .schedule-table dl.week .k7 {
    height: 273px
}

.schedule-stu-area .schedule-table dl.week .t8 {
    top: 312px
}

.schedule-stu-area .schedule-table dl.week .k8 {
    height: 312px
}

.schedule-stu-area .schedule-table dl.week .t9 {
    top: 351px
}

.schedule-stu-area .schedule-table dl.week .k9 {
    height: 351px
}

.schedule-stu-area .schedule-table dl.week .t10 {
    top: 390px
}

.schedule-stu-area .schedule-table dl.week .k10 {
    height: 390px
}

.schedule-stu-area .schedule-table dl.week .t11 {
    top: 429px
}

.schedule-stu-area .schedule-table dl.week .k11 {
    height: 429px
}

#XgtzNotice .bd {
    height: 285px
}

#XgtzNotice .bd .new-list li a {
    padding: 6px 8px
}

.my-table-area > .bd, .table-stu-area > .bd {
    height: 273px
}

.my-table-area .table-list, .table-stu-area .table-list {
    float: left;
    width: 100%
}

.my-table-area .table-list li:nth-child(odd) a, .table-stu-area .table-list li:nth-child(odd) a {
    padding: 6px 25px 6px 15px
}

.my-table-area .table-list li:nth-child(2n) a, .table-stu-area .table-list li:nth-child(2n) a {
    padding: 6px 0 6px 45px
}

.my-table-area .table-list li, .table-stu-area .table-list li {
    width: 50%;
    float: left;
    font-size: 14px;
    height: 40px
}

.my-table-area .table-list li a, .table-stu-area .table-list li a {
    width: 100%;
    float: left;
    line-height: 28px
}

.my-table-area .table-list li a:before, .table-stu-area .table-list li a:before {
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0;
    background-color: #434343;
    margin-top: 12px;
    margin-left: -7px;
    border-color: transparent;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%
}

.my-table-area .table-list li a .subject, .table-stu-area .table-list li a .subject {
    float: left;
    display: block;
    max-width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.my-table-area .table-list li a .time, .table-stu-area .table-list li a .time {
    float: right;
    display: block;
    max-width: 25%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.my-table-area .table-list :after, .table-stu-area .table-list :after {
    clear: both
}

.feedback-box .feedback-child {
    display: none;
    position: absolute;
    left: -79px;
    top: 0;
    background-color: #fff;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.feedback-box .feedback-child:after {
    border: solid transparent;
    border-left-color: #fff;
    border-width: 16px;
    content: "";
    position: absolute;
    left: 100%;
    top: 36px;
    margin-left: -1px
}

.feedback-box .feedback-child:before {
    border: solid transparent;
    border-left-color: #eee;
    border-width: 18px;
    content: " ";
    position: absolute;
    left: 100%;
    top: 34px
}

.reply-area .table-bordered thead th {
    background-color: #fff;
    border: 0;
    padding: 12px 8px;
    font-size: 15px
}

.reply-area .table-bordered tbody tr td {
    border: 0;
    border-top: 1px solid #e2e2e2;
    text-align: center;
    color: #777
}

.reply-area .table-bordered tbody tr td .reply-status.active, .reply-area .table-bordered tbody tr td .title {
    color: #348eff
}

.reply-detail-area .main {
    padding-bottom: 60px
}

.reply-detail-area .main p {
    color: #333;
    margin-bottom: 15px
}

.reply-detail-area .main p span {
    color: #888
}

.reply-detail-area .main .textarea-div {
    border: 1px solid #eee;
    padding: 15px;
    min-height: 150px;
    margin-top: -10px;
    margin-bottom: 15px
}

.feedback-box .feedback-child li a .badge {
    top: 73px;
    left: 8px
}

.wrapper-wjtc .table thead th {
    background-color: #f2f2f2 !important
}

.wrapper-wjtc .table tbody tr:hover {
    cursor: pointer
}

.wrapper-wjtc .dj-btn {
    background-color: #0ed485 !important;
    border-color: #0ed485 !important;
    padding: 3px 9px;
    border-radius: 2px
}

.typeset-btn.header {
    background-color: transparent !important
}

.txl-detail .bd {
    height: auto
}

.statistic-analysis {
    padding: 30px;
    margin-top: 20px
}

.statistic-analysis .count {
    float: left;
    padding-left: 10px;
    line-height: 40px
}

.statistic-analysis .count > p {
    margin-bottom: 5px;
    font-size: 16px
}

.statistic-analysis .count ul, .statistic-analysis .count ul li {
    float: left
}

.statistic-analysis .count ul li span {
    color: #459fff;
    font-size: 16px;
    font-weight: 600
}

.statistic-analysis .count ul li + li {
    padding-left: 10px
}

.no-left-container {
    padding-left: 0 !important
}

.xiaoli-area h2 {
    text-align: center;
    line-height: 1;
    margin-top: 30px;
    font-weight: 700
}

.school-calendar {
    padding: 20px;
    overflow: hidden
}

.school-calendar .item {
    float: left;
    width: 50%;
    padding: 10px
}

.school-calendar .month {
    text-align: center
}

.school-calendar .month .title {
    font-size: 16px;
    line-height: 40px;
    color: #409eff;
    font-weight: 700
}

.school-calendar .month .hd {
    border: 1px solid #eee;
    border-bottom: none;
    overflow: hidden;
    line-height: 36px
}

.school-calendar .month .hd span {
    float: left;
    width: 12.5%;
    border-left: 1px solid #eee
}

.school-calendar .month .hd span.weekend {
    color: #eb7070
}

.school-calendar .month .hd span.w {
    border: none
}

.school-calendar .month .bd {
    overflow: hidden;
    border: 1px solid #eee;
    border-top: none
}

.school-calendar .month .weeks {
    float: left;
    width: 12.5%;
    background-color: #ecf5ff
}

.school-calendar .month .weeks li {
    line-height: 63px;
    border-top: 1px solid #eee;
    color: #409eff
}

.school-calendar .month .days {
    float: left;
    width: 87.5%;
    overflow: hidden
}

.school-calendar .month .days li {
    float: left;
    height: 64px;
    width: 14.2857%;
    text-align: right;
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    overflow: hidden;
    cursor: default
}

.school-calendar .month .days li.other .num, .school-calendar .month .days li.other p {
    opacity: .2
}

.school-calendar .month .days li.mark {
    background-color: #fffbd9;
    color: #f39542
}

.school-calendar .month .days li:nth-child(7n) .num, .school-calendar .month .days li:nth-child(7n-1) .num {
    color: #eb7070
}

.school-calendar .month .days li .num {
    display: inline-block;
    width: 20px;
    line-height: 20px;
    margin-right: 6px;
    margin-top: 2px;
    text-align: center
}

.school-calendar .month .days li .num.today {
    background-color: #f39542;
    color: #fff;
    font-size: 13px;
    border-radius: 50%
}

.school-calendar .month .days li .marks {
    position: relative;
    text-align: left;
    font-size: 13px;
    padding: 0 4px 4px 4px;
    margin-top: -2px;
    z-index: 1
}

.school-calendar .month .days li .marks p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.school-calendar .month .days li .marks p:before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    margin-right: 3px;
    background-color: #f39542;
    opacity: .5;
    border-radius: 50%;
    vertical-align: middle
}

.school-calendar .month .days li:hover {
    overflow: visible
}

.school-calendar .month .days li:hover .marks {
    background-color: #fffbd9
}

.school-calendar .month .days li:hover .marks p {
    overflow: visible;
    white-space: inherit
}

.new-list .mark {
    color: #fff;
    background: #fb4f81;
    padding: 0 3px;
    font-size: 12px;
    border-radius: 3px;
    height: 18px;
    line-height: 18px;
    font-weight: 300;
    position: absolute;
    left: 81%;
    top: 12px
}

.wrapper-transaction .my-commend .hd ul {
    color: #5d5d5d;
    padding: 5px 12px
}

.wrapper-transaction .my-commend .hd ul li {
    margin: 5px 0
}

.wrapper-transaction .my-commend .bd > p {
    margin: 8px 0
}

.wrapper-transaction .my-commend .bd > p > label {
    margin-right: 10px;
    color: #459fff
}

.wrapper-transaction .my-commend .bd > p .evaluate-star {
    display: inline-block
}

.wrapper-transaction .my-commend .bd > p span:first-of-type {
    color: #999;
    margin: 0 10px
}

.wrapper-transaction .my-commend .bd > p span:last-of-type {
    color: #5d5d5d
}

.wrapper-transaction .my-commend .bd > div textarea {
    width: 100%;
    border: 1px solid #d8dfeb;
    padding: 5px 12px;
    color: #5d5d5d
}

.wrapper-transaction .commend-ft {
    text-align: center !important
}

.wrapper-transaction .commend-ft button.close {
    background-color: #459fff;
    color: #fff
}

.wrapper-transaction .no-data td {
    text-align: center
}

.wrapper-transaction .container {
    position: relative;
    padding-left: 180px;
    background-color: #fff;
    min-height: 720px
}

.wrapper-transaction .side {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 180px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.wrapper-transaction .main {
    display: table-cell;
    width: 2000px;
    padding: 20px 40px
}

.wrapper-transaction .main .hd .tt {
    margin-bottom: 10px
	
}
.wrapper-transaction .main .hd .tt span{
	margin-left:15px;
	padding: 10px;
	
}
.wrapper-transaction .main .hd .tt span:hover{
	background:#ecf5ff
	
}
.wrapper-transaction .main .hd .tt .iconfont {
    margin-right: 5px;
    font-size: 20px;
    vertical-align: middle;
    color: #459fff
}

.wrapper-transaction .btn {
    min-width: 90px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 28px;
    border-radius: 4px
}

.wrapper-transaction .search-group {
    display: inline-block;
    width: 150px;
    padding-right: 0;
    margin-left: 10px
}

.wrapper-transaction .search-group .form-control {
    border-radius: 15px
}

.wrapper-transaction .search-group .btn {
    background: none;
    border: none;
    color: #d5d5d5
}

.wrapper-transaction .bar {
    background-color: #fafafa;
    border: 1px solid #eee;
    padding: 10px 20px 0 20px;
    font-size: 13px;
    margin-bottom: 20px
}

.wrapper-transaction .bar label {
    margin-bottom: 10px;
    vertical-align: middle;
    margin-right: 15px
}

.wrapper-transaction .bar label .icon-time {
    color: #459fff;
    font-size: 14px;
    margin-left: -14px
}

.wrapper-transaction .bar label.time {
    margin-right: 0
}

.wrapper-transaction .bar input {
    border: none;
    border-bottom: 1px solid #e9e9e9;
    background: none
}

.wrapper-transaction .bar input.date {
    width: 188px;
    padding-left: 4px;
    padding-right: 14px
}

.wrapper-transaction .bar input:focus {
    border-color: #459fff
}

.wrapper-transaction .bar select {
    border-color: #e9e9e9;
    background: #fff;
    padding: 4px 5px
}

.wrapper-transaction .bar select:focus {
    border-color: #459fff
}

.wrapper-transaction .bar .btn-group {
    float: right;
    margin-bottom: 10px
}

.wrapper-transaction .tab {
    margin-bottom: 10px
}

.wrapper-transaction .tab a {
    display: inline-block;
    padding: 5px 10px;
    margin-right: 5px
}

.wrapper-transaction .tab a.active {
    background-color: #459fff;
    color: #fff
}

.wrapper-transaction table {
    border: 1px solid #eee;
    margin-bottom: 10px
}

.wrapper-transaction table tr {
    border-bottom: 1px solid #eee
}

.wrapper-transaction table td, .wrapper-transaction table th {
    padding: 10px
}

.wrapper-transaction table .wd {
    font-weight: 700
}

.wrapper-transaction table .set a {
    display: inline-block;
    line-height: 22px;
    padding: 0 10px;
    border: 1px solid;
    border-radius: 4px;
    font-weight: 400
}

.wrapper-transaction table .set a + a {
    margin-left: 5px
}

.wrapper-transaction table .set a.del {
    color: #fb4e44
}

.wrapper-transaction table .set a.del:hover {
    background-color: #fb4e44;
    color: #fff
}

.wrapper-transaction table .set a.detail {
    color: #459fff
}

.wrapper-transaction table .set a.detail:hover {
    background-color: #459fff;
    color: #fff
}

.profile-info {
    text-align: center;
    padding: 20px 0 15px 0;
    font-size: 16px;
    font-weight: 700;
    background: #459fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAO8AAABSCAYAAAC8JIMSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDU2MTMzRURGMTU5MTFFOEFGOEZBRjc3RDdCNUIxQTEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDU2MTMzRUNGMTU5MTFFOEFGOEZBRjc3RDdCNUIxQTEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE2Q0ZGMTI0OTNDQzExRThBMTdBRDQ2NkNCMDE5NzhEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE2Q0ZGMTI1OTNDQzExRThBMTdBRDQ2NkNCMDE5NzhEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+SDOrFQAABs1JREFUeNrs3GtsU2Uc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) no-repeat top;
    color: #fff;
    -webkit-box-shadow: inset 0 -1px 6px 0 rgba(0, 0, 0, .1);
    box-shadow: inset 0 -1px 6px 0 rgba(0, 0, 0, .1)
}

.profile-info img {
    border: 3px solid #fff;
    width: 84px;
    height: 84px;
    border-radius: 50%;
    margin-bottom: 5px
}

.side-nav li > a {
    display: block;
    line-height: 58px;
    padding-left: 50px;
    font-size: 14px;
    color: #434343
}

.side-nav li > a .badge {
    margin-left: 50px
}

.side-nav li > a .iconfont {
    font-size: 13px;
    color: #459fff;
    margin-right: 15px
}

.side-nav li > a.router-link-exact-active, .side-nav li > a.router-link-exact-active:hover {
    position: relative;
    border-left: 2px solid #459fff;
    background-color: #fff;
    color: #459fff
}

.side-nav li > a.router-link-exact-active .iconfont, .side-nav li > a.router-link-exact-active:hover .iconfont {
    color: inherit
}

.side-nav li > a:hover {
    position: relative;
    border-left: 2px solid #459fff;
    background-color: #fff;
    color: #459fff
}

.side-nav li > a:hover .iconfont {
    color: inherit
}

.side-nav li > p {
    font-size: 15px;
    color: #5d5d5d;
    font-weight: 700;
    padding-left: 25px;
    line-height: 50px
}

.side-nav li > p i {
    font-size: 13px;
    color: #459fff;
    margin-right: 15px
}

.side-nav li .nav-router {
    padding-left: 25px;
    font-size: 15px;
    color: #5d5d5d;
    font-weight: 700
}

.my-collect .block, .my-service .block {
    border: 1px solid #eee;
    margin-bottom: 20px
}

.my-collect .block .tt, .my-service .block .tt {
    margin: 15px 20px;
    overflow: hidden
}

.my-collect .block .tt small, .my-service .block .tt small {
    color: #ddd;
    margin-left: 10px
}

.my-collect .block .tt .edit, .my-service .block .tt .edit {
    float: right;
    color: #459fff
}

.my-collect .block .tt .btn-group .btn, .my-service .block .tt .btn-group .btn {
    font-size: 12px;
    min-width: 48px;
    line-height: 20px
}

.my-collect .app-list, .my-service .app-list {
    font-size: 0;
    overflow: hidden
}

.my-collect .app-list .item, .my-service .app-list .item {
    display: inline-block;
    padding-left: 20px;
    width: 14%;
    margin-top: 4px;
    margin-bottom: 20px;
    text-align: center;
    vertical-align: top;
    position: relative
}

.my-collect .app-list .item.active a, .my-service .app-list .item.active a {
    padding-top: 20px
}

.my-collect .app-list .item a, .my-service .app-list .item a {
    display: block;
    font-size: 14px;
    padding: 10px 5px
}

.my-collect .app-list .item a img, .my-service .app-list .item a img {
    margin-bottom: 5px;
    width: 74px;
    height: 74px
}

.my-collect .app-list .item a p, .my-service .app-list .item a p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.my-collect .active .icon-checkbox {
    position: absolute;
    right: 4px;
    top: 4px;
    border-color: #459fff
}

.my-collect .active .icon-checkbox.icon-gou {
    background-color: #459fff;
    color: #fff
}

.my-collect .active.active a, .my-collect .active:hover a {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    background-color: #fff
}

.my-collect .active.active a:hover {
    background-color: #fafafa
}

.my-collect .bd > .btn-group {
    text-align: right;
    margin-right: 20px;
    margin-bottom: 20px
}

.my-service .bd-edit .block {
    padding: 15px 20px;
    width: 49%
}

.my-service .bd-edit .block .tt {
    margin: 0 0 10px 0
}

.my-service .bd-edit .block .tt p {
    font-size: 12px;
    color: #999;
    margin-top: 10px
}

.my-service .bd-edit .block > .btn-group {
    text-align: right
}

.my-service .bd-edit .block .app-select-list {
    margin: 0 -10px
}

.my-service .bd-edit .block .app-select-list .item {
    min-width: auto;
    width: 25%
}

.my-service .bd-edit .block .app-tabs {
    margin-top: -5px
}

.my-service .bd-edit .block .app-tabs li {
    display: inline-block
}

.my-service .bd-edit .block .app-tabs li.active a {
    color: #459fff
}

.my-service .bd-edit .block .app-tabs li + li {
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #ccc
}

.my-service .bd-new .tt {
    color: #333
}

.my-service .bd-new .tt input {
    border: none;
    width: 8em;
    font-weight: 700;
    background: none
}

.my-service .bd-new .tt .iconfont {
    color: #459fff
}

.my-service-applist .my-apply, .my-service-applist .other {
    padding: 5px
}

.my-service-applist .my-apply .hd, .my-service-applist .other .hd {
    font-weight: 600;
    line-height: 40px;
    position: relative;
    padding: 0 15px 0 30px;
    color: #777;
    background-color: #efefef
}

.my-service-applist .my-apply .bd, .my-service-applist .other .bd {
    margin-left: 20px;
    padding-top: 20px
}

.my-security .bd {
    padding: 20px 60px
}

.my-security .score {
    line-height: 20px;
    margin-bottom: 40px
}

.my-security .score .progress {
    display: inline-block;
    width: 300px;
    height: 8px;
    margin-bottom: 0;
    vertical-align: middle;
    margin-right: 10px
}

.my-security .score-warning .progress-bar {
    background-color: #f6bb42
}

.my-security .score-warning .tips {
    color: #f6bb42
}

.my-security .score-success .progress-bar {
    background-color: #14bf81
}

.my-security .score-success .tips {
    color: #14bf81
}

.my-security .security-list li {
    padding: 20px 0;
    overflow: hidden;
    border-bottom: 1px solid #eee
}

.my-security .security-list .dt {
    float: left;
    width: 180px;
    border-right: 2px solid #eee;
    font-size: 16px;
    line-height: 40px;
    padding: 10px 30px 10px 10px
}

.my-security .security-list .dt .iconfont {
    font-size: 40px;
    vertical-align: middle;
    margin-right: 15px
}

.my-security .security-list .dd {
    position: relative;
    display: table-cell;
    padding: 5px 100px 5px 30px;
    width: 2000px;
    overflow: hidden
}

.my-security .security-list .dd .detail {
    min-height: 62px
}

.my-security .security-list .dd .edit {
    position: absolute;
    right: 0;
    top: 18px;
    width: 70px;
    color: #459fff
}

.my-security .security-list .dd .edit p {
    color: rgba(51, 51, 51, .5)
}

.my-calendar {
    position: relative
}

.my-calendar .layui-laydate {
    display: block;
    border: none;
    margin-bottom: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none
}

.my-calendar .layui-laydate .layui-laydate-main {
    width: 100%
}

.my-calendar .layui-laydate .layui-laydate-header {
    margin-top: 5px;
    border: none
}

.my-calendar .layui-laydate .layui-laydate-header i:hover, .my-calendar .layui-laydate .layui-laydate-header span:hover {
    color: #459fff
}

.my-calendar .layui-laydate .laydate-set-ym {
    font-size: 16px
}

.my-calendar .layui-laydate .layui-laydate-content {
    padding: 0;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee
}

.my-calendar .layui-laydate .layui-laydate-content table {
    width: 100%;
    border: none
}

.my-calendar .layui-laydate .layui-laydate-content table th {
    border-left: 1px solid #eee;
    background-color: #f6f6f6
}

.my-calendar .layui-laydate .layui-laydate-content table td {
    height: 95px;
    border-left: 1px solid #eee;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #eee
}

.my-calendar .layui-laydate .layui-laydate-content table td#today, .my-calendar .layui-laydate .layui-laydate-content table td#today .d, .my-calendar .layui-laydate .layui-laydate-content table td#today p {
    color: #459fff
}

.my-calendar .layui-laydate .layui-laydate-content table td.laydate-day-next, .my-calendar .layui-laydate .layui-laydate-content table td.laydate-day-prev {
    color: #ddd !important
}

.my-calendar .layui-laydate .layui-laydate-content table td:first-child, .my-calendar .layui-laydate .layui-laydate-content table td:last-child {
    color: #fb6262
}

.my-calendar .layui-laydate .layui-laydate-content table td .laydate-day-mark {
    text-align: left;
    padding: 5px 10px;
    line-height: 1.5;
    height: 95px
}

.my-calendar .layui-laydate .layui-laydate-content table td .laydate-day-mark p {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 2px
}

.my-calendar .layui-laydate .layui-laydate-content table td .laydate-day-mark:hover {
    min-height: 100%;
    height: auto;
    background-color: #ecf5ff;
    z-index: 99
}

.my-calendar .layui-laydate .layui-laydate-content table td .laydate-day-mark:hover p {
    display: block;
    overflow: visible;
    text-overflow: clip;
    white-space: normal
}

.my-calendar .layui-laydate .layui-laydate-content table td.layui-this {
    background-color: #ecf5ff !important;
    color: #555 !important
}

.my-calendar .layui-laydate .layui-laydate-content table td .d {
    font-size: 14px;
    margin-top: 3px
}

.my-calendar .layui-laydate .layui-laydate-content table td .laydate-day-mark:after {
    display: none
}

.my-calendar .layui-laydate .layui-laydate-content .layui-laydate-list .layui-this {
    background-color: #459fff !important
}

.my-calendar .hy, .my-calendar .jk, .my-calendar .kc {
    padding-left: 14px
}

.my-calendar .hy:before, .my-calendar .jk:before, .my-calendar .kc:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 4px;
    margin-left: -14px;
    border-radius: 2px
}

.my-calendar .kc:before {
    background-color: #62dfbd
}

.my-calendar .hy:before {
    background-color: #ffb663
}

.my-calendar .jk:before {
    background-color: #b22222
}

.my-calendar .popover {
    position: absolute;
    width: 460px;
    top: 50%;
    left: 50%;
    margin-left: -230px;
    margin-top: -150px;
    background-color: #fff;
    border: 1px solid #e4e7ed;
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, .06);
    box-shadow: 0 2px 12px rgba(0, 0, 0, .06);
    color: #666
}

.my-calendar .popover h3 {
    margin-left: 15px;
    margin-top: 4px
}

.my-calendar .popover dl {
    padding: 15px 15px 0 15px;
    min-height: 200px;
    max-height: 400px;
    overflow: auto
}

.my-calendar .popover dl .kc {
    margin-top: 10px
}

.my-calendar .popover dd {
    font-size: 12px
}

.my-calendar .popover .no-data {
    line-height: 2
}

.my-calendar .popover table, .my-calendar .popover td, .my-calendar .popover tr {
    border: none
}

.my-calendar .popover td {
    padding: 6px
}

.my-calendar .popover .close {
    position: absolute;
    right: 5px;
    top: 2px;
    font-size: 18px;
    cursor: pointer
}

.my-calendar .popover .close :hover {
    color: #999
}

.my-calendar .bd .mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .05)
}

.my-calendar .addRc {
    width: 404px;
    margin-left: -202px
}

.my-calendar .addRc .content {
    padding: 0 20px
}

.my-calendar .addRc .content li {
    position: relative;
    margin-top: 16px
}

.my-calendar .addRc .content li input {
    width: 280px;
    padding: 4px 10px;
    border: 1px solid #eee
}

.my-calendar .addRc .content li input.error {
    border-color: red
}

.my-calendar .addRc .content li span.error {
    position: absolute;
    color: red;
    left: 72px;
    top: 28px;
    font-size: 12px
}

.my-calendar .addRc .content .date-xs {
    display: none
}

.my-calendar .addRc .ft {
    padding: 20px;
    text-align: center
}

.ykt-detail .xfqs-title {
    height: 34px;
    margin-bottom: 20px
}

.ykt-detail .xfqs-title strong {
    height: 30px;
    line-height: 30px;
    float: left;
    display: inline-block;
    background: #e1e5e8;
    padding: 0 10px;
    margin-right: 40px;
    border-radius: 4px;
    color: rgba(100, 89, 89, .74);
    font-size: 13px;
    cursor: pointer
}

.ykt-detail .xfqs-title .active {
    color: #fff
}

.ykt-detail #charts-byzd, .ykt-detail #charts-byzd-nodata {
    width: 800px;
    height: 400px;
    margin: 20px auto 60px auto
}

.ykt-detail .bd-xfqs .zdmx-nav, .ykt-detail .bd-zdmx .zdmx-nav {
    clear: both;
    padding: 12px 0;
    margin-bottom: 28px
}

.ykt-detail .bd-xfqs .zdmx-nav strong, .ykt-detail .bd-zdmx .zdmx-nav strong {
    float: left;
    line-height: 24px;
    padding-left: 12px
}

.ykt-detail .bd-xfqs .zdmx-nav li, .ykt-detail .bd-zdmx .zdmx-nav li {
    float: left;
    padding: 2px 10px;
    margin: 0 5px;
    color: #459fff;
    cursor: pointer
}

.ykt-detail .bd-xfqs .zdmx-nav .active, .ykt-detail .bd-zdmx .zdmx-nav .active {
    color: #fff;
    border-radius: 4px;
    background-color: #459fff
}

.ykt-detail .bd-xfqs .zdmx-nav .filtdata, .ykt-detail .bd-zdmx .zdmx-nav .filtdata {
    width: 200px;
    float: left;
    margin: -5px 20px 5px
}

.ykt-detail .bd-zdmx .type > ul {
    float: left;
    width: calc(100% - 80px)
}

.ykt-detail .bd-zdmx .zdmx-title {
    height: 34px;
    margin-bottom: 20px
}

.ykt-detail .bd-zdmx .zdmx-title strong {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    float: left
}

.ykt-detail .bd-zdmx .zdmx-title .filtdata {
    min-width: 200px;
    float: left;
    margin-left: 20px
}

.ykt-detail .bd-zdmx .datachoose {
    padding-bottom: 5px
}

.ykt-detail .bd-zdmx .datachoose span {
    float: left;
    line-height: 30px
}

.ykt-detail .bd-zdmx .datachoose div {
    position: relative;
    padding: 3px 5px;
    float: left
}

.ykt-detail .bd-zdmx .datachoose div .iconfont {
    font-size: 20px;
    vertical-align: middle
}

.ykt-detail .bd-zdmx .datachoose div input {
    display: inline-block;
    height: 28px;
    width: 160px;
    line-height: 1;
    font-size: 13px;
    padding: 0 6px;
    border-radius: 3px;
    vertical-align: middle
}

.ykt-detail .bd-zdmx .datachoose div label {
    position: absolute;
    left: 135px
}

.ykt-detail .bd-zdmx .datachoose button {
    border-radius: 6px;
    margin-left: 10px
}

.ykt-detail .bd-xfqs .xfqs-title {
    height: 34px;
    margin-bottom: 20px
}

.ykt-detail .bd-xfqs .xfqs-title strong {
    height: 30px;
    line-height: 30px;
    float: left;
    display: inline-block;
    background: #e1e5e8;
    padding: 0 10px;
    margin-right: 40px;
    border-radius: 4px;
    color: rgba(100, 89, 89, .74);
    font-size: 13px;
    cursor: pointer
}

.ykt-detail .bd-xfqs .xfqs-title strong.active {
    color: #fff
}

.ykt-detail .bd-xfqs .xfqs-title .filtdata {
    min-width: 200px;
    float: left;
    margin-left: 20px
}

.ykt-detail .bd-zdmx .filtdata {
    display: inline-block;
    position: relative;
    width: 255px;
    margin-bottom: 15px
}

.ykt-detail .bd-zdmx .filtdata .btn {
    position: absolute;
    right: -50px;
    top: 0;
    padding: 7px 13px
}

.ykt-detail .hd {
    padding: 10px 20px 30px 30px;
    height: auto
}

.ykt-detail .hd .title {
    font-size: 18px;
    margin-bottom: 10px
}

.ykt-detail .hd .basic-message {
    clear: both;
    overflow: hidden
}

.ykt-detail .hd .basic-message li {
    float: left;
    line-height: 20px;
    width: 25%
}

.ykt-detail .hd .basic-message li:before {
    display: inline-block;
    content: "";
    height: 20px;
    width: 4px;
    background-color: #6495ed;
    margin-right: 6px;
    border-radius: 4px;
    vertical-align: middle
}

.ykt-detail .hd .basic-message li strong {
    color: #6495ed;
    margin-right: 15px
}

.ykt-detail .hd li:nth-child(4n+2):before {
    background-color: #dc143c
}

.ykt-detail .hd li:nth-child(4n+2) strong {
    color: #dc143c
}

.ykt-detail .hd li:nth-child(4n+3):before {
    background-color: #ff8c00
}

.ykt-detail .hd li:nth-child(4n+3) strong {
    color: #ff8c00
}

.ykt-detail .hd li:nth-child(4n+3) .label {
    display: inline-block;
    background-color: #77dfa4;
    color: #fff;
    padding: 2px 10px;
    font-size: 14px;
    border-radius: 3px
}

.ykt-detail .hd li:nth-child(4n):before {
    background-color: #6495ed
}

.ykt-detail .hd li:nth-child(4n) strong {
    color: #6495ed
}

.ykt-detail .nav-tabs {
    border: none
}

.ykt-detail .nav-tabs li {
    margin-right: 20px
}

.ykt-detail .nav-tabs li.active a, .ykt-detail .nav-tabs li.active a:focus, .ykt-detail .nav-tabs li.active a:hover {
    border-width: 4px
}

.ykt-detail .table-area {
    padding: 20px 30px
}

.ykt-detail .table-area .danger {
    color: #dc143c
}

.ykt-detail .table-area .warning {
    color: #ff8c00
}

.ykt-detail .table-area .running {
    color: #6495ed
}

.ykt-detail .table-area .default {
    color: #666
}

.ykt-detail .table-area span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 400px;
    display: block;
    text-align: center;
    margin: 0 auto
}

.ykt-detail .bd-byzd {
    position: relative
}

.ykt-detail .bd-byzd #charts-byzd {
    width: 800px;
    height: 400px;
    margin: 20px auto 60px auto
}

.ykt-detail .bd-byzd .zxf {
    position: absolute;
    left: 50%;
    margin-left: -62px;
    top: 220px;
    width: 130px;
    text-align: center
}

.ykt-detail .bd-byzd .zxf p {
    font-size: 16px
}

.ykt-detail .bd-byzd .zxf strong {
    font-size: 26px
}

.ykt-detail .bd-xfqs {
    position: relative
}

.ykt-detail .bd-xfqs #charts-xfqs {
    width: 1000px;
    height: 400px;
    margin: 20px auto 60px auto
}

.ykt-detail .filtrate {
    position: relative;
    width: 140px
}

.ykt-detail .filtrate .iconfont {
    position: absolute;
    right: 10px;
    color: #afafaf;
    font-size: 18px;
    top: 6px
}

.salary-detail .hd, .schedule-detail .hd {
    background-color: transparent !important;
    padding-left: 20px;
    height: 60px;
    line-height: 60px
}

.salary-detail .hd .title, .schedule-detail .hd .title {
    font-size: 18px;
    margin-bottom: 10px
}

.salary-detail .table-area, .schedule-detail .table-area {
    padding: 20px 30px
}

.salary-detail .table-area .table tbody tr td, .schedule-detail .table-area .table tbody tr td {
    text-align: center
}

.salary-detail .filtrate {
    position: relative;
    padding: 20px 30px
}

.salary-detail .filtrate input {
    width: 140px
}

.salary-detail .filtrate i {
    position: absolute;
    left: 145px;
    color: #afafaf;
    font-size: 18px;
    top: 25px
}

.salary-detail .summary {
    padding-left: 30px
}

.salary-detail .summary .theme-summary {
    font-weight: 600;
    padding: 0 5px
}

.salary-detail .table-area {
    float: left;
    min-height: 500px;
    width: 100%
}

.salary-detail .table-area .salary, .salary-detail .table-area .title {
    float: left;
    width: 100%;
    border: 1px solid
}

.salary-detail .table-area .salary li, .salary-detail .table-area .title li {
    float: left;
    width: 6.25%;
    border-right: 1px solid;
    text-align: center
}

.salary-detail .table-area .salary li:last-child, .salary-detail .table-area .title li:last-child {
    border-right: none
}

.salary-detail .table-area .salary {
    border-top: none;
    font-weight: 600
}

.salary-detail :after {
    clear: both
}

.linkmore-detail .hd {
    background-color: transparent !important;
    padding-left: 20px;
    height: 60px;
    line-height: 60px
}

.linkmore-detail .hd .title {
    font-size: 18px;
    margin-bottom: 10px
}

.linkmore-detail .detail-content ul {
    padding: 20px 30px;
    float: left;
    width: 100%
}

.linkmore-detail .detail-content ul li {
    float: left;
    width: 50%;
    margin: 5px 0;
    position: relative
}

.linkmore-detail .detail-content ul li a {
    position: relative;
    display: inline-block;
    padding-left: 10px;
    color: inherit;
    line-height: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.linkmore-detail .detail-content ul li:before {
    position: absolute;
    left: 1px;
    top: 50%;
    margin-top: -1.5px;
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #333
}

.linkmore-detail .detail-content ul li:hover {
    color: #459fff
}

.scientfic-detail .hd {
    padding: 0 30px;
    height: auto
}

.scientfic-detail .hd .title {
    font-size: 18px;
    margin-top: 10px;
    float: none
}

.scientfic-detail .hd .breadcrumb {
    margin-bottom: 0
}

.scientfic-detail .hd .basic-message > span {
    margin-right: 25px;
    color: #888
}

.scientfic-detail .hd .basic-message > span .iconfont {
    font-weight: 700;
    margin-right: 8px;
    font-size: 16px
}

.scientfic-detail .table-area {
    padding: 20px 30px
}

.scientfic-detail .table-area .hd {
    margin-bottom: 20px;
    padding-left: 0
}

.scientfic-detail .table-area .hd .fn-fl li {
    font-size: 14px;
    display: inline-block;
    margin-right: 20px
}

.scientfic-detail .table-area .hd .fn-fl .active {
    font-weight: 700;
    padding-bottom: 8px
}

.three-list-area {
    min-height: 980px;
    background-color: #f5f5f5
}

@media (min-width: 1200px) {
    .three-list-area .container {
        width: 1170px;
        min-height: 0;
        clear: both
    }
}

@media (min-width: 992px) {
    .three-list-area .container {
        width: 970px;
        min-height: 0;
        clear: both
    }
}

@media (min-width: 768px) {
    .three-list-area .container {
        width: 750px;
        min-height: 0;
        clear: both
    }
}

@media (max-width: 992px) {
    .three-list-area .list-area {
        display: none
    }
}

@media (max-width: 768px) {
    .three-list-area .container {
        width: 750px;
        min-height: 0;
        clear: both
    }
}

.three-list-area .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.three-list-area .top-area {
    background-color: #fff;
    padding: 20px 0
}

.three-list-area .top-area .logo {
    min-width: 280px;
    display: inline-block
}

.three-list-area .top-area .logo img {
    width: 267px;
    height: 67px
}

.three-list-area .top-area .header-title {
    display: inline-block;
    font-size: 26px;
    border-left: 3px solid #459fff;
    padding-left: 20px;
    color: #459fff;
    vertical-align: 11px
}

.three-list-area .top-area .list-area {
    position: absolute;
    top: 35px;
    right: 20%;
    font-size: 20px;
    color: #459fff;
    padding: 20px 0 20px 10px
}

.three-list-area .top-area .list-area i {
    margin-right: 6px
}

.three-list-area .service {
    width: 80%;
    margin: 0 auto;
    min-height: 800px;
    padding-top: 20px;
    position: relative;
    padding-left: 280px;
    font-size: 15px
}

.three-list-area .service .title {
    width: 280px;
    height: 60px;
    position: absolute;
    top: 20px;
    left: 0;
    font-size: 18px;
    background-color: #fff;
    text-align: center;
    line-height: 60px;
    border-bottom: 2px solid hsla(0, 0%, 62%, .63);
    color: #459fff
}

.three-list-area .service .side {
    width: 280px;
    position: absolute;
    top: 80px;
    left: 0;
    background-color: #fff;
    overflow: auto;
    max-height: 742px;
    min-height: 742px
}

.three-list-area .service .side li {
    line-height: 52px;
    cursor: pointer;
    padding: 14px 60px
}

.three-list-area .service .side li .line {
    line-height: 24px
}

.three-list-area .service .side li.active {
    background-color: #f5f5f5;
    border-left: 2px solid #459fff
}

.three-list-area .service section {
    background-color: #fff;
    min-height: 800px;
    margin-left: 20px
}

.three-list-area .service section .nav {
    height: 60px;
    width: 100%;
    line-height: 60px;
    border-bottom: 1px solid hsla(0, 0%, 62%, .46)
}

.three-list-area .service section .nav li {
    float: left;
    padding-top: 0;
    padding: 0 20px;
    cursor: pointer
}

.three-list-area .service section .nav li.active {
    color: #459fff;
    border-bottom: 2px solid #459fff
}

.three-list-area .service section .table-area {
    padding: 20px 10px
}

.three-list-area .service section .table-area p {
    width: 96%;
    margin: 10px auto
}

.three-list-area .service section .table-area .table-area-title {
    width: 100%;
    margin: 10px auto 30px;
    font-size: 18px;
    font-weight: 700;
    color: #888585;
    border-bottom: 1px solid #e5e5e5;
    line-height: 8px;
    padding-bottom: 20px
}

.three-list-area .service section .table-area table {
    width: 96%;
    margin: 0 auto
}

.three-list-area .service section .table-area table td, .three-list-area .service section .table-area table th, .three-list-area .service section .table-area table tr {
    border: 1px solid hsla(0, 2.4%, 41%, .16);
    height: 34px;
    line-height: 34px;
    font-weight: 400;
    text-align: center
}

.three-list-area .service section .table-area table th {
    background-color: #459fff;
    color: #fff;
    height: 34px;
    text-align: center;
    border: 1px solid #459fff
}

.three-list-area .service section .table-area table .td-second {
    text-align: left;
    padding-left: 12px
}

.three-list-area .service section .table-area table .qd {
    color: #459fff
}

.table-striped thead th {
    background-color: #f2f2f2;
    font-weight: 700
}

.table-striped tbody tr:nth-of-type(2n) {
    background-color: #fafafa
}

.table-striped tbody tr td {
    text-align: center;
    border: none
}

.table-striped tbody tr td .commend {
    background-color: #459fff;
    color: #fff;
    border: none;
    padding: 5px 15px;
    border-radius: 20px;
    min-width: 105px
}

.table-striped tbody tr td .show-commend {
    color: #129073
}

.table-striped tbody tr td .grey-commend {
    color: #afafaf
}

.table-striped tbody tr .text-blue {
    color: #03a4f8
}

.table-striped tbody tr .text-green {
    color: #0ab4ba
}

.table-striped tbody tr .text-red {
    color: #ed0f42
}

.table-striped tbody tr:hover {
    background-color: #f7f7f7
}

.new-my-table .hd .transaction-sp, .new-my-table .hd .transaction-tj {
    position: absolute;
    right: 60px;
    height: 25px;
    line-height: 25px;
    margin-top: 10px
}

.new-my-table .hd .transaction-sp label, .new-my-table .hd .transaction-tj label {
    padding: 0 8px;
    background: #fff;
    cursor: pointer
}

.new-my-table .hd .transaction-sp label + label, .new-my-table .hd .transaction-tj label + label {
    border-left: 1px solid #efefef
}

.new-my-table .hd .transaction-sp label.active, .new-my-table .hd .transaction-tj label.active {
    background: #459fff;
    color: #fff
}

.new-my-table .hd .transaction-sp label:first-child, .new-my-table .hd .transaction-tj label:first-child {
    border-radius: 4px 0 0 4px
}

.new-my-table .hd .transaction-sp label:last-child, .new-my-table .hd .transaction-tj label:last-child {
    border-radius: 0 4px 4px 0
}

.new-my-table .bd {
    height: 455px
}

.new-my-table .bd ul {
    float: left;
    width: 100%
}

.new-my-table .bd ul li {
    float: left;
    width: 100%;
    font-size: 14px;
    height: 40px
}

.new-my-table .bd ul li a {
    padding: 6px 0 6px 15px;
    color: #333
}

.new-my-table .bd ul li a .subject {
    float: left;
    display: block;
    max-width: 84%;
    width: 84%;
    height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.new-my-table .bd ul li a .subject .isTop {
    margin-left: 3px;
    background-color: #ddd;
    height: 21px;
    line-height: 21px;
    width: 39px;
    text-align: center;
    font-size: 12px;
    color: #888;
    border-radius: 1px;
    font-weight: 700
}

.new-my-table .bd ul li a .sqr {
    float: left
}

.new-my-table .bd ul li a .sqr, .new-my-table .bd ul li a .time {
    display: block;
    max-width: 30%;
    height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.new-my-table .bd ul li a .time {
    float: right
}

.new-my-table .bd ul li a:before {
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0;
    background-color: #434343;
    margin-top: 12px;
    margin-left: -7px;
    border-color: transparent;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%
}

@media (min-height: 900px) {
    .container {
        min-height: 780px
    }
}

@media (max-height: 900px) {
    .modal .ft, .modal .hd {
        padding: 10px 15px
    }

    .modal .bd {
        max-height: 491px
    }
}

@media (max-height: 800px) {
    .nav-service {
        margin: 50px 0
    }
}

@media only screen and (min-width: 1690px) {
    .inner {
        width: 1511px
    }

    .nav-service li a {
        width: 160px
    }

    .service-area .bd .app-list li {
        width: 20%
    }
}

@media only screen and (max-width: 1689px) and (min-width: 1480px) {
    .service-list .detail .tips {
        height: auto
    }

    .header .top-menu {
        margin-left: 70px
    }

    .inner {
        width: 1310px
    }

    .wrapper-transaction .side {
        width: 200px
    }

    .card-service .app-list li p {
        width: 90px
    }

    .profile-area .profile-content .header-info .info .item.fn-tc {
        padding-bottom: 5px
    }

    .profile-area .profile-content .other-info ul li {
        margin-bottom: 10px
    }

    .profile-area .profile-content .other-info ul li .note {
        margin-left: 10px
    }
}

@media (max-width: 1480px) {
    .service-list .detail .tips {
        height: auto
    }

    .header .top-menu {
        margin-left: 88px
    }

    .profile-area .profile-content .header-info .info .item.fn-tc {
        padding-bottom: 5px
    }

    .profile-area .profile-content .other-info ul li {
        margin-bottom: 10px
    }

    .profile-area .profile-content .other-info ul li .note {
        margin-left: 10px
    }

    .weather-small-area .today-area .weather-area .wea-color {
        margin-right: 10px
    }

    .card-service .app-list li p {
        width: 80px
    }

    .inner {
        width: 98%
    }

    .card-area li {
        width: 32%;
        margin-right: 2%
    }

    .service-list-card li {
        width: 25%
    }

    .panel-service ul > li {
        width: 33.3333%
    }

    .panel-service .item-6, .panel-service .item-7 {
        display: none
    }

    .feedback-box {
        right: 2px
    }

    .qa-bd .side {
        width: 200px
    }

    .qa-bd .main {
        padding: 40px 50px
    }

    .upload-imgs li {
        margin-right: 18px
    }

    .wrapper-transaction .btn {
        min-width: 74px
    }

    .my-collect .app-list .item, .my-service .app-list .item {
        width: 16.2%
    }

    .my-service .bd-edit .app-select-list .item {
        width: 33.3%
    }

    .s-hide {
        display: none !important
    }

    .ykt-area .btn {
        margin-left: -5px
    }

    .ykt-area .filtrate input {
        width: 250px
    }
}

@media (max-width: 1366px) {
    .header .top-menu {
        margin-left: 70px
    }

    .profile-area .profile-content .other-info ul li .note {
        margin-left: 0;
        width: 64px
    }

    .schoollist-area .school-official .hd .title a, .schoollist-area .school-report .hd .title a {
        padding: 0 10px
    }

    .profile-stu-area .profile-content .other-info ul li .note {
        margin-left: 0
    }
}

@media (max-width: 1280px) {
    .header .top-menu {
        margin-left: 65px
    }

    .inner {
        width: 1200px
    }

    .header .logo {
        margin-right: 30px
    }

    .header .user strong {
        display: none
    }

    .user-info .user-list li {
        text-align: center
    }

    .user-info .user-list li a span {
        display: none
    }

    .user-info .user-list li a .iconfont {
        margin-right: 0 !important
    }

    .my-service .bd-half .app-select-list .item {
        width: 33.3%
    }

    .modal-lg {
        width: 924px
    }

    .profile-stu-area .profile-content .header-info .info .item.fn-tc {
        padding-bottom: 16px
    }
}

@media (max-width: 1200px) {
    .header .top-menu {
        margin-left: 20px
    }

    .inner {
        width: 1050px;
        padding: 0 15px
    }

    .inner .typeset-btn {
        right: -70px
    }

    .header .top-menu li + li {
        margin-left: 20px
    }

    .header .top-menu li .iconfont {
        display: none
    }

    .nav-service li a {
        width: 130px
    }

    .card-area .block .title {
        font-size: 22px
    }

    .card-area .block .iconfont {
        margin-right: 5px
    }

    .my-collect .app-list .item, .my-service .app-list .item {
        width: 19.5%
    }

    .profile-area .info .item {
        font-size: 12px
    }

    .ykt-area .filtrate input {
        width: 226px;
        font-size: 12px
    }

    .schedule-table dl.week dd {
        font-size: 12px;
        padding-left: 8px
    }
}

@media (max-width: 1024px) {
    .feedback-box {
        display: none
    }

    .header .top-menu li + li {
        margin-left: 25px
    }

    #app {
        min-width: 980px
    }

    .mobile .inner {
        width: 100%;
        padding: 0 10px
    }

    #app.mobile {
        min-width: 100%
    }

    #app.mobile .wrapper-transaction .btn-show-nav {
        color: #fff
    }

    #app.mobile .wrapper-transaction .my-collect .bd > .btn-group, #app.mobile .wrapper-transaction .my-service .bd > .btn-group {
        margin-top: 0
    }

    #app.mobile .service-area .bd {
        padding: 20px 0 0 0
    }

    #app.mobile .service-area .bd .app-list {
        overflow: hidden;
        margin: 0
    }

    #app.mobile .service-area .bd .app-list li {
        display: inline-block;
        width: 25%;
        padding: 0 10px;
        text-align: center;
        vertical-align: top;
        margin-bottom: 10px
    }

    #app.mobile .service-area .bd .app-list a {
        color: #666
    }
}

#menu {
    z-index: 9999
}

.mm-listitem .iconfont {
    margin-right: 10px;
    font-size: 16px
}

.mm-listitem img {
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 50%
}

.mm-listitem img + span {
    line-height: 40px;
    display: inline-block;
    margin-left: 10px
}

#header nav#menu {
    display: none
}

@media (max-width: 768px) {
    .mobile .card > .bd {
        height: auto
    }

    .mobile .new-list .text {
        padding-right: 0
    }

    .mobile .new-list .mark {
        left: 88%
    }

    .mobile .links-area .links-list {
        height: auto
    }

    .mobile .schoollist-area .school-official .bd .new-list li a, .mobile .schoollist-area .school-report .bd .new-list li a {
        padding: 6px 0
    }

    .mobile .schoollist-area .school-official .hd, .mobile .schoollist-area .school-report .hd {
        height: auto;
        float: left;
        width: 100%;
        border-bottom: none !important
    }

    .mobile .schoollist-area .school-official .hd .title a, .mobile .schoollist-area .school-report .hd .title a {
        padding: 0 5px
    }

    .mobile .profile-area .profile-content .header-info .info .item.fn-tc {
        padding-bottom: 20px
    }

    .mobile .profile-area .profile-content .other-info ul li .note {
        margin-left: 15px
    }

    .mobile .school-calendar {
        padding: 10px
    }

    .mobile .school-calendar .item {
        width: 100%
    }

    .mobile .school-calendar .month .hd span.w {
        width: 16%
    }

    .mobile .school-calendar .month .hd span {
        width: 12%
    }

    .mobile .school-calendar .month .weeks {
        width: 16%
    }

    .mobile .school-calendar .month .days {
        width: 84%
    }

    .mobile .my-calendar .addRc .content li span.error {
        left: auto;
        right: 0;
        top: -1px
    }

    .mobile .my-calendar .addRc .content .date-pc {
        display: none
    }

    .mobile .my-calendar .addRc .content .date-xs {
        display: block
    }

    .mobile .my-calendar .addRc .content .date-xs p {
        position: relative;
        margin-bottom: 10px
    }

    .mobile .notice-small-area .bd {
        width: 100%
    }

    .mobile .card-service .bg {
        height: auto !important
    }

    .mobile .card-service .app-list li {
        width: 33.33% !important
    }

    .mobile #Schedule {
        margin-top: 0 !important
    }

    .mobile .ykt-detail .hd {
        padding-bottom: 20px
    }

    .mobile .ykt-detail .hd .basic-message li {
        width: 100% !important;
        margin-bottom: 15px
    }

    .mobile .ykt-detail .hd .basic-message li:last-child {
        margin-bottom: 0
    }

    .mobile .ykt-detail .table-area span {
        max-width: 100px
    }

    .mobile .ykt-detail .bd-zdmx .zdmx-nav {
        margin-bottom: 0
    }

    .mobile .ykt-detail .bd-zdmx .date-xs .item:first-child {
        margin-bottom: 15px
    }

    .mobile .ykt-detail .bd-zdmx .date-xs .item {
        overflow-x: hidden;
        position: relative
    }

    .mobile .ykt-detail .bd-zdmx .date-xs .item strong {
        width: 100%;
        margin-bottom: 5px
    }

    .mobile .ykt-detail .bd-zdmx .date-xs .item .filtdata {
        width: 100%;
        margin: 0;
        padding: 0 15px
    }

    .mobile .ykt-detail .bd-zdmx .date-xs .item .error {
        color: #e20e0e;
        position: absolute;
        right: 11px;
        top: -28px
    }

    .mobile .card-service .app-list li p {
        font-size: 12px
    }

    .mobile .card-service .bd {
        height: auto
    }

    .mobile .weather-small-area .today-area .weather-area .wea-color {
        margin-right: 15px !important
    }

    .mobile .modal {
        width: 95%
    }

    .mobile .modal .bd {
        padding: 16px 10px 0 10px
    }

    .mobile .col, .mobile .modal .bd .form-horizontal input.form-control {
        width: 100%
    }

    .mobile .main, .mobile .side {
        float: none;
        width: 100% !important;
        display: block
    }

    .mobile .wrapper-personal .side {
        padding-right: 0
    }

    .mobile .nav-service-moblie {
        margin: 20px 0
    }

    .mobile .nav-service-moblie li {
        display: inline-block;
        line-height: 2;
        margin-right: 20px;
        font-size: 15px;
        color: #333;
        border-bottom: 2px solid transparent
    }

    .mobile .nav-service-moblie li.active {
        color: #459fff;
        border-color: #459fff
    }

    .mobile .panel-service .bd {
        height: auto
    }

    .mobile .service-filter {
        height: 45px;
        margin: 15px 0
    }

    .mobile .service-list .marks {
        float: none;
        clear: both;
        padding-top: 5px
    }

    .mobile .panel-service ul > li {
        width: 100%
    }

    .mobile .service-list {
        padding: 0
    }

    .mobile .service-list-list .detail .title {
        line-height: 1.6;
        margin-bottom: 5px
    }

    .mobile .service-list .title .fonts {
        margin-right: 0
    }

    .mobile .service-list-list .detail {
        padding-left: 10px
    }

    .mobile .service-list-list .grade {
        float: none;
        clear: both
    }

    .mobile .service-list-list .marks a {
        margin-right: 8px
    }

    .mobile .service-list-card li {
        padding-left: 0;
        width: 100%;
        display: block;
        margin-bottom: 15px
    }

    .mobile .service-list .item {
        margin-bottom: 0
    }

    .mobile .card > .hd .title a + a {
        margin-left: 8px
    }

    .mobile .card-area {
        margin: 20px 0 0 0
    }

    .mobile .card-area .block {
        padding: 10px;
        float: none;
        margin-bottom: 10px;
        width: 100%
    }

    .mobile .card-area .title {
        font-size: 14px;
        line-height: 20px;
        margin: 0 0 5px 0;
        text-align: left
    }

    .mobile .card-area .title img {
        margin: 0 10px
    }

    .mobile .card-area .row > div {
        margin-bottom: 10px
    }

    .mobile .card-area .row > div:last-child {
        margin-bottom: 0
    }

    .mobile .service-area .content {
        padding: 10px
    }

    .mobile .table-area .bd {
        padding: 0
    }

    .mobile .table-area .bd .table .fn-link {
        height: auto
    }

    .mobile .feedback-box {
        display: none
    }

    .mobile .qa-hd {
        background: #459fff;
        text-align: center
    }

    .mobile .qa-hd .title {
        padding-left: 0;
        font-size: 38px;
        line-height: 100px
    }

    .mobile .qa-bd .main {
        padding: 10px;
        display: block
    }

    .mobile .qa-bd .sidebar {
        display: none
    }

    .mobile .qa-info {
        padding: 10px;
        margin: -10px -10px 20px -10px
    }

    .mobile .qa-info .iconfont {
        display: none
    }

    .mobile .form-horizontal .control-label {
        float: none;
        display: block
    }

    .mobile .operate-system .panel-body {
        padding: 10px 20px
    }

    .mobile .operate-system .item {
        float: none;
        width: 100%;
        margin: 0 0 10px 0
    }

    .mobile .operate-system .item a {
        padding-left: 20px;
        text-align: left;
        height: 60px;
        line-height: 60px;
        width: 100%
    }

    .mobile .operate-system .item p {
        display: inline-block;
        max-width: 100%;
        padding: 0
    }

    .mobile .operate-system .item img {
        margin: 0;
        max-width: 32px;
        max-height: 36px;
        margin-right: 10px;
        height: auto
    }

    .mobile .footer {
        padding: 20px 0 0 0
    }

    .mobile .footer .inner > p span {
        font-size: 14px
    }

    .mobile .modal-app .block {
        margin: 0;
        margin-bottom: 15px
    }

    .mobile .modal-app .block .bd {
        margin-left: 0;
        padding: 0
    }

    .mobile .app-select-list .item {
        min-width: 33.3%
    }

    .mobile .wrapper-transaction .container {
        background: none;
        padding-left: 0
    }

    .mobile .wrapper-transaction .side {
        position: relative;
        padding-bottom: 0;
        background: #fff;
        margin-bottom: 20px;
        font-size: 0
    }

    .mobile .wrapper-transaction .side-nav li {
        display: inline-block;
        width: 25%;
        font-size: 14px
    }

    .mobile .wrapper-transaction .side-nav li a {
        line-height: 42px;
        padding-left: 10%
    }

    .mobile .wrapper-transaction .mobileNav {
        display: none
    }

    .mobile .wrapper-transaction .btn-show-nav {
        position: absolute;
        right: 15px;
        top: 118px;
        font-size: 18px
    }

    .mobile .wrapper-transaction .main {
        padding: 10px;
        background: #fff
    }

    .mobile .wrapper-transaction .app-list .item {
        width: 25%;
        padding-left: 2%;
        padding-right: 2%
    }

    .mobile .wrapper-transaction .my-collect .active .icon-checkbox {
        right: 10%
    }

    .mobile .wrapper-transaction .my-service .bd-half {
        float: none;
        width: 100%
    }

    .mobile .wrapper-transaction .my-service .bd-half .app-select-list .item {
        width: 50%
    }

    .mobile #processModal {
        padding: 0
    }

    .mobile #processModal .service-item .intro .evaluate-star {
        display: block
    }

    .mobile #processModal .nav-tabs > li > a {
        padding: 0 6px 5px 0;
        font-size: 14px
    }

    .mobile .my-calendar .popover {
        width: 100%;
        left: 0;
        margin-left: 0
    }

    .mobile .my-calendar .addRc .content li input {
        width: 100%
    }

    .mobile .my-security .bd {
        padding: 10px
    }

    .mobile .new-my-table .bd ul li {
        height: auto
    }
}

@media (max-width: 480px) {
    .mobile .schedule-table .week dd {
        font-size: 12px;
        overflow: hidden;
        padding: 2px 1px;
        line-height: 1
    }

    .mobile .schedule-date .more {
        display: block;
        position: static;
        margin-bottom: -10px
    }

    .mobile .service-area .hd ul {
        padding: 0 0 0 10px
    }

    .mobile .service-area .hd li {
        padding: 0 10px
    }

    .mobile .wrapper-transaction .side-nav li {
        width: 50%
    }

    .mobile .wrapper-transaction .app-list .item {
        width: 33.3%
    }

    .mobile .alert {
        width: 300px !important
    }
}

@media (max-width: 375px) {
    .mobile .service-list-list .detail .tips > span {
        font-size: 12px
    }

    .mobile .service-list-list .marks a {
        width: 45%;
        padding-left: 20px;
        margin-bottom: 10px
    }

    .mobile .service-area .title ul {
        padding: 0 10px
    }

    .mobile .service-area .title li {
        padding-left: 0
    }

    .mobile #processModal .operate-btn .btn {
        font-size: 12px;
        padding: 0 5px
    }

    .mobile #processModal .operate-btn .btn + .btn {
        margin-left: 0
    }

    .mobile .pagination .paging {
        margin: 3px
    }

    .mobile .pagination .paging li {
        margin: 0 1px
    }
}

.mobile .schoollist-area .school-official, .mobile .schoollist-area .school-report {
    width: 100%
}

.mobile .schoollist-area .school-official {
    margin-bottom: 16px
}

.mobile .card > .hd .title a {
    padding: 0 5px
}

.mobile #MyTable .card .bd {
    height: auto !important;
    padding: 0 20px
}

.mobile #MyTable .card .bd > div {
    float: left;
    width: 100%
}

.mobile #MyTable .card .bd > div .table-list {
    padding: 10px 0;
    width: 100%
}

.mobile #MyTable .card .bd > div .table-list li:nth-child(2n) a, .mobile #MyTable .card .bd > div .table-list li:nth-child(odd) a {
    padding: 6px 8px
}

.mobile #MyTable .card .bd > div .table-list li {
    width: 100%
}

.mobile #MyTable .card .bd > div .table-list li a .subject {
    max-width: 100%;
    width: 100%
}

.mobile .salary-detail .table-area .title {
    width: 50%;
    border-right: none
}

.mobile .salary-detail .table-area .title li {
    border-right: none;
    width: 100%;
    border-bottom: 1px solid
}

.mobile .salary-detail .table-area .title li:last-child {
    border-bottom: none
}

.mobile .salary-detail .table-area .salary {
    width: 50%;
    border-top: 1px solid
}

.mobile .salary-detail .table-area .salary li {
    border-right: none;
    width: 100%;
    border-bottom: 1px solid
}

.mobile .salary-detail .table-area .salary li:last-child {
    border-bottom: none
}

.mobile .profile-area .title {
    padding-left: 20px
}

.mobile .ykt-detail .table-area {
    padding: 5px
}

.mobile .ykt-detail .table-area .zdmx-nav > ul {
    float: left
}

.mobile .notice-small-area .center-calendar .day-block {
    width: 45%
}

.mobile .notice-small-area .center-calendar .nl-block {
    width: 35%
}

.mobile .notice-small-area .center-calendar .zc-block {
    width: 20%
}

.mobile #MyApp2 .card .bd {
    height: auto
}

.mobile .scientfic-detail .table-area {
    padding: 10px
}

.mobile .scientfic-detail .table-area .hd {
    padding-right: 0 !important
}

.mobile .statistic-analysis .count {
    padding-left: 0;
    margin-top: 10px
}

.mobile .statistic-analysis .count ul li {
    width: 50%
}

.mobile .statistic-analysis .count ul li + li {
    padding-left: 0
}

@media (max-width: 320px) {
    .mobile .nav-service > li > a {
        padding: 10px 7px
    }

    .mobile .card > .hd, .mobile .schoollist-area .school-official .hd, .mobile .schoollist-area .school-report .hd {
        padding-right: 5px
    }

    .mobile #MyTable .card > .hd {
        height: auto;
        border-bottom: 0 !important
    }

    .mobile #MyTable .card > .hd .title {
        width: 90%
    }

    .mobile #MyTable .card > .hd .title > a {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .mobile #MyTable .card > .hd .title > a + a {
        margin-left: 0 !important
    }

    .mobile #MyTable .card > .hd .more {
        width: 10%
    }

    .mobile .school-calendar .month .hd span.w {
        width: 19%
    }

    .mobile .school-calendar .month .hd span {
        width: 11.57%
    }

    .mobile .school-calendar .month .weeks {
        width: 19%
    }

    .mobile .school-calendar .month .days {
        width: 81%
    }
}

.theme-bright {
    color: #666;
    background-color: #f2f6f9
}

.theme-bright .header-top {
    background: #459fff
}

.theme-bright .header .logo img {
    margin-top: 24px
}

.theme-bright .icon-pf {
    color: #0a224a
}

.theme-bright .footer {
    background-color: #f2f6f9;
    color: #777
}

.theme-bright .footer .inner > p {
    color: #777
}

.theme-bright .wrapper-personal .card .hd {
    background-color: #efefef
}

.theme-bright .wrapper-personal .card .hd .title a.active {
    background-color: #fff;
    border-top: 2px solid #459fff;
    border-bottom: 0;
    color: #459fff
}

.theme-bright .calendar-area .hd, .theme-bright .calendar-stu-area .hd, .theme-bright .links-area .hd, .theme-bright .schedule-stu-area .hd {
    background-color: #fff !important
}

.theme-bright .links-area .hd {
    padding-left: 20px
}

.theme-blue {
    background-color: #f2f6f9;
    color: #5d5d5d
}

.theme-blue .wrapper.bg {
    background: #fff url(file:///E|/%E9%A1%B9%E7%9B%AE/%E6%B2%B3%E5%8C%97%E7%BB%8F%E8%B4%B8%E5%A4%A7%E5%AD%A6%E5%90%8E%E5%8F%B0/static/img/bg.53794998.jpg) no-repeat top
}

.theme-blue .fn-info {
    color: #459fff
}

.theme-blue .fn-link {
    color: #333
}

.theme-blue .more-service-btn {
    background-color: #fff
}

.theme-blue .more-service-btn:hover {
    color: #fff
}

.theme-blue .icon-checkbox.icon-gou {
    border: 1px solid #459fff;
    color: #459fff
}

.theme-blue .btn-primary {
    background-color: #459fff;
    border-color: #459fff
}

.theme-blue .evaluate-star .star-rating .iconfont {
    color: #ddd
}

.theme-blue .nav-tabs > li > a:hover {
    color: rgba(69, 159, 255, .7)
}

.theme-blue .nav-tabs > li.active a, .theme-blue .nav-tabs > li.active a:focus, .theme-blue .nav-tabs > li.active a:hover {
    color: #459fff;
    border-bottom: 2px solid #459fff
}

.theme-blue .table-striped thead th {
    background-color: #f2f2f2
}

.theme-blue .table-striped tbody tr:nth-of-type(2n) {
    background-color: hsla(0, 0%, 100%, .02)
}

.theme-blue .table-striped tbody tr:hover {
    background-color: #f7f7f7
}

.theme-blue .form-control {
    color: #5d5d5d;
    background-color: #fff;
    border-color: #eee
}

.theme-blue .help-block {
    color: #999
}

.theme-blue .header {
    background-color: #459fff
}

.theme-blue .header .top-menu li a {
    color: #fff
}

.theme-blue .header .top-menu li a.router-link-exact-active, .theme-blue .header .top-menu li a.swzx.router-link-active, .theme-blue .header .top-menu li a:hover {
    border-color: #fff
}

.theme-blue .header .top-menu li a.router-link-exact-active, .theme-blue .header .top-menu li a.swzx.router-link-active {
    background-color: #78b9ff;
    color: #fff
}

.theme-blue .header .login-area {
    color: #fff
}

.theme-blue .feedback-box, .theme-blue .header-xs {
    background-color: #fff
}

.theme-blue .feedback-box li {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee
}

.theme-blue .feedback-box li .iconfont {
    font-size: 30px;
    color: #459fff
}

.theme-blue .feedback-box li:hover {
    background-color: #459fff;
    border-color: #459fff;
    cursor: pointer
}

.theme-blue .feedback-box li:hover .iconfont, .theme-blue .feedback-box li:hover a > p {
    color: #fff
}

.theme-blue .feedback-box li#wyfk:hover .feedback-child li .iconfont {
    color: #459fff
}

.theme-blue .feedback-box li#wyfk .feedback-child li a > p {
    color: #666
}

.theme-blue .feedback-box li#wyfk .feedback-child li:hover {
    background-color: #459fff;
    border-color: #459fff
}

.theme-blue .feedback-box li#wyfk .feedback-child li:hover .iconfont, .theme-blue .feedback-box li#wyfk .feedback-child li:hover a > p {
    color: #fff
}

.theme-blue .feedback-box li#wyfk .feedback-child li:nth-child(2) {
    border-top: 0
}

.theme-blue .feedback-box .download .ewm {
    border: 1px solid #eee;
    background: #23395c
}

.theme-blue .feedback-box .download .ewm hr {
    border-bottom: 1px solid #eee
}

.theme-blue .feedback-box .pucker-btn {
    border: 1px solid #459fff;
    background-color: #459fff
}

.theme-blue .feedback-box .pucker-btn:hover {
    background-color: #2c92ff
}

.theme-blue .breadcrumb li.active {
    color: #459fff
}

.theme-blue .search-group-index .form-control {
    border-color: #eee
}

.theme-blue .search-group-index .more-service-btn:focus {
    border-color: #459fff
}

.theme-blue .panel {
    background-color: #fff
}

.theme-blue .panel > .hd .title {
    color: #333
}

.theme-blue .panel > .hd .more {
    color: #999
}

.theme-blue .panel > .hd .more:hover {
    color: #459fff
}

.theme-blue .pagination .paging li {
    border: 1px solid #eee;
    background-color: #fff
}

.theme-blue .pagination .paging li:not(.disabled):not(.active):hover {
    color: #459fff
}

.theme-blue .pagination .paging li.active {
    background-color: #459fff;
    color: #fff
}

.theme-blue .pagination .paging li.disabled {
    color: #eee
}

.theme-blue .pagination input, .theme-blue .pagination select {
    border: 1px solid #eee;
    background-color: #fff
}

.theme-blue .modal > .hd {
    background-color: #459fff !important
}

.theme-blue .wrapper-index .panel {
    border: 1px solid #eee
}

.theme-blue .more-service-btn:hover {
    background-color: #459fff
}

.theme-blue #processModal #tab-process1 * {
    color: #333 !important
}

.theme-blue .nav-service li.active a {
    color: #fff;
    background-color: #459fff
}

.theme-blue .nav-service .service-obj .hover {
    color: #459fff
}

.theme-blue .nav-service .tab-link .hover {
    background-color: #459fff
}

.theme-blue .app-select-list .holder .opreat-btn, .theme-blue .app-select-list .item .opreat-btn {
    color: #459fff
}

.theme-blue .app-select-list .holder .opreat-btn.icon-circle-minus, .theme-blue .app-select-list .item .opreat-btn.icon-circle-minus {
    color: #e80101
}

.theme-blue .swiper-pagination-bullet-active {
    background: #92c6ff !important
}

.theme-blue .new-list a:hover {
    background-color: #f9f8f8
}

.theme-blue .data-info li b {
    font-size: 20px;
    color: #459fff
}

.theme-blue .panel-service .hd {
    border-bottom: 1px solid #cfcfcf
}

.theme-blue .panel-service ul > li > a {
    border: 1px solid #eee
}

.theme-blue .filter-obj li {
    color: #333
}

.theme-blue .filter-content dd:hover {
    color: #459fff
}

.theme-blue .filter-content dd.active, .theme-blue .filter-content dd.active:hover {
    color: #fff !important;
    background-color: #459fff
}

.theme-blue .list-nav {
    border: 1px solid #eee;
    background-color: #fff
}

.theme-blue .list-nav a {
    color: #999
}

.theme-blue .list-area .list-nav a.active, .theme-blue .list-nav a:hover {
    color: #459fff
}

.theme-blue .service-list .item {
    background-color: #fff;
    border: 1px solid #eee
}

.theme-blue .service-list .no-data {
    background-color: #fff
}

.theme-blue .service-list-card .title {
    border-bottom: 1px solid #eee
}

.theme-blue .service-list .marks a {
    color: #459fff
}

.theme-blue .service-list-card .marks a:hover {
    color: #fff
}

.theme-blue #processModal .table-responsive .table > tbody > tr > td:first-child, .theme-blue #processModal .table > tbody > tr > td:nth-child(3), .theme-blue .evaluate-area {
    background-color: #fff
}

.theme-blue .evaluate-area .title {
    color: #459fff
}

.theme-blue .evaluate-area .title-s {
    border-bottom: 2px solid #459fff
}

.theme-blue .evaluate-area .title-s .inline {
    background-color: #459fff
}

.theme-blue .evaluate-area .star-rating b, .theme-blue .evaluate-area .third-title li.active a, .theme-blue .evaluate-area .third-title li a:hover {
    color: #459fff
}

.theme-blue .statistic-analysis .nav-tabs > li.active > a {
    border: 1px solid #459fff;
    background-color: #459fff;
    color: #fff
}

.theme-blue .statistic-analysis .nav-tabs > li.active:hover a {
    background-color: #459fff
}

.theme-blue .statistic-analysis .tab-content .title span {
    color: #333;
    border-bottom: 2px solid #459fff
}

.theme-blue .statistic-analysis #tab2 .progress .progress-bar {
    background-color: #459fff
}

.theme-blue .statistic-analysis .formbox table {
    background: #fff
}

.theme-blue .statistic-analysis .count ul li span {
    color: #459fff
}

.theme-blue .qa-bd {
    background-color: #fff
}

.theme-blue .qa-bd .sidebar {
    background-color: #fafafa
}

.theme-blue .qa-bd .sidebar .active a {
    color: #459fff;
    border-color: #459fff
}

.theme-blue .panel-qa .hd, .theme-blue .qa-bd .main {
    border-color: #eee
}

.theme-blue .panel-qa .hd .tt {
    color: #333
}

.theme-blue .panel-qa .bd, .theme-blue .panel-qa .bd li {
    border-color: #eee
}

.theme-blue .qa-info {
    background-color: rgba(69, 159, 255, .05)
}

.theme-blue .qa-bd .side .sidebar li a:hover {
    background-color: #fff
}

.theme-blue .schoollist-area .hd {
    border-bottom: 1px solid #eee
}

.theme-blue .schoollist-area .hd .title {
    color: #666
}

.theme-blue .schoollist-area .hd .title a.active {
    color: #459fff;
    font-weight: 700
}

.theme-blue .schoollist-area .hd .more, .theme-blue .schoollist-area .hd .title a:hover {
    color: #459fff
}

.theme-blue .card {
    background: #fff;
    -webkit-box-shadow: 0 2px 6px -2px rgba(51, 51, 51, .1);
    box-shadow: 0 2px 6px -2px rgba(51, 51, 51, .1)
}

.theme-blue .card > .hd {
    border-bottom: 1px solid #eee
}

.theme-blue .card > .hd .title {
    color: #5d5d5d
}

.theme-blue .card > .hd .more i, .theme-blue .card > .hd .title a.active, .theme-blue .card > .hd .title a:hover {
    color: #459fff
}

.theme-blue .card .pagination .paging li {
    border: 1px solid #eee
}

.theme-blue .card .pagination .paging li:not(.disabled):not(.active):hover {
    color: #459fff
}

.theme-blue .card .pagination .paging li.active {
    background-color: #459fff
}

.theme-blue .card .pagination .paging li.disabled {
    color: #eee
}

.theme-blue .card .pagination input, .theme-blue .card .pagination select {
    border: 1px solid #eee;
    background-color: #fff
}

.theme-blue .wrapper-personal .ui-widget-content > .set .iconfont {
    color: #459fff
}

.theme-blue .wrapper-personal .typeset-btn .btn {
    background-color: #fff
}

.theme-blue .wrapper-personal .typeset-btn .btn .iconfont {
    color: #459fff
}

.theme-blue .wrapper-personal .typeset-btn .btn:hover {
    background-color: #459fff
}

.theme-blue .wrapper-personal .typeset-btn .btn:hover .iconfont {
    color: #fff
}

.theme-blue .today-area .rq {
    border: 1px solid #459fff
}

.theme-blue .today-area .rq .week {
    background-color: #459fff
}

.theme-blue .today-area .rq .number {
    color: #459fff
}

.theme-blue .profile-area .other-info ul li .icon-bg {
    background-color: #deeeff
}

.theme-blue .profile-area .other-info ul li .icon-bg .iconfont, .theme-blue .profile-area .title .iconfont, .theme-blue .profile-stu-area .title .iconfont {
    color: #459fff
}

.theme-blue .profile-stu-area .profile-content .other-info ul li .icon-bg {
    background-color: #e8f3ff
}

.theme-blue .notice-small-area .weather-area .block .wea-color, .theme-blue .notice-small-area .weather-area .block span, .theme-blue .notice-small-area .zc-block .number, .theme-blue .profile-stu-area .profile-content .other-info ul li .icon-bg .iconfont {
    color: #459fff
}

.theme-blue .profile-area .bg .photo img {
    -webkit-box-shadow: 0 5px 10px rgba(51, 51, 51, .1);
    box-shadow: 0 5px 10px rgba(51, 51, 51, .1)
}

.theme-blue .profile-area .info .name {
    color: #333
}

.theme-blue .profile-area .info .opreat a {
    background-color: rgba(69, 159, 255, .12)
}

.theme-blue .profile-area .info .opreat a i {
    color: #459fff
}

.theme-blue .profile-area .info .item {
    color: #999
}

.theme-blue .profile-area .info .level .progress .progress-bar {
    background-color: #459fff
}

.theme-blue .profile-area .info .level .tips {
    color: #459fff
}

.theme-blue .calendar-area .layui-laydate-content .layui-this {
    background-color: #459fff !important
}

.theme-blue .calendar-area .opreat .more a {
    color: #459fff
}

.theme-blue .calendar-area .layui-laydate, .theme-blue .calendar-area .layui-laydate-content td, .theme-blue .calendar-area .layui-laydate-content th, .theme-blue .calendar-area .layui-laydate-hint, .theme-blue .calendar-area .schedule p {
    color: #333
}

.theme-blue .calendar-area .layui-laydate-content .laydate-day-next, .theme-blue .calendar-area .layui-laydate-content .laydate-day-prev {
    color: #666
}

.theme-blue .calendar-stu-area .layui-laydate-content .layui-this {
    background-color: #459fff !important
}

.theme-blue .calendar-stu-area .opreat .more a {
    color: #459fff
}

.theme-blue .calendar-stu-area .course-schedule-wrap p .title {
    border-left: 4px solid #459fff
}

.theme-blue .service-area .app-list a {
    color: #5d5d5d
}

.theme-blue .modal-app .block .hd .dot {
    background-color: #459fff
}

.theme-blue .basic-message span strong, .theme-blue .ykt-area .basic-message span strong {
    color: #459fff
}

.theme-blue .links-area li a:before {
    background-color: #333
}

.theme-blue .links-area li a:hover {
    color: #459fff
}

.theme-blue .links-area li a:hover:before {
    background-color: #459fff
}

.theme-blue .schedule-date {
    border: 1px solid #eee;
    color: #459fff
}

.theme-blue .schedule-date .iconfont:hover {
    color: #5facff
}

.theme-blue .schedule-date .iconfont:active {
    color: #1285ff
}

.theme-blue .wrapper-transaction .container {
    background-color: #fff
}

.theme-blue .wrapper-transaction .main .hd .tt .iconfont {
    color: #459fff
}

.theme-blue .wrapper-transaction .search-group .btn {
    color: #d5d5d5
}

.theme-blue .wrapper-transaction .bar {
    background-color: #fafafa;
    border: 1px solid #eee
}

.theme-blue .wrapper-transaction .bar label .icon-time {
    color: #459fff
}

.theme-blue .wrapper-transaction .bar input {
    border-bottom: 1px solid #e9e9e9
}

.theme-blue .wrapper-transaction .bar input:focus {
    border-color: #459fff
}

.theme-blue .wrapper-transaction .bar select {
    border-color: #e9e9e9;
    background: #fff
}

.theme-blue .wrapper-transaction .bar select:focus {
    border-color: #459fff
}

.theme-blue .wrapper-transaction .tab a.active {
    background-color: #459fff;
    color: #fff
}

.theme-blue .wrapper-transaction table, .theme-blue .wrapper-transaction table tr {
    border-color: #eee
}

.theme-blue .profile-info {
    background: #459fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAO8AAABSCAYAAAC8JIMSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDU2MTMzRURGMTU5MTFFOEFGOEZBRjc3RDdCNUIxQTEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDU2MTMzRUNGMTU5MTFFOEFGOEZBRjc3RDdCNUIxQTEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE2Q0ZGMTI0OTNDQzExRThBMTdBRDQ2NkNCMDE5NzhEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE2Q0ZGMTI1OTNDQzExRThBMTdBRDQ2NkNCMDE5NzhEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+SDOrFQAABs1JREFUeNrs3GtsU2Uc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) no-repeat top
}

.theme-blue .side-nav li > p i {
    color: #459fff
}

.theme-blue .side-nav li a.router-link-exact-active, .theme-blue .side-nav li a.router-link-exact-active:hover {
    border-color: #459fff;
    background-color: #fff;
    color: #4fa4ff
}

.theme-blue .side-nav li a:hover {
    color: #459fff;
    border-left: 2px solid #459fff
}

.theme-blue .side-nav li a .iconfont {
    color: #459fff
}

.theme-blue .my-collect .block, .theme-blue .my-service .block {
    border: 1px solid #eee
}

.theme-blue .my-collect .active.active a, .theme-blue .my-collect .active:hover a {
    background-color: #fff
}

.theme-blue .my-collect .active.active a:hover {
    background-color: #fafafa
}

.theme-blue .my-service .bd-edit .block .tt p {
    color: #999
}

.theme-blue .my-service .bd-new .tt {
    color: #333
}

.theme-blue .my-security .security-list li {
    border-bottom: 1px solid #eee
}

.theme-blue .my-security .security-list .dt {
    border-right: 2px solid #eee
}

.theme-blue .my-security .security-list .dd .edit p {
    color: rgba(51, 51, 51, .5)
}

.theme-blue .wrapper-error .container .content h1 {
    color: #333
}

.theme-blue .wrapper-error .container .content .desc {
    color: rgba(51, 51, 51, .45)
}

.theme-blue .wall {
    background-color: #fff
}

.theme-blue .panel-article .hd {
    border-color: #eee
}

.theme-blue .new-my-table .hd .transaction-sp label.active, .theme-blue .new-my-table .hd .transaction-tj label.active {
    background: #459fff
}

@media (max-width: 768px) {
    .theme-blue .mobile .wrapper-transaction .main, .theme-blue .mobile .wrapper-transaction .side {
        background: #fff
    }
}

.theme-blue .ykt-detail .xfqs-title .active {
    background-color: #459fff
}

.theme-blue .user-info.active {
    background-color: #78b9ff
}

.theme-blue .wrapper-notice-more .panel-article .hd .tt {
    border-left: 3px solid #459fff
}

.theme-blue .scientfic-detail .hd .basic-message > span .iconfont {
    color: #459fff
}

.theme-blue .scientfic-detail .table-area .hd .fn-fl .active {
    color: #459fff;
    border-bottom: 2px solid #459fff
}

.theme-blue .wrapper-personal .card .hd {
    background-color: #efefef
}

.theme-blue .wrapper-personal .card .hd .title a.active {
    background-color: #fff;
    border-top: 2px solid #459fff;
    border-bottom: 0
}

.theme-blue #CalendarTeacher .card .hd, .theme-blue #Links .card .hd {
    background-color: #fff;
    padding-left: 20px
}

.theme-blue .notice-small-area .bd, .theme-blue .notice-small-area .today-area {
    background-color: #fff
}

.theme-blue .calendar-area .course-schedule-wrap p .title {
    border-left: 4px solid #459fff;
    color: #333
}

.theme-blue .calendar-area .date .days li .active {
    background-color: #459fff
}

.theme-blue .calendar-area .hd, .theme-blue .calendar-stu-area .hd, .theme-blue .schedule-stu-area .hd {
    background-color: #fff !important
}

.theme-dblue {
    background-color: #e4e3e3;
    color: #5d5d5d
}

.theme-dblue .wrapper.bg {
    background: #fff url(file:///E|/%E9%A1%B9%E7%9B%AE/%E6%B2%B3%E5%8C%97%E7%BB%8F%E8%B4%B8%E5%A4%A7%E5%AD%A6%E5%90%8E%E5%8F%B0/static/img/bg.53794998.jpg) no-repeat top
}

.theme-dblue .fn-info {
    color: #274ba8
}

.theme-dblue .fn-link {
    color: #333
}

.theme-dblue .more-service-btn {
    background-color: #fff
}

.theme-dblue .more-service-btn:hover {
    color: #fff
}

.theme-dblue .icon-checkbox.icon-gou {
    border: 1px solid #274ba8;
    color: #274ba8
}

.theme-dblue .btn-primary {
    background-color: #274ba8;
    border-color: #274ba8
}

.theme-dblue .evaluate-star .star-rating .iconfont {
    color: #ddd
}

.theme-dblue .nav-tabs > li > a:hover {
    color: rgba(39, 75, 168, .7)
}

.theme-dblue .nav-tabs > li.active a, .theme-dblue .nav-tabs > li.active a:focus, .theme-dblue .nav-tabs > li.active a:hover {
    color: #274ba8;
    border-bottom: 2px solid #274ba8
}

.theme-dblue .table-striped thead th {
    background-color: #f2f2f2
}

.theme-dblue .table-striped tbody tr:nth-of-type(2n) {
    background-color: hsla(0, 0%, 100%, .02)
}

.theme-dblue .table-striped tbody tr:hover {
    background-color: #f7f7f7
}

.theme-dblue .form-control {
    color: #5d5d5d;
    background-color: #fff;
    border-color: #eee
}

.theme-dblue .help-block {
    color: #999
}

.theme-dblue .header {
    background-color: #274ba8
}

.theme-dblue .header .top-menu li a {
    color: #fff
}

.theme-dblue .header .top-menu li a.router-link-exact-active, .theme-dblue .header .top-menu li a.swzx.router-link-active, .theme-dblue .header .top-menu li a:hover {
    border-color: #fff
}

.theme-dblue .header .top-menu li a.router-link-exact-active, .theme-dblue .header .top-menu li a.swzx.router-link-active {
    color: #fff;
    background-color: #5c7fd9
}

.theme-dblue .header .login-area {
    color: #fff
}

.theme-dblue .footer {
    background-color: #274ba8
}

.theme-dblue .feedback-box, .theme-dblue .header-xs {
    background-color: #fff
}

.theme-dblue .feedback-box li {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee
}

.theme-dblue .feedback-box li .iconfont {
    font-size: 30px;
    color: #274ba8
}

.theme-dblue .feedback-box li:hover {
    background-color: #274ba8;
    border-color: #274ba8;
    cursor: pointer
}

.theme-dblue .feedback-box li:hover .iconfont, .theme-dblue .feedback-box li:hover a > p {
    color: #fff
}

.theme-dblue .feedback-box li#wyfk:hover .feedback-child li .iconfont {
    color: #274ba8
}

.theme-dblue .feedback-box li#wyfk .feedback-child li a > p {
    color: #666
}

.theme-dblue .feedback-box li#wyfk .feedback-child li:hover {
    background-color: #274ba8;
    border-color: #274ba8
}

.theme-dblue .feedback-box li#wyfk .feedback-child li:hover .iconfont, .theme-dblue .feedback-box li#wyfk .feedback-child li:hover a > p {
    color: #fff
}

.theme-dblue .feedback-box li#wyfk .feedback-child li:nth-child(2) {
    border-top: 0
}

.theme-dblue .feedback-box .download .ewm {
    border: 1px solid #eee;
    background: #23395c
}

.theme-dblue .feedback-box .download .ewm hr {
    border-bottom: 1px solid #eee
}

.theme-dblue .feedback-box .pucker-btn {
    border: 1px solid #274ba8;
    background-color: #274ba8
}

.theme-dblue .feedback-box .pucker-btn:hover {
    background-color: #224293
}

.theme-dblue .breadcrumb li.active {
    color: #274ba8
}

.theme-dblue .search-group-index .form-control {
    border-color: #eee
}

.theme-dblue .search-group-index .more-service-btn:focus {
    border-color: #274ba8
}

.theme-dblue .panel {
    background-color: #fff
}

.theme-dblue .panel > .hd .title {
    color: #333
}

.theme-dblue .panel > .hd .more {
    color: #999
}

.theme-dblue .panel > .hd .more:hover {
    color: #274ba8
}

.theme-dblue .pagination .paging li {
    border: 1px solid #eee;
    background-color: #fff
}

.theme-dblue .pagination .paging li:not(.disabled):not(.active):hover {
    color: #274ba8
}

.theme-dblue .pagination .paging li.active {
    background-color: #274ba8;
    color: #fff
}

.theme-dblue .pagination .paging li.disabled {
    color: #eee
}

.theme-dblue .pagination input, .theme-dblue .pagination select {
    border: 1px solid #eee;
    background-color: #fff
}

.theme-dblue .modal > .hd {
    background-color: #274ba8 !important
}

.theme-dblue .wrapper-index .panel {
    border: 1px solid #eee
}

.theme-dblue .more-service-btn:hover {
    background-color: #274ba8
}

.theme-dblue #processModal #tab-process1 * {
    color: #333 !important
}

.theme-dblue .nav-service li.active a {
    color: #fff;
    background-color: #274ba8
}

.theme-dblue .nav-service .service-obj .hover {
    color: #274ba8
}

.theme-dblue .nav-service .tab-link .hover {
    background-color: #274ba8
}

.theme-dblue .app-select-list .holder .opreat-btn, .theme-dblue .app-select-list .item .opreat-btn {
    color: #274ba8
}

.theme-dblue .app-select-list .holder .opreat-btn.icon-circle-minus, .theme-dblue .app-select-list .item .opreat-btn.icon-circle-minus {
    color: #e80101
}

.theme-dblue .swiper-pagination-bullet-active {
    background: #476fd4 !important
}

.theme-dblue .new-list a:hover {
    background-color: #f9f8f8
}

.theme-dblue .data-info li b {
    font-size: 20px;
    color: #274ba8
}

.theme-dblue .panel-service .hd {
    border-bottom: 1px solid #cfcfcf
}

.theme-dblue .panel-service ul > li > a {
    border: 1px solid #eee
}

.theme-dblue .filter-obj li {
    color: #333
}

.theme-dblue .filter-content dd:hover {
    color: #274ba8
}

.theme-dblue .filter-content dd.active, .theme-dblue .filter-content dd.active:hover {
    color: #fff !important;
    background-color: #274ba8
}

.theme-dblue .list-nav {
    border: 1px solid #eee;
    background-color: #fff
}

.theme-dblue .list-nav a {
    color: #999
}

.theme-dblue .list-area .list-nav a.active, .theme-dblue .list-nav a:hover {
    color: #274ba8
}

.theme-dblue .service-list .item {
    background-color: #fff;
    border: 1px solid #eee
}

.theme-dblue .service-list .no-data {
    background-color: #fff
}

.theme-dblue .service-list-card .title {
    border-bottom: 1px solid #eee
}

.theme-dblue .service-list .marks a {
    color: #274ba8
}

.theme-dblue .service-list-card .marks a:hover {
    color: #fff
}

.theme-dblue #processModal .table-responsive .table > tbody > tr > td:first-child, .theme-dblue #processModal .table > tbody > tr > td:nth-child(3), .theme-dblue .evaluate-area {
    background-color: #fff
}

.theme-dblue .evaluate-area .title {
    color: #274ba8
}

.theme-dblue .evaluate-area .title-s {
    border-bottom: 2px solid #274ba8
}

.theme-dblue .evaluate-area .title-s .inline {
    background-color: #274ba8
}

.theme-dblue .evaluate-area .star-rating b, .theme-dblue .evaluate-area .third-title li.active a, .theme-dblue .evaluate-area .third-title li a:hover {
    color: #274ba8
}

.theme-dblue .statistic-analysis .nav-tabs > li.active > a {
    border: 1px solid #274ba8;
    background-color: #274ba8;
    color: #fff
}

.theme-dblue .statistic-analysis .nav-tabs > li.active:hover a {
    background-color: #274ba8
}

.theme-dblue .statistic-analysis .tab-content .title span {
    color: #333;
    border-bottom: 2px solid #274ba8
}

.theme-dblue .statistic-analysis #tab2 .progress .progress-bar {
    background-color: #274ba8
}

.theme-dblue .statistic-analysis .formbox table {
    background: #fff
}

.theme-dblue .statistic-analysis .count ul li span {
    color: #274ba8
}

.theme-dblue .qa-bd {
    background-color: #fff
}

.theme-dblue .qa-bd .sidebar {
    background-color: #fafafa
}

.theme-dblue .qa-bd .sidebar .active a {
    color: #274ba8;
    border-color: #274ba8
}

.theme-dblue .panel-qa .hd, .theme-dblue .qa-bd .main {
    border-color: #eee
}

.theme-dblue .panel-qa .hd .tt {
    color: #333
}

.theme-dblue .panel-qa .bd, .theme-dblue .panel-qa .bd li {
    border-color: #eee
}

.theme-dblue .qa-info {
    background-color: rgba(39, 75, 168, .05)
}

.theme-dblue .qa-bd .side .sidebar li a:hover {
    background-color: #fff
}

.theme-dblue .schoollist-area .hd {
    border-bottom: 1px solid #eee
}

.theme-dblue .schoollist-area .hd .title {
    color: #666
}

.theme-dblue .schoollist-area .hd .title a.active {
    color: #274ba8;
    font-weight: 700
}

.theme-dblue .schoollist-area .hd .more, .theme-dblue .schoollist-area .hd .title a:hover {
    color: #274ba8
}

.theme-dblue .card {
    background: #fff;
    -webkit-box-shadow: 0 2px 6px -2px rgba(51, 51, 51, .1);
    box-shadow: 0 2px 6px -2px rgba(51, 51, 51, .1)
}

.theme-dblue .card > .hd {
    border-bottom: 1px solid #eee
}

.theme-dblue .card > .hd .title {
    color: #5d5d5d
}

.theme-dblue .card > .hd .more i, .theme-dblue .card > .hd .title a.active, .theme-dblue .card > .hd .title a:hover {
    color: #274ba8
}

.theme-dblue .card .pagination .paging li {
    border: 1px solid #eee
}

.theme-dblue .card .pagination .paging li:not(.disabled):not(.active):hover {
    color: #274ba8
}

.theme-dblue .card .pagination .paging li.active {
    background-color: #274ba8
}

.theme-dblue .card .pagination .paging li.disabled {
    color: #eee
}

.theme-dblue .card .pagination input, .theme-dblue .card .pagination select {
    border: 1px solid #eee;
    background-color: #fff
}

.theme-dblue .wrapper-personal .ui-widget-content > .set .iconfont {
    color: #274ba8
}

.theme-dblue .wrapper-personal .typeset-btn .btn {
    background-color: #fff
}

.theme-dblue .wrapper-personal .typeset-btn .btn .iconfont {
    color: #274ba8
}

.theme-dblue .wrapper-personal .typeset-btn .btn:hover {
    background-color: #274ba8
}

.theme-dblue .wrapper-personal .typeset-btn .btn:hover .iconfont {
    color: #fff
}

.theme-dblue .today-area .rq {
    border: 1px solid #274ba8
}

.theme-dblue .today-area .rq .week {
    background-color: #274ba8
}

.theme-dblue .notice-small-area .zc-block .number, .theme-dblue .today-area .rq .number {
    color: #274ba8
}

.theme-dblue .profile-area .other-info ul li .icon-bg {
    background-color: #d8e0f6
}

.theme-dblue .profile-area .other-info ul li .icon-bg .iconfont, .theme-dblue .profile-stu-area .title .iconfont {
    color: #274ba8
}

.theme-dblue .profile-stu-area .profile-content .other-info ul li .icon-bg {
    background-color: #edf1fb
}

.theme-dblue .notice-small-area .bd .fn-fr strong, .theme-dblue .notice-small-area .weather-area .block .wea-color, .theme-dblue .notice-small-area .weather-area .block span, .theme-dblue .profile-stu-area .profile-content .other-info ul li .icon-bg .iconfont {
    color: #274ba8
}

.theme-dblue .profile-area .bg .photo img {
    -webkit-box-shadow: 0 5px 10px rgba(51, 51, 51, .1);
    box-shadow: 0 5px 10px rgba(51, 51, 51, .1)
}

.theme-dblue .profile-area .info .name {
    color: #333
}

.theme-dblue .profile-area .info .opreat a {
    background-color: rgba(39, 75, 168, .12)
}

.theme-dblue .profile-area .info .opreat a i {
    color: #274ba8
}

.theme-dblue .profile-area .info .item {
    color: #999
}

.theme-dblue .profile-area .info .level .progress .progress-bar {
    background-color: #274ba8
}

.theme-dblue .profile-area .info .level .tips {
    color: #274ba8
}

.theme-dblue .calendar-area .layui-laydate-content .layui-this {
    background-color: #274ba8 !important
}

.theme-dblue .calendar-area .opreat .more a {
    color: #274ba8
}

.theme-dblue .calendar-area .layui-laydate, .theme-dblue .calendar-area .layui-laydate-content td, .theme-dblue .calendar-area .layui-laydate-content th, .theme-dblue .calendar-area .layui-laydate-hint, .theme-dblue .calendar-area .schedule p {
    color: #333
}

.theme-dblue .calendar-area .layui-laydate-content .laydate-day-next, .theme-dblue .calendar-area .layui-laydate-content .laydate-day-prev {
    color: #666
}

.theme-dblue .calendar-stu-area .layui-laydate-content .layui-this {
    background-color: #274ba8 !important
}

.theme-dblue .calendar-stu-area .opreat .more a {
    color: #274ba8
}

.theme-dblue .calendar-stu-area .course-schedule-wrap p .title {
    border-left: 4px solid #274ba8
}

.theme-dblue .service-area .app-list a {
    color: #5d5d5d
}

.theme-dblue .modal-app .block .hd .dot {
    background-color: #274ba8
}

.theme-dblue .basic-message span strong, .theme-dblue .ykt-area .basic-message span strong {
    color: #274ba8
}

.theme-dblue .links-area li a:before {
    background-color: #333
}

.theme-dblue .links-area li a:hover {
    color: #274ba8
}

.theme-dblue .links-area li a:hover:before {
    background-color: #274ba8
}

.theme-dblue .schedule-date {
    border: 1px solid #eee;
    color: #274ba8
}

.theme-dblue .schedule-date .iconfont:hover {
    color: #2c54bd
}

.theme-dblue .schedule-date .iconfont:active {
    color: #1d397f
}

.theme-dblue .wrapper-transaction .container {
    background-color: #fff
}

.theme-dblue .wrapper-transaction .main .hd .tt .iconfont {
    color: #274ba8
}

.theme-dblue .wrapper-transaction .search-group .btn {
    color: #d5d5d5
}

.theme-dblue .wrapper-transaction .bar {
    background-color: #fafafa;
    border: 1px solid #eee
}

.theme-dblue .wrapper-transaction .bar label .icon-time {
    color: #274ba8
}

.theme-dblue .wrapper-transaction .bar input {
    border-bottom: 1px solid #e9e9e9
}

.theme-dblue .wrapper-transaction .bar input:focus {
    border-color: #274ba8
}

.theme-dblue .wrapper-transaction .bar select {
    border-color: #e9e9e9;
    background: #fff
}

.theme-dblue .wrapper-transaction .bar select:focus {
    border-color: #274ba8
}

.theme-dblue .wrapper-transaction .tab a.active {
    background-color: #274ba8;
    color: #fff
}

.theme-dblue .wrapper-transaction table, .theme-dblue .wrapper-transaction table tr {
    border-color: #eee
}

.theme-dblue .profile-info {
    background: #274ba8 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAO8AAABSCAYAAAC8JIMSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDU2MTMzRURGMTU5MTFFOEFGOEZBRjc3RDdCNUIxQTEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDU2MTMzRUNGMTU5MTFFOEFGOEZBRjc3RDdCNUIxQTEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE2Q0ZGMTI0OTNDQzExRThBMTdBRDQ2NkNCMDE5NzhEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE2Q0ZGMTI1OTNDQzExRThBMTdBRDQ2NkNCMDE5NzhEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+SDOrFQAABs1JREFUeNrs3GtsU2Uc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) no-repeat top
}

.theme-dblue .side-nav li > p i {
    color: #274ba8
}

.theme-dblue .side-nav li a.router-link-exact-active, .theme-dblue .side-nav li a.router-link-exact-active:hover {
    border-color: #274ba8;
    background-color: #fff;
    color: #294fb0
}

.theme-dblue .side-nav li a:hover {
    color: #274ba8;
    border-left: 2px solid #274ba8
}

.theme-dblue .side-nav li a .iconfont {
    color: #274ba8
}

.theme-dblue .new-my-table .hd .transaction-sp label.active, .theme-dblue .new-my-table .hd .transaction-tj label.active {
    background: #274ba8
}

.theme-dblue .my-collect .block, .theme-dblue .my-service .block {
    border: 1px solid #eee
}

.theme-dblue .my-collect .active.active a, .theme-dblue .my-collect .active:hover a {
    background-color: #fff
}

.theme-dblue .my-collect .active.active a:hover {
    background-color: #fafafa
}

.theme-dblue .my-service .bd-edit .block .tt p {
    color: #999
}

.theme-dblue .my-service .bd-new .tt {
    color: #333
}

.theme-dblue .my-security .security-list li {
    border-bottom: 1px solid #eee
}

.theme-dblue .my-security .security-list .dt {
    border-right: 2px solid #eee
}

.theme-dblue .my-security .security-list .dd .edit p {
    color: rgba(51, 51, 51, .5)
}

.theme-dblue .wrapper-error .container .content h1 {
    color: #333
}

.theme-dblue .wrapper-error .container .content .desc {
    color: rgba(51, 51, 51, .45)
}

.theme-dblue .wall {
    background-color: #fff
}

.theme-dblue .panel-article .hd {
    border-color: #eee
}

@media (max-width: 768px) {
    .theme-dblue .mobile .wrapper-transaction .main, .theme-dblue .mobile .wrapper-transaction .side {
        background: #fff
    }
}

.theme-dblue .ykt-detail .xfqs-title .active {
    background-color: #274ba8
}

.theme-dblue .user-info.active {
    background-color: #5c7fd9
}

.theme-dblue .wrapper-notice-more .panel-article .hd .tt {
    border-left: 3px solid #274ba8
}

.theme-dblue .card > .hd .more, .theme-dblue .profile-area .title .iconfont, .theme-dblue .scientfic-detail .hd .basic-message > span .iconfont {
    color: #274ba8
}

.theme-dblue .scientfic-detail .table-area .hd .fn-fl .active {
    color: #274ba8;
    border-bottom: 2px solid #274ba8
}

.theme-dblue .wrapper-personal .card .hd {
    background-color: #efefef
}

.theme-dblue .wrapper-personal .card .hd .title a.active {
    background-color: #fff;
    border-top: 2px solid #274ba8;
    border-bottom: 0
}

.theme-dblue #CalendarTeacher .card .hd, .theme-dblue #Links .card .hd {
    background-color: #fff;
    padding-left: 20px
}

.theme-dblue .notice-small-area .bd, .theme-dblue .notice-small-area .today-area {
    background-color: #fff
}

.theme-dblue .calendar-area .course-schedule-wrap p .title {
    border-left: 4px solid #274ba8;
    color: #333
}

.theme-dblue .calendar-area .date .days li .active {
    background-color: #274ba8
}

.theme-dblue .calendar-area .hd, .theme-dblue .calendar-stu-area .hd, .theme-dblue .schedule-stu-area .hd {
    background-color: #fff !important
}

.theme-green {
    background-color: #f2f6f9;
    color: #5d5d5d /*!*-- 翻页 --*!
  .pagination a,
  .pagination li span {
    background-color: $panel-bg;
    border: 1px solid $bd-color;
  }
  .pagination > li > span:focus {
    color: $theme-color;
  }
  .pagination > .active > span:focus {
    background-color: $theme-color !important;
    border-color: $theme-color !important;
  }*/
}

.theme-green .wrapper.bg {
    background: #fff url(file:///E|/%E9%A1%B9%E7%9B%AE/%E6%B2%B3%E5%8C%97%E7%BB%8F%E8%B4%B8%E5%A4%A7%E5%AD%A6%E5%90%8E%E5%8F%B0/static/img/bg.53794998.jpg) no-repeat top
}

.theme-green .fn-info {
    color: #01ceca
}

.theme-green .fn-link {
    color: #333
}

.theme-green .more-service-btn {
    background-color: #fff
}

.theme-green .more-service-btn:hover {
    color: #fff
}

.theme-green .icon-checkbox.icon-gou {
    border: 1px solid #01ceca;
    color: #01ceca
}

.theme-green .btn-primary {
    background-color: #01ceca;
    border-color: #01ceca
}

.theme-green .evaluate-star .star-rating .iconfont {
    color: #ddd
}

.theme-green .nav-tabs > li > a:hover {
    color: rgba(1, 206, 202, .7)
}

.theme-green .nav-tabs > li.active a, .theme-green .nav-tabs > li.active a:focus, .theme-green .nav-tabs > li.active a:hover {
    color: #01ceca;
    border-bottom: 2px solid #01ceca
}

.theme-green .table-striped thead th {
    background-color: #f2f2f2
}

.theme-green .table-striped tbody tr:nth-of-type(2n) {
    background-color: hsla(0, 0%, 100%, .02)
}

.theme-green .table-striped tbody tr:hover {
    background-color: #f7f7f7
}

.theme-green .form-control {
    color: #5d5d5d;
    background-color: #fff;
    border-color: #eee
}

.theme-green .help-block {
    color: #999
}

.theme-green .header {
    background-color: #01ceca
}

.theme-green .header .top-menu li a {
    color: #fff
}

.theme-green .header .top-menu li a.router-link-exact-active, .theme-green .header .top-menu li a.swzx.router-link-active, .theme-green .header .top-menu li a:hover {
    border-color: #fff
}

.theme-green .header .top-menu li a.router-link-exact-active, .theme-green .header .top-menu li a.swzx.router-link-active {
    background-color: #01ddd9;
    color: #fff
}

.theme-green .header .login-area {
    color: #fff
}

.theme-green .footer {
    background-color: #01ceca
}

.theme-green .feedback-box, .theme-green .header-xs {
    background-color: #fff
}

.theme-green .feedback-box li {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee
}

.theme-green .feedback-box li .iconfont {
    font-size: 30px;
    color: #01ceca
}

.theme-green .feedback-box li:hover {
    background-color: #01ceca;
    border-color: #01ceca;
    cursor: pointer
}

.theme-green .feedback-box li:hover .iconfont, .theme-green .feedback-box li:hover a > p {
    color: #fff
}

.theme-green .feedback-box li#wyfk:hover .feedback-child li .iconfont {
    color: #01ceca
}

.theme-green .feedback-box li#wyfk .feedback-child li a > p {
    color: #666
}

.theme-green .feedback-box li#wyfk .feedback-child li:hover {
    background-color: #01ceca;
    border-color: #01ceca
}

.theme-green .feedback-box li#wyfk .feedback-child li:hover .iconfont, .theme-green .feedback-box li#wyfk .feedback-child li:hover a > p {
    color: #fff
}

.theme-green .feedback-box li#wyfk .feedback-child li:nth-child(2) {
    border-top: 0
}

.theme-green .feedback-box .download .ewm {
    border: 1px solid #eee;
    background: #23395c
}

.theme-green .feedback-box .download .ewm hr {
    border-bottom: 1px solid #eee
}

.theme-green .feedback-box .pucker-btn {
    border: 1px solid #01ceca;
    background-color: #01ceca
}

.theme-green .feedback-box .pucker-btn:hover {
    background-color: #01b5b1
}

.theme-green .breadcrumb li.active {
    color: #01ceca
}

.theme-green .search-group-index .form-control {
    border-color: #eee
}

.theme-green .search-group-index .more-service-btn:focus {
    border-color: #01ceca
}

.theme-green .panel {
    background-color: #fff
}

.theme-green .panel > .hd .title {
    color: #333
}

.theme-green .panel > .hd .more {
    color: #999
}

.theme-green .panel > .hd .more:hover {
    color: #01ceca
}

.theme-green .pagination .paging li {
    border: 1px solid #eee;
    background-color: #fff
}

.theme-green .pagination .paging li:not(.disabled):not(.active):hover {
    color: #01ceca
}

.theme-green .pagination .paging li.active {
    background-color: #01ceca;
    color: #fff
}

.theme-green .pagination .paging li.disabled {
    color: #eee
}

.theme-green .pagination input, .theme-green .pagination select {
    border: 1px solid #eee;
    background-color: #fff
}

.theme-green .modal > .hd {
    background-color: #01ceca !important
}

.theme-green .wrapper-index .panel {
    border: 1px solid #eee
}

.theme-green .more-service-btn:hover {
    background-color: #01ceca
}

.theme-green #processModal #tab-process1 * {
    color: #333 !important
}

.theme-green .nav-service li.active a {
    color: #fff;
    background-color: #01ceca
}

.theme-green .nav-service .service-obj .hover {
    color: #01ceca
}

.theme-green .nav-service .tab-link .hover {
    background-color: #01ceca
}

.theme-green .app-select-list .holder .opreat-btn, .theme-green .app-select-list .item .opreat-btn {
    color: #01ceca
}

.theme-green .app-select-list .holder .opreat-btn.icon-circle-minus, .theme-green .app-select-list .item .opreat-btn.icon-circle-minus {
    color: #e80101
}

.theme-green .swiper-pagination-bullet-active {
    background: #1efefa !important
}

.theme-green .new-list a:hover {
    background-color: #f9f8f8
}

.theme-green .data-info li b {
    font-size: 20px;
    color: #01ceca
}

.theme-green .panel-service .hd {
    border-bottom: 1px solid #cfcfcf
}

.theme-green .panel-service ul > li > a {
    border: 1px solid #eee
}

.theme-green .filter-obj li {
    color: #333
}

.theme-green .filter-content dd:hover {
    color: #01ceca
}

.theme-green .filter-content dd.active, .theme-green .filter-content dd.active:hover {
    color: #fff !important;
    background-color: #01ceca
}

.theme-green .list-nav {
    border: 1px solid #eee;
    background-color: #fff
}

.theme-green .list-nav a {
    color: #999
}

.theme-green .list-area .list-nav a.active, .theme-green .list-nav a:hover {
    color: #01ceca
}

.theme-green .service-list .item {
    background-color: #fff;
    border: 1px solid #eee
}

.theme-green .service-list .no-data {
    background-color: #fff
}

.theme-green .service-list-card .title {
    border-bottom: 1px solid #eee
}

.theme-green .service-list .marks a {
    color: #01ceca
}

.theme-green .service-list-card .marks a:hover {
    color: #fff
}

.theme-green #processModal .table-responsive .table > tbody > tr > td:first-child, .theme-green #processModal .table > tbody > tr > td:nth-child(3), .theme-green .evaluate-area {
    background-color: #fff
}

.theme-green .evaluate-area .title {
    color: #01ceca
}

.theme-green .evaluate-area .title-s {
    border-bottom: 2px solid #01ceca
}

.theme-green .evaluate-area .title-s .inline {
    background-color: #01ceca
}

.theme-green .evaluate-area .star-rating b, .theme-green .evaluate-area .third-title li.active a, .theme-green .evaluate-area .third-title li a:hover {
    color: #01ceca
}

.theme-green .statistic-analysis .nav-tabs > li.active > a {
    border: 1px solid #01ceca;
    background-color: #01ceca;
    color: #fff
}

.theme-green .statistic-analysis .nav-tabs > li.active:hover a {
    background-color: #01ceca
}

.theme-green .statistic-analysis .tab-content .title span {
    color: #333;
    border-bottom: 2px solid #01ceca
}

.theme-green .statistic-analysis #tab2 .progress .progress-bar {
    background-color: #01ceca
}

.theme-green .statistic-analysis .formbox table {
    background: #fff
}

.theme-green .statistic-analysis .count ul li span {
    color: #01ceca
}

.theme-green .qa-bd {
    background-color: #fff
}

.theme-green .qa-bd .sidebar {
    background-color: #fafafa
}

.theme-green .qa-bd .sidebar .active a {
    color: #01ceca;
    border-color: #01ceca
}

.theme-green .panel-qa .hd, .theme-green .qa-bd .main {
    border-color: #eee
}

.theme-green .panel-qa .hd .tt {
    color: #333
}

.theme-green .panel-qa .bd, .theme-green .panel-qa .bd li {
    border-color: #eee
}

.theme-green .qa-info {
    background-color: rgba(1, 206, 202, .05)
}

.theme-green .qa-bd .side .sidebar li a:hover {
    background-color: #fff
}

.theme-green .library-area .tab {
    border: 1px solid #01ceca
}

.theme-green .library-area .tab li.active {
    background-color: #01ceca;
    color: #fff
}

.theme-green .library-area .tab li {
    color: #01ceca
}

.theme-green .library-area .tab li + li {
    border-left: 1px solid #01ceca
}

.theme-green .schoollist-area .hd {
    border-bottom: 1px solid #eee
}

.theme-green .schoollist-area .hd .title {
    color: #666
}

.theme-green .schoollist-area .hd .title a.active {
    color: #01ceca;
    font-weight: 700
}

.theme-green .schoollist-area .hd .more, .theme-green .schoollist-area .hd .title a:hover {
    color: #01ceca
}

.theme-green .card {
    background: #fff;
    -webkit-box-shadow: 0 2px 6px -2px rgba(51, 51, 51, .1);
    box-shadow: 0 2px 6px -2px rgba(51, 51, 51, .1)
}

.theme-green .card > .hd {
    border-bottom: 1px solid #eee
}

.theme-green .card > .hd .title {
    color: #5d5d5d
}

.theme-green .card > .hd .title a.active {
    color: #01ceca;
    border-top: 2px solid #01ceca
}

.theme-green .card > .hd .more i, .theme-green .card > .hd .title a:hover {
    color: #01ceca
}

.theme-green .card .pagination .paging li {
    border: 1px solid #eee
}

.theme-green .card .pagination .paging li:not(.disabled):not(.active):hover {
    color: #01ceca
}

.theme-green .card .pagination .paging li.active {
    background-color: #01ceca
}

.theme-green .card .pagination .paging li.disabled {
    color: #eee
}

.theme-green .card .pagination input, .theme-green .card .pagination select {
    border: 1px solid #eee;
    background-color: #fff
}

.theme-green .wrapper-personal .ui-widget-content > .set .iconfont {
    color: #01ceca
}

.theme-green .wrapper-personal .typeset-btn .btn {
    background-color: #fff
}

.theme-green .wrapper-personal .typeset-btn .btn .iconfont {
    color: #01ceca
}

.theme-green .wrapper-personal .typeset-btn .btn:hover {
    background-color: #01ceca
}

.theme-green .wrapper-personal .typeset-btn .btn:hover .iconfont {
    color: #fff
}

.theme-green .today-area .rq {
    border: 1px solid #01ceca
}

.theme-green .today-area .rq .week {
    background-color: #01ceca
}

.theme-green .notice-small-area .zc-block .number, .theme-green .today-area .rq .number {
    color: #01ceca
}

.theme-green .profile-area .other-info ul li .icon-bg {
    background-color: #e9fffe
}

.theme-green .profile-area .other-info ul li .icon-bg .iconfont, .theme-green .profile-stu-area .title .iconfont {
    color: #01ceca
}

.theme-green .profile-stu-area .profile-content .other-info ul li .icon-bg {
    background-color: #e9fffe
}

.theme-green .notice-small-area .bd .fn-fr strong, .theme-green .notice-small-area .weather-area .block .wea-color, .theme-green .notice-small-area .weather-area .block span, .theme-green .profile-area .title .iconfont, .theme-green .profile-stu-area .profile-content .other-info ul li .icon-bg .iconfont {
    color: #01ceca
}

.theme-green .profile-area .bg .photo img {
    -webkit-box-shadow: 0 5px 10px rgba(51, 51, 51, .1);
    box-shadow: 0 5px 10px rgba(51, 51, 51, .1)
}

.theme-green .profile-area .info .name {
    color: #333
}

.theme-green .profile-area .info .opreat a {
    background-color: rgba(1, 206, 202, .12)
}

.theme-green .profile-area .info .opreat a i {
    color: #01ceca
}

.theme-green .profile-area .info .item {
    color: #999
}

.theme-green .profile-area .info .level .progress .progress-bar {
    background-color: #01ceca
}

.theme-green .profile-area .info .level .tips {
    color: #01ceca
}

.theme-green .calendar-area .layui-laydate-content .layui-this {
    background-color: #01ceca !important
}

.theme-green .calendar-area .opreat .more a {
    color: #01ceca
}

.theme-green .calendar-area .layui-laydate, .theme-green .calendar-area .layui-laydate-content td, .theme-green .calendar-area .layui-laydate-content th, .theme-green .calendar-area .layui-laydate-hint, .theme-green .calendar-area .schedule p {
    color: #333
}

.theme-green .calendar-area .layui-laydate-content .laydate-day-next, .theme-green .calendar-area .layui-laydate-content .laydate-day-prev {
    color: #666
}

.theme-green .calendar-stu-area .layui-laydate-content .layui-this {
    background-color: #01ceca !important
}

.theme-green .calendar-stu-area .opreat .more a {
    color: #01ceca
}

.theme-green .calendar-stu-area .course-schedule-wrap p .title {
    border-left: 4px solid #01ceca
}

.theme-green .service-area .app-list a {
    color: #5d5d5d
}

.theme-green .modal-app .block .hd .dot {
    background-color: #01ceca
}

.theme-green .basic-message span strong, .theme-green .ykt-area .basic-message span strong {
    color: #01ceca
}

.theme-green .links-area li a:before {
    background-color: #333
}

.theme-green .links-area li a:hover {
    color: #01ceca
}

.theme-green .links-area li a:hover:before {
    background-color: #01ceca
}

.theme-green .schedule-date {
    border: 1px solid #eee;
    color: #01ceca
}

.theme-green .schedule-date .iconfont:hover {
    color: #01e7e3
}

.theme-green .schedule-date .iconfont:active {
    color: #019b98
}

.theme-green .wrapper-transaction .container {
    background-color: #fff
}

.theme-green .wrapper-transaction .main .hd .tt .iconfont {
    color: #01ceca
}

.theme-green .wrapper-transaction .search-group .btn {
    color: #d5d5d5
}

.theme-green .wrapper-transaction .bar {
    background-color: #fafafa;
    border: 1px solid #eee
}

.theme-green .wrapper-transaction .bar label .icon-time {
    color: #01ceca
}

.theme-green .wrapper-transaction .bar input {
    border-bottom: 1px solid #e9e9e9
}

.theme-green .wrapper-transaction .bar input:focus {
    border-color: #01ceca
}

.theme-green .wrapper-transaction .bar select {
    border-color: #e9e9e9;
    background: #fff
}

.theme-green .wrapper-transaction .bar select:focus {
    border-color: #01ceca
}

.theme-green .wrapper-transaction .tab a.active {
    background-color: #01ceca;
    color: #fff
}

.theme-green .wrapper-transaction table, .theme-green .wrapper-transaction table tr {
    border-color: #eee
}

.theme-green .profile-info {
    background: #01ceca url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAO8AAABSCAYAAAC8JIMSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDU2MTMzRURGMTU5MTFFOEFGOEZBRjc3RDdCNUIxQTEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDU2MTMzRUNGMTU5MTFFOEFGOEZBRjc3RDdCNUIxQTEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE2Q0ZGMTI0OTNDQzExRThBMTdBRDQ2NkNCMDE5NzhEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE2Q0ZGMTI1OTNDQzExRThBMTdBRDQ2NkNCMDE5NzhEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+SDOrFQAABs1JREFUeNrs3GtsU2Uc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) no-repeat top
}

.theme-green .side-nav li > p i {
    color: #01ceca
}

.theme-green .side-nav li a.router-link-exact-active, .theme-green .side-nav li a.router-link-exact-active:hover {
    border-color: #01ceca;
    background-color: #fff;
    color: #01d8d4
}

.theme-green .side-nav li a:hover {
    color: #01ceca;
    border-left: 2px solid #01ceca
}

.theme-green .side-nav li a .iconfont {
    color: #01ceca
}

.theme-green .new-my-table .hd .transaction-sp label.active, .theme-green .new-my-table .hd .transaction-tj label.active {
    background: #01ceca
}

.theme-green .my-collect .block, .theme-green .my-service .block {
    border: 1px solid #eee
}

.theme-green .my-collect .active.active a, .theme-green .my-collect .active:hover a {
    background-color: #fff
}

.theme-green .my-collect .active.active a:hover {
    background-color: #fafafa
}

.theme-green .my-service .bd-edit .block .tt p {
    color: #999
}

.theme-green .my-service .bd-new .tt {
    color: #333
}

.theme-green .my-security .security-list li {
    border-bottom: 1px solid #eee
}

.theme-green .my-security .security-list .dt {
    border-right: 2px solid #eee
}

.theme-green .my-security .security-list .dd .edit p {
    color: rgba(51, 51, 51, .5)
}

.theme-green .wrapper-error .container .content h1 {
    color: #333
}

.theme-green .wrapper-error .container .content .desc {
    color: rgba(51, 51, 51, .45)
}

.theme-green .wall {
    background-color: #fff
}

.theme-green .panel-article .hd {
    border-color: #eee
}

@media (max-width: 768px) {
    .theme-green .mobile .wrapper-transaction .main, .theme-green .mobile .wrapper-transaction .side {
        background: #fff
    }
}

.theme-green .ykt-detail .xfqs-title .active {
    background-color: #01ceca
}

.theme-green .user-info.active {
    background-color: #01ddd9
}

.theme-green .wrapper-notice-more .panel-article .hd .tt {
    border-left: 3px solid #01ceca
}

.theme-green .scientfic-detail .hd .basic-message > span .iconfont {
    color: #01ceca
}

.theme-green .scientfic-detail .table-area .hd .fn-fl .active {
    color: #01ceca;
    border-bottom: 2px solid #01ceca
}

.theme-green .card > .hd .more {
    color: #01ceca
}

.theme-green .wrapper-personal .card .hd {
    background-color: #efefef
}

.theme-green .wrapper-personal .card .hd .title a.active {
    background-color: #fff;
    border-top: 2px solid #01ceca;
    border-bottom: 0
}

.theme-green #CalendarTeacher .card .hd, .theme-green #Links .card .hd {
    background-color: #fff;
    padding-left: 20px
}

.theme-green .notice-small-area .bd, .theme-green .notice-small-area .today-area {
    background-color: #fff
}

.theme-green .calendar-area .course-schedule-wrap p .title {
    border-left: 4px solid #01ceca;
    color: #333
}

.theme-green .calendar-area .date .days li .active {
    background-color: #01ceca
}

.theme-green .calendar-area .hd, .theme-green .calendar-stu-area .hd, .theme-green .schedule-stu-area .hd {
    background-color: #fff !important
}

.theme-orange {
    background-color: #f2f6f9;
    color: #5d5d5d /*!*-- 翻页 --*!
  .pagination a,
  .pagination li span {
    background-color: $panel-bg;
    border: 1px solid $bd-color;
  }
  .pagination > li > span:focus {
    color: $theme-color;
  }
  .pagination > .active > span:focus {
    background-color: $theme-color !important;
    border-color: $theme-color !important;
  }*/
}

.theme-orange .wrapper.bg {
    background: #fff url(file:///E|/%E9%A1%B9%E7%9B%AE/%E6%B2%B3%E5%8C%97%E7%BB%8F%E8%B4%B8%E5%A4%A7%E5%AD%A6%E5%90%8E%E5%8F%B0/static/img/bg.53794998.jpg) no-repeat top
}

.theme-orange .fn-info {
    color: #f8b551
}

.theme-orange .fn-link {
    color: #333
}

.theme-orange .more-service-btn {
    background-color: #fff
}

.theme-orange .more-service-btn:hover {
    color: #fff
}

.theme-orange .icon-checkbox.icon-gou {
    border: 1px solid #f8b551;
    color: #f8b551
}

.theme-orange .btn-primary {
    background-color: #f8b551;
    border-color: #f8b551
}

.theme-orange .evaluate-star .star-rating .iconfont {
    color: #ddd
}

.theme-orange .nav-tabs > li > a:hover {
    color: rgba(248, 181, 81, .7)
}

.theme-orange .nav-tabs > li.active a, .theme-orange .nav-tabs > li.active a:focus, .theme-orange .nav-tabs > li.active a:hover {
    color: #f8b551;
    border-bottom: 2px solid #f8b551
}

.theme-orange .table-striped thead th {
    background-color: #f2f2f2
}

.theme-orange .table-striped tbody tr:nth-of-type(2n) {
    background-color: hsla(0, 0%, 100%, .02)
}

.theme-orange .table-striped tbody tr:hover {
    background-color: #f7f7f7
}

.theme-orange .form-control {
    color: #5d5d5d;
    background-color: #fff;
    border-color: #eee
}

.theme-orange .help-block {
    color: #999
}

.theme-orange .header {
    background-color: #f8b551
}

.theme-orange .header .top-menu li a {
    color: #fff
}

.theme-orange .header .top-menu li a.router-link-exact-active, .theme-orange .header .top-menu li a.swzx.router-link-active, .theme-orange .header .top-menu li a:hover {
    border-color: #fff
}

.theme-orange .header .login-area, .theme-orange .header .top-menu li a.router-link-exact-active, .theme-orange .header .top-menu li a.swzx.router-link-active {
    color: #fff
}

.theme-orange .footer {
    background-color: #f8b551
}

.theme-orange .feedback-box, .theme-orange .header-xs {
    background-color: #fff
}

.theme-orange .feedback-box li {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee
}

.theme-orange .feedback-box li .iconfont {
    font-size: 30px;
    color: #f8b551
}

.theme-orange .feedback-box li:hover {
    background-color: #f8b551;
    border-color: #f8b551;
    cursor: pointer
}

.theme-orange .feedback-box li:hover .iconfont, .theme-orange .feedback-box li:hover a > p {
    color: #fff
}

.theme-orange .feedback-box li#wyfk:hover .feedback-child li .iconfont {
    color: #f8b551
}

.theme-orange .feedback-box li#wyfk .feedback-child li a > p {
    color: #666
}

.theme-orange .feedback-box li#wyfk .feedback-child li:hover {
    background-color: #f8b551;
    border-color: #f8b551
}

.theme-orange .feedback-box li#wyfk .feedback-child li:hover .iconfont, .theme-orange .feedback-box li#wyfk .feedback-child li:hover a > p {
    color: #fff
}

.theme-orange .feedback-box li#wyfk .feedback-child li:nth-child(2) {
    border-top: 0
}

.theme-orange .feedback-box .download .ewm {
    border: 1px solid #eee;
    background: #23395c
}

.theme-orange .feedback-box .download .ewm hr {
    border-bottom: 1px solid #eee
}

.theme-orange .feedback-box .pucker-btn {
    border: 1px solid #f8b551;
    background-color: #f8b551
}

.theme-orange .feedback-box .pucker-btn:hover {
    background-color: #f7ab38
}

.theme-orange .breadcrumb li.active {
    color: #f8b551
}

.theme-orange .search-group-index .form-control {
    border-color: #eee
}

.theme-orange .search-group-index .more-service-btn:focus {
    border-color: #f8b551
}

.theme-orange .panel {
    background-color: #fff
}

.theme-orange .panel > .hd .title {
    color: #333
}

.theme-orange .panel > .hd .more {
    color: #999
}

.theme-orange .panel > .hd .more:hover {
    color: #f8b551
}

.theme-orange .pagination .paging li {
    border: 1px solid #eee;
    background-color: #fff
}

.theme-orange .pagination .paging li:not(.disabled):not(.active):hover {
    color: #f8b551
}

.theme-orange .pagination .paging li.active {
    background-color: #f8b551;
    color: #fff
}

.theme-orange .pagination .paging li.disabled {
    color: #eee
}

.theme-orange .pagination input, .theme-orange .pagination select {
    border: 1px solid #eee;
    background-color: #fff
}

.theme-orange .wrapper-index .panel {
    border: 1px solid #eee
}

.theme-orange .more-service-btn:hover {
    background-color: #f8b551
}

.theme-orange #processModal #tab-process1 * {
    color: #333 !important
}

.theme-orange .nav-service li.active a {
    color: #fff;
    background-color: #f8b551
}

.theme-orange .nav-service .service-obj .hover {
    color: #f8b551
}

.theme-orange .nav-service .tab-link .hover {
    background-color: #f8b551
}

.theme-orange .app-select-list .holder .opreat-btn, .theme-orange .app-select-list .item .opreat-btn {
    color: #f8b551
}

.theme-orange .app-select-list .holder .opreat-btn.icon-circle-minus, .theme-orange .app-select-list .item .opreat-btn.icon-circle-minus {
    color: #e80101
}

.theme-orange .swiper-pagination-bullet-active {
    background: #fbd49b !important
}

.theme-orange .new-list a:hover {
    background-color: #f9f8f8
}

.theme-orange .data-info li b {
    font-size: 20px;
    color: #f8b551
}

.theme-orange .panel-service .hd {
    border-bottom: 1px solid #cfcfcf
}

.theme-orange .panel-service ul > li > a {
    border: 1px solid #eee
}

.theme-orange .filter-obj li {
    color: #333
}

.theme-orange .filter-content dd:hover {
    color: #f8b551
}

.theme-orange .filter-content dd.active, .theme-orange .filter-content dd.active:hover {
    color: #fff !important;
    background-color: #f8b551
}

.theme-orange .list-nav {
    border: 1px solid #eee;
    background-color: #fff
}

.theme-orange .list-nav a {
    color: #999
}

.theme-orange .list-area .list-nav a.active, .theme-orange .list-nav a:hover {
    color: #f8b551
}

.theme-orange .service-list .item {
    background-color: #fff;
    border: 1px solid #eee
}

.theme-orange .service-list .no-data {
    background-color: #fff
}

.theme-orange .service-list-card .title {
    border-bottom: 1px solid #eee
}

.theme-orange .service-list .marks a {
    color: #f8b551
}

.theme-orange .service-list-card .marks a:hover {
    color: #fff
}

.theme-orange #processModal .table-responsive .table > tbody > tr > td:first-child, .theme-orange #processModal .table > tbody > tr > td:nth-child(3), .theme-orange .evaluate-area {
    background-color: #fff
}

.theme-orange .evaluate-area .title {
    color: #f8b551
}

.theme-orange .evaluate-area .title-s {
    border-bottom: 2px solid #f8b551
}

.theme-orange .evaluate-area .title-s .inline {
    background-color: #f8b551
}

.theme-orange .evaluate-area .star-rating b, .theme-orange .evaluate-area .third-title li.active a, .theme-orange .evaluate-area .third-title li a:hover {
    color: #f8b551
}

.theme-orange .statistic-analysis .nav-tabs > li.active > a {
    border: 1px solid #f8b551;
    background-color: #f8b551;
    color: #fff
}

.theme-orange .statistic-analysis .nav-tabs > li.active:hover a {
    background-color: #f8b551
}

.theme-orange .statistic-analysis .tab-content .title span {
    color: #333;
    border-bottom: 2px solid #f8b551
}

.theme-orange .statistic-analysis #tab2 .progress .progress-bar {
    background-color: #f8b551
}

.theme-orange .statistic-analysis .formbox table {
    background: #fff
}

.theme-orange .statistic-analysis .count ul li span {
    color: #f8b551
}

.theme-orange .qa-bd {
    background-color: #fff
}

.theme-orange .qa-bd .sidebar {
    background-color: #fafafa
}

.theme-orange .qa-bd .sidebar .active a {
    color: #f8b551;
    border-color: #f8b551
}

.theme-orange .panel-qa .hd, .theme-orange .qa-bd .main {
    border-color: #eee
}

.theme-orange .panel-qa .hd .tt {
    color: #333
}

.theme-orange .panel-qa .bd, .theme-orange .panel-qa .bd li {
    border-color: #eee
}

.theme-orange .qa-info {
    background-color: rgba(248, 181, 81, .05)
}

.theme-orange .qa-bd .side .sidebar li a:hover {
    background-color: #fff
}

.theme-orange .library-area .tab {
    border: 1px solid #f8b551
}

.theme-orange .library-area .tab li.active {
    background-color: #f8b551;
    color: #fff
}

.theme-orange .library-area .tab li {
    color: #f8b551
}

.theme-orange .library-area .tab li + li {
    border-left: 1px solid #f8b551
}

.theme-orange .card {
    background: #fff;
    -webkit-box-shadow: 0 2px 6px -2px rgba(51, 51, 51, .1);
    box-shadow: 0 2px 6px -2px rgba(51, 51, 51, .1)
}

.theme-orange .card > .hd {
    border-bottom: 1px solid #eee
}

.theme-orange .card > .hd .title {
    color: #5d5d5d
}

.theme-orange .card > .hd .title a.active {
    color: #f8b551;
    border-top: 2px solid #f8b551
}

.theme-orange .card > .hd .more, .theme-orange .card > .hd .more i, .theme-orange .card > .hd .title a:hover {
    color: #f8b551
}

.theme-orange .card .pagination .paging li {
    border: 1px solid #eee
}

.theme-orange .card .pagination .paging li:not(.disabled):not(.active):hover {
    color: #f8b551
}

.theme-orange .card .pagination .paging li.active {
    background-color: #f8b551
}

.theme-orange .card .pagination .paging li.disabled {
    color: #eee
}

.theme-orange .card .pagination input, .theme-orange .card .pagination select {
    border: 1px solid #eee;
    background-color: #fff
}

.theme-orange .wrapper-personal .ui-widget-content > .set .iconfont {
    color: #f8b551
}

.theme-orange .wrapper-personal .typeset-btn .btn {
    background-color: #fff
}

.theme-orange .wrapper-personal .typeset-btn .btn .iconfont {
    color: #f8b551
}

.theme-orange .wrapper-personal .typeset-btn .btn:hover {
    background-color: #f8b551
}

.theme-orange .wrapper-personal .typeset-btn .btn:hover .iconfont {
    color: #fff
}

.theme-orange .today-area .rq {
    border: 1px solid #f8b551
}

.theme-orange .today-area .rq .week {
    background-color: #f8b551
}

.theme-orange .notice-small-area .weather-area .block .wea-color, .theme-orange .notice-small-area .weather-area .block span, .theme-orange .notice-small-area .zc-block .number, .theme-orange .profile-area .title .iconfont, .theme-orange .today-area .rq .number {
    color: #f8b551
}

.theme-orange .profile-area .bg .photo img {
    -webkit-box-shadow: 0 5px 10px rgba(51, 51, 51, .1);
    box-shadow: 0 5px 10px rgba(51, 51, 51, .1)
}

.theme-orange .profile-area .info .name {
    color: #333
}

.theme-orange .profile-area .info .opreat a {
    background-color: rgba(248, 181, 81, .12)
}

.theme-orange .profile-area .info .opreat a i {
    color: #f8b551
}

.theme-orange .profile-area .info .item {
    color: #999
}

.theme-orange .profile-area .info .level .progress .progress-bar {
    background-color: #f8b551
}

.theme-orange .profile-area .info .level .tips {
    color: #f8b551
}

.theme-orange .profile-area .other-info ul li .icon-bg {
    background-color: #fef8ee
}

.theme-orange .profile-area .other-info ul li .icon-bg .iconfont, .theme-orange .profile-stu-area .title .iconfont {
    color: #f8b551
}

.theme-orange .profile-stu-area .profile-content .other-info ul li .icon-bg {
    background-color: #fef6e9
}

.theme-orange .profile-stu-area .profile-content .other-info ul li .icon-bg .iconfont {
    color: #f8b551
}

.theme-orange .calendar-area .layui-laydate-content .layui-this {
    background-color: #f8b551 !important
}

.theme-orange .calendar-area .opreat .more a {
    color: #f8b551
}

.theme-orange .calendar-area .layui-laydate, .theme-orange .calendar-area .layui-laydate-content td, .theme-orange .calendar-area .layui-laydate-content th, .theme-orange .calendar-area .layui-laydate-hint, .theme-orange .calendar-area .schedule p {
    color: #333
}

.theme-orange .calendar-area .layui-laydate-content .laydate-day-next, .theme-orange .calendar-area .layui-laydate-content .laydate-day-prev {
    color: #666
}

.theme-orange .calendar-stu-area .layui-laydate-content .layui-this {
    background-color: #f8b551 !important
}

.theme-orange .calendar-stu-area .opreat .more a {
    color: #f8b551
}

.theme-orange .calendar-stu-area .course-schedule-wrap p .title {
    border-left: 4px solid #f8b551
}

.theme-orange .service-area .app-list a {
    color: #5d5d5d
}

.theme-orange .modal-app .block .hd .dot {
    background-color: #f8b551
}

.theme-orange .basic-message span strong, .theme-orange .ykt-area .basic-message span strong {
    color: #f8b551
}

.theme-orange .links-area li a:before {
    background-color: #333
}

.theme-orange .links-area li a:hover {
    color: #f8b551
}

.theme-orange .links-area li a:hover:before {
    background-color: #f8b551
}

.theme-orange .schedule-date {
    border: 1px solid #eee;
    color: #f8b551
}

.theme-orange .schedule-date .iconfont:hover {
    color: #f9bf6a
}

.theme-orange .schedule-date .iconfont:active {
    color: #f6a020
}

.theme-orange .wrapper-transaction .container {
    background-color: #fff
}

.theme-orange .wrapper-transaction .main .hd .tt .iconfont {
    color: #f8b551
}

.theme-orange .wrapper-transaction .search-group .btn {
    color: #d5d5d5
}

.theme-orange .wrapper-transaction .bar {
    background-color: #fafafa;
    border: 1px solid #eee
}

.theme-orange .wrapper-transaction .bar label .icon-time {
    color: #f8b551
}

.theme-orange .wrapper-transaction .bar input {
    border-bottom: 1px solid #e9e9e9
}

.theme-orange .wrapper-transaction .bar input:focus {
    border-color: #f8b551
}

.theme-orange .wrapper-transaction .bar select {
    border-color: #e9e9e9;
    background: #fff
}

.theme-orange .wrapper-transaction .bar select:focus {
    border-color: #f8b551
}

.theme-orange .wrapper-transaction .tab a.active {
    background-color: #f8b551;
    color: #fff
}

.theme-orange .wrapper-transaction table, .theme-orange .wrapper-transaction table tr {
    border-color: #eee
}

.theme-orange .profile-info {
    background: #f8b551 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAO8AAABSCAYAAAC8JIMSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDU2MTMzRURGMTU5MTFFOEFGOEZBRjc3RDdCNUIxQTEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDU2MTMzRUNGMTU5MTFFOEFGOEZBRjc3RDdCNUIxQTEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE2Q0ZGMTI0OTNDQzExRThBMTdBRDQ2NkNCMDE5NzhEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE2Q0ZGMTI1OTNDQzExRThBMTdBRDQ2NkNCMDE5NzhEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+SDOrFQAABs1JREFUeNrs3GtsU2Uc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) no-repeat top
}

.theme-orange .side-nav li > p i {
    color: #f8b551
}

.theme-orange .side-nav li a.router-link-exact-active, .theme-orange .side-nav li a.router-link-exact-active:hover {
    border-color: #f8b551;
    background-color: #fff;
    color: #f8b95b
}

.theme-orange .side-nav li a:hover {
    color: #f8b551;
    border-left: 2px solid #f8b551
}

.theme-orange .side-nav li a .iconfont {
    color: #f8b551
}

.theme-orange .new-my-table .hd .transaction-sp label.active, .theme-orange .new-my-table .hd .transaction-tj label.active {
    background: #f8b551
}

.theme-orange .my-collect .block, .theme-orange .my-service .block {
    border: 1px solid #eee
}

.theme-orange .my-collect .active.active a, .theme-orange .my-collect .active:hover a {
    background-color: #fff
}

.theme-orange .my-collect .active.active a:hover {
    background-color: #fafafa
}

.theme-orange .my-service .bd-edit .block .tt p {
    color: #999
}

.theme-orange .my-service .bd-new .tt {
    color: #333
}

.theme-orange .my-security .security-list li {
    border-bottom: 1px solid #eee
}

.theme-orange .my-security .security-list .dt {
    border-right: 2px solid #eee
}

.theme-orange .my-security .security-list .dd .edit p {
    color: rgba(51, 51, 51, .5)
}

.theme-orange .wrapper-error .container .content h1 {
    color: #333
}

.theme-orange .wrapper-error .container .content .desc {
    color: rgba(51, 51, 51, .45)
}

.theme-orange .wall {
    background-color: #fff
}

.theme-orange .panel-article .hd {
    border-color: #eee
}

.theme-orange .modal > .hd {
    background-color: #f8b551 !important
}

@media (max-width: 768px) {
    .theme-orange .mobile .wrapper-transaction .main, .theme-orange .mobile .wrapper-transaction .side {
        background: #fff
    }
}

.theme-orange .card .hd {
    background-color: #efefef
}

.theme-orange .card .hd .title a.active {
    background-color: #fff;
    border-top: 2px solid #f8b551;
    border-bottom: 0
}

.theme-orange #CalendarTeacher .card .hd, .theme-orange #Links .card .hd {
    background-color: #fff;
    padding-left: 20px
}

.theme-orange .notice-small-area .bd, .theme-orange .notice-small-area .today-area {
    background-color: #fff
}

.theme-orange .calendar-area .course-schedule-wrap p .title {
    border-left: 4px solid #f8b551;
    color: #333
}

.theme-orange .calendar-area .date .days li .active {
    background-color: #f8b551
}

.theme-orange .calendar-area .hd, .theme-orange .calendar-stu-area .hd, .theme-orange .schedule-stu-area .hd {
    background-color: #fff !important
}

.theme-red {
    background-color: #f2f6f9;
    color: #5d5d5d /*!*-- 翻页 --*!
  .pagination a,
  .pagination li span {
    background-color: $panel-bg;
    border: 1px solid $bd-color;
  }
  .pagination > li > span:focus {
    color: $theme-color;
  }
  .pagination > .active > span:focus {
    background-color: $theme-color !important;
    border-color: $theme-color !important;
  }*/
}

.theme-red .wrapper.bg {
    background: #fff url(file:///E|/%E9%A1%B9%E7%9B%AE/%E6%B2%B3%E5%8C%97%E7%BB%8F%E8%B4%B8%E5%A4%A7%E5%AD%A6%E5%90%8E%E5%8F%B0/static/img/bg.53794998.jpg) no-repeat top
}

.theme-red .fn-info {
    color: #b51a1f
}

.theme-red .fn-link {
    color: #333
}

.theme-red .more-service-btn {
    background-color: #fff
}

.theme-red .more-service-btn:hover {
    color: #fff
}

.theme-red .icon-checkbox.icon-gou {
    border: 1px solid #b51a1f;
    color: #b51a1f
}

.theme-red .btn-primary {
    background-color: #b51a1f;
    border-color: #b51a1f
}

.theme-red .evaluate-star .star-rating .iconfont {
    color: #ddd
}

.theme-red .nav-tabs > li > a:hover {
    color: rgba(181, 26, 31, .7)
}

.theme-red .nav-tabs > li.active a, .theme-red .nav-tabs > li.active a:focus, .theme-red .nav-tabs > li.active a:hover {
    color: #b51a1f;
    border-bottom: 2px solid #b51a1f
}

.theme-red .table-striped thead th {
    background-color: #f2f2f2
}

.theme-red .table-striped tbody tr:nth-of-type(2n) {
    background-color: hsla(0, 0%, 100%, .02)
}

.theme-red .table-striped tbody tr:hover {
    background-color: #f7f7f7
}

.theme-red .form-control {
    color: #5d5d5d;
    background-color: #fff;
    border-color: #eee
}

.theme-red .help-block {
    color: #999
}

.theme-red .header {
    background-color: #b51a1f
}

.theme-red .header .top-menu li a {
    color: #fff
}

.theme-red .header .top-menu li a.router-link-exact-active, .theme-red .header .top-menu li a.swzx.router-link-active, .theme-red .header .top-menu li a:hover {
    border-color: #fff
}

.theme-red .header .top-menu li a.router-link-exact-active, .theme-red .header .top-menu li a.swzx.router-link-active {
    background-color: #e3393e;
    color: #fff
}

.theme-red .header .login-area {
    color: #fff
}

.theme-red .footer {
    background-color: #b51a1f
}

.theme-red .feedback-box, .theme-red .header-xs {
    background-color: #fff
}

.theme-red .feedback-box li {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee
}

.theme-red .feedback-box li .iconfont {
    font-size: 30px;
    color: #b51a1f
}

.theme-red .feedback-box li:hover {
    background-color: #b51a1f;
    border-color: #b51a1f;
    cursor: pointer
}

.theme-red .feedback-box li:hover .iconfont, .theme-red .feedback-box li:hover a > p {
    color: #fff
}

.theme-red .feedback-box li#wyfk:hover .feedback-child li .iconfont {
    color: #b51a1f
}

.theme-red .feedback-box li#wyfk .feedback-child li a > p {
    color: #666
}

.theme-red .feedback-box li#wyfk .feedback-child li:hover {
    background-color: #b51a1f;
    border-color: #b51a1f
}

.theme-red .feedback-box li#wyfk .feedback-child li:hover .iconfont, .theme-red .feedback-box li#wyfk .feedback-child li:hover a > p {
    color: #fff
}

.theme-red .feedback-box li#wyfk .feedback-child li:nth-child(2) {
    border-top: 0
}

.theme-red .feedback-box .download .ewm {
    border: 1px solid #eee;
    background: #23395c
}

.theme-red .feedback-box .download .ewm hr {
    border-bottom: 1px solid #eee
}

.theme-red .feedback-box .pucker-btn {
    border: 1px solid #b51a1f;
    background-color: #b51a1f
}

.theme-red .feedback-box .pucker-btn:hover {
    background-color: #9f171b
}

.theme-red .breadcrumb li.active {
    color: #b51a1f
}

.theme-red .search-group-index .form-control {
    border-color: #eee
}

.theme-red .search-group-index .more-service-btn:focus {
    border-color: #b51a1f
}

.theme-red .panel {
    background-color: #fff
}

.theme-red .panel > .hd .title {
    color: #333
}

.theme-red .panel > .hd .more {
    color: #999
}

.theme-red .panel > .hd .more:hover {
    color: #b51a1f
}

.theme-red .pagination .paging li {
    border: 1px solid #eee;
    background-color: #fff
}

.theme-red .pagination .paging li:not(.disabled):not(.active):hover {
    color: #b51a1f
}

.theme-red .pagination .paging li.active {
    background-color: #b51a1f;
    color: #fff
}

.theme-red .pagination .paging li.disabled {
    color: #eee
}

.theme-red .pagination input, .theme-red .pagination select {
    border: 1px solid #eee;
    background-color: #fff
}

.theme-red .modal > .hd {
    background-color: #b51a1f !important
}

.theme-red .wrapper-index .panel {
    border: 1px solid #eee
}

.theme-red .more-service-btn:hover {
    background-color: #b51a1f
}

.theme-red #processModal #tab-process1 * {
    color: #333 !important
}

.theme-red .nav-service li.active a {
    color: #fff;
    background-color: #b51a1f
}

.theme-red .nav-service .service-obj .hover {
    color: #b51a1f
}

.theme-red .nav-service .tab-link .hover {
    background-color: #b51a1f
}

.theme-red .app-select-list .holder .opreat-btn, .theme-red .app-select-list .item .opreat-btn {
    color: #b51a1f
}

.theme-red .app-select-list .holder .opreat-btn.icon-circle-minus, .theme-red .app-select-list .item .opreat-btn.icon-circle-minus {
    color: #e80101
}

.theme-red .swiper-pagination-bullet-active {
    background: #e3393e !important
}

.theme-red .new-list a:hover {
    background-color: #f9f8f8
}

.theme-red .data-info li b {
    font-size: 20px;
    color: #b51a1f
}

.theme-red .panel-service .hd {
    border-bottom: 1px solid #cfcfcf
}

.theme-red .panel-service ul > li > a {
    border: 1px solid #eee
}

.theme-red .filter-obj li {
    color: #333
}

.theme-red .filter-content dd:hover {
    color: #b51a1f
}

.theme-red .filter-content dd.active, .theme-red .filter-content dd.active:hover {
    color: #fff !important;
    background-color: #b51a1f
}

.theme-red .list-nav {
    border: 1px solid #eee;
    background-color: #fff
}

.theme-red .list-nav a {
    color: #999
}

.theme-red .list-area .list-nav a.active, .theme-red .list-nav a:hover {
    color: #b51a1f
}

.theme-red .service-list .item {
    background-color: #fff;
    border: 1px solid #eee
}

.theme-red .service-list .no-data {
    background-color: #fff
}

.theme-red .service-list-card .title {
    border-bottom: 1px solid #eee
}

.theme-red .service-list .marks a {
    color: #b51a1f
}

.theme-red .service-list-card .marks a:hover {
    color: #fff
}

.theme-red #processModal .table-responsive .table > tbody > tr > td:first-child, .theme-red #processModal .table > tbody > tr > td:nth-child(3), .theme-red .evaluate-area {
    background-color: #fff
}

.theme-red .evaluate-area .title {
    color: #b51a1f
}

.theme-red .evaluate-area .title-s {
    border-bottom: 2px solid #b51a1f
}

.theme-red .evaluate-area .title-s .inline {
    background-color: #b51a1f
}

.theme-red .evaluate-area .star-rating b, .theme-red .evaluate-area .third-title li.active a, .theme-red .evaluate-area .third-title li a:hover {
    color: #b51a1f
}

.theme-red .statistic-analysis .nav-tabs > li.active > a {
    border: 1px solid #b51a1f;
    background-color: #b51a1f;
    color: #fff
}

.theme-red .statistic-analysis .nav-tabs > li.active:hover a {
    background-color: #b51a1f
}

.theme-red .statistic-analysis .tab-content .title span {
    color: #333;
    border-bottom: 2px solid #b51a1f
}

.theme-red .statistic-analysis #tab2 .progress .progress-bar {
    background-color: #b51a1f
}

.theme-red .statistic-analysis .formbox table {
    background: #fff
}

.theme-red .statistic-analysis .count ul li span {
    color: #b51a1f
}

.theme-red .qa-bd {
    background-color: #fff
}

.theme-red .qa-bd .sidebar {
    background-color: #fafafa
}

.theme-red .qa-bd .sidebar .active a {
    color: #b51a1f;
    border-color: #b51a1f
}

.theme-red .panel-qa .hd, .theme-red .qa-bd .main {
    border-color: #eee
}

.theme-red .panel-qa .hd .tt {
    color: #333
}

.theme-red .panel-qa .bd, .theme-red .panel-qa .bd li {
    border-color: #eee
}

.theme-red .qa-info {
    background-color: rgba(181, 26, 31, .05)
}

.theme-red .qa-bd .side .sidebar li a:hover {
    background-color: #fff
}

.theme-red .library-area .tab {
    border: 1px solid #b51a1f
}

.theme-red .library-area .tab li.active {
    background-color: #b51a1f;
    color: #fff
}

.theme-red .library-area .tab li {
    color: #b51a1f
}

.theme-red .library-area .tab li + li {
    border-left: 1px solid #b51a1f
}

.theme-red .schoollist-area .hd {
    border-bottom: 1px solid #eee
}

.theme-red .schoollist-area .hd .title {
    color: #666
}

.theme-red .schoollist-area .hd .title a.active {
    color: #b51a1f;
    font-weight: 700
}

.theme-red .schoollist-area .hd .more, .theme-red .schoollist-area .hd .title a:hover {
    color: #b51a1f
}

.theme-red .card {
    background: #fff;
    -webkit-box-shadow: 0 2px 6px -2px rgba(51, 51, 51, .1);
    box-shadow: 0 2px 6px -2px rgba(51, 51, 51, .1)
}

.theme-red .card > .hd {
    border-bottom: 1px solid #eee
}

.theme-red .card > .hd .title {
    color: #5d5d5d
}

.theme-red .card > .hd .title a.active {
    color: #b51a1f;
    border-top: 2px solid #b51a1f
}

.theme-red .card > .hd .more i, .theme-red .card > .hd .title a:hover {
    color: #b51a1f
}

.theme-red .card .pagination .paging li {
    border: 1px solid #eee
}

.theme-red .card .pagination .paging li:not(.disabled):not(.active):hover {
    color: #b51a1f
}

.theme-red .card .pagination .paging li.active {
    background-color: #b51a1f
}

.theme-red .card .pagination .paging li.disabled {
    color: #eee
}

.theme-red .card .pagination input, .theme-red .card .pagination select {
    border: 1px solid #eee;
    background-color: #fff
}

.theme-red .wrapper-personal .ui-widget-content > .set .iconfont {
    color: #b51a1f
}

.theme-red .wrapper-personal .typeset-btn .btn {
    background-color: #fff
}

.theme-red .wrapper-personal .typeset-btn .btn .iconfont {
    color: #b51a1f
}

.theme-red .wrapper-personal .typeset-btn .btn:hover {
    background-color: #b51a1f
}

.theme-red .wrapper-personal .typeset-btn .btn:hover .iconfont {
    color: #fff
}

.theme-red .today-area .rq {
    border: 1px solid #b51a1f
}

.theme-red .today-area .rq .week {
    background-color: #b51a1f
}

.theme-red .notice-small-area .bd .fn-fr strong, .theme-red .notice-small-area .zc-block .number, .theme-red .today-area .rq .number {
    color: #b51a1f
}

.theme-red .profile-area .other-info ul li .icon-bg {
    background-color: #fcebec
}

.theme-red .profile-area .other-info ul li .icon-bg .iconfont, .theme-red .profile-stu-area .title .iconfont {
    color: #b51a1f
}

.theme-red .profile-stu-area .profile-content .other-info ul li .icon-bg {
    background-color: #fcebec
}

.theme-red .notice-small-area .weather-area .block .wea-color, .theme-red .notice-small-area .weather-area .block span, .theme-red .profile-area .title .iconfont, .theme-red .profile-stu-area .profile-content .other-info ul li .icon-bg .iconfont {
    color: #b51a1f
}

.theme-red .profile-area .bg .photo img {
    -webkit-box-shadow: 0 5px 10px rgba(51, 51, 51, .1);
    box-shadow: 0 5px 10px rgba(51, 51, 51, .1)
}

.theme-red .profile-area .info .name {
    color: #333
}

.theme-red .profile-area .info .opreat a {
    background-color: rgba(181, 26, 31, .12)
}

.theme-red .profile-area .info .opreat a i {
    color: #b51a1f
}

.theme-red .profile-area .info .item {
    color: #999
}

.theme-red .profile-area .info .level .progress .progress-bar {
    background-color: #b51a1f
}

.theme-red .profile-area .info .level .tips {
    color: #b51a1f
}

.theme-red .calendar-area .layui-laydate-content .layui-this {
    background-color: #b51a1f !important
}

.theme-red .calendar-area .opreat .more a {
    color: #b51a1f
}

.theme-red .calendar-area .layui-laydate, .theme-red .calendar-area .layui-laydate-content td, .theme-red .calendar-area .layui-laydate-content th, .theme-red .calendar-area .layui-laydate-hint, .theme-red .calendar-area .schedule p {
    color: #333
}

.theme-red .calendar-area .layui-laydate-content .laydate-day-next, .theme-red .calendar-area .layui-laydate-content .laydate-day-prev {
    color: #666
}

.theme-red .calendar-stu-area .layui-laydate-content .layui-this {
    background-color: #b51a1f !important
}

.theme-red .calendar-stu-area .opreat .more a {
    color: #b51a1f
}

.theme-red .calendar-stu-area .course-schedule-wrap p .title {
    border-left: 4px solid #b51a1f
}

.theme-red .service-area .app-list a {
    color: #5d5d5d
}

.theme-red .modal-app .block .hd .dot {
    background-color: #b51a1f
}

.theme-red .basic-message span strong, .theme-red .ykt-area .basic-message span strong {
    color: #b51a1f
}

.theme-red .links-area li a:before {
    background-color: #333
}

.theme-red .links-area li a:hover {
    color: #b51a1f
}

.theme-red .links-area li a:hover:before {
    background-color: #b51a1f
}

.theme-red .schedule-date {
    border: 1px solid #eee;
    color: #b51a1f
}

.theme-red .schedule-date .iconfont:hover {
    color: #cb1d23
}

.theme-red .schedule-date .iconfont:active {
    color: #881417
}

.theme-red .wrapper-transaction .container {
    background-color: #fff
}

.theme-red .wrapper-transaction .main .hd .tt .iconfont {
    color: #b51a1f
}

.theme-red .wrapper-transaction .search-group .btn {
    color: #d5d5d5
}

.theme-red .wrapper-transaction .bar {
    background-color: #fafafa;
    border: 1px solid #eee
}

.theme-red .wrapper-transaction .bar label .icon-time {
    color: #b51a1f
}

.theme-red .wrapper-transaction .bar input {
    border-bottom: 1px solid #e9e9e9
}

.theme-red .wrapper-transaction .bar input:focus {
    border-color: #b51a1f
}

.theme-red .wrapper-transaction .bar select {
    border-color: #e9e9e9;
    background: #fff
}

.theme-red .wrapper-transaction .bar select:focus {
    border-color: #b51a1f
}

.theme-red .wrapper-transaction .tab a.active {
    background-color: #b51a1f;
    color: #fff
}

.theme-red .wrapper-transaction table, .theme-red .wrapper-transaction table tr {
    border-color: #eee
}

.theme-red .profile-info {
    background: #b51a1f url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAO8AAABSCAYAAAC8JIMSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDU2MTMzRURGMTU5MTFFOEFGOEZBRjc3RDdCNUIxQTEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDU2MTMzRUNGMTU5MTFFOEFGOEZBRjc3RDdCNUIxQTEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE2Q0ZGMTI0OTNDQzExRThBMTdBRDQ2NkNCMDE5NzhEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE2Q0ZGMTI1OTNDQzExRThBMTdBRDQ2NkNCMDE5NzhEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+SDOrFQAABs1JREFUeNrs3GtsU2Ucx/Fza89pu3bduo51N8YGjE1BEDEEhUQuhniJYjSiRo0mRF8YSIxgogZBE4m8kBdC1DeaaILRaUwQiDciIgjJdJgBAZGNjY11W69br+f2PJ5DGFnqkM3Rrd1+n2TZ1l2anO6b//Oc05WllD7BAEDe4XAIABAvACBeAEC8AIgXABAvACBeAMQLAIgXABAvACBeAMQLAIgXABAvAOIFAMQLAIgXABAvAOIFAMQLAIgXAPECAOIFAMQLAIgXAPECAOIFAMQLgHgBAPECAOIFQLwAgHgBAPECAOIFQLwAgHgBAPECIF4AQLwAgHgBAPECIF4AQLwAgHgBEC8AIF4AQLwAgHgBEC8ATFa8v7WrJ2SNxnAoAPKDRph0S5fWzHo3B/kCkWWaNrhqby3n60WBdeLwAOQeShm9O0oubvwy3nqsTdVYatxiKt0S4h1Wlv3sOWf14mqhwWZhXThcALnRbX+MdH/4a7p19+FUwryhf6dHvxbvEDNiK88wnzzjrFxWZ2k0gnbj2AFMjlCC9O5tllvfPpiMDkU79LV/xTs8YvP9x087y1fMsTS4JNaDQwkwMSJJ2t/UIre+sS8Rzoz2hvFmRrz9AUfxuoXWhhlOzseyOEsNkI3lcTBO+ppalNNv7r9+tKOONzPiRxeJtk0rbfV1Xr5G4BgrjjfAOIulDPEPkp5PT6RPv3coNXijaMccb2bIVUUcv/vxgtrbKoXZdivOUAOMlUYYpT2od+46lPrr65NycrTRjivezGm8Z32Bb2W9ZZ7HwZWYvxMPC8D1pVQab72sX9j4Rbz9YkjXxhLsTYs3I2L2xeWS8/llUmNVEe/jOcaChwng2tKYBhMkcPSCev6lL+J+VWfo/432psabEbIw28vzOx9xzFpQIcxySbjUBNOXotF0W5Bcev/n1PmvTsops+PxRpu1eIdHbL7fcq+96LHbrfWV7ivTWMDDCdNhyoaTJHi8XWvb1BTvjqWpGax2s+8na/Fmhlw/g+ffechRM9+Yxm7blWmMvTFMKQmFxtsCetcHR9Ltw05Aadm6vwmJN3MaP7lEdGy4W6qrK+GrJQtrw8MO+crYuypdEb3n4Gml7a2DyXC2g520eDNDtvAMs+Nhx4x75lprywu5MiyrIR/ohNEDcRI4cVFrf/WbeE8kmZ1lcc7GmzmN67w8v+1+e+WiKmFmSQHn5fAsLsitYLW+GAn82aVd2nYgebkjpOsTOWVzMt6RQjb2xcLra+1VCyr4mcUOzoOQYTJohFF7B0ngj06tY/uBhL87SshkB5uz8Y4U8tJZFuvmNbaqRh9fXWznPCyLE12QPealHb8RbHOndmnrt0l/ME5oLgWbF/GOFPKSmYLl5VX2ylvK+UpvAVeCPTKMl3lZJybTgc6Q3vfTObVrx/fJSK7GmpfxjhRymYvjtt5nL1tSI1T7XJzXKrAS/hRhtNO1P05DZ/1az0dH0/4jf6tyvgSb1/GOFLN51vq1tXbPqnprVYWbKy0QWReW1zB87xpJkkhHiBjTVfHvOpQaGPpavgU7peIdaSqvmGMRN9wllTX6hPJSJ+sRBVxLnk7Ma6/RFIl2hUng+EW1790fUuG0Smm+xzql4x0pZNMLyyXng/PF8toSrqzIzhVjrzy1GGEmwkk60BHSA4fPq317fkkNqHr+T9ZpG+/1Yi6ys+wrq+2exdVCaWUR5zViLjSW3SISyJ+pOpgmg4EYjZzxa4HPf5eDQ3vWqR7rtI33RpN59TxraW0JX1pSwBbZLKwDmUw+RaNyTKZmqANtQT3041kltLdZTkzHUBHvKGM298zPLpW8c7y81+tk3S6JcxnTGS/5k71I0wmFSUSSJNY7SAbO9erR/aeU6NE2VUGoiHfcQa+/Q3SsbbR6ajx8kTGdC10S67z6TxU4qz0K5vVURafpuEyNSGm8P0aipy7rkX2t8kBzp6YiUsQ7oUHPLeWFp+6U3I0+vtBXyBW6bazTKbF2SWDt0/EVNo39qJxWaTqlUnkwTROhBI11hfX4qR4t1tSixIaerYRIEW/ORm2eFFu3UHQsrBScFW7OUerkzKgdDitrkyyMaOFZMY+er02NKFVjaiqKxshGmEpKuRJnciBFU51hPXHGrye+O6MkjSUvGf6DCBTxTqmwh6xpsEqLqgTbbC9vNya2aMQtGXGLNisjigJrMd+MwHmeYzhjv218zPLmE0+MNTpn3Mb/V2waYbSrS1VCKCVXp6KmE/NzRld1qhrfo5v/2mbEqJqfJ2RGiaWpHE0RJRincndUly8EdOVYm6YMXSNFmIgXxhh6tiHE/PSPAAMAgc5R4yj4SxQAAAAASUVORK5CYII=) no-repeat top
}

.theme-red .side-nav li > p i {
    color: #b51a1f
}

.theme-red .side-nav li a.router-link-exact-active, .theme-red .side-nav li a.router-link-exact-active:hover {
    border-color: #b51a1f;
    background-color: #fff;
    color: #be1b21
}

.theme-red .side-nav li a:hover {
    color: #b51a1f;
    border-left: 2px solid #b51a1f
}

.theme-red .side-nav li a .iconfont {
    color: #b51a1f
}

.theme-red .new-my-table .hd .transaction-sp label.active, .theme-red .new-my-table .hd .transaction-tj label.active {
    background: #b51a1f
}

.theme-red .my-collect .block, .theme-red .my-service .block {
    border: 1px solid #eee
}

.theme-red .my-collect .active.active a, .theme-red .my-collect .active:hover a {
    background-color: #fff
}

.theme-red .my-collect .active.active a:hover {
    background-color: #fafafa
}

.theme-red .my-service .bd-edit .block .tt p {
    color: #999
}

.theme-red .my-service .bd-new .tt {
    color: #333
}

.theme-red .my-security .security-list li {
    border-bottom: 1px solid #eee
}

.theme-red .my-security .security-list .dt {
    border-right: 2px solid #eee
}

.theme-red .my-security .security-list .dd .edit p {
    color: rgba(51, 51, 51, .5)
}

.theme-red .wrapper-error .container .content h1 {
    color: #333
}

.theme-red .wrapper-error .container .content .desc {
    color: rgba(51, 51, 51, .45)
}

.theme-red .wall {
    background-color: #fff
}

.theme-red .panel-article .hd {
    border-color: #eee
}

@media (max-width: 768px) {
    .theme-red .mobile .wrapper-transaction .main, .theme-red .mobile .wrapper-transaction .side {
        background: #fff
    }
}

.theme-red .ykt-detail .xfqs-title .active {
    background-color: #b51a1f
}

.theme-red .user-info.active {
    background-color: #e3393e
}

.theme-red .wrapper-notice-more .panel-article .hd .tt {
    border-left: 3px solid #b51a1f
}

.theme-red .scientfic-detail .hd .basic-message > span .iconfont {
    color: #b51a1f
}

.theme-red .scientfic-detail .table-area .hd .fn-fl .active {
    color: #b51a1f;
    border-bottom: 2px solid #b51a1f
}

.theme-red .card > .hd .more {
    color: #b51a1f
}

.theme-red .wrapper-personal .card .hd {
    background-color: #efefef
}

.theme-red .wrapper-personal .card .hd .title a.active {
    background-color: #fff;
    border-top: 2px solid #b51a1f;
    border-bottom: 0
}

.theme-red #CalendarTeacher .card .hd, .theme-red #Links .card .hd {
    background-color: #fff;
    padding-left: 20px
}

.theme-red .notice-small-area .bd, .theme-red .notice-small-area .today-area {
    background-color: #fff
}

.theme-red .calendar-area .course-schedule-wrap p .title {
    border-left: 4px solid #b51a1f;
    color: #333
}

.theme-red .calendar-area .date .days li .active {
    background-color: #b51a1f
}

.theme-red .calendar-area .hd, .theme-red .calendar-stu-area .hd, .theme-red .schedule-stu-area .hd {
    background-color: #fff !important
}

.theme-lred {
    background-color: #e4e3e3;
    color: #5d5d5d
}

.theme-lred .wrapper.bg {
    background: #fff url(file:///E|/%E9%A1%B9%E7%9B%AE/%E6%B2%B3%E5%8C%97%E7%BB%8F%E8%B4%B8%E5%A4%A7%E5%AD%A6%E5%90%8E%E5%8F%B0/static/img/bg.53794998.jpg) no-repeat top
}

.theme-lred .fn-info {
    color: #ff8181
}

.theme-lred .fn-link {
    color: #333
}

.theme-lred .more-service-btn {
    background-color: #fff
}

.theme-lred .more-service-btn:hover {
    color: #fff
}

.theme-lred .icon-checkbox.icon-gou {
    border: 1px solid #ff8181;
    color: #ff8181
}

.theme-lred .btn-primary {
    background-color: #ff8181;
    border-color: #ff8181
}

.theme-lred .evaluate-star .star-rating .iconfont {
    color: #ddd
}

.theme-lred .nav-tabs > li > a:hover {
    color: rgba(255, 129, 129, .7)
}

.theme-lred .nav-tabs > li.active a, .theme-lred .nav-tabs > li.active a:focus, .theme-lred .nav-tabs > li.active a:hover {
    color: #ff8181;
    border-bottom: 2px solid #ff8181
}

.theme-lred .table-striped thead th {
    background-color: #f2f2f2
}

.theme-lred .table-striped tbody tr:nth-of-type(2n) {
    background-color: hsla(0, 0%, 100%, .02)
}

.theme-lred .table-striped tbody tr:hover {
    background-color: #f7f7f7
}

.theme-lred .form-control {
    color: #5d5d5d;
    background-color: #fff;
    border-color: #eee
}

.theme-lred .help-block {
    color: #999
}

.theme-lred .header {
    background-color: #ff8181
}

.theme-lred .header .top-menu li a {
    color: #fff
}

.theme-lred .header .top-menu li a.router-link-exact-active, .theme-lred .header .top-menu li a.swzx.router-link-active, .theme-lred .header .top-menu li a:hover {
    border-color: #fff
}

.theme-lred .header .top-menu li a.router-link-exact-active, .theme-lred .header .top-menu li a.swzx.router-link-active {
    background-color: #faa;
    color: #fff
}

.theme-lred .header .login-area {
    color: #fff
}

.theme-lred .footer {
    background-color: #ff8181
}

.theme-lred .feedback-box, .theme-lred .header-xs {
    background-color: #fff
}

.theme-lred .feedback-box li {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee
}

.theme-lred .feedback-box li .iconfont {
    font-size: 30px;
    color: #ff8181
}

.theme-lred .feedback-box li:hover {
    background-color: #ff8181;
    border-color: #ff8181;
    cursor: pointer
}

.theme-lred .feedback-box li:hover .iconfont, .theme-lred .feedback-box li:hover a > p {
    color: #fff
}

.theme-lred .feedback-box li#wyfk:hover .feedback-child li .iconfont {
    color: #ff8181
}

.theme-lred .feedback-box li#wyfk .feedback-child li a > p {
    color: #666
}

.theme-lred .feedback-box li#wyfk .feedback-child li:hover {
    background-color: #ff8181;
    border-color: #ff8181
}

.theme-lred .feedback-box li#wyfk .feedback-child li:hover .iconfont, .theme-lred .feedback-box li#wyfk .feedback-child li:hover a > p {
    color: #fff
}

.theme-lred .feedback-box li#wyfk .feedback-child li:nth-child(2) {
    border-top: 0
}

.theme-lred .feedback-box .download .ewm {
    border: 1px solid #eee;
    background: #23395c
}

.theme-lred .feedback-box .download .ewm hr {
    border-bottom: 1px solid #eee
}

.theme-lred .feedback-box .pucker-btn {
    border: 1px solid #ff8181;
    background-color: #ff8181
}

.theme-lred .feedback-box .pucker-btn:hover {
    background-color: #ff6868
}

.theme-lred .breadcrumb li.active {
    color: #ff8181
}

.theme-lred .search-group-index .form-control {
    border-color: #eee
}

.theme-lred .search-group-index .more-service-btn:focus {
    border-color: #ff8181
}

.theme-lred .panel {
    background-color: #fff
}

.theme-lred .panel > .hd .title {
    color: #333
}

.theme-lred .panel > .hd .more {
    color: #999
}

.theme-lred .panel > .hd .more:hover {
    color: #ff8181
}

.theme-lred .pagination .paging li {
    border: 1px solid #eee;
    background-color: #fff
}

.theme-lred .pagination .paging li:not(.disabled):not(.active):hover {
    color: #ff8181
}

.theme-lred .pagination .paging li.active {
    background-color: #ff8181;
    color: #fff
}

.theme-lred .pagination .paging li.disabled {
    color: #eee
}

.theme-lred .pagination input, .theme-lred .pagination select {
    border: 1px solid #eee;
    background-color: #fff
}

.theme-lred .modal > .hd {
    background-color: #ff8181 !important
}

.theme-lred .wrapper-index .panel {
    border: 1px solid #eee
}

.theme-lred .more-service-btn:hover {
    background-color: #ff8181
}

.theme-lred #processModal #tab-process1 * {
    color: #333 !important
}

.theme-lred .nav-service li.active a {
    color: #fff;
    background-color: #ff8181
}

.theme-lred .nav-service .service-obj .hover {
    color: #ff8181
}

.theme-lred .nav-service .tab-link .hover {
    background-color: #ff8181
}

.theme-lred .app-select-list .holder .opreat-btn, .theme-lred .app-select-list .item .opreat-btn {
    color: #ff8181
}

.theme-lred .app-select-list .holder .opreat-btn.icon-circle-minus, .theme-lred .app-select-list .item .opreat-btn.icon-circle-minus {
    color: #e80101
}

.theme-lred .swiper-pagination-bullet-active {
    background: #ffcece !important
}

.theme-lred .new-list a:hover {
    background-color: #f9f8f8
}

.theme-lred .data-info li b {
    font-size: 20px;
    color: #ff8181
}

.theme-lred .panel-service .hd {
    border-bottom: 1px solid #cfcfcf
}

.theme-lred .panel-service ul > li > a {
    border: 1px solid #eee
}

.theme-lred .filter-obj li {
    color: #333
}

.theme-lred .filter-content dd:hover {
    color: #ff8181
}

.theme-lred .filter-content dd.active, .theme-lred .filter-content dd.active:hover {
    color: #fff !important;
    background-color: #ff8181
}

.theme-lred .list-nav {
    border: 1px solid #eee;
    background-color: #fff
}

.theme-lred .list-nav a {
    color: #999
}

.theme-lred .list-area .list-nav a.active, .theme-lred .list-nav a:hover {
    color: #ff8181
}

.theme-lred .service-list .item {
    background-color: #fff;
    border: 1px solid #eee
}

.theme-lred .service-list .no-data {
    background-color: #fff
}

.theme-lred .service-list-card .title {
    border-bottom: 1px solid #eee
}

.theme-lred .service-list .marks a {
    color: #ff8181
}

.theme-lred .service-list-card .marks a:hover {
    color: #fff
}

.theme-lred #processModal .table-responsive .table > tbody > tr > td:first-child, .theme-lred #processModal .table > tbody > tr > td:nth-child(3), .theme-lred .evaluate-area {
    background-color: #fff
}

.theme-lred .evaluate-area .title {
    color: #ff8181
}

.theme-lred .evaluate-area .title-s {
    border-bottom: 2px solid #ff8181
}

.theme-lred .evaluate-area .title-s .inline {
    background-color: #ff8181
}

.theme-lred .evaluate-area .star-rating b, .theme-lred .evaluate-area .third-title li.active a, .theme-lred .evaluate-area .third-title li a:hover {
    color: #ff8181
}

.theme-lred .statistic-analysis .nav-tabs > li.active > a {
    border: 1px solid #ff8181;
    background-color: #ff8181;
    color: #fff
}

.theme-lred .statistic-analysis .nav-tabs > li.active:hover a {
    background-color: #ff8181
}

.theme-lred .statistic-analysis .tab-content .title span {
    color: #333;
    border-bottom: 2px solid #ff8181
}

.theme-lred .statistic-analysis #tab2 .progress .progress-bar {
    background-color: #ff8181
}

.theme-lred .statistic-analysis .formbox table {
    background: #fff
}

.theme-lred .statistic-analysis .count ul li span {
    color: #ff8181
}

.theme-lred .qa-bd {
    background-color: #fff
}

.theme-lred .qa-bd .sidebar {
    background-color: #fafafa
}

.theme-lred .qa-bd .sidebar .active a {
    color: #ff8181;
    border-color: #ff8181
}

.theme-lred .panel-qa .hd, .theme-lred .qa-bd .main {
    border-color: #eee
}

.theme-lred .panel-qa .hd .tt {
    color: #333
}

.theme-lred .panel-qa .bd, .theme-lred .panel-qa .bd li {
    border-color: #eee
}

.theme-lred .qa-info {
    background-color: rgba(255, 129, 129, .05)
}

.theme-lred .qa-bd .side .sidebar li a:hover {
    background-color: #fff
}

.theme-lred .schoollist-area .hd {
    border-bottom: 1px solid #eee
}

.theme-lred .schoollist-area .hd .title {
    color: #666
}

.theme-lred .schoollist-area .hd .title a.active {
    color: #ff8181;
    font-weight: 700
}

.theme-lred .schoollist-area .hd .more, .theme-lred .schoollist-area .hd .title a:hover {
    color: #ff8181
}

.theme-lred .card {
    background: #fff;
    -webkit-box-shadow: 0 2px 6px -2px rgba(51, 51, 51, .1);
    box-shadow: 0 2px 6px -2px rgba(51, 51, 51, .1)
}

.theme-lred .card > .hd {
    border-bottom: 1px solid #eee
}

.theme-lred .card > .hd .title {
    color: #5d5d5d
}

.theme-lred .card > .hd .more i, .theme-lred .card > .hd .title a.active, .theme-lred .card > .hd .title a:hover {
    color: #ff8181
}

.theme-lred .card .pagination .paging li {
    border: 1px solid #eee
}

.theme-lred .card .pagination .paging li:not(.disabled):not(.active):hover {
    color: #ff8181
}

.theme-lred .card .pagination .paging li.active {
    background-color: #ff8181
}

.theme-lred .card .pagination .paging li.disabled {
    color: #eee
}

.theme-lred .card .pagination input, .theme-lred .card .pagination select {
    border: 1px solid #eee;
    background-color: #fff
}

.theme-lred .wrapper-personal .ui-widget-content > .set .iconfont {
    color: #ff8181
}

.theme-lred .wrapper-personal .typeset-btn .btn {
    background-color: #fff
}

.theme-lred .wrapper-personal .typeset-btn .btn .iconfont {
    color: #ff8181
}

.theme-lred .wrapper-personal .typeset-btn .btn:hover {
    background-color: #ff8181
}

.theme-lred .wrapper-personal .typeset-btn .btn:hover .iconfont {
    color: #fff
}

.theme-lred .today-area .rq {
    border: 1px solid #ff8181
}

.theme-lred .today-area .rq .week {
    background-color: #ff8181
}

.theme-lred .today-area .rq .number {
    color: #ff8181
}

.theme-lred .profile-area .other-info ul li .icon-bg {
    background-color: #ffe7e7
}

.theme-lred .card > .hd .more, .theme-lred .profile-area .other-info ul li .icon-bg .iconfont, .theme-lred .profile-area .title .iconfont, .theme-lred .profile-stu-area .title .iconfont {
    color: #ff8181
}

.theme-lred .profile-stu-area .profile-content .other-info ul li .icon-bg {
    background-color: #fff1f1
}

.theme-lred .notice-small-area .bd .fn-fr strong, .theme-lred .notice-small-area .today-area .weather-area .block .wea-color, .theme-lred .notice-small-area .zc-block .number, .theme-lred .profile-stu-area .profile-content .other-info ul li .icon-bg .iconfont {
    color: #ff8181
}

.theme-lred .profile-area .bg .photo img {
    -webkit-box-shadow: 0 5px 10px rgba(51, 51, 51, .1);
    box-shadow: 0 5px 10px rgba(51, 51, 51, .1)
}

.theme-lred .profile-area .info .name {
    color: #333
}

.theme-lred .profile-area .info .opreat a {
    background-color: rgba(255, 129, 129, .12)
}

.theme-lred .profile-area .info .opreat a i {
    color: #ff8181
}

.theme-lred .profile-area .info .item {
    color: #999
}

.theme-lred .profile-area .info .level .progress .progress-bar {
    background-color: #ff8181
}

.theme-lred .profile-area .info .level .tips {
    color: #ff8181
}

.theme-lred .calendar-area .layui-laydate-content .layui-this {
    background-color: #ff8181 !important
}

.theme-lred .calendar-area .opreat .more a {
    color: #ff8181
}

.theme-lred .calendar-area .layui-laydate, .theme-lred .calendar-area .layui-laydate-content td, .theme-lred .calendar-area .layui-laydate-content th, .theme-lred .calendar-area .layui-laydate-hint, .theme-lred .calendar-area .schedule p {
    color: #333
}

.theme-lred .calendar-area .layui-laydate-content .laydate-day-next, .theme-lred .calendar-area .layui-laydate-content .laydate-day-prev {
    color: #666
}

.theme-lred .calendar-stu-area .layui-laydate-content .layui-this {
    background-color: #ff8181 !important
}

.theme-lred .calendar-stu-area .opreat .more a {
    color: #ff8181
}

.theme-lred .calendar-stu-area .course-schedule-wrap p .title {
    border-left: 4px solid #ff8181
}

.theme-lred .service-area .app-list a {
    color: #5d5d5d
}

.theme-lred .modal-app .block .hd .dot {
    background-color: #ff8181
}

.theme-lred .basic-message span strong, .theme-lred .ykt-area .basic-message span strong {
    color: #ff8181
}

.theme-lred .links-area li a:before {
    background-color: #333
}

.theme-lred .links-area li a:hover {
    color: #ff8181
}

.theme-lred .links-area li a:hover:before {
    background-color: #ff8181
}

.theme-lred .schedule-date {
    border: 1px solid #eee;
    color: #ff8181
}

.theme-lred .schedule-date .iconfont:hover {
    color: #ff9b9b
}

.theme-lred .schedule-date .iconfont:active {
    color: #ff4e4e
}

.theme-lred .wrapper-transaction .container {
    background-color: #fff
}

.theme-lred .wrapper-transaction .main .hd .tt .iconfont {
    color: #ff8181
}

.theme-lred .wrapper-transaction .search-group .btn {
    color: #d5d5d5
}

.theme-lred .wrapper-transaction .bar {
    background-color: #fafafa;
    border: 1px solid #eee
}

.theme-lred .wrapper-transaction .bar label .icon-time {
    color: #ff8181
}

.theme-lred .wrapper-transaction .bar input {
    border-bottom: 1px solid #e9e9e9
}

.theme-lred .wrapper-transaction .bar input:focus {
    border-color: #ff8181
}

.theme-lred .wrapper-transaction .bar select {
    border-color: #e9e9e9;
    background: #fff
}

.theme-lred .wrapper-transaction .bar select:focus {
    border-color: #ff8181
}

.theme-lred .wrapper-transaction .tab a.active {
    background-color: #ff8181;
    color: #fff
}

.theme-lred .wrapper-transaction table, .theme-lred .wrapper-transaction table tr {
    border-color: #eee
}

.theme-lred .profile-info {
    background: #ff8181 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAO8AAABSCAYAAAC8JIMSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDU2MTMzRURGMTU5MTFFOEFGOEZBRjc3RDdCNUIxQTEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDU2MTMzRUNGMTU5MTFFOEFGOEZBRjc3RDdCNUIxQTEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE2Q0ZGMTI0OTNDQzExRThBMTdBRDQ2NkNCMDE5NzhEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE2Q0ZGMTI1OTNDQzExRThBMTdBRDQ2NkNCMDE5NzhEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+SDOrFQAABs1JREFUeNrs3GtsU2Uc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) no-repeat top
}

.theme-lred .side-nav li > p i {
    color: #ff8181
}

.theme-lred .side-nav li a.router-link-exact-active, .theme-lred .side-nav li a.router-link-exact-active:hover {
    border-color: #ff8181;
    background-color: #fff;
    color: #ff8b8b
}

.theme-lred .side-nav li a:hover {
    color: #ff8181;
    border-left: 2px solid #ff8181
}

.theme-lred .side-nav li a .iconfont {
    color: #ff8181
}

.theme-lred .new-my-table .hd .transaction-sp label.active, .theme-lred .new-my-table .hd .transaction-tj label.active {
    background: #ff8181
}

.theme-lred .my-collect .block, .theme-lred .my-service .block {
    border: 1px solid #eee
}

.theme-lred .my-collect .active.active a, .theme-lred .my-collect .active:hover a {
    background-color: #fff
}

.theme-lred .my-collect .active.active a:hover {
    background-color: #fafafa
}

.theme-lred .my-service .bd-edit .block .tt p {
    color: #999
}

.theme-lred .my-service .bd-new .tt {
    color: #333
}

.theme-lred .my-security .security-list li {
    border-bottom: 1px solid #eee
}

.theme-lred .my-security .security-list .dt {
    border-right: 2px solid #eee
}

.theme-lred .my-security .security-list .dd .edit p {
    color: rgba(51, 51, 51, .5)
}

.theme-lred .wrapper-error .container .content h1 {
    color: #333
}

.theme-lred .wrapper-error .container .content .desc {
    color: rgba(51, 51, 51, .45)
}

.theme-lred .wall {
    background-color: #fff
}

.theme-lred .panel-article .hd {
    border-color: #eee
}

@media (max-width: 768px) {
    .theme-lred .mobile .wrapper-transaction .main, .theme-lred .mobile .wrapper-transaction .side {
        background: #fff
    }
}

.theme-lred .ykt-detail .xfqs-title .active {
    background-color: #ff8181
}

.theme-lred .user-info.active {
    background-color: #faa
}

.theme-lred .wrapper-notice-more .panel-article .hd .tt {
    border-left: 3px solid #ff8181
}

.theme-lred .scientfic-detail .hd .basic-message > span .iconfont {
    color: #ff8181
}

.theme-lred .scientfic-detail .table-area .hd .fn-fl .active {
    color: #ff8181;
    border-bottom: 2px solid #ff8181
}

.theme-lred .wrapper-personal .card .hd {
    background-color: #efefef
}

.theme-lred .wrapper-personal .card .hd .title a.active {
    background-color: #fff;
    border-top: 2px solid #ff8181;
    border-bottom: 0
}

.theme-lred #CalendarTeacher .card .hd, .theme-lred #Links .card .hd {
    background-color: #fff;
    padding-left: 20px
}

.theme-lred .notice-small-area .bd, .theme-lred .notice-small-area .today-area {
    background-color: #fff
}

.theme-lred .calendar-area .course-schedule-wrap p .title {
    border-left: 4px solid #ff8181;
    color: #333
}

.theme-lred .calendar-area .date .days li .active {
    background-color: #ff8181
}

.theme-lred .calendar-area .hd, .theme-lred .calendar-stu-area .hd, .theme-lred .schedule-stu-area .hd {
    background-color: #fff !important
}

.theme-lightBlack {
    background-color: #e4e3e3;
    color: #5d5d5d
}

.theme-lightBlack .wrapper.bg {
    background: #fff url(file:///E|/%E9%A1%B9%E7%9B%AE/%E6%B2%B3%E5%8C%97%E7%BB%8F%E8%B4%B8%E5%A4%A7%E5%AD%A6%E5%90%8E%E5%8F%B0/static/img/bg.53794998.jpg) no-repeat top
}

.theme-lightBlack .fn-info {
    color: #000
}

.theme-lightBlack .fn-link {
    color: #333
}

.theme-lightBlack .more-service-btn {
    background-color: #fff
}

.theme-lightBlack .more-service-btn:hover {
    color: #fff
}

.theme-lightBlack .icon-checkbox.icon-gou {
    border: 1px solid #000;
    color: #000
}

.theme-lightBlack .btn-primary {
    background-color: #000;
    border-color: #000
}

.theme-lightBlack .evaluate-star .star-rating .iconfont {
    color: #ddd
}

.theme-lightBlack .nav-tabs > li > a:hover {
    color: rgba(0, 0, 0, .7)
}

.theme-lightBlack .nav-tabs > li.active a, .theme-lightBlack .nav-tabs > li.active a:focus, .theme-lightBlack .nav-tabs > li.active a:hover {
    color: #000;
    border-bottom: 2px solid #000
}

.theme-lightBlack .table-striped thead th {
    background-color: #f2f2f2
}

.theme-lightBlack .table-striped tbody tr:nth-of-type(2n) {
    background-color: hsla(0, 0%, 100%, .02)
}

.theme-lightBlack .table-striped tbody tr:hover {
    background-color: #f7f7f7
}

.theme-lightBlack .form-control {
    color: #5d5d5d;
    background-color: #fff;
    border-color: #eee
}

.theme-lightBlack .help-block {
    color: #999
}

.theme-lightBlack .header {
    background-color: #000
}

.theme-lightBlack .header .top-menu li a {
    color: #fff
}

.theme-lightBlack .header .top-menu li a.router-link-exact-active, .theme-lightBlack .header .top-menu li a.swzx.router-link-active, .theme-lightBlack .header .top-menu li a:hover {
    border-color: #fff
}

.theme-lightBlack .header .top-menu li a.router-link-exact-active, .theme-lightBlack .header .top-menu li a.swzx.router-link-active {
    background-color: #333;
    color: #fff
}

.theme-lightBlack .header .login-area {
    color: #fff
}

.theme-lightBlack .footer {
    background-color: #000
}

.theme-lightBlack .feedback-box, .theme-lightBlack .header-xs {
    background-color: #fff
}

.theme-lightBlack .feedback-box li {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee
}

.theme-lightBlack .feedback-box li .iconfont {
    font-size: 30px;
    color: #000
}

.theme-lightBlack .feedback-box li:hover {
    background-color: #000;
    border-color: #000;
    cursor: pointer
}

.theme-lightBlack .feedback-box li:hover .iconfont, .theme-lightBlack .feedback-box li:hover a > p {
    color: #fff
}

.theme-lightBlack .feedback-box li#wyfk:hover .feedback-child li .iconfont {
    color: #000
}

.theme-lightBlack .feedback-box li#wyfk .feedback-child li a > p {
    color: #666
}

.theme-lightBlack .feedback-box li#wyfk .feedback-child li:hover {
    background-color: #000;
    border-color: #000
}

.theme-lightBlack .feedback-box li#wyfk .feedback-child li:hover .iconfont, .theme-lightBlack .feedback-box li#wyfk .feedback-child li:hover a > p {
    color: #fff
}

.theme-lightBlack .feedback-box li#wyfk .feedback-child li:nth-child(2) {
    border-top: 0
}

.theme-lightBlack .feedback-box .download .ewm {
    border: 1px solid #eee;
    background: #23395c
}

.theme-lightBlack .feedback-box .download .ewm hr {
    border-bottom: 1px solid #eee
}

.theme-lightBlack .feedback-box .pucker-btn {
    border: 1px solid #000;
    background-color: #000
}

.theme-lightBlack .feedback-box .pucker-btn:hover {
    background-color: #000
}

.theme-lightBlack .breadcrumb li.active {
    color: #000
}

.theme-lightBlack .search-group-index .form-control {
    border-color: #eee
}

.theme-lightBlack .search-group-index .more-service-btn:focus {
    border-color: #000
}

.theme-lightBlack .panel {
    background-color: #fff
}

.theme-lightBlack .panel > .hd .title {
    color: #333
}

.theme-lightBlack .panel > .hd .more {
    color: #999
}

.theme-lightBlack .panel > .hd .more:hover {
    color: #000
}

.theme-lightBlack .pagination .paging li {
    border: 1px solid #eee;
    background-color: #fff
}

.theme-lightBlack .pagination .paging li:not(.disabled):not(.active):hover {
    color: #000
}

.theme-lightBlack .pagination .paging li.active {
    background-color: #000;
    color: #fff
}

.theme-lightBlack .pagination .paging li.disabled {
    color: #eee
}

.theme-lightBlack .pagination input, .theme-lightBlack .pagination select {
    border: 1px solid #eee;
    background-color: #fff
}

.theme-lightBlack .modal > .hd {
    background-color: #000 !important
}

.theme-lightBlack .wrapper-index .panel {
    border: 1px solid #eee
}

.theme-lightBlack .more-service-btn:hover {
    background-color: #000
}

.theme-lightBlack #processModal #tab-process1 * {
    color: #333 !important
}

.theme-lightBlack .nav-service li.active a {
    color: #fff;
    background-color: #000
}

.theme-lightBlack .nav-service .service-obj .hover {
    color: #000
}

.theme-lightBlack .nav-service .tab-link .hover {
    background-color: #000
}

.theme-lightBlack .app-select-list .holder .opreat-btn, .theme-lightBlack .app-select-list .item .opreat-btn {
    color: #000
}

.theme-lightBlack .app-select-list .holder .opreat-btn.icon-circle-minus, .theme-lightBlack .app-select-list .item .opreat-btn.icon-circle-minus {
    color: #e80101
}

.theme-lightBlack .swiper-pagination-bullet-active {
    background: #262626 !important
}

.theme-lightBlack .new-list a:hover {
    background-color: #f9f8f8
}

.theme-lightBlack .data-info li b {
    font-size: 20px;
    color: #000
}

.theme-lightBlack .panel-service .hd {
    border-bottom: 1px solid #cfcfcf
}

.theme-lightBlack .panel-service ul > li > a {
    border: 1px solid #eee
}

.theme-lightBlack .filter-obj li {
    color: #333
}

.theme-lightBlack .filter-content dd:hover {
    color: #000
}

.theme-lightBlack .filter-content dd.active, .theme-lightBlack .filter-content dd.active:hover {
    color: #fff !important;
    background-color: #000
}

.theme-lightBlack .list-nav {
    border: 1px solid #eee;
    background-color: #fff
}

.theme-lightBlack .list-nav a {
    color: #999
}

.theme-lightBlack .list-area .list-nav a.active, .theme-lightBlack .list-nav a:hover {
    color: #000
}

.theme-lightBlack .service-list .item {
    background-color: #fff;
    border: 1px solid #eee
}

.theme-lightBlack .service-list .no-data {
    background-color: #fff
}

.theme-lightBlack .service-list-card .title {
    border-bottom: 1px solid #eee
}

.theme-lightBlack .service-list .marks a {
    color: #000
}

.theme-lightBlack .service-list-card .marks a:hover {
    color: #fff
}

.theme-lightBlack #processModal .table-responsive .table > tbody > tr > td:first-child, .theme-lightBlack #processModal .table > tbody > tr > td:nth-child(3), .theme-lightBlack .evaluate-area {
    background-color: #fff
}

.theme-lightBlack .evaluate-area .title {
    color: #000
}

.theme-lightBlack .evaluate-area .title-s {
    border-bottom: 2px solid #000
}

.theme-lightBlack .evaluate-area .title-s .inline {
    background-color: #000
}

.theme-lightBlack .evaluate-area .star-rating b, .theme-lightBlack .evaluate-area .third-title li.active a, .theme-lightBlack .evaluate-area .third-title li a:hover {
    color: #000
}

.theme-lightBlack .statistic-analysis .nav-tabs > li.active > a {
    border: 1px solid #000;
    background-color: #000;
    color: #fff
}

.theme-lightBlack .statistic-analysis .nav-tabs > li.active:hover a {
    background-color: #000
}

.theme-lightBlack .statistic-analysis .tab-content .title span {
    color: #333;
    border-bottom: 2px solid #000
}

.theme-lightBlack .statistic-analysis #tab2 .progress .progress-bar {
    background-color: #000
}

.theme-lightBlack .statistic-analysis .formbox table {
    background: #fff
}

.theme-lightBlack .statistic-analysis .count ul li span {
    color: #000
}

.theme-lightBlack .qa-bd {
    background-color: #fff
}

.theme-lightBlack .qa-bd .sidebar {
    background-color: #fafafa
}

.theme-lightBlack .qa-bd .sidebar .active a {
    color: #000;
    border-color: #000
}

.theme-lightBlack .panel-qa .hd, .theme-lightBlack .qa-bd .main {
    border-color: #eee
}

.theme-lightBlack .panel-qa .hd .tt {
    color: #333
}

.theme-lightBlack .panel-qa .bd, .theme-lightBlack .panel-qa .bd li {
    border-color: #eee
}

.theme-lightBlack .qa-info {
    background-color: rgba(0, 0, 0, .05)
}

.theme-lightBlack .qa-bd .side .sidebar li a:hover {
    background-color: #fff
}

.theme-lightBlack .schoollist-area .hd {
    border-bottom: 1px solid #eee
}

.theme-lightBlack .schoollist-area .hd .title {
    color: #666
}

.theme-lightBlack .schoollist-area .hd .title a.active {
    color: #000;
    font-weight: 700
}

.theme-lightBlack .schoollist-area .hd .more, .theme-lightBlack .schoollist-area .hd .title a:hover {
    color: #000
}

.theme-lightBlack .card {
    background: #fff;
    -webkit-box-shadow: 0 2px 6px -2px rgba(51, 51, 51, .1);
    box-shadow: 0 2px 6px -2px rgba(51, 51, 51, .1)
}

.theme-lightBlack .card > .hd {
    border-bottom: 1px solid #eee
}

.theme-lightBlack .card > .hd .title {
    color: #5d5d5d
}

.theme-lightBlack .card > .hd .more i, .theme-lightBlack .card > .hd .title a.active, .theme-lightBlack .card > .hd .title a:hover {
    color: #000
}

.theme-lightBlack .card .pagination .paging li {
    border: 1px solid #eee
}

.theme-lightBlack .card .pagination .paging li:not(.disabled):not(.active):hover {
    color: #000
}

.theme-lightBlack .card .pagination .paging li.active {
    background-color: #000
}

.theme-lightBlack .card .pagination .paging li.disabled {
    color: #eee
}

.theme-lightBlack .card .pagination input, .theme-lightBlack .card .pagination select {
    border: 1px solid #eee;
    background-color: #fff
}

.theme-lightBlack .wrapper-personal .ui-widget-content > .set .iconfont {
    color: #000
}

.theme-lightBlack .wrapper-personal .typeset-btn .btn {
    background-color: #fff
}

.theme-lightBlack .wrapper-personal .typeset-btn .btn .iconfont {
    color: #000
}

.theme-lightBlack .wrapper-personal .typeset-btn .btn:hover {
    background-color: #000
}

.theme-lightBlack .wrapper-personal .typeset-btn .btn:hover .iconfont {
    color: #fff
}

.theme-lightBlack .today-area .rq {
    border: 1px solid #000
}

.theme-lightBlack .today-area .rq .week {
    background-color: #000
}

.theme-lightBlack .today-area .rq .number {
    color: #000
}

.theme-lightBlack .profile-area .other-info ul li .icon-bg {
    background-color: #e6e6e6
}

.theme-lightBlack .card > .hd .more, .theme-lightBlack .profile-area .other-info ul li .icon-bg .iconfont, .theme-lightBlack .profile-area .title .iconfont, .theme-lightBlack .profile-stu-area .title .iconfont {
    color: #000
}

.theme-lightBlack .profile-stu-area .profile-content .other-info ul li .icon-bg {
    background-color: #d9d9d9
}

.theme-lightBlack .notice-small-area .bd .fn-fr strong, .theme-lightBlack .notice-small-area .today-area .weather-area .block .wea-color, .theme-lightBlack .notice-small-area .zc-block .number, .theme-lightBlack .profile-stu-area .profile-content .other-info ul li .icon-bg .iconfont {
    color: #000
}

.theme-lightBlack .profile-area .bg .photo img {
    -webkit-box-shadow: 0 5px 10px rgba(51, 51, 51, .1);
    box-shadow: 0 5px 10px rgba(51, 51, 51, .1)
}

.theme-lightBlack .profile-area .info .name {
    color: #333
}

.theme-lightBlack .profile-area .info .opreat a {
    background-color: rgba(0, 0, 0, .12)
}

.theme-lightBlack .profile-area .info .opreat a i {
    color: #000
}

.theme-lightBlack .profile-area .info .item {
    color: #999
}

.theme-lightBlack .profile-area .info .level .progress .progress-bar {
    background-color: #000
}

.theme-lightBlack .profile-area .info .level .tips {
    color: #000
}

.theme-lightBlack .calendar-area .layui-laydate-content .layui-this {
    background-color: #000 !important
}

.theme-lightBlack .calendar-area .opreat .more a {
    color: #000
}

.theme-lightBlack .calendar-area .layui-laydate, .theme-lightBlack .calendar-area .layui-laydate-content td, .theme-lightBlack .calendar-area .layui-laydate-content th, .theme-lightBlack .calendar-area .layui-laydate-hint, .theme-lightBlack .calendar-area .schedule p {
    color: #333
}

.theme-lightBlack .calendar-area .layui-laydate-content .laydate-day-next, .theme-lightBlack .calendar-area .layui-laydate-content .laydate-day-prev {
    color: #666
}

.theme-lightBlack .calendar-stu-area .layui-laydate-content .layui-this {
    background-color: #000 !important
}

.theme-lightBlack .calendar-stu-area .opreat .more a {
    color: #000
}

.theme-lightBlack .calendar-stu-area .course-schedule-wrap p .title {
    border-left: 4px solid #000
}

.theme-lightBlack .service-area .app-list a {
    color: #5d5d5d
}

.theme-lightBlack .modal-app .block .hd .dot {
    background-color: #000
}

.theme-lightBlack .basic-message span strong, .theme-lightBlack .ykt-area .basic-message span strong {
    color: #000
}

.theme-lightBlack .links-area li a:before {
    background-color: #333
}

.theme-lightBlack .links-area li a:hover {
    color: #000
}

.theme-lightBlack .links-area li a:hover:before {
    background-color: #000
}

.theme-lightBlack .schedule-date {
    border: 1px solid #eee;
    color: #000
}

.theme-lightBlack .schedule-date .iconfont:hover {
    color: #0d0d0d
}

.theme-lightBlack .schedule-date .iconfont:active {
    color: #000
}

.theme-lightBlack .wrapper-transaction .container {
    background-color: #fff
}

.theme-lightBlack .wrapper-transaction .main .hd .tt .iconfont {
    color: #000
}

.theme-lightBlack .wrapper-transaction .search-group .btn {
    color: #d5d5d5
}

.theme-lightBlack .wrapper-transaction .bar {
    background-color: #fafafa;
    border: 1px solid #eee
}

.theme-lightBlack .wrapper-transaction .bar label .icon-time {
    color: #000
}

.theme-lightBlack .wrapper-transaction .bar input {
    border-bottom: 1px solid #e9e9e9
}

.theme-lightBlack .wrapper-transaction .bar input:focus {
    border-color: #000
}

.theme-lightBlack .wrapper-transaction .bar select {
    border-color: #e9e9e9;
    background: #fff
}

.theme-lightBlack .wrapper-transaction .bar select:focus {
    border-color: #000
}

.theme-lightBlack .wrapper-transaction .tab a.active {
    background-color: #000;
    color: #fff
}

.theme-lightBlack .wrapper-transaction table, .theme-lightBlack .wrapper-transaction table tr {
    border-color: #eee
}

.theme-lightBlack .profile-info {
    background: #000 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAO8AAABSCAYAAAC8JIMSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDU2MTMzRURGMTU5MTFFOEFGOEZBRjc3RDdCNUIxQTEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDU2MTMzRUNGMTU5MTFFOEFGOEZBRjc3RDdCNUIxQTEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE2Q0ZGMTI0OTNDQzExRThBMTdBRDQ2NkNCMDE5NzhEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE2Q0ZGMTI1OTNDQzExRThBMTdBRDQ2NkNCMDE5NzhEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+SDOrFQAABs1JREFUeNrs3GtsU2Uc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) no-repeat top
}

.theme-lightBlack .side-nav li > p i {
    color: #000
}

.theme-lightBlack .side-nav li a.router-link-exact-active, .theme-lightBlack .side-nav li a.router-link-exact-active:hover {
    border-color: #000;
    background-color: #fff;
    color: #050505
}

.theme-lightBlack .side-nav li a:hover {
    color: #000;
    border-left: 2px solid #000
}

.theme-lightBlack .side-nav li a .iconfont {
    color: #000
}

.theme-lightBlack .new-my-table .hd .transaction-sp label.active, .theme-lightBlack .new-my-table .hd .transaction-tj label.active {
    background: #000
}

.theme-lightBlack .my-collect .block, .theme-lightBlack .my-service .block {
    border: 1px solid #eee
}

.theme-lightBlack .my-collect .active.active a, .theme-lightBlack .my-collect .active:hover a {
    background-color: #fff
}

.theme-lightBlack .my-collect .active.active a:hover {
    background-color: #fafafa
}

.theme-lightBlack .my-service .bd-edit .block .tt p {
    color: #999
}

.theme-lightBlack .my-service .bd-new .tt {
    color: #333
}

.theme-lightBlack .my-security .security-list li {
    border-bottom: 1px solid #eee
}

.theme-lightBlack .my-security .security-list .dt {
    border-right: 2px solid #eee
}

.theme-lightBlack .my-security .security-list .dd .edit p {
    color: rgba(51, 51, 51, .5)
}

.theme-lightBlack .wrapper-error .container .content h1 {
    color: #333
}

.theme-lightBlack .wrapper-error .container .content .desc {
    color: rgba(51, 51, 51, .45)
}

.theme-lightBlack .wall {
    background-color: #fff
}

.theme-lightBlack .panel-article .hd {
    border-color: #eee
}

@media (max-width: 768px) {
    .theme-lightBlack .mobile .wrapper-transaction .main, .theme-lightBlack .mobile .wrapper-transaction .side {
        background: #fff
    }
}

.theme-lightBlack .ykt-detail .xfqs-title .active {
    background-color: #000
}

.theme-lightBlack .user-info.active {
    background-color: #333
}

.theme-lightBlack .wrapper-notice-more .panel-article .hd .tt {
    border-left: 3px solid #000
}

.theme-lightBlack .scientfic-detail .hd .basic-message > span .iconfont {
    color: #000
}

.theme-lightBlack .scientfic-detail .table-area .hd .fn-fl .active {
    color: #000;
    border-bottom: 2px solid #000
}

.theme-lightBlack .wrapper-personal .card .hd {
    background-color: #efefef
}

.theme-lightBlack .wrapper-personal .card .hd .title a.active {
    background-color: #fff;
    border-top: 2px solid #000;
    border-bottom: 0
}

.theme-lightBlack #CalendarTeacher .card .hd, .theme-lightBlack #Links .card .hd {
    background-color: #fff;
    padding-left: 20px
}

.theme-lightBlack .notice-small-area .bd, .theme-lightBlack .notice-small-area .today-area {
    background-color: #fff
}

.theme-lightBlack .calendar-area .course-schedule-wrap p .title {
    border-left: 4px solid #000;
    color: #333
}

.theme-lightBlack .calendar-area .date .days li .active {
    background-color: #000
}

.theme-lightBlack .calendar-area .hd, .theme-lightBlack .calendar-stu-area .hd, .theme-lightBlack .schedule-stu-area .hd {
    background-color: #fff !important
}

.theme-dark {
    background-color: #0a224a;
    color: #efefef /*!*-- 翻页 --*!
  .pagination a,
  .pagination li span {
    background-color: $panel-bg;
    border: 1px solid $bd-color;
  }
  .pagination > li > span:focus {
    color: $theme-color;
  }
  .pagination > .active > span:focus {
    background-color: $theme-color !important;
    border-color: $theme-color !important;
  }*/
}

.theme-dark .weather-small-area .bd, .theme-dark .weather-small-area .today-area {
    background: #23395c
}

.theme-dark .wrapper.bg {
    background: #0a224a url(file:///E|/%E9%A1%B9%E7%9B%AE/%E6%B2%B3%E5%8C%97%E7%BB%8F%E8%B4%B8%E5%A4%A7%E5%AD%A6%E5%90%8E%E5%8F%B0/static/img/bg.2f4f9d01.jpg) no-repeat top
}

.theme-dark .icon-pf {
    color: #f2f6f9
}

.theme-dark .fn-info {
    color: #3a91fd
}

.theme-dark .fn-link {
    color: #e2eefd
}

.theme-dark .more-service-btn:hover {
    color: #fff
}

.theme-dark .icon-checkbox.icon-gou {
    border: 1px solid #3a91fd;
    color: #3a91fd
}

.theme-dark .btn-primary {
    background-color: #3a91fd;
    border-color: #3a91fd
}

.theme-dark .evaluate-star .star-rating .iconfont {
    color: #ddd
}

.theme-dark .nav-tabs > li > a:hover {
    color: rgba(58, 145, 253, .7)
}

.theme-dark .nav-tabs > li.active a, .theme-dark .nav-tabs > li.active a:focus, .theme-dark .nav-tabs > li.active a:hover {
    color: #3a91fd;
    border-bottom: 2px solid #3a91fd
}

.theme-dark .table td, .theme-dark .table th {
    border-color: hsla(0, 0%, 100%, .1)
}

.theme-dark .table thead th {
    background-color: hsla(0, 0%, 90.2%, .1)
}

.theme-dark .table-striped thead th {
    background-color: hsla(0, 0%, 94.9%, .1)
}

.theme-dark .table-striped tbody tr:nth-of-type(2n) {
    background-color: hsla(0, 0%, 100%, .02)
}

.theme-dark .table-striped tbody tr:hover {
    background-color: hsla(0, 0%, 96.9%, .1)
}

.theme-dark .new-my-table .bd ul li a .subject .isTop {
    background-color: #3a91fd;
    color: #fff
}

.theme-dark option {
    background-color: #23395c
}

.theme-dark .form-control {
    color: #efefef;
    background-color: hsla(0, 0%, 100%, .1);
    border-color: hsla(0, 0%, 100%, .1)
}

.theme-dark .help-block {
    color: #eee
}

.theme-dark .header {
    background-color: hsla(0, 0%, 100%, .1)
}

.theme-dark .header .top-menu li a {
    color: hsla(0, 0%, 93.7%, .6)
}

.theme-dark .header .top-menu li a.router-link-exact-active, .theme-dark .header .top-menu li a.swzx.router-link-active, .theme-dark .header .top-menu li a:hover {
    border-color: #fff
}

.theme-dark .header .top-menu li a.router-link-exact-active, .theme-dark .header .top-menu li a.swzx.router-link-active {
    background-color: #2a446e;
    color: #fff
}

.theme-dark .footer {
    background-color: transparent
}

.theme-dark .feedback-box, .theme-dark .header-xs {
    background-color: hsla(0, 0%, 100%, .1)
}

.theme-dark .feedback-box li {
    border-left: 1px solid hsla(0, 0%, 100%, .1);
    border-right: 1px solid hsla(0, 0%, 100%, .1);
    border-top: 1px solid hsla(0, 0%, 100%, .1)
}

.theme-dark .feedback-box li .iconfont {
    font-size: 30px;
    color: #3a91fd
}

.theme-dark .feedback-box li:hover {
    background-color: #3a91fd;
    border-color: #3a91fd;
    cursor: pointer
}

.theme-dark .feedback-box li:hover .iconfont, .theme-dark .feedback-box li:hover a > p {
    color: #fff
}

.theme-dark .feedback-box li#wyfk:hover .feedback-child li .iconfont {
    color: #3a91fd
}

.theme-dark .feedback-box li#wyfk .feedback-child {
    border: 0
}

.theme-dark .feedback-box li#wyfk .feedback-child li a > p {
    color: #666
}

.theme-dark .feedback-box li#wyfk .feedback-child li:hover {
    background-color: #3a91fd;
    border-color: #3a91fd !important;
    border: 0
}

.theme-dark .feedback-box li#wyfk .feedback-child li:hover .iconfont, .theme-dark .feedback-box li#wyfk .feedback-child li:hover a > p {
    color: #fff
}

.theme-dark .feedback-box li#wyfk .feedback-child li:nth-child(2) {
    border-top: 0
}

.theme-dark .feedback-box .download .ewm {
    border: 1px solid hsla(0, 0%, 100%, .1);
    background: #23395c
}

.theme-dark .feedback-box .download .ewm hr {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.theme-dark .feedback-box .pucker-btn {
    border: 1px solid #3a91fd;
    background-color: #3a91fd
}

.theme-dark .feedback-box .pucker-btn:hover {
    background-color: #2183fd
}

.theme-dark .breadcrumb li.active {
    color: #3a91fd
}

.theme-dark .search-group-index .form-control {
    border-color: hsla(0, 0%, 100%, .1)
}

.theme-dark .search-group-index .more-service-btn:focus {
    border-color: #3a91fd
}

.theme-dark .panel {
    background-color: hsla(0, 0%, 100%, .1)
}

.theme-dark .panel > .hd .title {
    color: #fff
}

.theme-dark .panel > .hd .more {
    color: #eee
}

.theme-dark .panel > .hd .more:hover {
    color: #3a91fd
}

.theme-dark .pagination .paging li {
    border: 1px solid hsla(0, 0%, 100%, .1);
    background-color: hsla(0, 0%, 100%, .1)
}

.theme-dark .pagination .paging li:not(.disabled):not(.active):hover {
    color: #3a91fd
}

.theme-dark .pagination .paging li.active {
    background-color: #3a91fd;
    color: #fff
}

.theme-dark .pagination .paging li.disabled {
    color: hsla(0, 0%, 100%, .1)
}

.theme-dark .pagination input, .theme-dark .pagination select {
    border: 1px solid hsla(0, 0%, 100%, .1);
    background-color: hsla(0, 0%, 100%, .1)
}

.theme-dark .modal {
    background-color: #0a224a
}

.theme-dark .modal > .hd {
    background-color: #0a224a !important
}

.theme-dark .modal .block .hd, .theme-dark .modal .nav-tabs {
    background-color: hsla(0, 0%, 100%, .1) !important;
    color: #efefef
}

.theme-dark .modal .block .item > a {
    background-color: hsla(0, 0%, 100%, .1);
    color: #efefef
}

.theme-dark .modal .ln-no-match, .theme-dark .modal .loading, .theme-dark .modal .no-data {
    color: #efefef
}

.theme-dark .wrapper-index .panel {
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.theme-dark .more-service-btn {
    background-color: hsla(0, 0%, 100%, .1);
    color: #3a91fd
}

.theme-dark .more-service-btn:hover {
    background-color: #3a91fd
}

.theme-dark .panel-service ul > li > a {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #d9e8f4
}

.theme-dark #processModal #tab-process1 * {
    color: #fff !important
}

.theme-dark .nav-service li a {
    color: #0a224a;
    background-color: #d9e8f4
}

.theme-dark .nav-service li.active a {
    color: #fff;
    background-color: #3a91fd
}

.theme-dark .nav-service .service-obj .hover {
    color: #3a91fd
}

.theme-dark .nav-service .tab-link .hover {
    background-color: #3a91fd
}

.theme-dark .app-select-list .holder .opreat-btn, .theme-dark .app-select-list .item .opreat-btn {
    color: #3a91fd
}

.theme-dark .app-select-list .holder .opreat-btn.icon-circle-minus, .theme-dark .app-select-list .item .opreat-btn.icon-circle-minus {
    color: #e80101
}

.theme-dark .swiper-pagination-bullet-active {
    background: #86bbfe !important
}

.theme-dark .new-list a, .theme-dark .new-list a .date {
    color: #e2eefd
}

.theme-dark .new-list a:hover {
    background-color: hsla(0, 0%, 94.9%, .1)
}

.theme-dark .data-info li b {
    font-size: 20px;
    color: #3a91fd
}

.theme-dark .panel-service .hd {
    border-bottom: 1px solid hsla(0, 0%, 87.8%, .1)
}

.theme-dark .panel-service ul > li > a {
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.theme-dark .service-filter .form-control {
    background-color: #d9e8f4;
    color: #666
}

.theme-dark .filter-obj li {
    color: #fff
}

.theme-dark .filter-obj li.active {
    background-color: #d9e8f4;
    color: #333
}

.theme-dark .filter-content {
    background-color: #d9e8f4
}

.theme-dark .filter-obj .triangle {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAoCAYAAAALz1FrAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAZ9JREFUSIm11DlSAkEYhuF3Ri+gLNoauwLKKqLivpRrZGIknMAbiFfoe3gNj2IZmZmI9mBgael0i8PwT2f8BE+99VF4vV7PBwISep7n4b+8mqukgK/nP790O8Boksjo63swc3lv3h4eR37eH4Dm0w09CcQHaOW7eL/v68CFBPCNzI4FNKZN+LuO0mF7CASglbNqSsC5KDI3HtCYSqbG//nBsU0ZOBNF5sYDVhOo8cOHVr4bPlWAU1FkPoFtLATgOmfVVIETUWQhFVBXdo0oAs5takrH2+ZPZNFdcyuKgLNmRWmORZHFVMCKwDZ9Efj8Twu9+qA1/yK5dEBtcrht/kUAWvm38GlVaY5EkXzaULVrIm8TCQFnTUNpDkWRQtpQmYhXExkBaNs1a0pzIIoUMvFqBkLAuc260uyLIksZQ3nAmoERcNZsKM2eKLKcMRSz0WtiIeD8pTWVZlcUKWaj18RGwFmzqTTbokgxa1jOWDV3oghAu2DVbIVrhkZKWcOSXfNrm6ERcG6zrTSbokh5wlDos40IAs6aHaVpiiKVPjUfifF8H63xNTcAAAAASUVORK5CYII=)
}

.theme-dark .filter-content dd:hover {
    color: #3a91fd
}

.theme-dark .filter-content dd.active, .theme-dark .filter-content dd.active:hover {
    color: #fff !important;
    background-color: #3a91fd
}

.theme-dark .list-nav {
    border: 1px solid hsla(0, 0%, 100%, .1);
    background-color: hsla(0, 0%, 100%, .1)
}

.theme-dark .list-nav a {
    color: #eee
}

.theme-dark .list-area .list-nav a.active, .theme-dark .list-nav a:hover {
    color: #3a91fd
}

.theme-dark .service-list .item {
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.theme-dark .service-list .item, .theme-dark .service-list .no-data {
    background-color: hsla(0, 0%, 100%, .1)
}

.theme-dark .service-list-card .title {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.theme-dark .service-list .marks a {
    color: #3a91fd
}

.theme-dark .service-list-card .marks a:hover {
    color: #fff
}

.theme-dark #processModal .table-responsive .table > tbody > tr > td:first-child, .theme-dark #processModal .table > tbody > tr > td:nth-child(3) {
    background-color: hsla(0, 0%, 100%, .1)
}

.theme-dark .ykt-detail .table-area .default {
    color: #fff
}

.theme-dark .evaluate-area {
    background-color: hsla(0, 0%, 100%, .1)
}

.theme-dark .evaluate-area .title {
    color: #3a91fd
}

.theme-dark .evaluate-area .title-s {
    border-bottom: 2px solid #3a91fd
}

.theme-dark .evaluate-area .title-s .inline {
    background-color: #3a91fd
}

.theme-dark .evaluate-area .star-rating b, .theme-dark .evaluate-area .third-title li.active a, .theme-dark .evaluate-area .third-title li a:hover {
    color: #3a91fd
}

.theme-dark .statistic-analysis .nav-tabs > li.active > a {
    border: 1px solid #3a91fd;
    background-color: #3a91fd;
    color: #fff
}

.theme-dark .statistic-analysis .nav-tabs > li.active:hover a {
    background-color: #3a91fd
}

.theme-dark .statistic-analysis .tab-content .title span {
    color: #fff;
    border-bottom: 2px solid #3a91fd
}

.theme-dark .statistic-analysis #tab2 .progress .progress-bar {
    background-color: #3a91fd
}

.theme-dark .statistic-analysis .formbox table {
    background: hsla(0, 0%, 100%, .1)
}

.theme-dark .statistic-analysis .count ul li span {
    color: #3a91fd
}

.theme-dark .qa-bd {
    background-color: hsla(0, 0%, 100%, .1)
}

.theme-dark .qa-bd .sidebar {
    background-color: hsla(0, 0%, 98%, .1)
}

.theme-dark .panel-qa .hd, .theme-dark .qa-bd .main {
    border-color: hsla(0, 0%, 100%, .1)
}

.theme-dark .panel-qa .hd .tt {
    color: #fff
}

.theme-dark .panel-qa .bd, .theme-dark .panel-qa .bd li {
    border-color: hsla(0, 0%, 100%, .1)
}

.theme-dark .qa-info {
    background-color: #4f617d
}

.theme-dark .qa-bd .side .sidebar li a:hover {
    background-color: hsla(0, 0%, 100%, .1)
}

.theme-dark .schoollist-area .school-official, .theme-dark .schoollist-area .school-report {
    background: hsla(0, 0%, 100%, .1);
    -webkit-box-shadow: 0 2px 6px -2px hsla(0, 0%, 100%, .1);
    box-shadow: 0 2px 6px -2px hsla(0, 0%, 100%, .1)
}

.theme-dark .schoollist-area .hd {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.theme-dark .schoollist-area .hd .title {
    color: #fff
}

.theme-dark .schoollist-area .hd .title a.active {
    color: #3a91fd;
    font-weight: 700;
    border-top: 2px solid #3a91fd
}

.theme-dark .schoollist-area .hd .title a {
    color: #fff
}

.theme-dark .schoollist-area .hd .more, .theme-dark .schoollist-area .hd .title a:hover {
    color: #3a91fd
}

.theme-dark .schoollist-area .bd {
    background: #23395c;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.theme-dark .card {
    background: hsla(0, 0%, 100%, .1);
    -webkit-box-shadow: 0 2px 6px -2px hsla(0, 0%, 100%, .1);
    box-shadow: 0 2px 6px -2px hsla(0, 0%, 100%, .1)
}

.theme-dark .card > .hd {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.theme-dark .card > .hd .title {
    color: #fff
}

.theme-dark .card > .hd .title a.active {
    color: #3a91fd
}

.theme-dark .card > .hd .title a {
    color: #fff
}

.theme-dark .card > .hd .more i, .theme-dark .card > .hd .title a:hover {
    color: #3a91fd
}

.theme-dark .card .pagination .paging li {
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.theme-dark .card .pagination .paging li:not(.disabled):not(.active):hover {
    color: #3a91fd
}

.theme-dark .card .pagination .paging li.active {
    background-color: #3a91fd
}

.theme-dark .card .pagination .paging li.disabled {
    color: hsla(0, 0%, 100%, .1)
}

.theme-dark .card .pagination input, .theme-dark .card .pagination select {
    border: 1px solid hsla(0, 0%, 100%, .1);
    background-color: hsla(0, 0%, 100%, .1)
}

.theme-dark .wrapper-personal .ui-widget-content > .set .iconfont {
    color: #3a91fd
}

.theme-dark .wrapper-personal .typeset-btn .btn {
    background-color: hsla(0, 0%, 100%, .1);
    color: #fff
}

.theme-dark .wrapper-personal .typeset-btn .btn .iconfont {
    color: #3a91fd
}

.theme-dark .wrapper-personal .typeset-btn .btn:hover {
    background-color: #3a91fd
}

.theme-dark .wrapper-personal .typeset-btn .btn:hover .iconfont {
    color: #fff
}

.theme-dark .today-area .rq {
    border: 1px solid #3a91fd
}

.theme-dark .today-area .rq .week {
    background-color: #3a91fd
}

.theme-dark .today-area .rq .number {
    color: #3a91fd
}

.theme-dark .detail-content ul li a {
    position: relative
}

.theme-dark .detail-content ul li:before {
    background-color: #efefef
}

.theme-dark .detail-content ul li:hover {
    color: #3a91fd
}

.theme-dark .profile-area .other-info ul li .icon-bg {
    background-color: #e3f1ff
}

.theme-dark .profile-area .other-info ul li .icon-bg .iconfont {
    color: #3a91fd
}

.theme-dark .profile-area .other-info ul li .note p {
    color: #efefef
}

.theme-dark .notice-small-area .zc-block .number, .theme-dark .profile-area .title .iconfont {
    color: #3a91fd
}

.theme-dark .calendar-area .hd, .theme-dark .calendar-stu-area .hd {
    background-color: transparent !important
}

.theme-dark .calendar-area .layui-laydate-header, .theme-dark .calendar-stu-area .layui-laydate-header {
    background-color: transparent
}

.theme-dark .profile-area .title {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.theme-dark .profile-area .title span {
    color: #fff
}

.theme-dark .profile-area .bg .photo img {
    -webkit-box-shadow: 0 5px 10px hsla(0, 0%, 100%, .1);
    box-shadow: 0 5px 10px hsla(0, 0%, 100%, .1)
}

.theme-dark .profile-area .info .name {
    color: #fff !important
}

.theme-dark .profile-area .info .qm {
    color: #fff
}

.theme-dark .profile-area .info .opreat a {
    background-color: rgba(58, 145, 253, .12)
}

.theme-dark .profile-area .info .opreat a i {
    color: #3a91fd
}

.theme-dark .profile-area .info .item {
    color: #eee
}

.theme-dark .profile-area .info .level .progress .progress-bar {
    background-color: #3a91fd
}

.theme-dark .profile-area .info .level .tips {
    color: #3a91fd
}

.theme-dark .profile-area .profile-content .header-info .info .qm {
    color: #fff
}

.theme-dark .profile-area .profile-content .other-info {
    border-top: 1px solid hsla(0, 0%, 100%, .1)
}

.theme-dark .profile-stu-area .title {
    color: #fff;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.theme-dark .profile-stu-area .profile-content .header-info .info .name {
    color: #fff !important
}

.theme-dark .profile-stu-area .profile-content .header-info .info .qm {
    color: #fff
}

.theme-dark .calendar-area .layui-laydate-content td:hover, .theme-dark .calendar-area .layui-laydate-list li:hover {
    background-color: #3a91fd !important
}

.theme-dark .calendar-area .layui-laydate-content .layui-laydate-list {
    background: #0a224a
}

.theme-dark .calendar-area .layui-laydate-content .layui-laydate-content td:hover, .theme-dark .calendar-area .layui-laydate-content .layui-laydate-list li:hover {
    background-color: #3a91fd;
    color: #fff
}

.theme-dark .calendar-area .layui-laydate-content .layui-this {
    background-color: #3a91fd !important
}

.theme-dark .calendar-area .opreat .more a {
    color: #3a91fd
}

.theme-dark .calendar-area .date, .theme-dark .calendar-area .layui-laydate, .theme-dark .calendar-area .layui-laydate-content td, .theme-dark .calendar-area .layui-laydate-content th, .theme-dark .calendar-area .layui-laydate-hint, .theme-dark .calendar-area .schedule p {
    color: #fff
}

.theme-dark .calendar-area .layui-laydate-content .laydate-day-next, .theme-dark .calendar-area .layui-laydate-content .laydate-day-prev, .theme-dark .calendar-stu-area .layui-laydate-content .laydate-day-next, .theme-dark .calendar-stu-area .layui-laydate-content .laydate-day-prev {
    color: #666
}

.theme-dark .calendar-stu-area .layui-laydate-content td {
    color: #eee
}

.theme-dark .calendar-stu-area .opreat .add .btn {
    color: #fff;
    border: 1px solid #fff
}

.theme-dark .calendar-stu-area .course-schedule-wrap p, .theme-dark .calendar-stu-area .course-schedule-wrap p .title {
    color: #fff
}

.theme-dark .card-service .app-list a {
    color: #efefef
}

.theme-dark .card-service .app-list li p {
    color: #fff
}

.theme-dark .modal-app .block .hd .dot {
    background-color: #3a91fd
}

.theme-dark .card-ykt .basic-message span strong {
    color: #3a91fd
}

.theme-dark .links-area li a:before {
    background-color: #fff
}

.theme-dark .links-area li a:hover {
    color: #3a91fd
}

.theme-dark .links-area li a:hover:before {
    background-color: #3a91fd
}

.theme-dark .schedule-date {
    border: 1px solid hsla(0, 0%, 100%, .1);
    color: #3a91fd
}

.theme-dark .schedule-date .iconfont:hover {
    color: #539ffd
}

.theme-dark .schedule-date .iconfont:active {
    color: #0875fc
}

.theme-dark .card-scheduleteacher .table thead th {
    background: none
}

.theme-dark .card-scheduleteacher td {
    border-color: #23395c;
    background-color: #384c6c
}

.theme-dark .card-scheduleteacher .rq {
    border-left-color: #3a91fd
}

.theme-dark .card-scheduleteacher tr:nth-child(2n) .rq {
    border-left-color: #73e6b4
}

.theme-dark .schedule-table {
    border-left: 1px solid hsla(0, 0%, 100%, .1);
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.theme-dark .schedule-table dl {
    border-right: 1px solid hsla(0, 0%, 100%, .1);
    background: linear-gradient(hsla(0, 0%, 100%, .1) 1px, transparent 0);
    background-size: 100% 39px
}

.theme-dark .schedule-table dl.no {
    color: #fff
}

.theme-dark .schedule-table dl dt {
    color: #fff;
    background-color: hsla(0, 0%, 94.9%, .1)
}

.theme-dark .wrapper-transaction .container {
    background-color: hsla(0, 0%, 100%, .1)
}

.theme-dark .wrapper-transaction .search-group .btn {
    color: hsla(0, 0%, 90.2%, .1)
}

.theme-dark .wrapper-transaction .bar {
    background-color: hsla(0, 0%, 98%, .1);
    border-color: hsla(0, 0%, 100%, .1)
}

.theme-dark .wrapper-transaction .bar input {
    border-color: hsla(0, 0%, 98%, .1)
}

.theme-dark .wrapper-transaction .bar select {
    border-color: hsla(0, 0%, 98%, .1);
    background: hsla(0, 0%, 100%, .1)
}

.theme-dark .wrapper-transaction table, .theme-dark .wrapper-transaction table tr {
    border-color: hsla(0, 0%, 100%, .1)
}

.theme-dark .side-nav li > p {
    color: #fff
}

.theme-dark .side-nav li > p i {
    color: #3a91fd
}

.theme-dark .side-nav li a {
    color: #fff
}

.theme-dark .side-nav li a.router-link-exact-active, .theme-dark .side-nav li a.router-link-exact-active:hover {
    border-color: #3a91fd;
    color: #3a91fd;
    background-color: transparent
}

.theme-dark .side-nav li a:hover {
    color: #3a91fd;
    border-left: 2px solid #3a91fd;
    background-color: transparent
}

.theme-dark .side-nav li a .iconfont {
    color: #3a91fd
}

.theme-dark .my-collect .block, .theme-dark .my-service .block {
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.theme-dark .my-service-applist .more .app-select-list .item > a, .theme-dark .my-service-applist .my-apply .bd .app-select-list .holder > a, .theme-dark .my-service-applist .my-apply .bd .app-select-list .item > a, .theme-dark .my-service-applist .my-apply .hd, .theme-dark .my-service-applist .other .bd .app-select-list .holder > a, .theme-dark .my-service-applist .other .bd .app-select-list .item > a, .theme-dark .my-service-applist .other .hd {
    background-color: hsla(0, 0%, 98%, .1) !important;
    border-color: hsla(0, 0%, 98%, .1);
    color: #efefef
}

.theme-dark .my-collect .active.active a, .theme-dark .my-collect .active:hover a {
    background-color: hsla(0, 0%, 100%, .1)
}

.theme-dark .my-collect .active.active a:hover {
    background-color: hsla(0, 0%, 98%, .1)
}

.theme-dark .my-service .bd-edit .block .tt p {
    color: #eee
}

.theme-dark .my-service .bd-new .tt {
    color: #fff
}

.theme-dark .my-security .security-list li {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.theme-dark .my-security .security-list .dt {
    border-right: 2px solid hsla(0, 0%, 100%, .1)
}

.theme-dark .my-security .security-list .dd .edit p {
    color: hsla(0, 0%, 100%, .5)
}

.theme-dark .my-calendar .layui-laydate, .theme-dark .my-calendar .layui-laydate .laydate-set-ym {
    color: #fff
}

.theme-dark .my-calendar .layui-laydate .layui-laydate-content {
    border-color: hsla(0, 0%, 100%, .1)
}

.theme-dark .my-calendar .layui-laydate .layui-laydate-content table th {
    border-color: hsla(0, 0%, 100%, .1);
    background-color: hsla(0, 0%, 100%, .1);
    color: #fff
}

.theme-dark .my-calendar .layui-laydate .layui-laydate-content table td {
    border-color: hsla(0, 0%, 100%, .1);
    color: #fff
}

.theme-dark .my-calendar .layui-laydate .layui-laydate-content table td.laydate-day-next, .theme-dark .my-calendar .layui-laydate .layui-laydate-content table td.laydate-day-prev {
    color: #666 !important
}

.theme-dark .my-calendar .layui-laydate .layui-laydate-content table td:first-child, .theme-dark .my-calendar .layui-laydate .layui-laydate-content table td:last-child {
    color: #fb6262
}

.theme-dark .my-calendar .layui-laydate .layui-laydate-content table td:hover {
    background-color: hsla(0, 0%, 100%, .1);
    color: #fff
}

.theme-dark .wrapper-error .container .content h1 {
    color: #fff
}

.theme-dark .wrapper-error .container .content .desc {
    color: hsla(0, 0%, 100%, .45)
}

.theme-dark .wall {
    background-color: hsla(0, 0%, 100%, .1)
}

.theme-dark .panel-article .hd {
    border-color: hsla(0, 0%, 100%, .1)
}

@media (max-width: 768px) {
    .theme-dark .mobile .wrapper-transaction .main, .theme-dark .mobile .wrapper-transaction .side {
        background: hsla(0, 0%, 100%, .1)
    }

    .theme-dark .mobile #MyTable .new-my-table .bd ul li, .theme-dark .mobile .new-list li > a {
        border-bottom: 1px solid hsla(0, 0%, 100%, .1)
    }

    .theme-dark .mobile #MyTable .new-my-table .bd ul li a .time {
        color: #fff
    }
}

.theme-dark .reply-area .table-bordered tbody tr td, .theme-dark .reply-detail-area .main p, .theme-dark .reply-detail-area .main p span {
    color: #efefef
}

.theme-dark .table-list li a:before {
    background-color: #fff
}

.theme-dark .ykt-detail .xfqs-title .active {
    background-color: #3a91fd
}

.theme-dark .user-info.active {
    background-color: #2a446e
}

.theme-dark .wrapper-notice-more .panel-article .hd .tt {
    border-left: 3px solid #3a91fd
}

.theme-dark .scientfic-detail .hd .basic-message > span .iconfont {
    color: #3a91fd
}

.theme-dark .scientfic-detail .table-area .hd .fn-fl .active {
    color: #3a91fd;
    border-bottom: 2px solid #3a91fd
}

.theme-dark .calendar-area .course-schedule-wrap .course .table tr td {
    background-color: transparent;
    color: #bbb
}

.theme-dark .calendar-area .layui-laydate-header {
    background-color: #23395c !important
}

.theme-dark #NoticeList .card .bd .new-list li a .date, .theme-dark .other-info ul li .note p {
    color: #fff
}

.theme-dark .wrapper-personal .card .hd {
    background-color: #2a446e
}

.theme-dark .wrapper-personal .card .hd .title a.active {
    background-color: #23395c
}

.theme-dark .links-details-more .wall .hd .title {
    color: #efefef
}

.theme-dark #CalendarTeacher .card .hd, .theme-dark #Links .card .hd {
    background-color: transparent;
    padding-left: 20px
}

.theme-dark .notice-small-area .bd, .theme-dark .notice-small-area .today-area {
    background-color: #23395c
}

.theme-dark .notice-small-area .center-calendar .day-block p, .theme-dark .notice-small-area .center-calendar .nl-block p, .theme-dark .notice-small-area .center-calendar .zc-block, .theme-dark .notice-small-area .today-area .weather-area .block {
    color: #fff
}

.theme-dark .notice-small-area .today-area .weather-area .block span {
    color: #fff !important
}

.theme-dark .calendar-area .course-schedule-wrap p .title {
    color: #fff
}

.theme-dark .calendar-area .date .days li .other-month {
    color: #666
}

.theme-dark .calendar-area .course-schedule-wrap p .title {
    color: #fff !important
}

.theme-dark .calendar-area .course-schedule-wrap .course .table .no-data {
    color: #fff
}

.theme-dark .calendar-area .course-schedule-wrap .schedule .no-data {
    color: #fff !important
}

.theme-dark .wrapper-wjtc .table thead th {
    background: none !important
}

.theme-dark .three-list-area {
    background-color: #0a224a
}

.theme-dark .three-list-area .service .title {
    background-color: hsla(0, 0%, 100%, .1);
    color: #fff;
    border-bottom: 2px solid hsla(0, 0%, 100%, .1)
}

.theme-dark .three-list-area .service .side, .theme-dark .three-list-area .service section {
    background-color: hsla(0, 0%, 100%, .1)
}

.theme-dark .three-list-area .service .side li.active, .theme-dark .three-list-area .service section li.active {
    background-color: hsla(0, 0%, 94.9%, .1)
}

.theme-dark .three-list-area .service .side .nav, .theme-dark .three-list-area .service section .nav {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.theme-dark .three-list-area .service .side .table-area .table-area-title, .theme-dark .three-list-area .service section .table-area .table-area-title {
    color: #fff;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.theme-dark .new-my-table .bd ul li a {
    color: #fff
}

.theme-dark .new-my-table .bd ul li a:before {
    background-color: #fff
}

.theme-dark .new-my-table .hd .transaction-sp label, .theme-dark .new-my-table .hd .transaction-tj label {
    background: #0a224a
}

.theme-dark .new-my-table .hd .transaction-sp label + label, .theme-dark .new-my-table .hd .transaction-tj label + label {
    border-left: 0
}

.theme-dark .new-my-table .hd .transaction-sp label.active, .theme-dark .new-my-table .hd .transaction-tj label.active {
    background: #3a91fd
}