html,
body {
    height: 100%;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}
.layui-elem-quote {
    margin-bottom: 10px;
    padding: 15px;
    line-height: 1.8;
    border-left: 5px solid #1e9fff;
    border-radius: 0 2px 2px 0;
    background-color: #fafafa
}

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

.layui-btn-checked {
    background-color: #1e9fff
}

.layui-input:focus,.layui-textarea:focus {
    border-color: #1e9fff!important;
    box-shadow: 0 0 0 3px rgba(22,183,119,.08)
}

.layui-input-wrap .layui-input:focus+.layui-input-split {
    border-color: #1e9fff
}

.layui-form-select dl dd.layui-this {
    background-color: #f8f8f8;
    color: #1e9fff;
    font-weight: 700
}

.layui-form-checked,.layui-form-checked:hover {
    border-color: #1e9fff
}

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

.layui-form-checkbox[lay-skin=primary]>.layui-icon-indeterminate {
    border-color: #1e9fff
}

.layui-form-checked[lay-skin=primary]>i {
    border-color: #1e9fff!important;
    background-color: #1e9fff;
    color: #fff
}

.layui-form-checkbox[lay-skin=primary]>.layui-icon-indeterminate:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 50%;
    height: 1px;
    margin: -1px auto 0;
    background-color: #1e9fff
}

.layui-form-onswitch {
    border-color: #1e9fff;
    background-color: #1e9fff
}

.layui-form-radio:hover>*,.layui-form-radioed,.layui-form-radioed>i {
    color: #1e9fff
}

.layui-table-view .layui-table td[data-edit]:hover:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid #1e9fff;
    pointer-events: none;
    content: ""
}

.layui-table-edit:focus {
    border-color: #1e9fff!important
}

.layui-menu .layui-menu-item-checked,.layui-menu .layui-menu-item-checked2 {
    background-color: #f8f8f8!important;
    color: #1e9fff
}

.layui-menu-lg .layui-menu-body-title a:hover,.layui-menu-lg li:hover {
    background: 0 0;
    color: #1e9fff
}

.layui-nav .layui-this:after,.layui-nav-bar {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 3px;
    background-color: #1e9fff;
    transition: all .2s;
    -webkit-transition: all .2s;
    pointer-events: none
}

.layui-nav.layui-bg-gray .layui-this a {
    color: #1e9fff
}

.layui-nav-tree.layui-bg-gray .layui-nav-child dd.layui-this,.layui-nav-tree.layui-bg-gray .layui-nav-child dd.layui-this a,.layui-nav-tree.layui-bg-gray .layui-this,.layui-nav-tree.layui-bg-gray .layui-this>a {
    background: 0 0!important;
    color: #1e9fff!important;
    font-weight: 700
}

.layui-breadcrumb a:hover {
    color: #1e9fff!important
}

.layui-nav-tree.layui-bg-gray .layui-nav-bar {
    background-color: #1e9fff
}

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

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

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

.layui-transfer-active .layui-btn {
    display: block;
    margin: 0;
    padding: 0 15px;
    background-color: #1e9fff;
    border-color: #1e9fff;
    color: #fff
}

.layui-code-tools>i:hover {
    color: #1e9fff
}

.layui-code-copy:hover .layui-icon {
    color: #1e9fff
}

.layui-laydate-footer span:hover {
    color: #1e9fff
}

.layui-laydate-header i:hover,.layui-laydate-header span:hover {
    color: #1e9fff
}

.layui-laydate-content td.laydate-day-now {
    color: #1e9fff
}

.laydate-day-mark::after {
    background-color: #1e9fff
}

.layui-layer-dialog .layui-layer-content .layui-icon-success {
    color: #1e9fff
}

/*.layui-form-checked:hover>div,.layui-form-checked>div {
    background-color: #1e9fff
}*/

.layui-menu .layui-menu-item-checked a,.layui-menu .layui-menu-item-checked2 a {
    color: #1e9fff
}

.layui-laydate-content td.laydate-day-now:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 30px;
    left: 0;
    top: 0;
    border: 1px solid #1e9fff;
    box-sizing: border-box
}

.layui-laydate-footer span[lay-type=date] {
    color: #1e9fff
}

.layui-layer-dialog .layui-layer-content .layui-icon-face-smile {
    color: #1e9fff
}

.layui-form-checked:hover>i,.layui-form-checked>i {
    color: #1e9fff
}

.layui-menu .layui-menu-item-checked:after {
    position: absolute;
    right: -1px;
    top: 0;
    bottom: 0;
    border-right: 3px solid #1e9fff;
    content: ""
}

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

.layui-nav-tree .layui-nav-bar {
    background-color: #01aaed
}

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

.layui-slider-input-btn i:hover {
    color: #01aaed
}

.layui-laydate .layui-this,.layui-laydate .layui-this>div {
    background-color: #01aaed!important;
    color: #fff!important
}

.laydate-theme-molv .layui-laydate-header {
    border: none;
    background-color: #01aaed
}

.layui-laydate-linkage.laydate-theme-grid .laydate-selected,.layui-laydate-linkage.laydate-theme-grid .laydate-selected:hover {
    background-color: #f2f2f2!important;
    color: #01aaed!important
}

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

.layui-btn-group .layui-btn-primary:hover {
    border-color: #d2d2d2;
    color: #01aaed
}

