/*!
 *  EasyHelper v2.0.1
 *  Copyright (C) 2018-2019, ZhaoGang
 *  Released under the MIT license
 */:root {
    --basicColor:#2285ee;--basicHoverColor:#6cb3ff;--errorColor:#ff3c4b;--warnColor:#fdae1a;--successColor:#0eb662}
/*

* {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: content-box;
    background: transparent;
    font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,"PingFang SC","Microsoft YaHei",Arial,sans-serif
}

::-ms-clear,::-ms-reveal {
    display: none
}

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

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

input[type="submit"],input[type="button"],input[type="reset"],input[type="file"],button,select {
    cursor: pointer
}

textarea::-webkit-input-placeholder,input::-webkit-input-placeholder {
    color: #9f9f9f
}

textarea::-webkit-input-placeholder {
    display: block;
    height: 14px;
    line-height: 16px
}

textarea::-moz-placeholder {
    display: block;
    height: 14px;
    line-height: 17px
}

input:-webkit-autofill {
    box-shadow: #fff 0 0 1000px inset,#fff 0 0 1000px inset,#fff 0 0 1000px inset,#fff 0 0 1000px inset,#fff 0 0 1000px inset
}

main {
    display: block
}

a {
    color: var(--basicColor);
    text-decoration: none;
    transition: color .15s
}

a:hover {
    color: var(--basicHoverColor)
}

body.helper-body-noscroll {
    position: relative;
    height: 100%;
    overflow: hidden;
    padding-right: 17px
}

.helper-noselect,input[type="button"],input[type="reset"],input[type="submit"],button {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.helper-none {
    display: none!important
}

.helper-transparent {
    opacity: 0!important
}

input[type="text"],input[type="search"],input[type="password"],input[type="email"],input[type="tel"],input[type="url"],textarea {
    border: #dfdfdf solid 1px;
    padding: 0 10px;
    border-radius: 4px;
    font-size: 14px;
    background: #fff;
    min-width: 178px;
    height: 32px;
    transition: .15s
}

textarea {
    resize: vertical;
    min-height: 18px;
    height: auto;
    padding: 10px;
    transition: border .2s
}

input[type="text"]:hover,input[type="search"]:hover,input[type="password"]:hover,input[type="email"]:hover,input[type="tel"]:hover,input[type="url"]:hover,textarea:hover {
    border-color: var(--basicHoverColor)
}

input[type="text"]:focus,input[type="search"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="url"]:focus,textarea:focus {
    border-color: var(--basicColor)
}

input[type="button"],input[type="reset"],input[type="submit"],button {
    border: #dfdfdf solid 1px;
    font-size: 14px;
    padding: 0 12px;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    border-radius: 4px;
    background: #fff;
    color: #393939;
    transition: .15s
}

input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,button:hover {
    color: var(--basicColor);
    border-color: #71b6ff
}

input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active,button:active {
    color: var(--basicColor);
    border-color: var(--basicColor)
}

input[type="button"][round],input[type="reset"][round],input[type="submit"][round],button[round] {
    border-radius: 400px
}

button[info],button[success],button[warn],button[error] {
    color: #fff
}

button[info]:hover,button[success]:hover,button[warn]:hover,button[error]:hover {
    opacity: .8
}

button[info]:active,button[success]:active,button[warn]:active,button[error]:active {
    opacity: 1
}

button[info] {
    background: var(--basicColor);
    border-color: var(--basicColor)
}

button[info]:active {
    background: #0c74e3;
    border-color: #0c74e3
}

button[success] {
    background: var(--successColor);
    border-color: var(--successColor)
}

button[success]:active {
    background: #01a251;
    border-color: #01a251
}

button[warn] {
    background: var(--warnColor);
    border-color: var(--warnColor)
}

button[warn]:active {
    background: #f8a200;
    border-color: #f8a200
}

button[error] {
    background: var(--errorColor);
    border-color: var(--errorColor)
}

button[error]:active {
    background: #fd2333;
    border-color: #fd2333
}

button[info-ghost],button[success-ghost],button[warn-ghost],button[error-ghost] {
    background: transparent
}

button[info-ghost]:hover,button[success-ghost]:hover,button[warn-ghost]:hover,button[error-ghost]:hover {
    opacity: .7
}

button[info-ghost]:active,button[success-ghost]:active,button[warn-ghost]:active,button[error-ghost]:active {
    opacity: 1
}

button[info-ghost],button[info-ghost]:hover {
    border-color: var(--basicColor);
    color: var(--basicColor)
}

button[success-ghost],button[success-ghost]:hover {
    border-color: var(--successColor);
    color: var(--successColor)
}

button[warn-ghost],button[warn-ghost]:hover {
    border-color: var(--warnColor);
    color: var(--warnColor)
}

button[error-ghost],button[error-ghost]:hover {
    border-color: var(--errorColor);
    color: var(--errorColor)
}*/

.helper-drawer-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999
}

.helper-drawer-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    opacity: 0
}

.helper-drawer-wrapper {
    position: absolute;
    top: 0;
    height: 100%;
    background: #fff;
    overflow-x: hidden
}

.helper-drawer-left {
    left: 0;
    transform: translateX(-100%)
}

.helper-drawer-right {
    right: 0;
    transform: translateX(100%)
}

.helper-drawer-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    overflow: hidden;
    border-bottom: #dfdfdf solid 1px
}

.helper-drawer-header>div {
    float: left;
    width: calc(100% - 59px);
    height: 50px;
    line-height: 50px;
    margin: 0 15px;
    font-weight: bold;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.helper-drawer-header>i {
    display: block;
    float: right;
    width: 14px;
    height: 14px;
    margin: 18px 15px 0 0;
    cursor: pointer;
    opacity: .4;
    transition: opacity .2s
}

.helper-drawer-header>i:hover {
    opacity: .8
}

.helper-drawer-content {
    position: relative;
    width: 100%;
    height: auto;
    overflow-x: hidden
}

.helper-drawer-header+.helper-drawer-content {
    margin-top: 51px
}

.helper-loading-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    overflow: hidden
}

.helper-loading-wrapper {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 60px;
    margin-top: -30px;
    overflow: hidden
}

.helper-loading-body {
    position: relative;
    width: 36px;
    height: 36px;
    margin: 0 auto
}

.helper-loading-text {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    color: var(--basicColor)
}

.helper-loading-circle-a,.helper-loading-circle-b {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: var(--basicColor);
    opacity: .5;
    animation: UIloadingCircleAnimation 1.8s infinite ease-in-out
}

.helper-loading-circle-b {
    animation-delay: -.9s
}

.helper-loading-ring {
    width: 31px;
    height: 31px;
    border-radius: 50%;
    border: #dfdfdf solid 2.5px;
    border-left: var(--basicColor) solid 2.5px;
    animation: UIloadingRingAnimation 1s linear infinite
}

@keyframes UIloadingCircleAnimation {
    0%,100% {
        transform: scale(0)
    }

    50% {
        transform: scale(1)
    }
}

@keyframes UIloadingRingAnimation {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.helper-switch-container {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 22px;
    line-height: 22px;
    cursor: pointer;
    overflow: hidden;
    transition: background .18s
}

.helper-switch-dot {
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 9px;
    background: #fff;
    margin: 2px 0 0 2px;
    transition: margin-left .18s
}

.helper-switch-dot.helper-switch-dot-active {
    margin-left: 30px
}

.helper-switch-open,.helper-switch-close {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: calc(100% - 3px);
    height: 22px;
    overflow: hidden;
    font-size: 12px;
    color: #fff
}

.helper-switch-open {
    padding-left: 10px;
    text-align: left
}

.helper-switch-close {
    padding-right: 10px;
    text-align: right
}

.helper-radio-container {
    display: inline-block;
    height: 16px
}

.helper-radio-vertical .helper-radio {
    display: block;
    margin: 0 0 15px 0
}

.helper-radio {
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    overflow: hidden;
    margin-right: 25px;
    transition: .15s
}

.helper-radio>* {
    display: block;
    float: left;
    height: 16px;
    line-height: 16px
}

.helper-radio i {
    position: relative;
    width: 12px;
    height: 12px;
    border: #dfdfdf solid 1px;
    border-radius: 7px;
    background: #fff;
    color: #393939;
    margin: 1px 7px 0 0
}

.helper-radio i::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 5px;
    margin: 2px;
    background: #fff;
    transform: scale(0.8)
}

