html body .pop-tip-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 8px;
    width: 88%
}

html body .pop-tip-container .pop-tip-content {
    padding: 28px 34px 35px;
    border-bottom: 1px solid #edeff3;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    color: #111;
    line-height: 24px
}

html body .pop-tip-container .pop-tip-btn {
    height: 48px;
    line-height: 48px;
    font-weight: 500;
    color: #1261ff;
    font-size: 16px;
    text-align: center
}

html body .h5-pop-up-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(27, 34, 45, .8);
    z-index: 888888;
    text-align: center
}

html body .h5-pop-up-box .pop-up-form {
    width: 240px;
    font-size: 16px;
    position: absolute;
    font-weight: 600;
    color: #111;
    top: 50%;
    left: 50%;
    margin-left: -120px;
    margin-top: -87px;
    background-color: #fff;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .12);
    border-radius: 8px;
    overflow: hidden
}

html body .h5-pop-up-box .pop-up-form .pop-up-content {
    width: 240px;
    display: flex;
    box-sizing: content-box;
    height: 80px;
    align-items: center;
    justify-content: center
}

html body .h5-pop-up-box .pop-up-form .pop-up-content .pop-up-msg {
    padding: 0 12px;
    overflow: hidden
}

html body .h5-pop-up-box .pop-up-form .pop-up-btn {
    width: 240px;
    line-height: 48px;
    height: 48px;
    border-top: 1px solid #edeff3
}

html body .h5-pop-up-box .pop-up-form .pop-up-btn .pop-up-btn-close {
    color: #1261ff
}

html body .h5-pop-up-box .pop-share-form {
    width: 277px;
    font-size: 16px;
    position: absolute;
    top: 20%;
    left: 50%;
    margin-left: -135px;
    margin-top: -87px;
    overflow: hidden
}

html body .h5-pop-up-box .pop-share-form .pop-share-content {
    width: 277px;
    height: 420px;
    margin-bottom: 10px
}

html body .h5-pop-up-box .pop-share-form .pop-share-btn {
    color: #fff;
    font-size: 30px
}

html body .h5-pop-up-box .pop-share-ad-form {
    width: 300px;
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden
}

html body .h5-pop-up-box .pop-share-ad-form .pop-share-ad-content {
    width: 100%;
    margin-bottom: 10px
}

html body .h5-pop-up-box .pop-share-ad-form .pop-share-btn {
    color: #fff;
    font-size: 30px
}

html body .h5-pop-up-box .pop-yaoyiyao-form {
    width: 270px;
    height: 362px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .08);
    border-radius: 8px;
    font-size: 16px;
    position: absolute;
    top: 28%;
    left: 54%;
    margin-left: -150px;
    margin-top: -87px;
    overflow: hidden
}

html body .h5-pop-up-box .pop-yaoyiyao-form .pop-yaoyiyao-content {
    width: 270px;
    height: 362px;
    background-color: #fff;
    margin-bottom: 10px
}

html body .h5-pop-up-box .pop-yaoyiyao-form .pop-yaoyiyao-content img {
    margin-top: 20px
}

html body .h5-pop-up-box .pop-yaoyiyao-form .pop-yaoyiyao-content .pop-info {
    margin: 24px 16px;
    color: #333;
    font-size: 16px;
    font-weight: 600;
    height: 60px
}

html body .h5-pop-up-box .pop-yaoyiyao-form .pop-yaoyiyao-btn {
    color: #1261ff;
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    border-top: 1px solid #e6ebed;
    border-radius: 0 0 8px 8px
}

html body .h5-pop-up-box .pop-top-level-container {
    width: 260px;
    height: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden
}

html body .h5-pop-up-box .pop-top-level-container>a {
    display: block;
    width: 100%;
    height: 100%
}

html body .h5-pop-up-box .pop-top-level-container>a>img {
    object-fit: contain;
    width: 100%;
    height: 100%
}

html body .h5-pop-up-box .pop-top-level-container .close {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 20px;
    position: absolute;
    bottom: 0;
    left: calc(50% - 20px);
    display: flex;
    align-items: center;
    justify-content: center
}

html body .h5-pop-up-box .pop-top-level-container .close .icon {
    color: #ff3232;
    font-size: 16px
}

.pop-toast-box {
    position: absolute;
    max-width: 300px;
    left: 50%;
    top: 30px;
    transform: translateX(-50%);
    background: #fff;
    box-shadow: 0 12px 48px 16px rgba(0, 0, 0, .03), 0 9px 28px 0 rgba(0, 0, 0, .05), 0 6px 16px -8px rgba(0, 0, 0, .08);
    border-radius: 4px;
    box-sizing: border-box;
    padding: 13px 16px;
    display: flex;
    align-items: center;
    z-index: 99999
}

.pop-toast-box .pop-toast-icon {
    font-size: 24px;
    line-height: 1
}

.pop-toast-box .pop-toast-icon.notify-icon-suc {
    color: #52c41a
}

.pop-toast-box .pop-toast-icon.notify-icon-warn {
    color: #f8ae15
}

.pop-toast-box .pop-toast-msg {
    margin-left: 12px;
    font-size: 18px;
    color: #333;
    line-height: 26px
}

.wx-auth-pop-up-container {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999
}

.wx-auth-pop-up-container .wx-auth-pop-up-box {
    position: absolute;
    bottom: -116px;
    box-sizing: border-box;
    padding: 20px 28px 16px;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .12);
    border-radius: 8px 8px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    opacity: 0
}

.wx-auth-pop-up-container .wx-auth-pop-up-box .wx-auth-pop-up-msg {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    width: 100%
}

.wx-auth-pop-up-container .wx-auth-pop-up-box .eqf-alert-f {
    color: #ffc700;
    font-size: 16px;
    margin-right: 8px;
    flex-shrink: 0
}

.wx-auth-pop-up-container .wx-auth-pop-up-box .msg {
    width: 240px;
    font-weight: 500;
    color: #111;
    line-height: 22px;
    font-size: 14px;
    display: flex;
    align-items: center
}

.wx-auth-pop-up-container .wx-auth-pop-up-box .footer {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.wx-auth-pop-up-container .wx-auth-pop-up-box .footer.must-auth {
    justify-content: center
}

.wx-auth-pop-up-container .wx-auth-pop-up-box .footer .cancel {
    width: 80px;
    height: 36px;
    background: #f0f2f8;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 500;
    color: #111;
    margin-right: 16px;
    flex-shrink: 0
}

.wx-auth-pop-up-container .wx-auth-pop-up-box .footer .confirm {
    width: 100%;
    height: 36px;
    background: #1261ff;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 500;
    color: #fff
}

.wx-auth-pop-up-container .wx-auth-pop-up-box .footer .confirm i {
    margin-right: 4px;
    font-size: 20px
}

.phone-check-container {
    width: 100vw;
    height: 200vh;
    top: 0;
    left: 0;
    position: fixed;
    background-color: rgba(0, 0, 0, .5);
    z-index: 9999999;
    opacity: 0
}

.phone-check-container .phone-check-dialog {
    width: 100%;
    height: 264px;
    padding: 20px;
    background: #fff;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .12);
    border-radius: 8px 8px 0 0;
    position: absolute;
    bottom: 0
}

.phone-check-container .phone-check-title {
    font-size: 16px;
    font-weight: 500;
    color: #111;
    line-height: 22px;
    display: flex
}

.phone-check-container .phone-check-title .eqf-alert-f {
    margin-top: 3px;
    margin-right: 7px;
    font-size: 18px;
    color: #ffc700
}

.phone-check-container .phone-check-content {
    position: relative
}

.phone-check-container .phone-check-content .phone-number-input,
.phone-check-container .phone-check-content .verify-code-input {
    width: 100%;
    height: 40px;
    margin-top: 20px;
    position: relative;
    display: block
}

.phone-check-container .phone-check-content .phone-number-input input,
.phone-check-container .phone-check-content .verify-code-input input {
    width: 100%;
    height: 40px;
    padding: 10px 16px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #d5dae3
}

.phone-check-container .phone-check-content .phone-number-input.error input,
.phone-check-container .phone-check-content .verify-code-input.error input {
    border-color: #ff3232
}

.phone-check-container .phone-check-content .phone-number-input.error:after,
.phone-check-container .phone-check-content .verify-code-input.error:after {
    content: attr(data-error);
    font-size: 12px;
    font-weight: 400;
    color: #ff3232;
    line-height: 17px;
    position: absolute;
    bottom: -19px;
    left: 0
}

.phone-check-container .phone-check-content .request-verify-code {
    width: 128px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #1261ff;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 14px;
    font-weight: 500
}

.phone-check-container .phone-check-content .request-verify-code.count-tip {
    color: #999
}

.phone-check-container .phone-check-footer {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.phone-check-container .phone-check-footer .phone-check-cancel {
    width: 80px;
    color: #111
}

.phone-check-container .phone-check-footer .phone-check-cancel,
.phone-check-container .phone-check-footer .phone-check-confirm {
    height: 40px;
    background: #f0f2f8;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center
}

.phone-check-container .phone-check-footer .phone-check-confirm {
    width: 188px;
    color: #ccc
}

.phone-check-container .phone-check-footer .phone-check-confirm.active {
    background: #1261ff;
    color: #fff
}

@supports (bottom:constant(safe-area-inset-bottom)) or (bottom:env(safe-area-inset-bottom)) {
    .wx-auth-pop-up-box {
        padding-bottom: calc(env(safe-area-inset-bottom) + 16px) !important
    }
}

.pop-service {
    width: 280px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: left;
    padding: 28px 20px;
    color: #111;
    border-radius: 8px
}

.pop-service h4 {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 16px
}

.pop-service .service-label {
    font-weight: 500;
    margin-bottom: 12px
}

.pop-service .service-copy {
    display: block;
    width: 240px;
    line-height: 40px;
    background: #1261ff;
    border-radius: 2px;
    margin-bottom: 16px;
    font-weight: 500;
    color: #fff;
    text-align: center
}

.pop-service .qrcode-wrapper {
    width: 144px;
    height: 144px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    border: 1px solid #f0f2f8
}

.pop-service .qrcode-wrapper #pop-image-qrcode {
    width: 120px;
    height: 120px
}

.other-icon {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 18px;
    color: #111
}

.eqf-no-f.service-icon {
    position: absolute;
    right: -28px;
    top: -27px;
    font-size: 25px;
    color: #fff
}

.form-product-pop-up-box2 {
    z-index: 999999;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    text-align: center
}

.form-product-pop-up-box2.zindexTop {
    z-index: 9999999
}

.form-product-pop-up-box2.prettier-pop-modal {
    background: rgba(27, 34, 45, .8);
    backdrop-filter: blur(10px)
}

.form-product-pop-up-box2 .pop-up-form {
    width: 280px;
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-left: 0;
    margin-top: 0;
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden
}

.form-product-pop-up-box2 .pop-up-form .pop-up-content {
    width: 100%;
    padding: 20px;
    display: table;
    box-sizing: border-box;
    word-break: break-all;
    color: #000
}

.form-product-pop-up-box2 .pop-up-form .pop-up-content .pop-up-msg {
    display: table-cell
}

.form-product-pop-up-box2 .pop-up-form .pop-up-btn {
    width: 280px;
    background-color: #1261ff;
    line-height: 40px;
    height: 40px;
    color: #fff;
    cursor: pointer
}

.form-product-pop-up-box2 .pop-share-form {
    width: 250px;
    font-size: 16px;
    position: absolute;
    top: 28%;
    left: 54%;
    margin-left: -140px;
    margin-top: -87px;
    overflow: hidden
}

.form-product-pop-up-box2 .pop-share-form .pop-share-content {
    width: 250px;
    height: 360px;
    background-color: transparent;
    margin-bottom: 10px
}

.form-product-pop-up-box2 .pop-share-form .pop-share-btn {
    color: #fff;
    font-size: 30px
}

.form-product-pop-up-box2 .pop-image-form {
    position: absolute;
    width: 228px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 6px;
    padding: 20px 0
}

.form-product-pop-up-box2 .pop-image-form .form-head {
    position: relative;
    text-align: center;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center
}

.form-product-pop-up-box2 .pop-image-form .form-head i {
    color: #fdb14f;
    font-size: 16px;
    margin-right: 4px
}

.form-product-pop-up-box2 .pop-image-form .form-head span {
    font-size: 13px;
    font-weight: 500;
    color: #111
}

.form-product-pop-up-box2 .pop-image-form .pop-image-logo {
    width: 180px;
    height: 180px;
    margin: 0 auto
}

.form-product-pop-up-box2 .pop-image-form .form-bottom {
    margin-top: 12px
}

.form-product-pop-up-box2 .pop-image-form .form-bottom span {
    font-size: 13px;
    font-weight: 500;
    color: #111;
    line-height: 20px
}

.wechat-toast {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999999;
    color: #fff;
    background: rgba(0, 0, 0, .8);
    padding: 6px 10px;
    border-radius: 5px
}

._hide {
    display: none !important
}

.view-shadow-style {
    background: transparent
}

.editor-lock-style,
.view-shadow-style {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 11111
}

.editor-lock-style {
    background: rgba(0, 0, 0, .7)
}

.editor-lock-style img {
    position: absolute;
    width: 60%;
    height: 60%;
    max-width: 60px;
    max-height: 60px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.item-comp-hover.evaluate-hover,
.item-comp-hover:hover {
    outline: 1px dashed #a3afb7
}

.comp-click-trigger-tip {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    pointer-events: none;
    z-index: 99;
    opacity: 0
}

.comp-click-trigger-tip.show-5 {
    -webkit-animation: compClickTriggerTip 5s 1;
    -moz-animation: compClickTriggerTip 5s 1;
    animation: compClickTriggerTip 5s 1
}

.comp-click-trigger-tip .scale-item {
    width: 24px;
    height: 24px;
    background: hsla(0, 0%, 40%, .5);
    -webkit-animation: compClickTriggerTipScale 1s infinite;
    -moz-animation: compClickTriggerTipScale 1s infinite;
    animation: compClickTriggerTipScale 1s infinite
}

.comp-click-trigger-tip .center-point,
.comp-click-trigger-tip .scale-item {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%
}

.comp-click-trigger-tip .center-point {
    width: 8px;
    height: 8px;
    background: #fff;
    z-index: 1
}

@-webkit-keyframes compClickTriggerTip {
    0% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes compClickTriggerTip {
    0% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes compClickTriggerTip {
    0% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes compClickTriggerTipScale {
    0% {
        width: 24px;
        height: 24px
    }

    to {
        width: 16px;
        height: 16px
    }
}

@-moz-keyframes compClickTriggerTipScale {
    0% {
        width: 24px;
        height: 24px
    }

    to {
        width: 16px;
        height: 16px
    }
}

@keyframes compClickTriggerTipScale {
    0% {
        width: 24px;
        height: 24px
    }

    to {
        width: 16px;
        height: 16px
    }
}

.animTextCharPlace.animHidden {
    opacity: 0
}

.animTextCharPlace.animTextChar {
    opacity: 1
}

.animTextCharPlace.hasNotation {
    display: inline-block
}

.animTextCharPlace.safari {
    vertical-align: middle
}

.animTextCharPlace.underline {
    text-decoration: underline
}

.animTextCharPlace.line-through {
    text-decoration: line-through
}

.animTextCharPlace.line-through.underline {
    text-decoration: line-through underline
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

article,
aside,
dialog,
figure,
footer,
header,
menu,
nav,
section {
    display: block
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
    font-family: Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1.231;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-align: stretch;
    position: fixed;
    -webkit-text-size-adjust: 100% !important;
    -ms-text-size-adjust: 100% !important
}

img:not([src*="/"]) {
    display: none
}

table {
    width: 100%
}

caption,
td,
th {
    vertical-align: middle
}

textarea {
    resize: none;
    border: 0;
    padding: 8px 0;
    border-radius: 0
}

li,
ul {
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.flexo-new-text-comp {
    word-break: break-all
}

.flexo-new-text-comp ol,
.flexo-new-text-comp ul {
    padding-left: 3.2em !important
}

.flexo-new-text-comp ol[type=none],
.flexo-new-text-comp ul[type=none] {
    padding-left: 0 !important
}

.flexo-new-text-comp li {
    list-style-type: inherit !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-weight: 400
}

.clr:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clr {
    *zoom: 1
}

.telphone {
    display: block;
    position: fixed;
    right: 2%;
    bottom: 15%;
    z-index: 100;
    cursor: pointer
}

.telphone img {
    width: 44px;
    height: 44px
}

#content_load_check {
    width: 1px !important
}

.loading-prev {
    width: 100%;
    height: 100%;
    z-index: 999;
    position: relative
}

.loading-prev .logo-box {
    width: 118px;
    position: absolute;
    margin-top: 50%;
    left: 50%;
    transform: translate(-50%)
}

.loading-prev .logo-box .progressBar {
    height: 4px;
    width: 180px;
    margin: 20px 0 0 -31px
}

.loading-prev .logo-box .progressBar .progressAnim {
    height: 100%;
    animation: eqxLoadingProgress 3s
}

@keyframes eqxLoadingProgress {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

.loading-prev .logo-box .load-prev-box {
    display: block
}

.loading-prev .logo-box .load-prev-box .load-prev-bg {
    z-index: 1000;
    width: 118px;
    height: 118px;
    background-size: cover !important;
    background-repeat: no-repeat !important
}

.loading-prev .logo-bg,
.loading-prev .logo-bg-color,
.loading-prev .logo-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.loading-prev .logo-bg-img {
    z-index: 0;
    background-position: 50% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important
}

.wap-scene .u-arrow-bottom {
    transform: translateY(-10vh)
}

.wap-scene .temp-app-use,
.wap-scene [ctype="298"] {
    display: none
}

#recommend_container {
    opacity: 0;
    width: 256px;
    height: 536px;
    background: #fff;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .12);
    border-radius: 0 8px 8px 0;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    transition: all .3s
}

#recommend_container .recommend_btn {
    height: 49px;
    display: flex;
    background: #fff;
    border-radius: 1px 4px 1px 1px;
    border-bottom: 1px solid #f0f2f8;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 14px;
    color: #5c6c8a;
    line-height: 20px;
    cursor: pointer
}

#recommend_container .recommend_btn #recommend_btn_hot,
#recommend_container .recommend_btn #recommend_btn_label {
    position: relative;
    width: 100%;
    height: 48px;
    text-align: center;
    line-height: 48px;
    background: #fff
}

#recommend_container .recommend_btn #recommend_btn_hot:after,
#recommend_container .recommend_btn #recommend_btn_label:after {
    opacity: 0;
    content: "";
    width: 32px;
    height: 3px;
    background: #1261ff;
    border-radius: 2px;
    position: absolute;
    bottom: 0;
    left: 48px
}

#recommend_container .recommend_btn #recommend_btn_hot:hover,
#recommend_container .recommend_btn #recommend_btn_label:hover {
    font-weight: 600;
    color: #111
}

#recommend_container .recommend_btn #recommend_btn_hot:hover:after,
#recommend_container .recommend_btn #recommend_btn_label:hover:after {
    opacity: 1
}

#recommend_container .recommend_btn #recommend_btn_hot {
    border-right: 1px solid #f0f2f8;
    border-top-left-radius: 8px
}

#recommend_container .recommend_btn #recommend_btn_label {
    border-top-right-radius: 8px
}

#recommend_container .recommend_btn .active-hot,
#recommend_container .recommend_btn .active-label {
    font-weight: 600 !important;
    color: #111 !important
}

#recommend_container .recommend_btn .active-hot:after,
#recommend_container .recommend_btn .active-label:after {
    opacity: 1 !important;
    content: "";
    width: 32px;
    height: 3px;
    background: #1261ff;
    border-radius: 2px;
    position: absolute;
    bottom: 0;
    left: 48px
}

#recommend_container #recommend_content_hot {
    float: left;
    border-bottom-right-radius: 4px;
    display: block;
    height: 488px
}

#recommend_container #recommend_content_hot ul {
    margin: 16px
}

#recommend_container #recommend_content_hot ul li {
    margin-top: 12px
}

#recommend_container #recommend_content_hot ul li a {
    cursor: pointer;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    color: #666
}

#recommend_container #recommend_content_hot ul li a:hover {
    color: #1261ff
}

#recommend_container #recommend_content_hot ul li a img {
    width: 80px;
    height: 80px;
    float: left;
    border-radius: 8px
}

#recommend_container #recommend_content_hot ul li a span {
    display: inline-block;
    width: 132px;
    height: 80px;
    margin-left: 12px;
    border-bottom: 1px solid #f0f2f8;
    font-size: 13px;
    white-space: normal;
    word-break: break-all
}

#recommend_container #recommend_content_label {
    padding: 16px;
    display: none;
    height: 480px;
    overflow-y: scroll
}

#recommend_container #recommend_content_label::-webkit-scrollbar {
    display: none
}

#recommend_container #recommend_content_label .rcl-tag-box .rcl-tag-name {
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 14px;
    color: #111;
    line-height: 20px;
    margin-bottom: 8px
}

#recommend_container #recommend_content_label .rcl-tag-box .rcl-tag-list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-bottom: 8px;
    border-bottom: 1px solid #f0f2f8
}

#recommend_container #recommend_content_label .rcl-tag-box .rcl-tag-list>li {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 13px;
    color: #666;
    padding: 5px 10px;
    background: #f7f9fc;
    border-radius: 3px;
    margin-right: 8px;
    margin-bottom: 8px
}

#recommend_container #recommend_content_label .rcl-desc-box .rcl-desc-name {
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 14px;
    color: #111;
    line-height: 20px;
    margin-bottom: 8px;
    margin-top: 20px
}

#recommend_container #recommend_content_label .rcl-desc-box .rcl-desc-text {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 13px;
    color: #666;
    line-height: 24px;
    text-align: left
}

#recommend_container #recommend_content_label .rcl-empty-tip {
    color: #999;
    text-align: center;
    margin-top: 40px
}

#recommend_container #recommend-show-btn {
    width: 40px;
    height: 96px;
    background: #fff;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12);
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 14px;
    color: #111;
    cursor: pointer;
    position: absolute;
    right: -40px;
    top: 200px;
    border-radius: 0 2px 2px 0;
    writing-mode: vertical-lr;
    padding: 10px;
    letter-spacing: 5px
}

#recommend_container #recommend-show-btn:hover {
    background: #1261ff;
    color: #fff
}

a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, .35)
}

body {
    -webkit-touch-callout: none
}

body * {
    text-shadow: none !important
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both
}

.clearfix {
    zoom: 1
}

img {
    vertical-align: middle
}

.nr input,
.nr textarea {
    resize: none;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border-radius: 0;
    line-height: 120%;
    display: inline-block !important
}

img {
    -webkit-user-select: none;
    -moz-user-select: none
}

a:active,
a:hover,
a:link,
a:visited {
    color: #1261ff;
    text-decoration: none
}

.main {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    overflow: hidden
}

.temp-app-use {
    width: 165px;
    height: 42px;
    color: #fff !important;
    text-align: center;
    position: absolute;
    z-index: 200;
    bottom: 42px;
    left: 50%;
    margin-left: -82.5px;
    line-height: 42px
}

.temp-app-use .temp-app-use-btn {
    height: 26px;
    line-height: 30px
}

.temp-app-use-tip {
    background: linear-gradient(270deg, #4facfe, #1261ff);
    border-radius: 25px
}

.loading {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9999;
    top: 0
}

.loadbox {
    display: block;
    position: relative;
    width: 70px;
    height: 70px;
    margin: 50% auto 0
}

.loadbg {
    width: 70px;
    height: 42px;
    background-image: url(https://lib.eqh5.com/%40eqxiu-res/h5/loading_logo.gif)
}

.loadbg,
.loadbg2 {
    display: block;
    position: absolute;
    z-index: 1000
}

.loadbg2 {
    left: 50%;
    transform: translate(-50%)
}

.loadbg2 img {
    width: 118px
}

.loading-logo {
    display: block;
    position: relative;
    width: 118px;
    height: 118px;
    margin: 50% auto 0
}

.logo-image {
    width: 100%
}

.loading-tip {
    display: none;
    position: absolute;
    bottom: 40px;
    font-size: 16px;
    z-index: 9999;
    width: 200px;
    left: 50%;
    margin-left: -100px;
    text-align: center;
    color: #7986cb
}

.iframe-html {
    overflow: hidden
}

.iframe-html body {
    background: transparent
}

.iframe-html .phone_panel {
    left: 50%;
    margin-left: -160px
}

.iframe-phone {
    display: none;
    margin-right: 40px;
    overflow: hidden
}

.iframe-phone .nr {
    width: 320px;
    height: 486px
}

.iframe-phone__landscape--no-list {
    width: 486px;
    height: 320px
}

.iframe-phone__landscape--no-list .eqx-progress-bar,
.iframe-phone__landscape--no-list .u-arrow-bottom {
    display: none !important
}

.iframe-phone__landscape--no-list .nr {
    transform: rotate(-90deg);
    margin-top: -83px;
    margin-left: 83px
}

.iframe-phone__landscape--no-list .nr .loading {
    width: 320px
}

.iframe-phone.prelistmode_transverse {
    width: 486px;
    height: 486px
}

.iframe-phone.prelistmode_transverse .eqx-progress-bar,
.iframe-phone.prelistmode_transverse .u-arrow-bottom {
    display: none !important
}

.iframe-phone.prelistmode_transverse .nr {
    transform: rotate(-90deg);
    margin-top: -83px;
    margin-left: 83px
}

.iframe-phone.prelistmode_transverse .nr .loading {
    width: 320px
}

.iframe-phone.prelistmode_transverse .previewlist {
    width: 486px;
    height: 148px;
    position: relative;
    overflow: hidden;
    margin-top: -65px
}

.iframe-phone.prelistmode_transverse .previewlist_ul {
    display: flex
}

.iframe-phone.prelistmode_transverse .previewlist .preview_list_item {
    width: 132px;
    height: 200.5px;
    flex-shrink: 0;
    position: relative;
    display: inline-block;
    margin-left: 78px;
    margin-top: -34px;
    cursor: pointer
}

.iframe-phone.prelistmode_transverse .previewlist .preview_list_item:first-child {
    margin-left: 69px
}

.iframe-phone.prelistmode_transverse .previewlist .preview_list_item section {
    transform: rotate(-90deg);
    margin-left: -35px
}

.iframe-phone.prelistmode_vertical {
    width: 486px;
    height: 486px
}

.iframe-phone.prelistmode_vertical .eqx-progress-bar,
.iframe-phone.prelistmode_vertical .u-arrow-bottom {
    display: none !important
}

.iframe-phone.prelistmode_vertical .nr {
    float: right
}

.iframe-phone.prelistmode_vertical .nr .loading {
    width: 320px
}

.iframe-phone.prelistmode_vertical .previewlist {
    width: 149px;
    height: 486px;
    float: left;
    position: relative;
    overflow: hidden
}

.iframe-phone.prelistmode_vertical .previewlist_ul {
    padding: 0;
    list-style: none
}

.iframe-phone.prelistmode_vertical .previewlist_ul .preview_list_item {
    width: 132px;
    height: 200.5px;
    margin-top: 15px;
    cursor: pointer
}

.iframe-phone.prelistmode_vertical .previewlist_ul .preview_list_item:first-child {
    margin-top: 0
}

.iframe-phone.prelistmode_vertical .previewlist .iScrollVerticalScrollbar {
    margin-right: -1px
}

.iframe_panel {
    width: 79px;
    height: 486px;
    background: transparent;
    position: fixed;
    right: 0;
    top: 0
}

.iframe_panel .preview {
    position: relative;
    height: 70px;
    margin-top: 154px
}

.iframe_panel .next {
    height: 73px;
    margin-bottom: 173px;
    margin-top: 21px
}

.iframe_panel .scroll_btn {
    width: 28px;
    height: 83px;
    display: block;
    text-align: center;
    color: #333;
    background-color: #f5f7fb;
    font-size: 12px;
    writing-mode: vertical-lr;
    letter-spacing: 2px;
    margin-left: 16px;
    line-height: 28px;
    border-radius: 4px
}

.iframe_panel .scroll_btn:hover {
    background-color: #e7efff;
    color: #1261ff;
    font-weight: 600
}

.iframe_panel__landscape--no-list {
    height: 320px
}

.iframe_panel__landscape--no-list .preview {
    margin-top: 88px
}

.iframe_panel__landscape--no-list .next {
    margin-bottom: 88px
}

.iframe_panel_prelistmode {
    height: 486px;
    background: #fff;
    position: fixed;
    right: 0;
    top: 0
}

.iframe_panel_prelistmode .preview_prelistmode {
    position: relative;
    height: 70px;
    margin-top: 135px
}

.iframe_panel_prelistmode .next_prelistmode {
    height: 73px
}

.iframe_panel_prelistmode .page-tip-prelistmode {
    height: 68px;
    text-align: center;
    position: relative
}

.iframe_panel_prelistmode .page-tip-prelistmode .prelistmode_pagenum {
    position: absolute;
    color: #333;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.iframe_panel_prelistmode .scroll_btn_prelistmode {
    display: block;
    text-align: center;
    color: #7b8893;
    margin: 0 auto;
    background-color: #f6f6f6;
    width: 30px;
    height: 72px
}

.iframe_panel_prelistmode .scroll_btn_prelistmode .text_span {
    cursor: pointer;
    margin: 12px auto;
    display: inline-block;
    font-size: 14px;
    color: #666;
    width: 14px
}

.iframe_panel_prelistmode.transverse_mode {
    height: 485px
}

.iframe_panel2 {
    position: fixed;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    background: #fff
}

.iframe_panel2 ul {
    position: relative;
    top: 50%;
    height: 200px;
    margin-top: -100px
}

.iframe_panel2 ul li {
    margin: 10px 0 10px 6px;
    border: 1px solid #1261ff;
    border-radius: 3px;
    height: 80px;
    box-sizing: border-box;
    font-size: 14px;
    color: #1261ff;
    writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
    text-align: center;
    line-height: 32px;
    display: block;
    cursor: pointer
}

.iframe_panel2 ul li:hover {
    color: #fff;
    background: #1261ff
}

.zoomIn-change {
    animation: zoomIn .5s ease 0s 1 both;
    -webkit-animation: zoomIn .5s ease 0s 1 both;
    transform-origin: 50% 0
}

.landscape+#code {
    right: -308px
}

#code {
    position: absolute;
    right: -182px;
    width: 248px;
    height: 600px;
    display: flex;
    flex-flow: column;
    justify-content: center
}

#code .code_panel {
    width: 248px;
    height: 352px;
    background-color: #fff;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .12);
    border-radius: 8px;
    box-sizing: content-box;
    justify-content: flex-start
}

#code .code_panel,
#code .code_panel .qr-desc-box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

#code .code_panel .qr-desc-box {
    font-size: 14px;
    font-weight: 400;
    color: #111;
    line-height: 20px;
    margin-top: 20px;
    justify-content: center;
    width: 80%;
    margin-bottom: 10px;
    height: 20px
}

#code .code_panel .qr-desc-box .line {
    width: 100%;
    height: 1px;
    background: #d5dae3
}

#code .code_panel .qr-desc-box .desc {
    position: absolute;
    background: #fff;
    padding: 0 6px;
    top: 0
}

#code .code_panel .footer-btns {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 14px;
    padding: 0 20px;
    font-size: 14px
}

#code .code_panel .footer-btns .try-to-do #tryTodo {
    cursor: pointer;
    transition: all .25s ease;
    background: #1261ff;
    border-radius: 4px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    width: 100px;
    height: 40px;
    display: block
}

#code .code_panel .footer-btns .try-to-do #tryTodo:hover {
    background-color: #246dff
}

#code .code_panel .footer-btns .app {
    position: relative
}

#code .code_panel .footer-btns .app #downApp {
    cursor: pointer;
    transition: all .25s ease;
    background: #1261ff;
    border-radius: 4px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    width: 100px;
    height: 40px;
    display: block
}

#code .code_panel .footer-btns .app #downApp:hover {
    background-color: #246dff
}

#code .code_panel .footer-btns .app #downAppView {
    width: 184px;
    height: 238px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .12);
    border-radius: 6px;
    background: #fff;
    position: absolute;
    top: 50px;
    right: -47px;
    display: none
}

#code .code_panel .footer-btns .app #downAppView:before {
    content: "";
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    top: -16px;
    left: 80px
}

#code .code_panel .footer-btns .app #downAppView .box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start
}

#code .code_panel .footer-btns .app #downAppView .box .text {
    font-size: 12px;
    font-weight: 400;
    color: #111;
    line-height: 17px;
    margin: 12px 0
}

#code .code_panel .footer-btns .app #downAppView .box #downCode {
    width: 160px;
    height: 160px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #f0f2f8;
    display: flex;
    align-items: center;
    justify-content: center
}

#code .code_panel .footer-btns .app #downAppView .box #downCode canvas {
    width: 136px;
    height: 136px
}

#code .code_panel .footer-btns .app #downAppView .box .text2 {
    font-size: 13px;
    font-weight: 500;
    color: #111;
    line-height: 18px;
    margin-top: 10px
}

#code .code_panel #codeImg {
    margin-top: 40px;
    height: 152px;
    width: 152px;
    box-sizing: content-box
}

#code .code_panel #codeImg canvas {
    width: 152px;
    height: 152px
}

#code .code_panel #view_share {
    text-align: center;
    font-size: 0
}

#code .code_panel #view_share .share-icon {
    display: inline-block;
    height: 38px;
    width: 62px;
    border-radius: 3px;
    text-align: center;
    line-height: 38px;
    color: #111;
    font-size: 25px;
    transition: all .25s ease
}

#code .code_panel #view_share .share-icon.eqf-QQ:hover {
    color: #1261ff
}

#code .code_panel #view_share .share-icon.eqf-QQzone {
    margin: 0 8px
}

#code .code_panel #view_share .share-icon.eqf-QQzone:hover {
    color: #ffb243
}

#code .code_panel #view_share .share-icon.eqf-weibo:hover {
    color: #ed2828
}

#code .btn_panel {
    margin-top: 20px;
    display: block;
    width: 248px;
    height: 128px;
    background: #fff;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .12);
    border-radius: 8px;
    padding: 20px
}

#code .btn_panel #view_reg {
    width: 208px;
    height: 88px;
    background: #f7f9fc;
    transition: all .25s ease
}

#code .btn_panel #advertisement_img {
    margin-top: 16px
}

#code .btn_panel #advertisement_img img {
    width: 100%;
    height: 88px
}

#code .btn_panel #sample_btn {
    margin-top: 16px;
    font-size: 14px;
    color: #fff;
    background-color: #1261ff;
    border-radius: 3px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    transition: all .25s ease
}

#code .btn_panel #sample_btn:hover {
    background-color: #2c72ff
}

#code #down {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 450px;
    height: 600px
}

#support {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 30px;
    background-color: #fff;
    border-radius: 10px;
    padding: 8px;
    opacity: .8;
    box-shadow: 2px 2px 20px rgba(0, 0, 0, .1)
}

#support a {
    display: block
}

#support .new_logo_text {
    height: 22px;
    width: 124px;
    background: url(https://lib.eqh5.com/%40eqxiu-res/h5/new_logo_text.png);
    background-size: 100% 100%;
    display: inline-block
}

#support a img {
    border: 0
}

body.pc {
    overflow: hidden;
    background-size: cover;
    background-position: 50% 50%;
    -webkit-user-select: none;
    user-select: none
}

#view_panel {
    margin-top: 30px;
    width: 652px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap
}

#view_panel,
#view_panel__feishu {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 600px
}

#lampHide-btn {
    position: fixed;
    top: 16px;
    right: 16px;
    background-color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .25s ease
}

#lampHide-btn:hover {
    background-color: #2c72ff;
    color: #fff
}

.phone_panel {
    float: right;
    position: relative
}

.phone_panel.full-screen .phoneBox {
    background-image: url(https://lib.eqh5.com/%40eqxiu-res/h5/phone-full.svg);
    width: 344px;
    height: 724px
}

.phone_panel.full-screen .phoneBox.no-ad {
    background-image: url(https://lib.eqh5.com/%40eqxiu-res/h5/phone-full-noad.svg)
}

.phone_panel.full-screen .phoneBox .nr {
    height: 626px
}

.phone_panel.full-screen .btn_scroll.next_btn {
    margin-bottom: 168px
}

.phone_panel.landscape .phoneBox {
    transform: rotate(-90deg)
}

.phone_panel.landscape.full-screen .ctrl_panel {
    width: 724px;
    top: 534px;
    left: 76px
}

.phone_panel.landscape.full-screen .ctrl_panel .btn_scroll.next_btn {
    margin-right: 74px
}

.phone_panel.landscape .ctrl_panel {
    width: 582px;
    height: 40px;
    padding-top: 0;
    top: 463px;
    left: 76px;
    flex-direction: row
}

.phone_panel.landscape .ctrl_panel .btn_scroll {
    width: 96px;
    height: 40px
}

.phone_panel.landscape .ctrl_panel .btn_scroll.pre_btn {
    border-top-right-radius: 0;
    border-bottom-left-radius: 3px;
    border-bottom: none;
    border-right: 0
}

.phone_panel.landscape .ctrl_panel .btn_scroll.next_btn {
    margin-bottom: 0;
    margin-right: 3px;
    border-bottom-right-radius: 3px
}

.phone_panel.landscape .ctrl_panel .btn_scroll.full-page {
    width: 68px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 3px;
    border-bottom: none;
    border-right: 1px solid #f0f2f8
}

.phone_panel.landscape .ctrl_panel .btn_scroll.normal-page {
    width: 68px;
    border-bottom-right-radius: 3px
}

.phone_panel.landscape .ctrl_panel .btn_scroll.active,
.phone_panel.landscape .ctrl_panel .btn_scroll:hover {
    border-right: none
}

.phoneBox {
    padding-top: 45px;
    width: 344px;
    height: 582px;
    float: Left;
    background-image: url(https://lib.eqh5.com/%40eqxiu-res/h5/phone-normal.svg);
    background-repeat: no-repeat;
    border-radius: 56px;
    box-shadow: 2px 2px 20px rgba(0, 0, 0, .1);
    background-size: contain
}

.phoneBox.no-ad {
    background-image: url(https://lib.eqh5.com/%40eqxiu-res/h5/phone-normal-noad.svg)
}

.eqx-market-custom-css {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    z-index: 100;
    pointer-events: none !important
}

.phoneBox .nr {
    position: relative;
    cursor: pointer;
    width: 320px;
    height: 486px;
    margin-left: 12px;
    overflow-x: hidden;
    overflow-y: hidden;
    -webkit-user-select: none;
    top: 40px;
    border-radius: 0 0 44px 44px
}

.phone_menubar {
    height: 20px
}

.scene_title_baner {
    position: absolute;
    top: 60px;
    color: #fff;
    width: 100%
}

.scene_title_baner .scene_title {
    min-width: 20px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 18px;
    line-height: 18px;
    width: 188px;
    margin-left: 78px;
    font-size: 16px;
    color: #111;
    font-weight: bolder
}

.scene_title_phone {
    height: 20px;
    border-left: 4px solid #f6f6f6;
    border-right: 4px solid #f6f6f6
}

.noAd_qrcode {
    top: 84px;
    left: 344px;
    background: #fefcfd;
    box-shadow: 0 1px 2px 0 rgba(195, 219, 251, .16)
}

.noAd_qrcode,
.noAd_qrcode .qrcode_box {
    width: 40px;
    height: 40px;
    position: relative
}

.noAd_qrcode .qrcode_box:hover {
    color: #1261ff
}

.noAd_qrcode .qrcode_box .eqf-QRcode {
    font-size: 20px;
    color: #666;
    position: absolute;
    top: 10px;
    left: 10px
}

.noAd_qrcode .qrcode_box:hover .share_box {
    display: block;
    left: 54px
}

.noAd_qrcode .qrcode_box:hover .share_box:before {
    content: "";
    border: 6px solid transparent;
    border-right-color: #fff;
    position: absolute;
    top: 14px;
    left: -12px
}

.noAd_qrcode .qrcode_box:hover .qrcode-svg {
    fill: #1261ff
}

.noAd_qrcode .qrcode_box .qrcode-svg {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 20px;
    height: 20px
}

.noAd_qrcode .share_box {
    display: none;
    position: absolute;
    width: 204px;
    height: 280px;
    background: #fff;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .08);
    border-radius: 6px
}

.noAd_qrcode .share_box #codeImgNoAd {
    margin-left: 24px
}

.noAd_qrcode .share_box p {
    margin: 24px 0 16px 24px;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .08)
}

.noAd_qrcode .share_box .share_row {
    margin: 16px 24px;
    display: flex;
    justify-content: space-around
}

.noAd_qrcode .share_box .share_row_icon {
    width: 24px;
    height: 24px
}

.ctrl_panel {
    padding-top: 148px;
    position: absolute;
    right: -40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%
}

.ctrl_panel__landscape {
    flex-flow: row;
    height: 60px;
    width: 100%;
    margin-top: 5px
}

.btn_scroll {
    cursor: pointer;
    width: 40px;
    height: 96px;
    padding: 12px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    left: 50%;
    background: #fff;
    top: 47px;
    font-size: 14px;
    color: #3e4858;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box !important
}

.btn_scroll.pre_btn {
    border-bottom-right-radius: 0;
    border-bottom: 1px solid #f0f2f8
}

.btn_scroll.next_btn {
    margin-bottom: 26px;
    border-top-right-radius: 0
}

.btn_scroll.full-page {
    height: 80px;
    border-bottom-right-radius: 0;
    border-bottom: 1px solid #f0f2f8
}

.btn_scroll.normal-page {
    height: 80px;
    border-top-right-radius: 0
}

.btn_scroll.active {
    color: #f6f9fa;
    background-color: #1261ff;
    border-bottom: none
}

.btn_scroll__landscape.btn_scroll {
    width: 96px;
    height: 40px;
    padding: 8px;
    border-radius: 3px;
    line-height: 40px
}

.btn_scroll__landscape.btn_scroll.pre_btn {
    display: block;
    border-bottom-right-radius: 0;
    border-bottom: 1px solid #f0f2f8
}

.btn_scroll__landscape.btn_scroll.next_btn {
    display: block;
    margin-bottom: 0;
    margin-right: 26px;
    border-bottom-left-radius: 0
}

.btn_scroll__landscape.btn_scroll.full-page {
    height: 80px;
    border-bottom-right-radius: 0;
    border-bottom: 1px solid #f0f2f8
}

.btn_scroll__landscape.btn_scroll.normal-page {
    height: 80px;
    border-bottom-left-radius: 0
}

.btn_scroll__landscape.btn_scroll.active,
.ctrl_panel a:hover {
    color: #f6f9fa;
    background-color: #1261ff;
    border-bottom: none
}

.view-toast-box {
    position: fixed;
    z-index: 2000;
    top: 80px;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 52px;
    padding: 0 16px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .15);
    background-color: #fff;
    font-size: 18px;
    border-radius: 3px;
    color: #333;
    overflow: hidden
}

.gift-info-wrapper {
    position: absolute;
    box-sizing: border-box;
    right: 0;
    bottom: 43px;
    width: 84px;
    z-index: 200;
    text-align: center
}

.gift-info-wrapper .gift-info-logo {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box
}

.gift-info-wrapper .gift-info-follow {
    position: relative;
    display: inline-block;
    width: 84px;
    height: 27px;
    line-height: 22px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-image: url(//lib.eqh5.com/h5_view_2/images/gift-des-f9f740.png);
    background-size: 100%;
    font-weight: 600
}

.gift-info-anim-wobble {
    -webkit-animation: wobble 4s ease .5s 1 normal both running;
    animation: wobble 4s ease .5s 1 normal both running
}

.verifyCode {
    display: none;
    background-color: #48424f;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9998;
    top: 0
}

.verifyCode .container {
    position: absolute;
    top: 50%;
    width: 265px;
    left: 50%;
    margin: -215px auto 0 -133px;
    text-align: center
}

.verifyCode .container .scene-cover {
    display: inline-block;
    width: 100%;
    padding-bottom: 15px
}

.verifyCode .container .scene-cover .cover-img {
    width: 100px;
    height: 100px;
    border-radius: 10px;
    -webkit-animation: flipInY 2s ease 0s 1 both;
    animation: flipInY 2s ease 0s 1 both
}

.verifyCode .container .scene-name {
    font-size: 18px;
    height: 20px;
    margin-bottom: 15px;
    color: #b2aeba;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.verifyCode .container .confirm-password {
    position: relative
}

.verifyCode .container .verify-label {
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    color: #b2aeba
}

.verifyCode .container .verify-tips {
    margin-bottom: 10px
}

.verifyCode .container .verify-tips ul>li {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-right: 10px
}

.verifyCode .container .verify-tips ul>li.active {
    background-color: #b2aeba
}

.verifyCode .container .verify-tips ul>li:last-child {
    margin-right: 0
}

@-webkit-keyframes shake {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

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

.verifyCode .container .password-numbers {
    text-align: center
}

.verifyCode .container .password-numbers span {
    display: inline-block;
    color: #fff;
    width: 46px;
    height: 46px;
    line-height: 46px;
    border-radius: 25px;
    border: 1px solid #ccc;
    text-align: center;
    vertical-align: middle;
    font-size: 32px;
    margin-right: 29px;
    margin-bottom: 10px
}

.verifyCode .container .password-numbers span:nth-child(3n) {
    margin-right: 0
}

.verifyCode .container .password-numbers span:last-child {
    margin-left: 29px
}

.verifyCode .container .password-numbers span.active {
    background-color: #b2aeba
}

.verifyCode .container .password-operation {
    position: relative
}

.verifyCode .container .password-operation .btn-cancel,
.verifyCode .container .password-operation .btn-clear {
    position: absolute;
    top: -25px;
    display: inline-block;
    width: 50px;
    height: 20px;
    line-height: 20px;
    color: #b2aeba;
    font-size: 14px
}

.verifyCode .container .password-operation .btn-clear {
    left: 29px
}

.verifyCode .container .password-operation .btn-cancel {
    right: 29px
}

.edit_wrapper {
    height: 100%;
    width: 100%;
    background-position: 50% 50%;
    background-size: cover
}

.edit_wrapper section.layer {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.edit_area {
    position: absolute;
    top: 0;
    text-align: left;
    width: 320px;
    height: 486px;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.edit_area .element {
    min-width: 1px;
    min-height: 1px;
    color: inherit
}

.edit_area .item-group,
.edit_area .svg-element {
    position: absolute
}

.edit_area .item-group .group-box,
.edit_area .item-group .group-box ul {
    width: 100%;
    height: 100%
}

.edit_area .item-group.evaluate-hover {
    outline: 1px dashed #a3afb7
}

.edit_area .item-group li,
.edit_area>li {
    color: #676767;
    line-height: 1;
    background: none;
    position: absolute;
    list-style: none !important;
    margin: 0 !important;
    padding: 0;
    -webkit-transition: padding .5s;
    -moz-transition: padding .5s;
    transition: padding .5s;
    min-height: 1px;
    min-width: 1px;
    width: 100%;
    -webkit-user-select: none
}

.edit_area .item-group li *,
.edit_area>li * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.edit_area .item-group li .element-box,
.edit_area>li .element-box {
    overflow: hidden
}

.edit_area .item-group li .event-mask,
.edit_area>li .event-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999999;
    top: 0;
    left: 0
}

.edit_area .comp-replace-icon:after {
    content: "批";
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    width: 18px;
    height: 18px;
    font-size: 12px;
    background-color: #0094fa;
    line-height: 18px;
    text-align: center
}

.m-img {
    width: 100%;
    height: 100%;
    position: relative
}

.z-current {
    opacity: 1
}

.main-page {
    border: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: top;
    background-size: cover;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    z-index: 0;
    display: none;
    -webkit-transform-origin: center center;
    background-color: #f3f3f3
}

.main-page.z-current {
    z-index: 1;
    display: inline-block
}

.main-page.z-active {
    z-index: 2;
    display: block
}

.main-page.z-active.special-zIndex {
    z-index: 0;
    display: block
}

.m-page {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #fff
}

.m-page.show {
    z-index: 10;
    display: block
}

.m-page.hide {
    z-index: 5;
    display: none
}

.m-page.active {
    z-index: 15;
    display: block
}

.input-mask-page {
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: top;
    background-size: cover;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    z-index: 8888;
    display: inline-block;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    background-color: rgba(0, 0, 0, .8);
    overflow-y: scroll
}

.input-mask-page__btn {
    width: 100px;
    text-align: center;
    position: absolute;
    top: 300px;
    z-index: 1000;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    margin-bottom: 15px;
    left: 50%;
    transform: translate(-50%);
    background-color: #1261ff;
    color: #fff
}

.page-shake-trigger-tip {
    position: absolute;
    top: 16px;
    left: 16px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #fff;
    background: rgba(0, 0, 0, .5);
    pointer-events: none;
    z-index: 99;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: swing 1s ease 0s infinite normal both running
}

.page-shake-trigger-tip .shake-icon {
    font-size: 18px;
    line-height: 1;
    color: #fff
}

.fade-out {
    opacity: 0;
    animation-name: fadeOutMockDialog;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-fill-mode: both
}

@keyframes fadeOutMockDialog {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.one-shot-container .edit_area,
.one-shot-container .item-comp {
    transform: none
}

.mock-dialog-space {
    width: 320px;
    min-height: 544px;
    background: #f5f5ff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .05);
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%)
}

.mock-dialog-space .head {
    height: 44px;
    line-height: 44px;
    display: flex;
    justify-content: space-between;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    padding: 0 10px
}

.mock-dialog-space .head .back,
.mock-dialog-space .head .more {
    font-size: 24px
}

.mock-dialog-space .vip .vip-tag {
    position: absolute;
    top: -7px;
    right: -32px;
    border-bottom: 50px solid #000;
    transform: rotate(45deg);
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    z-index: 1
}

.mock-dialog-space .vip .vip-tag:before {
    content: "会员风格";
    color: #e1ae84;
    position: absolute;
    width: 54px;
    text-align: center;
    font-size: 12px;
    left: -27px;
    bottom: -42px
}

.mock-dialog-space .vip .vip-tips {
    position: absolute;
    top: 0;
    right: -182px;
    background: #fff;
    width: 170px;
    height: 112px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .08);
    border-radius: 3px;
    padding: 16px;
    text-align: center
}

.mock-dialog-space .vip .vip-tips .arrow {
    display: block;
    width: 6px;
    height: 12px;
    border: 6px solid transparent;
    border-right-color: #fff;
    position: absolute;
    left: -12px;
    top: 20px
}

.mock-dialog-space .vip .vip-tips .text {
    font-size: 14px;
    color: #333;
    padding-top: 8px
}

.mock-dialog-space .vip .vip-tips button {
    width: 130px;
    height: 32px;
    background: linear-gradient(136deg, #ffe0b8, #e2aa62);
    border-radius: 16px;
    color: #673416;
    margin-top: 20px;
    border: none
}

.mock-dialog-space .add {
    display: flex;
    justify-content: space-between;
    margin: 2px 24px
}

.mock-dialog-space .add>div {
    width: 48px;
    font-size: 12px;
    border-radius: 3px;
    font-weight: 400;
    height: 24px;
    line-height: 28px;
    color: #666;
    padding: 6px;
    border: 1px solid #ccd5db;
    position: relative;
    cursor: pointer
}

.mock-dialog-space .add>div:hover {
    background: #1261ff;
    color: #fff;
    border: 1px solid #1261ff
}

.mock-dialog-space .add>div.grey {
    color: #ccd5db;
    cursor: not-allowed
}

.mock-dialog-space .add>div.grey:hover {
    background: #add9ff;
    color: #fff;
    border: 1px solid #add9ff
}

.mock-dialog-space .add>div em {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 6px
}

.mock-dialog-space .add>div span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 6px
}

.mock-dialog-space .mock-content .message-item {
    min-height: 36px;
    position: relative;
    border-bottom: 1px solid transparent
}

.mock-dialog-space .mock-content .message-item .other-sender {
    padding-bottom: 16px;
    position: relative;
    overflow: auto
}

.mock-dialog-space .mock-content .message-item .other-sender .time {
    text-align: center;
    color: #999;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 0
}

.mock-dialog-space .mock-content .message-item .other-sender .nickname {
    margin-left: 57px;
    font-size: 12px;
    line-height: 12px;
    color: #999;
    position: absolute
}

.mock-dialog-space .mock-content .message-item .other-sender .nickname.head-hide {
    margin-left: 25px
}

.mock-dialog-space .mock-content .message-item .other-sender .text-message {
    background: #fff;
    font-size: 14px;
    color: #222;
    border-radius: 3px;
    max-width: 215px;
    float: left;
    margin-bottom: 0;
    margin-top: 8px;
    margin-left: 57px;
    padding: 8px 12px;
    position: relative
}

.mock-dialog-space .mock-content .message-item .other-sender .text-message.head-hide {
    margin-left: 25px
}

.mock-dialog-space .mock-content .message-item .other-sender .text-message.nickname-show {
    margin-top: 14px
}

.mock-dialog-space .mock-content .message-item .other-sender .text-message:before {
    content: "";
    width: 10px;
    height: 10px;
    background: #fff;
    float: left;
    transform: rotate(45deg);
    margin-top: 4px;
    margin-left: -15px;
    top: 12px
}

.mock-dialog-space .mock-content .message-item .other-sender .text-message .read-type {
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    left: unset;
    bottom: 4px;
    right: -20px;
    font-size: 15px;
    color: #bfbfbf
}

.mock-dialog-space .mock-content .message-item .other-sender .text-message .not-read {
    border: 1.5px solid #1261ff;
    border-radius: 50%
}

.mock-dialog-space .mock-content .message-item .other-sender .mock-head {
    width: 36px;
    height: 36px;
    display: inline-block;
    position: absolute;
    left: 12px
}

.mock-dialog-space .mock-content .message-item .other-sender .mock-head img {
    width: 36px;
    height: 36px;
    margin-top: 6px
}

.mock-dialog-space .mock-content .message-item .other-sender.mine .nickname {
    margin-right: 57px;
    right: 0
}

.mock-dialog-space .mock-content .message-item .other-sender.mine .nickname.head-hide {
    margin-right: 20px
}

.mock-dialog-space .mock-content .message-item .other-sender.mine .text-message {
    margin-right: 57px;
    float: right;
    background: #95ec69
}

.mock-dialog-space .mock-content .message-item .other-sender.mine .text-message.head-hide {
    margin-right: 20px
}

.mock-dialog-space .mock-content .message-item .other-sender.mine .text-message:before {
    background: #95ec69;
    float: right;
    margin-right: -15px
}

.mock-dialog-space .mock-content .message-item .other-sender.mine .text-message .read-type {
    left: -20px;
    bottom: 4px
}

.mock-dialog-space .mock-content .message-item .other-sender.mine .mock-head {
    left: unset;
    right: 12px
}

.mock-dialog-space .mock-content .message-item:hover .mask {
    display: block
}

.mock-dialog-space .mock-content .message-item .mask {
    background: rgba(0, 0, 0, .16);
    cursor: move;
    width: 100%;
    height: calc(100% + 16px);
    position: absolute;
    top: -16px;
    left: 0;
    display: none
}

.mock-dialog-space .mock-content .message-item .mask .drag {
    display: inline-block;
    width: 120px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background: rgba(0, 0, 0, .6);
    border-radius: 12px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.mock-dialog-space .mock-content .message-item .mask .mask-tool {
    position: absolute;
    top: -25px;
    right: 0
}

.mock-dialog-space .mock-content .message-item .mask .mask-tool span {
    cursor: pointer;
    background: rgba(0, 0, 0, .9);
    color: #fff;
    display: inline-block;
    width: 40px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    padding: 0 8px;
    border-radius: 3px;
    text-align: center
}

.mock-dialog-space .mock-content .message-item .mask .mask-tool span:hover {
    background: rgba(0, 0, 0, .7)
}

.mock-dialog-space .mock-content .message-item .mask .add {
    position: absolute;
    bottom: -29px;
    right: 0;
    z-index: 10;
    margin-top: 5px;
    width: 272px
}

.mock-dialog-space .mock-content .message-item .mask .add>div {
    background: #1261ff;
    color: #fff;
    border: 1px solid #1261ff
}

.mock-dialog-space .mock-content .message-item .mask .add>div:hover {
    background: #2c72ff;
    color: #fff;
    border: 1px solid #2c72ff
}

.mock-dialog-space .mock-content .message-item .mask .add>div.grey,
.mock-dialog-space .mock-content .message-item .mask .add>div.grey:hover {
    background: #add9ff;
    color: #fff;
    border: 1px solid #add9ff
}

.mock-dialog-space .footer {
    width: 320px;
    height: 49px;
    line-height: 49px;
    padding: 0 13px;
    display: flex;
    justify-content: space-between;
    border-top: .5px solid rgba(0, 0, 0, .1);
    position: absolute;
    bottom: 0;
    font-size: 22px;
    color: #000;
    box-sizing: border-box
}

.mock-dialog-space .footer .input-area {
    width: 194px;
    height: 36px;
    background: #fff;
    border-radius: 4px;
    margin-top: 6px
}

.mock-dialog-space .footer em {
    line-height: 48px
}

.main-page .mock-dialog-space {
    left: 0
}

.mock-dialog-space.style-4 {
    background: #dde9ff
}

.mock-dialog-space.style-4 .head {
    color: #000
}

.mock-dialog-space.style-4 .mock-content .message-item .other-sender .time span {
    color: #fff;
    background: #c4d6f7;
    border-radius: 4px;
    padding: 2px 10px;
    line-height: 22px
}

.mock-dialog-space.style-4 .mock-content .message-item .other-sender .mock-head img {
    border-radius: 4px;
    border: 1px solid #000;
    box-shadow: -2px 2px 0 #000
}

.mock-dialog-space.style-4 .mock-content .message-item .other-sender .text-message {
    background: #fff;
    border-radius: 3px;
    color: #000;
    box-shadow: -1px 2px 1px #000;
    border: 1px solid #000 !important
}

.mock-dialog-space.style-4 .mock-content .message-item .other-sender .text-message:before {
    background: #fff;
    box-shadow: -1px 3px 1px #000
}

.mock-dialog-space.style-4 .mock-content .message-item .other-sender .text-message:after {
    content: "";
    position: absolute;
    right: 4px;
    bottom: 4px;
    height: calc(100% - 8px);
    width: calc(100% - 8px);
    border: 1px dashed #000
}

.mock-dialog-space.style-4 .mock-content .message-item .other-sender.mine .mock-head img {
    box-shadow: 2px 2px 0 #000
}

.mock-dialog-space.style-4 .mock-content .message-item .other-sender.mine .text-message {
    background: #f7e392;
    border-radius: 3px;
    color: #000;
    box-shadow: 3px 3px 1px #000;
    border: 1px solid #000 !important
}

.mock-dialog-space.style-4 .mock-content .message-item .other-sender.mine .text-message:before {
    background: #f7e392;
    box-shadow: 4px -2px 1px #000
}

.mock-dialog-space.style-4 .mock-content .message-item .other-sender.mine .text-message .read-type {
    left: -25px;
    color: #bfbfbf
}

.mock-dialog-space.style-4 .mock-content .message-item .other-sender.mine .text-message .not-read {
    border: 1.5px solid #222
}

.mock-dialog-space.style-4 .mock-content .message-item .other-sender.mine .text-message:after {
    content: "";
    position: absolute;
    right: 4px;
    bottom: 4px;
    height: calc(100% - 8px);
    width: calc(100% - 8px);
    border: 1px dashed #000
}

.mock-dialog-space.style-4 .add>div,
.mock-dialog-space.style-4 .footer {
    color: #000
}

.mock-dialog-space.style-7 {
    background: #af001a
}

.mock-dialog-space.style-7 .head {
    color: #fff
}

.mock-dialog-space.style-7 .mock-content .message-item .other-sender .time span {
    color: #fff;
    background: none
}

.mock-dialog-space.style-7 .mock-content .message-item .other-sender .mock-head img {
    border-radius: 50%;
    border: none;
    box-shadow: none
}

.mock-dialog-space.style-7 .mock-content .message-item .other-sender .text-message {
    background: #fff;
    border: none;
    border-radius: 18px;
    color: #a70008
}

.mock-dialog-space.style-7 .mock-content .message-item .other-sender.mine .text-message,
.mock-dialog-space.style-7 .mock-content .message-item .other-sender.mine .text-message:before {
    background: #f69f9f
}

.mock-dialog-space.style-7 .mock-content .message-item .other-sender.mine .text-message .read-type {
    left: -25px
}

.mock-dialog-space.style-7 .mock-content .message-item .other-sender.mine .text-message .not-read {
    border: 1.5px solid #fff
}

.mock-dialog-space.style-7 .mock-content .message-item .other-sender.mine .text-message:after {
    content: "";
    background: url(https://lib.eqh5.com/%40eqxiu-res/h5/hunli-1.png);
    position: absolute;
    left: -10px;
    top: -10px;
    width: 42px;
    height: 49px;
    z-index: 10;
    background-size: contain
}

.mock-dialog-space.style-7 .add>div {
    color: #fff
}

.mock-dialog-space.style-7 .footer {
    color: #a70008;
    background: linear-gradient(180deg, #fdbdbd, #f69f9f)
}

.voice-assistant-space {
    width: 320px;
    box-sizing: border-box;
    min-height: 544px;
    color: #fff;
    background-color: #333;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .05);
    position: absolute;
    left: 0;
    top: 0
}

.voice-assistant-space .voice-space {
    width: 100%
}

.voice-assistant-space .voice-space .voice-space-question {
    padding: 24px 16px 0 64px;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
    font-size: 16px;
    word-break: break-all;
    font-weight: 500;
    color: #fff;
    line-height: 22px
}

.voice-assistant-space .voice-space .voice-space-answer {
    padding: 24px 64px 0 16px;
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    word-break: break-all;
    font-weight: 500;
    color: #fff;
    line-height: 22px;
    margin-bottom: 10px
}

.voice-assistant-space .margin-Style {
    margin-top: 36px
}

.create-chart h5 {
    margin: 20px 10px;
    text-align: center;
    font-weight: 400;
    font-size: 18px
}

.create-chart .position-align ul li {
    float: left;
    padding-right: 10px
}

.create-chart .position-right {
    float: right
}

.create-chart .position-none {
    display: none
}

.bar-legend,
.line-legend,
.pie-legend {
    padding: 10px;
    list-style: none;
    font-size: 14px
}

.bar-legend li,
.line-legend li,
.pie-legend li {
    position: static;
    line-height: 1.5
}

.bar-legend li span,
.line-legend li span,
.pie-legend li span {
    width: 1em;
    height: 1em;
    display: inline-block;
    margin-right: 5px
}

.comp_anchor,
.eqx-link {
    width: 100%;
    height: 100%;
    display: block;
    white-space: nowrap;
    padding: 0 8px;
    text-align: center;
    font-size: 16px;
    line-height: 30px
}

.map-iframe {
    border: none
}

.mapBtn_div {
    border: 1px solid #ccd5db;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    width: 100%;
    line-height: 22px;
    color: unset;
    padding: 0 10px
}

.mapBtn_div.omits {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.mapBtn_div.omit-height {
    height: 100%
}

.style-btn {
    text-align: center
}

.customer.selected,
.default.selected {
    background: #1261ff;
    border: none;
    color: #fff
}

.navigation {
    border-radius: 5px;
    border: none
}

.navigation.navigation_pad {
    padding: 0 10px 0 5px
}

.address {
    vertical-align: middle;
    line-height: 40px;
    font-size: 26px
}

.amap-copyright,
.amap-logo {
    display: none !important
}

.map-nav-box {
    position: absolute;
    bottom: 0;
    background-color: #fff;
    width: 100%;
    height: 54px;
    text-align: center;
    transform: translateZ(0);
    z-index: 1
}

.map-nav-box .address-name {
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    padding: 12px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.map-nav-box .address-name p {
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center
}

.map-nav-box .address-name p:first-of-type {
    color: #000;
    font-size: 14px
}

.map-nav-box .address-name p:nth-of-type(2) {
    color: #999;
    font-size: 12px;
    margin-top: 4px
}

.go-here {
    width: 44px;
    height: 44px;
    color: #fff;
    border-radius: 22px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    bottom: 22%;
    right: 10%;
    background-color: #1261ff;
    z-index: 10
}

.go-here i {
    height: 14px;
    width: 14px;
    display: block
}

.go-here span {
    height: 17px;
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    line-height: 17px
}

.image-slider {
    position: relative;
    height: 100%;
    perspective: 200px;
    -webkit-perspective: 200px
}

.image-slider-style2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition-property: transform, opacity;
    transition-duration: .4s;
    box-shadow: 0 2px 4px 0 hsla(0, 0%, 60%, .5)
}

.image-slider-style2 .image-slider-img-title {
    margin: 10px;
    font-size: 14px;
    line-height: 1.2em;
    color: #333
}

.image-slider-style2 .image-slider-img-detail {
    margin: 10px;
    font-size: 12px;
    line-height: 1.2em;
    color: #999;
    word-break: break-word
}

.image-slider-style2-current {
    transform: translateX(0);
    opacity: 1;
    z-index: 2
}

.image-slider-style2-left1 {
    transform: translateX(calc(-100% - 10px));
    opacity: .6;
    z-index: 1
}

.image-slider-style2-left2 {
    transform: translateX(calc(-200% - 20px));
    opacity: 0;
    z-index: 1
}

.image-slider-style2-right1 {
    transform: translateX(calc(100% + 10px));
    opacity: .6;
    z-index: 1
}

.image-slider-style2-right2 {
    transform: translateX(calc(200% + 20px));
    opacity: 0;
    z-index: 1
}

.image-slider-style2-alternate {
    opacity: 0;
    z-index: 1
}

.image-slider-style3 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition-property: transform, opacity;
    transition-duration: .4s;
    box-shadow: 0 2px 4px 0 hsla(0, 0%, 60%, .5)
}

.image-slider-style3 .image-slider-img-title {
    margin: 10px;
    font-size: 14px;
    line-height: 1.2em;
    color: #333
}

.image-slider-style3 .image-slider-img-detail {
    margin: 10px;
    font-size: 12px;
    line-height: 1.2em;
    color: #999;
    word-break: break-word
}

.image-slider-style3-current {
    transform: translateX(0) translateZ(10px);
    opacity: 1;
    z-index: 2
}

.image-slider-style3-left1 {
    transform: translateX(-30px) translateZ(-20px);
    opacity: .6;
    z-index: 1
}

.image-slider-style3-right1 {
    transform: translateX(30px) translateZ(-20px);
    opacity: .6;
    z-index: 1
}

.image-slider-style3-alternate {
    opacity: 0;
    z-index: 1
}

.image-slider-style4 {
    position: absolute;
    top: -15px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition-property: transform, opacity;
    transition-duration: .4s;
    box-shadow: 0 2px 4px 0 hsla(0, 0%, 60%, .5);
    border-radius: 3px
}

.image-slider-style4 .image-slider-img-title {
    margin: 10px;
    font-size: 14px;
    line-height: 1.2em;
    color: #333
}

.image-slider-style4 .image-slider-img-detail {
    margin: 10px;
    font-size: 12px;
    line-height: 1.2em;
    color: #999;
    word-break: break-word
}

.image-slider-style4 img {
    position: absolute;
    width: 220px;
    height: 220px;
    bottom: 0;
    margin: 0 10px 10px
}

.image-slider-style4-current {
    transform: translateX(0) translateZ(0);
    z-index: 3;
    opacity: 1
}

.image-slider-style4-up1 {
    transform: translateY(-23px) translateZ(-10px);
    z-index: 2;
    opacity: .6
}

.image-slider-style4-up2 {
    transform: translateY(-46px) translateZ(-20px);
    z-index: 1;
    opacity: .6
}

.image-slider-style4-below1 {
    transform: translateY(23px) translateZ(-10px);
    z-index: 2;
    opacity: .6
}

.image-slider-style4-below2 {
    transform: translateY(46px) translateZ(-20px);
    z-index: 1;
    opacity: .6
}

.image-slider-style4-below3 {
    transform: translateY(69px) translateZ(-30px);
    z-index: 0;
    opacity: .6
}

.image-slider-style5 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition-property: transform, opacity;
    transition-duration: .4s;
    box-shadow: 0 2px 4px 0 hsla(0, 0%, 60%, .5)
}

.image-slider-style5 .image-slider-img-title {
    margin: 10px;
    font-size: 14px;
    line-height: 1.2em;
    color: #333
}

.image-slider-style5 .image-slider-img-detail {
    margin: 10px;
    font-size: 12px;
    line-height: 1.2em;
    color: #999;
    word-break: break-word
}

.image-slider-style5-current {
    transform: translateX(0);
    opacity: 1;
    z-index: 2
}

.image-slider-style5-left1 {
    transform: translateX(-100%);
    opacity: 1;
    z-index: 1
}

.image-slider-style5-left2 {
    transform: translateX(-200%);
    opacity: 1;
    z-index: 1
}

.image-slider-style5-right1 {
    transform: translateX(100%);
    opacity: 1;
    z-index: 1
}

.image-slider-style5-right2 {
    transform: translateX(200%);
    opacity: 1;
    z-index: 1
}

.image-slider-style5-alternate {
    opacity: 1;
    z-index: 1
}

.swiper-film {
    width: 100%;
    height: 100%;
    padding: 26px 0
}

.film-top {
    top: -26px
}

.film-bottom,
.film-top {
    width: 100%;
    height: 26px;
    position: absolute;
    left: 0
}

.film-bottom {
    bottom: -26px
}

.film-left {
    left: 0
}

.film-left,
.film-right {
    width: 8px;
    height: 100%;
    position: absolute;
    top: 0;
    background: #000;
    z-index: 1
}

.film-right {
    right: 0
}

.eqx-barrage-container {
    cursor: pointer;
    position: absolute;
    left: 320px;
    word-break: keep-all;
    z-index: 999;
    display: flex;
    align-items: center;
    height: 28px
}

.eqx-barrage-container .barrage-item {
    user-select: text !important
}

.eqx-barrage-container .barrage-toolbar-container {
    position: absolute;
    display: flex;
    background: rgba(0, 0, 0, .6);
    align-items: center;
    height: 28px;
    bottom: -36px;
    z-index: 999999;
    font-size: 12px;
    border-radius: 14px;
    left: 50%;
    transform: translateX(-50%)
}

.eqx-barrage-container .barrage-toolbar-container em {
    font-size: 16px;
    margin-right: 4px;
    position: relative;
    top: 1.6px
}

.eqx-barrage-container .barrage-toolbar-container.three {
    width: 168px;
    justify-content: space-between;
    padding: 0 14px
}

.eqx-barrage-container .barrage-toolbar-container.all {
    width: 116px;
    justify-content: space-between;
    padding: 0 14px
}

.eqx-barrage-container .barrage-toolbar-container.single {
    width: 66px;
    padding: 0 14x;
    justify-content: center
}

.eqx-barrage-container .barrage-toolbar-container .barrage_tool_arrow {
    position: absolute;
    left: 50%;
    top: -8px;
    opacity: .6;
    transform: translateX(-50%);
    border: 4px solid transparent;
    border-bottom-color: #000
}

.t {
    color: #e5b372
}

.eqx-barrage-control-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.eqx-barrage-control-container.eqx-barrage-control-container1002 .eqx-barrage-container {
    border-radius: 14px;
    height: 28px;
    padding: 2px 14px 2px 2px;
    border: 1px solid #e5b372
}

.eqx-barrage-control-container.eqx-barrage-control-container1002 .eqx-barrage-container img.avator {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 5px
}

.eqx-barrage-control-container.eqx-barrage-control-container1002 .eqx-barrage-container .bg-avator {
    position: absolute;
    width: 28px;
    left: 0;
    height: 36px;
    z-index: -1;
    top: -8px;
    background: url(https://lib.eqh5.com/%40eqxiu-res/h5/bullet-screen-3-logobg.png) no-repeat;
    background-size: cover
}

.eqx-barrage-control-container.eqx-barrage-control-container1002 .barrage-img-box {
    background-size: cover;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    overflow: hidden
}

.eqx-barrage-control-container.eqx-barrage-control-container1001 .eqx-barrage-container {
    border-radius: 14px;
    height: 28px;
    padding: 2px 14px 2px 2px;
    background: rgba(0, 0, 0, .6)
}

.eqx-barrage-control-container.eqx-barrage-control-container1001 .eqx-barrage-container img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 5px;
    border: 1px solid #fff
}

.eqx-barrage-control-container.eqx-barrage-control-container1003 .eqx-barrage-container {
    border-radius: 14px;
    height: 28px;
    padding: 2px 14px;
    background: rgba(0, 0, 0, .6)
}

.eqx-barrage-control-container.eqx-barrage-control-container1003 .arrow {
    position: absolute;
    bottom: -8px;
    width: 0;
    height: 0;
    right: 30%;
    border: 4px solid transparent;
    border-top-color: rgba(0, 0, 0, .6)
}

.eqx-barrage-control-container.eqx-barrage-control-container1004 .eqx-barrage-container {
    height: 28px;
    text-shadow: 0 0 1px rgba(0, 0, 0, .3);
    font-weight: 600
}

.boards-panel {
    background-color: #424d60 !important;
    z-index: 9999;
    padding: 30px;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 11px;
    transform: translateZ(0)
}

.boards-panel,
.boards-panel * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.boards-panel .boards-top {
    position: absolute;
    left: 20px;
    top: 30px;
    right: 20px;
    z-index: 10;
    box-sizing: content-box
}

.boards-panel .boards-top .head {
    font-size: 14px;
    color: #333;
    text-align: center;
    padding: 14px 0;
    position: relative
}

.boards-panel .boards-top .head .eqf-no {
    opacity: .8;
    font-size: 12px;
    position: absolute;
    top: 14px;
    right: 30px;
    display: inline-block;
    transform: scale(.8);
    cursor: pointer
}

.boards-panel .boards-form {
    text-align: center;
    border: 1px solid transparent;
    position: relative;
    padding: 0 15px
}

.boards-panel .boards-form textarea {
    border: none
}

.boards-panel .boards-form .record-btn {
    height: 30px;
    width: 100%;
    margin-top: 14px;
    border-radius: 3px;
    line-height: 30px;
    color: #fff;
    display: inline-block;
    background-color: #1261ff;
    cursor: pointer
}

.boards-panel .boards-form .record-btn.submit-disabled {
    background-color: #b4b4b4
}

.boards-panel .boards-form .content-tip {
    color: #000;
    opacity: .3;
    position: absolute;
    bottom: 0;
    right: 14px
}

.boards-panel .boards-form .textParent {
    height: 60px;
    background-color: #fff;
    position: relative
}

.boards-panel .boards-form .content-text {
    width: 100%;
    overflow-y: scroll;
    height: 45px;
    border-radius: 4px;
    padding: 5px;
    color: #76838f
}

.boards-panel .boards-form input::-webkit-input-placeholder {
    font-size: 14px
}

.boards-panel .boards-bottom {
    position: fixed;
    left: 29px;
    bottom: 0;
    height: 30px;
    right: 29px;
    z-index: 10;
    background-color: #424d60
}

.boards-panel .boards-con {
    text-align: center;
    margin-top: 164px;
    min-height: 261px;
    position: absolute;
    top: 46px;
    background-color: #f0f3f4
}

.boards-panel .boards-con .list {
    text-align: left
}

.boards-panel .boards-con .more-mes {
    height: 40px;
    text-align: center;
    line-height: 40px
}

.boards-panel .boards-con .record-bar {
    margin-top: 15px
}

.boards-panel .boards-con.ios-boards-con {
    overflow: auto;
    bottom: 30px;
    left: 20px;
    right: 20px;
    -webkit-overflow-scrolling: touch;
    box-sizing: content-box
}

.boards-panel .spline-con {
    height: 18px;
    padding: 0 15px;
    margin-top: 16px;
    position: relative
}

.boards-panel .spline-con span:first-child {
    position: absolute;
    top: -5px;
    left: 50%;
    padding: 0 8px;
    transform: translateX(-50%)
}

.boards-panel .spline-con .spline {
    height: 1px;
    display: block;
    background-color: #ccd5db
}

.tool {
    width: 100%;
    z-index: 10;
    display: flex;
    justify-content: center
}

.tool .tool-btn-box {
    height: 37px;
    position: relative;
    display: flex
}

.tool .tool-btn-box .eqf-yes-f {
    width: 24px;
    height: 24px;
    font-size: 24px;
    margin-top: 6px;
    margin-left: 16px;
    vertical-align: middle
}

.tool .tool-btn-box .eqf-yes-l {
    float: right;
    width: 24px;
    height: 24px;
    font-size: 24px;
    margin-top: 6px
}

.tool .tool-btn-box .input200 {
    width: 200px;
    height: 36px;
    line-height: 17px;
    padding-left: 10px;
    padding-top: 9px;
    padding-right: 10px;
    border-radius: 4px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .08);
    overflow: auto
}

.recordParent {
    margin: 0 auto;
    width: 100%;
    height: 272px;
    overflow-y: auto
}

.recordParent::-webkit-scrollbar {
    width: 8px
}

.recordParent::-webkit-scrollbar-track {
    background-color: transparent
}

.recordParent::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .1)
}

.record {
    padding: 17px 0;
    min-height: 90px;
    width: 240px;
    margin: 0 auto
}

.record .headimg {
    width: 36px;
    height: 36px;
    background-position: 50% 50%;
    background-size: cover;
    float: left;
    overflow: hidden
}

.record .headimg .logo {
    transform: scale(.5);
    margin-left: -7px;
    margin-top: -2px;
    font-size: 12px;
    line-height: 30px
}

.record .headimg-bg {
    color: #fff;
    text-align: center;
    font-size: 24px
}

.record .headimg-bg.headimg {
    line-height: 32px
}

.record .time {
    opacity: .5;
    margin-top: 6px
}

.record .name,
.record .time {
    margin-left: 45px;
    font-size: 12px
}

.record .name {
    max-width: 120px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.record .mes {
    margin-left: 45px;
    word-break: break-all;
    margin-top: 6px;
    line-height: 15px;
    font-size: 14px
}

.eqx-comp-comment .title {
    font-size: 16px;
    text-align: center;
    width: 240px;
    margin: 0 auto
}

.boards-barrage {
    position: relative
}

.boards-barrage .barrage-comments {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.boards-barrage .barrage-comments .barrage-comment {
    background: rgba(0, 0, 0, .3);
    border-radius: 3px;
    padding: 0 10px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}

.boards-barrage .barrage-comments .barrage-comment>.barrage-img {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #fff;
    position: absolute;
    left: 10px;
    top: 5px
}

.boards-barrage .barrage-comments .barrage-comment>.barrage-content.h {
    height: 30px;
    white-space: nowrap
}

.boards-barrage .barrage-comments .barrage-comment>.barrage-content.h,
.boards-barrage .barrage-comments .barrage-comment>.barrage-content.v {
    display: block;
    font-size: 12px;
    color: #fff;
    line-height: 30px;
    padding-left: 25px
}

.boards-barrage .barrage-tools {
    position: absolute;
    bottom: 40px;
    right: 0
}

.boards-barrage .barrage-tools>a {
    display: block;
    position: relative;
    width: 30px;
    height: 24px;
    line-height: 24px;
    margin-bottom: 10px;
    text-align: center;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    border-radius: 12px 0 0 12px;
    font-size: 12px
}

.boards-barrage .barrage-tools .barrage-play .eqf-slash-l {
    position: absolute;
    right: 2px;
    top: 9px;
    transform: scale(.8)
}

.boards-barrage .barrage-tools .barrage-play.on .eqf-slash-l {
    display: none
}

.boards-barrage .barrage-tools .barrage-play.off .eqf-slash-l {
    display: block
}

.eqx-comp-comment .empty-boards {
    height: 100%;
    width: 100%;
    text-align: center;
    padding-top: 44%
}

.eqx-comp-comment .empty-boards .default-empty {
    color: #333
}

.eqx-comp-comment .empty-boards .black-empty {
    color: #fff
}

.eqx-comp-comment .empty-boards .pink-empty {
    color: #ee6e97
}

.eqx-comp-comment .empty-boards .blue-empty,
.eqx-comp-comment .empty-boards .yellow-empty {
    color: #333
}

.eqx-comp-comment [class*=boards-],
.eqx-comp-comment [class^=boards-] {
    height: 100%
}

.eqx-comp-comment [class*=boards-] .tool-box,
.eqx-comp-comment [class^=boards-] .tool-box {
    position: relative
}

.eqx-comp-comment [class*=boards-] .tool-box .tool,
.eqx-comp-comment [class^=boards-] .tool-box .tool {
    font-size: 12px
}

.eqx-comp-comment [class*=boards-] .content-warn,
.eqx-comp-comment [class^=boards-] .content-warn {
    width: 128px;
    height: 36px;
    position: absolute;
    display: none;
    top: 290px;
    left: 83px;
    text-align: center;
    background-color: rgba(0, 0, 0, .9);
    color: #fff;
    font-size: 14px;
    line-height: 36px;
    border-radius: 4px;
    transition: all .3s
}

.eqx-comp-comment [class*=boards-] .content-warn-show,
.eqx-comp-comment [class^=boards-] .content-warn-show {
    display: block
}

.eqx-comp-comment .no-more-comment {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px
}

.boards-default,
.boards-default .boards-con,
.boards-default .boards-top,
.boards-default .spline-con span:first-child,
.boards-userDefine,
.boards-userDefine .boards-con,
.boards-userDefine .boards-top,
.boards-userDefine .spline-con span:first-child {
    background-color: #fff
}

.boards-default .recordParent,
.boards-userDefine .recordParent {
    color: #333;
    height: 292px
}

.boards-default .record,
.boards-userDefine .record {
    border-bottom: 1px solid rgba(51, 51, 51, .1);
    position: relative
}

.boards-default .record .mes,
.boards-userDefine .record .mes {
    font-size: 14px;
    line-height: 20px
}

.boards-default .record .report,
.boards-userDefine .record .report {
    position: absolute;
    right: 0;
    bottom: 17px;
    font-size: 12px;
    font-weight: 400;
    color: #5c6c8a;
    line-height: 12px
}

.boards-default .no-more-comment,
.boards-userDefine .no-more-comment {
    color: #333
}

.boards-default .title,
.boards-userDefine .title {
    height: 54px;
    line-height: 54px;
    color: #333;
    border-bottom: 1px solid rgba(51, 51, 51, .1)
}

.boards-default .tool-box-setting,
.boards-userDefine .tool-box-setting {
    height: 60px;
    width: 100%;
    position: absolute;
    bottom: 0
}

.boards-default .tool-box-setting .tool,
.boards-userDefine .tool-box-setting .tool {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.boards-default .tool-box-setting .tool textarea::-webkit-input-placeholder,
.boards-userDefine .tool-box-setting .tool textarea::-webkit-input-placeholder {
    font-size: 14px
}

.boards-default .tool-box-setting .tool .record-btn,
.boards-userDefine .tool-box-setting .tool .record-btn {
    color: #333
}

.boards-black,
.boards-black .boards-con,
.boards-black .boards-top,
.boards-black .spline-con span:first-child {
    background-color: #000
}

.boards-black .recordParent {
    height: 292px
}

.boards-black .recordParent::-webkit-scrollbar {
    width: 8px
}

.boards-black .recordParent::-webkit-scrollbar-track {
    background-color: transparent
}

.boards-black .recordParent::-webkit-scrollbar-thumb {
    border-radius: 5px
}

.boards-black .record {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    color: hsla(0, 0%, 100%, .1);
    position: relative
}

.boards-black .record .headimg {
    border-radius: 8px !important
}

.boards-black .record .mes {
    font-size: 14px;
    line-height: 20px
}

.boards-black .record .report {
    position: absolute;
    right: 0;
    bottom: 17px;
    font-size: 12px;
    font-weight: 400;
    color: #5c6c8a;
    line-height: 12px
}

.boards-black .no-more-comment {
    color: #fff;
    margin-bottom: 10px
}

.boards-black .title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff
}

.boards-black .tool-box-setting {
    overflow: hidden;
    height: 60px;
    background-color: #000;
    width: 100%;
    position: absolute;
    bottom: 0
}

.boards-black .tool-box-setting .tool {
    position: absolute;
    bottom: 0;
    padding: 12px 0
}

.boards-black .tool-box-setting .tool .input200 {
    border: 1px solid #fff;
    background: #000
}

.boards-black .tool-box-setting .tool textarea::-webkit-input-placeholder {
    font-size: 14px
}

.boards-black .tool-box-setting .tool .record-btn {
    color: #fff
}

.boards-pink,
.boards-pink .boards-con,
.boards-pink .boards-top,
.boards-pink .spline-con span:first-child {
    background: url(https://lib.eqh5.com/%40eqxiu-res/h5/boards-pink-middle.svg) no-repeat;
    background-size: cover
}

.boards-pink .recordParent {
    margin-top: -6px;
    width: 268px;
    height: 270px;
    background: #fff;
    border-radius: 8px;
    box-sizing: border-box;
    border: 1px solid pink
}

.boards-pink .recordParent .record {
    min-height: 89px;
    color: #ee6e97;
    border-bottom: 1px solid rgba(238, 110, 151, .1);
    position: relative
}

.boards-pink .recordParent .record .headimg {
    border-radius: 8px !important
}

.boards-pink .recordParent .record .mes {
    font-size: 14px;
    line-height: 20px
}

.boards-pink .recordParent .record .time {
    font-size: 12px
}

.boards-pink .recordParent .record .report {
    position: absolute;
    right: 0;
    bottom: 17px;
    font-size: 12px;
    font-weight: 400;
    color: #5c6c8a;
    line-height: 12px
}

.boards-pink .no-more-comment {
    color: #ee6e97;
    margin-bottom: 10px
}

.boards-pink .title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ee6e97;
    border-bottom: 1px solid rgba(238, 110, 151, .1)
}

.boards-pink .tool-box-setting {
    overflow: hidden;
    height: 80px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background-color: #ffedfc
}

.boards-pink .tool-box-setting .tool {
    position: absolute;
    bottom: 0;
    padding: 12px 0;
    border-top: 1px solid #ffdbe8;
    background: #ffe9f4
}

.boards-pink .tool-box-setting .tool .input200 {
    border-color: #fff
}

.boards-pink .tool-box-setting .tool textarea::-webkit-input-placeholder {
    font-size: 14px
}

.boards-pink .tool-box-setting .tool .record-btn {
    color: #ee6e97
}

.boards-blue,
.boards-blue .boards-con,
.boards-blue .boards-top,
.boards-blue .spline-con span:first-child {
    background-color: #feeddc
}

.boards-blue .recordParent {
    height: 278px;
    width: 268px;
    margin: 0 auto;
    background: url(https://lib.eqh5.com/%40eqxiu-res/h5/boards-blue-middle.svg) no-repeat;
    background-size: cover
}

.boards-blue .record {
    min-height: 90px;
    width: 100%;
    border-bottom: 1px solid #eaeaea
}

.boards-blue .record .headimg {
    border-radius: 8px !important
}

.boards-blue .record .mes {
    font-size: 14px;
    line-height: 20px
}

.boards-blue .record .name {
    max-width: 85px
}

.boards-blue .record .report {
    position: absolute;
    right: 0;
    bottom: 17px;
    font-size: 12px;
    font-weight: 400;
    color: #5c6c8a;
    line-height: 12px
}

.boards-blue .no-more-comment {
    color: #333;
    margin-bottom: 10px
}

.boards-blue .tool-box-setting {
    height: 60px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background-color: #f9e8d7
}

.boards-blue .tool-box-setting .tool {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.boards-blue .tool-box-setting .tool .input200 {
    border-color: #f4d8bf
}

.boards-blue .tool-box-setting .tool textarea::-webkit-input-placeholder {
    font-size: 14px
}

.boards-blue .tool-box-setting .tool .record-btn.eqf-yes-f {
    color: #333
}

.boards-blue .title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #333;
    border-bottom: 1px solid #eaeaea
}

.boards-yellow {
    background-color: #edf3ff
}

.boards-yellow .boards-con,
.boards-yellow .boards-top,
.boards-yellow .spline-con span:first-child {
    background-color: #f5f3f0
}

.boards-yellow .recordParent {
    width: 270px;
    height: 290px
}

.boards-yellow .record {
    color: #333;
    background-color: #fffcf9;
    min-height: 88px;
    border-radius: 4px
}

.boards-yellow .record .headimg {
    border-radius: 8px !important
}

.boards-yellow .record .mes {
    font-size: 14px;
    line-height: 20px
}

.boards-yellow .record .name {
    max-width: 75px
}

.boards-yellow .record .report {
    position: absolute;
    right: 0;
    bottom: 17px;
    font-size: 12px;
    font-weight: 400;
    color: #5c6c8a;
    line-height: 12px
}

.boards-yellow .no-more-comment {
    color: #333;
    margin-bottom: 10px
}

.boards-yellow .tool-box-setting {
    height: 60px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background-color: #e8eefa
}

.boards-yellow .tool-box-setting .tool {
    position: absolute;
    bottom: 0;
    padding: 12px 0;
    background: #edf3ff
}

.boards-yellow .tool-box-setting .tool .input200 {
    border-color: #71a0ff
}

.boards-yellow .tool-box-setting .tool textarea::-webkit-input-placeholder {
    font-size: 14px
}

.boards-yellow .tool-box-setting .tool .record-btn {
    color: #333
}

.boards-yellow .title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #333
}

.boards-national,
.boards-national .boards-con,
.boards-national .boards-top,
.boards-national .spline-con span:first-child {
    background-color: #c20000
}

.boards-national .recordParent {
    border-radius: 8px;
    box-sizing: border-box
}

.boards-national .recordParent .record {
    color: #fff;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    position: relative
}

.boards-national .recordParent .record .headimg {
    border-radius: 8px !important
}

.boards-national .recordParent .record .mes {
    font-size: 14px;
    line-height: 20px
}

.boards-national .recordParent .record .time {
    font-size: 12px
}

.boards-national .recordParent .record .report {
    position: absolute;
    right: 0;
    bottom: 17px;
    font-size: 12px;
    font-weight: 400;
    color: #5c6c8a;
    line-height: 12px
}

.boards-national .no-more-comment {
    color: #fff;
    margin-bottom: 10px
}

.boards-national .title {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    position: absolute;
    top: 45%
}

.boards-national .tool-box-setting {
    height: 80px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: #c20000
}

.boards-national .tool-box-setting .tool {
    position: absolute;
    bottom: 0;
    padding: 12px 0
}

.boards-national .tool-box-setting .tool .tool-btn-box {
    border-radius: 4px;
    background: #c20000;
    padding-right: 12px
}

.boards-national .tool-box-setting .tool .tool-btn-box .input200 {
    border-color: #fff;
    border-radius: 4px 0 0 4px
}

.boards-national .tool-box-setting .tool .tool-btn-box textarea::-webkit-input-placeholder {
    font-size: 14px
}

.boards-national .tool-box-setting .tool .tool-btn-box .eqf-yes-f {
    margin-left: 12px
}

.boards-national .tool-box-setting .tool .tool-btn-box .record-btn {
    color: #fff
}

.boards-trend {
    background-color: #1824ad
}

.boards-trend .boards-con,
.boards-trend .boards-top,
.boards-trend .spline-con span:first-child {
    background-color: #f5f3f0
}

.boards-trend .recordParent {
    width: 268px;
    height: 290px
}

.boards-trend .record {
    width: 100%;
    color: #333;
    min-height: 90px;
    background: #fff;
    border: 1px solid #000
}

.boards-trend .record .headimg {
    border-radius: 8px !important
}

.boards-trend .record .mes {
    font-size: 14px;
    line-height: 20px
}

.boards-trend .record .name {
    max-width: 75px
}

.boards-trend .record .report {
    position: absolute;
    right: 0;
    bottom: 17px;
    font-size: 12px;
    font-weight: 400;
    color: #5c6c8a;
    line-height: 12px
}

.boards-trend .no-more-comment {
    color: #fff;
    margin-bottom: 35px
}

.boards-trend .tool-box-setting {
    height: 80px;
    background: #1824ad;
    width: 100%;
    position: absolute;
    bottom: 0
}

.boards-trend .tool-box-setting .tool {
    position: absolute;
    bottom: 0;
    padding: 12px 0 8px
}

.boards-trend .tool-box-setting .tool .tool-btn-box {
    display: flex;
    padding: 5px 14px;
    width: 268px;
    height: 46px;
    background: #b6302f;
    border: 1px solid #000
}

.boards-trend .tool-box-setting .tool .tool-btn-box textarea::-webkit-input-placeholder {
    font-size: 14px
}

.boards-trend .tool-box-setting .tool .tool-btn-box .record-btn {
    color: #fff
}

.boards-trend .title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 160px !important;
    border: 1px solid #fff;
    height: 34px;
    line-height: 32px;
    color: #fff
}

.boards-nostalgia,
.boards-nostalgia .boards-con,
.boards-nostalgia .boards-top,
.boards-nostalgia .spline-con span:first-child {
    background: url(https://lib.eqh5.com/%40eqxiu-res/h5/boards-nostalgia-middle.svg) no-repeat;
    background-size: cover
}

.boards-nostalgia .recordParent {
    width: 268px;
    background: #fff6e7;
    box-sizing: border-box
}

.boards-nostalgia .recordParent .record {
    color: #172347;
    border-bottom: 1px solid rgba(51, 51, 51, .05);
    position: relative
}

.boards-nostalgia .recordParent .record .headimg {
    border-radius: 8px !important
}

.boards-nostalgia .recordParent .record .mes {
    font-size: 14px;
    line-height: 20px
}

.boards-nostalgia .recordParent .record .time {
    font-size: 12px
}

.boards-nostalgia .recordParent .record .report {
    position: absolute;
    right: 0;
    bottom: 17px;
    font-size: 12px;
    font-weight: 400;
    color: #5c6c8a;
    line-height: 12px
}

.boards-nostalgia .no-more-comment {
    color: #172347;
    margin-bottom: 10px
}

.boards-nostalgia .title {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    position: absolute;
    top: 45%
}

.boards-nostalgia .tool-box-setting {
    height: 60px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background-color: #fff6e7
}

.boards-nostalgia .tool-box-setting .tool {
    position: absolute;
    bottom: 0;
    padding: 12px 0;
    background: #fff6e7
}

.boards-nostalgia .tool-box-setting .tool .input200 {
    border: 2px solid #172347
}

.boards-nostalgia .tool-box-setting .tool textarea::-webkit-input-placeholder {
    font-size: 14px
}

.boards-nostalgia .tool-box-setting .tool .record-btn {
    color: #172347
}

.boards-postBar {
    background-color: #fff
}

.boards-postBar .boards-con,
.boards-postBar .boards-top,
.boards-postBar .spline-con span:first-child {
    background-color: #f5f3f0
}

.boards-postBar .recordParent {
    width: 268px;
    height: 290px
}

.boards-postBar .record {
    width: 100%;
    margin: 0 auto;
    color: #333;
    min-height: 90px;
    background: #f5f7fb;
    border-radius: 4px
}

.boards-postBar .record .headimg {
    border-radius: 8px !important
}

.boards-postBar .record .mes {
    font-size: 14px;
    line-height: 20px
}

.boards-postBar .record .name {
    max-width: 75px
}

.boards-postBar .no-more-comment {
    color: #333
}

.boards-postBar .tool-box-setting {
    height: 60px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background-color: #fff
}

.boards-postBar .tool-box-setting .tool {
    position: absolute;
    bottom: 0;
    padding: 12px 0 8px
}

.boards-postBar .tool-box-setting .tool .tool-btn-box {
    display: flex;
    padding: 5px 14px;
    width: 268px;
    height: 46px
}

.boards-postBar .tool-box-setting .tool .tool-btn-box .input200 {
    border: 1px solid #e6ebed;
    box-shadow: none
}

.boards-postBar .tool-box-setting .tool .tool-btn-box textarea::-webkit-input-placeholder {
    font-size: 14px
}

.boards-postBar .tool-box-setting .tool .tool-btn-box .record-btn {
    color: #333
}

.boards-postBar .title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 160px !important;
    height: 34px;
    line-height: 32px;
    color: #fff
}

.boards-button {
    display: flex;
    justify-content: center;
    align-items: center
}

.boards-button .buttonDiv {
    width: 200px;
    height: 50px;
    line-height: 50px;
    background: #f5f7fb;
    font-size: 24px;
    border-radius: 25px;
    text-align: center;
    color: #1261ff
}

.boards-button .buttonDiv span {
    font-size: 28px;
    margin-left: 14px
}

.boards-button .buttonDiv .f {
    color: #1261ff !important
}

.boards-button .buttonDiv .hot {
    color: #ff5448 !important
}

.boards-button .buttonDiv .line {
    color: #f89300 !important
}

.boards-button .buttonDiv .pen {
    color: #1bc7b1 !important
}

.boards-button .buttonDiv-ver {
    height: 70px;
    border-radius: 35px
}

.boards-button .buttonDiv-ver span {
    margin-left: 0;
    display: block;
    text-align: center;
    line-height: 30px
}

.boards-button .buttonDiv-ver i {
    display: block;
    text-align: center;
    margin-top: 11px
}

.boards-button .buttonDiv-hor {
    height: 50px;
    line-height: 50px
}

.boards-default .boards-form .record-btn,
.boards-default .tool .replay,
.boards-userDefine .boards-form .record-btn,
.boards-userDefine .tool .replay {
    background-color: #1261ff
}

.boards-default .tool .content-text,
.boards-userDefine .tool .content-text {
    font-size: 14px;
    padding-left: 10px
}

.boards-default .tool .more,
.boards-userDefine .tool .more {
    background-color: #1261ff
}

.boards-default .spline-con .spline,
.boards-userDefine .spline-con .spline {
    background-color: rgba(51, 51, 51, .1)
}

.boards-default .boards-con .content-text,
.boards-userDefine .boards-con .content-text {
    border: 1px solid rgba(51, 51, 51, .1)
}

.boards-default .boards-con .more-mes,
.boards-userDefine .boards-con .more-mes {
    color: rgba(0, 0, 0, .6)
}

.boards-default .boards-top .head,
.boards-userDefine .boards-top .head {
    color: #37474f
}

.boards-default .record .time,
.boards-userDefine .record .time {
    margin-left: 45px;
    opacity: .5;
    margin-top: 4px;
    font-size: 12px
}

.boards-black {
    color: #fff
}

.boards-black .boards-form .record-btn,
.boards-black .replay {
    background-color: #30bcad
}

.boards-black .record {
    color: #fff
}

.boards-black .tool .more {
    background-color: hsla(0, 0%, 100%, .15);
    border: 1px solid hsla(0, 0%, 100%, .3)
}

.boards-black .record .time {
    margin-left: 45px;
    opacity: .5;
    margin-top: 4px;
    font-size: 12px
}

.boards-black .boards-con .content-text {
    border: 1px solid rgba(0, 0, 0, .5)
}

.boards-black .boards-con .more-mes {
    color: #fff
}

.boards-pink {
    background-color: #f6dcf0
}

.boards-pink .tool {
    background-color: #e6688e
}

.boards-pink .record {
    color: #bd5673
}

.boards-pink .record .time {
    margin-left: 45px;
    opacity: .5;
    margin-top: 4px;
    font-size: 12px
}

.boards-pink .more,
.boards-pink .replay {
    background-color: #eb86a5;
    border: 1px solid #f3b4c7
}

.boards-pink .head {
    background-color: #e6688e
}

.boards-pink .boards-con {
    background-color: #f6dcf0
}

.boards-pink .boards-con .content-text {
    border: 1px solid #e9b3db
}

.boards-pink .boards-con .more-mes {
    color: rgba(189, 86, 115, .8)
}

.boards-pink .boards-form {
    background-color: #f6dcf0
}

.boards-pink .boards-form .record-btn {
    background-color: #e6688e
}

.boards-pink .spline-con {
    background-color: #f6dcf0;
    color: rgba(189, 86, 115, .8)
}

.boards-pink .spline-con .spline {
    background-color: #e9b3db
}

.boards-blue .boards-form .content-text {
    border: 1px solid #ccd5db
}

.boards-blue .boards-form .record-btn {
    background-color: #feeddc
}

.boards-blue .record {
    color: #333;
    position: relative;
    padding: 16px 16px 16px 14px;
    margin: 0 auto
}

.boards-blue .record .headimg {
    border-radius: 8px;
    height: 36px;
    width: 36px;
    line-height: 36px;
    overflow: hidden
}

.boards-blue .record .headimg .logo {
    line-height: 36px;
    margin-left: -5px;
    margin-top: 0
}

.boards-blue .record .mes,
.boards-blue .record .name {
    opacity: 1
}

.boards-blue .record .name {
    margin-left: 45px
}

.boards-blue .record .time {
    margin-left: 45px;
    opacity: .5;
    margin-top: 6px;
    font-size: 12px
}

.boards-blue .record .headimg-bg {
    background-color: transparent
}

.boards-yellow .record {
    width: 100%;
    margin-bottom: 7px;
    padding: 16px 16px 16px 14px;
    position: relative
}

.boards-yellow .record .headimg {
    border-radius: 8px;
    height: 36px;
    width: 36px;
    line-height: 36px;
    overflow: hidden
}

.boards-yellow .record .headimg .logo {
    line-height: 36px;
    margin-left: -5px;
    margin-top: 0
}

.boards-yellow .record .mes,
.boards-yellow .record .name {
    opacity: 1
}

.boards-yellow .record .name {
    margin-left: 45px
}

.boards-yellow .record .time {
    margin-left: 45px;
    opacity: .5;
    margin-top: 6px;
    font-size: 12px
}

.boards-yellow .record .headimg-bg {
    background-color: transparent
}

.boards-yellow .record .time {
    right: 32px
}

.boards-yellow .record:before {
    content: "";
    width: 6px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #1261ff;
    opacity: .6;
    border-radius: 4px 0 0 4px
}

.boards-yellow .boards-form .record-btn {
    background-color: #fec274
}

.boards-trend .record {
    padding: 16px 16px 16px 14px;
    margin-bottom: 0;
    position: relative
}

.boards-trend .record .headimg {
    border-radius: 8px;
    height: 36px;
    width: 36px;
    line-height: 36px;
    overflow: hidden
}

.boards-trend .record .headimg .logo {
    line-height: 36px;
    margin-left: -5px;
    margin-top: 0
}

.boards-trend .record .mes,
.boards-trend .record .name {
    opacity: 1
}

.boards-trend .record .name {
    margin-left: 45px
}

.boards-trend .record .time {
    margin-left: 45px;
    opacity: .5;
    margin-top: 6px;
    font-size: 12px
}

.boards-trend .record .headimg-bg {
    background-color: transparent
}

.boards-trend .record .time {
    right: 32px
}

.boards-trend .boards-form .record-btn {
    background-color: #fff
}

.boards-postBar .record {
    padding: 16px 16px 16px 14px;
    margin-bottom: 4px;
    position: relative
}

.boards-postBar .record .headimg {
    border-radius: 8px;
    height: 36px;
    width: 36px;
    line-height: 36px;
    overflow: hidden
}

.boards-postBar .record .headimg .logo {
    line-height: 36px;
    margin-left: -5px;
    margin-top: 0
}

.boards-postBar .record .mes,
.boards-postBar .record .name {
    opacity: 1
}

.boards-postBar .record .name {
    margin-left: 45px
}

.boards-postBar .record .time {
    margin-left: 45px;
    opacity: .5;
    margin-top: 6px;
    font-size: 12px
}

.boards-postBar .record .headimg-bg {
    background-color: transparent
}

.boards-postBar .record .time {
    right: 32px
}

.boards-postBar .record .report {
    position: absolute;
    right: 0;
    bottom: 17px;
    font-size: 12px;
    font-weight: 400;
    color: #5c6c8a;
    line-height: 12px
}

.boards-postBar .boards-form .record-btn {
    background-color: #fff
}

.boards-blue .tool .replay,
.boards-yellow .tool .replay {
    background-color: #feeddc
}

.boards-blue .tool .more,
.boards-yellow .tool .more {
    background-color: #729fe4
}

.boards-blue .boards-top .head,
.boards-yellow .boards-top .head {
    color: #37474f
}

.new-barrage {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column
}

.icon-barrage {
    width: 100%
}

.barrage-switch {
    margin-bottom: 20%
}

.barrage-icon-box {
    position: relative;
    width: 100%;
    border-radius: 50%;
    height: 100%;
    border: 2px solid #fff;
    overflow: hidden
}

.barrage-background {
    background-color: red;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.barrage-swtich-img {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid transparent;
    display: none
}

.barrage-swtich-img img {
    width: inherit;
    height: inherit
}

.barrage-svg {
    -webkit-mask-box-image-slice: initial;
    -webkit-mask-box-image-width: initial;
    -webkit-mask-box-image-outset: initial;
    -webkit-mask-box-image-repeat: no-repeat;
    width: 66%;
    height: 66%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.barrage-svg.barrage-svg-swtich {
    -webkit-mask-image: url(//lib.eqh5.com/h5_view_2/images/icon_barrage_open-204e19.svg);
    -webkit-mask-size: 100% 100%
}

.barrage-svg.barrage-svg-editor {
    -webkit-mask-image: url(//lib.eqh5.com/h5_view_2/images/icon_barrage_editor-0f4aaa.svg);
    -webkit-mask-size: 100% 100%
}

.comp_anchor,
.eqx-tel {
    width: 100%;
    height: 100%;
    display: block;
    white-space: nowrap;
    padding: 0 8px;
    text-align: center;
    font-size: 16px;
    line-height: 30px
}

.deepShareHref {
    line-height: 32px;
    text-align: center
}

.comp_anchor,
.eqx-sound {
    width: 100%;
    height: 100%;
    display: block;
    white-space: nowrap;
    padding: 0 8px;
    text-align: center;
    font-size: 16px;
    line-height: 30px
}

.comp_counter {
    height: 100%;
    width: 100%;
    padding: 0 16px
}

.comp_counter img.counter-elem {
    vertical-align: middle
}

.comp_counter.counter-tb {
    position: relative
}

.comp_counter.counter-tb .counter-elem {
    display: block;
    line-height: 1
}

.comp_counter.counter-tb .counter-number {
    margin-top: 10px
}

.comp_counter.counter-lr .counter-container,
.comp_counter.counter-tb .counter-container {
    width: 100%
}

.comp_counter.counter-lr .counter-icon {
    margin-right: 10px
}

.comp_counter.counter-l {
    font-size: 36px
}

.comp_counter.counter-m {
    font-size: 26px
}

.comp_counter.counter-s {
    font-size: 16px
}

.phone-view .not-voted .counter-icon {
    color: #ccc
}

.before-submit-read-checkbox {
    width: 14px;
    height: 14px;
    border-radius: 4px;
    border: 1px solid #ccd5db;
    box-sizing: border-box;
    margin-right: 8px;
    margin-top: 2px
}

.before-submit-read-checkbox .checked-icon {
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 14px;
    display: none
}

.before-submit-read-checkbox.checkbox-checked {
    background: #1261ff;
    border: none
}

.before-submit-read-checkbox.checkbox-checked .checked-icon {
    display: block
}

.imghead {
    height: 82px;
    width: 108px;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%)
}

.h5-feedback-box {
    transform: translateZ(0)
}

.h5-feedback-box .ad-form-submit__wrapper {
    position: absolute;
    box-sizing: border-box;
    right: 0;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    left: 0
}

.h5-feedback-box .ad-form-submit__wrapper .feedback-content {
    border-radius: 12px 12px 0 0;
    background: #fff;
    text-align: center;
    margin: 0 auto;
    width: 260px;
    color: #333;
    padding: 0
}

.h5-feedback-box .ad-form-submit__wrapper .feedback-content__title--img {
    padding: 44px 20px 16px;
    box-sizing: border-box
}

.h5-feedback-box .ad-form-submit__wrapper .feedback-content__title--img span {
    display: block
}

.h5-feedback-box .ad-form-submit__wrapper .feedback-content__title--text {
    padding: 44px 20px 16px;
    box-sizing: border-box
}

.h5-feedback-box .ad-form-submit__wrapper .feedback-content__title--text span {
    margin-bottom: 16px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #333;
    font-weight: 500
}

.h5-feedback-box .ad-form-submit__wrapper .feedback-content .eqf-yes-l {
    color: #1261ff;
    font-size: 20px;
    vertical-align: middle
}

.h5-feedback-box .ad-form-submit__wrapper .feedback-content img {
    width: 220px;
    height: 220px
}

.h5-feedback-box .ad-form-submit__wrapper .feedback-content img.up {
    margin-bottom: 20px
}

.h5-feedback-box .ad-form-submit__wrapper .feedback-content img.down {
    margin-top: 20px
}

.h5-feedback-box .ad-form-submit__wrapper .feedback-content img.submit_banner_ad {
    width: 220px;
    height: 220px
}

.h5-feedback-box .ad-form-submit__wrapper .feedback-content .vqrcode {
    border-radius: 12px;
    border: 1px solid #d5dae3
}

.h5-feedback-box .ad-form-submit__wrapper .feedback-content .vqrcode img {
    width: 160px;
    height: 160px;
    margin: 30px
}

.h5-feedback-box .ad-form-submit__wrapper .feedback-content .vqrcode.up {
    margin-bottom: 20px
}

.h5-feedback-box .ad-form-submit__wrapper .feedback-content .vqrcode.down {
    margin-top: 20px
}

.h5-feedback-box .ad-form-submit__wrapper .feedback-btn {
    padding: 4px 0 20px;
    width: 260px;
    margin: 0 auto;
    font-size: 16px;
    border-radius: 0 0 12px 12px;
    background: #fff
}

.h5-feedback-box .ad-form-submit__wrapper .feedback-btn.line {
    border-top: 1px solid #fff
}

.h5-feedback-box .ad-form-submit__wrapper .feedback-btn a {
    display: inline-block;
    text-align: center;
    width: 100%;
    line-height: 40px;
    color: #fff;
    border-radius: 0 0 12px 12px
}

.h5-feedback-box .ad-form-submit__wrapper .feedback-btn a.feedback-close,
.h5-feedback-box .ad-form-submit__wrapper .feedback-btn a.left {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin-left: 20px;
    width: 106px;
    height: 36px;
    line-height: 36px;
    border-radius: 18px;
    border: 1px solid #ccd5db
}

.h5-feedback-box .ad-form-submit__wrapper .feedback-btn a.right,
.h5-feedback-box .ad-form-submit__wrapper .feedback-btn a.text-ad {
    float: right;
    margin-right: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    width: 106px;
    height: 36px;
    line-height: 36px;
    background: linear-gradient(270deg, #246dff, #1a94ff);
    border-radius: 18px
}

.h5-feedback-box .ad-form-submit__wrapper #ad-form-pop-submit {
    width: 300px;
    margin: 0 auto;
    background: #fff
}

.h5-feedback-box .ad-form-submit__wrapper .interactive-gift-list {
    border-radius: unset
}

.h5-feedback-box .feedback-form {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 260px;
    margin-left: -130px;
    background: #fff;
    font-size: 14px;
    color: #333;
    font-weight: 500;
    border-radius: 12px
}

.h5-feedback-box .feedback-form .feedback-content {
    border-radius: 12px 12px 0 0;
    background: #fff;
    text-align: center;
    margin: 0 auto;
    width: 260px;
    color: #333;
    padding: 0
}

.h5-feedback-box .feedback-form .feedback-content__title--img {
    padding: 44px 20px 16px;
    box-sizing: border-box
}

.h5-feedback-box .feedback-form .feedback-content__title--img span {
    display: block
}

.h5-feedback-box .feedback-form .feedback-content__title--text {
    padding: 44px 20px 16px;
    box-sizing: border-box
}

.h5-feedback-box .feedback-form .feedback-content__title--text span {
    margin-bottom: 16px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #333;
    font-weight: 500
}

.h5-feedback-box .feedback-form .feedback-content .eqf-yes-l {
    color: #1261ff;
    font-size: 20px;
    vertical-align: middle
}

.h5-feedback-box .feedback-form .feedback-content img {
    width: 220px;
    height: 220px
}

.h5-feedback-box .feedback-form .feedback-content img.up {
    margin-bottom: 20px
}

.h5-feedback-box .feedback-form .feedback-content img.down {
    margin-top: 20px
}

.h5-feedback-box .feedback-form .feedback-content img.submit_banner_ad {
    width: 220px;
    height: 220px
}

.h5-feedback-box .feedback-form .feedback-content .vqrcode {
    border-radius: 12px;
    border: 1px solid #d5dae3
}

.h5-feedback-box .feedback-form .feedback-content .vqrcode img {
    width: 160px;
    height: 160px;
    margin: 30px
}

.h5-feedback-box .feedback-form .feedback-content .vqrcode.up {
    margin-bottom: 20px
}

.h5-feedback-box .feedback-form .feedback-content .vqrcode.down {
    margin-top: 20px
}

.h5-feedback-box .feedback-form .feedback-btn {
    padding: 4px 0 20px;
    width: 260px;
    margin: 0 auto;
    font-size: 16px;
    border-radius: 0 0 12px 12px;
    background: #fff
}

.h5-feedback-box .feedback-form .feedback-btn.line {
    border-top: 1px solid #fff
}

.h5-feedback-box .feedback-form .feedback-btn a {
    display: inline-block;
    text-align: center;
    width: 100%;
    line-height: 40px;
    color: #fff;
    border-radius: 0 0 12px 12px
}

.h5-feedback-box .feedback-form .feedback-btn a.feedback-close,
.h5-feedback-box .feedback-form .feedback-btn a.left {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin-left: 20px;
    width: 106px;
    height: 36px;
    line-height: 36px;
    border-radius: 18px;
    border: 1px solid #ccd5db
}

.h5-feedback-box .feedback-form .feedback-btn a.right,
.h5-feedback-box .feedback-form .feedback-btn a.text-ad {
    float: right;
    margin-right: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    width: 106px;
    height: 36px;
    line-height: 36px;
    background: linear-gradient(270deg, #246dff, #1a94ff);
    border-radius: 18px
}

.submit-confirm-dialog-ct {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: 999999;
    transform: translateZ(0);
    -webkit-transform: translateZ(0)
}

.submit-confirm-dialog {
    position: absolute;
    top: 100%;
    left: 0;
    bottom: calc(-100% + 56px);
    width: 100%;
    background: #fff;
    border-radius: 16px 16px 0 0
}

.submit-confirm-dialog.landScape-scene {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    bottom: 100%;
    top: unset
}

.submit-confirm-dialog.landScape-scene .submit-confirm-dialog__content {
    margin-top: 0
}

.submit-confirm-dialog.landScape-scene .submit-confirm-dialog__content .privacy-policy-confirm {
    bottom: 128px
}

.submit-confirm-dialog.landScape-scene .submit-confirm-dialog__handle {
    bottom: 16px
}

.submit-confirm-dialog__header {
    height: 48px;
    position: relative
}

.submit-confirm-dialog__header .title {
    text-align: center;
    line-height: 48px;
    font-size: 14px;
    font-weight: 500;
    color: #333
}

.submit-confirm-dialog__header .close-btn {
    position: absolute;
    top: 14px;
    right: 16px;
    font-size: 20px;
    color: #333;
    cursor: pointer
}

.submit-confirm-dialog__content {
    margin-top: 11px
}

.submit-confirm-dialog__content .privacy-policy {
    color: #1261ff;
    cursor: pointer
}

.submit-confirm-dialog__content .confirm-tip {
    width: 288px;
    margin: auto;
    font-size: 15px;
    color: #333;
    line-height: 24px;
    text-align: left !important
}

.submit-confirm-dialog__content .privacy-policy-confirm {
    position: absolute;
    bottom: 188px;
    width: 284px;
    left: 50%;
    transform: translateX(-50%);
    display: flex
}

.submit-confirm-dialog__content .privacy-policy-confirm .privacy-policy-checkbox {
    width: 16px;
    height: 16px;
    opacity: 0
}

.submit-confirm-dialog__content .privacy-policy-confirm .privacy-policy-checkbox-desc {
    margin-left: 8px;
    font-size: 12px;
    color: #333;
    line-height: 16px
}

.submit-confirm-dialog__content .privacy-policy-confirm .privacy-policy-checkbox-layout {
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 3px;
    border: 1px solid #ccd5db;
    pointer-events: none;
    box-sizing: border-box
}

.submit-confirm-dialog__content .privacy-policy-confirm .privacy-policy-checkbox-layout .checked-icon {
    color: #fff;
    font-size: 16px;
    display: none
}

.submit-confirm-dialog__content .privacy-policy-confirm .privacy-policy-checkbox-layout.checkbox-checked {
    background: #1261ff;
    border: none
}

.submit-confirm-dialog__content .privacy-policy-confirm .privacy-policy-checkbox-layout.checkbox-checked .checked-icon {
    display: block
}

.submit-confirm-dialog__handle {
    position: absolute;
    bottom: 64px;
    left: 50%;
    width: 284px;
    transform: translateX(-50%)
}

.submit-confirm-dialog__handle .handle-btn {
    width: 284px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #e6ebed;
    text-align: center;
    line-height: 38px;
    font-size: 14px;
    color: #666;
    margin-top: 11px;
    cursor: pointer
}

.submit-confirm-dialog__handle .handle-btn.confirm-btn {
    background: #1261ff;
    border: 1px solid #1261ff;
    color: #fff
}

.submit-confirm-dialog__handle .handle-btn.confirm-btn.disale-submit {
    background: #f5f5f5;
    border: 1px solid #ccd5db;
    color: #999;
    pointer-events: none
}

.submit-data-dialog-ct {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 999999;
    transform: translateZ(0);
    -webkit-transform: translateZ(0)
}

.submit-data-dialog-ct .submit-data-dialog {
    position: absolute;
    top: 100%;
    left: 0;
    bottom: calc(-100% + 39px);
    width: 100%;
    background: #fff;
    border-radius: 20px 20px 0 0
}

.submit-data-dialog-ct .submit-data-dialog__header {
    height: 52px;
    background: hsla(0, 0%, 84.7%, 0);
    position: relative;
    padding: 24px 0 0 20px
}

.submit-data-dialog-ct .submit-data-dialog__header .title {
    font-size: 16px;
    color: #999;
    line-height: 16px;
    font-weight: 400
}

.submit-data-dialog-ct .submit-data-dialog__header .close-btn {
    position: absolute;
    top: 12px;
    right: 13px;
    font-size: 14px;
    color: #666;
    cursor: pointer
}

.submit-data-dialog-ct .submit-data-dialog__content {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    height: calc(100% - 52px)
}

.submit-data-dialog-ct .submit-data-dialog__content .empty-data-box {
    padding-top: 90px;
    text-align: center
}

.submit-data-dialog-ct .submit-data-dialog__content .empty-data-box .empty-data-img {
    width: 168px;
    height: 140px
}

.submit-data-dialog-ct .submit-data-dialog__content .empty-data-box .empty-tip {
    margin-top: 16px;
    font-size: 14px;
    font-weight: 400;
    color: #999;
    line-height: 20px
}

.submit-data-dialog-ct .submit-data-dialog__content .submit-data-tabel {
    padding-top: 10px;
    height: 100%;
    box-sizing: border-box
}

.submit-data-dialog-ct .submit-data-dialog__content .submit-data-tabel .submit-data-thead {
    height: 40px;
    display: flex
}

.submit-data-dialog-ct .submit-data-dialog__content .submit-data-tabel .submit-data-thead .submit-data-thead-item {
    width: 110px;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 40px;
    margin-right: 24px;
    flex-shrink: 0
}

.submit-data-dialog-ct .submit-data-dialog__content .submit-data-tabel .submit-data-thead .submit-data-thead-item:last-child {
    margin-right: 15px
}

.submit-data-dialog-ct .submit-data-dialog__content .submit-data-tabel .submit-data-thead .submit-data-thead-item:first-child {
    margin-left: 15px
}

.submit-data-dialog-ct .submit-data-dialog__content .submit-data-tabel .submit-data-tbody {
    height: calc(100% - 40px);
    width: max-content;
    overflow-y: scroll;
    overflow-x: hidden
}

.submit-data-dialog-ct .submit-data-dialog__content .submit-data-tabel .submit-data-tbody .submit-data-tbody-line {
    display: flex;
    align-items: center;
    height: 48px
}

.submit-data-dialog-ct .submit-data-dialog__content .submit-data-tabel .submit-data-tbody .submit-data-tbody-line .submit-data-tbody-item {
    width: 110px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #666;
    line-height: 16px;
    margin-right: 24px;
    flex-shrink: 0
}

.submit-data-dialog-ct .submit-data-dialog__content .submit-data-tabel .submit-data-tbody .submit-data-tbody-line .submit-data-tbody-item:last-child {
    margin-right: 15px
}

.submit-data-dialog-ct .submit-data-dialog__content .submit-data-tabel .submit-data-tbody .submit-data-tbody-line .submit-data-tbody-item:first-child {
    margin-left: 15px
}

.submit-data-dialog-ct .submit-data-dialog__content .submit-data-tabel .submit-data-tbody .submit-data-tbody-line .submit-data-tbody-item .head-img {
    width: 32px;
    height: 32px;
    border-radius: 100%
}

.submit-data-dialog-ct .submit-data-dialog__content .submit-data-tabel .submit-data-tbody .submit-data-tbody-line .submit-data-tbody-item .nike-name {
    margin-left: 8px;
    width: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.submit-data-dialog-ct .submit-data-dialog__content .submit-data-tabel .submit-data-tbody .submit-data-tbody-line .submit-data-tbody-item .form-content {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.comp-exception {
    position: relative;
    display: flex !important;
    flex-direction: column
}

.comp-exception .expection-icon {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.comp-exception .expection-style-img {
    font-size: 2rem;
    position: absolute;
    margin-left: 50%;
    transform: translateX(-50%);
    top: 5%;
    display: flex;
    text-align: center;
    align-items: center;
    border-radius: 50%;
    width: 60%;
    height: 60%
}

.comp-exception .expection-style-img img {
    width: 100%;
    height: 100%
}

.comp-exception .expection-style-default {
    font-size: 22px;
    position: absolute;
    margin-left: 50%;
    transform: translateX(-50%);
    top: 5%;
    display: flex;
    text-align: center;
    align-items: center;
    background: #ff5448;
    color: #fff;
    border-radius: 50%;
    width: 60%;
    height: 60%
}

.comp-exception .expection-style-default span {
    text-align: center;
    width: 100%
}

.comp-exception .expection-style-default span.expectioin-default-content {
    align-items: center;
    display: flex;
    line-height: 100%;
    flex-wrap: wrap;
    justify-content: space-around
}

.comp-exception .expection-detail {
    color: #666;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 4px
}

.comp-exception .expection-detail .amount-box {
    display: inline-block;
    text-align: center;
    height: 100%;
    line-height: 30px;
    width: 100%
}

.comp-exception-bullet-screen-3 {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 130px;
    overflow: hidden;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .3))
}

.comp-exception-bullet-screen-3 .bullent-screen-3-item {
    position: absolute;
    left: 8px;
    top: calc(100% + 10px);
    height: 38px;
    border: 1px solid #e5b372;
    box-sizing: border-box;
    padding: 0 12px 0 46px;
    border-radius: 22px;
    background: rgba(0, 0, 0, .6)
}

.comp-exception-bullet-screen-3 .bullent-screen-3-item .logo-box {
    position: absolute;
    left: -1px;
    bottom: -2px;
    width: 38px;
    height: 48px;
    background: url(https://lib.eqh5.com/%40eqxiu-res/h5/bullet-screen-3-logobg.png) no-repeat;
    background-size: cover
}

.comp-exception-bullet-screen-3 .bullent-screen-3-item .logo-box .logo-img {
    position: absolute;
    left: 1px;
    bottom: 2px;
    width: 36px;
    height: 36px;
    border-radius: 100%
}

.comp-exception-bullet-screen-3 .bullent-screen-3-item .reward-info {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, .6);
    box-sizing: border-box
}

.comp-exception-bullet-screen-3 .bullent-screen-3-item .reward-info.twoline {
    padding: 5px 0
}

.comp-exception-bullet-screen-3 .bullent-screen-3-item .reward-info .reward-content {
    display: flex;
    align-items: center
}

.comp-exception-bullet-screen-3 .bullent-screen-3-item .reward-info .reward-content .reward-text {
    margin-left: 4px
}

.comp-exception-bullet-screen-3 .bullent-screen-3-item .reward-info .reward-content .gift-img {
    width: 12px;
    height: 12px;
    margin-left: 4px;
    display: none
}

.comp-exception-bullet-screen-3 .bullent-screen-3-item .reward-info.oneline .reward-content {
    line-height: 36px
}

.comp-exception-bullet-screen-3 .bullent-screen-3-item .reward-info.twoline .reward-content {
    line-height: 12px;
    margin-bottom: 2px
}

.comp-exception-bullet-screen-3 .bullent-screen-3-item .reward-info .stay-msg {
    line-height: 12px
}

.comp-exception-bullet-screen-3 .bullent-screen-3-item .report-bar {
    width: 66px;
    height: 34px;
    background: rgba(0, 0, 0, .6);
    border: 1px solid #fff;
    border-radius: 34px;
    position: absolute;
    top: -40px;
    left: calc(50% - 33px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    z-index: 9
}

.comp-exception-bullet-screen-3 .bullent-screen-3-item .report-bar .report-arrow {
    position: absolute;
    left: 50%;
    bottom: -8px;
    opacity: .6;
    transform: translateX(-50%);
    border: 4px solid transparent;
    border-top-color: #000
}

.comp-exception-bullet-screen-3 .bullent-screen-3-item .report-bar .report {
    margin: 2px 0 0 2px
}

.comp-exception-bullet-screen-3 .bullent-screen-3-item.gift-reward .gift-img {
    display: block !important
}

.comp-exception-bullet-screen-3 .bullent-screen-3-item.animate-play {
    -webkit-animation: barrageVerticalEnter .4s ease-out, barrageVerticalStay1 1s .4s, barrageVerticalTopMove .4s ease-out 1.4s, barrageVerticalStay2 1s 1.8s, barrageVerticalMoveOut .3s linear 2.8s;
    -moz-animation: .4s ease-out barrageVerticalEnter, 1s .4s barrageVerticalStay1, .4s ease-out 1.4s barrageVerticalTopMove, 1s 1.8s barrageVerticalStay2, .3s linear 2.8s barrageVerticalMoveOut;
    animation: barrageVerticalEnter .4s ease-out, barrageVerticalStay1 1s .4s, barrageVerticalTopMove .4s ease-out 1.4s, barrageVerticalStay2 1s 1.8s, barrageVerticalMoveOut .3s linear 2.8s
}

.comp-exception-bullet-screen-3 .bullent-screen-3-item.animate-pause {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    animation-play-state: paused
}

.comp-exception-bullet-screen-3 .bullent-screen-3-item.animate-playing {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    animation-play-state: running
}

.comp-exception-bullet-screen-4 {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 102px;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .3))
}

.comp-exception-bullet-screen-4 .bullent-screen-4-item {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -18px;
    transform: translateX(-100%);
    height: 36px;
    display: flex
}

.comp-exception-bullet-screen-4 .bullent-screen-4-item .logo-box {
    width: 40px;
    height: 36px;
    background: url(https://lib.eqh5.com/%40eqxiu-res/h5/bullet-screen-4-logobg.png) no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center
}

.comp-exception-bullet-screen-4 .bullent-screen-4-item .logo-box .logo-img {
    width: 26px;
    height: 26px;
    border: 1px solid #fff;
    border-radius: 100%;
    box-sizing: border-box
}

.comp-exception-bullet-screen-4 .bullent-screen-4-item .reward-info {
    margin-left: 6px;
    height: 36px;
    background: rgba(0, 0, 0, .5);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .24);
    border-radius: 18px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, .24), 0 0 1px #000;
    box-sizing: border-box
}

.comp-exception-bullet-screen-4 .bullent-screen-4-item .reward-info.twoline {
    padding: 4px 12px
}

.comp-exception-bullet-screen-4 .bullent-screen-4-item .reward-info .reward-content {
    display: flex;
    align-items: center
}

.comp-exception-bullet-screen-4 .bullent-screen-4-item .reward-info .reward-content .reward-text {
    margin-left: 4px
}

.comp-exception-bullet-screen-4 .bullent-screen-4-item .reward-info .reward-content .gift-img {
    width: 12px;
    height: 12px;
    margin-left: 4px;
    display: none
}

.comp-exception-bullet-screen-4 .bullent-screen-4-item .reward-info.oneline .reward-content {
    line-height: 36px
}

.comp-exception-bullet-screen-4 .bullent-screen-4-item .reward-info.twoline .reward-content {
    line-height: 12px;
    margin-bottom: 4px
}

.comp-exception-bullet-screen-4 .bullent-screen-4-item .reward-info .stay-msg {
    line-height: 12px
}

.comp-exception-bullet-screen-4 .bullent-screen-4-item .report-bar {
    width: 66px;
    height: 34px;
    background: rgba(0, 0, 0, .6);
    border: 1px solid #fff;
    border-radius: 34px;
    position: absolute;
    top: -40px;
    left: calc(50% - 13px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    z-index: 9
}

.comp-exception-bullet-screen-4 .bullent-screen-4-item .report-bar .report-arrow {
    position: absolute;
    left: 50%;
    bottom: -8px;
    opacity: .6;
    transform: translateX(-50%);
    border: 4px solid transparent;
    border-top-color: #000
}

.comp-exception-bullet-screen-4 .bullent-screen-4-item .report-bar .report {
    margin: 2px 0 0 2px
}

.comp-exception-bullet-screen-4 .bullent-screen-4-item.gift-reward .gift-img {
    display: block !important
}

.comp-exception-bullet-screen-4 .bullent-screen-4-item.animate-play {
    -webkit-animation: barrageHorizontalEnter .4s ease-out .4s, barrageHorizontalStay 1s .8s, barrageTopMoveFadeOut .4s linear 1.8s;
    -moz-animation: .4s ease-out .4s barrageHorizontalEnter, 1s .8s barrageHorizontalStay, .4s linear 1.8s barrageTopMoveFadeOut;
    animation: barrageHorizontalEnter .4s ease-out .4s, barrageHorizontalStay 1s .8s, barrageTopMoveFadeOut .4s linear 1.8s
}

.comp-exception-bullet-screen-4 .bullent-screen-4-item.animate-pause {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    animation-play-state: paused
}

.comp-exception-bullet-screen-4 .bullent-screen-4-item.animate-playing {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes barrageHorizontalEnter {
    0% {
        left: 0;
        transform: translateX(-100%)
    }

    to {
        left: 8px;
        transform: translateX(0)
    }
}

@keyframes barrageHorizontalEnter {
    0% {
        left: 0;
        transform: translateX(-100%)
    }

    to {
        left: 8px;
        transform: translateX(0)
    }
}

@-webkit-keyframes barrageHorizontalStay {
    0% {
        left: 8px;
        transform: translateX(0)
    }

    to {
        left: 8px;
        transform: translateX(0)
    }
}

@keyframes barrageHorizontalStay {
    0% {
        left: 8px;
        transform: translateX(0)
    }

    to {
        left: 8px;
        transform: translateX(0)
    }
}

@-webkit-keyframes barrageTopMoveFadeOut {
    0% {
        opacity: 1;
        margin-top: -18px;
        left: 8px;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        margin-top: -38px;
        left: 8px;
        transform: translateX(0)
    }
}

@keyframes barrageTopMoveFadeOut {
    0% {
        opacity: 1;
        margin-top: -18px;
        left: 8px;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        margin-top: -38px;
        left: 8px;
        transform: translateX(0)
    }
}

@-webkit-keyframes barrageVerticalEnter {
    0% {
        top: calc(100% + 10px)
    }

    to {
        top: 63px
    }
}

@keyframes barrageVerticalEnter {
    0% {
        top: calc(100% + 10px)
    }

    to {
        top: 63px
    }
}

@-webkit-keyframes barrageVerticalStay1 {
    0% {
        top: 63px
    }

    to {
        top: 63px
    }
}

@keyframes barrageVerticalStay1 {
    0% {
        top: 63px
    }

    to {
        top: 63px
    }
}

@-webkit-keyframes barrageVerticalTopMove {
    0% {
        top: 63px
    }

    to {
        top: 11px
    }
}

@keyframes barrageVerticalTopMove {
    0% {
        top: 63px
    }

    to {
        top: 11px
    }
}

@-webkit-keyframes barrageVerticalStay2 {
    0% {
        top: 11px
    }

    to {
        top: 11px
    }
}

@keyframes barrageVerticalStay2 {
    0% {
        top: 11px
    }

    to {
        top: 11px
    }
}

@-webkit-keyframes barrageVerticalMoveOut {
    0% {
        top: 11px
    }

    to {
        top: -38px
    }
}

@keyframes barrageVerticalMoveOut {
    0% {
        top: 11px
    }

    to {
        top: -38px
    }
}

.v-exception-black {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    z-index: 9999988888
}

.v-exception-black .wx-record-bottom-note {
    line-height: 35px;
    height: 40px;
    font-size: 14px;
    text-align: center;
    color: #999
}

.v-exception-black .record-detail-part {
    margin: 0 18px;
    overflow: hidden;
    touch-action: none
}

.v-exception-black .record-detail-part .record-detail-part {
    touch-action: none
}

.v-exception-black .record-detail-part .record-list-item {
    height: 73px;
    width: 100%;
    border-bottom: 1px solid #f0f2f8;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.v-exception-black .record-detail-part .record-list-item .list-item-left {
    display: flex
}

.v-exception-black .record-detail-part .record-list-item .list-item-left img {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    margin-right: 8px
}

.v-exception-black .record-detail-part .record-list-item .list-item-left .texts {
    display: flex;
    flex-direction: column
}

.v-exception-black .record-detail-part .record-list-item .list-item-left .texts .name {
    width: 128px;
    height: 18px;
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 18px;
    overflow: hidden
}

.v-exception-black .record-detail-part .record-list-item .list-item-left .texts .stay-msg {
    width: 164px;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-top: 4px
}

.v-exception-black .record-detail-part .record-list-item .list-item-right {
    color: #999;
    height: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

.v-exception-black .record-detail-part .record-list-item .list-item-right span {
    margin-right: 2px;
    color: #ff5448
}

.v-exception-black .record-detail-part .record-list-item .list-item-right .money {
    font-size: 12px;
    font-weight: 400
}

.v-exception-black .record-detail-part .record-list-item .list-item-right .report {
    width: 24px;
    height: 12px;
    font-size: 12px;
    font-weight: 400;
    color: #5c6c8a;
    line-height: 12px;
    cursor: pointer
}

.v-exception-black .record-detail-part .nodata-img {
    text-align: center;
    margin-bottom: 16px
}

.v-exception-black .record-detail-part .nodata-img img {
    width: 168px;
    height: 140px
}

.v-exception-black .record-detail-part .nodata-content {
    height: 20px;
    font-size: 14px;
    text-align: center;
    color: #999;
    line-height: 20px
}

.v-exception-black .amounts-reward-box {
    padding: 16px 16px 24px;
    width: 270px;
    text-align: center;
    background-color: #fff;
    background-image: url(https://lib.eqh5.com/%40eqxiu-res/h5/img_icon_bg.png);
    background-repeat: no-repeat;
    background-size: 66px 70px;
    background-position: 100% 100%
}

.v-exception-black .amounts-reward-box,
.v-exception-black .record-box {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 8px;
    overflow: hidden;
    transform: translate(-50%, -50%);
    box-sizing: border-box
}

.v-exception-black .record-box {
    text-align: left;
    width: 280px;
    height: 400px;
    background: #fff;
    transition: all .5s;
    display: none;
    flex-direction: column;
    z-index: 11
}

.v-exception-black .record-box .record-title {
    border-bottom: 1px solid #f0f2f8;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 18px 8px
}

.v-exception-black .record-box .record-title span {
    font-size: 14px;
    font-weight: 600;
    color: #111
}

.v-exception-black .record-box .record-title em {
    font-size: 16px;
    color: #111;
    height: 20px;
    line-height: 20px;
    width: 20px;
    display: inline-block
}

.v-exception-black .wx-exce-title {
    font-size: 16px;
    color: #111;
    font-weight: 500;
    line-height: 24px
}

.v-exception-black .suggest-amount-box {
    margin-top: 20px
}

.v-exception-black .handle-amount {
    display: flex;
    justify-content: space-between;
    width: 100%;
    line-height: 18px;
    font-size: 12px
}

.v-exception-black .handle-amount .wx-other {
    color: #246dff
}

.v-exception-black .handle-amount .wt-exce-record {
    color: #666
}

.v-exception-black .comment-input-box,
.v-exception-black .reward-user-input-box {
    position: relative;
    margin-bottom: 8px
}

.v-exception-black .comment-input-box .comment-length,
.v-exception-black .comment-input-box .reward-user-length,
.v-exception-black .reward-user-input-box .comment-length,
.v-exception-black .reward-user-input-box .reward-user-length {
    position: absolute;
    top: 8px;
    right: 16px;
    font-size: 14px;
    color: #999;
    line-height: 20px
}

.v-exception-black .comment-input-box .comment-input,
.v-exception-black .comment-input-box .reward-user-input,
.v-exception-black .reward-user-input-box .comment-input,
.v-exception-black .reward-user-input-box .reward-user-input {
    border: none;
    height: 36px;
    background: #f5f5f5;
    border-radius: 4px;
    width: 100%;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    padding: 0 56px 0 16px;
    box-sizing: border-box
}

.v-exception-black .comment-input-box .comment-input.err,
.v-exception-black .comment-input-box .reward-user-input.err,
.v-exception-black .reward-user-input-box .comment-input.err,
.v-exception-black .reward-user-input-box .reward-user-input.err {
    border: 1px solid #ff5448
}

.v-exception-black .comment-input-box input:-moz-placeholder,
.v-exception-black .comment-input-box input::-moz-placeholder,
.v-exception-black .reward-user-input-box input:-moz-placeholder,
.v-exception-black .reward-user-input-box input::-moz-placeholder {
    color: #666
}

.v-exception-black .comment-input-box input:-ms-input-placeholder,
.v-exception-black .reward-user-input-box input:-ms-input-placeholder {
    color: #666
}

.v-exception-black .comment-input-box input::-webkit-input-placeholder,
.v-exception-black .reward-user-input-box input::-webkit-input-placeholder {
    color: #666
}

.v-exception-black .comment-input-box .reward-user-input,
.v-exception-black .reward-user-input-box .reward-user-input {
    padding: 0 48px 0 16px
}

.v-exception-black .other-amount-box span {
    display: inline-block;
    color: #fff;
    width: 238px;
    height: 36px;
    line-height: 36px;
    background: #246dff;
    border-radius: 4px;
    box-sizing: border-box
}

.v-exception-black .other-amount-box span.disable {
    pointer-events: none;
    background: #f5f5f5;
    border: 1px solid #e6ebed;
    line-height: 34px;
    color: #bfbfbf
}

.v-exception-black .disclamier {
    margin-top: 8px;
    width: 238px;
    height: 34px;
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 17px
}

.v-exception-black .close {
    position: absolute;
    font-size: 20px;
    top: 12px;
    right: 12px;
    color: #999
}

.v-exception-black .other-amounts-box {
    margin-top: 24px;
    display: none
}

.v-exception-black .other-amounts-box .input-box {
    position: relative;
    height: 36px;
    line-height: 36px;
    background: #f5f5f5;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    margin-bottom: 8px
}

.v-exception-black .other-amounts-box .input-box span {
    font-size: 14px;
    color: #666;
    width: 10px;
    flex-shrink: 0;
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%)
}

.v-exception-black .other-amounts-box .input-box input {
    height: 100%;
    width: 100%;
    font-size: 18px;
    border: none;
    background: #f5f5f5;
    padding-left: 30px;
    color: #111
}

.v-exception-black .other-amounts-box .input-box input:-moz-placeholder,
.v-exception-black .other-amounts-box .input-box input::-moz-placeholder {
    color: #666;
    font-size: 14px
}

.v-exception-black .other-amounts-box .input-box input:-ms-input-placeholder {
    color: #666;
    font-size: 14px
}

.v-exception-black .other-amounts-box .input-box input::-webkit-input-placeholder {
    color: #666;
    font-size: 14px
}

.v-exception-black .other-amounts-box .handle-amount {
    height: 36px;
    align-items: center;
    margin-bottom: 24px
}

.v-exception-black .other-amounts-box .handle-no-comment-amount {
    margin-bottom: 32px;
    line-height: 36px;
    font-size: 12px
}

.v-exception-black .other-amounts-box .handle-no-comment-amount .wx-other {
    color: #246dff;
    height: 36px
}

.v-exception-black .other-amounts-box .handle-no-comment-amount .wt-exce-record {
    color: #666;
    height: 36px
}

.v-exception-black .amount-list-ct {
    width: 100%;
    height: 112px;
    box-sizing: border-box
}

.v-exception-black .amout-item {
    width: 74px;
    height: 48px;
    border: 1px solid #ff5448;
    color: #ff5448;
    background: #fff;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box
}

.v-exception-black .amout-item .unit {
    font-size: 12px;
    line-height: 18px;
    margin-top: 4px
}

.v-exception-black .amout-item .num {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px
}

.v-exception-black .amout-item.active {
    background: rgba(255, 84, 72, .1)
}

.v-exception-black .amounts-box-1 {
    display: flex;
    align-items: center;
    justify-content: center
}

.v-exception-black .amounts-box-2 {
    padding: 0 40px
}

.v-exception-black .amounts-box-2,
.v-exception-black .amounts-box-3 {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.v-exception-black .amounts-box-4 {
    justify-content: space-between;
    padding: 0 40px
}

.v-exception-black .amounts-box-4,
.v-exception-black .amounts-box-5 {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between
}

.v-exception-black .amounts-box-5 .amout-item {
    margin-right: 8px
}

.v-exception-black .amounts-box-5 .amout-item:nth-child(3n) {
    margin-right: 0
}

.v-exception-black .amounts-box-6 {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between
}

.v-exception-black .gift-reward-success-box,
.v-exception-black .gift-select-box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 364px;
    padding: 0 16px 16px;
    background: #fff;
    border-radius: 12px 12px 0 0;
    text-align: center;
    box-sizing: border-box
}

.v-exception-black .gift-reward-success-box .header,
.v-exception-black .gift-select-box .header {
    position: relative;
    height: 48px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 48px
}

.v-exception-black .gift-reward-success-box .header .close-icon,
.v-exception-black .gift-select-box .header .close-icon {
    position: absolute;
    top: 14px;
    right: 0;
    font-size: 20px;
    color: #999
}

.v-exception-black .gift-reward-success-box .tip-box,
.v-exception-black .gift-select-box .tip-box {
    display: flex;
    color: #999
}

.v-exception-black .gift-reward-success-box .tip-box .tip-icon,
.v-exception-black .gift-select-box .tip-box .tip-icon {
    font-size: 16px;
    margin-right: 4px
}

.v-exception-black .gift-reward-success-box .tip-box .tip-text,
.v-exception-black .gift-select-box .tip-box .tip-text {
    font-size: 12px;
    line-height: 16px
}

.v-exception-black .gift-reward-success-box .gift-list-box,
.v-exception-black .gift-select-box .gift-list-box {
    margin-top: 12px;
    width: 100%;
    height: 212px;
    box-sizing: border-box
}

.v-exception-black .gift-reward-success-box .gift-list-box .gift-item .gift-img-box,
.v-exception-black .gift-select-box .gift-list-box .gift-item .gift-img-box {
    width: 60px;
    height: 60px;
    border-radius: 4px;
    border: 1px solid transparent;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box
}

.v-exception-black .gift-reward-success-box .gift-list-box .gift-item .gift-img-box .gift-img,
.v-exception-black .gift-select-box .gift-list-box .gift-item .gift-img-box .gift-img {
    width: 56px;
    height: 56px;
    transition: all .3s
}

.v-exception-black .gift-reward-success-box .gift-list-box .gift-item .gift-name,
.v-exception-black .gift-select-box .gift-list-box .gift-item .gift-name {
    font-size: 12px;
    color: #333;
    line-height: 17px;
    margin-top: 8px
}

.v-exception-black .gift-reward-success-box .gift-list-box .gift-item .gift-money,
.v-exception-black .gift-select-box .gift-list-box .gift-item .gift-money {
    font-size: 12px;
    color: #ff5448;
    line-height: 17px
}

.v-exception-black .gift-reward-success-box .gift-list-box .gift-item.active .gift-img-box,
.v-exception-black .gift-select-box .gift-list-box .gift-item.active .gift-img-box {
    border-color: #1261ff
}

.v-exception-black .gift-reward-success-box .gift-list-box .gift-item.active .gift-img-box .gift-img,
.v-exception-black .gift-select-box .gift-list-box .gift-item.active .gift-img-box .gift-img {
    width: 60px;
    height: 60px
}

.v-exception-black .gift-reward-success-box .gift-list-box.gift-list-1,
.v-exception-black .gift-select-box .gift-list-box.gift-list-1 {
    display: flex;
    justify-content: center;
    align-items: center
}

.v-exception-black .gift-reward-success-box .gift-list-box.gift-list-2,
.v-exception-black .gift-select-box .gift-list-box.gift-list-2 {
    padding: 0 76px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.v-exception-black .gift-reward-success-box .gift-list-box.gift-list-3,
.v-exception-black .gift-select-box .gift-list-box.gift-list-3 {
    padding: 0 38px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.v-exception-black .gift-reward-success-box .gift-list-box.gift-list-4,
.v-exception-black .gift-select-box .gift-list-box.gift-list-4 {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.v-exception-black .gift-reward-success-box .gift-list-box.gift-list-5,
.v-exception-black .gift-reward-success-box .gift-list-box.gift-list-6,
.v-exception-black .gift-reward-success-box .gift-list-box.gift-list-7,
.v-exception-black .gift-reward-success-box .gift-list-box.gift-list-8,
.v-exception-black .gift-select-box .gift-list-box.gift-list-5,
.v-exception-black .gift-select-box .gift-list-box.gift-list-6,
.v-exception-black .gift-select-box .gift-list-box.gift-list-7,
.v-exception-black .gift-select-box .gift-list-box.gift-list-8 {
    display: flex;
    align-content: space-between;
    flex-wrap: wrap
}

.v-exception-black .gift-reward-success-box .gift-list-box.gift-list-5 .gift-item,
.v-exception-black .gift-reward-success-box .gift-list-box.gift-list-6 .gift-item,
.v-exception-black .gift-reward-success-box .gift-list-box.gift-list-7 .gift-item,
.v-exception-black .gift-reward-success-box .gift-list-box.gift-list-8 .gift-item,
.v-exception-black .gift-select-box .gift-list-box.gift-list-5 .gift-item,
.v-exception-black .gift-select-box .gift-list-box.gift-list-6 .gift-item,
.v-exception-black .gift-select-box .gift-list-box.gift-list-7 .gift-item,
.v-exception-black .gift-select-box .gift-list-box.gift-list-8 .gift-item {
    margin-right: 16px
}

.v-exception-black .gift-reward-success-box .gift-list-box.gift-list-5 .gift-item:nth-child(4n),
.v-exception-black .gift-reward-success-box .gift-list-box.gift-list-6 .gift-item:nth-child(4n),
.v-exception-black .gift-reward-success-box .gift-list-box.gift-list-7 .gift-item:nth-child(4n),
.v-exception-black .gift-reward-success-box .gift-list-box.gift-list-8 .gift-item:nth-child(4n),
.v-exception-black .gift-select-box .gift-list-box.gift-list-5 .gift-item:nth-child(4n),
.v-exception-black .gift-select-box .gift-list-box.gift-list-6 .gift-item:nth-child(4n),
.v-exception-black .gift-select-box .gift-list-box.gift-list-7 .gift-item:nth-child(4n),
.v-exception-black .gift-select-box .gift-list-box.gift-list-8 .gift-item:nth-child(4n) {
    margin-right: 0
}

.v-exception-black .gift-reward-success-box .gift-selected-btn,
.v-exception-black .gift-select-box .gift-selected-btn {
    margin-top: 16px;
    height: 44px;
    background: #1261ff;
    border-radius: 4px;
    font-size: 15px;
    color: #fff;
    line-height: 44px
}

.v-exception-black .gift-reward-success-box .rewarded-gift-info,
.v-exception-black .gift-select-box .rewarded-gift-info {
    margin-top: 42px
}

.v-exception-black .gift-reward-success-box .rewarded-gift-info .rewarded-gift-img,
.v-exception-black .gift-select-box .rewarded-gift-info .rewarded-gift-img {
    width: 100px;
    height: 100px
}

.v-exception-black .gift-reward-success-box .rewarded-gift-info .rewarded-gift-other-info,
.v-exception-black .gift-select-box .rewarded-gift-info .rewarded-gift-other-info {
    margin-top: 12px;
    font-size: 14px;
    color: #333;
    line-height: 20px
}

.v-exception-black .gift-reward-success-box .rewarded-gift-info .rewarded-gift-other-info .rewarded-gift-name,
.v-exception-black .gift-select-box .rewarded-gift-info .rewarded-gift-other-info .rewarded-gift-name {
    margin-left: 6px
}

.v-exception-black .gift-reward-success-box .rewarded-gift-info .rewarded-gift-other-info .rewarded-gift-money,
.v-exception-black .gift-select-box .rewarded-gift-info .rewarded-gift-other-info .rewarded-gift-money {
    color: #ff5448;
    margin-left: 4px
}

.v-exception-black .gift-reward-success-box .rewarded-gift-tip,
.v-exception-black .gift-select-box .rewarded-gift-tip {
    font-size: 12px;
    color: #999;
    line-height: 18px;
    margin-top: 8px
}

.v-exception-black .gift-reward-success-box .gift-rewarded-handle,
.v-exception-black .gift-select-box .gift-rewarded-handle {
    margin-top: 56px;
    display: flex;
    justify-content: space-between
}

.v-exception-black .gift-reward-success-box .gift-rewarded-handle>span,
.v-exception-black .gift-select-box .gift-rewarded-handle>span {
    width: 138px;
    height: 44px;
    font-size: 15px;
    border-radius: 4px;
    box-sizing: border-box
}

.v-exception-black .gift-reward-success-box .gift-rewarded-handle .reward-again-btn,
.v-exception-black .gift-select-box .gift-rewarded-handle .reward-again-btn {
    border: 1px solid #ccd5db;
    color: #666;
    line-height: 42px
}

.v-exception-black .gift-reward-success-box .gift-rewarded-handle .finish-btn,
.v-exception-black .gift-select-box .gift-rewarded-handle .finish-btn {
    background: #1261ff;
    color: #fff;
    line-height: 44px
}

.v-exception-black .gift-reward-success-box .gift-rewarded-handle span.exception-trigger-btn,
.v-exception-black .gift-select-box .gift-rewarded-handle span.exception-trigger-btn {
    display: none;
    background: #1261ff;
    color: #fff;
    line-height: 44px;
    width: 288px
}

.v-exception-black .gift-reward-success-box .gift-rewarded-handle.has-suc-trigger .finish-btn,
.v-exception-black .gift-reward-success-box .gift-rewarded-handle.has-suc-trigger .reward-again-btn,
.v-exception-black .gift-select-box .gift-rewarded-handle.has-suc-trigger .finish-btn,
.v-exception-black .gift-select-box .gift-rewarded-handle.has-suc-trigger .reward-again-btn {
    display: none
}

.v-exception-black .gift-reward-success-box .gift-rewarded-handle.has-suc-trigger .exception-trigger-btn,
.v-exception-black .gift-select-box .gift-rewarded-handle.has-suc-trigger .exception-trigger-btn {
    display: block
}

.v-exception-black .gift-reward-success-box {
    display: none
}

.v-exception-black .gift-reward-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 270px;
    height: 314px;
    background: #fff;
    border-radius: 8px;
    padding: 16px 16px 24px;
    display: none;
    text-align: center;
    box-sizing: border-box
}

.v-exception-black .gift-reward-box .back-icon {
    position: absolute;
    left: 16px;
    top: 12px;
    font-size: 20px;
    color: #999
}

.v-exception-black .gift-reward-box .selected-gift-img {
    width: 60px;
    height: 60px
}

.v-exception-black .gift-reward-box .selected-gift-other-info {
    margin-top: 4px;
    font-size: 14px;
    color: #333;
    line-height: 20px
}

.v-exception-black .gift-reward-box .selected-gift-other-info .selected-gift-name {
    margin-left: 6px
}

.v-exception-black .gift-reward-box .selected-gift-other-info .selected-gift-money {
    color: #ff5448;
    margin-left: 4px
}

.v-exception-black .gift-reward-box .gift-info {
    margin-bottom: 16px
}

.v-exception-black .gift-reward-box .gift-info-no-comment {
    margin-top: 24px;
    margin-bottom: 36px
}

.v-exception-black .gift-reward-box .reward-gift-btn {
    margin-top: 16px;
    height: 36px;
    background: #1261ff;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    line-height: 36px;
    box-sizing: border-box
}

.v-exception-black .gift-reward-box .reward-gift-btn.comment-input-err,
.v-exception-black .gift-reward-box .reward-gift-btn.reward-user-input-err {
    pointer-events: none;
    background: #f5f5f5;
    border: 1px solid #e6ebed;
    line-height: 34px;
    color: #bfbfbf
}

.v-exception-black .v-exception-box {
    padding: 50px 0 30px;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    border-radius: 12px;
    width: 80%;
    background-color: #fff;
    transform: translate(-50%, -50%)
}

.v-exception-black .v-toast-content {
    margin-bottom: 36px;
    color: #111;
    font-size: 16px;
    font-weight: 500
}

.v-exception-black .y-close-btn {
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    width: 54%;
    height: 44px;
    line-height: 44px;
    background: url(https://lib.eqh5.com/%40eqxiu-res/h5/bg_blue_2.png);
    background-size: contain;
    background-repeat: no-repeat
}

.v-exception-black .v-close-btn {
    font-size: 17px;
    color: #333;
    display: inline-block;
    width: 54%;
    height: 44px;
    line-height: 44px;
    background: url(https://lib.eqh5.com/%40eqxiu-res/h5/hb-fk-anniu.png);
    background-size: contain;
    background-repeat: no-repeat
}

.v-exception-black .v-icon-box {
    width: 160px;
    height: 100px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: -50px
}

.v-exception-black .v-icon-box img {
    width: 160px;
    height: 100px
}

.view-toast {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999
}

.view-toast .msg-box {
    font-size: 14px;
    font-weight: 400;
    display: inline-block
}

.view-toast .msg-box .warn-icon {
    margin-right: 2px;
    width: 16px;
    height: 16px
}

.photowall {
    width: 100%;
    position: relative
}

.photowall.style-normal img {
    width: calc(12.5% - 5.25px);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-right: 6px;
    margin-top: 6px
}

.photowall.style-normal img:nth-child(8n) {
    margin-right: 0
}

.photowall.style-normal img:nth-child(-n+8) {
    margin-top: 0
}

.photowall.style-normal-nikename {
    display: flex;
    flex-wrap: wrap;
    padding: 6px
}

.photowall.style-normal-nikename .photo-wall-item {
    width: calc(12.5% - 5.25px);
    margin-right: 6px;
    margin-top: 12px
}

.photowall.style-normal-nikename .photo-wall-item:nth-child(8n) {
    margin-right: 0
}

.photowall.style-normal-nikename .photo-wall-item:nth-child(-n+8) {
    margin-top: 0
}

.photowall.style-normal-nikename .photo-wall-item img {
    width: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border-width: 1px;
    border-style: solid
}

.photowall.style-normal-nikename .photo-wall-item .nike-name {
    margin-top: 4px;
    width: 100%;
    height: 18px;
    font-size: 12px;
    color: #999;
    line-height: 18px;
    text-align: center;
    overflow: hidden
}

.photo-wall-modal {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    z-index: 9999988888
}

.photo-wall-modal .photo-wall-info {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center
}

.photo-wall-modal .photo-wall-info .photo-wall-headimg {
    width: 60px;
    height: 60px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .4);
    border: 2px solid #fff;
    border-radius: 100%
}

.photo-wall-modal .photo-wall-info .photo-wall-nikename {
    width: 100%;
    height: 24px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 24px;
    text-align: center;
    text-shadow: 0 4px 8px #000;
    margin-top: 8px
}

.elementSave {
    width: 100%;
    height: 100%;
    text-align: center
}

.elementSave .touchImg {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    pointer-events: auto
}

.elementSave .long-touch-save-icon {
    display: inline-block;
    width: 20px;
    height: 20px
}

.elementSave.long-touch-save-style2 {
    padding: 2px
}

.elementSave.long-touch-save-style2 .long-touch-save-style2-inner {
    border: 1px solid #ff498d;
    border-radius: 18px;
    display: inline-block;
    width: 100%;
    height: 100%
}

.elementSave.long-touch-save-style4 {
    padding: 4px
}

.elementSave.long-touch-save-style4 .long-touch-save-icon {
    float: left;
    font-size: 1.2em;
    height: 36px;
    line-height: 36px;
    width: 36px;
    border-radius: 50%;
    background-color: #fff
}

.elementSave.long-touch-save-style5 {
    border-radius: 4px
}

.elementSave.long-touch-save-style6 {
    overflow: hidden
}

.elementSave.long-touch-save-style6 .long-touch-save-style6-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 46px
}

.elementSave.long-touch-save-style6 .long-touch-save-style6-content .long-touch-save-label {
    font-size: 12px
}

.add-img-btn {
    height: 100%;
    border: 1px solid #ccd5db;
    text-align: center;
    line-height: 34px;
    cursor: pointer;
    border-radius: 3px
}

.h5-feedback-box {
    top: 0;
    background-color: rgba(0, 0, 0, .7);
    z-index: 88888888
}

.h5-feedback-box,
.h5-feedback-box .box {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%
}

.h5-feedback-box .box img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transform: scale(.8);
    width: 100%
}

.h5-feedback-box .feedback-close-btn {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 20px;
    top: 20px;
    color: #fff
}

@keyframes ll13 {
    to {
        transform: rotate(1turn)
    }
}

.anim-number-scroll-container {
    height: 100%;
    position: relative
}

.anim-number-scroll-container .anim-number-scroll-startNum {
    text-align: center;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-wrap: nowrap
}

.anim-number-scroll-container .anim-number-scroll-startNum .anim-number-items-startNum {
    padding-left: 3px;
    padding-right: 3px;
    display: flex;
    height: 100%;
    align-items: center
}

.anim-number-scroll-container .anim-number-scroll-startNum .anim-number-dot-startNum {
    display: flex;
    height: 100%;
    align-items: center
}

.item-select-box {
    outline: 1px dashed #1261ff
}

.age-change-box .img-box {
    position: relative;
    margin-bottom: 20px
}

.age-change-box .img-box .tip-box {
    width: 100%;
    height: 32px;
    background: #000;
    opacity: .6;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    position: relative;
    bottom: 0;
    left: 0;
    line-height: 32px;
    text-align: center;
    display: block
}

.age-change-box .operate-btn {
    width: 280px;
    height: 36px;
    line-height: 36px;
    border-radius: 3px;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    display: inline-block
}

.age-change-box .operate-btn span {
    font-size: 14px;
    font-weight: 400;
    color: inherit;
    line-height: 20px
}

.age-change-box .cover-img {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    display: inline-block
}

.age-change-box .normal .img-box {
    height: 373px;
    margin-bottom: 15px
}

.age-change-box .normal .cover-img {
    width: 280px;
    height: 373px
}

.age-change-box .normal .tip-box {
    top: 341px
}

.age-change-box .normal .border-img {
    display: none
}

.age-change-box .normal .change-btn,
.age-change-box .normal .save-btn {
    background: #1261ff
}

.age-change-box .normal .save-show .save-btn {
    display: inline-block
}

.age-change-box .normal .save-show .change-btn {
    margin-right: 16px;
    margin-left: 0
}

.age-change-box .normal .save-img-box {
    width: 288px
}

.age-change-box .normal .save-img-box .img-content {
    width: 100%
}

.age-change-box .normal .save-hidden .change-btn {
    margin-right: 0;
    width: 280px
}

.age-change-box .normal .save-hidden .save-btn {
    display: none
}

.age-change-box .normal .long-mode .change-btn {
    width: 177px
}

.age-change-box .normal .long-mode .save-btn {
    width: 87px
}

.age-change-box .normal .short-mode .change-btn,
.age-change-box .normal .short-mode .save-btn {
    width: 132px
}

.age-change-box .geek .img-box {
    height: 354px;
    margin-bottom: 20px
}

.age-change-box .geek .cover-img {
    width: 210px;
    height: 280px;
    margin-left: 50px;
    position: absolute;
    top: 40px
}

.age-change-box .geek .change-btn {
    background: #00e4ff;
    border-radius: 3px;
    margin-left: 16px
}

.age-change-box .geek .border-img {
    display: block;
    position: relative;
    height: 354px;
    width: 100%
}

.age-change-box .geek .tip-box {
    top: 248px;
    left: 0
}

.age-change-box .geek .save-btn {
    background: #00e4ff;
    border-radius: 3px
}

.age-change-box .geek .save-show .save-btn {
    display: inline-block
}

.age-change-box .geek .save-show .change-btn {
    margin-right: 16px
}

.age-change-box .geek .save-hidden .change-btn {
    width: 272px
}

.age-change-box .geek .save-hidden .save-btn {
    display: none
}

.age-change-box .geek .long-mode .change-btn {
    width: 169px
}

.age-change-box .geek .long-mode .save-btn {
    width: 87px
}

.age-change-box .geek .short-mode .change-btn,
.age-change-box .geek .short-mode .save-btn {
    width: 128px
}

.age-change-box .cute .img-box {
    height: 336px;
    margin-bottom: 13px
}

.age-change-box .cute .cover-img {
    width: 210px;
    height: 280px;
    margin-left: 32px;
    position: absolute;
    top: 29px
}

.age-change-box .cute .change-btn {
    background: #f5aacc;
    border-radius: 18px;
    margin-left: 12px
}

.age-change-box .cute .border-img {
    display: block;
    position: relative;
    height: 336px;
    width: 274px;
    z-index: 0
}

.age-change-box .cute .tip-box {
    top: 248px;
    left: 0
}

.age-change-box .cute .save-btn {
    background: #f5aacc;
    border-radius: 18px
}

.age-change-box .cute .save-show .save-btn {
    display: inline-block
}

.age-change-box .cute .save-show .change-btn {
    margin-right: 16px
}

.age-change-box .cute .save-hidden {
    margin-right: 0
}

.age-change-box .cute .save-hidden .change-btn {
    width: 252px
}

.age-change-box .cute .save-hidden .save-btn {
    display: none
}

.age-change-box .cute .long-mode .change-btn {
    width: 149px
}

.age-change-box .cute .long-mode .save-btn {
    width: 87px
}

.age-change-box .cute .short-mode .change-btn,
.age-change-box .cute .short-mode .save-btn {
    width: 118px
}

.age-change-box .easy .img-box {
    height: 392px;
    width: 278px;
    margin: 0 auto 8px
}

.age-change-box .easy .cover-img {
    width: 210px;
    height: 280px;
    margin-left: 34px;
    position: absolute;
    top: 42px;
    z-index: 0
}

.age-change-box .easy .change-btn {
    background: #1261ff;
    border-radius: 3px;
    margin-left: 13px
}

.age-change-box .easy .border-img {
    display: block;
    position: relative;
    height: 392px;
    width: 278px
}

.age-change-box .easy .tip-box {
    top: 248px;
    left: 0
}

.age-change-box .easy .save-btn {
    background: #1261ff;
    border-radius: 3px
}

.age-change-box .easy .save-show .save-btn {
    display: inline-block
}

.age-change-box .easy .save-show .change-btn {
    margin-right: 16px
}

.age-change-box .easy .save-hidden .change-btn {
    margin-right: 0;
    width: 252px
}

.age-change-box .easy .save-hidden .save-btn {
    display: none
}

.age-change-box .easy .long-mode .change-btn {
    width: 149px
}

.age-change-box .easy .long-mode .save-btn {
    width: 87px
}

.age-change-box .easy .short-mode .change-btn,
.age-change-box .easy .short-mode .save-btn {
    width: 118px
}

.age-change-box .save-hidden .short-mode .change-btn {
    width: 280px;
    background: #1261ff
}

.age-change-box .save-show {
    display: flex
}

.save-img-box {
    width: 576px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -100;
    opacity: 0;
    display: block
}

.save-img-box .img-content,
.save-img-box .save-content {
    position: relative;
    z-index: 1
}

.save-img-box .img-content {
    text-align: center;
    background-color: #fff
}

.save-img-box .share-preview-info {
    z-index: 1
}

.save-img-box .share-preview-info .save-footer-img-background {
    width: 576px;
    position: absolute;
    height: 176px
}

.save-img-box .share-preview-info .preview-footer {
    height: 176px;
    width: 576px;
    position: relative;
    display: flex;
    background: transparent !important
}

.save-img-box .share-preview-info .preview-footer .qrcode {
    width: 136px;
    height: 136px;
    border-radius: 6px;
    z-index: 1000
}

.save-img-box .share-preview-info .preview-footer .info-box {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.save-img-box .share-preview-info .preview-footer .info-box .info-title {
    font-size: 28px;
    font-weight: 400;
    color: #333;
    word-wrap: break-word;
    overflow: hidden;
    width: 380px;
    text-align: left;
    margin-bottom: 16px
}

.save-img-box .share-preview-info .preview-footer .info-box .info-tip {
    font-size: 24px;
    font-weight: 400;
    color: #999;
    text-align: left
}

.save-img-box .type0 .info-box {
    width: 380px
}

.save-img-box .type0 .qrcode {
    margin: 20px
}

.save-img-box .type1 .preview-footer {
    flex-direction: row-reverse;
    justify-content: flex-end
}

.save-img-box .type1 .info-box {
    width: 364px;
    margin-left: 32px;
    margin-right: 28px
}

.save-img-box .type1 .qrcode {
    margin-top: 20px;
    border: 6px solid #eb731f;
    box-sizing: border-box
}

.save-img-box .type2 .preview-footer,
.save-img-box .type2 .save-footer-img-background {
    height: 232px
}

.save-img-box .type2 .info-box {
    position: absolute;
    width: 512px;
    top: 76px;
    left: 32px;
    flex-direction: column-reverse !important;
    align-items: center
}

.save-img-box .type2 .info-box .info-title {
    margin-bottom: 0 !important;
    margin-top: 8px !important;
    text-align: center !important
}

.save-img-box .type2 .qrcode {
    position: absolute;
    top: -64px;
    left: 224px
}

.save-img-box .type3 .info-box {
    width: 512px;
    margin-left: 32px
}

.save-img-box .type3 .qrcode {
    position: absolute;
    top: -152px;
    left: 16px
}

.save-img-box-show {
    opacity: 1;
    z-index: 200;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.save-img-box-show .box-title {
    width: 288px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #774f0d;
    background-color: #ffe257
}

.save-img-box-shadow {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .6);
    z-index: 199;
    top: 0
}

.upload-loading {
    width: 112px;
    height: 112px;
    background: rgba(0, 0, 0, .6);
    border-radius: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.upload-loading img {
    width: 69px;
    height: 34px;
    margin-bottom: 17px
}

.upload-loading span {
    font-size: 12px;
    font-weight: 400;
    color: #fff
}

.select-roll {
    height: 100%
}

.select-roll,
.select-roll .select-roll-content-box {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 10000
}

.select-roll .title-box {
    height: 44px;
    line-height: 44px;
    position: relative;
    background: #fafaf8;
    box-shadow: 0 1px 0 0 #e1e0e0
}

.select-roll .title-box .btn-cancel {
    font-size: 15px;
    font-weight: 400;
    color: #666;
    cursor: pointer;
    float: left;
    margin-left: 16px
}

.select-roll .title-box .btn-confirm {
    font-size: 15px;
    font-weight: 500;
    color: #007aff;
    cursor: pointer;
    float: right;
    margin-right: 16px
}

.select-roll .title-box .title {
    position: absolute;
    left: -34px;
    font-size: 17px;
    font-weight: 400;
    color: #222;
    margin-left: 50%
}

.select-roll .roll-box {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 217px;
    background: #fff;
    box-shadow: 0 1px 0 0 #d0d0d0
}

.select-roll .roll-box .vague-zone-top {
    width: 100%;
    height: 29px;
    background: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0));
    position: absolute;
    top: 0;
    z-index: 99
}

.select-roll .roll-box .vague-zone-bottom {
    width: 100%;
    height: 29px;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
    position: absolute;
    bottom: 0;
    z-index: 99
}

.select-roll .select-zone {
    width: 100%;
    height: 32px;
    position: absolute;
    top: 90px;
    border-top: 2px solid #aba9a2;
    border-bottom: 2px solid #aba9a2
}

.select-roll .option-box {
    position: absolute;
    top: 32px;
    left: 50%;
    width: 100%;
    transform: translateX(-50%)
}

.select-roll .option-box .option-item-selected {
    height: 32px !important;
    font-size: 23px !important;
    color: #292929 !important;
    line-height: 32px !important;
    margin: 5px 0
}

.select-roll .option-box .option-item {
    width: 100%;
    height: 29px;
    font-size: 21px;
    font-weight: 400;
    color: #9d9d9d;
    line-height: 29px;
    display: block;
    text-align: center
}

.select-roll-shadow {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999
}

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

    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes outer_circle_move {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes scanmove {
    0% {
        top: -134px;
        transform: rotate(180deg)
    }

    49% {
        top: 280px;
        transform: rotate(180deg);
        opacity: .4
    }

    50% {
        top: 560px;
        transform: rotate(180deg);
        opacity: 0
    }

    52% {
        top: 280px;
        transform: rotate(0deg);
        opacity: .4
    }

    to {
        top: -134px;
        transform: rotate(0deg)
    }
}

.view-loading .loading_container {
    width: 100%;
    height: 320px;
    position: absolute;
    z-index: 11;
    top: 50%;
    transform: translateY(-50%)
}

.view-loading .grid,
.view-loading .light,
.view-loading .line {
    width: 320px;
    height: 320px;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-top: -160px;
    margin-left: -160px
}

.view-loading .outer_circle img {
    width: 100%;
    height: 100%
}

.view-loading .outer_circle {
    width: 320px;
    height: 320px;
    animation: outer_circle_move 5s linear infinite;
    -webkit-animation: outer_circle_move 5s linear infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 50%;
    left: 50%;
    margin-top: -160px;
    margin-left: -160px;
    position: absolute
}

.view-loading .inner_circle {
    width: 156px;
    height: 156px;
    margin-top: -78px;
    margin-left: -78px;
    position: absolute;
    top: 50%;
    left: 50%
}

.view-loading .line-move {
    width: 320px;
    height: 320px;
    margin-top: -160px;
    margin-left: -160px;
    position: absolute;
    top: 50%;
    left: 50%
}

.view-loading .scan_wrapper {
    position: absolute;
    animation: scanmove 5s linear infinite;
    -webkit-animation: scanmove 5s linear infinite
}

.view-loading .scan {
    width: 286px;
    height: 134px;
    background: linear-gradient(0deg, rgba(0, 228, 255, 0), #00e4ff);
    opacity: .2
}

.view-loading .scan_line {
    position: absolute;
    top: -1px;
    width: 100%
}

.view-loading .inner_wrapper {
    width: 244px;
    height: 244px;
    margin-top: -122px;
    margin-left: -122px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    overflow: hidden
}

.view-loading .persent {
    position: absolute;
    top: 50%;
    height: 48px;
    width: 70px;
    font-size: 24px;
    color: #fff;
    line-height: 48px;
    left: 50%;
    margin-top: -24px;
    margin-left: -35px;
    text-align: center
}

.view-loading .desc {
    height: 22px;
    font-size: 14px;
    color: #00e4ff;
    line-height: 22px;
    width: 100%;
    text-align: center
}

.view-loading .loading__layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    margin: 0;
    padding: 0;
    opacity: .85;
    overflow: hidden;
    z-index: 10
}

.merge-content {
    position: relative;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: round
}

.merge-content .shadow-tip {
    z-index: 1000;
    display: none;
    position: absolute;
    width: 100%;
    height: 32px;
    background: #000;
    opacity: .6;
    text-align: center;
    line-height: 32px
}

.merge-content .shadow-tip span {
    color: #fff;
    font-size: 12px;
    opacity: 1
}

.merge-content .portraits-content {
    position: relative
}

.merge-content .portraits-content .portraits-body,
.merge-content .portraits-content .portraits-face {
    position: absolute;
    display: block
}

.merge-content .save-btn {
    z-index: 1000000;
    background-size: cover;
    cursor: pointer;
    display: none;
    line-height: 44px;
    text-align: center;
    font-size: 17px;
    font-weight: 400;
    width: 260px;
    height: 44px;
    border-radius: 3px;
    position: absolute;
    left: 50%;
    bottom: 4.2%;
    background-repeat: no-repeat
}

.merge-content .type0 {
    background: #fff;
    border: 1px solid #1261ff;
    color: #1261ff
}

.merge-content .type1 {
    background-image: url(//lib.eqh5.com/h5_view_2/images/type1_btn-771ad9.png);
    color: #eb731f
}

.merge-content .type2 {
    background: #fad647;
    color: #774f0d
}

.merge-content .type3 {
    background-image: url(//lib.eqh5.com/h5_view_2/images/type3_btn-881617.png);
    color: #005c80
}

.info-bubble {
    position: absolute
}

.info-bubble-content {
    height: 44px;
    position: relative;
    top: -56px;
    left: -29px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.info-bubble-content p {
    margin: 0 6px;
    font-size: 12px;
    font-weight: 400;
    color: #fff
}

.info-bubble-content:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    top: 44px;
    left: 28px
}

.info-bubble-circle {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .25);
    position: absolute;
    line-height: 6px;
    text-align: center;
    top: 0
}

.info-bubble-circle-inside {
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 2px
}

.info-bubble-save {
    position: absolute
}

.info-bubble-save .info-bubble-content {
    height: 88px;
    top: -112px;
    left: -58px;
    border-radius: 16px
}

.info-bubble-save .info-bubble-content p {
    margin: 0 12px;
    font-size: 24px
}

.info-bubble-save .info-bubble-content .info-bubble-content:after {
    border: 16px solid;
    top: 88px;
    left: 56px
}

.info-bubble-save .info-bubble-circle {
    width: 24px;
    height: 24px;
    line-height: 12px
}

.info-bubble-save .info-bubble-circle .info-bubble-circle-inside {
    width: 10px;
    height: 10px;
    border-radius: 4px
}

.pink-bubble .info-bubble-content {
    background-color: #f3c2cc
}

.pink-bubble .info-bubble-content:after {
    border-top-color: #f3c2cc
}

.grey-bubble .info-bubble-content {
    background-color: #9ea5b6
}

.grey-bubble .info-bubble-content:after {
    border-top-color: #9ea5b6
}

.orange-bubble .info-bubble-content {
    background-color: #fac582
}

.orange-bubble .info-bubble-content:after {
    border-top-color: #fac582
}

.blue-bubble .info-bubble-content {
    background-color: #80c4ff
}

.blue-bubble .info-bubble-content:after {
    border-top-color: #80c4ff
}

.yellow-bubble .info-bubble-content {
    background-color: #edd774
}

.yellow-bubble .info-bubble-content:after {
    border-top-color: #edd774
}

.eqx-location {
    color: #404449;
    line-height: inherit;
    padding: 5px 15px;
    margin: 0;
    width: 100%;
    height: 100%;
    word-wrap: break-word
}

.eqx-location .eqx-comp__top-right-tip {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #f69226;
    line-height: 18px;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0;
    text-align: center
}

.eqx-location__container {
    white-space: nowrap;
    overflow: hidden
}

.catalogue-style .catalogue-change-container .multi-level-list {
    width: 100%;
    height: 100%;
    padding: 16px 0 11px;
    box-sizing: border-box
}

.catalogue-style .catalogue-change-container .multi-level-list .multi-group {
    width: 100%;
    min-height: 42px;
    position: relative;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent
}

.catalogue-style .catalogue-change-container .multi-level-list .multi-group .catalogue-bar {
    display: none
}

.catalogue-style .catalogue-change-container .multi-level-list .multi-group.multi-group-edit:hover {
    border: 1px solid #1261ff;
    box-sizing: border-box
}

.catalogue-style .catalogue-change-container .multi-level-list .multi-group.multi-group-edit:hover .catalogue-bar {
    width: 126px;
    height: 24px;
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: -23px;
    right: 0;
    z-index: 1
}

.catalogue-style .catalogue-change-container .multi-level-list .multi-group.multi-group-edit:hover .catalogue-bar span {
    display: inline-block;
    width: 40px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #000;
    border-radius: 3px;
    opacity: .9;
    font-size: 12px;
    font-weight: 400;
    color: #fff
}

.catalogue-style .catalogue-change-container .multi-level-list .multi-group.multi-group-edit:hover .catalogue-pic-bar {
    position: absolute;
    bottom: -30px;
    right: 0
}

.catalogue-style .catalogue-change-container .multi-level-list .multi-group .multi-group-one-level {
    width: 100%;
    min-height: 42px;
    line-height: 42px;
    padding: 0 15px 0 0;
    box-sizing: border-box;
    display: flex;
    flex-flow: nowrap
}

.catalogue-style .catalogue-change-container .multi-level-list .multi-group .multi-group-one-level span {
    display: inline-block
}

.catalogue-style .catalogue-change-container .multi-level-list .multi-group .multi-group-one-level .switch {
    padding-left: 15px;
    display: inline-block;
    flex-shrink: 0;
    min-width: 20px;
    margin: auto
}

.catalogue-style .catalogue-change-container .multi-level-list .multi-group .multi-group-one-level .name {
    margin-left: 20px;
    display: inline-block;
    flex-shrink: 0;
    max-width: 200px
}

.catalogue-style .catalogue-change-container .multi-level-list .multi-group .multi-group-one-level .dashed {
    display: inline-block;
    margin: auto 4px;
    width: 100%;
    height: 0;
    flex-shrink: 1;
    border-bottom: 1px dashed #979797
}

.catalogue-style .catalogue-change-container .multi-level-list .multi-group .multi-group-one-level .jump-page {
    margin: auto;
    min-height: 42px;
    display: inline-block;
    width: 20px;
    flex-shrink: 0
}

.catalogue-style .catalogue-change-container .multi-level-list .multi-group .multi-group-two-level {
    width: 100%;
    min-height: 42px;
    line-height: 42px;
    padding: 0 15px 0 0;
    box-sizing: border-box;
    display: flex;
    flex-flow: nowrap
}

.catalogue-style .catalogue-change-container .multi-level-list .multi-group .multi-group-two-level .switch {
    padding-left: 30px;
    display: inline-block;
    flex-shrink: 0;
    min-width: 20px;
    margin: auto
}

.catalogue-style .catalogue-change-container .multi-level-list .multi-group .multi-group-two-level .name {
    margin-left: 20px;
    display: inline-block;
    flex-shrink: 0;
    max-width: 200px
}

.catalogue-style .catalogue-change-container .multi-level-list .multi-group .multi-group-two-level .dashed {
    display: inline-block;
    margin: auto 4px;
    width: 100%;
    height: 0;
    flex-shrink: 1;
    border-bottom: 1px dashed #979797
}

.catalogue-style .catalogue-change-container .multi-level-list .multi-group .multi-group-two-level .jump-page {
    margin: auto;
    display: inline-block;
    width: 20px;
    flex-shrink: 0
}

.catalogue-style .catalogue-change-container .multi-level-list .multi-group .multi-group-three-level {
    width: 100%;
    min-height: 42px;
    line-height: 42px;
    padding: 0 15px 0 60px;
    box-sizing: border-box;
    display: flex;
    flex-flow: nowrap
}

.catalogue-style .catalogue-change-container .multi-level-list .multi-group .multi-group-three-level .switch {
    display: none
}

.catalogue-style .catalogue-change-container .multi-level-list .multi-group .multi-group-three-level .name {
    margin-left: 20px;
    display: inline-block;
    flex-shrink: 0;
    max-width: 200px
}

.catalogue-style .catalogue-change-container .multi-level-list .multi-group .multi-group-three-level .dashed {
    display: inline-block;
    margin: auto 4px;
    width: 100%;
    height: 0;
    flex-shrink: 1;
    border-bottom: 1px dashed #979797
}

.catalogue-style .catalogue-change-container .multi-level-list .multi-group .multi-group-three-level .jump-page {
    margin: auto;
    display: inline-block;
    width: 20px;
    flex-shrink: 0
}

.catalogue-style .catalogue-change-container .multi-level-list .display-dom {
    display: none
}

.catalogue-style .catalogue-change-container .multi-level-list .time-axis-group {
    position: relative;
    margin: 24px 0 8px;
    min-height: 41px;
    width: 50%;
    border: 1px solid transparent
}

.catalogue-style .catalogue-change-container .multi-level-list .time-axis-group .catalogue-bar {
    display: none
}

.catalogue-style .catalogue-change-container .multi-level-list .time-axis-group.multi-group-edit:hover {
    border: 1px solid #1261ff
}

.catalogue-style .catalogue-change-container .multi-level-list .time-axis-group.multi-group-edit:hover .catalogue-bar {
    width: 126px;
    height: 24px;
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: -25px;
    right: 0;
    z-index: 1
}

.catalogue-style .catalogue-change-container .multi-level-list .time-axis-group.multi-group-edit:hover .catalogue-bar span {
    display: inline-block;
    width: 40px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #000;
    border-radius: 3px;
    opacity: .9;
    font-size: 12px;
    font-weight: 400;
    color: #fff
}

.catalogue-style .catalogue-change-container .multi-level-list .time-axis-group.multi-group-edit:hover.multi-group-edit:first-child #delete-catalogue {
    visibility: hidden
}

.catalogue-style .catalogue-change-container .multi-level-list .time-axis-group.multi-group-edit:hover.multi-group-edit:first-child .catalogue-time-bar {
    position: absolute;
    bottom: -24px;
    right: -42px
}

.catalogue-style .catalogue-change-container .multi-level-list .time-axis-group.multi-group-edit:hover.multi-group-edit:nth-child(2n) .catalogue-time-bar {
    position: absolute;
    bottom: -24px;
    left: 0
}

.catalogue-style .catalogue-change-container .multi-level-list .time-axis-group .time-group-every {
    width: 100%;
    height: 100%;
    padding: 6px 9px 0 0;
    text-align: right
}

.catalogue-style .catalogue-change-container .multi-level-list .time-axis-group .time-group-every .name {
    width: 80%;
    margin-left: 20%;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.catalogue-style .catalogue-change-container .multi-level-list .time-axis-group .time-group-every .time {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 17px
}

.catalogue-style .catalogue-change-container .multi-level-list .time-axis-group .time-node {
    position: absolute;
    top: 50%;
    right: -1px;
    z-index: 100;
    transform: translate(50%, -50%);
    width: 12px;
    height: 12px;
    border: 1px solid #fff;
    background: #333;
    border-radius: 50%
}

.catalogue-style .catalogue-change-container .multi-level-list .time-axis-group.time-axis-group:nth-child(2n) {
    margin: 24px 0 8px 50%
}

.catalogue-style .catalogue-change-container .multi-level-list .time-axis-group.time-axis-group:nth-child(2n) .time-group-every {
    width: 100%;
    height: 100%;
    padding: 6px 0 0 9px;
    text-align: left
}

.catalogue-style .catalogue-change-container .multi-level-list .time-axis-group.time-axis-group:nth-child(2n) .time-group-every .name {
    width: 80%;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.catalogue-style .catalogue-change-container .multi-level-list .time-axis-group.time-axis-group:nth-child(2n) .time-group-every .time {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 17px
}

.catalogue-style .catalogue-change-container .multi-level-list .time-axis-group.time-axis-group:nth-child(2n) .time-node {
    position: absolute;
    top: 50%;
    left: -1px;
    z-index: 100;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    border: 1px solid #fff;
    background: #333;
    border-radius: 50%
}

.catalogue-style .catalogue-change-container .multi-level-list .group-click {
    border: 1px solid #1261ff;
    box-sizing: border-box
}

.catalogue-style .catalogue-change-container .pic-level-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: flex-start
}

.catalogue-style .catalogue-change-container .pic-level-list .picture-group {
    width: 31.25%;
    margin-right: 3%;
    margin-bottom: 8px;
    position: relative;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent
}

.catalogue-style .catalogue-change-container .pic-level-list .picture-group .catalogue-bar {
    display: none
}

.catalogue-style .catalogue-change-container .pic-level-list .picture-group.multi-group-edit:hover {
    border: 1px solid #1261ff
}

.catalogue-style .catalogue-change-container .pic-level-list .picture-group.multi-group-edit:hover .catalogue-bar {
    width: 126px;
    height: 24px;
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: -25px;
    right: 0;
    z-index: 1
}

.catalogue-style .catalogue-change-container .pic-level-list .picture-group.multi-group-edit:hover .catalogue-bar span {
    display: inline-block;
    width: 40px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #000;
    border-radius: 3px;
    opacity: .9;
    font-size: 12px;
    font-weight: 400;
    color: #fff
}

.catalogue-style .catalogue-change-container .pic-level-list .picture-group.multi-group-edit:hover.multi-group-edit:first-child #delete-catalogue {
    visibility: hidden
}

.catalogue-style .catalogue-change-container .pic-level-list .picture-group.multi-group-edit:hover.multi-group-edit:nth-child(3n+1) .catalogue-pic-bar {
    position: absolute;
    bottom: -24px;
    left: 0
}

.catalogue-style .catalogue-change-container .pic-level-list .picture-group .picture-group-every {
    width: 100%;
    background: #fff;
    flex: 0 1 auto
}

.catalogue-style .catalogue-change-container .pic-level-list .picture-group .picture-group-every .pic-style {
    display: block;
    width: 100%
}

.catalogue-style .catalogue-change-container .pic-level-list .picture-group .picture-group-every .name {
    position: relative;
    width: 80%;
    display: inline-block;
    min-height: 30px;
    padding: 0 6px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    color: #333
}

.catalogue-style .catalogue-change-container .pic-level-list .picture-group .picture-group-every .name span {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.catalogue-style .catalogue-change-container .pic-level-list .picture-group.picture-group:last-child,
.catalogue-style .catalogue-change-container .pic-level-list .picture-group.picture-group:nth-child(3n) {
    margin-right: 0
}

.catalogue-style .catalogue-change-container .pic-level-list .group-click {
    border: 1px solid #1261ff;
    box-sizing: border-box
}

.catalogue-style .catalogue-change-container .pic-double-list {
    width: 67%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: flex-start
}

.catalogue-style .catalogue-change-container .pic-double-list .picture-group {
    width: 47%;
    margin-right: 3%;
    margin-bottom: 8px;
    position: relative;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent
}

.catalogue-style .catalogue-change-container .pic-double-list .picture-group .catalogue-bar {
    display: none
}

.catalogue-style .catalogue-change-container .pic-double-list .picture-group.multi-group-edit:hover {
    border: 1px solid #1261ff
}

.catalogue-style .catalogue-change-container .pic-double-list .picture-group.multi-group-edit:hover .catalogue-bar {
    width: 126px;
    height: 24px;
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: -25px;
    right: 0;
    z-index: 1
}

.catalogue-style .catalogue-change-container .pic-double-list .picture-group.multi-group-edit:hover .catalogue-bar span {
    display: inline-block;
    width: 40px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #000;
    border-radius: 3px;
    opacity: .9;
    font-size: 12px;
    font-weight: 400;
    color: #fff
}

.catalogue-style .catalogue-change-container .pic-double-list .picture-group.multi-group-edit:hover.multi-group-edit:first-child #delete-catalogue {
    visibility: hidden
}

.catalogue-style .catalogue-change-container .pic-double-list .picture-group.multi-group-edit:hover.multi-group-edit:nth-child(odd) .catalogue-pic-bar {
    position: absolute;
    bottom: -24px;
    left: 0
}

.catalogue-style .catalogue-change-container .pic-double-list .picture-group .picture-group-every {
    width: 100%;
    background: #fff;
    flex: 0 1 auto
}

.catalogue-style .catalogue-change-container .pic-double-list .picture-group .picture-group-every .pic-style {
    display: block;
    width: 100%
}

.catalogue-style .catalogue-change-container .pic-double-list .picture-group .picture-group-every .name {
    position: relative;
    width: 80%;
    display: inline-block;
    min-height: 30px;
    padding: 0 6px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    color: #333
}

.catalogue-style .catalogue-change-container .pic-double-list .picture-group .picture-group-every .name span {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.catalogue-style .catalogue-change-container .pic-double-list .picture-group.picture-group:nth-child(2n) {
    margin-right: 0
}

.catalogue-style .catalogue-change-container .pic-double-list .group-click {
    border: 1px solid #1261ff;
    box-sizing: border-box
}

.catalogue-style .catalogue-change-container .time-axis-line {
    width: 2px;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #000
}

.comp-weather .comp-style-type {
    width: 100%;
    height: 100%
}

.comp-weather .comp-style-type.style-type-1 {
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    line-height: 14px
}

.comp-weather .comp-style-type.style-type-1 .left {
    display: flex;
    flex-direction: column
}

.comp-weather .comp-style-type.style-type-1 .left .temprature {
    display: flex;
    margin-bottom: 8px
}

.comp-weather .comp-style-type.style-type-1 .left .temprature .num {
    line-height: 36px;
    font-size: 32px;
    font-weight: 500
}

.comp-weather .comp-style-type.style-type-1 .right {
    display: flex;
    flex-direction: column
}

.comp-weather .comp-style-type.style-type-1 .right>img {
    width: 36px;
    height: 36px;
    margin-bottom: 8px
}

.comp-weather .comp-style-type.style-type-1 .right .weather {
    text-align: center
}

.comp-weather .comp-style-type.style-type-2 {
    padding-left: 20px;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 14px
}

.comp-weather .comp-style-type.style-type-2 .temprature {
    display: flex;
    margin-top: -2px
}

.comp-weather .comp-style-type.style-type-2 .temprature .num {
    font-size: 20px;
    font-weight: 500;
    line-height: 20px
}

.comp-weather .comp-style-type.style-type-2 .weather {
    margin-left: 9px
}

.comp-weather .comp-style-type.style-type-2 .line {
    margin-left: 10px;
    margin-right: 8px;
    font-size: 12px
}

.comp-weather .comp-style-type.style-type-3 {
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 14px;
    line-height: 14px
}

.comp-weather .comp-style-type.style-type-3 .top {
    display: flex;
    align-items: flex-end
}

.comp-weather .comp-style-type.style-type-3 .top .temprature {
    display: flex
}

.comp-weather .comp-style-type.style-type-3 .top .temprature .num {
    font-size: 32px;
    font-weight: 500;
    line-height: 48px
}

.comp-weather .comp-style-type.style-type-3 .top .temprature .unit {
    margin-top: 8px;
    font-size: 24px
}

.comp-weather .comp-style-type.style-type-3 .top .weather {
    margin-left: 8px;
    margin-bottom: 11px
}

.comp-weather .comp-style-type.style-type-3 .location {
    margin-top: 8px
}

.comp-weather .comp-style-type.style-type-4 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.comp-weather .comp-style-type.style-type-4 .temprature {
    position: relative
}

.comp-weather .comp-style-type.style-type-4 .temprature .num {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px
}

.comp-weather .comp-style-type.style-type-4 .temprature .unit {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(100%);
    font-size: 24px
}

.comp-weather .comp-style-type.style-type-4 .location {
    font-size: 12px;
    line-height: 12px;
    margin-top: 4px
}

.comp-weather .comp-style-type.style-type-4>img {
    width: 32px;
    height: 32px;
    margin-top: 17px
}

.comp-weather .comp-style-type.style-type-5 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 14px
}

.comp-weather .comp-style-type.style-type-5 .temprature {
    display: flex
}

.comp-weather .comp-style-type.style-type-5 .temprature .num {
    font-size: 32px;
    font-weight: 500;
    line-height: 48px
}

.comp-weather .comp-style-type.style-type-5 .temprature .unit {
    margin-top: 12px;
    margin-left: 4px;
    width: 14px;
    height: 14px
}

.comp-weather .comp-style-type.style-type-5 .location-icon {
    font-size: 14px;
    margin-right: 4px
}

.comp-weather .comp-style-type.style-type-5>img {
    width: 36px;
    height: 36px;
    margin-left: 31px
}

.comp-weather .comp-style-type.style-type-6 {
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 14px
}

.comp-weather .comp-style-type.style-type-6 .wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.comp-weather .comp-style-type.style-type-6 .wrapper .left {
    display: flex;
    align-items: flex-end
}

.comp-weather .comp-style-type.style-type-6 .wrapper .left .temprature {
    display: flex
}

.comp-weather .comp-style-type.style-type-6 .wrapper .left .temprature .num {
    line-height: 26px;
    font-size: 32px;
    font-weight: 500
}

.comp-weather .comp-style-type.style-type-6 .wrapper .left .temprature .unit {
    margin-left: 3px;
    margin-top: 3px;
    font-size: 24px;
    width: 8px;
    text-align: center
}

.comp-weather .comp-style-type.style-type-6 .wrapper .left .weather {
    margin-left: 4px
}

.comp-weather .comp-style-type.style-type-6 .wrapper .right {
    display: flex
}

.comp-weather .comp-style-type.style-type-6 .wrapper .right .location-icon {
    font-size: 14px;
    margin-right: 4px
}

.customer-care-box .customer-img {
    width: 100%;
    height: 100%
}

.el-button-group>.el-button.is-active,
.el-button-group>.el-button.is-disabled,
.el-button-group>.el-button:not(.is-disabled):active,
.el-button-group>.el-button:not(.is-disabled):focus,
.el-button-group>.el-button:not(.is-disabled):hover {
    z-index: 1
}

.el-button,
.el-input__inner {
    -webkit-appearance: none;
    outline: 0
}

.el-message-box,
.el-popup-parent--hidden {
    overflow: hidden
}

.el-message-box__input input.invalid,
.el-message-box__input input.invalid:focus {
    border-color: #f56c6c
}

.export-setting-panel {
    position: relative;
    background-color: #fff;
    width: 100%;
    padding: 12px
}

.export-setting-panel .text-button {
    color: #1261ff;
    cursor: pointer;
    display: inline-block
}

.export-setting-panel .text-button.add-goods {
    position: relative
}

.export-setting-panel .text-button.add-goods .option-list {
    left: -56px;
    height: 84px;
    background: transparent;
    display: none;
    position: absolute;
    top: -82px;
    right: -50px;
    color: #333;
    z-index: 9999
}

.export-setting-panel .text-button.add-goods .option-list .new_add_option_panel {
    padding: 8px 0;
    background: #fff;
    width: 160px;
    text-align: center;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .16)
}

.export-setting-panel .text-button.add-goods .option-list .add-type {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    cursor: pointer
}

.export-setting-panel .text-button.add-goods .option-list .add-type:hover {
    background: #f5f5f5
}

.export-setting-panel .text-button.add-goods:hover .option-list {
    display: block
}

.export-setting-panel .option-box {
    width: 100%
}

.export-setting-panel .option-box.item-flex-box {
    align-items: start;
    flex-direction: column
}

.export-setting-panel .option-box.item-flex-box .handle {
    margin-left: 9px;
    height: 56px;
    position: relative
}

.export-setting-panel .option-box.item-flex-box .handle .add-icon .new_add_option_box {
    padding: 16px;
    height: 84px;
    background: transparent;
    display: none;
    position: absolute;
    top: 24px;
    right: -16px;
    color: #333;
    z-index: 9999
}

.export-setting-panel .option-box.item-flex-box .handle .add-icon .new_add_option_box .new_add_option_panel {
    padding: 8px 0;
    background: #fff;
    width: 160px;
    text-align: center;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .16)
}

.export-setting-panel .option-box.item-flex-box .handle .add-icon:hover .new_add_option_box {
    display: block
}

.export-setting-panel .option-box .option {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.export-setting-panel .option-box .option .option-content {
    height: 56px;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    position: relative;
    cursor: pointer
}

.export-setting-panel .option-box .option .option-content>div:first-of-type {
    width: 56px;
    height: 56px;
    background-color: #eee;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.export-setting-panel .option-box .option .option-content>div:first-of-type:hover .image-item-setting-box {
    display: flex
}

.export-setting-panel .option-box .option .option-content>div:first-of-type .image-item-setting-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 56px;
    height: 56px;
    background: hsla(0, 0%, 100%, .8);
    border-radius: 2px 0 0 0;
    display: none;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.export-setting-panel .option-box .option .option-content>div:first-of-type .image-item-setting-box .image-item-setting-small {
    width: 52px;
    height: 24px;
    font-size: 12px;
    background: #1261ff;
    border-radius: 12px;
    color: #fff;
    text-align: center;
    line-height: 24px;
    cursor: pointer
}

.export-setting-panel .option-box .option .option-content>div:nth-of-type(2) {
    width: 170px;
    height: 40px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333;
    line-height: 20px;
    margin: 8px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.export-setting-panel .option-box .option .option-content .status-item {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transition: all .3s;
    background: hsla(0, 0%, 100%, .8);
    display: flex;
    justify-content: center;
    align-items: center
}

.export-setting-panel .option-box .option .option-content .status-item .status-icon {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 8px
}

.export-setting-panel .option-box .option .option-content .status-item .status-text {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333
}

.export-setting-panel .option-box .option .option-content .status-item .option-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 88px;
    height: 24px;
    display: none;
    transform: translate(-50%, -50%);
    font-size: 12px;
    background: #1261ff;
    border-radius: 12px;
    line-height: 24px;
    text-align: center;
    color: #fff
}

.export-setting-panel .option-box .option .option-content .status-item .option-btn:hover {
    background: #2c72ff
}

.export-setting-panel .option-box .option .option-content .status-item .grey {
    background: #999
}

.export-setting-panel .option-box .option .option-content .status-item .orange {
    background: #f8ae15
}

.export-setting-panel .option-box .option .option-content .status-item .red {
    background: #ff5448
}

.export-setting-panel .option-box .option .option-content .no-pointer {
    cursor: default
}

.export-setting-panel .option-box .option .option-content .no-cover {
    background: transparent
}

.export-setting-panel .option-box .option .option-content .no-cover:hover {
    background: hsla(0, 0%, 100%, .8)
}

.export-setting-panel .option-box .option .option-content:hover .option-btn {
    display: block;
    transition: all .3s
}

.eqx-message-boxmessage {
    font-size: 18px;
    margin-left: 8px
}

.el-message-box__content {
    min-height: 102px;
    padding: 0
}

.el-button {
    font-weight: 400
}

.el-button--primary {
    background-color: #1261ff !important;
    border-color: #1261ff !important;
    min-width: 96px;
    padding: 0 !important
}

.el-button--primary span {
    height: 36px;
    line-height: 36px;
    font-size: 14px
}

.el-message-box {
    padding: 30px 20px !important
}

.el-message-box__status.el-icon-error {
    color: #ff2a6a
}

.el-message-box__wrapper {
    z-index: 99999 !important
}

.v-modal {
    z-index: 99998 !important
}

.custom-message-box .el-message-box__header {
    padding: 0
}

.custom-message-box .el-message-box__message {
    font-size: 18px;
    color: #333;
    font-family: PingFangSC-Regular, PingFang SC
}

.el-message__closeBtn:focus,
.el-message__content:focus {
    outline-width: 0
}

.form-goods-iframe[data-v-0cfcc3d4] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .45);
    z-index: 9999
}

.goods-manage .empty-wrapper[data-v-2c4be0d4] {
    height: 32px;
    background: #f6f9fa;
    text-align: center;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666;
    line-height: 32px;
    margin: 16px 0
}

.goods-manage .empty-wrapper .btn-text[data-v-2c4be0d4] {
    color: #1261ff;
    cursor: pointer
}

.goods-manage .empty-wrapper .btn-text[data-v-2c4be0d4]:hover {
    color: #2c72ff
}

.goods-manage .add-btn[data-v-2c4be0d4] {
    margin-bottom: 20px;
    margin-top: 12px
}

.goods-manage .show-type .disabled[data-v-2c4be0d4] {
    cursor: not-allowed;
    line-height: 32px
}

.goods-manage .show-type .disabledLabel[data-v-2c4be0d4] {
    pointer-events: none;
    background: #f5f5f5;
    border-color: #ccd5db;
    color: #bfbfbf
}

.goods-manage .goods-list-wrapper[data-v-2c4be0d4] {
    position: relative
}

.goods-manage .image-option-setting[data-v-2c4be0d4] {
    padding-bottom: 5px;
    margin-bottom: 12px !important
}

.goods-manage .image-option-setting[data-v-2c4be0d4]:first-child {
    margin-top: 13px
}

.goods-manage .image-option-setting[data-v-2c4be0d4]:last-child {
    margin-bottom: 0 !important
}

.goods-manage .image-option-setting .option-box[data-v-2c4be0d4] {
    width: 100%
}

.goods-manage .image-option-setting .option-box.item-flex-box[data-v-2c4be0d4] {
    flex-direction: column
}

.goods-manage .image-option-setting .option-box.item-flex-box .handle[data-v-2c4be0d4] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #999;
    cursor: pointer;
    opacity: 0
}

.goods-manage .image-option-setting .option-box.item-flex-box .handle .add-icon[data-v-2c4be0d4] {
    margin-top: 2px
}

.goods-manage .image-option-setting .option-box:hover .handle[data-v-2c4be0d4] {
    opacity: 1
}

.goods-manage .image-option-setting .option-box .eqf-minus-l[data-v-2c4be0d4]:hover {
    color: #ff5448
}

.goods-manage .image-option-setting .option-box .eqx-icon-drag[data-v-2c4be0d4] {
    margin-right: 5px;
    word-break: break-word;
    white-space: break-spaces;
    width: 13px;
    height: 24px;
    line-height: 5px;
    color: #666 !important;
    letter-spacing: 2px;
    font-weight: 500;
    cursor: pointer
}

.goods-manage .image-option-setting .option-box .eqx-icon-drag[data-v-2c4be0d4]:hover {
    color: #1261ff
}

.goods-manage .image-option-setting .option-box .option[data-v-2c4be0d4] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.goods-manage .image-option-setting .option-box .option .option-content[data-v-2c4be0d4] {
    flex-grow: 1;
    height: 56px;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    position: relative;
    cursor: pointer
}

.goods-manage .image-option-setting .option-box .option .option-content>div[data-v-2c4be0d4]:first-of-type {
    width: 56px;
    height: 56px;
    background-color: #eee;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.goods-manage .image-option-setting .option-box .option .option-content>div:first-of-type:hover .image-item-setting-box[data-v-2c4be0d4] {
    display: flex
}

.goods-manage .image-option-setting .option-box .option .option-content>div:first-of-type .image-item-setting-box[data-v-2c4be0d4] {
    position: absolute;
    top: 0;
    left: 0;
    width: 56px;
    height: 56px;
    background: hsla(0, 0%, 100%, .8);
    border-radius: 2px 0 0 0;
    display: none;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.goods-manage .image-option-setting .option-box .option .option-content>div:first-of-type .image-item-setting-box .image-item-setting-small[data-v-2c4be0d4] {
    width: 52px;
    height: 24px;
    font-size: 12px;
    background: #1261ff;
    border-radius: 12px;
    color: #fff;
    text-align: center;
    line-height: 24px;
    cursor: pointer
}

.goods-manage .image-option-setting .option-box .option .option-content>div[data-v-2c4be0d4]:nth-of-type(2) {
    height: 40px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333;
    line-height: 20px;
    margin: 8px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    flex-grow: 1
}

.goods-manage .image-option-setting .option-box .option .option-content .option-content-img[data-v-2c4be0d4] {
    border-radius: 3px
}

.goods-manage .image-option-setting .option-box .option .option-content .status-item[data-v-2c4be0d4] {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transition: all .3s;
    background: hsla(0, 0%, 100%, .8);
    display: flex;
    justify-content: center;
    align-items: center
}

.goods-manage .image-option-setting .option-box .option .option-content .status-item .status-icon[data-v-2c4be0d4] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 8px
}

.goods-manage .image-option-setting .option-box .option .option-content .status-item .status-text[data-v-2c4be0d4] {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333
}

.goods-manage .image-option-setting .option-box .option .option-content .status-item .option-btn[data-v-2c4be0d4] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 88px;
    height: 24px;
    display: none;
    transform: translate(-50%, -50%);
    font-size: 12px;
    background: #1261ff;
    border-radius: 12px;
    line-height: 24px;
    text-align: center;
    color: #fff
}

.goods-manage .image-option-setting .option-box .option .option-content .status-item .option-btn[data-v-2c4be0d4]:hover {
    background: #2c72ff
}

.goods-manage .image-option-setting .option-box .option .option-content .status-item .grey[data-v-2c4be0d4] {
    background: #999
}

.goods-manage .image-option-setting .option-box .option .option-content .status-item .orange[data-v-2c4be0d4] {
    background: #f8ae15
}

.goods-manage .image-option-setting .option-box .option .option-content .status-item .red[data-v-2c4be0d4] {
    background: #ff5448
}

.goods-manage .image-option-setting .option-box .option .option-content .no-pointer[data-v-2c4be0d4] {
    cursor: default
}

.goods-manage .image-option-setting .option-box .option .option-content .no-cover[data-v-2c4be0d4] {
    background: transparent
}

.goods-manage .image-option-setting .option-box .option .option-content .no-cover[data-v-2c4be0d4]:hover {
    background: hsla(0, 0%, 100%, .8)
}

.goods-manage .image-option-setting .option-box .option .option-content:hover .option-btn[data-v-2c4be0d4] {
    display: block;
    transition: all .3s
}

.new_add_option_item[data-v-2c4be0d4] {
    line-height: 30px
}

.new_add_option_item[data-v-2c4be0d4]:hover {
    background: #f5f5f5
}

.form-goods-iframe[data-v-2c4be0d4] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999
}

.flip-list-move[data-v-2c4be0d4] {
    transition: transform .5s
}

.no-move[data-v-2c4be0d4] {
    transition: transform 0s
}

.ghost[data-v-2c4be0d4] {
    opacity: .5
}

.list-group[data-v-2c4be0d4] {
    min-height: 20px
}

.list-group-item[data-v-2c4be0d4] {
    cursor: move
}

.list-group-item i[data-v-2c4be0d4] {
    cursor: pointer
}

.add-icon .new_add_option_box[data-v-2c4be0d4] {
    top: 34px !important
}

.add-icon:hover .eqf-plus-l[data-v-2c4be0d4] {
    color: #1261ff
}

.new_add_option_btn[data-v-2c4be0d4] {
    width: 100%;
    line-height: 36px;
    background: #1261ff;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    cursor: pointer;
    margin-top: 18px
}

.new_add_option_btn[data-v-2c4be0d4]:hover {
    background-color: #2c72ff
}

.add-option-wrapper[data-v-2c4be0d4] {
    width: 92px;
    position: relative;
    border: 1px solid transparent
}

.add-option-wrapper .new_add_option_box[data-v-2c4be0d4] {
    position: absolute;
    display: none;
    bottom: 43px
}

.add-option-wrapper:hover .new_add_option_box[data-v-2c4be0d4] {
    display: block;
    padding: 8px 0;
    background: #fff;
    width: 160px;
    text-align: center;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .16)
}

.add-option-wrapper:hover .new_add_option_box .new_add_option_item[data-v-2c4be0d4] {
    cursor: pointer
}

.display-setting[data-v-41b6fbe6] {
    position: relative;
    width: 100%;
    display: flex
}

.display-setting .setting-title[data-v-41b6fbe6] {
    width: 100px;
    margin-right: 16px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666
}

.display-setting .content-setting[data-v-41b6fbe6] {
    flex: 1
}

.display-setting .content-setting .checkbox-list[data-v-41b6fbe6] {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 18px
}

.display-setting .content-setting .checkbox-list .item[data-v-41b6fbe6] {
    height: 20px;
    margin-right: 24px;
    cursor: pointer
}

.display-setting .content-setting .checkbox-list .item .check-input[data-v-41b6fbe6] {
    bottom: 1px;
    margin-right: 6px
}

.display-setting .content-setting .checkbox-list .item .checkbox-label[data-v-41b6fbe6] {
    cursor: pointer;
    color: #666
}

.display-setting .content-setting .radio_width50[data-v-41b6fbe6] {
    width: 62.5px
}

.display-setting .content-setting .info-type-label[data-v-41b6fbe6] {
    width: 84px !important
}

.display-setting .content-setting .show-type[data-v-41b6fbe6] {
    display: flex
}

.display-setting .content-setting .show-type .radio-label[data-v-41b6fbe6] {
    margin-right: 12px;
    line-height: 32px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333
}

.display-setting .content-setting .show-type .radio-wrapper[data-v-41b6fbe6] {
    display: flex
}

.eqc-input-radio.tab-radio[data-v-41b6fbe6] {
    display: inline-block;
    vertical-align: middle;
    width: 52px;
    height: 32px;
    line-height: 32px;
    background-color: #fff;
    position: relative;
    text-align: center;
    cursor: pointer;
    border: 1px solid #ccd5db;
    border-left-width: 0;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666
}

.eqc-input-radio.tab-radio input[data-v-41b6fbe6] {
    position: absolute;
    left: 0;
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
    opacity: 0
}

.eqc-input-radio.tab-radio input.inactive[data-v-41b6fbe6] {
    cursor: not-allowed
}

.eqc-input-radio.tab-radio:hover .box[data-v-41b6fbe6],
.eqc-input-radio.tab-radio:hover .circle[data-v-41b6fbe6] {
    border: 2px solid #44cb83
}

.eqc-input-radio.tab-radio.active[data-v-41b6fbe6] {
    background-color: #1261ff;
    color: #fff;
    border-color: #1261ff
}

.eqc-input-radio.tab-radio.left[data-v-41b6fbe6] {
    border-radius: 3px 0 0 3px;
    border-left-width: 1px
}

.eqc-input-radio.tab-radio.right[data-v-41b6fbe6] {
    border-radius: 0 3px 3px 0
}

.image-modal[data-v-7031279e] {
    width: 100vw;
    height: 100vh;
    overflow-y: auto;
    pointer-events: all;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999
}

.image-modal .image[data-v-7031279e] {
    max-width: 100%;
    height: auto;
    object-fit: contain
}

.image-modal .close-btn[data-v-7031279e] {
    position: absolute;
    display: block;
    top: 40px;
    right: 32px;
    width: 40px;
    height: 40px;
    background: #fff;
    font-size: 20px;
    border-radius: 50%;
    cursor: pointer;
    color: #666;
    text-align: center;
    line-height: 40px;
    font-weight: 500;
    z-index: 1
}

.form-goods-iframe[data-v-6b73d0d4] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    background: rgba(0, 0, 0, .45)
}

.el-dialog {
    -webkit-box-sizing: border-box
}

.payment-auth-iframe {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: transparent;
    z-index: 999999
}

.auth-dialog-wrapper .el-dialog__header {
    padding: 0
}

.auth-dialog-wrapper .el-dialog__body .dialog-main {
    display: flex;
    min-height: 102px
}

.auth-dialog-wrapper .el-dialog__body .eqf-info-f {
    color: #1261ff;
    margin-right: 16px;
    font-size: 20px;
    position: relative;
    top: 3px
}

.auth-dialog-wrapper .el-dialog__body .dialog-message {
    width: 365px;
    word-break: break-word;
    font-size: 18px;
    color: #333
}

.auth-dialog-wrapper .el-dialog__body .dialog-footer {
    height: 36px;
    display: flex;
    justify-content: end
}

.auth-dialog-wrapper .el-dialog__body .dialog-footer a {
    width: 96px;
    line-height: 36px;
    text-align: center;
    border-radius: 3px
}

.auth-dialog-wrapper .el-dialog__body .dialog-footer a.cancel {
    background: #fff;
    border: 1px solid #ccd5db;
    margin-right: 16px
}

.auth-dialog-wrapper .el-dialog__body .dialog-footer a.cancel:hover {
    color: #1261ff;
    border-color: #1261ff
}

.auth-dialog-wrapper .el-dialog__body .dialog-footer a.confirm {
    color: #fff;
    background-color: #1261ff
}

.auth-dialog-wrapper .el-dialog__body .dialog-footer a.confirm:hover {
    background-color: #2c72ff
}

.income-manage[data-v-16d2aa35] {
    position: relative;
    width: 100%;
    display: flex
}

.income-manage .setting-title[data-v-16d2aa35] {
    width: 100px;
    margin-right: 16px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666
}

.income-manage .content-setting[data-v-16d2aa35] {
    flex: 1
}

.income-manage .radio-item[data-v-16d2aa35] {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666;
    line-height: 20px;
    padding: 8px 0;
    cursor: pointer
}

.income-manage .radio-item .radioOrCheckbox[data-v-16d2aa35] {
    margin: 0 8px !important;
    pointer-events: none
}

.income-manage .radio-item .radio-label[data-v-16d2aa35] {
    cursor: pointer;
    color: #333
}

.income-manage .first-item[data-v-16d2aa35] {
    padding-top: 0
}

.income-manage .disabled-radio[data-v-16d2aa35] {
    opacity: .6;
    cursor: not-allowed
}

.income-manage .disabled-radio .radio-label[data-v-16d2aa35],
.income-manage .disabled-radio .radioOrCheckbox[data-v-16d2aa35] {
    cursor: not-allowed
}

.income-manage .income-tip[data-v-16d2aa35] {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666;
    line-height: 17px;
    padding-left: 7px;
    box-sizing: border-box;
    margin-bottom: 8px
}

.income-manage .income-tip .strong-tip[data-v-16d2aa35] {
    font-weight: 600;
    color: #333
}

.income-manage .income-tip .warning-tip[data-v-16d2aa35] {
    color: #666
}

.income-manage .income-tip .btn-tip[data-v-16d2aa35] {
    color: #1261ff;
    word-break: keep-all;
    cursor: pointer;
    margin-left: 5px
}

.income-manage .income-tip .btn-tip[data-v-16d2aa35]:hover {
    color: #2c72ff
}

.income-manage .btn-span[data-v-16d2aa35] {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #1261ff;
    cursor: pointer;
    word-break: keep-all
}

.income-manage .btn-span[data-v-16d2aa35]:hover {
    color: #2c72ff
}

.max-real-name-verify .box .head .closeX[data-v-16d2aa35] {
    line-height: 60px !important;
    font-size: 18px;
    opacity: 1
}

.amount-statistic[data-v-16d2aa35] {
    margin-left: 7px;
    margin-top: 12px;
    padding: 16px 12px 16px 16px;
    height: 106px;
    background: #f5f5f5;
    border-radius: 2px;
    box-sizing: border-box
}

.amount-statistic li[data-v-16d2aa35] {
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.amount-statistic li.remain-amount[data-v-16d2aa35] {
    height: 24px;
    margin: 7px 0;
    justify-content: space-between
}

.amount-statistic li.remain-amount>span[data-v-16d2aa35] {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.amount-statistic li .desc[data-v-16d2aa35] {
    min-width: 91px;
    color: #666
}

.amount-statistic li .amount[data-v-16d2aa35],
.amount-statistic li .desc[data-v-16d2aa35] {
    font-size: 13px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    line-height: 18px
}

.amount-statistic li .amount[data-v-16d2aa35] {
    color: #111
}

.amount-statistic li .eqf-why-l[data-v-16d2aa35] {
    width: 13px;
    height: 13px;
    margin-left: 5px;
    font-size: 13px;
    cursor: pointer;
    color: #999
}

.amount-statistic li .eqf-why-l[data-v-16d2aa35]:hover {
    color: #1261ff
}

.amount-statistic li .update-btn[data-v-16d2aa35] {
    width: 60px;
    height: 24px;
    background: #1261ff;
    border-radius: 2px;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
    cursor: pointer
}

.amount-statistic li .update-btn[data-v-16d2aa35]:hover {
    background: #2c72ff
}

.amount-statistic li .link[data-v-16d2aa35] {
    font-size: 13px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    line-height: 18px;
    cursor: pointer;
    color: #1261ff;
    word-break: keep-all
}

.amount-statistic li .link[data-v-16d2aa35]:hover {
    color: #2c72ff
}

.select-comp[data-v-d3df6c7c] {
    position: relative;
    height: 100%;
    width: 100%
}

.select-comp .input-value[data-v-d3df6c7c] {
    height: 100%;
    width: 100%;
    line-height: 100%;
    border-radius: 3px;
    border: 1px solid #e6ebed;
    padding: 0 12px;
    box-sizing: border-box;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333;
    display: flex;
    align-items: center;
    cursor: pointer
}

.select-comp .select-icon[data-v-d3df6c7c] {
    position: absolute;
    top: 50%;
    right: 6px;
    font-size: 20px;
    transform: translateY(-50%)
}

.select-comp .select-option-list[data-v-d3df6c7c] {
    position: absolute;
    width: 100%;
    background-color: #fff;
    top: calc(100% + 10px);
    z-index: 5;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .10196078431372549)
}

.select-comp .select-option-list .option[data-v-d3df6c7c] {
    width: 100%;
    line-height: 30px;
    height: 30px;
    padding: 0 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #333;
    box-sizing: border-box;
    cursor: pointer
}

.select-comp .select-option-list .option[data-v-d3df6c7c]:hover {
    background-color: #eee
}

.select-comp .select-option-list .current[data-v-d3df6c7c] {
    background-color: #1261ff;
    color: #fff
}

.select-comp .select-option-list .current[data-v-d3df6c7c]:hover {
    background-color: #1261ff
}

.input-hover .input-value[data-v-d3df6c7c] {
    border: 1px solid #1261ff;
    color: #1261ff
}

.input-hover .select-icon[data-v-d3df6c7c] {
    color: #1261ff
}

.order-info[data-v-0c88d3e6] {
    position: relative;
    width: 100%;
    display: flex
}

.order-info .setting-title[data-v-0c88d3e6] {
    width: 110px;
    margin-right: 6px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666;
    padding-top: 10px;
    flex-shrink: 0
}

.order-info .setting-title .eqf-why-l[data-v-0c88d3e6] {
    position: relative;
    top: 2px;
    cursor: pointer;
    color: #999;
    margin-left: 4px
}

.order-info .setting-title .eqf-why-l[data-v-0c88d3e6]:hover {
    color: #666
}

.order-info .content-setting[data-v-0c88d3e6] {
    position: relative;
    flex: 1
}

.order-info .content-setting .info-setting[data-v-0c88d3e6] {
    width: 100%;
    display: flex;
    margin-top: 8px;
    flex-wrap: wrap
}

.order-info .content-setting .info-setting[data-v-0c88d3e6]:first-child {
    margin-top: 0
}

.order-info .content-setting .info-setting .info-input[data-v-0c88d3e6] {
    flex-grow: 1;
    max-width: 314px;
    height: 36px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e6ebed;
    padding: 0 12px;
    box-sizing: border-box;
    color: #333;
    margin-right: 8px;
    margin-bottom: 6px
}

.order-info .content-setting .info-setting .info-input[data-v-0c88d3e6]::-webkit-input-placeholder {
    color: #999
}

.order-info .content-setting .info-setting .info-select[data-v-0c88d3e6] {
    position: relative;
    width: 100px;
    height: 36px
}

.eqx-number-input[data-v-66fafcb9] {
    width: 100%;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 4px 4px 4px 12px !important;
    border: 1px solid #ccd5db
}

.eqx-number-input.disabled[data-v-66fafcb9] {
    cursor: not-allowed
}

.eqx-number-input.disabled[data-v-66fafcb9]>input {
    pointer-events: none;
    background: #f5f5f5;
    color: #bfbfbf;
    border-color: #e6ebed;
    height: 36px
}

.eqx-number-input>input[data-v-66fafcb9] {
    height: 36px
}

.eqx-number-input[data-v-66fafcb9]:not(.disabled):hover>input {
    border-color: var(--brand-color)
}

.number-input-action[data-v-66fafcb9] {
    width: 22px;
    height: calc(100% - 1px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-left: 1px solid #ccd5db;
    transform: translateX(4px);
    padding: 1px 0;
    margin-top: 1px;
    font-size: 18px;
    user-select: none
}

.number-input-action>i[data-v-66fafcb9] {
    flex: 1;
    height: 50%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    pointer-events: auto;
    color: #666
}

.number-input-action>i.disabled[data-v-66fafcb9] {
    pointer-events: none;
    color: #bfbfbf
}

.number-input-action>i[data-v-66fafcb9]:hover {
    color: #333
}

.number-input-action>i[data-v-66fafcb9]:not(:last-child) {
    border-bottom: 1px solid #ccd5db
}

.number-input-action.disabled[data-v-66fafcb9] {
    cursor: not-allowed;
    border-color: #e6ebed;
    border-radius: 0 3px 3px 0;
    display: flex
}

.number-input-action.disabled>i[data-v-66fafcb9] {
    pointer-events: none;
    color: #bfbfbf;
    border-color: #e6ebed
}

.number-input-action.disabled>i[data-v-66fafcb9]:not(:first-child) {
    border-top: none
}

.single-image-cut-container[data-v-4881c9ec] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2020;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.single-image-cut-container .radio_width60[data-v-4881c9ec] {
    width: 60px;
    height: 36px
}

.single-image-cut-container .radio_width60[data-v-4881c9ec] input {
    padding: 0 6px;
    height: 36px
}

.single-image-cut-container .single-image-cut-box[data-v-4881c9ec] {
    width: 960px;
    height: 600px;
    background-color: #212121;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .16)
}

.single-image-cut-container .single-image-cut-box .image-cut-left[data-v-4881c9ec] {
    height: 100%;
    width: 676px;
    background-color: #000;
    padding: 0 28px 28px;
    float: left;
    position: relative;
    box-sizing: border-box
}

.single-image-cut-container .single-image-cut-box .image-cut-left .head[data-v-4881c9ec] {
    line-height: 60px;
    color: #fff;
    font-size: 18px
}

.single-image-cut-container .single-image-cut-box .image-cut-left .image_crop[data-v-4881c9ec] {
    position: relative;
    height: 512px;
    width: 620px;
    background-color: #303030;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.single-image-cut-container .single-image-cut-box .image-cut-left .image_crop>img[data-v-4881c9ec] {
    max-height: 100%;
    max-width: 100%
}

.single-image-cut-container .single-image-cut-box .image-cut-left .image_crop[data-v-4881c9ec] .vue-cropper {
    background-color: #303030;
    background-image: none
}

.single-image-cut-container .single-image-cut-box .image-cut-left .image_crop.fixed[data-v-4881c9ec] .jcrop-handle.ord-e,
.single-image-cut-container .single-image-cut-box .image-cut-left .image_crop.fixed[data-v-4881c9ec] .jcrop-handle.ord-n,
.single-image-cut-container .single-image-cut-box .image-cut-left .image_crop.fixed[data-v-4881c9ec] .jcrop-handle.ord-s,
.single-image-cut-container .single-image-cut-box .image-cut-left .image_crop.fixed[data-v-4881c9ec] .jcrop-handle.ord-w {
    display: none !important
}

.single-image-cut-container .single-image-cut-box .image-cut-left .image-cut-content[data-v-4881c9ec] {
    width: 100%;
    height: 100%;
    background-color: #ccc
}

.single-image-cut-container .single-image-cut-box .image-cut-right[data-v-4881c9ec] {
    float: right;
    width: 284px;
    height: 600px;
    background-color: #fff;
    position: relative;
    padding: 0 28px 28px;
    box-sizing: border-box
}

.single-image-cut-container .single-image-cut-box .image-cut-right .image-cut-close-btn[data-v-4881c9ec] {
    height: 60px;
    line-height: 60px;
    text-align: right;
    font-size: 18px
}

.single-image-cut-container .single-image-cut-box .image-cut-right .image-cut-close-btn .close1[data-v-4881c9ec] {
    color: #666;
    cursor: pointer
}

.single-image-cut-container .single-image-cut-box .image-cut-right .image-cut-close-btn .close1[data-v-4881c9ec]:hover {
    color: #ff2a6a
}

.single-image-cut-container .single-image-cut-box .image-cut-right .cut-size[data-v-4881c9ec] {
    width: 100%;
    font-size: 14px
}

.single-image-cut-container .single-image-cut-box .image-cut-right .cut-size .cut-shape-box .cut-shape-title[data-v-4881c9ec] {
    line-height: 48px;
    color: #111;
    display: block;
    font-weight: 700
}

.single-image-cut-container .single-image-cut-box .image-cut-right .cut-size .cut-shape-box .cut-mask>li[data-v-4881c9ec] {
    cursor: pointer;
    margin: 8px;
    width: 22px;
    height: 22px;
    float: left;
    background: transparent no-repeat 50%/contain;
    display: inline-block
}

.single-image-cut-container .single-image-cut-box .image-cut-right .cut-size .cut-shape-box .cut-mask>li:first-child>span[data-v-4881c9ec] {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #666
}

.single-image-cut-container .single-image-cut-box .image-cut-right .cut-size .cut-shape-box .cut-mask>li[data-v-4881c9ec]:hover {
    border: 2px solid #1261ff
}

.single-image-cut-container .single-image-cut-box .image-cut-right .cut-size .cut-cory-box[data-v-4881c9ec] {
    color: #333
}

.single-image-cut-container .single-image-cut-box .image-cut-right .cut-size .cut-cory-box .cut-cory-head[data-v-4881c9ec] {
    height: 48px;
    line-height: 48px
}

.single-image-cut-container .single-image-cut-box .image-cut-right .cut-size .cut-cory-box .cut-cory-head .cut-cory-title[data-v-4881c9ec] {
    float: left;
    color: #111;
    font-weight: 700
}

.single-image-cut-container .single-image-cut-box .image-cut-right .cut-size .cut-cory-box .cut-cory>li[data-v-4881c9ec] {
    width: 114px;
    height: 36px;
    line-height: 36px;
    float: left
}

.single-image-cut-container .single-image-cut-box .image-cut-right .cut-size .cut-cory-box .cut-cory>li .radio-square.checked[data-v-4881c9ec] {
    background-color: #1261ff
}

.single-image-cut-container .single-image-cut-box .image-cut-right .cut-size .cut-cory-box .cut-cory>li .radio-square.checked em[data-v-4881c9ec] {
    background-color: #fff
}

.single-image-cut-container .single-image-cut-box .image-cut-right .cut-size .cut-cory-box .cut-cory>li input[type=radio][data-v-4881c9ec] {
    margin-right: 5px;
    margin-top: 0;
    cursor: pointer
}

.single-image-cut-container .single-image-cut-box .image-cut-right .cut-size .cut-cory-box .cut-cory>li label[data-v-4881c9ec] {
    font-size: 14px;
    cursor: pointer
}

.single-image-cut-container .single-image-cut-box .image-cut-right .cut-size .cut-cory-box .custom-crop-size[data-v-4881c9ec] {
    display: flex;
    align-items: center;
    margin-top: 10px;
    color: #333
}

.single-image-cut-container .single-image-cut-box .image-cut-right .cut-size .cut-cory-box .custom-crop-size input[data-v-4881c9ec] {
    width: 60px;
    border-radius: 4px;
    padding: 4px 4px 4px 12px !important;
    border-color: #ccd5db
}

.single-image-cut-container .single-image-cut-box .image-cut-right .cut-size .cut-cory-box .custom-crop-size span[data-v-4881c9ec] {
    font-size: 16px;
    padding: 0 8px
}

.single-image-cut-container .single-image-cut-box .image-cut-right>.footer[data-v-4881c9ec] {
    position: absolute;
    width: 100%;
    height: 36px;
    padding: 0 28px;
    bottom: 28px;
    right: 0;
    box-sizing: border-box
}

.single-image-cut-container .single-image-cut-box .image-cut-right>.footer>a[data-v-4881c9ec] {
    line-height: 36px;
    text-align: center;
    border-radius: 3px;
    width: 106px
}

.single-image-cut-container .single-image-cut-box .image-cut-right>.footer>a.cancel[data-v-4881c9ec] {
    border: 1px solid #ccd5db;
    color: #333;
    float: left
}

.single-image-cut-container .single-image-cut-box .image-cut-right>.footer>a.cancel[data-v-4881c9ec]:hover {
    color: #1261ff;
    border: 1px solid #1261ff
}

.single-image-cut-container .single-image-cut-box .image-cut-right>.footer>a.confirm[data-v-4881c9ec] {
    color: #fff;
    background-color: #1261ff;
    float: right
}

.single-image-cut-container .single-image-cut-box .image-cut-right>.footer>a.confirm[data-v-4881c9ec]:hover {
    background: #2c72ff
}

.single-image-cut-container .single-image-cut-box2[data-v-4881c9ec] {
    width: 960px;
    height: 600px;
    padding: 0 28px 28px;
    background-color: #fff;
    position: relative;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .16)
}

.single-image-cut-container .single-image-cut-box2 .head[data-v-4881c9ec] {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: #111;
    position: relative
}

.single-image-cut-container .single-image-cut-box2 .head>span[data-v-4881c9ec] {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
    color: #666;
    font-size: 16px;
    cursor: pointer
}

.single-image-cut-container .single-image-cut-box2 .head>span[data-v-4881c9ec]:hover {
    color: #ff2a6a
}

.single-image-cut-container .single-image-cut-box2 .image_crop[data-v-4881c9ec] {
    width: 904px;
    height: 448px;
    background-color: #303030
}

.single-image-cut-container .single-image-cut-box2>.footer[data-v-4881c9ec] {
    position: absolute;
    width: 208px;
    bottom: 28px;
    right: 28px
}

.single-image-cut-container .single-image-cut-box2>.footer>a[data-v-4881c9ec] {
    line-height: 34px;
    text-align: center;
    border-radius: 3px;
    width: 96px;
    height: 36px
}

.single-image-cut-container .single-image-cut-box2>.footer>a.cancel[data-v-4881c9ec] {
    border: 1px solid #ccd5db;
    color: #333;
    float: left
}

.single-image-cut-container .single-image-cut-box2>.footer>a.cancel[data-v-4881c9ec]:hover {
    color: #1261ff;
    border: 1px solid #1261ff
}

.single-image-cut-container .single-image-cut-box2>.footer>a.confirm[data-v-4881c9ec] {
    color: #fff;
    background-color: #1261ff;
    float: right
}

.single-image-cut-container .single-image-cut-box2>.footer>a.confirm[data-v-4881c9ec]:hover {
    background: #2c72ff
}

.disabled-radio[data-v-4881c9ec] {
    opacity: .6;
    cursor: not-allowed !important
}

.disabled-radio .radioOrCheckbox[data-v-4881c9ec] {
    cursor: not-allowed !important;
    pointer-events: none
}

.disabled-radio label[data-v-4881c9ec],
.disabled-radio span[data-v-4881c9ec] {
    pointer-events: none
}

.disabled-radio .radio-label[data-v-4881c9ec] {
    cursor: not-allowed !important;
    pointer-events: none
}

.seller-manage[data-v-7b41cac2] {
    position: relative;
    width: 100%;
    display: flex
}

.seller-manage .setting-title[data-v-7b41cac2] {
    width: 100px;
    margin-right: 16px;
    padding-top: 10px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666
}

.seller-manage .content-setting[data-v-7b41cac2] {
    width: 314px
}

.seller-manage .content-setting .setting-item[data-v-7b41cac2] {
    margin-bottom: 16px
}

.seller-manage .content-setting .setting-item[data-v-7b41cac2]:last-child {
    margin-bottom: 0
}

.seller-manage .content-setting .require[data-v-7b41cac2] {
    color: red;
    font-size: 20px;
    vertical-align: -webkit-baseline-middle
}

.seller-manage .content-setting .input-label[data-v-7b41cac2] {
    color: #333;
    margin-right: 5px;
    line-height: 36px
}

.seller-manage .content-setting .name-input[data-v-7b41cac2],
.seller-manage .content-setting .num-input[data-v-7b41cac2] {
    position: relative;
    width: 238px;
    height: 36px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e6ebed;
    padding-left: 12px;
    box-sizing: border-box;
    color: #333
}

.seller-manage .content-setting .name-input[data-v-7b41cac2]::-webkit-input-placeholder,
.seller-manage .content-setting .num-input[data-v-7b41cac2]::-webkit-input-placeholder {
    color: #999
}

.seller-manage .content-setting .name-input[data-v-7b41cac2] {
    display: inline-block
}

.seller-manage .content-setting .name-input input[data-v-7b41cac2] {
    border: none;
    height: 100%;
    width: 100%;
    padding-right: 55px;
    box-sizing: border-box
}

.seller-manage .content-setting .concat-select[data-v-7b41cac2] {
    position: relative;
    display: inline-block;
    width: 238px;
    height: 36px
}

.seller-manage .content-setting .phone-input[data-v-7b41cac2] {
    width: 100%
}

.seller-manage .sub-title[data-v-7b41cac2] {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999;
    line-height: 17px;
    margin-top: 8px
}

.seller-manage .num-input[data-v-7b41cac2] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.seller-manage .num-input[data-v-7b41cac2]::-webkit-inner-spin-button,
.seller-manage .num-input[data-v-7b41cac2]::-webkit-outer-spin-button {
    display: none
}

.seller-manage .nickName-input[data-v-7b41cac2] {
    position: relative
}

.seller-manage .nickName-input .num-input[data-v-7b41cac2] {
    padding-right: 50px !important
}

.seller-manage .nickName-input .len-tip[data-v-7b41cac2] {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999
}

.seller-manage .phone-err[data-v-7b41cac2] {
    width: 100%;
    color: #ff5448;
    text-align: right;
    font-size: 12px;
    margin-bottom: 4px
}

.seller-manage .seller-line-content[data-v-7b41cac2] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.seller-manage .seller-line-content .seller-line-setting-name[data-v-7b41cac2] {
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #696969
}

.seller-manage .seller-line-content .seller-line-setting-addImage[data-v-7b41cac2] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    height: 32px;
    line-height: 32px;
    background: #fff;
    border-radius: 2px;
    border: 1px dashed #ccd5db;
    text-align: center;
    cursor: pointer;
    color: #666
}

.seller-manage .seller-line-content .seller-line-setting-addImage[data-v-7b41cac2]:hover {
    border: 1px solid #1261ff;
    color: #1261ff
}

.seller-manage .seller-line-content .seller-line-setting-addImage .seller-icon[data-v-7b41cac2] {
    display: inline-block;
    height: 32px;
    line-height: 33px
}

.seller-manage .seller-line-content .seller-line-setting-phone[data-v-7b41cac2] {
    flex: 1;
    height: 32px
}

.seller-manage .seller-line-content .seller-line-setting-phone input[data-v-7b41cac2] {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    border: 1px solid #ccd5db
}

.seller-manage .seller-line-content .seller-line-setting-select[data-v-7b41cac2] {
    flex: 1;
    color: #333
}

.seller-manage .seller-line-content .seller-line-setting-editImage[data-v-7b41cac2] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end !important
}

.seller-manage .seller-line-content .seller-line-setting-editImage .seller-image-viewer[data-v-7b41cac2] {
    width: 156px;
    height: 72px;
    border: 1px dashed #ccd5db;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-right: 8px
}

.seller-manage .seller-line-content .seller-line-setting-editImage .seller-image-editor[data-v-7b41cac2] {
    width: 72px;
    height: 72px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.seller-manage .seller-line-content .seller-line-setting-editImage .seller-image-editor div[data-v-7b41cac2] {
    width: 72px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #ccd5db;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    color: #666
}

.seller-manage .seller-line-content .seller-line-setting-editImage .seller-image-editor div[data-v-7b41cac2]:hover {
    background-color: #1261ff;
    color: #fff
}

.modal-wrapper[data-v-357c05de] {
    position: fixed;
    overflow: hidden;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    pointer-events: all;
    background: rgba(0, 0, 0, .45)
}

.modal-wrapper .content[data-v-357c05de] {
    position: relative;
    width: 450px;
    min-height: 200px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    padding: 30px 24px;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .14901960784313725);
    border-radius: 3px
}

.modal-wrapper .content .header[data-v-357c05de] {
    line-height: 24px;
    font-size: 18px;
    color: #333
}

.modal-wrapper .content .header .eqf-info-f[data-v-357c05de] {
    position: relative;
    margin-right: 16px;
    font-size: 20px;
    top: 3px
}

.modal-wrapper .content .header .warn[data-v-357c05de] {
    color: #f8ae15
}

.modal-wrapper .content .des[data-v-357c05de] {
    min-height: 88px;
    padding: 12px 42px 0;
    box-sizing: border-box
}

.modal-wrapper .content .btn-wrapper[data-v-357c05de] {
    display: flex;
    justify-content: flex-end
}

.modal-wrapper .content .btn-wrapper .btn[data-v-357c05de] {
    min-width: 96px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    float: right;
    padding: 0 9px;
    border-radius: 3px;
    margin-right: 16px;
    color: #fff;
    background-color: #1261ff;
    cursor: pointer
}

.modal-wrapper .content .btn-wrapper .btn[data-v-357c05de]:hover {
    background-color: #2c72ff
}

.repertory-manage[data-v-6131497c] {
    position: relative;
    width: 100%;
    display: flex
}

.repertory-manage .setting-title[data-v-6131497c] {
    flex-shrink: 0;
    width: 100px;
    margin-right: 16px;
    margin-top: 10px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666
}

.repertory-manage .content-setting .input-label[data-v-6131497c] {
    color: #333;
    margin-right: 8px;
    line-height: 36px
}

.repertory-manage .content-setting .type-select[data-v-6131497c] {
    position: relative;
    display: inline-block;
    width: 264px;
    height: 36px
}

.repertory-manage .tip[data-v-6131497c] {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999;
    line-height: 18px;
    margin-top: 8px
}

.repertory-manage .tip .tip-btn[data-v-6131497c] {
    color: #1261ff;
    cursor: pointer;
    margin-left: 4px
}

.repertory-manage .tip .tip-btn[data-v-6131497c]:hover {
    color: #2c72ff
}

.repertory-manage .select-contain.select-great .eqc-drop-down-list li[data-v-6131497c] {
    padding: 0 10px 0 12px !important
}

.oversell-modal-des[data-v-6131497c] {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666;
    line-height: 20px
}

.oversell-modal-des .detail-btn[data-v-6131497c] {
    color: #1261ff;
    cursor: pointer;
    margin-right: 4px
}

.oversell-modal-des .detail-btn[data-v-6131497c]:hover {
    color: #2c72ff
}

.disable-item[data-v-6131497c] {
    position: absolute;
    width: 100%;
    left: 0;
    padding: 0 15px;
    box-sizing: border-box;
    color: #999;
    cursor: not-allowed
}

.tip-text[data-v-6131497c] {
    font-size: 12px
}

.hu-color-picker {
    padding: 10px;
    background: #1d2024;
    border-radius: 4px;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .16);
    z-index: 1
}

.hu-color-picker.light {
    background: #f7f8f9
}

.hu-color-picker.light .color-show .sucker {
    background: #eceef0
}

.hu-color-picker.light .color-type .name {
    background: #e7e8e9
}

.hu-color-picker.light .color-type .value {
    color: #666;
    background: #eceef0
}

.hu-color-picker.light .colors.history {
    border-top: 1px solid #eee
}

.hu-color-picker canvas {
    vertical-align: top
}

.hu-color-picker .color-set {
    display: flex
}

.hu-color-picker .color-show {
    margin-top: 8px;
    display: flex
}

.picker-container[data-v-1e2391c2] {
    position: relative;
    display: flex;
    justify-content: space-between
}

.selected-color[data-v-1e2391c2] {
    width: 72px;
    height: 32px;
    border-radius: 3px;
    border: 1px solid #e6ebed;
    margin-right: 4px;
    cursor: pointer
}

.color-list[data-v-1e2391c2] {
    display: grid;
    grid-template-columns: repeat(3, 33.33%);
    grid-template-rows: repeat(2, 50%);
    grid-gap: 2px
}

.color-list i[data-v-1e2391c2] {
    width: 15px;
    height: 14px;
    border-radius: 2px;
    border: 1px solid #e7ecee;
    cursor: pointer
}

.picker-box[data-v-1e2391c2] {
    position: absolute;
    z-index: 1000
}

.picker-box .hu-color-picker {
    width: 218px !important
}

.color-item[data-v-f2930ba2] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start
}

.item[data-v-f2930ba2] {
    display: flex;
    align-items: center;
    margin-bottom: 18px
}

.item span.item-label[data-v-f2930ba2] {
    margin-right: 12px;
    color: #333;
    flex-shrink: 0
}

.item[data-v-f2930ba2]:last-child {
    margin-bottom: 0
}

.display-setting[data-v-f2930ba2] {
    display: flex;
    flex-wrap: wrap
}

.setting-title[data-v-f2930ba2] {
    width: 100px;
    margin-right: 16px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666;
    padding-top: 10px
}

.content-setting[data-v-f2930ba2] {
    width: 422px
}

.button-name-input[data-v-f2930ba2] {
    flex-grow: 1;
    line-height: 36px;
    border: none;
    color: #333
}

.button-name-input-wrapper[data-v-f2930ba2] {
    flex-grow: 1;
    border: 1px solid #e6ebed;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px
}

.button-name-input-wrapper span[data-v-f2930ba2] {
    color: #999
}

.button-name-input[data-v-f2930ba2]::-webkit-input-placeholder {
    color: #999
}

.checkbox-label[data-v-f2930ba2] {
    cursor: pointer;
    color: #666;
    margin-left: 10px;
    vertical-align: middle;
    padding: 8px 0
}

.checkbox-label .eqf-why-l[data-v-f2930ba2] {
    top: 2px;
    color: #999;
    margin-left: 4px
}

.checkbox-label .eqf-why-l[data-v-f2930ba2]:hover {
    color: #666
}

.submit-tip-wrapper[data-v-f2930ba2] {
    display: flex;
    align-items: center;
    line-height: 32px;
    width: 100%
}

.submit-tip-count[data-v-f2930ba2] {
    box-sizing: border-box;
    height: 32px;
    line-height: 32px;
    min-width: 122px;
    padding: 0 6px;
    border-radius: 3px 0 0 3px;
    background: #f1f5f9;
    text-align: center;
    color: #666;
    border: 1px solid #ccd5db;
    width: 50%
}

.submit-tip-input[data-v-f2930ba2] {
    padding: 0 12px;
    width: 122px;
    box-sizing: border-box;
    margin-left: -1px;
    border-radius: 0 3px 3px 0;
    border: 1px solid #ccd5db;
    background: #fff;
    height: 32px;
    line-height: 32px;
    color: #333;
    width: 50%
}

.init-count.el-input-number {
    width: 257px
}

.init-count.el-input-number .el-input__inner {
    height: 38px;
    line-height: 38px;
    border: 1px solid #e6ebed
}

.init-count.el-input-number .el-input-number__decrease,
.init-count.el-input-number .el-input-number__increase {
    line-height: 18px
}

.init-count.el-input-number .el-input-number__increase {
    border-top: 1px solid #e6ebed
}

.init-count.el-input-number .el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),
.init-count.el-input-number .el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled) {
    border-color: none
}

.display-setting .submit-count-input {
    border: 1px solid #ccd5db;
    line-height: 32px;
    border-radius: 3px;
    color: #333;
    padding: 0 0 0 12px;
    width: 100%
}

.display-setting[data-v-54328b10] {
    display: flex
}

.content-setting[data-v-54328b10] {
    width: calc(100% - 100px)
}

.content-setting .eqf-why-l[data-v-54328b10] {
    cursor: pointer
}

.setting-title[data-v-54328b10] {
    width: 100px;
    margin-right: 16px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666;
    padding-top: 10px
}

.item[data-v-54328b10] {
    display: flex;
    align-items: center;
    margin-bottom: 18px
}

.item span.item-label[data-v-54328b10] {
    margin-right: 12px;
    color: #333
}

.item-input[data-v-54328b10] {
    line-height: 36px;
    border-radius: 4px;
    border: 1px solid #e6ebed;
    padding: 0 12px
}

.item-input[data-v-54328b10]::-webkit-input-placeholder {
    color: #999
}

.tip-icon[data-v-54328b10] {
    margin-left: 12px;
    font-weight: 700;
    display: inline-block;
    border-bottom: 1px solid #333;
    color: #333;
    line-height: 15px;
    cursor: pointer
}

.picker-box[data-v-54328b10] {
    position: absolute;
    right: 16px
}

.limit-input[data-v-54328b10] {
    position: relative
}

.limit-input .num-input[data-v-54328b10] {
    width: 160px;
    height: 36px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e6ebed;
    padding-left: 12px;
    box-sizing: border-box;
    color: #333
}

.limit-input .num-input[data-v-54328b10]::-webkit-input-placeholder {
    color: #999
}

.limit-input .num-input[data-v-54328b10]::-webkit-inner-spin-button,
.limit-input .num-input[data-v-54328b10]::-webkit-outer-spin-button {
    display: none
}

.limit-input .limit-tip[data-v-54328b10] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 8px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999;
    line-height: 16px
}

.export-setting-panel[data-v-084e199a] {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 16px 25px 16px 32px;
    box-sizing: border-box
}

.export-setting-panel .title[data-v-084e199a] {
    line-height: 36px;
    border-bottom: 1px solid #e6ebed;
    font-size: 15px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #111;
    margin-bottom: 20px
}

.export-setting-panel .base-setting-title[data-v-084e199a] {
    margin-bottom: 30px
}

.export-setting-panel .line[data-v-084e199a] {
    margin-bottom: 32px
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    font: 14px/1.2 Helvetica Neue, Microsoft YaHei, Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif
}

blockquote,
body,
button,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

button {
    outline: none
}

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

em,
i {
    font-weight: 400;
    font-style: normal
}

fieldset,
img {
    border: 0;
    vertical-align: middle
}

li,
ol,
ul {
    list-style: none
}

button,
input,
select,
textarea {
    font-size: 100%;
    outline: none;
    vertical-align: middle
}

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

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

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

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

.form-plugin-container-single-style * {
    margin: 0;
    outline: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.form-plugin-container-single-style article,
.form-plugin-container-single-style aside,
.form-plugin-container-single-style dialog,
.form-plugin-container-single-style figure,
.form-plugin-container-single-style footer,
.form-plugin-container-single-style header,
.form-plugin-container-single-style menu,
.form-plugin-container-single-style nav,
.form-plugin-container-single-style section {
    display: block
}

.form-plugin-container-single-style a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .35)
}

.form-plugin-container-single-style a:active,
.form-plugin-container-single-style a:hover,
.form-plugin-container-single-style a:link,
.form-plugin-container-single-style a:visited {
    color: #08a1ef;
    text-decoration: none
}

.form-plugin-container-single-style html {
    height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

.form-plugin-container-single-style body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    font-family: Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1.231;
    -webkit-touch-callout: none;
    display: -webkit-box;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-align: stretch;
    position: fixed;
    -webkit-text-size-adjust: 100% !important;
    -ms-text-size-adjust: 100% !important
}

.form-plugin-container-single-style img {
    vertical-align: middle
}

.form-plugin-container-single-style img:not([src*="/"]) {
    display: none
}

.form-plugin-container-single-style table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

.form-plugin-container-single-style caption,
.form-plugin-container-single-style td,
.form-plugin-container-single-style th {
    vertical-align: middle
}

.form-plugin-container-single-style textarea {
    resize: none;
    border: 0;
    padding: 8px 0;
    border-radius: 0
}

.form-plugin-container-single-style li,
.form-plugin-container-single-style ul {
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.form-plugin-container-single-style h1,
.form-plugin-container-single-style h2,
.form-plugin-container-single-style h3,
.form-plugin-container-single-style h4,
.form-plugin-container-single-style h5,
.form-plugin-container-single-style h6 {
    margin: 0;
    padding: 0;
    font-weight: 400
}

.form-plugin-container-single-style .clr:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.form-plugin-container-single-style .clr {
    *zoom: 1
}

.form-plugin-container-single-style .telphone {
    display: block;
    position: fixed;
    right: 2%;
    bottom: 15%;
    z-index: 100;
    cursor: pointer
}

.form-plugin-container-single-style .telphone img {
    width: 44px;
    height: 44px
}

.form-plugin-container-single-style .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both
}

.form-plugin-container-single-style .clearfix {
    zoom: 1
}

.form-plugin-container-single-style input[type=checkbox]:not([disabled]) {
    position: relative;
    overflow: initial;
    transform: scale(.1);
    -moz-transform: scale(1)
}

.form-plugin-container-single-style input[type=checkbox]:not([disabled]):after {
    content: "";
    position: absolute;
    left: -1px;
    top: -2px;
    height: 14px;
    width: 14px;
    background: #fff;
    border: 1px solid #ccd5db;
    border-radius: 3px;
    cursor: pointer;
    transform: scale(10)
}

.form-plugin-container-single-style input[type=checkbox]:not([disabled]):checked:after {
    background-image: url(//asset.eqh5.com/Fs2Xot0vHFPYXQWKk82715M15lLh);
    background-color: #1261ff;
    background-size: 86%;
    background-position: 50%;
    border-color: #1261ff
}

.form-plugin-container-single-style input[type=radio]:not([disabled]) {
    position: relative;
    overflow: initial;
    width: 16px !important;
    height: 16px !important;
    transform: scale(.1);
    -moz-transform: scale(1)
}

.form-plugin-container-single-style input[type=radio]:not([disabled]):after {
    content: "";
    position: absolute;
    top: -8px;
    left: -8px;
    height: 16px;
    width: 16px;
    background: #fff;
    border: 1px solid #ccd5db;
    border-radius: 50%;
    box-sizing: border-box;
    transform: scale(10)
}

.form-plugin-container-single-style input[type=radio]:not([disabled]):checked:after {
    border: 5px solid #1261ff
}

.form-plugin-container-single-style body .form-main-page li input:disabled {
    background-color: #eee;
    color: #999;
    cursor: not-allowed
}

.form-plugin-container-single-style .disableScorll {
    overflow: hidden !important;
    position: fixed !important;
    height: 100vh !important
}

.form-plugin-container-single-style .disableScorll .view-vote-fixed-popover {
    z-index: 10 !important
}

.form-plugin-container-single-style .hide {
    display: none !important
}

.form-plugin-container-single-style ::-webkit-scrollbar {
    width: 7px;
    height: 2px;
    background-color: transparent;
    transition: all .3s
}

.form-plugin-container-single-style ::-webkit-scrollbar-track {
    border-radius: 8px;
    background-color: transparent
}

.form-plugin-container-single-style ::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: rgba(0, 0, 0, .3);
    transition: all .3s
}

.form-plugin-container-single-style ::-webkit-scrollbar-thumb:active,
.form-plugin-container-single-style ::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, .4)
}

.form-plugin-container-single-style ::-webkit-scrollbar-track-piece {
    background-color: transparent;
    border: none
}

.form-plugin-container-single-style .applet-hide-scrollbar::-webkit-scrollbar {
    width: 0
}

.form-plugin-container-single-style .grecaptcha-badge,
.form-plugin-container-single-style .rc-anchor {
    display: none !important
}

.form-plugin-container-single-style .loading-prev {
    width: 100%;
    height: 100%;
    z-index: 999;
    position: relative
}

.form-plugin-container-single-style .loading-prev .loading-ele {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.form-plugin-container-single-style .loading-prev .loading-ele.loading-img {
    background-position: 50% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    z-index: 2
}

.form-plugin-container-single-style .loading-prev .no-bar-logo {
    top: 50% !important;
    margin-top: -75px !important
}

.form-plugin-container-single-style .loading-prev .logo-box {
    width: 118px;
    position: absolute;
    top: 110px;
    left: 50%;
    transform: translate(-50%);
    z-index: 5
}

.form-plugin-container-single-style .loading-prev .logo-box .progressBar {
    height: 4px;
    width: 180px;
    margin: 20px 0 0 -31px
}

.form-plugin-container-single-style .loading-prev .logo-box .progressBar .progressAnim {
    height: 100%;
    animation: progress 3s
}

.form-plugin-container-single-style .loading-prev .logo-box .load-prev-box {
    display: block
}

.form-plugin-container-single-style .loading-prev .logo-box .load-prev-box .load-prev-bg {
    z-index: 1000;
    width: 118px;
    height: 118px;
    background-size: cover !important;
    background-repeat: no-repeat !important
}

.view-vote-fixed-popover[data-v-606e83c4] {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    height: 44px;
    transition: all .3s;
    cursor: default;
    box-shadow: 0 -10px 10px 0 rgba(0, 0, 0, .1);
    background-color: var(--background-color, #fff);
    font-size: 14px;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    animation-fill-mode: forwards
}

.view-vote-fixed-popover.borderBottom[data-v-606e83c4]:after {
    content: "";
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--content-color);
    opacity: .15
}

.view-vote-fixed-popover .shade[data-v-606e83c4] {
    position: absolute;
    top: -100%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: transparent
}

.view-vote-fixed-popover .vote-popover[data-v-606e83c4] {
    position: relative;
    z-index: 2
}

.view-vote-fixed-popover .toggle[data-v-606e83c4] {
    cursor: pointer;
    color: var(--content-color, #333);
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

.view-vote-fixed-popover .vote-popover-title[data-v-606e83c4] {
    color: var(--content-color, #333)
}

.view-vote-fixed-popover .popover-mini[data-v-606e83c4] {
    padding: 0 15px 0 16px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.view-vote-fixed-popover .popover-mini .imgs-box[data-v-606e83c4] {
    width: 100%;
    display: flex;
    align-items: center
}

.view-vote-fixed-popover .popover-mini .vote-popover-title[data-v-606e83c4] {
    width: 29px
}

.view-vote-fixed-popover .popover-mini .toggle[data-v-606e83c4] {
    width: 25px
}

.view-vote-fixed-popover .imgs[data-v-606e83c4] {
    display: flex;
    margin-left: 6px
}

.view-vote-fixed-popover .imgs .border-img[data-v-606e83c4] {
    width: 28px;
    height: 28px;
    border: 2px solid var(--background-color);
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    background-color: #f5f5f5;
    box-sizing: border-box
}

.view-vote-fixed-popover .imgs .border-img[data-v-606e83c4]:nth-child(n+2) {
    margin-left: -8px
}

.view-vote-fixed-popover .imgs .border-img img[data-v-606e83c4] {
    width: 100%;
    height: 100%
}

.view-vote-fixed-popover .popover-submit-btn[data-v-606e83c4] {
    height: 32px;
    line-height: 32px;
    width: 108px;
    min-width: 108px;
    background-color: var(--button-backgroundColor);
    color: var(--button-color);
    border-radius: 32px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    overflow: hidden
}

.view-vote-fixed-popover .popover-lg[data-v-606e83c4],
.view-vote-fixed-popover .popover-submit-btn div[data-v-606e83c4] {
    height: 100%
}

.view-vote-fixed-popover .popover-lg .popover-head[data-v-606e83c4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 36px;
    padding-left: 16px;
    position: sticky;
    top: 0
}

.view-vote-fixed-popover .popover-lg .popover-head .toggle[data-v-606e83c4] {
    height: 100%;
    width: 48px;
    cursor: pointer
}

.view-vote-fixed-popover .popover-lg .popover-container[data-v-606e83c4] {
    display: block;
    color: var(--content-color, #333);
    margin-left: 0;
    height: calc(100% - 100px);
    overflow-x: hidden;
    overflow-y: overlay;
    opacity: 1 !important
}

.view-vote-fixed-popover .popover-lg .popover-container .item[data-v-606e83c4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0 8px 16px
}

.view-vote-fixed-popover .popover-lg .popover-container .item .item-left[data-v-606e83c4] {
    display: flex;
    align-items: center;
    width: calc(100% - 48px)
}

.view-vote-fixed-popover .popover-lg .popover-container .item .item-left .border-img[data-v-606e83c4] {
    margin-left: 0;
    width: 32px;
    min-width: 32px;
    height: 32px;
    border: none;
    margin-right: 8px
}

.view-vote-fixed-popover .popover-lg .popover-container .item .item-left .option-title[data-v-606e83c4] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.view-vote-fixed-popover .popover-lg .popover-container .item .del[data-v-606e83c4] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 32px;
    cursor: pointer
}

.view-vote-fixed-popover .popover-lg .popover-container .item .eqf-no-l[data-v-606e83c4] {
    color: var(--content-color, #333);
    font-size: 16px;
    opacity: .4
}

.view-vote-fixed-popover .fixed-btn[data-v-606e83c4] {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 64px;
    padding: 0 16px;
    display: flex;
    align-items: center
}

.view-vote-fixed-popover .fixed-btn .popover-submit-btn[data-v-606e83c4] {
    width: 100%;
    height: 36px;
    line-height: 36px
}

.view-vote-fixed-popover.opened[data-v-606e83c4] {
    height: 360px
}

.view-vote-fixed-popover.opened .popover-lg .toggle span[data-v-606e83c4] {
    transform: rotate(180deg)
}

.view-vote-fixed-popover.default-bg[data-v-606e83c4] {
    background-color: #fff
}

.view-vote-fixed-popover.default-bg .border-img[data-v-606e83c4] {
    border: 2px solid #fff
}

@supports (bottom:constant(safe-area-inset-bottom)) or (bottom:env(safe-area-inset-bottom)) {
    .view-vote-fixed-popover[data-v-606e83c4]:not(.borderBottom) {
        padding-bottom: calc(env(safe-area-inset-bottom) - 10px)
    }
}

.form-plugin-container-single-style .wx-pop-up-img-box .wx-title,
.form-product-pop-up-box .pop-up-form .pop-up-content.wx-pop-up-content,
.form-product-pop-up-box .prettier-pop-box .pop-up-btn,
.form-product-pop-up-box .prettier-pop-box .pop-up-content {
    font-weight: 500
}

.form-plugin-container-single-style .shareOk {
    background-image: url(https://lib-eqh5-com-1251586368.cos.ap-shanghai.myqcloud.com/%40eqxiu-res/form/images/alert_bk.png?q-ak=AKIDuZHm1zeBXicGrWHuiW4bruiETSXMqAEc&q-header-list=&q-key-time=1644910689%3B1644917889&q-sign-algorithm=sha1&q-sign-time=1644910689%3B1644917889&q-signature=56f8cb70ac620d2ccbd69ed9800d8876aaf6cf07&q-url-param-list=)
}

.form-plugin-container-single-style .page-fixed-hide {
    display: none !important
}

.form-plugin-container-single-style .form-edit_wrapper {
    height: 100%;
    display: flex;
    min-height: 476px;
    width: 100%;
    background-position: 50% 50%;
    background-size: cover
}

.form-plugin-container-single-style .form-edit_wrapper section.layer {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.form-plugin-container-single-style .workspace .form-edit_area li.alock {
    position: absolute !important
}

.form-plugin-container-single-style .workspace.arrangEditor .form-edit_area .item-group {
    position: absolute
}

.form-plugin-container-single-style .workspace.arrangEditor .form-edit_area .item-group:hover {
    outline: 1px dotted #1261ff
}

.form-plugin-container-single-style .workspace.arrangEditor .form-edit_area .item-group:hover .item-comp:hover {
    outline: 1px solid #1261ff
}

.form-plugin-container-single-style .workspace.arrangEditor .form-edit_area .item-group .group-box,
.form-plugin-container-single-style .workspace.arrangEditor .form-edit_area .item-group .group-box ul {
    width: 100%;
    height: 100%
}

.form-plugin-container-single-style .form-edit_area {
    position: relative;
    top: 0;
    text-align: left;
    width: 320px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: none;
    display: flex;
    flex-direction: column
}

.form-plugin-container-single-style .form-edit_area .element {
    min-width: 1px;
    min-height: 1px;
    color: inherit
}

.form-plugin-container-single-style .form-edit_area .svg-element {
    position: absolute
}

.form-plugin-container-single-style .form-edit_area .item-group {
    position: relative
}

.form-plugin-container-single-style .form-edit_area .item-group .group-box,
.form-plugin-container-single-style .form-edit_area .item-group .group-box ul {
    width: 100%;
    height: 100%
}

.form-plugin-container-single-style .form-edit_area .item-group .group-box .group-items {
    pointer-events: none
}

.form-plugin-container-single-style .form-edit_area .item-group .group-box .group-items * {
    pointer-events: auto
}

.form-plugin-container-single-style .form-edit_area .item-group .group-items>li,
.form-plugin-container-single-style .form-edit_area>li {
    color: #676767;
    line-height: 1;
    position: absolute;
    list-style: none !important;
    margin: 0;
    padding: 0;
    width: 100%;
    -webkit-user-select: none;
    box-sizing: border-box;
    flex: 0 0 auto
}

.form-plugin-container-single-style .form-edit_area .item-group .group-items>li[ctype=eqxBlankHolder],
.form-plugin-container-single-style .form-edit_area>li[ctype=eqxBlankHolder] {
    min-height: 0;
    flex: 1
}

.form-plugin-container-single-style .form-edit_area .item-group .group-items>li.siblings,
.form-plugin-container-single-style .form-edit_area>li.siblings {
    border: 2px solid #000
}

.form-plugin-container-single-style .form-edit_area .item-group .group-items>li.cur,
.form-plugin-container-single-style .form-edit_area>li.cur {
    transition: none;
    z-index: 1000 !important;
    background-color: #eee
}

.form-plugin-container-single-style .form-edit_area .item-group .group-items>li:hover,
.form-plugin-container-single-style .form-edit_area>li:hover {
    cursor: move
}

.form-plugin-container-single-style .form-edit_area .item-group .group-items>li.position,
.form-plugin-container-single-style .form-edit_area>li.position {
    background-color: #1261ff;
    z-index: 1100
}

.form-plugin-container-single-style .form-edit_area .item-group .group-items>li *,
.form-plugin-container-single-style .form-edit_area>li * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.form-plugin-container-single-style .m-img {
    width: 100%;
    position: relative
}

.form-plugin-container-single-style .z-current {
    opacity: 1
}

.form-plugin-container-single-style .form-main-page {
    border: 0;
    position: absolute;
    width: 100%;
    background-position: top;
    background-size: cover;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: visible;
    z-index: 0;
    display: none;
    -webkit-transform-origin: center center;
    background: #fff
}

.form-plugin-container-single-style .form-main-page.z-current {
    z-index: 1;
    display: block
}

.form-plugin-container-single-style .form-main-page.cover-page {
    z-index: 5
}

.form-plugin-container-single-style .form-main-page.z-active {
    z-index: 2;
    display: block
}

.form-plugin-container-single-style .form-main-page.hidden-submit .item-comp[ctype="6"],
.form-plugin-container-single-style .form-main-page.hidden-submit .item-comp[ctype="601"] {
    display: none !important
}

.form-plugin-container-single-style .m-page {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #fff
}

.form-plugin-container-single-style .m-page.show {
    z-index: 10;
    display: block
}

.form-plugin-container-single-style .m-page.hide {
    z-index: 5;
    display: none
}

.form-plugin-container-single-style .m-page.active {
    z-index: 15;
    display: block
}

.form-plugin-container-single-style .hideElement {
    opacity: 0 !important;
    visibility: hidden !important
}

.form-plugin-container-single-style .wx_subcrile {
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    height: calc(100% - 42px);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000000;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent
}

.form-plugin-container-single-style .wx_subcrile.autoHeight {
    height: 100%
}

.form-plugin-container-single-style .wx_subcrile_alert {
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10000000000
}

.form-plugin-container-single-style .wx_subcrile_none {
    display: none !important
}

.form-plugin-container-single-style body .layui-laydate .layui-laydate-footer span:hover,
.form-plugin-container-single-style body .layui-laydate .layui-laydate-header i:hover,
.form-plugin-container-single-style body .layui-laydate .layui-laydate-header span:hover {
    color: var(--brand-color)
}

.form-plugin-container-single-style body .layui-laydate .layui-this {
    background-color: var(--brand-color) !important
}

.form-plugin-container-single-style .page_menu_box {
    width: 100%;
    height: 100%;
    pointer-events: none
}

.form-plugin-container-single-style .eqc-btn {
    display: inline-block;
    padding: 0 12px;
    font-size: 14px;
    text-align: center;
    border-radius: 3px;
    transition: all .3s;
    cursor: pointer
}

.form-plugin-container-single-style .eqc-btn.blue {
    color: #fff;
    background: #1261ff
}

.form-plugin-container-single-style .eqc-btn.blue:hover {
    background: #2c72ff
}

.form-plugin-container-single-style .eqc-btn.red {
    color: #fff;
    background: #ee6565
}

.form-plugin-container-single-style .eqc-btn.red:hover {
    background: #ed3535
}

.form-plugin-container-single-style .eqc-btn.white {
    color: #666;
    background: #fff;
    border: 1px solid #ccd5db
}

.form-plugin-container-single-style .eqc-btn.white:hover {
    color: #1261ff;
    border: 1px solid #1261ff
}

.form-plugin-container-single-style .eqc-btn.h34 {
    height: 34px;
    line-height: 34px
}

.form-plugin-container-single-style .eqc-btn.h30 {
    height: 30px;
    line-height: 30px;
    font-size: 12px
}

.form-plugin-container-single-style .eqc-btn.h24 {
    height: 24px;
    line-height: 24px;
    font-size: 12px
}

.form-plugin-container-single-style .eqc-btn.h20 {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    padding: 0 6px
}

.form-plugin-container-single-style .eqc-btn .icon {
    margin-right: 6px
}

.form-plugin-container-single-style [class*=eqx-btn-] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    cursor: pointer;
    transition: all .3s;
    width: 100%;
    height: 36px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400
}

.form-plugin-container-single-style [class*=eqx-btn-].disabled {
    cursor: not-allowed
}

.form-plugin-container-single-style .eqx-btn-blue {
    background-color: #1261ff;
    border: none;
    color: #fff
}

.form-plugin-container-single-style .eqx-btn-blue:hover {
    background-color: #2c72ff;
    color: #fff
}

.form-plugin-container-single-style .eqx-btn-blue-border {
    border: 1px solid #1261ff;
    background-color: #fff;
    color: #1261ff
}

.form-plugin-container-single-style .eqx-btn-blue-border:hover {
    background-color: #1261ff;
    color: #fff
}

.form-plugin-container-single-style .eqx-btn-light {
    color: #1261ff;
    background-color: rgba(18, 97, 255, .05)
}

.form-plugin-container-single-style .eqx-btn-light:hover {
    background-color: #1261ff;
    color: #fff
}

.form-plugin-container-single-style .eqx-btn-white {
    color: #666;
    background: #fff;
    border: 1px solid #ccd5db
}

.form-plugin-container-single-style .eqx-btn-white:hover {
    color: #1261ff;
    border-color: #1261ff
}

.shade[data-v-704579da] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    background-color: rgba(0, 0, 0, .4)
}

.shade .box[data-v-704579da] {
    width: 280px;
    min-height: 161px;
    background: #fff;
    border-radius: 8px
}

.shade .box .content[data-v-704579da] {
    padding: 28px 20px
}

.shade .box .content .title[data-v-704579da] {
    font-size: 17px;
    font-weight: 500;
    color: #111;
    line-height: 24px
}

.shade .box .content .message[data-v-704579da] {
    margin-top: 12px;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    height: auto;
    word-break: break-all
}

.shade .box .button[data-v-704579da] {
    height: 49px;
    font-size: 16px;
    font-weight: 500;
    color: #1261ff;
    line-height: 49px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #edeff3
}

.eqx-message-wrapper {
    position: absolute;
    top: 16px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000
}

.eqx-message-box {
    line-height: 32px;
    padding: 0 38px;
    border-radius: 16px;
    font-size: 13px;
    font-weight: 500;
    color: #fff
}

.ad-modal-wx .dog-gif {
    background-image: url(https://lib-eqh5-com-1251586368.cos.ap-shanghai.myqcloud.com/%40eqxiu-res/form/images/dog-39e208.gif)
}

.ClockToSubscribeMpBox {
    position: absolute;
    top: 6px;
    left: 6px;
    width: calc(100% - 12px);
    height: 36px;
    margin: 0 auto;
    font-size: 12px;
    padding: 0 16px;
    background: linear-gradient(90deg, #f4fffb, #e8fff6);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .04);
    border-radius: 4px;
    display: flex;
    align-items: center;
    z-index: 55;
    box-sizing: border-box
}

.ClockToSubscribeMpBox.top35 {
    top: 35px
}

.ClockToSubscribeMpBox>img {
    width: 18px;
    margin-right: 4px
}

.ClockToSubscribeMpBox .subscribeMp-action {
    color: #31a245;
    margin-right: 4px;
    text-decoration-line: underline
}

.ClockToSubscribeMpBox .eqf-no {
    position: absolute;
    right: 14px
}

.comp_button {
    width: 240px;
    height: 36px;
    min-width: 50px;
    white-space: nowrap;
    border: 0;
    background: transparent;
    font-size: 16px;
    color: #999;
    padding: 0 8px
}

.element-box .element-box-contents .element.comp_button {
    font-size: inherit
}

.feedback-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    z-index: 888888
}

.feedback-box .feedback-form {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 280px;
    transform: translate(-50%, -50%);
    font-size: 18px
}

.feedback-box .feedback-form .feedback-content {
    padding: 20px;
    border-radius: 10px 10px 0 0;
    background: #fff;
    text-align: center
}

.feedback-box .feedback-form .feedback-content span {
    display: block;
    color: #76838f
}

.feedback-box .feedback-form .feedback-content img {
    width: 240px;
    height: 240px
}

.feedback-box .feedback-form .feedback-content img.up {
    margin-bottom: 20px
}

.feedback-box .feedback-form .feedback-content img.down {
    margin-top: 20px
}

.feedback-box .feedback-form .feedback-content img.ico {
    width: 50px;
    height: 50px
}

.feedback-box .feedback-form .feedback-btn.line {
    border-top: 1px solid #ccd5db
}

.feedback-box .feedback-form .feedback-btn a {
    display: inline-block;
    text-align: center;
    width: 100%;
    line-height: 40px;
    background-color: #56c6ff;
    color: #fff;
    border-radius: 0 0 10px 10px
}

.feedback-box .feedback-form .feedback-btn a.left {
    width: 50%;
    color: #76838f;
    background-color: #fff;
    border-bottom-right-radius: 0
}

.feedback-box .feedback-form .feedback-btn a.right {
    width: 50%;
    border-bottom-left-radius: 0
}

.moadl-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    z-index: 888888
}

.moadl-box .moadl-form {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 236px;
    transform: translate(-50%, -50%);
    font-size: 18px
}

.moadl-box .moadl-form .moadl-content {
    width: 236px
}

.moadl-box .moadl-form .moadl-content img {
    width: 100%;
    height: 100%;
    border-radius: 10px
}

.moadl-box .moadl-form .moadl-btn {
    width: 236px;
    height: 56px;
    font-size: 15px;
    color: #000;
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
    line-height: 56px;
    margin: 10px 0
}

.moadl-box .moadl-form .moadl-btn img {
    width: 17px;
    height: 17px;
    margin-bottom: 8px;
    margin-right: 8px
}

.moadl-box .moadl-form .moadl-btn span {
    font-size: 22px;
    color: #000
}

.moadl-box .moadl-form .moadl-close {
    width: 236px;
    height: 24px;
    text-align: center
}

.moadl-box .moadl-form .moadl-close .submit-close {
    width: 24px;
    height: 24px
}

.submit-ad-button-fixed {
    position: fixed;
    z-index: 9999;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center
}

.agreement-verify {
    height: 42px;
    color: #333;
    display: flex;
    font-size: 12px;
    line-height: 20px;
    position: relative
}

.agreement-verify input {
    margin-top: 3px
}

.agreement-verify div {
    position: relative;
    padding-left: 6px;
    flex: 1
}

.agreement-verify div .agreement {
    font-weight: 700;
    color: #1261ff;
    cursor: pointer;
    text-decoration: underline
}

.agreement-verify .msg {
    display: none;
    background: rgba(0, 0, 0, .6);
    line-height: 18px;
    color: #fff;
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 20px;
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%)
}

.privacy-verify-agree-modal,
.privacy-verify-modal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 200
}

.privacy-verify-agree-modal .privacy-container,
.privacy-verify-modal .privacy-container {
    padding: 0 20px;
    margin: auto 20px;
    background-color: #fff;
    border-radius: 3px
}

.privacy-verify-agree-modal .privacy-container .head,
.privacy-verify-modal .privacy-container .head {
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.privacy-verify-agree-modal .privacy-container .head h2,
.privacy-verify-modal .privacy-container .head h2 {
    color: #333;
    font-size: 16px;
    flex: 1;
    text-align: center;
    font-weight: 700
}

.privacy-verify-agree-modal .privacy-container .head .close,
.privacy-verify-modal .privacy-container .head .close {
    font-size: 20px;
    color: #666;
    width: 30px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    top: 50%;
    right: -20px;
    margin-top: -15px;
    cursor: pointer
}

.privacy-verify-agree-modal .privacy-container .content,
.privacy-verify-modal .privacy-container .content {
    color: #333;
    font-size: 16px;
    line-height: 26px;
    margin: 16px 0 45px
}

.privacy-verify-agree-modal .privacy-container .content span,
.privacy-verify-modal .privacy-container .content span {
    color: #1261ff;
    text-decoration: underline
}

.privacy-verify-agree-modal .privacy-container .footer-btn,
.privacy-verify-modal .privacy-container .footer-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px
}

.privacy-verify-agree-modal .privacy-container .footer-btn .eqx-btn-white,
.privacy-verify-modal .privacy-container .footer-btn .eqx-btn-white {
    margin-right: 16px
}

.privacy-verify-modal .privacy-container {
    max-width: 340px
}

.privacy-verify-modal .privacy-container .msg {
    background-color: #ff5448;
    transform: translateX(0);
    display: none;
    line-height: 18px;
    color: #fff;
    padding: 2px 6px;
    border-radius: 20px;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 12px
}

.privacy-verify-modal .privacy-container .content {
    font-size: 15px;
    margin-bottom: 20px
}

.privacy-verify-modal .privacy-container .privacy-verify {
    height: 42px;
    color: #333;
    display: flex;
    font-size: 12px;
    line-height: 20px;
    position: relative
}

.privacy-verify-modal .privacy-container .privacy-verify input {
    top: 4px;
    margin-right: 5px
}

.privacy-verify-modal .privacy-container .privacy-verify .agreement {
    font-weight: 400
}

.privacy-verify-modal .privacy-container .footer-btn {
    margin-top: 15px
}

.privacy-verify-modal .privacy-container .footer-btn span {
    flex: 1;
    height: 36px;
    box-sizing: border-box
}

.privacy-verify-agree-modal .privacy-container {
    height: 100%;
    margin: 0;
    padding: 0;
    border-radius: 0;
    max-width: 768px;
    animation: signUp .6s ease-in-out both
}

.privacy-verify-agree-modal .privacy-container .fade-out {
    animation: signDown .6s ease-in-out both
}

.privacy-verify-agree-modal .privacy-container .head {
    height: 40px
}

.privacy-verify-agree-modal .privacy-container .head .close {
    right: 0
}

.privacy-verify-agree-modal .privacy-container .content {
    overflow: auto;
    padding: 0 10px;
    margin-top: 0;
    height: calc(100% - 60px);
    font-size: 14px
}

.privacy-verify-agree-modal .privacy-container .content h4 {
    font-size: 15px;
    font-weight: 500
}

.privacy-verify-agree-modal .privacy-container .content .line {
    color: #333;
    text-decoration: underline;
    font-weight: 500
}

.order-dialog-container {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    z-index: 3
}

.order-dialog-container.plugin {
    background-color: transparent;
    z-index: 9999999
}

.order-dialog-container.plugin .order-demo-box {
    width: 288px;
    height: 200px
}

.order-dialog-container .order-demo-box {
    width: 90%;
    height: 310px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 5px;
    background: #fff
}

.order-dialog-container .order-demo-box .order-demo-header {
    width: 66.6%;
    height: 100px;
    border-radius: 12px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url(https://lib-eqh5-com-1251586368.cos.ap-shanghai.myqcloud.com/%40eqxiu-res/form/images/order-header-demo.png);
    background-size: cover;
    overflow: hidden
}

.order-dialog-container .order-demo-box .order-demo-title {
    font-size: 16px;
    font-weight: 500;
    color: #111;
    margin-top: 54px;
    line-height: 28px
}

.order-dialog-container .order-demo-box .order-demo-title div {
    width: 100%;
    text-align: center
}

.order-dialog-container .order-demo-box .order-demo-qrCode {
    margin: 12px auto 0;
    width: 96px;
    height: 96px
}

.order-dialog-container .order-demo-box .order-demo-qrCode .order-demo-qr {
    width: 96px;
    height: 96px
}

.order-dialog-container .order-demo-box .close {
    width: 130px;
    height: 44px;
    background-image: url(https://lib-eqh5-com-1251586368.cos.ap-shanghai.myqcloud.com/%40eqxiu-res/form/images/hb-fk-anniu.png);
    background-size: cover;
    position: absolute;
    left: 50%;
    bottom: 28px;
    transform: translateX(-50%);
    font-size: 17px;
    font-weight: 400;
    color: #333;
    text-align: center;
    line-height: 44px;
    cursor: pointer;
    opacity: 1 !important
}

.order-dialog-container .order-list-box {
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 5px
}

.order-dialog-container .order-list-box .order-list-header {
    width: 100%;
    height: 140px;
    position: relative
}

.order-dialog-container .order-list-box .order-list-confirm {
    background-image: url(https://lib-eqh5-com-1251586368.cos.ap-shanghai.myqcloud.com/%40eqxiu-res/form/images/order-list-header-dd2c80.png);
    background-size: cover
}

.order-dialog-container .order-list-box .order-list-confirm .order-list-header-title {
    position: absolute;
    left: 20px;
    top: 55px;
    font-size: 20px;
    font-weight: 600;
    color: #fff
}

.order-dialog-container .order-list-box .order-list-error {
    background-image: url(https://lib-eqh5-com-1251586368.cos.ap-shanghai.myqcloud.com/%40eqxiu-res/form/images/order-list-error-72d03b.png);
    background-size: cover
}

.order-dialog-container .order-list-box .order-list-error .order-list-header-title {
    position: absolute;
    top: 46px;
    left: 20px;
    font-size: 22px;
    font-weight: 600;
    color: #fff
}

.order-dialog-container .order-list-box .order-list-error .order-list-header-tip {
    position: absolute;
    left: 20px;
    top: 80px;
    font-size: 18px;
    font-weight: 600;
    color: #fff
}

.order-dialog-container .order-list-box .order-list-content {
    width: auto;
    max-height: 30vh;
    min-height: 110px;
    padding: 16px 16px 0;
    overflow-y: overlay;
    border-radius: 12px 12px 0 0;
    background-color: #fff;
    transform: translateY(-10px)
}

.order-dialog-container .order-list-box .order-list-content .order-list-item {
    width: 100%
}

.order-dialog-container .order-list-box .order-list-content .order-list-item:not(:first-child) {
    margin-top: 18px
}

.order-dialog-container .order-list-box .order-list-content .order-list-item .order-list-item-header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.order-dialog-container .order-list-box .order-list-content .order-list-item .order-list-item-header .order-list-item-title {
    max-width: 152px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 700
}

.order-dialog-container .order-list-box .order-list-content .order-list-item .order-list-item-header .order-list-item-price {
    color: #f12b1c;
    flex: 1;
    text-align: right;
    font-size: 0
}

.order-dialog-container .order-list-box .order-list-content .order-list-item .order-list-item-header .order-list-item-price .order-list-item-price-small {
    font-size: 14px;
    font-weight: 400
}

.order-dialog-container .order-list-box .order-list-content .order-list-item .order-list-item-header .order-list-item-price .order-list-item-price-big {
    font-size: 18px;
    font-weight: 600
}

.order-dialog-container .order-list-box .order-list-content .order-list-item .order-list-item-header .order-list-item-price .order-list-item-price-end {
    margin-right: 4px
}

.order-dialog-container .order-list-box .order-list-content .order-list-item .order-list-item-header .order-list-item-price .order-list-item-times {
    font-size: 14px;
    font-weight: 400;
    color: #999
}

.order-dialog-container .order-list-box .order-list-content .order-list-item .order-list-item-specs {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 400;
    color: #666;
    max-width: 152px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.order-dialog-container .order-list-box .order-list-error-content {
    width: auto;
    height: 145px;
    border-radius: 12px;
    background-color: #fff;
    transform: translateY(-10px);
    padding-top: 55px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    text-align: center;
    position: relative
}

.order-dialog-container .order-list-box .order-list-error-content .order-list-error-btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 14px;
    width: 200px;
    height: 40px;
    margin: 0 auto;
    background: linear-gradient(90deg, #4aabff, #1261ff);
    border-radius: 20px;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    line-height: 40px;
    text-align: center
}

.order-dialog-container .order-list-box .order-list-footer {
    width: -webkit-fill-available;
    height: 68px;
    padding: 0 16px;
    border-radius: 0 0 12px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    transform: translateY(-10px)
}

.order-dialog-container .order-list-box .order-list-footer .order-total-price-box {
    font-size: 14px;
    color: #666
}

.order-dialog-container .order-list-box .order-list-footer .order-total-price-box .order-total-price-all {
    font-size: 0;
    color: #f12b1c
}

.order-dialog-container .order-list-box .order-list-footer .order-total-price-box .order-total-price-all .order-total-price {
    font-size: 14px !important
}

.order-dialog-container .order-list-box .order-list-footer .order-total-price-box .order-total-price-all .order-total-price-integer {
    font-size: 20px !important;
    font-weight: 600
}

.order-dialog-container .order-list-box .order-list-footer .order-total-price-box .order-total-price-all .order-total-price-decimal {
    font-size: 14px !important;
    font-weight: 400
}

.order-dialog-container .order-list-box .order-list-footer .order-list-submit {
    width: 124px;
    height: 40px;
    border-radius: 20px;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    line-height: 40px;
    text-align: center
}

.order-dialog-container .order-list-box .order-list-footer .order-list-confirm-btn {
    background: linear-gradient(90deg, #4aabff, #1363ff)
}

.order-dialog-container .order-list-box .order-list-footer .order-list-pay-btn {
    background: linear-gradient(90deg, #ff6c7d, red)
}

.order-dialog-container .order-list-box .close {
    position: absolute;
    left: 50%;
    bottom: -40px;
    transform: translateX(-50%);
    width: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.order-dialog-container .order-list-box .close .close-icon {
    width: 28px;
    height: 28px;
    cursor: pointer;
    background-image: url(//lib.eqh5.com/h5_view_2/images/icon_closetc-c1d62e-c1d62e.png);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

@keyframes signUp {
    0% {
        transform: translateY(110%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes signDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(110%)
    }
}

.order-info-btn {
    width: 48px;
    height: 44px;
    background: linear-gradient(165deg, #4aabff, #1261ff);
    border-radius: 100px 0 0 100px;
    position: absolute;
    top: 163px;
    right: 0;
    z-index: 3;
    color: #fff
}

.order-info-btn .order-info-icon {
    position: absolute;
    top: 7px;
    right: 12px;
    font-size: 14px
}

.order-info-btn .order-info-text {
    position: absolute;
    top: 23px;
    right: 7px;
    font-size: 12px
}

.plugin-modal {
    background: #000;
    opacity: .4;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: all;
    z-index: 9998
}

.plugin-order-dialog-container {
    max-height: 100%;
    min-height: 304px;
    width: 320px;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 10px 10px 0 0;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99999;
    background: #f5f6f9;
    box-sizing: border-box;
    display: block !important
}

.plugin-order-dialog-container>div:first-child {
    height: 100%
}

.plugin-order-dialog-container * {
    box-sizing: border-box
}

.plugin-order-dialog-container.error .content,
.plugin-order-dialog-container.error .shop-footer-container,
.plugin-order-dialog-container.success .content,
.plugin-order-dialog-container.success .shop-footer-container {
    display: none
}

.plugin-order-dialog-container.error .error-tip,
.plugin-order-dialog-container.error .success-tip,
.plugin-order-dialog-container.success .error-tip,
.plugin-order-dialog-container.success .success-tip {
    width: 100%;
    height: calc(100% - 51px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 40px;
    text-align: center
}

.plugin-order-dialog-container.error .error-tip i,
.plugin-order-dialog-container.error .success-tip i,
.plugin-order-dialog-container.success .error-tip i,
.plugin-order-dialog-container.success .success-tip i {
    font-size: 48px;
    color: #52c41a
}

.plugin-order-dialog-container.error .error-tip img,
.plugin-order-dialog-container.error .success-tip img,
.plugin-order-dialog-container.success .error-tip img,
.plugin-order-dialog-container.success .success-tip img {
    width: 160px;
    height: 84px
}

.plugin-order-dialog-container.error .error-tip span,
.plugin-order-dialog-container.error .success-tip span,
.plugin-order-dialog-container.success .error-tip span,
.plugin-order-dialog-container.success .success-tip span {
    margin-top: 12px;
    margin-bottom: 50px;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333;
    line-height: 15px
}

.plugin-order-dialog-container.error .success-tip {
    display: none
}

.plugin-order-dialog-container.error .error-tip {
    display: flex
}

.plugin-order-dialog-container.error .error-tip span {
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333;
    line-height: 26px
}

.plugin-order-dialog-container.success .error-tip {
    display: none
}

.plugin-order-dialog-container.success .success-tip {
    display: flex
}

.plugin-order-dialog-container .error-tip,
.plugin-order-dialog-container .success-tip {
    display: none
}

.plugin-order-dialog-container .content {
    max-height: calc(100vh - 130px);
    padding-bottom: 64px;
    overflow-y: overlay;
    overflow-x: hidden
}

.plugin-order-dialog-container>div {
    display: flex;
    padding: 0 0 0 10px;
    flex-direction: column;
    background: #f5f6f9;
    justify-content: center
}

.plugin-order-dialog-container>div>* {
    flex-shrink: 0;
    flex-grow: 0
}

.plugin-order-dialog-container .background-linear {
    width: 100%;
    height: 87px;
    background: linear-gradient(1turn, rgba(229, 237, 255, 0), #eef4ff);
    border-radius: 10px 10px 0 0;
    position: absolute;
    top: 0;
    left: 0
}

.plugin-order-dialog-container .title-container {
    width: 300px;
    height: 51px;
    padding: 0 5px 0 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #333;
    line-height: 17px;
    font-size: 15px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    z-index: 9999
}

.plugin-order-dialog-container .title-container .close {
    font-size: 14px
}

.plugin-order-dialog-container .shop-list-container {
    min-height: 65px;
    max-height: 150px;
    margin-top: 3px;
    width: 300px;
    padding: 17px 14px 18px;
    border-radius: 8px;
    background-color: #fff;
    position: relative;
    overflow-y: hidden;
    overflow-x: hidden
}

.plugin-order-dialog-container .shop-list-container .action-container {
    width: 300px;
    height: 80px;
    padding-bottom: 9px;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff 60%, #fff);
    border-radius: 0 0 8px 8px
}

.plugin-order-dialog-container .shop-list-container .action-container .expand-btn,
.plugin-order-dialog-container .shop-list-container .action-container .fold-btn {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999;
    line-height: 17px
}

.plugin-order-dialog-container .shop-list-container .action-container .expand-btn i,
.plugin-order-dialog-container .shop-list-container .action-container .fold-btn i {
    margin-left: 3px
}

.plugin-order-dialog-container .shop-list-container .action-container .fold-btn {
    display: none
}

.plugin-order-dialog-container .shop-list-container.expand {
    max-height: unset;
    padding-bottom: 26px
}

.plugin-order-dialog-container .shop-list-container.expand .action-container {
    height: 26px;
    background: transparent
}

.plugin-order-dialog-container .shop-list-container.expand .action-container .expand-btn {
    display: none
}

.plugin-order-dialog-container .shop-list-container.expand .action-container .fold-btn {
    display: block
}

.plugin-order-dialog-container .shop-list-container .top-background {
    width: 100%;
    height: 36px;
    border-radius: 8px 8px 0 0;
    background: linear-gradient(180deg, #e2ecff, hsla(0, 0%, 100%, 0));
    position: absolute;
    top: 0;
    left: 0
}

.plugin-order-dialog-container .shop-list-container .name-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
    position: relative
}

.plugin-order-dialog-container .shop-list-container .name-line .name {
    width: 198px;
    height: 13px;
    font-size: 12px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.plugin-order-dialog-container .shop-list-container .name-line .price {
    height: 12px;
    font-size: 0;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #111;
    line-height: 12px
}

.plugin-order-dialog-container .shop-list-container .name-line .price>* {
    font-size: 12px
}

.plugin-order-dialog-container .shop-list-container .name-line .price .bigger {
    font-size: 15px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    line-height: 14px
}

.plugin-order-dialog-container .shop-list-container .desc-line {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 18px;
    position: relative
}

.plugin-order-dialog-container .shop-list-container .desc-line .desc {
    width: 237.6px;
    min-height: 13px;
    overflow: visible;
    text-overflow: ellipsis
}

.plugin-order-dialog-container .shop-list-container .desc-line .desc,
.plugin-order-dialog-container .shop-list-container .desc-line .number {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999;
    line-height: 14px;
    transform: scale(.833);
    transform-origin: 0 0
}

.plugin-order-dialog-container .buyer-info-container {
    width: 300px;
    min-height: 90px;
    padding: 17px 14px;
    margin-top: 10px;
    background: #fff;
    border-radius: 7px;
    display: flex;
    flex-direction: column
}

.plugin-order-dialog-container .buyer-info-container .line {
    margin-bottom: 17px;
    font-size: 0
}

.plugin-order-dialog-container .buyer-info-container .line.error {
    margin-bottom: 3px
}

.plugin-order-dialog-container .buyer-info-container .line.error .list,
.plugin-order-dialog-container .buyer-info-container .line.error input,
.plugin-order-dialog-container .buyer-info-container .line.error textarea {
    background-color: #fff !important;
    border-radius: 3px !important;
    border: 1px solid #f44033 !important
}

.plugin-order-dialog-container .buyer-info-container .line.error .error-tip {
    display: block
}

.plugin-order-dialog-container .buyer-info-container .line.phone-error {
    margin-bottom: 3px
}

.plugin-order-dialog-container .buyer-info-container .line.phone-error .list,
.plugin-order-dialog-container .buyer-info-container .line.phone-error input,
.plugin-order-dialog-container .buyer-info-container .line.phone-error textarea {
    background-color: #fff !important;
    border-radius: 3px !important;
    border: 1px solid #f44033 !important
}

.plugin-order-dialog-container .buyer-info-container .line.phone-error .phone-error-tip {
    display: block
}

.plugin-order-dialog-container .buyer-info-container .line:last-child {
    margin-bottom: 0
}

.plugin-order-dialog-container .buyer-info-container .line .required {
    margin-right: 3px;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #f44033;
    line-height: 15px
}

.plugin-order-dialog-container .buyer-info-container .line .error-tip,
.plugin-order-dialog-container .buyer-info-container .line .phone-error-tip {
    margin-top: 2px;
    color: #f44033;
    display: none;
    font-size: 12px;
    font-family: PingFangSC-Medium, PingFang SC
}

.plugin-order-dialog-container .buyer-info-container .line .title {
    font-size: 13px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333;
    line-height: 19px;
    word-break: break-all
}

.plugin-order-dialog-container .buyer-info-container .line li .form-title-box {
    display: none
}

.plugin-order-dialog-container .buyer-info-container .line .province_drop_down {
    width: 272px !important
}

.plugin-order-dialog-container .buyer-info-container .line input,
.plugin-order-dialog-container .buyer-info-container .line textarea {
    width: 272px;
    height: 38px;
    margin-top: 9px;
    padding: 10px;
    border: none !important;
    background: #f5f6f9 !important;
    border-radius: 3px !important;
    font-size: 13px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333;
    line-height: 18px
}

.plugin-order-dialog-container .buyer-info-container .line input:focus,
.plugin-order-dialog-container .buyer-info-container .line textarea:focus {
    background-color: #fff !important;
    border-radius: 3px !important;
    border: 1px solid #1261ff !important
}

.plugin-order-dialog-container .buyer-info-container .line input::placeholder {
    color: #bbb
}

.plugin-order-dialog-container .buyer-info-container .line .list {
    border: none !important;
    background: #f5f6f9 !important;
    border-radius: 3px !important
}

.plugin-order-dialog-container .buyer-info-container .line textarea {
    height: 79px
}

.plugin-order-dialog-container .shop-footer-container {
    margin-top: -79px;
    width: 300px;
    height: 79px;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .31), #f5f6f9);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999
}

.plugin-order-dialog-container .shop-footer {
    width: 293px;
    height: 43px;
    padding: 0 4px 0 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .12);
    border-radius: 21px
}

.plugin-order-dialog-container .shop-footer .left {
    font-size: 0
}

.plugin-order-dialog-container .shop-footer .left .desc {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666;
    line-height: 14px
}

.plugin-order-dialog-container .shop-footer .left .unit {
    margin-left: 7px;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #f12b1c;
    line-height: 10px
}

.plugin-order-dialog-container .shop-footer .left .bigger {
    margin-left: 2px;
    font-size: 17px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #f12b1c;
    line-height: 14px
}

.plugin-order-dialog-container .shop-footer .left .small {
    font-size: 12px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #f12b1c;
    line-height: 14px
}

.plugin-order-dialog-container .shop-footer .order-list-submit {
    width: 102px;
    height: 34px;
    cursor: pointer;
    background: linear-gradient(270deg, #246dff, #246dff);
    border-radius: 19px;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #fff;
    line-height: 19px;
    display: flex;
    align-items: center;
    justify-content: center
}

.comp-icon {
    position: absolute;
    top: 0;
    right: 0;
    background: #1261ff;
    width: 20px;
    height: 20px;
    padding: 1px 0 0 2px;
    font-size: 18px;
    color: #fff
}

.animeEndedFix {
    animation-fill-mode: none !important
}

.comp-replace-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
    height: 18px;
    font-size: 12px;
    background-color: #0094fa;
    color: #fff;
    line-height: 18px;
    text-align: center;
    font-family: Microsoft Yahei
}

.form-rule-tag-container {
    left: 0;
    bottom: 0;
    background-color: rgba(216, 207, 207, .15);
    z-index: 32
}

.form-rule-tag-container,
.form-rule-tag-container .form-rule-tag-wraper {
    position: absolute;
    right: 0;
    top: 0
}

.form-rule-tag-container .form-rule-tag-wraper .list {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    margin-bottom: 3px
}

.form-rule-tag-container .form-rule-tag-wraper .list.relative-rule {
    background-color: #f69225
}

.form-rule-tag-container .form-rule-tag-wraper .list.switch-rule {
    background-color: #1261ff
}

.option-rule-tag-container:after {
    position: absolute;
    content: "联";
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    background-color: #f69225
}

.border-imgs-warper {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: 30
}

.border-imgs-warper>div {
    position: absolute;
    max-width: 100%;
    max-height: 100%
}

.border-imgs-warper>div img {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain
}

.border-imgs-warper .leftTop,
.border-imgs-warper .rightTop {
    top: 0
}

.border-imgs-warper .leftBottom,
.border-imgs-warper .rightBottom {
    bottom: 0
}

.border-imgs-warper .leftBottom,
.border-imgs-warper .leftTop {
    left: 0
}

.border-imgs-warper .rightBottom,
.border-imgs-warper .rightTop {
    right: 0
}

.animTextCharPlace {
    display: inline-block
}

.animTextCharPlace.animHidden {
    visibility: hidden
}

.animTextCharPlace.animTextChar {
    visibility: visible;
    animation-duration: 1s;
    animation-fill-mode: both
}

@-webkit-keyframes hingeRight {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hingeRight {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

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

@-webkit-keyframes hingeLeft {
    0% {
        -webkit-transform-origin: top right;
        transform-origin: top right;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(-80deg);
        transform: rotate(-80deg);
        -webkit-transform-origin: top right;
        transform-origin: top right;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate(-60deg);
        transform: rotate(-60deg);
        -webkit-transform-origin: top right;
        transform-origin: top right;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, -700px, 0);
        transform: translate3d(0, -700px, 0);
        opacity: 0
    }
}

@keyframes hingeLeft {
    0% {
        -webkit-transform-origin: top right;
        transform-origin: top right;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(-80deg);
        transform: rotate(-80deg);
        -webkit-transform-origin: top right;
        transform-origin: top right;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate(-60deg);
        transform: rotate(-60deg);
        -webkit-transform-origin: top right;
        transform-origin: top right;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

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

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

@-webkit-keyframes twisterInUpRight {
    0% {
        opacity: 0;
        -webkit-transform-origin: center center;
        -webkit-transform: scale(1) translateX(-100%) rotate(-1turn)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: center center;
        -webkit-transform: scale(1) translateX(0) rotate(0deg)
    }
}

@keyframes twisterInUpRight {
    0% {
        opacity: 0;
        transform-origin: center center;
        transform: scale(1) translateX(-100%) rotate(-1turn)
    }

    to {
        opacity: 1;
        transform-origin: center center;
        transform: scale(1) translateX(0) rotate(0deg)
    }
}

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

@-webkit-keyframes twisterInUpLeft {
    0% {
        opacity: 0;
        -webkit-transform-origin: center center;
        -webkit-transform: scale(1) translateX(100%) rotate(1turn)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: center center;
        -webkit-transform: scale(1) translateX(0) rotate(0deg)
    }
}

@keyframes twisterInUpLeft {
    0% {
        opacity: 0;
        transform-origin: center center;
        transform: scale(1) translateX(100%) rotate(1turn)
    }

    to {
        opacity: 1;
        transform-origin: center center;
        transform: scale(1) translateX(0) rotate(0deg)
    }
}

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

@-webkit-keyframes twisterInUpDown {
    0% {
        opacity: 0;
        -webkit-transform-origin: center center;
        -webkit-transform: scale(1) translateY(-100%) rotate(-1turn)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: center center;
        -webkit-transform: scale(1) translateY(0) rotate(0deg)
    }
}

@keyframes twisterInUpDown {
    0% {
        opacity: 0;
        transform-origin: center center;
        transform: scale(1) translateY(-100%) rotate(-1turn)
    }

    to {
        opacity: 1;
        transform-origin: center center;
        transform: scale(1) translateY(0) rotate(0deg)
    }
}

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

@-webkit-keyframes twisterInUpUp {
    0% {
        opacity: 0;
        -webkit-transform-origin: center center;
        -webkit-transform: scale(1) translateY(100%) rotate(1turn)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: center center;
        -webkit-transform: scale(1) translateY(0) rotate(0deg)
    }
}

@keyframes twisterInUpUp {
    0% {
        opacity: 0;
        transform-origin: center center;
        transform: scale(1) translateY(100%) rotate(1turn)
    }

    to {
        opacity: 1;
        transform-origin: center center;
        transform: scale(1) translateY(0) rotate(0deg)
    }
}

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

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(0)
    }

    to {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(-100%)
    }
}

@keyframes slideUp {
    0% {
        transform-origin: 0 0;
        transform: translateY(0)
    }

    to {
        transform-origin: 0 0;
        transform: translateY(-100%)
    }
}

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

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(0)
    }

    to {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(100%)
    }
}

@keyframes slideDown {
    0% {
        transform-origin: 0 0;
        transform: translateY(0)
    }

    to {
        transform-origin: 0 0;
        transform: translateY(100%)
    }
}

@-webkit-keyframes puffOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(2)
    }
}

@keyframes puffOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(2)
    }
}

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

@-webkit-keyframes puffIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(2)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1)
    }
}

@keyframes puffIn {
    0% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(2)
    }

    to {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1)
    }
}

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

@-webkit-keyframes twisterInDownRight {
    0% {
        opacity: 0;
        -webkit-transform-origin: left top;
        -webkit-transform: scale(1) translateX(-100%) rotate(1turn)
    }

    30% {
        -webkit-transform-origin: left top;
        -webkit-transform: scale(0) translateX(-100%) rotate(1turn)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: left top;
        -webkit-transform: scale(1) translateX(0) rotate(0deg)
    }
}

@keyframes twisterInDownRight {
    0% {
        opacity: 0;
        transform-origin: left top;
        transform: scale(0) translateX(-100%) rotate(1turn)
    }

    30% {
        transform-origin: left top;
        transform: scale(0) translateX(-100%) rotate(1turn)
    }

    to {
        opacity: 1;
        transform-origin: left top;
        transform: scale(1) translateX(0) rotate(0deg)
    }
}

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

@-webkit-keyframes twisterInDownLeft {
    0% {
        opacity: 0;
        -webkit-transform-origin: right bottom;
        -webkit-transform: scale(0) translateX(100%) rotate(-1turn)
    }

    30% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: scale(0) translateX(100%) rotate(-1turn)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: right bottom;
        -webkit-transform: scale(1) translateX(0) rotate(0deg)
    }
}

@keyframes twisterInDownLeft {
    0% {
        opacity: 0;
        transform-origin: right bottom;
        transform: scale(0) translateX(100%) rotate(-1turn)
    }

    30% {
        transform-origin: right bottom;
        transform: scale(0) translateX(100%) rotate(-1turn)
    }

    to {
        opacity: 1;
        transform-origin: right bottom;
        transform: scale(1) translateX(0) rotate(0deg)
    }
}

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

@-webkit-keyframes twisterInDownDown {
    0% {
        opacity: 0;
        -webkit-transform-origin: right top;
        -webkit-transform: scale(0) translateY(-100%) rotate(1turn)
    }

    30% {
        -webkit-transform-origin: right top;
        -webkit-transform: scale(0) translateY(-100%) rotate(1turn)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: right top;
        -webkit-transform: scale(1) translateY(0) rotate(0deg)
    }
}

@keyframes twisterInDownDown {
    0% {
        opacity: 0;
        transform-origin: right top;
        transform: scale(0) translateY(-100%) rotate(1turn)
    }

    30% {
        transform-origin: right top;
        transform: scale(0) translateY(-100%) rotate(1turn)
    }

    to {
        opacity: 1;
        transform-origin: right top;
        transform: scale(1) translateY(0) rotate(0deg)
    }
}

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

@-webkit-keyframes twisterInDownUp {
    0% {
        opacity: 0;
        -webkit-transform-origin: left bottom;
        -webkit-transform: scale(0) translateY(100%) rotate(-1turn)
    }

    30% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: scale(0) translateY(100%) rotate(-1turn)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: left bottom;
        -webkit-transform: scale(1) translateY(0) rotate(0deg)
    }
}

@keyframes twisterInDownUp {
    0% {
        opacity: 0;
        transform-origin: left bottom;
        transform: scale(0) translateY(100%) rotate(-1turn)
    }

    30% {
        transform-origin: left bottom;
        transform: scale(0) translateY(100%) rotate(-1turn)
    }

    to {
        opacity: 1;
        transform-origin: left bottom;
        transform: scale(1) translateY(0) rotate(0deg)
    }
}

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

@-webkit-keyframes rollInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none
    }
}

@keyframes rollInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes rollInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes rollInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0) rotateX(120deg);
        transform: translate3d(0, -100%, 0) rotateX(120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0) rotateX(120deg);
        transform: translate3d(0, -100%, 0) rotateX(120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes rollInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0) rotateX(-120deg);
        transform: translate3d(0, 100%, 0) rotateX(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0) rotateX(-120deg);
        transform: translate3d(0, 100%, 0) rotateX(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@keyframes lightSpeedInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0) skewX(-30deg);
        transform: translate3d(0, -100%, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes lightSpeedInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0) skewX(-30deg);
        transform: translate3d(0, -100%, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedInDown {
    -webkit-animation-name: lightSpeedInDown;
    animation-name: lightSpeedInDown;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@keyframes lightSpeedInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0) skewX(-30deg);
        transform: translate3d(0, 100%, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes lightSpeedInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0) skewX(-30deg);
        transform: translate3d(0, 100%, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedInUp {
    -webkit-animation-name: lightSpeedInUp;
    animation-name: lightSpeedInUp;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-200px, 0, 0);
        transform: translate3d(-200px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-200px, 0, 0);
        transform: translate3d(-200px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 200px, 0);
        transform: translate3d(0, 200px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 200px, 0);
        -ms-transform: translate3d(0, 200px, 0);
        transform: translate3d(0, 200px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -200px, 0);
        transform: translate3d(0, -200px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -200px, 0);
        -ms-transform: translate3d(0, -200px, 0);
        transform: translate3d(0, -200px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes opacityFadeInLeft {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(-200px, 0, 0);
        transform: translate3d(-200px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes opacityFadeInLeft {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(-200px, 0, 0);
        transform: translate3d(-200px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes opacityFadeInRight {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes opacityFadeInRight {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes opacityFadeInUp {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 200px, 0);
        transform: translate3d(0, 200px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes opacityFadeInUp {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 200px, 0);
        -ms-transform: translate3d(0, 200px, 0);
        transform: translate3d(0, 200px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes opacityFadeInDown {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, -200px, 0);
        transform: translate3d(0, -200px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes opacityFadeInDown {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, -200px, 0);
        -ms-transform: translate3d(0, -200px, 0);
        transform: translate3d(0, -200px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

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

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

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

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

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

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

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

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

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

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

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

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

@-moz-keyframes rotateIn {
    0% {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(359deg)
    }
}

@-o-keyframes rotateIn {
    0% {
        -o-transform: rotate(0deg)
    }

    to {
        -o-transform: rotate(359deg)
    }
}

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

    to {
        transform: rotate(1turn)
    }
}

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

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

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

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

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

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

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

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

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

@-webkit-keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

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

@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

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

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

@-webkit-keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -25px, 0);
        transform: translate3d(0, -25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -25px, 0);
        transform: translate3d(0, -25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

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

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

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

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

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

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

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

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

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

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

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

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

@-webkit-keyframes rollOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

@keyframes rollOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

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

@-webkit-keyframes rollOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }
}

@keyframes rollOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }
}

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

@-webkit-keyframes rollOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0) rotate(120deg);
        transform: translate3d(0, 100%, 0) rotate(120deg)
    }
}

@keyframes rollOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0) rotate(120deg);
        transform: translate3d(0, 100%, 0) rotate(120deg)
    }
}

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

@-webkit-keyframes rollOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0) rotate(-120deg);
        transform: translate3d(0, -100%, 0) rotate(-120deg)
    }
}

@keyframes rollOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0) rotate(-120deg);
        transform: translate3d(0, -100%, 0) rotate(-120deg)
    }
}

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

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutDown {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 100%, 0) skewY(30deg);
        transform: translate3d(0, 100%, 0) skewY(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutDown {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 100%, 0) skewY(30deg);
        transform: translate3d(0, 100%, 0) skewY(30deg);
        opacity: 0
    }
}

.lightSpeedOutDown {
    -webkit-animation-name: lightSpeedOutDown;
    animation-name: lightSpeedOutDown;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutUp {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, -100%, 0) skewY(30deg);
        transform: translate3d(0, -100%, 0) skewY(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutUp {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, -100%, 0) skewY(30deg);
        transform: translate3d(0, -100%, 0) skewY(30deg);
        opacity: 0
    }
}

.lightSpeedOutUp {
    -webkit-animation-name: lightSpeedOutUp;
    animation-name: lightSpeedOutUp;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

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

@-webkit-keyframes heartbeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartbeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

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

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

@-webkit-keyframes jello {
    11.1% {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.39062deg) skewY(.39062deg);
        transform: skewX(.39062deg) skewY(.39062deg)
    }

    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes jello {
    11.1% {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.39062deg) skewY(.39062deg);
        transform: skewX(.39062deg) skewY(.39062deg)
    }

    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

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

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

@-webkit-keyframes scaleUp {
    0% {
        -webkit-transform: scale(1)
    }

    to {
        -webkit-transform: scale(1.5)
    }
}

@keyframes scaleUp {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.5)
    }
}

@-webkit-keyframes scaleDown {
    0% {
        -webkit-transform: scale(1.5)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes scaleDown {
    0% {
        transform: scale(1.5)
    }

    to {
        transform: scale(1)
    }
}

@-webkit-keyframes blur {
    0% {
        -webkit-filter: blur(0)
    }

    to {
        -webkit-filter: blur(8px)
    }
}

@keyframes blur {
    0% {
        -webkit-filter: blur(0)
    }

    to {
        -webkit-filter: blur(8px)
    }
}

@-webkit-keyframes sharp {
    0% {
        -webkit-filter: blur(8px)
    }

    to {
        -webkit-filter: blur(0)
    }
}

@keyframes sharp {
    0% {
        -webkit-filter: blur(8px)
    }

    to {
        -webkit-filter: blur(0)
    }
}

@-webkit-keyframes particles {
    0% {
        -webkit-filter: blur(2px)
    }

    to {
        -webkit-filter: blur(0)
    }
}

@keyframes particles {
    0% {
        -webkit-filter: blur(2px)
    }

    to {
        -webkit-filter: blur(0)
    }
}

.province_drop_down {
    padding: 0
}

.province_drop_down>div {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    align-items: center;
    justify-content: stretch;
    position: relative
}

.province_drop_down .list {
    height: 100%;
    flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    overflow: hidden;
    margin-right: 4px;
    position: relative;
    border: 1px solid #ccc
}

.province_drop_down .list:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -3px;
    width: 0;
    height: 0;
    right: 12px;
    border: 5px solid transparent;
    border-top-color: #333;
    pointer-events: none;
    cursor: pointer
}

.province_drop_down .list:last-child {
    margin-right: 0
}

.province_drop_down .comp_drop_down_select {
    background-color: inherit;
    border: none;
    font-size: 14px;
    -webkit-appearance: none;
    padding: 0 26px 0 12px;
    color: #666;
    width: 100%;
    height: 34px;
    line-height: 34px;
    cursor: pointer
}

.province_drop_down .comp_drop_down_select .comp_select_option {
    letter-spacing: 0;
    text-decoration: none;
    font-style: normal;
    font-size: 14px;
    color: #333
}

.form-submit-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 2;
    text-align: center
}

.form-submit-box .form-submit-content {
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 100%;
    justify-content: space-between;
    background-color: #fff
}

.form-submit-box .form-submit-content .save-result-img {
    position: absolute;
    top: 215px;
    right: 0;
    width: 51px;
    height: 43px;
    font-size: 12px;
    padding-top: 7px;
    box-sizing: border-box;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    background: hsla(0, 0%, 100%, .9);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .1);
    z-index: 1
}

.form-submit-box .form-submit-content .save-result-img.mobile-btn {
    position: fixed
}

.form-submit-box .form-submit-content .save-result-img p {
    transform: scale(.75)
}

.form-submit-box .form-submit-content .submit-flow-Ad {
    width: 100%;
    box-sizing: border-box
}

.form-submit-box .form-submit-content .submit-flow-Ad img {
    width: 100%;
    height: 100%
}

.form-submit-box .form-submit-content .submit-flowAd-easyForm {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    bottom: 10px
}

.form-submit-box .form-submit-content .submit-flowAd-easyForm .flow-wrapper {
    width: 320px;
    margin: 0 auto;
    position: relative
}

.form-submit-box .form-submit-content .submit-flowAd-easyForm .flow-wrapper .easyForm-content {
    width: 100%
}

.form-submit-box .form-submit-content .submit-flowAd-easyForm .flow-wrapper .removeAd {
    position: absolute;
    bottom: 4px;
    color: #673416;
    width: 54px;
    height: 20px;
    line-height: 20px;
    background: linear-gradient(135deg, #ffe0b8, #e2aa62);
    border-radius: 12px
}

@keyframes heart-top {
    form {
        transform: translateY(0)
    }

    to {
        transform: translateY(7px)
    }
}

.shareTipBox {
    height: 34px;
    background: #fff;
    box-shadow: 0 0 .4rem 0 rgba(0, 0, 0, .1);
    position: absolute;
    top: 7px;
    z-index: 50;
    right: 12px;
    line-height: 34px;
    padding: 0 34px 0 12px;
    animation: heart-top .5s linear infinite alternate;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666
}

.shareTipBox>* {
    background-color: #fff
}

.shareTipBox .before {
    position: absolute;
    right: 7px;
    top: -16px;
    background: transparent;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    z-index: -30
}

.shareTipBox .text {
    line-height: 34px;
    display: flex;
    align-items: center
}

.shareTipBox .option-text {
    max-width: 38vw;
    height: 34px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.shareTipBox .option-text.only-text {
    max-width: 48vw
}

.shareTipBox img {
    max-width: 20px;
    max-height: 20px;
    margin-right: 8px
}

.shareTipBox img[src=""] {
    display: none
}

.shareTipBox .eqf-no {
    position: absolute;
    width: 34px;
    height: 34px;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 34px
}

.form-submit-box .form-submit-content .top-content .pc-icon {
    width: 56px;
    height: 56px;
    padding: 60px 0 30px;
    margin: 0 auto
}

.form-submit-box .form-submit-content .top-content .pc-icon img {
    width: 100%;
    height: 100%
}

.form-submit-box .form-submit-content .top-content .pc-submit-des {
    color: #333;
    font-size: 24px;
    font-weight: 500;
    padding: 0 50px 32px;
    word-wrap: break-word;
    word-break: break-all
}

.form-submit-box .form-submit-content .top-content .pc-submit-des.pc-no-padding-bottom {
    padding-bottom: 0
}

.form-submit-box .form-submit-content .top-content .pc-submit-answer-keys {
    height: 38px;
    font-size: 14px;
    color: #1261ff;
    line-height: 38px
}

.form-submit-box .form-submit-content .top-content .pc-content-bottom {
    margin: 10px 0;
    padding: 24px 0
}

.form-submit-box .form-submit-content .top-content .pc-content-bottom .pc-submit-use {
    font-size: 14px;
    font-weight: 400;
    color: #999;
    padding: 0 10px
}

.form-submit-box .form-submit-content .top-content .pc-content-bottom .pc-submit-use span {
    color: red
}

.form-submit-box .form-submit-content .top-content .pc-content-bottom .pc-btn-wrapper {
    width: 508px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto;
    padding-bottom: 20px
}

.form-submit-box .form-submit-content .top-content .pc-content-bottom .pc-btn-wrapper .create-btn {
    max-width: 200px;
    height: 36px
}

.form-submit-box .form-submit-content .top-content .pc-content-bottom .pc-btn-wrapper .create-btn img {
    height: 36px
}

.pc-view .form-submit-box .form-submit-content .top-content .pc-icon {
    height: 145px
}

.form-submit-content .top-content .icon-success {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 12px;
    box-sizing: content-box
}

.form-submit-content .top-content .icon-success img {
    width: 100%;
    height: 100%
}

.form-submit-content .top-content .submit-des {
    width: 280px;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #000;
    line-height: 20px;
    text-align: center;
    margin: 0 auto;
    word-wrap: break-word;
    word-break: break-all
}

.form-submit-content .top-content .submit-des.no-padding-bottom {
    padding-bottom: 0
}

.form-submit-content .top-content .img-middle {
    width: 100%;
    height: 100%
}

.form-submit-content .top-content .img-middle img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.form-submit-content .top-content .content-bottom {
    margin: 10px 0;
    padding: 13px 0 12px
}

.form-submit-content .top-content .content-bottom .submit-use {
    padding: 0 10px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 17px
}

.form-submit-content .top-content .content-bottom .btn-wrapper {
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 0 10px;
    margin: 0 auto
}

.form-submit-content .top-content .content-bottom .btn-wrapper .create-btn {
    width: 200px;
    height: 36px;
    border: none;
    margin-top: 10px
}

.form-submit-content .top-content .content-bottom .btn-wrapper .create-btn img {
    height: 36px
}

.form-submit-content .top-content .content-bottom .btn-wrapper .create-btn.text-btn {
    height: 36px;
    line-height: 36px
}

.form-submit-content .header-background {
    background: linear-gradient(180deg, #e8f2ff, #fff)
}

.form-submit-content .common-btn {
    width: 200px;
    height: 36px;
    background: #f5f7fd;
    border-radius: 20px;
    margin-top: 10px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: var(--brand-color);
    line-height: 36px;
    text-align: center;
    cursor: pointer
}

.form-submit-content .common-theme-btn {
    background: var(--brand-color);
    color: #fff;
    cursor: pointer
}

.form-submit-box .form-submit-content .top-content .pc-score-top {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 140px
}

.form-submit-box .form-submit-content .top-content .pc-score-top .score-background {
    position: absolute;
    width: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.form-submit-box .form-submit-content .top-content .pc-score-top .score-background img {
    width: 100%;
    height: 100%
}

.form-submit-box .form-submit-content .top-content .pc-score-top .pc-score-tag {
    position: relative;
    z-index: 1
}

.form-submit-box .form-submit-content .top-content .pc-score-top .pc-score-tag .pc-score-detail {
    width: 100%;
    padding: 17px 0 7px;
    margin: 0 auto
}

.form-submit-box .form-submit-content .top-content .pc-score-top .pc-score-tag .pc-score-detail .pc-score-value {
    font-size: 40px;
    color: red;
    font-weight: 500;
    margin-right: 5px
}

.form-submit-box .form-submit-content .top-content .pc-score-top .pc-score-tag .pc-score-detail .pc-score-text {
    color: #999;
    font-weight: 400;
    font-size: 14px;
    vertical-align: text-bottom
}

.form-submit-box .form-submit-content .top-content .pc-score-top .pc-submit-answer-keys {
    width: 100%;
    height: 38px;
    font-size: 14px;
    color: #1261ff;
    line-height: 38px;
    cursor: pointer
}

.form-submit-box .form-submit-content .top-content .pc-score-top .pc-submit-score-des {
    position: relative;
    width: 264px;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #000;
    line-height: 20px;
    text-align: center;
    margin: 0 auto;
    word-wrap: break-word;
    word-break: break-all;
    z-index: 1
}

.form-submit-box .form-submit-content .top-content .pc-score-top .pc-submit-score-des.pc-no-padding-top {
    padding-top: 0
}

.form-submit-box .form-submit-content .top-content .pc-img-middle {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 16px;
    margin: 0 auto;
    box-sizing: border-box
}

.form-submit-box .form-submit-content .top-content .pc-img-middle img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.form-submit-box .form-submit-content .top-content .pc-content-bottom {
    position: relative;
    width: 100%;
    padding: 16px 0;
    background-color: #fff;
    z-index: 1
}

.form-submit-box .form-submit-content .top-content .pc-content-bottom.pc-no-margin-content-bottom {
    margin: 0;
    opacity: .95;
    display: none;
    z-index: 1;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .46) !important;
    border-radius: 12px 12px 0 0
}

.form-submit-box .form-submit-content .top-content .pc-content-bottom.has-margin-content-bottom {
    opacity: 1
}

.form-submit-box .form-submit-content .top-content .pc-content-bottom .pc-submit-score-use {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999;
    line-height: 16px;
    margin: 0 10px
}

.form-submit-box .form-submit-content .top-content .pc-content-bottom .pc-score-btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 10px
}

.form-submit-box .form-submit-content .top-content .pc-content-bottom .pc-score-btn-wrapper .create-btn {
    width: 200px;
    height: 36px;
    padding: 0 13px;
    font-size: 16px;
    box-sizing: border-box
}

.form-submit-box .form-submit-content .top-content .pc-content-bottom .pc-score-btn-wrapper .create-btn img {
    max-width: 100%;
    max-height: 100%
}

.form-submit-box .form-submit-content .top-content .pc-content-bottom .pc-score-btn-wrapper .create-btn.text-btn {
    height: 38px;
    color: #fff;
    border: 1px solid #1261ff;
    border-radius: 36px;
    background: #1261ff;
    line-height: 38px;
    text-align: center
}

.form-submit-box .form-submit-content .top-content {
    width: 100%;
    position: relative
}

.form-submit-box .form-submit-content .top-content .score-top {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 100px
}

.form-submit-box .form-submit-content .top-content .score-top .score-background {
    position: absolute;
    width: 320px;
    height: 116px;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.form-submit-box .form-submit-content .top-content .score-top .score-background img {
    width: 100%;
    height: 100%
}

.form-submit-box .form-submit-content .top-content .score-top .score-tag {
    position: relative;
    z-index: 1
}

.form-submit-box .form-submit-content .top-content .score-top .score-tag .score-detail {
    width: 100%;
    padding: 17px 0 7px;
    margin: 0 auto
}

.form-submit-box .form-submit-content .top-content .score-top .score-tag .score-detail .score-value {
    font-size: 40px;
    color: red;
    font-weight: 500;
    margin-right: 5px
}

.form-submit-box .form-submit-content .top-content .score-top .score-tag .score-detail .score-text {
    color: #999;
    font-weight: 400;
    font-size: 14px;
    vertical-align: text-bottom
}

.form-submit-box .form-submit-content .top-content .score-top .submit-score-des {
    position: relative;
    width: 264px;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #000;
    line-height: 20px;
    text-align: center;
    margin: 0 auto;
    word-wrap: break-word;
    word-break: break-all;
    z-index: 1
}

.form-submit-box .form-submit-content .top-content .score-top .submit-score-des.no-padding-top {
    padding-top: 0
}

.form-submit-box .form-submit-content .top-content .img-middle {
    width: 100%;
    height: 100%;
    padding: 0 16px;
    box-sizing: border-box
}

.form-submit-box .form-submit-content .top-content .img-middle img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.form-submit-box .form-submit-content .top-content .content-bottom {
    position: sticky;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    z-index: 1;
    opacity: 1 !important;
    border-radius: 12px 12px 0 0
}

.form-submit-box .form-submit-content .top-content .content-bottom .submit-score-use {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999;
    line-height: 16px;
    margin: 10px 10px 0
}

.form-submit-box .form-submit-content .top-content .content-bottom .score-btn-wrapper {
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0
}

.form-submit-box .form-submit-content .top-content .content-bottom .score-btn-wrapper .create-btn {
    width: 200px;
    height: 36px;
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    margin-top: 10px
}

.form-submit-box .form-submit-content .top-content .content-bottom .score-btn-wrapper .create-btn img {
    max-width: 100%;
    max-height: 100%
}

.form-submit-box .form-submit-content .top-content .content-bottom .score-btn-wrapper .create-btn.text-btn {
    height: 36px
}

.form-submit-box .form-submit-content .top-content .content-bottom.has-margin-content-bottom {
    opacity: 1
}

.form-submit-box .form-submit-content .top-content .content-bottom.no-margin-content-bottom {
    margin: 0;
    opacity: 1;
    display: none;
    z-index: 1;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .46) !important;
    border-radius: 12px 12px 0 0
}

.form-submit-box .form-submit-content .top-content .score-content-bottom {
    padding: 0;
    margin-bottom: 0
}

.form-submit-box .form-submit-content .top-content .score-edit-submit-bottom {
    position: relative;
    padding-bottom: 15px
}

.form-submit-box .common-btn {
    width: 200px;
    height: 36px;
    background: #f5f7fd;
    border-radius: 20px;
    margin-top: 10px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: var(--brand-color);
    line-height: 36px;
    text-align: center;
    cursor: pointer
}

.form-submit-box .common-theme-btn {
    background: var(--brand-color);
    color: #fff;
    cursor: pointer
}

.result-img-bottom {
    display: flex;
    width: 100%;
    height: 68px;
    padding: 8px 12px;
    box-sizing: border-box;
    background-color: #f5f5f5
}

.result-img-bottom #result-qr-code {
    float: left;
    width: 50px;
    height: 50px
}

.result-img-bottom #result-qr-code img {
    width: 100% !important;
    height: 100% !important
}

.result-img-bottom .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    float: left;
    width: calc(100% - 80px);
    margin-left: 7px;
    text-align: left
}

.result-img-bottom .content p.title {
    color: #333;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.result-img-bottom .content .des {
    font-size: 12px;
    margin-top: 8px
}

.result-img-bottom .content .des span:first-of-type {
    color: #999
}

.result-img-bottom .content .des span:nth-of-type(2) {
    color: #1261ff
}

.result-img-share {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(0, 0, 0, .5)
}

.result-img-share>div {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 80%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.result-img-share>div img {
    max-width: 100%;
    max-height: 100%
}

.result-img-share>div p {
    width: 100%;
    color: #fff;
    font-size: 12px;
    margin-top: 5px;
    text-align: center
}

.red-pack-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: default
}

.red-pack-container .red-pack-body {
    width: 256px;
    height: 325px;
    background: url(//lib.eqh5.com/h5_view_2/images/bg-7f9340-7f9340.png) repeat-y 50%/cover;
    position: relative;
    border-radius: 16px;
    color: #fff;
    text-align: center;
    -webkit-animation: red-show-anim .32s linear;
    animation: red-show-anim .32s linear
}

.red-pack-container .red-pack-body .box {
    overflow: hidden;
    height: 100%;
    position: relative
}

.red-pack-container .red-pack-body .red-pack-close {
    font-size: 32px;
    color: #fff;
    position: absolute;
    bottom: -48px;
    left: calc(50% - 16px);
    display: none
}

.red-pack-container .red-pack-body .start-btn {
    cursor: pointer
}

.red-pack-container .red-pack-body .top {
    height: 250px;
    background: url(//lib.eqh5.com/h5_view_2/images/top-62d883-62d883.png) no-repeat;
    background-size: 100% 250px;
    transform-origin: top;
    transition: transform .3s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11
}

.red-pack-container .red-pack-body .top .msg,
.red-pack-container .red-pack-body .top .title {
    transition: all .2s
}

.red-pack-container .red-pack-body .msg {
    opacity: .8;
    font-size: 16px;
    line-height: 22px;
    width: 155px;
    position: relative;
    margin: 50px auto 25px
}

.red-pack-container .red-pack-body .msg span {
    background-color: #f05211;
    padding: 0 8px;
    position: relative;
    z-index: 1
}

.red-pack-container .red-pack-body .msg:after {
    content: "";
    position: absolute;
    height: 1px;
    background: hsla(0, 0%, 100%, .8);
    top: 50%;
    left: 0;
    right: 0
}

.red-pack-container .red-pack-body .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: inherit
}

.red-pack-container .red-pack-body .card {
    width: 226px;
    height: 310px;
    background: url(//lib.eqh5.com/h5_view_2/images/card-e2035f-e2035f.png) no-repeat 50%/contain;
    position: absolute;
    bottom: -102px;
    left: 15px;
    z-index: 10;
    color: #cb2a04;
    font-size: 16px;
    border-radius: 0 0 16px 16px
}

.red-pack-container .red-pack-body .card .msg {
    opacity: 1;
    font-size: 13px;
    margin-bottom: 8px;
    opacity: 0
}

.red-pack-container .red-pack-body .card .msg span {
    background-color: #fff8d7
}

.red-pack-container .red-pack-body .card .msg:after {
    background-color: #cb2a04
}

.red-pack-container .red-pack-body .card .title {
    font-size: 72px;
    line-height: 100px;
    font-family: PingFangSC-Semibold, PingFang SC;
    opacity: 0
}

.red-pack-container .red-pack-body .card .title span {
    font-size: 16px;
    font-weight: 400;
    margin-left: 5px
}

.red-pack-container .red-pack-body .card .no-prize {
    font-size: 14px;
    line-height: 20px;
    color: #8b572a;
    font-family: PingFangSC-Medium, PingFang SC;
    margin: 96px auto;
    display: none
}

.red-pack-container .red-pack-body .bottom {
    height: 153px;
    background: url(//lib.eqh5.com/h5_view_2/images/bottom-6f1fe0-6f1fe0.png) no-repeat;
    background-size: 100% 153px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 11;
    border-radius: 0 0 16px 16px;
    overflow: hidden
}

.red-pack-container .red-pack-body .bottom .start-btn {
    width: 70px;
    height: 70px;
    position: absolute;
    bottom: 65px;
    left: calc(50% - 35px);
    background: url(//lib.eqh5.com/h5_view_2/images/btn-open-91092a-91092a.png) no-repeat 50%/cover;
    box-shadow: 0 20px 13px rgba(219, 58, 13, .8);
    border-radius: 50%;
    transform-style: preserve-3d;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000
}

.red-pack-container .red-pack-body .bottom .start-btn.start {
    animation: red-btn-anim .5s linear infinite;
    -webkit-animation: red-btn-anim .5s linear infinite
}

.red-pack-container .red-pack-body .bottom .prize {
    color: #fff;
    font-size: 12px;
    margin-bottom: 8px;
    position: absolute;
    bottom: 23px;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity .2s
}

.red-pack-container .red-pack-body .bottom .prize p {
    line-height: 17px;
    margin-bottom: 8px
}

.red-pack-container .red-pack-body .bottom .prize span {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    pointer-events: none
}

.red-pack-container .red-pack-body .bottom .prize span.active {
    pointer-events: all
}

.red-pack-container .red-pack-body .bottom .no-prize-btn {
    width: 179px;
    height: 43px;
    background: url(//lib.eqh5.com/h5_view_2/images/btn-gray-8adafa-8adafa.png) no-repeat 50%/cover;
    position: absolute;
    bottom: 24px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #8b572a;
    font-weight: 700;
    line-height: 38px;
    display: none
}

.red-pack-container .red-pack-body .gold {
    width: 288px;
    height: 137px;
    background: url(//lib.eqh5.com/h5_view_2/images/gold-76c705-76c705.png) no-repeat 50%/cover;
    position: absolute;
    top: -12px;
    left: -20px;
    right: 0;
    z-index: 20
}

.red-pack-container .red-pack-body.opened .red-pack-close {
    display: block
}

.red-pack-container .red-pack-body.opened .start-btn {
    display: none
}

.red-pack-container .red-pack-body.opened .top {
    animation: red-top-anim .3s linear forwards;
    -webkit-animation: red-top-anim .3s linear forwards
}

.red-pack-container .red-pack-body.opened .top .msg,
.red-pack-container .red-pack-body.opened .top .title {
    animation: red-title-in-anim .2s linear forwards;
    -webkit-animation: red-title-in-anim .2s linear forwards
}

.red-pack-container .red-pack-body.opened .card {
    animation: red-card-anim .5s linear forwards;
    -webkit-animation: red-card-anim .5s linear forwards
}

.red-pack-container .red-pack-body.opened.prize .prize {
    animation: red-title-anim .5s linear forwards;
    -webkit-animation: red-title-anim .5s linear forwards
}

.red-pack-container .red-pack-body.opened.prize .card .msg,
.red-pack-container .red-pack-body.opened.prize .card .title {
    animation: red-title-anim .7s linear forwards;
    -webkit-animation: red-title-anim .7s linear forwards
}

.red-pack-container .red-pack-body.opened.no-prize .msg,
.red-pack-container .red-pack-body.opened.no-prize .title {
    display: none
}

.red-pack-container .red-pack-body.opened.no-prize .no-prize,
.red-pack-container .red-pack-body.opened.no-prize .no-prize-btn {
    display: block
}

.red-pack-container .red-pack-step {
    position: absolute;
    z-index: 20;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    height: 90%;
    background-color: #fff;
    font-size: 14px;
    color: #333;
    border-radius: 16px 16px 0 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    display: none;
    flex-direction: column;
    transform: translateY(100%)
}

.red-pack-container .red-pack-step .head {
    display: flex;
    justify-content: space-between;
    padding: 20px 20px 26px
}

.red-pack-container .red-pack-step .head .title {
    font-size: 18px;
    color: #333;
    font-weight: 700;
    line-height: 25px
}

.red-pack-container .red-pack-step .head .eqf-no {
    font-size: 20px
}

.red-pack-container .red-pack-step .step-container {
    flex: 1;
    overflow-y: auto
}

.red-pack-container .red-pack-step .step {
    padding: 0 20px
}

.red-pack-container .red-pack-step .step p {
    white-space: pre
}

.red-pack-container .red-pack-step .step img {
    display: block;
    margin: 16px auto 20px
}

.red-pack-container .red-pack-step.in {
    display: flex;
    transform: translateY(0)
}

@keyframes red-top-anim {
    80% {
        transform: rotateX(60deg)
    }

    to {
        transform: rotateX(90deg)
    }
}

@keyframes red-card-anim {
    to {
        bottom: 18px
    }
}

@keyframes red-title-anim {
    to {
        opacity: 1
    }
}

@keyframes red-title-in-anim {
    to {
        opacity: 0
    }
}

@keyframes red-btn-anim {
    to {
        transform: rotateY(1turn)
    }
}

@keyframes red-show-anim {
    0% {
        opacity: 0;
        transform: scale(.5)
    }

    80% {
        transform: scale(1.1)
    }

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

::slotted(tags-f) {
    position: fixed;
    right: 10px;
    top: 10px;
    z-index: 1000
}

.verify-dialog-container .setting-dialog .header {
    font-family: PingFangSC-Semibold, PingFang SC
}

.verify-dialog-container .setting-dialog .header .close {
    font-family: iconfonts !important
}

.verify-dialog-container .setting-dialog .header .close:before {
    content: "\ea0c"
}

.verify-dialog-container .setting-dialog .content button,
.verify-dialog-container .setting-dialog .handle .cancel,
.verify-dialog-container .setting-dialog .handle .confirm,
.verify-dialog-container .setting-dialog .sub-title {
    font-family: PingFangSC-Regular, PingFang SC
}

.verfiIconfont {
    font-family: verfiIconfont !important
}

.time-limit-wraper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 999
}

.time-limit-wraper .head {
    position: absolute;
    top: 20%;
    left: 0;
    width: 100%
}

.time-limit-wraper .head img {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    display: block
}

.time-limit-wraper .head .des {
    color: #5f5f5f;
    font-size: 14px;
    text-align: center;
    margin-top: 22px
}

.time-limit-wraper .head .des span {
    font-size: 18px;
    color: #428fff;
    margin: 0 4px;
    position: relative;
    top: 1px
}

.time-limit-wraper .footer {
    position: absolute;
    bottom: 12px;
    left: 0;
    width: 100%
}

.time-limit-wraper .footer p.slogon {
    font-size: 12px;
    color: #9b9b9b;
    text-align: center
}

.time-limit-wraper .footer .button {
    width: 190px;
    height: 40px;
    border-radius: 20px;
    background-color: #1261ff;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin: 0 auto 60px
}

.time-limit-wraper .content {
    position: absolute;
    bottom: 40%;
    left: 0;
    width: 100%;
    text-align: center
}

.time-limit-wraper .content .icon {
    font-size: 30px;
    color: #4d8ff3
}

.time-limit-wraper .content .button {
    width: 100px;
    height: 30px;
    background-color: #4d8ff3;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    margin: 8px auto
}

.time-limit-wraper .content .des {
    color: #ccc;
    font-size: 10px;
    text-align: center
}

.pc-preview .time-limit-wraper {
    height: calc(100% - 60px)
}

.iframe-phone .time-limit-wraper {
    height: 100%
}

.count-time-show {
    height: 30px;
    background-color: rgba(239, 248, 255, .9);
    color: #1261ff;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100%
}

.count-time-show .eqf-time-cw {
    font-size: 14px;
    margin-right: 4px;
    position: relative;
    top: 1px
}

.count-time-show.mobile {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 199
}

.count-time-show.position {
    width: 1px;
    visibility: hidden
}

.count-time-show.pc {
    line-height: 1.1rem;
    font-size: .6rem;
    position: absolute;
    right: -138px;
    width: 128px;
    height: auto;
    padding: 6px 0;
    top: 0;
    border-radius: 5px
}

.count-time-show.pc span {
    display: block;
    font-size: 20px
}

.spec-item-content {
    display: inline-block;
    text-align: justify;
    word-break: break-all
}

.goods-specifications {
    margin-bottom: 2px
}

.goods-specifications-label {
    color: #666;
    margin-bottom: 8px;
    line-height: 1.4;
    word-break: break-all;
    font-size: 14px
}

.goods-specifications-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-right: -8px
}

.goods-specifications-item>span {
    flex-grow: 1;
    flex-shrink: 0;
    text-align: center;
    min-width: 54px;
    max-width: calc(100% - 8px);
    line-height: 1.2;
    padding: 4px 2px;
    border-radius: 3px;
    margin-bottom: 12px;
    margin-right: 8px;
    font-size: 12px;
    position: relative
}

.goods-specifications-item>span.spec-item {
    color: #444;
    background: #f5f5f5
}

.goods-specifications-item>span.specDisabled {
    color: #999;
    background: #f5f5f5
}

.goods-specifications-item>span .out-of-stock {
    padding: 0 3px;
    position: absolute;
    right: -8px;
    top: -10px;
    font-size: 10px;
    border-radius: 6px 0 6px 0;
    transform: scale(.8);
    background: #ccc;
    color: #fff;
    line-height: 17px;
    width: 37px
}

.goods-specifications-item>i {
    min-width: 54px;
    margin-right: 8px;
    flex-grow: 1;
    flex-shrink: 0
}

.goods-specifications-item .specifications-active {
    background: #1261ff !important;
    color: #fff !important
}

.no-toast-wrapper[data-v-2f41833c] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.no-toast[data-v-2f41833c] {
    background: rgba(0, 0, 0, .7);
    line-height: 1.5;
    padding: 7px 20px;
    color: #fff;
    border-radius: 4px;
    width: auto;
    max-width: 278px;
    text-align: center;
    word-break: break-all;
    z-index: 9999
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .3s;
    -o-transition: .3s opacity;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: top .2s, -webkit-transform .2s;
    transition: top .2s, -webkit-transform .2s;
    -o-transition: .2s transform, .2s top;
    transition: transform .2s, top .2s;
    transition: transform .2s, top .2s, -webkit-transform .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: left .2s, -webkit-transform .2s;
    transition: left .2s, -webkit-transform .2s;
    -o-transition: .2s transform, .2s left;
    transition: transform .2s, left .2s;
    transition: transform .2s, left .2s, -webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: right .2s, -webkit-transform .2s;
    transition: right .2s, -webkit-transform .2s;
    -o-transition: .2s transform, .2s right;
    transition: transform .2s, right .2s;
    transition: transform .2s, right .2s, -webkit-transform .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-wrapper[data-v-1c274117] {
    height: 100%
}

.slide-img[data-v-1c274117] {
    object-fit: contain;
    background: #e6ebed
}

.goods-item[data-v-1c274117] {
    border: 1px solid #ccd5db;
    border-radius: 3px;
    margin-bottom: 12px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    background: #fff !important
}

.goods-item-main[data-v-1c274117] {
    padding: 8px 12px 12px;
    background: #fff;
    position: relative
}

.goods-item .no-stock[data-v-1c274117] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: hsla(0, 0%, 100%, .6);
    z-index: 10
}

.goods-desc[data-v-1c274117] {
    margin: 0 0 12px;
    line-height: 20px;
    font-weight: 500;
    color: #000;
    word-break: break-all;
    font-size: 14px
}

.goods-desc-no-stock[data-v-1c274117] {
    color: #989898;
    pointer-events: none
}

.goods-price[data-v-1c274117] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    position: relative
}

.goods-price i[data-v-1c274117] {
    font-style: normal;
    font-size: 18px
}

.goods-price-wrapper[data-v-1c274117] {
    font-size: 0
}

.goods-price-small[data-v-1c274117] {
    font-size: 14px
}

.goods-price-large[data-v-1c274117] {
    font-size: 20px;
    font-weight: 600
}

.goods-price .out-of-stock-text[data-v-1c274117] {
    position: absolute;
    right: 0;
    z-index: 10;
    color: #ff5448
}

.goods-price .out-of-stock-text .eqf-alert-l[data-v-1c274117] {
    font-size: 13px;
    transform: rotate(180deg);
    vertical-align: bottom
}

.goods-price .price-del[data-v-1c274117] {
    position: relative;
    text-decoration: line-through
}

.goods-price .goods-price-small[data-v-1c274117] {
    font-size: 12px !important
}

.goods-price .goods-price-large[data-v-1c274117] {
    font-size: 18px !important
}

.goods-compute[data-v-1c274117] {
    display: flex;
    justify-content: center;
    align-items: center
}

.goods-compute i[data-v-1c274117],
.goods-compute span[data-v-1c274117] {
    height: 28px;
    line-height: 26px;
    border: 1px solid #ccd5db;
    color: #333;
    text-align: center;
    background: #fff
}

.goods-compute i[data-v-1c274117] {
    width: 28px;
    font-size: 15px
}

.goods-compute-reduce[data-v-1c274117] {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    margin-right: -1px
}

.goods-compute-add[data-v-1c274117] {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-left: -1px
}

.goods-compute-count[data-v-1c274117] {
    z-index: 10;
    font-size: 16px
}

.goods-compute span[data-v-1c274117] {
    width: 48px
}

.goods-inventory[data-v-1c274117] {
    color: #999;
    display: flex;
    align-items: center
}

.goods-inventory span[data-v-1c274117] {
    font-size: 12px
}

.goods-inventory-right[data-v-1c274117] {
    text-align: right
}

.goods-has-limit[data-v-1c274117] {
    justify-content: space-between
}

.goods-no-limit>span[data-v-1c274117] {
    margin-right: 17px
}

.goods-no-limit>span[data-v-1c274117]:last-child {
    margin-right: 0
}

.goods-no-saleAndTock[data-v-1c274117] {
    justify-content: end
}

[data-v-1c274117] .pagenation-wrapper {
    width: 48px;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    border-radius: 10px;
    margin: 0 auto
}

.goods-pic-item .goods-item-header[data-v-1c274117] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.goods-pic-item .goods-item-header .goods-desc[data-v-1c274117] {
    width: 100%;
    margin-top: 8px;
    padding: 0 12px;
    box-sizing: border-box
}

.goods-list-item .goods-item-header[data-v-1c274117] {
    display: flex;
    padding: 12px;
    box-sizing: border-box
}

.goods-list-item .goods-item-header .head-pic-wrapper[data-v-1c274117] {
    margin-right: 8px
}

.goods-list-item .goods-item-header .goods-desc[data-v-1c274117] {
    flex: 1;
    margin: 0
}

.goods-multi-item .goods-item-header[data-v-1c274117] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.goods-multi-item .goods-item-header .goods-desc[data-v-1c274117] {
    width: 100%;
    margin-top: 8px;
    padding: 0 8px;
    box-sizing: border-box
}

.goods-multi-item .goods-item-main[data-v-1c274117] {
    padding: 8px 0
}

.goods-multi-item .goods-item-main .item-specs-wrapper[data-v-1c274117] {
    padding: 0 8px
}

.goods-multi-item .goods-item-main .goods-price[data-v-1c274117] {
    padding: 0 8px;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.goods-multi-item .goods-item-main .goods-price .goods-compute[data-v-1c274117] {
    margin-top: 4px
}

.goods-multi-item .goods-item-main .goods-price .out-of-stock-text[data-v-1c274117] {
    position: relative;
    margin-top: 11px
}

.goods-multi-item .goods-item-main .goods-price .goods-price-wrapper[data-v-1c274117] {
    display: flex;
    flex-direction: column
}

.goods-multi-item .goods-item-main .goods-price .goods-price-wrapper .price-del[data-v-1c274117] {
    margin-top: 4px
}

.goods-multi-item .goods-item-main .goods-price .goods-price-wrapper .goods-price-small[data-v-1c274117] {
    font-size: 12px !important
}

.goods-multi-item .goods-item-main .goods-price .goods-price-wrapper .goods-price-large[data-v-1c274117] {
    font-size: 18px !important
}

.goods-multi-item .goods-item-main .goods-inventory[data-v-1c274117] {
    padding-left: 8px;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.goods-multi-item .goods-item-main .goods-inventory>span[data-v-1c274117] {
    margin-top: 4px
}

.goods-multi-item .goods-item-main .goods-inventory .goods-inventory-right[data-v-1c274117] {
    text-align: left
}

.multi-row-list[data-v-bebdc3e6] {
    position: relative;
    width: 100%
}

.multi-row-list .list-wrapper[data-v-bebdc3e6] {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between
}

.nodata[data-v-7828710e] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 33px
}

.nodata img[data-v-7828710e] {
    width: 168px;
    height: 140px;
    margin-bottom: 14px
}

.nodata span[data-v-7828710e] {
    font-size: 14px;
    color: #999
}

.shop-wrapper[data-v-71cd199c] {
    position: relative
}

.shop-wrapper .editor-cover[data-v-71cd199c] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100
}

.shop-title[data-v-71cd199c] {
    font-size: 14px;
    margin: 0 0 9px;
    line-height: 1.4;
    word-break: break-all
}

.shop-tip[data-v-71cd199c] {
    height: auto !important;
    font-size: 12px;
    line-height: 1.4;
    word-break: break-all;
    margin-bottom: 8px
}

.require[data-v-71cd199c]:before {
    content: "*";
    display: inline-block;
    color: red !important;
    width: .5em;
    vertical-align: middle
}

.form-plugin-container-single-style .comp_input {
    width: 240px;
    height: 36px;
    background: transparent;
    border: none;
    padding: 8px 13px !important;
    font-weight: 400;
    font-size: 14px;
    color: #666
}

.form-plugin-container-single-style .comp_input::-webkit-input-placeholder {
    color: inherit;
    font-size: inherit;
    opacity: .4
}

.form-plugin-container-single-style .comp_input:focus {
    border: none
}

.form-plugin-container-single-style .form-des-box,
.form-plugin-container-single-style .form-title-box {
    word-wrap: break-word;
    word-break: break-all
}

.form-plugin-container-single-style .form-title-box.require:before {
    content: "*";
    display: inline-block;
    color: red !important;
    width: .5em;
    float: left;
    position: relative;
    top: 3px
}

.form-plugin-container-single-style .form-title-box.require div {
    width: calc(100% - .5em)
}

.form-plugin-container-single-style .form-title-box:after {
    content: " ";
    clear: both;
    display: block
}

.form-plugin-container-single-style .wsite-input .element-box {
    color: #676767;
    border: 1px solid #ccc;
    border-radius: 5px
}

.form-plugin-container-single-style .validatError {
    position: relative;
    overflow: visible !important
}

.form-plugin-container-single-style .validatError.noTitle:after {
    top: 8px;
    right: 16px
}

.form-plugin-container-single-style .validatError:after {
    content: attr(error-log);
    position: absolute;
    top: 8px;
    right: 16px;
    background-color: #ff5448;
    color: #fff;
    padding: 0 6px;
    line-height: 20px;
    min-height: 20px;
    font-size: 10px;
    max-width: 60%;
    border-radius: 50px;
    z-index: 32;
    -webkit-animation: fadeIn .5s linear 1;
    -moz-animation: fadeIn .5s linear 1;
    -o-animation: fadeIn .5s linear 1;
    animation: fadeIn .5s linear 1
}

.form-buyer-info-tag-container {
    left: 0;
    bottom: 0;
    background-color: rgba(216, 207, 207, .15);
    z-index: 1
}

.form-buyer-info-tag-container,
.form-buyer-info-tag-container .form-buyer-tag-wraper {
    position: absolute;
    right: 0;
    top: 0
}

.form-buyer-info-tag-container .form-buyer-tag-wraper .buyer-tag {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    margin-bottom: 3px;
    background-color: #1261ff;
    color: #fff
}

.bgm-btn-wraper {
    right: 20px;
    top: 32px;
    z-index: 1001
}

.bgm-btn-wraper .bgm-btn {
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    z-index: 1;
    background-image: url(//lib.eqh5.com/h5_view_2/images/bgmBtn-07b2cc-07b2cc.svg)
}

.bottom-logo {
    background: -webkit-linear-gradient(top, #00a2ec, #87d94f);
    background: -ms-linear-gradient(top, #00a2ec, #87d94f);
    background: -moz-linear-gradient(top, #00a2ec, #87d94f);
    position: absolute;
    left: 9px;
    top: 11px
}

.logo-shadow {
    background: rgba(0, 0, 0, .4);
    width: 155px;
    height: 155px;
    top: -2px;
    left: 7px;
    position: absolute
}

.logo-shadow1 {
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .4), rgba(70, 70, 70, 0));
    background: -ms-linear-gradient(top, rgba(0, 0, 0, .4), rgba(70, 70, 70, 0));
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .4), rgba(70, 70, 70, 0))
}

.shop-box li[ctype="6"] {
    padding: 7px 20px !important
}

.shop-order-list {
    display: block;
    width: 54px;
    height: 60px;
    position: fixed;
    bottom: 147px;
    left: 0;
    z-index: 1;
    background-image: url(//lib.eqh5.com/h5_view_2/images/buy-icon-9a73c5.png);
    background-size: contain;
    background-position: 50%;
    opacity: 0;
    animation-name: fadeInOutShop;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-fill-mode: both
}

@keyframes fadeInOutShop {
    0% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.comp_paragraph {
    font-size: 24px;
    color: #404449;
    line-height: inherit;
    padding: .3em 15px;
    margin: 0;
    width: 100%;
    height: 100%;
    word-wrap: break-word
}

.comp_paragraph a {
    color: inherit;
    text-decoration: inherit
}

.wsite-text a {
    display: inline
}

#report0 {
    width: 260px;
    position: absolute;
    left: 50%;
    margin-left: -130px;
    z-index: 999;
    padding-bottom: 20px;
    touch-action: none
}

#report0,
#report1 {
    background-color: #fff
}

#report1 {
    width: 100%;
    height: 40%;
    top: 20%;
    z-index: 1000;
    position: relative
}

#report2 {
    width: 100%;
    background-color: #f66;
    color: #fff;
    text-align: center;
    padding: 15px 0
}

#report2 h1 {
    font-size: 16px;
    margin-top: 10px
}

#report3 {
    margin-top: 20px;
    width: 100%;
    text-align: center
}

#report3 ul li {
    font-size: 15px;
    line-height: 40px
}

#report3 li.active span {
    color: #f66;
    background: url(//lib.eqh5.com/h5_view_2/images/jubao_07-6a7842.png) no-repeat 100%;
    padding-right: 20px;
    background-size: 15px
}

#report4 {
    text-align: center;
    margin-top: 10px
}

#report4 a {
    display: block;
    width: 140px;
    height: 30px;
    margin: auto;
    line-height: 30px;
    font-size: 14px;
    border-radius: 3px;
    background-color: #f66;
    color: #fff;
    text-align: center
}

.report_landscape {
    top: 105px !important;
    left: 160px !important;
    height: 260px !important;
    width: 260px !important;
    overflow-x: scroll !important;
    padding: 0 !important
}

.report_landscape #report2,
.report_landscape #report3,
.report_landscape #report4 {
    transform: rotate(90deg) translateZ(0);
    position: absolute;
    width: 260px !important
}

.report_landscape #report2 {
    top: 75px !important;
    right: -75px !important;
    height: 109px;
    box-sizing: border-box
}

.report_landscape #report3 {
    top: -30px !important;
    right: 118px
}

.report_landscape #report4 {
    top: 105px !important
}

.report_landscape #report1 {
    top: 0 !important;
    height: 100%;
    overflow-y: hidden
}

.comp_drop_down {
    position: relative;
    padding: 0 8px
}

.comp_drop_down:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -3px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #676767;
    right: 8px
}

.comp_drop_down .comp_drop_down_select {
    background: inherit;
    border: none;
    font-size: 16px;
    -webkit-appearance: none;
    padding-left: 0
}

.comp_drop_down .comp_drop_down_select .comp_select_option {
    letter-spacing: 0;
    text-decoration: none;
    font-style: normal;
    font-size: 12px;
    color: #676767
}

.comp_input {
    width: 240px;
    height: 36px;
    background: transparent;
    border: none;
    padding: 8px !important;
    font-weight: 400;
    font-size: 16px
}

.comp_input::-webkit-input-placeholder {
    color: inherit;
    font-size: 16px
}

.comp_input:focus {
    border: none
}

.wsite-input .element-box {
    color: #676767;
    border: 1px solid #ccc;
    border-radius: 5px
}

.date-icon {
    position: absolute;
    top: calc(50% - 18px);
    right: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none
}

.hide-date {
    display: none
}

.nr .comp_rating {
    width: 240px;
    background: transparent;
    border: 0;
    padding: 8px !important;
    font-size: 16px
}

.nr .comp_rating .rating-icons,
.nr .comp_rating .rating-title {
    display: inline-block;
    padding: 5px;
    vertical-align: top
}

.nr .comp_rating .rating-title {
    display: inline-block;
    padding: 5px 5px 5px 0;
    vertical-align: top
}

.nr .comp_rating .rating-icons {
    display: inline-block;
    vertical-align: top;
    padding: 5px 0
}

.nr .comp_rating .rating-icons i {
    margin-right: 5px
}

.nr .comp_rating .rating-icons i:last-child {
    margin-right: 0
}

.nr .comp_rating .rating-icons i.rating-l {
    font-size: 18px
}

.nr .comp_rating .rating-icons i.rating-m {
    font-size: 15px
}

.nr .comp_rating .rating-icons i.rating-s {
    font-size: 12px
}

.comp_radio {
    width: 240px;
    background: transparent;
    border: 0;
    font-size: 16px
}

.comp_radio .radio-title {
    min-height: 36px;
    padding: 8px
}

.comp_radio .options {
    background: #fff;
    height: 100%;
    color: #76838f
}

.comp_radio .options .option-group {
    padding: 7px 0;
    margin: 0 8px;
    line-height: 18px;
    border-bottom: 1px solid #1261ff
}

.comp_radio .options .option-group:last-child {
    border-bottom: none
}

.comp_radio .options .option-group .option-label {
    font-size: 12px;
    margin-bottom: 0;
    display: inline-block
}

.comp_radio .options .option-group .option-label input {
    vertical-align: middle;
    margin-right: 5px
}

.red-packet-receive-fail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 999999
}

.red-packet-receive-fail__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 244px;
    background: #fff;
    border-radius: 12px;
    padding: 51px 0 32px
}

.red-packet-receive-fail__content .receive-fail-desc {
    font-size: 16px;
    font-weight: 500;
    color: #111;
    line-height: 28px;
    width: 192px;
    text-align: center;
    word-break: break-all;
    margin-bottom: 36px;
    margin-left: auto;
    margin-right: auto
}

.red-packet-receive-fail__content .receive-fail-know-btn {
    width: 130px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 17px;
    color: #333;
    background: url(https://lib.eqh5.com/%40eqxiu-res/h5/knowBg.png) 50% no-repeat;
    background-size: 100% 100%;
    margin: auto;
    cursor: pointer
}

.red-packet-receive-fail__content img.receive-fail-logo {
    position: absolute;
    top: -50px;
    width: 160px;
    height: 100px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1
}

.red-packet-receive-success {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 999999
}

.red-packet-receive-success__ct {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.red-packet-receive-success__ct .open-red-packet-content {
    width: 256px;
    height: 350px;
    background: url(https://lib.eqh5.com/%40eqxiu-res/h5/openRedpacketbg.png) 50% no-repeat;
    background-size: 100% 100%;
    margin-bottom: 20px;
    padding-top: 86px
}

.red-packet-receive-success__ct .open-red-packet-content .red-packet-congratulation {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    color: #ebcd99;
    margin: auto;
    text-align: center
}

.red-packet-receive-success__ct .open-red-packet-content .open-red-packet {
    width: 88px;
    height: 88px;
    background: url(https://lib.eqh5.com/%40eqxiu-res/h5/openRedpacket.png) 50% no-repeat;
    background-size: 100% 100%;
    margin-top: 89px;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto
}

.red-packet-receive-success__ct .open-red-packet-close-btn {
    margin: auto;
    width: 32px;
    height: 32px;
    font-size: 32px;
    color: #ebcd99;
    line-height: 32px;
    cursor: pointer
}

.red-packet-receive-success .receive-money-head-bg {
    width: 100%
}

.red-packet-receive-success .receive-money-congratulation {
    margin-top: 24px;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #111;
    line-height: 28px
}

.red-packet-receive-success .receive-money-num {
    margin-top: 8px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    color: #f25b4a
}

.red-packet-receive-success .receive-money-num .money-num {
    font-size: 48px;
    font-weight: 500;
    line-height: 67px;
    margin-right: 4px
}

.red-packet-receive-success .receive-money-num .unit {
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 12px
}

.red-packet-receive-success .receive-tip {
    margin-top: 12px;
    font-size: 13px;
    color: #cfac74;
    line-height: 18px;
    text-align: center;
    padding: 0 24px
}

.red-packet-receive-success .receive-money-know-btn {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    width: 124px;
    height: 44px;
    background: #f2eeee;
    border-radius: 2px;
    text-align: center;
    line-height: 44px;
    font-size: 14px;
    color: #cfac74;
    cursor: pointer
}

.red-packet-receive-success .approval-money {
    background: #e31111;
    height: 100%
}

.red-packet-receive-success .approval-money-head-bg {
    width: 100%;
    height: 100px
}

.red-packet-receive-success .approval-money-congratulation {
    margin-top: 20px;
    text-align: center;
    font-size: 40px;
    font-weight: 500;
    color: #ffeca7;
    line-height: 56px
}

.red-packet-receive-success .approval-money-tip {
    margin-top: 4px;
    font-weight: 400;
    font-size: 17px;
    color: #fff;
    line-height: 24px;
    text-align: center
}

.red-packet-receive-success .approval-money-num {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    color: #ffd84d;
    margin-bottom: 44px
}

.red-packet-receive-success .approval-money-num .money-num {
    font-size: 48px;
    font-weight: 500;
    line-height: 67px;
    margin-right: 4px
}

.red-packet-receive-success .approval-money-num .unit {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 12px
}

.red-packet-receive-success .approval-tip {
    font-weight: 400;
    font-size: 14px;
    color: #ffceca;
    line-height: 20px;
    text-align: center
}

.red-packet-receive-success .approval-money-know-btn {
    width: 200px;
    height: 48px;
    background: #ffec4d;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .12);
    border-radius: 24px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 500;
    font-size: 17px;
    color: #e31111;
    line-height: 48px;
    text-align: center;
    cursor: pointer
}

.special-red-packet {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 999999;
    transform: translateZ(0)
}

.special-red-packet.red-packet-rain {
    background: url(https://lib.eqh5.com/%40eqxiu-res/h5/redpacketRainBg.png) top no-repeat;
    background-size: cover
}

.special-red-packet.red-packet-pandora {
    background: url(https://lib.eqh5.com/%40eqxiu-res/h5/redpacketPandoraBg.png) top no-repeat;
    background-size: cover
}

.special-red-packet.red-packet-pandora .bg-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: -1
}

.special-red-packet.red-packet-pandora .bg-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: -1
}

.special-red-packet__close-btn {
    position: absolute;
    top: 16px;
    right: 16px;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    background: rgba(0, 0, 0, .6);
    z-index: 2;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.special-red-packet__ct {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 1
}

.special-red-packet__ct.red-packet-pandora,
.special-red-packet__ct.red-packet-rain {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: none;
    overflow: hidden
}

.special-red-packet__ct__content {
    width: 244px;
    height: 332px;
    position: relative
}

.special-red-packet__ct__content img.red-packet {
    cursor: pointer;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.special-red-packet .red-packet-rain-item {
    cursor: pointer
}

.pandora-content-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.pandora-content-wrapper .pandora-light {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 256px;
    height: 256px;
    margin-left: -128px;
    margin-top: -128px;
    transform: scale(0);
    opacity: 0;
    z-index: 1
}

.pandora-content-wrapper .pandora-box-close,
.pandora-content-wrapper .pandora-box-open {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 205px;
    height: 205px;
    margin-left: -102.5px;
    margin-top: -128px;
    transform: scale(0);
    opacity: 0;
    z-index: 2
}

.pandora-content-wrapper .pandora-strata-gold-lottie {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: auto;
    margin-top: -320px;
    z-index: 3;
    display: none
}

.pandora-content-wrapper .pandora-boom {
    position: absolute;
    width: 101px;
    height: 101px;
    transform: scale(0);
    opacity: 1;
    z-index: 66
}

.pandora-content-wrapper .red-packet-item-wrap {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 304px;
    margin-top: -320px;
    z-index: 3;
    overflow: hidden
}

.pandora-content-wrapper .red-packet-item-wrap .red-packet-pandora-item {
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    width: auto;
    height: auto
}

.animate-pandora-light {
    -webkit-animation: pandora-light-show 3.2s .4s;
    -moz-animation: 3.2s .4s pandora-light-show;
    animation: pandora-light-show 3.2s .4s
}

.animate-pandora-box-close {
    -webkit-animation: pandora-close-box 1.8s;
    -moz-animation: 1.8s pandora-close-box;
    animation: pandora-close-box 1.8s
}

.animate-pandora-box-open {
    -webkit-animation: pandora-open-box-show .6s 1.8s;
    -moz-animation: .6s 1.8s pandora-open-box-show;
    animation: pandora-open-box-show .6s 1.8s
}

.animate-pandora-boom {
    -webkit-animation: pandora-boom 1s;
    -moz-animation: 1s pandora-boom;
    animation: pandora-boom 1s
}

@keyframes red-packet-rain-drop-right-rotate {
    0% {
        top: -100px;
        transform: rotate(30deg)
    }

    to {
        top: 110%;
        transform: rotate(120deg)
    }
}

@keyframes red-packet-rain-drop-left-rotate {
    0% {
        top: -100px;
        transform: rotate(-30deg)
    }

    to {
        top: 110%;
        transform: rotate(-120deg)
    }
}

@keyframes pandora-light-show {
    0% {
        transform: scale(0) rotate(0);
        opacity: 0
    }

    12.5% {
        transform: scale(1) rotate(0);
        opacity: 1
    }

    37.5% {
        transform: scale(1) rotate(308deg);
        opacity: 1
    }

    43.75% {
        transform: scale(0) rotate(386deg);
        opacity: 0
    }

    62.5% {
        transform: scale(.6) rotate(617deg);
        opacity: 0
    }

    75% {
        transform: scale(1) rotate(771deg);
        opacity: 1
    }

    to {
        transform: scale(1) rotate(3turn);
        opacity: 1
    }
}

@keyframes pandora-close-box {
    0% {
        transform: scale(0);
        opacity: 0
    }

    22.22% {
        transform: scale(1);
        opacity: 1
    }

    44.44% {
        transform: scale(1);
        opacity: 1
    }

    55.56% {
        transform: scale(.8);
        opacity: 1
    }

    66.67% {
        transform: scale(1);
        opacity: 1
    }

    77.78% {
        transform: scale(.8);
        opacity: 1
    }

    88.89% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(0);
        opacity: 0
    }
}

@keyframes pandora-open-box-show {
    0% {
        transform: scale(0);
        opacity: 0
    }

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

@keyframes pandora-boom {
    0% {
        transform: scale(0);
        opacity: 1
    }

    20% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(2);
        opacity: 0
    }
}

.overflow-hidden {
    overflow: hidden
}

.verify-dialog-container {
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    background: transparent;
    z-index: 9999999
}

.verify-dialog-container * {
    box-sizing: border-box
}

.verify-dialog-container .background-mantle {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .8;
    position: absolute;
    top: 0
}

.verify-dialog-container .setting-dialog {
    flex-grow: 0;
    flex-shrink: 0;
    width: 280px;
    height: 260px;
    padding: 0 28px 17px;
    font-size: 0;
    background: #fff;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .16);
    border-radius: 4px;
    z-index: 1000;
    position: relative;
    cursor: default
}

.verify-dialog-container .setting-dialog button {
    cursor: pointer
}

.verify-dialog-container .setting-dialog .header {
    height: 60px;
    font-size: 18px;
    font-family: PingFangSC-Semibold, PingFang SC, sans-serif;
    font-weight: 600;
    color: #333;
    line-height: 60px;
    margin-bottom: 12px
}

.verify-dialog-container .setting-dialog .header .title {
    color: #333
}

.verify-dialog-container .setting-dialog .header .close {
    cursor: pointer;
    font-family: iconfonts, sans-serif !important;
    color: #666;
    font-weight: 400;
    line-height: 60px;
    opacity: 1;
    float: right
}

.verify-dialog-container .setting-dialog .content .phone-number-container {
    margin-bottom: 14px
}

.verify-dialog-container .setting-dialog .content input[type=text] {
    font-size: 14px;
    height: 36px;
    border: 1px solid #ccd5db;
    border-radius: 4px;
    padding: 4px
}

.verify-dialog-container .setting-dialog .content input[type=text].phone-number {
    width: 100%
}

.verify-dialog-container .setting-dialog .content input[type=text].code-input {
    width: 54%
}

.verify-dialog-container .setting-dialog .content input[type=text]:active,
.verify-dialog-container .setting-dialog .content input[type=text]:hover {
    border: 1px solid #1261ff
}

.verify-dialog-container .setting-dialog .content button {
    width: 43%;
    height: 36px;
    margin-left: 3%;
    background: #1261ff;
    border: none;
    border-radius: 3px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC, sans-serif;
    font-weight: 400;
    color: #fff
}

.verify-dialog-container .setting-dialog .content button.active:hover {
    background: #2c72ff
}

.verify-dialog-container .setting-dialog .sub-title {
    margin-top: 28px;
    margin-bottom: 12px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC, sans-serif;
    font-weight: 400;
    color: #333
}

.verify-dialog-container .setting-dialog .phone-number-container,
.verify-dialog-container .setting-dialog .verify-code-container {
    position: relative
}

.verify-dialog-container .setting-dialog .verify-code-container .error.phone {
    top: 36px;
    left: 0;
    right: auto
}

.verify-dialog-container .setting-dialog .error {
    color: red;
    font-size: 12px;
    margin-top: 4px
}

.verify-dialog-container .setting-dialog .error.phone {
    position: absolute;
    top: -26px;
    right: 0;
    display: inline-block;
    border-radius: 10px;
    min-height: 20px;
    line-height: 20px;
    background: transparent
}

.verify-dialog-container .setting-dialog .handle {
    width: calc(100% - 56px);
    height: 60px;
    position: absolute;
    bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

.verify-dialog-container .setting-dialog .handle .cancel {
    width: 96px;
    height: 36px;
    margin-left: 40px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #ccd5db;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC, sans-serif;
    font-weight: 400;
    color: #666
}

.verify-dialog-container .setting-dialog .handle .cancel:hover {
    color: #1261ff;
    border-color: #1261ff
}

.verify-dialog-container .setting-dialog .handle .confirm {
    width: 96px;
    height: 36px;
    background: #1261ff;
    border-radius: 3px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC, sans-serif;
    font-weight: 400;
    color: #fff;
    border: none
}

.verify-dialog-container .setting-dialog .handle .confirm:hover {
    background: #2c72ff
}

.verify-code {
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 5px;
    border: 1px solid #ddd
}

.cerify-code-panel {
    height: 100%;
    overflow: hidden
}

.verify-code-area {
    float: left
}

.verify-input-area {
    float: left;
    width: 60%;
    padding-right: 10px
}

.verify-change-area {
    line-height: 30px;
    float: left
}

.varify-input-code {
    display: inline-block;
    width: 100%;
    height: 25px
}

.verify-change-code {
    color: #337ab7;
    cursor: pointer
}

.verify-btn {
    width: 200px;
    height: 30px;
    background-color: #337ab7;
    color: #fff;
    border: none;
    margin-top: 10px
}

.verifybox {
    position: relative;
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid #e4e7eb;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.verifybox-top {
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    text-align: left;
    font-size: 16px;
    color: #45494c;
    border-bottom: 1px solid #e4e7eb;
    box-sizing: border-box
}

.verifybox-bottom {
    padding: 15px;
    box-sizing: border-box
}

.verifybox-close {
    position: absolute;
    top: 13px;
    right: 9px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    cursor: pointer
}

.mask {
    position: fixed;
    top: 0;
    z-index: 1001;
    height: 100vh;
    background: rgba(0, 0, 0, .3);
    transition: all .5s
}

.mask,
.verify-tips {
    left: 0;
    width: 100%;
    display: none
}

.verify-tips {
    position: absolute;
    bottom: -35px;
    height: 30px;
    line-height: 30px;
    color: #fff
}

@keyframes move {
    0% {
        bottom: -35px
    }

    50%,
    80% {
        bottom: 0
    }

    to {
        bottom: -35px
    }
}

.suc-bg {
    background-color: rgba(92, 184, 92, .5);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f5CB85C, endcolorstr=#7f5CB85C)
}

.err-bg {
    background-color: rgba(217, 83, 79, .5);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7fD9534F, endcolorstr=#7fD9534F)
}

.verify-bar-area {
    position: relative;
    text-align: center;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px
}

.verify-bar-area,
.verify-bar-area .verify-move-block {
    background: #fff;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.verify-bar-area .verify-move-block {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    box-shadow: 0 0 2px #888;
    -webkit-border-radius: 1px
}

.verify-bar-area .verify-move-block:hover {
    background-color: #337ab7;
    color: #fff
}

.verify-bar-area .verify-left-bar {
    position: absolute;
    top: -1px;
    left: -1px;
    background: #f0fff0;
    cursor: pointer
}

.verify-bar-area .verify-left-bar,
.verify-img-panel {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px solid #ddd
}

.verify-img-panel {
    margin: 0;
    border-radius: 3px;
    position: relative
}

.verify-img-panel .verify-refresh {
    width: 25px;
    height: 25px;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2
}

.verify-img-panel .icon-refresh {
    font-size: 20px;
    color: #fff
}

.verify-img-panel .verify-gap {
    background-color: #fff;
    position: relative;
    z-index: 2;
    border: 1px solid #fff
}

.verify-bar-area .verify-move-block .verify-sub-block {
    position: absolute;
    text-align: center;
    z-index: 3
}

.verify-bar-area .verify-move-block .verify-icon {
    font-size: 18px;
    margin-top: 0;
    position: static !important
}

.verify-bar-area .verify-msg {
    z-index: 3
}

@font-face {
    font-family: verfiIconfont;
    src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAaAAAsAAAAACUwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kiSY21hcAAAAYAAAAB3AAABuM+qBlRnbHlmAAAB+AAAAnQAAALYnrUwT2hlYWQAAARsAAAALwAAADYPNwajaGhlYQAABJwAAAAcAAAAJAfeA4dobXR4AAAEuAAAABMAAAAYF+kAAGxvY2EAAATMAAAADgAAAA4CvAGsbWF4cAAABNwAAAAfAAAAIAEVAF1uYW1lAAAE/AAAAUUAAAJtPlT+fXBvc3QAAAZEAAAAPAAAAE3oPPXPeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sM4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDxbwtzwv4EhhrmBoQEozAiSAwAw1A0UeJzFkcENgCAMRX8RjCGO4gTe9eQcnhzAfXC2rqG/hYsT8MmD9gdS0gJIAAaykAjIBYHppCvuD8juR6zMJ67A89Zdn/f1aNPikUn8RvYo8G20CjKim6Rf6b9m34+WWd/vBr+oW8V6q3vF5qKlYrPRp4L0Ad5nGL8AeJxFUc9rE0EYnTezu8lMsrvtbrqb3TRt0rS7bdOmdI0JbWmCtiItIv5oi14qevCk9SQVLFiQgqAF8Q9QLKIHLx48FkHo3ZNnFUXwD5C2B6dO6sFhmI83w7z3fe8RnZCjb2yX5YlLhskkmScXCIFRxYBFiyjH9Rqtoqes9/g5i8WVuJyqDNTYLPwBI+cljXrkGynDhoU+nCgnjbhGY5yst+gMEq8IBIXwsjPU67CnEPm4b0su0h309Fd67da4XBhr55KSm17POk7gOE/Shq6nKdVsC7d9j+tcGPKVboc9u/0jtB/ZIA7PXTVLBef6o/paccjnwOYm3ELJetPuDrvV3gg91wlSXWY6H5qVwRzWf2TybrYYfSdqoXOwh/Qa8RWIjBTiSI3h614/vKSNRhONOrsnQi6Xf4nQFQDTmJE1NKbhI6crHEJO/+S5QPxhYJRRyvBFBP+5T9EPpEAIVzzRQIrjmJ6jY1WTo+NXTMchuBsKuS8PRZATSMl9oTA4uNLkeIA0V1UeqOoGQh7IAxGo+7T83fn3T+voqCNPPAUazUYUI7LgKSV1Jk2oUeghYGhZ+cKOe2FjVu5ZKEY2VkE13AK1+jI4r1KLbPlZfrKiPhOXKPRj7q9sj9XJ7LFHNmrKJS3VCdhXGSdKrtmoQaWeMjQVt0KD6sGPOx0oH2fgtzoNROxtNq8F3tzYM/n+TjKSX5qf2jx941276TIr9FjXxKr8eX/6bK4yuopwo9py1sw8F9kdw4AmurRpLUM3tYx5ZnKpfHPi8dzz19vJ6MjyxYUrpqeb1uLs3eGV6vr21pSqpeWkqonAN9oUyIiXpv8XvlN5e3icY2BkYGAA4n0vN4fG89t8ZeBmYQCBa9wPPRH0/wcsDMwmQC4HAxNIFABAfAqaAHicY2BkYGBu+N/AEMPCAAJAkpEBFbABAEcMAm94nGNhYGBgfsnAwMKAigESnwEBAAAAAAAAdgCkANoBCAFsAAB4nGNgZGBgYGMIZGBlAAEmIOYCQgaG/2A+AwARSAFzAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgI2RiZGZkYWRlZGNkZ2BsYI1OSM1OZs1OSe/OJW1KDM9o4S9KDWtKLU4g4EBAJ79CeQ=") format("woff")
}

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

.icon-check:before {
    content: "\e645"
}

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

.icon-right:before {
    content: "\e6a3"
}

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

.privacy-policy-info {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    border-radius: 16px 16px 0 0;
    z-index: 9999999
}

.privacy-policy-info.landScape-scene {
    transform: translateZ(0) rotate(90deg);
    -webkit-transform: translateZ(0) rotate(90deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    bottom: 100%
}

.privacy-policy-info.landScape-scene .privacy-policy-info__content {
    padding: 16px 32px 2px
}

.privacy-policy-info__header {
    height: 48px;
    position: relative
}

.privacy-policy-info__header .title {
    text-align: center;
    line-height: 48px;
    font-size: 14px;
    font-weight: 500;
    color: #333
}

.privacy-policy-info__header .return-btn {
    position: absolute;
    top: 12px;
    left: 16px;
    font-size: 24px;
    color: #333;
    cursor: pointer
}

.privacy-policy-info__content_ct {
    height: calc(100% - 48px);
    overflow: scroll
}

.privacy-policy-info__content {
    padding: 16px 16px 2px
}

.privacy-policy-info__content .headline {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    line-height: 26px
}

.privacy-policy-info__content .privacy-policy-main {
    margin-top: 16px
}

.privacy-policy-info__content .privacy-policy-main p {
    font-size: 15px;
    line-height: 1.7;
    text-align: left !important;
    color: #333
}

.privacy-policy-info__content .privacy-policy-main .bold-text {
    font-weight: 600
}

.privacy-policy-info__content .privacy-policy-main .underline {
    text-decoration: underline
}

.privacy-policy-info__content .privacy-policy-main .line-wrap {
    margin-bottom: 25px
}

.visiter-submit-data-dialog-ct {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 999999;
    transform: translateZ(0);
    -webkit-transform: translateZ(0)
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog {
    position: absolute;
    top: 100%;
    left: 0;
    bottom: calc(-100% + 39px);
    width: 100%;
    background: #fff;
    border-radius: 20px 20px 0 0
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog__header {
    height: 44px;
    background: hsla(0, 0%, 84.7%, 0);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog__header .title {
    font-size: 16px;
    color: #333;
    line-height: 16px;
    font-weight: 400;
    margin-left: 18px
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog__header .close-btn {
    color: #666;
    cursor: pointer;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-right: 8px
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog__content {
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    height: calc(100% - 44px)
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog__content .empty-data-box {
    padding-top: 90px;
    text-align: center
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog__content .empty-data-box .empty-data-img {
    width: 168px;
    height: 140px
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog__content .empty-data-box .empty-tip {
    margin-top: 16px;
    font-size: 14px;
    font-weight: 400;
    color: #999;
    line-height: 20px
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog__content .visiter-submit-data-list {
    box-sizing: border-box
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog__content .visiter-submit-data-list .visiter-submit-data-list-item {
    border-top: 1px solid #f0f2f8;
    margin: 0 16px;
    padding: 12px 0;
    min-height: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog__content .visiter-submit-data-list .visiter-submit-data-list-item:last-child {
    border-bottom: 1px solid #f0f2f8
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog__content .visiter-submit-data-list .visiter-submit-data-list-item .left {
    width: calc(100% - 68px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog__content .visiter-submit-data-list .visiter-submit-data-list-item .left .field {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 6px
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog__content .visiter-submit-data-list .visiter-submit-data-list-item .left .field .name {
    color: #999;
    margin-right: 10px;
    text-align: left;
    width: 70px;
    overflow: hidden
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog__content .visiter-submit-data-list .visiter-submit-data-list-item .left .field .value {
    color: #111;
    overflow: hidden;
    max-width: 70%;
    word-break: break-all
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog__content .visiter-submit-data-list .visiter-submit-data-list-item .left .field .avatar {
    width: 40px !important;
    border-radius: 20px !important
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog__content .visiter-submit-data-list .visiter-submit-data-list-item .right {
    display: flex;
    align-items: center;
    justify-content: center
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog__content .visiter-submit-data-list .visiter-submit-data-list-item .right .detail-btn {
    font-weight: 400;
    font-size: 13px;
    color: #1261ff;
    cursor: pointer
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog__content .visiter-submit-data-detail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 20px 20px 0 0
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog__content .visiter-submit-data-detail .header {
    height: 44px;
    background: hsla(0, 0%, 84.7%, 0);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog__content .visiter-submit-data-detail .header .go-back-btn {
    font-weight: 400;
    font-size: 14px;
    color: #1261ff;
    line-height: 17px;
    cursor: pointer;
    margin-left: 18px
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog__content .visiter-submit-data-detail .header .close-btn-2 {
    color: #666;
    cursor: pointer;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-right: 8px
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog__content .visiter-submit-data-detail .container {
    width: 100%;
    height: calc(100% - 44px);
    overflow-y: scroll;
    overflow-x: hidden
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog__content .visiter-submit-data-detail .container .fields-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0 16px;
    padding: 12px 0;
    border-top: 1px solid #f0f2f8
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog__content .visiter-submit-data-detail .container .fields-box .field {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 6px
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog__content .visiter-submit-data-detail .container .fields-box .field .name {
    color: #999;
    margin-right: 10px;
    text-align: left;
    width: 70px;
    overflow: hidden
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog__content .visiter-submit-data-detail .container .fields-box .field .value {
    color: #111;
    overflow: hidden;
    max-width: 70%;
    word-break: break-all
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog__content .visiter-submit-data-detail .container .fields-box .field .avatar {
    width: 40px !important;
    border-radius: 20px !important
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog__content .visiter-submit-data-detail .container .verification-qrcode-box {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog__content .visiter-submit-data-detail .container .verification-qrcode-box .title {
    width: 320px;
    height: 36px;
    background: #f7f9fc;
    display: flex;
    align-items: center;
    justify-content: center
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog__content .visiter-submit-data-detail .container .verification-qrcode-box .verification-qrcode {
    margin: 16px 0 12px
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog__content .id-card-value-box {
    padding: 0 0 6px
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog__content .id-card-value-box .text {
    margin-top: 6px
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog__content .id-card-value-box .line {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 6px
}

.visiter-submit-data-dialog-ct .visiter-submit-data-dialog__content .id-card-value-box img {
    width: 50px;
    margin-left: 12px
}

.submit-data-modal-fixed {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .7);
    position: fixed;
    z-index: 100
}

.submit-data-modal-fixed-content {
    width: calc(100vw - 30px);
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.limit-mask {
    background-color: hsla(0, 0%, 100%, .1)
}

.form-comp-box.upload-box {
    display: flex;
    align-items: center;
    justify-content: center
}

.form-comp-box.upload-box.uploaded {
    border: 0 !important
}

.form-comp-box.upload-box .new-upload-outer-wraper {
    position: relative;
    display: flex
}

.form-comp-box.upload-box .new-upload-outer-wraper .upload-file-list {
    width: 100%;
    margin-right: -6px;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    min-height: 120px;
    padding: 10px;
    border: 1px solid #ccd5db;
    border-radius: 3px
}

.form-comp-box.upload-box .new-upload-outer-wraper .upload-file-list .upload-file-item {
    position: relative;
    flex: none;
    width: 60px;
    height: 60px;
    margin-right: 6px;
    margin-bottom: 6px;
    border: 1px solid #ccc;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.3;
    padding: 6px
}

.form-comp-box.upload-box .new-upload-outer-wraper .upload-file-list .upload-file-item.uploadBtn {
    font-size: 20px
}

.form-comp-box.upload-box .new-upload-outer-wraper .upload-file-list .upload-file-item .del-btn {
    width: 12px;
    height: 12px;
    position: absolute;
    right: -6px;
    top: -6px;
    background-color: #ff296a;
    border-radius: 50%;
    line-height: 12px;
    text-align: center;
    color: #fff
}

.form-comp-box.upload-box .new-upload-outer-wraper .upload-progress-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center
}

.form-comp-box.upload-box .new-upload-outer-wraper .upload-progress-wrapper .upload-progress-box {
    width: 50px;
    height: 84px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.form-comp-box.upload-box .new-upload-outer-wraper .upload-progress-wrapper .upload-progress-box .upload-progress-circle {
    width: 50px;
    height: 50px;
    position: relative;
    border-radius: 50%;
    overflow: hidden
}

.form-comp-box.upload-box .new-upload-outer-wraper .upload-progress-wrapper .upload-progress-box .upload-progress-circle #upload-svg-circle,
.form-comp-box.upload-box .new-upload-outer-wraper .upload-progress-wrapper .upload-progress-box .upload-progress-circle #upload-svg-progress {
    stroke: rgba(8, 162, 239, .6627450980392157);
    fill: none;
    transition: all .2s linear
}

.form-comp-box.upload-box .new-upload-outer-wraper .upload-progress-wrapper .upload-progress-box .upload-progress-circle .upload-center-area {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: baseline;
    line-height: 50px
}

.form-comp-box.upload-box .new-upload-outer-wraper .upload-progress-wrapper .upload-progress-box .upload-progress-circle .upload-center-area .upload-circle-num {
    font-size: 16px
}

.form-comp-box.upload-box .new-upload-outer-wraper .upload-progress-wrapper .upload-progress-box .upload-progress-circle .upload-center-area .upload-percent-icon {
    font-size: 12px;
    transform: scale(.8)
}

.form-comp-box.upload-box .new-upload-outer-wraper .upload-progress-wrapper .upload-progress-cancle {
    color: rgba(8, 162, 239, .6627450980392157);
    font-size: 12px
}

.form-comp-box.upload-box .new-upload-outer-wraper .new-upload-wraper {
    position: relative;
    width: 100%;
    max-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 14px;
    font-weight: 500;
    color: #111;
    line-height: 20px
}

.form-comp-box.upload-box .new-upload-outer-wraper .new-upload-wraper .upload-add {
    width: 100%;
    height: 100%;
    margin-bottom: 8px;
    position: relative;
    padding-left: 0;
    font-size: 14px;
    overflow: hidden
}

.form-comp-box.upload-box .new-upload-outer-wraper .new-upload-wraper .upload-add:before {
    content: "+";
    display: inline-block;
    position: static;
    font-size: 1.4em;
    left: 0;
    margin-right: 2px
}

.form-comp-box.upload-box .new-upload-outer-wraper .new-upload-wraper .form-note-box {
    padding: 0 16px;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    word-break: break-all;
    overflow: hidden
}

.upload-small-box {
    color: #000
}

.validatError {
    position: relative;
    overflow: visible !important
}

.validatError.noTitle:after {
    top: 8px;
    right: 16px
}

.validatError:after {
    content: attr(error-log);
    position: absolute;
    top: 8px;
    right: 16px;
    background-color: #ff5448;
    color: #fff;
    padding: 0 6px;
    line-height: 20px;
    min-height: 20px;
    font-size: 10px;
    max-width: 60%;
    border-radius: 50px;
    z-index: 32;
    -webkit-animation: fadeIn .5s linear 1;
    -moz-animation: fadeIn .5s linear 1;
    -o-animation: fadeIn .5s linear 1;
    animation: fadeIn .5s linear 1
}

.limit-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    z-index: 999
}

.form-comp-box.uploaded {
    border: 0 !important
}

.form-comp-box .id-card-upload-wraper {
    position: relative;
    display: none
}

.form-comp-box .id-card-upload-wraper .id-card-upload-result-down,
.form-comp-box .id-card-upload-wraper .id-card-upload-result-upper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.form-comp-box .id-card-upload-wraper .id-card-upload-result-down .upload-file-item2,
.form-comp-box .id-card-upload-wraper .id-card-upload-result-upper .upload-file-item2 {
    position: relative;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    align-items: center;
    justify-content: center
}

.form-comp-box .id-card-upload-wraper .id-card-upload-result-down .upload-file-item2 .del-btn2,
.form-comp-box .id-card-upload-wraper .id-card-upload-result-upper .upload-file-item2 .del-btn2 {
    width: 20px;
    height: 20px;
    position: absolute;
    right: -10px;
    top: -10px;
    background-color: #ff296a;
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
    color: #fff
}

.form-comp-box .id-card-upload-wraper .upload-progress-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center
}

.form-comp-box .id-card-upload-wraper .upload-progress-wrapper .upload-progress-box {
    width: 50px;
    height: 84px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.form-comp-box .id-card-upload-wraper .upload-progress-wrapper .upload-progress-box .upload-progress-circle {
    width: 50px;
    height: 50px;
    position: relative;
    border-radius: 50%;
    overflow: hidden
}

.form-comp-box .id-card-upload-wraper .upload-progress-wrapper .upload-progress-box .upload-progress-circle #id-card-svg-circle,
.form-comp-box .id-card-upload-wraper .upload-progress-wrapper .upload-progress-box .upload-progress-circle #id-card-svg-progress {
    fill: none;
    transition: all .2s linear
}

.form-comp-box .id-card-upload-wraper .upload-progress-wrapper .upload-progress-box .upload-progress-circle .upload-center-area {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: baseline;
    line-height: 50px
}

.form-comp-box .id-card-upload-wraper .upload-progress-wrapper .upload-progress-box .upload-progress-circle .upload-center-area .upload-circle-num {
    font-size: 16px
}

.form-comp-box .id-card-upload-wraper .upload-progress-wrapper .upload-progress-box .upload-progress-circle .upload-center-area .upload-percent-icon {
    font-size: 12px;
    transform: scale(.8)
}

.form-comp-box .id-card-upload-wraper .upload-progress-wrapper .upload-progress-cancle {
    color: inherit;
    font-size: 12px
}

.form-comp-box .id-card-upload-wraper .id-card-upload-wraper-down,
.form-comp-box .id-card-upload-wraper .id-card-upload-wraper-upper {
    position: relative;
    width: 100%;
    min-height: 72px;
    height: calc(50% - 8px);
    display: none;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 12px !important
}

.form-comp-box .id-card-upload-wraper .id-card-upload-wraper-down .upload-add,
.form-comp-box .id-card-upload-wraper .id-card-upload-wraper-upper .upload-add {
    width: 100%;
    height: 100%;
    position: relative;
    padding-left: 0;
    font-size: 14px;
    overflow: hidden
}

.form-comp-box .id-card-upload-wraper .id-card-upload-wraper-down .upload-add:before,
.form-comp-box .id-card-upload-wraper .id-card-upload-wraper-upper .upload-add:before {
    content: "+";
    display: inline-block;
    position: static;
    font-size: 1.4em;
    left: 0;
    margin-right: 2px
}

.form-comp-box .id-card-upload-wraper .id-card-upload-wraper-down .form-note-box,
.form-comp-box .id-card-upload-wraper .id-card-upload-wraper-upper .form-note-box {
    font-size: 12px;
    line-height: 1.1;
    color: inherit;
    opacity: .7
}

.form-comp-box .id-card-input-wraper {
    position: relative;
    width: 100%;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.form-comp-box .id-card-input-wraper .id-card-input-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: calc(50% - 8px)
}

.form-comp-box .id-card-input-wraper .id-card-input-box .id-card-input-label {
    font-weight: 400;
    font-size: 14px;
    color: #111;
    width: 56px;
    text-align: left
}

.form-comp-box .id-card-input-wraper .id-card-input-box>input {
    height: 100%;
    background: #fff
}

.upload-small-box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    font-size: 12px;
    height: 100%;
    white-space: nowrap;
    background-color: #fff
}

.upload-small-box .upload-small-progress {
    font-size: 14px;
    margin-top: 5px
}

.upload-small-box .upload-small-cancle {
    font-size: 12px
}

.no-storage-tip {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: all;
    background-color: rgba(0, 0, 0, .5);
    z-index: 999
}

.no-storage-tip .tip-container {
    box-sizing: border-box;
    padding: 24px 48px 27px;
    width: 320px;
    height: 303px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    border-radius: 12px 12px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.no-storage-tip .tip-container .no-storage-des {
    margin-top: 16px;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC, sans-serif;
    font-weight: 500;
    color: #333;
    line-height: 20px;
    text-align: center
}

.no-storage-tip .tip-container .confirm-btn {
    margin-top: 16px;
    width: 224px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 4px;
    background-color: #1593ff;
    font-size: 14px;
    line-height: 1.2;
    font-family: Helvetica Neue, Microsoft YaHei, Tahoma, Helvetica, Arial, 宋体, sans-serif;
    cursor: pointer
}

.storage-limit-tip {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: all;
    background-color: rgba(0, 0, 0, .5);
    z-index: 999
}

.storage-limit-tip,
.storage-limit-tip .tip-container {
    display: flex;
    align-items: center;
    justify-content: center
}

.storage-limit-tip .tip-container {
    box-sizing: border-box;
    padding: 36px 28px 31px;
    width: 304px;
    height: 184px;
    background: #fff;
    border-radius: 4px;
    flex-direction: column;
    box-shadow: 0 12px 48px 16px rgba(0, 0, 0, .03), 0 9px 28px 0 rgba(0, 0, 0, .05), 0 6px 16px -8px rgba(0, 0, 0, .08)
}

.storage-limit-tip .tip-container .storage-limit-des {
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC, sans-serif;
    font-weight: 500;
    color: #333;
    line-height: 22px;
    text-align: left
}

.storage-limit-tip .tip-container .button-container {
    margin-top: 31px;
    width: 248px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.storage-limit-tip .tip-container .button-container .cancel-btn,
.storage-limit-tip .tip-container .button-container .confirm-btn {
    box-sizing: border-box;
    width: 118px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed #e6ebed;
    border-radius: 4px;
    color: #333;
    font-size: 14px;
    line-height: 1.2;
    font-family: Helvetica Neue, Microsoft YaHei, Tahoma, Helvetica, Arial, 宋体, sans-serif;
    cursor: pointer
}

.storage-limit-tip .tip-container .button-container .confirm-btn {
    border: none;
    color: #fff;
    background-color: #1593ff
}

.comp_sms .telephone {
    width: 100%;
    height: 44%;
    padding: 8px;
    font-size: 16px
}

.comp_sms .telephone::-webkit-input-placeholder {
    color: inherit;
    font-size: 16px
}

.comp_sms .normal-phone {
    width: 100%;
    height: 100%;
    padding: 8px;
    font-size: 16px
}

.comp_sms .normal-phone::-webkit-input-placeholder {
    color: inherit;
    font-size: 16px
}

.comp_sms .smsInput {
    width: 50%;
    height: 44%;
    padding: 8px;
    font-size: 16px
}

.comp_sms .smsInput::-webkit-input-placeholder {
    color: inherit;
    font-size: 16px
}

.comp_sms .smsButton {
    -webkit-appearance: none;
    float: right;
    color: #666;
    width: 42%;
    height: 44%;
    font-size: 12px;
    background: #ebebeb;
    border: none;
    border-radius: 0
}

.comp_formRandom {
    position: relative;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.comp_formRandom .default-content {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -70px;
    margin-top: -73px
}

.comp_formRandom .default-content img {
    width: 100px;
    height: 110px
}

.comp_formRandom .default-content p {
    margin-top: 15px
}

.comp_formRandom .default-content.hide {
    display: none
}

.comp_formRandom iframe {
    width: 100%;
    height: 100%
}

.comp_formRandom iframe.hide {
    display: none
}

.comp_wechat_hear,
.comp_wechat_play {
    width: 100px;
    height: 40px;
    text-align: center;
    line-height: 40px
}

.recording {
    background-color: #ccc
}

.voice-panel {
    position: absolute;
    width: 120px;
    height: 110px;
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    z-index: 1000;
    top: 50%;
    left: 50%;
    margin-left: -60px;
    margin-top: -120px;
    padding-top: 10px;
    text-align: center;
    border-radius: 5px;
    font-size: 70px
}

.voice-panel .icon {
    font-size: 60px
}

.voice-panel .voice-tip {
    font-size: 12px
}

.comp_image {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.img_mask {
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.taphold_image {
    -webkit-touch-callout: none;
    pointer-events: none
}

.wx-profile-box img[src="https://lib.eqh5.com/%40eqxiu-res/h5/wx_default.png"] {
    transform: scale(1.2)
}

.wx-header-async {
    position: absolute;
    top: -20%;
    left: -10%;
    width: 100%;
    height: 100%;
    image-rendering: -webkit-optimize-contrast;
    pointer-events: none
}

.vote-view {
    font-size: 12px;
    padding-bottom: 30px
}

.vote-view .vote-view-title {
    font-size: 14px;
    color: #37474f;
    background-color: #f0f3f4;
    line-height: 20px;
    padding: 5px 10px;
    border: 1px solid #ccd5db;
    word-break: break-all;
    white-space: pre-wrap
}

.vote-view .vote-view-options {
    position: relative;
    border-left: 1px solid #ccd5db;
    border-right: 1px solid #ccd5db
}

.vote-view .vote-view-options .vote-view-option {
    position: relative;
    padding: 6px 10px;
    cursor: pointer;
    line-height: 20px;
    word-break: break-all;
    white-space: pre-wrap
}

.vote-view .vote-view-options .vote-view-option span {
    color: #8cdfb3;
    display: inline-block;
    padding-right: 5px;
    width: 17px;
    height: 20px;
    float: left
}

.vote-view .vote-view-options .vote-view-option:hover {
    background-color: #f7f7f7
}

.vote-view .vote-view-options .vote-view-option:last-child {
    border-bottom: none
}

.vote-view .vote-view-option,
.vote-view .vote-view-title {
    border-bottom: 1px solid #e7e7e7
}

.vote-view .vote-view-text {
    width: -webkit-calc(100% - 17px);
    width: -moz-calc(100% - 17px);
    width: calc(100% - 17px)
}

.vote-view .vote-view-button {
    text-align: center;
    border: 1px solid #ccd5db;
    color: #fff;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.vote-view .vote-view-button:hover {
    background-color: #1261ff
}

.vote-alert {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: -2;
    text-align: center;
    transition: all .3s ease-in-out 0s
}

.vote-alert span {
    background-color: #fff;
    padding: 10px 15px;
    top: 50%;
    margin-top: -16px;
    left: 50%;
    margin-left: -75px;
    position: absolute;
    display: block
}

.vote-img {
    height: 100%;
    width: 100%;
    position: relative;
    border: 1px solid #ccd5db
}

.vote-img .vote-img-prev-title {
    width: 100%;
    background-color: #f0f3f4;
    border-bottom: 1px solid #ccd5db;
    height: 40px
}

.vote-img .vote-img-prev-title h1 {
    font-size: 14px;
    color: #37474f;
    line-height: 20px;
    padding: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 250px;
    float: left;
    border: none;
    margin: 0
}

.vote-img .vote-img-prev-title .vote-img-sing-double {
    float: left;
    line-height: 40px
}

.vote-img a.btn-main {
    width: 100%;
    text-align: center;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 1px solid #ccd5db
}

.vote-img a.btn-main,
.vote-img a.btn-main:hover {
    background-color: #1261ff
}

.vote-img .slides {
    position: relative;
    padding-bottom: 5px;
    height: 365px
}

.vote-img .slides .vote-img-desc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding-bottom: 5px
}

.vote-img .slides .vote-img-desc li {
    position: relative;
    font-size: 12px;
    display: none
}

.vote-img .slides .slidesjs-container {
    position: relative;
    margin-bottom: 5px
}

.vote-img .slides .slidesjs-container span {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1000;
    font-size: 18px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 21px
}

.vote-img .slides .slidesjs-container span.active {
    color: #1261ff
}

.vote-img .slides .slidesjs-pagination {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 10px;
    height: 10px
}

.vote-img .slides .slidesjs-pagination li {
    position: relative;
    display: inline-block;
    font-size: 0
}

.vote-img .slides .slidesjs-pagination li a {
    width: 5px;
    height: 5px;
    display: inline-block;
    background-color: #f0f3f4;
    border-radius: 50%;
    margin-right: 5px !important;
    text-indent: 9999px
}

.vote-img .slides .slidesjs-pagination li a.active {
    background-color: #1261ff
}

.vote-img .slides__landscape {
    height: 208px
}

.vote-img .slides__landscape .vote-img-desc {
    justify-content: start;
    padding: 0 10px
}

.vote-img .vote-img-ul {
    position: relative;
    border-left: 1px solid #ccd5db;
    border-right: 1px solid #ccd5db
}

.vote-img .vote-img-ul .vote-img-li {
    position: relative;
    padding: 6px 10px;
    cursor: pointer;
    line-height: 20px
}

.vote-img .vote-img-ul .vote-img-li:hover {
    background-color: #f7f7f7
}

.vote-img .vote-img-ul .vote-img-li:last-child {
    border-bottom: none
}

.vote-img .vote-img-li,
.vote-img h1 {
    border-bottom: 1px solid #e7e7e7
}

.board-pen {
    position: absolute;
    top: 10px;
    left: 10px;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    cursor: pointer;
    background: #1261ff;
    color: #fff;
    text-align: center;
    line-height: 24px;
    transform: translateZ(0);
    z-index: 2
}

.board-pen:hover {
    background-color: #2c72ff
}

.board-close {
    transform: translateZ(0);
    z-index: 2;
    position: absolute;
    top: 10px;
    right: 10px;
    height: 24px;
    width: 24px;
    font-size: 14px;
    background: #ccd5db;
    text-align: center;
    line-height: 24px;
    border-radius: 50%;
    color: #fff;
    cursor: pointer
}

.board-close:hover {
    background-color: #ff7e7e
}

.boarding {
    cursor: url(//lib.eqh5.com/h5_view_2/images/pen2-3f5c6d.svg), auto
}

.board-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .9);
    z-index: 10
}

.board-bg span {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -7px;
    margin-left: -34px;
    font-size: 14px
}

.board-btn {
    position: absolute;
    bottom: 0;
    width: 50%;
    line-height: 25px;
    height: 25px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #e6ebed;
    transform: translateZ(0);
    z-index: 2
}

.board-reset {
    left: 0;
    background-color: #e6ebed
}

.board-end {
    right: 0;
    color: #fff;
    background-color: #1261ff;
    border-color: #1261ff
}

.board-end:hover {
    color: #fff;
    background-color: #2c72ff;
    border-color: #2c72ff
}

.element-pip-button {
    width: 100%;
    height: 100%
}

.element-pip-button>div {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.element-pip-button>div.back {
    display: none
}

.game-turntable-box {
    width: inherit;
    height: inherit;
    padding-top: 40px;
    position: relative
}

.game-turntable-box .silk-bag {
    position: absolute;
    top: 75px;
    left: 35px;
    cursor: pointer
}

.game-turntable-box .silk-bag img {
    width: 50px
}

.turntable-box {
    position: relative;
    width: 300px;
    height: 300px;
    margin: 70px auto 0;
    border-radius: 50%
}

.turntable-box img {
    width: 300px
}

.turntable-container {
    position: absolute;
    left: 36px;
    top: 36px;
    z-index: 1;
    width: 230px;
    height: 230px;
    border-radius: inherit;
    background-clip: padding-box;
    background-color: #ffcb3f;
    -webkit-transition: all 6s ease;
    transition: all 6s ease
}

.turntable-container canvas {
    width: inherit;
    height: inherit;
    border-radius: 50%
}

.turntable-list {
    position: absolute;
    left: 0;
    top: 0;
    width: inherit;
    height: inherit;
    z-index: 2
}

.turntable-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e4370e;
    font-weight: 700;
    text-shadow: 0 1px 1px hsla(0, 0%, 100%, .6)
}

.turntable-item span {
    position: relative;
    display: block;
    padding-top: 20px;
    margin: 0 auto;
    text-align: center;
    -webkit-transform-origin: 50% 115px;
    -ms-transform-origin: 50% 115px;
    transform-origin: 50% 115px
}

.turntable-item span em {
    display: block;
    line-height: 14px;
    width: 50px;
    margin: 0 auto
}

.turntable-item span em.prize-len-2,
.turntable-item span em.prize-len-4 {
    width: 100px;
    line-height: 18px
}

.turntable-item span em.prize-len-6,
.turntable-item span em.prize-len-8 {
    width: 80px
}

.turntable-btn {
    position: absolute;
    left: 110px;
    top: 110px;
    z-index: 3;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    color: #f4e9cc;
    background-color: #e44025;
    line-height: 80px;
    text-align: center;
    font-size: 20px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, .6);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .6);
    text-decoration: none
}

.turntable-btn img {
    width: 80px;
    position: absolute;
    top: -18px;
    left: 0;
    cursor: pointer
}

.turntable-btn.disabled {
    pointer-events: none;
    background: #b07a7b;
    color: #ccc
}

.turntable-btn.disabled:after {
    border-bottom-color: #b07a7b
}

.gb-run {
    -webkit-transition: all 6s ease;
    transition: all 6s ease
}

.mask-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 20;
    background-color: rgba(0, 0, 0, .8);
    color: #fff;
    text-align: center;
    transition: all 6s ease
}

.mask-container .mask-close {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 32px;
    background: url(https://lib.eqh5.com/%40eqxiu-res/h5/mk-close.png) 50% no-repeat;
    background-size: 70%;
    cursor: pointer
}

.mask-container .header {
    display: flex;
    position: relative;
    width: 250px
}

.mask-container .header li {
    line-height: 50px
}

.mask-container .header li:first-child {
    width: 140px
}

.mask-container .header li:nth-child(2) {
    width: 110px
}

.mask-container .header li a {
    display: block;
    font-size: 18px;
    color: #fff
}

.mask-container .mask-btn {
    margin-top: 20px;
    width: 200px;
    height: 46px;
    line-height: 46px;
    padding: 0;
    background-color: #1261ff;
    color: #fff;
    border: none;
    outline: none
}

.mask-container .mask-btn:active,
.mask-container .mask-btn:hover {
    background-color: #2c72ff
}

.mask-container p {
    line-height: 36px;
    font-size: 21px
}

.mask-container img {
    width: 145px
}

.mask-container .win-lottery {
    padding-top: 50px
}

.mask-container .win-lottery img {
    margin: 20px 0
}

.mask-container .win-lottery .level {
    color: #fff500
}

.mask-container .win-lottery .detail {
    font-size: 18px
}

.mask-container .lost-lottery img {
    margin: 80px 0 20px
}

.mask-container .activity-lottery {
    border-top: 1px solid #fff
}

.mask-container .activity-lottery .title {
    width: 75px;
    line-height: 28px;
    color: #526069;
    background-color: #fff;
    font-size: 14px;
    margin-bottom: 10px
}

.mask-container .activity-lottery .explain-container {
    padding: 20px 10px
}

.mask-container .activity-lottery .explain-container .activity-info .prize-list li {
    line-height: 24px;
    text-align: left
}

.mask-container .activity-lottery .explain-container .activity-time {
    margin-top: 20px
}

.mask-container .activity-lottery .explain-container .activity-time p {
    text-align: left;
    font-size: 14px
}

.mask-container .activity-lottery .prize-container {
    position: absolute;
    width: 100%;
    height: 400px;
    bottom: 30px;
    top: 70px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.mask-container .activity-lottery .prize-container .prize-info {
    margin: 0 auto 20px;
    width: 260px;
    min-height: 80px;
    border: 2px solid #fff;
    padding-top: 16px;
    text-align: left;
    position: relative
}

.mask-container .activity-lottery .prize-container .prize-info .ticket-img {
    width: 35px;
    height: 32px;
    background: url(https://lib.eqh5.com/%40eqxiu-res/h5/mk-ticket.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: -2px;
    left: -2px
}

.mask-container .activity-lottery .prize-container .prize-info .code-period,
.mask-container .activity-lottery .prize-container .prize-info .isEmptyAward {
    margin-left: 12px;
    line-height: 18px;
    font-size: 14px
}

.mask-container .activity-lottery .prize-container .prize-info .code-period {
    font-size: 12px
}

.mask-container .arrow {
    margin-top: 20px;
    width: 70px;
    height: 3px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 35px
}

.mask-container .arrow.detail {
    left: 45px
}

.mask-container .arrow.my-prize {
    left: 145px
}

.mask-container .arrow:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid #fff;
    width: 0;
    right: 0;
    margin: auto
}

.lottery-container {
    padding-top: 20px;
    line-height: 36px;
    text-align: center;
    font-size: 20px;
    letter-spacing: 3px
}

.lottery-container p {
    color: #fcfaf8
}

.lottery-container p,
.lottery-container span {
    text-shadow: #ed3835 -1px -1px 0, #ed3835 0 -1px 0, #ed3835 1px -1px 0, #ed3835 1px 0 0, #ed3835 1px 1px 0, #ed3835 0 1px 0, #ed3835 -1px 1px 0, #ed3835 -1px 0 0 !important
}

.lottery-container span {
    display: inline-block;
    color: #fff500
}

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

    to {
        transform: rotate(100turn)
    }
}

@-webkit-keyframes landRotate {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(100turn)
    }
}

@-o-keyframes landRotate {
    0% {
        -o-transform: rotate(0deg)
    }

    to {
        -o-transform: rotate(100turn)
    }
}

@-moz-keyframes landRotate {
    0% {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(100turn)
    }
}

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

    to {
        transform: rotate(-100turn)
    }
}

@-webkit-keyframes eggRotate {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(-100turn)
    }
}

@-o-keyframes eggRotate {
    0% {
        -o-transform: rotate(0deg)
    }

    to {
        -o-transform: rotate(-100turn)
    }
}

@-moz-keyframes eggRotate {
    0% {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(-100turn)
    }
}

@keyframes zIndex {
    0% {
        z-index: 1
    }

    25% {
        z-index: -1
    }

    55% {
        z-index: -1
    }

    75% {
        z-index: 1
    }
}

@-webkit-keyframes zIndex {
    0% {
        z-index: 1
    }

    25% {
        z-index: -1
    }

    55% {
        z-index: -1
    }

    75% {
        z-index: 1
    }
}

@-o-keyframes zIndex {
    0% {
        z-index: 1
    }

    25% {
        z-index: -1
    }

    55% {
        z-index: -1
    }

    75% {
        z-index: 1
    }
}

@-moz-keyframes zIndex {
    0% {
        z-index: 1
    }

    25% {
        z-index: -1
    }

    55% {
        z-index: -1
    }

    75% {
        z-index: 1
    }
}

@keyframes hammer {
    50% {
        transform: rotate(15deg)
    }
}

@-webkit-keyframes hammer {
    50% {
        -webkit-transform: rotate(15deg)
    }
}

@-o-keyframes hammer {
    50% {
        -o-transform: rotate(15deg)
    }
}

@-moz-keyframes hammer {
    50% {
        -moz-transform: rotate(15deg)
    }
}

.game-box {
    width: inherit;
    height: inherit;
    overflow: hidden;
    background: url(https://lib.eqh5.com/%40eqxiu-res/h5/bg-egg.jpg) no-repeat;
    position: relative
}

.game-box .silk-bag {
    position: absolute;
    top: 75px;
    left: 35px;
    z-index: 10;
    cursor: pointer
}

.game-box .silk-bag img {
    width: 50px
}

.game-box .stage {
    position: relative;
    width: 100%;
    height: 470px;
    overflow: hidden
}

.game-box .stage img.tray {
    margin-top: 10px;
    width: 100%;
    height: 100%
}

.game-box .land-box {
    width: 320px;
    height: 320px;
    position: absolute;
    bottom: 7%;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    animation: landRotate 1000s linear;
    -webkit-animation: landRotate 1000s linear;
    -moz-animation: landRotate 1000s linear;
    -o-animation: landRotate 1000s linear
}

.game-box .egg.pause,
.game-box .land-box.pause {
    -webkit-animation: none !important;
    -moz-animation: none !important;
    animation: none !important;
    -o-animation: none !important
}

.game-box .egg {
    width: 150px;
    height: 174px;
    transform-origin: center;
    -webkit-transform-origin: center;
    background: url(https://lib.eqh5.com/%40eqxiu-res/h5/egg.png) no-repeat 50%;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 100%
}

.game-box .egg:first-child {
    margin-top: 45%;
    animation: eggRotate 1000s linear, zIndex 10s linear 0ms infinite;
    -webkit-animation: eggRotate 1000s linear, zIndex 10s linear 0ms infinite;
    -moz-animation: eggRotate 1000s linear, zIndex 10s 0ms infinite linear;
    -o-animation: eggRotate 1000s linear, zIndex 10s 0ms infinite linear
}

.game-box .egg:nth-child(2) {
    margin-top: 10%;
    margin-left: 8%;
    animation: eggRotate 1000s linear, zIndex 10s linear -2.5s infinite;
    -webkit-animation: eggRotate 1000s linear, zIndex 10s linear -2.5s infinite;
    -moz-animation: eggRotate 1000s linear, zIndex 10s -2.5s infinite linear;
    -o-animation: eggRotate 1000s linear, zIndex 10s -2.5s infinite linear
}

.game-box .egg:nth-child(3) {
    margin-top: 10%;
    margin-right: 8%;
    animation: eggRotate 1000s linear, zIndex 10s linear -5.5s infinite;
    -webkit-animation: eggRotate 1000s linear, zIndex 10s linear -5.5s infinite;
    -moz-animation: eggRotate 1000s linear, zIndex 10s -5.5s infinite linear;
    -o-animation: eggRotate 1000s linear, zIndex 10s -5.5s infinite linear
}

.game-box .egg-smash {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 18%;
    width: 150px;
    max-width: none;
    display: none
}

.game-box .hammer {
    position: absolute;
    z-index: 10;
    left: -30%;
    top: -30%;
    width: 104px;
    display: block;
    max-width: none;
    animation: hammer .5s alternate;
    -webkit-animation: hammer .5s alternate;
    -moz-animation: hammer .5s alternate;
    -o-animation: hammer .5s alternate;
    transform-origin: bottom left;
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    -ms-transform-origin: bottom left
}

.game-box .lottery-container {
    padding-top: 0
}

.game-scratch-box {
    width: inherit;
    height: inherit;
    overflow: hidden;
    background: url(https://lib.eqh5.com/%40eqxiu-res/h5/sc-homeBg.jpg) no-repeat
}

.game-scratch-box .main-box {
    width: 320px;
    margin: 70px 0 0 30px;
    text-align: center;
    position: relative
}

.game-scratch-box .main-box .silk-bag {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 10;
    cursor: pointer
}

.game-scratch-box .main-box .silk-bag img {
    width: 50px
}

.game-scratch-box .main-box .title-box {
    width: inherit;
    margin-bottom: 30px
}

.game-scratch-box .main-box .title-box img {
    width: inherit
}

.game-scratch-box .main-box .title-down {
    animation: bounceInDown 1s ease 1;
    -webkit-animation: bounceInDown 1s ease 1;
    -moz-animation: bounceInDown 1s ease 1;
    -o-animation: bounceInDown 1s ease 1
}

.game-scratch-box .main-box .draw-area-box {
    width: 280px;
    height: 135px;
    margin: 0 auto;
    position: relative
}

.game-scratch-box .main-box .draw-area-box .draw-area-bg {
    width: inherit;
    height: inherit;
    background: url(https://lib.eqh5.com/%40eqxiu-res/h5/sc-scratchBg.png) 50% no-repeat;
    background-size: 100%
}

.game-scratch-box .main-box .draw-area-box .draw-area {
    width: 260px;
    height: 112px;
    position: absolute;
    top: 9px;
    left: 10px;
    background: url(https://lib.eqh5.com/%40eqxiu-res/h5/sc-scratch.jpg) 50% no-repeat;
    background-size: 100%
}

.game-scratch-box .main-box .draw-area-box .draw-area .award-result {
    width: inherit;
    height: inherit
}

.game-scratch-box .main-box .draw-area-box .draw-area .award-result .award {
    width: 100%;
    height: 100%;
    background: url(https://lib.eqh5.com/%40eqxiu-res/h5/sc-award.jpg) 50% no-repeat;
    background-size: 100%
}

.game-scratch-box .main-box .draw-area-box .draw-area .award-result .award.win-award {
    display: none
}

.game-scratch-box .main-box .draw-area-box .draw-area .award-result .award.win-award p {
    text-align: center;
    color: #fb6e55;
    font-size: 24px;
    padding-top: 70px
}

.game-scratch-box .main-box .draw-area-box .draw-area .award-result .award.lost-award {
    display: none;
    background-image: url(https://lib.eqh5.com/%40eqxiu-res/h5/sc-partic.jpg)
}

.game-scratch-box .main-box .draw-area-box .draw-area .card-canvas {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px)
    }

    to {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes bounceInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -moz-transform: translateY(30px)
    }

    80% {
        -moz-transform: translateY(-10px)
    }

    to {
        -moz-transform: translateY(0)
    }
}

@-o-keyframes bounceInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -o-transform: translateY(30px)
    }

    80% {
        -o-transform: translateY(-10px)
    }

    to {
        -o-transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px)
    }

    to {
        -webkit-transform: translateY(0)
    }
}

.nine-square-box #start,
.nine-square-box .prize,
.nine-square-box .start-button,
.square {
    width: 70px;
    height: 70px;
    border-radius: 5px;
    text-align: center
}

.nine-square-box {
    width: inherit;
    height: inherit;
    overflow: hidden;
    background: url(https://lib.eqh5.com/%40eqxiu-res/h5/nineSquareBg.jpg) no-repeat top;
    -webkit-background-size: cover;
    background-size: cover
}

.nine-square-box .main-box {
    position: relative;
    width: 320px;
    margin: 70px 0 0 30px;
    padding-top: 60px
}

.nine-square-box .main-box .silk-bag {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 10;
    cursor: pointer
}

.nine-square-box .main-box .silk-bag img {
    width: 50px
}

.nine-square-box .lottery-box {
    position: relative;
    width: 290px;
    height: 290px;
    margin: 0 auto
}

.nine-square-box .lottery-box .lottery-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.nine-square-box .lottery-box .nine-square {
    position: absolute;
    z-index: 5;
    width: 320px;
    height: 100%;
    padding: 20px 30px
}

.nine-square-box #start {
    margin: 0 auto;
    display: block;
    text-align: center;
    text-decoration: none
}

.nine-square-box #start img {
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.nine-square-box .prize {
    position: relative;
    background: url(https://lib.eqh5.com/%40eqxiu-res/h5/ns-prizeBg.png) no-repeat 50%/cover;
    color: #9e3901;
    text-shadow: 1px 1px 2px;
    width: 70px;
    height: 70px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px
}

.nine-square-box .prize .thanks-prize {
    width: 60px;
    height: 60px
}

.nine-square-box .prize .prize-icon {
    margin-top: 5px;
    width: 60px;
    height: 40px
}

.nine-square-box .prize .prize-text {
    color: #fb9f50;
    line-height: 20px;
    font-size: 8px
}

.nine-square-box .prize .prize-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    background: rgba(0, 0, 0, .7);
    display: none
}

.nine-square-box .start-button {
    position: relative;
    color: #9e3901;
    text-shadow: 1px 1px 2px;
    width: 70px;
    height: 70px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px
}

.nine-square-box .on .prize-mask {
    display: block
}

.eqx-qrcode canvas,
.eqx-qrcode img {
    width: 100%;
    height: 100%
}

.eqc-dialog-base,
.eqc-dialog-base .mask {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.eqc-dialog-base {
    z-index: 9999;
    animation: fade-in .3s
}

.eqc-dialog-base .mask {
    background: rgba(0, 0, 0, .6)
}

.eqc-dialog-base .content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.eqc-dialog-base.close {
    animation: fade-out .3s
}

.eqc-dialog-login {
    position: relative;
    width: 800px;
    height: 540px;
    background: #fff;
    transition: height .3s
}

.eqd-buy-member[data-v-0c4e8ff5] {
    width: 100%;
    height: 100%;
    z-index: 9999
}

.eqd-buy-member iframe[data-v-0c4e8ff5] {
    width: 100%;
    height: 100%
}

.eqc-dialog-material-lib {
    position: relative;
    width: 100%;
    height: 100%;
    transition: height .3s
}

.saturation {
    position: relative;
    cursor: pointer
}

.saturation .slide {
    position: absolute;
    left: 100px;
    top: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #fff;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, .3);
    pointer-events: none
}

.hue {
    position: relative;
    margin-left: 8px;
    cursor: pointer
}

.hue .slide {
    position: absolute;
    left: 0;
    top: 100px;
    width: 100%;
    height: 4px;
    background: #fff;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .3);
    pointer-events: none
}

.color-alpha {
    position: relative;
    margin-left: 8px;
    cursor: pointer
}

.color-alpha .slide {
    position: absolute;
    left: 0;
    top: 100px;
    width: 100%;
    height: 4px;
    background: #fff;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .3);
    pointer-events: none
}

.sucker {
    width: 30px;
    fill: #9099a4;
    background: #2e333a;
    cursor: pointer;
    transition: all .3s
}

.sucker.active,
.sucker:hover {
    fill: #1593ff
}

.color-type {
    display: flex;
    margin-top: 8px;
    font-size: 12px
}

.color-type .name {
    width: 60px;
    height: 30px;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #999;
    background: #252930
}

.color-type .value {
    flex: 1;
    height: 30px;
    min-width: 100px;
    padding: 0 12px;
    border: 0;
    color: #fff;
    background: #2e333a;
    box-sizing: border-box
}

.colors {
    padding: 0;
    margin: 0
}

.colors.history {
    margin-top: 10px;
    border-top: 1px solid #2e333a
}

.colors .item {
    position: relative;
    width: 16px;
    height: 16px;
    margin: 10px 0 0 10px;
    border-radius: 3px;
    box-sizing: border-box;
    vertical-align: top;
    display: inline-block;
    transition: all .1s;
    cursor: pointer
}

.colors .item:nth-child(8n+1) {
    margin-left: 0
}

.colors .item:hover {
    transform: scale(1.4)
}

.colors .item .alpha {
    height: 100%;
    border-radius: 4px
}

.colors .item .color {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px
}

.eqx-fap-color-picker {
    position: absolute;
    padding: 10px;
    background: #1d2024;
    border-radius: 4px;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .16);
    z-index: 9999
}

.eqx-fap-color-picker.light {
    background: #f7f8f9
}

.eqx-fap-color-picker.light .color-show .sucker {
    background: #eceef0
}

.eqx-fap-color-picker.light .color-type .name {
    background: #e7e8e9
}

.eqx-fap-color-picker.light .color-type .value {
    color: #666;
    background: #eceef0
}

.eqx-fap-color-picker.light .colors.history {
    border-top: 1px solid #eee
}

.eqx-fap-color-picker canvas {
    vertical-align: top
}

.eqx-fap-color-picker .color-set {
    display: flex
}

.eqx-fap-color-picker .color-show {
    margin-top: 8px;
    display: flex
}

.eqc-notifier {
    position: fixed;
    left: 50%;
    height: 36px;
    padding-right: 10px;
    line-height: 36px;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .16);
    border-radius: 3px;
    background: #fff;
    z-index: 100;
    transform: translateX(-50%);
    animation: fade-in .3s;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center
}

.eqc-notifier .icon {
    margin: 10px;
    font-size: 16px
}

.eqc-notifier .close {
    margin: 8px;
    font-size: 20px;
    color: #666;
    transition: all .3s;
    cursor: pointer
}

.eqc-notifier .close:hover {
    color: #ff296a
}

.eqc-notifier.success {
    color: #1bc7b1
}

.eqc-notifier.fail {
    color: #ff296a
}

.eqc-notifier.info {
    color: #1565ff
}

.eqc-notifier.warn {
    color: #f89300
}

.eqc-notifier.close {
    animation: fade-out .3s
}

.el-pagination--small .arrow.disabled,
.el-table--hidden,
.el-table .el-table__cell.is-hidden>*,
.el-table .hidden-columns {
    visibility: hidden
}

.el-dropdown .el-dropdown-selfdefine:focus:active,
.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing),
.el-message__closeBtn:focus,
.el-message__content:focus,
.el-popover:focus,
.el-popover:focus:active,
.el-popover__reference:focus:hover,
.el-popover__reference:focus:not(.focusing),
.el-rate:active,
.el-rate:focus,
.el-tooltip:focus:hover,
.el-tooltip:focus:not(.focusing),
.el-upload-list__item.is-success:active,
.el-upload-list__item.is-success:not(.focusing):focus {
    outline-width: 0
}

.el-input__suffix,
.el-tree.is-dragging .el-tree-node__content * {
    pointer-events: none
}

.el-icon-loading {
    -webkit-animation: rotating 2s linear infinite
}

.el-pagination button,
.el-pagination span:not([class*=suffix]) {
    -webkit-box-sizing: border-box
}

.el-pagination .el-input__suffix {
    -webkit-transform: scale(.8)
}

.el-pagination button {
    background: 0 0
}

.el-pagination button:focus {
    outline: 0
}

.el-pagination button:hover {
    color: #409eff
}

.el-pagination .btn-next,
.el-pagination .btn-prev {
    background: 50% no-repeat #fff
}

.el-pager li,
.el-pager li.btn-quicknext:hover,
.el-pager li.btn-quickprev:hover {
    cursor: pointer
}

.el-pagination--small .el-pagination__editor,
.el-pagination--small .el-pagination__editor.el-input .el-input__inner {
    height: 22px
}

.el-pagination__sizes .el-input .el-input__inner:hover {
    border-color: #409eff
}

.el-pagination__editor {
    -webkit-box-sizing: border-box
}

.el-pager,
.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev {
    padding: 0
}

.el-pagination.is-background .btn-next.disabled,
.el-pagination.is-background .btn-next:disabled,
.el-pagination.is-background .btn-prev.disabled,
.el-pagination.is-background .btn-prev:disabled,
.el-pagination.is-background .el-pager li.disabled {
    color: #c0c4cc
}

.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: #409eff
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #409eff
}

.el-dialog,
.el-pager li {
    background: #fff;
    -webkit-box-sizing: border-box
}

.el-pager,
.el-pager li {
    vertical-align: top;
    margin: 0;
    display: inline-block
}

.el-pager {
    -ms-user-select: none
}

.el-date-table,
.el-pager,
.el-table th.el-table__cell {
    -webkit-user-select: none;
    -moz-user-select: none
}

.el-menu--collapse .el-menu .el-submenu,
.el-menu--popup {
    min-width: 200px
}

.el-pager li.active,
.el-pager li:hover {
    color: #409eff
}

@-webkit-keyframes v-modal-in {
    0% {
        opacity: 0
    }
}

@-webkit-keyframes v-modal-out {
    to {
        opacity: 0
    }
}

.el-dialog {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

.el-dialog__headerbtn {
    background: 0 0;
    outline: 0
}

.el-dialog__headerbtn:focus .el-dialog__close,
.el-dialog__headerbtn:hover .el-dialog__close {
    color: #409eff
}

.el-dialog__footer {
    -webkit-box-sizing: border-box
}

.dialog-fade-enter-active {
    -webkit-animation: dialog-fade-in .3s
}

.dialog-fade-leave-active {
    -webkit-animation: dialog-fade-out .3s
}

@-webkit-keyframes dialog-fade-in {
    0% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes dialog-fade-out {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
}

.el-autocomplete-suggestion {
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box
}

.el-dropdown-menu,
.el-menu--collapse .el-submenu .el-menu {
    z-index: 10;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.el-autocomplete-suggestion__wrap {
    -webkit-box-sizing: border-box
}

.el-autocomplete-suggestion li.highlighted,
.el-autocomplete-suggestion li:hover {
    background-color: #f5f7fa
}

.el-dropdown-menu__item {
    outline: 0
}

.el-dropdown-menu__item:focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: #ecf5ff;
    color: #66b1ff
}

.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,
.el-menu--horizontal>.el-submenu .el-submenu__title:hover {
    background-color: #fff
}

.el-menu--horizontal>.el-submenu:focus,
.el-menu--horizontal>.el-submenu:hover {
    outline: 0
}

.el-menu--horizontal>.el-submenu.is-active .el-submenu__title {
    border-bottom: 2px solid #409eff
}

.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
    outline: 0
}

.el-menu--horizontal>.el-menu-item.is-active {
    border-bottom: 2px solid #409eff
}

.el-menu-item,
.el-submenu__title {
    height: 56px;
    line-height: 56px;
    position: relative;
    -webkit-box-sizing: border-box;
    white-space: nowrap;
    list-style: none
}

.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow {
    -webkit-transform: none
}

.el-menu--popup {
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.el-menu-item {
    -webkit-transition: border-color .3s, background-color .3s, color .3s
}

.el-menu-item:focus,
.el-menu-item:hover {
    outline: 0;
    background-color: #ecf5ff
}

.el-menu-item.is-disabled {
    background: 0 0 !important
}

.el-menu-item.is-active {
    color: #409eff
}

.el-submenu__title {
    -webkit-transition: border-color .3s, background-color .3s, color .3s
}

.el-submenu__title:focus,
.el-submenu__title:hover {
    outline: 0;
    background-color: #ecf5ff
}

.el-submenu__title.is-disabled {
    background: 0 0 !important
}

.el-submenu__title:hover {
    background-color: #ecf5ff
}

.el-submenu__icon-arrow {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.el-submenu.is-active .el-submenu__title {
    border-bottom-color: #409eff
}

.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow {
    -webkit-transform: rotate(180deg)
}

.el-submenu.is-disabled .el-menu-item,
.el-submenu.is-disabled .el-submenu__title {
    background: 0 0 !important
}

.el-radio-button__inner,
.el-radio-group {
    display: inline-block;
    line-height: 1;
    vertical-align: middle
}

.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow {
    -webkit-transition: .2s
}

.el-radio-button {
    outline: 0
}

.el-radio-button__inner {
    -webkit-box-sizing: border-box;
    outline: 0;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.el-radio-button__inner:hover {
    color: #409eff
}

.el-radio-button:first-child .el-radio-button__inner {
    -webkit-box-shadow: none !important
}

.el-radio-button__orig-radio {
    outline: 0
}

.el-radio-button__orig-radio:checked+.el-radio-button__inner {
    background-color: #409eff;
    border-color: #409eff;
    -webkit-box-shadow: -1px 0 0 0 #409eff;
    box-shadow: -1px 0 0 0 #409eff
}

.el-radio-button__orig-radio:disabled+.el-radio-button__inner {
    -webkit-box-shadow: none
}

.el-popover,
.el-radio-button:first-child:last-child .el-radio-button__inner {
    border-radius: 4px
}

.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
    -webkit-box-shadow: 0 0 2px 2px #409eff;
    box-shadow: 0 0 2px 2px #409eff
}

.el-switch {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.el-switch__core,
.el-switch__label {
    display: inline-block;
    cursor: pointer
}

.el-switch__label {
    -webkit-transition: .2s
}

.el-switch__label.is-active {
    color: #409eff
}

.el-switch__core {
    outline: 0;
    -webkit-box-sizing: border-box;
    -webkit-transition: border-color .3s, background-color .3s
}

.el-switch__core:after {
    -webkit-transition: all .3s
}

.el-switch.is-checked .el-switch__core {
    border-color: #409eff;
    background-color: #409eff
}

.el-select-dropdown {
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    color: #409eff
}

.el-select-dropdown__item,
.el-select-dropdown__list {
    -webkit-box-sizing: border-box
}

.el-select-dropdown__item.selected {
    color: #409eff
}

.el-select .el-input__inner:focus {
    border-color: #409eff
}

.el-select .el-input .el-select__caret {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: rotate(180deg)
}

.el-select .el-input .el-select__caret.is-reverse {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.el-select .el-input .el-select__caret.is-show-close {
    -webkit-transform: rotate(180deg);
    -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-select .el-input.is-focus .el-input__inner {
    border-color: #409eff
}

.el-select__input {
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none
}

.el-select__tags {
    -webkit-transform: translateY(-50%);
    -ms-flex-wrap: wrap
}

.el-select .el-tag,
.el-select__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.el-select .el-tag {
    -webkit-box-sizing: border-box
}

.el-select .el-tag__close.el-icon-close {
    -ms-flex-negative: 0
}

.el-table,
.el-table__expanded-cell {
    background-color: #fff
}

.el-select .el-tag__close.el-icon-close:before {
    -webkit-transform: translateY(.5px)
}

.el-table {
    -webkit-box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1
}

.el-table--mini,
.el-table--small,
.el-table__expand-icon {
    font-size: 12px
}

.el-table__empty-block {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.el-table__expand-icon {
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

.el-table__expand-icon--expanded {
    -webkit-transform: rotate(90deg)
}

.el-table .el-table__cell {
    -webkit-box-sizing: border-box
}

.el-table--border .el-table__cell:first-child .cell,
.el-table .cell {
    padding-left: 10px
}

.el-table th.el-table__cell {
    -ms-user-select: none
}

.el-table th.el-table__cell>.cell {
    -webkit-box-sizing: border-box
}

.el-table th.el-table__cell>.cell.highlight {
    color: #409eff
}

.el-table .cell,
.el-table td.el-table__cell div {
    -webkit-box-sizing: border-box
}

.el-table--border .el-table__cell,
.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
    border-right: 1px solid #ebeef5
}

.el-table--border th.el-table__cell,
.el-table__fixed-right-patch {
    border-bottom: 1px solid #ebeef5
}

.el-table__fixed,
.el-table__fixed-right {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .12)
}

.el-table__body-wrapper.is-scrolling-left~.el-table__fixed,
.el-table__body-wrapper.is-scrolling-none~.el-table__fixed,
.el-table__body-wrapper.is-scrolling-none~.el-table__fixed-right,
.el-table__body-wrapper.is-scrolling-right~.el-table__fixed-right {
    -webkit-box-shadow: none;
    box-shadow: none
}

.el-picker-panel,
.el-table-filter {
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.el-table .caret-wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.el-table .ascending .sort-caret.ascending {
    border-bottom-color: #409eff
}

.el-table .descending .sort-caret.descending {
    border-top-color: #409eff
}

.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell,
.el-table__body tr.current-row>td.el-table__cell {
    background-color: #ecf5ff
}

.el-table__column-filter-trigger i {
    -webkit-transform: scale(.75)
}

.el-table--enable-row-transition .el-table__body td.el-table__cell {
    -webkit-transition: background-color .25s ease
}

.el-table-filter {
    -webkit-box-sizing: border-box
}

.el-date-table td,
.el-date-table td div {
    height: 30px;
    -webkit-box-sizing: border-box
}

.el-table-filter__list-item:hover {
    background-color: #ecf5ff;
    color: #66b1ff
}

.el-table-filter__list-item.is-active {
    background-color: #409eff
}

.el-table-filter__bottom button {
    background: 0 0
}

.el-date-table.is-week-mode .el-date-table__row.current div,
.el-date-table.is-week-mode .el-date-table__row:hover div,
.el-date-table td.in-range div,
.el-date-table td.in-range div:hover {
    background-color: #f2f6fc
}

.el-table-filter__bottom button:hover {
    color: #409eff
}

.el-table-filter__bottom button:focus {
    outline: 0
}

.el-date-table {
    -ms-user-select: none
}

.el-date-table td span {
    -webkit-transform: translateX(-50%)
}

.el-date-table td.available:hover,
.el-date-table td.today span {
    color: #409eff
}

.el-date-table td.current:not(.disabled) span,
.el-date-table td.end-date span,
.el-date-table td.selected span,
.el-date-table td.start-date span {
    background-color: #409eff
}

.el-month-table,
.el-year-table {
    font-size: 12px;
    border-collapse: collapse
}

.el-month-table td div {
    -webkit-box-sizing: border-box
}

.el-month-table td .cell:hover,
.el-month-table td.today .cell {
    color: #409eff
}

.el-month-table td.in-range div,
.el-month-table td.in-range div:hover {
    background-color: #f2f6fc
}

.el-month-table td.end-date .cell,
.el-month-table td.start-date .cell {
    background-color: #409eff
}

.el-month-table td.current:not(.disabled) .cell,
.el-year-table td .cell:hover,
.el-year-table td.current:not(.disabled) .cell,
.el-year-table td.today .cell {
    color: #409eff
}

.el-date-picker__time-header,
.el-date-range-picker__content,
.el-date-range-picker__editors-wrap,
.el-date-range-picker__time-header {
    -webkit-box-sizing: border-box
}

.el-date-picker__header-label.active,
.el-date-picker__header-label:hover,
.time-select-item.selected:not(.disabled) {
    color: #409eff
}

.el-date-editor .el-range-input,
.el-date-editor .el-range-separator {
    height: 100%;
    margin: 0;
    text-align: center;
    display: inline-block;
    font-size: 14px
}

.el-date-editor .el-range-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: 0
}

.el-date-editor .el-range-input::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-date-editor .el-range-input:-ms-input-placeholder {
    color: #c0c4cc
}

.el-date-editor .el-range-input::-ms-input-placeholder {
    color: #c0c4cc
}

.el-range-editor.el-input__inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.el-range-editor.is-active,
.el-range-editor.is-active:hover {
    border-color: #409eff
}

.el-range-editor.is-disabled input::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-range-editor.is-disabled input:-ms-input-placeholder {
    color: #c0c4cc
}

.el-range-editor.is-disabled input::-ms-input-placeholder {
    color: #c0c4cc
}

.el-popover,
.el-time-panel {
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.el-picker-panel__shortcut {
    outline: 0
}

.el-picker-panel__shortcut.active,
.el-picker-panel__shortcut:hover {
    color: #409eff
}

.el-picker-panel__btn {
    outline: 0
}

.el-picker-panel__icon-btn {
    background: 0 0;
    outline: 0
}

.el-picker-panel__icon-btn:hover {
    color: #409eff
}

.el-picker-panel [slot=sidebar],
.el-picker-panel__sidebar {
    -webkit-box-sizing: border-box
}

.el-time-spinner__input.el-input .el-input__inner,
.el-time-spinner__list {
    padding: 0;
    text-align: center
}

.el-time-spinner__wrapper.is-arrow {
    -webkit-box-sizing: border-box
}

.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
    -webkit-transform: translateY(-32px)
}

.el-time-spinner__arrow:hover {
    color: #409eff
}

.el-time-panel {
    -webkit-box-sizing: content-box
}

.el-slider__button,
.el-slider__button-wrapper,
.el-time-panel {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.el-time-panel__content:after,
.el-time-panel__content:before,
.el-time-panel__footer {
    -webkit-box-sizing: border-box
}

.el-time-panel__btn {
    outline: 0
}

.el-time-panel__btn.confirm {
    color: #409eff
}

.el-time-range-picker__cell {
    -webkit-box-sizing: border-box
}

.v-modal-enter {
    -webkit-animation: v-modal-in .2s ease
}

.v-modal-leave {
    -webkit-animation: v-modal-out .2s ease forwards
}

.el-message-box {
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    -webkit-backface-visibility: hidden
}

.el-message-box__headerbtn {
    outline: 0;
    background: 0 0
}

.el-form-item.is-error .el-input__inner,
.el-form-item.is-error .el-input__inner:focus,
.el-form-item.is-error .el-textarea__inner,
.el-form-item.is-error .el-textarea__inner:focus,
.el-message-box__input input.invalid,
.el-message-box__input input.invalid:focus {
    border-color: #f56c6c
}

.el-message-box__headerbtn:focus .el-message-box__close,
.el-message-box__headerbtn:hover .el-message-box__close {
    color: #409eff
}

.el-message-box__status {
    -webkit-transform: translateY(-50%)
}

.el-message-box__status.el-icon-success {
    color: #67c23a
}

.el-message-box__status.el-icon-warning {
    color: #e6a23c
}

.el-message-box__errormsg,
.el-message-box__status.el-icon-error {
    color: #f56c6c
}

.el-message-box__btns-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse
}

.el-message-box--center .el-message-box__title {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center
}

.el-message-box--center .el-message-box__status {
    -webkit-transform: translateY(-1px)
}

.msgbox-fade-enter-active {
    -webkit-animation: msgbox-fade-in .3s
}

.msgbox-fade-leave-active {
    -webkit-animation: msgbox-fade-out .3s
}

@-webkit-keyframes msgbox-fade-in {
    0% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes msgbox-fade-out {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
}

.el-breadcrumb__inner.is-link,
.el-breadcrumb__inner a {
    -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-breadcrumb__inner.is-link:hover,
.el-breadcrumb__inner a:hover {
    color: #409eff
}

.el-form-item--mini.el-form-item,
.el-form-item--small.el-form-item {
    margin-bottom: 18px
}

.el-form-item--medium .el-form-item__content,
.el-form-item--medium .el-form-item__label {
    line-height: 36px
}

.el-form-item--small .el-form-item__content,
.el-form-item--small .el-form-item__label {
    line-height: 32px
}

.el-form-item--mini .el-form-item__content,
.el-form-item--mini .el-form-item__label {
    line-height: 28px
}

.el-form-item__label {
    -webkit-box-sizing: border-box
}

.el-form-item.is-error .el-input__validateIcon,
.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before,
.el-form-item__error {
    color: #f56c6c
}

.el-tabs__active-bar {
    background-color: #409eff;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);
    transition: -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);
    transition: transform .3s cubic-bezier(.645, .045, .355, 1), -webkit-transform .3s cubic-bezier(.645, .045, .355, 1)
}

.el-tabs__new-tab {
    -webkit-transition: all .15s
}

.el-collapse-item__arrow,
.el-tabs__nav {
    -webkit-transition: -webkit-transform .3s
}

.el-tabs__new-tab .el-icon-plus {
    -webkit-transform: scale(.8)
}

.el-tabs__new-tab:hover {
    color: #409eff
}

.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap:after,
.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap:after {
    content: none
}

.el-tabs__nav-wrap.is-scrollable {
    -webkit-box-sizing: border-box
}

.el-tabs__nav {
    transition: -webkit-transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.el-tabs__nav.is-stretch {
    display: -webkit-box;
    display: -ms-flexbox
}

.el-tabs__nav.is-stretch>* {
    -webkit-box-flex: 1;
    -ms-flex: 1
}

.el-tabs__item {
    -webkit-box-sizing: border-box
}

.el-tabs__item:focus,
.el-tabs__item:focus:active {
    outline: 0
}

.el-tabs__item:focus.is-active.is-focus:not(:active) {
    -webkit-box-shadow: 0 0 2px 2px #409eff inset;
    box-shadow: inset 0 0 2px 2px #409eff
}

.el-tabs__item .el-icon-close {
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.el-tabs__item .el-icon-close:before {
    -webkit-transform: scale(.9)
}

.el-tabs__item.is-active,
.el-tabs__item:hover {
    color: #409eff
}

.el-tabs--card>.el-tabs__header .el-tabs__nav {
    -webkit-box-sizing: border-box
}

.el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close {
    -webkit-transform-origin: 100% 50%
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close,
.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close {
    width: 14px
}

.el-tabs--card>.el-tabs__header .el-tabs__item {
    -webkit-transition: color .3s cubic-bezier(.645, .045, .355, 1), padding .3s cubic-bezier(.645, .045, .355, 1)
}

.el-tabs--border-card {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 6px 0 rgba(0, 0, 0, .04)
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item {
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item,
.el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child {
    margin-left: -1px
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active,
.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
    color: #409eff
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,
.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i {
    -webkit-transform: rotate(90deg)
}

.el-tabs--left .el-tabs__active-bar.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-left:after {
    right: 0;
    left: auto
}

.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left,
.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
    display: none
}

.slideInRight-enter {
    -webkit-animation: slideInRight-enter .3s
}

.slideInRight-leave {
    -webkit-animation: slideInRight-leave .3s
}

.slideInLeft-enter {
    -webkit-animation: slideInLeft-enter .3s
}

.slideInLeft-leave {
    -webkit-animation: slideInLeft-leave .3s
}

@-webkit-keyframes slideInRight-enter {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideInRight-leave {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }
}

@-webkit-keyframes slideInLeft-enter {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideInLeft-leave {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }
}

.el-tree__empty-text {
    -webkit-transform: translate(-50%, -50%)
}

.el-tree__drop-indicator {
    background-color: #409eff
}

.el-tree-node {
    outline: 0
}

.el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label {
    background-color: #409eff
}

.el-tree-node__content {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.el-tree-node__expand-icon {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.el-tree-node__expand-icon.expanded {
    -webkit-transform: rotate(90deg)
}

.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
    background-color: #f0f7ff
}

.el-alert {
    -webkit-box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-transition: opacity .2s
}

.el-alert.is-dark .el-alert__closebtn,
.el-alert.is-dark .el-alert__description {
    color: #fff
}

.el-alert.is-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center
}

.el-alert--success.is-light {
    background-color: #f0f9eb;
    color: #67c23a
}

.el-alert--success.is-light .el-alert__description {
    color: #67c23a
}

.el-alert--success.is-dark {
    background-color: #67c23a
}

.el-alert--warning.is-light {
    background-color: #fdf6ec;
    color: #e6a23c
}

.el-alert--warning.is-light .el-alert__description {
    color: #e6a23c
}

.el-alert--warning.is-dark {
    background-color: #e6a23c
}

.el-alert--error.is-light {
    background-color: #fef0f0;
    color: #f56c6c
}

.el-alert--error.is-light .el-alert__description {
    color: #f56c6c
}

.el-alert--error.is-dark {
    background-color: #f56c6c
}

.el-alert-fade-enter,
.el-alert-fade-leave-active,
.el-loading-fade-enter,
.el-loading-fade-leave-active,
.el-notification-fade-leave-active {
    opacity: 0
}

.el-notification {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-sizing: border-box;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    -webkit-transition: opacity .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    transition: opacity .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s
}

.el-notification .el-icon-success {
    color: #67c23a
}

.el-notification .el-icon-error {
    color: #f56c6c
}

.el-notification .el-icon-warning {
    color: #e6a23c
}

.el-notification-fade-enter.right {
    -webkit-transform: translateX(100%)
}

.el-notification-fade-enter.left {
    -webkit-transform: translateX(-100%)
}

.el-input-number__decrease:hover,
.el-input-number__increase:hover {
    color: #409eff
}

.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),
.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled) {
    border-color: #409eff
}

.el-input-number--small .el-input-number__decrease [class*=el-icon],
.el-input-number--small .el-input-number__increase [class*=el-icon] {
    -webkit-transform: scale(.9)
}

.el-input-number--mini .el-input-number__decrease [class*=el-icon],
.el-input-number--mini .el-input-number__increase [class*=el-icon],
.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],
.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon] {
    -webkit-transform: scale(.8)
}

.el-input-number.is-controls-right .el-input-number__decrease {
    border-radius: 0 0 4px
}

.el-progress-bar__inner:after,
.el-row:after,
.el-row:before,
.el-slider:after,
.el-slider:before,
.el-slider__button-wrapper:after,
.el-upload-cover:after {
    content: ""
}

.el-slider__button-wrapper .el-tooltip,
.el-slider__button-wrapper:after {
    vertical-align: middle;
    display: inline-block
}

.el-slider__runway.disabled .el-slider__button-wrapper.dragging,
.el-slider__runway.disabled .el-slider__button-wrapper.hover,
.el-slider__runway.disabled .el-slider__button-wrapper:hover {
    cursor: not-allowed
}

.el-slider__runway.disabled .el-slider__button.dragging,
.el-slider__runway.disabled .el-slider__button.hover,
.el-slider__runway.disabled .el-slider__button:hover {
    -webkit-transform: scale(1);
    cursor: not-allowed
}

.el-slider__button-wrapper,
.el-slider__stop {
    -webkit-transform: translateX(-50%);
    position: absolute
}

.el-slider__bar {
    background-color: #409eff
}

.el-slider__button-wrapper.hover,
.el-slider__button-wrapper:hover {
    cursor: -webkit-grab
}

.el-slider__button-wrapper.dragging {
    cursor: -webkit-grabbing
}

.el-slider__button {
    border: 2px solid #409eff;
    -webkit-transition: .2s
}

.el-image-viewer__btn,
.el-step__icon-inner {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.el-slider__button.dragging,
.el-slider__button.hover,
.el-slider__button:hover {
    -webkit-transform: scale(1.2)
}

.el-slider__button.hover,
.el-slider__button:hover {
    cursor: -webkit-grab
}

.el-slider__button.dragging {
    cursor: -webkit-grabbing
}

.el-slider__marks-text {
    -webkit-transform: translateX(-50%)
}

.el-slider.is-vertical .el-slider__button-wrapper,
.el-slider.is-vertical .el-slider__stop {
    -webkit-transform: translateY(50%)
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
    -webkit-box-sizing: border-box;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,
.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase {
    border-color: #409eff
}

.el-slider.is-vertical .el-slider__marks-text {
    -webkit-transform: translateY(50%)
}

.el-loading-mask {
    -webkit-transition: opacity .3s
}

.el-col-pull-0,
.el-col-pull-1,
.el-col-pull-2,
.el-col-pull-3,
.el-col-pull-4,
.el-col-pull-5,
.el-col-pull-6,
.el-col-pull-7,
.el-col-pull-8,
.el-col-pull-9,
.el-col-pull-10,
.el-col-pull-11,
.el-col-pull-13,
.el-col-pull-14,
.el-col-pull-15,
.el-col-pull-16,
.el-col-pull-17,
.el-col-pull-18,
.el-col-pull-19,
.el-col-pull-20,
.el-col-pull-21,
.el-col-pull-22,
.el-col-pull-23,
.el-col-pull-24,
.el-col-push-0,
.el-col-push-1,
.el-col-push-2,
.el-col-push-3,
.el-col-push-4,
.el-col-push-5,
.el-col-push-6,
.el-col-push-7,
.el-col-push-8,
.el-col-push-9,
.el-col-push-10,
.el-col-push-11,
.el-col-push-12,
.el-col-push-13,
.el-col-push-14,
.el-col-push-15,
.el-col-push-16,
.el-col-push-17,
.el-col-push-18,
.el-col-push-19,
.el-col-push-20,
.el-col-push-21,
.el-col-push-22,
.el-col-push-23,
.el-col-push-24,
.el-row {
    position: relative
}

.el-loading-spinner .el-loading-text {
    color: #409eff
}

.el-loading-spinner .circular {
    -webkit-animation: loading-rotate 2s linear infinite
}

.el-loading-spinner .path {
    -webkit-animation: loading-dash 1.5s ease-in-out infinite;
    stroke: #409eff
}

.el-loading-spinner i {
    color: #409eff
}

@-webkit-keyframes loading-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40px
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120px
    }
}

.el-row {
    -webkit-box-sizing: border-box
}

.el-row--flex {
    display: -webkit-box;
    display: -ms-flexbox
}

.el-col-0,
.el-row--flex:after,
.el-row--flex:before {
    display: none
}

.el-row--flex.is-justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center
}

.el-row--flex.is-justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end
}

.el-row--flex.is-justify-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify
}

.el-row--flex.is-justify-space-around {
    -ms-flex-pack: distribute
}

.el-row--flex.is-align-top {
    -webkit-box-align: start;
    -ms-flex-align: start
}

.el-row--flex.is-align-middle {
    -webkit-box-align: center;
    -ms-flex-align: center
}

.el-row--flex.is-align-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end
}

[class*=el-col-] {
    -webkit-box-sizing: border-box
}

.el-upload--picture-card,
.el-upload-dragger {
    -webkit-box-sizing: border-box;
    cursor: pointer
}

@media only screen and (max-width:767px) {
    .el-col-xs-0 {
        display: none;
        width: 0
    }

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

    .el-col-xs-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-xs-push-0 {
        position: relative;
        left: 0
    }

    .el-col-xs-1 {
        width: 4.16667%
    }

    .el-col-xs-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-xs-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-xs-push-1 {
        position: relative;
        left: 4.16667%
    }

    .el-col-xs-2 {
        width: 8.33333%
    }

    .el-col-xs-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-xs-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-xs-push-2 {
        position: relative;
        left: 8.33333%
    }

    .el-col-xs-3 {
        width: 12.5%
    }

    .el-col-xs-offset-3 {
        margin-left: 12.5%
    }

    .el-col-xs-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-xs-push-3 {
        position: relative;
        left: 12.5%
    }

    .el-col-xs-4 {
        width: 16.66667%
    }

    .el-col-xs-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-xs-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-xs-push-4 {
        position: relative;
        left: 16.66667%
    }

    .el-col-xs-5 {
        width: 20.83333%
    }

    .el-col-xs-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-xs-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-xs-push-5 {
        position: relative;
        left: 20.83333%
    }

    .el-col-xs-6 {
        width: 25%
    }

    .el-col-xs-offset-6 {
        margin-left: 25%
    }

    .el-col-xs-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-xs-push-6 {
        position: relative;
        left: 25%
    }

    .el-col-xs-7 {
        width: 29.16667%
    }

    .el-col-xs-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-xs-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-xs-push-7 {
        position: relative;
        left: 29.16667%
    }

    .el-col-xs-8 {
        width: 33.33333%
    }

    .el-col-xs-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-xs-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-xs-push-8 {
        position: relative;
        left: 33.33333%
    }

    .el-col-xs-9 {
        width: 37.5%
    }

    .el-col-xs-offset-9 {
        margin-left: 37.5%
    }

    .el-col-xs-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-xs-push-9 {
        position: relative;
        left: 37.5%
    }

    .el-col-xs-10 {
        width: 41.66667%
    }

    .el-col-xs-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-xs-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-xs-push-10 {
        position: relative;
        left: 41.66667%
    }

    .el-col-xs-11 {
        width: 45.83333%
    }

    .el-col-xs-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-xs-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-xs-push-11 {
        position: relative;
        left: 45.83333%
    }

    .el-col-xs-12 {
        width: 50%
    }

    .el-col-xs-offset-12 {
        margin-left: 50%
    }

    .el-col-xs-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-xs-push-12 {
        position: relative;
        left: 50%
    }

    .el-col-xs-13 {
        width: 54.16667%
    }

    .el-col-xs-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-xs-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-xs-push-13 {
        position: relative;
        left: 54.16667%
    }

    .el-col-xs-14 {
        width: 58.33333%
    }

    .el-col-xs-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-xs-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-xs-push-14 {
        position: relative;
        left: 58.33333%
    }

    .el-col-xs-15 {
        width: 62.5%
    }

    .el-col-xs-offset-15 {
        margin-left: 62.5%
    }

    .el-col-xs-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-xs-push-15 {
        position: relative;
        left: 62.5%
    }

    .el-col-xs-16 {
        width: 66.66667%
    }

    .el-col-xs-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-xs-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-xs-push-16 {
        position: relative;
        left: 66.66667%
    }

    .el-col-xs-17 {
        width: 70.83333%
    }

    .el-col-xs-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-xs-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-xs-push-17 {
        position: relative;
        left: 70.83333%
    }

    .el-col-xs-18 {
        width: 75%
    }

    .el-col-xs-offset-18 {
        margin-left: 75%
    }

    .el-col-xs-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-xs-push-18 {
        position: relative;
        left: 75%
    }

    .el-col-xs-19 {
        width: 79.16667%
    }

    .el-col-xs-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-xs-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-xs-push-19 {
        position: relative;
        left: 79.16667%
    }

    .el-col-xs-20 {
        width: 83.33333%
    }

    .el-col-xs-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-xs-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-xs-push-20 {
        position: relative;
        left: 83.33333%
    }

    .el-col-xs-21 {
        width: 87.5%
    }

    .el-col-xs-offset-21 {
        margin-left: 87.5%
    }

    .el-col-xs-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-xs-push-21 {
        position: relative;
        left: 87.5%
    }

    .el-col-xs-22 {
        width: 91.66667%
    }

    .el-col-xs-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-xs-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-xs-push-22 {
        position: relative;
        left: 91.66667%
    }

    .el-col-xs-23 {
        width: 95.83333%
    }

    .el-col-xs-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-xs-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-xs-push-23 {
        position: relative;
        left: 95.83333%
    }

    .el-col-xs-24 {
        width: 100%
    }

    .el-col-xs-offset-24 {
        margin-left: 100%
    }

    .el-col-xs-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-xs-push-24 {
        position: relative;
        left: 100%
    }
}

@media only screen and (min-width:768px) {
    .el-col-sm-0 {
        display: none;
        width: 0
    }

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

    .el-col-sm-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-sm-push-0 {
        position: relative;
        left: 0
    }

    .el-col-sm-1 {
        width: 4.16667%
    }

    .el-col-sm-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-sm-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-sm-push-1 {
        position: relative;
        left: 4.16667%
    }

    .el-col-sm-2 {
        width: 8.33333%
    }

    .el-col-sm-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-sm-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-sm-push-2 {
        position: relative;
        left: 8.33333%
    }

    .el-col-sm-3 {
        width: 12.5%
    }

    .el-col-sm-offset-3 {
        margin-left: 12.5%
    }

    .el-col-sm-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-sm-push-3 {
        position: relative;
        left: 12.5%
    }

    .el-col-sm-4 {
        width: 16.66667%
    }

    .el-col-sm-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-sm-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-sm-push-4 {
        position: relative;
        left: 16.66667%
    }

    .el-col-sm-5 {
        width: 20.83333%
    }

    .el-col-sm-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-sm-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-sm-push-5 {
        position: relative;
        left: 20.83333%
    }

    .el-col-sm-6 {
        width: 25%
    }

    .el-col-sm-offset-6 {
        margin-left: 25%
    }

    .el-col-sm-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-sm-push-6 {
        position: relative;
        left: 25%
    }

    .el-col-sm-7 {
        width: 29.16667%
    }

    .el-col-sm-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-sm-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-sm-push-7 {
        position: relative;
        left: 29.16667%
    }

    .el-col-sm-8 {
        width: 33.33333%
    }

    .el-col-sm-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-sm-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-sm-push-8 {
        position: relative;
        left: 33.33333%
    }

    .el-col-sm-9 {
        width: 37.5%
    }

    .el-col-sm-offset-9 {
        margin-left: 37.5%
    }

    .el-col-sm-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-sm-push-9 {
        position: relative;
        left: 37.5%
    }

    .el-col-sm-10 {
        width: 41.66667%
    }

    .el-col-sm-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-sm-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-sm-push-10 {
        position: relative;
        left: 41.66667%
    }

    .el-col-sm-11 {
        width: 45.83333%
    }

    .el-col-sm-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-sm-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-sm-push-11 {
        position: relative;
        left: 45.83333%
    }

    .el-col-sm-12 {
        width: 50%
    }

    .el-col-sm-offset-12 {
        margin-left: 50%
    }

    .el-col-sm-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-sm-push-12 {
        position: relative;
        left: 50%
    }

    .el-col-sm-13 {
        width: 54.16667%
    }

    .el-col-sm-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-sm-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-sm-push-13 {
        position: relative;
        left: 54.16667%
    }

    .el-col-sm-14 {
        width: 58.33333%
    }

    .el-col-sm-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-sm-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-sm-push-14 {
        position: relative;
        left: 58.33333%
    }

    .el-col-sm-15 {
        width: 62.5%
    }

    .el-col-sm-offset-15 {
        margin-left: 62.5%
    }

    .el-col-sm-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-sm-push-15 {
        position: relative;
        left: 62.5%
    }

    .el-col-sm-16 {
        width: 66.66667%
    }

    .el-col-sm-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-sm-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-sm-push-16 {
        position: relative;
        left: 66.66667%
    }

    .el-col-sm-17 {
        width: 70.83333%
    }

    .el-col-sm-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-sm-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-sm-push-17 {
        position: relative;
        left: 70.83333%
    }

    .el-col-sm-18 {
        width: 75%
    }

    .el-col-sm-offset-18 {
        margin-left: 75%
    }

    .el-col-sm-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-sm-push-18 {
        position: relative;
        left: 75%
    }

    .el-col-sm-19 {
        width: 79.16667%
    }

    .el-col-sm-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-sm-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-sm-push-19 {
        position: relative;
        left: 79.16667%
    }

    .el-col-sm-20 {
        width: 83.33333%
    }

    .el-col-sm-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-sm-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-sm-push-20 {
        position: relative;
        left: 83.33333%
    }

    .el-col-sm-21 {
        width: 87.5%
    }

    .el-col-sm-offset-21 {
        margin-left: 87.5%
    }

    .el-col-sm-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-sm-push-21 {
        position: relative;
        left: 87.5%
    }

    .el-col-sm-22 {
        width: 91.66667%
    }

    .el-col-sm-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-sm-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-sm-push-22 {
        position: relative;
        left: 91.66667%
    }

    .el-col-sm-23 {
        width: 95.83333%
    }

    .el-col-sm-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-sm-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-sm-push-23 {
        position: relative;
        left: 95.83333%
    }

    .el-col-sm-24 {
        width: 100%
    }

    .el-col-sm-offset-24 {
        margin-left: 100%
    }

    .el-col-sm-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-sm-push-24 {
        position: relative;
        left: 100%
    }
}

@media only screen and (min-width:992px) {
    .el-col-md-0 {
        display: none;
        width: 0
    }

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

    .el-col-md-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-md-push-0 {
        position: relative;
        left: 0
    }

    .el-col-md-1 {
        width: 4.16667%
    }

    .el-col-md-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-md-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-md-push-1 {
        position: relative;
        left: 4.16667%
    }

    .el-col-md-2 {
        width: 8.33333%
    }

    .el-col-md-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-md-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-md-push-2 {
        position: relative;
        left: 8.33333%
    }

    .el-col-md-3 {
        width: 12.5%
    }

    .el-col-md-offset-3 {
        margin-left: 12.5%
    }

    .el-col-md-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-md-push-3 {
        position: relative;
        left: 12.5%
    }

    .el-col-md-4 {
        width: 16.66667%
    }

    .el-col-md-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-md-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-md-push-4 {
        position: relative;
        left: 16.66667%
    }

    .el-col-md-5 {
        width: 20.83333%
    }

    .el-col-md-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-md-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-md-push-5 {
        position: relative;
        left: 20.83333%
    }

    .el-col-md-6 {
        width: 25%
    }

    .el-col-md-offset-6 {
        margin-left: 25%
    }

    .el-col-md-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-md-push-6 {
        position: relative;
        left: 25%
    }

    .el-col-md-7 {
        width: 29.16667%
    }

    .el-col-md-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-md-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-md-push-7 {
        position: relative;
        left: 29.16667%
    }

    .el-col-md-8 {
        width: 33.33333%
    }

    .el-col-md-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-md-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-md-push-8 {
        position: relative;
        left: 33.33333%
    }

    .el-col-md-9 {
        width: 37.5%
    }

    .el-col-md-offset-9 {
        margin-left: 37.5%
    }

    .el-col-md-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-md-push-9 {
        position: relative;
        left: 37.5%
    }

    .el-col-md-10 {
        width: 41.66667%
    }

    .el-col-md-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-md-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-md-push-10 {
        position: relative;
        left: 41.66667%
    }

    .el-col-md-11 {
        width: 45.83333%
    }

    .el-col-md-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-md-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-md-push-11 {
        position: relative;
        left: 45.83333%
    }

    .el-col-md-12 {
        width: 50%
    }

    .el-col-md-offset-12 {
        margin-left: 50%
    }

    .el-col-md-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-md-push-12 {
        position: relative;
        left: 50%
    }

    .el-col-md-13 {
        width: 54.16667%
    }

    .el-col-md-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-md-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-md-push-13 {
        position: relative;
        left: 54.16667%
    }

    .el-col-md-14 {
        width: 58.33333%
    }

    .el-col-md-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-md-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-md-push-14 {
        position: relative;
        left: 58.33333%
    }

    .el-col-md-15 {
        width: 62.5%
    }

    .el-col-md-offset-15 {
        margin-left: 62.5%
    }

    .el-col-md-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-md-push-15 {
        position: relative;
        left: 62.5%
    }

    .el-col-md-16 {
        width: 66.66667%
    }

    .el-col-md-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-md-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-md-push-16 {
        position: relative;
        left: 66.66667%
    }

    .el-col-md-17 {
        width: 70.83333%
    }

    .el-col-md-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-md-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-md-push-17 {
        position: relative;
        left: 70.83333%
    }

    .el-col-md-18 {
        width: 75%
    }

    .el-col-md-offset-18 {
        margin-left: 75%
    }

    .el-col-md-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-md-push-18 {
        position: relative;
        left: 75%
    }

    .el-col-md-19 {
        width: 79.16667%
    }

    .el-col-md-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-md-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-md-push-19 {
        position: relative;
        left: 79.16667%
    }

    .el-col-md-20 {
        width: 83.33333%
    }

    .el-col-md-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-md-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-md-push-20 {
        position: relative;
        left: 83.33333%
    }

    .el-col-md-21 {
        width: 87.5%
    }

    .el-col-md-offset-21 {
        margin-left: 87.5%
    }

    .el-col-md-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-md-push-21 {
        position: relative;
        left: 87.5%
    }

    .el-col-md-22 {
        width: 91.66667%
    }

    .el-col-md-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-md-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-md-push-22 {
        position: relative;
        left: 91.66667%
    }

    .el-col-md-23 {
        width: 95.83333%
    }

    .el-col-md-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-md-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-md-push-23 {
        position: relative;
        left: 95.83333%
    }

    .el-col-md-24 {
        width: 100%
    }

    .el-col-md-offset-24 {
        margin-left: 100%
    }

    .el-col-md-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-md-push-24 {
        position: relative;
        left: 100%
    }
}

@media only screen and (min-width:1200px) {
    .el-col-lg-0 {
        display: none;
        width: 0
    }

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

    .el-col-lg-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-lg-push-0 {
        position: relative;
        left: 0
    }

    .el-col-lg-1 {
        width: 4.16667%
    }

    .el-col-lg-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-lg-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-lg-push-1 {
        position: relative;
        left: 4.16667%
    }

    .el-col-lg-2 {
        width: 8.33333%
    }

    .el-col-lg-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-lg-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-lg-push-2 {
        position: relative;
        left: 8.33333%
    }

    .el-col-lg-3 {
        width: 12.5%
    }

    .el-col-lg-offset-3 {
        margin-left: 12.5%
    }

    .el-col-lg-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-lg-push-3 {
        position: relative;
        left: 12.5%
    }

    .el-col-lg-4 {
        width: 16.66667%
    }

    .el-col-lg-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-lg-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-lg-push-4 {
        position: relative;
        left: 16.66667%
    }

    .el-col-lg-5 {
        width: 20.83333%
    }

    .el-col-lg-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-lg-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-lg-push-5 {
        position: relative;
        left: 20.83333%
    }

    .el-col-lg-6 {
        width: 25%
    }

    .el-col-lg-offset-6 {
        margin-left: 25%
    }

    .el-col-lg-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-lg-push-6 {
        position: relative;
        left: 25%
    }

    .el-col-lg-7 {
        width: 29.16667%
    }

    .el-col-lg-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-lg-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-lg-push-7 {
        position: relative;
        left: 29.16667%
    }

    .el-col-lg-8 {
        width: 33.33333%
    }

    .el-col-lg-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-lg-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-lg-push-8 {
        position: relative;
        left: 33.33333%
    }

    .el-col-lg-9 {
        width: 37.5%
    }

    .el-col-lg-offset-9 {
        margin-left: 37.5%
    }

    .el-col-lg-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-lg-push-9 {
        position: relative;
        left: 37.5%
    }

    .el-col-lg-10 {
        width: 41.66667%
    }

    .el-col-lg-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-lg-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-lg-push-10 {
        position: relative;
        left: 41.66667%
    }

    .el-col-lg-11 {
        width: 45.83333%
    }

    .el-col-lg-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-lg-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-lg-push-11 {
        position: relative;
        left: 45.83333%
    }

    .el-col-lg-12 {
        width: 50%
    }

    .el-col-lg-offset-12 {
        margin-left: 50%
    }

    .el-col-lg-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-lg-push-12 {
        position: relative;
        left: 50%
    }

    .el-col-lg-13 {
        width: 54.16667%
    }

    .el-col-lg-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-lg-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-lg-push-13 {
        position: relative;
        left: 54.16667%
    }

    .el-col-lg-14 {
        width: 58.33333%
    }

    .el-col-lg-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-lg-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-lg-push-14 {
        position: relative;
        left: 58.33333%
    }

    .el-col-lg-15 {
        width: 62.5%
    }

    .el-col-lg-offset-15 {
        margin-left: 62.5%
    }

    .el-col-lg-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-lg-push-15 {
        position: relative;
        left: 62.5%
    }

    .el-col-lg-16 {
        width: 66.66667%
    }

    .el-col-lg-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-lg-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-lg-push-16 {
        position: relative;
        left: 66.66667%
    }

    .el-col-lg-17 {
        width: 70.83333%
    }

    .el-col-lg-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-lg-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-lg-push-17 {
        position: relative;
        left: 70.83333%
    }

    .el-col-lg-18 {
        width: 75%
    }

    .el-col-lg-offset-18 {
        margin-left: 75%
    }

    .el-col-lg-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-lg-push-18 {
        position: relative;
        left: 75%
    }

    .el-col-lg-19 {
        width: 79.16667%
    }

    .el-col-lg-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-lg-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-lg-push-19 {
        position: relative;
        left: 79.16667%
    }

    .el-col-lg-20 {
        width: 83.33333%
    }

    .el-col-lg-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-lg-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-lg-push-20 {
        position: relative;
        left: 83.33333%
    }

    .el-col-lg-21 {
        width: 87.5%
    }

    .el-col-lg-offset-21 {
        margin-left: 87.5%
    }

    .el-col-lg-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-lg-push-21 {
        position: relative;
        left: 87.5%
    }

    .el-col-lg-22 {
        width: 91.66667%
    }

    .el-col-lg-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-lg-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-lg-push-22 {
        position: relative;
        left: 91.66667%
    }

    .el-col-lg-23 {
        width: 95.83333%
    }

    .el-col-lg-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-lg-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-lg-push-23 {
        position: relative;
        left: 95.83333%
    }

    .el-col-lg-24 {
        width: 100%
    }

    .el-col-lg-offset-24 {
        margin-left: 100%
    }

    .el-col-lg-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-lg-push-24 {
        position: relative;
        left: 100%
    }
}

@media only screen and (min-width:1920px) {
    .el-col-xl-0 {
        display: none;
        width: 0
    }

    .el-col-xl-offset-0 {
        margin-left: 0
    }

    .el-col-xl-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-xl-push-0 {
        position: relative;
        left: 0
    }

    .el-col-xl-1 {
        width: 4.16667%
    }

    .el-col-xl-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-xl-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-xl-push-1 {
        position: relative;
        left: 4.16667%
    }

    .el-col-xl-2 {
        width: 8.33333%
    }

    .el-col-xl-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-xl-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-xl-push-2 {
        position: relative;
        left: 8.33333%
    }

    .el-col-xl-3 {
        width: 12.5%
    }

    .el-col-xl-offset-3 {
        margin-left: 12.5%
    }

    .el-col-xl-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-xl-push-3 {
        position: relative;
        left: 12.5%
    }

    .el-col-xl-4 {
        width: 16.66667%
    }

    .el-col-xl-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-xl-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-xl-push-4 {
        position: relative;
        left: 16.66667%
    }

    .el-col-xl-5 {
        width: 20.83333%
    }

    .el-col-xl-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-xl-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-xl-push-5 {
        position: relative;
        left: 20.83333%
    }

    .el-col-xl-6 {
        width: 25%
    }

    .el-col-xl-offset-6 {
        margin-left: 25%
    }

    .el-col-xl-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-xl-push-6 {
        position: relative;
        left: 25%
    }

    .el-col-xl-7 {
        width: 29.16667%
    }

    .el-col-xl-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-xl-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-xl-push-7 {
        position: relative;
        left: 29.16667%
    }

    .el-col-xl-8 {
        width: 33.33333%
    }

    .el-col-xl-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-xl-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-xl-push-8 {
        position: relative;
        left: 33.33333%
    }

    .el-col-xl-9 {
        width: 37.5%
    }

    .el-col-xl-offset-9 {
        margin-left: 37.5%
    }

    .el-col-xl-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-xl-push-9 {
        position: relative;
        left: 37.5%
    }

    .el-col-xl-10 {
        width: 41.66667%
    }

    .el-col-xl-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-xl-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-xl-push-10 {
        position: relative;
        left: 41.66667%
    }

    .el-col-xl-11 {
        width: 45.83333%
    }

    .el-col-xl-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-xl-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-xl-push-11 {
        position: relative;
        left: 45.83333%
    }

    .el-col-xl-12 {
        width: 50%
    }

    .el-col-xl-offset-12 {
        margin-left: 50%
    }

    .el-col-xl-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-xl-push-12 {
        position: relative;
        left: 50%
    }

    .el-col-xl-13 {
        width: 54.16667%
    }

    .el-col-xl-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-xl-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-xl-push-13 {
        position: relative;
        left: 54.16667%
    }

    .el-col-xl-14 {
        width: 58.33333%
    }

    .el-col-xl-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-xl-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-xl-push-14 {
        position: relative;
        left: 58.33333%
    }

    .el-col-xl-15 {
        width: 62.5%
    }

    .el-col-xl-offset-15 {
        margin-left: 62.5%
    }

    .el-col-xl-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-xl-push-15 {
        position: relative;
        left: 62.5%
    }

    .el-col-xl-16 {
        width: 66.66667%
    }

    .el-col-xl-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-xl-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-xl-push-16 {
        position: relative;
        left: 66.66667%
    }

    .el-col-xl-17 {
        width: 70.83333%
    }

    .el-col-xl-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-xl-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-xl-push-17 {
        position: relative;
        left: 70.83333%
    }

    .el-col-xl-18 {
        width: 75%
    }

    .el-col-xl-offset-18 {
        margin-left: 75%
    }

    .el-col-xl-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-xl-push-18 {
        position: relative;
        left: 75%
    }

    .el-col-xl-19 {
        width: 79.16667%
    }

    .el-col-xl-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-xl-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-xl-push-19 {
        position: relative;
        left: 79.16667%
    }

    .el-col-xl-20 {
        width: 83.33333%
    }

    .el-col-xl-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-xl-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-xl-push-20 {
        position: relative;
        left: 83.33333%
    }

    .el-col-xl-21 {
        width: 87.5%
    }

    .el-col-xl-offset-21 {
        margin-left: 87.5%
    }

    .el-col-xl-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-xl-push-21 {
        position: relative;
        left: 87.5%
    }

    .el-col-xl-22 {
        width: 91.66667%
    }

    .el-col-xl-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-xl-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-xl-push-22 {
        position: relative;
        left: 91.66667%
    }

    .el-col-xl-23 {
        width: 95.83333%
    }

    .el-col-xl-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-xl-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-xl-push-23 {
        position: relative;
        left: 95.83333%
    }

    .el-col-xl-24 {
        width: 100%
    }

    .el-col-xl-offset-24 {
        margin-left: 100%
    }

    .el-col-xl-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-xl-push-24 {
        position: relative;
        left: 100%
    }
}

@-webkit-keyframes progress {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 32px 0
    }
}

.el-upload {
    outline: 0
}

.el-upload--picture-card:hover,
.el-upload:focus {
    border-color: #409eff;
    color: #409eff
}

.el-upload:focus .el-upload-dragger {
    border-color: #409eff
}

.el-upload-dragger .el-upload__text em {
    color: #409eff
}

.el-upload-dragger:hover {
    border-color: #409eff
}

.el-upload-dragger.is-dragover {
    border: 2px dashed #409eff
}

.el-upload-list__item {
    -webkit-transition: all .5s cubic-bezier(.55, 0, .1, 1);
    -webkit-box-sizing: border-box
}

.el-upload-list__item .el-icon-upload-success {
    color: #67c23a
}

.el-upload-list__item .el-icon-close-tip,
.el-upload-list__item.is-success .el-upload-list__item-name:focus,
.el-upload-list__item.is-success .el-upload-list__item-name:hover {
    color: #409eff
}

.el-upload-list__item.is-success:active .el-icon-close-tip,
.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,
.el-upload-list__item.is-success:hover .el-upload-list__item-status-label,
.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip {
    display: none
}

.el-upload-list__item-name {
    -webkit-transition: color .3s
}

.el-upload-list__item-delete:hover {
    color: #409eff
}

.el-upload-list--picture-card .el-upload-list__item {
    -webkit-box-sizing: border-box
}

.el-upload-list--picture-card .el-upload-list__item .el-icon-close,
.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
    display: none
}

.el-upload-list--picture-card .el-upload-list__item-status-label {
    -webkit-transform: rotate(45deg);
    -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2)
}

.el-upload-list--picture-card .el-upload-list__item-status-label i {
    -webkit-transform: rotate(-45deg)
}

.el-upload-list--picture-card .el-upload-list__item-actions {
    -webkit-transition: opacity .3s
}

.el-upload-list--picture-card .el-progress {
    -webkit-transform: translate(-50%, -50%)
}

.el-upload-list--picture .el-upload-list__item {
    -webkit-box-sizing: border-box
}

.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
    background: 0 0;
    -webkit-box-shadow: none
}

.el-upload-list--picture .el-upload-list__item-status-label {
    -webkit-transform: rotate(45deg);
    -webkit-box-shadow: 0 1px 1px #ccc
}

.el-upload-list--picture .el-upload-list__item-status-label i {
    -webkit-transform: rotate(-45deg)
}

.el-upload-cover__label {
    -webkit-transform: rotate(45deg);
    -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2)
}

.el-upload-cover__label i {
    -webkit-transform: rotate(-45deg)
}

.el-upload-cover__interact .btn {
    -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1)
}

.el-upload-cover__interact .btn span {
    -webkit-transition: opacity .15s linear
}

.el-upload-cover__interact .btn:hover {
    -webkit-transform: translateY(-13px)
}

.el-progress--circle .el-progress__text,
.el-progress--dashboard .el-progress__text {
    -webkit-transform: translateY(-50%)
}

.el-progress-bar,
.el-progress-bar__inner:after,
.el-progress-bar__innerText,
.el-spinner {
    display: inline-block;
    vertical-align: middle
}

.el-progress.is-success .el-progress-bar__inner {
    background-color: #67c23a
}

.el-progress.is-success .el-progress__text {
    color: #67c23a
}

.el-progress.is-warning .el-progress-bar__inner {
    background-color: #e6a23c
}

.el-progress.is-warning .el-progress__text {
    color: #e6a23c
}

.el-progress.is-exception .el-progress-bar__inner {
    background-color: #f56c6c
}

.el-progress.is-exception .el-progress__text {
    color: #f56c6c
}

.el-progress-bar {
    -webkit-box-sizing: border-box
}

.el-progress-bar__inner {
    background-color: #409eff;
    -webkit-transition: width .6s ease
}

.el-card,
.el-message {
    border-radius: 4px;
    overflow: hidden
}

.el-spinner-inner {
    -webkit-animation: rotate 2s linear infinite
}

.el-spinner-inner .path {
    -webkit-animation: dash 1.5s ease-in-out infinite
}

@-webkit-keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

.el-message {
    -webkit-box-sizing: border-box;
    -webkit-transform: translateX(-50%);
    -webkit-transition: opacity .3s, top .4s, -webkit-transform .4s;
    transition: opacity .3s, top .4s, -webkit-transform .4s;
    transition: opacity .3s, transform .4s, top .4s, -webkit-transform .4s;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.el-message.is-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center
}

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

.el-message--success .el-message__content {
    color: #67c23a
}

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

.el-message--warning .el-message__content {
    color: #e6a23c
}

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

.el-message--error .el-message__content {
    color: #f56c6c
}

.el-message__closeBtn {
    -webkit-transform: translateY(-50%)
}

.el-message .el-icon-success {
    color: #67c23a
}

.el-message .el-icon-error {
    color: #f56c6c
}

.el-message .el-icon-warning {
    color: #e6a23c
}

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

.el-badge__content {
    background-color: #f56c6c
}

.el-badge__content.is-fixed {
    -webkit-transform: translateY(-50%) translateX(100%)
}

.el-rate__icon,
.el-rate__item {
    position: relative;
    display: inline-block
}

.el-badge__content--primary {
    background-color: #409eff
}

.el-badge__content--success {
    background-color: #67c23a
}

.el-badge__content--warning {
    background-color: #e6a23c
}

.el-badge__content--danger {
    background-color: #f56c6c
}

.el-card {
    -webkit-transition: .3s
}

.el-card.is-always-shadow,
.el-card.is-hover-shadow:focus,
.el-card.is-hover-shadow:hover {
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.el-card__header {
    -webkit-box-sizing: border-box
}

.el-rate__icon {
    -webkit-transition: .3s
}

.el-rate__decimal,
.el-rate__icon .path2 {
    position: absolute;
    top: 0;
    left: 0
}

.el-rate__icon.hover {
    -webkit-transform: scale(1.15)
}

.el-step.is-vertical,
.el-steps {
    display: -webkit-box;
    display: -ms-flexbox
}

.el-steps--vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column
}

.el-step {
    -ms-flex-negative: 1
}

.el-step:last-of-type.is-flex {
    -ms-flex-preferred-size: auto !important;
    -ms-flex-negative: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0
}

.el-step__head.is-success {
    color: #67c23a;
    border-color: #67c23a
}

.el-step__head.is-error {
    color: #f56c6c;
    border-color: #f56c6c
}

.el-step__head.is-finish {
    color: #409eff;
    border-color: #409eff
}

.el-step__icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-sizing: border-box;
    -webkit-transition: .15s ease-out
}

.el-step__icon-inner.is-status {
    -webkit-transform: translateY(1px)
}

.el-step__line-inner {
    -webkit-transition: .15s ease-out;
    -webkit-box-sizing: border-box
}

.el-step__title.is-success {
    color: #67c23a
}

.el-step__title.is-error {
    color: #f56c6c
}

.el-step__title.is-finish {
    color: #409eff
}

.el-step__description.is-success {
    color: #67c23a
}

.el-step__description.is-error {
    color: #f56c6c
}

.el-step__description.is-finish {
    color: #409eff
}

.el-step.is-vertical .el-step__head {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0
}

.el-step.is-vertical .el-step__main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1
}

.el-step.is-center .el-step__head,
.el-step.is-center .el-step__main {
    text-align: center
}

.el-step.is-simple {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.el-step.is-simple .el-step__icon {
    background: 0 0
}

.el-step.is-simple .el-step__icon-inner.is-status {
    -webkit-transform: scale(.8) translateY(1px)
}

.el-step.is-simple .el-step__main {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch
}

.el-step.is-simple .el-step__arrow,
.el-step.is-simple .el-step__main {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1
}

.el-step.is-simple .el-step__arrow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center
}

.el-step.is-simple .el-step__arrow:before {
    -webkit-transform: rotate(-45deg) translateY(-4px);
    -webkit-transform-origin: 0 0
}

.el-step.is-simple .el-step__arrow:after {
    -webkit-transform: rotate(45deg) translateY(4px);
    -webkit-transform-origin: 100% 100%
}

.el-carousel__arrow {
    outline: 0;
    -webkit-transition: .3s;
    -webkit-transform: translateY(-50%)
}

.el-carousel__indicators--horizontal {
    -webkit-transform: translateX(-50%)
}

.el-carousel__indicators--vertical {
    -webkit-transform: translateY(-50%)
}

.el-carousel__indicators--labels,
.el-carousel__indicators--outside {
    -webkit-transform: none
}

.el-carousel__button {
    outline: 0;
    -webkit-transition: .3s
}

.el-carousel__item,
.el-carousel__mask {
    height: 100%;
    top: 0;
    left: 0;
    position: absolute
}

.carousel-arrow-left-enter,
.carousel-arrow-left-leave-active {
    -webkit-transform: translateY(-50%) translateX(-10px)
}

.carousel-arrow-right-enter,
.carousel-arrow-right-leave-active {
    -webkit-transform: translateY(-50%) translateX(10px)
}

.el-carousel__item--card,
.el-carousel__item.is-animating {
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

.el-carousel__mask {
    -webkit-transition: .2s
}

.el-fade-in-enter,
.el-fade-in-leave-active,
.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active,
.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
    opacity: 0
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active,
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
    -webkit-transition: opacity .2s linear
}

.el-fade-in-enter-active,
.el-fade-in-leave-active,
.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
    -webkit-transition: all .3s cubic-bezier(.55, 0, .1, 1)
}

.el-zoom-in-center-enter,
.el-zoom-in-center-leave-active {
    -webkit-transform: scaleX(0)
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
    -webkit-transform: scaleY(1);
    -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    -webkit-transform-origin: center top
}

.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
    -webkit-transform: scaleY(0)
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
    -webkit-transform: scaleY(1);
    -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    -webkit-transform-origin: center bottom
}

.el-zoom-in-bottom-enter,
.el-zoom-in-bottom-leave-active {
    -webkit-transform: scaleY(0)
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
    -webkit-transform: scale(1);
    -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    -webkit-transform-origin: top left
}

.el-zoom-in-left-enter,
.el-zoom-in-left-leave-active {
    -webkit-transform: scale(.45)
}

.collapse-transition {
    -webkit-transition: height .3s ease-in-out, padding-top .3s ease-in-out, padding-bottom .3s ease-in-out
}

.horizontal-collapse-transition {
    -webkit-transition: width .3s ease-in-out, padding-left .3s ease-in-out, padding-right .3s ease-in-out
}

.el-list-enter-active,
.el-list-leave-active {
    -webkit-transition: all 1s
}

.el-list-enter,
.el-list-leave-active {
    -webkit-transform: translateY(-30px)
}

.el-opacity-transition {
    -webkit-transition: opacity .3s cubic-bezier(.55, 0, .1, 1)
}

.el-collapse-item__header {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-transition: border-bottom-color .3s;
    outline: 0
}

.el-collapse-item__arrow {
    transition: -webkit-transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.el-collapse-item__arrow.is-active {
    -webkit-transform: rotate(90deg)
}

.el-collapse-item__header.focusing:focus:not(:hover) {
    color: #409eff
}

.el-cascader__tags,
.el-collapse-item__wrap,
.el-tag {
    -webkit-box-sizing: border-box
}

.el-popper .popper__arrow {
    -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03))
}

.el-tag {
    background-color: #ecf5ff;
    color: #409eff;
    border: 1px solid #d9ecff
}

.el-tag.is-hit {
    border-color: #409eff
}

.el-tag .el-tag__close {
    color: #409eff
}

.el-tag .el-tag__close:hover {
    background-color: #409eff
}

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

.el-tag.el-tag--success.is-hit {
    border-color: #67c23a
}

.el-tag.el-tag--success .el-tag__close {
    color: #67c23a
}

.el-tag.el-tag--success .el-tag__close:hover {
    background-color: #67c23a
}

.el-tag.el-tag--warning {
    background-color: #fdf6ec;
    border-color: #faecd8;
    color: #e6a23c
}

.el-tag.el-tag--warning.is-hit {
    border-color: #e6a23c
}

.el-tag.el-tag--warning .el-tag__close {
    color: #e6a23c
}

.el-tag.el-tag--warning .el-tag__close:hover {
    background-color: #e6a23c
}

.el-tag.el-tag--danger {
    background-color: #fef0f0;
    border-color: #fde2e2;
    color: #f56c6c
}

.el-tag.el-tag--danger.is-hit {
    border-color: #f56c6c
}

.el-tag.el-tag--danger .el-tag__close {
    color: #f56c6c
}

.el-tag.el-tag--danger .el-tag__close:hover {
    background-color: #f56c6c
}

.el-tag--dark {
    background-color: #409eff
}

.el-tag--dark,
.el-tag--dark.is-hit {
    border-color: #409eff
}

.el-tag--dark .el-tag__close:hover {
    background-color: #66b1ff
}

.el-tag--dark.el-tag--success {
    background-color: #67c23a;
    border-color: #67c23a
}

.el-tag--dark.el-tag--success.is-hit {
    border-color: #67c23a
}

.el-tag--dark.el-tag--success .el-tag__close:hover {
    background-color: #85ce61
}

.el-tag--dark.el-tag--warning {
    background-color: #e6a23c;
    border-color: #e6a23c
}

.el-tag--dark.el-tag--warning.is-hit {
    border-color: #e6a23c
}

.el-tag--dark.el-tag--warning .el-tag__close:hover {
    background-color: #ebb563
}

.el-tag--dark.el-tag--danger {
    background-color: #f56c6c;
    border-color: #f56c6c
}

.el-tag--dark.el-tag--danger.is-hit {
    border-color: #f56c6c
}

.el-tag--dark.el-tag--danger .el-tag__close:hover {
    background-color: #f78989
}

.el-tag--plain {
    border-color: #b3d8ff;
    color: #409eff
}

.el-tag--plain.is-hit {
    border-color: #409eff
}

.el-tag--plain .el-tag__close {
    color: #409eff
}

.el-tag--plain .el-tag__close:hover {
    background-color: #409eff
}

.el-tag--plain.el-tag--success {
    border-color: #c2e7b0;
    color: #67c23a
}

.el-tag--plain.el-tag--success.is-hit {
    border-color: #67c23a
}

.el-tag--plain.el-tag--success .el-tag__close {
    color: #67c23a
}

.el-tag--plain.el-tag--success .el-tag__close:hover {
    background-color: #67c23a
}

.el-tag--plain.el-tag--warning {
    border-color: #f5dab1;
    color: #e6a23c
}

.el-tag--plain.el-tag--warning.is-hit {
    border-color: #e6a23c
}

.el-tag--plain.el-tag--warning .el-tag__close {
    color: #e6a23c
}

.el-tag--plain.el-tag--warning .el-tag__close:hover {
    background-color: #e6a23c
}

.el-tag--plain.el-tag--danger {
    border-color: #fbc4c4;
    color: #f56c6c
}

.el-tag--plain.el-tag--danger.is-hit {
    border-color: #f56c6c
}

.el-tag--plain.el-tag--danger .el-tag__close {
    color: #f56c6c
}

.el-tag--plain.el-tag--danger .el-tag__close:hover {
    background-color: #f56c6c
}

.el-tag--medium .el-icon-close,
.el-tag--small .el-icon-close {
    -webkit-transform: scale(.8)
}

.el-tag--mini .el-icon-close {
    -webkit-transform: scale(.7)
}

.el-cascader .el-input .el-input__inner:focus,
.el-cascader .el-input.is-focus .el-input__inner {
    border-color: #409eff
}

.el-cascader .el-input .el-icon-arrow-down {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.el-cascader .el-input .el-icon-arrow-down.is-reverse {
    -webkit-transform: rotate(180deg)
}

.el-cascader__dropdown {
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.el-cascader__tags {
    -webkit-transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap
}

.el-cascader__tags .el-tag {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.el-cascader__tags .el-tag>span {
    -webkit-box-flex: 1;
    -ms-flex: 1
}

.el-cascader__tags .el-tag .el-icon-close {
    -webkit-box-flex: 0;
    -ms-flex: none
}

.el-cascader__suggestion-item {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    outline: 0
}

.el-cascader__suggestion-item.is-checked {
    color: #409eff
}

.el-cascader__search-input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    outline: 0;
    -webkit-box-sizing: border-box
}

.el-cascader__search-input::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-cascader__search-input:-ms-input-placeholder {
    color: #c0c4cc
}

.el-cascader__search-input::-ms-input-placeholder {
    color: #c0c4cc
}

.el-color-predefine,
.el-color-predefine__colors {
    display: -webkit-box;
    display: -ms-flexbox
}

.el-color-predefine__colors {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -ms-flex-wrap: wrap
}

.el-color-predefine__color-selector.selected {
    -webkit-box-shadow: 0 0 3px 2px #409eff;
    box-shadow: 0 0 3px 2px #409eff
}

.el-color-predefine__color-selector>div {
    display: -webkit-box;
    display: -ms-flexbox
}

.el-color-hue-slider {
    -webkit-box-sizing: border-box
}

.el-color-hue-slider__bar {
    background: -webkit-gradient(linear, left top, right top, from(red), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(red))
}

.el-color-hue-slider__thumb {
    -webkit-box-sizing: border-box;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .6)
}

.el-color-hue-slider.is-vertical .el-color-hue-slider__bar {
    background: -webkit-gradient(linear, left top, left bottom, from(red), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(red))
}

.el-color-svpanel__white {
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(hsla(0, 0%, 100%, 0)))
}

.el-color-svpanel__black {
    background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent))
}

.el-color-svpanel__cursor>div {
    -webkit-box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, .3), 0 0 1px 2px rgba(0, 0, 0, .4);
    -webkit-transform: translate(-2px, -2px)
}

.el-color-alpha-slider {
    -webkit-box-sizing: border-box
}

.el-color-alpha-slider__bar {
    background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(#fff))
}

.el-color-alpha-slider__thumb {
    -webkit-box-sizing: border-box;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .6)
}

.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff))
}

.el-color-dropdown__btn {
    outline: 0
}

.el-color-dropdown__btn:hover {
    color: #409eff;
    border-color: #409eff
}

.el-color-dropdown__link-btn {
    color: #409eff
}

.el-color-dropdown__link-btn:hover {
    color: tint(#409eff, 20%)
}

.el-color-picker--mini .el-color-picker__empty,
.el-color-picker--mini .el-color-picker__icon,
.el-color-picker--small .el-color-picker__empty,
.el-color-picker--small .el-color-picker__icon {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(.8)
}

.el-color-picker__color,
.el-color-picker__trigger {
    -webkit-box-sizing: border-box
}

.el-color-picker__empty,
.el-color-picker__icon {
    top: 50%;
    left: 50%;
    font-size: 12px;
    position: absolute
}

.el-color-picker__empty,
.el-color-picker__icon {
    -webkit-transform: translate3d(-50%, -50%, 0)
}

.el-color-picker__panel {
    -webkit-box-sizing: content-box;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.el-textarea__inner {
    -webkit-box-sizing: border-box;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-textarea__inner::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-textarea__inner:-ms-input-placeholder {
    color: #c0c4cc
}

.el-textarea__inner::-ms-input-placeholder {
    color: #c0c4cc
}

.el-textarea__inner:focus {
    outline: 0;
    border-color: #409eff
}

.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
    color: #c0c4cc
}

.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
    color: #c0c4cc
}

.el-textarea.is-exceed .el-textarea__inner {
    border-color: #f56c6c
}

.el-textarea.is-exceed .el-input__count {
    color: #f56c6c
}

.el-input .el-input__clear {
    -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-input .el-input__count {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.el-input__inner {
    -webkit-box-sizing: border-box;
    outline: 0;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-input__prefix,
.el-input__suffix {
    position: absolute;
    top: 0;
    -webkit-transition: all .3s;
    height: 100%;
    color: #c0c4cc;
    text-align: center
}

.el-input__inner::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-input__inner:-ms-input-placeholder {
    color: #c0c4cc
}

.el-input__inner::-ms-input-placeholder {
    color: #c0c4cc
}

.el-input.is-active .el-input__inner,
.el-input__inner:focus {
    border-color: #409eff;
    outline: 0
}

.el-input__icon {
    -webkit-transition: all .3s
}

.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-input.is-disabled .el-input__inner:-ms-input-placeholder {
    color: #c0c4cc
}

.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
    color: #c0c4cc
}

.el-link,
.el-transfer-panel__filter .el-icon-circle-close {
    cursor: pointer
}

.el-input.is-exceed .el-input__inner {
    border-color: #f56c6c
}

.el-input.is-exceed .el-input__suffix .el-input__count {
    color: #f56c6c
}

.el-input-group--prepend .el-input__inner,
.el-input-group__append {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.el-input-group--append .el-input__inner,
.el-input-group__prepend {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.el-input-group__append:focus,
.el-input-group__prepend:focus {
    outline: 0
}

.el-input-group--append .el-select .el-input.is-focus .el-input__inner,
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
    border-color: transparent
}

.el-transfer__button {
    background-color: #409eff
}

.el-transfer-panel__item+.el-transfer-panel__item,
.el-transfer__button [class*=el-icon-]+span {
    margin-left: 0
}

.el-transfer__button.is-disabled,
.el-transfer__button.is-disabled:hover {
    border: 1px solid #dcdfe6;
    background-color: #f5f7fa;
    color: #c0c4cc
}

.el-transfer-panel,
.el-transfer-panel__list {
    -webkit-box-sizing: border-box
}

.el-transfer-panel__item:hover {
    color: #409eff
}

.el-transfer-panel .el-transfer-panel__header,
.el-transfer-panel__filter,
.el-transfer-panel__filter .el-input__inner,
.el-transfer-panel__item.el-checkbox .el-checkbox__label {
    -webkit-box-sizing: border-box
}

.el-divider__text,
.el-link {
    font-weight: 500;
    font-size: 14px
}

.el-container,
.el-timeline-item__node {
    display: -webkit-box;
    display: -ms-flexbox
}

.el-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -ms-flex-preferred-size: auto
}

.el-aside,
.el-container,
.el-header {
    -webkit-box-sizing: border-box
}

.el-container.is-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.el-aside,
.el-header {
    -ms-flex-negative: 0
}

.el-footer,
.el-main {
    -webkit-box-sizing: border-box
}

.el-main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -ms-flex-preferred-size: auto
}

.el-footer {
    -ms-flex-negative: 0
}

.el-timeline-item__node {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.el-image__error,
.el-timeline-item__dot {
    display: -webkit-box;
    display: -ms-flexbox
}

.el-timeline-item__node--primary {
    background-color: #409eff
}

.el-timeline-item__node--success {
    background-color: #67c23a
}

.el-timeline-item__node--warning {
    background-color: #e6a23c
}

.el-timeline-item__node--danger {
    background-color: #f56c6c
}

.el-link,
.el-timeline-item__dot {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.el-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    outline: 0
}

.el-drawer,
.el-empty,
.el-result {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.el-link.is-underline:hover:after {
    border-bottom: 1px solid #409eff
}

.el-link.el-link--default:after,
.el-link.el-link--primary.is-underline:hover:after,
.el-link.el-link--primary:after {
    border-color: #409eff
}

.el-link.el-link--default:hover,
.el-link.el-link--primary {
    color: #409eff
}

.el-link.el-link--primary:hover {
    color: #66b1ff
}

.el-link.el-link--primary.is-disabled {
    color: #a0cfff
}

.el-link.el-link--danger.is-underline:hover:after,
.el-link.el-link--danger:after {
    border-color: #f56c6c
}

.el-link.el-link--danger {
    color: #f56c6c
}

.el-link.el-link--danger:hover {
    color: #f78989
}

.el-link.el-link--danger.is-disabled {
    color: #fab6b6
}

.el-link.el-link--success.is-underline:hover:after,
.el-link.el-link--success:after {
    border-color: #67c23a
}

.el-link.el-link--success {
    color: #67c23a
}

.el-link.el-link--success:hover {
    color: #85ce61
}

.el-link.el-link--success.is-disabled {
    color: #b3e19d
}

.el-link.el-link--warning.is-underline:hover:after,
.el-link.el-link--warning:after {
    border-color: #e6a23c
}

.el-link.el-link--warning {
    color: #e6a23c
}

.el-link.el-link--warning:hover {
    color: #ebb563
}

.el-link.el-link--warning.is-disabled {
    color: #f3d19e
}

.el-link.el-link--info.is-underline:hover:after,
.el-link.el-link--info:after {
    border-color: #909399
}

.el-image__error,
.el-image__placeholder {
    background: #f5f7fa
}

.el-divider__text.is-left {
    -webkit-transform: translateY(-50%)
}

.el-divider__text.is-center {
    -webkit-transform: translateX(-50%) translateY(-50%)
}

.el-divider__text.is-right {
    -webkit-transform: translateY(-50%)
}

.el-image__inner--center {
    -webkit-transform: translate(-50%, -50%)
}

.el-image-viewer__btn,
.el-image__error {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.el-image-viewer__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-sizing: border-box
}

.el-button,
.el-checkbox {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.el-image-viewer__canvas {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.el-image-viewer__actions {
    -webkit-transform: translateX(-50%)
}

.el-image-viewer__actions__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-pack: distribute
}

.el-image-viewer__next,
.el-image-viewer__prev {
    top: 50%;
    width: 44px;
    height: 44px;
    font-size: 24px;
    color: #fff;
    background-color: #606266;
    border-color: #fff
}

.el-image-viewer__next,
.el-image-viewer__prev {
    -webkit-transform: translateY(-50%)
}

.viewer-fade-enter-active {
    -webkit-animation: viewer-fade-in .3s
}

.viewer-fade-leave-active {
    -webkit-animation: viewer-fade-out .3s
}

@-webkit-keyframes viewer-fade-in {
    0% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes viewer-fade-out {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
}

.el-button {
    -webkit-box-sizing: border-box;
    outline: 0;
    -webkit-transition: .1s
}

.el-button:focus,
.el-button:hover {
    color: #409eff;
    border-color: #c6e2ff;
    background-color: #ecf5ff
}

.el-button:active {
    color: #3a8ee6;
    border-color: #3a8ee6;
    outline: 0
}

.el-button.is-plain:focus,
.el-button.is-plain:hover {
    border-color: #409eff;
    color: #409eff
}

.el-button.is-active,
.el-button.is-plain:active {
    color: #3a8ee6;
    border-color: #3a8ee6
}

.el-button.is-plain:active {
    outline: 0
}

.el-button--primary {
    background-color: #409eff;
    border-color: #409eff
}

.el-button--primary:focus,
.el-button--primary:hover {
    background: #66b1ff;
    border-color: #66b1ff
}

.el-button--primary.is-active,
.el-button--primary:active {
    background: #3a8ee6;
    border-color: #3a8ee6;
    color: #fff
}

.el-button--primary:active {
    outline: 0
}

.el-button--primary.is-disabled,
.el-button--primary.is-disabled:active,
.el-button--primary.is-disabled:focus,
.el-button--primary.is-disabled:hover {
    background-color: #a0cfff;
    border-color: #a0cfff
}

.el-button--primary.is-plain {
    color: #409eff;
    background: #ecf5ff;
    border-color: #b3d8ff
}

.el-button--primary.is-plain:focus,
.el-button--primary.is-plain:hover {
    background: #409eff;
    border-color: #409eff
}

.el-button--primary.is-plain:active {
    background: #3a8ee6;
    border-color: #3a8ee6;
    outline: 0
}

.el-button--primary.is-plain.is-disabled,
.el-button--primary.is-plain.is-disabled:active,
.el-button--primary.is-plain.is-disabled:focus,
.el-button--primary.is-plain.is-disabled:hover {
    color: #8cc5ff;
    background-color: #ecf5ff;
    border-color: #d9ecff
}

.el-button--success {
    background-color: #67c23a;
    border-color: #67c23a
}

.el-button--success:focus,
.el-button--success:hover {
    background: #85ce61;
    border-color: #85ce61
}

.el-button--success.is-active,
.el-button--success:active {
    background: #5daf34;
    border-color: #5daf34;
    color: #fff
}

.el-button--success:active {
    outline: 0
}

.el-button--success.is-disabled,
.el-button--success.is-disabled:active,
.el-button--success.is-disabled:focus,
.el-button--success.is-disabled:hover {
    background-color: #b3e19d;
    border-color: #b3e19d
}

.el-button--success.is-plain {
    color: #67c23a;
    background: #f0f9eb;
    border-color: #c2e7b0
}

.el-button--success.is-plain:focus,
.el-button--success.is-plain:hover {
    background: #67c23a;
    border-color: #67c23a
}

.el-button--success.is-plain:active {
    background: #5daf34;
    border-color: #5daf34;
    outline: 0
}

.el-button--success.is-plain.is-disabled,
.el-button--success.is-plain.is-disabled:active,
.el-button--success.is-plain.is-disabled:focus,
.el-button--success.is-plain.is-disabled:hover {
    color: #a4da89;
    background-color: #f0f9eb;
    border-color: #e1f3d8
}

.el-button--warning {
    background-color: #e6a23c;
    border-color: #e6a23c
}

.el-button--warning:focus,
.el-button--warning:hover {
    background: #ebb563;
    border-color: #ebb563
}

.el-button--warning.is-active,
.el-button--warning:active {
    background: #cf9236;
    border-color: #cf9236;
    color: #fff
}

.el-button--warning:active {
    outline: 0
}

.el-button--warning.is-disabled,
.el-button--warning.is-disabled:active,
.el-button--warning.is-disabled:focus,
.el-button--warning.is-disabled:hover {
    background-color: #f3d19e;
    border-color: #f3d19e
}

.el-button--warning.is-plain {
    color: #e6a23c;
    background: #fdf6ec;
    border-color: #f5dab1
}

.el-button--warning.is-plain:focus,
.el-button--warning.is-plain:hover {
    background: #e6a23c;
    border-color: #e6a23c
}

.el-button--warning.is-plain:active {
    background: #cf9236;
    border-color: #cf9236;
    outline: 0
}

.el-button--warning.is-plain.is-disabled,
.el-button--warning.is-plain.is-disabled:active,
.el-button--warning.is-plain.is-disabled:focus,
.el-button--warning.is-plain.is-disabled:hover {
    color: #f0c78a;
    background-color: #fdf6ec;
    border-color: #faecd8
}

.el-button--danger {
    background-color: #f56c6c;
    border-color: #f56c6c
}

.el-button--danger:focus,
.el-button--danger:hover {
    background: #f78989;
    border-color: #f78989
}

.el-button--danger.is-active,
.el-button--danger:active {
    background: #dd6161;
    border-color: #dd6161;
    color: #fff
}

.el-button--danger:active {
    outline: 0
}

.el-button--danger.is-disabled,
.el-button--danger.is-disabled:active,
.el-button--danger.is-disabled:focus,
.el-button--danger.is-disabled:hover {
    background-color: #fab6b6;
    border-color: #fab6b6
}

.el-button--danger.is-plain {
    color: #f56c6c;
    background: #fef0f0;
    border-color: #fbc4c4
}

.el-button--danger.is-plain:focus,
.el-button--danger.is-plain:hover {
    background: #f56c6c;
    border-color: #f56c6c
}

.el-button--danger.is-plain:active {
    background: #dd6161;
    border-color: #dd6161;
    outline: 0
}

.el-button--danger.is-plain.is-disabled,
.el-button--danger.is-plain.is-disabled:active,
.el-button--danger.is-plain.is-disabled:focus,
.el-button--danger.is-plain.is-disabled:hover {
    color: #f9a7a7;
    background-color: #fef0f0;
    border-color: #fde2e2
}

.el-button--info.is-active,
.el-button--info:active {
    background: #82848a;
    border-color: #82848a;
    color: #fff
}

.el-button--info.is-plain:active,
.el-button--info:active {
    outline: 0
}

.el-button--text,
.el-button--text.is-disabled,
.el-button--text.is-disabled:focus,
.el-button--text.is-disabled:hover,
.el-button--text:active {
    border-color: transparent
}

.el-button--mini,
.el-button--small {
    font-size: 12px;
    border-radius: 3px
}

.el-button--small,
.el-button--small.is-round {
    padding: 9px 15px
}

.el-button--mini,
.el-button--mini.is-round {
    padding: 7px 15px
}

.el-button--text {
    color: #409eff;
    background: 0 0
}

.el-button--text:focus,
.el-button--text:hover {
    color: #66b1ff
}

.el-button--text:active {
    color: #3a8ee6
}

.el-button-group>.el-button:first-child:last-child {
    border-radius: 4px
}

.el-button-group>.el-button.is-active,
.el-button-group>.el-button:not(.is-disabled):active,
.el-button-group>.el-button:not(.is-disabled):focus,
.el-button-group>.el-button:not(.is-disabled):hover {
    z-index: 1
}

.el-calendar__header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify
}

.el-backtop,
.el-calendar__header,
.el-page-header {
    display: -webkit-box;
    display: -ms-flexbox
}

.el-calendar__title {
    -ms-flex-item-align: center
}

.el-backtop,
.el-calendar-table td.is-today {
    color: #409eff
}

.el-calendar-table td {
    -webkit-transition: background-color .2s ease
}

.el-calendar-table .el-calendar-day {
    -webkit-box-sizing: border-box
}

.el-backtop {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .12)
}

.el-page-header__left {
    display: -webkit-box;
    display: -ms-flexbox
}

.el-page-header__left:after {
    -webkit-transform: translateY(-50%)
}

.el-checkbox,
.el-checkbox__input {
    display: inline-block;
    position: relative;
    white-space: nowrap
}

.el-page-header__left .el-icon-back {
    -ms-flex-item-align: center
}

.el-checkbox-button__inner,
.el-empty__image img,
.el-radio {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.el-checkbox.is-bordered {
    -webkit-box-sizing: border-box
}

.el-checkbox.is-bordered.is-checked {
    border-color: #409eff
}

.el-checkbox__input {
    outline: 0
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #409eff;
    border-color: #409eff
}

.el-checkbox__input.is-checked .el-checkbox__inner:after {
    -webkit-transform: rotate(45deg) scaleY(1)
}

.el-checkbox__input.is-checked+.el-checkbox__label {
    color: #409eff
}

.el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: #409eff
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
    -webkit-transform: scale(.5)
}

.el-checkbox__inner {
    -webkit-box-sizing: border-box;
    -webkit-transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46)
}

.el-checkbox__inner:hover {
    border-color: #409eff
}

.el-checkbox__inner:after {
    -webkit-box-sizing: content-box;
    -webkit-transform: rotate(45deg) scaleY(0);
    -webkit-transition: -webkit-transform .15s ease-in .05s;
    transition: -webkit-transform .15s ease-in .05s;
    transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s;
    -webkit-transform-origin: center
}

.el-checkbox__original {
    outline: 0
}

.el-checkbox-button,
.el-checkbox-button__inner {
    display: inline-block;
    position: relative
}

.el-checkbox-button__inner {
    -webkit-box-sizing: border-box;
    outline: 0;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.el-checkbox-button__inner:hover {
    color: #409eff
}

.el-radio,
.el-radio__input {
    line-height: 1;
    white-space: nowrap;
    outline: 0
}

.el-checkbox-button__original {
    outline: 0
}

.el-radio,
.el-radio__inner,
.el-radio__input {
    position: relative;
    display: inline-block
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
    background-color: #409eff;
    border-color: #409eff;
    -webkit-box-shadow: -1px 0 0 0 #8cc5ff;
    box-shadow: -1px 0 0 0 #8cc5ff
}

.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
    border-left-color: #409eff
}

.el-checkbox-button.is-disabled .el-checkbox-button__inner {
    -webkit-box-shadow: none
}

.el-checkbox-button:first-child .el-checkbox-button__inner {
    -webkit-box-shadow: none !important
}

.el-checkbox-button.is-focus .el-checkbox-button__inner {
    border-color: #409eff
}

.el-radio,
.el-radio--medium.is-bordered .el-radio__label {
    font-size: 14px
}

.el-cascader-node>.el-radio,
.el-radio:last-child {
    margin-right: 0
}

.el-radio.is-bordered {
    -webkit-box-sizing: border-box
}

.el-radio.is-bordered.is-checked {
    border-color: #409eff
}

.el-radio__input.is-disabled .el-radio__inner,
.el-radio__input.is-disabled.is-checked .el-radio__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed
}

.el-radio--mini.is-bordered .el-radio__label,
.el-radio--small.is-bordered .el-radio__label {
    font-size: 12px
}

.el-radio__input.is-checked .el-radio__inner {
    border-color: #409eff;
    background: #409eff
}

.el-radio__input.is-checked .el-radio__inner:after {
    -webkit-transform: translate(-50%, -50%) scale(1)
}

.el-radio__input.is-checked+.el-radio__label {
    color: #409eff
}

.el-radio__input.is-focus .el-radio__inner {
    border-color: #409eff
}

.el-radio__inner {
    -webkit-box-sizing: border-box
}

.el-radio__inner:hover {
    border-color: #409eff
}

.el-radio__inner:after {
    -webkit-transform: translate(-50%, -50%) scale(0);
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    transition: transform .15s ease-in, -webkit-transform .15s ease-in
}

.el-radio__original {
    outline: 0
}

.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
    -webkit-box-shadow: 0 0 2px 2px #409eff;
    box-shadow: 0 0 2px 2px #409eff
}

.el-scrollbar:active>.el-scrollbar__bar,
.el-scrollbar:focus>.el-scrollbar__bar,
.el-scrollbar:hover>.el-scrollbar__bar {
    -webkit-transition: opacity .34s ease-out
}

.el-scrollbar__thumb {
    -webkit-transition: background-color .3s
}

.el-scrollbar__bar {
    -webkit-transition: opacity .12s ease-out
}

.el-cascader-panel {
    display: -webkit-box;
    display: -ms-flexbox
}

.el-avatar,
.el-cascader-menu,
.el-cascader-menu__list,
.el-drawer {
    -webkit-box-sizing: border-box
}

.el-avatar,
.el-drawer {
    overflow: hidden
}

.el-cascader-menu__empty-text {
    -webkit-transform: translate(-50%, -50%)
}

.el-cascader-node {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    outline: 0
}

.el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-cascader-node.is-selectable.in-checked-path {
    color: #409eff
}

.el-cascader-node__label {
    -webkit-box-flex: 1;
    -ms-flex: 1
}

.el-drawer,
.el-drawer__header {
    display: -webkit-box;
    display: -ms-flexbox
}

.el-empty__image img,
.el-empty__image svg {
    vertical-align: top;
    height: 100%;
    width: 100%
}

.el-drawer.ltr,
.el-drawer.rtl,
.el-drawer__container {
    top: 0;
    bottom: 0;
    height: 100%
}

@-webkit-keyframes el-drawer-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes rtl-drawer-in {
    0% {
        -webkit-transform: translate(100%);
        transform: translate(100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes rtl-drawer-out {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translate(100%);
        transform: translate(100%)
    }
}

@-webkit-keyframes ltr-drawer-in {
    0% {
        -webkit-transform: translate(-100%);
        transform: translate(-100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes ltr-drawer-out {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translate(-100%);
        transform: translate(-100%)
    }
}

@-webkit-keyframes ttb-drawer-in {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes ttb-drawer-out {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-webkit-keyframes btt-drawer-in {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes btt-drawer-out {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

.el-drawer {
    -ms-flex-direction: column;
    -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12)
}

.el-drawer__body>*,
.el-empty {
    -webkit-box-sizing: border-box
}

.el-drawer.rtl {
    -webkit-animation: rtl-drawer-out .3s
}

.el-drawer__open .el-drawer.rtl {
    -webkit-animation: rtl-drawer-in .3s 1ms
}

.el-drawer.ltr {
    -webkit-animation: ltr-drawer-out .3s
}

.el-drawer__open .el-drawer.ltr {
    -webkit-animation: ltr-drawer-in .3s 1ms
}

.el-drawer.ttb {
    -webkit-animation: ttb-drawer-out .3s
}

.el-drawer__open .el-drawer.ttb {
    -webkit-animation: ttb-drawer-in .3s 1ms
}

.el-drawer.btt {
    -webkit-animation: btt-drawer-out .3s
}

.el-drawer__open .el-drawer.btt {
    -webkit-animation: btt-drawer-in .3s 1ms
}

.el-drawer__header {
    -webkit-box-align: center;
    -ms-flex-align: center
}

.el-drawer__body,
.el-drawer__header>:first-child,
.el-drawer__title {
    -webkit-box-flex: 1;
    -ms-flex: 1
}

.el-drawer-fade-enter-active {
    -webkit-animation: el-drawer-fade-in .3s
}

.el-popconfirm__main {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center
}

@-webkit-keyframes el-skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

.el-skeleton__first-line,
.el-skeleton__paragraph {
    height: 16px;
    margin-top: 16px;
    background: #f2f2f2
}

.el-skeleton.is-animated .el-skeleton__item {
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
    -webkit-animation: el-skeleton-loading 1.4s ease infinite
}

.el-empty,
.el-skeleton__image {
    display: -webkit-box;
    display: -ms-flexbox
}

.el-empty,
.el-skeleton__image {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center
}

.el-empty {
    -ms-flex-direction: column
}

.el-empty__image img {
    -o-object-fit: contain
}

.el-empty__bottom,
.el-result__title {
    margin-top: 20px
}

.el-descriptions {
    -webkit-box-sizing: border-box
}

.el-descriptions__header {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.el-descriptions--mini,
.el-descriptions--small {
    font-size: 12px
}

.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell {
    -webkit-box-sizing: border-box
}

.el-descriptions-item__container,
.el-result {
    display: -webkit-box;
    display: -ms-flexbox
}

.el-result {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -webkit-box-sizing: border-box
}

.el-result .icon-success {
    fill: #67c23a
}

.el-result .icon-error {
    fill: #f56c6c
}

.el-result .icon-warning {
    fill: #e6a23c
}

@font-face {
    font-family: element-icons;
    src: url(//lib.eqh5.com/h5_view_2/fonts/element-icons-313f7d-313f7d.woff) format("woff"), url(//lib.eqh5.com/h5_view_2/fonts/element-icons-452018-452018.ttf) format("truetype");
    font-weight: 400;
    font-display: "auto";
    font-style: normal
}

[class*=" el-icon-"],
[class^=el-icon-] {
    font-family: element-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.el-icon-ice-cream-round:before {
    content: "\e6a0"
}

.el-icon-ice-cream-square:before {
    content: "\e6a3"
}

.el-icon-lollipop:before {
    content: "\e6a4"
}

.el-icon-potato-strips:before {
    content: "\e6a5"
}

.el-icon-milk-tea:before {
    content: "\e6a6"
}

.el-icon-ice-drink:before {
    content: "\e6a7"
}

.el-icon-ice-tea:before {
    content: "\e6a9"
}

.el-icon-coffee:before {
    content: "\e6aa"
}

.el-icon-orange:before {
    content: "\e6ab"
}

.el-icon-pear:before {
    content: "\e6ac"
}

.el-icon-apple:before {
    content: "\e6ad"
}

.el-icon-cherry:before {
    content: "\e6ae"
}

.el-icon-watermelon:before {
    content: "\e6af"
}

.el-icon-grape:before {
    content: "\e6b0"
}

.el-icon-refrigerator:before {
    content: "\e6b1"
}

.el-icon-goblet-square-full:before {
    content: "\e6b2"
}

.el-icon-goblet-square:before {
    content: "\e6b3"
}

.el-icon-goblet-full:before {
    content: "\e6b4"
}

.el-icon-goblet:before {
    content: "\e6b5"
}

.el-icon-cold-drink:before {
    content: "\e6b6"
}

.el-icon-coffee-cup:before {
    content: "\e6b8"
}

.el-icon-water-cup:before {
    content: "\e6b9"
}

.el-icon-hot-water:before {
    content: "\e6ba"
}

.el-icon-ice-cream:before {
    content: "\e6bb"
}

.el-icon-dessert:before {
    content: "\e6bc"
}

.el-icon-sugar:before {
    content: "\e6bd"
}

.el-icon-tableware:before {
    content: "\e6be"
}

.el-icon-burger:before {
    content: "\e6bf"
}

.el-icon-knife-fork:before {
    content: "\e6c1"
}

.el-icon-fork-spoon:before {
    content: "\e6c2"
}

.el-icon-chicken:before {
    content: "\e6c3"
}

.el-icon-food:before {
    content: "\e6c4"
}

.el-icon-dish-1:before {
    content: "\e6c5"
}

.el-icon-dish:before {
    content: "\e6c6"
}

.el-icon-moon-night:before {
    content: "\e6ee"
}

.el-icon-moon:before {
    content: "\e6f0"
}

.el-icon-cloudy-and-sunny:before {
    content: "\e6f1"
}

.el-icon-partly-cloudy:before {
    content: "\e6f2"
}

.el-icon-cloudy:before {
    content: "\e6f3"
}

.el-icon-sunny:before {
    content: "\e6f6"
}

.el-icon-sunset:before {
    content: "\e6f7"
}

.el-icon-sunrise-1:before {
    content: "\e6f8"
}

.el-icon-sunrise:before {
    content: "\e6f9"
}

.el-icon-heavy-rain:before {
    content: "\e6fa"
}

.el-icon-lightning:before {
    content: "\e6fb"
}

.el-icon-light-rain:before {
    content: "\e6fc"
}

.el-icon-wind-power:before {
    content: "\e6fd"
}

.el-icon-baseball:before {
    content: "\e712"
}

.el-icon-soccer:before {
    content: "\e713"
}

.el-icon-football:before {
    content: "\e715"
}

.el-icon-basketball:before {
    content: "\e716"
}

.el-icon-ship:before {
    content: "\e73f"
}

.el-icon-truck:before {
    content: "\e740"
}

.el-icon-bicycle:before {
    content: "\e741"
}

.el-icon-mobile-phone:before {
    content: "\e6d3"
}

.el-icon-service:before {
    content: "\e6d4"
}

.el-icon-key:before {
    content: "\e6e2"
}

.el-icon-unlock:before {
    content: "\e6e4"
}

.el-icon-lock:before {
    content: "\e6e5"
}

.el-icon-watch:before {
    content: "\e6fe"
}

.el-icon-watch-1:before {
    content: "\e6ff"
}

.el-icon-timer:before {
    content: "\e702"
}

.el-icon-alarm-clock:before {
    content: "\e703"
}

.el-icon-map-location:before {
    content: "\e704"
}

.el-icon-delete-location:before {
    content: "\e705"
}

.el-icon-add-location:before {
    content: "\e706"
}

.el-icon-location-information:before {
    content: "\e707"
}

.el-icon-location-outline:before {
    content: "\e708"
}

.el-icon-location:before {
    content: "\e79e"
}

.el-icon-place:before {
    content: "\e709"
}

.el-icon-discover:before {
    content: "\e70a"
}

.el-icon-first-aid-kit:before {
    content: "\e70b"
}

.el-icon-trophy-1:before {
    content: "\e70c"
}

.el-icon-trophy:before {
    content: "\e70d"
}

.el-icon-medal:before {
    content: "\e70e"
}

.el-icon-medal-1:before {
    content: "\e70f"
}

.el-icon-stopwatch:before {
    content: "\e710"
}

.el-icon-mic:before {
    content: "\e711"
}

.el-icon-copy-document:before {
    content: "\e718"
}

.el-icon-full-screen:before {
    content: "\e719"
}

.el-icon-switch-button:before {
    content: "\e71b"
}

.el-icon-aim:before {
    content: "\e71c"
}

.el-icon-crop:before {
    content: "\e71d"
}

.el-icon-odometer:before {
    content: "\e71e"
}

.el-icon-time:before {
    content: "\e71f"
}

.el-icon-bangzhu:before {
    content: "\e724"
}

.el-icon-close-notification:before {
    content: "\e726"
}

.el-icon-microphone:before {
    content: "\e727"
}

.el-icon-turn-off-microphone:before {
    content: "\e728"
}

.el-icon-position:before {
    content: "\e729"
}

.el-icon-postcard:before {
    content: "\e72a"
}

.el-icon-message:before {
    content: "\e72b"
}

.el-icon-chat-line-square:before {
    content: "\e72d"
}

.el-icon-chat-dot-square:before {
    content: "\e72e"
}

.el-icon-chat-dot-round:before {
    content: "\e72f"
}

.el-icon-chat-square:before {
    content: "\e730"
}

.el-icon-chat-line-round:before {
    content: "\e731"
}

.el-icon-chat-round:before {
    content: "\e732"
}

.el-icon-set-up:before {
    content: "\e733"
}

.el-icon-turn-off:before {
    content: "\e734"
}

.el-icon-open:before {
    content: "\e735"
}

.el-icon-connection:before {
    content: "\e736"
}

.el-icon-link:before {
    content: "\e737"
}

.el-icon-cpu:before {
    content: "\e738"
}

.el-icon-thumb:before {
    content: "\e739"
}

.el-icon-female:before {
    content: "\e73a"
}

.el-icon-male:before {
    content: "\e73b"
}

.el-icon-guide:before {
    content: "\e73c"
}

.el-icon-news:before {
    content: "\e73e"
}

.el-icon-price-tag:before {
    content: "\e744"
}

.el-icon-discount:before {
    content: "\e745"
}

.el-icon-wallet:before {
    content: "\e747"
}

.el-icon-coin:before {
    content: "\e748"
}

.el-icon-money:before {
    content: "\e749"
}

.el-icon-bank-card:before {
    content: "\e74a"
}

.el-icon-box:before {
    content: "\e74b"
}

.el-icon-present:before {
    content: "\e74c"
}

.el-icon-sell:before {
    content: "\e6d5"
}

.el-icon-sold-out:before {
    content: "\e6d6"
}

.el-icon-shopping-bag-2:before {
    content: "\e74d"
}

.el-icon-shopping-bag-1:before {
    content: "\e74e"
}

.el-icon-shopping-cart-2:before {
    content: "\e74f"
}

.el-icon-shopping-cart-1:before {
    content: "\e750"
}

.el-icon-shopping-cart-full:before {
    content: "\e751"
}

.el-icon-smoking:before {
    content: "\e752"
}

.el-icon-no-smoking:before {
    content: "\e753"
}

.el-icon-house:before {
    content: "\e754"
}

.el-icon-table-lamp:before {
    content: "\e755"
}

.el-icon-school:before {
    content: "\e756"
}

.el-icon-office-building:before {
    content: "\e757"
}

.el-icon-toilet-paper:before {
    content: "\e758"
}

.el-icon-notebook-2:before {
    content: "\e759"
}

.el-icon-notebook-1:before {
    content: "\e75a"
}

.el-icon-files:before {
    content: "\e75b"
}

.el-icon-collection:before {
    content: "\e75c"
}

.el-icon-receiving:before {
    content: "\e75d"
}

.el-icon-suitcase-1:before {
    content: "\e760"
}

.el-icon-suitcase:before {
    content: "\e761"
}

.el-icon-film:before {
    content: "\e763"
}

.el-icon-collection-tag:before {
    content: "\e765"
}

.el-icon-data-analysis:before {
    content: "\e766"
}

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

.el-icon-data-board:before {
    content: "\e768"
}

.el-icon-data-line:before {
    content: "\e76d"
}

.el-icon-reading:before {
    content: "\e769"
}

.el-icon-magic-stick:before {
    content: "\e76a"
}

.el-icon-coordinate:before {
    content: "\e76b"
}

.el-icon-mouse:before {
    content: "\e76c"
}

.el-icon-brush:before {
    content: "\e76e"
}

.el-icon-headset:before {
    content: "\e76f"
}

.el-icon-umbrella:before {
    content: "\e770"
}

.el-icon-scissors:before {
    content: "\e771"
}

.el-icon-mobile:before {
    content: "\e773"
}

.el-icon-attract:before {
    content: "\e774"
}

.el-icon-monitor:before {
    content: "\e775"
}

.el-icon-search:before {
    content: "\e778"
}

.el-icon-takeaway-box:before {
    content: "\e77a"
}

.el-icon-paperclip:before {
    content: "\e77d"
}

.el-icon-printer:before {
    content: "\e77e"
}

.el-icon-document-add:before {
    content: "\e782"
}

.el-icon-document:before {
    content: "\e785"
}

.el-icon-document-checked:before {
    content: "\e786"
}

.el-icon-document-copy:before {
    content: "\e787"
}

.el-icon-document-delete:before {
    content: "\e788"
}

.el-icon-document-remove:before {
    content: "\e789"
}

.el-icon-tickets:before {
    content: "\e78b"
}

.el-icon-folder-checked:before {
    content: "\e77f"
}

.el-icon-folder-delete:before {
    content: "\e780"
}

.el-icon-folder-remove:before {
    content: "\e781"
}

.el-icon-folder-add:before {
    content: "\e783"
}

.el-icon-folder-opened:before {
    content: "\e784"
}

.el-icon-folder:before {
    content: "\e78a"
}

.el-icon-edit-outline:before {
    content: "\e764"
}

.el-icon-edit:before {
    content: "\e78c"
}

.el-icon-date:before {
    content: "\e78e"
}

.el-icon-c-scale-to-original:before {
    content: "\e7c6"
}

.el-icon-view:before {
    content: "\e6ce"
}

.el-icon-loading:before {
    content: "\e6cf"
}

.el-icon-rank:before {
    content: "\e6d1"
}

.el-icon-sort-down:before {
    content: "\e7c4"
}

.el-icon-sort-up:before {
    content: "\e7c5"
}

.el-icon-sort:before {
    content: "\e6d2"
}

.el-icon-finished:before {
    content: "\e6cd"
}

.el-icon-refresh-left:before {
    content: "\e6c7"
}

.el-icon-refresh-right:before {
    content: "\e6c8"
}

.el-icon-refresh:before {
    content: "\e6d0"
}

.el-icon-video-play:before {
    content: "\e7c0"
}

.el-icon-video-pause:before {
    content: "\e7c1"
}

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

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

.el-icon-arrow-up:before {
    content: "\e6e1"
}

.el-icon-arrow-down:before {
    content: "\e6df"
}

.el-icon-arrow-right:before {
    content: "\e6e0"
}

.el-icon-arrow-left:before {
    content: "\e6de"
}

.el-icon-top-right:before {
    content: "\e6e7"
}

.el-icon-top-left:before {
    content: "\e6e8"
}

.el-icon-top:before {
    content: "\e6e6"
}

.el-icon-bottom:before {
    content: "\e6eb"
}

.el-icon-right:before {
    content: "\e6e9"
}

.el-icon-back:before {
    content: "\e6ea"
}

.el-icon-bottom-right:before {
    content: "\e6ec"
}

.el-icon-bottom-left:before {
    content: "\e6ed"
}

.el-icon-caret-top:before {
    content: "\e78f"
}

.el-icon-caret-bottom:before {
    content: "\e790"
}

.el-icon-caret-right:before {
    content: "\e791"
}

.el-icon-caret-left:before {
    content: "\e792"
}

.el-icon-d-caret:before {
    content: "\e79a"
}

.el-icon-share:before {
    content: "\e793"
}

.el-icon-menu:before {
    content: "\e798"
}

.el-icon-s-grid:before {
    content: "\e7a6"
}

.el-icon-s-check:before {
    content: "\e7a7"
}

.el-icon-s-data:before {
    content: "\e7a8"
}

.el-icon-s-opportunity:before {
    content: "\e7aa"
}

.el-icon-s-custom:before {
    content: "\e7ab"
}

.el-icon-s-claim:before {
    content: "\e7ad"
}

.el-icon-s-finance:before {
    content: "\e7ae"
}

.el-icon-s-comment:before {
    content: "\e7af"
}

.el-icon-s-flag:before {
    content: "\e7b0"
}

.el-icon-s-marketing:before {
    content: "\e7b1"
}

.el-icon-s-shop:before {
    content: "\e7b4"
}

.el-icon-s-open:before {
    content: "\e7b5"
}

.el-icon-s-management:before {
    content: "\e7b6"
}

.el-icon-s-ticket:before {
    content: "\e7b7"
}

.el-icon-s-release:before {
    content: "\e7b8"
}

.el-icon-s-home:before {
    content: "\e7b9"
}

.el-icon-s-promotion:before {
    content: "\e7ba"
}

.el-icon-s-operation:before {
    content: "\e7bb"
}

.el-icon-s-unfold:before {
    content: "\e7bc"
}

.el-icon-s-fold:before {
    content: "\e7a9"
}

.el-icon-s-platform:before {
    content: "\e7bd"
}

.el-icon-s-order:before {
    content: "\e7be"
}

.el-icon-s-cooperation:before {
    content: "\e7bf"
}

.el-icon-bell:before {
    content: "\e725"
}

.el-icon-message-solid:before {
    content: "\e799"
}

.el-icon-video-camera:before {
    content: "\e772"
}

.el-icon-video-camera-solid:before {
    content: "\e796"
}

.el-icon-camera:before {
    content: "\e779"
}

.el-icon-camera-solid:before {
    content: "\e79b"
}

.el-icon-download:before {
    content: "\e77c"
}

.el-icon-upload2:before {
    content: "\e77b"
}

.el-icon-upload:before {
    content: "\e7c3"
}

.el-icon-picture-outline-round:before {
    content: "\e75f"
}

.el-icon-picture-outline:before {
    content: "\e75e"
}

.el-icon-picture:before {
    content: "\e79f"
}

.el-icon-close:before {
    content: "\e6db"
}

.el-icon-check:before {
    content: "\e6da"
}

.el-icon-plus:before {
    content: "\e6d9"
}

.el-icon-minus:before {
    content: "\e6d8"
}

.el-icon-help:before {
    content: "\e73d"
}

.el-icon-s-help:before {
    content: "\e7b3"
}

.el-icon-circle-close:before {
    content: "\e78d"
}

.el-icon-circle-check:before {
    content: "\e720"
}

.el-icon-circle-plus-outline:before {
    content: "\e723"
}

.el-icon-remove-outline:before {
    content: "\e722"
}

.el-icon-zoom-out:before {
    content: "\e776"
}

.el-icon-zoom-in:before {
    content: "\e777"
}

.el-icon-error:before {
    content: "\e79d"
}

.el-icon-success:before {
    content: "\e79c"
}

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

.el-icon-remove:before {
    content: "\e7a2"
}

.el-icon-info:before {
    content: "\e7a1"
}

.el-icon-question:before {
    content: "\e7a4"
}

.el-icon-warning-outline:before {
    content: "\e6c9"
}

.el-icon-warning:before {
    content: "\e7a3"
}

.el-icon-goods:before {
    content: "\e7c2"
}

.el-icon-s-goods:before {
    content: "\e7b2"
}

.el-icon-star-off:before {
    content: "\e717"
}

.el-icon-star-on:before {
    content: "\e797"
}

.el-icon-more-outline:before {
    content: "\e6cc"
}

.el-icon-more:before {
    content: "\e794"
}

.el-icon-phone-outline:before {
    content: "\e6cb"
}

.el-icon-phone:before {
    content: "\e795"
}

.el-icon-user:before {
    content: "\e6e3"
}

.el-icon-user-solid:before {
    content: "\e7a5"
}

.el-icon-setting:before {
    content: "\e6ca"
}

.el-icon-s-tools:before {
    content: "\e7ac"
}

.el-icon-delete:before {
    content: "\e6d7"
}

.el-icon-delete-solid:before {
    content: "\e7c9"
}

.el-icon-eleme:before {
    content: "\e7c7"
}

.el-icon-platform-eleme:before {
    content: "\e7ca"
}

.el-icon-loading {
    animation: rotating 2s linear infinite
}

.el-icon--right {
    margin-left: 5px
}

.el-icon--left {
    margin-right: 5px
}

.el-pagination {
    white-space: nowrap;
    padding: 2px 5px;
    color: #303133;
    font-weight: 700
}

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

.el-pagination:after {
    clear: both
}

.el-pagination button,
.el-pagination span:not([class*=suffix]) {
    display: inline-block;
    font-size: 13px;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    vertical-align: top;
    box-sizing: border-box
}

.el-pagination .el-input__inner {
    text-align: center;
    -moz-appearance: textfield;
    line-height: normal
}

.el-pagination .el-input__suffix {
    right: 0;
    transform: scale(.8)
}

.el-pagination .el-select .el-input {
    width: 100px;
    margin: 0 5px
}

.el-pagination .el-select .el-input .el-input__inner {
    padding-right: 25px;
    border-radius: 3px
}

.el-pagination button {
    border: none;
    padding: 0 6px;
    background: transparent
}

.el-pagination button:focus {
    outline: none
}

.el-pagination button:hover {
    color: #1261ff
}

.el-pagination button:disabled {
    color: #c0c4cc;
    background-color: #fff;
    cursor: not-allowed
}

.el-pagination .btn-next,
.el-pagination .btn-prev {
    background: 50% no-repeat;
    background-size: 16px;
    background-color: #fff;
    cursor: pointer;
    margin: 0;
    color: #303133
}

.el-pagination .btn-next .el-icon,
.el-pagination .btn-prev .el-icon {
    display: block;
    font-size: 12px;
    font-weight: 700
}

.el-pagination .btn-prev {
    padding-right: 12px
}

.el-pagination .btn-next {
    padding-left: 12px
}

.el-pagination .el-pager li.disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-pagination--small .btn-next,
.el-pagination--small .btn-prev,
.el-pagination--small .el-pager li,
.el-pagination--small .el-pager li.btn-quicknext,
.el-pagination--small .el-pager li.btn-quickprev,
.el-pagination--small .el-pager li:last-child {
    border-color: transparent;
    font-size: 12px;
    line-height: 22px;
    height: 22px;
    min-width: 22px
}

.el-pagination--small .arrow.disabled {
    visibility: hidden
}

.el-pagination--small .more:before,
.el-pagination--small li.more:before {
    line-height: 24px
}

.el-pagination--small button,
.el-pagination--small span:not([class*=suffix]) {
    height: 22px;
    line-height: 22px
}

.el-pagination--small .el-pagination__editor,
.el-pagination--small .el-pagination__editor.el-input .el-input__inner {
    height: 22px
}

.el-pagination__sizes {
    margin: 0 10px 0 0;
    font-weight: 400;
    color: #606266
}

.el-pagination__sizes .el-input .el-input__inner {
    font-size: 13px;
    padding-left: 8px
}

.el-pagination__sizes .el-input .el-input__inner:hover {
    border-color: #1261ff
}

.el-pagination__total {
    margin-right: 10px;
    font-weight: 400;
    color: #606266
}

.el-pagination__jump {
    margin-left: 24px;
    font-weight: 400;
    color: #606266
}

.el-pagination__jump .el-input__inner {
    padding: 0 3px
}

.el-pagination__rightwrapper {
    float: right
}

.el-pagination__editor {
    line-height: 18px;
    padding: 0 2px;
    height: 28px;
    text-align: center;
    margin: 0 2px;
    box-sizing: border-box;
    border-radius: 3px
}

.el-pagination__editor.el-input {
    width: 50px
}

.el-pagination__editor.el-input .el-input__inner {
    height: 28px
}

.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,
.el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
    margin: 0 5px;
    background-color: #f4f4f5;
    color: #606266;
    min-width: 30px;
    border-radius: 2px
}

.el-pagination.is-background .btn-next.disabled,
.el-pagination.is-background .btn-prev.disabled,
.el-pagination.is-background .el-pager li.disabled {
    color: #c0c4cc
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev {
    padding: 0
}

.el-pagination.is-background .btn-next:disabled,
.el-pagination.is-background .btn-prev:disabled {
    color: #c0c4cc
}

.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: #1261ff
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #1261ff;
    color: #fff
}

.el-pagination.is-background.el-pagination--small .btn-next,
.el-pagination.is-background.el-pagination--small .btn-prev,
.el-pagination.is-background.el-pagination--small .el-pager li {
    margin: 0 3px;
    min-width: 22px
}

.el-pager {
    user-select: none;
    list-style: none;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    padding: 0;
    margin: 0
}

.el-pager .more:before {
    line-height: 30px
}

.el-pager li {
    padding: 0 4px;
    background: #fff;
    vertical-align: top;
    display: inline-block;
    font-size: 13px;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
    margin: 0
}

.el-pager li.btn-quicknext,
.el-pager li.btn-quickprev {
    line-height: 28px;
    color: #303133
}

.el-pager li.btn-quicknext.disabled,
.el-pager li.btn-quickprev.disabled {
    color: #c0c4cc
}

.el-pager li.btn-quicknext:hover,
.el-pager li.btn-quickprev:hover {
    cursor: pointer
}

.el-pager li.active+li {
    border-left: 0
}

.el-pager li:hover {
    color: #1261ff
}

.el-pager li.active {
    color: #1261ff;
    cursor: default
}

.el-dialog {
    position: relative;
    margin: 0 auto 50px;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-sizing: border-box;
    width: 50%
}

.el-dialog.is-fullscreen {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
    overflow: auto
}

.el-dialog__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    margin: 0
}

.el-dialog__header {
    padding: 20px 20px 10px
}

.el-dialog__headerbtn {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 0;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 16px
}

.el-dialog__headerbtn .el-dialog__close {
    color: #909399
}

.el-dialog__headerbtn:focus .el-dialog__close,
.el-dialog__headerbtn:hover .el-dialog__close {
    color: #1261ff
}

.el-dialog__title {
    line-height: 24px;
    font-size: 18px;
    color: #303133
}

.el-dialog__body {
    padding: 30px 20px;
    color: #606266;
    font-size: 14px;
    word-break: break-all
}

.el-dialog__footer {
    padding: 10px 20px 20px;
    text-align: right;
    box-sizing: border-box
}

.el-dialog--center {
    text-align: center
}

.el-dialog--center .el-dialog__body {
    text-align: initial;
    padding: 25px 25px 30px
}

.el-dialog--center .el-dialog__footer {
    text-align: inherit
}

.dialog-fade-enter-active {
    animation: dialog-fade-in .3s
}

.dialog-fade-leave-active {
    animation: dialog-fade-out .3s
}

@keyframes dialog-fade-in {
    0% {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes dialog-fade-out {
    0% {
        transform: translateZ(0);
        opacity: 1
    }

    to {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
}

.el-autocomplete {
    position: relative;
    display: inline-block
}

.el-autocomplete-suggestion {
    margin: 5px 0;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border-radius: 4px;
    border: 1px solid #e4e7ed;
    box-sizing: border-box;
    background-color: #fff
}

.el-autocomplete-suggestion__wrap {
    max-height: 280px;
    padding: 10px 0;
    box-sizing: border-box
}

.el-autocomplete-suggestion__list {
    margin: 0;
    padding: 0
}

.el-autocomplete-suggestion li {
    padding: 0 20px;
    margin: 0;
    line-height: 34px;
    cursor: pointer;
    color: #606266;
    font-size: 14px;
    list-style: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.el-autocomplete-suggestion li.highlighted,
.el-autocomplete-suggestion li:hover {
    background-color: #f5f7fa
}

.el-autocomplete-suggestion li.divider {
    margin-top: 6px;
    border-top: 1px solid #000
}

.el-autocomplete-suggestion li.divider:last-child {
    margin-bottom: -6px
}

.el-autocomplete-suggestion.is-loading li {
    text-align: center;
    height: 100px;
    line-height: 100px;
    font-size: 20px;
    color: #999
}

.el-autocomplete-suggestion.is-loading li:after {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle
}

.el-autocomplete-suggestion.is-loading li:hover {
    background-color: #fff
}

.el-autocomplete-suggestion.is-loading .el-icon-loading {
    vertical-align: middle
}

.el-dropdown {
    display: inline-block;
    position: relative;
    color: #606266;
    font-size: 14px
}

.el-dropdown .el-button-group {
    display: block
}

.el-dropdown .el-button-group .el-button {
    float: none
}

.el-dropdown .el-dropdown__caret-button {
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    border-left: none
}

.el-dropdown .el-dropdown__caret-button:before {
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    top: 5px;
    bottom: 5px;
    left: 0;
    background: hsla(0, 0%, 100%, .5)
}

.el-dropdown .el-dropdown__caret-button.el-button--default:before {
    background: rgba(220, 223, 230, .5)
}

.el-dropdown .el-dropdown__caret-button:hover:not(.is-disabled):before {
    top: 0;
    bottom: 0
}

.el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
    padding-left: 0
}

.el-dropdown__icon {
    font-size: 12px;
    margin: 0 3px
}

.el-dropdown .el-dropdown-selfdefine:focus:active,
.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing) {
    outline-width: 0
}

.el-dropdown [disabled] {
    cursor: not-allowed;
    color: #bbb
}

.el-dropdown-menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    padding: 10px 0;
    margin: 5px 0;
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.el-dropdown-menu__item {
    list-style: none;
    line-height: 36px;
    padding: 0 20px;
    margin: 0;
    font-size: 14px;
    color: #606266;
    cursor: pointer;
    outline: none
}

.el-dropdown-menu__item:focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: #e7efff;
    color: #4181ff
}

.el-dropdown-menu__item i {
    margin-right: 5px
}

.el-dropdown-menu__item--divided {
    position: relative;
    margin-top: 6px;
    border-top: 1px solid #ebeef5
}

.el-dropdown-menu__item--divided:before {
    content: "";
    height: 6px;
    display: block;
    margin: 0 -20px;
    background-color: #fff
}

.el-dropdown-menu__item.is-disabled {
    cursor: default;
    color: #bbb;
    pointer-events: none
}

.el-dropdown-menu--medium {
    padding: 6px 0
}

.el-dropdown-menu--medium .el-dropdown-menu__item {
    line-height: 30px;
    padding: 0 17px;
    font-size: 14px
}

.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided {
    margin-top: 6px
}

.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
    height: 6px;
    margin: 0 -17px
}

.el-dropdown-menu--small {
    padding: 6px 0
}

.el-dropdown-menu--small .el-dropdown-menu__item {
    line-height: 27px;
    padding: 0 15px;
    font-size: 13px
}

.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided {
    margin-top: 4px
}

.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
    height: 4px;
    margin: 0 -15px
}

.el-dropdown-menu--mini {
    padding: 3px 0
}

.el-dropdown-menu--mini .el-dropdown-menu__item {
    line-height: 24px;
    padding: 0 10px;
    font-size: 12px
}

.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided {
    margin-top: 3px
}

.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
    height: 3px;
    margin: 0 -10px
}

.el-menu {
    border-right: 1px solid #e6e6e6;
    list-style: none;
    position: relative;
    margin: 0;
    padding-left: 0;
    background-color: #fff
}

.el-menu:after,
.el-menu:before {
    display: table;
    content: ""
}

.el-menu:after {
    clear: both
}

.el-menu.el-menu--horizontal {
    border-bottom: 1px solid #e6e6e6
}

.el-menu--horizontal {
    border-right: none
}

.el-menu--horizontal>.el-menu-item {
    float: left;
    height: 60px;
    line-height: 60px;
    margin: 0;
    border-bottom: 2px solid transparent;
    color: #909399
}

.el-menu--horizontal>.el-menu-item a,
.el-menu--horizontal>.el-menu-item a:hover {
    color: inherit
}

.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover {
    background-color: #fff
}

.el-menu--horizontal>.el-submenu {
    float: left
}

.el-menu--horizontal>.el-submenu:focus,
.el-menu--horizontal>.el-submenu:hover {
    outline: none
}

.el-menu--horizontal>.el-submenu:focus .el-submenu__title,
.el-menu--horizontal>.el-submenu:hover .el-submenu__title {
    color: #303133
}

.el-menu--horizontal>.el-submenu.is-active .el-submenu__title {
    border-bottom: 2px solid #1261ff;
    color: #303133
}

.el-menu--horizontal>.el-submenu .el-submenu__title {
    height: 60px;
    line-height: 60px;
    border-bottom: 2px solid transparent;
    color: #909399
}

.el-menu--horizontal>.el-submenu .el-submenu__title:hover {
    background-color: #fff
}

.el-menu--horizontal>.el-submenu .el-submenu__icon-arrow {
    position: static;
    vertical-align: middle;
    margin-left: 8px;
    margin-top: -3px
}

.el-menu--horizontal .el-menu .el-menu-item,
.el-menu--horizontal .el-menu .el-submenu__title {
    background-color: #fff;
    float: none;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    color: #909399
}

.el-menu--horizontal .el-menu .el-menu-item.is-active,
.el-menu--horizontal .el-menu .el-submenu.is-active>.el-submenu__title {
    color: #303133
}

.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
    outline: none;
    color: #303133
}

.el-menu--horizontal>.el-menu-item.is-active {
    border-bottom: 2px solid #1261ff;
    color: #303133
}

.el-menu--collapse {
    width: 64px
}

.el-menu--collapse>.el-menu-item [class^=el-icon-],
.el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-] {
    margin: 0;
    vertical-align: middle;
    width: 24px;
    text-align: center
}

.el-menu--collapse>.el-menu-item .el-submenu__icon-arrow,
.el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow {
    display: none
}

.el-menu--collapse>.el-menu-item span,
.el-menu--collapse>.el-submenu>.el-submenu__title span {
    height: 0;
    width: 0;
    overflow: hidden;
    visibility: hidden;
    display: inline-block
}

.el-menu--collapse>.el-menu-item.is-active i {
    color: inherit
}

.el-menu--collapse .el-menu .el-submenu {
    min-width: 200px
}

.el-menu--collapse .el-submenu {
    position: relative
}

.el-menu--collapse .el-submenu .el-menu {
    position: absolute;
    margin-left: 5px;
    top: 0;
    left: 100%;
    z-index: 10;
    border: 1px solid #e4e7ed;
    border-radius: 2px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow {
    transform: none
}

.el-menu--popup {
    z-index: 100;
    min-width: 200px;
    border: none;
    padding: 5px 0;
    border-radius: 2px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.el-menu--popup-bottom-start {
    margin-top: 5px
}

.el-menu--popup-right-start {
    margin-left: 5px;
    margin-right: 5px
}

.el-menu-item {
    height: 56px;
    line-height: 56px;
    font-size: 14px;
    color: #303133;
    padding: 0 20px;
    list-style: none;
    cursor: pointer;
    position: relative;
    transition: border-color .3s, background-color .3s, color .3s;
    box-sizing: border-box;
    white-space: nowrap
}

.el-menu-item * {
    vertical-align: middle
}

.el-menu-item i {
    color: #909399
}

.el-menu-item:focus,
.el-menu-item:hover {
    outline: none;
    background-color: #e7efff
}

.el-menu-item.is-disabled {
    opacity: .25;
    cursor: not-allowed;
    background: none !important
}

.el-menu-item [class^=el-icon-] {
    margin-right: 5px;
    width: 24px;
    text-align: center;
    font-size: 18px;
    vertical-align: middle
}

.el-menu-item.is-active {
    color: #1261ff
}

.el-menu-item.is-active i {
    color: inherit
}

.el-submenu {
    list-style: none;
    margin: 0;
    padding-left: 0
}

.el-submenu__title {
    height: 56px;
    line-height: 56px;
    font-size: 14px;
    color: #303133;
    padding: 0 20px;
    list-style: none;
    cursor: pointer;
    position: relative;
    transition: border-color .3s, background-color .3s, color .3s;
    box-sizing: border-box;
    white-space: nowrap
}

.el-submenu__title * {
    vertical-align: middle
}

.el-submenu__title i {
    color: #909399
}

.el-submenu__title:focus,
.el-submenu__title:hover {
    outline: none;
    background-color: #e7efff
}

.el-submenu__title.is-disabled {
    opacity: .25;
    cursor: not-allowed;
    background: none !important
}

.el-submenu__title:hover {
    background-color: #e7efff
}

.el-submenu .el-menu {
    border: none
}

.el-submenu .el-menu-item {
    height: 50px;
    line-height: 50px;
    padding: 0 45px;
    min-width: 200px
}

.el-submenu__icon-arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -7px;
    transition: transform .3s;
    font-size: 12px
}

.el-submenu.is-active .el-submenu__title {
    border-bottom-color: #1261ff
}

.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow {
    transform: rotate(180deg)
}

.el-submenu.is-disabled .el-menu-item,
.el-submenu.is-disabled .el-submenu__title {
    opacity: .25;
    cursor: not-allowed;
    background: none !important
}

.el-submenu [class^=el-icon-] {
    vertical-align: middle;
    margin-right: 5px;
    width: 24px;
    text-align: center;
    font-size: 18px
}

.el-menu-item-group>ul {
    padding: 0
}

.el-menu-item-group__title {
    padding: 7px 0 7px 20px;
    line-height: normal;
    font-size: 12px;
    color: #909399
}

.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow {
    transition: .2s;
    opacity: 0
}

.el-radio-group {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    font-size: 0
}

.el-radio-button,
.el-radio-button__inner {
    position: relative;
    display: inline-block;
    outline: none
}

.el-radio-button__inner {
    line-height: 1;
    white-space: nowrap;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #dcdfe6;
    font-weight: 500;
    border-left: 0;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    margin: 0;
    cursor: pointer;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 0
}

.el-radio-button__inner.is-round {
    padding: 12px 20px
}

.el-radio-button__inner:hover {
    color: #1261ff
}

.el-radio-button__inner [class*=el-icon-] {
    line-height: .9
}

.el-radio-button__inner [class*=el-icon-]+span {
    margin-left: 5px
}

.el-radio-button:first-child .el-radio-button__inner {
    border-left: 1px solid #dcdfe6;
    border-radius: 4px 0 0 4px;
    box-shadow: none !important
}

.el-radio-button__orig-radio {
    opacity: 0;
    outline: none;
    position: absolute;
    z-index: -1
}

.el-radio-button__orig-radio:checked+.el-radio-button__inner {
    color: #fff;
    background-color: #1261ff;
    border-color: #1261ff;
    box-shadow: -1px 0 0 0 #1261ff
}

.el-radio-button__orig-radio:disabled+.el-radio-button__inner {
    color: #c0c4cc;
    cursor: not-allowed;
    background-image: none;
    background-color: #fff;
    border-color: #ebeef5;
    box-shadow: none
}

.el-radio-button__orig-radio:disabled:checked+.el-radio-button__inner {
    background-color: #f2f6fc
}

.el-radio-button:last-child .el-radio-button__inner {
    border-radius: 0 4px 4px 0
}

.el-radio-button:first-child:last-child .el-radio-button__inner {
    border-radius: 4px
}

.el-radio-button--medium .el-radio-button__inner {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 0
}

.el-radio-button--medium .el-radio-button__inner.is-round {
    padding: 10px 20px
}

.el-radio-button--small .el-radio-button__inner {
    padding: 9px 15px;
    font-size: 12px;
    border-radius: 0
}

.el-radio-button--small .el-radio-button__inner.is-round {
    padding: 9px 15px
}

.el-radio-button--mini .el-radio-button__inner {
    padding: 7px 15px;
    font-size: 12px;
    border-radius: 0
}

.el-radio-button--mini .el-radio-button__inner.is-round {
    padding: 7px 15px
}

.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
    box-shadow: 0 0 2px 2px #1261ff
}

.el-switch {
    display: inline-flex;
    align-items: center;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    vertical-align: middle
}

.el-switch.is-disabled .el-switch__core,
.el-switch.is-disabled .el-switch__label {
    cursor: not-allowed
}

.el-switch__label {
    transition: .2s;
    height: 20px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    vertical-align: middle;
    color: #303133
}

.el-switch__label.is-active {
    color: #1261ff
}

.el-switch__label--left {
    margin-right: 10px
}

.el-switch__label--right {
    margin-left: 10px
}

.el-switch__label * {
    line-height: 1;
    font-size: 14px;
    display: inline-block
}

.el-switch__input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0
}

.el-switch__core {
    margin: 0;
    display: inline-block;
    position: relative;
    width: 40px;
    height: 20px;
    border: 1px solid #dcdfe6;
    outline: none;
    border-radius: 10px;
    box-sizing: border-box;
    background: #dcdfe6;
    cursor: pointer;
    transition: border-color .3s, background-color .3s;
    vertical-align: middle
}

.el-switch__core:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 100%;
    transition: all .3s;
    width: 16px;
    height: 16px;
    background-color: #fff
}

.el-switch.is-checked .el-switch__core {
    border-color: #1261ff;
    background-color: #1261ff
}

.el-switch.is-checked .el-switch__core:after {
    left: 100%;
    margin-left: -17px
}

.el-switch.is-disabled {
    opacity: .6
}

.el-switch--wide .el-switch__label.el-switch__label--left span {
    left: 10px
}

.el-switch--wide .el-switch__label.el-switch__label--right span {
    right: 10px
}

.el-switch .label-fade-enter,
.el-switch .label-fade-leave-active {
    opacity: 0
}

.el-select-dropdown {
    position: absolute;
    z-index: 1001;
    border: 1px solid #e4e7ed;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-sizing: border-box;
    margin: 5px 0
}

.el-select-dropdown.is-multiple .el-select-dropdown__item {
    padding-right: 40px
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    color: #1261ff;
    background-color: #fff
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
    background-color: #f5f7fa
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected:after {
    position: absolute;
    right: 20px;
    font-family: element-icons;
    content: "\e6da";
    font-size: 12px;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
    padding: 0
}

.el-select-dropdown__empty {
    padding: 10px 0;
    margin: 0;
    text-align: center;
    color: #999;
    font-size: 14px
}

.el-select-dropdown__wrap {
    max-height: 274px
}

.el-select-dropdown__list {
    list-style: none;
    padding: 6px 0;
    margin: 0;
    box-sizing: border-box
}

.el-select-dropdown__item {
    font-size: 14px;
    padding: 0 20px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #606266;
    height: 34px;
    line-height: 34px;
    box-sizing: border-box;
    cursor: pointer
}

.el-select-dropdown__item.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-select-dropdown__item.is-disabled:hover {
    background-color: #fff
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
    background-color: #f5f7fa
}

.el-select-dropdown__item.selected {
    color: #1261ff;
    font-weight: 700
}

.el-select-group {
    margin: 0;
    padding: 0
}

.el-select-group__wrap {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0
}

.el-select-group__wrap:not(:last-of-type) {
    padding-bottom: 24px
}

.el-select-group__wrap:not(:last-of-type):after {
    content: "";
    position: absolute;
    display: block;
    left: 20px;
    right: 20px;
    bottom: 12px;
    height: 1px;
    background: #e4e7ed
}

.el-select-group__title {
    padding-left: 20px;
    font-size: 12px;
    color: #909399;
    line-height: 30px
}

.el-select-group .el-select-dropdown__item {
    padding-left: 20px
}

.el-select {
    display: inline-block;
    position: relative
}

.el-select .el-select__tags>span {
    display: contents
}

.el-select:hover .el-input__inner {
    border-color: #c0c4cc
}

.el-select .el-input__inner {
    cursor: pointer;
    padding-right: 35px
}

.el-select .el-input__inner:focus {
    border-color: #1261ff
}

.el-select .el-input .el-select__caret {
    color: #c0c4cc;
    font-size: 14px;
    transition: transform .3s;
    transform: rotate(180deg);
    cursor: pointer
}

.el-select .el-input .el-select__caret.is-reverse {
    transform: rotate(0deg)
}

.el-select .el-input .el-select__caret.is-show-close {
    font-size: 14px;
    text-align: center;
    transform: rotate(180deg);
    border-radius: 100%;
    color: #c0c4cc;
    transition: color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-select .el-input .el-select__caret.is-show-close:hover {
    color: #909399
}

.el-select .el-input.is-disabled .el-input__inner {
    cursor: not-allowed
}

.el-select .el-input.is-disabled .el-input__inner:hover {
    border-color: #e4e7ed
}

.el-select .el-input.is-focus .el-input__inner {
    border-color: #1261ff
}

.el-select>.el-input {
    display: block
}

.el-select__input {
    border: none;
    outline: none;
    padding: 0;
    margin-left: 15px;
    color: #666;
    font-size: 14px;
    appearance: none;
    height: 28px;
    background-color: transparent
}

.el-select__input.is-mini {
    height: 14px
}

.el-select__close {
    cursor: pointer;
    position: absolute;
    top: 8px;
    z-index: 1000;
    right: 25px;
    color: #c0c4cc;
    line-height: 18px;
    font-size: 14px
}

.el-select__close:hover {
    color: #909399
}

.el-select__tags {
    position: absolute;
    line-height: normal;
    white-space: normal;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.el-select__tags-text {
    overflow: hidden;
    text-overflow: ellipsis
}

.el-select .el-tag {
    box-sizing: border-box;
    border-color: transparent;
    margin: 2px 0 2px 6px;
    background-color: #f0f2f5;
    display: flex;
    max-width: 100%;
    align-items: center
}

.el-select .el-tag__close.el-icon-close {
    background-color: #c0c4cc;
    top: 0;
    color: #fff;
    flex-shrink: 0
}

.el-select .el-tag__close.el-icon-close:hover {
    background-color: #909399
}

.el-select .el-tag__close.el-icon-close:before {
    display: block;
    transform: translateY(.5px)
}

.el-table {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    flex: 1;
    width: 100%;
    max-width: 100%;
    background-color: #fff;
    font-size: 14px;
    color: #606266
}

.el-table__empty-block {
    min-height: 60px;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.el-table__empty-text {
    line-height: 60px;
    width: 50%;
    color: #909399
}

.el-table__expand-column .cell {
    padding: 0;
    text-align: center
}

.el-table__expand-icon {
    position: relative;
    cursor: pointer;
    color: #666;
    font-size: 12px;
    transition: transform .2s ease-in-out;
    height: 20px
}

.el-table__expand-icon--expanded {
    transform: rotate(90deg)
}

.el-table__expand-icon>.el-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -5px;
    margin-top: -5px
}

.el-table__expanded-cell {
    background-color: #fff
}

.el-table__expanded-cell[class*=cell] {
    padding: 20px 50px
}

.el-table__expanded-cell:hover {
    background-color: transparent !important
}

.el-table__placeholder {
    display: inline-block;
    width: 20px
}

.el-table__append-wrapper {
    overflow: hidden
}

.el-table--fit {
    border-right: 0;
    border-bottom: 0
}

.el-table--fit .el-table__cell.gutter {
    border-right-width: 1px
}

.el-table--scrollable-x .el-table__body-wrapper {
    overflow-x: auto
}

.el-table--scrollable-y .el-table__body-wrapper {
    overflow-y: auto
}

.el-table thead {
    color: #909399;
    font-weight: 500
}

.el-table thead.is-group th.el-table__cell {
    background: #f5f7fa
}

.el-table .el-table__cell {
    padding: 12px 0;
    min-width: 0;
    box-sizing: border-box;
    text-overflow: ellipsis;
    vertical-align: middle;
    position: relative;
    text-align: left
}

.el-table .el-table__cell.is-center {
    text-align: center
}

.el-table .el-table__cell.is-right {
    text-align: right
}

.el-table .el-table__cell.gutter {
    width: 15px;
    border-right-width: 0;
    border-bottom-width: 0;
    padding: 0
}

.el-table .el-table__cell.is-hidden>* {
    visibility: hidden
}

.el-table--medium .el-table__cell {
    padding: 10px 0
}

.el-table--small {
    font-size: 12px
}

.el-table--small .el-table__cell {
    padding: 8px 0
}

.el-table--mini {
    font-size: 12px
}

.el-table--mini .el-table__cell {
    padding: 6px 0
}

.el-table tr {
    background-color: #fff
}

.el-table tr input[type=checkbox] {
    margin: 0
}

.el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
    border-bottom: 1px solid #ebeef5
}

.el-table th.el-table__cell.is-sortable {
    cursor: pointer
}

.el-table th.el-table__cell {
    overflow: hidden;
    user-select: none;
    background-color: #fff
}

.el-table th.el-table__cell>.cell {
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%
}

.el-table th.el-table__cell>.cell.highlight {
    color: #1261ff
}

.el-table th.el-table__cell.required>div:before {
    display: inline-block;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff4d51;
    margin-right: 5px;
    vertical-align: middle
}

.el-table td.el-table__cell div {
    box-sizing: border-box
}

.el-table td.el-table__cell.gutter {
    width: 0
}

.el-table .cell {
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    line-height: 23px;
    padding-left: 10px;
    padding-right: 10px
}

.el-table .cell.el-tooltip {
    white-space: nowrap;
    min-width: 50px
}

.el-table--border,
.el-table--group {
    border: 1px solid #ebeef5
}

.el-table--border:after,
.el-table--group:after,
.el-table:before {
    content: "";
    position: absolute;
    background-color: #ebeef5;
    z-index: 1
}

.el-table--border:after,
.el-table--group:after {
    top: 0;
    right: 0;
    width: 1px;
    height: 100%
}

.el-table:before {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px
}

.el-table--border {
    border-right: none;
    border-bottom: none
}

.el-table--border.el-loading-parent--relative {
    border-color: transparent
}

.el-table--border .el-table__cell {
    border-right: 1px solid #ebeef5
}

.el-table--border .el-table__cell:first-child .cell {
    padding-left: 10px
}

.el-table--border th.el-table__cell,
.el-table--border th.el-table__cell.gutter:last-of-type {
    border-bottom: 1px solid #ebeef5
}

.el-table--hidden {
    visibility: hidden
}

.el-table__fixed,
.el-table__fixed-right {
    position: absolute;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, .12)
}

.el-table__fixed-right:before,
.el-table__fixed:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #ebeef5;
    z-index: 4
}

.el-table__fixed-right-patch {
    position: absolute;
    top: -1px;
    right: 0;
    background-color: #fff;
    border-bottom: 1px solid #ebeef5
}

.el-table__fixed-right {
    top: 0;
    left: auto;
    right: 0
}

.el-table__fixed-right .el-table__fixed-body-wrapper,
.el-table__fixed-right .el-table__fixed-footer-wrapper,
.el-table__fixed-right .el-table__fixed-header-wrapper {
    left: auto;
    right: 0
}

.el-table__fixed-header-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3
}

.el-table__fixed-footer-wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3
}

.el-table__fixed-footer-wrapper tbody td.el-table__cell {
    border-top: 1px solid #ebeef5;
    background-color: #f5f7fa;
    color: #606266
}

.el-table__fixed-body-wrapper {
    position: absolute;
    left: 0;
    top: 37px;
    overflow: hidden;
    z-index: 3
}

.el-table__body-wrapper,
.el-table__footer-wrapper,
.el-table__header-wrapper {
    width: 100%
}

.el-table__footer-wrapper {
    margin-top: -1px
}

.el-table__footer-wrapper td.el-table__cell {
    border-top: 1px solid #ebeef5
}

.el-table__body,
.el-table__footer,
.el-table__header {
    table-layout: fixed;
    border-collapse: separate
}

.el-table__footer-wrapper,
.el-table__header-wrapper {
    overflow: hidden
}

.el-table__footer-wrapper tbody td.el-table__cell,
.el-table__header-wrapper tbody td.el-table__cell {
    background-color: #f5f7fa;
    color: #606266
}

.el-table__body-wrapper {
    overflow: hidden;
    position: relative
}

.el-table__body-wrapper.is-scrolling-left~.el-table__fixed,
.el-table__body-wrapper.is-scrolling-none~.el-table__fixed,
.el-table__body-wrapper.is-scrolling-none~.el-table__fixed-right,
.el-table__body-wrapper.is-scrolling-right~.el-table__fixed-right {
    box-shadow: none
}

.el-table__body-wrapper .el-table--border.is-scrolling-right~.el-table__fixed-right {
    border-left: 1px solid #ebeef5
}

.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
    border-right: 1px solid #ebeef5
}

.el-table .caret-wrapper {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    height: 34px;
    width: 24px;
    vertical-align: middle;
    cursor: pointer;
    overflow: initial;
    position: relative
}

.el-table .sort-caret {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    position: absolute;
    left: 7px
}

.el-table .sort-caret.ascending {
    border-bottom-color: #c0c4cc;
    top: 5px
}

.el-table .sort-caret.descending {
    border-top-color: #c0c4cc;
    bottom: 7px
}

.el-table .ascending .sort-caret.ascending {
    border-bottom-color: #1261ff
}

.el-table .descending .sort-caret.descending {
    border-top-color: #1261ff
}

.el-table .hidden-columns {
    visibility: hidden;
    position: absolute;
    z-index: -1
}

.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
    background: #fafafa
}

.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell {
    background-color: #e7efff
}

.el-table__body tr.hover-row.current-row>td.el-table__cell,
.el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,
.el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,
.el-table__body tr.hover-row>td.el-table__cell {
    background-color: #f5f7fa
}

.el-table__body tr.current-row>td.el-table__cell {
    background-color: #e7efff
}

.el-table__column-resize-proxy {
    position: absolute;
    left: 200px;
    top: 0;
    bottom: 0;
    width: 0;
    border-left: 1px solid #ebeef5;
    z-index: 10
}

.el-table__column-filter-trigger {
    display: inline-block;
    line-height: 34px;
    cursor: pointer
}

.el-table__column-filter-trigger i {
    color: #909399;
    font-size: 12px;
    transform: scale(.75)
}

.el-table--enable-row-transition .el-table__body td.el-table__cell {
    transition: background-color .25s ease
}

.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
    background-color: #f5f7fa
}

.el-table--fluid-height .el-table__fixed,
.el-table--fluid-height .el-table__fixed-right {
    bottom: 0;
    overflow: hidden
}

.el-table [class*=el-table__row--level] .el-table__expand-icon {
    display: inline-block;
    width: 20px;
    line-height: 20px;
    height: 20px;
    text-align: center;
    margin-right: 3px
}

.el-table-column--selection .cell {
    padding-left: 14px;
    padding-right: 14px
}

.el-table-filter {
    border: 1px solid #ebeef5;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-sizing: border-box;
    margin: 2px 0
}

.el-table-filter__list {
    padding: 5px 0;
    margin: 0;
    list-style: none;
    min-width: 100px
}

.el-table-filter__list-item {
    line-height: 36px;
    padding: 0 10px;
    cursor: pointer;
    font-size: 14px
}

.el-table-filter__list-item:hover {
    background-color: #e7efff;
    color: #4181ff
}

.el-table-filter__list-item.is-active {
    background-color: #1261ff;
    color: #fff
}

.el-table-filter__content {
    min-width: 100px
}

.el-table-filter__bottom {
    border-top: 1px solid #ebeef5;
    padding: 8px
}

.el-table-filter__bottom button {
    background: transparent;
    border: none;
    color: #606266;
    cursor: pointer;
    font-size: 13px;
    padding: 0 3px
}

.el-table-filter__bottom button:hover {
    color: #1261ff
}

.el-table-filter__bottom button:focus {
    outline: none
}

.el-table-filter__bottom button.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-table-filter__wrap {
    max-height: 280px
}

.el-table-filter__checkbox-group {
    padding: 10px
}

.el-table-filter__checkbox-group label.el-checkbox {
    display: block;
    margin-right: 5px;
    margin-bottom: 8px;
    margin-left: 5px
}

.el-table-filter__checkbox-group .el-checkbox:last-child {
    margin-bottom: 0
}

.el-date-table {
    font-size: 12px;
    user-select: none
}

.el-date-table.is-week-mode .el-date-table__row:hover div {
    background-color: #f2f6fc
}

.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
    color: #606266
}

.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div {
    margin-left: 5px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px
}

.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div {
    margin-right: 5px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

.el-date-table.is-week-mode .el-date-table__row.current div {
    background-color: #f2f6fc
}

.el-date-table td {
    width: 32px;
    height: 30px;
    padding: 4px 0;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    position: relative
}

.el-date-table td div {
    height: 30px;
    padding: 3px 0;
    box-sizing: border-box
}

.el-date-table td span {
    width: 24px;
    height: 24px;
    display: block;
    margin: 0 auto;
    line-height: 24px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%
}

.el-date-table td.next-month,
.el-date-table td.prev-month {
    color: #c0c4cc
}

.el-date-table td.today {
    position: relative
}

.el-date-table td.today span {
    color: #1261ff;
    font-weight: 700
}

.el-date-table td.today.end-date span,
.el-date-table td.today.start-date span {
    color: #fff
}

.el-date-table td.available:hover {
    color: #1261ff
}

.el-date-table td.in-range div,
.el-date-table td.in-range div:hover {
    background-color: #f2f6fc
}

.el-date-table td.current:not(.disabled) span {
    color: #fff;
    background-color: #1261ff
}

.el-date-table td.end-date div,
.el-date-table td.start-date div {
    color: #fff
}

.el-date-table td.end-date span,
.el-date-table td.start-date span {
    background-color: #1261ff
}

.el-date-table td.start-date div {
    margin-left: 5px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px
}

.el-date-table td.end-date div {
    margin-right: 5px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

.el-date-table td.disabled div {
    background-color: #f5f7fa;
    opacity: 1;
    cursor: not-allowed;
    color: #c0c4cc
}

.el-date-table td.selected div {
    margin-left: 5px;
    margin-right: 5px;
    background-color: #f2f6fc;
    border-radius: 15px
}

.el-date-table td.selected div:hover {
    background-color: #f2f6fc
}

.el-date-table td.selected span {
    background-color: #1261ff;
    color: #fff;
    border-radius: 15px
}

.el-date-table td.week {
    font-size: 80%;
    color: #606266
}

.el-date-table th {
    padding: 5px;
    color: #606266;
    font-weight: 400;
    border-bottom: 1px solid #ebeef5
}

.el-month-table {
    font-size: 12px;
    margin: -1px;
    border-collapse: collapse
}

.el-month-table td {
    text-align: center;
    padding: 8px 0;
    cursor: pointer
}

.el-month-table td div {
    height: 48px;
    padding: 6px 0;
    box-sizing: border-box
}

.el-month-table td.today .cell {
    color: #1261ff;
    font-weight: 700
}

.el-month-table td.today.end-date .cell,
.el-month-table td.today.start-date .cell {
    color: #fff
}

.el-month-table td.disabled .cell {
    background-color: #f5f7fa;
    cursor: not-allowed;
    color: #c0c4cc
}

.el-month-table td.disabled .cell:hover {
    color: #c0c4cc
}

.el-month-table td .cell {
    width: 60px;
    height: 36px;
    display: block;
    line-height: 36px;
    color: #606266;
    margin: 0 auto;
    border-radius: 18px
}

.el-month-table td .cell:hover {
    color: #1261ff
}

.el-month-table td.in-range div,
.el-month-table td.in-range div:hover {
    background-color: #f2f6fc
}

.el-month-table td.end-date div,
.el-month-table td.start-date div {
    color: #fff
}

.el-month-table td.end-date .cell,
.el-month-table td.start-date .cell {
    color: #fff;
    background-color: #1261ff
}

.el-month-table td.start-date div {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px
}

.el-month-table td.end-date div {
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px
}

.el-month-table td.current:not(.disabled) .cell {
    color: #1261ff
}

.el-year-table {
    font-size: 12px;
    margin: -1px;
    border-collapse: collapse
}

.el-year-table .el-icon {
    color: #303133
}

.el-year-table td {
    text-align: center;
    padding: 20px 3px;
    cursor: pointer
}

.el-year-table td.today .cell {
    color: #1261ff;
    font-weight: 700
}

.el-year-table td.disabled .cell {
    background-color: #f5f7fa;
    cursor: not-allowed;
    color: #c0c4cc
}

.el-year-table td.disabled .cell:hover {
    color: #c0c4cc
}

.el-year-table td .cell {
    width: 48px;
    height: 32px;
    display: block;
    line-height: 32px;
    color: #606266;
    margin: 0 auto
}

.el-year-table td .cell:hover,
.el-year-table td.current:not(.disabled) .cell {
    color: #1261ff
}

.el-date-range-picker {
    width: 646px
}

.el-date-range-picker.has-sidebar {
    width: 756px
}

.el-date-range-picker table {
    table-layout: fixed;
    width: 100%
}

.el-date-range-picker .el-picker-panel__body {
    min-width: 513px
}

.el-date-range-picker .el-picker-panel__content {
    margin: 0
}

.el-date-range-picker__header {
    position: relative;
    text-align: center;
    height: 28px
}

.el-date-range-picker__header [class*=arrow-left] {
    float: left
}

.el-date-range-picker__header [class*=arrow-right] {
    float: right
}

.el-date-range-picker__header div {
    font-size: 16px;
    font-weight: 500;
    margin-right: 50px
}

.el-date-range-picker__content {
    float: left;
    width: 50%;
    box-sizing: border-box;
    margin: 0;
    padding: 16px
}

.el-date-range-picker__content.is-left {
    border-right: 1px solid #e4e4e4
}

.el-date-range-picker__content .el-date-range-picker__header div {
    margin-left: 50px;
    margin-right: 50px
}

.el-date-range-picker__editors-wrap {
    box-sizing: border-box;
    display: table-cell
}

.el-date-range-picker__editors-wrap.is-right {
    text-align: right
}

.el-date-range-picker__time-header {
    position: relative;
    border-bottom: 1px solid #e4e4e4;
    font-size: 12px;
    padding: 8px 5px 5px;
    display: table;
    width: 100%;
    box-sizing: border-box
}

.el-date-range-picker__time-header>.el-icon-arrow-right {
    font-size: 20px;
    vertical-align: middle;
    display: table-cell;
    color: #303133
}

.el-date-range-picker__time-picker-wrap {
    position: relative;
    display: table-cell;
    padding: 0 5px
}

.el-date-range-picker__time-picker-wrap .el-picker-panel {
    position: absolute;
    top: 13px;
    right: 0;
    z-index: 1;
    background: #fff
}

.el-date-picker {
    width: 322px
}

.el-date-picker.has-sidebar.has-time {
    width: 434px
}

.el-date-picker.has-sidebar {
    width: 438px
}

.el-date-picker.has-time .el-picker-panel__body-wrapper {
    position: relative
}

.el-date-picker .el-picker-panel__content {
    width: 292px
}

.el-date-picker table {
    table-layout: fixed;
    width: 100%
}

.el-date-picker__editor-wrap {
    position: relative;
    display: table-cell;
    padding: 0 5px
}

.el-date-picker__time-header {
    position: relative;
    border-bottom: 1px solid #e4e4e4;
    font-size: 12px;
    padding: 8px 5px 5px;
    display: table;
    width: 100%;
    box-sizing: border-box
}

.el-date-picker__header {
    margin: 12px;
    text-align: center
}

.el-date-picker__header--bordered {
    margin-bottom: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #ebeef5
}

.el-date-picker__header--bordered+.el-picker-panel__content {
    margin-top: 0
}

.el-date-picker__header-label {
    font-size: 16px;
    font-weight: 500;
    padding: 0 5px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
    color: #606266
}

.el-date-picker__header-label.active,
.el-date-picker__header-label:hover {
    color: #1261ff
}

.el-date-picker__prev-btn {
    float: left
}

.el-date-picker__next-btn {
    float: right
}

.el-date-picker__time-wrap {
    padding: 10px;
    text-align: center
}

.el-date-picker__time-label {
    float: left;
    cursor: pointer;
    line-height: 30px;
    margin-left: 10px
}

.time-select {
    margin: 5px 0;
    min-width: 0
}

.time-select .el-picker-panel__content {
    max-height: 200px;
    margin: 0
}

.time-select-item {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 20px
}

.time-select-item.selected:not(.disabled) {
    color: #1261ff;
    font-weight: 700
}

.time-select-item.disabled {
    color: #e4e7ed;
    cursor: not-allowed
}

.time-select-item:hover {
    background-color: #f5f7fa;
    font-weight: 700;
    cursor: pointer
}

.el-date-editor {
    position: relative;
    display: inline-block;
    text-align: left
}

.el-date-editor.el-input,
.el-date-editor.el-input__inner {
    width: 220px
}

.el-date-editor--monthrange.el-input,
.el-date-editor--monthrange.el-input__inner {
    width: 300px
}

.el-date-editor--daterange.el-input,
.el-date-editor--daterange.el-input__inner,
.el-date-editor--timerange.el-input,
.el-date-editor--timerange.el-input__inner {
    width: 350px
}

.el-date-editor--datetimerange.el-input,
.el-date-editor--datetimerange.el-input__inner {
    width: 400px
}

.el-date-editor--dates .el-input__inner {
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-date-editor .el-icon-circle-close {
    cursor: pointer
}

.el-date-editor .el-range__icon {
    font-size: 14px;
    margin-left: -5px;
    color: #c0c4cc;
    float: left;
    line-height: 32px
}

.el-date-editor .el-range-input {
    appearance: none;
    border: none;
    outline: none;
    display: inline-block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 39%;
    text-align: center;
    font-size: 14px;
    color: #606266
}

.el-date-editor .el-range-input::placeholder {
    color: #c0c4cc
}

.el-date-editor .el-range-separator {
    display: inline-block;
    height: 100%;
    padding: 0 5px;
    margin: 0;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    width: 5%;
    color: #303133
}

.el-date-editor .el-range__close-icon {
    font-size: 14px;
    color: #c0c4cc;
    width: 25px;
    display: inline-block;
    float: right;
    line-height: 32px
}

.el-range-editor.el-input__inner {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px
}

.el-range-editor .el-range-input {
    line-height: 1
}

.el-range-editor.is-active,
.el-range-editor.is-active:hover {
    border-color: #1261ff
}

.el-range-editor--medium.el-input__inner {
    height: 36px
}

.el-range-editor--medium .el-range-separator {
    line-height: 28px;
    font-size: 14px
}

.el-range-editor--medium .el-range-input {
    font-size: 14px
}

.el-range-editor--medium .el-range__close-icon,
.el-range-editor--medium .el-range__icon {
    line-height: 28px
}

.el-range-editor--small.el-input__inner {
    height: 32px
}

.el-range-editor--small .el-range-separator {
    line-height: 24px;
    font-size: 13px
}

.el-range-editor--small .el-range-input {
    font-size: 13px
}

.el-range-editor--small .el-range__close-icon,
.el-range-editor--small .el-range__icon {
    line-height: 24px
}

.el-range-editor--mini.el-input__inner {
    height: 28px
}

.el-range-editor--mini .el-range-separator {
    line-height: 20px;
    font-size: 12px
}

.el-range-editor--mini .el-range-input {
    font-size: 12px
}

.el-range-editor--mini .el-range__close-icon,
.el-range-editor--mini .el-range__icon {
    line-height: 20px
}

.el-range-editor.is-disabled {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-range-editor.is-disabled:focus,
.el-range-editor.is-disabled:hover {
    border-color: #e4e7ed
}

.el-range-editor.is-disabled input {
    background-color: #f5f7fa;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-range-editor.is-disabled input::placeholder {
    color: #c0c4cc
}

.el-range-editor.is-disabled .el-range-separator {
    color: #c0c4cc
}

.el-picker-panel {
    color: #606266;
    border: 1px solid #e4e7ed;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    background: #fff;
    border-radius: 4px;
    line-height: 30px;
    margin: 5px 0
}

.el-picker-panel__body-wrapper:after,
.el-picker-panel__body:after {
    content: "";
    display: table;
    clear: both
}

.el-picker-panel__content {
    position: relative;
    margin: 15px
}

.el-picker-panel__footer {
    border-top: 1px solid #e4e4e4;
    padding: 4px;
    text-align: right;
    background-color: #fff;
    position: relative;
    font-size: 0
}

.el-picker-panel__shortcut {
    display: block;
    width: 100%;
    border: 0;
    background-color: transparent;
    line-height: 28px;
    font-size: 14px;
    color: #606266;
    padding-left: 12px;
    text-align: left;
    outline: none;
    cursor: pointer
}

.el-picker-panel__shortcut:hover {
    color: #1261ff
}

.el-picker-panel__shortcut.active {
    background-color: #e6f1fe;
    color: #1261ff
}

.el-picker-panel__btn {
    border: 1px solid #dcdcdc;
    color: #333;
    line-height: 24px;
    border-radius: 2px;
    padding: 0 20px;
    cursor: pointer;
    background-color: transparent;
    outline: none;
    font-size: 12px
}

.el-picker-panel__btn[disabled] {
    color: #ccc;
    cursor: not-allowed
}

.el-picker-panel__icon-btn {
    font-size: 12px;
    color: #303133;
    border: 0;
    background: transparent;
    cursor: pointer;
    outline: none;
    margin-top: 8px
}

.el-picker-panel__icon-btn:hover {
    color: #1261ff
}

.el-picker-panel__icon-btn.is-disabled {
    color: #bbb
}

.el-picker-panel__icon-btn.is-disabled:hover {
    cursor: not-allowed
}

.el-picker-panel__link-btn {
    vertical-align: middle
}

.el-picker-panel [slot=sidebar],
.el-picker-panel__sidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 110px;
    border-right: 1px solid #e4e4e4;
    box-sizing: border-box;
    padding-top: 6px;
    background-color: #fff;
    overflow: auto
}

.el-picker-panel [slot=sidebar]+.el-picker-panel__body,
.el-picker-panel__sidebar+.el-picker-panel__body {
    margin-left: 110px
}

.el-time-spinner.has-seconds .el-time-spinner__wrapper {
    width: 33.3%
}

.el-time-spinner__wrapper {
    max-height: 190px;
    overflow: auto;
    display: inline-block;
    width: 50%;
    vertical-align: top;
    position: relative
}

.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
    padding-bottom: 15px
}

.el-time-spinner__wrapper.is-arrow {
    box-sizing: border-box;
    text-align: center;
    overflow: hidden
}

.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
    transform: translateY(-32px)
}

.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) {
    background: #fff;
    cursor: default
}

.el-time-spinner__arrow {
    font-size: 12px;
    color: #909399;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1;
    text-align: center;
    height: 30px;
    line-height: 30px;
    cursor: pointer
}

.el-time-spinner__arrow:hover {
    color: #1261ff
}

.el-time-spinner__arrow.el-icon-arrow-up {
    top: 10px
}

.el-time-spinner__arrow.el-icon-arrow-down {
    bottom: 10px
}

.el-time-spinner__input.el-input {
    width: 70%
}

.el-time-spinner__input.el-input .el-input__inner,
.el-time-spinner__list {
    padding: 0;
    text-align: center
}

.el-time-spinner__list {
    margin: 0;
    list-style: none
}

.el-time-spinner__list:after,
.el-time-spinner__list:before {
    content: "";
    display: block;
    width: 100%;
    height: 80px
}

.el-time-spinner__item {
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    color: #606266
}

.el-time-spinner__item:hover:not(.disabled):not(.active) {
    background: #f5f7fa;
    cursor: pointer
}

.el-time-spinner__item.active:not(.disabled) {
    color: #303133;
    font-weight: 700
}

.el-time-spinner__item.disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-time-panel {
    margin: 5px 0;
    border: 1px solid #e4e7ed;
    background-color: #fff;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border-radius: 2px;
    position: absolute;
    width: 180px;
    left: 0;
    z-index: 1000;
    user-select: none;
    box-sizing: content-box
}

.el-time-panel__content {
    font-size: 0;
    position: relative;
    overflow: hidden
}

.el-time-panel__content:after,
.el-time-panel__content:before {
    content: "";
    top: 50%;
    position: absolute;
    margin-top: -15px;
    height: 32px;
    z-index: -1;
    left: 0;
    right: 0;
    box-sizing: border-box;
    padding-top: 6px;
    text-align: left;
    border-top: 1px solid #e4e7ed;
    border-bottom: 1px solid #e4e7ed
}

.el-time-panel__content:after {
    left: 50%;
    margin-left: 12%;
    margin-right: 12%
}

.el-time-panel__content:before {
    padding-left: 50%;
    margin-right: 12%;
    margin-left: 12%
}

.el-time-panel__content.has-seconds:after {
    left: 66.66667%
}

.el-time-panel__content.has-seconds:before {
    padding-left: 33.33333%
}

.el-time-panel__footer {
    border-top: 1px solid #e4e4e4;
    padding: 4px;
    height: 36px;
    line-height: 25px;
    text-align: right;
    box-sizing: border-box
}

.el-time-panel__btn {
    border: none;
    line-height: 28px;
    padding: 0 5px;
    margin: 0 5px;
    cursor: pointer;
    background-color: transparent;
    outline: none;
    font-size: 12px;
    color: #303133
}

.el-time-panel__btn.confirm {
    font-weight: 800;
    color: #1261ff
}

.el-time-range-picker {
    width: 354px;
    overflow: visible
}

.el-time-range-picker__content {
    position: relative;
    text-align: center;
    padding: 10px
}

.el-time-range-picker__cell {
    box-sizing: border-box;
    margin: 0;
    padding: 4px 7px 7px;
    width: 50%;
    display: inline-block
}

.el-time-range-picker__header {
    margin-bottom: 5px;
    text-align: center;
    font-size: 14px
}

.el-time-range-picker__body {
    border-radius: 2px;
    border: 1px solid #e4e7ed
}

.el-popover {
    position: absolute;
    background: #fff;
    min-width: 150px;
    border-radius: 4px;
    border: 1px solid #ebeef5;
    padding: 12px;
    z-index: 2000;
    color: #606266;
    line-height: 1.4;
    text-align: justify;
    font-size: 14px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    word-break: break-all
}

.el-popover--plain {
    padding: 18px 20px
}

.el-popover__title {
    color: #303133;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 12px
}

.el-popover:focus,
.el-popover:focus:active,
.el-popover__reference:focus:hover,
.el-popover__reference:focus:not(.focusing) {
    outline-width: 0
}

.v-modal-enter {
    animation: v-modal-in .2s ease
}

.v-modal-leave {
    animation: v-modal-out .2s ease forwards
}

@keyframes v-modal-in {
    0% {
        opacity: 0
    }
}

@keyframes v-modal-out {
    to {
        opacity: 0
    }
}

.v-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: #000
}

.el-popup-parent--hidden {
    overflow: hidden
}

.el-message-box {
    display: inline-block;
    width: 420px;
    padding-bottom: 10px;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ebeef5;
    font-size: 18px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    text-align: left;
    overflow: hidden;
    backface-visibility: hidden
}

.el-message-box__wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center
}

.el-message-box__wrapper:after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle
}

.el-message-box__header {
    position: relative;
    padding: 15px 15px 10px
}

.el-message-box__title {
    padding-left: 0;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1;
    color: #303133
}

.el-message-box__headerbtn {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
    font-size: 16px;
    cursor: pointer
}

.el-message-box__headerbtn .el-message-box__close {
    color: #909399
}

.el-message-box__headerbtn:focus .el-message-box__close,
.el-message-box__headerbtn:hover .el-message-box__close {
    color: #1261ff
}

.el-message-box__content {
    padding: 10px 15px;
    color: #606266;
    font-size: 14px
}

.el-message-box__container {
    position: relative
}

.el-message-box__input {
    padding-top: 15px
}

.el-message-box__input input.invalid,
.el-message-box__input input.invalid:focus {
    border-color: #ff5448
}

.el-message-box__status {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px !important
}

.el-message-box__status:before {
    padding-left: 1px
}

.el-message-box__status+.el-message-box__message {
    padding-left: 36px;
    padding-right: 12px
}

.el-message-box__status.el-icon-success {
    color: #52c41a
}

.el-message-box__status.el-icon-info {
    color: #909399
}

.el-message-box__status.el-icon-warning {
    color: #f8ae15
}

.el-message-box__status.el-icon-error {
    color: #ff5448
}

.el-message-box__message {
    margin: 0
}

.el-message-box__message p {
    margin: 0;
    line-height: 24px
}

.el-message-box__errormsg {
    color: #ff5448;
    font-size: 12px;
    min-height: 18px;
    margin-top: 2px
}

.el-message-box__btns {
    padding: 5px 15px 0;
    text-align: right
}

.el-message-box__btns button:nth-child(2) {
    margin-left: 10px
}

.el-message-box__btns-reverse {
    flex-direction: row-reverse
}

.el-message-box--center {
    padding-bottom: 30px
}

.el-message-box--center .el-message-box__header {
    padding-top: 30px
}

.el-message-box--center .el-message-box__title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.el-message-box--center .el-message-box__status {
    position: relative;
    top: auto;
    padding-right: 5px;
    text-align: center;
    transform: translateY(-1px)
}

.el-message-box--center .el-message-box__message {
    margin-left: 0
}

.el-message-box--center .el-message-box__btns,
.el-message-box--center .el-message-box__content {
    text-align: center
}

.el-message-box--center .el-message-box__content {
    padding-left: 27px;
    padding-right: 27px
}

.msgbox-fade-enter-active {
    animation: msgbox-fade-in .3s
}

.msgbox-fade-leave-active {
    animation: msgbox-fade-out .3s
}

@keyframes msgbox-fade-in {
    0% {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes msgbox-fade-out {
    0% {
        transform: translateZ(0);
        opacity: 1
    }

    to {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
}

.el-breadcrumb {
    font-size: 14px;
    line-height: 1
}

.el-breadcrumb:after,
.el-breadcrumb:before {
    display: table;
    content: ""
}

.el-breadcrumb:after {
    clear: both
}

.el-breadcrumb__separator {
    margin: 0 9px;
    font-weight: 700;
    color: #c0c4cc
}

.el-breadcrumb__separator[class*=icon] {
    margin: 0 6px;
    font-weight: 400
}

.el-breadcrumb__item {
    float: left
}

.el-breadcrumb__inner {
    color: #606266
}

.el-breadcrumb__inner.is-link,
.el-breadcrumb__inner a {
    font-weight: 700;
    text-decoration: none;
    transition: color .2s cubic-bezier(.645, .045, .355, 1);
    color: #303133
}

.el-breadcrumb__inner.is-link:hover,
.el-breadcrumb__inner a:hover {
    color: #1261ff;
    cursor: pointer
}

.el-breadcrumb__item:last-child .el-breadcrumb__inner,
.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover {
    font-weight: 400;
    color: #606266;
    cursor: text
}

.el-breadcrumb__item:last-child .el-breadcrumb__separator {
    display: none
}

.el-form--label-left .el-form-item__label {
    text-align: left
}

.el-form--label-top .el-form-item__label {
    float: none;
    display: inline-block;
    text-align: left;
    padding: 0 0 10px
}

.el-form--inline .el-form-item {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top
}

.el-form--inline .el-form-item__label {
    float: none;
    display: inline-block
}

.el-form--inline .el-form-item__content {
    display: inline-block;
    vertical-align: top
}

.el-form--inline.el-form--label-top .el-form-item__content {
    display: block
}

.el-form-item {
    margin-bottom: 22px
}

.el-form-item:after,
.el-form-item:before {
    display: table;
    content: ""
}

.el-form-item:after {
    clear: both
}

.el-form-item .el-form-item {
    margin-bottom: 0
}

.el-form-item .el-input__validateIcon {
    display: none
}

.el-form-item--medium .el-form-item__content,
.el-form-item--medium .el-form-item__label {
    line-height: 36px
}

.el-form-item--small .el-form-item__content,
.el-form-item--small .el-form-item__label {
    line-height: 32px
}

.el-form-item--small.el-form-item {
    margin-bottom: 18px
}

.el-form-item--small .el-form-item__error {
    padding-top: 2px
}

.el-form-item--mini .el-form-item__content,
.el-form-item--mini .el-form-item__label {
    line-height: 28px
}

.el-form-item--mini.el-form-item {
    margin-bottom: 18px
}

.el-form-item--mini .el-form-item__error {
    padding-top: 1px
}

.el-form-item__label-wrap {
    float: left
}

.el-form-item__label-wrap .el-form-item__label {
    display: inline-block;
    float: none
}

.el-form-item__label {
    text-align: right;
    vertical-align: middle;
    float: left;
    font-size: 14px;
    color: #606266;
    line-height: 40px;
    padding: 0 12px 0 0;
    box-sizing: border-box
}

.el-form-item__content {
    line-height: 40px;
    position: relative;
    font-size: 14px
}

.el-form-item__content:after,
.el-form-item__content:before {
    display: table;
    content: ""
}

.el-form-item__content:after {
    clear: both
}

.el-form-item__content .el-input-group {
    vertical-align: top
}

.el-form-item__error {
    color: #ff5448;
    font-size: 12px;
    line-height: 1;
    padding-top: 4px;
    position: absolute;
    top: 100%;
    left: 0
}

.el-form-item__error--inline {
    position: relative;
    top: auto;
    left: auto;
    display: inline-block;
    margin-left: 10px
}

.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before {
    content: "*";
    color: #ff5448;
    margin-right: 4px
}

.el-form-item.is-error .el-input__inner,
.el-form-item.is-error .el-input__inner:focus,
.el-form-item.is-error .el-textarea__inner,
.el-form-item.is-error .el-textarea__inner:focus {
    border-color: #ff5448
}

.el-form-item.is-error .el-input-group__append .el-input__inner,
.el-form-item.is-error .el-input-group__prepend .el-input__inner {
    border-color: transparent
}

.el-form-item.is-error .el-input__validateIcon {
    color: #ff5448
}

.el-form-item--feedback .el-input__validateIcon {
    display: inline-block
}

.el-tabs__header {
    padding: 0;
    position: relative;
    margin: 0 0 15px
}

.el-tabs__active-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    background-color: #1261ff;
    z-index: 1;
    transition: transform .3s cubic-bezier(.645, .045, .355, 1);
    list-style: none
}

.el-tabs__new-tab {
    float: right;
    border: 1px solid #d3dce6;
    height: 18px;
    width: 18px;
    line-height: 18px;
    margin: 12px 0 9px 10px;
    border-radius: 3px;
    text-align: center;
    font-size: 12px;
    color: #d3dce6;
    cursor: pointer;
    transition: all .15s
}

.el-tabs__new-tab .el-icon-plus {
    transform: scale(.8)
}

.el-tabs__new-tab:hover {
    color: #1261ff
}

.el-tabs__nav-wrap {
    overflow: hidden;
    margin-bottom: -1px;
    position: relative
}

.el-tabs__nav-wrap:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #e4e7ed;
    z-index: 1
}

.el-tabs__nav-wrap.is-scrollable {
    padding: 0 20px;
    box-sizing: border-box
}

.el-tabs__nav-scroll {
    overflow: hidden
}

.el-tabs__nav-next,
.el-tabs__nav-prev {
    position: absolute;
    cursor: pointer;
    line-height: 44px;
    font-size: 12px;
    color: #909399
}

.el-tabs__nav-next {
    right: 0
}

.el-tabs__nav-prev {
    left: 0
}

.el-tabs__nav {
    white-space: nowrap;
    position: relative;
    transition: transform .3s;
    float: left;
    z-index: 2
}

.el-tabs__nav.is-stretch {
    min-width: 100%;
    display: flex
}

.el-tabs__nav.is-stretch>* {
    flex: 1;
    text-align: center
}

.el-tabs__item {
    padding: 0 20px;
    height: 40px;
    box-sizing: border-box;
    line-height: 40px;
    display: inline-block;
    list-style: none;
    font-size: 14px;
    font-weight: 500;
    color: #303133;
    position: relative
}

.el-tabs__item:focus,
.el-tabs__item:focus:active {
    outline: none
}

.el-tabs__item:focus.is-active.is-focus:not(:active) {
    box-shadow: inset 0 0 2px 2px #1261ff;
    border-radius: 3px
}

.el-tabs__item .el-icon-close {
    border-radius: 50%;
    text-align: center;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    margin-left: 5px
}

.el-tabs__item .el-icon-close:before {
    transform: scale(.9);
    display: inline-block
}

.el-tabs__item .el-icon-close:hover {
    background-color: #c0c4cc;
    color: #fff
}

.el-tabs__item.is-active {
    color: #1261ff
}

.el-tabs__item:hover {
    color: #1261ff;
    cursor: pointer
}

.el-tabs__item.is-disabled {
    color: #c0c4cc;
    cursor: default
}

.el-tabs__content {
    overflow: hidden;
    position: relative
}

.el-tabs--card>.el-tabs__header {
    border-bottom: 1px solid #e4e7ed
}

.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap:after {
    content: none
}

.el-tabs--card>.el-tabs__header .el-tabs__nav {
    border: 1px solid #e4e7ed;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    box-sizing: border-box
}

.el-tabs--card>.el-tabs__header .el-tabs__active-bar {
    display: none
}

.el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close {
    position: relative;
    font-size: 12px;
    width: 0;
    height: 14px;
    vertical-align: middle;
    line-height: 15px;
    overflow: hidden;
    top: -1px;
    right: -2px;
    transform-origin: 100% 50%
}

.el-tabs--card>.el-tabs__header .el-tabs__item {
    border-bottom: 1px solid transparent;
    border-left: 1px solid #e4e7ed;
    transition: color .3s cubic-bezier(.645, .045, .355, 1), padding .3s cubic-bezier(.645, .045, .355, 1)
}

.el-tabs--card>.el-tabs__header .el-tabs__item:first-child {
    border-left: none
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover {
    padding-left: 13px;
    padding-right: 13px
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close {
    width: 14px
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
    border-bottom-color: #fff
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable {
    padding-left: 20px;
    padding-right: 20px
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close {
    width: 14px
}

.el-tabs--border-card {
    background: #fff;
    border: 1px solid #dcdfe6;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 6px 0 rgba(0, 0, 0, .04)
}

.el-tabs--border-card>.el-tabs__content {
    padding: 15px
}

.el-tabs--border-card>.el-tabs__header {
    background-color: #f5f7fa;
    border-bottom: 1px solid #e4e7ed;
    margin: 0
}

.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap:after {
    content: none
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item {
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    border: 1px solid transparent;
    margin-top: -1px;
    color: #909399
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item,
.el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child {
    margin-left: -1px
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
    color: #1261ff;
    background-color: #fff;
    border-right-color: #dcdfe6;
    border-left-color: #dcdfe6
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
    color: #1261ff
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-disabled {
    color: #c0c4cc
}

.el-tabs--border-card>.el-tabs__header .is-scrollable .el-tabs__item:first-child {
    margin-left: 0
}

.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),
.el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
.el-tabs--top .el-tabs__item.is-bottom:nth-child(2),
.el-tabs--top .el-tabs__item.is-top:nth-child(2) {
    padding-left: 0
}

.el-tabs--bottom .el-tabs__item.is-bottom:last-child,
.el-tabs--bottom .el-tabs__item.is-top:last-child,
.el-tabs--top .el-tabs__item.is-bottom:last-child,
.el-tabs--top .el-tabs__item.is-top:last-child {
    padding-right: 0
}

.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2) {
    padding-left: 20px
}

.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:last-child {
    padding-right: 20px
}

.el-tabs--bottom .el-tabs__header.is-bottom {
    margin-bottom: 0;
    margin-top: 10px
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
    border-bottom: 0;
    border-top: 1px solid #dcdfe6
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
    margin-top: -1px;
    margin-bottom: 0
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
    border: 1px solid transparent
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
    margin: 0 -1px -1px
}

.el-tabs--left,
.el-tabs--right {
    overflow: hidden
}

.el-tabs--left .el-tabs__header.is-left,
.el-tabs--left .el-tabs__header.is-right,
.el-tabs--left .el-tabs__nav-scroll,
.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__header.is-left,
.el-tabs--right .el-tabs__header.is-right,
.el-tabs--right .el-tabs__nav-scroll,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right {
    height: 100%
}

.el-tabs--left .el-tabs__active-bar.is-left,
.el-tabs--left .el-tabs__active-bar.is-right,
.el-tabs--right .el-tabs__active-bar.is-left,
.el-tabs--right .el-tabs__active-bar.is-right {
    top: 0;
    bottom: auto;
    width: 2px;
    height: auto
}

.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right {
    margin-bottom: 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev {
    height: 30px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    cursor: pointer
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,
.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i {
    transform: rotate(90deg)
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev {
    left: auto;
    top: 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next {
    right: auto;
    bottom: 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,
.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable {
    padding: 30px 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left:after,
.el-tabs--left .el-tabs__nav-wrap.is-right:after,
.el-tabs--right .el-tabs__nav-wrap.is-left:after,
.el-tabs--right .el-tabs__nav-wrap.is-right:after {
    height: 100%;
    width: 2px;
    bottom: auto;
    top: 0
}

.el-tabs--left .el-tabs__nav.is-left,
.el-tabs--left .el-tabs__nav.is-right,
.el-tabs--right .el-tabs__nav.is-left,
.el-tabs--right .el-tabs__nav.is-right {
    float: none
}

.el-tabs--left .el-tabs__item.is-left,
.el-tabs--left .el-tabs__item.is-right,
.el-tabs--right .el-tabs__item.is-left,
.el-tabs--right .el-tabs__item.is-right {
    display: block
}

.el-tabs--left .el-tabs__header.is-left {
    float: left;
    margin-bottom: 0;
    margin-right: 10px
}

.el-tabs--left .el-tabs__nav-wrap.is-left {
    margin-right: -1px
}

.el-tabs--left .el-tabs__active-bar.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-left:after {
    left: auto;
    right: 0
}

.el-tabs--left .el-tabs__item.is-left {
    text-align: right
}

.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left {
    display: none
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left {
    border: 1px solid #e4e7ed;
    border-bottom: none;
    border-left: none;
    text-align: left
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
    border-right: 1px solid #e4e7ed;
    border-top: none
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
    border: none;
    border-top: 1px solid #e4e7ed;
    border-right: 1px solid #fff
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child {
    border-top: none
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child {
    border-bottom: none
}

.el-tabs--left.el-tabs--card .el-tabs__nav {
    border-radius: 4px 0 0 4px;
    border-bottom: 1px solid #e4e7ed;
    border-right: none
}

.el-tabs--left.el-tabs--card .el-tabs__new-tab {
    float: none
}

.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
    border-right: 1px solid #dfe4ed
}

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
    border: 1px solid transparent;
    margin: -1px 0 -1px -1px
}

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
    border-color: #d1dbe5 transparent
}

.el-tabs--right .el-tabs__header.is-right {
    float: right;
    margin-bottom: 0;
    margin-left: 10px
}

.el-tabs--right .el-tabs__nav-wrap.is-right {
    margin-left: -1px
}

.el-tabs--right .el-tabs__nav-wrap.is-right:after {
    left: 0;
    right: auto
}

.el-tabs--right .el-tabs__active-bar.is-right {
    left: 0
}

.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
    display: none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right {
    border-bottom: none;
    border-top: 1px solid #e4e7ed
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
    border-left: 1px solid #e4e7ed;
    border-top: none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
    border: none;
    border-top: 1px solid #e4e7ed;
    border-left: 1px solid #fff
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child {
    border-top: none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child {
    border-bottom: none
}

.el-tabs--right.el-tabs--card .el-tabs__nav {
    border-radius: 0 4px 4px 0;
    border-bottom: 1px solid #e4e7ed;
    border-left: none
}

.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
    border-left: 1px solid #dfe4ed
}

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
    border: 1px solid transparent;
    margin: -1px -1px -1px 0
}

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
    border-color: #d1dbe5 transparent
}

.slideInLeft-transition,
.slideInRight-transition {
    display: inline-block
}

.slideInRight-enter {
    animation: slideInRight-enter .3s
}

.slideInRight-leave {
    position: absolute;
    left: 0;
    right: 0;
    animation: slideInRight-leave .3s
}

.slideInLeft-enter {
    animation: slideInLeft-enter .3s
}

.slideInLeft-leave {
    position: absolute;
    left: 0;
    right: 0;
    animation: slideInLeft-leave .3s
}

@keyframes slideInRight-enter {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight-leave {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }
}

@keyframes slideInLeft-enter {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeft-leave {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }
}

.el-tree {
    position: relative;
    cursor: default;
    background: #fff;
    color: #606266
}

.el-tree__empty-block {
    position: relative;
    min-height: 60px;
    text-align: center;
    width: 100%;
    height: 100%
}

.el-tree__empty-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #909399;
    font-size: 14px
}

.el-tree__drop-indicator {
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #1261ff
}

.el-tree-node {
    white-space: nowrap;
    outline: none
}

.el-tree-node:focus>.el-tree-node__content {
    background-color: #f5f7fa
}

.el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label {
    background-color: #1261ff;
    color: #fff
}

.el-tree-node__content {
    display: flex;
    align-items: center;
    height: 26px;
    cursor: pointer
}

.el-tree-node__content>.el-tree-node__expand-icon {
    padding: 6px
}

.el-tree-node__content>label.el-checkbox {
    margin-right: 8px
}

.el-tree-node__content:hover {
    background-color: #f5f7fa
}

.el-tree.is-dragging .el-tree-node__content {
    cursor: move
}

.el-tree.is-dragging .el-tree-node__content * {
    pointer-events: none
}

.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content {
    cursor: not-allowed
}

.el-tree-node__expand-icon {
    cursor: pointer;
    color: #c0c4cc;
    font-size: 12px;
    transform: rotate(0deg);
    transition: transform .3s ease-in-out
}

.el-tree-node__expand-icon.expanded {
    transform: rotate(90deg)
}

.el-tree-node__expand-icon.is-leaf {
    color: transparent;
    cursor: default
}

.el-tree-node__label {
    font-size: 14px
}

.el-tree-node__loading-icon {
    margin-right: 8px;
    font-size: 14px;
    color: #c0c4cc
}

.el-tree-node>.el-tree-node__children {
    overflow: hidden;
    background-color: transparent
}

.el-tree-node.is-expanded>.el-tree-node__children {
    display: block
}

.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
    background-color: #ecf2ff
}

.el-alert {
    width: 100%;
    padding: 8px 16px;
    margin: 0;
    box-sizing: border-box;
    border-radius: 4px;
    position: relative;
    background-color: #fff;
    overflow: hidden;
    opacity: 1;
    display: flex;
    align-items: center;
    transition: opacity .2s
}

.el-alert.is-light .el-alert__closebtn {
    color: #c0c4cc
}

.el-alert.is-dark .el-alert__closebtn,
.el-alert.is-dark .el-alert__description {
    color: #fff
}

.el-alert.is-center {
    justify-content: center
}

.el-alert--success.is-light {
    background-color: #eef9e8;
    color: #52c41a
}

.el-alert--success.is-light .el-alert__description {
    color: #52c41a
}

.el-alert--success.is-dark {
    background-color: #52c41a;
    color: #fff
}

.el-alert--info.is-light {
    background-color: #f4f4f5;
    color: #909399
}

.el-alert--info.is-dark {
    background-color: #909399;
    color: #fff
}

.el-alert--info .el-alert__description {
    color: #909399
}

.el-alert--warning.is-light {
    background-color: #fef7e8;
    color: #f8ae15
}

.el-alert--warning.is-light .el-alert__description {
    color: #f8ae15
}

.el-alert--warning.is-dark {
    background-color: #f8ae15;
    color: #fff
}

.el-alert--error.is-light {
    background-color: #ffeeed;
    color: #ff5448
}

.el-alert--error.is-light .el-alert__description {
    color: #ff5448
}

.el-alert--error.is-dark {
    background-color: #ff5448;
    color: #fff
}

.el-alert__content {
    display: table-cell;
    padding: 0 8px
}

.el-alert__icon {
    font-size: 16px;
    width: 16px
}

.el-alert__icon.is-big {
    font-size: 28px;
    width: 28px
}

.el-alert__title {
    font-size: 13px;
    line-height: 18px
}

.el-alert__title.is-bold {
    font-weight: 700
}

.el-alert .el-alert__description {
    font-size: 12px;
    margin: 5px 0 0
}

.el-alert__closebtn {
    font-size: 12px;
    opacity: 1;
    position: absolute;
    top: 12px;
    right: 15px;
    cursor: pointer
}

.el-alert__closebtn.is-customed {
    font-style: normal;
    font-size: 13px;
    top: 9px
}

.el-alert-fade-enter,
.el-alert-fade-leave-active {
    opacity: 0
}

.el-notification {
    display: flex;
    width: 330px;
    padding: 14px 26px 14px 13px;
    border-radius: 8px;
    box-sizing: border-box;
    border: 1px solid #ebeef5;
    position: fixed;
    background-color: #fff;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s;
    overflow: hidden
}

.el-notification.right {
    right: 16px
}

.el-notification.left {
    left: 16px
}

.el-notification__group {
    margin-left: 13px;
    margin-right: 8px
}

.el-notification__title {
    font-weight: 700;
    font-size: 16px;
    color: #303133;
    margin: 0
}

.el-notification__content {
    font-size: 14px;
    line-height: 21px;
    margin: 6px 0 0;
    color: #606266;
    text-align: justify
}

.el-notification__content p {
    margin: 0
}

.el-notification__icon {
    height: 24px;
    width: 24px;
    font-size: 24px
}

.el-notification__closeBtn {
    position: absolute;
    top: 18px;
    right: 15px;
    cursor: pointer;
    color: #909399;
    font-size: 16px
}

.el-notification__closeBtn:hover {
    color: #606266
}

.el-notification .el-icon-success {
    color: #52c41a
}

.el-notification .el-icon-error {
    color: #ff5448
}

.el-notification .el-icon-info {
    color: #909399
}

.el-notification .el-icon-warning {
    color: #f8ae15
}

.el-notification-fade-enter.right {
    right: 0;
    transform: translateX(100%)
}

.el-notification-fade-enter.left {
    left: 0;
    transform: translateX(-100%)
}

.el-notification-fade-leave-active {
    opacity: 0
}

.el-input-number {
    position: relative;
    display: inline-block;
    width: 180px;
    line-height: 38px
}

.el-input-number .el-input {
    display: block
}

.el-input-number .el-input__inner {
    -webkit-appearance: none;
    padding-left: 50px;
    padding-right: 50px;
    text-align: center
}

.el-input-number__decrease,
.el-input-number__increase {
    position: absolute;
    z-index: 1;
    top: 1px;
    width: 40px;
    height: auto;
    text-align: center;
    background: #f5f7fa;
    color: #606266;
    cursor: pointer;
    font-size: 13px
}

.el-input-number__decrease:hover,
.el-input-number__increase:hover {
    color: #1261ff
}

.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),
.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled) {
    border-color: #1261ff
}

.el-input-number__decrease.is-disabled,
.el-input-number__increase.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-input-number__increase {
    right: 1px;
    border-radius: 0 4px 4px 0;
    border-left: 1px solid #dcdfe6
}

.el-input-number__decrease {
    left: 1px;
    border-radius: 4px 0 0 4px;
    border-right: 1px solid #dcdfe6
}

.el-input-number.is-disabled .el-input-number__decrease,
.el-input-number.is-disabled .el-input-number__increase {
    border-color: #e4e7ed;
    color: #e4e7ed
}

.el-input-number.is-disabled .el-input-number__decrease:hover,
.el-input-number.is-disabled .el-input-number__increase:hover {
    color: #e4e7ed;
    cursor: not-allowed
}

.el-input-number--medium {
    width: 200px;
    line-height: 34px
}

.el-input-number--medium .el-input-number__decrease,
.el-input-number--medium .el-input-number__increase {
    width: 36px;
    font-size: 14px
}

.el-input-number--medium .el-input__inner {
    padding-left: 43px;
    padding-right: 43px
}

.el-input-number--small {
    width: 130px;
    line-height: 30px
}

.el-input-number--small .el-input-number__decrease,
.el-input-number--small .el-input-number__increase {
    width: 32px;
    font-size: 13px
}

.el-input-number--small .el-input-number__decrease [class*=el-icon],
.el-input-number--small .el-input-number__increase [class*=el-icon] {
    transform: scale(.9)
}

.el-input-number--small .el-input__inner {
    padding-left: 39px;
    padding-right: 39px
}

.el-input-number--mini {
    width: 130px;
    line-height: 26px
}

.el-input-number--mini .el-input-number__decrease,
.el-input-number--mini .el-input-number__increase {
    width: 28px;
    font-size: 12px
}

.el-input-number--mini .el-input-number__decrease [class*=el-icon],
.el-input-number--mini .el-input-number__increase [class*=el-icon] {
    transform: scale(.8)
}

.el-input-number--mini .el-input__inner {
    padding-left: 35px;
    padding-right: 35px
}

.el-input-number.is-without-controls .el-input__inner {
    padding-left: 15px;
    padding-right: 15px
}

.el-input-number.is-controls-right .el-input__inner {
    padding-left: 15px;
    padding-right: 50px
}

.el-input-number.is-controls-right .el-input-number__decrease,
.el-input-number.is-controls-right .el-input-number__increase {
    height: auto;
    line-height: 19px
}

.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],
.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon] {
    transform: scale(.8)
}

.el-input-number.is-controls-right .el-input-number__increase {
    border-radius: 0 4px 0 0;
    border-bottom: 1px solid #dcdfe6
}

.el-input-number.is-controls-right .el-input-number__decrease {
    right: 1px;
    bottom: 1px;
    top: auto;
    left: auto;
    border-right: none;
    border-left: 1px solid #dcdfe6;
    border-radius: 0 0 4px 0
}

.el-input-number.is-controls-right[class*=medium] [class*=decrease],
.el-input-number.is-controls-right[class*=medium] [class*=increase] {
    line-height: 17px
}

.el-input-number.is-controls-right[class*=small] [class*=decrease],
.el-input-number.is-controls-right[class*=small] [class*=increase] {
    line-height: 15px
}

.el-input-number.is-controls-right[class*=mini] [class*=decrease],
.el-input-number.is-controls-right[class*=mini] [class*=increase] {
    line-height: 13px
}

.el-tooltip:focus:hover,
.el-tooltip:focus:not(.focusing) {
    outline-width: 0
}

.el-tooltip__popper {
    position: absolute;
    border-radius: 4px;
    padding: 10px;
    z-index: 2000;
    font-size: 12px;
    line-height: 1.2;
    min-width: 10px;
    word-wrap: break-word
}

.el-tooltip__popper .popper__arrow,
.el-tooltip__popper .popper__arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.el-tooltip__popper .popper__arrow {
    border-width: 6px
}

.el-tooltip__popper .popper__arrow:after {
    content: " ";
    border-width: 5px
}

.el-tooltip__popper[x-placement^=top] {
    margin-bottom: 12px
}

.el-tooltip__popper[x-placement^=top] .popper__arrow {
    bottom: -6px;
    border-top-color: #303133;
    border-bottom-width: 0
}

.el-tooltip__popper[x-placement^=top] .popper__arrow:after {
    bottom: 1px;
    margin-left: -5px;
    border-top-color: #303133;
    border-bottom-width: 0
}

.el-tooltip__popper[x-placement^=bottom] {
    margin-top: 12px
}

.el-tooltip__popper[x-placement^=bottom] .popper__arrow {
    top: -6px;
    border-top-width: 0;
    border-bottom-color: #303133
}

.el-tooltip__popper[x-placement^=bottom] .popper__arrow:after {
    top: 1px;
    margin-left: -5px;
    border-top-width: 0;
    border-bottom-color: #303133
}

.el-tooltip__popper[x-placement^=right] {
    margin-left: 12px
}

.el-tooltip__popper[x-placement^=right] .popper__arrow {
    left: -6px;
    border-right-color: #303133;
    border-left-width: 0
}

.el-tooltip__popper[x-placement^=right] .popper__arrow:after {
    bottom: -5px;
    left: 1px;
    border-right-color: #303133;
    border-left-width: 0
}

.el-tooltip__popper[x-placement^=left] {
    margin-right: 12px
}

.el-tooltip__popper[x-placement^=left] .popper__arrow {
    right: -6px;
    border-right-width: 0;
    border-left-color: #303133
}

.el-tooltip__popper[x-placement^=left] .popper__arrow:after {
    right: 1px;
    bottom: -5px;
    margin-left: -5px;
    border-right-width: 0;
    border-left-color: #303133
}

.el-tooltip__popper.is-dark {
    background: #303133;
    color: #fff
}

.el-tooltip__popper.is-light {
    background: #fff;
    border: 1px solid #303133
}

.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
    border-top-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow:after {
    border-top-color: #fff
}

.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
    border-bottom-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: #fff
}

.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
    border-left-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow:after {
    border-left-color: #fff
}

.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow {
    border-right-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow:after {
    border-right-color: #fff
}

.el-slider:after,
.el-slider:before {
    display: table;
    content: ""
}

.el-slider:after {
    clear: both
}

.el-slider__runway {
    width: 100%;
    height: 6px;
    margin: 16px 0;
    background-color: #e4e7ed;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    vertical-align: middle
}

.el-slider__runway.show-input {
    margin-right: 160px;
    width: auto
}

.el-slider__runway.disabled {
    cursor: default
}

.el-slider__runway.disabled .el-slider__bar {
    background-color: #c0c4cc
}

.el-slider__runway.disabled .el-slider__button {
    border-color: #c0c4cc
}

.el-slider__runway.disabled .el-slider__button-wrapper.dragging,
.el-slider__runway.disabled .el-slider__button-wrapper.hover,
.el-slider__runway.disabled .el-slider__button-wrapper:hover {
    cursor: not-allowed
}

.el-slider__runway.disabled .el-slider__button.dragging,
.el-slider__runway.disabled .el-slider__button.hover,
.el-slider__runway.disabled .el-slider__button:hover {
    transform: scale(1)
}

.el-slider__runway.disabled .el-slider__button.dragging,
.el-slider__runway.disabled .el-slider__button.hover,
.el-slider__runway.disabled .el-slider__button:hover {
    cursor: not-allowed
}

.el-slider__input {
    float: right;
    margin-top: 3px;
    width: 130px
}

.el-slider__input.el-input-number--mini {
    margin-top: 5px
}

.el-slider__input.el-input-number--medium {
    margin-top: 0
}

.el-slider__input.el-input-number--large {
    margin-top: -2px
}

.el-slider__bar {
    height: 6px;
    background-color: #1261ff;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    position: absolute
}

.el-slider__button-wrapper {
    height: 36px;
    width: 36px;
    position: absolute;
    z-index: 1001;
    top: -15px;
    transform: translateX(-50%);
    background-color: transparent;
    text-align: center;
    user-select: none;
    line-height: normal
}

.el-slider__button-wrapper:after {
    content: "";
    height: 100%
}

.el-slider__button-wrapper .el-tooltip,
.el-slider__button-wrapper:after {
    display: inline-block;
    vertical-align: middle
}

.el-slider__button-wrapper.hover,
.el-slider__button-wrapper:hover {
    cursor: grab
}

.el-slider__button-wrapper.dragging {
    cursor: grabbing
}

.el-slider__button {
    width: 16px;
    height: 16px;
    border: 2px solid #1261ff;
    background-color: #fff;
    border-radius: 50%;
    transition: .2s;
    user-select: none
}

.el-slider__button.dragging,
.el-slider__button.hover,
.el-slider__button:hover {
    transform: scale(1.2)
}

.el-slider__button.hover,
.el-slider__button:hover {
    cursor: grab
}

.el-slider__button.dragging {
    cursor: grabbing
}

.el-slider__stop {
    position: absolute;
    height: 6px;
    width: 6px;
    border-radius: 100%;
    background-color: #fff;
    transform: translateX(-50%)
}

.el-slider__marks {
    top: 0;
    left: 12px;
    width: 18px;
    height: 100%
}

.el-slider__marks-text {
    position: absolute;
    transform: translateX(-50%);
    font-size: 14px;
    color: #909399;
    margin-top: 15px
}

.el-slider.is-vertical {
    position: relative
}

.el-slider.is-vertical .el-slider__runway {
    width: 6px;
    height: 100%;
    margin: 0 16px
}

.el-slider.is-vertical .el-slider__bar {
    width: 6px;
    height: auto;
    border-radius: 0 0 3px 3px
}

.el-slider.is-vertical .el-slider__button-wrapper {
    top: auto;
    left: -15px;
    transform: translateY(50%)
}

.el-slider.is-vertical .el-slider__stop {
    transform: translateY(50%)
}

.el-slider.is-vertical.el-slider--with-input {
    padding-bottom: 58px
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input {
    overflow: visible;
    float: none;
    position: absolute;
    bottom: 22px;
    width: 36px;
    margin-top: 15px
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner {
    text-align: center;
    padding-left: 5px;
    padding-right: 5px
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
    top: 32px;
    margin-top: -1px;
    border: 1px solid #dcdfe6;
    line-height: 20px;
    box-sizing: border-box;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease {
    width: 18px;
    right: 18px;
    border-bottom-left-radius: 4px
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
    width: 19px;
    border-bottom-right-radius: 4px
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase~.el-input .el-input__inner {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,
.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase {
    border-color: #c0c4cc
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,
.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase {
    border-color: #1261ff
}

.el-slider.is-vertical .el-slider__marks-text {
    margin-top: 0;
    left: 15px;
    transform: translateY(50%)
}

.el-loading-parent--relative {
    position: relative !important
}

.el-loading-parent--hidden {
    overflow: hidden !important
}

.el-loading-mask {
    position: absolute;
    z-index: 2000;
    background-color: hsla(0, 0%, 100%, .9);
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity .3s
}

.el-loading-mask.is-fullscreen {
    position: fixed
}

.el-loading-mask.is-fullscreen .el-loading-spinner {
    margin-top: -25px
}

.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
    height: 50px;
    width: 50px
}

.el-loading-spinner {
    top: 50%;
    margin-top: -21px;
    width: 100%;
    text-align: center;
    position: absolute
}

.el-loading-spinner .el-loading-text {
    color: #1261ff;
    margin: 3px 0;
    font-size: 14px
}

.el-loading-spinner .circular {
    height: 42px;
    width: 42px;
    animation: loading-rotate 2s linear infinite
}

.el-loading-spinner .path {
    animation: loading-dash 1.5s ease-in-out infinite;
    stroke-dasharray: 90, 150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: #1261ff;
    stroke-linecap: round
}

.el-loading-spinner i {
    color: #1261ff
}

.el-loading-fade-enter,
.el-loading-fade-leave-active {
    opacity: 0
}

@keyframes loading-rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40px
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120px
    }
}

.el-row {
    position: relative;
    box-sizing: border-box
}

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

.el-row:after {
    clear: both
}

.el-row--flex {
    display: flex
}

.el-row--flex:after,
.el-row--flex:before {
    display: none
}

.el-row--flex.is-justify-center {
    justify-content: center
}

.el-row--flex.is-justify-end {
    justify-content: flex-end
}

.el-row--flex.is-justify-space-between {
    justify-content: space-between
}

.el-row--flex.is-justify-space-around {
    justify-content: space-around
}

.el-row--flex.is-align-top {
    align-items: flex-start
}

.el-row--flex.is-align-middle {
    align-items: center
}

.el-row--flex.is-align-bottom {
    align-items: flex-end
}

[class*=el-col-] {
    float: left;
    box-sizing: border-box
}

.el-col-0 {
    display: none;
    width: 0
}

.el-col-offset-0 {
    margin-left: 0
}

.el-col-pull-0 {
    position: relative;
    right: 0
}

.el-col-push-0 {
    position: relative;
    left: 0
}

.el-col-1 {
    width: 4.16667%
}

.el-col-offset-1 {
    margin-left: 4.16667%
}

.el-col-pull-1 {
    position: relative;
    right: 4.16667%
}

.el-col-push-1 {
    position: relative;
    left: 4.16667%
}

.el-col-2 {
    width: 8.33333%
}

.el-col-offset-2 {
    margin-left: 8.33333%
}

.el-col-pull-2 {
    position: relative;
    right: 8.33333%
}

.el-col-push-2 {
    position: relative;
    left: 8.33333%
}

.el-col-3 {
    width: 12.5%
}

.el-col-offset-3 {
    margin-left: 12.5%
}

.el-col-pull-3 {
    position: relative;
    right: 12.5%
}

.el-col-push-3 {
    position: relative;
    left: 12.5%
}

.el-col-4 {
    width: 16.66667%
}

.el-col-offset-4 {
    margin-left: 16.66667%
}

.el-col-pull-4 {
    position: relative;
    right: 16.66667%
}

.el-col-push-4 {
    position: relative;
    left: 16.66667%
}

.el-col-5 {
    width: 20.83333%
}

.el-col-offset-5 {
    margin-left: 20.83333%
}

.el-col-pull-5 {
    position: relative;
    right: 20.83333%
}

.el-col-push-5 {
    position: relative;
    left: 20.83333%
}

.el-col-6 {
    width: 25%
}

.el-col-offset-6 {
    margin-left: 25%
}

.el-col-pull-6 {
    position: relative;
    right: 25%
}

.el-col-push-6 {
    position: relative;
    left: 25%
}

.el-col-7 {
    width: 29.16667%
}

.el-col-offset-7 {
    margin-left: 29.16667%
}

.el-col-pull-7 {
    position: relative;
    right: 29.16667%
}

.el-col-push-7 {
    position: relative;
    left: 29.16667%
}

.el-col-8 {
    width: 33.33333%
}

.el-col-offset-8 {
    margin-left: 33.33333%
}

.el-col-pull-8 {
    position: relative;
    right: 33.33333%
}

.el-col-push-8 {
    position: relative;
    left: 33.33333%
}

.el-col-9 {
    width: 37.5%
}

.el-col-offset-9 {
    margin-left: 37.5%
}

.el-col-pull-9 {
    position: relative;
    right: 37.5%
}

.el-col-push-9 {
    position: relative;
    left: 37.5%
}

.el-col-10 {
    width: 41.66667%
}

.el-col-offset-10 {
    margin-left: 41.66667%
}

.el-col-pull-10 {
    position: relative;
    right: 41.66667%
}

.el-col-push-10 {
    position: relative;
    left: 41.66667%
}

.el-col-11 {
    width: 45.83333%
}

.el-col-offset-11 {
    margin-left: 45.83333%
}

.el-col-pull-11 {
    position: relative;
    right: 45.83333%
}

.el-col-push-11 {
    position: relative;
    left: 45.83333%
}

.el-col-12 {
    width: 50%
}

.el-col-offset-12 {
    margin-left: 50%
}

.el-col-pull-12 {
    position: relative;
    right: 50%
}

.el-col-push-12 {
    position: relative;
    left: 50%
}

.el-col-13 {
    width: 54.16667%
}

.el-col-offset-13 {
    margin-left: 54.16667%
}

.el-col-pull-13 {
    position: relative;
    right: 54.16667%
}

.el-col-push-13 {
    position: relative;
    left: 54.16667%
}

.el-col-14 {
    width: 58.33333%
}

.el-col-offset-14 {
    margin-left: 58.33333%
}

.el-col-pull-14 {
    position: relative;
    right: 58.33333%
}

.el-col-push-14 {
    position: relative;
    left: 58.33333%
}

.el-col-15 {
    width: 62.5%
}

.el-col-offset-15 {
    margin-left: 62.5%
}

.el-col-pull-15 {
    position: relative;
    right: 62.5%
}

.el-col-push-15 {
    position: relative;
    left: 62.5%
}

.el-col-16 {
    width: 66.66667%
}

.el-col-offset-16 {
    margin-left: 66.66667%
}

.el-col-pull-16 {
    position: relative;
    right: 66.66667%
}

.el-col-push-16 {
    position: relative;
    left: 66.66667%
}

.el-col-17 {
    width: 70.83333%
}

.el-col-offset-17 {
    margin-left: 70.83333%
}

.el-col-pull-17 {
    position: relative;
    right: 70.83333%
}

.el-col-push-17 {
    position: relative;
    left: 70.83333%
}

.el-col-18 {
    width: 75%
}

.el-col-offset-18 {
    margin-left: 75%
}

.el-col-pull-18 {
    position: relative;
    right: 75%
}

.el-col-push-18 {
    position: relative;
    left: 75%
}

.el-col-19 {
    width: 79.16667%
}

.el-col-offset-19 {
    margin-left: 79.16667%
}

.el-col-pull-19 {
    position: relative;
    right: 79.16667%
}

.el-col-push-19 {
    position: relative;
    left: 79.16667%
}

.el-col-20 {
    width: 83.33333%
}

.el-col-offset-20 {
    margin-left: 83.33333%
}

.el-col-pull-20 {
    position: relative;
    right: 83.33333%
}

.el-col-push-20 {
    position: relative;
    left: 83.33333%
}

.el-col-21 {
    width: 87.5%
}

.el-col-offset-21 {
    margin-left: 87.5%
}

.el-col-pull-21 {
    position: relative;
    right: 87.5%
}

.el-col-push-21 {
    position: relative;
    left: 87.5%
}

.el-col-22 {
    width: 91.66667%
}

.el-col-offset-22 {
    margin-left: 91.66667%
}

.el-col-pull-22 {
    position: relative;
    right: 91.66667%
}

.el-col-push-22 {
    position: relative;
    left: 91.66667%
}

.el-col-23 {
    width: 95.83333%
}

.el-col-offset-23 {
    margin-left: 95.83333%
}

.el-col-pull-23 {
    position: relative;
    right: 95.83333%
}

.el-col-push-23 {
    position: relative;
    left: 95.83333%
}

.el-col-24 {
    width: 100%
}

.el-col-offset-24 {
    margin-left: 100%
}

.el-col-pull-24 {
    position: relative;
    right: 100%
}

.el-col-push-24 {
    position: relative;
    left: 100%
}

@media only screen and (max-width:767px) {
    .el-col-xs-0 {
        display: none;
        width: 0
    }

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

    .el-col-xs-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-xs-push-0 {
        position: relative;
        left: 0
    }

    .el-col-xs-1 {
        width: 4.16667%
    }

    .el-col-xs-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-xs-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-xs-push-1 {
        position: relative;
        left: 4.16667%
    }

    .el-col-xs-2 {
        width: 8.33333%
    }

    .el-col-xs-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-xs-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-xs-push-2 {
        position: relative;
        left: 8.33333%
    }

    .el-col-xs-3 {
        width: 12.5%
    }

    .el-col-xs-offset-3 {
        margin-left: 12.5%
    }

    .el-col-xs-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-xs-push-3 {
        position: relative;
        left: 12.5%
    }

    .el-col-xs-4 {
        width: 16.66667%
    }

    .el-col-xs-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-xs-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-xs-push-4 {
        position: relative;
        left: 16.66667%
    }

    .el-col-xs-5 {
        width: 20.83333%
    }

    .el-col-xs-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-xs-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-xs-push-5 {
        position: relative;
        left: 20.83333%
    }

    .el-col-xs-6 {
        width: 25%
    }

    .el-col-xs-offset-6 {
        margin-left: 25%
    }

    .el-col-xs-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-xs-push-6 {
        position: relative;
        left: 25%
    }

    .el-col-xs-7 {
        width: 29.16667%
    }

    .el-col-xs-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-xs-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-xs-push-7 {
        position: relative;
        left: 29.16667%
    }

    .el-col-xs-8 {
        width: 33.33333%
    }

    .el-col-xs-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-xs-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-xs-push-8 {
        position: relative;
        left: 33.33333%
    }

    .el-col-xs-9 {
        width: 37.5%
    }

    .el-col-xs-offset-9 {
        margin-left: 37.5%
    }

    .el-col-xs-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-xs-push-9 {
        position: relative;
        left: 37.5%
    }

    .el-col-xs-10 {
        width: 41.66667%
    }

    .el-col-xs-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-xs-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-xs-push-10 {
        position: relative;
        left: 41.66667%
    }

    .el-col-xs-11 {
        width: 45.83333%
    }

    .el-col-xs-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-xs-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-xs-push-11 {
        position: relative;
        left: 45.83333%
    }

    .el-col-xs-12 {
        width: 50%
    }

    .el-col-xs-offset-12 {
        margin-left: 50%
    }

    .el-col-xs-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-xs-push-12 {
        position: relative;
        left: 50%
    }

    .el-col-xs-13 {
        width: 54.16667%
    }

    .el-col-xs-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-xs-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-xs-push-13 {
        position: relative;
        left: 54.16667%
    }

    .el-col-xs-14 {
        width: 58.33333%
    }

    .el-col-xs-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-xs-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-xs-push-14 {
        position: relative;
        left: 58.33333%
    }

    .el-col-xs-15 {
        width: 62.5%
    }

    .el-col-xs-offset-15 {
        margin-left: 62.5%
    }

    .el-col-xs-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-xs-push-15 {
        position: relative;
        left: 62.5%
    }

    .el-col-xs-16 {
        width: 66.66667%
    }

    .el-col-xs-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-xs-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-xs-push-16 {
        position: relative;
        left: 66.66667%
    }

    .el-col-xs-17 {
        width: 70.83333%
    }

    .el-col-xs-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-xs-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-xs-push-17 {
        position: relative;
        left: 70.83333%
    }

    .el-col-xs-18 {
        width: 75%
    }

    .el-col-xs-offset-18 {
        margin-left: 75%
    }

    .el-col-xs-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-xs-push-18 {
        position: relative;
        left: 75%
    }

    .el-col-xs-19 {
        width: 79.16667%
    }

    .el-col-xs-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-xs-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-xs-push-19 {
        position: relative;
        left: 79.16667%
    }

    .el-col-xs-20 {
        width: 83.33333%
    }

    .el-col-xs-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-xs-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-xs-push-20 {
        position: relative;
        left: 83.33333%
    }

    .el-col-xs-21 {
        width: 87.5%
    }

    .el-col-xs-offset-21 {
        margin-left: 87.5%
    }

    .el-col-xs-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-xs-push-21 {
        position: relative;
        left: 87.5%
    }

    .el-col-xs-22 {
        width: 91.66667%
    }

    .el-col-xs-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-xs-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-xs-push-22 {
        position: relative;
        left: 91.66667%
    }

    .el-col-xs-23 {
        width: 95.83333%
    }

    .el-col-xs-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-xs-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-xs-push-23 {
        position: relative;
        left: 95.83333%
    }

    .el-col-xs-24 {
        width: 100%
    }

    .el-col-xs-offset-24 {
        margin-left: 100%
    }

    .el-col-xs-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-xs-push-24 {
        position: relative;
        left: 100%
    }
}

@media only screen and (min-width:768px) {
    .el-col-sm-0 {
        display: none;
        width: 0
    }

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

    .el-col-sm-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-sm-push-0 {
        position: relative;
        left: 0
    }

    .el-col-sm-1 {
        width: 4.16667%
    }

    .el-col-sm-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-sm-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-sm-push-1 {
        position: relative;
        left: 4.16667%
    }

    .el-col-sm-2 {
        width: 8.33333%
    }

    .el-col-sm-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-sm-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-sm-push-2 {
        position: relative;
        left: 8.33333%
    }

    .el-col-sm-3 {
        width: 12.5%
    }

    .el-col-sm-offset-3 {
        margin-left: 12.5%
    }

    .el-col-sm-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-sm-push-3 {
        position: relative;
        left: 12.5%
    }

    .el-col-sm-4 {
        width: 16.66667%
    }

    .el-col-sm-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-sm-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-sm-push-4 {
        position: relative;
        left: 16.66667%
    }

    .el-col-sm-5 {
        width: 20.83333%
    }

    .el-col-sm-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-sm-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-sm-push-5 {
        position: relative;
        left: 20.83333%
    }

    .el-col-sm-6 {
        width: 25%
    }

    .el-col-sm-offset-6 {
        margin-left: 25%
    }

    .el-col-sm-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-sm-push-6 {
        position: relative;
        left: 25%
    }

    .el-col-sm-7 {
        width: 29.16667%
    }

    .el-col-sm-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-sm-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-sm-push-7 {
        position: relative;
        left: 29.16667%
    }

    .el-col-sm-8 {
        width: 33.33333%
    }

    .el-col-sm-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-sm-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-sm-push-8 {
        position: relative;
        left: 33.33333%
    }

    .el-col-sm-9 {
        width: 37.5%
    }

    .el-col-sm-offset-9 {
        margin-left: 37.5%
    }

    .el-col-sm-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-sm-push-9 {
        position: relative;
        left: 37.5%
    }

    .el-col-sm-10 {
        width: 41.66667%
    }

    .el-col-sm-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-sm-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-sm-push-10 {
        position: relative;
        left: 41.66667%
    }

    .el-col-sm-11 {
        width: 45.83333%
    }

    .el-col-sm-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-sm-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-sm-push-11 {
        position: relative;
        left: 45.83333%
    }

    .el-col-sm-12 {
        width: 50%
    }

    .el-col-sm-offset-12 {
        margin-left: 50%
    }

    .el-col-sm-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-sm-push-12 {
        position: relative;
        left: 50%
    }

    .el-col-sm-13 {
        width: 54.16667%
    }

    .el-col-sm-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-sm-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-sm-push-13 {
        position: relative;
        left: 54.16667%
    }

    .el-col-sm-14 {
        width: 58.33333%
    }

    .el-col-sm-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-sm-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-sm-push-14 {
        position: relative;
        left: 58.33333%
    }

    .el-col-sm-15 {
        width: 62.5%
    }

    .el-col-sm-offset-15 {
        margin-left: 62.5%
    }

    .el-col-sm-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-sm-push-15 {
        position: relative;
        left: 62.5%
    }

    .el-col-sm-16 {
        width: 66.66667%
    }

    .el-col-sm-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-sm-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-sm-push-16 {
        position: relative;
        left: 66.66667%
    }

    .el-col-sm-17 {
        width: 70.83333%
    }

    .el-col-sm-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-sm-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-sm-push-17 {
        position: relative;
        left: 70.83333%
    }

    .el-col-sm-18 {
        width: 75%
    }

    .el-col-sm-offset-18 {
        margin-left: 75%
    }

    .el-col-sm-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-sm-push-18 {
        position: relative;
        left: 75%
    }

    .el-col-sm-19 {
        width: 79.16667%
    }

    .el-col-sm-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-sm-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-sm-push-19 {
        position: relative;
        left: 79.16667%
    }

    .el-col-sm-20 {
        width: 83.33333%
    }

    .el-col-sm-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-sm-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-sm-push-20 {
        position: relative;
        left: 83.33333%
    }

    .el-col-sm-21 {
        width: 87.5%
    }

    .el-col-sm-offset-21 {
        margin-left: 87.5%
    }

    .el-col-sm-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-sm-push-21 {
        position: relative;
        left: 87.5%
    }

    .el-col-sm-22 {
        width: 91.66667%
    }

    .el-col-sm-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-sm-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-sm-push-22 {
        position: relative;
        left: 91.66667%
    }

    .el-col-sm-23 {
        width: 95.83333%
    }

    .el-col-sm-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-sm-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-sm-push-23 {
        position: relative;
        left: 95.83333%
    }

    .el-col-sm-24 {
        width: 100%
    }

    .el-col-sm-offset-24 {
        margin-left: 100%
    }

    .el-col-sm-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-sm-push-24 {
        position: relative;
        left: 100%
    }
}

@media only screen and (min-width:992px) {
    .el-col-md-0 {
        display: none;
        width: 0
    }

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

    .el-col-md-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-md-push-0 {
        position: relative;
        left: 0
    }

    .el-col-md-1 {
        width: 4.16667%
    }

    .el-col-md-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-md-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-md-push-1 {
        position: relative;
        left: 4.16667%
    }

    .el-col-md-2 {
        width: 8.33333%
    }

    .el-col-md-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-md-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-md-push-2 {
        position: relative;
        left: 8.33333%
    }

    .el-col-md-3 {
        width: 12.5%
    }

    .el-col-md-offset-3 {
        margin-left: 12.5%
    }

    .el-col-md-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-md-push-3 {
        position: relative;
        left: 12.5%
    }

    .el-col-md-4 {
        width: 16.66667%
    }

    .el-col-md-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-md-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-md-push-4 {
        position: relative;
        left: 16.66667%
    }

    .el-col-md-5 {
        width: 20.83333%
    }

    .el-col-md-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-md-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-md-push-5 {
        position: relative;
        left: 20.83333%
    }

    .el-col-md-6 {
        width: 25%
    }

    .el-col-md-offset-6 {
        margin-left: 25%
    }

    .el-col-md-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-md-push-6 {
        position: relative;
        left: 25%
    }

    .el-col-md-7 {
        width: 29.16667%
    }

    .el-col-md-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-md-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-md-push-7 {
        position: relative;
        left: 29.16667%
    }

    .el-col-md-8 {
        width: 33.33333%
    }

    .el-col-md-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-md-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-md-push-8 {
        position: relative;
        left: 33.33333%
    }

    .el-col-md-9 {
        width: 37.5%
    }

    .el-col-md-offset-9 {
        margin-left: 37.5%
    }

    .el-col-md-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-md-push-9 {
        position: relative;
        left: 37.5%
    }

    .el-col-md-10 {
        width: 41.66667%
    }

    .el-col-md-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-md-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-md-push-10 {
        position: relative;
        left: 41.66667%
    }

    .el-col-md-11 {
        width: 45.83333%
    }

    .el-col-md-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-md-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-md-push-11 {
        position: relative;
        left: 45.83333%
    }

    .el-col-md-12 {
        width: 50%
    }

    .el-col-md-offset-12 {
        margin-left: 50%
    }

    .el-col-md-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-md-push-12 {
        position: relative;
        left: 50%
    }

    .el-col-md-13 {
        width: 54.16667%
    }

    .el-col-md-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-md-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-md-push-13 {
        position: relative;
        left: 54.16667%
    }

    .el-col-md-14 {
        width: 58.33333%
    }

    .el-col-md-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-md-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-md-push-14 {
        position: relative;
        left: 58.33333%
    }

    .el-col-md-15 {
        width: 62.5%
    }

    .el-col-md-offset-15 {
        margin-left: 62.5%
    }

    .el-col-md-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-md-push-15 {
        position: relative;
        left: 62.5%
    }

    .el-col-md-16 {
        width: 66.66667%
    }

    .el-col-md-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-md-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-md-push-16 {
        position: relative;
        left: 66.66667%
    }

    .el-col-md-17 {
        width: 70.83333%
    }

    .el-col-md-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-md-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-md-push-17 {
        position: relative;
        left: 70.83333%
    }

    .el-col-md-18 {
        width: 75%
    }

    .el-col-md-offset-18 {
        margin-left: 75%
    }

    .el-col-md-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-md-push-18 {
        position: relative;
        left: 75%
    }

    .el-col-md-19 {
        width: 79.16667%
    }

    .el-col-md-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-md-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-md-push-19 {
        position: relative;
        left: 79.16667%
    }

    .el-col-md-20 {
        width: 83.33333%
    }

    .el-col-md-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-md-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-md-push-20 {
        position: relative;
        left: 83.33333%
    }

    .el-col-md-21 {
        width: 87.5%
    }

    .el-col-md-offset-21 {
        margin-left: 87.5%
    }

    .el-col-md-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-md-push-21 {
        position: relative;
        left: 87.5%
    }

    .el-col-md-22 {
        width: 91.66667%
    }

    .el-col-md-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-md-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-md-push-22 {
        position: relative;
        left: 91.66667%
    }

    .el-col-md-23 {
        width: 95.83333%
    }

    .el-col-md-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-md-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-md-push-23 {
        position: relative;
        left: 95.83333%
    }

    .el-col-md-24 {
        width: 100%
    }

    .el-col-md-offset-24 {
        margin-left: 100%
    }

    .el-col-md-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-md-push-24 {
        position: relative;
        left: 100%
    }
}

@media only screen and (min-width:1200px) {
    .el-col-lg-0 {
        display: none;
        width: 0
    }

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

    .el-col-lg-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-lg-push-0 {
        position: relative;
        left: 0
    }

    .el-col-lg-1 {
        width: 4.16667%
    }

    .el-col-lg-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-lg-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-lg-push-1 {
        position: relative;
        left: 4.16667%
    }

    .el-col-lg-2 {
        width: 8.33333%
    }

    .el-col-lg-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-lg-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-lg-push-2 {
        position: relative;
        left: 8.33333%
    }

    .el-col-lg-3 {
        width: 12.5%
    }

    .el-col-lg-offset-3 {
        margin-left: 12.5%
    }

    .el-col-lg-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-lg-push-3 {
        position: relative;
        left: 12.5%
    }

    .el-col-lg-4 {
        width: 16.66667%
    }

    .el-col-lg-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-lg-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-lg-push-4 {
        position: relative;
        left: 16.66667%
    }

    .el-col-lg-5 {
        width: 20.83333%
    }

    .el-col-lg-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-lg-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-lg-push-5 {
        position: relative;
        left: 20.83333%
    }

    .el-col-lg-6 {
        width: 25%
    }

    .el-col-lg-offset-6 {
        margin-left: 25%
    }

    .el-col-lg-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-lg-push-6 {
        position: relative;
        left: 25%
    }

    .el-col-lg-7 {
        width: 29.16667%
    }

    .el-col-lg-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-lg-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-lg-push-7 {
        position: relative;
        left: 29.16667%
    }

    .el-col-lg-8 {
        width: 33.33333%
    }

    .el-col-lg-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-lg-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-lg-push-8 {
        position: relative;
        left: 33.33333%
    }

    .el-col-lg-9 {
        width: 37.5%
    }

    .el-col-lg-offset-9 {
        margin-left: 37.5%
    }

    .el-col-lg-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-lg-push-9 {
        position: relative;
        left: 37.5%
    }

    .el-col-lg-10 {
        width: 41.66667%
    }

    .el-col-lg-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-lg-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-lg-push-10 {
        position: relative;
        left: 41.66667%
    }

    .el-col-lg-11 {
        width: 45.83333%
    }

    .el-col-lg-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-lg-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-lg-push-11 {
        position: relative;
        left: 45.83333%
    }

    .el-col-lg-12 {
        width: 50%
    }

    .el-col-lg-offset-12 {
        margin-left: 50%
    }

    .el-col-lg-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-lg-push-12 {
        position: relative;
        left: 50%
    }

    .el-col-lg-13 {
        width: 54.16667%
    }

    .el-col-lg-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-lg-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-lg-push-13 {
        position: relative;
        left: 54.16667%
    }

    .el-col-lg-14 {
        width: 58.33333%
    }

    .el-col-lg-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-lg-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-lg-push-14 {
        position: relative;
        left: 58.33333%
    }

    .el-col-lg-15 {
        width: 62.5%
    }

    .el-col-lg-offset-15 {
        margin-left: 62.5%
    }

    .el-col-lg-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-lg-push-15 {
        position: relative;
        left: 62.5%
    }

    .el-col-lg-16 {
        width: 66.66667%
    }

    .el-col-lg-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-lg-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-lg-push-16 {
        position: relative;
        left: 66.66667%
    }

    .el-col-lg-17 {
        width: 70.83333%
    }

    .el-col-lg-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-lg-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-lg-push-17 {
        position: relative;
        left: 70.83333%
    }

    .el-col-lg-18 {
        width: 75%
    }

    .el-col-lg-offset-18 {
        margin-left: 75%
    }

    .el-col-lg-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-lg-push-18 {
        position: relative;
        left: 75%
    }

    .el-col-lg-19 {
        width: 79.16667%
    }

    .el-col-lg-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-lg-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-lg-push-19 {
        position: relative;
        left: 79.16667%
    }

    .el-col-lg-20 {
        width: 83.33333%
    }

    .el-col-lg-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-lg-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-lg-push-20 {
        position: relative;
        left: 83.33333%
    }

    .el-col-lg-21 {
        width: 87.5%
    }

    .el-col-lg-offset-21 {
        margin-left: 87.5%
    }

    .el-col-lg-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-lg-push-21 {
        position: relative;
        left: 87.5%
    }

    .el-col-lg-22 {
        width: 91.66667%
    }

    .el-col-lg-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-lg-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-lg-push-22 {
        position: relative;
        left: 91.66667%
    }

    .el-col-lg-23 {
        width: 95.83333%
    }

    .el-col-lg-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-lg-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-lg-push-23 {
        position: relative;
        left: 95.83333%
    }

    .el-col-lg-24 {
        width: 100%
    }

    .el-col-lg-offset-24 {
        margin-left: 100%
    }

    .el-col-lg-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-lg-push-24 {
        position: relative;
        left: 100%
    }
}

@media only screen and (min-width:1920px) {
    .el-col-xl-0 {
        display: none;
        width: 0
    }

    .el-col-xl-offset-0 {
        margin-left: 0
    }

    .el-col-xl-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-xl-push-0 {
        position: relative;
        left: 0
    }

    .el-col-xl-1 {
        width: 4.16667%
    }

    .el-col-xl-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-xl-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-xl-push-1 {
        position: relative;
        left: 4.16667%
    }

    .el-col-xl-2 {
        width: 8.33333%
    }

    .el-col-xl-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-xl-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-xl-push-2 {
        position: relative;
        left: 8.33333%
    }

    .el-col-xl-3 {
        width: 12.5%
    }

    .el-col-xl-offset-3 {
        margin-left: 12.5%
    }

    .el-col-xl-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-xl-push-3 {
        position: relative;
        left: 12.5%
    }

    .el-col-xl-4 {
        width: 16.66667%
    }

    .el-col-xl-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-xl-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-xl-push-4 {
        position: relative;
        left: 16.66667%
    }

    .el-col-xl-5 {
        width: 20.83333%
    }

    .el-col-xl-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-xl-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-xl-push-5 {
        position: relative;
        left: 20.83333%
    }

    .el-col-xl-6 {
        width: 25%
    }

    .el-col-xl-offset-6 {
        margin-left: 25%
    }

    .el-col-xl-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-xl-push-6 {
        position: relative;
        left: 25%
    }

    .el-col-xl-7 {
        width: 29.16667%
    }

    .el-col-xl-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-xl-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-xl-push-7 {
        position: relative;
        left: 29.16667%
    }

    .el-col-xl-8 {
        width: 33.33333%
    }

    .el-col-xl-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-xl-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-xl-push-8 {
        position: relative;
        left: 33.33333%
    }

    .el-col-xl-9 {
        width: 37.5%
    }

    .el-col-xl-offset-9 {
        margin-left: 37.5%
    }

    .el-col-xl-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-xl-push-9 {
        position: relative;
        left: 37.5%
    }

    .el-col-xl-10 {
        width: 41.66667%
    }

    .el-col-xl-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-xl-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-xl-push-10 {
        position: relative;
        left: 41.66667%
    }

    .el-col-xl-11 {
        width: 45.83333%
    }

    .el-col-xl-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-xl-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-xl-push-11 {
        position: relative;
        left: 45.83333%
    }

    .el-col-xl-12 {
        width: 50%
    }

    .el-col-xl-offset-12 {
        margin-left: 50%
    }

    .el-col-xl-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-xl-push-12 {
        position: relative;
        left: 50%
    }

    .el-col-xl-13 {
        width: 54.16667%
    }

    .el-col-xl-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-xl-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-xl-push-13 {
        position: relative;
        left: 54.16667%
    }

    .el-col-xl-14 {
        width: 58.33333%
    }

    .el-col-xl-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-xl-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-xl-push-14 {
        position: relative;
        left: 58.33333%
    }

    .el-col-xl-15 {
        width: 62.5%
    }

    .el-col-xl-offset-15 {
        margin-left: 62.5%
    }

    .el-col-xl-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-xl-push-15 {
        position: relative;
        left: 62.5%
    }

    .el-col-xl-16 {
        width: 66.66667%
    }

    .el-col-xl-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-xl-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-xl-push-16 {
        position: relative;
        left: 66.66667%
    }

    .el-col-xl-17 {
        width: 70.83333%
    }

    .el-col-xl-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-xl-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-xl-push-17 {
        position: relative;
        left: 70.83333%
    }

    .el-col-xl-18 {
        width: 75%
    }

    .el-col-xl-offset-18 {
        margin-left: 75%
    }

    .el-col-xl-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-xl-push-18 {
        position: relative;
        left: 75%
    }

    .el-col-xl-19 {
        width: 79.16667%
    }

    .el-col-xl-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-xl-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-xl-push-19 {
        position: relative;
        left: 79.16667%
    }

    .el-col-xl-20 {
        width: 83.33333%
    }

    .el-col-xl-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-xl-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-xl-push-20 {
        position: relative;
        left: 83.33333%
    }

    .el-col-xl-21 {
        width: 87.5%
    }

    .el-col-xl-offset-21 {
        margin-left: 87.5%
    }

    .el-col-xl-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-xl-push-21 {
        position: relative;
        left: 87.5%
    }

    .el-col-xl-22 {
        width: 91.66667%
    }

    .el-col-xl-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-xl-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-xl-push-22 {
        position: relative;
        left: 91.66667%
    }

    .el-col-xl-23 {
        width: 95.83333%
    }

    .el-col-xl-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-xl-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-xl-push-23 {
        position: relative;
        left: 95.83333%
    }

    .el-col-xl-24 {
        width: 100%
    }

    .el-col-xl-offset-24 {
        margin-left: 100%
    }

    .el-col-xl-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-xl-push-24 {
        position: relative;
        left: 100%
    }
}

.el-upload {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    outline: none
}

.el-upload__input {
    display: none
}

.el-upload__tip {
    font-size: 12px;
    color: #606266;
    margin-top: 7px
}

.el-upload iframe {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.el-upload--picture-card {
    background-color: #fbfdff;
    border: 1px dashed #c0ccda;
    border-radius: 6px;
    box-sizing: border-box;
    width: 148px;
    height: 148px;
    cursor: pointer;
    line-height: 146px;
    vertical-align: top
}

.el-upload--picture-card i {
    font-size: 28px;
    color: #8c939d
}

.el-upload--picture-card:hover,
.el-upload:focus {
    border-color: #1261ff;
    color: #1261ff
}

.el-upload:focus .el-upload-dragger {
    border-color: #1261ff
}

.el-upload-dragger {
    background-color: #fff;
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    box-sizing: border-box;
    width: 360px;
    height: 180px;
    text-align: center;
    cursor: pointer;
    position: relative;
    overflow: hidden
}

.el-upload-dragger .el-icon-upload {
    font-size: 67px;
    color: #c0c4cc;
    margin: 40px 0 16px;
    line-height: 50px
}

.el-upload-dragger+.el-upload__tip {
    text-align: center
}

.el-upload-dragger~.el-upload__files {
    border-top: 1px solid #dcdfe6;
    margin-top: 7px;
    padding-top: 5px
}

.el-upload-dragger .el-upload__text {
    color: #606266;
    font-size: 14px;
    text-align: center
}

.el-upload-dragger .el-upload__text em {
    color: #1261ff;
    font-style: normal
}

.el-upload-dragger:hover {
    border-color: #1261ff
}

.el-upload-dragger.is-dragover {
    background-color: rgba(32, 159, 255, .06);
    border: 2px dashed #1261ff
}

.el-upload-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.el-upload-list__item {
    transition: all .5s cubic-bezier(.55, 0, .1, 1);
    font-size: 14px;
    color: #606266;
    line-height: 1.8;
    margin-top: 5px;
    position: relative;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%
}

.el-upload-list__item .el-progress {
    position: absolute;
    top: 20px;
    width: 100%
}

.el-upload-list__item .el-progress__text {
    position: absolute;
    right: 0;
    top: -13px
}

.el-upload-list__item .el-progress-bar {
    margin-right: 0;
    padding-right: 0
}

.el-upload-list__item:first-child {
    margin-top: 10px
}

.el-upload-list__item .el-icon-upload-success {
    color: #52c41a
}

.el-upload-list__item .el-icon-close {
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    opacity: .75;
    color: #606266
}

.el-upload-list__item .el-icon-close:hover {
    opacity: 1
}

.el-upload-list__item .el-icon-close-tip {
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 12px;
    cursor: pointer;
    opacity: 1;
    color: #1261ff
}

.el-upload-list__item:hover {
    background-color: #f5f7fa
}

.el-upload-list__item:hover .el-icon-close {
    display: inline-block
}

.el-upload-list__item:hover .el-progress__text {
    display: none
}

.el-upload-list__item.is-success .el-upload-list__item-status-label {
    display: block
}

.el-upload-list__item.is-success .el-upload-list__item-name:focus,
.el-upload-list__item.is-success .el-upload-list__item-name:hover {
    color: #1261ff;
    cursor: pointer
}

.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip {
    display: inline-block
}

.el-upload-list__item.is-success:active,
.el-upload-list__item.is-success:not(.focusing):focus {
    outline-width: 0
}

.el-upload-list__item.is-success:active .el-icon-close-tip,
.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,
.el-upload-list__item.is-success:hover .el-upload-list__item-status-label,
.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip {
    display: none
}

.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label {
    display: block
}

.el-upload-list__item-name {
    color: #606266;
    display: block;
    margin-right: 40px;
    overflow: hidden;
    padding-left: 4px;
    text-overflow: ellipsis;
    transition: color .3s;
    white-space: nowrap
}

.el-upload-list__item-name [class^=el-icon] {
    height: 100%;
    margin-right: 7px;
    color: #909399;
    line-height: inherit
}

.el-upload-list__item-status-label {
    position: absolute;
    right: 5px;
    top: 0;
    line-height: inherit;
    display: none
}

.el-upload-list__item-delete {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 12px;
    color: #606266;
    display: none
}

.el-upload-list__item-delete:hover {
    color: #1261ff
}

.el-upload-list--picture-card {
    margin: 0;
    display: inline;
    vertical-align: top
}

.el-upload-list--picture-card .el-upload-list__item {
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #c0ccda;
    border-radius: 6px;
    box-sizing: border-box;
    width: 148px;
    height: 148px;
    margin: 0 8px 8px 0;
    display: inline-block
}

.el-upload-list--picture-card .el-upload-list__item .el-icon-check,
.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check {
    color: #fff
}

.el-upload-list--picture-card .el-upload-list__item .el-icon-close,
.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
    display: none
}

.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text {
    display: block
}

.el-upload-list--picture-card .el-upload-list__item-name {
    display: none
}

.el-upload-list--picture-card .el-upload-list__item-thumbnail {
    width: 100%;
    height: 100%
}

.el-upload-list--picture-card .el-upload-list__item-status-label {
    position: absolute;
    right: -15px;
    top: -6px;
    width: 40px;
    height: 24px;
    background: #13ce66;
    text-align: center;
    transform: rotate(45deg);
    box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2)
}

.el-upload-list--picture-card .el-upload-list__item-status-label i {
    font-size: 12px;
    margin-top: 11px;
    transform: rotate(-45deg)
}

.el-upload-list--picture-card .el-upload-list__item-actions {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: default;
    text-align: center;
    color: #fff;
    opacity: 0;
    font-size: 20px;
    background-color: rgba(0, 0, 0, .5);
    transition: opacity .3s
}

.el-upload-list--picture-card .el-upload-list__item-actions:after {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle
}

.el-upload-list--picture-card .el-upload-list__item-actions span {
    display: none;
    cursor: pointer
}

.el-upload-list--picture-card .el-upload-list__item-actions span+span {
    margin-left: 15px
}

.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
    position: static;
    font-size: inherit;
    color: inherit
}

.el-upload-list--picture-card .el-upload-list__item-actions:hover {
    opacity: 1
}

.el-upload-list--picture-card .el-upload-list__item-actions:hover span {
    display: inline-block
}

.el-upload-list--picture-card .el-progress {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: auto;
    width: 126px
}

.el-upload-list--picture-card .el-progress .el-progress__text {
    top: 50%
}

.el-upload-list--picture .el-upload-list__item {
    overflow: hidden;
    z-index: 0;
    background-color: #fff;
    border: 1px solid #c0ccda;
    border-radius: 6px;
    box-sizing: border-box;
    margin-top: 10px;
    padding: 10px 10px 10px 90px;
    height: 92px
}

.el-upload-list--picture .el-upload-list__item .el-icon-check,
.el-upload-list--picture .el-upload-list__item .el-icon-circle-check {
    color: #fff
}

.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
    background: transparent;
    box-shadow: none;
    top: -2px;
    right: -12px
}

.el-upload-list--picture .el-upload-list__item:hover .el-progress__text {
    display: block
}

.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name {
    line-height: 70px;
    margin-top: 0
}

.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i {
    display: none
}

.el-upload-list--picture .el-upload-list__item-thumbnail {
    vertical-align: middle;
    display: inline-block;
    width: 70px;
    height: 70px;
    float: left;
    position: relative;
    z-index: 1;
    margin-left: -80px;
    background-color: #fff
}

.el-upload-list--picture .el-upload-list__item-name {
    display: block;
    margin-top: 20px
}

.el-upload-list--picture .el-upload-list__item-name i {
    font-size: 70px;
    line-height: 1;
    position: absolute;
    left: 9px;
    top: 10px
}

.el-upload-list--picture .el-upload-list__item-status-label {
    position: absolute;
    right: -17px;
    top: -7px;
    width: 46px;
    height: 26px;
    background: #13ce66;
    text-align: center;
    transform: rotate(45deg);
    box-shadow: 0 1px 1px #ccc
}

.el-upload-list--picture .el-upload-list__item-status-label i {
    font-size: 12px;
    margin-top: 12px;
    transform: rotate(-45deg)
}

.el-upload-list--picture .el-progress {
    position: relative;
    top: -7px
}

.el-upload-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 10;
    cursor: default
}

.el-upload-cover:after {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle
}

.el-upload-cover img {
    display: block;
    width: 100%;
    height: 100%
}

.el-upload-cover__label {
    position: absolute;
    right: -15px;
    top: -6px;
    width: 40px;
    height: 24px;
    background: #13ce66;
    text-align: center;
    transform: rotate(45deg);
    box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2)
}

.el-upload-cover__label i {
    font-size: 12px;
    margin-top: 11px;
    transform: rotate(-45deg);
    color: #fff
}

.el-upload-cover__progress {
    display: inline-block;
    vertical-align: middle;
    position: static;
    width: 243px
}

.el-upload-cover__progress+.el-upload__inner {
    opacity: 0
}

.el-upload-cover__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.el-upload-cover__interact {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .72);
    text-align: center
}

.el-upload-cover__interact .btn {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    vertical-align: middle;
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
    margin-top: 60px
}

.el-upload-cover__interact .btn i {
    margin-top: 0
}

.el-upload-cover__interact .btn span {
    opacity: 0;
    transition: opacity .15s linear
}

.el-upload-cover__interact .btn:not(:first-child) {
    margin-left: 35px
}

.el-upload-cover__interact .btn:hover {
    transform: translateY(-13px)
}

.el-upload-cover__interact .btn:hover span {
    opacity: 1
}

.el-upload-cover__interact .btn i {
    color: #fff;
    display: block;
    font-size: 24px;
    line-height: inherit;
    margin: 0 auto 5px
}

.el-upload-cover__title {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    height: 36px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    text-align: left;
    padding: 0 10px;
    margin: 0;
    line-height: 36px;
    font-size: 14px;
    color: #303133
}

.el-upload-cover+.el-upload__inner {
    opacity: 0;
    position: relative;
    z-index: 1
}

.el-progress {
    position: relative;
    line-height: 1
}

.el-progress__text {
    font-size: 14px;
    color: #606266;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    line-height: 1
}

.el-progress__text i {
    vertical-align: middle;
    display: block
}

.el-progress--circle,
.el-progress--dashboard {
    display: inline-block
}

.el-progress--circle .el-progress__text,
.el-progress--dashboard .el-progress__text {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    transform: translateY(-50%)
}

.el-progress--circle .el-progress__text i,
.el-progress--dashboard .el-progress__text i {
    vertical-align: middle;
    display: inline-block
}

.el-progress--without-text .el-progress__text {
    display: none
}

.el-progress--without-text .el-progress-bar {
    padding-right: 0;
    margin-right: 0;
    display: block
}

.el-progress--text-inside .el-progress-bar {
    padding-right: 0;
    margin-right: 0
}

.el-progress.is-success .el-progress-bar__inner {
    background-color: #52c41a
}

.el-progress.is-success .el-progress__text {
    color: #52c41a
}

.el-progress.is-warning .el-progress-bar__inner {
    background-color: #f8ae15
}

.el-progress.is-warning .el-progress__text {
    color: #f8ae15
}

.el-progress.is-exception .el-progress-bar__inner {
    background-color: #ff5448
}

.el-progress.is-exception .el-progress__text {
    color: #ff5448
}

.el-progress-bar {
    padding-right: 50px;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin-right: -55px;
    box-sizing: border-box
}

.el-progress-bar__outer {
    height: 6px;
    border-radius: 100px;
    background-color: #ebeef5;
    overflow: hidden;
    position: relative;
    vertical-align: middle
}

.el-progress-bar__inner {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #1261ff;
    text-align: right;
    border-radius: 100px;
    line-height: 1;
    white-space: nowrap;
    transition: width .6s ease
}

.el-progress-bar__inner:after {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle
}

.el-progress-bar__innerText {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 12px;
    margin: 0 5px
}

@keyframes progress {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 32px 0
    }
}

.el-time-spinner {
    width: 100%;
    white-space: nowrap
}

.el-spinner {
    display: inline-block;
    vertical-align: middle
}

.el-spinner-inner {
    animation: rotate 2s linear infinite;
    width: 50px;
    height: 50px
}

.el-spinner-inner .path {
    stroke: #ececec;
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite
}

@keyframes rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

.el-message {
    min-width: 380px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #ebeef5;
    position: fixed;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
    background-color: #edf2fc;
    transition: opacity .3s, transform .4s, top .4s;
    overflow: hidden;
    padding: 15px 15px 15px 20px;
    display: flex;
    align-items: center
}

.el-message.is-center {
    justify-content: center
}

.el-message.is-closable .el-message__content {
    padding-right: 16px
}

.el-message p {
    margin: 0
}

.el-message--info .el-message__content {
    color: #909399
}

.el-message--success {
    background-color: #eef9e8;
    border-color: #dcf3d1
}

.el-message--success .el-message__content {
    color: #52c41a
}

.el-message--warning {
    background-color: #fef7e8;
    border-color: #feefd0
}

.el-message--warning .el-message__content {
    color: #f8ae15
}

.el-message--error {
    background-color: #ffeeed;
    border-color: #ffddda
}

.el-message--error .el-message__content {
    color: #ff5448
}

.el-message__icon {
    margin-right: 10px
}

.el-message__content {
    padding: 0;
    font-size: 14px;
    line-height: 1
}

.el-message__content:focus {
    outline-width: 0
}

.el-message__closeBtn {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    cursor: pointer;
    color: #c0c4cc;
    font-size: 16px
}

.el-message__closeBtn:focus {
    outline-width: 0
}

.el-message__closeBtn:hover {
    color: #909399
}

.el-message .el-icon-success {
    color: #52c41a
}

.el-message .el-icon-error {
    color: #ff5448
}

.el-message .el-icon-info {
    color: #909399
}

.el-message .el-icon-warning {
    color: #f8ae15
}

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

.el-badge {
    position: relative;
    vertical-align: middle;
    display: inline-block
}

.el-badge__content {
    background-color: #ff5448;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding: 0 6px;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #fff
}

.el-badge__content.is-fixed {
    position: absolute;
    top: 0;
    right: 10px;
    transform: translateY(-50%) translateX(100%)
}

.el-badge__content.is-fixed.is-dot {
    right: 5px
}

.el-badge__content.is-dot {
    height: 8px;
    width: 8px;
    padding: 0;
    right: 0;
    border-radius: 50%
}

.el-badge__content--primary {
    background-color: #1261ff
}

.el-badge__content--success {
    background-color: #52c41a
}

.el-badge__content--warning {
    background-color: #f8ae15
}

.el-badge__content--info {
    background-color: #909399
}

.el-badge__content--danger {
    background-color: #ff5448
}

.el-card {
    border-radius: 4px;
    border: 1px solid #ebeef5;
    background-color: #fff;
    overflow: hidden;
    color: #303133;
    transition: .3s
}

.el-card.is-always-shadow,
.el-card.is-hover-shadow:focus,
.el-card.is-hover-shadow:hover {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.el-card__header {
    padding: 18px 20px;
    border-bottom: 1px solid #ebeef5;
    box-sizing: border-box
}

.el-card__body {
    padding: 20px
}

.el-rate {
    height: 20px;
    line-height: 1
}

.el-rate:active,
.el-rate:focus {
    outline-width: 0
}

.el-rate__item {
    font-size: 0;
    vertical-align: middle
}

.el-rate__icon,
.el-rate__item {
    display: inline-block;
    position: relative
}

.el-rate__icon {
    font-size: 18px;
    margin-right: 6px;
    color: #c0c4cc;
    transition: .3s
}

.el-rate__icon.hover {
    transform: scale(1.15)
}

.el-rate__decimal,
.el-rate__icon .path2 {
    position: absolute;
    left: 0;
    top: 0
}

.el-rate__decimal {
    display: inline-block;
    overflow: hidden
}

.el-rate__text {
    font-size: 14px;
    vertical-align: middle
}

.el-steps {
    display: flex
}

.el-steps--simple {
    padding: 13px 8%;
    border-radius: 4px;
    background: #f5f7fa
}

.el-steps--horizontal {
    white-space: nowrap
}

.el-steps--vertical {
    height: 100%;
    flex-flow: column
}

.el-step {
    position: relative;
    flex-shrink: 1
}

.el-step:last-of-type .el-step__line {
    display: none
}

.el-step:last-of-type.is-flex {
    flex-basis: auto !important;
    flex-shrink: 0;
    flex-grow: 0
}

.el-step:last-of-type .el-step__description,
.el-step:last-of-type .el-step__main {
    padding-right: 0
}

.el-step__head {
    position: relative;
    width: 100%
}

.el-step__head.is-process {
    color: #303133;
    border-color: #303133
}

.el-step__head.is-wait {
    color: #c0c4cc;
    border-color: #c0c4cc
}

.el-step__head.is-success {
    color: #52c41a;
    border-color: #52c41a
}

.el-step__head.is-error {
    color: #ff5448;
    border-color: #ff5448
}

.el-step__head.is-finish {
    color: #1261ff;
    border-color: #1261ff
}

.el-step__icon {
    position: relative;
    z-index: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    font-size: 14px;
    box-sizing: border-box;
    background: #fff;
    transition: .15s ease-out
}

.el-step__icon.is-text {
    border-radius: 50%;
    border: 2px solid;
    border-color: inherit
}

.el-step__icon.is-icon {
    width: 40px
}

.el-step__icon-inner {
    display: inline-block;
    user-select: none;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    color: inherit
}

.el-step__icon-inner[class*=el-icon]:not(.is-status) {
    font-size: 25px;
    font-weight: 400
}

.el-step__icon-inner.is-status {
    transform: translateY(1px)
}

.el-step__line {
    position: absolute;
    border-color: inherit;
    background-color: #c0c4cc
}

.el-step__line-inner {
    display: block;
    border: 1px solid;
    border-color: inherit;
    transition: .15s ease-out;
    box-sizing: border-box;
    width: 0;
    height: 0
}

.el-step__main {
    white-space: normal;
    text-align: left
}

.el-step__title {
    font-size: 16px;
    line-height: 38px
}

.el-step__title.is-process {
    font-weight: 700;
    color: #303133
}

.el-step__title.is-wait {
    color: #c0c4cc
}

.el-step__title.is-success {
    color: #52c41a
}

.el-step__title.is-error {
    color: #ff5448
}

.el-step__title.is-finish {
    color: #1261ff
}

.el-step__description {
    padding-right: 10%;
    margin-top: -5px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400
}

.el-step__description.is-process {
    color: #303133
}

.el-step__description.is-wait {
    color: #c0c4cc
}

.el-step__description.is-success {
    color: #52c41a
}

.el-step__description.is-error {
    color: #ff5448
}

.el-step__description.is-finish {
    color: #1261ff
}

.el-step.is-horizontal {
    display: inline-block
}

.el-step.is-horizontal .el-step__line {
    height: 2px;
    top: 11px;
    left: 0;
    right: 0
}

.el-step.is-vertical {
    display: flex
}

.el-step.is-vertical .el-step__head {
    flex-grow: 0;
    width: 24px
}

.el-step.is-vertical .el-step__main {
    padding-left: 10px;
    flex-grow: 1
}

.el-step.is-vertical .el-step__title {
    line-height: 24px;
    padding-bottom: 8px
}

.el-step.is-vertical .el-step__line {
    width: 2px;
    top: 0;
    bottom: 0;
    left: 11px
}

.el-step.is-vertical .el-step__icon.is-icon {
    width: 24px
}

.el-step.is-center .el-step__head,
.el-step.is-center .el-step__main {
    text-align: center
}

.el-step.is-center .el-step__description {
    padding-left: 20%;
    padding-right: 20%
}

.el-step.is-center .el-step__line {
    left: 50%;
    right: -50%
}

.el-step.is-simple {
    display: flex;
    align-items: center
}

.el-step.is-simple .el-step__head {
    width: auto;
    font-size: 0;
    padding-right: 10px
}

.el-step.is-simple .el-step__icon {
    background: transparent;
    width: 16px;
    height: 16px;
    font-size: 12px
}

.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status) {
    font-size: 18px
}

.el-step.is-simple .el-step__icon-inner.is-status {
    transform: scale(.8) translateY(1px)
}

.el-step.is-simple .el-step__main {
    position: relative;
    display: flex;
    align-items: stretch;
    flex-grow: 1
}

.el-step.is-simple .el-step__title {
    font-size: 16px;
    line-height: 20px
}

.el-step.is-simple:not(:last-of-type) .el-step__title {
    max-width: 50%;
    word-break: break-all
}

.el-step.is-simple .el-step__arrow {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.el-step.is-simple .el-step__arrow:after,
.el-step.is-simple .el-step__arrow:before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 15px;
    width: 1px;
    background: #c0c4cc
}

.el-step.is-simple .el-step__arrow:before {
    transform: rotate(-45deg) translateY(-4px);
    transform-origin: 0 0
}

.el-step.is-simple .el-step__arrow:after {
    transform: rotate(45deg) translateY(4px);
    transform-origin: 100% 100%
}

.el-step.is-simple:last-of-type .el-step__arrow {
    display: none
}

.el-carousel {
    position: relative
}

.el-carousel--horizontal {
    overflow-x: hidden
}

.el-carousel--vertical {
    overflow-y: hidden
}

.el-carousel__container {
    position: relative;
    height: 300px
}

.el-carousel__arrow {
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    height: 36px;
    width: 36px;
    cursor: pointer;
    transition: .3s;
    border-radius: 50%;
    background-color: rgba(31, 45, 61, .11);
    color: #fff;
    position: absolute;
    top: 50%;
    z-index: 10;
    transform: translateY(-50%);
    text-align: center;
    font-size: 12px
}

.el-carousel__arrow--left {
    left: 16px
}

.el-carousel__arrow--right {
    right: 16px
}

.el-carousel__arrow:hover {
    background-color: rgba(31, 45, 61, .23)
}

.el-carousel__arrow i {
    cursor: pointer
}

.el-carousel__indicators {
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 2
}

.el-carousel__indicators--horizontal {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.el-carousel__indicators--vertical {
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.el-carousel__indicators--outside {
    bottom: 26px;
    text-align: center;
    position: static;
    transform: none
}

.el-carousel__indicators--outside .el-carousel__indicator:hover button {
    opacity: .64
}

.el-carousel__indicators--outside button {
    background-color: #c0c4cc;
    opacity: .24
}

.el-carousel__indicators--labels {
    left: 0;
    right: 0;
    transform: none;
    text-align: center
}

.el-carousel__indicators--labels .el-carousel__button {
    height: auto;
    width: auto;
    padding: 2px 18px;
    font-size: 12px
}

.el-carousel__indicators--labels .el-carousel__indicator {
    padding: 6px 4px
}

.el-carousel__indicator {
    background-color: transparent;
    cursor: pointer
}

.el-carousel__indicator:hover button {
    opacity: .72
}

.el-carousel__indicator--horizontal {
    display: inline-block;
    padding: 12px 4px
}

.el-carousel__indicator--vertical {
    padding: 4px 12px
}

.el-carousel__indicator--vertical .el-carousel__button {
    width: 2px;
    height: 15px
}

.el-carousel__indicator.is-active button {
    opacity: 1
}

.el-carousel__button {
    display: block;
    opacity: .48;
    width: 30px;
    height: 2px;
    background-color: #fff;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    transition: .3s
}

.carousel-arrow-left-enter,
.carousel-arrow-left-leave-active {
    transform: translateY(-50%) translateX(-10px);
    opacity: 0
}

.carousel-arrow-right-enter,
.carousel-arrow-right-leave-active {
    transform: translateY(-50%) translateX(10px);
    opacity: 0
}

.el-carousel__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    overflow: hidden;
    z-index: 0
}

.el-carousel__item.is-active {
    z-index: 2
}

.el-carousel__item--card,
.el-carousel__item.is-animating {
    transition: transform .4s ease-in-out
}

.el-carousel__item--card {
    width: 50%
}

.el-carousel__item--card.is-in-stage {
    cursor: pointer;
    z-index: 1
}

.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,
.el-carousel__item--card.is-in-stage:hover .el-carousel__mask {
    opacity: .12
}

.el-carousel__item--card.is-active {
    z-index: 2
}

.el-carousel__mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: .24;
    transition: .2s
}

.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
    transition: opacity .2s linear
}

.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
    opacity: 0
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
    transition: opacity .2s linear
}

.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active {
    opacity: 0
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
    transition: all .3s cubic-bezier(.55, 0, .1, 1)
}

.el-fade-in-enter,
.el-fade-in-leave-active {
    opacity: 0
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
    transition: all .3s cubic-bezier(.55, 0, .1, 1)
}

.el-zoom-in-center-enter,
.el-zoom-in-center-leave-active {
    opacity: 0;
    transform: scaleX(0)
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
    opacity: 1;
    transform: scaleY(1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
    transform-origin: center top
}

.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
    opacity: 0;
    transform: scaleY(0)
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
    opacity: 1;
    transform: scaleY(1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
    transform-origin: center bottom
}

.el-zoom-in-bottom-enter,
.el-zoom-in-bottom-leave-active {
    opacity: 0;
    transform: scaleY(0)
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
    opacity: 1;
    transform: scale(1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
    transform-origin: top left
}

.el-zoom-in-left-enter,
.el-zoom-in-left-leave-active {
    opacity: 0;
    transform: scale(.45)
}

.collapse-transition {
    transition: height .3s ease-in-out, padding-top .3s ease-in-out, padding-bottom .3s ease-in-out
}

.horizontal-collapse-transition {
    transition: width .3s ease-in-out, padding-left .3s ease-in-out, padding-right .3s ease-in-out
}

.el-list-enter-active,
.el-list-leave-active {
    transition: all 1s
}

.el-list-enter,
.el-list-leave-active {
    opacity: 0;
    transform: translateY(-30px)
}

.el-opacity-transition {
    transition: opacity .3s cubic-bezier(.55, 0, .1, 1)
}

.el-collapse {
    border-top: 1px solid #ebeef5;
    border-bottom: 1px solid #ebeef5
}

.el-collapse-item.is-disabled .el-collapse-item__header {
    color: #bbb;
    cursor: not-allowed
}

.el-collapse-item__header {
    display: flex;
    align-items: center;
    height: 48px;
    line-height: 48px;
    background-color: #fff;
    color: #303133;
    cursor: pointer;
    border-bottom: 1px solid #ebeef5;
    font-size: 13px;
    font-weight: 500;
    transition: border-bottom-color .3s;
    outline: none
}

.el-collapse-item__arrow {
    margin: 0 8px 0 auto;
    transition: transform .3s;
    font-weight: 300
}

.el-collapse-item__arrow.is-active {
    transform: rotate(90deg)
}

.el-collapse-item__header.focusing:focus:not(:hover) {
    color: #1261ff
}

.el-collapse-item__header.is-active {
    border-bottom-color: transparent
}

.el-collapse-item__wrap {
    will-change: height;
    background-color: #fff;
    overflow: hidden;
    box-sizing: border-box;
    border-bottom: 1px solid #ebeef5
}

.el-collapse-item__content {
    padding-bottom: 25px;
    font-size: 13px;
    color: #303133;
    line-height: 1.769230769230769
}

.el-collapse-item:last-child {
    margin-bottom: -1px
}

.el-popper .popper__arrow,
.el-popper .popper__arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.el-popper .popper__arrow {
    border-width: 6px;
    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03))
}

.el-popper .popper__arrow:after {
    content: " ";
    border-width: 6px
}

.el-popper[x-placement^=top] {
    margin-bottom: 12px
}

.el-popper[x-placement^=top] .popper__arrow {
    bottom: -6px;
    left: 50%;
    margin-right: 3px;
    border-top-color: #ebeef5;
    border-bottom-width: 0
}

.el-popper[x-placement^=top] .popper__arrow:after {
    bottom: 1px;
    margin-left: -6px;
    border-top-color: #fff;
    border-bottom-width: 0
}

.el-popper[x-placement^=bottom] {
    margin-top: 12px
}

.el-popper[x-placement^=bottom] .popper__arrow {
    top: -6px;
    left: 50%;
    margin-right: 3px;
    border-top-width: 0;
    border-bottom-color: #ebeef5
}

.el-popper[x-placement^=bottom] .popper__arrow:after {
    top: 1px;
    margin-left: -6px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.el-popper[x-placement^=right] {
    margin-left: 12px
}

.el-popper[x-placement^=right] .popper__arrow {
    top: 50%;
    left: -6px;
    margin-bottom: 3px;
    border-right-color: #ebeef5;
    border-left-width: 0
}

.el-popper[x-placement^=right] .popper__arrow:after {
    bottom: -6px;
    left: 1px;
    border-right-color: #fff;
    border-left-width: 0
}

.el-popper[x-placement^=left] {
    margin-right: 12px
}

.el-popper[x-placement^=left] .popper__arrow {
    top: 50%;
    right: -6px;
    margin-bottom: 3px;
    border-right-width: 0;
    border-left-color: #ebeef5
}

.el-popper[x-placement^=left] .popper__arrow:after {
    right: 1px;
    bottom: -6px;
    margin-left: -6px;
    border-right-width: 0;
    border-left-color: #fff
}

.el-tag {
    background-color: #e7efff;
    display: inline-block;
    height: 32px;
    padding: 0 10px;
    line-height: 30px;
    font-size: 12px;
    color: #1261ff;
    border: 1px solid #d0dfff;
    border-radius: 4px;
    box-sizing: border-box;
    white-space: nowrap
}

.el-tag.is-hit {
    border-color: #1261ff
}

.el-tag .el-tag__close {
    color: #1261ff
}

.el-tag .el-tag__close:hover {
    color: #fff;
    background-color: #1261ff
}

.el-tag.el-tag--info {
    background-color: #f4f4f5;
    border-color: #e9e9eb;
    color: #909399
}

.el-tag.el-tag--info.is-hit {
    border-color: #909399
}

.el-tag.el-tag--info .el-tag__close {
    color: #909399
}

.el-tag.el-tag--info .el-tag__close:hover {
    color: #fff;
    background-color: #909399
}

.el-tag.el-tag--success {
    background-color: #eef9e8;
    border-color: #dcf3d1;
    color: #52c41a
}

.el-tag.el-tag--success.is-hit {
    border-color: #52c41a
}

.el-tag.el-tag--success .el-tag__close {
    color: #52c41a
}

.el-tag.el-tag--success .el-tag__close:hover {
    color: #fff;
    background-color: #52c41a
}

.el-tag.el-tag--warning {
    background-color: #fef7e8;
    border-color: #feefd0;
    color: #f8ae15
}

.el-tag.el-tag--warning.is-hit {
    border-color: #f8ae15
}

.el-tag.el-tag--warning .el-tag__close {
    color: #f8ae15
}

.el-tag.el-tag--warning .el-tag__close:hover {
    color: #fff;
    background-color: #f8ae15
}

.el-tag.el-tag--danger {
    background-color: #ffeeed;
    border-color: #ffddda;
    color: #ff5448
}

.el-tag.el-tag--danger.is-hit {
    border-color: #ff5448
}

.el-tag.el-tag--danger .el-tag__close {
    color: #ff5448
}

.el-tag.el-tag--danger .el-tag__close:hover {
    color: #fff;
    background-color: #ff5448
}

.el-tag .el-icon-close {
    border-radius: 50%;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    height: 16px;
    width: 16px;
    line-height: 16px;
    vertical-align: middle;
    top: -1px;
    right: -5px
}

.el-tag .el-icon-close:before {
    display: block
}

.el-tag--dark {
    background-color: #1261ff;
    color: #fff
}

.el-tag--dark,
.el-tag--dark.is-hit {
    border-color: #1261ff
}

.el-tag--dark .el-tag__close {
    color: #fff
}

.el-tag--dark .el-tag__close:hover {
    color: #fff;
    background-color: #4181ff
}

.el-tag--dark.el-tag--info {
    background-color: #909399;
    border-color: #909399;
    color: #fff
}

.el-tag--dark.el-tag--info.is-hit {
    border-color: #909399
}

.el-tag--dark.el-tag--info .el-tag__close {
    color: #fff
}

.el-tag--dark.el-tag--info .el-tag__close:hover {
    color: #fff;
    background-color: #a6a9ad
}

.el-tag--dark.el-tag--success {
    background-color: #52c41a;
    border-color: #52c41a;
    color: #fff
}

.el-tag--dark.el-tag--success.is-hit {
    border-color: #52c41a
}

.el-tag--dark.el-tag--success .el-tag__close {
    color: #fff
}

.el-tag--dark.el-tag--success .el-tag__close:hover {
    color: #fff;
    background-color: #75d048
}

.el-tag--dark.el-tag--warning {
    background-color: #f8ae15;
    border-color: #f8ae15;
    color: #fff
}

.el-tag--dark.el-tag--warning.is-hit {
    border-color: #f8ae15
}

.el-tag--dark.el-tag--warning .el-tag__close {
    color: #fff
}

.el-tag--dark.el-tag--warning .el-tag__close:hover {
    color: #fff;
    background-color: #f9be44
}

.el-tag--dark.el-tag--danger {
    background-color: #ff5448;
    border-color: #ff5448;
    color: #fff
}

.el-tag--dark.el-tag--danger.is-hit {
    border-color: #ff5448
}

.el-tag--dark.el-tag--danger .el-tag__close {
    color: #fff
}

.el-tag--dark.el-tag--danger .el-tag__close:hover {
    color: #fff;
    background-color: #ff766d
}

.el-tag--plain {
    background-color: #fff;
    border-color: #a0c0ff;
    color: #1261ff
}

.el-tag--plain.is-hit {
    border-color: #1261ff
}

.el-tag--plain .el-tag__close {
    color: #1261ff
}

.el-tag--plain .el-tag__close:hover {
    color: #fff;
    background-color: #1261ff
}

.el-tag--plain.el-tag--info {
    background-color: #fff;
    border-color: #d3d4d6;
    color: #909399
}

.el-tag--plain.el-tag--info.is-hit {
    border-color: #909399
}

.el-tag--plain.el-tag--info .el-tag__close {
    color: #909399
}

.el-tag--plain.el-tag--info .el-tag__close:hover {
    color: #fff;
    background-color: #909399
}

.el-tag--plain.el-tag--success {
    background-color: #fff;
    border-color: #bae7a3;
    color: #52c41a
}

.el-tag--plain.el-tag--success.is-hit {
    border-color: #52c41a
}

.el-tag--plain.el-tag--success .el-tag__close {
    color: #52c41a
}

.el-tag--plain.el-tag--success .el-tag__close:hover {
    color: #fff;
    background-color: #52c41a
}

.el-tag--plain.el-tag--warning {
    background-color: #fff;
    border-color: #fcdfa1;
    color: #f8ae15
}

.el-tag--plain.el-tag--warning.is-hit {
    border-color: #f8ae15
}

.el-tag--plain.el-tag--warning .el-tag__close {
    color: #f8ae15
}

.el-tag--plain.el-tag--warning .el-tag__close:hover {
    color: #fff;
    background-color: #f8ae15
}

.el-tag--plain.el-tag--danger {
    background-color: #fff;
    border-color: #ffbbb6;
    color: #ff5448
}

.el-tag--plain.el-tag--danger.is-hit {
    border-color: #ff5448
}

.el-tag--plain.el-tag--danger .el-tag__close {
    color: #ff5448
}

.el-tag--plain.el-tag--danger .el-tag__close:hover {
    color: #fff;
    background-color: #ff5448
}

.el-tag--medium {
    height: 28px;
    line-height: 26px
}

.el-tag--medium .el-icon-close {
    transform: scale(.8)
}

.el-tag--small {
    height: 24px;
    padding: 0 8px;
    line-height: 22px
}

.el-tag--small .el-icon-close {
    transform: scale(.8)
}

.el-tag--mini {
    height: 20px;
    padding: 0 5px;
    line-height: 19px
}

.el-tag--mini .el-icon-close {
    margin-left: -3px;
    transform: scale(.7)
}

.el-cascader {
    display: inline-block;
    position: relative;
    font-size: 14px;
    line-height: 40px
}

.el-cascader:not(.is-disabled):hover .el-input__inner {
    cursor: pointer;
    border-color: #c0c4cc
}

.el-cascader .el-input {
    cursor: pointer
}

.el-cascader .el-input .el-input__inner {
    text-overflow: ellipsis
}

.el-cascader .el-input .el-input__inner:focus {
    border-color: #1261ff
}

.el-cascader .el-input .el-icon-arrow-down {
    transition: transform .3s;
    font-size: 14px
}

.el-cascader .el-input .el-icon-arrow-down.is-reverse {
    transform: rotate(180deg)
}

.el-cascader .el-input .el-icon-circle-close:hover {
    color: #909399
}

.el-cascader .el-input.is-focus .el-input__inner {
    border-color: #1261ff
}

.el-cascader--medium {
    font-size: 14px;
    line-height: 36px
}

.el-cascader--small {
    font-size: 13px;
    line-height: 32px
}

.el-cascader--mini {
    font-size: 12px;
    line-height: 28px
}

.el-cascader.is-disabled .el-cascader__label {
    z-index: 2;
    color: #c0c4cc
}

.el-cascader__dropdown {
    margin: 5px 0;
    font-size: 14px;
    background: #fff;
    border: 1px solid #e4e7ed;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.el-cascader__tags {
    position: absolute;
    left: 0;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-wrap: wrap;
    line-height: normal;
    text-align: left;
    box-sizing: border-box
}

.el-cascader__tags .el-tag {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    margin: 2px 0 2px 6px;
    text-overflow: ellipsis;
    background: #f0f2f5
}

.el-cascader__tags .el-tag:not(.is-hit) {
    border-color: transparent
}

.el-cascader__tags .el-tag>span {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis
}

.el-cascader__tags .el-tag .el-icon-close {
    flex: none;
    background-color: #c0c4cc;
    color: #fff
}

.el-cascader__tags .el-tag .el-icon-close:hover {
    background-color: #909399
}

.el-cascader__suggestion-panel {
    border-radius: 4px
}

.el-cascader__suggestion-list {
    max-height: 204px;
    margin: 0;
    padding: 6px 0;
    font-size: 14px;
    color: #606266;
    text-align: center
}

.el-cascader__suggestion-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 34px;
    padding: 0 15px;
    text-align: left;
    outline: none;
    cursor: pointer
}

.el-cascader__suggestion-item:focus,
.el-cascader__suggestion-item:hover {
    background: #f5f7fa
}

.el-cascader__suggestion-item.is-checked {
    color: #1261ff;
    font-weight: 700
}

.el-cascader__suggestion-item>span {
    margin-right: 10px
}

.el-cascader__empty-text {
    margin: 10px 0;
    color: #c0c4cc
}

.el-cascader__search-input {
    flex: 1;
    height: 24px;
    min-width: 60px;
    margin: 2px 0 2px 15px;
    padding: 0;
    color: #606266;
    border: none;
    outline: none;
    box-sizing: border-box
}

.el-cascader__search-input::placeholder {
    color: #c0c4cc
}

.el-color-predefine {
    display: flex;
    font-size: 12px;
    margin-top: 8px;
    width: 280px
}

.el-color-predefine__colors {
    display: flex;
    flex: 1;
    flex-wrap: wrap
}

.el-color-predefine__color-selector {
    margin: 0 0 8px 8px;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    cursor: pointer
}

.el-color-predefine__color-selector:nth-child(10n+1) {
    margin-left: 0
}

.el-color-predefine__color-selector.selected {
    box-shadow: 0 0 3px 2px #1261ff
}

.el-color-predefine__color-selector>div {
    display: flex;
    height: 100%;
    border-radius: 3px
}

.el-color-predefine__color-selector.is-alpha {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.el-color-hue-slider {
    position: relative;
    box-sizing: border-box;
    width: 280px;
    height: 12px;
    background-color: red;
    padding: 0 2px
}

.el-color-hue-slider__bar {
    position: relative;
    background: linear-gradient(90deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
    height: 100%
}

.el-color-hue-slider__thumb {
    position: absolute;
    cursor: pointer;
    box-sizing: border-box;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    border-radius: 1px;
    background: #fff;
    border: 1px solid #f0f0f0;
    box-shadow: 0 0 2px rgba(0, 0, 0, .6);
    z-index: 1
}

.el-color-hue-slider.is-vertical {
    width: 12px;
    height: 180px;
    padding: 2px 0
}

.el-color-hue-slider.is-vertical .el-color-hue-slider__bar {
    background: linear-gradient(180deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red)
}

.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb {
    left: 0;
    top: 0;
    width: 100%;
    height: 4px
}

.el-color-svpanel {
    position: relative;
    width: 280px;
    height: 180px
}

.el-color-svpanel__black,
.el-color-svpanel__white {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.el-color-svpanel__white {
    background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0))
}

.el-color-svpanel__black {
    background: linear-gradient(0deg, #000, transparent)
}

.el-color-svpanel__cursor {
    position: absolute
}

.el-color-svpanel__cursor>div {
    cursor: head;
    width: 4px;
    height: 4px;
    box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, .3), 0 0 1px 2px rgba(0, 0, 0, .4);
    border-radius: 50%;
    transform: translate(-2px, -2px)
}

.el-color-alpha-slider {
    position: relative;
    box-sizing: border-box;
    width: 280px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.el-color-alpha-slider__bar {
    position: relative;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff);
    height: 100%
}

.el-color-alpha-slider__thumb {
    position: absolute;
    cursor: pointer;
    box-sizing: border-box;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    border-radius: 1px;
    background: #fff;
    border: 1px solid #f0f0f0;
    box-shadow: 0 0 2px rgba(0, 0, 0, .6);
    z-index: 1
}

.el-color-alpha-slider.is-vertical {
    width: 20px;
    height: 180px
}

.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #fff)
}

.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb {
    left: 0;
    top: 0;
    width: 100%;
    height: 4px
}

.el-color-dropdown {
    width: 300px
}

.el-color-dropdown__main-wrapper {
    margin-bottom: 6px
}

.el-color-dropdown__main-wrapper:after {
    content: "";
    display: table;
    clear: both
}

.el-color-dropdown__btns {
    margin-top: 6px;
    text-align: right
}

.el-color-dropdown__value {
    float: left;
    line-height: 26px;
    font-size: 12px;
    color: #000;
    width: 160px
}

.el-color-dropdown__btn {
    border: 1px solid #dcdcdc;
    color: #333;
    line-height: 24px;
    border-radius: 2px;
    padding: 0 20px;
    cursor: pointer;
    background-color: transparent;
    outline: none;
    font-size: 12px
}

.el-color-dropdown__btn[disabled] {
    color: #ccc;
    cursor: not-allowed
}

.el-color-dropdown__btn:hover {
    color: #1261ff;
    border-color: #1261ff
}

.el-color-dropdown__link-btn {
    cursor: pointer;
    color: #1261ff;
    text-decoration: none;
    padding: 15px;
    font-size: 12px
}

.el-color-dropdown__link-btn:hover {
    color: tint(#1261ff, 20%)
}

.el-color-picker {
    display: inline-block;
    position: relative;
    line-height: normal;
    height: 40px
}

.el-color-picker.is-disabled .el-color-picker__trigger {
    cursor: not-allowed
}

.el-color-picker--medium {
    height: 36px
}

.el-color-picker--medium .el-color-picker__trigger {
    height: 36px;
    width: 36px
}

.el-color-picker--medium .el-color-picker__mask {
    height: 34px;
    width: 34px
}

.el-color-picker--small {
    height: 32px
}

.el-color-picker--small .el-color-picker__trigger {
    height: 32px;
    width: 32px
}

.el-color-picker--small .el-color-picker__mask {
    height: 30px;
    width: 30px
}

.el-color-picker--small .el-color-picker__empty,
.el-color-picker--small .el-color-picker__icon {
    transform: translate3d(-50%, -50%, 0) scale(.8)
}

.el-color-picker--mini {
    height: 28px
}

.el-color-picker--mini .el-color-picker__trigger {
    height: 28px;
    width: 28px
}

.el-color-picker--mini .el-color-picker__mask {
    height: 26px;
    width: 26px
}

.el-color-picker--mini .el-color-picker__empty,
.el-color-picker--mini .el-color-picker__icon {
    transform: translate3d(-50%, -50%, 0) scale(.8)
}

.el-color-picker__mask {
    height: 38px;
    width: 38px;
    border-radius: 4px;
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 1;
    cursor: not-allowed;
    background-color: hsla(0, 0%, 100%, .7)
}

.el-color-picker__trigger {
    display: inline-block;
    box-sizing: border-box;
    height: 40px;
    width: 40px;
    padding: 4px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    font-size: 0;
    position: relative;
    cursor: pointer
}

.el-color-picker__color {
    position: relative;
    display: block;
    box-sizing: border-box;
    border: 1px solid #999;
    border-radius: 2px;
    width: 100%;
    height: 100%;
    text-align: center
}

.el-color-picker__color.is-alpha {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.el-color-picker__color-inner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.el-color-picker__empty {
    color: #999
}

.el-color-picker__empty,
.el-color-picker__icon {
    font-size: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.el-color-picker__icon {
    display: inline-block;
    width: 100%;
    color: #fff;
    text-align: center
}

.el-color-picker__panel {
    position: absolute;
    z-index: 10;
    padding: 6px;
    box-sizing: content-box;
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.el-textarea {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
    font-size: 14px
}

.el-textarea__inner {
    display: block;
    resize: vertical;
    padding: 5px 15px;
    line-height: 1.5;
    box-sizing: border-box;
    width: 100%;
    font-size: inherit;
    color: #606266;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-textarea__inner::placeholder {
    color: #c0c4cc
}

.el-textarea__inner:hover {
    border-color: #c0c4cc
}

.el-textarea__inner:focus {
    outline: none;
    border-color: #1261ff
}

.el-textarea .el-input__count {
    color: #909399;
    background: #fff;
    position: absolute;
    font-size: 12px;
    bottom: 5px;
    right: 10px
}

.el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-textarea.is-disabled .el-textarea__inner::placeholder {
    color: #c0c4cc
}

.el-textarea.is-exceed .el-textarea__inner {
    border-color: #ff5448
}

.el-textarea.is-exceed .el-input__count {
    color: #ff5448
}

.el-input {
    position: relative;
    font-size: 14px;
    display: inline-block;
    width: 100%
}

.el-input::-webkit-scrollbar {
    z-index: 11;
    width: 6px
}

.el-input::-webkit-scrollbar:horizontal {
    height: 6px
}

.el-input::-webkit-scrollbar-thumb {
    border-radius: 5px;
    width: 6px;
    background: #b4bccc
}

.el-input::-webkit-scrollbar-corner,
.el-input::-webkit-scrollbar-track {
    background: #fff
}

.el-input::-webkit-scrollbar-track-piece {
    background: #fff;
    width: 6px
}

.el-input .el-input__clear {
    color: #c0c4cc;
    font-size: 14px;
    cursor: pointer;
    transition: color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-input .el-input__clear:hover {
    color: #909399
}

.el-input .el-input__count {
    height: 100%;
    display: inline-flex;
    align-items: center;
    color: #909399;
    font-size: 12px
}

.el-input .el-input__count .el-input__count-inner {
    background: #fff;
    line-height: normal;
    display: inline-block;
    padding: 0 5px
}

.el-input__inner {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 40px;
    line-height: 40px;
    outline: none;
    padding: 0 15px;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 100%
}

.el-input__inner::-ms-reveal {
    display: none
}

.el-input__inner::placeholder {
    color: #c0c4cc
}

.el-input__inner:hover {
    border-color: #c0c4cc
}

.el-input__inner:focus {
    outline: none;
    border-color: #1261ff
}

.el-input__suffix {
    position: absolute;
    height: 100%;
    right: 5px;
    top: 0;
    text-align: center;
    color: #c0c4cc;
    transition: all .3s;
    pointer-events: none
}

.el-input__suffix-inner {
    pointer-events: all
}

.el-input__prefix {
    position: absolute;
    left: 5px;
    top: 0;
    color: #c0c4cc
}

.el-input__icon,
.el-input__prefix {
    height: 100%;
    text-align: center;
    transition: all .3s
}

.el-input__icon {
    width: 25px;
    line-height: 40px
}

.el-input__icon:after {
    content: "";
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle
}

.el-input__validateIcon {
    pointer-events: none
}

.el-input.is-active .el-input__inner {
    outline: none;
    border-color: #1261ff
}

.el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-input.is-disabled .el-input__inner::placeholder {
    color: #c0c4cc
}

.el-input.is-disabled .el-input__icon {
    cursor: not-allowed
}

.el-input.is-exceed .el-input__inner {
    border-color: #ff5448
}

.el-input.is-exceed .el-input__suffix .el-input__count {
    color: #ff5448
}

.el-input--suffix .el-input__inner {
    padding-right: 30px
}

.el-input--prefix .el-input__inner {
    padding-left: 30px
}

.el-input--medium {
    font-size: 14px
}

.el-input--medium .el-input__inner {
    height: 36px;
    line-height: 36px
}

.el-input--medium .el-input__icon {
    line-height: 36px
}

.el-input--small {
    font-size: 13px
}

.el-input--small .el-input__inner {
    height: 32px;
    line-height: 32px
}

.el-input--small .el-input__icon {
    line-height: 32px
}

.el-input--mini {
    font-size: 12px
}

.el-input--mini .el-input__inner {
    height: 28px;
    line-height: 28px
}

.el-input--mini .el-input__icon {
    line-height: 28px
}

.el-input-group {
    line-height: normal;
    display: inline-table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0
}

.el-input-group>.el-input__inner {
    vertical-align: middle;
    display: table-cell
}

.el-input-group__append,
.el-input-group__prepend {
    background-color: #f5f7fa;
    color: #909399;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    padding: 0 20px;
    width: 1px;
    white-space: nowrap
}

.el-input-group__append:focus,
.el-input-group__prepend:focus {
    outline: none
}

.el-input-group__append .el-button,
.el-input-group__append .el-select,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-select {
    display: inline-block;
    margin: -10px -20px
}

.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner,
.el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
    border-color: transparent;
    background-color: transparent;
    color: inherit;
    border-top: 0;
    border-bottom: 0
}

.el-input-group__append .el-button,
.el-input-group__append .el-input,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
    font-size: inherit
}

.el-input-group__prepend {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.el-input-group__append {
    border-left: 0
}

.el-input-group--prepend .el-input__inner,
.el-input-group__append {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
    border-color: transparent
}

.el-input-group--append .el-input__inner {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
    border-color: transparent
}

.el-input__inner::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

.el-transfer {
    font-size: 14px
}

.el-transfer__buttons {
    display: inline-block;
    vertical-align: middle;
    padding: 0 30px
}

.el-transfer__button {
    display: block;
    margin: 0 auto;
    padding: 10px;
    border-radius: 50%;
    color: #fff;
    background-color: #1261ff;
    font-size: 0
}

.el-transfer__button.is-with-texts {
    border-radius: 4px
}

.el-transfer__button.is-disabled,
.el-transfer__button.is-disabled:hover {
    border: 1px solid #dcdfe6;
    background-color: #f5f7fa;
    color: #c0c4cc
}

.el-transfer__button:first-child {
    margin-bottom: 10px
}

.el-transfer__button:nth-child(2) {
    margin: 0
}

.el-transfer__button i,
.el-transfer__button span {
    font-size: 14px
}

.el-transfer__button [class*=el-icon-]+span {
    margin-left: 0
}

.el-transfer-panel {
    border: 1px solid #ebeef5;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    max-height: 100%;
    box-sizing: border-box;
    position: relative
}

.el-transfer-panel__body {
    height: 246px
}

.el-transfer-panel__body.is-with-footer {
    padding-bottom: 40px
}

.el-transfer-panel__list {
    margin: 0;
    padding: 6px 0;
    list-style: none;
    height: 246px;
    overflow: auto;
    box-sizing: border-box
}

.el-transfer-panel__list.is-filterable {
    height: 194px;
    padding-top: 0
}

.el-transfer-panel__item {
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    display: block !important
}

.el-transfer-panel__item+.el-transfer-panel__item {
    margin-left: 0
}

.el-transfer-panel__item.el-checkbox {
    color: #606266
}

.el-transfer-panel__item:hover {
    color: #1261ff
}

.el-transfer-panel__item.el-checkbox .el-checkbox__label {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    box-sizing: border-box;
    padding-left: 24px;
    line-height: 30px
}

.el-transfer-panel__item .el-checkbox__input {
    position: absolute;
    top: 8px
}

.el-transfer-panel__filter {
    text-align: center;
    margin: 15px;
    box-sizing: border-box;
    display: block;
    width: auto
}

.el-transfer-panel__filter .el-input__inner {
    height: 32px;
    width: 100%;
    font-size: 12px;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 16px;
    padding-right: 10px;
    padding-left: 30px
}

.el-transfer-panel__filter .el-input__icon {
    margin-left: 5px
}

.el-transfer-panel__filter .el-icon-circle-close {
    cursor: pointer
}

.el-transfer-panel .el-transfer-panel__header {
    height: 40px;
    line-height: 40px;
    background: #f5f7fa;
    margin: 0;
    padding-left: 15px;
    border-bottom: 1px solid #ebeef5;
    box-sizing: border-box;
    color: #000
}

.el-transfer-panel .el-transfer-panel__header .el-checkbox {
    display: block;
    line-height: 40px
}

.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
    font-size: 16px;
    color: #303133;
    font-weight: 400
}

.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
    position: absolute;
    right: 15px;
    color: #909399;
    font-size: 12px;
    font-weight: 400
}

.el-transfer-panel .el-transfer-panel__footer {
    height: 40px;
    background: #fff;
    margin: 0;
    padding: 0;
    border-top: 1px solid #ebeef5;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1
}

.el-transfer-panel .el-transfer-panel__footer:after {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle
}

.el-transfer-panel .el-transfer-panel__footer .el-checkbox {
    padding-left: 20px;
    color: #606266
}

.el-transfer-panel .el-transfer-panel__empty {
    margin: 0;
    height: 30px;
    line-height: 30px;
    padding: 6px 15px 0;
    color: #909399;
    text-align: center
}

.el-transfer-panel .el-checkbox__label {
    padding-left: 8px
}

.el-transfer-panel .el-checkbox__inner {
    height: 14px;
    width: 14px;
    border-radius: 3px
}

.el-transfer-panel .el-checkbox__inner:after {
    height: 6px;
    width: 3px;
    left: 4px
}

.el-container {
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    box-sizing: border-box;
    min-width: 0
}

.el-container.is-vertical {
    flex-direction: column
}

.el-header {
    padding: 0 20px
}

.el-aside,
.el-header {
    box-sizing: border-box;
    flex-shrink: 0
}

.el-aside,
.el-main {
    overflow: auto
}

.el-main {
    display: block;
    flex: 1;
    flex-basis: auto;
    padding: 20px
}

.el-footer,
.el-main {
    box-sizing: border-box
}

.el-footer {
    padding: 0 20px;
    flex-shrink: 0
}

.el-timeline {
    margin: 0;
    font-size: 14px;
    list-style: none
}

.el-timeline .el-timeline-item:last-child .el-timeline-item__tail {
    display: none
}

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

.el-timeline-item__wrapper {
    position: relative;
    padding-left: 28px;
    top: -3px
}

.el-timeline-item__tail {
    position: absolute;
    left: 4px;
    height: 100%;
    border-left: 2px solid #e4e7ed
}

.el-timeline-item__icon {
    color: #fff;
    font-size: 13px
}

.el-timeline-item__node {
    position: absolute;
    background-color: #e4e7ed;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.el-timeline-item__node--normal {
    left: -1px;
    width: 12px;
    height: 12px
}

.el-timeline-item__node--large {
    left: -2px;
    width: 14px;
    height: 14px
}

.el-timeline-item__node--primary {
    background-color: #1261ff
}

.el-timeline-item__node--success {
    background-color: #52c41a
}

.el-timeline-item__node--warning {
    background-color: #f8ae15
}

.el-timeline-item__node--danger {
    background-color: #ff5448
}

.el-timeline-item__node--info {
    background-color: #909399
}

.el-timeline-item__dot {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center
}

.el-timeline-item__content {
    color: #303133
}

.el-timeline-item__timestamp {
    color: #909399;
    line-height: 1;
    font-size: 13px
}

.el-timeline-item__timestamp.is-top {
    margin-bottom: 8px;
    padding-top: 4px
}

.el-timeline-item__timestamp.is-bottom {
    margin-top: 8px
}

.el-link {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    position: relative;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    padding: 0;
    font-size: 14px;
    font-weight: 500
}

.el-link.is-underline:hover:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    bottom: 0;
    border-bottom: 1px solid #1261ff
}

.el-link.is-disabled {
    cursor: not-allowed
}

.el-link [class*=el-icon-]+span {
    margin-left: 5px
}

.el-link.el-link--default {
    color: #606266
}

.el-link.el-link--default:hover {
    color: #1261ff
}

.el-link.el-link--default:after {
    border-color: #1261ff
}

.el-link.el-link--default.is-disabled {
    color: #c0c4cc
}

.el-link.el-link--primary {
    color: #1261ff
}

.el-link.el-link--primary:hover {
    color: #4181ff
}

.el-link.el-link--primary:after {
    border-color: #1261ff
}

.el-link.el-link--primary.is-disabled {
    color: #89b0ff
}

.el-link.el-link--primary.is-underline:hover:after {
    border-color: #1261ff
}

.el-link.el-link--danger {
    color: #ff5448
}

.el-link.el-link--danger:hover {
    color: #ff766d
}

.el-link.el-link--danger:after {
    border-color: #ff5448
}

.el-link.el-link--danger.is-disabled {
    color: #ffaaa4
}

.el-link.el-link--danger.is-underline:hover:after {
    border-color: #ff5448
}

.el-link.el-link--success {
    color: #52c41a
}

.el-link.el-link--success:hover {
    color: #75d048
}

.el-link.el-link--success:after {
    border-color: #52c41a
}

.el-link.el-link--success.is-disabled {
    color: #a9e28d
}

.el-link.el-link--success.is-underline:hover:after {
    border-color: #52c41a
}

.el-link.el-link--warning {
    color: #f8ae15
}

.el-link.el-link--warning:hover {
    color: #f9be44
}

.el-link.el-link--warning:after {
    border-color: #f8ae15
}

.el-link.el-link--warning.is-disabled {
    color: #fcd78a
}

.el-link.el-link--warning.is-underline:hover:after {
    border-color: #f8ae15
}

.el-link.el-link--info {
    color: #909399
}

.el-link.el-link--info:hover {
    color: #a6a9ad
}

.el-link.el-link--info:after {
    border-color: #909399
}

.el-link.el-link--info.is-disabled {
    color: #c8c9cc
}

.el-link.el-link--info.is-underline:hover:after {
    border-color: #909399
}

.el-divider {
    background-color: #dcdfe6;
    position: relative
}

.el-divider--horizontal {
    display: block;
    height: 1px;
    width: 100%;
    margin: 24px 0
}

.el-divider--vertical {
    display: inline-block;
    width: 1px;
    height: 1em;
    margin: 0 8px;
    vertical-align: middle;
    position: relative
}

.el-divider__text {
    position: absolute;
    background-color: #fff;
    padding: 0 20px;
    font-weight: 500;
    color: #303133;
    font-size: 14px
}

.el-divider__text.is-left {
    left: 20px;
    transform: translateY(-50%)
}

.el-divider__text.is-center {
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.el-divider__text.is-right {
    right: 20px;
    transform: translateY(-50%)
}

.el-image__error,
.el-image__inner,
.el-image__placeholder {
    width: 100%;
    height: 100%
}

.el-image {
    position: relative;
    display: inline-block;
    overflow: hidden
}

.el-image__inner {
    vertical-align: top
}

.el-image__inner--center {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block
}

.el-image__error,
.el-image__placeholder {
    background: #f5f7fa
}

.el-image__error {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #c0c4cc;
    vertical-align: middle
}

.el-image__preview {
    cursor: pointer
}

.el-image-viewer__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.el-image-viewer__btn {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    opacity: .8;
    cursor: pointer;
    box-sizing: border-box;
    user-select: none
}

.el-image-viewer__close {
    top: 40px;
    right: 40px;
    width: 40px;
    height: 40px;
    font-size: 24px;
    color: #fff;
    background-color: #606266
}

.el-image-viewer__canvas {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.el-image-viewer__actions {
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
    width: 282px;
    height: 44px;
    padding: 0 23px;
    background-color: #606266;
    border-color: #fff;
    border-radius: 22px
}

.el-image-viewer__actions__inner {
    width: 100%;
    height: 100%;
    text-align: justify;
    cursor: default;
    font-size: 23px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-around
}

.el-image-viewer__prev {
    left: 40px
}

.el-image-viewer__next,
.el-image-viewer__prev {
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    font-size: 24px;
    color: #fff;
    background-color: #606266;
    border-color: #fff
}

.el-image-viewer__next {
    right: 40px;
    text-indent: 2px
}

.el-image-viewer__mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .5;
    background: #000
}

.viewer-fade-enter-active {
    animation: viewer-fade-in .3s
}

.viewer-fade-leave-active {
    animation: viewer-fade-out .3s
}

@keyframes viewer-fade-in {
    0% {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes viewer-fade-out {
    0% {
        transform: translateZ(0);
        opacity: 1
    }

    to {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
}

.el-button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    margin: 0;
    transition: .1s;
    font-weight: 500;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px
}

.el-button+.el-button {
    margin-left: 10px
}

.el-button.is-round {
    padding: 12px 20px
}

.el-button:focus,
.el-button:hover {
    color: #1261ff;
    border-color: #b8d0ff;
    background-color: #e7efff
}

.el-button:active {
    color: #1057e6;
    border-color: #1057e6;
    outline: none
}

.el-button::-moz-focus-inner {
    border: 0
}

.el-button [class*=el-icon-]+span {
    margin-left: 5px
}

.el-button.is-plain:focus,
.el-button.is-plain:hover {
    background: #fff;
    border-color: #1261ff;
    color: #1261ff
}

.el-button.is-plain:active {
    background: #fff;
    outline: none
}

.el-button.is-active,
.el-button.is-plain:active {
    border-color: #1057e6;
    color: #1057e6
}

.el-button.is-disabled,
.el-button.is-disabled:focus,
.el-button.is-disabled:hover {
    color: #c0c4cc;
    cursor: not-allowed;
    background-image: none;
    background-color: #fff;
    border-color: #ebeef5
}

.el-button.is-disabled.el-button--text {
    background-color: transparent
}

.el-button.is-disabled.is-plain,
.el-button.is-disabled.is-plain:focus,
.el-button.is-disabled.is-plain:hover {
    background-color: #fff;
    border-color: #ebeef5;
    color: #c0c4cc
}

.el-button.is-loading {
    position: relative;
    pointer-events: none
}

.el-button.is-loading:before {
    pointer-events: none;
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: inherit;
    background-color: hsla(0, 0%, 100%, .35)
}

.el-button.is-round {
    border-radius: 20px;
    padding: 12px 23px
}

.el-button.is-circle {
    border-radius: 50%;
    padding: 12px
}

.el-button--primary {
    color: #fff;
    background-color: #1261ff;
    border-color: #1261ff
}

.el-button--primary:focus,
.el-button--primary:hover {
    background: #4181ff;
    border-color: #4181ff;
    color: #fff
}

.el-button--primary:active {
    outline: none
}

.el-button--primary.is-active,
.el-button--primary:active {
    background: #1057e6;
    border-color: #1057e6;
    color: #fff
}

.el-button--primary.is-disabled,
.el-button--primary.is-disabled:active,
.el-button--primary.is-disabled:focus,
.el-button--primary.is-disabled:hover {
    color: #fff;
    background-color: #89b0ff;
    border-color: #89b0ff
}

.el-button--primary.is-plain {
    color: #1261ff;
    background: #e7efff;
    border-color: #a0c0ff
}

.el-button--primary.is-plain:focus,
.el-button--primary.is-plain:hover {
    background: #1261ff;
    border-color: #1261ff;
    color: #fff
}

.el-button--primary.is-plain:active {
    background: #1057e6;
    border-color: #1057e6;
    color: #fff;
    outline: none
}

.el-button--primary.is-plain.is-disabled,
.el-button--primary.is-plain.is-disabled:active,
.el-button--primary.is-plain.is-disabled:focus,
.el-button--primary.is-plain.is-disabled:hover {
    color: #71a0ff;
    background-color: #e7efff;
    border-color: #d0dfff
}

.el-button--success {
    color: #fff;
    background-color: #52c41a;
    border-color: #52c41a
}

.el-button--success:focus,
.el-button--success:hover {
    background: #75d048;
    border-color: #75d048;
    color: #fff
}

.el-button--success:active {
    outline: none
}

.el-button--success.is-active,
.el-button--success:active {
    background: #4ab017;
    border-color: #4ab017;
    color: #fff
}

.el-button--success.is-disabled,
.el-button--success.is-disabled:active,
.el-button--success.is-disabled:focus,
.el-button--success.is-disabled:hover {
    color: #fff;
    background-color: #a9e28d;
    border-color: #a9e28d
}

.el-button--success.is-plain {
    color: #52c41a;
    background: #eef9e8;
    border-color: #bae7a3
}

.el-button--success.is-plain:focus,
.el-button--success.is-plain:hover {
    background: #52c41a;
    border-color: #52c41a;
    color: #fff
}

.el-button--success.is-plain:active {
    background: #4ab017;
    border-color: #4ab017;
    color: #fff;
    outline: none
}

.el-button--success.is-plain.is-disabled,
.el-button--success.is-plain.is-disabled:active,
.el-button--success.is-plain.is-disabled:focus,
.el-button--success.is-plain.is-disabled:hover {
    color: #97dc76;
    background-color: #eef9e8;
    border-color: #dcf3d1
}

.el-button--warning {
    color: #fff;
    background-color: #f8ae15;
    border-color: #f8ae15
}

.el-button--warning:focus,
.el-button--warning:hover {
    background: #f9be44;
    border-color: #f9be44;
    color: #fff
}

.el-button--warning:active {
    outline: none
}

.el-button--warning.is-active,
.el-button--warning:active {
    background: #df9d13;
    border-color: #df9d13;
    color: #fff
}

.el-button--warning.is-disabled,
.el-button--warning.is-disabled:active,
.el-button--warning.is-disabled:focus,
.el-button--warning.is-disabled:hover {
    color: #fff;
    background-color: #fcd78a;
    border-color: #fcd78a
}

.el-button--warning.is-plain {
    color: #f8ae15;
    background: #fef7e8;
    border-color: #fcdfa1
}

.el-button--warning.is-plain:focus,
.el-button--warning.is-plain:hover {
    background: #f8ae15;
    border-color: #f8ae15;
    color: #fff
}

.el-button--warning.is-plain:active {
    background: #df9d13;
    border-color: #df9d13;
    color: #fff;
    outline: none
}

.el-button--warning.is-plain.is-disabled,
.el-button--warning.is-plain.is-disabled:active,
.el-button--warning.is-plain.is-disabled:focus,
.el-button--warning.is-plain.is-disabled:hover {
    color: #fbce73;
    background-color: #fef7e8;
    border-color: #feefd0
}

.el-button--danger {
    color: #fff;
    background-color: #ff5448;
    border-color: #ff5448
}

.el-button--danger:focus,
.el-button--danger:hover {
    background: #ff766d;
    border-color: #ff766d;
    color: #fff
}

.el-button--danger:active {
    outline: none
}

.el-button--danger.is-active,
.el-button--danger:active {
    background: #e64c41;
    border-color: #e64c41;
    color: #fff
}

.el-button--danger.is-disabled,
.el-button--danger.is-disabled:active,
.el-button--danger.is-disabled:focus,
.el-button--danger.is-disabled:hover {
    color: #fff;
    background-color: #ffaaa4;
    border-color: #ffaaa4
}

.el-button--danger.is-plain {
    color: #ff5448;
    background: #ffeeed;
    border-color: #ffbbb6
}

.el-button--danger.is-plain:focus,
.el-button--danger.is-plain:hover {
    background: #ff5448;
    border-color: #ff5448;
    color: #fff
}

.el-button--danger.is-plain:active {
    background: #e64c41;
    border-color: #e64c41;
    color: #fff;
    outline: none
}

.el-button--danger.is-plain.is-disabled,
.el-button--danger.is-plain.is-disabled:active,
.el-button--danger.is-plain.is-disabled:focus,
.el-button--danger.is-plain.is-disabled:hover {
    color: #ff9891;
    background-color: #ffeeed;
    border-color: #ffddda
}

.el-button--info {
    color: #fff;
    background-color: #909399;
    border-color: #909399
}

.el-button--info:focus,
.el-button--info:hover {
    background: #a6a9ad;
    border-color: #a6a9ad;
    color: #fff
}

.el-button--info:active {
    outline: none
}

.el-button--info.is-active,
.el-button--info:active {
    background: #82848a;
    border-color: #82848a;
    color: #fff
}

.el-button--info.is-disabled,
.el-button--info.is-disabled:active,
.el-button--info.is-disabled:focus,
.el-button--info.is-disabled:hover {
    color: #fff;
    background-color: #c8c9cc;
    border-color: #c8c9cc
}

.el-button--info.is-plain {
    color: #909399;
    background: #f4f4f5;
    border-color: #d3d4d6
}

.el-button--info.is-plain:focus,
.el-button--info.is-plain:hover {
    background: #909399;
    border-color: #909399;
    color: #fff
}

.el-button--info.is-plain:active {
    background: #82848a;
    border-color: #82848a;
    color: #fff;
    outline: none
}

.el-button--info.is-plain.is-disabled,
.el-button--info.is-plain.is-disabled:active,
.el-button--info.is-plain.is-disabled:focus,
.el-button--info.is-plain.is-disabled:hover {
    color: #bcbec2;
    background-color: #f4f4f5;
    border-color: #e9e9eb
}

.el-button--medium {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 4px
}

.el-button--medium.is-round {
    padding: 10px 20px
}

.el-button--medium.is-circle {
    padding: 10px
}

.el-button--small {
    padding: 9px 15px;
    font-size: 12px;
    border-radius: 3px
}

.el-button--small.is-round {
    padding: 9px 15px
}

.el-button--small.is-circle {
    padding: 9px
}

.el-button--mini {
    padding: 7px 15px;
    font-size: 12px;
    border-radius: 3px
}

.el-button--mini.is-round {
    padding: 7px 15px
}

.el-button--mini.is-circle {
    padding: 7px
}

.el-button--text {
    border-color: transparent;
    color: #1261ff;
    background: transparent;
    padding-left: 0;
    padding-right: 0
}

.el-button--text:focus,
.el-button--text:hover {
    color: #4181ff;
    border-color: transparent;
    background-color: transparent
}

.el-button--text:active {
    color: #1057e6;
    background-color: transparent
}

.el-button--text.is-disabled,
.el-button--text.is-disabled:focus,
.el-button--text.is-disabled:hover,
.el-button--text:active {
    border-color: transparent
}

.el-button-group {
    display: inline-block;
    vertical-align: middle
}

.el-button-group:after,
.el-button-group:before {
    display: table;
    content: ""
}

.el-button-group:after {
    clear: both
}

.el-button-group>.el-button {
    float: left;
    position: relative
}

.el-button-group>.el-button+.el-button {
    margin-left: 0
}

.el-button-group>.el-button.is-disabled {
    z-index: 1
}

.el-button-group>.el-button:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.el-button-group>.el-button:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.el-button-group>.el-button:first-child:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.el-button-group>.el-button:first-child:last-child.is-round {
    border-radius: 20px
}

.el-button-group>.el-button:first-child:last-child.is-circle {
    border-radius: 50%
}

.el-button-group>.el-button:not(:first-child):not(:last-child) {
    border-radius: 0
}

.el-button-group>.el-button:not(:last-child) {
    margin-right: -1px
}

.el-button-group>.el-button.is-active,
.el-button-group>.el-button:not(.is-disabled):active,
.el-button-group>.el-button:not(.is-disabled):focus,
.el-button-group>.el-button:not(.is-disabled):hover {
    z-index: 1
}

.el-button-group>.el-dropdown>.el-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--primary:first-child {
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--primary:last-child {
    border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, .5);
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--success:first-child {
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--success:last-child {
    border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--success:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, .5);
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--warning:first-child {
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--warning:last-child {
    border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, .5);
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--danger:first-child {
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--danger:last-child {
    border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, .5);
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--info:first-child {
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--info:last-child {
    border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--info:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, .5);
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-calendar {
    background-color: #fff
}

.el-calendar__header {
    display: flex;
    justify-content: space-between;
    padding: 12px 20px;
    border-bottom: 1px solid #ebeef5
}

.el-calendar__title {
    color: #000;
    align-self: center
}

.el-calendar__body {
    padding: 12px 20px 35px
}

.el-calendar-table {
    table-layout: fixed;
    width: 100%
}

.el-calendar-table thead th {
    padding: 12px 0;
    color: #606266;
    font-weight: 400
}

.el-calendar-table:not(.is-range) td.next,
.el-calendar-table:not(.is-range) td.prev {
    color: #c0c4cc
}

.el-calendar-table td {
    border-bottom: 1px solid #ebeef5;
    border-right: 1px solid #ebeef5;
    vertical-align: top;
    transition: background-color .2s ease
}

.el-calendar-table td.is-selected {
    background-color: #f2f8fe
}

.el-calendar-table td.is-today {
    color: #1261ff
}

.el-calendar-table tr:first-child td {
    border-top: 1px solid #ebeef5
}

.el-calendar-table tr td:first-child {
    border-left: 1px solid #ebeef5
}

.el-calendar-table tr.el-calendar-table__row--hide-border td {
    border-top: none
}

.el-calendar-table .el-calendar-day {
    box-sizing: border-box;
    padding: 8px;
    height: 85px
}

.el-calendar-table .el-calendar-day:hover {
    cursor: pointer;
    background-color: #f2f8fe
}

.el-backtop {
    position: fixed;
    background-color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #1261ff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .12);
    cursor: pointer;
    z-index: 5
}

.el-backtop:hover {
    background-color: #f2f6fc
}

.el-page-header {
    display: flex;
    line-height: 24px
}

.el-page-header__left {
    display: flex;
    cursor: pointer;
    margin-right: 40px;
    position: relative
}

.el-page-header__left:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 16px;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #dcdfe6
}

.el-page-header__left .el-icon-back {
    font-size: 18px;
    margin-right: 6px;
    align-self: center
}

.el-page-header__title {
    font-size: 14px;
    font-weight: 500
}

.el-page-header__content {
    font-size: 18px;
    color: #303133
}

.el-checkbox {
    color: #606266;
    font-weight: 500;
    font-size: 14px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
    user-select: none;
    margin-right: 30px
}

.el-checkbox.is-bordered {
    padding: 9px 20px 9px 10px;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    box-sizing: border-box;
    line-height: normal;
    height: 40px
}

.el-checkbox.is-bordered.is-checked {
    border-color: #1261ff
}

.el-checkbox.is-bordered.is-disabled {
    border-color: #ebeef5;
    cursor: not-allowed
}

.el-checkbox.is-bordered+.el-checkbox.is-bordered {
    margin-left: 10px
}

.el-checkbox.is-bordered.el-checkbox--medium {
    padding: 7px 20px 7px 10px;
    border-radius: 4px;
    height: 36px
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
    line-height: 17px;
    font-size: 14px
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
    height: 14px;
    width: 14px
}

.el-checkbox.is-bordered.el-checkbox--small {
    padding: 5px 15px 5px 10px;
    border-radius: 3px;
    height: 32px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
    line-height: 15px;
    font-size: 12px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
    height: 12px;
    width: 12px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after {
    height: 6px;
    width: 2px
}

.el-checkbox.is-bordered.el-checkbox--mini {
    padding: 3px 15px 3px 10px;
    border-radius: 3px;
    height: 28px
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
    line-height: 12px;
    font-size: 12px
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
    height: 12px;
    width: 12px
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner:after {
    height: 6px;
    width: 2px
}

.el-checkbox__input {
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    display: inline-block;
    line-height: 1;
    position: relative;
    vertical-align: middle
}

.el-checkbox__input.is-disabled .el-checkbox__inner {
    background-color: #edf2fc;
    border-color: #dcdfe6;
    cursor: not-allowed
}

.el-checkbox__input.is-disabled .el-checkbox__inner:after {
    cursor: not-allowed;
    border-color: #c0c4cc
}

.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label {
    cursor: not-allowed
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
    background-color: #f2f6fc;
    border-color: #dcdfe6
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after {
    border-color: #c0c4cc
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
    background-color: #f2f6fc;
    border-color: #dcdfe6
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before {
    background-color: #c0c4cc;
    border-color: #c0c4cc
}

.el-checkbox__input.is-disabled+span.el-checkbox__label {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: #1261ff;
    border-color: #1261ff
}

.el-checkbox__input.is-checked .el-checkbox__inner:after {
    transform: rotate(45deg) scaleY(1)
}

.el-checkbox__input.is-checked+.el-checkbox__label {
    color: #1261ff
}

.el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: #1261ff
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #1261ff;
    border-color: #1261ff
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
    content: "";
    position: absolute;
    display: block;
    background-color: #fff;
    height: 2px;
    transform: scale(.5);
    left: 0;
    right: 0;
    top: 5px
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:after {
    display: none
}

.el-checkbox__inner {
    display: inline-block;
    position: relative;
    border: 1px solid #dcdfe6;
    border-radius: 2px;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    background-color: #fff;
    z-index: 1;
    transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46)
}

.el-checkbox__inner:hover {
    border-color: #1261ff
}

.el-checkbox__inner:after {
    box-sizing: content-box;
    content: "";
    border: 1px solid #fff;
    border-left: 0;
    border-top: 0;
    height: 7px;
    left: 4px;
    position: absolute;
    top: 1px;
    transform: rotate(45deg) scaleY(0);
    width: 3px;
    transition: transform .15s ease-in .05s;
    transform-origin: center
}

.el-checkbox__original {
    opacity: 0;
    outline: none;
    position: absolute;
    margin: 0;
    width: 0;
    height: 0;
    z-index: -1
}

.el-checkbox__label {
    display: inline-block;
    padding-left: 10px;
    line-height: 19px;
    font-size: 14px
}

.el-checkbox:last-of-type {
    margin-right: 0
}

.el-checkbox-button,
.el-checkbox-button__inner {
    position: relative;
    display: inline-block
}

.el-checkbox-button__inner {
    line-height: 1;
    font-weight: 500;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    border-left: 0;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    margin: 0;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 0
}

.el-checkbox-button__inner.is-round {
    padding: 12px 20px
}

.el-checkbox-button__inner:hover {
    color: #1261ff
}

.el-checkbox-button__inner [class*=el-icon-] {
    line-height: .9
}

.el-checkbox-button__inner [class*=el-icon-]+span {
    margin-left: 5px
}

.el-checkbox-button__original {
    opacity: 0;
    outline: none;
    position: absolute;
    margin: 0;
    z-index: -1
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
    color: #fff;
    background-color: #1261ff;
    border-color: #1261ff;
    box-shadow: -1px 0 0 0 #71a0ff
}

.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
    border-left-color: #1261ff
}

.el-checkbox-button.is-disabled .el-checkbox-button__inner {
    color: #c0c4cc;
    cursor: not-allowed;
    background-image: none;
    background-color: #fff;
    border-color: #ebeef5;
    box-shadow: none
}

.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
    border-left-color: #ebeef5
}

.el-checkbox-button:first-child .el-checkbox-button__inner {
    border-left: 1px solid #dcdfe6;
    border-radius: 4px 0 0 4px;
    box-shadow: none !important
}

.el-checkbox-button.is-focus .el-checkbox-button__inner {
    border-color: #1261ff
}

.el-checkbox-button:last-child .el-checkbox-button__inner {
    border-radius: 0 4px 4px 0
}

.el-checkbox-button--medium .el-checkbox-button__inner {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 0
}

.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
    padding: 10px 20px
}

.el-checkbox-button--small .el-checkbox-button__inner {
    padding: 9px 15px;
    font-size: 12px;
    border-radius: 0
}

.el-checkbox-button--small .el-checkbox-button__inner.is-round {
    padding: 9px 15px
}

.el-checkbox-button--mini .el-checkbox-button__inner {
    padding: 7px 15px;
    font-size: 12px;
    border-radius: 0
}

.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
    padding: 7px 15px
}

.el-checkbox-group {
    font-size: 0
}

.el-radio {
    color: #606266;
    font-weight: 500;
    line-height: 1;
    position: relative;
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
    outline: none;
    font-size: 14px;
    margin-right: 30px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.el-radio.is-bordered {
    padding: 12px 20px 0 10px;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    box-sizing: border-box;
    height: 40px
}

.el-radio.is-bordered.is-checked {
    border-color: #1261ff
}

.el-radio.is-bordered.is-disabled {
    cursor: not-allowed;
    border-color: #ebeef5
}

.el-radio.is-bordered+.el-radio.is-bordered {
    margin-left: 10px
}

.el-radio--medium.is-bordered {
    padding: 10px 20px 0 10px;
    border-radius: 4px;
    height: 36px
}

.el-radio--medium.is-bordered .el-radio__label {
    font-size: 14px
}

.el-radio--medium.is-bordered .el-radio__inner {
    height: 14px;
    width: 14px
}

.el-radio--small.is-bordered {
    padding: 8px 15px 0 10px;
    border-radius: 3px;
    height: 32px
}

.el-radio--small.is-bordered .el-radio__label {
    font-size: 12px
}

.el-radio--small.is-bordered .el-radio__inner {
    height: 12px;
    width: 12px
}

.el-radio--mini.is-bordered {
    padding: 6px 15px 0 10px;
    border-radius: 3px;
    height: 28px
}

.el-radio--mini.is-bordered .el-radio__label {
    font-size: 12px
}

.el-radio--mini.is-bordered .el-radio__inner {
    height: 12px;
    width: 12px
}

.el-radio:last-child {
    margin-right: 0
}

.el-radio__input {
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    display: inline-block;
    line-height: 1;
    position: relative;
    vertical-align: middle
}

.el-radio__input.is-disabled .el-radio__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    cursor: not-allowed
}

.el-radio__input.is-disabled .el-radio__inner:after {
    cursor: not-allowed;
    background-color: #f5f7fa
}

.el-radio__input.is-disabled .el-radio__inner+.el-radio__label {
    cursor: not-allowed
}

.el-radio__input.is-disabled.is-checked .el-radio__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed
}

.el-radio__input.is-disabled.is-checked .el-radio__inner:after {
    background-color: #c0c4cc
}

.el-radio__input.is-disabled+span.el-radio__label {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-radio__input.is-checked .el-radio__inner {
    border-color: #1261ff;
    background: #1261ff
}

.el-radio__input.is-checked .el-radio__inner:after {
    transform: translate(-50%, -50%) scale(1)
}

.el-radio__input.is-checked+.el-radio__label {
    color: #1261ff
}

.el-radio__input.is-focus .el-radio__inner {
    border-color: #1261ff
}

.el-radio__inner {
    border: 1px solid #dcdfe6;
    border-radius: 100%;
    width: 14px;
    height: 14px;
    background-color: #fff;
    position: relative;
    cursor: pointer;
    display: inline-block;
    box-sizing: border-box
}

.el-radio__inner:hover {
    border-color: #1261ff
}

.el-radio__inner:after {
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #fff;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: transform .15s ease-in
}

.el-radio__original {
    opacity: 0;
    outline: none;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0
}

.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
    box-shadow: 0 0 2px 2px #1261ff
}

.el-radio__label {
    font-size: 14px;
    padding-left: 10px
}

.el-scrollbar {
    overflow: hidden;
    position: relative
}

.el-scrollbar:active>.el-scrollbar__bar,
.el-scrollbar:focus>.el-scrollbar__bar,
.el-scrollbar:hover>.el-scrollbar__bar {
    opacity: 1;
    transition: opacity .34s ease-out
}

.el-scrollbar__wrap {
    overflow: scroll;
    height: 100%
}

.el-scrollbar__wrap--hidden-default {
    scrollbar-width: none
}

.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
    width: 0;
    height: 0
}

.el-scrollbar__thumb {
    position: relative;
    display: block;
    width: 0;
    height: 0;
    cursor: pointer;
    border-radius: inherit;
    background-color: rgba(144, 147, 153, .3);
    transition: background-color .3s
}

.el-scrollbar__thumb:hover {
    background-color: rgba(144, 147, 153, .5)
}

.el-scrollbar__bar {
    position: absolute;
    right: 2px;
    bottom: 2px;
    z-index: 1;
    border-radius: 4px;
    opacity: 0;
    transition: opacity .12s ease-out
}

.el-scrollbar__bar.is-vertical {
    width: 6px;
    top: 2px
}

.el-scrollbar__bar.is-vertical>div {
    width: 100%
}

.el-scrollbar__bar.is-horizontal {
    height: 6px;
    left: 2px
}

.el-scrollbar__bar.is-horizontal>div {
    height: 100%
}

.el-cascader-panel {
    display: flex;
    border-radius: 4px;
    font-size: 14px
}

.el-cascader-panel.is-bordered {
    border: 1px solid #e4e7ed;
    border-radius: 4px
}

.el-cascader-menu {
    min-width: 180px;
    box-sizing: border-box;
    color: #606266;
    border-right: 1px solid #e4e7ed
}

.el-cascader-menu:last-child {
    border-right: none
}

.el-cascader-menu:last-child .el-cascader-node {
    padding-right: 20px
}

.el-cascader-menu__wrap {
    height: 204px
}

.el-cascader-menu__list {
    position: relative;
    min-height: 100%;
    margin: 0;
    padding: 6px 0;
    list-style: none;
    box-sizing: border-box
}

.el-cascader-menu__hover-zone {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.el-cascader-menu__empty-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #c0c4cc
}

.el-cascader-node {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 30px 0 20px;
    height: 34px;
    line-height: 34px;
    outline: none
}

.el-cascader-node.is-selectable.in-active-path {
    color: #606266
}

.el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-cascader-node.is-selectable.in-checked-path {
    color: #1261ff;
    font-weight: 700
}

.el-cascader-node:not(.is-disabled) {
    cursor: pointer
}

.el-cascader-node:not(.is-disabled):focus,
.el-cascader-node:not(.is-disabled):hover {
    background: #f5f7fa
}

.el-cascader-node.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-cascader-node__prefix {
    position: absolute;
    left: 10px
}

.el-cascader-node__postfix {
    position: absolute;
    right: 10px
}

.el-cascader-node__label {
    flex: 1;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.el-cascader-node>.el-radio {
    margin-right: 0
}

.el-cascader-node>.el-radio .el-radio__label {
    padding-left: 0
}

.el-avatar {
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    color: #fff;
    background: #c0c4cc;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px
}

.el-avatar>img {
    display: block;
    height: 100%;
    vertical-align: middle
}

.el-avatar--circle {
    border-radius: 50%
}

.el-avatar--square {
    border-radius: 4px
}

.el-avatar--icon {
    font-size: 18px
}

.el-avatar--large {
    width: 40px;
    height: 40px;
    line-height: 40px
}

.el-avatar--medium {
    width: 36px;
    height: 36px;
    line-height: 36px
}

.el-avatar--small {
    width: 28px;
    height: 28px;
    line-height: 28px
}

@keyframes el-drawer-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes rtl-drawer-in {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rtl-drawer-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes ltr-drawer-in {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ltr-drawer-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes ttb-drawer-in {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ttb-drawer-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes btt-drawer-in {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes btt-drawer-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
}

.el-drawer {
    position: absolute;
    box-sizing: border-box;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);
    overflow: hidden;
    outline: 0
}

.el-drawer.rtl {
    animation: rtl-drawer-out .3s
}

.el-drawer__open .el-drawer.rtl {
    animation: rtl-drawer-in .3s 1ms
}

.el-drawer.ltr {
    animation: ltr-drawer-out .3s
}

.el-drawer__open .el-drawer.ltr {
    animation: ltr-drawer-in .3s 1ms
}

.el-drawer.ttb {
    animation: ttb-drawer-out .3s
}

.el-drawer__open .el-drawer.ttb {
    animation: ttb-drawer-in .3s 1ms
}

.el-drawer.btt {
    animation: btt-drawer-out .3s
}

.el-drawer__open .el-drawer.btt {
    animation: btt-drawer-in .3s 1ms
}

.el-drawer__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    margin: 0
}

.el-drawer__header {
    align-items: center;
    color: #72767b;
    display: flex;
    margin-bottom: 32px;
    padding: 20px 20px 0
}

.el-drawer__header>:first-child {
    flex: 1
}

.el-drawer__title {
    margin: 0;
    flex: 1;
    line-height: inherit;
    font-size: 1rem
}

.el-drawer__close-btn {
    border: none;
    cursor: pointer;
    font-size: 20px;
    color: inherit;
    background-color: transparent
}

.el-drawer__body {
    flex: 1;
    overflow: auto
}

.el-drawer__body>* {
    box-sizing: border-box
}

.el-drawer.ltr,
.el-drawer.rtl {
    height: 100%;
    top: 0;
    bottom: 0
}

.el-drawer.btt,
.el-drawer.ttb {
    width: 100%;
    left: 0;
    right: 0
}

.el-drawer.ltr {
    left: 0
}

.el-drawer.rtl {
    right: 0
}

.el-drawer.ttb {
    top: 0
}

.el-drawer.btt {
    bottom: 0
}

.el-drawer__container {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%
}

.el-drawer-fade-enter-active {
    animation: el-drawer-fade-in .3s
}

.el-drawer-fade-leave-active {
    animation: el-drawer-fade-in .3s reverse
}

.el-popconfirm__main {
    display: flex;
    align-items: center
}

.el-popconfirm__icon {
    margin-right: 5px
}

.el-popconfirm__action {
    text-align: right;
    margin: 0
}

@keyframes el-skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

.el-skeleton {
    width: 100%
}

.el-skeleton__first-line,
.el-skeleton__paragraph {
    height: 16px;
    margin-top: 16px;
    background: #f2f2f2
}

.el-skeleton.is-animated .el-skeleton__item {
    background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
    background-size: 400% 100%;
    animation: el-skeleton-loading 1.4s ease infinite
}

.el-skeleton__item {
    background: #f2f2f2;
    display: inline-block;
    height: 16px;
    border-radius: 4px;
    width: 100%
}

.el-skeleton__circle {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    line-height: 36px
}

.el-skeleton__circle--lg {
    width: 40px;
    height: 40px;
    line-height: 40px
}

.el-skeleton__circle--md {
    width: 28px;
    height: 28px;
    line-height: 28px
}

.el-skeleton__button {
    height: 40px;
    width: 64px;
    border-radius: 4px
}

.el-skeleton__p {
    width: 100%
}

.el-skeleton__p.is-last {
    width: 61%
}

.el-skeleton__p.is-first {
    width: 33%
}

.el-skeleton__text {
    width: 100%;
    height: 13px
}

.el-skeleton__caption {
    height: 12px
}

.el-skeleton__h1 {
    height: 20px
}

.el-skeleton__h3 {
    height: 18px
}

.el-skeleton__h5 {
    height: 16px
}

.el-skeleton__image {
    width: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0
}

.el-skeleton__image svg {
    fill: #dcdde0;
    width: 22%;
    height: 22%
}

.el-empty {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    box-sizing: border-box;
    padding: 40px 0
}

.el-empty__image {
    width: 160px
}

.el-empty__image img {
    user-select: none;
    width: 100%;
    height: 100%;
    vertical-align: top;
    object-fit: contain
}

.el-empty__image svg {
    fill: #dcdde0;
    width: 100%;
    height: 100%;
    vertical-align: top
}

.el-empty__description {
    margin-top: 20px
}

.el-empty__description p {
    margin: 0;
    font-size: 14px;
    color: #909399
}

.el-empty__bottom {
    margin-top: 20px
}

.el-descriptions {
    box-sizing: border-box;
    font-size: 14px;
    color: #303133
}

.el-descriptions__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px
}

.el-descriptions__title {
    font-size: 16px;
    font-weight: 700
}

.el-descriptions__body {
    color: #606266;
    background-color: #fff
}

.el-descriptions__body .el-descriptions__table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed
}

.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell {
    box-sizing: border-box;
    text-align: left;
    font-weight: 400;
    line-height: 1.5
}

.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-left {
    text-align: left
}

.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-center {
    text-align: center
}

.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-right {
    text-align: right
}

.el-descriptions .is-bordered {
    table-layout: auto
}

.el-descriptions .is-bordered .el-descriptions-item__cell {
    border: 1px solid #ebeef5;
    padding: 12px 10px
}

.el-descriptions :not(.is-bordered) .el-descriptions-item__cell {
    padding-bottom: 12px
}

.el-descriptions--medium.is-bordered .el-descriptions-item__cell {
    padding: 10px
}

.el-descriptions--medium:not(.is-bordered) .el-descriptions-item__cell {
    padding-bottom: 10px
}

.el-descriptions--small {
    font-size: 12px
}

.el-descriptions--small.is-bordered .el-descriptions-item__cell {
    padding: 8px 10px
}

.el-descriptions--small:not(.is-bordered) .el-descriptions-item__cell {
    padding-bottom: 8px
}

.el-descriptions--mini {
    font-size: 12px
}

.el-descriptions--mini.is-bordered .el-descriptions-item__cell {
    padding: 6px 10px
}

.el-descriptions--mini:not(.is-bordered) .el-descriptions-item__cell {
    padding-bottom: 6px
}

.el-descriptions-item__container {
    display: flex
}

.el-descriptions-item__label.has-colon:after {
    content: ":";
    position: relative;
    top: -.5px
}

.el-descriptions-item__label.is-bordered-label {
    font-weight: 700;
    color: #909399;
    background: #fafafa
}

.el-descriptions-item__label:not(.is-bordered-label) {
    margin-right: 10px
}

.el-result {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    box-sizing: border-box;
    padding: 40px 30px
}

.el-result__icon svg {
    width: 64px;
    height: 64px
}

.el-result__title {
    margin-top: 20px
}

.el-result__title p {
    margin: 0;
    font-size: 20px;
    color: #303133;
    line-height: 1.3
}

.el-result__subtitle {
    margin-top: 10px
}

.el-result__subtitle p {
    margin: 0;
    font-size: 14px;
    color: #606266;
    line-height: 1.3
}

.el-result__extra {
    margin-top: 30px
}

.el-result .icon-success {
    fill: #52c41a
}

.el-result .icon-error {
    fill: #ff5448
}

.el-result .icon-info {
    fill: #909399
}

.el-result .icon-warning {
    fill: #f8ae15
}

.el-select-dropdown__item {
    white-space: break-spaces;
    height: auto
}

.answer-message-box.el-message-box {
    padding: 26px 28px 28px !important;
    border: none
}

.answer-message-box.el-message-box .el-message-box__header {
    display: none
}

.answer-message-box.el-message-box .el-message-box__content {
    min-height: 82px;
    padding: 0
}

.answer-message-box.el-message-box .el-message-box__content .el-message-box__status {
    font-size: 20px !important;
    top: 2px;
    transform: none
}

.answer-message-box.el-message-box .el-message-box__content .el-message-box__message {
    padding-left: 36px;
    font-size: 18px;
    color: #333
}

.answer-message-box.el-message-box .el-message-box__btns {
    margin-top: 28px;
    padding: 0;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end
}

.answer-message-box.el-message-box .el-message-box__btns .el-button {
    height: 36px;
    min-width: 96px;
    margin-right: 16px;
    margin-left: 0;
    box-sizing: border-box;
    font-size: 14px;
    background: #fff;
    border: 1px solid #ccd5db;
    line-height: 34px;
    color: #999;
    display: flex;
    align-items: center;
    justify-content: center
}

.answer-message-box.el-message-box .el-message-box__btns .el-button:hover {
    color: #1261ff;
    border-color: #1261ff
}

.answer-message-box.el-message-box .el-message-box__btns .el-button.el-button--primary {
    color: #fff;
    background-color: #1261ff;
    border: none
}

.answer-message-box.el-message-box .el-message-box__btns .el-button.el-button--primary:hover {
    background-color: #2c72ff
}

.answer-message-box.el-message-box .el-message-box__btns .el-button:last-child {
    margin-right: 0
}

.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: #1261ff !important;
    border-color: #1261ff !important
}

.el-checkbox__input.is-checked+.el-checkbox__label {
    color: #1261ff !important
}

.el-icon-arrow-up {
    transform: rotate(0deg) !important
}

.el-icon-arrow-up.is-reverse {
    transform: rotate(180deg) !important
}

.el-icon-arrow-up:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    transform: translate(-50%, -50%);
    content: "" !important;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAALlJREFUaAXt1csNhCAUhWFlamI/5dCF2gXlTAHUBObujJkY5N4bF/4kJj54nPNtnCYGAggggAACCCCAAAIIIIAAAu8UmEdrp5TWWusyuv64LoSw5ZzX47ve+0/vxPO8Usovxji31r7nb3eeNeHlnOECslhbQhteXUBTwiK8SYGRElbhzQrcKWEZ3rRATwnr8OYFrkp4hHcp8K+EV3g5y3XIz04u10PYHAEEEEAAAQQQQAABBBBA4CGBHdedWgrKoGF0AAAAAElFTkSuQmCC) no-repeat;
    background-size: 100%
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0
}

*,
:after,
:before {
    box-sizing: border-box
}

html {
    font-family: Alibaba Sans, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

body,
html {
    height: 100%
}

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

li {
    list-style: none
}

.base-button-comp[data-v-6bf921c9],
.no-toast-wrapper[data-v-ecaf4396] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.no-toast-wrapper[data-v-ecaf4396] {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999999
}

.no-toast[data-v-ecaf4396] {
    background: rgba(0, 0, 0, .7);
    line-height: 1.5;
    padding: 7px 20px;
    color: #fff;
    border-radius: 4px;
    width: auto;
    max-width: 278px;
    text-align: center;
    word-break: break-all;
    z-index: 9999
}

.form-product-pop-up-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    z-index: 999999;
    text-align: center
}

.form-product-pop-up-box.prettier-pop-modal {
    background: rgba(27, 34, 45, .8);
    backdrop-filter: blur(10px)
}

.form-product-pop-up-box .pop-up-form {
    width: 280px;
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden
}

.form-product-pop-up-box .pop-up-form.wx-pop-up-form {
    width: 244px;
    height: 230px;
    border-radius: 12px;
    overflow: visible
}

.form-product-pop-up-box .pop-up-form.wx-pop-up-form .wx-logo {
    position: absolute;
    top: -53px;
    left: 42px;
    width: 160px;
    height: 100px;
    background: url(https://lib-eqh5-com-1251586368.cos.ap-shanghai.myqcloud.com/%40eqxiu-res/form/images/wx-logo.png) no-repeat;
    background-size: 100% 100%
}

.form-product-pop-up-box .pop-up-form .pop-up-content {
    width: 240px;
    padding: 20px;
    display: table;
    box-sizing: content-box;
    color: #000
}

.form-product-pop-up-box .pop-up-form .pop-up-content.wx-pop-up-content {
    width: 198px;
    height: 56px;
    font-size: 18px;
    position: absolute;
    top: 70px;
    left: 23px;
    font-weight: 600;
    padding: 0;
    font-family: PingFangSC-Medium, PingFang SC;
    color: #111;
    line-height: 28px
}

.form-product-pop-up-box .pop-up-form .pop-up-content .pop-up-msg {
    display: table-cell
}

.form-product-pop-up-box .pop-up-form .pop-up-btn {
    width: 280px;
    background-color: #1261ff;
    line-height: 40px;
    height: 40px;
    color: #fff;
    cursor: pointer
}

.form-product-pop-up-box .pop-up-form .wx-pop-up-btn {
    width: 131px;
    height: 44px;
    position: absolute;
    left: 56px;
    bottom: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333;
    line-height: 17px;
    background: url(https://lib-eqh5-com-1251586368.cos.ap-shanghai.myqcloud.com/%40eqxiu-res/form/images/pop-close-background.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer
}

.form-product-pop-up-box .prettier-pop-box {
    width: 280px;
    height: auto;
    background: #fff;
    border-radius: 8px
}

.form-product-pop-up-box .prettier-pop-box .pop-up-content {
    padding: 28px 20px 10px;
    font-size: 17px;
    font-weight: 600;
    color: #111;
    line-height: 24px
}

.form-product-pop-up-box .prettier-pop-box .pop-up-btn {
    height: 49px;
    border-top: 1px solid #edeff3;
    background-color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    line-height: 49px;
    color: #1261ff
}

.form-product-pop-up-box .pop-share-form {
    width: 250px;
    font-size: 16px;
    position: absolute;
    top: 28%;
    left: 54%;
    margin-left: -140px;
    margin-top: -87px;
    overflow: hidden
}

.form-product-pop-up-box .pop-share-form .pop-share-content {
    width: 250px;
    height: 360px;
    background-color: transparent;
    margin-bottom: 10px
}

.form-product-pop-up-box .pop-share-form .pop-share-btn {
    color: #fff;
    font-size: 30px
}

.form-product-pop-up-box .pop-ad-form {
    width: 250px;
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden
}

.form-product-pop-up-box .pop-ad-form .pop-ad-content {
    width: 250px;
    height: 360px;
    background-color: #fff;
    margin-bottom: 10px;
    line-height: 360px
}

.form-product-pop-up-box .pop-ad-form .pop-ad-content a img {
    max-width: 250px;
    max-height: 360px
}

.form-product-pop-up-box .pop-ad-form .pop-ad-btn {
    color: #fff;
    font-size: 30px
}

.form-product-pop-up-box .pop-image-form {
    position: absolute;
    width: 250px;
    height: 290px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    background-color: #fff;
    border-radius: 6px
}

.form-product-pop-up-box .pop-image-form .form-head {
    position: relative;
    width: 200px;
    margin: 15px auto 20px;
    text-align: center
}

.form-product-pop-up-box .pop-image-form .form-head i {
    position: absolute;
    left: 0;
    color: #fdb14f;
    font-size: 16px
}

.form-product-pop-up-box .pop-image-form .form-head span {
    font-size: 14px;
    color: #333;
    margin-left: 16px
}

.form-product-pop-up-box .pop-image-form .pop-image-logo {
    width: 180px;
    height: 180px;
    margin: 0 auto
}

.form-product-pop-up-box .pop-image-form .form-bottom {
    margin-top: 10px
}

.form-product-pop-up-box .pop-image-form .form-bottom span {
    font-size: 12px;
    color: #666
}

.form-product-pop-up-box .pop-comment-form {
    width: 286px;
    height: 120px;
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .15);
    overflow: hidden
}

.form-product-pop-up-box .pop-comment-form .pop-comment-content {
    box-sizing: border-box;
    min-height: 70px;
    color: #000;
    padding: 14px 0;
    line-height: 1.4;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: center;
    align-items: center
}

.form-product-pop-up-box .pop-comment-form .pop-comment-btn a {
    width: 50%;
    height: 48px;
    color: #000;
    line-height: 48px;
    display: block;
    float: left
}

.form-product-pop-up-box .pop-comment-form .pop-comment-btn a:hover {
    color: #1261ff
}

.form-product-pop-up-box .pop-comment-form .pop-comment-btn a.pop-comment-btn-close {
    box-sizing: border-box;
    border-right: 1px solid #eee
}

.form-product-pop-up-box .pop-comment-form .pop-comment-btn a.pop-comment-btn-sure {
    color: #1261ff
}

.form-product-pop-up-box .pop-comment-form .pop-comment-btn.comment-list a {
    width: 100%
}

.form-product-pop-up-box .pop-comment-form .pop-comment-btn.comment-list .pop-comment-btn-close {
    display: none
}

.form-product-pop-up-box .msg-success-form {
    position: absolute;
    width: 100px;
    height: 90px;
    opacity: .75;
    background: #000;
    transform: translate(-50%);
    top: 20%;
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: Center;
    border-radius: 3px
}

.form-product-pop-up-box .msg-success-form .msg-success-content {
    text-align: center
}

.form-product-pop-up-box .msg-common-form {
    position: absolute;
    padding: 16px 15px;
    opacity: .75;
    background: #000;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: Center;
    border-radius: 3px
}

.form-product-pop-up-box .msg-common-form .msg-common-content {
    text-align: center
}

.form-product-pop-up-box .msg-common-form .msg-common-content span {
    transform: rotate(180rad)
}

.form-product-pop-up-box .pop-QrCode-form {
    position: absolute;
    width: 280px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden
}

.form-product-pop-up-box .pop-QrCode-form .mini-qrCode {
    width: 100%
}

.form-product-pop-up-box .pop-QrCode-form .mini-qrCode img {
    width: 100%;
    height: 100%
}

.form-plugin-container-single-style .pop-tip-box {
    z-index: 9994
}

.form-plugin-container-single-style .pop-tip-box .pop-up-form .pop-up-content {
    width: 100%;
    height: 110px;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

.form-plugin-container-single-style .pop-tip-box .pop-up-form .pop-up-btn {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    background-color: #fff;
    border-top: 1px solid #edeff3;
    box-sizing: border-box
}

.form-plugin-container-single-style .pop-tip-box .pop-up-form .pop-up-btn .pop-up-btn-close {
    color: var(--brand-color)
}

.form-plugin-container-single-style .wx-pop-up-img-box .pop-up-form.wx-pop-up-form {
    height: 280px
}

.form-plugin-container-single-style .wx-pop-up-img-box .wx-title {
    margin-top: 50px;
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600;
    color: #111;
    line-height: 28px
}

.form-plugin-container-single-style .wx-pop-up-img-box .wx-pop-up-content {
    position: relative;
    margin-top: 10px
}

.form-plugin-container-single-style .wx-pop-up-img-box .wx-pop-up-content .wx-pop-up-msg {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666;
    line-height: 20px
}

.form-plugin-container-single-style .wx-pop-up-img-box .wx-pop-up-img {
    margin-top: 70px;
    height: 96px;
    width: 212px
}

.form-plugin-container-single-style .msg-success-box {
    background-color: transparent;
    border-radius: 3px
}

.form-plugin-container-single-style .gbSetting-popUp-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 1000;
    cursor: default;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.form-plugin-container-single-style .gbSetting-popUp-box .gbSetting-popUp-form {
    width: 100%
}

.form-plugin-container-single-style .gbSetting-popUp-box .gbSetting-popUp-form .gbSetting-popUp-content {
    width: 100%;
    height: 100%
}

.form-plugin-container-single-style .gbSetting-popUp-box .gbSetting-popUp-form .gbSetting-popUp-content ul {
    text-align: center
}

.form-plugin-container-single-style .gbSetting-popUp-box .gbSetting-popUp-form .gbSetting-popUp-content ul .info-des-background {
    width: 100%;
    padding: 28px 0;
    background: linear-gradient(180deg, #e8f2ff, #fff)
}

.form-plugin-container-single-style .gbSetting-popUp-box .gbSetting-popUp-form .gbSetting-popUp-content ul .info-li {
    font-size: 18px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333;
    line-height: 25px;
    margin-bottom: 8px
}

.form-plugin-container-single-style .gbSetting-popUp-box .gbSetting-popUp-form .gbSetting-popUp-content ul .info-li i {
    color: var(--brand-color);
    font-size: 20px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: text-top;
    line-height: 25px;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.form-plugin-container-single-style .gbSetting-popUp-box .gbSetting-popUp-form .gbSetting-popUp-content ul .des-li {
    font-family: PingFangSC-Regular, PingFang SC;
    line-height: 21px;
    font-size: 14px;
    color: #666
}

.form-plugin-container-single-style .gbSetting-popUp-box .gbSetting-popUp-form .gbSetting-popUp-content ul .des-li .msg {
    color: #1261ff
}

@media screen and (max-width:980px) {
    .form-plugin-container-single-style .gbSetting-popUp-box {
        height: 100vh
    }
}

.form-plugin-container-single-style .form-nr .pop-up-share-modal {
    z-index: 999999999
}

.form-plugin-container-single-style .pop-common-box {
    transition: all .3s
}

.form-plugin-container-single-style .pop-QrCode-box {
    z-index: 888889
}

.form-plugin-container-single-style .layer-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 999998
}

.form-plugin-container-single-style .layer-wrapper .layer-form {
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: calc(100% - 16px);
    top: 16px;
    border-radius: 16px 16px 0 0;
    box-sizing: border-box
}

.form-plugin-container-single-style .layer-wrapper .layer-form .layer-head {
    width: 100%;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    padding: 0 20px;
    box-sizing: border-box
}

.form-plugin-container-single-style .layer-wrapper .layer-form .layer-head .l-title {
    float: left
}

.form-plugin-container-single-style .layer-wrapper .layer-form .layer-head .r-close {
    float: right;
    cursor: pointer
}

.form-plugin-container-single-style .layer-wrapper .layer-form .layer-head .r-close em {
    font-size: 20px
}

.form-plugin-container-single-style .layer-wrapper .layer-form .layer-content-wrapper {
    position: absolute;
    width: 100%;
    height: calc(100% - 50px)
}

.form-plugin-container-single-style .layer-wrapper.applet-ranking .layer-form {
    top: 0;
    padding-top: 15px;
    border-radius: 0;
    height: 100%
}

.form-plugin-container-single-style .layer-wrapper.applet-ranking .layer-form .layer-head {
    display: none
}

.form-plugin-container-single-style .layer-wrapper.applet-ranking .layer-form .layer-content-wrapper {
    height: 100%
}

.form-plugin-container-single-style .layer-wrapper.applet-ranking .vote-result-box .title {
    display: none
}

.form-plugin-container-single-style .setting-button-container {
    margin: 0 28px
}

.form-plugin-container-single-style .setting-button-container .btn {
    width: 200px;
    height: 36px;
    background: #f5f7fd;
    border-radius: 20px;
    margin: 0 auto 10px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: var(--brand-color);
    line-height: 36px;
    text-align: center;
    cursor: pointer
}

.form-plugin-container-single-style .setting-button-container .btn span {
    display: block
}

.form-plugin-container-single-style .setting-button-container .btn:first-child {
    background: var(--brand-color);
    color: #fff
}

.form-plugin-container-single-style .setting-button-container.flex-view-3,
.form-plugin-container-single-style .setting-button-container.flex-view-4 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.form-plugin-container-single-style .pop-last-data-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .6);
    z-index: 9990
}

.form-plugin-container-single-style .pop-last-data-modal .pop-body {
    position: absolute;
    width: 259px;
    height: 307px;
    background: url(//lib.eqh5.com/h5_view_2/images/last-data-bg-9b624e-9b624e.png) no-repeat 50%;
    background-size: 100% 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center
}

.form-plugin-container-single-style .pop-last-data-modal .pop-body .eqf-no {
    font-size: 18px;
    color: hsla(0, 0%, 100%, .8);
    position: absolute;
    top: 21px;
    right: 21px
}

.form-plugin-container-single-style .pop-last-data-modal .pop-body img {
    width: 93px;
    margin: 34px auto 5px
}

.form-plugin-container-single-style .pop-last-data-modal .pop-body p {
    font-size: 16px;
    color: #fff
}

.form-plugin-container-single-style .pop-last-data-modal .pop-body .pop-btns {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 14px
}

.form-plugin-container-single-style .pop-last-data-modal .pop-body .pop-btns .btn-top {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 212px;
    margin: auto
}

.form-plugin-container-single-style .pop-last-data-modal .pop-body .pop-btns .btn-top .btn {
    flex: 1;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 18px;
    color: #1261ff;
    border: 1px solid #1261ff
}

.form-plugin-container-single-style .pop-last-data-modal .pop-body .pop-btns .btn-top .btn:last-child {
    margin-left: 12px
}

.form-plugin-container-single-style .pop-last-data-modal .pop-body .pop-btns .btn-top .hide {
    display: none
}

.form-plugin-container-single-style .pop-last-data-modal .pop-body .pop-btns .btn-top .hide~:last-child {
    margin-left: 0
}

.form-plugin-container-single-style .pop-last-data-modal .pop-body .pop-btns .new {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 12px auto 25px;
    width: 212px;
    height: 36px;
    background: #1261ff;
    border: none;
    border-radius: 18px;
    color: #fff
}

.form-plugin-container-single-style .submit-show-last-data {
    width: 200px;
    height: 36px;
    background: #f5f7fd;
    border-radius: 20px;
    margin: 10px auto 0;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: var(--brand-color);
    line-height: 36px;
    text-align: center
}

@keyframes toastFadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%, -200px, 0);
        transform: translate3d(-50%, -200px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.form-plugin-container-single-style .eqx-fm-toast {
    box-sizing: border-box;
    position: fixed;
    z-index: 99999999999;
    top: 70px;
    min-width: 200px;
    width: fit-content;
    width: -webkit-fit-content;
    height: 52px;
    display: flex;
    align-items: center;
    background: #fff;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .15);
    border-radius: 3px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333;
    line-height: 52px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 16px;
    animation: toastFadeIn .3s
}

.form-plugin-container-single-style .eqx-fm-toast>em {
    color: #1261ff;
    margin-right: 14px
}

.form-plugin-container-single-style .noScroll {
    overflow: hidden !important
}

.form-plugin-container-single-style .sceneShadow {
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, .3);
    color: #fff;
    font-size: 20px
}

.form-plugin-container-single-style .absolute {
    position: absolute
}

.form-plugin-container-single-style .fixed {
    position: fixed
}

.form-plugin-container-single-style .subscribe-wechat-box {
    width: 295px;
    background: #fff;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    box-sizing: border-box
}

.form-plugin-container-single-style .subscribe-wechat-box>img {
    height: 170px;
    display: block
}

.form-plugin-container-single-style .subscribe-wechat-box>h3 {
    font-size: 18px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333;
    line-height: 25px;
    margin-top: 16px
}

.form-plugin-container-single-style .subscribe-wechat-box>p {
    margin-top: 8px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333;
    line-height: 20px;
    text-align: center
}

.form-plugin-container-single-style .subscribe-wechat-box .btn {
    margin-top: 20px;
    width: 263px;
    height: 40px;
    background: #1261ff;
    border-radius: 20px;
    font-size: 15px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: 40px;
    text-align: center
}

.form-plugin-container-single-style .ebd-linkrisk-modal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 1002
}

.form-plugin-container-single-style .ebd-linkrisk-modal iframe {
    width: 100%;
    height: 100%
}

.form-plugin-container-single-style .ebd-linkrisk-modal .close {
    position: absolute;
    right: 0;
    top: 0;
    color: #666;
    font-size: 24px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #fff;
    text-align: center
}

.form-plugin-container-single-style .form-access-password-modal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    z-index: 9995;
    padding: 32px;
    color: #333
}

.form-plugin-container-single-style .form-access-password-modal p {
    font-size: 16px;
    line-height: 22px;
    font-family: PingFangSC-Medium, PingFang SC;
    margin-top: 1px;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    word-break: break-all
}

.form-plugin-container-single-style .form-access-password-modal input {
    width: 100%;
    height: 64px;
    border-radius: 4px;
    border: 1px solid #e8eaee;
    text-align: center;
    padding: 0 12px;
    margin-top: 20px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 20px;
    transition: border .3s;
    background-color: #fff;
    -webkit-appearance: none;
    font-weight: 400;
    box-sizing: border-box
}

.form-plugin-container-single-style .form-access-password-modal input::placeholder {
    color: #cecece;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400
}

.form-plugin-container-single-style .form-access-password-modal input:hover {
    border-color: #1261ff
}

.form-plugin-container-single-style .form-access-password-modal .pw-error {
    color: #fff;
    font-size: 13px;
    margin-top: 10px
}

.form-plugin-container-single-style .form-access-password-modal .pw-btn {
    margin-top: 26px;
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: linear-gradient(270deg, #4facfe, #1261ff)
}

.form-plugin-container-single-style .form-access-password-modal.error .pw-error {
    color: #ff5448
}

.form-plugin-container-single-style .form-access-password-modal.error input {
    border-color: #ff5448
}

.form-plugin-container-single-style .shareOkPage {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box
}

.form-plugin-container-single-style .shareOk {
    width: 240px;
    height: 270px;
    background-image: url(https://lib.eqh5.com/%40eqxiu-res/form/images/alert_bk.png?q-ak=AKIDuZHm1zeBXicGrWHuiW4bruiETSXMqAEc&q-header-list=&q-key-time=1644910689%3B1644917889&q-sign-algorithm=sha1&q-sign-time=1644910689%3B1644917889&q-signature=56f8cb70ac620d2ccbd69ed9800d8876aaf6cf07&q-url-param-list=);
    background-repeat: no-repeat;
    position: relative;
    background-size: contain;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    overflow: hidden
}

.form-plugin-container-single-style .shareOk .shareOkGift {
    margin-top: 30px
}

.form-plugin-container-single-style .shareOk .shareOkTxt {
    margin-top: 14px;
    font-size: 15px;
    color: #fff
}

.form-plugin-container-single-style .shareOk .voteLeftTime {
    font-size: 16px;
    color: #f7ff00
}

.form-plugin-container-single-style .shareOk .shareOkSubmit {
    margin-top: 76px;
    text-align: center;
    line-height: 40px;
    width: 160px;
    height: 40px;
    background: #1261ff;
    border-radius: 20px;
    font-size: 14px;
    color: #fff
}

.form-plugin-container-single-style .shareOk #ShareClose {
    position: absolute;
    top: 14px;
    right: 13px;
    color: #fff;
    font-size: 18px
}

.form-plugin-container-single-style .img-model-box {
    position: absolute;
    top: 0;
    z-index: 56;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    display: flex;
    flex-direction: column
}

.form-plugin-container-single-style .img-model-box .img-box {
    width: 256px;
    height: 256px;
    background: #fff;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.form-plugin-container-single-style .img-model-box .img-box img {
    width: 172px
}

.form-plugin-container-single-style .img-model-box .img-box .title {
    font-size: 12px;
    margin-top: 20px;
    color: #999;
    line-height: 20px
}

.form-plugin-container-single-style .img-model-box .close-icon {
    display: block;
    margin-top: 42px;
    width: 36px
}

.order-wrapper-box {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 9999;
    opacity: 0;
    transition: opacity .2s
}

.order-wrapper-box iframe {
    width: 100%;
    height: 100%;
    border: none
}

.order-wrapper-box.show {
    opacity: 1
}

@keyframes rollloading {

    0%,
    to {
        box-shadow: 0 -2.6em 0 .2em var(--brand-color, #1261ff), 1.8em -1.8em 0 0 rgba(18, 97, 255, .2), 2.5em 0 0 0 rgba(18, 97, 255, .2), 1.75em 1.75em 0 0 rgba(18, 97, 255, .2), 0 2.5em 0 0 rgba(18, 97, 255, .2), -1.8em 1.8em 0 0 rgba(18, 97, 255, .2), -2.6em 0 0 0 rgba(18, 97, 255, .5), -1.8em -1.8em 0 0 rgba(18, 97, 255, .7)
    }

    12.5% {
        box-shadow: 0 -2.6em 0 0 rgba(18, 97, 255, .7), 1.8em -1.8em 0 .2em var(--brand-color, #1261ff), 2.5em 0 0 0 rgba(18, 97, 255, .2), 1.75em 1.75em 0 0 rgba(18, 97, 255, .2), 0 2.5em 0 0 rgba(18, 97, 255, .2), -1.8em 1.8em 0 0 rgba(18, 97, 255, .2), -2.6em 0 0 0 rgba(18, 97, 255, .2), -1.8em -1.8em 0 0 rgba(18, 97, 255, .5)
    }

    25% {
        box-shadow: 0 -2.6em 0 0 rgba(18, 97, 255, .5), 1.8em -1.8em 0 0 rgba(18, 97, 255, .7), 2.5em 0 0 .2em var(--brand-color, #1261ff), 1.75em 1.75em 0 0 rgba(18, 97, 255, .2), 0 2.5em 0 0 rgba(18, 97, 255, .2), -1.8em 1.8em 0 0 rgba(18, 97, 255, .2), -2.6em 0 0 0 rgba(18, 97, 255, .2), -1.8em -1.8em 0 0 rgba(18, 97, 255, .2)
    }

    37.5% {
        box-shadow: 0 -2.6em 0 0 rgba(18, 97, 255, .2), 1.8em -1.8em 0 0 rgba(18, 97, 255, .5), 2.5em 0 0 0 rgba(18, 97, 255, .7), 1.75em 1.75em 0 .2em var(--brand-color, #1261ff), 0 2.5em 0 0 rgba(18, 97, 255, .2), -1.8em 1.8em 0 0 rgba(18, 97, 255, .2), -2.6em 0 0 0 rgba(18, 97, 255, .2), -1.8em -1.8em 0 0 rgba(18, 97, 255, .2)
    }

    50% {
        box-shadow: 0 -2.6em 0 0 rgba(18, 97, 255, .2), 1.8em -1.8em 0 0 rgba(18, 97, 255, .2), 2.5em 0 0 0 rgba(18, 97, 255, .5), 1.75em 1.75em 0 0 rgba(18, 97, 255, .7), 0 2.5em 0 .2em var(--brand-color, #1261ff), -1.8em 1.8em 0 0 rgba(18, 97, 255, .2), -2.6em 0 0 0 rgba(18, 97, 255, .2), -1.8em -1.8em 0 0 rgba(18, 97, 255, .2)
    }

    62.5% {
        box-shadow: 0 -2.6em 0 0 rgba(18, 97, 255, .2), 1.8em -1.8em 0 0 rgba(18, 97, 255, .2), 2.5em 0 0 0 rgba(18, 97, 255, .2), 1.75em 1.75em 0 0 rgba(18, 97, 255, .5), 0 2.5em 0 0 rgba(18, 97, 255, .7), -1.8em 1.8em 0 .2em var(--brand-color, #1261ff), -2.6em 0 0 0 rgba(18, 97, 255, .2), -1.8em -1.8em 0 0 rgba(18, 97, 255, .2)
    }

    75% {
        box-shadow: 0 -2.6em 0 0 rgba(18, 97, 255, .2), 1.8em -1.8em 0 0 rgba(18, 97, 255, .2), 2.5em 0 0 0 rgba(18, 97, 255, .2), 1.75em 1.75em 0 0 rgba(18, 97, 255, .2), 0 2.5em 0 0 rgba(18, 97, 255, .5), -1.8em 1.8em 0 0 rgba(18, 97, 255, .7), -2.6em 0 0 .2em var(--brand-color, #1261ff), -1.8em -1.8em 0 0 rgba(18, 97, 255, .2)
    }

    87.5% {
        box-shadow: 0 -2.6em 0 0 rgba(18, 97, 255, .2), 1.8em -1.8em 0 0 rgba(18, 97, 255, .2), 2.5em 0 0 0 rgba(18, 97, 255, .2), 1.75em 1.75em 0 0 rgba(18, 97, 255, .2), 0 2.5em 0 0 rgba(18, 97, 255, .2), -1.8em 1.8em 0 0 rgba(18, 97, 255, .5), -2.6em 0 0 0 rgba(18, 97, 255, .7), -1.8em -1.8em 0 .2em var(--brand-color, #1261ff)
    }
}

.roll-loading {
    color: var(--brand-color, #1261ff);
    font-size: 20px;
    margin: 100px auto;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: rollloading 1.3s linear infinite;
    animation: rollloading 1.3s linear infinite;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: scale(.4)
}

.ad-modal-wx {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -550px;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 888888;
    display: block
}

.ad-modal-wx .ad-modal-wx-box {
    height: 480px
}

.ad-modal-wx .dog-gif {
    position: absolute;
    top: 30px;
    margin-left: -60px;
    left: 50%;
    width: 120px;
    height: 120px;
    background-image: url(https://lib.eqh5.com/%40eqxiu-res/form/images/dog-39e208.gif);
    background-size: cover
}

.ad-modal-wx .ad-modal-content {
    top: 150px;
    left: 50%;
    position: absolute
}

.ad-modal-wx .ad-close-btn {
    position: absolute;
    top: 440px;
    left: 50%;
    margin-left: -20px;
    color: #fff;
    font-size: 40px;
    width: 40px;
    height: 40px;
    background-image: url(//lib.eqh5.com/h5_view_2/images/close-01cbf1-01cbf1.png);
    background-size: cover
}

@keyframes slideInDown {
    0% {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@-webkit-keyframes slideInDown {
    0% {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.ad-modal-wx .ad-wx-slideInDown {
    animation-name: slideInDown;
    -webkit-animation-name: slideInDown;
    animation-duration: .75s;
    -webkit-animation-duration: .75s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both
}

.eqx-form-answers-plugin-analysis-detail[data-v-6284612d] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #f0f2f8;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    flex-direction: column
}

.eqx-form-answers-plugin-analysis-detail .tip[data-v-6284612d] {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: center
}

.eqx-form-answers-plugin-analysis-detail .tip .container[data-v-6284612d] {
    width: 280px;
    height: 256px;
    background: #fff;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .12);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start
}

.eqx-form-answers-plugin-analysis-detail .tip .container .icon[data-v-6284612d] {
    width: 54px;
    height: 54px;
    background: #35d178;
    border-radius: 27px;
    font-size: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-top: 33px
}

.eqx-form-answers-plugin-analysis-detail .tip .container .text[data-v-6284612d] {
    font-size: 18px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600;
    color: #111;
    line-height: 25px;
    margin-top: 16px
}

.eqx-form-answers-plugin-analysis-detail .tip .container .cancel[data-v-6284612d] {
    width: 240px;
    height: 40px;
    background: #1261ff;
    border-radius: 2px;
    margin-top: 52px;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 40px;
    cursor: pointer
}

.eqx-form-answers-plugin-analysis-detail .back[data-v-6284612d] {
    position: absolute;
    bottom: 16px;
    left: 16px;
    width: 40px;
    height: 40px;
    background: #fff;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .12);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #666
}

.eqx-form-answers-plugin-analysis-detail .analysis-list[data-v-6284612d] {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden
}

.eqx-form-answers-plugin-analysis-detail .analysis-list[data-v-6284612d]::-webkit-scrollbar {
    width: 4px
}

.eqx-form-answers-plugin-analysis-detail .analysis-list[data-v-6284612d]::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 4px
}

.eqx-form-answers-plugin-analysis-detail .analysis-list[data-v-6284612d]::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .1);
    height: 4px;
    border-radius: 4px
}

.eqx-form-answers-plugin-analysis-detail .analysis-list .title[data-v-6284612d] {
    width: 100%;
    height: 44px;
    background: #f7f9fc;
    line-height: 44px;
    padding-left: 16px;
    font-size: 17px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600;
    color: #333
}

.eqx-form-answers-plugin-analysis-detail .analysis-list .answer-item[data-v-6284612d] {
    background: #fff;
    padding-bottom: 16px;
    margin-bottom: 8px
}

.eqx-form-answers-plugin-analysis-detail .analysis-list .answer-item .header[data-v-6284612d] {
    width: 100%;
    height: 38px;
    background: hsla(0, 0%, 84.7%, 0);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    padding: 0 16px;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999;
    border-bottom: 2px solid #f2f2f2
}

.eqx-form-answers-plugin-analysis-detail .analysis-list .answer-item .header .score[data-v-6284612d] {
    margin-left: 4px;
    color: #1261ff
}

.eqx-form-answers-plugin-analysis-detail .analysis-list .answer-item .stem[data-v-6284612d] {
    font-size: 13px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #111;
    padding: 12px 16px
}

.eqx-form-answers-plugin-analysis-detail .analysis-list .answer-item .stem-pic[data-v-6284612d] {
    width: 100%;
    padding: 16px
}

.eqx-form-answers-plugin-analysis-detail .analysis-list .answer-item .choice[data-v-6284612d] {
    padding: 0 16px
}

.eqx-form-answers-plugin-analysis-detail .analysis-list .answer-item .choice>li[data-v-6284612d] {
    padding: 6px 0;
    width: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 6px;
    position: relative
}

.eqx-form-answers-plugin-analysis-detail .analysis-list .answer-item .choice>li .active-icon[data-v-6284612d] {
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 8px;
    margin-right: 12px
}

.eqx-form-answers-plugin-analysis-detail .analysis-list .answer-item .choice>li .active-icon.active[data-v-6284612d] {
    border: 5px solid #1261ff
}

.eqx-form-answers-plugin-analysis-detail .analysis-list .answer-item .choice>li .text[data-v-6284612d] {
    font-size: 13px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #111;
    max-width: calc(100% - 32px)
}

.eqx-form-answers-plugin-analysis-detail .analysis-list .answer-item .choice>li .tail-icon[data-v-6284612d] {
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 20px 0 0 0;
    font-size: 18px;
    color: #fff;
    width: 18px;
    height: 18px;
    padding-top: 2px;
    padding-left: 2px
}

.eqx-form-answers-plugin-analysis-detail .analysis-list .answer-item .choice>li .tail-icon-right[data-v-6284612d] {
    background: #35d178
}

.eqx-form-answers-plugin-analysis-detail .analysis-list .answer-item .choice>li .tail-icon-wrong[data-v-6284612d] {
    background: #ff3232
}

.eqx-form-answers-plugin-analysis-detail .analysis-list .answer-item .choice>li.selected[data-v-6284612d] {
    background: #f7f9fc
}

.eqx-form-answers-plugin-analysis-detail .analysis-list .answer-item .box[data-v-6284612d] {
    background: #f7f9fc;
    border-radius: 4px;
    margin: 12px 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: self-start;
    padding-bottom: 12px
}

.eqx-form-answers-plugin-analysis-detail .analysis-list .answer-item .box .eqx-fap-ana-de-label[data-v-6284612d] {
    background: linear-gradient(90deg, #1261ff, #1593ff);
    border-radius: 2px;
    font-size: 10px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #fff;
    padding: 4px 10px;
    margin: 8px 0 12px
}

.eqx-form-answers-plugin-analysis-detail .analysis-list .answer-item .box .detail[data-v-6284612d] {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #111;
    padding: 0 8px;
    line-height: 14px
}

.analysis-btn-comp[data-v-67a649eb] {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.input-setting[data-v-5a9fb597] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.input-setting .title-box[data-v-5a9fb597] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.input-setting .title-box .title[data-v-5a9fb597] {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333
}

.input-setting .title-box .number[data-v-5a9fb597] {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999
}

.input-setting .input[data-v-5a9fb597] {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #d5dae3;
    width: 100%;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333;
    height: 32px;
    margin-top: 8px;
    text-indent: 12px
}

.size-setting[data-v-1df6982e] {
    width: 100%;
    height: 32px;
    display: flex;
    align-items: center
}

.size-setting .eqx-fap-size-setting-label[data-v-1df6982e] {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333
}

.size-setting .value-area .value-input[data-v-1df6982e] {
    width: 100%;
    height: 32px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #ccd5db;
    text-indent: 12px;
    font-size: 14px;
    line-height: 32px
}

.size-setting .slide-area[data-v-1df6982e] {
    height: 2px;
    position: relative
}

.size-setting .slide-area .colored-line[data-v-1df6982e],
.size-setting .slide-area .gray-line[data-v-1df6982e] {
    width: 100%;
    height: 2px;
    background: #d5dae3;
    border-radius: 2px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer
}

.size-setting .slide-area .colored-line[data-v-1df6982e] {
    z-index: 2
}

.size-setting .slide-area .dot[data-v-1df6982e] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .16);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    cursor: pointer
}

.size-setting .box[data-v-1df6982e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

.color-setting[data-v-3d23545e] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    position: relative
}

.color-setting .title[data-v-3d23545e] {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333
}

.color-setting .color-box[data-v-3d23545e] {
    height: 32px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #d5dae3;
    display: flex
}

.color-setting .color-box .color-sucker[data-v-3d23545e] {
    width: 32px;
    height: 100%;
    background: #f7f9fc;
    border-right: 1px solid #d5dae3;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.color-setting .color-box .color-sucker.disabled[data-v-3d23545e] {
    color: #ccc;
    cursor: not-allowed
}

.color-setting .color-box .color-btn[data-v-3d23545e] {
    width: calc(100% - 32px);
    height: 100%;
    cursor: pointer
}

.color-setting .color-recommend[data-v-3d23545e] {
    display: flex
}

.color-setting .color-recommend>li[data-v-3d23545e] {
    width: 24px;
    height: 24px;
    border-radius: 16px;
    border: 1px solid #f0f2f8;
    margin-right: 8px;
    cursor: pointer
}

.color-setting .color-recommend>li[data-v-3d23545e]:last-child {
    margin-right: 0
}

.color-setting .color-recommend2[data-v-3d23545e] {
    min-width: 64px;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-around
}

.color-setting .color-recommend2>li[data-v-3d23545e] {
    width: 14px;
    height: 14px;
    border-radius: 3px;
    border: 1px solid #f0f2f8;
    margin-right: 3px;
    cursor: pointer
}

.color-setting .color-recommend2>li[data-v-3d23545e]:last-child,
.color-setting .color-recommend2>li[data-v-3d23545e]:nth-child(4) {
    margin-right: 0
}

.color-setting .color-recommend2>li[data-v-3d23545e]:nth-child(-n+4) {
    margin-bottom: 2px
}

.color-setting .box[data-v-3d23545e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

.color-setting .testCover[data-v-3d23545e] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0
}

.border-style-settings[data-v-5ae7a2dc] {
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.border-style-settings .title[data-v-5ae7a2dc] {
    width: 56px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333;
    line-height: 20px
}

.border-style-settings .eqx-fap-dropdown[data-v-5ae7a2dc] {
    width: calc(100% - 72px);
    height: 32px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #d5dae3;
    line-height: 32px;
    position: relative;
    min-width: 156px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333
}

.border-style-settings .eqx-fap-dropdown .eqx-fap-dropdown-toggle[data-v-5ae7a2dc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333
}

.border-style-settings .eqx-fap-dropdown .eqx-fap-dropdown-toggle>span[data-v-5ae7a2dc] {
    width: calc(100% - 24px);
    margin-left: 12px
}

.border-style-settings .eqx-fap-dropdown .eqx-fap-dropdown-toggle .icon[data-v-5ae7a2dc] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px
}

.border-style-settings .eqx-fap-dropdown .eqx-fap-dropdown-toggle .select-name[data-v-5ae7a2dc] {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
}

.border-style-settings .eqx-fap-dropdown .eqx-fap-dropdown-menu[data-v-5ae7a2dc] {
    position: absolute;
    background: #fff;
    margin-top: 4px;
    border: none;
    border-radius: 4px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
    width: 100%;
    z-index: 9
}

.border-style-settings .eqx-fap-dropdown .eqx-fap-dropdown-menu .list[data-v-5ae7a2dc] {
    overflow-y: scroll;
    max-height: 120px
}

.border-style-settings .eqx-fap-dropdown .eqx-fap-dropdown-menu .list[data-v-5ae7a2dc]::-webkit-scrollbar {
    width: 4px
}

.border-style-settings .eqx-fap-dropdown .eqx-fap-dropdown-menu .list[data-v-5ae7a2dc]::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 4px
}

.border-style-settings .eqx-fap-dropdown .eqx-fap-dropdown-menu .list[data-v-5ae7a2dc]::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .2);
    height: 6px;
    border-radius: 4px
}

.border-style-settings .eqx-fap-dropdown .eqx-fap-dropdown-menu .eqx-fap-dropdown-item[data-v-5ae7a2dc] {
    width: 100%;
    line-height: 30px;
    color: #76838f;
    text-indent: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px
}

.border-style-settings .eqx-fap-dropdown .eqx-fap-dropdown-menu .eqx-fap-dropdown-item.selected[data-v-5ae7a2dc] {
    background-color: #1261ff !important;
    color: #fff !important
}

.border-style-settings .eqx-fap-dropdown .eqx-fap-dropdown-menu .eqx-fap-dropdown-item[data-v-5ae7a2dc]:hover {
    background-color: #eee;
    color: #76838f
}

.base-button-setting[data-v-1b3e2e26] {
    user-select: none;
    width: 100%;
    height: auto;
    background: #fff
}

.base-button-setting .cd-name[data-v-1b3e2e26] {
    font-size: 15px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #000;
    padding: 10px 16px
}

.base-button-setting .plr16[data-v-1b3e2e26] {
    padding: 0 16px
}

.base-button-setting .mt8[data-v-1b3e2e26] {
    margin-top: 8px
}

.base-button-setting .mt16[data-v-1b3e2e26] {
    margin-top: 16px
}

.base-button-setting .ml88[data-v-1b3e2e26] {
    margin-left: 88px
}

.base-button-setting .mr16[data-v-1b3e2e26] {
    margin-right: 16px
}

.base-button-setting .pb16[data-v-1b3e2e26] {
    padding-bottom: 16px
}

.setting-type[data-v-b9b76d6e] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.setting-type .title[data-v-b9b76d6e] {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333
}

.setting-type .tab[data-v-b9b76d6e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 16px
}

.setting-type .tab>p[data-v-b9b76d6e] {
    width: 78px;
    height: 32px;
    background: #fff;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    cursor: pointer;
    border-top: 1px solid #d5dae3;
    border-bottom: 1px solid #d5dae3
}

.setting-type .tab>p.selected[data-v-b9b76d6e],
.setting-type .tab>p[data-v-b9b76d6e]:hover {
    background: #1261ff;
    color: #fff
}

.setting-type .tab>p.left[data-v-b9b76d6e] {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-left: 1px solid #d5dae3;
    border-right: 1px solid #d5dae3
}

.setting-type .tab>p.right[data-v-b9b76d6e] {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right: 1px solid #d5dae3
}

input[type=number] {
    -moz-appearance: textfield
}

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

.eqx-number-input[data-v-189d3ada] {
    width: 100%;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 4px 4px 4px 12px !important;
    border: 1px solid #ccd5db
}

.eqx-number-input.disabled[data-v-189d3ada] {
    cursor: not-allowed
}

.eqx-number-input.disabled[data-v-189d3ada]>input {
    pointer-events: none;
    background: #f5f5f5;
    color: #bfbfbf;
    border-color: #e6ebed;
    height: 36px
}

.eqx-number-input>input[data-v-189d3ada] {
    height: 36px
}

.eqx-number-input[data-v-189d3ada]:not(.disabled):hover>input {
    border-color: var(--brand-color)
}

.number-input-action[data-v-189d3ada] {
    width: 22px;
    height: calc(100% - 1px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-left: 1px solid #ccd5db;
    transform: translateX(4px);
    padding: 1px 0;
    margin-top: 1px;
    font-size: 18px;
    user-select: none
}

.number-input-action>i[data-v-189d3ada] {
    flex: 1;
    height: 50%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    pointer-events: auto;
    color: #666
}

.number-input-action>i.disabled[data-v-189d3ada] {
    pointer-events: none;
    color: #bfbfbf
}

.number-input-action>i[data-v-189d3ada]:hover {
    color: #333
}

.number-input-action>i[data-v-189d3ada]:not(:last-child) {
    border-bottom: 1px solid #ccd5db
}

.number-input-action.disabled[data-v-189d3ada] {
    cursor: not-allowed;
    border-color: #e6ebed;
    border-radius: 0 3px 3px 0;
    display: flex
}

.number-input-action.disabled>i[data-v-189d3ada] {
    pointer-events: none;
    color: #bfbfbf;
    border-color: #e6ebed
}

.number-input-action.disabled>i[data-v-189d3ada]:not(:first-child) {
    border-top: none
}

.single-image-cut-container[data-v-ea22742a] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2020;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.single-image-cut-container .radio_width60[data-v-ea22742a] {
    width: 60px;
    height: 36px
}

.single-image-cut-container .radio_width60[data-v-ea22742a] input {
    padding: 0 6px;
    height: 36px
}

.single-image-cut-container .single-image-cut-box[data-v-ea22742a] {
    width: 960px;
    height: 600px;
    background-color: #212121;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .16)
}

.single-image-cut-container .single-image-cut-box .image-cut-left[data-v-ea22742a] {
    height: 100%;
    width: 676px;
    background-color: #000;
    padding: 0 28px 28px;
    float: left;
    position: relative;
    box-sizing: border-box
}

.single-image-cut-container .single-image-cut-box .image-cut-left .head[data-v-ea22742a] {
    line-height: 60px;
    color: #fff;
    font-size: 18px
}

.single-image-cut-container .single-image-cut-box .image-cut-left .image_crop[data-v-ea22742a] {
    position: relative;
    height: 512px;
    width: 620px;
    background-color: #303030;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.single-image-cut-container .single-image-cut-box .image-cut-left .image_crop>img[data-v-ea22742a] {
    max-height: 100%;
    max-width: 100%
}

.single-image-cut-container .single-image-cut-box .image-cut-left .image_crop[data-v-ea22742a] .vue-cropper {
    background-color: #303030;
    background-image: none
}

.single-image-cut-container .single-image-cut-box .image-cut-left .image_crop.fixed[data-v-ea22742a] .jcrop-handle.ord-e,
.single-image-cut-container .single-image-cut-box .image-cut-left .image_crop.fixed[data-v-ea22742a] .jcrop-handle.ord-n,
.single-image-cut-container .single-image-cut-box .image-cut-left .image_crop.fixed[data-v-ea22742a] .jcrop-handle.ord-s,
.single-image-cut-container .single-image-cut-box .image-cut-left .image_crop.fixed[data-v-ea22742a] .jcrop-handle.ord-w {
    display: none !important
}

.single-image-cut-container .single-image-cut-box .image-cut-left .image-cut-content[data-v-ea22742a] {
    width: 100%;
    height: 100%;
    background-color: #ccc
}

.single-image-cut-container .single-image-cut-box .image-cut-right[data-v-ea22742a] {
    float: right;
    width: 284px;
    height: 600px;
    background-color: #fff;
    position: relative;
    padding: 0 28px 28px;
    box-sizing: border-box
}

.single-image-cut-container .single-image-cut-box .image-cut-right .image-cut-close-btn[data-v-ea22742a] {
    height: 60px;
    line-height: 60px;
    text-align: right;
    font-size: 18px
}

.single-image-cut-container .single-image-cut-box .image-cut-right .image-cut-close-btn .close1[data-v-ea22742a] {
    color: #666;
    cursor: pointer
}

.single-image-cut-container .single-image-cut-box .image-cut-right .image-cut-close-btn .close1[data-v-ea22742a]:hover {
    color: #ff2a6a
}

.single-image-cut-container .single-image-cut-box .image-cut-right .cut-size[data-v-ea22742a] {
    width: 100%;
    font-size: 14px
}

.single-image-cut-container .single-image-cut-box .image-cut-right .cut-size .cut-shape-box .cut-shape-title[data-v-ea22742a] {
    line-height: 48px;
    color: #111;
    display: block;
    font-weight: 700
}

.single-image-cut-container .single-image-cut-box .image-cut-right .cut-size .cut-shape-box .cut-mask>li[data-v-ea22742a] {
    cursor: pointer;
    margin: 8px;
    width: 22px;
    height: 22px;
    float: left;
    background: transparent no-repeat 50%/contain;
    display: inline-block
}

.single-image-cut-container .single-image-cut-box .image-cut-right .cut-size .cut-shape-box .cut-mask>li:first-child>span[data-v-ea22742a] {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #666
}

.single-image-cut-container .single-image-cut-box .image-cut-right .cut-size .cut-shape-box .cut-mask>li[data-v-ea22742a]:hover {
    border: 2px solid #1261ff
}

.single-image-cut-container .single-image-cut-box .image-cut-right .cut-size .cut-cory-box[data-v-ea22742a] {
    color: #333
}

.single-image-cut-container .single-image-cut-box .image-cut-right .cut-size .cut-cory-box .cut-cory-head[data-v-ea22742a] {
    height: 48px;
    line-height: 48px
}

.single-image-cut-container .single-image-cut-box .image-cut-right .cut-size .cut-cory-box .cut-cory-head .cut-cory-title[data-v-ea22742a] {
    float: left;
    color: #111;
    font-weight: 700
}

.single-image-cut-container .single-image-cut-box .image-cut-right .cut-size .cut-cory-box .cut-cory>li[data-v-ea22742a] {
    width: 114px;
    height: 36px;
    line-height: 36px;
    float: left
}

.single-image-cut-container .single-image-cut-box .image-cut-right .cut-size .cut-cory-box .cut-cory>li .radio-square.checked[data-v-ea22742a] {
    background-color: #1261ff
}

.single-image-cut-container .single-image-cut-box .image-cut-right .cut-size .cut-cory-box .cut-cory>li .radio-square.checked em[data-v-ea22742a] {
    background-color: #fff
}

.single-image-cut-container .single-image-cut-box .image-cut-right .cut-size .cut-cory-box .cut-cory>li input[type=radio][data-v-ea22742a] {
    margin-right: 5px;
    margin-top: 0;
    cursor: pointer
}

.single-image-cut-container .single-image-cut-box .image-cut-right .cut-size .cut-cory-box .cut-cory>li label[data-v-ea22742a] {
    font-size: 14px;
    cursor: pointer
}

.single-image-cut-container .single-image-cut-box .image-cut-right .cut-size .cut-cory-box .custom-crop-size[data-v-ea22742a] {
    display: flex;
    align-items: center;
    margin-top: 10px;
    color: #333
}

.single-image-cut-container .single-image-cut-box .image-cut-right .cut-size .cut-cory-box .custom-crop-size input[data-v-ea22742a] {
    width: 60px;
    border-radius: 4px;
    padding: 4px 4px 4px 12px !important;
    border-color: #ccd5db
}

.single-image-cut-container .single-image-cut-box .image-cut-right .cut-size .cut-cory-box .custom-crop-size span[data-v-ea22742a] {
    font-size: 16px;
    padding: 0 8px
}

.single-image-cut-container .single-image-cut-box .image-cut-right>.footer[data-v-ea22742a] {
    position: absolute;
    width: 100%;
    height: 36px;
    padding: 0 28px;
    bottom: 28px;
    right: 0;
    box-sizing: border-box
}

.single-image-cut-container .single-image-cut-box .image-cut-right>.footer>a[data-v-ea22742a] {
    line-height: 36px;
    text-align: center;
    border-radius: 3px;
    width: 106px
}

.single-image-cut-container .single-image-cut-box .image-cut-right>.footer>a.cancel[data-v-ea22742a] {
    border: 1px solid #ccd5db;
    color: #333;
    float: left
}

.single-image-cut-container .single-image-cut-box .image-cut-right>.footer>a.cancel[data-v-ea22742a]:hover {
    color: #1261ff;
    border: 1px solid #1261ff
}

.single-image-cut-container .single-image-cut-box .image-cut-right>.footer>a.confirm[data-v-ea22742a] {
    color: #fff;
    background-color: #1261ff;
    float: right
}

.single-image-cut-container .single-image-cut-box .image-cut-right>.footer>a.confirm[data-v-ea22742a]:hover {
    background: #2c72ff
}

.single-image-cut-container .single-image-cut-box2[data-v-ea22742a] {
    width: 960px;
    height: 600px;
    padding: 0 28px 28px;
    background-color: #fff;
    position: relative;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .16)
}

.single-image-cut-container .single-image-cut-box2 .head[data-v-ea22742a] {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: #111;
    position: relative
}

.single-image-cut-container .single-image-cut-box2 .head>span[data-v-ea22742a] {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
    color: #666;
    font-size: 16px;
    cursor: pointer
}

.single-image-cut-container .single-image-cut-box2 .head>span[data-v-ea22742a]:hover {
    color: #ff2a6a
}

.single-image-cut-container .single-image-cut-box2 .image_crop[data-v-ea22742a] {
    width: 904px;
    height: 448px;
    background-color: #303030
}

.single-image-cut-container .single-image-cut-box2>.footer[data-v-ea22742a] {
    position: absolute;
    width: 208px;
    bottom: 28px;
    right: 28px
}

.single-image-cut-container .single-image-cut-box2>.footer>a[data-v-ea22742a] {
    line-height: 34px;
    text-align: center;
    border-radius: 3px;
    width: 96px;
    height: 36px
}

.single-image-cut-container .single-image-cut-box2>.footer>a.cancel[data-v-ea22742a] {
    border: 1px solid #ccd5db;
    color: #333;
    float: left
}

.single-image-cut-container .single-image-cut-box2>.footer>a.cancel[data-v-ea22742a]:hover {
    color: #1261ff;
    border: 1px solid #1261ff
}

.single-image-cut-container .single-image-cut-box2>.footer>a.confirm[data-v-ea22742a] {
    color: #fff;
    background-color: #1261ff;
    float: right
}

.single-image-cut-container .single-image-cut-box2>.footer>a.confirm[data-v-ea22742a]:hover {
    background: #2c72ff
}

.disabled-radio[data-v-ea22742a] {
    opacity: .6;
    cursor: not-allowed !important
}

.disabled-radio .radioOrCheckbox[data-v-ea22742a] {
    cursor: not-allowed !important;
    pointer-events: none
}

.disabled-radio label[data-v-ea22742a],
.disabled-radio span[data-v-ea22742a] {
    pointer-events: none
}

.disabled-radio .radio-label[data-v-ea22742a] {
    cursor: not-allowed !important;
    pointer-events: none
}

.custom-image-setting[data-v-20c01392] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.custom-image-setting .title[data-v-20c01392] {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333
}

.custom-image-setting .box[data-v-20c01392] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.custom-image-setting .select-box[data-v-20c01392] {
    height: 100%;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #d5dae3;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #111;
    cursor: pointer
}

.custom-image-setting .select-box[data-v-20c01392]:hover {
    color: #1261ff;
    border: 1px solid #1261ff
}

.custom-image-setting .select-box .icon[data-v-20c01392] {
    margin-right: 4px
}

.custom-image-setting .select-box .delete[data-v-20c01392] {
    cursor: pointer;
    width: 24px;
    height: 24px;
    background: rgba(27, 34, 45, .8);
    border-radius: 0 2px 0 2px;
    backdrop-filter: blur(10px);
    font-size: 18px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0
}

.custom-image-setting .select-box .delete[data-v-20c01392]:hover {
    background: #ff296a
}

.custom-image-setting .btns[data-v-20c01392] {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

.custom-image-setting .btns .btn[data-v-20c01392] {
    width: 100%;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #d5dae3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #111;
    cursor: pointer
}

.custom-image-setting .btns .btn>p[data-v-20c01392] {
    margin-left: 6px
}

.custom-image-setting .btns .btn[data-v-20c01392]:hover {
    background: #1261ff;
    color: #fff
}

.analysis-btn-setting[data-v-6390caa4] {
    user-select: none;
    width: 100%;
    height: auto;
    background: #fff
}

.analysis-btn-setting .plr16[data-v-6390caa4] {
    padding: 0 16px
}

.analysis-btn-setting .mt16[data-v-6390caa4] {
    margin-top: 16px
}

.analysis-btn-setting .ml88[data-v-6390caa4] {
    margin-left: 88px
}

.analysis-btn-setting .mr16[data-v-6390caa4] {
    margin-right: 16px
}

.analysis-btn-setting .pb16[data-v-6390caa4] {
    padding-bottom: 16px
}

.analysis-btn-setting .pr16[data-v-6390caa4] {
    padding-right: 16px
}

.analysis-btn-setting .pl14[data-v-6390caa4] {
    padding-left: 14px
}

.analysis-btn-setting .pt16[data-v-6390caa4] {
    padding-top: 16px
}

.base-box-comp[data-v-b8c66c82] {
    width: 100%;
    height: 100%;
    position: relative
}

.base-box-comp .title[data-v-b8c66c82] {
    background: #1261ff;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: 26px;
    text-align: center;
    height: 26px;
    width: fit-content;
    padding: 0 4px;
    min-width: 69px;
    position: absolute;
    top: -26px;
    left: 0
}

.base-box-comp .eqx-fap-content[data-v-b8c66c82] {
    width: 100%;
    height: 100%;
    text-align: center
}

.answer-person-comp[data-v-1c95f8cb] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.eqc-material-dialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10001;
    animation: material-fadein .3s
}

.eqc-material-dialog.material-hide {
    animation: material-fadeout .3s
}

@keyframes material-fadeout {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes material-fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.font-setting[data-v-1e494f20] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.font-setting .title[data-v-1e494f20] {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333
}

.font-setting .eqx-fap-dropdown[data-v-1e494f20] {
    position: relative;
    margin: 0 0 0 16px
}

.font-setting .eqx-fap-dropdown .eqx-fap-dropdown-toggle[data-v-1e494f20] {
    background: #fff;
    width: 100%;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333;
    padding: 0 5px 0 12px;
    border: 1px solid #d5dae3;
    border-radius: 4px
}

.font-setting .eqx-fap-dropdown .eqx-fap-dropdown-toggle .icon[data-v-1e494f20] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px
}

.font-setting .eqx-fap-dropdown .eqx-fap-dropdown-toggle .select-name[data-v-1e494f20] {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
}

.font-setting .eqx-fap-dropdown .eqx-fap-dropdown-menu[data-v-1e494f20] {
    position: absolute;
    background: #fff;
    margin-top: 4px;
    border: none;
    border-radius: 4px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
    width: 100%;
    z-index: 9
}

.font-setting .eqx-fap-dropdown .eqx-fap-dropdown-menu .list[data-v-1e494f20] {
    overflow-y: scroll;
    max-height: 120px
}

.font-setting .eqx-fap-dropdown .eqx-fap-dropdown-menu .list[data-v-1e494f20]::-webkit-scrollbar {
    width: 4px
}

.font-setting .eqx-fap-dropdown .eqx-fap-dropdown-menu .list[data-v-1e494f20]::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 4px
}

.font-setting .eqx-fap-dropdown .eqx-fap-dropdown-menu .list[data-v-1e494f20]::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .2);
    height: 6px;
    border-radius: 4px
}

.font-setting .eqx-fap-dropdown .eqx-fap-dropdown-menu .eqx-fap-dropdown-item[data-v-1e494f20] {
    width: 100%;
    line-height: 30px;
    color: #76838f;
    text-indent: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px
}

.font-setting .eqx-fap-dropdown .eqx-fap-dropdown-menu .eqx-fap-dropdown-item.selected[data-v-1e494f20] {
    background-color: #1261ff !important;
    color: #fff !important
}

.font-setting .eqx-fap-dropdown .eqx-fap-dropdown-menu .eqx-fap-dropdown-item[data-v-1e494f20]:hover {
    background-color: #eee;
    color: #76838f
}

.font-setting .eqx-fap-dropdown .eqx-fap-dropdown-menu .more-font[data-v-1e494f20] {
    height: 56px;
    padding: 9px 12px;
    border-top: 1px solid #ccd5db;
    color: #fff !important
}

.font-setting .eqx-fap-dropdown .eqx-fap-dropdown-menu .more-font a.more-btn[data-v-1e494f20] {
    height: 36px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    display: block;
    border-radius: 3px;
    background-color: #1261ff !important;
    font-size: 14px
}

.font-setting .eqx-fap-dropdown .eqx-fap-dropdown-menu .more-font[data-v-1e494f20]:hover {
    color: #fff !important
}

.font-size-setting[data-v-ad663f42] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.font-size-setting .title[data-v-ad663f42] {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333
}

.font-size-setting .box[data-v-ad663f42] {
    width: calc(100% - 72px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

.font-size-setting .eqx-fap-dropdown[data-v-ad663f42] {
    position: relative
}

.font-size-setting .eqx-fap-dropdown>input[data-v-ad663f42] {
    background: #fff;
    width: 100%;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333;
    padding: 0 5px 0 12px;
    border: 1px solid #d5dae3;
    border-radius: 4px
}

.font-size-setting .eqx-fap-dropdown .eqx-fap-dropdown-toggle[data-v-ad663f42] {
    position: absolute;
    top: 4px;
    right: 6px;
    background: #fff
}

.font-size-setting .eqx-fap-dropdown .eqx-fap-dropdown-toggle .icon[data-v-ad663f42] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px
}

.font-size-setting .eqx-fap-dropdown .eqx-fap-dropdown-menu[data-v-ad663f42] {
    position: absolute;
    background: #fff;
    margin-top: 4px;
    border: none;
    border-radius: 4px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
    width: 100%;
    z-index: 9
}

.font-size-setting .eqx-fap-dropdown .eqx-fap-dropdown-menu .list[data-v-ad663f42] {
    overflow-y: scroll;
    max-height: 120px
}

.font-size-setting .eqx-fap-dropdown .eqx-fap-dropdown-menu .list[data-v-ad663f42]::-webkit-scrollbar {
    width: 4px
}

.font-size-setting .eqx-fap-dropdown .eqx-fap-dropdown-menu .list[data-v-ad663f42]::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 4px
}

.font-size-setting .eqx-fap-dropdown .eqx-fap-dropdown-menu .list[data-v-ad663f42]::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .2);
    height: 6px;
    border-radius: 4px
}

.font-size-setting .eqx-fap-dropdown .eqx-fap-dropdown-menu .eqx-fap-dropdown-item[data-v-ad663f42] {
    width: 100%;
    line-height: 30px;
    color: #76838f;
    text-indent: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px
}

.font-size-setting .eqx-fap-dropdown .eqx-fap-dropdown-menu .eqx-fap-dropdown-item a[data-v-ad663f42] {
    display: block;
    width: 100%;
    height: 100%
}

.font-size-setting .eqx-fap-dropdown .eqx-fap-dropdown-menu .eqx-fap-dropdown-item.selected[data-v-ad663f42] {
    background-color: #1261ff !important
}

.font-size-setting .eqx-fap-dropdown .eqx-fap-dropdown-menu .eqx-fap-dropdown-item.selected a[data-v-ad663f42] {
    color: #fff !important
}

.font-size-setting .eqx-fap-dropdown .eqx-fap-dropdown-menu .eqx-fap-dropdown-item[data-v-ad663f42]:hover {
    background-color: #eee
}

.font-size-setting .eqx-fap-dropdown .eqx-fap-dropdown-menu .eqx-fap-dropdown-item:hover a[data-v-ad663f42] {
    color: #76838f
}

.font-size-setting .btns[data-v-ad663f42] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 64px;
    height: 32px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #d5dae3;
    font-size: 14px;
    font-family: HelveticaNeue;
    color: #333;
    cursor: pointer
}

.font-size-setting .btns .zoom-in[data-v-ad663f42],
.font-size-setting .btns .zoom-out[data-v-ad663f42] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 100%
}

.font-size-setting .btns .zoom-in[data-v-ad663f42] {
    border-right: 1px solid #d5dae3
}

.text-base-setting[data-v-550ef21e] {
    display: flex;
    position: relative;
    border-radius: 4px;
    border: 1px solid #d5dae3
}

.text-base-setting>li[data-v-550ef21e] {
    width: 39px;
    height: 32px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f0f2f8;
    flex-grow: 1;
    color: #111;
    transition: all .3s;
    cursor: pointer;
    background: #fff;
    border-right: 1px solid #d5dae3
}

.text-base-setting>li.active[data-v-550ef21e],
.text-base-setting>li[data-v-550ef21e]:hover {
    color: #1261ff
}

.text-base-setting>li.disabled[data-v-550ef21e] {
    color: #ccc;
    pointer-events: none
}

.text-base-setting>li span[data-v-550ef21e] {
    display: inline-flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center
}

.text-base-setting>li[data-v-550ef21e]:first-child {
    border-radius: 2px 0 0 2px
}

.text-base-setting>li[data-v-550ef21e]:last-child {
    border-radius: 0 2px 2px 0;
    border-right: 0
}

.text-base-setting .text-align-box[data-v-550ef21e] {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .16);
    position: absolute;
    display: flex;
    top: 32px;
    background: #ff0;
    z-index: 9
}

.text-base-setting .text-align-box>li[data-v-550ef21e] {
    width: 39px;
    height: 32px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f0f2f8;
    flex-grow: 1;
    color: #111;
    transition: all .3s;
    cursor: pointer;
    background: #fff
}

.text-base-setting .text-align-box>li.active[data-v-550ef21e],
.text-base-setting .text-align-box>li[data-v-550ef21e]:hover {
    color: #1261ff
}

.text-base-setting .text-align-box>li.disabled[data-v-550ef21e] {
    color: #ccc;
    pointer-events: none
}

.text-base-setting .text-align-box>li span[data-v-550ef21e] {
    display: inline-flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center
}

.text-base-setting .text-align-box>li[data-v-550ef21e]:first-child {
    border-radius: 2px 0 0 2px
}

.text-base-setting .text-align-box>li[data-v-550ef21e]:last-child {
    border-radius: 0 2px 2px 0
}

.base-box-setting[data-v-55f64a50] {
    user-select: none;
    width: 100%;
    height: auto;
    background: #fff
}

.base-box-setting .cd-name[data-v-55f64a50] {
    font-size: 15px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #000;
    padding: 10px 16px
}

.base-box-setting .plr16[data-v-55f64a50] {
    padding: 0 16px
}

.base-box-setting .mt16[data-v-55f64a50] {
    margin-top: 16px
}

.base-box-setting .ml88[data-v-55f64a50] {
    margin-left: 88px
}

.base-box-setting .mr16[data-v-55f64a50] {
    margin-right: 16px
}

.base-box-setting .pb16[data-v-55f64a50] {
    padding-bottom: 16px
}

.answer-remainder-comp[data-v-2ae3030a] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.analysis-container[data-v-5a6c6742] {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    flex-direction: column
}

.analysis-container .analysis-mask[data-v-5a6c6742] {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 99998
}

.analysis-container .dialog-container[data-v-5a6c6742] {
    width: 296px;
    height: 408px;
    padding: 44px 34px 26px;
    background: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: 0 0 24px 0 rgba(79, 132, 235, .2);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #111;
    line-height: 28px;
    z-index: 999999
}

.analysis-container .dialog-container .eqf-yes-f[data-v-5a6c6742] {
    font-size: 44px;
    color: #1261ff
}

.analysis-container .dialog-container .eqf-no-f[data-v-5a6c6742] {
    font-size: 44px;
    color: #ff3232
}

.analysis-container .dialog-container .title[data-v-5a6c6742] {
    margin-top: 16px;
    font-size: 24px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600;
    color: #111;
    line-height: 33px
}

.analysis-container .dialog-container .content[data-v-5a6c6742] {
    margin-top: 17px;
    width: 228px;
    height: 228px;
    overflow-y: auto;
    overflow-y: overlay;
    word-break: break-all;
    line-height: 1.75
}

.analysis-container .close-btn[data-v-5a6c6742] {
    width: 36px;
    height: 36px;
    margin-top: 8px;
    border-radius: 18px;
    font-size: 24px;
    background: rgba(27, 34, 45, .8);
    color: #fff;
    cursor: pointer;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center
}

.finish-tip-container[data-v-74c7fb94] {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    flex-direction: column
}

.finish-tip-container .finish-mask[data-v-74c7fb94] {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 99998
}

.finish-tip-container .dialog-container[data-v-74c7fb94] {
    width: 296px;
    height: 408px;
    padding: 44px 34px 26px;
    background: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: 0 0 24px 0 rgba(79, 132, 235, .2);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #111;
    line-height: 28px;
    z-index: 999999
}

.finish-tip-container .dialog-container .title[data-v-74c7fb94] {
    margin-top: 16px;
    font-size: 24px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600;
    color: #111;
    line-height: 33px
}

.finish-tip-container .dialog-container .good[data-v-74c7fb94] {
    width: 44px;
    height: 44px;
    border-radius: 22px;
    background: #1261ff;
    font-size: 24px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.finish-tip-container .dialog-container .score[data-v-74c7fb94] {
    margin-top: 28px;
    font-size: 48px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600;
    color: #ff3232;
    line-height: 67px
}

.finish-tip-container .dialog-container .score-desc[data-v-74c7fb94] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600;
    color: #111;
    line-height: 28px
}

.finish-tip-container .dialog-container .score-desc hr[data-v-74c7fb94] {
    width: 84px;
    height: 1px;
    background: #d5dae3;
    margin-right: 8px
}

.finish-tip-container .dialog-container .score-desc hr[data-v-74c7fb94]:last-child {
    margin-right: 0;
    margin-left: 8px
}

.finish-tip-container .dialog-container .time-label[data-v-74c7fb94] {
    margin-top: 16px;
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600;
    color: #111;
    line-height: 28px
}

.finish-tip-container .dialog-container .time[data-v-74c7fb94] {
    margin-top: 2px;
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600;
    color: #111;
    line-height: 28px
}

.finish-tip-container .close-btn[data-v-74c7fb94] {
    width: 36px;
    height: 36px;
    margin-top: 8px;
    border-radius: 18px;
    font-size: 24px;
    background: rgba(27, 34, 45, .8);
    color: #fff;
    cursor: pointer;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center
}

.no-toast-wrapper[data-v-29bed9ac] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(27, 34, 45, .8);
    backdrop-filter: blur(10px);
    z-index: 9999
}

.alert-box[data-v-29bed9ac] {
    width: 280px;
    height: auto;
    background: #fff;
    border-radius: 8px;
    overflow: hidden
}

.alert-box .pop-up-content[data-v-29bed9ac] {
    padding: 28px 20px 10px;
    font-size: 17px;
    font-weight: 600;
    color: #111;
    line-height: 24px
}

.alert-box .pop-up-content .pop-up-msg[data-v-29bed9ac] {
    font-size: 17px;
    font-weight: 600;
    color: #111;
    line-height: 24px;
    text-align: center;
    word-break: break-all
}

.alert-box .pop-up-btn[data-v-29bed9ac] {
    height: 49px;
    border-top: 1px solid #edeff3;
    background-color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    line-height: 49px;
    color: #1261ff
}

.personal-info-container[data-v-0e211ee4] {
    position: fixed;
    z-index: 99
}

.personal-info-container[data-v-0e211ee4] input,
.personal-info-container[data-v-0e211ee4] textarea {
    resize: none;
    overflow: hidden;
    padding: 0 15px !important;
    margin: 0;
    border-radius: 4px;
    line-height: 40px;
    display: inline-block !important
}

.personal-info-container select[data-v-0e211ee4] {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    background: #fff !important
}

.personal-info-container .is-error select[data-v-0e211ee4] {
    border-color: #ff5448
}

.personal-info-mask[data-v-0e211ee4] {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 99
}

.pop-dialog[data-v-0e211ee4] {
    width: 320px;
    max-height: 411px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .12);
    border-radius: 8px 8px 0 0;
    z-index: 999
}

.pop-dialog .title[data-v-0e211ee4] {
    width: 320px;
    height: 48px;
    background: #fff;
    border-radius: 8px 8px 0 0;
    font-size: 16px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center
}

.pop-dialog .personal-info-content[data-v-0e211ee4] {
    width: 100%;
    max-height: 291px;
    min-height: 120px;
    padding: 0 24px;
    overflow-y: overlay;
    overflow-y: auto;
    -webkit-overflow-scrolling: auto
}

.pop-dialog .personal-info-content .comp-title[data-v-0e211ee4] {
    min-height: 20px;
    margin-bottom: 8px;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #111;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 20px
}

.pop-dialog .personal-info-content .comp-title.required[data-v-0e211ee4]:after {
    margin-left: 6px;
    content: "*";
    color: #ff3232
}

.pop-dialog .personal-info-content .comp-input[data-v-0e211ee4] {
    margin-bottom: 16px
}

.pop-dialog .personal-info-content .el-form-item[data-v-0e211ee4] {
    margin-bottom: 0
}

.pop-dialog .personal-info-content .el-form-item[data-v-0e211ee4] .el-form-item__error {
    margin-top: -16px
}

.pop-dialog .personal-info-content[data-v-0e211ee4] .el-select {
    width: 100%
}

.pop-dialog .personal-info-content .verify-code-container[data-v-0e211ee4] {
    margin-top: -2px
}

.pop-dialog .personal-info-content .verify-code-container[data-v-0e211ee4] .el-form-item__content {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.pop-dialog .personal-info-content .verify-code-input[data-v-0e211ee4] {
    width: 155px;
    margin-bottom: 16px;
    margin-right: 13px
}

.pop-dialog .personal-info-content .verify-code-request[data-v-0e211ee4] {
    width: 104px;
    height: 40px;
    margin-bottom: 16px;
    display: inline-flex;
    font-size: 14px;
    background: #1261ff;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 3px
}

.pop-dialog .footer[data-v-0e211ee4] {
    width: 100%;
    height: 88px;
    position: relative;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.pop-dialog .footer .confirm-btn[data-v-0e211ee4] {
    width: 272px;
    height: 40px;
    background: #1261ff;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #fff;
    cursor: pointer
}

.answer-container[data-v-4629a0ea] {
    height: 100%
}

.fade-enter-active[data-v-4629a0ea],
.fade-leave-active[data-v-4629a0ea] {
    transition: opacity .5s
}

.fade-enter[data-v-4629a0ea],
.fade-leave-to[data-v-4629a0ea] {
    opacity: 0
}

.comp-container[data-v-4629a0ea] {
    width: 292px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative
}

.comp-container .edit-mask[data-v-4629a0ea] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.comp-container .title[data-v-4629a0ea] {
    padding: 0 20px;
    word-break: break-all;
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600;
    color: #111;
    line-height: 1.375
}

.comp-container .comp-content[data-v-4629a0ea] {
    width: 100%;
    max-height: 310px;
    margin-bottom: 16px;
    overflow-y: auto;
    overflow-y: overlay;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    -webkit-overflow-scrolling: auto
}

.comp-container .comp-content.full-fill[data-v-4629a0ea] {
    max-height: 362px
}

.comp-container .comp-content img[data-v-4629a0ea] {
    width: 100%
}

.comp-container .options-container[data-v-4629a0ea] {
    width: 100%;
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start
}

.comp-container .options-container .option[data-v-4629a0ea] {
    width: 252px;
    margin-bottom: 16px;
    padding: 9px 12px 7px;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600;
    color: #111;
    line-height: 1.429;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #f0f2f8;
    cursor: pointer;
    box-sizing: border-box;
    position: relative
}

.comp-container .options-container .option.judge-all-options.correct img.correct-icon[data-v-4629a0ea] {
    display: block
}

.comp-container .options-container .option.selected[data-v-4629a0ea] {
    padding: 8px 11px 6px;
    color: #1261ff;
    border: 2px solid #1261ff
}

.comp-container .options-container .option.selected.correct img.correct-icon[data-v-4629a0ea],
.comp-container .options-container .option.selected.wrong img.wrong-icon[data-v-4629a0ea] {
    display: block
}

.comp-container .options-container .option img[data-v-4629a0ea] {
    width: 28px;
    height: 28px;
    position: absolute;
    top: -15px;
    right: -15px;
    display: none
}

.comp-container .actions-container[data-v-4629a0ea] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px
}

.comp-container .actions-container .btn[data-v-4629a0ea] {
    margin-right: 12px;
    width: 108px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #5c6c8a;
    border-radius: 4px;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600;
    color: #fff;
    line-height: 20px;
    border: 0 solid transparent;
    cursor: pointer
}

.comp-container .actions-container .btn.suggest[data-v-4629a0ea] {
    background: #689bff
}

.comp-container .actions-container .btn.confirm[data-v-4629a0ea],
.comp-container .actions-container .btn.submit[data-v-4629a0ea] {
    background: #1261ff
}

.comp-container .actions-container .btn[data-v-4629a0ea]:last-child {
    margin-right: 0
}

.box[data-v-c116055a] {
    font-size: 10px
}

.box .radioLabel[data-v-c116055a] {
    margin-bottom: 16px
}

.box .radioLabel[data-v-c116055a] .el-radio-button__inner {
    height: 32px;
    line-height: 32px;
    padding: 0 10px
}

.box .radioLabel[data-v-c116055a] .el-radio-button__inner:hover {
    color: #1261ff
}

.box .radioLabel[data-v-c116055a] .el-radio-button__orig-radio:checked+.el-radio-button__inner {
    background-color: #1261ff;
    border-color: #1261ff
}

.box .radioLabel[data-v-c116055a] .el-radio-button__orig-radio:checked+.el-radio-button__inner:hover {
    color: #fff
}

.box .row[data-v-c116055a] {
    border-bottom: 1px solid #d5dae3
}

.box .row.question-options[data-v-c116055a] {
    position: relative;
    padding: 16px 16px 0;
    border: 1px solid #d5dae3;
    border-radius: 1px
}

.box .row.question-options .del-row-container[data-v-c116055a] {
    position: absolute;
    width: 20px;
    height: 20px;
    top: -1px;
    right: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    border-radius: 0 0 0 12px;
    font-size: 16px;
    color: #fff;
    cursor: pointer
}

.box .row.question-options .del-row-container[data-v-c116055a]:hover {
    background: #ff3232
}

.box .optionRow[data-v-c116055a] {
    height: 36px
}

.box .optionRow[data-v-c116055a],
.box .row[data-v-c116055a] {
    display: flex;
    line-height: 36px;
    margin-bottom: 16px
}

.box .optionRow .item-setting[data-v-c116055a],
.box .row .item-setting[data-v-c116055a] {
    display: flex;
    flex-direction: column
}

.box .optionRow .from[data-v-c116055a],
.box .row .from[data-v-c116055a] {
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.box .optionRow .hudong-setting[data-v-c116055a],
.box .optionRow .redpacket-setting[data-v-c116055a],
.box .row .hudong-setting[data-v-c116055a],
.box .row .redpacket-setting[data-v-c116055a] {
    width: 100%;
    height: 36px;
    margin: 16px 12px 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.box .optionRow .hudong-setting[data-v-c116055a]:last-child,
.box .optionRow .redpacket-setting[data-v-c116055a]:last-child,
.box .row .hudong-setting[data-v-c116055a]:last-child,
.box .row .redpacket-setting[data-v-c116055a]:last-child {
    margin-bottom: 16px
}

.box .optionRow .hudong-setting .allow-setting[data-v-c116055a],
.box .optionRow .redpacket-setting .allow-setting[data-v-c116055a],
.box .row .hudong-setting .allow-setting[data-v-c116055a],
.box .row .redpacket-setting .allow-setting[data-v-c116055a] {
    width: 106px
}

.box .optionRow .hudong-setting .times-setting[data-v-c116055a],
.box .optionRow .redpacket-setting .times-setting[data-v-c116055a],
.box .row .hudong-setting .times-setting[data-v-c116055a],
.box .row .redpacket-setting .times-setting[data-v-c116055a] {
    width: 84px
}

.box .optionRow .hudong-setting .el-select[data-v-c116055a],
.box .optionRow .redpacket-setting .el-select[data-v-c116055a],
.box .row .hudong-setting .el-select[data-v-c116055a],
.box .row .redpacket-setting .el-select[data-v-c116055a] {
    margin-left: 12px !important
}

.box .optionRow .el-select[data-v-c116055a],
.box .row .el-select[data-v-c116055a] {
    width: 144px;
    height: 36px;
    border-radius: 4px;
    margin: 0 12px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start
}

.box .optionRow .el-select[data-v-c116055a]:first-child,
.box .row .el-select[data-v-c116055a]:first-child {
    margin-left: 0
}

.box .optionRow .el-select.margin-r0[data-v-c116055a],
.box .row .el-select.margin-r0[data-v-c116055a] {
    margin-right: 0
}

.box .optionRow .el-select[data-v-c116055a] .el-input__inner,
.box .row .el-select[data-v-c116055a] .el-input__inner {
    height: 36px;
    line-height: 36px
}

.box .optionRow .el-input-number[data-v-c116055a],
.box .row .el-input-number[data-v-c116055a] {
    width: 60px;
    height: 36px;
    margin: 0 12px
}

.box .optionRow .el-input-number[data-v-c116055a]:first-child,
.box .row .el-input-number[data-v-c116055a]:first-child {
    margin-left: 0
}

.box .optionRow .el-input-number[data-v-c116055a] .el-input__inner,
.box .row .el-input-number[data-v-c116055a] .el-input__inner {
    height: 36px;
    line-height: 36px
}

.box .optionRow .action[data-v-c116055a],
.box .row .action[data-v-c116055a] {
    margin-left: 16px
}

.box .optionRow .action>i[data-v-c116055a],
.box .row .action>i[data-v-c116055a] {
    cursor: pointer;
    font-size: 16px;
    line-height: 36px
}

.box .optionRow .action .eqf-minus-f[data-v-c116055a]:hover,
.box .row .action .eqf-minus-f[data-v-c116055a]:hover {
    color: #ff3232
}

.box .optionRow .action .eqf-plus-f[data-v-c116055a]:hover,
.box .row .action .eqf-plus-f[data-v-c116055a]:hover {
    color: #1261ff
}

.box .answerRow[data-v-c116055a] {
    width: 100%
}

.box .answerRow .optionRow .from .el-select[data-v-c116055a] {
    width: 170px
}

.box .answerRow .answerRowSetting .el-select[data-v-c116055a] {
    width: 96px;
    height: 36px;
    border-radius: 4px;
    margin: 0 12px
}

.box .answerRow .answerRowSetting .el-select.page-index-selector[data-v-c116055a] {
    width: 144px
}

.box .answerRow .answerRowSetting .answerRow-line[data-v-c116055a] {
    margin-bottom: 16px
}

.box .answerRow .answerRowSetting .answerRow-line[data-v-c116055a]:last-child {
    margin-bottom: 0
}

.box .after-submit-tip[data-v-c116055a] {
    margin-bottom: 16px;
    font-size: 13px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999;
    line-height: 18px;
    display: block
}

.box .after-submit-tip a[data-v-c116055a] {
    color: #1261ff
}

.box .addMore[data-v-c116055a] {
    width: 386px;
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    text-align: center;
    border: 1px dashed #ccd5db;
    background: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.box .addMore.answerAddMore[data-v-c116055a] {
    width: 446px
}

.box .addMore>i[data-v-c116055a] {
    color: #111;
    font-size: 15px;
    margin-right: 8px;
    line-height: 36px
}

.box .addMore[data-v-c116055a]:hover {
    border-color: #1261ff;
    color: #1261ff
}

.box .addMore:hover>i[data-v-c116055a] {
    color: #1261ff
}

.box[data-v-4a7f9e0c] {
    font-size: 10px
}

.box .radioLabel[data-v-4a7f9e0c] {
    margin-bottom: 16px
}

.box .radioLabel[data-v-4a7f9e0c] .el-radio-button__inner {
    height: 32px;
    line-height: 32px;
    padding: 0 10px
}

.box .radioLabel[data-v-4a7f9e0c] .el-radio-button__inner:hover {
    color: #1261ff
}

.box .radioLabel[data-v-4a7f9e0c] .el-radio-button__orig-radio:checked+.el-radio-button__inner {
    background-color: #1261ff;
    border-color: #1261ff
}

.box .radioLabel[data-v-4a7f9e0c] .el-radio-button__orig-radio:checked+.el-radio-button__inner:hover {
    color: #fff
}

.box .radioLabel .is-disabled .el-radio-button__inner[data-v-4a7f9e0c]:hover {
    color: #c0c4cc
}

.box .row[data-v-4a7f9e0c] {
    display: flex;
    line-height: 42px
}

.box .row[data-v-4a7f9e0c]:not(:last-child) {
    margin-bottom: 10px
}

.box .row .from[data-v-4a7f9e0c] {
    flex: 416px
}

.box .row .el-select[data-v-4a7f9e0c] {
    width: 144px;
    height: 36px;
    border-radius: 4px;
    margin: 0 12px
}

.box .row .el-select[data-v-4a7f9e0c] .el-input__inner {
    height: 36px;
    line-height: 36px
}

.box .row .el-input-number[data-v-4a7f9e0c] {
    width: 60px;
    height: 36px;
    margin: 0 12px
}

.box .row .el-input-number[data-v-4a7f9e0c] .el-input__inner {
    height: 36px;
    line-height: 36px
}

.box .row .action[data-v-4a7f9e0c] {
    flex: 80px
}

.box .row .action>i[data-v-4a7f9e0c] {
    cursor: pointer;
    font-size: 16px
}

.box .row .action .eqf-minus-f[data-v-4a7f9e0c]:hover {
    color: #ff3232
}

.box .row .action .eqf-plus-f[data-v-4a7f9e0c]:hover {
    color: #1261ff
}

@keyframes rollloading-data-v-2510f24a {

    0%,
    to {
        box-shadow: 0 -2.6em 0 .2em var(--brand-color, #1261ff), 1.8em -1.8em 0 0 rgba(18, 97, 255, .2), 2.5em 0 0 0 rgba(18, 97, 255, .2), 1.75em 1.75em 0 0 rgba(18, 97, 255, .2), 0 2.5em 0 0 rgba(18, 97, 255, .2), -1.8em 1.8em 0 0 rgba(18, 97, 255, .2), -2.6em 0 0 0 rgba(18, 97, 255, .5), -1.8em -1.8em 0 0 rgba(18, 97, 255, .7)
    }

    12.5% {
        box-shadow: 0 -2.6em 0 0 rgba(18, 97, 255, .7), 1.8em -1.8em 0 .2em var(--brand-color, #1261ff), 2.5em 0 0 0 rgba(18, 97, 255, .2), 1.75em 1.75em 0 0 rgba(18, 97, 255, .2), 0 2.5em 0 0 rgba(18, 97, 255, .2), -1.8em 1.8em 0 0 rgba(18, 97, 255, .2), -2.6em 0 0 0 rgba(18, 97, 255, .2), -1.8em -1.8em 0 0 rgba(18, 97, 255, .5)
    }

    25% {
        box-shadow: 0 -2.6em 0 0 rgba(18, 97, 255, .5), 1.8em -1.8em 0 0 rgba(18, 97, 255, .7), 2.5em 0 0 .2em var(--brand-color, #1261ff), 1.75em 1.75em 0 0 rgba(18, 97, 255, .2), 0 2.5em 0 0 rgba(18, 97, 255, .2), -1.8em 1.8em 0 0 rgba(18, 97, 255, .2), -2.6em 0 0 0 rgba(18, 97, 255, .2), -1.8em -1.8em 0 0 rgba(18, 97, 255, .2)
    }

    37.5% {
        box-shadow: 0 -2.6em 0 0 rgba(18, 97, 255, .2), 1.8em -1.8em 0 0 rgba(18, 97, 255, .5), 2.5em 0 0 0 rgba(18, 97, 255, .7), 1.75em 1.75em 0 .2em var(--brand-color, #1261ff), 0 2.5em 0 0 rgba(18, 97, 255, .2), -1.8em 1.8em 0 0 rgba(18, 97, 255, .2), -2.6em 0 0 0 rgba(18, 97, 255, .2), -1.8em -1.8em 0 0 rgba(18, 97, 255, .2)
    }

    50% {
        box-shadow: 0 -2.6em 0 0 rgba(18, 97, 255, .2), 1.8em -1.8em 0 0 rgba(18, 97, 255, .2), 2.5em 0 0 0 rgba(18, 97, 255, .5), 1.75em 1.75em 0 0 rgba(18, 97, 255, .7), 0 2.5em 0 .2em var(--brand-color, #1261ff), -1.8em 1.8em 0 0 rgba(18, 97, 255, .2), -2.6em 0 0 0 rgba(18, 97, 255, .2), -1.8em -1.8em 0 0 rgba(18, 97, 255, .2)
    }

    62.5% {
        box-shadow: 0 -2.6em 0 0 rgba(18, 97, 255, .2), 1.8em -1.8em 0 0 rgba(18, 97, 255, .2), 2.5em 0 0 0 rgba(18, 97, 255, .2), 1.75em 1.75em 0 0 rgba(18, 97, 255, .5), 0 2.5em 0 0 rgba(18, 97, 255, .7), -1.8em 1.8em 0 .2em var(--brand-color, #1261ff), -2.6em 0 0 0 rgba(18, 97, 255, .2), -1.8em -1.8em 0 0 rgba(18, 97, 255, .2)
    }

    75% {
        box-shadow: 0 -2.6em 0 0 rgba(18, 97, 255, .2), 1.8em -1.8em 0 0 rgba(18, 97, 255, .2), 2.5em 0 0 0 rgba(18, 97, 255, .2), 1.75em 1.75em 0 0 rgba(18, 97, 255, .2), 0 2.5em 0 0 rgba(18, 97, 255, .5), -1.8em 1.8em 0 0 rgba(18, 97, 255, .7), -2.6em 0 0 .2em var(--brand-color, #1261ff), -1.8em -1.8em 0 0 rgba(18, 97, 255, .2)
    }

    87.5% {
        box-shadow: 0 -2.6em 0 0 rgba(18, 97, 255, .2), 1.8em -1.8em 0 0 rgba(18, 97, 255, .2), 2.5em 0 0 0 rgba(18, 97, 255, .2), 1.75em 1.75em 0 0 rgba(18, 97, 255, .2), 0 2.5em 0 0 rgba(18, 97, 255, .2), -1.8em 1.8em 0 0 rgba(18, 97, 255, .5), -2.6em 0 0 0 rgba(18, 97, 255, .7), -1.8em -1.8em 0 .2em var(--brand-color, #1261ff)
    }
}

.roll-loading[data-v-2510f24a] {
    color: var(--brand-color, #1261ff);
    font-size: 20px;
    margin: 50% auto;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: rollloading-data-v-2510f24a 1.3s linear infinite;
    animation: rollloading-data-v-2510f24a 1.3s linear infinite;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: scale(.4) translateY(-50%)
}

.el-select[data-v-112010bd] .el-select__tags {
    white-space: nowrap;
    overflow: hidden;
    flex-flow: nowrap;
    display: flex;
    flex-wrap: nowrap
}

.el-select[data-v-112010bd] .el-select__tags-text {
    white-space: nowrap;
    overflow: hidden;
    flex-flow: nowrap;
    display: inline-block;
    max-width: 40px;
    flex-wrap: nowrap;
    vertical-align: bottom;
    text-overflow: ellipsis
}

.roll-loading[data-v-112010bd] {
    margin: 20px auto
}

.row[data-v-112010bd] {
    max-height: 40px;
    display: flex
}

.row[data-v-112010bd]:not(:last-child) {
    margin-bottom: 12px
}

.row .el-select[data-v-112010bd]:not(:first-child) {
    margin-left: 12px
}

.row .actionBox[data-v-112010bd] {
    max-height: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: 16px
}

.row .actionBox>i[data-v-112010bd] {
    cursor: pointer;
    font-size: 16px
}

.row .actionBox .eqf-minus-f[data-v-112010bd]:hover {
    color: #ff3232
}

.row .actionBox .eqf-plus-f[data-v-112010bd]:hover {
    color: #1261ff
}

.answer-plugin-new-buy-modal-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: rgba(0, 0, 0, .6)
}

.answer-plugin-new-buy-modal-wrapper>div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    height: 360px
}

.answer-plugin-new-buy-modal-wrapper>div iframe {
    width: 100%;
    height: 100%
}

.msg-mask[data-v-6ee64217] {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 9999
}

.dialog-container[data-v-6ee64217] {
    width: 300px;
    height: 310px;
    margin-left: -150px;
    margin-top: -155px;
    position: fixed;
    top: 50%;
    left: 50%;
    background: #fff;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .16);
    border-radius: 4px;
    z-index: 99999
}

.dialog-header-sms[data-v-6ee64217] {
    display: flex;
    align-items: center;
    height: 54px;
    color: #333;
    padding: 0 16px;
    font-size: 18px;
    justify-content: space-between
}

.dialog-header-sms span[data-v-6ee64217] {
    font-weight: 600
}

.dialog-header-sms em[data-v-6ee64217] {
    cursor: pointer;
    font-size: 24px;
    color: #666
}

.dialog-header-sms em[data-v-6ee64217]:hover {
    color: #333
}

.modal-dialog[data-v-6ee64217] {
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 324px;
    border-radius: 4px
}

.modal-dialog .modal-content[data-v-6ee64217] {
    top: 0;
    border-radius: 4px
}

.modal-header[data-v-6ee64217] {
    padding: 15px 28px
}

.dialog-contain[data-v-6ee64217] {
    padding: 0 16px 16px
}

.msg-count-price-contain .msg-count-price[data-v-6ee64217] {
    height: 72px;
    background: #f5f7fa;
    margin: 12px auto;
    border-radius: 4px;
    display: flex
}

.msg-count-price-contain .msg-count-price[data-v-6ee64217]:first-child {
    margin-top: 0
}

.msg-count-price-contain .msg-count-price .lastIndexClass[data-v-6ee64217] {
    width: 56px;
    height: 56px;
    display: inline-block;
    margin: 8px 0 0 13px;
    background: url(https://lib.eqh5.com/@eqxiu-res/image/v2.10/blue.png) no-repeat;
    background-size: contain
}

.msg-count-price-contain .msg-count-price .packageImg[data-v-6ee64217] {
    width: 56px;
    height: 56px;
    display: inline-block;
    margin: 8px 0 0 13px;
    background: url(https://lib.eqh5.com/@eqxiu-res/image/v2.10/orange.png) no-repeat;
    background-size: contain
}

.msg-count-price-contain .msg-count-price .InformationDescription[data-v-6ee64217] {
    margin-left: 12px;
    text-align: left
}

.msg-count-price-contain .msg-count-price .InformationDescription .count[data-v-6ee64217] {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333;
    display: block;
    margin-top: 14px
}

.msg-count-price-contain .msg-count-price .InformationDescription .price[data-v-6ee64217] {
    display: block;
    margin-top: 4px;
    height: 20px;
    font-size: 13px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #bf8a5e;
    line-height: 20px;
    text-align: left
}

.msg-count-price-contain .msg-count-price[data-v-6ee64217]:hover {
    background: rgba(18, 97, 255, .07);
    cursor: pointer
}

.messagePackageAd[data-v-6ee64217] {
    margin: 12px 0;
    width: 269px;
    height: 72px;
    border-radius: 4px
}

.messagePackageAd img[data-v-6ee64217] {
    width: 394px;
    height: 100px;
    border-radius: 4px
}

.messagePackageAd img[data-v-6ee64217]:hover {
    cursor: pointer
}

.hight-setting-box[data-v-fb55795e] {
    height: 504px;
    width: 572px;
    user-select: none;
    overflow-y: overlay;
    overflow-x: hidden
}

.hight-setting-box label[data-v-fb55795e] {
    cursor: pointer
}

.selectionTitle[data-v-fb55795e] {
    height: 40px;
    font-size: 14px;
    font-weight: 600;
    color: #111;
    line-height: 40px
}

.optionRow[data-v-fb55795e] {
    min-height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    border-bottom: 1px solid #f0f2f8
}

.optionRow[data-v-fb55795e] .el-radio__label {
    color: #333;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC
}

.optionRow[data-v-fb55795e] .el-radio__input.is-checked+.el-radio__label {
    color: #333
}

.optionRow .eqf-why-l[data-v-fb55795e] {
    transform: translate(5px, 2px);
    display: inline-block;
    font-size: 18px;
    color: #111
}

.optionRow .el-checkbox[data-v-fb55795e] {
    margin-right: 12px
}

.optionRow .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-fb55795e],
.optionRow .el-checkbox[data-v-fb55795e] .el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: var(--brand-color, #1261ff);
    border-color: var(--brand-color, #1261ff)
}

.optionRow .subSelection[data-v-fb55795e] {
    margin-left: 28px;
    width: 544px;
    border-radius: 4px;
    background: #f7f9fc;
    padding-bottom: 16px;
    margin-bottom: 10px
}

.optionRow .subSelection .add-new-user-key[data-v-fb55795e] {
    width: 188px;
    height: 36px;
    background: #fff;
    border-radius: 4px;
    border: 1px dashed #d5dae3;
    color: #333;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.optionRow .subSelection .add-new-user-key i[data-v-fb55795e] {
    color: #111;
    margin-right: 8px
}

.optionRow .subSelection .add-new-user-key[data-v-fb55795e]:hover {
    color: #1261ff;
    border: 1px dashed #1261ff
}

.optionRow .subSelection .add-new-user-key:hover i[data-v-fb55795e] {
    color: #1261ff
}

.optionRow .subSelection .add-new-user-key:hover .user-key-options[data-v-fb55795e] {
    display: flex
}

.optionRow .subSelection .add-new-user-key .user-key-options[data-v-fb55795e] {
    width: 188px;
    padding: 8px 0;
    background: #fff;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .12);
    border-radius: 4px;
    position: absolute;
    bottom: 36px;
    left: 0;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.optionRow .subSelection .add-new-user-key .user-key-options .user-key[data-v-fb55795e] {
    width: 188px;
    height: 40px;
    padding: 0 16px;
    background: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #111
}

.optionRow .subSelection .add-new-user-key .user-key-options .user-key[data-v-fb55795e]:hover {
    background: #1261ff;
    color: #fff
}

.optionRow .subSelection .subRow[data-v-fb55795e] {
    min-height: 40px;
    line-height: 40px;
    padding: 16px 10px 0
}

.optionRow .subSelection .subRow label[data-v-fb55795e] {
    display: inline-block;
    width: 108px
}

.optionRow .subSelection .subRow.personal-info-row[data-v-fb55795e] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.optionRow .subSelection .subRow.personal-info-row .el-input[data-v-fb55795e] {
    width: 188px;
    height: 36px;
    line-height: 36px;
    background: #fff;
    margin: 0 12px 0 0
}

.optionRow .subSelection .subRow.personal-info-row .drop-down-container[data-v-fb55795e] {
    width: 344px;
    display: flex;
    flex-direction: column
}

.optionRow .subSelection .subRow.personal-info-row .drop-down-container[data-v-fb55795e] .el-input:first-child .el-input__inner {
    border-bottom: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.optionRow .subSelection .subRow.personal-info-row .drop-down-container[data-v-fb55795e] .el-input:last-child .el-input__inner {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.optionRow .subSelection .subRow.personal-info-row .long-input.el-input[data-v-fb55795e] {
    width: 332px
}

.optionRow .subSelection .subRow.personal-info-row label[data-v-fb55795e] {
    width: auto
}

.optionRow .subSelection .subRow.personal-info-row[data-v-fb55795e] .el-checkbox__label {
    padding-left: 8px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #111
}

.optionRow .subSelection .subRow.personal-info-row[data-v-fb55795e] .el-checkbox__input.is-checked+.el-checkbox__label {
    color: #111 !important
}

.optionRow .subSelection .subRow.personal-info-row[data-v-fb55795e] .el-checkbox__inner {
    width: 16px;
    height: 16px
}

.optionRow .subSelection .subRow.personal-info-row .eqf-minus-f[data-v-fb55795e] {
    font-size: 16px;
    cursor: pointer
}

.optionRow .subSelection .subRow.personal-info-row .message-tip[data-v-fb55795e] {
    width: 224px;
    padding-left: 24px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #111;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap
}

.optionRow .subSelection .subRow.personal-info-row .message-tip .split[data-v-fb55795e] {
    width: 1px;
    height: 20px;
    background: #d5dae3;
    display: inline-block
}

.optionRow .subSelection .subRow.personal-info-row .message-tip .message-buy-btn[data-v-fb55795e] {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #1261ff;
    cursor: pointer
}

.optionRow .el-input-number[data-v-fb55795e],
.optionRow .el-input[data-v-fb55795e],
.optionRow .el-select[data-v-fb55795e] {
    width: 164px;
    height: 36px;
    line-height: 36px;
    background: #fff;
    margin: 0 12px
}

.optionRow .el-input-number.el-date-editor--timerange[data-v-fb55795e],
.optionRow .el-input.el-date-editor--timerange[data-v-fb55795e],
.optionRow .el-select.el-date-editor--timerange[data-v-fb55795e] {
    width: 374px;
    padding: 0 10px
}

.optionRow .el-input-number.el-date-editor--timerange[data-v-fb55795e] .el-input__icon,
.optionRow .el-input.el-date-editor--timerange[data-v-fb55795e] .el-input__icon,
.optionRow .el-select.el-date-editor--timerange[data-v-fb55795e] .el-input__icon {
    line-height: 32px
}

.optionRow .el-input-number[data-v-fb55795e]:last-child,
.optionRow .el-input[data-v-fb55795e]:last-child,
.optionRow .el-select[data-v-fb55795e]:last-child {
    margin-right: 0
}

.optionRow .el-input-number[data-v-fb55795e] .el-input__inner,
.optionRow .el-input[data-v-fb55795e] .el-input__inner,
.optionRow .el-select[data-v-fb55795e] .el-input__inner {
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    border: 1px solid #ccd5db
}

.optionRow .el-input-number[data-v-fb55795e] .el-input__icon,
.optionRow .el-input[data-v-fb55795e] .el-input__icon,
.optionRow .el-select[data-v-fb55795e] .el-input__icon {
    line-height: 36px
}

.optionRow .el-date-editor--timerange.el-input__inner[data-v-fb55795e] {
    width: 374px
}

.optionRow .limitCountSub .el-select[data-v-fb55795e] {
    width: 188px
}

.optionRow .limitCountSub .el-input-number[data-v-fb55795e] {
    width: 80px;
    height: 36px;
    margin-right: 12px
}

.optionRow[data-v-fb55795e] .el-range-separator {
    width: 35px;
    line-height: 36px
}

.optionRow .timeLimitDataSelector .el-date-editor[data-v-fb55795e] {
    width: 374px;
    padding: 0 10px
}

.checkAnswerBox[data-v-fb55795e] {
    min-height: 62px;
    line-height: 62px
}

.checkAnswerBox .el-select[data-v-fb55795e] {
    width: 200px
}

.checkAnswerBox .subSelection[data-v-fb55795e] {
    margin-top: 12px
}

.checkAnswerBox .subSelection .subRow[data-v-fb55795e] {
    height: 28px;
    line-height: 28px
}

.checkAnswerBox .subSelection .subRow.auto-height[data-v-fb55795e] {
    height: auto
}

.checkAnswerBox .subSelection .subRow .title[data-v-fb55795e] {
    margin-right: 16px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333;
    line-height: 22px;
    display: inline-block
}

.checkAnswerBox .subSelection .subRow .multi-line-content[data-v-fb55795e] {
    display: inline-flex;
    flex-direction: column
}

.checkAnswerBox .subSelection .subRow .multi-line-content .option[data-v-fb55795e] {
    margin-bottom: 16px;
    line-height: 22px
}

.checkAnswerBox .subSelection .subRow .multi-line-content .option[data-v-fb55795e]:last-child {
    margin-bottom: 0
}

.checkAnswerBox .subSelection .subRow label[data-v-fb55795e] {
    width: auto
}

.checkAnswerBox .subSelection .showAnswerAnalysisRow>label[data-v-fb55795e]:not(.el-checkbox) {
    margin: 0 12px 0 16px
}

.limitTotalUserBox .subSelection .subRow[data-v-fb55795e] {
    height: 46px;
    line-height: 30px;
    display: flex;
    align-items: baseline
}

.limitTotalUserBox .subSelection .subRow.answerLimitRow[data-v-fb55795e] {
    align-items: center
}

.limitTotalUserBox .subSelection .subRow .answerLimitInfo[data-v-fb55795e] {
    display: flex;
    align-items: center
}

.limitTotalUserBox .subSelection .subRow .answerLimitInfo span[data-v-fb55795e] {
    color: #ff3232
}

.limitTotalUserBox .subSelection .subRow .answerLimitInfo .vipTag[data-v-fb55795e] {
    margin-left: 16px;
    width: 60px;
    height: 22px;
    background: linear-gradient(270deg, #fb7, #ffe69e);
    margin-right: 12px;
    font-size: 13px;
    text-align: center;
    font-weight: 400;
    color: #5f3d08;
    line-height: 22px;
    border-radius: 3px;
    cursor: pointer
}

.limitTotalUserBox .subSelection .subRow .answerLimitInfo .vipTag[data-v-fb55795e]:hover {
    background: linear-gradient(90deg, #cb660f, #a5351b);
    color: #fff
}

.limitTotalUserBox .subSelection .subRow>label[data-v-fb55795e] {
    width: auto;
    margin-right: 7px
}

.limitTotalUserBox .subSelection .subRow .limit-user-input[data-v-fb55795e] {
    width: 84px;
    height: 36px;
    border-radius: 4px;
    margin-right: 12px;
    text-indent: 12px;
    font-size: 14px;
    color: #606266;
    border: 1px solid #ccd5db;
    -moz-appearance: textfield
}

.limitTotalUserBox .subSelection .subRow .limit-user-input[data-v-fb55795e]::-webkit-inner-spin-button,
.limitTotalUserBox .subSelection .subRow .limit-user-input[data-v-fb55795e]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.limitTotalUserBox .subSelection .subRow .tip-red[data-v-fb55795e] {
    border: 1px solid #ff296a
}

.greySelection[data-v-fb55795e] {
    width: 572px;
    background: #f7f9fc;
    border-radius: 4px;
    padding: 16px
}

.error-message {
    z-index: 999999 !important
}

.batch-import-container[data-v-0d6fcd2a] {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999
}

.batch-import-container .batch-import-mask[data-v-0d6fcd2a] {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 99998
}

.batch-import-container .batch-import-dialog-container[data-v-0d6fcd2a] {
    width: 480px;
    height: 280px;
    padding: 0 28px 28px;
    background: #fff;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .16);
    border-radius: 4px;
    z-index: 99999;
    box-sizing: border-box;
    position: relative
}

.batch-import-container .batch-import-dialog-container .batch-import-title[data-v-0d6fcd2a] {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 700;
    color: #111;
    line-height: 22px
}

.batch-import-container .batch-import-dialog-container .eqf-no[data-v-0d6fcd2a] {
    font-size: 24px;
    cursor: pointer
}

.batch-import-container .batch-import-dialog-container .content .prepare-to-upload[data-v-0d6fcd2a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.batch-import-container .batch-import-dialog-container .content .finish-upload[data-v-0d6fcd2a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    color: #333;
    font-weight: 400;
    line-height: 16px
}

.batch-import-container .batch-import-dialog-container .content .finish-upload .eqf-yes-f[data-v-0d6fcd2a] {
    margin-top: 28px;
    margin-bottom: 24px;
    font-size: 48px;
    color: #1565ff
}

.batch-import-container .batch-import-dialog-container .content .finish-upload .count[data-v-0d6fcd2a] {
    font-style: normal;
    color: #1261ff
}

.batch-import-container .batch-import-dialog-container .content .uploading[data-v-0d6fcd2a] {
    height: 160px
}

.batch-import-container .batch-import-dialog-container .content .uploading[data-v-0d6fcd2a] .el-loading-spinner .path {
    stroke-width: 5px
}

.batch-import-container .batch-import-dialog-container .content .uploading[data-v-0d6fcd2a] .el-loading-spinner .circular {
    width: 48px;
    height: 48px
}

.batch-import-container .batch-import-dialog-container .content .uploading[data-v-0d6fcd2a] .el-loading-spinner .el-loading-text {
    margin-top: 26px;
    font-size: 14px;
    font-weight: 400;
    color: #111;
    line-height: 20px
}

.batch-import-container .batch-import-dialog-container .content .upload-error .error-title[data-v-0d6fcd2a] {
    font-size: 16px;
    color: #111;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.batch-import-container .batch-import-dialog-container .content .upload-error .error-title em[data-v-0d6fcd2a] {
    color: #ffc700;
    margin-right: 8px
}

.batch-import-container .batch-import-dialog-container .content .upload-error .error-info[data-v-0d6fcd2a] {
    display: inline-block;
    margin-top: 8px;
    margin-left: 24px;
    color: #111;
    line-height: 24px;
    font-weight: 400;
    font-size: 14px
}

.batch-import-container .batch-import-dialog-container .content .action-container[data-v-0d6fcd2a] {
    width: 424px;
    position: absolute;
    bottom: 28px;
    display: flex;
    align-items: center;
    justify-content: center
}

.batch-import-container .batch-import-dialog-container .content .action-container .action-btn[data-v-0d6fcd2a] {
    width: 96px;
    height: 36px;
    margin-left: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d5dae3;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    color: #111;
    line-height: 20px;
    border-radius: 4px
}

.batch-import-container .batch-import-dialog-container .content .action-container .action-btn.confirm[data-v-0d6fcd2a] {
    color: #fff;
    background: #1261ff;
    border: none
}

.batch-import-container .batch-import-dialog-container .content .action-container .action-btn[data-v-0d6fcd2a]:first-child {
    margin-left: 0
}

.batch-import-container .batch-import-dialog-container .content .action-container .action-btn input[data-v-0d6fcd2a] {
    display: none
}

.batch-import-container .batch-import-dialog-container .content .upload-btn[data-v-0d6fcd2a] {
    margin-top: 20px;
    margin-bottom: 24px;
    width: 424px;
    height: 84px;
    font-size: 17px;
    font-weight: 700;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #d5dae3;
    color: #111;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.batch-import-container .batch-import-dialog-container .content .upload-btn[data-v-0d6fcd2a]:hover {
    border: 1px solid #1261ff;
    color: #1261ff
}

.batch-import-container .batch-import-dialog-container .content .upload-btn em[data-v-0d6fcd2a] {
    font-size: 24px;
    margin-right: 8px
}

.batch-import-container .batch-import-dialog-container .content .upload-btn input[data-v-0d6fcd2a] {
    display: none
}

.batch-import-container .batch-import-dialog-container .content .batch-import-desc[data-v-0d6fcd2a] {
    font-size: 14px;
    font-weight: 400;
    color: #111;
    line-height: 20px
}

.batch-import-container .batch-import-dialog-container .content .text-btn[data-v-0d6fcd2a] {
    font-size: 14px;
    font-weight: 400;
    color: #1261ff;
    line-height: 20px;
    cursor: pointer
}

.edit-container[data-v-47578bdb] {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999
}

.edit-container[data-v-47578bdb] ::-webkit-scrollbar {
    display: block
}

.edit-container .question-edit-mask[data-v-47578bdb] {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 99998
}

.edit-container .dialog-container[data-v-47578bdb] {
    width: 600px;
    height: 600px;
    padding: 0 0 0 28px;
    background: #fff;
    box-shadow: 0 12px 48px 16px rgba(0, 0, 0, .03);
    border-radius: 4px;
    z-index: 99999;
    box-sizing: border-box
}

.edit-container .dialog-container .title[data-v-47578bdb] {
    width: 572px;
    height: 60px;
    padding-right: 28px;
    box-sizing: border-box;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333;
    line-height: 25px
}

.edit-container .dialog-container .title .eqf-no[data-v-47578bdb] {
    font-size: 24px;
    color: #333;
    cursor: pointer
}

.edit-container .dialog-container .content[data-v-47578bdb] {
    height: 470px;
    padding-right: 28px;
    overflow-y: auto;
    overflow-y: overlay;
    box-sizing: border-box
}

.edit-container .dialog-container .content[data-v-47578bdb] .el-input-number {
    text-align: left
}

.edit-container .dialog-container .content[data-v-47578bdb] .el-input-number .el-input__inner {
    padding-right: 15px;
    text-align: left
}

.edit-container .dialog-container .content[data-v-47578bdb] .el-input-number .el-input-number__decrease,
.edit-container .dialog-container .content[data-v-47578bdb] .el-input-number .el-input-number__increase {
    display: none
}

.edit-container .dialog-container .content .options-container[data-v-47578bdb] {
    margin: 0;
    max-height: 212px;
    overflow-y: auto;
    overflow-y: overlay;
    padding: 0;
    list-style: none
}

.edit-container .dialog-container .content .options-container .option[data-v-47578bdb] {
    width: 400px;
    min-height: 36px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.edit-container .dialog-container .content .options-container .option[data-v-47578bdb] textarea {
    min-height: 36px !important;
    line-height: 24px
}

.edit-container .dialog-container .content .options-container .option[data-v-47578bdb] .el-input__count {
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center
}

.edit-container .dialog-container .content .options-container .option[data-v-47578bdb] .el-radio {
    margin-right: 20px
}

.edit-container .dialog-container .content .options-container .option .split[data-v-47578bdb] {
    width: 0;
    height: 24px;
    margin-right: 16px;
    border-right: 1px solid #d5dae3
}

.edit-container .dialog-container .content .options-container .option .eqf-no-f[data-v-47578bdb] {
    cursor: pointer
}

.edit-container .dialog-container .content .options-container .option .eqf-no-f[data-v-47578bdb]:hover {
    color: #ff3232
}

.edit-container .dialog-container .content .add-option[data-v-47578bdb] {
    width: 400px;
    height: 36px;
    cursor: pointer;
    background: #fff;
    border-radius: 4px;
    border: 1px dashed #ccd5db;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333
}

.edit-container .dialog-container .content .add-option[data-v-47578bdb]:hover {
    color: #1261ff;
    border-color: #1261ff
}

.edit-container .dialog-container .content .image-select-btn[data-v-47578bdb] {
    width: 128px;
    height: 84px;
    cursor: pointer;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #d5dae3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #111
}

.edit-container .dialog-container .content .image-select-btn .eqf-plus[data-v-47578bdb] {
    margin-right: 6px;
    font-size: 18px
}

.edit-container .dialog-container .content .title-image[data-v-47578bdb] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.edit-container .dialog-container .content .title-image .image-container[data-v-47578bdb] {
    position: relative;
    width: 128px;
    height: 84px;
    margin-right: 12px;
    border-radius: 2px;
    border: 1px solid #f0f2f8;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-y: hidden
}

.edit-container .dialog-container .content .title-image .image-container:hover .close-container[data-v-47578bdb] {
    display: flex
}

.edit-container .dialog-container .content .title-image .image-container .close-container[data-v-47578bdb] {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    background: rgba(27, 34, 45, .8);
    border-radius: 0 2px 0 2px;
    cursor: pointer;
    font-size: 16px;
    display: none;
    align-items: center;
    justify-content: center
}

.edit-container .dialog-container .content .title-image .image-container img[data-v-47578bdb] {
    max-width: 128px;
    max-height: 84px
}

.edit-container .dialog-container .content .title-image .action-container[data-v-47578bdb] {
    height: 84px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.edit-container .dialog-container .content .title-image .action-container .btn[data-v-47578bdb] {
    width: 104px;
    height: 36px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #d5dae3;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #111;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.edit-container .dialog-container .content .title-image .action-container .btn i[data-v-47578bdb] {
    margin-right: 6px;
    font-size: 16px
}

.edit-container .dialog-container .content .title-image .action-container .btn[data-v-47578bdb]:hover {
    background: #1261ff;
    color: #fff;
    border: none
}

.edit-container .dialog-container .footer[data-v-47578bdb] {
    height: 70px;
    margin-left: -28px;
    padding-right: 28px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-top: 1px solid #e5e5e5;
    box-sizing: border-box
}

.edit-container .dialog-container .footer .btn[data-v-47578bdb] {
    width: 96px;
    height: 36px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400
}

.edit-container .dialog-container .footer .btn.cancel[data-v-47578bdb] {
    margin-right: 16px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ccd5db;
    color: #666
}

.edit-container .dialog-container .footer .btn.confirm[data-v-47578bdb] {
    border-radius: 4px;
    background: #1261ff;
    color: #fff
}

.edit-container .dialog-container .footer .btn.confirm.disabled[data-v-47578bdb] {
    cursor: not-allowed;
    background: #f0f2f8;
    color: #ddd
}

.select-contain[data-v-17ddbde2] {
    width: 90px;
    height: 30px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    top: 3px
}

.select-contain:hover .eqc-mask[data-v-17ddbde2] {
    border-color: #1261ff;
    color: #1261ff
}

.select-contain .eqc-mask[data-v-17ddbde2] {
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: relative;
    border: 1px solid #ccd5db;
    border-radius: 3px;
    overflow: hidden
}

.select-contain .eqc-mask .eqc-name[data-v-17ddbde2] {
    width: 100%;
    height: 100%;
    line-height: 28px;
    padding: 0 10px
}

.select-contain .eqc-mask em[data-v-17ddbde2] {
    position: absolute;
    top: 4px;
    right: 0;
    font-size: 20px
}

.select-contain .drop-down-list[data-v-17ddbde2] {
    width: 100%;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .16);
    padding: 8px 0;
    background: #fff;
    position: absolute;
    top: 38px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    transform-origin: 0 0;
    transform: scaleY(0);
    transition: transform .3s
}

.select-contain .drop-down-list ul li[data-v-17ddbde2] {
    width: 100%;
    cursor: pointer;
    font-size: 14px;
    line-height: 30px;
    padding: 0 14px;
    text-align: left;
    background-color: #fff
}

.select-contain .drop-down-list ul li.active[data-v-17ddbde2] {
    background-color: #fff;
    color: #1261ff
}

.select-contain .drop-down-list ul li[data-v-17ddbde2]:hover {
    background: #f5f8fb;
    color: #333
}

.select-contain .drop-down-list.more[data-v-17ddbde2] {
    transform: scaleY(1)
}

.eqc-page-size-selector .drop-down {
    display: inline-block;
    vertical-align: -6px
}

.eqc-page-size-selector .drop-down .eqc-name {
    line-height: 36px
}

.eqc-page-size-selector .drop-down .eqc-name .eqf-menu-down {
    top: 7px
}

.eqc-pagination[data-v-49d230ba] {
    display: flex;
    align-items: center;
    color: #333
}

.eqc-pagination .list[data-v-49d230ba] {
    display: inline-flex
}

.eqc-pagination .list[data-v-49d230ba]:not(:first-child) {
    margin-left: 16px
}

.eqc-pagination .list .item[data-v-49d230ba] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 32px;
    width: auto;
    height: 32px;
    padding: 0 1px;
    border: 1px solid #ccd5db;
    background: #fff;
    cursor: pointer;
    transition: all .3s;
    user-select: none;
    border-radius: 4px;
    margin: 0 4px
}

.eqc-pagination .list .item[data-v-49d230ba]:first-child {
    margin-left: 0
}

.eqc-pagination .list .item[data-v-49d230ba]:last-child {
    margin-right: 0
}

.eqc-pagination .list .item.big span[data-v-49d230ba] {
    font-size: 20px
}

.eqc-pagination .list .item.disable[data-v-49d230ba] {
    pointer-events: none
}

.eqc-pagination .list .item.disable span[data-v-49d230ba] {
    color: #bfbfbf
}

.eqc-pagination .list .item.no-border[data-v-49d230ba] {
    margin: 0 8px;
    border: none;
    cursor: default
}

.eqc-pagination .list .item.no-border.active[data-v-49d230ba],
.eqc-pagination .list .item.no-border[data-v-49d230ba]:hover {
    color: #333;
    background: transparent;
    border-color: transparent
}

.eqc-pagination .list .item.no-border.active span[data-v-49d230ba],
.eqc-pagination .list .item.no-border:hover span[data-v-49d230ba] {
    color: #333
}

.eqc-pagination .list .item.more[data-v-49d230ba] {
    border: none
}

.eqc-pagination .list .item.more span[data-v-49d230ba] {
    font-size: 20px;
    color: #999
}

.eqc-pagination .list .item.active[data-v-49d230ba],
.eqc-pagination .list .item[data-v-49d230ba]:hover {
    color: #fff;
    background: #1261ff;
    border-color: #1261ff
}

.eqc-pagination .list .item.active span[data-v-49d230ba],
.eqc-pagination .list .item:hover span[data-v-49d230ba] {
    color: #fff
}

.eqc-pagination .list .item.middle[data-v-49d230ba] {
    border-color: #ccd5db;
    margin: 0;
    width: 40px;
    border-radius: 0 4px 4px 0
}

.eqc-pagination .list .item.middle[data-v-49d230ba]:hover {
    border-color: #1261ff;
    color: #1261ff;
    background-color: #fff
}

.eqc-pagination .list .item.input[data-v-49d230ba] {
    width: 40px;
    padding: 0;
    overflow: hidden;
    border-color: #ccd5db;
    background: #fafafa;
    margin-right: 0;
    border-right: none;
    border-radius: 4px 0 0 4px
}

.eqc-pagination .list .item.input[data-v-49d230ba]:hover {
    color: inherit;
    background: #fafafa
}

.eqc-pagination .list .item.input input[data-v-49d230ba] {
    border: none
}

.eqc-pagination .list .item input[data-v-49d230ba] {
    width: 100%;
    height: 100%;
    padding: 0 1px;
    border-radius: 0;
    text-align: center;
    background: transparent
}

.eqc-pagination .select-page-size[data-v-49d230ba] {
    margin-left: 12px;
    display: flex;
    align-items: center
}

.eqc-pagination .select-page-size .select-contain[data-v-49d230ba] {
    vertical-align: middle;
    height: 32px;
    user-select: none;
    top: 0
}

.eqc-pagination .select-page-size .select-contain .eqc-mask[data-v-49d230ba] {
    border-radius: 4px
}

.eqc-pagination .select-page-size .select-contain .eqc-mask .eqc-name[data-v-49d230ba] {
    line-height: 30px
}

.eqc-pagination .select-page-size .drop-down-list[data-v-49d230ba] {
    padding: 0;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .15)
}

.eqc-pagination .select-page-size .drop-down-list ul li[data-v-49d230ba] {
    padding: 0 13px;
    line-height: 28px
}

.eqc-pagination .select-page-size .drop-down-list ul li.active[data-v-49d230ba] {
    background-color: #1261ff;
    color: #fff
}

.eqc-pagination .select-page-size .drop-down-list ul li[data-v-49d230ba]:not(.active):hover {
    background-color: #eee
}

.eqc-pagination.samll .list .item[data-v-49d230ba] {
    min-width: 40px;
    border: 1px solid transparent;
    min-width: 28px;
    height: 28px;
    line-height: 28px;
    color: #333;
    margin: 0
}

.eqc-pagination.samll .list .item[data-v-49d230ba]:not(:first-child) {
    margin-left: 1px
}

.eqc-pagination.samll .list .item.pre[data-v-49d230ba] {
    margin-right: 0
}

.eqc-pagination.samll .list .item.active[data-v-49d230ba] {
    color: #1261ff;
    background: #fff
}

.eqc-pagination.samll .list .item.middle[data-v-49d230ba] {
    margin: 0;
    border-color: #ccd5db
}

.eqc-pagination.samll .list .item.input[data-v-49d230ba] {
    width: 40px;
    border-right: none;
    border-color: #ccd5db;
    background: #fafafa
}

.eqc-pagination.samll .list .item.active[data-v-49d230ba],
.eqc-pagination.samll .list .item[data-v-49d230ba]:not(.input):hover {
    color: #1261ff;
    background: #fff
}

.eqc-pagination.samll .list .item.active span[data-v-49d230ba],
.eqc-pagination.samll .list .item:not(.input):hover span[data-v-49d230ba] {
    color: #1261ff
}

.eqc-pagination.samll .list[data-v-49d230ba]:not(:first-child) {
    margin-left: 12px
}

.eqc-pagination.samll .select-page-size .select-contain[data-v-49d230ba] {
    width: 88px;
    height: 28px
}

.eqc-pagination.samll .select-page-size .select-contain .eqc-mask em[data-v-49d230ba] {
    font-size: 20px;
    top: 2px
}

.eqc-pagination.samll .select-page-size .drop-down .eqc-name[data-v-49d230ba] {
    line-height: 26px
}

.questions-settings[data-v-35932fba] {
    height: 504px
}

.questions-settings[data-v-35932fba] ::-webkit-scrollbar {
    display: block
}

.questions-settings .action-container[data-v-35932fba] {
    width: 572px;
    height: 40px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.questions-settings .action-container .left[data-v-35932fba] {
    justify-content: flex-start;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.questions-settings .action-container .action-btn[data-v-35932fba] {
    margin-right: 32px;
    cursor: pointer;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #1261ff;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.questions-settings .action-container .action-btn .eqf-plus-f[data-v-35932fba] {
    font-size: 16px;
    margin-right: 12px
}

.questions-settings .action-container .action-btn[data-v-35932fba]:last-child {
    margin-right: 0
}

.questions-settings .content-container[data-v-35932fba] {
    height: 464px
}

.questions-settings .content-container .empty-container[data-v-35932fba] {
    height: 464px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.questions-settings .content-container .empty-container img[data-v-35932fba] {
    margin-top: -20px;
    width: 168px;
    height: 140px
}

.questions-settings .content-container .empty-container .desc[data-v-35932fba] {
    margin-top: 18px;
    margin-bottom: 16px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999;
    line-height: 20px
}

.questions-settings .content-container .empty-container .add-question[data-v-35932fba] {
    width: 148px;
    height: 32px;
    background: #1261ff;
    border-radius: 16px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.questions-settings .content-container .list-container[data-v-35932fba] {
    width: 572px;
    height: 464px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between
}

.questions-settings .content-container .list-container .question-title[data-v-35932fba] {
    max-width: 134px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: keep-all
}

.questions-settings .content-container .list-container[data-v-35932fba] thead tr th {
    height: 40px;
    background: #f6f9fa;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600;
    color: #333;
    line-height: 20px
}

.questions-settings .content-container .list-container[data-v-35932fba] tr td {
    color: #333
}

.questions-settings .content-container .list-container .data-table[data-v-35932fba] {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333;
    line-height: 20px
}

.questions-settings .content-container .list-container .btn[data-v-35932fba] {
    margin-right: 12px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #111;
    line-height: 20px;
    cursor: pointer
}

.questions-settings .content-container .list-container .btn[data-v-35932fba]:hover {
    color: #1261ff
}

.questions-settings .content-container .list-container .btn.del-btn[data-v-35932fba] {
    margin-right: 0
}

.questions-settings .content-container .list-container .btn.del-btn[data-v-35932fba]:hover {
    color: #ff3232
}

.questions-settings .content-container .list-container .drag-handler[data-v-35932fba] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    color: #111;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.questions-settings .content-container .list-container .footer[data-v-35932fba] {
    width: 628px;
    height: 70px;
    padding: 28px;
    margin-left: -28px;
    border-top: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.over-limit-message {
    z-index: 999999 !important
}

.pop-container {
    min-width: 86px
}

.popover-action-btn {
    cursor: pointer;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #1261ff;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.answers-style-setting-tab[data-v-007010ee] {
    width: 104px;
    height: calc(100% - 40px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    background: #fff;
    padding-top: 40px
}

.answers-style-setting-tab .item[data-v-007010ee] {
    font-size: 14px;
    font-weight: 600;
    color: #111;
    line-height: 20px;
    margin-bottom: 24px;
    cursor: pointer;
    font-family: PingFangSC-Medium, PingFang SC
}

.answers-style-setting-tab .item.selected[data-v-007010ee],
.answers-style-setting-tab .item[data-v-007010ee]:hover {
    color: #1261ff
}

.eqx-fap-label-name {
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600;
    color: #111;
    line-height: 20px;
    padding: 10px 0
}

.buttom-tip[data-v-4678bd09] {
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999;
    text-align: center;
    background: #fff
}

.icon-setting[data-v-55cf40b6] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.icon-setting .title[data-v-55cf40b6] {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333
}

.icon-setting .list[data-v-55cf40b6] {
    margin: 0 0 0 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

.icon-setting .list>li[data-v-55cf40b6] {
    width: 32px;
    height: 32px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #f0f2f8;
    margin-right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer
}

.icon-setting .list>li[data-v-55cf40b6]:last-child {
    margin-right: 0
}

.icon-setting .list>li.selected[data-v-55cf40b6],
.icon-setting .list>li[data-v-55cf40b6]:hover {
    border: 2px solid #1261ff
}

.icon-setting .list>li .img[data-v-55cf40b6] {
    width: 100%;
    height: 100%
}

.stem-and-options-style-setting[data-v-40b0c15a] {
    width: 468px;
    background: #fff;
    border-radius: 4px;
    padding-top: 24px
}

.stem-and-options-style-setting .container[data-v-40b0c15a] {
    width: 100%;
    height: 416px;
    overflow-y: scroll;
    overflow-x: hidden;
    background: #f7f9fc
}

.stem-and-options-style-setting .container[data-v-40b0c15a]::-webkit-scrollbar {
    width: 8px
}

.stem-and-options-style-setting .container[data-v-40b0c15a]::-webkit-scrollbar-track {
    background-color: #f7f9fc;
    border-radius: 4px
}

.stem-and-options-style-setting .container[data-v-40b0c15a]::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .2);
    height: 6px;
    border-radius: 4px
}

.stem-and-options-style-setting .box[data-v-40b0c15a] {
    background: #f7f9fc;
    width: calc(100% + 8px);
    padding: 16px;
    position: relative
}

.stem-and-options-style-setting .box .row[data-v-40b0c15a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.stem-and-options-style-setting .line[data-v-40b0c15a] {
    width: 436px;
    height: 1px;
    background: #d5dae3
}

.stem-and-options-style-setting .mt8[data-v-40b0c15a] {
    margin-top: 8px
}

.stem-and-options-style-setting .mt16[data-v-40b0c15a],
.stem-and-options-style-setting .mt18[data-v-40b0c15a] {
    margin-top: 16px
}

.stem-and-options-style-setting .mb26[data-v-40b0c15a] {
    margin-bottom: 26px
}

.answer-button-style-setting[data-v-47f01e73] {
    width: 468px;
    background: #fff;
    border-radius: 4px;
    padding-top: 24px
}

.answer-button-style-setting .container[data-v-47f01e73] {
    width: 100%;
    height: 416px;
    overflow-y: scroll;
    overflow-x: hidden;
    background: #f7f9fc
}

.answer-button-style-setting .container[data-v-47f01e73]::-webkit-scrollbar {
    width: 8px
}

.answer-button-style-setting .container[data-v-47f01e73]::-webkit-scrollbar-track {
    background-color: #f7f9fc;
    border-radius: 4px
}

.answer-button-style-setting .container[data-v-47f01e73]::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .2);
    height: 6px;
    border-radius: 4px
}

.answer-button-style-setting .box[data-v-47f01e73] {
    background: #f7f9fc;
    width: calc(100% + 8px);
    padding: 16px;
    position: relative
}

.answer-button-style-setting .box .row[data-v-47f01e73] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.answer-button-style-setting .box .tip[data-v-47f01e73] {
    background: #fff5e6;
    border: 1px solid #ffe7c1;
    padding: 4px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333
}

.answer-button-style-setting .box .tip span[data-v-47f01e73] {
    color: #1261ff
}

.answer-button-style-setting .line[data-v-47f01e73] {
    width: 436px;
    height: 1px;
    background: #d5dae3
}

.answer-button-style-setting .mt8[data-v-47f01e73] {
    margin-top: 8px
}

.answer-button-style-setting .mt12[data-v-47f01e73] {
    margin-top: 12px
}

.answer-button-style-setting .mt16[data-v-47f01e73],
.answer-button-style-setting .mt18[data-v-47f01e73] {
    margin-top: 16px
}

.answer-button-style-setting .mb26[data-v-47f01e73] {
    margin-bottom: 26px
}

.background-setting[data-v-a74d98be] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.background-setting .title[data-v-a74d98be] {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333
}

.background-setting .list[data-v-a74d98be] {
    margin: 0 0 0 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

.background-setting .list>li[data-v-a74d98be] {
    width: 52px;
    height: 74px;
    background: #fff;
    border-radius: 2px;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    margin-right: 12px;
    overflow: hidden
}

.background-setting .list>li[data-v-a74d98be]:last-child {
    margin-right: 0;
    font-weight: 400;
    color: #111;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.background-setting .list>li:last-child .icon[data-v-a74d98be] {
    width: 14px;
    margin-left: 2px
}

.background-setting .list>li:last-child p[data-v-a74d98be] {
    margin-left: 2px;
    font-size: 12px
}

.background-setting .list>li .img[data-v-a74d98be] {
    width: 100%;
    height: 100%
}

.background-setting .list>li.selected[data-v-a74d98be],
.background-setting .list>li[data-v-a74d98be]:hover {
    border: 2px solid #1261ff
}

.background-setting .list>li .selected-icon[data-v-a74d98be] {
    cursor: pointer;
    width: 24px;
    height: 24px;
    background: #1261ff;
    border-radius: 0 0 24px 0;
    font-size: 18px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    margin: -4px
}

.answer-analyzes-style-setting[data-v-400a3768] {
    width: 468px;
    background: #fff;
    border-radius: 4px;
    padding-top: 24px
}

.answer-analyzes-style-setting .container[data-v-400a3768] {
    width: 100%;
    height: 416px;
    overflow-y: scroll;
    overflow-x: hidden;
    background: #f7f9fc
}

.answer-analyzes-style-setting .container[data-v-400a3768]::-webkit-scrollbar {
    width: 8px
}

.answer-analyzes-style-setting .container[data-v-400a3768]::-webkit-scrollbar-track {
    background-color: #f7f9fc;
    border-radius: 4px
}

.answer-analyzes-style-setting .container[data-v-400a3768]::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .2);
    height: 6px;
    border-radius: 4px
}

.answer-analyzes-style-setting .box[data-v-400a3768] {
    background: #f7f9fc;
    width: calc(100% + 8px);
    padding: 16px;
    position: relative
}

.answer-analyzes-style-setting .box .row[data-v-400a3768] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.answer-analyzes-style-setting .line[data-v-400a3768] {
    width: 436px;
    height: 1px;
    background: #d5dae3
}

.answer-analyzes-style-setting .mt8[data-v-400a3768] {
    margin-top: 8px
}

.answer-analyzes-style-setting .mt16[data-v-400a3768],
.answer-analyzes-style-setting .mt18[data-v-400a3768] {
    margin-top: 16px
}

.answer-analyzes-style-setting .mb26[data-v-400a3768] {
    margin-bottom: 26px
}

.answers-style-settings[data-v-5866cac4] {
    width: auto;
    height: 504px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    background: #fff;
    user-select: none
}

.tabs[data-v-3c2fbd42] {
    width: 572px;
    height: 36px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    border-bottom: 1px solid #d5dae3;
    box-sizing: border-box
}

.tabs>span[data-v-3c2fbd42] {
    margin-right: 32px;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600;
    line-height: 34px;
    color: #111;
    cursor: pointer
}

.tabs>span.actived[data-v-3c2fbd42] {
    color: #1261ff;
    border-bottom: 2px solid #1261ff
}

.eqx-answers-setting-check-notice-dialog[data-v-28c15ad8] {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2998;
    pointer-events: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.eqx-answers-setting-check-notice-container[data-v-28c15ad8] {
    position: relative;
    padding: 32px 28px 76px 20px;
    width: 460px;
    height: 184px;
    background: #fff;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .16);
    border-radius: 8px
}

.eqx-answers-setting-check-notice-container .eqx-ascn-head[data-v-28c15ad8] {
    display: flex;
    margin-top: -2px
}

.eqx-answers-setting-check-notice-container .eqx-ascn-head .eqx-ascn-icon[data-v-28c15ad8] {
    width: 20px;
    height: 20px;
    background: #fff;
    font-size: 20px;
    color: #1261ff
}

.eqx-answers-setting-check-notice-container .eqx-ascn-head>p[data-v-28c15ad8] {
    font-weight: 400;
    font-size: 16px;
    color: #111;
    margin-left: 8px
}

.eqx-answers-setting-check-notice-container .eqx-ascn-desc[data-v-28c15ad8] {
    margin: 6px 0 0 28px
}

.eqx-answers-setting-check-notice-container .eqx-ascn-desc>span[data-v-28c15ad8] {
    color: #1261ff;
    text-decoration: underline;
    cursor: pointer
}

.eqx-answers-setting-check-notice-container .eqx-ascn-footer[data-v-28c15ad8] {
    position: absolute;
    right: 28px;
    bottom: 28px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.eqx-answers-setting-check-notice-container .eqx-ascn-footer .eqx-ascn-cancel[data-v-28c15ad8] {
    width: 136px;
    height: 36px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #d5dae3;
    color: #111;
    margin-right: 16px;
    cursor: pointer;
    line-height: 36px;
    text-align: center;
    font-size: 14px
}

.eqx-answers-setting-check-notice-container .eqx-ascn-footer .eqx-ascn-cancel[data-v-28c15ad8]:hover {
    color: #fff;
    background: #1261ff;
    border: 1px solid #1261ff
}

.eqx-answers-setting-check-notice-container .eqx-ascn-footer .eqx-ascn-ok[data-v-28c15ad8] {
    width: 96px;
    height: 36px;
    background: #1261ff;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    line-height: 36px;
    color: #fff;
    font-size: 14px
}

.eqx-answers-setting-check-notice-container .eqx-ascn-footer .eqx-ascn-ok[data-v-28c15ad8]:hover {
    background: #2c72ff;
    color: #fff
}

.count-down-comp[data-v-48f8e7e2] {
    width: 100%;
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.format-settings[data-v-e6beb690] {
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.format-settings .title[data-v-e6beb690] {
    width: 56px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333;
    line-height: 20px
}

.format-settings .eqx-fap-dropdown[data-v-e6beb690] {
    width: calc(100% - 72px);
    height: 32px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #d5dae3;
    line-height: 32px;
    position: relative;
    min-width: 156px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333
}

.format-settings .eqx-fap-dropdown .eqx-fap-dropdown-toggle[data-v-e6beb690] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333
}

.format-settings .eqx-fap-dropdown .eqx-fap-dropdown-toggle>span[data-v-e6beb690] {
    width: calc(100% - 24px);
    margin-left: 12px
}

.format-settings .eqx-fap-dropdown .eqx-fap-dropdown-toggle .icon[data-v-e6beb690] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px
}

.format-settings .eqx-fap-dropdown .eqx-fap-dropdown-toggle .select-name[data-v-e6beb690] {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
}

.format-settings .eqx-fap-dropdown .eqx-fap-dropdown-menu[data-v-e6beb690] {
    position: absolute;
    background: #fff;
    margin-top: 4px;
    border: none;
    border-radius: 4px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
    width: 100%;
    z-index: 9
}

.format-settings .eqx-fap-dropdown .eqx-fap-dropdown-menu .list[data-v-e6beb690] {
    overflow-y: scroll;
    max-height: 120px
}

.format-settings .eqx-fap-dropdown .eqx-fap-dropdown-menu .list[data-v-e6beb690]::-webkit-scrollbar {
    width: 4px
}

.format-settings .eqx-fap-dropdown .eqx-fap-dropdown-menu .list[data-v-e6beb690]::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 4px
}

.format-settings .eqx-fap-dropdown .eqx-fap-dropdown-menu .list[data-v-e6beb690]::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .2);
    height: 6px;
    border-radius: 4px
}

.format-settings .eqx-fap-dropdown .eqx-fap-dropdown-menu .eqx-fap-dropdown-item[data-v-e6beb690] {
    width: 100%;
    line-height: 30px;
    color: #76838f;
    text-indent: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px
}

.format-settings .eqx-fap-dropdown .eqx-fap-dropdown-menu .eqx-fap-dropdown-item.selected[data-v-e6beb690] {
    background-color: #1261ff !important;
    color: #fff !important
}

.format-settings .eqx-fap-dropdown .eqx-fap-dropdown-menu .eqx-fap-dropdown-item[data-v-e6beb690]:hover {
    background-color: #eee;
    color: #76838f
}

.count-down-setting[data-v-b6b6b400] {
    user-select: none;
    width: 100%;
    height: auto;
    background: #fff
}

.count-down-setting .top-tip[data-v-b6b6b400] {
    padding: 8px 0;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #5c6c8a;
    line-height: 17px;
    background: #f7f9fc;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px
}

.count-down-setting .cd-name[data-v-b6b6b400] {
    font-size: 15px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #000;
    padding: 10px 16px
}

.count-down-setting .plr16[data-v-b6b6b400] {
    padding: 0 16px
}

.count-down-setting .mt16[data-v-b6b6b400] {
    margin-top: 16px
}

.count-down-setting .ml88[data-v-b6b6b400] {
    margin-left: 88px
}

.count-down-setting .mr16[data-v-b6b6b400] {
    margin-right: 16px
}

.count-down-setting .pb16[data-v-b6b6b400] {
    padding-bottom: 16px
}

.ranking-comp[data-v-39c3c84e] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.value-type-settings[data-v-c6374c14] {
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.value-type-settings .title[data-v-c6374c14] {
    width: 56px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333;
    line-height: 20px
}

.value-type-settings .eqx-fap-dropdown[data-v-c6374c14] {
    width: calc(100% - 72px);
    height: 32px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #d5dae3;
    line-height: 32px;
    position: relative;
    min-width: 156px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333
}

.value-type-settings .eqx-fap-dropdown .eqx-fap-dropdown-toggle[data-v-c6374c14] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333
}

.value-type-settings .eqx-fap-dropdown .eqx-fap-dropdown-toggle>span[data-v-c6374c14] {
    width: calc(100% - 24px);
    margin-left: 12px
}

.value-type-settings .eqx-fap-dropdown .eqx-fap-dropdown-toggle .icon[data-v-c6374c14] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px
}

.value-type-settings .eqx-fap-dropdown .eqx-fap-dropdown-toggle .select-name[data-v-c6374c14] {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
}

.value-type-settings .eqx-fap-dropdown .eqx-fap-dropdown-menu[data-v-c6374c14] {
    position: absolute;
    background: #fff;
    margin-top: 4px;
    border: none;
    border-radius: 4px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
    width: 100%;
    z-index: 9
}

.value-type-settings .eqx-fap-dropdown .eqx-fap-dropdown-menu .list[data-v-c6374c14] {
    overflow-y: scroll;
    max-height: 120px
}

.value-type-settings .eqx-fap-dropdown .eqx-fap-dropdown-menu .list[data-v-c6374c14]::-webkit-scrollbar {
    width: 4px
}

.value-type-settings .eqx-fap-dropdown .eqx-fap-dropdown-menu .list[data-v-c6374c14]::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 4px
}

.value-type-settings .eqx-fap-dropdown .eqx-fap-dropdown-menu .list[data-v-c6374c14]::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .2);
    height: 6px;
    border-radius: 4px
}

.value-type-settings .eqx-fap-dropdown .eqx-fap-dropdown-menu .eqx-fap-dropdown-item[data-v-c6374c14] {
    width: 100%;
    line-height: 30px;
    color: #76838f;
    text-indent: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px
}

.value-type-settings .eqx-fap-dropdown .eqx-fap-dropdown-menu .eqx-fap-dropdown-item.selected[data-v-c6374c14] {
    background-color: #1261ff !important;
    color: #fff !important
}

.value-type-settings .eqx-fap-dropdown .eqx-fap-dropdown-menu .eqx-fap-dropdown-item[data-v-c6374c14]:hover {
    background-color: #eee;
    color: #76838f
}

.ranking-setting[data-v-ffb0ec14] {
    user-select: none;
    width: 100%;
    height: auto;
    background: #fff
}

.ranking-setting .top-tip[data-v-ffb0ec14] {
    padding: 8px 0;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #5c6c8a;
    line-height: 17px;
    background: #f7f9fc;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px
}

.score-comp[data-v-325653d1] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.score-setting[data-v-5f60aefe] {
    user-select: none;
    width: 100%;
    height: auto;
    background: #fff
}

.score-setting .top-tip[data-v-5f60aefe] {
    padding: 8px 0;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #5c6c8a;
    line-height: 17px;
    background: #f7f9fc;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px
}

.question-title-num-comp[data-v-61c69822] {
    width: 100%;
    height: auto;
    text-align: center
}

.title-number-setting[data-v-708bf220] {
    user-select: none;
    width: 100%;
    height: auto;
    background: #fff
}

.title-number-setting .top-tip[data-v-708bf220] {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #5c6c8a;
    line-height: 32px;
    background: #f7f9fc;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px
}

.title-number-setting .cd-name[data-v-708bf220] {
    font-size: 15px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #000;
    padding: 10px 16px
}

.title-number-setting .plr16[data-v-708bf220] {
    padding: 0 16px
}

.title-number-setting .mt16[data-v-708bf220] {
    margin-top: 16px
}

.title-number-setting .ml88[data-v-708bf220] {
    margin-left: 88px
}

.title-number-setting .mr16[data-v-708bf220] {
    margin-right: 16px
}

.title-number-setting .pb16[data-v-708bf220] {
    padding-bottom: 16px
}

.must-wx-dialog-shadow[data-v-20eef43a] {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(27, 34, 45, .8);
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999
}

.must-wx-dialog-shadow .container[data-v-20eef43a] {
    width: 280px;
    height: auto;
    padding-bottom: 36px;
    background: #fff;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .12);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start
}

.must-wx-dialog-shadow .container .icon[data-v-20eef43a] {
    width: 54px;
    height: 54px;
    background: #35d178;
    border-radius: 27px;
    font-size: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-top: 33px
}

.must-wx-dialog-shadow .container .text[data-v-20eef43a] {
    font-size: 18px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600;
    color: #111;
    line-height: 25px;
    margin-top: 16px
}

.must-wx-dialog-shadow .container .qrCodeBox[data-v-20eef43a] {
    margin-top: 20px;
    width: 96px;
    height: 96px;
    background: #fff9f4;
    border-radius: 12px;
    box-sizing: border-box
}

.must-wx-dialog-shadow .container .cancel[data-v-20eef43a] {
    width: 240px;
    height: 40px;
    background: #1261ff;
    border-radius: 2px;
    margin-top: 52px;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 40px;
    cursor: pointer
}

.history-submit-detail[data-v-790fd011] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 199999;
    background-color: #fff;
    overflow: auto
}

.footer[data-v-790fd011] {
    position: fixed;
    bottom: 16px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333
}

.footer .icon[data-v-790fd011] {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 30px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .16)
}

.footer .icon-placeholder[data-v-790fd011] {
    width: 40px;
    height: 40px
}

.footer [class^=eqf-][data-v-790fd011] {
    font-size: 20px
}

.pagination-wrapper[data-v-790fd011] {
    width: 180px;
    margin: 0 14px
}

.pagination-wrapper-main[data-v-790fd011] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 40px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .16);
    border-radius: 20px
}

.light-color[data-v-790fd011],
.pagination-wrapper-main .disabled[data-v-790fd011] {
    color: #999
}

.bodyNoScroll {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
    height: 100% !important
}

.eqx-form-answers-plugin-data-history {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 99999;
    background: #f7f9fc;
    padding: 8px;
    overflow-x: hidden;
    overflow-y: auto;
    overflow-y: overlay
}

.eqx-form-answers-plugin-data-history .back {
    position: fixed;
    bottom: 16px;
    left: 16px;
    width: 40px;
    height: 40px;
    background: #fff;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .12);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #666
}

.eqx-form-answers-plugin-data-history .history-row {
    height: 118px;
    background: #fff;
    border-radius: 6px;
    margin-bottom: 8px
}

.eqx-form-answers-plugin-data-history .history-row .content {
    height: 76px;
    padding: 16px
}

.eqx-form-answers-plugin-data-history .history-row .content .row-line {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.eqx-form-answers-plugin-data-history .history-row .content .row-line .label {
    color: #666
}

.eqx-form-answers-plugin-data-history .history-row .content .row-line .value {
    color: #111
}

.eqx-form-answers-plugin-data-history .history-row .content .row-line:not(:last-child) {
    margin-bottom: 10px
}

.eqx-form-answers-plugin-data-history .history-row .bottom {
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    color: #111;
    line-height: 40px;
    height: 40px;
    background: #fff;
    text-align: center;
    border-top: 1px solid #f2f2f2
}

.answer-history[data-v-f2ac336c] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.name-settings .title[data-v-6daf072b] {
    margin-bottom: 6px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.name-settings .title .count[data-v-6daf072b] {
    color: #999
}

.name-settings[data-v-6daf072b] .el-input {
    height: 32px;
    background: #fff
}

.name-settings[data-v-6daf072b] .el-input input {
    height: 32px;
    border-radius: 4px;
    border: 1px solid #d5dae3
}

.settings-container[data-v-fcfe2d02] {
    width: 260px;
    padding: 0 16px 16px
}

.settings-container .answer-history-tip[data-v-fcfe2d02] {
    width: 260px;
    height: 32px;
    margin-left: -16px;
    margin-bottom: 16px;
    background: #f7f9fc;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #5c6c8a;
    display: flex;
    align-items: center;
    justify-content: center
}

.settings-container .title[data-v-fcfe2d02] {
    margin-top: 16px;
    font-size: 15px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #000;
    line-height: 36px
}

.settings-container .margin-t16[data-v-fcfe2d02] {
    margin-top: 16px
}

.settings-container[data-v-fcfe2d02] .border-style-settings {
    padding: 0
}

.settings-container .setting-type[data-v-fcfe2d02] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.settings-container .setting-type .tab-title[data-v-fcfe2d02] {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333
}

.settings-container .setting-type .tab[data-v-fcfe2d02] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 16px
}

.settings-container .setting-type .tab>p[data-v-fcfe2d02] {
    width: 78px;
    height: 32px;
    background: #fff;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    cursor: pointer;
    border-top: 1px solid #d5dae3;
    border-bottom: 1px solid #d5dae3
}

.settings-container .setting-type .tab>p.selected[data-v-fcfe2d02],
.settings-container .setting-type .tab>p[data-v-fcfe2d02]:hover {
    background: #1261ff;
    color: #fff
}

.settings-container .setting-type .tab>p.left[data-v-fcfe2d02] {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-left: 1px solid #d5dae3;
    border-right: 1px solid #d5dae3
}

.settings-container .setting-type .tab>p.right[data-v-fcfe2d02] {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right: 1px solid #d5dae3
}

.start-button[data-v-4bbad2bc] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.settings-container[data-v-133b12f2] {
    width: 260px;
    padding: 16px
}

.settings-container .title[data-v-133b12f2] {
    margin-top: 16px;
    font-size: 15px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #000;
    line-height: 36px
}

.settings-container .margin-t16[data-v-133b12f2] {
    margin-top: 16px
}

.settings-container[data-v-133b12f2] .border-style-settings {
    padding: 0
}

.settings-container .setting-type[data-v-133b12f2] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.settings-container .setting-type .tab-title[data-v-133b12f2] {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333
}

.settings-container .setting-type .tab[data-v-133b12f2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 16px
}

.settings-container .setting-type .tab>p[data-v-133b12f2] {
    width: 78px;
    height: 32px;
    background: #fff;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    cursor: pointer;
    border-top: 1px solid #d5dae3;
    border-bottom: 1px solid #d5dae3
}

.settings-container .setting-type .tab>p.selected[data-v-133b12f2],
.settings-container .setting-type .tab>p[data-v-133b12f2]:hover {
    background: #1261ff;
    color: #fff
}

.settings-container .setting-type .tab>p.left[data-v-133b12f2] {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-left: 1px solid #d5dae3;
    border-right: 1px solid #d5dae3
}

.settings-container .setting-type .tab>p.right[data-v-133b12f2] {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right: 1px solid #d5dae3
}

.rankinglist-pop-container[data-v-07e7617e] {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: #fff;
    z-index: 9999
}

.rankinglist-pop-container .rankinglist-pop-dialog[data-v-07e7617e] {
    height: 100%;
    overflow-y: overlay;
    overflow-y: auto
}

.rankinglist-pop-container[data-v-07e7617e] .el-table {
    background-color: transparent
}

.rankinglist-pop-container[data-v-07e7617e] .el-table:before {
    height: 0
}

.rankinglist-pop-container[data-v-07e7617e] .el-table__header tr th {
    border-bottom: none
}

.rankinglist-pop-container[data-v-07e7617e] .el-table__row .cell {
    display: flex
}

.rankinglist-pop-container[data-v-07e7617e] td.score-column .cell {
    font-weight: 600;
    font-size: 16px;
    text-align: right;
    padding-right: 16px;
    padding-left: 0;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.rankinglist-pop-container[data-v-07e7617e] .score-label.cell {
    padding-right: 16px;
    text-align: right
}

.rankinglist-pop-container[data-v-07e7617e] td.al-center .cell {
    justify-content: center
}

.rankinglist-pop-container[data-v-07e7617e] .al-center {
    text-align: center
}

.rankinglist-pop-container[data-v-07e7617e] td.nick-name .cell {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.rankinglist-pop-container[data-v-07e7617e] .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
    background-color: transparent
}

.rankinglist-pop-container .rankinglist-pop-head[data-v-07e7617e] {
    width: 100%;
    position: relative
}

.rankinglist-pop-container .rankinglist-pop-head .back-image[data-v-07e7617e] {
    width: 100%
}

.rankinglist-pop-container .rankinglist-pop-head .cup[data-v-07e7617e] {
    display: inline-block;
    width: 84px;
    height: 87px;
    bottom: 62px;
    right: 27px;
    background-size: 84px 87px;
    position: absolute
}

.rankinglist-pop-container .rankinglist-pop-head .rankinglist-pop-title[data-v-07e7617e] {
    bottom: 84px;
    left: 31px;
    position: absolute;
    display: inline-block;
    width: 152px;
    height: 40px;
    font-size: 28px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #fff;
    line-height: 40px;
    letter-spacing: 2px;
    text-shadow: 1px 2px 4px #379465 !important
}

.rankinglist-pop-container .rankinglist-pop-content[data-v-07e7617e] {
    margin-top: -61px;
    padding-bottom: 46px;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
    position: relative
}

.rankinglist-pop-container .rankinglist-pop-back[data-v-07e7617e] {
    width: 40px;
    color: #333;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .16);
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    margin: 0 8px;
    transition: all .3s;
    cursor: pointer;
    position: absolute;
    bottom: 16px;
    left: 16px
}

.rankinglist-pop-container .rankinglist-pop-back em[data-v-07e7617e] {
    font-size: 28px;
    font-weight: 700
}

.rankinglist-container[data-v-17b07ce6] {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-y: overlay
}

.rankinglist-container[data-v-17b07ce6] .el-table {
    background-color: transparent
}

.rankinglist-container[data-v-17b07ce6] .el-table:before {
    height: 0
}

.rankinglist-container[data-v-17b07ce6] .el-table__header tr th {
    border-bottom: none
}

.rankinglist-container[data-v-17b07ce6] .el-table__row .cell {
    display: flex
}

.rankinglist-container[data-v-17b07ce6] td.score-column .cell {
    font-weight: 600;
    font-size: 16px;
    text-align: right;
    padding-right: 16px;
    padding-left: 0;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.rankinglist-container[data-v-17b07ce6] .score-label.cell {
    padding-right: 16px;
    text-align: right
}

.rankinglist-container[data-v-17b07ce6] td.al-center .cell {
    justify-content: center
}

.rankinglist-container[data-v-17b07ce6] .al-center {
    text-align: center
}

.rankinglist-container[data-v-17b07ce6] td.nick-name .cell {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.rankinglist-container[data-v-17b07ce6] .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
    background-color: transparent
}

.rankinglist-container[data-v-17b07ce6] .el-table th.gutter {
    display: table-cell !important
}

.ranking-list-button[data-v-17b07ce6] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.settings-container[data-v-7d0c0cff] {
    width: 260px;
    padding: 0 16px 16px
}

.settings-container .title[data-v-7d0c0cff] {
    margin-top: 16px;
    font-size: 15px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #000;
    line-height: 36px
}

.settings-container .margin-t16[data-v-7d0c0cff] {
    margin-top: 16px !important
}

.settings-container .margin-t14[data-v-7d0c0cff] {
    margin-top: 14px !important
}

.settings-container .margin-t8[data-v-7d0c0cff] {
    margin-top: 8px !important
}

.settings-container .margin-t6[data-v-7d0c0cff] {
    margin-top: 6px !important
}

.settings-container .margin-t0[data-v-7d0c0cff] {
    margin-top: 0 !important
}

.settings-container[data-v-7d0c0cff] .border-style-settings {
    padding: 0
}

.settings-container[data-v-7d0c0cff] .el-checkbox__input.is-checked+.el-checkbox__label {
    color: #333 !important
}

.settings-container[data-v-7d0c0cff] .el-checkbox__input+.el-checkbox__label {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333;
    line-height: 20px
}

.settings-container[data-v-7d0c0cff] .el-input-number {
    text-align: left
}

.settings-container[data-v-7d0c0cff] .el-input-number .el-input__inner {
    padding-right: 15px;
    text-align: left
}

.settings-container[data-v-7d0c0cff] .el-input-number .el-input-number__decrease,
.settings-container[data-v-7d0c0cff] .el-input-number .el-input-number__increase {
    display: none
}

.settings-container[data-v-7d0c0cff] .el-input-number input {
    line-height: 30px
}

.settings-container[data-v-7d0c0cff] .el-input-number input:focus,
.settings-container[data-v-7d0c0cff] .el-input-number input:hover {
    border-color: #d5dae3
}

.settings-container .setting-type[data-v-7d0c0cff] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.settings-container .setting-type .tab-title[data-v-7d0c0cff] {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333
}

.settings-container .setting-type .tab[data-v-7d0c0cff] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 16px
}

.settings-container .setting-type .tab>p[data-v-7d0c0cff] {
    width: 78px;
    height: 32px;
    background: #fff;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    cursor: pointer;
    border-top: 1px solid #d5dae3;
    border-bottom: 1px solid #d5dae3
}

.settings-container .setting-type .tab>p.selected[data-v-7d0c0cff],
.settings-container .setting-type .tab>p[data-v-7d0c0cff]:hover {
    background: #1261ff;
    color: #fff
}

.settings-container .setting-type .tab>p.left[data-v-7d0c0cff] {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-left: 1px solid #d5dae3;
    border-right: 1px solid #d5dae3
}

.settings-container .setting-type .tab>p.right[data-v-7d0c0cff] {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right: 1px solid #d5dae3
}

.settings-container .config-item[data-v-7d0c0cff] {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.settings-container .config-item .title[data-v-7d0c0cff] {
    margin-top: 0;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333;
    line-height: 20px
}

.settings-container .config-item .unit[data-v-7d0c0cff] {
    position: absolute;
    right: 8px;
    color: #ccc;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400
}

.settings-container .config-item .eqx-fap-dropdown[data-v-7d0c0cff] {
    width: 100%;
    height: 32px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #d5dae3;
    line-height: 32px;
    position: relative;
    min-width: 156px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333
}

.settings-container .config-item .eqx-fap-dropdown .eqx-fap-dropdown-toggle[data-v-7d0c0cff] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333
}

.settings-container .config-item .eqx-fap-dropdown .eqx-fap-dropdown-toggle>span[data-v-7d0c0cff] {
    width: calc(100% - 24px);
    margin-left: 12px
}

.settings-container .config-item .eqx-fap-dropdown .eqx-fap-dropdown-toggle .icon[data-v-7d0c0cff] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px
}

.settings-container .config-item .eqx-fap-dropdown .eqx-fap-dropdown-toggle .select-name[data-v-7d0c0cff] {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
}

.settings-container .config-item .eqx-fap-dropdown .eqx-fap-dropdown-menu[data-v-7d0c0cff] {
    position: absolute;
    background: #fff;
    margin-top: 4px;
    border: none;
    border-radius: 4px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
    width: 100%;
    z-index: 9
}

.settings-container .config-item .eqx-fap-dropdown .eqx-fap-dropdown-menu .list[data-v-7d0c0cff] {
    overflow-y: scroll;
    max-height: 120px
}

.settings-container .config-item .eqx-fap-dropdown .eqx-fap-dropdown-menu .list[data-v-7d0c0cff]::-webkit-scrollbar {
    width: 4px
}

.settings-container .config-item .eqx-fap-dropdown .eqx-fap-dropdown-menu .list[data-v-7d0c0cff]::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 4px
}

.settings-container .config-item .eqx-fap-dropdown .eqx-fap-dropdown-menu .list[data-v-7d0c0cff]::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .2);
    height: 6px;
    border-radius: 4px
}

.settings-container .config-item .eqx-fap-dropdown .eqx-fap-dropdown-menu .eqx-fap-dropdown-item[data-v-7d0c0cff] {
    width: 100%;
    line-height: 30px;
    cursor: pointer;
    color: #76838f;
    text-indent: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC
}

.settings-container .config-item .eqx-fap-dropdown .eqx-fap-dropdown-menu .eqx-fap-dropdown-item.selected[data-v-7d0c0cff] {
    background-color: #1261ff !important;
    color: #fff !important
}

.settings-container .config-item .eqx-fap-dropdown .eqx-fap-dropdown-menu .eqx-fap-dropdown-item[data-v-7d0c0cff]:hover {
    background-color: #eee;
    color: #76838f
}

.start-button[data-v-6ef521c8] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.settings-container[data-v-0eef2ca1] {
    width: 260px;
    padding: 0 16px 16px
}

.settings-container .start-btn-tip[data-v-0eef2ca1] {
    width: 260px;
    height: 32px;
    margin-left: -16px;
    margin-bottom: 16px;
    background: #f7f9fc;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #5c6c8a;
    display: flex;
    align-items: center;
    justify-content: center
}

.settings-container .title[data-v-0eef2ca1] {
    margin-top: 16px;
    font-size: 15px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #000;
    line-height: 36px
}

.settings-container .margin-t16[data-v-0eef2ca1] {
    margin-top: 16px
}

.settings-container[data-v-0eef2ca1] .border-style-settings {
    padding: 0
}

.settings-container .setting-type[data-v-0eef2ca1] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.settings-container .setting-type .tab-title[data-v-0eef2ca1] {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333
}

.settings-container .setting-type .tab[data-v-0eef2ca1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 16px
}

.settings-container .setting-type .tab>p[data-v-0eef2ca1] {
    width: 78px;
    height: 32px;
    background: #fff;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    cursor: pointer;
    border-top: 1px solid #d5dae3;
    border-bottom: 1px solid #d5dae3
}

.settings-container .setting-type .tab>p.selected[data-v-0eef2ca1],
.settings-container .setting-type .tab>p[data-v-0eef2ca1]:hover {
    background: #1261ff;
    color: #fff
}

.settings-container .setting-type .tab>p.left[data-v-0eef2ca1] {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-left: 1px solid #d5dae3;
    border-right: 1px solid #d5dae3
}

.settings-container .setting-type .tab>p.right[data-v-0eef2ca1] {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right: 1px solid #d5dae3
}

.confirm-dialog-shadow[data-v-60f35014] {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(27, 34, 45, .8);
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999
}

.confirm-dialog-shadow .container[data-v-60f35014] {
    position: relative;
    width: 232px;
    height: 144px;
    background: #fff;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .12);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end
}

.confirm-dialog-shadow .container .text[data-v-60f35014] {
    font-size: 16px;
    font-weight: 400;
    color: #111;
    line-height: 22px
}

.confirm-dialog-shadow .container .cancel[data-v-60f35014] {
    width: 100%;
    height: 48px;
    background: #fff;
    border-top: 1px solid #f0f2f8;
    font-size: 15px;
    font-weight: 500;
    color: #1261ff;
    line-height: 48px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-top: 24px;
    cursor: pointer;
    text-align: center
}

.confirm-dialog-shadow .container .close-btn[data-v-60f35014] {
    width: 48px;
    height: 48px;
    background: hsla(0, 0%, 100%, .1);
    border-radius: 24px;
    position: absolute;
    bottom: -70px;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer
}

html .word-art *,
html .word-art-bg-words * {
    text-shadow: inherit !important
}

.word-art-bg-words.common {
    font-size: 30px;
    letter-spacing: .4em;
    word-spacing: .2em
}

.word-art {
    padding: 5px;
    width: 100%
}

.word-art.gradient {
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text
}

.word-art.common {
    font-size: 30px;
    letter-spacing: .4em;
    word-spacing: .2em
}

.word-art.word-shadow {
    text-shadow: 0 0 .5em #000
}

.word-art.texture {
    color: transparent
}

.word-art.texture,
.word-art .wa-editor {
    -webkit-background-clip: text;
    background-clip: text;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.word-art .wa-editor {
    position: absolute;
    padding: 5px;
    top: 0;
    left: 0;
    right: 0;
    -webkit-user-select: auto;
    caret-color: #000
}

.speech-rcg {
    height: 100%;
    position: relative
}

.speech-rcg .speech-bg-img {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.speech-rcg .speech-bg-img,
.speech-rcg .speech-bg-video {
    position: absolute;
    height: 100%;
    width: 100%
}

.speech-rcg .speech-bg-video video {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: auto
}

.speech-rcg .speech-play {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.speech-rcg .speech-play .speech-play-icon {
    width: 72px;
    height: 72px;
    border-radius: 36px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: hsla(0, 0%, 100%, .8);
    opacity: .5
}

.speech-rcg .speech-lrc-content {
    height: 100%;
    display: flex;
    justify-content: center
}

.speech-rcg .speech-lrc-content .lrc-position-base {
    position: absolute;
    width: 194px;
    bottom: calc(50% - 8px);
    left: calc(50% - 97px)
}

.speech-rcg .speech-lrc-content .lrc-position-base .speech-lrc-p {
    position: absolute;
    width: 100%;
    bottom: 0;
    transition-duration: .3s;
    transition-property: transform, height, margin-left
}

.speech-rcg .speech-lrc-content .lrc-position-base .speech-lrc-p .speech-lrc-p-visual {
    transition-duration: .3s;
    transition-property: transform;
    transform-origin: left bottom
}

.speech-rcg .speech-lrc-content .lrc-position-base .speech-lrc-p.rotate-left2 {
    transform: rotate(-90deg) rotate(0deg);
    transform-origin: left bottom
}

.speech-rcg .speech-lrc-content .lrc-position-base .speech-lrc-p.rotate-right2 {
    transform: rotate(90deg) rotate(0deg);
    transform-origin: right bottom
}

.speech-rcg .speech-lrc-content .lrc-position-base .speech-lrc-line {
    position: relative;
    font-size: 16px;
    width: 100%;
    left: 0;
    bottom: 0;
    height: auto;
    transition-property: transform, height;
    transition-duration: .3s;
    transform: rotate(0deg) scale(1) rotate(0deg);
    color: #fff;
    white-space: nowrap;
    padding-top: 4px
}

.speech-rcg .speech-lrc-content .lrc-position-base .speech-lrc-line.entry {
    position: absolute;
    width: 100%
}

.speech-rcg .speech-lrc-content .lrc-position-base .speech-lrc-line.zoom-center {
    transform: scale(.01) rotate(0deg)
}

.speech-rcg .speech-lrc-content .lrc-position-base .speech-lrc-line.zoom-left {
    transform: scale(.01) rotate(0deg);
    height: 0
}

.speech-rcg .speech-lrc-content .lrc-position-base .speech-lrc-line.zoom-left.zoom-entry {
    transform: scale(1) rotate(0deg);
    transform-origin: left bottom
}

.speech-rcg .speech-lrc-content .lrc-position-base .speech-lrc-line.zoom-right {
    transform: scale(.01) rotate(0deg);
    height: 0
}

.speech-rcg .speech-lrc-content .lrc-position-base .speech-lrc-line.zoom-right.zoom-entry {
    transform: scale(1) rotate(0deg);
    transform-origin: right bottom
}

.speech-rcg .speech-lrc-content .lrc-position-base .speech-lrc-line.zoom-rotate {
    height: 0
}

.speech-rcg .speech-lrc-content .lrc-position-base .speech-lrc-line .speech-lrc-line-visual {
    transition-duration: .3s;
    transition-property: transform, height;
    transform-origin: left top
}

.speech-rcg .speech-lrc-content .lrc-position-base .speech-lrc-line .speech-lrc-line-visual.rotate-left {
    transform: rotate(90deg) scale(.01) rotate(0deg);
    height: 0;
    transform-origin: left top
}

.speech-rcg .speech-lrc-content .lrc-position-base .speech-lrc-line .speech-lrc-line-visual.rotate-left.zoom-entry {
    height: 1em;
    transform: rotate(0deg) scale(1) rotate(0deg)
}

.speech-rcg .speech-lrc-content .lrc-position-base .speech-lrc-line .speech-lrc-line-visual.rotate-right {
    transform: rotate(-90deg) scale(.01) rotate(0deg);
    height: 0;
    transform-origin: right top
}

.speech-rcg .speech-lrc-content .lrc-position-base .speech-lrc-line .speech-lrc-line-visual.rotate-right.zoom-entry {
    transform: rotate(0deg) scale(1) rotate(0deg)
}

.speech-rcg .speech-lrc-content .lrc-position-base.lrc-position-base-style2 {
    top: 40%;
    bottom: 0;
    margin: auto;
    font-size: 18px;
    height: fit-content;
    width: 100%;
    text-align: center;
    left: 0
}

.speech-rcg .speech-lrc-content .lrc-position-base.lrc-position-base-style3 {
    top: 10%;
    left: 10%;
    width: 20px;
    text-align: center;
    font-size: 18px;
    word-break: break-word;
    line-height: 1.2em
}

.speech-rcg .speech-lrc-content .lrc-position-base.lrc-position-base-style4 {
    top: 0;
    left: 0;
    font-size: 18px;
    height: fit-content;
    width: 100%;
    text-align: center
}

.speech-rcg .speech-add-view .speech-add-editor {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.speech-rcg .speech-add-view .speech-add-editor .speech-no-lrc {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.speech-rcg .speech-add-view .speech-add-editor .speech-no-lrc .speech-add-icon {
    margin: auto;
    font-size: 40px;
    height: 84px;
    width: 84px;
    border: 12px solid hsla(0, 0%, 85.9%, .1);
    border-radius: 42px;
    background-color: hsla(0, 0%, 85.9%, .25);
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    color: #fff;
    text-align: center;
    line-height: 66px
}

.speech-rcg .speech-add-view .speech-add-editor .speech-no-lrc .speech-add-desc {
    margin-top: 20px;
    font-size: 16px;
    color: #fff
}

.speech-rcg .speech-add-view .speech-add-editor .speech-line-text-set-style1 {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 16px;
    height: fit-content;
    width: 100%;
    text-align: center
}

.speech-rcg .speech-add-view .speech-add-editor .speech-line-text-set-style2 {
    position: absolute;
    top: 40%;
    bottom: 0;
    margin: auto;
    font-size: 20px;
    height: fit-content;
    width: 100%;
    text-align: center
}

.speech-rcg .speech-add-view .speech-add-editor .speech-line-text-set-style3 {
    position: absolute;
    top: 10%;
    left: 10%;
    width: 20px;
    text-align: center;
    font-size: 20px;
    word-break: break-word;
    line-height: 1.2em
}

.speech-rcg .speech-add-view .speech-add-editor .speech-line-text-set-style4 {
    position: absolute;
    top: 0;
    font-size: 20px;
    height: fit-content;
    width: 100%;
    text-align: center
}

@keyframes magicCubeRotate {
    0% {
        transform: rotateX(0deg) rotateY(0deg)
    }

    50% {
        transform: rotateX(2turn) rotateY(480deg)
    }

    to {
        transform: rotateX(0deg) rotateY(0deg)
    }
}

@keyframes carouselRotate {
    0% {
        transform: translateZ(-400px) rotateY(1turn)
    }

    to {
        transform: translateZ(-400px) rotateY(0deg)
    }
}

@-webkit-keyframes panoramaRotate {
    0% {
        -webkit-transform: translateZ(30px) rotateY(0deg) rotate(10deg);
        transform: translateZ(30px) rotateY(0deg) rotate(10deg)
    }

    50% {
        -webkit-transform: translateZ(70px) rotateY(-1turn) rotate(-10deg);
        transform: translateZ(70px) rotateY(-1turn) rotate(-10deg)
    }

    to {
        -webkit-transform: translateZ(50px) rotateY(-2turn) rotate(10deg);
        transform: translateZ(50px) rotateY(-2turn) rotate(10deg)
    }
}

@keyframes panoramaRotate {
    0% {
        -webkit-transform: translateZ(30px) rotateY(0deg) rotate(0deg);
        transform: translateZ(30px) rotateY(0deg) rotate(0deg)
    }

    50% {
        -webkit-transform: translateZ(70px) rotateY(-1turn) rotate(0deg);
        transform: translateZ(70px) rotateY(-1turn) rotate(0deg)
    }

    to {
        -webkit-transform: translateZ(50px) rotateY(-2turn) rotate(0deg);
        transform: translateZ(50px) rotateY(-2turn) rotate(0deg)
    }
}

.c-cube-stage {
    background: transparent;
    width: 100%;
    height: 100%
}

.c-cube-stage .magic-cube__container {
    width: 100%;
    height: 100%;
    perspective: 800px;
    transform-style: preserve-3d;
    transform: rotateX(0deg) rotateY(0deg)
}

.c-cube-stage .magic-cube__container__cube {
    width: 200px;
    height: 200px;
    transform-style: preserve-3d;
    transform: rotateX(-20deg) rotateY(20deg);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -100px
}

.c-cube-stage .magic-cube__container__cube-animate {
    animation: magicCubeRotate 20s linear infinite
}

.c-cube-stage .magic-cube__container__cube-animate--pause {
    animation-play-state: paused;
    -webkit-animation-play-state: paused
}

.c-cube-stage .magic-cube__container__cube-animate--running {
    animation-play-state: running;
    -webkit-animation-play-state: running
}

.c-cube-stage .magic-cube__container__cube__face {
    text-align: center;
    position: absolute;
    backface-visibility: hidden;
    width: 100%;
    height: 100%
}

.c-cube-stage .magic-cube__container__cube__face>img {
    width: 100%;
    height: 100%
}

.c-cube-stage .magic-cube__container__cube__face-front {
    transform: translateZ(100px)
}

.c-cube-stage .magic-cube__container__cube__face-back {
    transform: rotateY(180deg) translateZ(100px)
}

.c-cube-stage .magic-cube__container__cube__face-right {
    transform: rotateY(90deg) translateZ(100px)
}

.c-cube-stage .magic-cube__container__cube__face-left {
    transform: rotateY(-90deg) translateZ(100px)
}

.c-cube-stage .magic-cube__container__cube__face-top {
    transform: rotateX(90deg) translateZ(100px)
}

.c-cube-stage .magic-cube__container__cube__face-bottom {
    transform: rotateX(-90deg) translateZ(100px)
}

.c-cube-stage .carousel__container {
    width: 100%;
    height: 100%;
    position: absolute;
    margin: 0 auto;
    perspective: 2000px;
    -webkit-perspective: 2000px;
    perspective-origin-y: -150px;
    -webkit-perspective-origin-y: -150px
}

.c-cube-stage .carousel__container__content {
    width: 150px;
    height: 150px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -75px;
    margin-top: -75px;
    transform-style: preserve-3d;
    transform: translateZ(-400px)
}

.c-cube-stage .carousel__container__content__face {
    width: 150px;
    height: 150px;
    display: block;
    transform-origin: center;
    position: absolute;
    top: 50%
}

.c-cube-stage .carousel__container__content__face>img {
    width: 100%;
    height: 100%
}

.c-cube-stage .panorama,
.c-cube-stage .panorama__stage {
    position: relative;
    height: 100%;
    width: 100%
}

.c-cube-stage .panorama__stage {
    margin: 0 auto;
    overflow: hidden;
    -webkit-perspective: 50px;
    perspective: 50px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.c-cube-stage .panorama__stage__control {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(50px) rotateY(0deg) rotate(0deg);
    transform: translateZ(50px) rotateY(0deg) rotate(0deg)
}

.c-cube-stage .panorama__stage__control__facewrap {
    position: absolute;
    width: 150px;
    height: 150px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.c-cube-stage .panorama__stage__control__facewrap__face {
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0
}

.c-cube-stage .panorama__stage__control__facewrap__face>img {
    width: 100%;
    height: 100%
}

.c-cube-stage .onetake__container {
    width: 260px;
    height: 420px;
    perspective: 2000px;
    overflow: hidden
}

.c-cube-stage .onetake__container__sceen {
    top: 100px;
    width: 260px;
    height: 420px;
    position: absolute;
    transform-style: preserve-3d;
    transform: translateZ(-400px) rotateY(0deg);
    perspective: 400px;
    perspective-origin: 50% -50%
}

.c-cube-stage .onetake__container__sceen__face {
    width: 260px;
    height: 260px;
    position: absolute
}

.c-cube-stage .onetake__container__sceen__face__img {
    width: 100%;
    height: 100%
}

@-webkit-keyframes start {

    0%,
    30% {
        opacity: 0;
        -webkit-transform: translateY(10px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-8px)
    }
}

@-moz-keyframes start {

    0%,
    30% {
        opacity: 0;
        -moz-transform: translateY(10px)
    }

    60% {
        opacity: 1;
        -moz-transform: translate(0)
    }

    to {
        opacity: 0;
        -moz-transform: translateY(-8px)
    }
}

@keyframes start {

    0%,
    30% {
        opacity: 0;
        transform: translateY(10px)
    }

    60% {
        opacity: 1;
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translateY(-8px)
    }
}

.u-arrow-bottom {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 150;
    width: 24px;
    height: 14px;
    margin-left: -7px;
    pointer-events: none
}

.pre-wrap-bottom {
    width: 24px;
    height: 14px;
    position: relative;
    -webkit-animation: start 1.5s ease-in-out infinite;
    -moz-animation: start 1.5s infinite ease-in-out;
    animation: start 1.5s ease-in-out infinite
}

.pre-box1,
.pre-box2 {
    height: 15px;
    width: 11px;
    position: absolute;
    top: -5px;
    overflow: hidden
}

.pre-box2 {
    left: 10px
}

.pre1 {
    transform: rotate(130deg);
    -webkit-transform: rotate(130deg);
    left: 1px
}

.pre1,
.pre2 {
    background-color: #fff;
    width: 14px;
    height: 5px;
    border-radius: 2px;
    position: absolute;
    box-shadow: 1px -1px 1px #646464;
    top: 5px
}

.pre2 {
    left: -4.5px;
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg)
}

@-webkit-keyframes rightflip {

    0%,
    30% {
        opacity: 0;
        -webkit-transform: translate(10)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate(-8px)
    }
}

@-moz-keyframes rightflip {

    0%,
    30% {
        opacity: 0;
        -moz-transform: translate(10)
    }

    60% {
        opacity: 1;
        -moz-transform: translate(0)
    }

    to {
        opacity: 0;
        -moz-transform: translate(-8px)
    }
}

@keyframes rightflip {

    0%,
    30% {
        opacity: 0;
        transform: translate(10)
    }

    60% {
        opacity: 1;
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(-8px)
    }
}

@-webkit-keyframes leftflip {

    0%,
    30% {
        opacity: 0;
        -webkit-transform: translate(-8)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate(10px)
    }
}

@-moz-keyframes leftflip {

    0%,
    30% {
        opacity: 0;
        -moz-transform: translate(-8)
    }

    60% {
        opacity: 1;
        -moz-transform: translate(0)
    }

    to {
        opacity: 0;
        -moz-transform: translate(10px)
    }
}

@keyframes leftflip {

    0%,
    30% {
        opacity: 0;
        transform: translate(-8)
    }

    60% {
        opacity: 1;
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(10px)
    }
}

.u-arrow-right {
    position: absolute;
    width: 14px;
    height: 24px;
    z-index: 150;
    top: 50%;
    margin-top: -10px;
    right: 20px;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1)
}

.u-arrow-right__landscape {
    bottom: 30px;
    right: unset;
    left: 10px;
    transform: scaleX(-1) rotate(180deg)
}

.u-arrow-right__landscape .pre-wrap-right {
    -webkit-animation: leftflip 1.5s ease-in-out infinite;
    -moz-animation: leftflip 1.5s infinite ease-in-out;
    animation: leftflip 1.5s ease-in-out infinite
}

.pre-wrap-right {
    width: 14px;
    height: 24px;
    position: relative;
    -webkit-animation: rightflip 1.5s ease-in-out infinite;
    -moz-animation: rightflip 1.5s infinite ease-in-out;
    animation: rightflip 1.5s ease-in-out infinite
}

.pre-box3 {
    top: 10px
}

.pre-box3,
.pre-box4 {
    height: 11px;
    width: 15px;
    position: absolute;
    overflow: hidden
}

.pre3 {
    top: 5px;
    transform: rotate(130deg);
    -webkit-transform: rotate(130deg);
    top: 1px;
    box-shadow: 1px -1px 2px #646464
}

.pre3,
.pre4 {
    background-color: #fff;
    width: 14px;
    height: 5px;
    border-radius: 2px;
    position: absolute
}

.pre4 {
    top: 5px;
    top: 6px;
    box-shadow: 1px 1px 1.5px #646464;
    transform: rotate(40deg);
    -webkit-transform: rotate(40deg)
}

.eqx-bottom-menu {
    position: absolute;
    width: 100%;
    height: 44px;
    left: 0;
    bottom: 0;
    z-index: 2;
    display: flex
}

.eqx-bottom-menu .split-line-top {
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: 0
}

.eqx-bottom-menu .bottom-menu-item {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.eqx-bottom-menu .bottom-menu-item .split-line-menu {
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 20px;
    border-radius: 1px;
    margin-top: -10px
}

.eqx-bottom-menu .bottom-menu-item .child-menu-icon {
    font-size: 12px;
    line-height: 1;
    margin-right: 4px;
    display: none
}

.eqx-bottom-menu .bottom-menu-item .menu-name {
    font-size: 14px;
    line-height: 1
}

.eqx-bottom-menu .bottom-menu-item .child-menu-list {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: calc(100% + 10px);
    padding: 4px 0;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12);
    border-radius: 4px;
    box-sizing: border-box;
    display: none
}

.eqx-bottom-menu .bottom-menu-item .child-menu-list .child-memu-item {
    width: 100%;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    position: relative
}

.eqx-bottom-menu .bottom-menu-item .child-menu-list .child-memu-item .split-line-child-menu {
    position: absolute;
    bottom: 0;
    left: 8px;
    right: 8px;
    height: 1px;
    border-radius: 1px
}

.eqx-bottom-menu .bottom-menu-item .child-menu-list .child-memu-item:last-of-type .split-line-child-menu {
    display: none
}

.eqx-bottom-menu .bottom-menu-item .child-menu-list .triangle-box {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 12px;
    height: 12px;
    margin-left: -6px;
    overflow: hidden;
    background-color: transparent
}

.eqx-bottom-menu .bottom-menu-item .child-menu-list .triangle-box .triangle-item {
    position: absolute;
    left: 2px;
    top: -4px;
    width: 8px;
    height: 8px;
    transform: rotate(135deg);
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12)
}

.eqx-bottom-menu .bottom-menu-item:last-of-type .split-line-menu {
    display: none
}

.eqx-bottom-menu .bottom-menu-item.has-child-menu .child-menu-icon {
    display: block
}

.eqx-bottom-menu .bottom-menu-item.show-child-menu .menu-name {
    font-weight: 600
}

.eqx-bottom-menu .bottom-menu-item.show-child-menu .child-menu-list {
    display: block
}

.eqx-progress-bar {
    height: 4px;
    z-index: 100;
    background-color: rgba(0, 0, 0, .2)
}

.eqx-progress-bar,
.eqx-progress-bar:before {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0
}

.eqx-progress-bar:before {
    pointer-events: none;
    content: "";
    height: 60px;
    z-index: -1;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .2))
}

.eqx-progress-bar__landscape {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    background: #ccc;
    display: block;
    top: -2px;
    left: 2px
}

.eqx-progress-bar span {
    display: block;
    height: 100%;
    width: 0;
    background-color: #1261ff;
    transition: width .8s cubic-bezier(.26, .86, .44, .985);
    border-radius: 2px
}

.eqx-progress-bar em.page-tip {
    display: inline-block;
    position: absolute;
    right: 8px;
    top: -14px;
    font-size: 12px;
    font-style: normal;
    color: #fff;
    padding-left: 5px;
    line-height: 12px
}

.eqx-progress-bar em.page-tip__pc {
    right: 10px
}

.eqx-progress-bar.hand-draw em.page-tip {
    padding-left: 8px;
    padding-right: 8px;
    line-height: 18px;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .08);
    background: rgba(0, 0, 0, .2);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .08);
    border-radius: 4px;
    top: -20px
}

.eqx-progress-bar.gradient span {
    position: relative;
    background: linear-gradient(90deg, #c63645, #ffb765 31%, #ffc820 57%, #3ea636)
}

.eqx-progress-bar.gradient span:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 100%;
    width: 12px;
    height: 16px;
    background: url(//lib.eqh5.com/h5_view_2/images/location-43ce57.svg) 50% no-repeat;
    background-size: contain
}

.fly-in {
    -webkit-animation: page-fly-in 1s linear;
    animation: page-fly-in 1s linear;
    transform-origin: 0 0 !important
}

@-webkit-keyframes page-fly-in {
    0% {
        transform: matrix3d(-.0004, -.00077, 0, 0, -.00054, .00028, -.00062, 0, .00055, -.00029, -.00061, 0, 68.0588, 184.19, .11436, 1)
    }

    6.6667% {
        transform: matrix3d(-.00118, -.00317, 0, 0, -.00219, .00082, -.00245, 0, .0023, -.00086, -.00234, 0, 103.847, 217.2, .53019, 1)
    }

    13.3333% {
        transform: matrix3d(-.00207, -.00967, 0, 0, -.00648, .00139, -.00734, 0, .00718, -.00154, -.00663, 0, 143.325, 255.247, 1.8478, 1)
    }

    20% {
        transform: matrix3d(-.0011, -.02364, 0, 0, -.01503, .0007, -.01827, 0, .01825, -.00085, -.01505, 0, 184.314, 297.532, 5.237, 1)
    }

    26.6667% {
        transform: matrix3d(.00639, -.04842, 0, 0, -.02813, -.00371, -.03976, 0, .03942, .0052, -.02837, 0, 223.765, 343.887, 12.5971, 1)
    }

    33.3333% {
        transform: matrix3d(.02804, -.08526, 0, 0, -.04238, -.01394, -.07788, 0, .07398, .02433, -.04462, 0, 256.319, 393.304, 26.2861, 1)
    }

    40% {
        transform: matrix3d(.07293, -.13114, 0, 0, -.04928, -.02741, -.13906, 0, .12152, .06759, -.05639, 0, 273.765, 440.42, 47.9159, 1)
    }

    46.6667% {
        transform: matrix3d(.14843, -.17788, 0, 0, -.03727, -.0311, -.22653, 0, .17393, .14513, -.04854, 0, 267.743, 472.21, 75.9115, 1)
    }

    53.3333% {
        transform: matrix3d(.25649, -.21379, 0, 0, .00066, .00079, -.3339, 0, .21379, .25649, .00103, 0, 235.874, 470.092, 102.899, 1)
    }

    60% {
        transform: matrix3d(.39149, -.22759, 0, 0, .05716, .09832, -.43832, 0, .22029, .37894, .11373, 0, 186.381, 420.807, 116.296, 1)
    }

    66.6667% {
        transform: matrix3d(.5408, -.2131, 0, 0, .10813, .27442, -.50088, 0, .18363, .46601, .29495, 0, 134.332, 329.786, 105.51, 1)
    }

    73.3333% {
        transform: matrix3d(.68812, -.17233, 0, 0, .12628, .50424, -.48269, 0, .11726, .46824, .51981, 0, 90.6604, 222.173, 72.5875, 1)
    }

    80% {
        transform: matrix3d(.81758, -.11549, 0, 0, .10302, .72931, -.37319, 0, .0522, .36952, .73655, 0, 56.219, 126.209, 34.3603, 1)
    }

    86.6667% {
        transform: matrix3d(.91704, -.05794, 0, 0, .05643, .89304, -.20883, 0, .01317, .20841, .89482, 0, 28.0534, 56.3219, 9.07775, 1)
    }

    93.3333% {
        transform: matrix3d(.97902, -.01555, 0, 0, .01553, .97713, -.06078, 0, .00097, .06077, .97725, 0, 7.65253, 14.2679, .68495, 1)
    }

    to {
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
}

@keyframes page-fly-in {
    0% {
        transform: matrix3d(-.0004, -.00077, 0, 0, -.00054, .00028, -.00062, 0, .00055, -.00029, -.00061, 0, 68.0588, 184.19, .11436, 1)
    }

    6.6667% {
        transform: matrix3d(-.00118, -.00317, 0, 0, -.00219, .00082, -.00245, 0, .0023, -.00086, -.00234, 0, 103.847, 217.2, .53019, 1)
    }

    13.3333% {
        transform: matrix3d(-.00207, -.00967, 0, 0, -.00648, .00139, -.00734, 0, .00718, -.00154, -.00663, 0, 143.325, 255.247, 1.8478, 1)
    }

    20% {
        transform: matrix3d(-.0011, -.02364, 0, 0, -.01503, .0007, -.01827, 0, .01825, -.00085, -.01505, 0, 184.314, 297.532, 5.237, 1)
    }

    26.6667% {
        transform: matrix3d(.00639, -.04842, 0, 0, -.02813, -.00371, -.03976, 0, .03942, .0052, -.02837, 0, 223.765, 343.887, 12.5971, 1)
    }

    33.3333% {
        transform: matrix3d(.02804, -.08526, 0, 0, -.04238, -.01394, -.07788, 0, .07398, .02433, -.04462, 0, 256.319, 393.304, 26.2861, 1)
    }

    40% {
        transform: matrix3d(.07293, -.13114, 0, 0, -.04928, -.02741, -.13906, 0, .12152, .06759, -.05639, 0, 273.765, 440.42, 47.9159, 1)
    }

    46.6667% {
        transform: matrix3d(.14843, -.17788, 0, 0, -.03727, -.0311, -.22653, 0, .17393, .14513, -.04854, 0, 267.743, 472.21, 75.9115, 1)
    }

    53.3333% {
        transform: matrix3d(.25649, -.21379, 0, 0, .00066, .00079, -.3339, 0, .21379, .25649, .00103, 0, 235.874, 470.092, 102.899, 1)
    }

    60% {
        transform: matrix3d(.39149, -.22759, 0, 0, .05716, .09832, -.43832, 0, .22029, .37894, .11373, 0, 186.381, 420.807, 116.296, 1)
    }

    66.6667% {
        transform: matrix3d(.5408, -.2131, 0, 0, .10813, .27442, -.50088, 0, .18363, .46601, .29495, 0, 134.332, 329.786, 105.51, 1)
    }

    73.3333% {
        transform: matrix3d(.68812, -.17233, 0, 0, .12628, .50424, -.48269, 0, .11726, .46824, .51981, 0, 90.6604, 222.173, 72.5875, 1)
    }

    80% {
        transform: matrix3d(.81758, -.11549, 0, 0, .10302, .72931, -.37319, 0, .0522, .36952, .73655, 0, 56.219, 126.209, 34.3603, 1)
    }

    86.6667% {
        transform: matrix3d(.91704, -.05794, 0, 0, .05643, .89304, -.20883, 0, .01317, .20841, .89482, 0, 28.0534, 56.3219, 9.07775, 1)
    }

    93.3333% {
        transform: matrix3d(.97902, -.01555, 0, 0, .01553, .97713, -.06078, 0, .00097, .06077, .97725, 0, 7.65253, 14.2679, .68495, 1)
    }

    to {
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
}

.spiral-rotate-enter {
    -webkit-animation: spiral-in 1s cubic-bezier(.5005, 0, .49855, 1);
    animation: spiral-in 1s cubic-bezier(.5005, 0, .49855, 1);
    transform-origin: center !important
}

.spiral-rotate-leave {
    -webkit-animation: spiral-out 1s cubic-bezier(.5005, 0, .49855, 1);
    animation: spiral-out 1s cubic-bezier(.5005, 0, .49855, 1);
    transform-origin: center !important
}

@-webkit-keyframes spiral-in {
    0% {
        opacity: 0;
        transform: scale(0) rotate(-12.5664rad)
    }

    66.6666% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: scale(1) rotate(0)
    }
}

@keyframes spiral-in {
    0% {
        opacity: 0;
        transform: scale(0) rotate(-12.5664rad)
    }

    66.6666% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: scale(1) rotate(0)
    }
}

@-webkit-keyframes spiral-out {
    0% {
        opacity: 1
    }

    66.6666% {
        opacity: 0;
        transform: scale(0) rotate(12.5664rad)
    }

    to {
        opacity: 0;
        transform: scale(0) rotate(12.5664rad)
    }
}

@keyframes spiral-out {
    0% {
        opacity: 1
    }

    66.6666% {
        opacity: 0;
        transform: scale(0) rotate(12.5664rad)
    }

    to {
        opacity: 0;
        transform: scale(0) rotate(12.5664rad)
    }
}

@-webkit-keyframes rotating {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@-moz-keyframes rotating {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@-o-keyframes rotating {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

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

    to {
        transform: rotate(1turn)
    }
}

.bgm-btn-wraper {
    right: 16px;
    top: 16px;
    display: none
}

.bgm-btn-wraper,
.bgm-btn-wraper .bgm-btn {
    position: absolute;
    z-index: 200;
    width: 30px;
    height: 30px
}

.bgm-btn-wraper .bgm-btn {
    right: 0;
    top: 0;
    border-radius: 15px;
    background-image: url(//lib.eqh5.com/h5_view_2/images/bgmBtn-07b2cc.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.bgm-btn-wraper .bgm-btn.rotate {
    -webkit-animation: rotating 1.2s linear infinite;
    -moz-animation: rotating 1.2s linear infinite;
    -o-animation: rotating 1.2s linear infinite;
    animation: rotating 1.2s linear infinite
}

.lrc-controller {
    position: absolute;
    font-size: 14px;
    bottom: 30px;
    height: 32px;
    width: 100%;
    padding: 0 6px;
    text-align: center;
    overflow: hidden;
    z-index: 200
}

.lrc-controller.hide {
    z-index: -1;
    visibility: hidden
}

.lrc-controller .lrc-text p {
    margin: 0;
    height: 32px;
    line-height: 32px;
    color: #fff;
    text-shadow: 1px 1px 16px #000 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.lrc-controller .lrc-text p.destroy-quick {
    transition: margin-top .1s;
    margin-top: -32px
}

.lrc-controller .lrc-text p.destroy {
    transition: margin-top .5s;
    margin-top: -32px
}

.nr>.eqf-arrow-left {
    width: 30px;
    height: 30px;
    z-index: 10000;
    line-height: 28px;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    text-align: center;
    border: 1px solid #fff;
    box-sizing: border-box;
    display: none
}

.temporary-tip-panel {
    position: absolute;
    display: flex;
    align-items: center;
    padding-left: 16px;
    z-index: 999;
    color: #fff;
    width: 100%;
    height: 32px;
    font-size: 14px;
    background: rgba(27, 34, 45, .8);
    backdrop-filter: blur(10px)
}

.temporary-tip-panel em {
    position: absolute;
    font-size: 20px;
    right: 6px;
    top: 50%;
    transform: translateY(-50%)
}

.inWxwork {
    background-color: #f5f5f5 !important;
    color: #bfbfbf !important
}

.no-bgm {
    top: 16px
}

.has-bgm,
.no-bgm {
    position: absolute;
    right: 16px
}

.has-bgm {
    top: 58px
}

.go-back-tip {
    width: 163px;
    height: 28px;
    background: url(https://lib.eqh5.com/%40eqxiu-res/h5/catalogue.svg) no-repeat;
    background-size: contain;
    line-height: 28px;
    font-size: 12px;
    padding-left: 12px;
    font-weight: 400;
    color: #fff;
    display: none;
    box-sizing: border-box;
    animation: moveOne .8s linear infinite;
    z-index: 1000
}

.tip-no-bgm {
    top: 16px
}

.tip-has-bgm,
.tip-no-bgm {
    position: absolute;
    right: 54px
}

.tip-has-bgm {
    top: 58px
}

.is-android-music-tip {
    position: absolute;
    top: 16px;
    right: 54px;
    width: 78px;
    height: 28px;
    background: url(https://lib.eqh5.com/%40eqxiu-res/h5/isAndroidMusicTip.svg) no-repeat;
    background-size: contain;
    line-height: 28px;
    font-size: 12px;
    padding-left: 12px;
    font-weight: 400;
    color: #fff;
    display: none;
    box-sizing: border-box;
    z-index: 1000
}

@keyframes moveOne {
    0% {
        right: 54px
    }

    50% {
        right: 62px
    }

    to {
        right: 54px
    }
}