.layui-laypage a:hover {
    color: #01aaed
}

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

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

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

.layui-upload-drag[lay-over] {
    border-color: #01aaed
}
.layui-table-checked {
    background-color: #1e9fff1f;
}
.layui-table-checked.layui-table-click, .layui-table-checked.layui-table-hover {
    background-color: #1e9fff6b;
}
@font-face {
  font-family: 'PingFang-SC-Bold';
  src: url(/statics/font/PingFang-SC-Bold.ttf) format('ttf');
}

.site-error-page {
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: linear-gradient(to right, #1e9fff, #1e9fff8c);
    -webkit-mask-image: -webkit-linear-gradient(right, rgba(10, 159, 255, 1) 60%, rgba(30, 159, 255, 1) 100%);     
    color:#ffffff;
}
.site-error-page .error-code {
    font-size: 9em;
    font-weight: bold;
    letter-spacing: 20px;
}
.site-error-page .error-title {
    font-weight: bold;
    letter-spacing: 10px;
}
.site-error-page .error-desc {
    font-size: 1.3em;
}
.site-error-page .btn-group {
    padding:16px 0;
}
.site-error-page .btn-group .btn {
    width:118px;
    height: 40px;
    border-radius: 100px!important;
    border:1px solid #FFFFFF;
    text-align: center;
    font-size: 16px;
    color:#ffffff!important;
    padding:0;
    margin:0 16px;
}
.site-error-page .btn-group a {
    text-decoration: none;
}
.site-error-page .btn-group .btn-primary {
    background-color: #ffffff;
    color:#1e9fff!important;
}
.sd-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.sd-flex-wrap {
    flex-wrap: wrap;
}
.sd-flex-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  flex-direction: row;
}
.sd-flex-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  flex-direction: column;
}
.sd-flex-grow-0 {
  min-width: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.sd-flex-grow-1 {
  min-width: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
.sd-flex-x-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.sd-flex-y-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}
.sd-flex-y-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -ms-grid-row-align: flex-end;
  align-items: flex-end;
}
.sd-hover:hover {
    color:#0592dd!important;
}
.sd-hide {
    display: none!important;
}
.sd-o-h {
    overflow: hidden;
}
.sd-color-primary {
    color:#0592dd;
}
.sd-color-white {
    color:#fff;
}
.sd-color-333 {
    color:#333;
}
.sd-color-666 {
    color:#666;
}
.sd-color-999 {
    color:#999;
}
.sd-color-aaa {
    color:#aaa;
}
.sd-color-bbb {
    color:#bbb;
}
.sd-color-ccc {
    color:#ccc;
}
.sd-ff-pf {
    font-family: 'PingFang-SC-Bold';
}
.sd-fs-4 {
    font-size: 4px;
}
.sd-fs-6 {
    font-size: 6px;
}
.sd-fs-8 {
    font-size: 8px;
}
.sd-fs-10 {
    font-size: 10px;
}
.sd-fs-12 {
    font-size: 12px;
}
.sd-fs-14 {
    font-size: 14px;
}
.sd-fs-16 {
    font-size: 16px;
}
.sd-fs-18 {
    font-size: 18px;
}
.sd-fs-20 {
    font-size: 20px;
}
.sd-fs-22 {
    font-size: 22px;
}
.sd-fs-24 {
    font-size: 24px;
}
.sd-fs-26 {
    font-size: 26px;
}
.sd-fs-28 {
    font-size: 28px;
}
.sd-fs-30 {
    font-size: 30px;
}
.sd-fs-32 {
    font-size: 32px;
}
.sd-fs-34 {
    font-size: 34px;
}
.sd-fs-36 {
    font-size: 36px;
}
.sd-fs-38 {
    font-size: 38px;
}
.sd-fs-40 {
    font-size: 40px;
}
.sd-fs-42 {
    font-size: 42px;
}
.sd-fs-44 {
    font-size: 44px;
}
.sd-fs-46 {
    font-size: 46px;
}
.sd-fs-48 {
    font-size: 48px;
}
.sd-fs-50 {
    font-size: 50px;
}
.sd-fs-52 {
    font-size: 52px;
}
.sd-fs-54 {
    font-size: 54px;
}
.sd-fs-56 {
    font-size: 56px;
}
.sd-fs-64 {
    font-size: 64px;
}
.sd-fs-72 {
    font-size: 72px;
}

.sd-lh-15 {
    line-height: 1.5em;
}
.sd-lh-175 {
    line-height: 1.75em;
}