.helper-radio.helper-radio-checked {
    color: var(--basicColor)
}

.helper-radio.helper-radio-checked i {
    border-color: var(--basicColor)
}

.helper-radio.helper-radio-checked i::after {
    background: var(--basicColor);
    transition: .1s;
    transform: scale(1)
}

.helper-radio-disabled {
    color: #aaa;
    cursor: not-allowed
}

.helper-radio-disabled.helper-radio-checked {
    color: #aaa
}

.helper-radio-disabled.helper-radio-checked i {
    border-color: #aaa
}

.helper-radio-disabled.helper-radio-checked i::after {
    background: #afafaf
}

.helper-checkbox-container {
    display: inline-block
}

.helper-checkbox-vertical .helper-checkbox {
    display: block;
    margin: 0 0 15px 0
}

.helper-checkbox {
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    overflow: hidden;
    margin-right: 15px;
    transition: .15s
}

.helper-checkbox>* {
    display: block;
    float: left;
    height: 16px;
    line-height: 16px
}

.helper-checkbox i {
    position: relative;
    width: 12px;
    height: 12px;
    border: #dfdfdf solid 1px;
    border-radius: 2px;
    background: #fff;
    color: #393939;
    margin: 1px 7px 0 0
}

.helper-checkbox i::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 4px;
    margin-top: -1px;
    border-left: #fff solid 2px;
    border-bottom: #fff solid 2px;
    transform: translate(-50%,-50%) rotate(-45deg) scale(0.8)
}

.helper-checkbox>span {
    width: calc(100% - 21px)
}

.helper-checkbox.helper-checkbox-checked {
    color: var(--basicColor)
}

.helper-checkbox.helper-checkbox-checked i {
    border-color: var(--basicColor);
    background: var(--basicColor)
}

.helper-checkbox.helper-checkbox-checked i::after {
    transition: .1s
}

.helper-checkbox-disabled {
    color: #aaa;
    cursor: not-allowed
}

.helper-checkbox-disabled i,.helper-checkbox-disabled.helper-checkbox-checked i {
    background: #f5f5f5
}

.helper-checkbox-disabled.helper-checkbox-checked i::after {
    border-color: #bfbfbf
}

.helper-checkbox-disabled.helper-checkbox-checked i {
    border-color: #dfdfdf
}

.helper-checkbox-disabled.helper-checkbox-checked {
    color: #aaa
}

.helper-select-input {
    position: relative;
    border: #dfdfdf solid 1px;
    border-radius: 4px;
    font-size: 14px;
    background: #fff;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    transition: .15s
}

.helper-select-input>div {
    float: left;
    overflow-y: hidden;
    overflow-x: hidden:;
    height: 47px;
    width: calc(100% - 33px)
}

.helper-select-input:hover {
    border-color: var(--basicHoverColor)
}

.helper-select-placeholder {
    color: #999
}

.helper-select-input span {
    display: block;
    float: left;
    margin-left: 10px;
    overflow: hidden
}

.helper-select-input i {
    position: relative;
    float: right;
    display: block;
    width: 12px;
    height: 12px;
    margin: 10px 10px 0 0;
    opacity: .5;
    transition: .2s
}

.helper-select-input.helper-select-input-active {
    border-color: var(--basicColor)
}

.helper-select-input.helper-select-input-active i {
    transform: rotate(180deg)
}

.helper-select-input i svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.helper-select-container {
    display: inline-block;
    position: relative;
    font-size: 14px
}

.helper-select-wrapper {
    display: none;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    z-index: 10;
    background: #fff;
    border: #eee solid 1px;
    padding: 8px 0;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: rgba(0,0,0,.07) 0 2px 9px;
    transform-origin: center top;
    transform: scale(1,0);
    opacity: 0;
    overscroll-behavior: contain
}

.helper-select-wrapper::-webkit-scrollbar {
    width: 6px
}

.helper-select-wrapper::-webkit-scrollbar-thumb {
    width: 6px;
    background: #d7d7d7;
    border-radius: 3px
}

.helper-select-container li {
    position: relative;
    font-size: 14px;
    display: block;
    list-style: none;
    word-break: break-all;
    padding: 8px 10px;
    color: #555;
    text-align: left;
    transition: .15s
}

.helper-select-wrapper li:hover {
    color: var(--basicColor)
}

.helper-select-wrapper li.active,.helper-select-wrapper li.multiple-active {
    background: #f3f2f1;
    font-weight: bold;
    color: var(--basicColor)
}

.helper-select-wrapper li.active span {
    color: var(--basicColor)!important
}

.helper-select-wrapper li.multiple-active::after {
    content: "";
    display: block;
    width: 9px;
    height: 6px;
    border-top: var(--basicColor) solid 1px;
    border-right: var(--basicColor) solid 1px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%) rotate(135deg)
}

span.helper-select-list-span {
    color: #000
}

.helper-select-wrapper p {
    font-size: 15px;
    font-weight: bold;
    margin: 10px 0 3px 10px;
    cursor: default!important
}

.helper-select-search {
    width: calc(100% - 20px);
    border-top: none!important;
    border-left: none!important;
    border-right: none!important;
    padding: 0!important;
    border-radius: 0!important;
    display: block;
    margin: 0 auto 15px auto;
    text-align: center;
    font-weight: bold;
    color: #000
}

p.helper-select-search-nodata {
    text-align: center;
    color: #aaa;
    font-size: 14px;
    font-weight: normal;
    margin: 20px 0 15px 0
}

.helper-select-multiple {
    display: inline-block;
    padding: 0 5px;
    height: 22px;
    line-height: 22px;
    border: #dfdfdf solid 1px;
    cursor: pointer;
    background: #eee;
    color: #000;
    border-radius: 4px;
    margin-left: 3px
}

.helper-select-group:not(:last-child) {
    border-bottom: #e9e9e9 solid 1px
}

div.helper-select-clearable {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50%;
    background: #888;
    cursor: pointer;
    transform: scale(0.38) translate(2px,-1px)
}

div.helper-select-clearable svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(0.68)
}

.helper-select-multiple-size {
    margin-left: 10px;
    font-weight: normal
}

.helper-select-shortcut {
    margin: 5px 0 10px 0;
    text-align: center
}

.helper-select-shortcut button {
    height: 28px;
    line-height: 28px;
    padding: 0 8px;
    font-size: 12px;
    margin: 0 3px
}

.helper-autocomplete-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    background: #fff;
    padding: 10px 0;
    font-size: 14px;
    border: #eee solid 1px;
    padding: 8px 0;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: rgba(0,0,0,.07) 0 2px 9px;
    border-radius: 4px
}

.helper-autocomplete-container ul {
    display: block;
    overflow: hidden
}

.helper-autocomplete-container li {
    position: relative;
    font-size: 14px;
    display: block;
    list-style: none;
    word-break: break-all;
    padding: 8px 10px;
    color: #555;
    cursor: pointer;
    transition: .1s
}

.helper-autocomplete-container li:hover {
    color: var(--basicColor);
    background: #f3f2f1
}