.sd-pd-4 {
    padding: 4px;
}
.sd-pd-8 {
    padding: 8px;
}
.sd-pd-12 {
    padding: 12px;
}
.sd-pd-16 {
    padding: 16px;
}
.sd-pd-20 {
    padding: 20px;
}
.sd-pd-24 {
    padding: 24px;
}
.sd-pd-28 {
    padding: 28px;
}
.sd-pd-32 {
    padding: 32px;
}
.sd-pt-4 {
    padding-top: 4px;
}
.sd-pt-8 {
    padding-top: 8px;
}
.sd-pt-12 {
    padding-top: 12px;
}
.sd-pt-16 {
    padding-top: 16px;
}
.sd-pt-20 {
    padding-top: 20px;
}
.sd-pt-24 {
    padding-top: 24px;
}
.sd-pt-28 {
    padding-top: 28px;
}
.sd-pt-32 {
    padding-top: 32px;
}
.sd-pr-4 {
    padding-right: 4px;
}
.sd-pr-8 {
    padding-right: 8px;
}
.sd-pr-12 {
    padding-right: 12px;
}
.sd-pr-16 {
    padding-right: 16px;
}
.sd-pr-20 {
    padding-right: 20px;
}
.sd-pr-24 {
    padding-right: 24px;
}
.sd-pr-28 {
    padding-right: 28px;
}
.sd-pr-32 {
    padding-right: 32px;
}
.sd-pb-4 {
    padding-bottom: 4px;
}
.sd-pb-8 {
    padding-bottom: 8px;
}
.sd-pb-12 {
    padding-bottom: 12px;
}
.sd-pb-16 {
    padding-bottom: 16px;
}
.sd-pb-20 {
    padding-bottom: 20px;
}
.sd-pb-24 {
    padding-bottom: 24px;
}
.sd-pb-28 {
    padding-bottom: 28px;
}
.sd-pb-32 {
    padding-bottom: 32px;
}
.sd-pl-4 {
    padding-left: 4px;
}
.sd-pl-8 {
    padding-left: 8px;
}
.sd-pl-12 {
    padding-left: 12px;
}
.sd-pl-16 {
    padding-left: 16px;
}
.sd-pl-20 {
    padding-left: 20px;
}
.sd-pl-24 {
    padding-left: 24px;
}
.sd-pl-28 {
    padding-left: 28px;
}
.sd-pl-32 {
    padding-left: 32px;
}
.sd-ptb-4 {
    padding-top: 4px;
    padding-bottom: 4px;
}
.sd-ptb-8 {
    padding-top: 8px;
    padding-bottom: 8px;
}
.sd-ptb-12 {
    padding-top: 12px;
    padding-bottom: 12px;
}
.sd-ptb-16 {
    padding-top: 16px;
    padding-bottom: 16px;
}
.sd-ptb-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}
.sd-ptb-24 {
    padding-top: 24px;
    padding-bottom: 24px;
}
.sd-ptb-28 {
    padding-top: 28px;
    padding-bottom: 28px;
}
.sd-ptb-32 {
    padding-top: 32px;
    padding-bottom: 32px;
}
.sd-plr-4 {
    padding-left: 4px;
    padding-right: 4px;
}
.sd-plr-8 {
    padding-left: 8px;
    padding-right: 8px;
}
.sd-plr-12 {
    padding-left: 12px;
    padding-right: 12px;
}
.sd-plr-16 {
    padding-left: 16px;
    padding-right: 16px;
}
.sd-plr-20 {
    padding-left: 20px;
    padding-right: 20px;
}
.sd-plr-24 {
    padding-left: 24px;
    padding-right: 24px;
}
.sd-plr-28 {
    padding-left: 28px;
    padding-right: 28px;
}
.sd-plr-32 {
    padding-left: 32px;
    padding-right: 32px;
}

.sd-m-4 {
    padding: 4px;
}
.sd-m-8 {
    padding: 8px;
}
.sd-m-12 {
    padding: 12px;
}
.sd-m-16 {
    padding: 16px;
}
.sd-m-20 {
    padding: 20px;
}
.sd-m-24 {
    padding: 24px;
}
.sd-m-28 {
    padding: 28px;
}
.sd-m-32 {
    padding: 32px;
}
.sd-mt-4 {
    margin-top: 4px;
}
.sd-mt-8 {
    margin-top: 8px;
}
.sd-mt-12 {
    margin-top: 12px;
}
.sd-mt-16 {
    margin-top: 16px;
}
.sd-mt-20 {
    margin-top: 20px;
}
.sd-mt-24 {
    margin-top: 24px;
}
.sd-mt-28 {
    margin-top: 28px;
}
.sd-mt-32 {
    margin-top: 32px;
}
.sd-mr-4 {
    margin-right: 4px;
}
.sd-mr-8 {
    margin-right: 8px;
}
.sd-mr-12 {
    margin-right: 12px;
}
.sd-mr-16 {
    margin-right: 16px;
}
.sd-mr-20 {
    margin-right: 20px;
}
.sd-mr-24 {
    margin-right: 24px;
}
.sd-mr-28 {
    margin-right: 28px;
}
.sd-mr-32 {
    margin-right: 32px;
}
.sd-mb-4 {
    margin-bottom: 4px;
}
.sd-mb-8 {
    margin-bottom: 8px;
}
.sd-mb-12 {
    margin-bottom: 12px;
}
.sd-mb-16 {
    margin-bottom: 16px;
}
.sd-mb-20 {
    margin-bottom: 20px;
}
.sd-mb-24 {
    margin-bottom: 24px;
}
.sd-mb-28 {
    margin-bottom: 28px;
}
.sd-mb-32 {
    margin-bottom: 32px;
}
.sd-ml-4 {
    margin-left: 4px;
}
.sd-ml-8 {
    margin-left: 8px;
}
.sd-ml-12 {
    margin-left: 12px;
}
.sd-ml-16 {
    margin-left: 16px;
}
.sd-ml-20 {
    margin-left: 20px;
}
.sd-ml-24 {
    margin-left: 24px;
}
.sd-ml-28 {
    margin-left: 28px;
}
.sd-ml-32 {
    margin-left: 32px;
}
.sd-mtb-4 {
    margin-top: 4px;
    margin-bottom: 4px;
}
.sd-mtb-8 {
    margin-top: 8px;
    margin-bottom: 8px;
}
.sd-mtb-12 {
    margin-top: 12px;
    margin-bottom: 12px;
}
.sd-mtb-16 {
    margin-top: 16px;
    margin-bottom: 16px;
}
.sd-mtb-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}
.sd-mtb-24 {
    margin-top: 24px;
    margin-bottom: 24px;
}
.sd-mtb-28 {
    margin-top: 28px;
    margin-bottom: 28px;
}
.sd-mtb-32 {
    margin-top: 32px;
    margin-bottom: 32px;
}
.sd-mlr-4 {
    margin-left: 4px;
    margin-right: 4px;
}
.sd-mlr-8 {
    margin-left: 8px;
    margin-right: 8px;
}
.sd-mlr-12 {
    margin-left: 12px;
    margin-right: 12px;
}
.sd-mlr-16 {
    margin-left: 16px;
    margin-right: 16px;
}
.sd-mlr-20 {
    margin-left: 20px;
    margin-right: 20px;
}
.sd-mlr-24 {
    margin-left: 24px;
    margin-right: 24px;
}
.sd-mlr-28 {
    margin-left: 28px;
    margin-right: 28px;
}
.sd-mlr-32 {
    margin-left: 32px;
    margin-right: 32px;
}
.sd-mlr-32 {
    margin-left: 32px;
    margin-right: 32px;
}
.sd-mtb-16 {
    margin-top: 16px;
    margin-bottom: 16px;
}
.sd-mr-64 {
    margin-right: 64px;
}
.sd-ml-64 {
    margin-left: 64px;
}

.sd-fw-500 {
    font-weight: 500;
}
.sd-fw-700 {
    font-weight: 700;
}
.sd-fw-bold {
    font-weight: bold;
}

.sd-ls-4 {
    letter-spacing: 4px;
}
.sd-ls-8 {
    letter-spacing: 8px;
}

.sd-ta-l{
    text-align: left;
}
.sd-ta-c{
    text-align: center;
}
.sd-ta-r{
    text-align: right;
}

.sd-w-4 {
    width:4px;
}
.sd-w-8 {
    width:8px;
}
.sd-w-12 {
    width:12px;
}
.sd-w-16 {
    width:16px;
}
.sd-w-20 {
    width:20px;
}
.sd-w-24 {
    width:24px;
}
.sd-w-28 {
    width:28px;
}
.sd-w-32 {
    width:32px;
}
.sd-w-36 {
    width:36px;
}
.sd-w-40 {
    width:40px;
}
.sd-w-44 {
    width:44px;
}
.sd-w-48 {
    width:48px;
}
.sd-w-52 {
    width:52px;
}
.sd-w-56 {
    width:56px;
}
.sd-w-60 {
    width:60px;
}
.sd-w-64 {
    width:64px;
}
.sd-w-68 {
    width:68px;
}
.sd-w-72 {
    width:72px;
}
.sd-w-76 {
    width:76px;
}
.sd-w-80 {
    width:80px;
}
.sd-w-84 {
    width:84px;
}
.sd-w-88 {
    width:88px;
}
.sd-w-92 {
    width:92px;
}
.sd-w-96 {
    width:96px;
}
.sd-w-100 {
    width:100px;
}
.sd-w-120 {
    width: 120px;
}

.sd-w-p20 {
    width:20%;
}
.sd-w-p25 {
    width:25%;
}
.sd-w-p50 {
    width:50%;
}
.sd-w-p100 {
    width:100%;
}

.sd-h-1 {
    height:1px;
}
.sd-h-4 {
    height:4px;
}
.sd-h-8 {
    height:8px;
}
.sd-h-12 {
    height:12px;
}
.sd-h-16 {
    height:16px;
}
.sd-h-20 {
    height:20px;
}
.sd-h-24 {
    height:24px;
}
.sd-h-28 {
    height:28px;
}
.sd-h-32 {
    height:32px;
}
.sd-h-36 {
    height:36px;
}
.sd-h-40 {
    height:40px;
}
.sd-h-44 {
    height:44px;
}
.sd-h-48 {
    height:48px;
}
.sd-h-52 {
    height:52px;
}
.sd-h-56 {
    height:56px;
}
.sd-h-60 {
    height:60px;
}
.sd-h-64 {
    height:64px;
}
.sd-h-68 {
    height:68px;
}
.sd-h-72 {
    height:72px;
}
.sd-h-76 {
    height:76px;
}
.sd-h-80 {
    height:80px;
}
.sd-h-84 {
    height:84px;
}
.sd-h-88 {
    height:88px;
}
.sd-h-92 {
    height:92px;
}
.sd-h-96 {
    height:96px;
}
.sd-h-100 {
    height:100px;
}
.sd-h-p100 {
    height:100%;
}
.sd-h-100vh {
    height: 100vh;
}
.sd-h-60vh {
    height: 60vh;
}