.helper-autocomplete-container::-webkit-scrollbar {
    width: 6px
}

.helper-autocomplete-container::-webkit-scrollbar-thumb {
    width: 6px;
    background: #d7d7d7;
    border-radius: 3px
}

.helper-progress {
    position: relative;
    overflow: hidden
}

.helper-progress-bar-box {
    position: absolute;
    top: 50%;
    left: 0;
    height: 6px;
    border-radius: 3px;
    overflow: hidden;
    background: #eee;
    transform: translateY(-50%)
}

.helper-progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    color: #fff;
    border-radius: 3px
}

.helper-progress-bar-box.helper-progress-textinside {
    height: 14px;
    line-height: 14px;
    border-radius: 7px
}

.helper-progress-bar-box.helper-progress-textinside .helper-progress-bar {
    border-radius: 7px;
    text-align: right
}

.helper-progress-text {
    font-size: 12px;
    font-style: normal;
    position: absolute;
    right: 0;
    top: 50%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    transform: translateY(-50%)
}

.helper-progress-bar .helper-progress-text {
    font-size: 12px;
    font-style: normal;
    margin-right: 4px
}

.helper-top {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 10;
    width: 40px;
    height: 36px;
    border-radius: 4px;
    cursor: pointer;
    background: rgba(0,0,0,.5);
    transition: background .2s
}

.helper-top:hover {
    background: rgba(0,0,0,.7)
}

.helper-top>div {
    width: 12px;
    height: 12px;
    margin: 0 auto;
    border-top: #fff solid 2px;
    border-left: #fff solid 2px;
    transform: translateY(14px) rotate(45deg)
}

.helper-share-container {
    position: relative;
    overflow: hidden;
    width: 210px;
    height: 34px
}

.helper-share-container i {
    display: block;
    float: left;
    margin-right: 10px;
    width: 34px;
    height: 34px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 50%;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: .2s
}

.helper-share-container i:hover {
    opacity: .8
}

.helper-share-container i:last-child {
    margin-right: 0
}

.helper-share-qrcode-container {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 270px;
    height: 310px;
    margin: -155px 0 0 -135px;
    background: #fff;
    box-shadow: #e0e0e0 0 0 15px;
    border-radius: 4px;
    z-index: 99;
    opacity: 0
}

.helper-share-qrcode-container>i {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    margin: 7px 7px 0 0;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: rgba(0,0,0,.1);
    cursor: pointer
}

.helper-share-qrcode-container>i:hover svg {
    opacity: .6
}

.helper-share-qrcode-container>i svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(0.9);
    opacity: .3
}

.helper-share-qrcode-container>p {
    text-align: center;
    font-size: 18px;
    margin: 15px 0
}

.helper-share-qrcode-box {
    width: 230px;
    height: 230px;
    line-height: 230px;
    text-align: center;
    font-size: 14px;
    color: #999;
    margin: 0 auto;
    position: relative
}

.helper-share-qrcode-box canvas {
    position: absolute;
    top: 0;
    left: 0
}

i.helper-share-qrcode {
    background-image: url(data:img/jpg;base64,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)
}

i.helper-share-qq {
    background-image: url(data:img/jpg;base64,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)
}

i.helper-share-qzone {
    background-image: url(data:img/jpg;base64,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)
}

i.helper-share-sina {
    background-image: url(data:img/jpg;base64,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)
}

i.helper-share-douban {
    background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAYAAAA4E5OyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIyNDAzRTkzMUIwNTExRTlCNTFDOUYzQ0U1RUEwM0FEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIyNDAzRTk0MUIwNTExRTlCNTFDOUYzQ0U1RUEwM0FEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjI0MDNFOTExQjA1MTFFOUI1MUM5RjNDRTVFQTAzQUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjI0MDNFOTIxQjA1MTFFOUI1MUM5RjNDRTVFQTAzQUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz53VPdIAAAG4klEQVR42uyc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)
}

.helper-table table {
    width: 100%
}

.helper-table td {
    border: #dfdfdf solid 1px;
    padding: 8px 10px;
    font-size: 14px;
    word-break: break-all;
    vertical-align: middle
}

.helper-table td>div {
    display: inline-block;
    margin-top: 4px
}

.helper-table td>div span {
    display: block;
    float: left
}

.helper-table-thead td {
    font-weight: bold;
    color: #000;
    background: #f5f5f5
}

.helper-table-tbody td {
    font-weight: normal;
    color: #555;
    transition: background .2s
}

.helper-table-center {
    text-align: center
}

.helper-table-hoverhighlight .helper-table-tbody tr:hover td {
    background: rgba(34,133,238,.07)!important;
    color: #000
}

.helper-table-stripe tr:nth-child(2n) td {
    background: #f8f8f8
}

.helper-table-arrow {
    display: inline-block;
    height: 19px;
    width: 10px;
    position: relative;
    margin-left: 5px
}

.helper-table-sort-up,.helper-table-sort-down {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    transition: .2s;
    cursor: pointer
}

.helper-table-sort-up {
    border-bottom-color: #c9c9c9;
    top: 0;
    margin-top: -1.5px
}

.helper-table-sort-up:hover,.helper-table-sort-up.active {
    border-bottom-color: var(--basicColor)
}

.helper-table-sort-down {
    border-top-color: #c9c9c9;
    bottom: 0;
    margin-bottom: -1.5px
}

.helper-table-sort-down:hover,.helper-table-sort-down.active {
    border-top-color: var(--basicColor)
}

.helper-dialog-container {
    position: relative;
    z-index: 99999
}

.helper-dialog-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.55);
    opacity: 0
}

.helper-dialog-wrapper {
    position: fixed;
    top: 50%;
    left: 50%;
    background: #fff;
    overflow: hidden;
    box-shadow: rgba(0,0,0,.14) 0 0 15px;
    transform: scale(0.88);
    opacity: 0
}

.helper-dialog-header {
    overflow: hidden
}

.helper-dialog-title {
    display: block;
    float: left;
    width: calc(100% - 65px);
    padding: 15px;
    margin:0px;
    font-size: 16px;
    font-weight: bold;
    word-break: break-all;
    cursor: default
}

.helper-dialog-close {
    display: block;
    float: right;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 15px 13px 0 0;
    font-style: normal;
    text-align: center;
    cursor: pointer;
    opacity: .7;
    transition: .2s
}

.helper-dialog-close:hover {
    opacity: 1
}

.helper-dialog-content {
    position: relative;
    border-top: #e9e9e9 solid 1px;
    border-bottom: #e9e9e9 solid 1px;
    padding: 15px 0;
    min-height: 100px;
    font-size: 14px;
    line-height: 160%;
    overflow: auto;
    color: #292929
}

.helper-dialog-content>div {
    overflow: hidden;
    margin: 0 15px
}

.helper-dialog-type-left,.helper-dialog-type-right {
    float: left;
    margin-top: 20px
}

.helper-dialog-type-left {
    width: 30px;
    height: 30px;
    margin-left: 15px
}

.helper-dialog-type-right {
    width: calc(100% - 75px);
    margin-left: 15px;
    word-break: break-all
}

.helper-dialog-type-right-title {
    font-size: 16px;
    font-weight: bold;
    margin: 3px 0 5px 0
}

.helper-dialog-footer {
    height: 64px;
    padding: 15px 0
}

.helper-dialog-footer>div {
    float: right;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    cursor: pointer;
    padding: 0 15px;
    border-radius: 4px;
    transition: .2s
}

div.helper-dialog-yes {
    background: var(--basicColor);
    color: #fff;
    border: var(--basicColor) solid 1px;
    margin-left: 12px;
    margin-right: 15px
}