.sd-wh-4 {
    width:4px;
    height:4px;
}
.sd-wh-8 {
    width:8px;
    height:8px;
}
.sd-wh-12 {
    width:12px;
    height:12px;
}
.sd-wh-16 {
    width:16px;
    height:16px;
}
.sd-wh-20 {
    width:20px;
    height:20px;
}
.sd-wh-24 {
    width:24px;
    height:24px;
}
.sd-wh-28 {
    width:28px;
    height:28px;
}
.sd-wh-32 {
    width:32px;
    height:32px;
}
.sd-wh-36 {
    width:36px;
    height:36px;
}
.sd-wh-40 {
    width:40px;
    height:40px;
}
.sd-wh-44 {
    width:44px;
    height:44px;
}
.sd-wh-48 {
    width:48px;
    height:48px;
}
.sd-wh-52 {
    width:52px;
    height:52px;
}
.sd-wh-56 {
    width:56px;
    height:56px;
}
.sd-wh-60 {
    width:60px;
    height:60px;
}
.sd-wh-64 {
    width:64px;
    height:64px;
}
.sd-wh-68 {
    width:68px;
    height:68px;
}
.sd-wh-72 {
    width:72px;
    height:72px;
}
.sd-wh-76 {
    width:76px;
    height:76px;
}
.sd-wh-80 {
    width:80px;
    height:80px;
}
.sd-wh-84 {
    width:84px;
    height:84px;
}
.sd-wh-88 {
    width:88px;
    height:88px;
}
.sd-wh-92 {
    width:92px;
    height:92px;
}
.sd-wh-96 {
    width:96px;
    height:96px;
}
.sd-wh-100 {
    width:100px;
    height:100px;
}
.sd-wh-110 {
    width: 110px;
    height:110px;
}
.sd-wh-120 {
    width: 120px;
    height:120px;
}
.sd-wh-p100 {
    width: 100%;
    height:100%;
}


.sd-br-2 {
    border-radius: 2px;
}
.sd-br-4 {
    border-radius: 4px;
}
.sd-br-6 {
    border-radius: 6px;
}
.sd-br-8 {
    border-radius: 8px;
}
.sd-br-12 {
    border-radius: 12px;
}
.sd-br-14 {
    border-radius: 14px;
}
.sd-br-16 {
    border-radius: 16px;
}
.sd-br-18 {
    border-radius: 18px;
}
.sd-br-20 {
    border-radius: 20px;
}

.sd-bg-primary {
    background-color:#0592dd;
}
.sd-bg-white {
    background-color:#FFFFFF;
}
.sd-bg-grey-f9 {
    background-color:#f9f9f9;
}

.sd-pos-rel {
    position: relative;
}
.sd-pos-fix {
    position: fixed;
}
.sd-pos-abs {
    position: absolute;
}
.sd-pos-t0 {
    top:0;
}
.sd-pos-r0 {
    right:0;
}
.sd-pos-b0 {
    bottom:0;
}
.sd-pos-l0 {
    left:0;
}

.sd-line-1{
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;	
}
.sd-line-2{
  -webkit-line-clamp: 2;
}
.sd-line-3{
  -webkit-line-clamp: 3;
}
.sd-line-4{
  -webkit-line-clamp: 4;
}
.sd-line-5{
  -webkit-line-clamp: 5;
}
.sd-line-2,.sd-line-3,.sd-line-4,.sd-line-5{
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  text-overflow: -o-ellipsis-lastline;
  display: -webkit-box;
  -webkit-box-orient: vertical;	
}

.sd-full-page {
    width:100%;
    min-height: 100vh;
}
.sd-hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow: hidden
}

.sd-header.pc {
    min-height: 50px;
    display: block;
}
.sd-header-default.pc {
    position: fixed;
    top:0;
    left:0;
    right:0;
    background-color: #FFFFFF;
    box-shadow: 0 1px 4px rgba(0,0,0,.1);
    z-index:99999;
}
.sd-header-default.pc .logo {
    height: 80px;
}
.sd-header-default.mp .logo {
    height: 52px;
}
.sd-header-default.pc .logo .icon-logo,
.sd-header-default.mp .logo .icon-logo {
    height: 100%;
}
.sd-header-default.pc .layui-nav .layui-nav-item a {
    color:#333;
    font-size: 16px;
}
.sd-header-default.pc .layui-nav .layui-nav-item.layui-this a {
    color:#0592dd;
}
.sd-header-default.pc .layui-nav .layui-nav-bar,
.sd-header-default.pc .layui-nav .layui-nav-item.layui-this::after {
    display: none;
    height: 0;
}
.sd-header-default.pc .layui-nav .layui-this:after, 
.sd-header-default.pc .layui-nav-bar {
    height: 0;
    background-color: #0592dd;
}
.sd-header-default.pc .layui-nav-child {
    top:71px;
    border-width: 0;
    padding:0;
}
.sd-header-default.pc .layui-nav-child li {
    margin: 0;
    border-left: 3px solid #FFF;
}
.sd-header-default.pc .layui-nav-child li.layui-menu-item-checked,
.sd-header-default.pc .layui-nav-child li.layui-menu-item-checked2,
.sd-header-default.pc .layui-nav-child li:hover {
    border-left-color: #0592dd;
}
.sd-header-default.pc .layui-menu {
    margin:0;
}
.sd-header-default.pc .layui-menu a {
    padding:10px 15px;
}
.sd-header-default.pc .layui-menu .layui-menu-item-checked:after {
    border-right-width: 0;
}
.sd-header-default.pc .layui-menu-body-panel {
    padding: 0;
    top:0;
}
.sd-footer-default.pc,
.sd-footer-default.mp {
    background-color: rgb(46, 49, 57);
}
.sd-footer-default.pc .icp,
.sd-footer-default.pc .icp .link,
.sd-footer-default.pc .copyright,
.sd-footer-default.pc .copyright .link,
.sd-footer-default.mp .icp,
.sd-footer-default.mp .icp .link,
.sd-footer-default.mp .copyright,
.sd-footer-default.mp .copyright .link{
    font-size: 14px;
    color:#ddd;
    text-align: center;
}
.sd-footer-default.pc .copyright-icp-section,
.sd-footer-default.mp .copyright-icp-section {
    background-color: rgb(52, 56, 65);
}
.sd-footer-default.pc .copyright,
.sd-footer-default.mp .copyright {
    margin-bottom: 12px;
}