.helper-dialog-no {
    color: #777;
    border: #e5e5e5 solid 1px
}

.helper-dialog-yes:hover {
    background: #4797ed
}

.helper-dialog-no:hover {
    border-color: #cfcfcf
}

.helper-dialog-autoclose {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: var(--basicColor);
    transform: scale(0,1);
    transform-origin: left center
}

.helper-dialog-dark-mode {
    background: #292d34;
    color: #d8d8d8
}

.helper-dialog-dark-mode .helper-dialog-content {
    border-color: #3D4047;
    background: #292d34!important;
    color: #d8d8d8
}

.helper-dialog-dark-mode .helper-dialog-yes {
    background: #292d34;
    border-color: #9a9a9a;
    color: #9f9f9f
}

.helper-dialog-dark-mode .helper-dialog-yes:hover {
    background: #292d34;
    border-color: #eee;
    color: #eee
}

.helper-dialog-dark-mode .helper-dialog-no {
    background: #292d34;
    border-color: #55585D;
    color: #858585
}

.helper-dialog-dark-mode .helper-dialog-no:hover {
    background: #292d34;
    border-color: #777;
    color: #999
}

.helper-marquee-inner {
    float: none!important;
    margin: 0!important;
    padding: 0!important;
    background: transparent!important
}

.helper-marquee-default,.helper-marquee-repeat {
    float: left;
    margin: 0!important;
    padding: 0!important;
    background: transparent!important
}

.helper-marquee-part {
    display: block;
    float: left
}

.helper-badge sup {
    display: block;
    position: absolute;
    top: -10px;
    right: 0;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    font-size: 12px;
    text-align: center;
    border-radius: 10px;
    white-space: nowrap;
    color: #fff;
    transform: translateX(50%)
}

.helper-badge sup.helper-badge-dot {
    width: 8px;
    min-width: 8px;
    height: 8px;
    padding: 0;
    border-radius: 4px;
    top: -4px;
    right: 0
}

.helper-progress-container {
    position: relative;
    overflow: hidden;
    height: 20px;
    color: #fff;
    font-size: 12px
}

.helper-progress-wrapper {
    position: relative;
    float: left;
    height: 6px;
    border-radius: 3px;
    margin-top: 7px;
    background: #eee
}

.helper-progress-wrapper div {
    height: 6px;
    border-radius: 3px;
    overflow: hidden;
    width: 0;
    transition: .15s
}

.helper-progress-wrapper span {
    margin-right: 5px
}

.helper-progress-container>span {
    display: block;
    float: left;
    width: 40px;
    height: 20px;
    line-height: 20px;
    margin-left: 5px;
    font-size: 14px;
    color: #000
}

.helper-progress-text-inside {
    width: 100%;
    height: 18px;
    line-height: 18px;
    border-radius: 9px;
    margin-top: 0;
    font-size: 12px;
    color: #fff;
    text-align: right
}

.helper-progress-text-inside div {
    height: 18px;
    border-radius: 9px
}

.helper-imageview {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.75);
    opacity: 0
}

.helper-imageview img {
    position: absolute;
    transform: scale(1);
    height: auto;
    display: block;
    border: 0;
    transform-origin: center center;
    cursor: move
}

.helper-imageview img.helper-imageview-border {
    border: #fff solid 4px;
    border-radius: 4px
}

.helper-imageview img.grab {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.helper-imageview img.grabbing {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.helper-imageview i {
    display: block
}

.helper-imageview-close {
    width: 100px;
    height: 100px;
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(0,0,0,.6);
    cursor: pointer;
    border-radius: 50px;
    margin: -55px -55px 0 0
}

.helper-imageview>i>i {
    width: 13px;
    height: 13px;
    background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAMAAAC7faEHAAAANlBMVEUAAAD////////////////////////////////////////////////////////////////////xY8b8AAAAEXRSTlMABLq0B8Bwr30QDPDv2aJ8E8vZakwAAACmSURBVDjLrdTbCsMgEEXReEmMvc///2xhhJ6HwW0L9ek4LghMHLf/r9d5JDhOx7N7uJuVNGfFbPdg5nDOzDw+BgTWPNd9wCnLdWOYsrPPQdWemCrAQi2WEKoAMLIIgQWoiFAM4SWr7/TXr2IIxRgyY8ffZXZDyH3hPjNTZAYQ7hWy9XVGuJij3+ZyPefMBKtvmtgENs+BReixDAaweOqrd/fs29frDfSpE2Iz7rOzAAAAAElFTkSuQmCC) no-repeat center;
    background-size: cover;
    margin: 65px 0 0 22px
}

.helper-imageview-control {
    position: absolute;
    bottom: 20px;
    left: 50%;
    height: 40px;
    padding: 0 20px;
    box-sizing: content-box;
    border-radius: 20px;
    transform: translateX(-50%);
    background: rgba(0,0,0,.65);
    box-shadow: #666 0 0 1px
}

.helper-imageview-control>i {
    position: relative;
    float: left;
    width: 34px;
    height: 40px;
    margin: 0 5px;
    cursor: pointer;
    font-style: normal;
    transition: .25s
}

.helper-imageview-control>i:hover b {
    display: block
}

.helper-imageview-control i b {
    display: none;
    font-weight: normal;
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: -36px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0,0,0,.65);
    width: calc(100% + 10px);
    text-align: center;
    padding: 4px;
    border-radius: 4px
}

.helper-imageview-control i b::after {
    content: "";
    display: block;
    position: absolute;
    border-width: 5px 5px 0;
    border-style: solid;
    border-color: rgba(0,0,0,.65) transparent transparent;
    left: 50%;
    transform: translate(-50%,4px)
}

.helper-imageview-control i i {
    width: 16px;
    height: 16px;
    margin: 12px 9px;
    transform: scale(1.2)
}

.helper-imageview-scale-01 i {
    background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAolBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8ELnaCAAAANXRSTlMANui/kQooESQbAvrv6uPYBvPftmpJK/fQzaqmoZiHhIF7WU5DPi4gY1/CnHJS6eXGro4XFcZ/gO8AAAHfSURBVEjHzZTpdoIwEIVZBMQVBHEDXACttbbaNu//as2MJ6mTCNUf7en9RW7mIzM3HIy/l1Nu4vVT5d9ZXqYTdtFrenR+qu5shuxaYe411ldYTpF1Q/2+y24oqu1rxVCTKDb9wEuKrM9Qs5q2XnC32/re7uwt9J47t+rHuDdyacIpurmhy8cwp5+qnyMx1oEF1sv5koBMNtSaSrAf2b7NRvKiD7AVq8CcHOzyxVLOAZNbyhEBTHCSS5OvWnL1xLhKChTgHWuAIMQlUQY34FCA9jugQMQt21AA2pNDgCl3DvDgrWyuGbwSHlLMqgSgTQBLxLJkVEMRGqsI0OPO+nJ/VCHE6cNTQYChaHrbI/WDvRiJmQR45s68duiCziA6GdUCKwg9IAAGl9QBUwydyANgWQO4TESiDBF618C73DsDsFOAI5iZPLAnPl2R0cJQNQN7L1bbtUxx9wojJxpQMdBG8/0Rw/50tZB4UdzEAtdybgDBCYmFf+3FIZq9rXFDH2+4OclNYcTQTgPhiz+rFR2WrTnG0Ew4NtOVmgMk3Lq/PdWs5MEi0ReEikRdWd2N8PYoocsp8mxun7PVWIa5s3SiWe0L0X6UsH6X6AMxNe6XC8TAeIR4g4/zEXlxZfxPfQEge3NWoHKN8gAAAABJRU5ErkJggg==)
}

.helper-imageview-scale-02 i {
    background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAqFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8j1z1tAAAAN3RSTlMAwED6FWbbWQLXXjgqHPHFVvXt5uDSzrWRUEU9LicYDsu6rZqWfnIJBqWfSzQyIhIMsIuBbXtr+EnqWgAAActJREFUSMfNVNl2gkAMHQRZFAR3BdxABZe6t/z/n7UJUhkyU+tLT+/TcJM7yUkuw/4cqXGJo8X23Zv8Kn0ft7IC+ih4ll5bZDzc3U/pM0yvSjRp/kEvklqWa3WKj64tyX+7pwzrU/zWGpGKRLsmzD92MaqEJW5yzgs6jMJ0Mbau0AYW6SdUsIKA6hHeb0NgSXgN+QajGONNZIlb7h5ae1ghHSA7iVBgWhAMefIGXB1OsqZWPKfA8EwmAQx8zjEnuGPDZBhBmHOIzY2IwIdwIGbsWClj6+DCIWyUBQ1gDnAaZDx07Jh4oA4MWq6VVZACC4crGVyYS3nEQE7h9ME5G5hdvsJaGYdH2OOcRFdDOt5zFGx/IBUs6FovcIfsWdFU6r4ABJFEsBQYzewB2RTm21Cgk1ZYD98HTfT26PTX/V7xPCG8OcSFpyQQqqio1jgpmaxZAyO9gO+/j2zHEbsecd4/qm6yO3oihQkKQHe5NnzvNsLJFYqp0AJqRqFGuc+FiqZC8uf23cG6xoSSIVfFHT88b6GCYuZt+m3sxb0W02zkiiOTwmnaGtqTU/R5BQVVzCRh6V4HryuSFxQqcdUTjL8UbY29AN/Sd+xf4hM8OHRI4CObxAAAAABJRU5ErkJggg==)
}