.sd-body-default.pc {
    padding-top: 80px;
    width:100%;
}
.sd-swiper .img {
    width:100%;
    height: 100%;
}
.sd-swiper-default {
    width:100%;
    height: calc(100vh - 80px);
}
.sd-swiper-default.mp {
    width:100%;
    height: auto;
}
.sd-container {
    margin-right: auto;
    margin-left: auto;
}

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

@media (min-width:992px) {
    .sd-container {
        width: 970px;
    }
}

@media (min-width:1200px) {
    .sd-container {
        width: 1170px;
    }
}
.sd-black-page {
    height: 50vh;
    border-radius: 6px;
    background-color: #fff;
    margin-bottom: 24px;
}

.sd-help-page.pc {
    width:100%;
    min-height: calc(100vh - 80px);
}
.sd-help-page.pc .left-side {
    width:300px;
    background-color: #f9f9f9;
    margin:24px 12px 24px 0;
    min-height: calc(100vh - 80px);
    max-height: calc(100vh - 80px);
    overflow-y: scroll;
    overflow-x: hidden;
}
.sd-help-page.pc .left-side::-webkit-scrollbar {
    width:2px;
    background-color: #f9f9f9;
}
.sd-help-page.pc .left-side::-webkit-scrollbar-thumb {
    width:2px;
    height:16px;
    background-color: #0592dd;
}
.sd-help-page.pc .left-side .search-box .layui-input-wrap,
.sd-help-page.pc .left-side .search-box .layui-input-wrap .layui-input,
.sd-help-page.pc .content-side .required-password-box .layui-input-wrap,
.sd-help-page.pc .content-side .required-password-box .layui-input-wrap  .layui-input,
.sd-search-card .sd-search-card-body .layui-input-wrap,
.sd-search-card .sd-search-card-body .layui-input
{
    border-radius: 6px;
}
.sd-help-page.pc .left-side .eleTree-group .eleTree-title {
    line-height: 40px;
    padding:0 12px;
    cursor: pointer;
    color:#666;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;    
}
.sd-help-page.pc .left-side .eleTree-group .eleTree-title .eleTree-text {
    padding-left: 4px;
}
.sd-help-page.pc .left-side .eleTree-group  .eleTree-group  .eleTree-title  {
    padding-left: 32px;
}
.sd-help-page.pc .left-side .eleTree-group  .eleTree-group .eleTree-group  .eleTree-title  {
    padding-left: 52px;
}
.sd-help-page.pc .left-side .eleTree-group  .eleTree-group .eleTree-group .eleTree-group  .eleTree-title  {
    padding-left: 72px;
}
.sd-help-page.pc .left-side .eleTree-group .eleTree-node .eleTree-title:hover,
.sd-help-page.pc .left-side .eleTree-group .eleTree-node .eleTree-title.eleTree-title-active {
    background-color: #fff;
    border-radius: 6px;
    color:#0592dd;
    .eleTree-text {
        color:#0592dd;
    }
}
.sd-help-page.pc .left-side .eleTree-group .eleTree-node .eleTree-title .eleTree-icon {
    top:2px;
}
.sd-off-canvas .eleTree-group .eleTree-title {
    line-height: 24px!important;
    padding:0;
    cursor: pointer;
    color:#666;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;    
}
.sd-off-canvas .eleTree-group .eleTree-title .eleTree-text {
    padding-left: 4px;
}
.sd-off-canvas .eleTree-group  .eleTree-group  .eleTree-title  {
    padding-left: 18px;
}
.sd-off-canvas .eleTree-group  .eleTree-group .eleTree-group  .eleTree-title  {
    padding-left: 36px;
}
.sd-off-canvas .eleTree-group  .eleTree-group .eleTree-group .eleTree-group  .eleTree-title  {
    padding-left: 54px;
}
.sd-off-canvas .eleTree-group .eleTree-node .eleTree-title:hover,
.sd-off-canvas .eleTree-group .eleTree-node .eleTree-title.eleTree-title-active {
    background-color: #fff;
    border-radius: 6px;
    color:#0592dd;
    .eleTree-text {
        color:#0592dd;
    }
}
.sd-off-canvas .eleTree-group .eleTree-node .eleTree-title .eleTree-icon {
    top:2px;
}
.sd-help-page.pc .content-side {
    background-color: #fff;
    border-radius: 6px;
    min-height: calc(100vh - 80px - 48px);
    margin:24px 0 24px 12px;
}
.sd-help-page.pc .content-side ul.cat-list {
    padding-left:16px;
}
.sd-help-page.pc .content-side ul.cat-list li {
    list-style: disc;
}
.sd-help-page.pc .content-side ul.cat-list li:marker {
    color: grey;
    font-size: 12px;
}
.help-detail.mp .content,
.sd-help-page.pc .content-side .content {
    line-height: 1.75em;
    font-size: 14px;
    word-break: break-all;
    color:#666;
}
.help-detail.mp .content img,
.sd-help-page.pc .content-side .content img {
    max-width: 100%;
    overflow: hidden
}
.required-password-box {
    height: 365px;
}
.sd-post-page.pc .left-col {
    padding-right: 12px;
}
.sd-post-page.pc .right-col {
    padding-left: 12px;
}
.sd-post-page.pc .sd-swiper-section {
    margin-top: 24px;
    width:100%;
}
.sd-post-page.pc .sd-swiper-section .sd-swiper {
    border-radius: 6px;
    overflow: hidden;    
}
.post-list.pc .post-item {
    margin-bottom: 24px;
    padding: 24px;
    background-color: #fff;
    border-radius: 6px;    
}
.post-list.pc .post-item:hover{
    box-shadow: 0 5px 5px rgba(0,0,0,.1);
    transition: all .2s ease-in-out;    
}
.post-list.pc .post-item .cover {
    width:216px;
    height:162px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    border-radius: 6px;
}
.post-list.pc .post-item .title {
    font-size: 16px;
    color: #666;
    font-weight: 700;
    line-height: 1.5em;
}
.post-list.pc .post-item .summary {
    margin: 12px 0;
    line-height: 1.75em;
    font-size: 14px;
    color:#999;
}
.post-list.pc .post-item .post-item-body {
    margin-bottom: 24px;
}
.post-list.pc .post-item .post-item-footer {
    padding-top: 24px;
    border-top: 1px solid #f0f0f0;
}
.post-list.pc .post-item .post-item-footer .link {
    color:#666;
    font-size: 14px;
}
.post-list.pc .post-item .post-item-footer .link:hover {
    color:#0592dd;
}
.post-list.pc .post-item .post-item-footer .link:hover i.layui-icon {
    transform: rotate(180deg);
    transition: all .3s ease-in-out;
    transform: scale(1.2);
}
.post-detail.pc {
    background-color: #fff;
    border-radius: 6px;
    padding: 24px;
    margin-bottom: 24px;
}
.post-detail.pc .title {
    padding:32px 0 16px;
    text-align: center;
}
.post-detail.pc .intro {
    color:#999;
    font-size: 14px;
    text-align: center;
}
.post-detail.pc .delimiter {
    margin:0 4px;
    font-size: 16px;
}
.post-detail.pc .summary {
    background-color: #f9f9f9;
    padding: 16px;
    line-height: 2em;
    margin-top: 16px;
    margin-bottom: 16px;
    color: #333
}
 .post-detail.pc .content {
    line-height: 1.7em;
    word-break: break-all;
    font-size: 14px;
    color: #666
}
.post-detail.pc .content img {
    max-width: 100%;
    overflow: hidden
}
.post-detail.pc .content pre {
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 6px;
}
.sd-pagination .sd-pagination-page,
.sd-pagination .sd-pagination-prev,
.sd-pagination .sd-pagination-next,
.sd-pagination .sd-pagination-first,
.sd-pagination .sd-pagination-last
{
    display: inline-block;
    background-color: #fff;
    border-radius: 6px;
    line-height: 28px;
    height: 28px;
    font-size: 14px;
    padding:0 16px;
    margin:0 4px;
    color:#666;
    border:1px solid #f5f5f5;
}
.sd-pagination a {
    color:#666;
}
.sd-pagination .sd-pagination-disabled {
    cursor:not-allowed;
    color:#d2d2d2!important;
}
.sd-pagination .sd-pagination-active {
    background-color: #0592dd;
}
.sd-pagination .sd-pagination-active a {
    color: #fff!important;
}