.helper-imageview-switch-01 i {
    background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAwMsK9tmkOhMF08aejzYP+vPmtYBwYlVPQxbavJYuC4SnYwAAAJ1JREFUSMftlMkOgzAMRElKUijQDUpbuvj//5IYyVyZ4Zx3fiNZ3opMBuMfjpR/vknJJN6liDjcf12T/5lg/ymJUwX74+JfYP+hvsf9Qf3mAPud+g73W/W/NexH9Xvc/4nSuC3iWg/I3QpiA3UvindbdIUlojUVprWxcYPzTGKwVSKXryISo50Dd0BBE9SJhol+AvyboRLpkWUye5gBDLkXfXTX7RAAAAAASUVORK5CYII=)
}

.helper-imageview-switch-02 i {
    background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAwMsK9tmkOhMF08aejzYP+vPmtYBwYlVPQxbavJYuC4SnYwAAAJlJREFUSMft1MkOgyAUQFFBoVgc2trRDu///7K+JtWlXNfcnQknMfCgyOU2tXMftr6SY0eAEZHqAcD4nMThDkTYy9QNiP4nrkRYFRcgyqjiTIRR0QJRv1Q0RAwq/PztzVpRtPcfnCSxhoHlp1qzlhVtqNnG+vT1kW1radnB9ZaNRoDDF+B4B8cu0OjAFeWPAH9mVLiuyOWS+gLP6xd9eP/zcwAAAABJRU5ErkJggg==)
}

.helper-imageview-rotate-01 i {
    transform: scale(0.92)!important;
    background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAArlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8tivQqAAAAOXRSTlMA6u7zfOXKMIb18Nu7dFcT+ufhxLOogm49NyUEraOejGkZDwjHYV5QRSwoDNHPkmT3wJgiHppLQSdu4oMpAAAB60lEQVQ4y41U52KCMBA2YSOg7CGzKKhVW60dvP+LNUuwCJX7Q0i++27frCfF1sh13QgXs//kqmuWCSCEQLDEUz0GjrIjaDrhrGO6H4CtdFtp+rLmy84p+SShzz6B7fOS62jd4AbcNI0WzHYOe5nHGe/nunc5M37RWFGgh9TtPKb69sV4YQQSr3FUtaYXfmdSyD7uvV5kc8oZUtMtEGz6AQbiEj+4xIoBbnzfj6lYHIhHPD5/MeB7shpI2k4gWdphepMxqkm/Eq1BzsPRIR3GmRaPwFLGMdjI2lVto7aGKlbY2P8aqcQAzA9rzXFTf7ALZAXVysG2q6rehlJUjDRLKCJK8zp7Lp84x9sJQBkDjQlAHQGhPwH4BlGSvQnACqCUy1MYOcTITw1m8xy3iHEepefA7QG3eUk6LZPDcSDPoRLGRMVC8/UzhntxcFOQfLus3YclF/DYkNdM+Sf10RwP+ome7YbENTQKqzMZhX3rLg5sYLheU4UNF/ul4+qVPZwkknWRvN4uPuhCgU74t3Z0AWjRnarWEDl+biJmJdBdiy6K4I+R+LYGtFT233LZFdkGcRiutZ4o3dpT2zNMfh4C5NfLpifvtj64Pi5H8x4GD6f9SLmK/CwAAFVVBaYletFsXMpdXfm8x1dhv/a/jrpipDKZBSgAAAAASUVORK5CYII=)
}

.helper-imageview-rotate-02 i {
    transform: scale(0.92)!important;
    background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAolBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8ELnaCAAAANXRSTlMA7+vzxOfK5TC7PvWEdCUS+uGzqJ6HemJXNywF3K2jjF5RGQ4Ifm9nJx8M0c+Za0X3kUrZlF2rR+4AAAHrSURBVDjLjZVnY4IwEIYhhFlA9lKWinvUtvn/f60ZaBSjcp9C8uTu8uYuSEOb5JnjrLPzXHpjk/ai+TqQZQBU33S2L7BNdPAVxA0caleALROIhvYFnemQs0LuTPFuQ7na4EXjL+5Tnrba1cfRdtanpC5nPRoUkmUilDKw/WWuzMToIyyyI2QxyjXEKzadzZm/WT25z8atdZ7Ciu4OydjTrGHijXpTgIbuaIw9d8ePqF/BDH8VNLBeCDSbVt8MVH/wl63QLaKbqmTUgxbeBUmy8fKZm0fUH41nYGlIHlBUA4XPT43vPfCwzrawRlZRGJhwP1NBuZS2RAItf1FOc9fIz23T4MhngMFI+mwZAe0R4Ioo4IwAbQzK6QgwVrCczQiwwx6V9QgwJYeJR4AG0bGcfAaXM1Ji5xEuSw8nmbxez+P6hymukxZavOI2uLN8Si40Ukaic/M2Cen44pHGct9c3FfNyo4+EeZU1ApUEwR7L4lCdkU7QXMRSfhRdxUipGYMlbNZu3IXrkknftNHXQLWWsH2LgR7KvzQsfrdbno8IGrmQyAr6JtIC+NTuooj89r6pTHQlbUwTVb2+AtZbZ+UcOA3GpgHu53osi57+R5TD8dCEptra74KZGwA6PD09sewyJuuS05NWwzemH9b3lu/M1WdUAAAAABJRU5ErkJggg==)
}

.helper-imageview-refresh i {
    background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAB41BMVEVMaXH////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////TJ4eaAAAAoHRSTlMAAQQD/QKAwJ+OCwXnHNeZsfmRFc4k2yDjGKS4+1uErdHWEjv0EZcW/l6HBquw1BA02UOqCg+5PQcb6ODkH4XICfGP0nAOs1H2lHVWnqPHZevMagjwLLJQ9VU2F1qdfl+iQIMhZOrLadBPMNXau5zfP4JjJe4q8y+1lndYOd58Gr8+gcRipclI7fKQ01L3lXYUV/yavuIna+EirkanurSbfIMqvQAAAgZJREFUeNrt1FVvG0EUhuHPXu9uaogdu3GYmZlTZmZmZmaGpMzM7fmpXZ01xO6ecXxRqar8XPrMvFrNWIOc/13TsdmDpuVUeM8BZMt1L3iLpug8dwdZcLdEKd3bviFMV3cNOZq5D3EjnyByVTaTwNPqBpv1eQYk/Vcp4UXN4vmGcTpKCe+9vH+cxEDt4cQHV97UYQu0VHniv0aAL+MkBhp6yDaxCSkCwVgiP/JxlMSAbzWxM0vwh+MnY4W1JAdWETMb4MDbTjY58IbYSg3O9mcI1D7m2TWI7qsDeTwa1CEqLFAFivici7sU+/3KL1jGkzqIivzKMxjgz+uAKFCsvoUbPLgCSckYqQMPyFIt749ShkDItJyHQPtlpliPnJx/Ux6lKHVBsJcs6zIFSnUINlwmi5Eh0K5DMskLutWBkAaJj1+VHvUZhNwQ3eYVB5WBMsX+7fzwHmpTBeZ5ISqxn9Uj6mvsE09wUTUveJjpf9DRLzzr+TwuKFQF2LMLcHD2IrGdkAN3NxOrX+NCmqZGDzEDcuDHcFsZ2Y5u0zDF6+v1ZNsFOfDTB/iqKMYfXBHhyY6h3XOaKaYVcuAr37/rKSWdMM0FSympvAJy4LsG25aNJBirg+xb8thGwlvJQXl4LqZrYOEHSvPkZQDZ0B81jlKcp/Pd82Fkr+tSb8Vyw3jV60VOzt/1Gz6WphnkkAQ6AAAAAElFTkSuQmCC)
}

.helper-imageview-switch i,.helper-imageview-rotate i,.helper-imageview-scale i {
    background-size: cover
}

.helper-collapse-container {
    position: relative;
    overflow: hidden
}

.helper-collapse-part {
    border-left: #e8e8e8 solid 1px;
    border-right: #e8e8e8 solid 1px
}

.helper-collapse-part:not(:first-child) {
    margin-top: -1px
}

.helper-collapse-title {
    position: relative;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    cursor: pointer;
    padding: 0 12px;
    background: #f6f6f6;
    word-break: break-all;
    border-top: #e8e8e8 solid 1px;
    border-bottom: #e8e8e8 solid 1px
}

.helper-collapse-arrow {
    position: absolute;
    right: 12px;
    top: 15px;
    display: block;
    width: 10px;
    height: 10px;
    overflow: hidden;
    transition: .2s
}

.helper-collapse-arrow svg {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .8
}

.helper-collapse-arrow-animate .helper-collapse-arrow {
    transform: rotate(180deg)
}

.helper-collapse-content {
    position: relative;
    font-size: 12px;
    padding: 0;
    background: #fff;
    word-break: break-all;
    overflow-y: hidden;
    height: 0;
    transition: height .3s
}

.helper-collapse-show::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #e8e8e8
}

.helper-collapse-content>div {
    margin: 12px
}

.helper-collapse-no-transition {
    transition: 0s
}

.helper-page-outer {
    display: inline-block;
    overflow: hidden;
    position: relative
}

.helper-page-container {
    height: 40px;
    overflow: hidden;
    font-size: 13px;
    float: left
}

.helper-page-container i {
    font-style: normal
}

.helper-page-container>div {
    float: left
}

.helper-page-first,.helper-page-last,.helper-page-prev,.helper-page-next {
    width: 38px;
    height: 38px;
    cursor: pointer;
    position: relative;
    border-left: #e5e5e5 solid 1px;
    border-top: #e5e5e5 solid 1px;
    border-bottom: #e5e5e5 solid 1px
}

.helper-page-first i,.helper-page-last i,.helper-page-prev i,.helper-page-next i {
    display: block;
    width: 12px;
    height: 12px;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    transform: scale(0.8)
}

.helper-page-first i {
    background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAt0lEQVQoU53SMWoCQBCF4c82RbxHPICWghDSRNEoMQQbESSFhaVW3sBDiGeUENEwsgsbUcRsufv+mXlvtuLyaaOKTfHcQKNyQf+Jd7zhJ723sET7HPhCEwHtk7iDGV6xK4EFahjhmMQBDtHHd9xlYI1HTApxdHvGoOh2AlbJ4LzwM8ZLqn4off4LiAJ3jZQ7RmxPV0z3csTXYv1Anj1inaa9/Ik1d4ooo2LEeXNxGeriAduzr1H/BQRIJwIjQ5LcAAAAAElFTkSuQmCC)
}

.helper-page-last i {
    background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAzElEQVQoU5XSvUqDQRCF4SeiiHiH4i0EsbU3rUIIIgQLf1BJVDRNCAQslZDeW7CTNGInI7s6fPAVbrU/886cOTsd7OEVL/7WLlZ4Snc/2w62y0MP8xKwgTtcYJShAGJtYYI+HsvdOi4xw1mFKhDnTYxxg6sSEO/nWOK4SsoVI2tIiKwnCRriHQe5QgXXSpVploIjfPwXWDWBNkkDfGE/A2HlfUvTbzjMTYet4ftpsjV6ucZzMqD140LabalYLf796S4WjdHYwScemqPxDYJMLw0d10k2AAAAAElFTkSuQmCC)
}

.helper-page-prev i {
    background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMBAMAAABcu7ojAAAAJ1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADdEvm1AAAADXRSTlMAj1sEq6SdgHlpslFOM8SUawAAAC9JREFUCNdjYGDgUQASWgYMDJzOQEYrEDMmAIlCBjDBDOZCJIBKHECkigGQ4FYAAIK0BEzH3C5jAAAAAElFTkSuQmCC)
}

.helper-page-next i {
    background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMBAMAAABcu7ojAAAAJ1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADdEvm1AAAADXRSTlMAj1sEq6SdgHlpslFOM8SUawAAACxJREFUCNdj0GYAAhMFEOkJIlgbQGQiAwMzA2MBkAUmEqESzCAlViDFOkAMAH+jBExeBlLHAAAAAElFTkSuQmCC)
}

.helper-page-wrapper {
    max-width: 390px;
    height: 40px;
    overflow: hidden
}

.helper-page-wrapper div {
    height: 40px
}

.helper-page-wrapper i {
    display: block;
    float: left;
    min-width: 38px;
    height: 38px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    border-left: #e5e5e5 solid 1px;
    border-top: #e5e5e5 solid 1px;
    border-bottom: #e5e5e5 solid 1px
}

.helper-page-wrapper i:hover {
    color: var(--basicColor);
    box-shadow: rgba(34,133,238,.2) 0 0 10px inset
}

.helper-page-wrapper i.active {
    color: #fff;
    background: var(--basicColor);
    cursor: default
}

.helper-page-first {
    border-radius: 6px 0 0 6px
}

.helper-page-last {
    border-radius: 0 6px 6px 0;
    border-right: #e5e5e5 solid 1px
}

.helper-page-total {
    float: left;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #393939;
    margin-right: 15px
}

.helper-page-total span {
    margin: 0 3px
}

.helper-page-to {
    float: left;
    height: 30px;
    font-size: 14px;
    color: #393939;
    margin: 5px 0 0 15px
}

.helper-page-to input {
    text-align: center;
    min-width: auto;
    width: 32px;
    height: 28px;
    margin: 0 6px
}

.helper-alert-container {
    position: relative;
    overflow: hidden;
    border: #d7d7d7 solid 1px;
    background: #f0f0f0;
    border-radius: 4px;
    padding: 10px 12px
}