.sd-search-card {
    background-color: #fff;
    border-radius: 6px;
}
.sd-search-card .sd-search-card-body {
    padding: 0;
}
.sd-search-card.mp {
    border-radius: 100px;
}
.sd-search-card.mp .layui-input-wrap .layui-input,
.sd-search-card.mp .layui-input-wrap {
    border-radius: 100px;
}
.sd-top-list-card,
.sd-tag-cloud-card {
    background-color: #fff;
    border-radius: 6px;  
    padding:0 16px;
}
.sd-top-list-card .sd-top-list-card-header,
.sd-tag-cloud-card .sd-tag-cloud-card-header {
    padding:12px 0;
    font-size: 16px;
    font-weight: 700;
    color: #666;
    border-bottom: 1px solid #f0f0f0;
}
.sd-top-list-card .sd-top-list-card-body,
.sd-tag-cloud-card .sd-tag-cloud-card-body {
    padding:16px 0;
}
.sd-tag-cloud-card .sd-tag-cloud-card-body .tag {
    display: inline-block;
    background-color: #f0f0f0;
    color: #666;
    font-size: 13px;
    margin: 0 12px 12px 0;
    border-radius: 6px;
    padding: 4px 8px;
}
.sd-tag-cloud-card .sd-tag-cloud-card-body .tag:hover {
    background-color: #0592dd;
    color: #fff;
}
.sd-top-list-card .sd-top-list-card-body .top-list .top-item {
    display: block;
    margin-bottom: 16px;
}
.sd-top-list-card .sd-top-list-card-body .top-list .top-item:last-child{
    margin-bottom: 0;
}
.sd-top-list-card .sd-top-list-card-body .top-list .top-item .sn {
    width:20px;
    height: 20px;
    background-color: #f0f0f0;
    border-radius: 6px;
    margin-right: 8px;
    font-size: 14px;
    color: #666;
}
.sd-top-list-card .sd-top-list-card-body .top-list .top-item:hover {
    color: #0592dd;
}
.sd-top-list-card .sd-top-list-card-body .top-list .top-item:nth-child(1) .sn,
.sd-top-list-card .sd-top-list-card-body .top-list .top-item:nth-child(2) .sn,
.sd-top-list-card .sd-top-list-card-body .top-list .top-item:nth-child(3) .sn{
    background-color: #ff5722;
    color: #fff;
}
.sd-top-list-card .sd-top-list-card-body .top-list .top-item:hover .sn {
    background-color: #0592dd;
    color: #fff;
}
.layui-dropdown.sd-dropdown-main-menu {
    border-radius: 6px;
    border-width: 0;
}
.layui-dropdown.sd-dropdown-main-menu:before{
    display: block;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff; 
    right:8px;
    left:auto;
}
.news-list.pc .news-item {
    margin-bottom: 24px;
}
.news-list.pc .news-item .time {
    width:72px;
    height:88px;
    background-color: #f0f0f0;
}
.news-list.pc .news-item .time .day {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    color: #0592dd;
    margin-bottom: 8px;
}
.news-list.pc .news-item .time .month {
    text-align: center;
    font-size: 14px;
    color: #0592dd;
}
.news-list.pc .news-item .title {
    font-weight: 700;
    font-size: 20px;
    color: #666;
}
.news-list.pc .news-item .summary {
    font-size: 14px;
    color:#666;
}
.news-list.pc .news-item .link {
    font-size: 14px;
    color:#666;
}
.news-list.pc .news-item .middle {
    padding-bottom: 40px;
    border-bottom: 1px solid #f0f0f0;
}
.news-list.pc .news-item .cover {
    width: 216px;
    height: 162px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    border-radius: 6px;    
}
.news-list.pc .news-item:hover .time {
    background-color: #0592dd;
    color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}