.helper-alert-icon,.helper-alert-wrapper {
    float: left
}

.helper-alert-wrapper {
    width: 100%
}

.helper-alert-icon {
    transform-origin: center center;
    transform: scale(0.9);
    margin-right: 6px
}

.helper-alert-icon svg {
    margin-top: 1px
}

.helper-alert-title {
    font-size: 14px;
    word-break: break-all
}

.helper-alert-content {
    font-size: 12px;
    margin-top: 2px;
    opacity: .95;
    word-break: break-all
}

.helper-alert-info {
    color: #2285ee;
    background: #eff6fe;
    border: rgba(34,133,238,.15) solid 1px
}

.helper-alert-success {
    color: #08ba61;
    background: #ecfaf3;
    border: rgba(8,186,97,.2) solid 1px
}

.helper-alert-warn {
    color: #f39509;
    background: #fef7ec;
    border: rgba(243,149,9,.2) solid 1px
}

.helper-alert-error {
    color: #d81e06;
    background: #fdf2f0;
    border: rgba(216,30,6,.15) solid 1px
}

.helper-alert-close {
    position: absolute;
    right: 10px;
    top: 13px;
    width: 14px;
    height: 14px;
    cursor: pointer;
    overflow: hidden
}

.helper-alert-close svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .35;
    transition: opacity .15s
}

.helper-alert-close svg:hover {
    opacity: 1
}

.helper-notice-container {
    position: fixed;
    right: 0;
    top: 0;
    width: 320px;
    height: auto;
    padding: 15px;
    overflow: hidden
}

.helper-notice-wrapper {
    position: relative;
    padding: 15px;
    background: #fff;
    box-shadow: rgba(0,0,0,.1) 0 0 8px;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 20px;
    transform: translateX(400px);
    opacity: 0
}

.helper-notice-wrapper>* {
    display: block;
    float: left
}

.helper-notice-icon {
    width: 35px;
    height: 25px
}

.helper-notice-body {
    width: calc(100% - 35px)
}

.helper-notice-wrapper>i {
    position: absolute;
    top: 0;
    right: 0;
    margin: 13px 12px 0 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-left: 5px;
    font-style: normal;
    text-align: center;
    cursor: pointer;
    opacity: .7;
    transition: .2s
}

.helper-notice-wrapper>i:hover {
    opacity: 1
}

.helper-notice-title {
    font-size: 14px;
    font-weight: bold;
    word-break: break-all
}

.helper-notice-content {
    font-size: 12px;
    color: #2a2a2a;
    word-break: break-all;
    margin-top: 5px
}

b.helper-notice-autoclose {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--basicColor);
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    transform-origin: left center;
    transform: scale(0,1)
}

ul.helper-tree-container,ul.helper-tree-container ul,ul.helper-tree-container li {
    display: block;
    overflow: hidden;
    position: relative;
    list-style: none!important
}

ul.helper-tree-container ul {
    clear: both;
    display: none;
    padding-top: 12px
}

ul.helper-tree-container li>ul:not(:last-child) {
    padding-bottom: 12px
}

.helper-tree-container i,.helper-tree-container span {
    position: relative;
    line-height: 16px;
    cursor: pointer;
    display: block;
    height: 16px;
    float: left
}

.helper-tree-container i {
    width: 14px;
    overflow: hidden;
    transform: rotate(-90deg);
    transition: transform .15s
}

.helper-tree-container i.open {
    transform: rotate(0deg)
}

.helper-tree-container i svg[data-from="easyhelper"] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(0.8)
}

.helper-tree-container span {
    white-space: nowrap;
    font-size: 14px;
    margin-left: 6px;
    transition: color .1s
}

.helper-tree-container span.helper-tree-selected {
    color: var(--basicColor);
    font-weight: bold
}

.helper-tree-container span:hover {
    color: var(--basicColor)
}

.helper-tree-container li>ul {
    margin-left: 21px
}

.helper-tree-no-child:not(:last-child) {
    padding-bottom: 12px
}

ul.helper-tree-container li:not(:last-child) {
    padding-bottom: 10px
}

.helper-tree-no-child>i:first-child {
    visibility: hidden
}

.helper-tree-no-child>i.helper-tree-file {
    cursor: default
}

i.helper-tree-custom-icon {
    transform: rotate(0deg)!important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 5px
}

.helper-tree-checkbox {
    position: relative;
    width: 12px!important;
    height: 12px!important;
    border: #dfdfdf solid 1px;
    border-radius: 2px;
    background: #fff;
    color: #393939;
    cursor: pointer;
    margin: 1px 2px 0 5px
}

.helper-tree-checkbox::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 4px;
    margin: 0 0 0 1px;
    border-left: #fff solid 2px;
    border-bottom: #fff solid 2px;
    transform: translate(-50%,-50%) rotate(45deg) scale(0.8)
}

.helper-tree-checkbox.checked {
    border-color: var(--basicColor);
    background: var(--basicColor)
}

.helper-datepicker-input {
    cursor: pointer;
    caret-color: transparent
}

.helper-datepicker-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 280px;
    height: auto;
    background: #fff;
    border: #e7e7e7 solid 1px;
    left: 0;
    padding: 0 5px 5px 5px;
    font-size: 13px;
    cursor: default;
    overflow: hidden;
    box-shadow: rgba(0,0,0,.12) 0 2px 9px
}

.helper-datepicker-container i {
    float: left;
    display: block;
    font-style: normal;
    cursor: pointer
}

.helper-datepicker-noclick {
    pointer-events: none;
    opacity: 0!important
}

.helper-datepicker-header {
    position: relative;
    height: 42px;
    line-height: 42px;
    font-size: 15px;
    border-bottom: #e9e9e9 solid 1px
}

.helper-datepicker-header::after {
    content: "";
    display: block;
    width: calc(100% + 10px);
    height: 1px;
    background: #e3e3e3;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 0 -1px -5px
}

.helper-datepicker-header b {
    font-weight: normal;
    font-size: 16px
}

.helper-datepicker-header>span {
    position: relative;
    display: block;
    float: left;
    height: 42px;
    line-height: 42px;
    text-align: center
}

.helper-datepicker-prev-year,.helper-datepicker-next-year,.helper-datepicker-prev-month,.helper-datepicker-next-month {
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: .7
}

.helper-datepicker-prev-year:hover,.helper-datepicker-next-year:hover,.helper-datepicker-prev-month:hover,.helper-datepicker-next-month:hover {
    opacity: 1
}

.helper-datepicker-prev-year,.helper-datepicker-next-year {
    width: 20px
}

.helper-datepicker-prev-month,.helper-datepicker-next-month {
    width: 25px
}

.helper-datepicker-prev-year {
    margin-left: 11px;
    background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAt0lEQVQoU53SMWoCQBCF4c82RbxHPICWghDSRNEoMQQbESSFhaVW3sBDiGeUENEwsgsbUcRsufv+mXlvtuLyaaOKTfHcQKNyQf+Jd7zhJ723sET7HPhCEwHtk7iDGV6xK4EFahjhmMQBDtHHd9xlYI1HTApxdHvGoOh2AlbJ4LzwM8ZLqn4off4LiAJ3jZQ7RmxPV0z3csTXYv1Anj1inaa9/Ik1d4ooo2LEeXNxGeriAduzr1H/BQRIJwIjQ5LcAAAAAElFTkSuQmCC)
}

.helper-datepicker-next-year {
    margin-right: 11px;
    background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAzElEQVQoU5XSvUqDQRCF4SeiiHiH4i0EsbU3rUIIIgQLf1BJVDRNCAQslZDeW7CTNGInI7s6fPAVbrU/886cOTsd7OEVL/7WLlZ4Snc/2w62y0MP8xKwgTtcYJShAGJtYYI+HsvdOi4xw1mFKhDnTYxxg6sSEO/nWOK4SsoVI2tIiKwnCRriHQe5QgXXSpVploIjfPwXWDWBNkkDfGE/A2HlfUvTbzjMTYet4ftpsjV6ucZzMqD140LabalYLf796S4WjdHYwScemqPxDYJMLw0d10k2AAAAAElFTkSuQmCC)
}

.helper-datepicker-prev-month {
    background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMBAMAAABcu7ojAAAAJ1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADdEvm1AAAADXRSTlMAj1sEq6SdgHlpslFOM8SUawAAAC9JREFUCNdjYGDgUQASWgYMDJzOQEYrEDMmAIlCBjDBDOZCJIBKHECkigGQ4FYAAIK0BEzH3C5jAAAAAElFTkSuQmCC)
}

.helper-datepicker-next-month {
    background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMBAMAAABcu7ojAAAAJ1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADdEvm1AAAADXRSTlMAj1sEq6SdgHlpslFOM8SUawAAACxJREFUCNdj0GYAAhMFEOkJIlgbQGQiAwMzA2MBkAUmEqESzCAlViDFOkAMAH+jBExeBlLHAAAAAElFTkSuQmCC)
}

.helper-cannot-select {
    opacity: 0!important;
    pointer-events: none
}

.helper-datepicker-text {
    width: 168px;
    color: #333
}

.helper-datepicker-text b {
    cursor: pointer
}

.helper-datepicker-text b:hover {
    color: var(--basicColor)
}

.helper-datepicker-week {
    height: 40px;
    margin-top: 5px
}

.helper-datepicker-week i {
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #666;
    cursor: default
}

.helper-datepicker-date {
    height: 240px
}

.helper-datepicker-date i {
    display: block;
    float: left;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 40px;
    font-size: 12px;
    border: #fff solid 1px;
    color: #333
}

.helper-datepicker-days {
    border-radius: 4px
}

.helper-datepicker-days:hover {
    background: #d6e9fb
}

.helper-datepicker-days.active {
    color: #fff;
    background: var(--basicColor)
}

i.helper-datepicker-placeholder,i.helper-datepicker-disabled {
    cursor: not-allowed;
    color: #d4d5d7
}

.helper-datepicker-confirm {
    position: relative;
    padding: 8px 0 4px 0;
    border-top: #e3e3e3 solid 1px
}

.helper-datepicker-confirm::before {
    content: "";
    display: block;
    width: calc(100% + 10px);
    height: 1px;
    background: #e3e3e3;
    position: absolute;
    top: 0;
    left: 0;
    margin: -1px 0 0 -5px
}

.helper-datepicker-confirm::after {
    content: "";
    display: block;
    clear: both
}

.helper-datepicker-confirm>div {
    float: right
}

.helper-datepicker-confirm button {
    padding: 5px 10px;
    height: auto;
    line-height: inherit;
    font-size: 12px
}

.helper-datepicker-confirm button:last-child {
    margin-right: 3px
}

.helper-datepicker-year-wrapper,.helper-datepicker-month-wrapper {
    display: block;
    position: absolute;
    background: #fff;
    width: 100%;
    height: calc(100% - 42px);
    top: 43px;
    left: 0;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: -9999
}

.helper-datepicker-year-wrapper::-webkit-scrollbar,.helper-datepicker-month-wrapper::-webkit-scrollbar {
    width: 6px;
    background: #f4f4f4
}

.helper-datepicker-year-wrapper::-webkit-scrollbar-thumb,.helper-datepicker-month-wrapper::-webkit-scrollbar-thumb {
    width: 6px;
    background: #ccc;
    border-radius: 3px
}

.helper-datepicker-year-wrapper i,.helper-datepicker-month-wrapper i {
    position: relative;
    display: block;
    float: left;
    width: 25%;
    height: 72px;
    line-height: 72px;
    text-align: center;
    color: #333;
    font-size: 14px;
    transition: .15s
}

.helper-datepicker-year-wrapper i {
    height: 48px;
    line-height: 48px
}

.helper-datepicker-month-wrapper i {
    width: calc(100% / 3)
}

.helper-datepicker-onlyyear .helper-datepicker-year-wrapper {
    padding: 10px 0
}

.helper-datepicker-onlyyear .helper-datepicker-year-wrapper i {
    width: 20%;
    height: 40px;
    line-height: 40px
}

.helper-datepicker-onlyyear .helper-datepicker-year-wrapper i:last-child {
    margin-bottom: 20px
}

.helper-datepicker-year-wrapper i:hover::after,.helper-datepicker-month-wrapper i:hover::after,.helper-datepicker-year-wrapper i.active::after,.helper-datepicker-month-wrapper i.active::after {
    content: "";
    display: block;
    width: 50px;
    height: 30px;
    background: rgba(0,131,255,.2);
    border-radius: 6px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #09f
}

i.helper-datepicker-now {
    color: #09f;
    border-color: #09f;
    border-radius: 4px
}

.helper-datepicker-range {
    position: absolute;
    top: 0;
    left: 0;
    width: 580px;
    height: 390px;
    background: #fff;
    border: #e7e7e7 solid 1px;
    overflow: hidden;
    box-shadow: rgba(0,0,0,.12) 0 2px 9px
}

.helper-datepicker-range-start,.helper-datepicker-range-end {
    position: absolute;
    height: 335px;
    overflow: hidden;
    margin-left: -1px
}

.helper-datepicker-range .helper-datepicker-container {
    box-shadow: none
}

.helper-datepicker-range-end {
    right: 0;
    margin-right: -1px
}

.helper-datepicker-range-result {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 55px;
    line-height: 55px;
    font-size: 14px
}

.helper-datepicker-range-result>div:first-child {
    margin-left: 18px;
    float: left
}

.helper-datepicker-range-result>div:first-child span {
    color: var(--basicColor)
}

.helper-datepicker-range-result>div:last-child {
    margin-right: 18px;
    float: right
}

.helper-datepicker-range-result>div:last-child button {
    margin-left: 5px
}

.helper-slideshow-container {
    position: relative;
    overflow: hidden
}

.helper-slideshow-container a {
    text-decoration: none;
    color: #fff;
    font-size: 14px
}

.helper-slideshow-wrapper {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0
}

.helper-slideshow-part {
    position: relative;
    float: left
}

.helper-slideshow-part a,.helper-slideshow-part img {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    color: #fff
}

.helper-slideshow-part a:hover {
    opacity: 1
}

.helper-slideshow-part p {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 10px;
    width: calc(100% - 20px);
    height: 60px;
    line-height: 80px;
    font-size: 14px;
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.3));
    color: #fff
}

.helper-slideshow-part.helper-slideshow-fade {
    position: absolute;
    float: none;
    display: none
}

.helper-slideshow-part.helper-slideshow-fade:first-child {
    display: block
}

.helper-slideshow-dot {
    position: absolute;
    bottom: 15px;
    height: 10px
}

.helper-slideshow-dot-right {
    right: 10px
}

.helper-slideshow-dot-center {
    left: 50%;
    transform: translateX(-50%)
}

.helper-slideshow-dot i {
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    background: rgba(0,0,0,.3);
    border-radius: 5px;
    cursor: pointer;
    margin: 0 5px;
    transition: .2s
}

.helper-slideshow-dot i.active {
    background: #fff;
    border-color: #fff
}

.helper-slideshow-left,.helper-slideshow-right {
    display: block;
    width: 20px;
    height: 40px;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -20px
}

.helper-slideshow-left {
    margin-left: 10px
}

.helper-slideshow-right {
    right: 0;
    margin-right: 10px
}

.helper-slideshow-right svg {
    margin-left: -20px
}