.news-list.pc .news-item:hover .month,
.news-list.pc .news-item:hover .day {
    color:#FFFFFF;
}
.news-list.pc .news-item:hover .cover {
    transition: all 0.3s ease-in-out;
}
.news-list.mp .news-item {
    padding:12px;
}
.news-list.mp .news-item .time{
    width:56px;
    height:56px;
    background-color: #0592dd;    
}
.news-list.mp .news-item .time .day {
    font-size: 14px;
    color:#ffffff;
    margin-bottom: 8px;
    text-align: center;
}
.news-list.mp .news-item .time .month {
    font-size: 16px;
    color:#ffffff;
    text-align: center;
}
.news-list.mp .news-item .title {
    font-weight: 700;
    font-size: 16px;
    color: #666;
}
.news-list.mp .news-item .summary {
    font-size: 14px;
    color:#666;
    margin:12px 0;
}
.news-list.mp .news-item .link {
    font-size: 14px;
    color:#0592dd;
}
.news-list.mp .news-item .middle {
    padding-bottom: 16px;
    border-bottom: 1px solid #f0f0f0;
    margin-left: 12px;
}
.post-list.mp .post-item {
    padding: 12px;
    background-color: #fff;
    border-radius: 6px;    
    border-bottom: 1px solid #f9f9f9;
}
.post-list.mp .post-item .cover {
    width:96px;
    height:96px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    border-radius: 6px;
}
.post-list.mp .post-item .title {
    font-size: 16px;
    color: #666;
    font-weight: 700;
    line-height: 1.5em;
}
.post-list.mp .post-item .summary {
    margin: 8px 0;
    line-height: 1.5em;
    font-size: 14px;
    color:#999;
}
.post-detail.mp {
    background-color: #fff;
    border-radius: 6px;
    padding: 12px;
    margin-bottom: 12px;
}
.post-detail.mp .title {
    padding:24px 0 12px;
    text-align: center;
}
.post-detail.mp .intro {
    color:#999;
    font-size: 14px;
    text-align: center;
}
.post-detail.mp .delimiter {
    margin:0 4px;
    font-size: 16px;
}
.post-detail.mp .summary {
    background-color: #f9f9f9;
    padding: 12px;
    line-height: 2em;
    margin-top: 16px;
    margin-bottom: 16px;
    color: #333
}
 .post-detail.mp .content {
    line-height: 1.7em;
    word-break: break-all;
    font-size: 14px;
    color: #666
}
.post-detail.mp .content img {
    max-width: 100%;
    overflow: hidden
}
.post-detail.mp .content pre {
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 6px;
}
.sd-mark {
    position: fixed;
    top:0;
    right:0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background-color: rgba(0,0,0, 0.1);
}
.sd-off-canvas {
    position: fixed;
    top:0;
    bottom: 0;
    left: 0;
    width:68vw;
    z-index: 10000;
    background-color: #ffffff;;    
}