body::-webkit-scrollbar {
    width: 0
}

.fr {
    float: right
}

.fl {
    float: left
}

.clearfix:after,
.clearfix:before {
    display: table;
    line-height: 0;
    content: ""
}

.clearfix:after {
    clear: both
}

.flexCenter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.el-cascader-panel .el-cascader-menu__list {
    max-height: 300px
}

.box1200 {
    width: 1200px;
    margin: 0 auto
}

.box1400 {
    width: 1400px;
    margin: 0 auto
}

.box1000 {
    width: 1200px;
    margin: 0 auto
}

.qrcode {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.qrcode img {
    width: 107px;
    height: 107px;
    background-color: #f5f9f9
}

.erweima-info {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.erweima-info img {
    width: 150px;
    height: 147px;
    background-color: #f5f9f9
}

.qrcodeOne {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

#app {
    font-family: helvetica, PingFangSC-Regular, "sans-serif";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--userFontColor);
    min-height: 100%;
    letter-spacing: 1px;
    background-color: #fff;
    width: 100%;
    height: 100%
}

#app[data-v-1f1e5bf5] .el-dialog__wrapper .footInfo {
    padding-top: 10px
}

#app[data-v-1f1e5bf5] .el-dialog__wrapper .el-dialog__footer {
    padding: 0 20px 20px
}

.my-dialog-fade-enter-active[data-v-1f1e5bf5] {
    -webkit-animation: my-dialog-fade-in-data-v-1f1e5bf5 .3s;
    animation: my-dialog-fade-in-data-v-1f1e5bf5 .3s
}

.my-dialog-fade-leave-active[data-v-1f1e5bf5] {
    -webkit-animation: my-dialog-fade-out-data-v-1f1e5bf5 .3s;
    animation: my-dialog-fade-out-data-v-1f1e5bf5 .3s
}

.my-v-modal-enter-active[data-v-1f1e5bf5] {
    -webkit-animation: my-v-modal-in-data-v-1f1e5bf5 .2s ease;
    animation: my-v-modal-in-data-v-1f1e5bf5 .2s ease
}

.my-v-modal-leave-active[data-v-1f1e5bf5] {
    -webkit-animation: my-v-modal-out-data-v-1f1e5bf5 .2s ease forwards;
    animation: my-v-modal-out-data-v-1f1e5bf5 .2s ease forwards
}

@-webkit-keyframes my-v-modal-in-data-v-1f1e5bf5 {
    0% {
        opacity: 0
    }
}

@keyframes my-v-modal-in-data-v-1f1e5bf5 {
    0% {
        opacity: 0
    }
}

@-webkit-keyframes my-v-modal-out-data-v-1f1e5bf5 {
    to {
        opacity: 0
    }
}

@keyframes my-v-modal-out-data-v-1f1e5bf5 {
    to {
        opacity: 0
    }
}

@-webkit-keyframes my-dialog-fade-in-data-v-1f1e5bf5 {
    0% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes my-dialog-fade-in-data-v-1f1e5bf5 {
    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 my-dialog-fade-out-data-v-1f1e5bf5 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
}

@keyframes my-dialog-fade-out-data-v-1f1e5bf5 {
    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-message__closeBtn:focus,
.el-message__content:focus {
    outline-width: 0
}

.el-message {
    border-radius: 4px;
    overflow: hidden
}

.el-dialog {
    background: #fff
}

.el-button-group>.el-button.is-active,
.el-button-group>.el-button.is-disabled,
.el-button-group>.el-button:active,
.el-button-group>.el-button:focus,
.el-button-group>.el-button:hover {
    z-index: 1
}

.el-button,
.el-input__inner {
    -webkit-appearance: none;
    outline: 0
}

.el-message-box,
.el-popup-parent--hidden {
    overflow: hidden
}

.el-button {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.el-message-box__input input.invalid,
.el-message-box__input input.invalid:focus {
    border-color: #f56c6c
}

.lottoBox[data-v-c69501de] {
    background: url(../images/bg_lottery.d596494.png) 50% no-repeat;
    background-size: cover;
    background-position-y: 69px
}

.lottoBox .tabs[data-v-c69501de] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 14.44rem;
    margin: 2rem auto 0
}

.lottoBox .tabs .tab[data-v-c69501de] {
    position: relative;
    top: .02rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.2rem;
    height: .39rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAApQAAAB1BAMAAAACZmwBAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAeUExURYeSopyot3R/jY6brG13hExpcZWir6KvwH2HmImWoz5aWuoAAAAKdFJOU01NTU1NAE1NTSfiWrBPAAADIUlEQVR42u3WzUvjQBiA8YFSqMceNHgtLdRboSh4LdmDNz/WxRylGPDYgxRvpSDEm7o7u+t/u03S1o8kM5nMpLr4/CC16Vs8PEwzI84LPXd9vPEszxVEYUgfWUfSPOWTj1zSNOWpj3wjaZYy8FHkyCwlG45CzyTldx8KRSlZlMa+FaRkUZorn/KXD5VuLz8l27ex0V5+Ss6UxkZ+fkp+3xX0SqaMu4+63fh69S62nHz5+WivXMrTDrRIueGUTx1oSVK60iuVsgNHKYMO9PZIScrPJy8lZyFSfr6UnIUqkaQk5f9wsBSc0En56Q6WgmMlKT9WX5/yooNaUvb78/m7O+YpqU/Zjxbm834/fY2v9JP0X/WZp3N9yr8RSiGlK/M7bcoI5ZDSmXtdyiACKTeNlBtLeRGhJEnK+lJyrKzojpSuNDUpWxFKutekFK3WbLa6xPIuiuL3CebruSZlIIq0lpiv6VLOCqz/ZYGvN5+xKp3NpTLlMauy9FyXcsaqKz1vKlM+sCrLzzUpeVaWn28pU4oWq670XJ2yxao0mKtSBqxKg7kmpUorxvyFVKQ8FtAgZS2aipQPAga2SLmJlAJGSLmBlIGAEUnKmlJyFqquSUpXDgtTPgyEaDSGw8Gg0RgMxFp8l7wyfzvfUqRcfFFhwPztfFCYsjGEAVXKIQzJgpTBEIb2C1KeDUHKj3JYkPLnEKZIWU9KNnAbkpR17DuCs5D7lGdhGI7HBwfxlb4LE+vPmGfn17kpf4QwNR7npvwdwhwpnZF5KUNUcJWTMghRwTUp60jJBm7nVUp2HTuSlI5cXmVT7lxe7iRXGGZeE8yz89yUweJr7YX466vX1X1yMc+f72ZTtlFNJuVJG9XI9ykf26jmipSu7L5P2YZ1SnYdW+uU7DquHpaCR6WtbVK6flgKdh1rq5TsOq4O6YJdx9rtMiWPSnvLlDwqrXkyTcmj0trkJk3Jo9Le7UvKR8+bJiaTxXL14r+eF1/JJwvMlXNPrlNOYedmlfJkCjuTVco/U1iScUp+3y7cxin5fTshk5TeFC6WpWBRurF9LoIpnJD/ADyz+8/gDkTUAAAAAElFTkSuQmCC) 0 0/100% 100%;
    cursor: pointer
}

.lottoBox .tabs .tab span[data-v-c69501de] {
    font-size: .16rem
}

.lottoBox .tabs .tab i[data-v-c69501de] {
    display: inline-block
}

.lottoBox .tabs .tab[data-v-c69501de]:first-of-type {
    margin-left: .86rem
}

.lottoBox .tabs .tab:first-of-type i[data-v-c69501de] {
    width: .21rem;
    height: .2rem;
    margin-right: .08rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAGhUExURUxpcX+Hl3+LmXeCjZnMzHJ6i5ejsGd1gmx2hYWLnXJ5i4eTn3SAjpObsnN/j215hYCLmpCdrP///5ylt3mFkYiUoo+cqniCkHJ+i3qEkmt0gpWgr5WgsZSqv4eSoZWhrnN/i3N9i3uIlIyap36JmJWisY2Nqpuot4qVpWp0go6aqm53hXeCkGx3hHuGk5KfrYSPn46ZqZqnt5qnt5qnt5+svKKvv5uquImWpI6ZqGp1gm54hW12hG12hGt5hY6aqpqouIGNm3N7i5ahsXyHlZqltZils5mmtZmltZmmt6CuvZCcqm1/f2x2hX2Jl3mFkIyZppeltGxyf5Sgrmx3hJWjsX+KmnuFlWl0gJ2puZGerX2IlX+KmYCLmImVpKCtvJ+tvWlzgGhyf2t1gn6KmGp0gXB6iHeCkG55hnN+i3uGlHaBjoCLmZKeromUo5uot56ru42ZqH2Ilm13hIyYp5WhsJmltXJ8ipGdrJ2puYuXpnmEkpejs4WRoGt2g4KNnImVpJCcq3V/jXyHlYGMmqCsvJaisqGuvoSQnpSgr4aSoARFkMkAAABhdFJOUwBAki0FPRQlRSosQNgQQH5awAEdKpJGkux+9TA9DNgpfpI8TNlzCcF05fLs7KTY3TCg80/mdlEk6t5z14PQTpOa2B+h7GGKsND8p2oOtcUX0N4o7171+m2T2vPQ9tGH8/TL+FMNAAADkElEQVR42u2U+VPTQBiGA5YCKgKtVimXCpSCIvd9KZcCyo33Va5C74uWEgR6Qv2rfTe0Jhu3JSn+4Dg8k5nuvt+3T5MvM+Gu+Zfo7+vt67+6Rj93RpjTX9HT9w2WxFki8b3vSp7ehCfhwZUAvflrNHMeKc81eXq0zZ5w2BP+UGPq7vGEsW4uy8tT3RMGF6f1r4T1h3zeXneXm5B+ntqXwq6rRv2YZ91gtimz1824hWBa5Zgng+5gMNhlkGTTXUHgntGpGnOQsFxPpTU9QvqyVvmYl48I8peEkQv5K73SMa8fJZNHSYxZBkZ+lEStp1qRp2lfoIlRwsiT+8nk/nq3kjELmlUDx2Y6Jf8bNtpKZyrlTLXXZ+2oWXWm0DOpyT3mdiehUpvr+6Sgp+Gj0NOZ+9/KKg+czgNnjrtuigiYL53j+AGh1ZCl3CloWhu4y5mPCMyzx+yNeCORwXpOCYZWL2Fcx8npGBQqGKEy6tP9tfIxtwa83oAXY1aKdilAWNJTqfnwAjWfm/HAYQBHBqql93OYh+he+syA5Om+ngq4Tm+pEaXPuCS3ZHC5XHUuoEqE/oEBHNRIn63T3JGPqE5rNsvfc+lPoEqE/jpGXvoDqBKhnyk6B6pE6P8rokL0v2CJToAq0cn5iQqR3lBBKKhliE7YonjcES+QhwvxOMkdjreFJrkIeSNL5AAyUcVnh0hjqUyEjCnaArSo4+2WlC8aWoSIKfL5tnyUSPdpi2QXFh/WVUpFMVr0GIFvoaMMaCumfD7flI4SofyMJbIBSvQuZovFJsSNLbZIiWKxmDJRFYKpzKaAt9l4atz3eRvPEt3lAS1C8PT3c/LgBi3i2SKrlbfSIgSiyIq6TGTlbzNF4A4tskpFgBYhYIrsgBbZrXZRZP9DhLIy0UMEDzKbIlKWiexs0d5edI8WRaNRURQFlOgRArYI0CIEooiUaRECluhmKLQXyiVCXaEI0KLQTkgUkTItQpkp2gGUqByBKCLlm5QIwTBDNEE6x+SiJ9lFbQhGGSLTLhihRAhEESlTomEEbzgGoyi0vJaK/Lv+7KISEpSzRCN+0GaSivwSEalKRCstYiBj0XgMhsvHStK0YWvMbIZIcS2zW3tvPPb7j99wTIY202xvbuOi1kyMxRybNovFsm3ZFsACF/ULqMw4xmVBN2K0KGHDsoGrpYjLzsr7lg1ljA6ZuNy8LlbAhIa75n/gF0eDpuMVAJ90AAAAAElFTkSuQmCC) 0 0/100% 100%
}

.lottoBox .tabs .tab:last-of-type i[data-v-c69501de] {
    width: .18rem;
    height: .21rem;
    margin-right: .07rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAE7UExURUxpcaCjuIORnnZ/jnqFk5CbqoyMmXGNjWlxfoCMmp+rupqnt5CbpqOwwJuns3uGk6W/v4qVpYuXppuouIqbpnB8iXaAj4CNm3J/jIWQnoOOnW96h3mFkpypupahsYmUoo6ZqZiltZunt42Zp3B6iJGerZiltJ2quXmCkJOfrpuquHN/jJ6qun+KmG13hX+ImZypuWlzgXyHlGlzgXZ+imt1gpmltpSfr5mmt4SOnGx2hWhygHF7iaKrvZeis3aBj32HlqOvv6WvwI+aqXqGkoSPno2ZqGp0gXeCkGt1g6GuvpejsoOOnWhyf5iktJmmtZuouGlzgI6aqXmEkniDkYKNm6CsvY+bqoyYp295hoGMm4SPnZKeroqWpIWRoJ2qunR+jH+KmXF8inuGlHaBjn2Il5SgsIiToo6aqDiXDBEAAABGdFJOUwAM6PaudhQJd7z7ei50FF8GX4blLob2hhTo8WCEqF/uRoa+7+7u75fuhVru1u5LHs1u7vUpwm/WdrObq9k64sembUrOltBphc7XAAAC/UlEQVR42u2Sa1PaQBSGQduqlWpUQKVaCbZqLYVa7/XaGyTiDQSRSwlERf7/L+i7u8YMehKyHfjQGZ85M3vO5s2TYRffM/+M8uMNwfc9Wc9I/IhmVlK0eHnP0aUQoBHzspwofunEotezURS2TBiG8foJBpgVqQ4nswhBzBINP3n+xRJBGVf9jp7lBcM4t0TnbiKDMRF18pxzhAgNIcIuF4mksUf/rgU5EYgr5I2fgbi6tWyJYsOPmUCCi7a2VNafbVAi9mRTsQcaiAQjLBKj7v0UPHwhhoFGffgFGPapI8qAdw8HnznNoMS7aICYMwEromJc6CACG/sZik37ylWMDqImRDaK/ymKz0ZtZpqkqAkg8sxH5D/QoqqcqFqtkqIq+M9FxWqRFBXBGL+usZfuiL/AOPLztCjHRcpPJNDnUO2rRXGci7BFiliEiaIpRi6VQ9lrK9Vq5VqiF++PY48UXQEmClylrlIcNChi3eQi9K4iJDowH7Vic4To1R8wJpzBACcYCKKs1d5TxGEj7yLyTu9Fd0BKhHx3RLW7GimqATlRrXuiCC2qCFH0d5/NdN80qq2f3k6y2GSlViFFx8eVYyZKRioAAwNLe8+fDQlRxUlU4KJogYGhDWyg7vsIF6EjRQUwypoI68qFMgcNiq/23jYXYSRFjUa5Mcq64OGQO5N+IWqUP5MiAJFnJpHvregWSImQ74po5vb69islugZSIuR7K7oAXLT264U7MwNchPySm8i/dPGI/EWeg0ZwKER5WsSiTJTIa3mNgwbFVwsxh7kILSnStBuNiZJaRw6ESKNFN4Cf0ehufzjcH+5vAxsosR6ssVgI+U+0qA6Rd0L1mzolmqoDOVHdWfS2GyLTrJtSItM0aRGQFb2nRSU5UckskaISkBOVeivyd0cEVnVd/yYhWkd+l34AVqYGvJEM6U4fTuiMtJ5G6W3Y+4/7NR/FTlqWkI9kaj1rc5I9QdlzOptGZdvYUXw0yuDqiXdW3a7Yn1gZ9MZKYsD3jCR/AZTEm03J5a+JAAAAAElFTkSuQmCC) 0 0/100% 100%
}

.lottoBox .tabs .tab.active[data-v-c69501de] {
    position: relative;
    top: .03rem;
    height: .41rem;
    background: url(../images/tab_home_selected.f0d4b9e.png) 0 0/100% 100%;
    color: #fff
}

.lottoBox .tabs .tab.active:first-of-type i[data-v-c69501de] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABXUExURUxpcf///////////////////////////////////////////////////////////////////////////////////////////////////////////////7+puwEAAAAcdFJOUwDufS0pkkU/JdgTTwef/MJz9N8e0LDoiA5baDYFJgvNAAABoklEQVR42u2X2XKDMAxFjdm9sJmtoP//zo6CJ1WbcceIPnRazlMQzhn7BimJuPlNVLrT1XWNmwCZ3EWP7uGg15c8Ep40HV9jLFCsYXpUC0hdGj0D0iqWJx0+3u3Gw1nxY7b+lBMgSXna0zWPhLdnYQFf4MScFKT21gOycGLOBGU/Ip9WVswUH/noomMOPTbrEfm8x8YcfpAX3y+8mClbA4iMjHnIRIgy8QdnxUypar+GEXNg17yYKTnJMRxzzATbfAPxNkwpjshzXsyUbPD9woqZomi/0JgflCKeHF77RQOwRTCT0y1sEUK2VODw4YiSGaCmuWrbpRxRraRUXz9Plghf3KKfEjn9hpTrNVHVgqfJDUtEv1w9dcYWpQ1QRsMVjfAZyRTtWGl3hegE+5wp2rDi/EWHF4onktjewlPi7fQW3aL/K3K4Up8QWZws4hWDK5cTohoAJlqg02deo0UFFmTwt/hkIkXZ4AuvqB4wPqkLj0VR4enw5lZ49NJD6GQ4u07Sh/5Q2pMeLULIBuIZShEmszPEMXZGfM9aReCMuPkLvAPMVm13c0ZPrAAAAABJRU5ErkJggg==) 0 0/100% 100%
}

.lottoBox .tabs .tab.active:last-of-type i[data-v-c69501de] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABLUExURUxpcf///////////////////////////////////////////////////////////////////////////////////////////////1SsvH4AAAAYdFJOUwC9LfdeE+53CIbprnP7egzjSajOmBzXPDdYhF0AAAFOSURBVHja7dfbboQgEIDhAUQHFxQ8zvs/afeGtuuCDE3TNLv+d0b9lDheAFc/DoNNtdc6eqZ0UyW0UK6mDtqy0MIUEBHueSJyT32uDfFcWRfvSERogGNzhBy5zYxZp2mJiAnd8yHnEFVB5Pb0utpaiDbMfvHNdE2ExHDMR8h2xtM9e0TivTN+HRQmUvfx7Q/hwxNEFjLfV+ATkH4Y2ybnKBkvMUTUFiGwycW5OQAbiuH4HAJwoUIX9MsQNt1pNvAgnKmUYUE7FWtZkCxDngWBKTkq8CDQ8jy8BvKFoTD35wnJglZFpQQLClRMsSDdFqEbCwI5ifPM+PZz9MKQXG7nDciCdE+lpr/9RVZXhGYWBI1X5wn59nN0Qf8T6iGRqthCxw3UljvhrEZeq8nu3QNV5ySkmqohA8m0qHRuCOlwUMSvbSDfGGzHywaEq8o+ACyYfoP0kHR9AAAAAElFTkSuQmCC) 0 0/100% 100%
}

.lottoBox .tab-report[data-v-c69501de] {
    margin: .5rem auto 0
}

.lottoBox .content-wrapper[data-v-c69501de] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 14.44rem;
    margin: 0 auto 1rem;
    -webkit-box-shadow: inset 0 0 .12rem 0 rgba(0, 0, 0, .4);
    box-shadow: inset 0 0 .12rem 0 rgba(0, 0, 0, .4);
    border-radius: .2rem;
    border: .1rem ridge #a4b1c1;
    background: #f2f4f7;
    padding-bottom: 1.54rem;
    position: relative
}

.lottoBox .content-wrapper.records-wrapper[data-v-c69501de] {
    padding: .64rem .72rem 2.04rem
}

.lotto-top[data-v-58ef2e7a] {
    position: fixed;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .1rem;
    background: url(../images/top-bg.44a9e25.png) 0 0/100% 100%;
    height: 1.6rem
}

.lotto-top .center[data-v-58ef2e7a] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 14.4rem;
    height: 1.6rem;
    margin: auto
}

.lotto-top .center .nameBox[data-v-58ef2e7a],
.lotto-top .center[data-v-58ef2e7a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.lotto-top .center .nameBox .nameBoxImg[data-v-58ef2e7a] {
    display: block;
    height: 80px
}

.lotto-top .center .nameBox .nameMain[data-v-58ef2e7a] {
    margin-left: .28rem;
    color: #fff
}

.lotto-top .center .nameBox .nameMain .name[data-v-58ef2e7a] {
    font-family: SourceHanSansCN-Medium;
    font-size: .21rem;
    color: #535c66;
    line-height: .32rem
}

.lotto-top .center .nameBox .nameMain .issue[data-v-58ef2e7a] {
    font-family: SourceHanSansCN-Regular;
    font-size: .16rem;
    color: rgba(83, 92, 102, .65);
    line-height: .24rem
}

.lotto-top .center .nameBox .nameMain .issue span[data-v-58ef2e7a] {
    font-family: SourceHanSansCN-Regular;
    font-size: .16rem;
    color: #698eee;
    line-height: .24rem
}

.lotto-top .center .nameBox .nameMain .countDownTime[data-v-58ef2e7a] {
    width: 2.27rem;
    height: .5rem;
    margin-top: .13rem;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#a4b1c1), to(#67717e));
    background-image: linear-gradient(180deg, #a4b1c1, #67717e);
    border-radius: .08rem;
    font-family: LcdD;
    font-size: .38rem;
    color: #fff;
    letter-spacing: .07rem;
    text-align: center;
    line-height: .5rem
}

.lotto-top .center .historyAndMoney .lotteryHistory[data-v-58ef2e7a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: .37rem
}

.lotto-top .center .historyAndMoney .lotteryHistory .history[data-v-58ef2e7a] {
    position: relative
}

.lotto-top .center .historyAndMoney .lotteryHistory .history .historyWrapper[data-v-58ef2e7a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.lotto-top .center .historyAndMoney .lotteryHistory .history .historyWrapper .historyIcon[data-v-58ef2e7a] {
    display: inline-block;
    width: .28rem;
    height: .28rem;
    margin-right: .06rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAERUExURUxpcYWTo3F/jXZ/jneDlm52hWdyfn9//4aGoXyOn32Kl4aRomhzgGdxf2dyf2dxfmhxf2x2gnN+jIeSoWdxfmdxfmhxfmt2g2d3f2lyf2dzgXSAjnuDlHeBkHyHloOOmn+UqoeSoYeRoYKOnIeSoYiUooKOnISPnYiToWZyf2hxf2p1g2x3hG53hXR+i3uIlXuHlYWQnoGLmYaQn4SQnmdxfWdyf2t1f3OAjW55iHV+jXN+jImUpIKMmomTooiUo4mUo////4GMmoKNnGdxfoeSoYiUo4WRn3mEk2lzgH+LmYGNm36Jl214hnuHlXSAjmx2hIKOnHiCkHB6h3F7iWhyf3N+i3J9inaBj2t1goSPnsjS6UYAAABEdFJOUwAjEk0YK6kCBg70Lr6KnMzw+Jvu5vrfXiBQbHMf6KFrDIlPw83jXpKhwpBIoo3QjMT5qEet9XQy+eS/33Pbmr73Abu7L5vtMAAABQhJREFUeNrt1XdX4kAQAPAREpLQEaTYQZp49nbeWe+CVDFUge//QW4y0YeBbNiA7/7yt4vvkeDMZGZR+Pbtv1k5v71/yOaij4/RXPbh/vZ8Bb6OkC/mnmfkinkBvsBu/uGZ6SG/u2xnio/lZzPz+8fiMr3yXZTLz7jIs7E/vX823l/4Fm19scypKIBz0k7UFCR7f5vxrSiyrKz4Mrf3WdPN6I7kuPnZSplUcOUKGQWmKJlC7nN+h6PIRMsVVMZ9WjxnlCedF0/1/FRENAP8pMK4Mh5XKvgzmhZs55SOVj4UuNskX4wxNKqcphWYQ0mfUjW4LmTgouyN3+1xNdY3+bzCFT87bo/H+DrdAU47p2NDliODvNc23PmAm+8OC2qjPXnufC/ahr+74IDyt224kMBeodFotPF1JoMj8lmjra92AWxlGobCEzgkfZSWARsr3gY5ewLHpLMG8a4Ak7TXqDdw/5FnW5CORtOyfZf+NMiexD5udXJnMd+0/m8gDbaUu3q9gZt5vAUvxff6YFaujHJgz/ceQABr2/VmHbdlARUCJswWbDPyY/Bms34CVsYE5jmpEx9YOWsS60PQJmCPikT1M8sj2iTHYKlBYK5jdpXbTdTyKmCpruNI4PJSAosp7HpbrWaLHoCZoAlcj4BxvLMnPd/SMU9Yk8B8greFmvnZ+VOCbWDAqhBw2KZAJzOJW61qtVU9ZybA+3wJzltEmO5QVbclAUOVAAdpi4rJTz8YBTgGlk4VVwd4HFOo6WZv0VU3sAw7wyFnArfRDDDZ7NBVBVheX4e4gIdSJZtTWTvoBNgJCHA5wWDT3djo6FaBaUCAy2pHz7BhvoYNHnY2gOmNAMvcan/pMxy6galHgIu7g4a/4LOjoU4Epi4BLqJebOcIPvuNExwON4HphQCXTar2t/lr8Kpz2SbQNM4ELv1ID81fhJ+UQAamkabhBi4yBfvpLEFthGqLJ9gavOJy2SQgvC3SbZmHPNDZDLlPOIc8eMVg5iEfDdCbCEyqrVhAhgmRqjUf01+DN+ReKAEJwIQbax28mb9oq2+6jcUTxGBig4KtApiu4R8CvMYUc5CAqu2Zq3X3dEfAFHDQoiMK5jYPvtfrdns9BVjkQIx3yEqPbILJTa+L3PAF3N0eugGz1a7uEL7AIYWanmfipdt96d5IsDTphhIkwEx4IQewtAMsFKsVYIqfEvyApf2gQH6YlqDrEQGWJEQoUAKm7eINTdMOlx6xRoXuWjyapou4YCmuCJb5olm1WtTI4bIPQESw4MEbo1FEhCWIEYrvsb45QtrID4t72tf0EJrIOGCYoDaqrcPC1keEddiFcE0XuYYFXUdqIwwQFpgF1EhcgYUo8Rpht0AK9Ws6vwwLkP01EpKAKRnGDLg9EjgmeWoknAQbqb4hKDmOH+zrav0U2Cr11b6KPLLD/njwF3WluQ+qGvyKo/n6VSwM1/zmyvuqIX4N3K7jqmFf5igmpBrW1oHT+ppqCCnAQaFnoHpE4CBOPq/wDkx9txZwwRyuAJXv7GBIJfXDZUAAG0LgUv1QkoBfKjxJ4TmQGHUceKh6Ek6BI8mQOhErpZSZ1qRKMXUilASHpPWw+slaKHiVEpMuWXYlxdRVkPJPyl+XwDnBo3LyCLAY0cMVXoTFicFL1dZlUITlKAm/yuRPKPAFhEQwrs6IBxMCfJ3kwVXQH4qH19bC8ZA/eHWQhG/f/pd/8sn4KrF+6MYAAAAASUVORK5CYII=) 0 0/100% 100%
}

.lotto-top .center .historyAndMoney .lotteryHistory .history .historyWrapper .historyBtn[data-v-58ef2e7a] {
    font-family: SourceHanSansCN-Medium;
    font-size: .24rem;
    color: rgba(83, 92, 102, .75);
    cursor: pointer
}

.lotto-top .center .historyAndMoney .refresh-icon[data-v-58ef2e7a] {
    display: inline-block;
    width: .14rem;
    height: .16rem;
    margin-left: .11rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAFoUExURUxpcXWi+3qk+maL7m6W9HSb+Hqg/6qq/3ue8Xmk+FRx43GZ8lFv4VJz5n+Z/1V55nil/3eh+Hmk+G2U8W+R9W2R/09s3naf93Gb9FNy4myS8Vl55Haf909y5Hij+XOb+Xqm+m+X8mSI62iN7mGF7GiN7mCD6muP8GCI7VBu4U9s3lJy4lVz4lBu33Sb81p75lBu4HCX83CW83CY83qk+VBv4Xuk/3ei+GqQ8E1r3k1q32mP8Heg9nun+lFx4Xun+WaL7nun+1+B6E5t3mqQ72uR709s31h55lp75m+W83CZ822V8XOb9W6V8Xei91Fw4WeL7XCX81Jw4mOH62CE6lh45Vd55G+W8XGZ9Hul+Xmj+GqP722V8lBu4HKa9GiN7nii+Haf9lFw4XSd9Xeg93CY805s309t4GuR8GyS8W+X8nOc9VNy4lBv4FV141d35F+B6Vt+52GE6mOH61p75maL7Xyn+mWJ7J2qFdMAAABZdFJOUwAXil9VNRsDB2o/P7osChUR4/lnJQ59y0qP9P6/HZQr23mH11L597w62FeHbMpawqP1pZx9zh9eycXh4PKh+u6dxqvttPz7XNtwtYLU5tH47d52j395Q7zrpWJmPAAAAolJREFUeNqVlXdb4kAQxkOTUKVIERSUKgICYu/lbKdeLw+QBAhFiEZAQb7+zXLieZsAz85fyeb3zs7Ozkyoyea+yWopEnNx3BWR4CNXu528hXlDQb8+rtRqgmEc61+bW9grlarlvTml2gzajCBkR9JTyoVcLp8vVavlcuWe4zKrBmqVYTy0PO5Q2nJDvlK5BwGE8/uaaTbVsrzu8C9eKpeHvFATGIZpNj7I4PT+y6t7l1Kn1mjc9uwNwhFfCFskvOJ4wJc+6ab+Lc5c3zJN4AsFu4RfGPDWTS2W30UP8MUiHhN9jKLJ+2g8DaroGeJ7R9iH/RfgbTpsVbPqaTQAL34JYBvrcoh345fiaRYQH7SbsS+WQ3Rc3D+lbqDwo+AHNyXKpk+auN1C+MhPSW3DBrxV5va1BgUlZz6Ip7pCUPFWqB0XAa9BtbxJIFhDtWkhaVoozjmK5AhQy4sEvBaVPkmOpkDAGUiSBJ3FzRAI/KgVSQQW1OokIVGZmiCoSQRfBYFZJBqeMBiiJAI7CM4cEzF9Ynp4EU2YJBMPEX/g14fPWzB5tibw8wc8zw977KoArRsaL5jledH4NpR2YfAEteN402eeZfVvr6oiKALjCnSdZ++2370He71+XzUmIJG9Oze9W1gK9/vPkaVRvBP4uvO/JdUzWEQlH0+cBX4bO+P35yewgMzJp40iW6/HpnE3J09P7Xb7MoSvJ07BfX1nXurpRxus00ldON55/xZjEZ8EXmqhSKfT6Xa73tTPi18mk355NnkgDvj0iJ/ozAkSeL2tVuvx8fHhgechO3f1nWVqpC2lughvAY54FvhTJz2+iGcvAR/wosieG5cBn2SmRDxtjCWNaadeSv8B1yKtESKYvxkAAAAASUVORK5CYII=) 0 0/100% 100%;
    cursor: pointer
}

.tableWrap[data-v-58ef2e7a] {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 500px;
    height: 300px;
    z-index: 10;
    background-color: #fff
}

.tableWrapBox[data-v-58ef2e7a] {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.tableWrapBoxBody[data-v-58ef2e7a] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.tableWrapBoxBodyContent[data-v-58ef2e7a] {
    max-height: 300px;
    overflow-y: auto
}

.tableWrapBoxBodyContent[data-v-58ef2e7a]::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.tableWrapBoxBodyTable[data-v-58ef2e7a] {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

.tableWrapBoxBodyTableTr[data-v-58ef2e7a] {
    height: 60px;
    line-height: 60px;
    table-layout: fixed;
    color: #535c66;
    text-align: center
}

.tableWrapBoxBodyTableTr .lhc-code[data-v-58ef2e7a] {
    float: left;
    line-height: 60px
}

.tableWrapBoxBodyTableTr .red-ball[data-v-58ef2e7a] {
    display: inline-block;
    width: .3rem;
    height: .3rem;
    line-height: .3rem;
    color: #fff;
    vertical-align: middle;
    font-size: 12px;
    text-align: center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABgUExURUxpcdpfR99uUeJ6W99tUOJ6Xt5sUOFwVP9/X+Z1W91jSuFuVeJuVt1sUd1mTOBzV99vVN5rUeF1Wd9uUt1oTuN9X9xjSuJ5XOBxVtthSeF3W9tfRt5qUOJ6XeN7XuR/YftCga0AAAAOdFJOUwDwUdR47r2RCBnaMyzsxeIrIgAABD9JREFUeNrtmtuSqjAURAVCwlURVLwN/v9fnkRodyAGCeHxtFTNW3fSOyxrwN1/baSkCJmIoihu21j+ESwsku3cc8bjs1TXnbs/pVbq3nKWb+Iu4jPUdd1fJ+2Vv/rcY+GZkbCI3KW/Wv3fkHC/1/e6riO2vqtUX7y8pFCP9G+lvdIhFum61St7kmoH/Sv7fgOIWLGLMH6N7LuhoPZTEHSQikLXdvjrpQf09uQuBXd5KfHUdfmTgLe9SrhT/1LwP1zj0KH9l9R4+fKi+tE/rf8qr+vSSaTRtB5soJ1uAP7SXomny/1f0/PTon9aP7kr/6q6VtGChCJW/loA+ICGtPVD17cqqbJY4j921zegHx99AL37koQ0fhkBsAeAaogaqipKSN3m24GfOD/f+xkCmqppspmEJJL2egT8tYLQTz3yH9QocftpFVSPyX+ltv5ocoB6+z5BWO9f9D/eANVfEyCof9hjA83xGFoHDHcr/6HJ+UT/Q4Jl0ODbL/7rUvYQ7KW4pSCT/+1X/tdoR/lrG4D/15ISB/4bB4jaGQIy8yQJR/5j+UY9Ss8nMyfsyn95/05ugKOWYMxZuPPfrL/B+p8nbIEmMMt/Wv/X/quJv0oox1NgZ1f+Vxrg0D+t/3Q6jbcQreS/foNpAUqZ7p+v5j/84Q5/qVwfsRv/r2Y9DQWcBunMi638r+f5D1E98N/vS60hL/7rAyZ/mUAdsY+9O//N9WMHe0Yc9eS/sYH9W5zust59Lf+/rV8pwL1W+PAf9nrCflCBbwJ//iv702fAUIgZz/L/MM9/6mfqT1MW3vzX26GAiwCI/Pmvz5cCOAI24P+QoK//cskowJ//8CdRQLyG/8cR/4129hepYAhovfkPf5IR4MH/k8WfAuIV/NcDoIk9BUS+/Df7V7rdMgRsw39jAxSwBf8NdykOVDjznwJs872pjwDs3PkPfEJ6/7QDBlyv5P9J24DZkLyA68Kb/+RO9lIFvjLt/K9c+H/REpSCZDeIb8T/Pbn3hwhiHvw36r/1AQ81YyivvflP04Uej3z3UezGf6rfvoHHI9iRxCz/m4X8V8LypYQWkPvzHwHwR0PA0Sb8h/07INvpYv78hz8C2OSfwC34j/kq4S6DhD//B/shgRn/iMPfg//KHxswHrgIf/7rAeLL4zRP/qN/TMBQOM//51HaW/h/GyZMAeHui/iY/407/x8QtzxS8+M//DFhU6GN/89l/H9YC4KEH//hL3Y2JfwH//dz/Id4MvdoeT3/oWz+4XU54dtzOf/nBwwVJfGfAuBvBhj+BZzsCSv5D/+fSrN1/Ef/CxK4K/8hni59zXVc8v1rnH+HF45h6cB/1B+6vWr8yX8EUD1uCjMn/odrXlaXS/kfoH1Hpaxcwv+ApR6v3LNf/M9Y4vujgdLO/0DkG/3sITDxGXCWb/zDDZ5lgVSW8f6HG/+1jf4BUszzDaFnyW4AAAAASUVORK5CYII=);
    background-size: 100% 100%
}

.history-table-title[data-v-58ef2e7a] {
    color: #fff;
    font-size: 14px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#a4b1c1), to(#67717e));
    background-image: linear-gradient(180deg, #a4b1c1, #67717e)
}

.tableWrapBoxBodyTableTr>td[data-v-58ef2e7a]:first-child {
    width: 90px
}

.tableWrapBoxBodyTableTr[data-v-58ef2e7a]:nth-child(2n) {
    background-color: transparent
}

.tableWrapBoxBodyTableTr[data-v-58ef2e7a]:nth-child(odd) {
    background-color: #e4eaf1
}

.tableWrapBoxBodyTableTr>td[data-v-58ef2e7a] {
    height: 30px;
    white-space: nowrap
}

.tableWrap .tableWrapBoxBodyTable .tdNumBoxOutBox[data-v-58ef2e7a] {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.lhcNumBox[data-v-58ef2e7a] {
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 50%;
    font-size: 14px;
    color: #fff;
    background-color: #d9d9d9;
    margin-right: 3px
}

.lhcWxBox img[data-v-58ef2e7a] {
    width: 22px;
    height: 22px;
    margin-top: 10px
}

.lhcNumBoxN[data-v-58ef2e7a]:nth-child(6) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 30px;
    position: relative
}

.lhcNumBoxN[data-v-58ef2e7a]:nth-child(6):after {
    position: absolute;
    right: -30px;
    display: block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    content: "+";
    color: #535c66;
    font-weight: 600;
    margin-right: 3px
}

.lhcNumBoxN:nth-of-type(7) .lhcNumBox[data-v-58ef2e7a] {
    margin-right: 0
}

.ksPkNumBox[data-v-58ef2e7a] {
    vertical-align: middle;
    width: 26px;
    background-color: #d9d9d9;
    margin-right: 3px
}

.historyBlock[data-v-58ef2e7a],
.ksPkNumBox[data-v-58ef2e7a] {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 5px
}

.historyBlock[data-v-58ef2e7a] {
    min-width: 26px;
    background-color: #f76c6c;
    color: #fff
}

.tableWrapBoxBodyNo[data-v-58ef2e7a] {
    width: 100%;
    height: 300px;
    background-color: #f9f9f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tableWrapBoxBodyNoImg[data-v-58ef2e7a] {
    width: 150px;
    padding-top: 60px
}

.tableWrapBoxBodyNoImg>img[data-v-58ef2e7a] {
    margin: 0;
    vertical-align: middle;
    width: 100%
}

.tableWrapBoxBodyNoText[data-v-58ef2e7a] {
    color: silver
}

.pkNum01[data-v-58ef2e7a] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABpUExURUxpcfDGSvTXXu/DRvDGTO/FS+/FSvXGS/DDSfDFS+2+QfDGSv////LNUvDITOy7PfHLUO7BRPHJT/LPVO7AQ+u3OO/ESfTTWfPQVvXWXPPRWOu5O/HMXfLQZfDIWfTVcf324Pfhm/nrveQoHUMAAAAKdFJOUwDz8/9OttkbbJtwZvzjAAADIUlEQVR42u3Y23KjMAwG4CXkQEpCiZOwObVJ+/4PuZKxJUuy9r4zFe3tN78FaET+/NaPr023Wi+uWH/nut0ul8vxCP/7VOM4hnFs1qtu4zPba6qkIHO7HEE6EoNOCGEYwrB1qCVkSZUdlCK0PwoIGahmWXO6giEImFikgIM1YPV931XyXKlmZT4ZSpQmUshkp59Mps2CFMozn6o8V5idkBioRvdpKw/GcSiQOFeWpmmrAtUc258xxqE8E1QrI3WSSQejBomDcZx+attW9ntVQqjcIkOOyMOJEFoJaC0CxefQ70+fAkWnXQtoUTBYeL+iJJyhvF/IYDUCUu/XDZFLZuCSzyHnwRKQuV/U5uMz1pgU6jM5BwFxHAV9vHaxPsTzQ4yBao8hQk9wEjSEss8knSTkzJ8nEAkSccg5HBRUnz9fuwIK1GaUMgN/CrLzBx2GavfrECUF2fnzvRMQO23pnFQiO38es/AiqCeIHHs0NX8Yen0kKDPUnxYUuN7eBKTmD0Hf4yNB/H5N4mAnCdn5E4WvEDLEcbjNoOhElfnzAGdkKM8fgjANMAoy8wcTPUMYZCKC4FCQCBQL2fkDDkgMTYWTElnImz8MiduOHULGQu78IYjzpD7XIVDkWKX5wxA7wLDz7kL7BIUSeqDBJ2NGQcjI/qT5QxDPH7hKR0J6/+FxmKFqf4BRUG3/QUZCljFQdf+xUJbysWwiZ/8REL+mItBdQ3b/UdAhByJnpgTk7j/TZ4Jo/ijmLhO5+w9B9YPd9dG8/Ychmj+sIKQT+fsPQXTfBXRXibz9hyGaP1hFnvtZQN7+oxIlJkPRkYm8/YchcEwcdM4qkd1/JPR5MhBeZw0Fd/9hiB0+VwWy+4+EMgNXYupQcPYfCZECFzIWakQcLGf+UJEjofWg9h+PoWMRtBbQKuj75cwf7nOulYA6dojx5k98LxjqBLQxD6IzfygP1UZ9Zun9x58/EtrqD79G7T/+/HlXgVQtJ2//4fZkpYAqn8fd5Ow/Apol2WmTqRH7jzt/ilp6PyBkCBB//nCfN//9SaPh/cfGISX+pPFbP73+ARp71v0bCPv7AAAAAElFTkSuQmCC);
    background-size: 100% 100%
}

.pkNum02[data-v-58ef2e7a] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABsUExURUxpcXWm/2aX9nSl9l6X/2eX+GeW9meX92CQ9WaX+P///2eY92qa+G2e+GKS92uc+G+g+GCQ912N92aW91qJ93Kj+GST92WU93Sk+HGh+FyL91+O93Wm+MfY/Pf5/oOq+d7p/aXC+rjP+5W3+XmE7TkAAAAKdFJOUwAatvMbm9ls80504tEEAAADGElEQVR42u2Y2XajQAxExwuLwYyJiWM8ZjX//4+hW2qrJXUPzzkn9ZaXe6okqAj/+dWP1y7bp4eu7bp21c3q8XjURlVdWV1A6T47xjFJB2qtAGM4IA9ztkp2Yc7pgBju54F+QB6oLPNTiJMxOy3L5WJViAHQqizgp0N5GDCEGPIDFAsqlafdgTjkp4ZcgGJ2ANOUuZxTojFGfi6U4wCpSYQh9AOYlu2LYklOY3SMTvoGIg7Ix2AwKz7vvcAYO0CSucgOkO57Bkpj83FjrgK5LOeeMtBBPoc1f4A05g3KGcj46Viw+IMIIOSsYiBDUZwKVI/zvLSBXHejr79bIETN01AYDdMo52M5EkRzZr0xTsVbw6sufT/Nilk5HBTpn7lgGh6Ms0qBwv0zDgVX7+VqwI8AhftnKqQWAEEuIwkK9s/sZrOMMzIHmjNQJEj1DxkaYFs9kNqSMEBSIN0/MKH5bIV/LZCLDH18CJDunxY8jPgcToCl5wclQbp/2pdVDRzM1lsO+ZGOtvsHHb1sLC+YAG33T40TQzuIUaDt/nFbY/PRoM3+mYEzoR/EaNBW/4xYAWCIgZ4MpMdMhohTzKZ/BOcqQITSdVhPwOmtHdwXcjSoqmP/vs7ImZovGWvlCBByCKQXNlUwH2FIR9N+QK8CBx30I0DB+4ctfhihfwj0DIFia6eFLRE/138cpO8fsfgV4/t5rntHEgPF7p8bcnr2mjJD3FHk/rm4xZeAIRJgdLTI/eMWf6H+cXaQIh2F75/34ikYciiYAIXuH1o8TVn4MfrkoErnagsM1nua2XwMRzrS989YBNQDB8ZjOJ/Ckb5/YiAMhn4kSBmKgp5XxtGgs+TEQQ4TcoQcdv+EQXw+ARBI3T+6fygXkHIGSpkfBEXed8pllfKDnTh0/6j+YX6c+MGe6Tsz2j/ODypjoKPrn6ZETLx/cNBO4tM2IQzMOd4/nJPID7+cH+Lx/uGcHA2RTuwOj/ePoXigwOdx5s1Z948ORpNWnnLH+X//ECc/xX5A2JoP5yQ0H6ljtk9z/Vro9yu3P2n86qfrGxCo6J98c+5YAAAAAElFTkSuQmCC);
    background-size: 100% 100%
}

.pkNum03[data-v-58ef2e7a] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACWUExURUxpcWdxeVhfa4aQmm93gmdxe2dxeXF6hG15gm94goeQm4aQm4iSnP///2x2gHF8hmt0fmdwenB5hHiCjH2HkV5ncWRtd3V+iWJrdWBpdHeAinyFj3R9h3+JlHqEjlhibIOMloSOmFtkbm94gmlyfYGLlYaQmt7g4+rs7fz8/ZyiqpGZoPb397W6v6qwttHU2L/DyImSm2WDQwMAAAANdFJOUwCb8/Pz2bYbbE7Ztpv30YoIAAADhklEQVR42u3Y23KiQBAG4DWikoMQiYkueCBxDQQE9P1fbmfmZ+zqniFepyp9l5uv/u6BZsyf3/rxNQsfH8bvuvI8Px63qpamsmy3273oStN0tVoFk2k4G2aePlWB0RAxygGUakfXZrOJRwPU/RgM5YFEeSD1jKrg3ueEF+vkzMl0IJ4HTJwkSejJoxyCNAOHGEjMSQ5OptkYjlIQCAycDI5SKFBinEMg5/REjWmGHBMIjJvnEEUjEUgxgMAwBxCbT2Iq0sUjhWBozgTRfHBclCcyxef96Dt35HnZefs6qNLO85RBD8PzYQ7mDCgyzvOEQeOB5ydDW3A2vWPnDChg0FAeenxoQNx5/icgcuSYj1Xb1i/83K2iHAnRc0iQkvLuNNf1VTYr2RccATEGban57BrDoMq6j5NEKMMsFhzy759izqoBBAWOhPz750wG+qvhIA7yCMi7f6qvuahyhccQfemSkLt/qLGyravzqW+O5fEk8u2fHQIVqT73HFKhA4GBIyHf/qkxlyMeoNb8dWIDMvXGIN/+aZChfw636G0JhhwB+fbPpdJV29cCjdZ9HHI4dHv/LJFoS3MGI6Db+6cFlJDTQ2sG3dw/29I4nZ4PFDgy0bf7Z1VX9p2rZV/rtZNoeP9crq9Ixc4LDofYmOX39GKd2uf89UGQtEN7laAuQWNgTDlQv3/4fcOuw2trZQaF8ihHQBSHHAZBiqmvvjEB+e4/dq9GMZ3aeSH6kpDv/mMgu3/SAvNOWR4XGrr/0BrL8K61Ms/rK4MG7z+0f7prb8S40OD9h/YPFninGOrrVTkSct/TwlRt9w9BcJDHD/FjL9ELGru2xufjheT9p+gfHThbDLsBQ46AfPef1r4Y2rGflPe3NfJY6ONDQO79Z4kM89O5au3nqEQgciTkvf80c1lf70rhjoD8959OQu3aFBg4AoIj7z9xyZ1OtqVrzyHZFx7DhF1rKnbugPZ7ASGQe/+Jm8JYZdEulOI4EgrgeO8/i/gzj95USQfQHYMmtH+c+4/7vqOQZz9h0NTmce4/7v6xTA9NGRTK/UOOzCOcfcigmbN/yBH7h84dJX5njeT+IYbvHzov1Ej+8Avk/Vl+L3geK93NnJ+iCqI44sB8Y0Z5fh6H3jkPPz80aSdTwB1A7v4h547y8DmNtCPvP8zBnHtohPl4qXA6CeT9Rzomi/mXxm/99PoPHlM78yHj/ooAAAAASUVORK5CYII=);
    background-size: 100% 100%
}

.pkNum04[data-v-58ef2e7a] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAB1UExURUxpcf+eTP+OQP+7aP+mVf+lU/+eTf+qWf+nVf+nVf////+sWf+lU/+jUf+xXv+2Y/+fTf+nVf+hT/+tXP+ZR/+bSf+dS/+VQ/+5Zv+vXf+pWP+XRf+oVv+RQP+7aP+yYP+zYf+3c//Vr//ixv+vaP/Glv/r2umz4EwAAAAKdFJOUwDZ88hO87YbbJv5K19uAAAC+UlEQVR42u3YW1PqQBAEYG4hiUnEgAch3BH8/z/xbLbZGSa9y7tVdvkgL191JtQ45egvvz55MZ0ej5uQBXI6n07vfbbb7cqlqqpsPC/yNFMeEeOcz2fHqFP5dF1XlQlqFpgjmOC4QmAABWe/32ezmFNIHQTMAo/l4hXnKNS2bZHuA0j7ANLxaJ/WpaZOuTDGkTFDUqdrvVNnwzmVCQeQjgfQHoVql5IKwSEoPp/WBVCT86Q39N7P/N4xIGGaxs57qoUW4kgfcsAAmluInssxKacVqHEZGwiO6QNma5xO5gOmT2YhHQ+CPqijkH5/ArRcLg20AaQMCm3dz8rlgqCQOpAsZAuBkflc3ny+Q6FnhqDEc/lC34AuTnFOjUIP5uODoNT+0UKYjzgJKL1/pJBlGs8QlN4/oZCMR+pAYoj3DxWqddDBWRsovX+0kB0PHIKS+0cLwQnvCwPqHYKi+8cWAhMcMAzx/uFCOh84DCX2jxZSBo5C/4YQ7x9TCOOxzrp3BhDvH1OIvodwGErtHynEz7VGIYLM/qFC6CPMUvoMIbN/pI8UMvtHx+zzaSCzfwQKhZyyuvXp6LkIMvsHjCl09b/dpY46FkIh62ghA4kEZgDx/WMLNQ9IGBcwBPH981SoCdCS+hDEf9+1UCOQvHZxdjsL8f2jhRoLWWcARe6fK6CfR8KH+wP67KEdQ3z/AKJcHWMKfVmI758kBAWMcxiq1HkFoY46FmKnfgXJfL4IovvnJSR9GOL7Z3V7zhXK7VY7RfswZO8f3j+A7mY+MQiMFOL9o5DOGTnEIBSK7VUDicMQmPj90zsCiSOFLJRhznT/8P5RB8xhYqCxd/j+of0jjkBjA80dE79/eP88My5zAxUOit4/vH984PgUBsrl+0N9yJE+SD4yKdvk/WP3DyCVypFNnqXuH9o/u+dCk1BIMkveP1DouZDZiFJE75/0fHTS1CmL3j+0fxSaoA8lL2P3j+wfckqZD1PFfJwN7gTaPwfnTPy/NP7y2/MfQocBuLO5UrMAAAAASUVORK5CYII=);
    background-size: 100% 100%
}

.pkNum05[data-v-58ef2e7a] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAByUExURUxpcTvjyUPmzyzcuD7kyjvlyjzkykLszz3ly0ro0f///znjx0Lnzz/mzDbhxDzkyTTgwkTo0Ubp0zDev0rr1jLfwC7dvUjq1D7lyk3t2UHmzTvjyCzcu6n06GPr1pHw4FTo0Lr26+X8+PP9/Hbr2Mz38IdSlV0AAAAKdFJOUwDzm5tO2bYabPs4xiO9AAADY0lEQVR42u2Y23LiQAxE1yRge40ZCJAAjrG5/f8v7mhGM7Iu3vdUpUOq8nSqJctdTf786serrFbL+hx0CPoCfYB2QWvQZb0ulquqnMcszqjDmWOA4z9r5Fwul9ZrMYN6By8IigKM/yBmAmpBp7Z4tzgVYYCEnGyIOF5IOp0qw89Z+yFDxIlzIcc55amsMyXZOSRDfi7A7JKfjPGgQu5pMRmMFqQeGGCSIefVuYUwRByioJ1AQbGxAqjhlio1WMJ8sPtpaTCguKbr+L5XCYQCDPyCH1D2wwx1XdM0KwZaTvfzJQ56LfZzap0DQ34uT1oyUE12kEJ3qB87DtY1oIKB0mQEirLvEP10kcRAwlCEXA0hp3N+0VEbBkIMgeB59X+VHmEsmstyFCkHOkMT1LrA8UqGOMjMHwsU7TgytOGjWfljgsJ+Jn42YkdW/tigeNBZG+FI508G9cNUbmrI25EgM38iaOQvKoAQ4z8KZOYPglj+oB0kaZCZPwji+eOaZAg5WwYy8wdBIn+CCLSVIMofCRL5QyTAKEeUPwo0Drf7/dUPtZPrAZB2pPMHH/8j3dDA9oMcATLzRx3kjc8FFAky80dfdk+DBWkQQijnIZ8BJHQNFPQTdRSgnSgcbZtBt2Ho7/hnMBSEmKME4T0jxyuDnnDOI5Jqbui4FSBuB0jZUR/z54lUj2CG9hxk9p96BJ3i6+7iFQzTwY6gPQOZ/QfumfLnFf2xsTxGOJrrP47y5xa3zQ3tPUmC6BDt/OkRRPuJhiSI+o+dP+SI7MCPcqT7z9gHRRDtaEuG9qBPBrL6T52OOSoe0kCUCPpUIN1/7tP3K98RghAjHZn950WWNnW6bBoLfj+lI7P/DJN37YF/0gGBgKNAuv+0D/3253s+AkeD7P7z5BRcdd4zkCTokvbD+88gci1xkBL0LUCIEf3neSfMPc5FD8wC5bFk/+mGF2KGDjhoiEDfHFTkRev+043X61hT/tBgBmiZMKr/6PwJypjvJS/sOn+QpPMnYAjEC3tF9yz6j84fEGJAFQOVp7n+o/OHMIFUiq9ZZv9RdviDB73JL37FTP/R+UMYNMT1PtN/dP4wjvH1uLL7j84fBNGmlafC6j8yf7QfrXJh7+c4s5+38r//0ihY/1H5g5zwL41f/XT9AzW07SOe7VK5AAAAAElFTkSuQmCC);
    background-size: 100% 100%
}

.pkNum06[data-v-58ef2e7a] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACBUExURUxpcbdK/9h3/9Z4/8hj/8hi/8hh/89n/8dj/8Re/9d5/////8xo/8pl/89s/8Zg/8BX/9Fv/71T/7lO/8Ve/8Nb/81r/8hk/8di/75V/9V2/8Fa/9Rz/9Jy/8Nd/9d4/7tR//js/+i//9iS//78/854//Pd/92g/9SC/+Gs/+/S/xKeOu4AAAALdFJOUwDr87ZOm/MbbMTZG7UozwAAA1hJREFUeNrtmFFy6jAMRR8UQlLShraUpKWUhpBA2P8Cn20pc5FkL6AzvX/8nDmSbSH495dfn1X+8Dg/fh6Pny5fLofDy+El5DlktytDsqLIV2nM8kj5DHEYH+YwhkhPPvUygVrMGQMfiXEghwHoKVvEODl0FAdCO2A8qa7ziM8RIOMDjg84TWOcVnPFOXyhzxOG+lMCUzWZ7tNS1QWhZzZiHfg0LlW1VELwQVkBhLIoKMthfKRSbkGM4cI8CRguLET2+wGYkHSfWaduKk/aVttCgB4T/eELVIY+Q6hpJqGtAs1xD3GfoYO6SMj7BIxLJkDwwfvCwcPHhwojHx8BIh1whFDZX0N2OC9gvt8jIPRZ1tWufdqSOAL0rUC4zxDiPu/KyzrkQjoC4zgGlJ4/A4SETijMgNLzp2MhwtTSR4PS8wdCNRpNNjFQev5A6P5dUFk++70ApeYPhO47TTrEUaDU/IGQx+A+M2n/vt9sBCg1fyCkDh5CEpScPxBqYv3Za6Pk/LlBiDloUMAoEPocF8L8YQ73x4Ci8wdC7r2L/qAuDUrMnysJjZex63Fe7MNCHwIUnz9OCGlHBqHPERBTwIEQMvTehzDgvCoQ6sI4PK1lzj36s2GOBmH+4AusP69Vborz4TjWiOvi3Amdh2FCduhPiAHp/SekJcypduc1Eqr91j4KFNt/uNUnOvaRPr0A9BEH2f3nQkJPdIEq8uuEj8+PBgkfnNkwPS+6U6MHMYZJCmT3HwKdpvvMHx1EChkjHLsA3fh9TSDy2RDGlhbbf6i97TR/BgJBJ1C0UWz/6fjq0Ny48ifioLCfNwWy+0/JV6f3nJ4vVS18PEeCovvPac038nI5EZQqQ38cR4Gi+0/ZrlXain24PRYU3386DepQGDdIg8ARa8t4FlNkDPNn4niKARHG7j/9cD/XqD84rxiISJH9p7u1ZyfT3lAW+mNBGRvZ/cel6vtqehioa+LMBKggTHT/Me8dOnFQYv/B/ImDCgHKHcjuP8Do/rwhuQCt6tT+I+YPzh1ZqZ9Zqf3Hzh8ptNQ//LLE/mPnjxCasRCySOw/Zv7IwiI/j/P4/mPnD4JOS6fM7j/KR3Fmi9QfCNH9J9kf/IFgUXlRZGL/Sbyv2cz/pfGX357/lXEH+4Kz1HoAAAAASUVORK5CYII=);
    background-size: 100% 100%
}

.pkNum07[data-v-58ef2e7a] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAB7UExURUxpcbXH2p6zyf///6C3yp60yYifuKCzxqCzyZ+0ypSqw5asxKK3zJyxyJ6zyay/06S5zqa7z6C0yqG2y46lvq7B1Juwx7TG2Kq90ai80JetxZGowJiuxZCmv7HE1q/C1Ymhu4ujvLbI2drj68LP3cvX4vr7/O/z9ujt8p4g6PUAAAAKdFJOUwDr6/9OtusbbJuSAgY+AAADZUlEQVR42u3YW3PiMAwF4IUCCaW5kLRpoAXaQi///xeuLR0jJNvw3Jlq9mVfvjk+IcL039/8+inK+WTyTLN3czgcntw0fkY3m81m7aZt236Yl0WeWX64ueKsg9M+uOmXGWo2iRhAiINAwen76SzllIgTJOeAYYkU5GGo67oykYccYS4dVQ/ykNPVUaZiAggOSw1BYzNuWGpDoJ6lup7anpYq0EEH8orumQPVbpYmkCh+WEEcel66H1IYGoqo6Zs9g0HPxFRVpfue23qoH6mHGFMPQ8NcQRP9wEwe6UceWHCGQUOSx38M5Xlt8Hlu16jZ9UMOMR6aKgh5zONqfBpA8rwEcoxNdM6zF2f/gZFTu3kIPdfMDK8xZPo53qWmAVRVOcgr6n3PQXXHeSp2DBTvjSwEB3m2WwXFThYKNSPPq4ZS+ycNjXIuDqQh+14IdPzEfDPUomfE2a5WGor3D6ATPj/rL/rvD/qB40ZD8f7RUP/wyYFOvh9IWx/o/l5Bqf0DCJ9nPtlXx0XLwVYaSuwfBXV7DnQMjlOIsYlMzwx9+znx/sEjbM6Ok4gx0K3906NqOAP37BQL3do/J1Rt+omhW/vnh6vuK6/AIcZCN/ZPg6o5zrClfpJQOBUemPRDXxih6j3qUc6Lgkw/zMgXKlf9LT2DSUIjHUwHIqcOVX/CQc1wLDRe+YI/ctWtczhOHmJnnf7ewft6xHPXzMtOQan7jx/ahnhfnxFIQbudhjL3H97PeF/1xxBxXnaPCsrW4+YZVZPjJXFcIAPl7j9uqiNWI/aPDDsayt9/6vC+Jg7mGAvl7z9VeF/x3IUh6NFC+fvPT6jaO+ZcMZS//4T3FfvHMhbK339Q9Wj7gWOh7P2nQtWXjx09E/T++K6g7P0nVI2eb0Jm/8j9B1VXK/s5ZMb9e9OQ7B91/2lRNTECURyS3i0k+0fdf/C+PonD7xcY72io1y8YzpXaPziYQAsFDeJE95+YQSDKY6C57B85V3r/SByG5goqZf+Y+4/dP6pnP6WCinM90k9u/whDUmF+Zsn+MfcfmUvnHGhpf/hNz3nAZPcPnDeaBQLJzOoQCEx2/+BgPImfx2Wte07vHziA0LTNNL08V37/SJ7FLPcHhGv9xM6yuPYnjWH6Cie9NthZLPyfNP7mt89/hMH6RKGWPygAAAAASUVORK5CYII=);
    background-size: 100% 100%
}

.pkNum08[data-v-58ef2e7a] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABFCAMAAADerVCrAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABsUExURUxpceN/Y////99vU95uU99uUuFvVeJxVd9sUN1uVdxiSeByVt5sUeF3WuF0WNpeRt5pT+N8XuJ5XN1nTdxlTOR/YeN+YNtgSOSBY+J4XPzw7ffY0e2rmv75+OSFbumciu+4q/ro5PLHvOeUf+gNe98AAAAKdFJOUwDq//+2m04b6Gy7m46qAAADd0lEQVR42u2YW3ObQAyFG2MXsCEJIcblYq7//z+W3SNGK2nd9057Jg/xg785OtoVwj/+669Xmp/f3n7tuu9qnKpdX05tW7blrnevLDvn6WvMxTGA8aQKnAogcDzp5nV5gfrpvYR+GNR+lZDDECi5ZT9jnPygkCFfFhfWgkMYkJIkj/gJ7cAPBIz0A46T8ZRSXYcdhwLG1eWCRj5sB8p0ThfCKENUF+xAAlQUF2VIxHwHhThl2RpOQiqSIo0mLe1UNmdgGFQUMu+zzJkbhnhU3xmz6yxAb8y5y3yoLmUIGE/KFAg5e0rAEedQ9gsYDbLnhznwY/tFoE8FIs6dc/Zt3/+abRi2hvtFdg5OFKTy2UnV3J28urliToBRIKIwh+7pAAxQQ9B15lgQMGL+rCehntoFFDh1bUFm/gwnpUEY+vTSIMwfUdf41KDnSPkwxjqy86enb8/bdmTVq3xqDYrNnwaGutF1q1lAamCI/RhQZebPhK9uN68Nn6bAUO1A398KZOfPgMKOc9ghblAKNiRBsfkD0EKcBInNABHFOorNnwmO6LqTo4kDAsY4svNnpFRwCimjERzCOF01yM6fnrrmDFHXFuEHJA2y82c6ztG0zU+yF3K8n6t0FJ8/60lpRb9q8lM7jgTx/AmfFyiO1SdFwIEfDYo/L5ou5HRNoeKxjuieKs64MAW5MwcUC+L9B+L7JT0BQ4ZegBBPsP+sQdeO28/9ijuK7T80jvrGXfdjpoyiMAuK7T8zzbLCq4SnFfeCQY+HBAk/EDysx/wBt2c/JAkqW7uOLXJuTIhbxPPYDUmQ3VsYBA6Bnvt5Zj+O8yFBlpNQaSjsKG0RhhxHg+y6sVLY4DTUwyBnjzGO7P5Dl38ZPYfaP3xfw8I+tKPY/vPe0YFch2F90v8lB/QAR4Ki+892MpqCtjuIAcX3n9nMowCDpC0otv8keh4VzCGKBcX3umlhTDdxPozRIGDs/pMMfecp/VCIuhC0AWUARfefOhnHmz6H7OgqQXp/1s9ByzlQmVzY+fjo/Qcgdb8CyYU9Z0Nq/7Hz5yFJuQClumHWj20YlKrXLOmHn4N6/qBfrIt+8csMB37s/BGOrql5FVVBA4N0xPyRirwe5+782L7b+QPZpNlTBozef7gwUxf8GKUX5Qekl/lc0j/9pJFlwpCdP/CCnzT+Df0GHh+7XYePU/0AAAAASUVORK5CYII=);
    background-size: 100% 100%
}

.pkNum09[data-v-58ef2e7a] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACcUExURUxpcZBfNbN6S3ZJJKFwQYhZMIhXL41VL5lnO5FgNqV0RYJSK3ZGJYpaMqh1Rf///5BfNY1bM5loO5NhN5xqPZ9sP4hXMIVULopZMoNSLZdlOoFQK6JvQX9OKoZWL6NxQpRjOHtKJ5VkOX1NKaZzRKBuQKh1RXhJJvj18ufb0qqEZMiul+/o4trJu6+Mbbiaf7+jjJxwStC6qKJ2UdtEimMAAAAPdFJOUwDzG/Ot2ZsbbE7ztmzz2W1hoQsAAANcSURBVHja7dfbVupADAZgK6cqKu0uclIUYaulSOXw/u+220kyIcnMvnctc+fNt/5kOmG8+q0fX9dp9+H2b1OvTT239f4INW7qj6tFW0mvmw7iTPejKWAQ8oqA1uv1arUq+hHq5hYYysOBQOE8jmkquQk56Qc7AL2/s4NSqzSBwMmyLA3kEc6zdjAP9lWA05TJdH1r5vNs4vj5tAxUoucEcyYIxgOQGhAwJOV5XwXSYxZtjUm5HA9C+cBMWkGRPAZKZWfIkBNpi/sCpq2hgB5knsvPGSV0VtrJewIK3IsxOFgNQ31RV1j3AqK+cDwEscPnXghnNptpiB19TavvQ32Ec7eBNGQD4cnvvkauyv0ZIGAyYhQkz4vz1MAAtVt7h5nJRECR/bMbidouMqwoFN4/1UjVSczHMQoK7p9H6ourYmjmSkPB/XOi2dTVAc2vgo8LnRcBBfdPCc653T+LPUVCBhwL2f1DE/qGD+gI7A6dnJgXDdn98w2BcB8WEGmPediZCii0f3Zw5HQt8E8+d4Cm/4Og4tDMQ9OpgkL7p4bWCoSgtRM4E59nOleQ3T9HPCdwCvgADuDQfEyi4P4poRm4XjtkXV/szG0iu3/2eMOqIjvSx5mxA9DcQt5Z4J4/l3TvyxHWnhsDxkJjV/L3/WDvGt2LCczHQqhQW7BX11vlbH0cH+jpKQSZH0K1kGqGpmEo9P5xp17ty3ZIFGginJZREPdlf0+PdVX7QDyfuSsNBd8/vA63EAgcmedpKaDw+4cgWij4AXEeC4XePzrQlzgvYpYSir9/LgKp4wJHQfH3DweaUV8MLQ0Uf/9wINw/3NjSQRsBRd4/KhDed+oLHAlF3z8ciObD5w6OhCLvHw5U5n7/IATM2+ZNQPH3DwY6mHOPQsjEA/FniHPetPWmITmfPFOBaP8Q1JZjFIR92fePCcTHBY6CEvUhEmT3DzLsdATUo/0jA9n944ocVz0BdWUeiqP2DwfyzOfnUECpOHeCwvsHIXQ+7wQ04DwXTHD/EEOQ+j+rr8bcSsH9g44P1CeBIiXMcFt2/wDETgcDcd0ICB27f3RjgX+PU4A4kN0/6sBo0iZTIr+f2P7ZeKZDefSc+sKJ7R+eM8/HUOmwd49QZP/gvegN7wZXv/XT6x+x00ChXzG32gAAAABJRU5ErkJggg==);
    background-size: 100% 100%
}

.pkNum10[data-v-58ef2e7a] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACfUExURUxpcVjGZGHHYnjMXmHIZGLKZUbDaGfJZGDJYl/JYXrMXnvMX////1zHZEfDaFbGZVnHZWjKYnLMYGbJYk/FZ3rNXmvKYWLIY1LFZm3LYXbNX0vEZ1/IZFTGZmTJY2/LYEnDaHjNX2HIY2rKYnvOX3jPbuv57HfQe5vcm+D04Zndp4HSd63jrvT79cbsypDZkorVe4TVjoDThW7NcmfMert+vM0AAAAMdFJOUwC22fObTusbbPPZtv038TYAAAQ8SURBVHja7djbUuJAEAbgRVGCS4AgIUsMh8UYUCEI+v7Ptn1MMzPhYi+tst2ySrbq8++ezCTx1099++pFvx9uyzQty/QvVJ7nE6nVfD6Dr+fnJEkeHx/7N52od53ppmDgPyh2RFmBAxIzWMssWxbdK9TdbVoSU6KEjEGgQBGUMJNtNkX/rs2JUkI4k+SxQCgJAxBI2aYo4iJqyUOEWMQoRAzleQYnEWaziUGKg0w96IsRLHUsDkjMYGNAUSCA+v6cuhSIv4EDkvWlDpT0hU6MTjzueoHSVDuThTeImJkuWIaThsYUGruRorLkywfztDVG89EBoQOdkTN25/07JQZKHI2jebQxzoPjEWfccaAHQHg+fl8UCBZM5rOkKwjaUmd040C8ZnoBWV8ryqOONKZ9xeiM+g5UWh5csNwag0A6oGWzYOZAORApzYJ9UNmVKCuWJefd7py4TgiRhMzL64DqXZwZMvC1r/jzam8Dglo4kF6IcCV+VAOBkJnrBXSkj4U6ihNCZakrfzwMDOL5YO0HTu3HTSA/keyM3QBKoJnN5zzw6qSOB+mC4S+2RNQYTajyoSoZifPHgaSvenAJWSDxD/vTaS+t1+p4EK37i/w2hebEAFSxs8Wd+ik/YGfo+InyBnp9bxLJjt/yBzu+go7805kDhYlygerJi0J6RJ/4g09y4oJ/Oi7YmTpQniu0n6wUanb8jpvRC5p7e0MmgCgQRtlNVg0kzFKgSo+yV4GImboQb/iXwxEcg/RIFIgZgxZXofyDdrxBlKeBYhfiQCFkR7RAWz2iFdKdatA0hCbihNDSIHAcaBpCwpAzN0iORIFkx3vQUzs0v4DkiM4KgcgxaMpOANm92SC5hRk08qEnD9LGHIjOaHDi/4bkSFQoy9hpEsnJIRA5PkSMdJYoRPew4iokzjqAVvqsYInkXigQOx60diF08BbmQHwvNEiPMoE4jwddPAQZxA6UQbi/FHq6As3EMYgGbUfZQU+yiiF2hi6EeZqj3oEwkdxDvhYEjeQ+Agw4w6EPAcNHvUH6rPApNzM+ON7kv8lZexCkgaI8Bkme5uA4nBHaHnhi3NgwgOxZYdlA6oz1dle/vdV6r0UmhGDF7GlcoVidEUTy6nW6xgoT6YAcqFBo9HXwoC9mWiFgyFl+WqLmWeHoOscn6SuEKM51aPFVG1NrnhCy1wzYYAaRojvjVFe0XPWJ16sV6st89HXFFkwdOupH2+2Ud4Y59w50Y0/RmT1G+46eQJeNrV2oQ4wGYsYCIaOS7DCrjgNFEIhPet6pzpzDQMMLKXKgnt7CwjzIhI5Vz3vNagLFNCFbMHFQUueyuv6LXx/mzHlaF4wrzHPfC15FAdrYghmzsDwtgVpejyN9T7VBW2NhnnDSlqm/CfoKB+30dXftDwiQx4OIMceBujafgIo6N/32QG6c+3v8k8ZPfff6B7GAI0xON+mQAAAAAElFTkSuQmCC);
    background-size: 100% 100%
}

.ksNum1[data-v-58ef2e7a] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACEUExURQAAAOzv9NLZ4uzu89vg6eHk697k6kxpcQAAAN/j6Ovu9Nvf5N3g5dnd497h6OPm6urt8ujr7+vu8+Dj5+7x9eHk6eXo7d/k6tTb5M3U3dfd5svR2u9eQ9rg5/NzVfV7XPBlSu1XPdHX4PBqTutROPFuUc/W3uqZiueuo++FbuPDv+lTPMXvSgQAAAALdFJOUwHzbWykTsgABxvZjSAVtgAABeBJREFUeNrtmtt28jgMhaEcpmkOQCk4BCiUtiThf//3G0mRrfgQL2DNXM3sZDVOsPfnLYWbtqO//mX9D/jPAZLJ/G38Edb7xzuc7lhEt+O3+SQZBCTTnhkKLjIWc/e5C5wmYcBsDDPdRS4w/pwEOWYhwEQWiJZxvS9higVhxMQHzD5s826xEPh+mMVi2MwFJOPQxlfLFZzO+C7GOHEAU71t2eTHAzIMSoqa2oDELcHHw+J0GrBMLMCkX5yVbe81UcbBGLzJSR8wmkslV6t3Mb5XvGC1kl7MR33AG5fH+EuguMTQEFhvPcBoNNa7325pIjs/8jZ1iO1WM8ajzpv8R7QStcXvDadZ3S+TZEkAugdbH7DFWbb3NnY4ECLAUxswAnXlAYm/WNAYTu+KEgg3uHuAAFAPsCJAvzLbR9Rj6BsPsO0APfcFHPgjJpojCAJQpw1ghGJLEwDdxSJ2CMREYBwZa8BWA9hd+z4gCREGUEzevhg/SmAAyQbQrldLsX+SgYAVdcVJQAS//Js7ZANQMJAEJE7g2G/ull0mAYjQVykEsPew/XqzhlPu1UbBaSgIUETwARvpAPmEDF1jufYiKLgJJjAF0sZqreBEAN2DZKzWZCzjjSEoFUiwgI1IADHnq5irTRAKMn0ugLBwAAsFEn8wYAmguNWf5z9/zp/1rVj7nyshoFcIUEiFZOdaaX34MTrUqQ1HQbZhwKIPAHtXm+b8Y+nceHOkCUUBbj6gOLJ/AFD/eKrXAwgEeAnQHwCLLoALUG3P+I++tq6/UpyBEiwsgEJAxgn8/X8FZWcoKAIlOBLBAxx1iWC8Lki4qtg0XwNqzJx1dwX/CKA4Sot7i9bp9xDgO+1vBItEhBCA/DMDKPpqDn19Hb7g5HHTbYQlACC4gAIAXQJg2fpGVzkIwuPvjOcIAJX5AGpBtggluB0iuhWWlDIJCg9ACcjfXlSz19nxPuNZFyJ+jSjB0S8RJ/ABLXvxRU5Ua89dqyggnOB0jujkACSBUyLqcYr+G6/HaHSgw9evM1kBgQHFAMBL8ItGRKGBffxmWZFZJUJACtVwm4z+BKC3FFahaPHpOyIuUVYwSCkCAMFNgICcAbbaGKA1ABBF4AQhwJEAG1rQU/0bUS1JM+4yEPIKCSEABSCALLzFADcLQDUigJcA/SsLIDp9DupkTWRAOAH4DwEacPoNn01mKw7IqzAgbYcCtOkAIPcAR0rAX7PM0Q2LETpv7kyuUVlVQUAlAFvNKajGm8jf5ZxqZAHIvwR/Aniq0e/zZP+ssyAACGUeTJATQPxDGT6D+xeZElWRBFlIt/Zkqb1lg4DNAKAsrQqlWQqnuaZND9E28IHMI8GAaxQBAIH8eYFjcGvqum3rurml3gbsBEhwAFUwAYuN4uOUIJJgCCAJZPGdIAEgIQ54SjagsgHoX6p/BqACCSoBsP3TgAIARAgAClB2V4IcjsANEmCPg4BjoTxAbvmGn4k9AY4M8HuQdwlkX7lrJ8/48BNQgDLcg4tiwhMSf25BFQIctX/ulRzOYCtIMJAuHy9ICANK/ZaahWKe+88Y4gDKMKBEwAU+1/5iGoT5QgKuv0QSXC76Lcoflm4C+KNcABOuJfk/B8hQ5TWSoLxed3kX4FlCvrteywCg1E247lIk5E/6p7urLlFpAeYMgAiU4ZkAWQr735kKzcFWfms3rXqEkrrwxP5L8L/qHk+t3zq+6C/CdQeCVj/qDwH0Wk7wYgGSyjSBp0HeO3udUgCw38NCE6BKBMA1KpmAgP1+Dy+DeERh+Prt0Z06wITpyAYkZWlF2D+oXecv71BiAEyYcQIiPIHQ/heyr2bsLwDoc2mKBAjS3d5kT68oiTtsAJyhREmIPR50QfGY7u3nLLTXANi/AISQTBlABFfi5OsK1RH/aSL+DDCIl+l8xwSPEQNo/918+sL2BiAE0etT8mx6f2r09IS97z8MeH2UwYtew4BwhLvCyOxAgRjgE2SRs/ChSe4/DUQsYseQjO/frwApAnu38FoAAAAASUVORK5CYII=);
    background-size: 100% 100%
}

.ksNum2[data-v-58ef2e7a] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAB+UExURQAAAOzv9ODl69LZ5N7k7N3l7Nzh6UxpcQAAANni4uDj6d3g5dre5dnd49/i5+rt8uLl6e7x9ebo7evu8+Pm69fd5uDk6s3U3cvR29Pa4+fq7dzh6Ons8NDX33eBi2hyfHB5g+bq8GNsdn+IkoaQmlxlb1hha77DyaKqspaep4HulTAAAAAKdFJOUwHzTpy5bOsABhubIDA8AAAFyElEQVR42u2Y7XKqSBRFNUEytKCGCKKouSZm1Pd/wTlfzaG7QdDU/JrZRU1arqzVu8/NLWomb/9y/hf85wTJLIqn7935eP+Ay1tr+OM0jmZJryCJWjAIQnStcP++L4ySbsHLFL4ZPKTC4fsc6PHSJZjpA5rl/Xws4SuORJazUPDiwflhNcjnfpdEDC++IJl2bXy/3MMV0oYd08QTRHbbusn3B9I4qCkmcgXJ0guP0I6yP/oFaWoFy8QRzOQPaPsnd/PBEHXd4OmOtsDM2oJJtNSc7I6dcfQNm43ywOmk34kmbUHcjPXEfEH3R/8SiEUNnLglmEymsnkI4+HhkUEFWlgBAHFMJ8wm/mRpBfkS6B5+R9nv5NMe1/zT0fAM86YEYFWg/BZ+NzqqQAPEEUwgSEf+CecX0vNdDlfwk5JrQTopgIgA0hKgN8+XEEvPHwjX4InneEqnLgF8j/hKf9RBhh0aWoIJCRCfr2X/lr9uJ1/nOfynK42BO+RsILAVnFiALZX+SBoFZM0GR8D8XLYv+NUKrsFYhRpyMuSugJA75Ov2FTJsWVkFMnDtNSBmubPzHQG/nD9/fj7Pl3YPEexpZQUc2nO5F7zDNysDl4evjn9LjpVRh5xSSUtBq6AEgfAFLCEBXPrz8vXT5OtiIGpAQTkgIH4L7K8rOB3NZ6UGFaxdwToH/gL4iEeBuZfvLyffvAFW4BkZbLB2BWsRgGGQf/nycvEq1KYsvQZYwJhxfHP79HIzlMZgUOA3AH6djxMcfcHRcEowWIE/A2xQ75hfmvv5E8S4FWo8o7BBXQt/SHD0+UejFUQQHFGpAjOU89HL2diIIGxQlmVdp3dPaGEWcOHq6guu/Od49HBGKKgB6AlM3RwRwSAMDNeVL6isvFyJAF2hINUCi/aOA8nt28lN7htrSMHgC4wjWNzP4dzmnw9y2xEYT4B8FgB+MNW5lWoxQmCoAfClwUDmh6vFX3H/qmABGnqOiEY8JtX1dj7frrx9bUAVqIFxBMTHBqMFc122FVZQPyeoB6y2ARlCQYH8crDAsIFm0CXAEWiDUec0h0s/y+9y0dEA7hQF/0PED1JgoaBwHYr4n6OiCARUILMCTa8skEJUEDaoccYZzYAe0Nj3H4FoRKJrmUEJAjJ0CJq/Qw2k/f6j4G6ZTKFfADPwBe77z3wgA4KigAbGEVTIV0M1HwoLVlkooAKFf0T++88DgrSzgfD1gLwMHxIZQFB0HlFBv8cqCN9/xgqggicg/rZ0G4TvP+ME5TYU0O+ZCOY2f4KMHEIGu+1pwAUk4fvPCMECG4QCKIANjCP4Pnr5nqdzuFK4lCmfVWBI0D8DeijFh8L3H4YpOBDKDNDgCoivDRhw8QUXEgvUX6ck6W1QQFigDeb++48CO0Uq6GugAk7lvv9U6f24gqJDAHwVsEGj/CGB6WhQkGDBglRT6fsP84cFANmSwRfA3ZoLuAp5/0nHhA0gKAIBhAS1L8jS0aFHkdE1A2qQsSB9OizIANXd4EAzeN4gM0B+j6DGBt7B8Mcs43vBfQos7K8DIA79DbYoIIV9UOFZcC+Q8wwA09lgC4JDWteWr9BOWRgy1HV60Aah4GCHnD0cO2TmhwIxZMCfPyWQGWSwy3uCTcZH9JQB+ZvuBrEIwMAFnuHj6QJfBLEjiFSwyZ4/oqxCAReIBP1mBWrYppgnRrzdEB8iAv2/jjPhb4FfVYfsYT4+cagqMACEBDNHkGgDVkCLDK8xcCqwBTzwpQAkUQHmVQwswMA3lXFftkW68K3hdeIKkhj5UgEUT2TT5sdJIxDDizR40rCxfJnAi/BZIHPeUlCAis1DfMSjgBAyYRVIh5gUWmIzms6C5oBi2L8K1JC8soANGnVtCIY/9b5snkOA10T5KmDFLIpiMahjOAfLj6NoxngVsEHz16/ioN5IMGx4nq8CN7/ChwI1aH6DV74K1KB5mq58FajhQdFEyT5f8g/L7wmSEF+7CwAAAABJRU5ErkJggg==);
    background-size: 100% 100%
}

.ksNum3[data-v-58ef2e7a] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACEUExURUxpcdLZ4uzu89LZ5Nzi6eHk69/k6gAAAAAAAN/j6NLZ5Ovw9dre5N3g5eHk6Ort8uHl697j6d7i5+vv8+fq7dfc5Nvf5e7x9eTn7MzS2+Pm6tnf5+fq79Pa42dxe9DX383U3YCKlHmDjG95g2Bpc1pjbXR9h4mSnMrQ18LHzZaep6KqsgbQLoIAAAAMdFJOUwBtbJzrTsgCBhu3mzcfDxkAAAYASURBVHja7Zltd5tIDIXrhNjrBBMgDAVjDM4m8dv//38raTQW8wIm2d1vvaYFc2buM1dqj3qaX3/0R/+x1g/LqPgd1tvvN7jcZxF9LaLlw3rc/mVghoKbPIu5+94FvowgngpY6W0S4Iz3JMjxFPJ/kEWi12m9vcISC8KPD4HzO+Z6sxD4+ziLxQQvw7qYffBZjMLtw4s5thwSIs+V7KGkqBcngFsCa/uguVZjWW8OQ5/VjvAwLM5OH940blIMJJCkQNl9Xr6Kdnq5145wswUFhN1OXi0tQGQ24Rr2/n5/iWAUWYCKDw/iZlsqXgu4vGcqp117MOBXlQWgtaiClrEVa0cqdvytwGe+syTIa3EL4QPYn7zZmI1YbOzcQcgQAigE0Od547PTbvh1XwghNiP0gVwAn59bge7zdD7uPz/3xzNxOEalI7sA8qcVcvIKPvjbmPr3T9Z7RzH0fiI4CcizogCwUrvf1RlOb7TnEDoCZXAB6KjtxX07pXr/MdC+KwwCNhY+gExN+YfWyTaBi+4ged4ePiwdCLBjAKBsAJ250P7m6GKaJmm6TW3Yeb//sK4zGBChQCs7wYpOnZq/O+SPpsmELntHF7Alwq5C7VYWoKoQIPVJ7urdBRy2TNilVA4LQP4I4PIn9/X1tyvYp9ubpg5gxYCCAkB10p8AvhAABgyoVisLAP45+VP5Z+jw5eiQGkJ2B5DOAlzfHV3T1ACyNHUA6J9l4j9DZxdwTgwhCAD/XABzdDlYuiQASCcAKQHAfy6gOw79j50GbMEkJ4IAVpygRP/5gOQ0IBxP+IZrlOcasBIABmgaaDUXaGaG65F1hfMzoapCADh23pTYASbMDXG9HI+XKx6f/TFC2QAgdQBZ5gDyJIdL7iAzv/C7SNYSAMrQQBN8QJM38mdIjMXgJPPrJO9JtF6aAFYeIMuoRAzIAxrOr4+zMbYhHKFpmixzAQ2oQgDZ+zrZ8+vkrxBA3OQuIMuAEFcTCdz5ledBhEnQeAkwAvmHE/jzayQBEmIsUWYByD+eAPjzK5xgAjCdwJtf79OAJggQf0/+/BptwjRgjODPL3y7yTdw2QmA0AQADaqiWcYbUbwZbv78ykUCgu0MaAKAeGsAIgPz55cxlTUGUIUSZAxIE9og4iT+/AJXK+lGuhwTwQco9LcAAxN3fgldAIYQj5VIAL56e371gSV3AQr9GeDrPJxf501QDFBhQAwASeCrl/nVb6YBFMECNLcEYh8IoefXeXQB10g1o4B0AOD5FbabBqgQQCkrwXB+fR+gRgEZ+9vz6xuEbCqBBHDnVxn2KzclXF4EsLoHcOdXyWZ8B8FNIEYMmC4RbCn9+eWZh4E5/YOlRYINIP+WWpDDBn9+lXMEiIkEDKAE/vwKG8ZlDJcNyJKxBG2bZgDAxP78YiMxDYN0jdp2BIABwoAvHyAgegYZQDIKyA3An19kMiEBgAkClNeDFgDojwB/fsWzRE3IEdAEE5QG4M+vWfalBpThEkECpSsEa935Fc+TrhFZBRN0mSHU9vyq5/qX2INWErBugEb7g+z5NTcAJWg6k+CXB2gJQIRa5lcdfwvQdphA2QD0B0AX5zn6k8z8iucLSxR3mGAM0OUbivBDYQL2dwGGoDZl/HP/uNyoDgnK7YFSDOiRMCkVK7iC39G/NxVSABBCxAAg3AIo1yAMEmFtwZ9LFFn/47UUQK+YwAZK7qDwsyGoWgMUaGkBntWA0A7PaSkIkgRtr/2J8AwA0YL9W/Cv606NlUOefamuroHQcokW9g+JJIFGSAo58WQP2q4mfxNArS3A6lEIAEBRKeMZgn3ozv6G8KgrJBEiXMcRGCE61Se4vDvp9tAP/SMOIHriBEJwDXzJIvHnDvg/Ll0t0J+LhIh+4H4a/TCjR/ue7AmwkAIJ4SkihIRgjSYQdw24FSh6Qn+fsH5kABNENdN6MqM7v5fDk8jgce34y2BbL56XERCYMVud8Y+Wz4u1jDKXQPrrXwkdxD9M+P/8BfEjyErsJwk/YqzwI/4zEfyZ1G2Z2M8mMGf6w87j/v8AU+JIzBiGKzMAAAAASUVORK5CYII=);
    background-size: 100% 100%
}

.ksNum4[data-v-58ef2e7a] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACTUExURQAAAN/k6uHk6+vu9OLi7N3l7Nvf6UxpcQAAAAAAANnd4+3w9N3g5d7h5t/i6Nvf5Oru8uDj6Ofq7uLl6unt8ePn69HX4M3U3drf59Tb48rQ2u5eQtbd5vNyVexXPfFqTejs8u9mSdzf5e5iRvV7XPFuUeDl6+Po7uPNy/R3WetSOetQN+6QevKBZeO/vOp3Y+qcjGLb8zkAAAAKdFJOUwHITtkbbKQAAgUotzQEAAAGYklEQVR42u2YbXeiSBCF1aDDMtiIGMTEmRhnB91ZTfL/f93WS1PVL+BRM/tp98ocoIu+D7dac/rM6Mu/rP8B/zlAMh0/7L5+QruH8TQZBCSzr79Fs6QfMLHvvvjMh3NM+gDTztzVwtdusYMjGNSn1WEaAybOE/hQbBrDQFijazKW+V8nISDZWU96sDNdLVZw0FnE93QG0bWFyHw4dkkAmLnvhlpJ9GsEEEqjmvmAZKWxV+p+KwMOaWfiAaYdGB9arcK54Rk/wzF2pKkLGI13rBXK810EWlGPddgD4+yuUeORC3hge5I8foOQwQRioB4cwGh06PyXS9sDR/qt0eshxnLZEQ4j9ib/EY6Q/VL7AkaEvKgVS/q1WK6WlgC2CsAR9md3z/cRP969ng/4YZIlCFUAIwYAGsQvv3KdD3IjKDl7YThEl2uHvgrgZhzk7b2XHk5wEKqmgBeiPnkA6A/l7fwP+tJwXJQ11z4tiaCAESWgZzhA9363qOrScQSCkXEHYP+Ddp/1dnr99f319FY9VnCon1Z/QdUmAXGIxwMhegBLz786vv9t9X6sQnlVjwA9igFoD48svNd//iV6fgv9w6owwAQiBICUArRLbT+84Y/vjp69DHHVa1MLhMMyZQApxQV4bLU/YPH+3dN7VZX0gaOvyhl8gCqFgbYtpT/UgkDcJMKU/VUJUbatD0hTClBJf0AfocUHRwD1V0FdhLLCDGmqAE5g2L8iwPuPQO9VieIuxVVGa4II0FZlB0CVL6+BXjpzBMXVygGYsoQIPqCFJTDSIPD4+fLyam3gAvSzFPVXpUkAALsIUFpAxYDzS6Cz2vdWeYGGAK0HQIuPn4E+xH2gqj2aQ49cQMoJTMP+DDh+C3QU98EqEwhACVIPYADAK8AeJ9/hpO7DVV4FACDBA7QMWDqA4/kvR+ejKQ0cXDNRtaSSTdAY0wYA6pAC0Mwcz3+KyN+OGwL5VYIrYB4ngMmmkQBsdjx1DqejGJc2iVflcYnQGLgJAOivAGN1/Didz6cPslcNVRUAhBBgBED2c/gnp1hcm8PhXsv3qGjmIaDEJSjkS8oTIhNSPG7HKIMkMGGLogRDkL4ay0nQwI2fwEgCByDS+0tjiBCA6QE0AvBNroOYiwBDAA1wl4wlMMAMADjBlcrnORwKsIvQgKIEjZsAZqHgJEbRdQyiBAIwMSDrbVE/LIbmcH0VAO1zT2oYj7nXDABlWyT0AGQFfJMrYboKWZwA/bcO4C4JgBJcBej2z77RcPUyIAsB7v45to+rmiCLAI0kAH/r4O+fxfhSlQiYYHsF4Pjs75/FeqjKqywJGg9A/pu2KhUQ7p99QFzVBO0mkwTDgHj/LOZDVW0RAPoToL8FxPtncR+u8t87TBADtgCoCMAW8f45L4q8yOEoin1cLfbFfo+EYYBt0Xy+3xdFEe+f2ZyN4uo+30uLNpvttgew2dgl2OPD8f4ZsQUDiriKlb0lSIIhAFrF++fOvL+KJQH0JNhawBw6RIB4/1yI+qtIgOkWsA0A6L+BAAJ4+xboTdwHqhQBAeUgwCAgt70O989i3l8VAJiAVQRoCGAIsCdEuH9W8+EqAsADAU1fggaXmAAod/8c+sdVmwCXuaEE2zhBnZm5AX/x0P2z5z9cBQJYbOqBBHWNXyImsOz+ObaPqzYCrkGtiyyELQMaA/4NPJoVKrrNMh6LxkFS2zf4S2hqIjTiLwCIZgwvgUxU8ywac+GyCAY7RBE8APvXdWHm7O+a9sJiEWFuinowQQ3Cb1HTIOFW2UWegwlH8AFIoFKOf2zuBMDUnFykRXGCOsvJ/05CntUuQAk1AJiwvjNARmtcrMkfCTX4K2AsCdbr7P4WZeu1BBhbwBcCzLYOoS5QdyzxhuwtYZa6/605RQAR1kjIbvbHGTgTEfwzmI5cQCIJAAGqNzABj2vMKcCmXtNEASQC4B5RAgE8PT3Bg+JxGYbz1k/sL4BZKgCOUAeEG7UO/GsMwABLmPBPjQmo2wmyxNvNdmL9FZBOKQEwaKFZV3uTvQ2ACaapB2DChGoa4ok+cPCZ5d9zuQNIg+oJ+AtACckMAUpQCS6WvrwAZon4+4A0TaazcS1aXy2dM55NkzT1AUog/fEpoYP6EyAi/FZ/BXweofY+ICDcj0hjfwbwWRF3MVKxV38FxATVtc6xP+sfnU1VUeHHxcIAAAAASUVORK5CYII=);
    background-size: 100% 100%
}

.ksNum5[data-v-58ef2e7a] {
    background-image: url(../images/5.0b7d660.png);
    background-size: 100% 100%
}

.ksNum6[data-v-58ef2e7a] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACNUExURUxpcdXc4+Hk6+vu9Nvh6d3l7N/k6gAAAAAAAN/j6Nzf5eDj6Ovv89rf5Ons8eHl6ePn7MzS2+7x9N/i597h5tjc4295g+bp7tbd5s7V3mBpc9HY4IKMltTa41pjbXeAinqEjmdxe2RueHR9h9rg52p0ftzh6H2HkYiRm97j6snO05ScpcDEy52mrquzu9te12YAAAAKdFJOUwDzTtmlbMgCBxu+3SbDAAAGQElEQVR42u2Z63aiSBSFY+JlRFESoNEQ1CSGCJp+/8ebc6niUHVAbWZ+9oZeEra1P3ZVG2t1P/zVX/3Pmk+mT6uXbi1flnDqa/FBq6fpZN4fP15KmCcKhPPWNQ4e9yAe4dmvhMrP8top6PHYlT9RIwYK+ZOO5192anX76CSoDvNVV/J96sKs/HUYtx7XAJYvd2spgyxp7BcQCy/7w+0iK3EZ85yqwkSmhU5O4sCrYqBFUAbLW+epuctP0QRfzl+73df5ooN9lyBmOGvqAJ4kHvKXrPywMzrkK6W2a+vYBNSTA8jgLnlZ1lSpP3aNPmovXrs8LssYAUkOwKAzymdA/v7a0nvTIcNDuxaBJq+jAzAjgd/M1Nurozfw5dCunRsKISkAWFSAYZcPT5eMnoHiM+02BEzpB8gcn989nbOWtAtcFhMyDcjIWNrJOnx5+o6idXNoF3tRvgnyAHw3MsuItM9fnj6jlrRLmby+ESMcQCYAWuso2vsRe4nvdGWCIyZoQEQ1OT96+/T0tm5Ju5TKHWC4AnAo87MI9bP39NMGaJcGmRJw5QFmBFjLBEXr+uCpbgO0awFZA5i5gIgBHB9Bxvnb0Xkt6naZgAC89ACUX9H8oTAiP721dMoX6wWcazgXIN9dIwGFgGrtAWYzSuUGnA8p9amVUEs4SrkLJnCFilizmQOA1HjFS4EAesqfk9FPvvCk3TWKCH2AKqYC/Pys+vcZ9LtW6coVADQoK0C4AIytqmaCFoOEACJAvgZAfplJgaGE+wCL/wbISpojAcwYUB45fwGAoUICAeACYgWA+QCICEAaDoiogQdYIyC4CogXMZzqWnwBHKmCC6hghqQBBqAuJ9z5nC5xjIF8X66ta4EuoHIAVUVTZAtwQL3fGe1rCTZhjsv3uYIBVC6A8oMGwI/f2vm8XmJRn9t8FI5A8AElAI40QxSfxHHt7nygg0i7SRInC0sINYCWIGw+BPDu5PvV0TfcIwEcTt+Fe9ShaVAqgGmwMA30zoeCDUC7GI/iBkc9RbaBBeidT5yItIvd4msAJFgARqmdz0Hiu1wfUHY24HwCfP7yJfG9LhOuAJjQHbFXAO1eaYD5tkGSBEmgdz4BRpAXJF1uEMe2ARE0wJkivfNpAbrcILg2RaWsAcbDuy8HT5ckEHW5sgbpBgkakNoZoih/52OzIQlO38V7SOgDYP4mhQYC2Lo7n20g6nFvADYbt0Hg7nwCUb9r5qgDQAU8QLCVnY/7/Nr1AOkRCAoADThfQuzOR6X3uPxhhgabK4AYAMMkgFQDML+QBkMkn4RCA2DOECAFhlfgBhsFoAZSYHgFbgAVbgHCIISz/zWQ96Hg5T5AjIN4gA6Q8B4gf28WxQYILgDuFAXkuw0up/fd7v10CUINEjdkEaS3wQbEAGnQ3vn44aHj8n0CXG1gC3CEu/MJRX0uAYCAANAtQP3x2tJHLdl9rgB0gw0BYgZwhL/zcQHaFUCcE8EBUH5ecgFC6J0PJ6dh2O/yIiRminSDYxyXFqB3PqGo26WhZRwfu9aAGqRxUtol1jsfeHo68NSubVAmcQpT1LkGeV4lSWIIeucTinpc/lar8lwasBrAkaaoO2LPDfjQLgGowTG3i/zgAYq8QAAT9M4nFPW4vAYF5isA5ed5WJamgd75tBp0uUwoyzCXBhqQN3+L9M4nFPW52IDyNQBEgLT5ZePvfMJ2A+3aX1XpFgndUwSE7RYJpGd35/MMuXASBaRdEOVvVQMkjHiOkBAaQHpxdj4Szqo9lycoxHwGjJx/8ZoSAPOxQ2g6yM7nOVVqu6EpkD5LgakDGBsAIfLQyu580k6Jy4CgwMEoJIwBIJrIImyfn7f8QBgi864lPinFkdJg8tDWXBoworCjlFQ4q4BRlG8BcwcwG5sG3AG1zQtIkBCU/bl9HzhFjkM4nwAyQ1JhJAREDNC2nT8yBUSP9FEjAGpQvl3iTbHR/106m1ADJgijvvVH0jmfG0xmD5rwOAJrSAl4qxs/esR8TZiPCWAJIsgwURTGr3xfHh7zGTCee/nyxTafjKejXBj3K2eNpuPJXL7KFMHqn0EygyVfE0RD4nW+lo3/UwYP0vFaUuGuMs174JD8uxF8XJF+08MdUhHXDk867V8JQ0RSoWqk/AAAAABJRU5ErkJggg==);
    background-size: 100% 100%
}

.blue[data-v-58ef2e7a],
.lhcNum03[data-v-58ef2e7a],
.lhcNum04[data-v-58ef2e7a],
.lhcNum09[data-v-58ef2e7a],
.lhcNum10[data-v-58ef2e7a],
.lhcNum14[data-v-58ef2e7a],
.lhcNum15[data-v-58ef2e7a],
.lhcNum20[data-v-58ef2e7a],
.lhcNum25[data-v-58ef2e7a],
.lhcNum26[data-v-58ef2e7a],
.lhcNum31[data-v-58ef2e7a],
.lhcNum36[data-v-58ef2e7a],
.lhcNum37[data-v-58ef2e7a],
.lhcNum41[data-v-58ef2e7a],
.lhcNum42[data-v-58ef2e7a],
.lhcNum47[data-v-58ef2e7a],
.lhcNum48[data-v-58ef2e7a] {
    background-image: url(../images/blue.c2e0244.png);
    background-size: 100% 100%
}

.lhcNum05[data-v-58ef2e7a],
.lhcNum06[data-v-58ef2e7a],
.lhcNum11[data-v-58ef2e7a],
.lhcNum16[data-v-58ef2e7a],
.lhcNum17[data-v-58ef2e7a],
.lhcNum21[data-v-58ef2e7a],
.lhcNum22[data-v-58ef2e7a],
.lhcNum27[data-v-58ef2e7a],
.lhcNum28[data-v-58ef2e7a],
.lhcNum32[data-v-58ef2e7a],
.lhcNum33[data-v-58ef2e7a],
.lhcNum38[data-v-58ef2e7a],
.lhcNum39[data-v-58ef2e7a],
.lhcNum43[data-v-58ef2e7a],
.lhcNum44[data-v-58ef2e7a],
.lhcNum49[data-v-58ef2e7a] {
    background-image: url(../images/green.0dd6ab7.png);
    background-size: 100% 100%
}

.lhcNum01[data-v-58ef2e7a],
.lhcNum02[data-v-58ef2e7a],
.lhcNum07[data-v-58ef2e7a],
.lhcNum08[data-v-58ef2e7a],
.lhcNum12[data-v-58ef2e7a],
.lhcNum13[data-v-58ef2e7a],
.lhcNum18[data-v-58ef2e7a],
.lhcNum19[data-v-58ef2e7a],
.lhcNum23[data-v-58ef2e7a],
.lhcNum24[data-v-58ef2e7a],
.lhcNum29[data-v-58ef2e7a],
.lhcNum30[data-v-58ef2e7a],
.lhcNum34[data-v-58ef2e7a],
.lhcNum35[data-v-58ef2e7a],
.lhcNum40[data-v-58ef2e7a],
.lhcNum45[data-v-58ef2e7a],
.lhcNum46[data-v-58ef2e7a] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACZUExURUxpceeRet9wVuWJc+F7Y+FsU+J8ZuN5YOaJev+ff+WKd+aNd9tiSeF7YdthSueQeeN7XdpiSuBuUueReueZhuibiOeUgtthSNxjSuqfi+eWhOqgjeJ6XemdiuN8X91oTumXf+mcid5rUOJ/a+F3W+F2WeByV+WMdueXheJ5XNxlTOWJdOePed1mTeaTgd9uVON+YeSCaeSFbqiJh+8AAAAUdFJOUwDumIL+d+svGQhR3u6+2MDYvVOO0oMqsAAABtlJREFUeNrtmltD6joQhQ/QApWrCoocsQV62ZJoaf//jzuZTNOVcGtx+3iW3T5+a2YlnR2C//yvX1IwePK7k/m8H8f9+XzS9Z8Gwe/RB/7E+1B6f1cP6VMpjif+4Ffo3f7HUdHhwPjPWP3qd//SI+iN5LHCE5zw5KDpcRIniRj1fp7VsNeJImHwxP9A/epJlAopO73hz6pXeKUCDSi8KZ+ehByOUqnzky4eFJ50ZHwdEPE/dUAsqTV6uDedWcSSH7YBp8NiflpK1mx4b/mskg0qPAcEvDIoZKVO+yaC56jWkeHUAeKn/BmfUkasTD4Hd8SDBpA/yW0gVRYFHNrFNBxFEPYP4Lp+5mtlGp5l6t+ohcOgE0El81mUDjmgftaR+GyRjQZ38aWiIx+DRzqVhaAWKnUaHIaKDx2B1+IBlBilRhmElJrzjwqiG4f3QshouXl72y4iKYo4tRRzQM0OwczhYwN9iOjfSm+kzdsmKi2PD3QgxOz6bn12+QZfaDrw7LHZymPFz/PaQSiH56vvr8vnBhy8cdiQyMLTfOWQCBiIh+YFlmZ9jwoPPuonLbfLpUyUASktCc/qXF4G+wU2878AHtUbbUkLL6/0LmqH2e2AyqN5fwXoaEAtMdFVA9ulamJb5Kxd7jH+ckhBFZBkvA4ocvhGdf3koDyWWVo57PK4YIPR+U7qEVzU/39RA+DbAWmDpXqYTr9kSnjF3ykl3r4sRe9shb0jifHs4NaPeLj+KiCWVHyygMbD0waIbsongY/8qX7gt4a/WC6ExkPhznf5gYf6OX9xo37kvyX+Qj373YnD2F0F326Aftz96e5Qjp/p3IKS59QfhqHbwhz56/qPF9bXVI/6TUCkdWoZkKY2fwA68d0NinR4/xNe0cFnCfBZA8uge3I+LK6/AFsuHga1YvC1upaBOd+a+W/PN9A5IMreeCygP38y8LXGVkLW7kcD7vx/Y/yG8sHqOg4x+CcZ+cBrXZ7/JCqdH7M/wf8jbP7X1xf20cQ9/39cnf9b5wV28KS8NvgiPeItc8//4sb8B57Lh8F6vS5QPykMsATO+T+6PP+3Wtg/Lp4csp3Bkw4HswhP1vmNzg835z8aAF87KL3smB8SXhk8YY3t839xMn9O5z+qB3/Nih3+waxy1z3/i6b5DwPkz/JMQAfSqotNZJ//ZfP8d9fXOLy8lMSvHVZmG83d83/UPP/P42eDjONh/Go1NQY439KzbDH/jVz+iwxDKp4TgkHfPf9v2sx/1A+8MjAbdEUNrMw0it3z/9uF+c8WTAffNSCFJiBtEMLAPv83zH/w1bMGXwt826BPeES0bTH/8QIDzxEBj4jm/AKYj++LlvPfimddGxC94r++1ruIOzAfkCJ7/m+vzn8YoANxsBuoDSZEx8d32Xb+GzpUWnSlRzMqiE4LkGgH0XL+nxt8e3X9r/RjRoWP+x9S0Wr+Aw/+S0r5owPfjGvc/yilScv5f27wHSIhkhnXA9z/aEVt5j/o4AuUrx0GlUGgA8Kn37L1/Hfr//YQEAnH00msZPAqI6q+1fwHXRuEoGMTkXzUr68HZNv5D30rlYyvDXwcvBLc/+jrjbbzH3hSbpePJSD1Ub+WbDf/XQNx0sDYPvxWfCPPmf9u/cA3NNC1j+/Mh7I28x8GWAE3IWiu04FFsmg3/1G/DB08j1LI5w4gr3n+uwYp+NhDUNARZeHBIk+LG/Pfpld8j/DGYZfGXj8gLtSTSlnpVXylrHn+o/498s/jPal3dtUitbJC8+mR1+c/8CxxMMXne1Z/CDZaIAMpPMLn5NA4/w0/1PMfeDQABSPmZ5ks05wlmua/m8/Kq/lYAeihakFJJDlrb+EvzH9WrIonfriHHsCFZkSv7g/fFZ0uB7z1rflPkmk1/3OLPwHVXWfCsz7JQVmk4vr8J5U8ohE/VvhSSIRmC5GY+59YEp4FOhsInj/IBwFd1DPD2SHVeG0hrsx/xpPBweZ3b1zMZlC5g3IvO92fwjPhkDx7AYJbV8u4wBXxDgrDXeyVmVQ7U0pReikd0TH/2yyA6yCUSuDNx9PQOf+jgRZ8XO8zn+ShfmNgzv+uQW7xm79AGNH1MCs/xzO/zofVjo+UhFHsGGg+8ODn7fKBw8wYFMQH3Y0H8z+u98+w7ddcxoH4EJV/3gAS6gZ3fFHHBin4Op2vMzpe4j7e3/YxeTvgtQPO/3BI74oHTdBaF6gf+Z92EKP8e7/uFeXl+l/B12Oi3wt++IV1373/scq3HPo9pHOvAn/KfC4eDsBP/eBv/2hg/FUbnNLH3d/5wwT/MTTxY/+MH/3BL//hxuN0Og7D8XT6yH+48b9+R/8B1irwndNsudMAAAAASUVORK5CYII=);
    background-size: 100% 100%
}

.green[data-v-58ef2e7a] {
    background: #72c140
}

.red[data-v-58ef2e7a] {
    background: #f76c6c
}

.slide[data-v-58ef2e7a] {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height .35s cubic-bezier(0, 1, 0, 1) -.1s;
    transition: max-height .35s cubic-bezier(0, 1, 0, 1) -.1s
}

.animate[data-v-58ef2e7a] {
    max-height: 9999px;
    -webkit-transition-timing-function: cubic-bezier(.5, 0, 1, 0);
    transition-timing-function: cubic-bezier(.5, 0, 1, 0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.scaleTop[data-v-58ef2e7a] {
    height: .7rem
}

.scaleTop .scale-center[data-v-58ef2e7a] {
    width: 14.4rem;
    margin: 0 auto
}

.scaleTop .scale-center .nameBox .nameMain[data-v-58ef2e7a],
.scaleTop .scale-center[data-v-58ef2e7a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.scaleTop .scale-center .nameBox .nameMain .name[data-v-58ef2e7a] {
    height: .5rem;
    line-height: .5rem;
    font-family: SourceHanSansCN-Medium
}

.scaleTop .scale-center .nameBox .nameMain .issue[data-v-58ef2e7a] {
    margin-left: .05rem;
    font-family: SourceHanSansCN-Regular;
    font-size: .16rem;
    color: rgba(83, 92, 102, .65);
    line-height: .24rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.scaleTop .scale-center .nameBox .nameMain .issue span[data-v-58ef2e7a] {
    font-family: SourceHanSansCN-Regular;
    font-size: .16rem;
    color: #698eee;
    line-height: .24rem
}

.scaleTop .scale-center .nameBox .nameMain .countDownTime[data-v-58ef2e7a] {
    width: 1.36rem;
    height: .37rem;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#a4b1c1), to(#67717e));
    background-image: linear-gradient(180deg, #a4b1c1, #67717e);
    border-radius: .08rem;
    font-family: LcdD;
    font-size: .26rem;
    color: #fff;
    text-align: center;
    line-height: .37rem
}

.scaleTop .scale-center .issueAndResult[data-v-58ef2e7a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: .54rem
}

.scaleTop .scale-center .issueAndResult .periods[data-v-58ef2e7a] {
    margin: 0 .05rem 0 0;
    font-size: .16rem
}

.scaleTop .scale-center .issueAndResult .periods span[data-v-58ef2e7a] {
    font-size: .16rem
}

.scaleTop .scale-center .issueAndResult .numberBox .numberBoxMain .numberBoxMainLi .numberBoxMainLi5[data-v-58ef2e7a] {
    width: .26rem;
    height: .26rem;
    line-height: .26rem;
    font-size: .12rem;
    margin-right: .05rem
}

.scaleTop .scale-center .issueAndResult .numberBox .numberBoxMain .numberBoxMainLi .numberBoxMainLi5 .numberBoxMainLi55[data-v-58ef2e7a] {
    font-size: .12rem
}

.scaleTop .scale-center .issueAndResult .numberBox .numberBoxMain .numberBoxMainLi .numberBoxMainLi1[data-v-58ef2e7a],
.scaleTop .scale-center .issueAndResult .numberBox .numberBoxMain .numberBoxMainLi .numberBoxMainLi2[data-v-58ef2e7a],
.scaleTop .scale-center .issueAndResult .numberBox .numberBoxMain .numberBoxMainLi .numberBoxMainLi3[data-v-58ef2e7a],
.scaleTop .scale-center .issueAndResult .numberBox .numberBoxMain .numberBoxMainLi .numberBoxMainLi4[data-v-58ef2e7a] {
    width: .24rem;
    height: .24rem;
    line-height: .24rem;
    font-size: .12rem;
    margin-right: .05rem
}

.scaleTop .scale-center .issueAndResult .numberBox .numberBoxMain .numberBoxMainLi .numberBoxMainLi1 .numberBoxMainLi22[data-v-58ef2e7a],
.scaleTop .scale-center .issueAndResult .numberBox .numberBoxMain .numberBoxMainLi .numberBoxMainLi1 .numberBoxMainLi44[data-v-58ef2e7a],
.scaleTop .scale-center .issueAndResult .numberBox .numberBoxMain .numberBoxMainLi .numberBoxMainLi2 .numberBoxMainLi22[data-v-58ef2e7a],
.scaleTop .scale-center .issueAndResult .numberBox .numberBoxMain .numberBoxMainLi .numberBoxMainLi2 .numberBoxMainLi44[data-v-58ef2e7a],
.scaleTop .scale-center .issueAndResult .numberBox .numberBoxMain .numberBoxMainLi .numberBoxMainLi3 .numberBoxMainLi22[data-v-58ef2e7a],
.scaleTop .scale-center .issueAndResult .numberBox .numberBoxMain .numberBoxMainLi .numberBoxMainLi3 .numberBoxMainLi44[data-v-58ef2e7a],
.scaleTop .scale-center .issueAndResult .numberBox .numberBoxMain .numberBoxMainLi .numberBoxMainLi4 .numberBoxMainLi22[data-v-58ef2e7a],
.scaleTop .scale-center .issueAndResult .numberBox .numberBoxMain .numberBoxMainLi .numberBoxMainLi4 .numberBoxMainLi44[data-v-58ef2e7a] {
    font-size: .12rem;
    line-height: .24rem
}

.scaleTop .scale-center .issueAndResult .numberBox .numberBoxMain .numberBoxMainLi .numberBoxMainLi1[data-v-58ef2e7a],
.scaleTop .scale-center .issueAndResult .numberBox .numberBoxMain .numberBoxMainLi .numberBoxMainLi3[data-v-58ef2e7a] {
    margin: 0 .05rem 0 0
}

.scaleTop .scale-center .issueAndResult .numberBox .numberBoxMain .pcddSum[data-v-58ef2e7a] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.scaleTop .scale-center .issueAndResult .numberBox .numberBoxMain .pcddSum span[data-v-58ef2e7a] {
    font-size: .16rem
}

.scaleTop .scale-center .issueAndResult .numberBox .numberBoxMain .pcddSum .sumBall[data-v-58ef2e7a] {
    width: .24rem;
    height: .24rem;
    line-height: .24rem;
    font-size: .12rem
}

.scaleTop .scale-center .issueAndResult .numberBox .numberBoxMain .pcddSum .sumBall .sumBallNumber[data-v-58ef2e7a] {
    line-height: .24rem;
    font-size: .12rem
}

.scaleTop .scale-center .issueAndResult .numberBox .numberBoxMainClaseLhc .numberBoxMainLi[data-v-58ef2e7a]:nth-child(6):after {
    width: .13rem;
    height: .26rem;
    font-size: .12rem;
    line-height: .26rem
}

.scaleTop .scale-center .balance[data-v-58ef2e7a] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: PingFangSC-Regular;
    font-size: .18rem;
    color: #535c66;
    letter-spacing: 0;
    text-align: right
}

.issueAndResult[data-v-58ef2e7a] {
    text-align: center
}

.issueAndResult .periods[data-v-58ef2e7a] {
    margin: .18rem 0;
    font-family: SourceHanSansCN-Medium;
    font-size: 16px;
    color: #535c66;
    line-height: .24rem
}

.issueAndResult .periods span[data-v-58ef2e7a] {
    color: #698eee
}

.issueAndResult .numberBox .numberBoxMain[data-v-58ef2e7a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.issueAndResult .numberBox .numberBoxMain .numberBoxMainLi[data-v-58ef2e7a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.issueAndResult .numberBox .numberBoxMain .numberBoxMainLi .numberBoxMainLi1[data-v-58ef2e7a] {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 5px;
    margin: 0 8px;
    background-color: #d9d9d9
}

.issueAndResult .numberBox .numberBoxMain .numberBoxMainLi .numberBoxMainLi1 .numberBoxMainLi11[data-v-58ef2e7a] {
    width: 100%;
    height: 100%
}

.issueAndResult .numberBox .numberBoxMain .numberBoxMainLi .numberBoxMainLi2[data-v-58ef2e7a] {
    width: .56rem;
    height: .56rem;
    text-align: center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABgUExURUxpcdpfR99uUeJ6W99tUOJ6Xt5sUOFwVP9/X+Z1W91jSuFuVeJuVt1sUd1mTOBzV99vVN5rUeF1Wd9uUt1oTuN9X9xjSuJ5XOBxVtthSeF3W9tfRt5qUOJ6XeN7XuR/YftCga0AAAAOdFJOUwDwUdR47r2RCBnaMyzsxeIrIgAABD9JREFUeNrtmtuSqjAURAVCwlURVLwN/v9fnkRodyAGCeHxtFTNW3fSOyxrwN1/baSkCJmIoihu21j+ESwsku3cc8bjs1TXnbs/pVbq3nKWb+Iu4jPUdd1fJ+2Vv/rcY+GZkbCI3KW/Wv3fkHC/1/e6riO2vqtUX7y8pFCP9G+lvdIhFum61St7kmoH/Sv7fgOIWLGLMH6N7LuhoPZTEHSQikLXdvjrpQf09uQuBXd5KfHUdfmTgLe9SrhT/1LwP1zj0KH9l9R4+fKi+tE/rf8qr+vSSaTRtB5soJ1uAP7SXomny/1f0/PTon9aP7kr/6q6VtGChCJW/loA+ICGtPVD17cqqbJY4j921zegHx99AL37koQ0fhkBsAeAaogaqipKSN3m24GfOD/f+xkCmqppspmEJJL2egT8tYLQTz3yH9QocftpFVSPyX+ltv5ocoB6+z5BWO9f9D/eANVfEyCof9hjA83xGFoHDHcr/6HJ+UT/Q4Jl0ODbL/7rUvYQ7KW4pSCT/+1X/tdoR/lrG4D/15ISB/4bB4jaGQIy8yQJR/5j+UY9Ss8nMyfsyn95/05ugKOWYMxZuPPfrL/B+p8nbIEmMMt/Wv/X/quJv0oox1NgZ1f+Vxrg0D+t/3Q6jbcQreS/foNpAUqZ7p+v5j/84Q5/qVwfsRv/r2Y9DQWcBunMi638r+f5D1E98N/vS60hL/7rAyZ/mUAdsY+9O//N9WMHe0Yc9eS/sYH9W5zust59Lf+/rV8pwL1W+PAf9nrCflCBbwJ//iv702fAUIgZz/L/MM9/6mfqT1MW3vzX26GAiwCI/Pmvz5cCOAI24P+QoK//cskowJ//8CdRQLyG/8cR/4129hepYAhovfkPf5IR4MH/k8WfAuIV/NcDoIk9BUS+/Df7V7rdMgRsw39jAxSwBf8NdykOVDjznwJs872pjwDs3PkPfEJ6/7QDBlyv5P9J24DZkLyA68Kb/+RO9lIFvjLt/K9c+H/REpSCZDeIb8T/Pbn3hwhiHvw36r/1AQ81YyivvflP04Uej3z3UezGf6rfvoHHI9iRxCz/m4X8V8LypYQWkPvzHwHwR0PA0Sb8h/07INvpYv78hz8C2OSfwC34j/kq4S6DhD//B/shgRn/iMPfg//KHxswHrgIf/7rAeLL4zRP/qN/TMBQOM//51HaW/h/GyZMAeHui/iY/407/x8QtzxS8+M//DFhU6GN/89l/H9YC4KEH//hL3Y2JfwH//dz/Id4MvdoeT3/oWz+4XU54dtzOf/nBwwVJfGfAuBvBhj+BZzsCSv5D/+fSrN1/Ef/CxK4K/8hni59zXVc8v1rnH+HF45h6cB/1B+6vWr8yX8EUD1uCjMn/odrXlaXS/kfoH1Hpaxcwv+ApR6v3LNf/M9Y4vujgdLO/0DkG/3sITDxGXCWb/zDDZ5lgVSW8f6HG/+1jf4BUszzDaFnyW4AAAAASUVORK5CYII=);
    background-size: 100% 100%;
    margin-right: .12rem
}

.issueAndResult .numberBox .numberBoxMain .numberBoxMainLi .numberBoxMainLi2 .numberBoxMainLi22[data-v-58ef2e7a] {
    width: 100%;
    height: 100%;
    font-family: DINOffcPro-Bold;
    font-size: .24rem;
    color: #fff;
    text-align: center;
    line-height: .56rem
}

.issueAndResult .numberBox .numberBoxMain .numberBoxMainLi .numberBoxMainLi3[data-v-58ef2e7a] {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 8px;
    margin: 0 8px;
    background-color: #d9d9d9
}

.issueAndResult .numberBox .numberBoxMain .numberBoxMainLi .numberBoxMainLi3 .numberBoxMainLi33[data-v-58ef2e7a] {
    width: 100%;
    height: 100%
}

.issueAndResult .numberBox .numberBoxMain .numberBoxMainLi .numberBoxMainLi4[data-v-58ef2e7a] {
    width: .56rem;
    height: .56rem;
    text-align: center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABgUExURUxpcdpfR99uUeJ6W99tUOJ6Xt5sUOFwVP9/X+Z1W91jSuFuVeJuVt1sUd1mTOBzV99vVN5rUeF1Wd9uUt1oTuN9X9xjSuJ5XOBxVtthSeF3W9tfRt5qUOJ6XeN7XuR/YftCga0AAAAOdFJOUwDwUdR47r2RCBnaMyzsxeIrIgAABD9JREFUeNrtmtuSqjAURAVCwlURVLwN/v9fnkRodyAGCeHxtFTNW3fSOyxrwN1/baSkCJmIoihu21j+ESwsku3cc8bjs1TXnbs/pVbq3nKWb+Iu4jPUdd1fJ+2Vv/rcY+GZkbCI3KW/Wv3fkHC/1/e6riO2vqtUX7y8pFCP9G+lvdIhFum61St7kmoH/Sv7fgOIWLGLMH6N7LuhoPZTEHSQikLXdvjrpQf09uQuBXd5KfHUdfmTgLe9SrhT/1LwP1zj0KH9l9R4+fKi+tE/rf8qr+vSSaTRtB5soJ1uAP7SXomny/1f0/PTon9aP7kr/6q6VtGChCJW/loA+ICGtPVD17cqqbJY4j921zegHx99AL37koQ0fhkBsAeAaogaqipKSN3m24GfOD/f+xkCmqppspmEJJL2egT8tYLQTz3yH9QocftpFVSPyX+ltv5ocoB6+z5BWO9f9D/eANVfEyCof9hjA83xGFoHDHcr/6HJ+UT/Q4Jl0ODbL/7rUvYQ7KW4pSCT/+1X/tdoR/lrG4D/15ISB/4bB4jaGQIy8yQJR/5j+UY9Ss8nMyfsyn95/05ugKOWYMxZuPPfrL/B+p8nbIEmMMt/Wv/X/quJv0oox1NgZ1f+Vxrg0D+t/3Q6jbcQreS/foNpAUqZ7p+v5j/84Q5/qVwfsRv/r2Y9DQWcBunMi638r+f5D1E98N/vS60hL/7rAyZ/mUAdsY+9O//N9WMHe0Yc9eS/sYH9W5zust59Lf+/rV8pwL1W+PAf9nrCflCBbwJ//iv702fAUIgZz/L/MM9/6mfqT1MW3vzX26GAiwCI/Pmvz5cCOAI24P+QoK//cskowJ//8CdRQLyG/8cR/4129hepYAhovfkPf5IR4MH/k8WfAuIV/NcDoIk9BUS+/Df7V7rdMgRsw39jAxSwBf8NdykOVDjznwJs872pjwDs3PkPfEJ6/7QDBlyv5P9J24DZkLyA68Kb/+RO9lIFvjLt/K9c+H/REpSCZDeIb8T/Pbn3hwhiHvw36r/1AQ81YyivvflP04Uej3z3UezGf6rfvoHHI9iRxCz/m4X8V8LypYQWkPvzHwHwR0PA0Sb8h/07INvpYv78hz8C2OSfwC34j/kq4S6DhD//B/shgRn/iMPfg//KHxswHrgIf/7rAeLL4zRP/qN/TMBQOM//51HaW/h/GyZMAeHui/iY/407/x8QtzxS8+M//DFhU6GN/89l/H9YC4KEH//hL3Y2JfwH//dz/Id4MvdoeT3/oWz+4XU54dtzOf/nBwwVJfGfAuBvBhj+BZzsCSv5D/+fSrN1/Ef/CxK4K/8hni59zXVc8v1rnH+HF45h6cB/1B+6vWr8yX8EUD1uCjMn/odrXlaXS/kfoH1Hpaxcwv+ApR6v3LNf/M9Y4vujgdLO/0DkG/3sITDxGXCWb/zDDZ5lgVSW8f6HG/+1jf4BUszzDaFnyW4AAAAASUVORK5CYII=);
    background-size: 100% 100%;
    margin-right: .12rem
}

.issueAndResult .numberBox .numberBoxMain .numberBoxMainLi .numberBoxMainLi4 .numberBoxMainLi44[data-v-58ef2e7a] {
    width: 100%;
    height: 100%;
    font-family: DINOffcPro-Bold;
    font-size: .24rem;
    color: #fff;
    text-align: center;
    line-height: .56rem
}

.issueAndResult .numberBox .numberBoxMain .numberBoxMainLi .numberBoxMainLi5[data-v-58ef2e7a] {
    width: .6rem;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    border-radius: 50%;
    margin-right: .08rem;
    background-color: #d9d9d9;
    color: #fff;
    overflow: hidden
}

.issueAndResult .numberBox .numberBoxMain .numberBoxMainLi .numberBoxMainLi5 .numberBoxMainLi55[data-v-58ef2e7a] {
    width: 100%;
    height: 100%
}

.issueAndResult .numberBox .numberBoxMain .pcddSum[data-v-58ef2e7a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: .14rem
}

.issueAndResult .numberBox .numberBoxMain .pcddSum span[data-v-58ef2e7a] {
    font-family: PingFangSC-Semibold;
    font-size: .24rem;
    color: #535c66;
    line-height: .56rem
}

.issueAndResult .numberBox .numberBoxMain .pcddSum .sumBall[data-v-58ef2e7a] {
    width: .56rem;
    height: .56rem;
    text-align: center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABgUExURUxpcdpfR99uUeJ6W99tUOJ6Xt5sUOFwVP9/X+Z1W91jSuFuVeJuVt1sUd1mTOBzV99vVN5rUeF1Wd9uUt1oTuN9X9xjSuJ5XOBxVtthSeF3W9tfRt5qUOJ6XeN7XuR/YftCga0AAAAOdFJOUwDwUdR47r2RCBnaMyzsxeIrIgAABD9JREFUeNrtmtuSqjAURAVCwlURVLwN/v9fnkRodyAGCeHxtFTNW3fSOyxrwN1/baSkCJmIoihu21j+ESwsku3cc8bjs1TXnbs/pVbq3nKWb+Iu4jPUdd1fJ+2Vv/rcY+GZkbCI3KW/Wv3fkHC/1/e6riO2vqtUX7y8pFCP9G+lvdIhFum61St7kmoH/Sv7fgOIWLGLMH6N7LuhoPZTEHSQikLXdvjrpQf09uQuBXd5KfHUdfmTgLe9SrhT/1LwP1zj0KH9l9R4+fKi+tE/rf8qr+vSSaTRtB5soJ1uAP7SXomny/1f0/PTon9aP7kr/6q6VtGChCJW/loA+ICGtPVD17cqqbJY4j921zegHx99AL37koQ0fhkBsAeAaogaqipKSN3m24GfOD/f+xkCmqppspmEJJL2egT8tYLQTz3yH9QocftpFVSPyX+ltv5ocoB6+z5BWO9f9D/eANVfEyCof9hjA83xGFoHDHcr/6HJ+UT/Q4Jl0ODbL/7rUvYQ7KW4pSCT/+1X/tdoR/lrG4D/15ISB/4bB4jaGQIy8yQJR/5j+UY9Ss8nMyfsyn95/05ugKOWYMxZuPPfrL/B+p8nbIEmMMt/Wv/X/quJv0oox1NgZ1f+Vxrg0D+t/3Q6jbcQreS/foNpAUqZ7p+v5j/84Q5/qVwfsRv/r2Y9DQWcBunMi638r+f5D1E98N/vS60hL/7rAyZ/mUAdsY+9O//N9WMHe0Yc9eS/sYH9W5zust59Lf+/rV8pwL1W+PAf9nrCflCBbwJ//iv702fAUIgZz/L/MM9/6mfqT1MW3vzX26GAiwCI/Pmvz5cCOAI24P+QoK//cskowJ//8CdRQLyG/8cR/4129hepYAhovfkPf5IR4MH/k8WfAuIV/NcDoIk9BUS+/Df7V7rdMgRsw39jAxSwBf8NdykOVDjznwJs872pjwDs3PkPfEJ6/7QDBlyv5P9J24DZkLyA68Kb/+RO9lIFvjLt/K9c+H/REpSCZDeIb8T/Pbn3hwhiHvw36r/1AQ81YyivvflP04Uej3z3UezGf6rfvoHHI9iRxCz/m4X8V8LypYQWkPvzHwHwR0PA0Sb8h/07INvpYv78hz8C2OSfwC34j/kq4S6DhD//B/shgRn/iMPfg//KHxswHrgIf/7rAeLL4zRP/qN/TMBQOM//51HaW/h/GyZMAeHui/iY/407/x8QtzxS8+M//DFhU6GN/89l/H9YC4KEH//hL3Y2JfwH//dz/Id4MvdoeT3/oWz+4XU54dtzOf/nBwwVJfGfAuBvBhj+BZzsCSv5D/+fSrN1/Ef/CxK4K/8hni59zXVc8v1rnH+HF45h6cB/1B+6vWr8yX8EUD1uCjMn/odrXlaXS/kfoH1Hpaxcwv+ApR6v3LNf/M9Y4vujgdLO/0DkG/3sITDxGXCWb/zDDZ5lgVSW8f6HG/+1jf4BUszzDaFnyW4AAAAASUVORK5CYII=);
    background-size: 100% 100%
}

.issueAndResult .numberBox .numberBoxMain .pcddSum .sumBall .sumBallNumber[data-v-58ef2e7a] {
    width: 100%;
    height: 100%;
    font-family: DINOffcPro-Bold;
    font-size: .24rem;
    color: #fff;
    text-align: center;
    line-height: .56rem
}

.issueAndResult .numberBox .numberBoxMainClaseLhc .numberBoxMainLi[data-v-58ef2e7a]:nth-child(6):after {
    width: .6rem;
    height: .6rem;
    margin-right: .08rem;
    line-height: .6rem;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #b9bdc3;
    content: "\FF0B"
}

.issueAndResult .numberBox .typeBoxMain[data-v-58ef2e7a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.issueAndResult .numberBox .typeBoxMain .list[data-v-58ef2e7a] {
    font-size: 16px;
    line-height: 30px;
    color: #333;
    font-weight: 700;
    padding: 0 15px
}

.issueAndResult .numberBox .typeBoxMainPk[data-v-58ef2e7a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.issueAndResult .numberBox .typeBoxMainPk .list[data-v-58ef2e7a] {
    width: 33px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    color: #333;
    font-weight: 700;
    margin-right: 18px
}

.issueAndResult .numberBox .typeBoxMainPk .list[data-v-58ef2e7a]:last-child {
    margin-right: 0
}

.issueAndResult .numberBox .typeBoxMainSsc[data-v-58ef2e7a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .1rem
}

.issueAndResult .numberBox .typeBoxMainSsc .list[data-v-58ef2e7a] {
    margin-right: .24rem;
    line-height: .24rem;
    text-align: center;
    font-family: SourceHanSansCN-Medium;
    font-size: .16rem;
    color: rgba(83, 92, 102, .65);
    letter-spacing: 0
}

.issueAndResult .numberBox .typeBoxMainSsc.lhcText[data-v-58ef2e7a] {
    margin-top: .06rem;
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit
}

.issueAndResult .numberBox .typeBoxMainSsc.lhcText .list[data-v-58ef2e7a] {
    width: .6rem;
    margin-right: .08rem
}

.issueAndResult .numberBox .typeBoxMainSsc.lhcText .list img[data-v-58ef2e7a] {
    width: .3rem;
    height: .3rem
}

.issueAndResult .numberBox .typeBoxMainSsc.lhcText .list:nth-of-type(7) img[data-v-58ef2e7a] {
    opacity: 0
}

.issueAndResult .numberBox .typeBoxMainSsc .list[data-v-58ef2e7a]:last-child {
    margin-right: 0
}

.issueAndResult .numberBox .typeBoxMainKs[data-v-58ef2e7a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.issueAndResult .numberBox .typeBoxMainKs .list[data-v-58ef2e7a] {
    width: 40px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    color: #535466;
    font-weight: 700;
    margin-right: 17px
}

.issueAndResult .numberBox .typeBoxMainKs .list[data-v-58ef2e7a]:last-child {
    margin-right: 0
}

.blockDialog .el-dialog__body {
    padding-top: 0;
    text-align: center
}

.blockDialog .el-dialog__body>div {
    margin-bottom: 10px
}

.blockDialog .el-dialog__body>div:first-of-type {
    margin-bottom: 15px;
    font-size: 17px
}

.blockDialog .el-dialog__body .el-button {
    margin-top: 20px
}

.blockDialog .el-dialog__body .block-red {
    color: red
}

.el-loading-fade-enter,
.el-loading-fade-leave-active {
    opacity: 0
}

.lotto-navs[data-v-e787f7a0] {
    width: 1.6rem;
    height: 5.8rem;
    background: url(../images/side_bar_bg.4349f4e.png) 0 0/100% 100%;
    position: relative
}

.lotto-navs .all-lottery[data-v-e787f7a0] {
    position: absolute;
    top: .13rem;
    left: 0;
    font-family: FZZCHJW--GB1-0;
    font-size: .18rem;
    color: #fff;
    width: 100%;
    text-align: center
}

.lotto-navs[data-v-e787f7a0] .el-menu {
    width: 100%;
    background-color: transparent;
    border: none;
    height: 80vh;
    overflow: auto
}

.lotto-navs[data-v-e787f7a0] .el-menu .el-submenu {
    margin-bottom: .38rem
}

.lotto-navs[data-v-e787f7a0] .el-menu .el-submenu:first-of-type {
    margin-top: .77rem
}

.lotto-navs[data-v-e787f7a0] .el-menu .el-submenu .el-submenu__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
    padding-left: .18rem !important
}

.lotto-navs[data-v-e787f7a0] .el-menu .el-submenu .el-submenu__title .lotteryNavIcon {
    display: inline-block;
    width: .32rem;
    height: .32rem;
    background-size: 100% 100%
}

.lotto-navs[data-v-e787f7a0] .el-menu .el-submenu .el-submenu__title .lotteryNavIcon.hot {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADPUExURUxpcf////////////////////////3+/v///////////////////////////////////////////////////////////////4iTo4qWpYOPnn6JmHaBj3mEk5GdrIyYp4aSoHF8inyIlo6aqYKNnIGMm3R/jYCLmYWRn5Ofrpunt2x2hJaisXuGlHiDkY+cq5iktG95h5+ru+zu8aOsuMjN1P7+/qqyvvL09c/U2re+xuHk6Pb3+ZScp9vf49nc4Jqjrr7FzLC3wJ6mso+XoZIZUhsAAAAXdFJOUwDt0bwZA039DJB8PuQwWm/a9K/Gn2Qkd6xtjgAAA6xJREFUeNrtmVtX4jAQgNVV6xVxdXcAXYq1rlBEpUnvpdz8/79pE5CmlwAmqefsA589ac2U+TiUmYdhb8eOHf8bxwenh9+Y/vIHAGjfpji8dWHB9dnJXvWcnF1Dyv5V5YraBeS4+HVUZfrzAyhRr1Wm+P0TuBwcV/Phn2qwjptz5fRHV/uwiR+XioVVh238vFQrrO24t7+VCms7tLhVCouBHAR8rk9PFAqLCWzbiYHP/tmJbGExfNu2vQiKsP4hW1hMQAmAUeofaoUV2QscWEu9plRYiWXblm1ZzMDrHwqF5VifBECQ6R9bCsuzVkSb+8daAWzEt94tCjnZPmxCUjB+Z4TfIfDeM0RASPwqBeglC9boFvYrFExfcgRAsHBcmQC99HJg2mtxz9OqEoT5/O1eQh9Lrx0qCjRYgtpFZgCAyTlQEvirl3tvS9pvbXIsrnyI6bmHVATR3AVK8FYmgGRxxpq8wHUeIyD47Uf9sYjn4uWFIy8ArIfU4+kc3kJ9SduXFiBdn9M22mzqTX09obQgbDabGkR6czM6khT4NDPy29lk3oRjCCUF0wYhwo0sMx83SuixlCDWG4R5PpcH2qxsCKQE0w4HWsBeadeTEcTNTrfMlEYm6b+dbqdDl1hCMG3xCJZf3+L2WFwQN8yWSY5CpggoiWnmY1NxgWNmeTKfJmQxOxos8Nj+E93H4oLJU4EEk2WVCJn54EhYgJ4LdLUxWYO0yPNRXVjg3BWYQfx819XSKjdz0ZawwDOMO4MlMO4igJERQgpO4+TCMIUFEyPPhOZsxZAS5MLiz6AzGBgDwyDLkoQKHGBoLRJLmQsLnv/kwECYQhZv8GdAjmV8Jiwwc/kNBAQ3XyjZGwJhQes1Swhlokx8EIs/5PsMDQ3KxPeMOQgLwqxgDDw67IZAXJD8ZUyAyyi9YQTiAmgwwXibIJEROA8rXt01gtUNc5ARuB+r149gs8DwpQSAXj8TYOBD38GQ/I1BTgDBw3CBB3zuF9EHB4p8eQLlDIf9Yb+PgQuiseFwKjQDOz4oGPqEEXAJaGzoCE7xjn5dQIbxK0ly7wKPkIbGhfTnorMu9EHSRMDjud/vIqkx52F2ouOSNzoDDgnZd/PpJYe96IP7GU26kcoc+PwGGA6nV2iOqzhmrtXhq9RrFY6V+XN49cG43CRQffx7ccXSVz3AVv+phbUP9WGvQPtQT89vH/vAEPypS6J9XAvM8yXah1Z5etY+BNLLfqFuD/d27Njx3/EPDqLJ8iV50VwAAAAASUVORK5CYII=)
}

.lotto-navs[data-v-e787f7a0] .el-menu .el-submenu .el-submenu__title .lotteryNavIcon.ssc {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADVUExURUxpcf///////////////////////////////////////////////////////////////////////////////////////////////////////////2p1gp+svHqEkv39/YeSod/j552puG54hYCKmIuVo3F7ie/w8nN+i/T195ejsn6Ilo+apvn5+pKerXaAjtvg5aezwZmltcfM0s3S17/Fzc/V3I+bqoSOm6OtuYOPntba4Juot+fq7tnc4aq1w7C6yLq/xpSgsJaeqert77O5wquyukZJFwwAAAAbdFJOUwDlMFu90k0KBD8TGtt98ozsr2Uklsf2bpxzosDa6VcAAAPjSURBVHja7Zlpc9o6FIabpFkI2dombW8PSDZ43413m337/z/pysNMUpAIIxlm+oHnEyPD+8jY58Acfzlz5sy/xs31a/uE8ZdfAeDn8/2J4tu/YcPT4+0J4m8fn+Cdl/+Orri6gC0uvt8dM751DRQPV0dT/PgGTK5vjhJ//4xhH2+txvF3v17gM75eNiysBzjEt8uGhXWYPz+aFdZh8Gu7WWEdhvQP/sLig/QPvsLih/SPZoWFR2kynYThZJqkIww0df8QLixXTsLuX4SJ7AKrf4gVFk7DLkWYYmb/ECisYBM/TeWRibE5ktPpRhHw9g9mYZnTHmFamVuL1WbVZPaPvQJgsAxJEGuvQTgcDsMlMOARBN3BoJdiYF6Z3nDYDZoJgsFgUIxgD6OCHA6aCJbDwWBiwl7MyWAwXIoLzMKyQgwfyGEEW+DQsgpTWDCxrJ65tdDt6jt76FnWRFRQzefW9vdPbih59zpY83klJsA9z0thC3Jj7gog9bweFhLE9CfJTUME9D5iEYFrZd7uuVuWRQmg8jLLFRBUWVbADvP5nBZAkWWVgGCVOSns4HkeQ5Bm2YpfgD3H0WGHLMsYAt1xPMwtCBynR0U5jhMATaGqAbcgUdWISlLrJJpIVRNuwVqSKlogSSxBpaprboElSfTXLUnSGGhkSbK4BZkk6VRSyRbokpRxC8hmXSopL0uWwCVv5heUJS1QFIUpKEt+gVqWOkuwwkChl6XKLfDynL7INkGlz0HOc49bUChKSiUtUA31E5YqSsEtmClKwmgKqEbZKcFEUWbcgrFtL4ACJ8ivWYy2Tsy2x9wCnNu2DjS6ZdT4K/djybZzzC2AAtkRsIhtrUap3lsRQgXwC2KEHGBirrV+zQw2OAjFAgJT+fgc3Xz6nX7Hf9+JYgoIIEFIwsAGz7ROB21eSgglYn9bch8lsI/lQos2+/D9HAsJIPJ9JMMBZOT7EYgJwDEMRYdP0W3DcEBUoCuGobrwCa5a70FYALKvaar+yf5VTfNlEBdATCoKBbCHAJHDMTQRQGz0+8YMs2/V+lgMzQQgI1KzrKYR2eQAkqGpAHSVVG0/T5Zbi0neIbW85/rwTqAi1KnJV/F46bqjcbwi6QQU8c/Abq6BgUsaA4Uxc0WmeHffL4CBGS36f6f3F5HJjG+Jz7rceO0go9PRkLOOXeCIp7h/xSDAW0t42EvTfA7ceuON5+bqAZhwDLqEpl9HncPfPv88HN/sSUL7D1BwDxrFB9gXv26P//zjFE9y7liD5heOWbJA+3h6vG+aSbcPsWE7f/sg8W3xlMPtA7+2T/qw9Hf7y5kzZ/45/gfZgOnbjv24NAAAAABJRU5ErkJggg==)
}

.lotto-navs[data-v-e787f7a0] .el-menu .el-submenu .el-submenu__title .lotteryNavIcon.pk {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACxUExURUxpcf////////////////////////7+/v///////////////////////////////////////////////////////////////////////////////4eToY+bqXN9i4KOnPT293+LmaqyvNnc4Zeks4yXpfDy9KOrt5WhsLnAyb3Gz3B6iLC4wnaBj5Ofre3u8HyHlXmEksvQ1t/i5/j5+ufp7MTL09DV3LS7xZymspqirdvJwx0AAAAbdFJOUwAz7Iu8b+T9CMnz031gGiZKA9sUDz+vlp9YUNJ3gZIAAAMaSURBVHja7Zlpc+ogFIavrTWt1lbtaglkQcxiQpOYxfb//7BLIOh1uhCLznTu5P2QEDy8Dxk86Bz+dOrU6bdpMnq6OaF9rw8AMM7vTmR/8wyEhtf3J7C/vB6Crc4uLo/tPx6APQ0upse0f7gCHzSbHw1x+wg+1ejlKPb35wb4SlcP+mt7cQa+U7+nmVgzoNLjrWZiqfV8q5dYahlPNxqJpZbYP/QSS63h9aVGYqkk9w+9xFJrMJ7qJZZas7lmYqk1mnzr/zLTMVfvH31wFPW/BIAjqQN0gA7wGwA4rFVWa/FohyEWrSwMl7xhsJBchq83nhcUhwCCRSOPGy8Xi1D4LxYldww99qENhEoRWx0C8P2wLAPX931cA9gj9/X9yKgbrl+LAWTvGrOu4gAApXx04VM/ZwBKA/4i1BOmuKpcSpci2KUei7HfaHQAAELhVEK4Zs4QMkDuQVqAf0IE4BXCrAm1WwM2MhhDWElABCEGHwEVhBy7Zh+3BkSECEBGCGYAQgIQ1pedAkKWsmEAwIPK9gDTFKM93lia5gabprkGO21kSGRCfjdMM2gNcPloo2D3CHDAGzHZ5TOA2wAAi20PsCxCiMX0ntfrWLdMz7KyHSCyrOYlLQmwDgI4luNYpDRADXBYO8uJY9o7gOMsm1hT9FjWpj3AcSqMC2EnAGx2Gb/uQpaSxGdhO077NfCShI+WgCShtQlNkmILkCFlkrzyr2mSVO0BaboHSFOXZ0Wa0i1AhqzTlC9NmKav7QFxvAeIY1f2ZxKwDbHimmqQmID2AIT2AchrXgU5ObthjN9jlGFc1FNHcZTnLnv+OQA1ALBBKAIgQFJuPXeKUBwj9A7aA95Wqz3AatUA8mSFChCspFze6bEWco0T/mTaGNvdv4oO0AH+N4BeBUqvBjYZAbW0qnjT8UDXXr/WpV3mvHsyfmQ/0Sj2athrVNU0y8zzWXv7uUZZWa3ZeKpRGNerBOqXfwf6ZyG9vrJUqn+2dQJ79fZxpnMWpd4+huca9urtY6hxWKfaPk56Fti7UpxG6Otl9Hzzp1OnTr9OfwFPddWWdAJFeAAAAABJRU5ErkJggg==)
}

.lotto-navs[data-v-e787f7a0] .el-menu .el-submenu .el-submenu__title .lotteryNavIcon.lhc {
    background-image: url(../images/sidebar_icon_lhc_default.3de5ecc.png)
}

.lotto-navs[data-v-e787f7a0] .el-menu .el-submenu .el-submenu__title .lotteryNavIcon.ks {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADMUExURUxpcf////////////////////////z8/f///////////////////////////////////////////////////////////////////46aqXJ9i5unt3qFk5GdrIWRoH+KmIKOnJOfroqWpYyYp4SPnomUo4CMmnyHlXeBj3WAjX2Il5WhsJeks4eToXiDkZ6rupaispypuXB6iPX292p0gaCsvMbL0W13hbW8xbvCy+Xn6Kawvd3g4+7v8dHV2a62wdXY3c/P0MrQ2Zmhq4pM6jMAAAAYdFJOUwCa9bwKBE3+2F7lPu0ZMHwRb6/GziSHjaSS6t0AAAPVSURBVHja7dlpU+JKFAbgCy4NKoozztjZlwYSCCRqLiELSRD//3+aztJIAkykG6vmAw+UYKw6byE5x3j47+zs7F9z3Wn1vrH8/QWEsP3c/6byvRYstB8uv6H85UMbbtw9njyiewMrbrpXpyx/+wR3dE4X8esH3KtzfZLy/WcAD/l5y1z+6vEO/s3FPWtjwSY/7hkbq1nrF1tjNQOtHltjNWv/7rM1VrO7h0vqxmpG5gdLY7nrNJpHkb+OYUVtftA2FljPP/kJgAd0unSNBXynYp6uD2U8XVM0FvBfdzh+TDE/LuD++sJe6aGIi4MBcK9AOCRw4V7HBXhTwvc8f1ohLNkDli+E/475LxXTADAGuFOLeE9Wq+TdymmWhu8WlrpsAZG2kSzDcJloNVbksgQk0qcgjOMwkOosJ6YPABonSZzE4Tsu5cWxJ3E5qTyOSdbcpQ4IEMYhbgc+iMjPNC0ClAEu+gpNk3zKgFT/AiRhCVWAqw9rdM91Pb12jOOm88ilCQhmdR7EvFmFzgl4hq8oAgCS61yIuXIFshwsoAhYyYO6IqByaMa9ZiKKgEjdUfyK1G36VMg4xwe4ujqqU7M3Wd0+LmtCjuIVJMOR0miEpgWK9yCS1UmjgfZSOP4sAro8MER8y77kjxh5Th4VRKZ3fHRAiM8QRdzhh27oi6It2vguylrJOb6TAxUT7SpxCTNLu6AgqeQdHyCoGdGsIEPNNzOiSiY5Fx8fgLS5Y81GhjneEsJCOM4oQzLJHYppyjkZa6DYY37DJT3CY6aKiIQiYP6aE5BimDyxeQU8NpnpJQ1QBARCaTqciPxbIYWFFD83R0MigBQBy+mGJos2rrjAt/Iswt/wojwrIZcmADjWJ0kVx2+LTIr7IF1gtiETHt1VRahtQ4rNL/7/NLbVQQkBugDoSVh5pmMzw3wj5Rdj01aJhPrCy0PF9Qmh2nweseDHpmmMShHDpWOg55COcro+GW8oJZnp2jQY1qgmX/SdOSmt2a6uPblO5HN2ObUF1v8PVrNBjcFnxIIaswbAUFJH1T/OBu5rfjO+mQMgSJUaAweYuQQyBRBLZFTZ+ETNBJAxgAAenkYigZ++8ZkIHkCxgQIeMrfwmQ9waAdGt0NbRsaYyMb3B6Da4l39ZVMEVpHBFxa8v7/8LeuuKww+VFNEfsyy5uy1AKSAy7Mue4nmPU6z25+wAfOaudv5evnuCdfKJ93D93+3IUG1CWRf/948NpRnW2DfnOajlusn9mUvxfhgLV8fH3cN23Bm/RagK08xPtrPPfoqzeMDtHrf/WHp2dnZP+cPJCXoDJyY+kMAAAAASUVORK5CYII=)
}

.lotto-navs[data-v-e787f7a0] .el-menu .el-submenu .el-submenu__title .lotteryNavIcon.syxw {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADzUExURUxpcf///////////////////////////////////////////////////////////////////////////////////////////////////////////42ZqJOfrpCcq5ypuXV/jYyWpXJ8in+KmHyHlXqFkp+su4SPnXeCj5iktIiUoWp0gfz9/ZWhsdne43B7iJqntoGMmre9xoaSoPP19v7+/6mzvs3T2sfM06GuvZmircPIz6Stt+zt74mVo73Fz36Ilb3Dym13hG96h93g5dXZ3p2msPj5+efp7JObpqCos+Hk6NLW3K+5xq+2vsvQ17K5wnIdQWwAAAAbdFJOUwBJfBID7fXYCso7vBrkL69WJJafXohlbXKOi670HBEAAAT1SURBVHja7Zl7c5paFMWb5t0mfaSv27sReQakiJXwEkE0EcW33//T3M0hhuG2ljlgZvpHfpPJWYcJa3km7K2zffXCCy/8bRyd31w9o/27twBw9u/xM9lffbKBcPb64hnsL16fwROn/xw84vM1FLj+enJI+zeX8AvnHw4W8fE9/Jbzo4PYH3/XYR+X9SNOvp3Cn3j7pm5hQRnv39UrrHLsTx/rFVY5+s1VvcIq5+zLMX1h0XH6+oK2sMqxbYBC/6hVWMZqZUCOFUdOr+esIsMq9I/KhbXsIePdLox6TzgbHfL+UbWwwt4tsgKCFd0WiPRCcVcpLHtFnHpks+jdNosJy0L/+ENx7y2scZNATuA2f6EHBd7uDYB9rDIjI/cv4EAR6gDrJ8G0wfYyWSSuG7BspdxaYEdENSP3Ce+26ULdgMzWeBSOMS0+AVA1QPd6t6sFCof4AhjEHvTEjczVKtosdCBUDei3kVYC0ExFAlaz3drYYfSzvaNlLuoEtBpI20TRbjQcgKjRC62okdFuZBlOUj3AIU4tnSS5YLVN3UD5fyK7akDYZhuIAU38HYLngdf4HY5VMQBiNsUBh2UbAAZ47O8JrIoBYLIpRsSyE9xt2H0EesUAfcsgDZdh5gBjZj+jigFYugwSsEwLwGH+gFG5ksdzhuEZnrfsdCE6XVnTi91RwO+uTfSqAWAvfR4xMCBnawHBZXdXNnV6UejNB0EyGWgDDX8Gg8Eob7STQYZfIcDzJ940k/qc1T1tx9zOz2f5WsaYPiC4u7tjzOxjg+W7Nu5TNHNaON4gu7ymD7DHo8BnNMbfLi2YeqC7Dqv5ZghFTOKvDHS6gP3EfHoM/FfgI2SmR1AyjEMFjJQcBpB5pqPDBXSV7iM+IGamHaoAvc86j2oZrO9mEG6TDT8mAWJXDPopnmeQC11E7PoUAbrHi+IdINZoIPqKqMBaFNFkMgeIRFEcQw4mEmYUAYGINMiLQ+EEiqMrIsEH6OPSD6e1AhRJGkprFCKuQxOFIWmuJC0sHQPSa0NJC3bHMMl+6FMFIB6Kbio2KBZ+7EpKVuDSjnVW0dtsF1AETA1Zlg0URl+WMmGavCytt6hjRRqKeFmSZBNSJjLBpAgAF28IAVmqqhomXVF+pP/0Ema4kyyUuiSrMhLTBKzRVyfHV1XZDkVVXhqxr6qOnvdRGf8mzYtVgjylCeA5VSRipqoKgKY6qF1V1iGHR9ctrgHx5+ZAUwcqx812woeE45aaAh7HJbnLVOY4bg2QqBxhQRMwxhuCXHicvMXFTMPydxoOWQL4HIHuDWckCIKZi0DweS2EPsc5YAbBfD6Z8JyAKFPYCBkGVcAE7/B2YgOKMIIdQyGHW4DBZXICVAHDTqczzgXX0Ub9R4TOE7MQFmomlSldgNYRFB2QWacjTsGUVA4RhM7DbPZA6HTnsQ0el+3UsMIHr3Ks+cM9QYjhGQJCh7vPGC6gSI0JVOKv40USJps1f//jkZlVMgOjmqF5wx9FBNOmGrGdfC2ZFNmxf5/by6ZVOiSkn3VNl44m3z8MZ+YY4NcxRTnHNzpU4PKIcthb377+VK0wiaLlw3kt+/pj5dz+c+U5/MWXkgeqbBJYf/x7/Y3avrx9HPyrlqNLumEvPSefr+val7eP0+rTcLr2QW9P3z7Ovl9VtChvH9TfRtC3j09Xr1544YW/jv8ANWUpJTjkWNAAAAAASUVORK5CYII=)
}

.lotto-navs[data-v-e787f7a0] .el-menu .el-submenu .el-submenu__title .lotteryNavIcon.pcdd {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADPUExURUxpcf////////////////////////39/v///////////////////////////////////////////////////////////////////////////////////////52qum13hZOfrnWAjXyHlNrf4+Pm6vDy8/n5+oWPnYuWo5qnt8zR16q0vo2ZqICMmmp0gcbN1fT199XZ3nB6iIeToZejs7rDza63w+nr7p6msf7+/rS8xsHK1JqjrqKsuJGZpbW+yaawvezu8WlzgcLI0NDV25Q+SzAAAAAddFJOUwDK0wliBE7+ED+LGXzk89wk7XCv95+6lr8wWOk0FmZkIwAAAz9JREFUeNrtmWl3mkAUhmtc0GxmN7G9kRm2YTFsAu77//9NHRjT1hoDdPCcnFOeL8r2PjB4Jzl3vpWUlHw1GmedixPGvzwDwMN580TxF48jSLi+PIWienkNv7i9qxadX7uCPa5q9SLjWxU4oN0tLP7mHj7krFFIfPNcgGNUWtzx9btb+IynH5yF1YY07m/4Ciud0eMNX2GlI3QuOAorHTZ/cBRWOmz+4CusdL7fVTkKKx02f/AVVjrtLmdhpXPWSCssDtLnj2cohKejAiiIUlAKSsFXEEiTGMOVR/BOZI+XZiAJECMH4TIwVGAI28Bc2E4eweZ1hyntMiavjFABUIPdwRXEKGayNZNyCAJdn9h2EOq6LiX5Y11/XRjbBd0PMNZfbVne6HoYP88o1JeyGo31mZNDMBgkZ8v6QI8Hwh4MlsntSguaGc1kYDtju8I+VH3gZhcsRJHdji2KNMwRRSbcIbChEUUjdu7ODcVNXgG72k00EzhAEMUgfsr4Higz0c4uGFsWExiWJQEs480DVpZlx56pNVMBHMuKsgtCQpLE0YwQBcAiFhxiECIDRSJEdIUlWUAOge9TgSCbvh8CqL4//WiE3ve6vu9bvinkEJiaRuZEo0zjp9e0IRyw0TSXDdVQG8ZnRnkEfcbcTn7p/T45yJe1PrMq834AK3qFn+MdLDE2JEl2gEEwVmEfh2BNYTeDE5GL8TC7YIaxAr8xqQ/2UOcYS+xVJMfYSUp2AUJ/ClyEyF/5CO3KaoUQexUGQlJmwXBfMCIIsR+JMpXj8aH5ATAEjEJWO/Sa7ALPU/beKPK8+TaSN9jDDiia503drUGJknOTGQN5BDILpr3enoBe3tsxBtB6DLbl4F4Pz+k+FOUQrNf7AlBm3nr99jaPhxm90W8MKgDH9Oh2b7ji/JMpyK6kHDkUubJQ/ldRCkrBfyJgHSh+7l8+bU5DOlxdvHrtiiu+xdHrSue5lbFb1xG4uyDF96QqDe52NaO4NnO3nT2+y9FWTqddq/97Y/yBI56j/VvoQsXLU0qrlJ/Wkenj9rJ6qhUcFt88zRoU47rw1bRmR+BotmefPlj8qZYbWxW2GnHSxVK6nlJSUvLl+AkZeftBeLPUsgAAAABJRU5ErkJggg==)
}

.lotto-navs[data-v-e787f7a0] .el-menu .el-submenu .el-submenu__title span {
    width: auto;
    height: auto;
    margin-left: .08rem;
    font-family: SourceHanSansCN-Medium;
    font-size: .18rem;
    color: #fff;
    visibility: visible;
    line-height: .32rem
}

.lotto-navs[data-v-e787f7a0] .el-menu .el-submenu .el-submenu__title .el-submenu__icon-arrow {
    font-weight: 700;
    font-size: 18px
}

.lotto-navs[data-v-e787f7a0] .el-menu .el-submenu .el-submenu__title:hover {
    background-color: transparent
}

.lotto-navs[data-v-e787f7a0] .el-menu .el-submenu.is-opened .el-submenu__title .lotteryNavIcon {
    width: .32rem;
    height: .32rem;
    background-size: 100% 100%
}

.lotto-navs[data-v-e787f7a0] .el-menu .el-submenu.is-opened .el-submenu__title .lotteryNavIcon.hot {
    background-image: url(../images/sidebar_icon_hot_secelet.3c38b3a.png)
}

.lotto-navs[data-v-e787f7a0] .el-menu .el-submenu.is-opened .el-submenu__title .lotteryNavIcon.ssc {
    background-image: url(../images/sidebar_icon_ssc_selected.2e0ae41.png)
}

.lotto-navs[data-v-e787f7a0] .el-menu .el-submenu.is-opened .el-submenu__title .lotteryNavIcon.pk {
    background-image: url(../images/sidebar_icon_pk_selected.1780dea.png)
}

.lotto-navs[data-v-e787f7a0] .el-menu .el-submenu.is-opened .el-submenu__title .lotteryNavIcon.lhc {
    background-image: url(../images/sidebar_icon_lhc_selected.a1ee062.png)
}

.lotto-navs[data-v-e787f7a0] .el-menu .el-submenu.is-opened .el-submenu__title .lotteryNavIcon.ks {
    background-image: url(../images/sidebar_icon_ks_selected.9e87541.png)
}

.lotto-navs[data-v-e787f7a0] .el-menu .el-submenu.is-opened .el-submenu__title .lotteryNavIcon.syxw {
    background-image: url(../images/sidebar_icon_syxw_selected.d5f327f.png)
}

.lotto-navs[data-v-e787f7a0] .el-menu .el-submenu.is-opened .el-submenu__title .lotteryNavIcon.pcdd {
    background-image: url(../images/sidebar_icon_pcdd_selected.90486d8.png)
}

.lotto-navs[data-v-e787f7a0] .el-menu .el-submenu.is-opened .el-submenu__title span {
    color: #b3c8ff
}

.lotto-navs[data-v-e787f7a0] .el-menu .el-submenu .el-menu-item-group__title {
    height: 0;
    padding: 0
}

.lotto-navs[data-v-e787f7a0] .el-menu .el-submenu .el-submenu__title:focus,
.lotto-navs[data-v-e787f7a0] .el-menu .el-submenu .el-submenu__title:hover {
    background-color: transparent
}

[data-v-e787f7a0] .el-menu-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 46px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .25rem !important;
    border-bottom: 1px solid #e9e9e9
}

[data-v-e787f7a0] .el-menu-item:last-of-type {
    border: none
}

[data-v-e787f7a0] .el-menu-item:hover {
    background-color: transparent
}

[data-v-e787f7a0] .el-menu-item .lotto-img {
    width: .45rem;
    height: .45rem;
    margin-right: .06rem
}

[data-v-e787f7a0] .el-menu-item .lotto-img img {
    display: block;
    width: 100%;
    height: 100%
}

[data-v-e787f7a0] .el-menu-item .lotto-name span {
    display: block
}

[data-v-e787f7a0] .el-menu-item .lotto-name span:first-of-type {
    font-family: PingFangSC-Semibold;
    font-size: .14rem;
    color: #535c66;
    line-height: .16rem
}

[data-v-e787f7a0] .el-menu-item .lotto-name span:last-of-type {
    margin-top: .06rem;
    font-family: PingFangSC-Regular;
    font-size: .12rem;
    color: rgba(83, 92, 102, .5);
    line-height: .17rem
}

[data-v-e787f7a0] .el-menu-item.is-active {
    position: relative
}

[data-v-e787f7a0] .el-menu-item.is-active:after {
    content: "";
    position: absolute;
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.lottery-submenu .el-menu {
    max-height: 80vh;
    overflow: auto
}

.lottery-submenu .el-menu::-webkit-scrollbar {
    width: 5px;
    border-radius: 50px
}

.el-menu--collapse .el-submenu .el-menu {
    z-index: 10
}

.lotto-area[data-v-4239598c] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    font-size: .16rem;
    color: #535c66;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lotterBetnOutBox[data-v-4239598c] {
    width: 100%;
    min-height: 830px
}

.lotterBetnOutNav[data-v-4239598c] {
    width: 100%;
    height: .67rem;
    border-bottom: 1px solid #e9e9e9
}

.lotterBetnNavs[data-v-4239598c] {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: .22rem
}

.lotterBetnNav[data-v-4239598c] {
    height: 100%;
    margin-right: .55rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    font-family: SourceHanSansCN-Normal;
    font-size: .16rem;
    color: #535c66
}

.lotterBetnNav[data-v-4239598c]:first-of-type {
    margin-left: .36rem
}

.lotterBetnNav[data-v-4239598c]:last-of-type {
    margin-right: 0
}

.lotterBetnNavOn[data-v-4239598c] {
    position: relative;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#84b1fe), color-stop(#425cd8), to(#536ce3));
    background-image: linear-gradient(#84b1fe, #425cd8, #536ce3);
    -webkit-background-clip: text;
    color: transparent;
    font-family: SourceHanSansCN-Medium
}

.lotterBetnNavOn[data-v-4239598c]:after {
    content: "";
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(138deg, #84b1fe, #425cd8 100%, #536ce3 0);
    border-radius: 1px
}

.lotterBetPlayMethodsOutBox[data-v-4239598c] {
    width: 100%;
    padding: 0 .22rem 0 .36rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none
}

.lotterBetPlayMethodsBox[data-v-4239598c] {
    width: 100%;
    position: relative
}

.lotterBetPlayMethodsBox[data-v-4239598c] .el-carousel__container {
    height: .64rem !important
}

.playExplainBtn[data-v-4239598c] {
    position: absolute;
    right: 0;
    top: .24rem;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    line-height: .24rem
}

.playExplainBtn .playExplainIcon[data-v-4239598c] {
    display: inline-block;
    width: .21rem;
    height: .21rem;
    margin-right: .06rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAzUExURUxpcVNcZlZcZVNcZVNdZ1hkb1NcZlJcZVRfZ15edlRdZ1RdZ2CJiVNcZVZfaFRdZlJcZzyk1kYAAAARdFJOUwBrFGZNCl1sJgYzQwM5G1Qv+tQpzgAAAiVJREFUeNrtWMl2wyAMDGAUMJv//2vbhqSTItlyy2tO0c0LY81IQsKXt81atGFbS1m3YOOfQXxIdH0ySsH/wZWwXAVbQvwdzOquO+bW81B5gDFmgMrncCp9I7QSrM+f0N6G0r7xqJ7BWR8o0AO6PbBWnVa6wyQvRjLdoZJCz7d7dOzeG/YezXaYCpaggaYh2QN/qLujBDguHcnv6tN5FT0gpbPb0yndVA5nQhvMTfGjuHccHWk/CyrnpbOrgkB00/ly2m6KU5aJURR2AXKGWrHsCYnkohM9fSrfxUtauMgd4sT88qPqq0RuFRwyVswrIA3PreEuBSktSl9eQt2oZ6CUeIF5afxAzKEQcidphzfMqIeXFNoemYJgrJJKfmQWJMcb1oC8tA5rTJQ+F3AlOB3NgE5cyU7NZYRVqtL2peITsFxlhVqFQxBsDCyoWC4R0wvMmEiWXSodwSE+3AUE2u/jLFKJIG+2n4WWdRxu+ZFdkMwoHdPJ1A3CpAF5B5wDIJ1aAY5CTRG74V1FbCX8xL7Cwi9fKlUgJaRSIuCNZ0qJoGglC2nLF8Vdvo3oxrcRbWPTja/zR122plSPuq3XNn98FamibP5oR9yyu2KnVNoRGqSccsgVsUFqLRvyQQi1ZWOI4JbAWh8i+FgDi8m5hPvKWDM7aM2Pfv84jM6Px/MD+/wR4p8PNfPHrPmD3/xRdP5w/NLjuv4D4cW/NPSfLPO/fd42aR+TCyYJk2S11wAAAABJRU5ErkJggg==) 0 0/100% 100%
}

.playExplainBtn span[data-v-4239598c] {
    font-family: SourceHanSansCN-Medium;
    font-size: .16rem;
    color: rgba(83, 92, 102, .65)
}

/*  !*overflow-y: auto;*!*/
.el-carousel__item[data-v-4239598c]::-webkit-scrollbar {
    width: 3px;
    border-radius: 3px;
    background-color: #d0d0d0
}

.el-carousel__item[data-v-4239598c]::-webkit-scrollbar-thumb {
    width: 3px;
    background-color: #bbb
}

.playMethodContentBox[data-v-4239598c] {
    list-style: none;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.playMethodContentBoxLi[data-v-4239598c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: .24rem 0;
    line-height: .24rem
}

.playMethodContentBoxLiL[data-v-4239598c] {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: .08rem;
    font-size: .16rem;
    color: rgba(83, 92, 102, .65);
    line-height: 1
}

.playMethodContentBoxLiR[data-v-4239598c] {
    width: 6rem;
    overflow: hidden
}

.playMethodContentBoxLiR[data-v-4239598c] .el-tabs__nav-wrap,
.playMethodContentBoxLiR[data-v-4239598c] .el-tabs__nav-wrap .el-tabs__nav-next,
.playMethodContentBoxLiR[data-v-4239598c] .el-tabs__nav-wrap .el-tabs__nav-prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.playMethodContentBoxLiR[data-v-4239598c] .el-tabs__nav-wrap .el-tabs__nav-scroll {
    width: 100%;
    overflow: hidden !important
}

.lotterBetBoxS[data-v-4239598c] {
    width: 100%;
    min-height: 700px;
    padding: 0 .22rem 0 .36rem
}

.lotterBetBox[data-v-4239598c],
.lotterBetBoxS[data-v-4239598c] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.lotterBetBody[data-v-4239598c] {
    width: 100%;
    min-height: 295px
}

.lotterBetBodyTopRate[data-v-4239598c] {
    width: 100%;
    margin-top: .03rem;
    font-family: SourceHanSansCN-Medium;
    font-size: .16rem;
    color: rgba(83, 92, 102, .65)
}

.lotterBetBodyList[data-v-4239598c] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0 10px;
    border-bottom: 1px solid #e9e9e9;
    position: relative
}

.lotterBetBodyList[data-v-4239598c]:last-child {
    border: 0
}

.lotterBetBodyListL[data-v-4239598c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.lotterBetBodyListL .lotterBetBodyListLOutBox[data-v-4239598c] {
    height: 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.lotterBetBodyListL .lotterBetBodyListLOutBox .lotterBetBodyListLBox[data-v-4239598c] {
    min-width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: left;
    border-radius: 15px
}

.lotterBetBodyListL .lotterBetBodyListLOutBox .lhcBodyListLBox[data-v-4239598c] {
    min-width: 40px !important
}

.lotterBetBodyListC[data-v-4239598c] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.lotterBetBodyListC[data-v-4239598c],
.lotterBetBodyListR[data-v-4239598c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.lotterBetBodyListR[data-v-4239598c] {
    height: .25rem;
    cursor: pointer;
    top: 0;
    right: 0
}

.lotterBetBodyListR .clear-btn[data-v-4239598c] {
    min-width: .64rem;
    height: .25rem;
    line-height: .25rem;
    font-family: SourceHanSansCN;
    font-size: .12rem;
    color: #fff;
    padding-left: 8px;
    padding-right: 13px;
    background: url(../images/switch_remove.136099c.png) 0 0/100% 100%
}

.lotterBetBodyListR.lhc-clear-btn[data-v-4239598c] {
    position: absolute
}

.lotterBetBodyListOptBtn[data-v-4239598c] {
    padding: 0 .02rem;
    height: .22rem;
    background-color: #fafafa;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(13, 13, 13, .14);
    box-shadow: 1px 1px 2px 1px rgba(13, 13, 13, .14);
    border-radius: 25px;
    border: 1px solid #ebebeb;
    overflow: hidden;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.lotterBetBodyListOptBtn[data-v-4239598c],
.lotterBetBodyListOptBtnOl[data-v-4239598c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.lotterBetBodyListOptBtnLi[data-v-4239598c] {
    cursor: pointer;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(13, 13, 13, .14);
    box-shadow: 1px 1px 2px 1px rgba(13, 13, 13, .14);
    background-color: #fafafa;
    border: 1px solid #ebebeb;
    border-radius: 50%;
    margin-right: 11px
}

.lotterBetBodyListOptBtnLi[data-v-4239598c]:last-child {
    margin-right: 0
}

.btnListBox[data-v-4239598c] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.lhcListBox[data-v-4239598c] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.btnListBox.lhcShawListBox[data-v-4239598c] {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.circularOutBtnRateLhc[data-v-4239598c] {
    margin-top: 5px;
    width: 70px;
    height: 44px;
    line-height: 44px;
    font-size: 14px
}

.circularOutBtn[data-v-4239598c] {
    width: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .06rem;
    margin-right: .3rem;
    margin-bottom: .1rem
}

.circularOutBtnRate[data-v-4239598c] {
    padding-top: .04rem;
    font-family: DINOffcPro;
    font-size: .18rem;
    color: #535c66;
    text-align: center
}

.circularBtn[data-v-4239598c] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: .49rem;
    height: .49rem;
    line-height: .49rem;
    text-align: center;
    border-radius: 50%;
    font-family: DINOffcPro;
    font-size: .26rem;
    cursor: pointer
}

.circularBtn[data-v-4239598c],
.lhcCircularOutBtn[data-v-4239598c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.lhcCircularOutBtn[data-v-4239598c] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: .06rem;
    padding: .05rem;
    border-radius: 4px
}

.lhcCircularOutBtn[data-v-4239598c]:hover {
    background: #f7c347;
    cursor: pointer
}

.lhcCircularOutBtnActive[data-v-4239598c] {
    background: #f7c347
}

.lhcCircularOutBtn>.circularBtn[data-v-4239598c] {
    width: .4rem;
    height: .4rem;
    font-size: .16rem;
    line-height: unset
}

.lhcShawCircularOutBtn[data-v-4239598c] {
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
    width: 3rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.lhcShawCircularOutBtn.lhcCircularOutBtnActive[data-v-4239598c] {
    background: unset
}

.lhcCircularOutBtnRate[data-v-4239598c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: .61rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 .02rem;
    font-family: DINOffcPro;
    font-size: .16rem;
    color: #535c66
}

.lhc-money-input[data-v-4239598c] {
    width: .83rem;
    height: .3rem;
    padding-left: .05rem;
    outline: none;
    border: 1px solid #979797;
    border-radius: 4px
}

.lhcShawListBox>.lhc-money-input[data-v-4239598c] {
    width: .96rem;
    height: .33rem
}

.lhcShaw-money-input[data-v-4239598c] {
    width: 1.2rem;
    height: .33rem;
    padding-left: .05rem;
    outline: none;
    border: 1px solid #979797;
    border-radius: 4px
}

.red[data-v-4239598c] {
    border: 1px solid #e94b33
}

.green[data-v-4239598c] {
    border: 1px solid #48cf4f
}

.blue[data-v-4239598c] {
    border: 1px solid #3d8ced
}

.on-red-bg[data-v-4239598c] {
    background: #e94b33;
    color: #fff;
    font-weight: 600
}

.on-green-bg[data-v-4239598c] {
    background: #48cf4f;
    color: #fff;
    font-weight: 600
}

.on-blue-bg[data-v-4239598c] {
    background: #3d8ced;
    color: #fff;
    font-weight: 600
}

.circularBtnTwo[data-v-4239598c] {
    font-size: .14rem
}

.circularBtnThree[data-v-4239598c] {
    font-size: .12rem;
    line-height: .2rem
}

.circularBtnOn[data-v-4239598c] {
    background: #3d8ced;
    color: #fff
}

.lotterBetBuy[data-v-4239598c] {
    position: fixed;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 14.4rem;
    height: 1.54rem;
    z-index: 10;
    background: #f2f4f7;
    -webkit-box-shadow: inset 0 0 .21rem 0 rgba(0, 0, 0, .4);
    box-shadow: inset 0 0 .21rem 0 rgba(0, 0, 0, .4);
    border-radius: .2rem;
    border: .1rem ridge #a4b1c1
}

.lotterBetBuy .wrapper[data-v-4239598c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 .51rem
}

.lotterBetBuy .firstLine[data-v-4239598c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: .32rem
}

.moneyCompany[data-v-4239598c] {
    width: .6rem;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8fdafb), to(#3d8ced));
    background-image: linear-gradient(180deg, #8fdafb, #3d8ced);
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .5);
    font-family: SourceHanSansCN-Regular;
    font-size: .21rem;
    color: #fff
}

.addSubNumBox[data-v-4239598c],
.moneyCompany[data-v-4239598c] {
    height: .48rem;
    line-height: .48rem;
    text-align: center;
    border-radius: .08rem
}

.addSubNumBox[data-v-4239598c] {
    width: 2.66rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0 0 2px 0 #3d8ced;
    box-shadow: 0 0 2px 0 #3d8ced;
    -o-border-image: linear-gradient(#a4b1c1, #67717e);
    border-image: -webkit-gradient(linear, left top, left bottom, from(#a4b1c1), to(#67717e));
    border-image: linear-gradient(#a4b1c1, #67717e);
    border-width: 2px
}

.addSubNumBox .minSymbol[data-v-4239598c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: .32rem;
    height: 100%;
    cursor: pointer
}

.addSubNumBox .minSymbol span[data-v-4239598c] {
    width: .2rem;
    height: .02rem;
    background: #b9bdc3;
    border-radius: 8px;
    margin-left: .1rem
}

.addSubNumBox .addSymbol[data-v-4239598c] {
    position: relative;
    width: .32rem;
    height: 100%;
    margin-right: .02rem;
    cursor: pointer
}

.addSubNumBox .addSymbol div[data-v-4239598c] {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.addSubNumBox .addSymbol div[data-v-4239598c]:first-of-type {
    width: .2rem;
    height: .02rem;
    background: #b9bdc3;
    border-radius: 8px
}

.addSubNumBox .addSymbol div[data-v-4239598c]:last-of-type {
    width: .02rem;
    height: .2rem;
    background: #b9bdc3;
    border-radius: 8px
}

.addSubNumBox .addSubBoxNum[data-v-4239598c] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.addSubNumBox .addSubBoxNum[data-v-4239598c] .el-input__inner {
    height: 100%;
    padding: 0;
    color: #edaf65;
    text-align: center;
    border: 0;
    font-family: SourceHanSansCN-Medium;
    color: rgba(83, 92, 102, .86);
    background: #f2f4f7
}

.chipOutBox[data-v-4239598c] {
    margin: 0 .42rem 0 .52rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.chipLi[data-v-4239598c] {
    width: .44rem;
    height: .44rem;
    margin-right: .08rem;
    cursor: pointer
}

.chipLi[data-v-4239598c]:last-child {
    margin: 0
}

.chipLi>img[data-v-4239598c] {
    vertical-align: middle;
    width: 100%
}

.clearChipBox[data-v-4239598c] {
    cursor: pointer;
    width: 1.13rem;
    height: .48rem;
    line-height: .48rem;
    text-align: center;
    background-image: linear-gradient(146deg, #fcfdff 2%, #e2e7ff 98%);
    border-radius: 8px;
    background: url(../images/btn_btn_light_short_delete.dbb9ba2.png) 0 0/100% 100%;
    font-family: SourceHanSansCN-Medium;
    font-size: .16rem;
    color: #3d8ced
}

.forecastBox[data-v-4239598c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-top: .2rem
}

.tip-space[data-v-4239598c] {
    margin-right: .6rem
}

.forecastBoxText[data-v-4239598c] {
    text-align: center;
    font-family: SourceHanSansCN-Medium;
    font-size: .18rem;
    color: #535c66
}

.forecastBoxText .buleColor[data-v-4239598c] {
    font-size: .18rem;
    color: #3d8ced
}

.lotterBetChase[data-v-4239598c] {
    width: 100%;
    height: 2.74rem;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding-bottom: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.lotterBetChaseL[data-v-4239598c] {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .25);
    border-radius: .16rem
}

.lotterBetChaseOl[data-v-4239598c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: .44rem;
    padding-right: 3px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8fdafb), to(#3d8ced));
    background-image: linear-gradient(180deg, #8fdafb, #3d8ced);
    border-radius: .16rem .16rem 0 0;
    font-family: SourceHanSansCN-Regular;
    font-size: .16rem;
    color: #fff
}

.lotterBetChaseUlOutBox[data-v-4239598c] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    overflow-y: auto
}

.lotterBetChaseUlOutBox[data-v-4239598c]::-webkit-scrollbar {
    width: 3px;
    border-radius: 3px;
    background-color: #d0d0d0
}

.lotterBetChaseUlOutBox[data-v-4239598c]::-webkit-scrollbar-thumb {
    width: 3px;
    background-color: #bbb
}

.lotterBetChaseUl[data-v-4239598c] {
    width: 100%;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.lotterBetChaseLi[data-v-4239598c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    font-size: .16rem;
    font-family: SourceHanSansCN-Regular;
    color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: .9rem
}

.lotterBetChaseLi.flex2[data-v-4239598c] {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.lotterBetChaseLis[data-v-4239598c] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .16rem;
    font-family: SourceHanSansCN-Medium;
    color: rgba(83, 92, 102, .86)
}

.lotterBetChaseLiClearBtn[data-v-4239598c] {
    font-family: SourceHanSansCN-Medium;
    color: #3d8ced;
    cursor: pointer;
    font-size: .16rem
}

.lotterBetChaseLiClearBtn[data-v-4239598c]:active {
    color: #edaf65
}

.lotterBetOl[data-v-4239598c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    list-style: none
}

.lotterBetLi[data-v-4239598c] {
    cursor: pointer;
    min-width: 1.52rem;
    height: .48rem;
    line-height: .48rem;
    border-radius: .06rem;
    margin-right: .3rem;
    color: #3d8ced;
    font-family: SourceHanSansCN;
    font-size: .21rem;
    padding-left: .45rem;
    padding-right: .1rem;
    white-space: nowrap
}

.lotterBetLi0[data-v-4239598c] {
    background: url(../images/btn_add_order.0d94465.png) 0 0/100% 100%
}

.lotterBetLi1[data-v-4239598c] {
    background: url(../images/btn_random.d5eff3d.png) 0 0/100% 100%
}

.lotterBetLi2[data-v-4239598c] {
    background: url(../images/btn_smart.ab66772.png) 0 0/100% 100%
}

.lotterBetLi3[data-v-4239598c] {
    background: url(../images/btn_delete_all.1743c66.png) 0 0/100% 100%
}

.lotterBetLi4[data-v-4239598c] {
    margin-right: 0;
    padding-left: .5rem;
    color: #fff;
    background: url(../images/bet_confirm.c1541fc.png) 0 0/100% 100%
}

.disableBetBtn[data-v-4239598c] {
    -webkit-filter: grayscale(.8);
    filter: grayscale(.8);
    cursor: not-allowed !important
}

[data-v-4239598c] .el-dialog__header {
    padding: 0
}

.lottoAreaPopHeads[data-v-4239598c] {
    position: relative;
    width: 100%;
    height: .55rem;
    line-height: .55rem;
    font-family: PingFangSC-Medium;
    font-size: .16rem;
    color: #535c66;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, .09)
}

.lottoAreaPopHeadsB[data-v-4239598c] {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: .18rem
}

.lottoAreaSecondTitle[data-v-4239598c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .16rem;
    border-bottom: 1px solid rgba(0, 0, 0, .09)
}

.lottoAreaSecondTitle img[data-v-4239598c] {
    width: .22rem;
    margin-right: .16rem;
    vertical-align: middle
}

.second-content[data-v-4239598c] {
    padding: .12rem .24rem .22rem;
    background-color: #fff;
    width: unset;
    height: auto;
    display: block
}

.second-content .title-wrapper[data-v-4239598c] {
    height: .7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .16rem;
    margin-bottom: .12rem
}

.second-content .title-wrapper .explain[data-v-4239598c] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    height: 100%
}

.second-content .title-wrapper .explain img[data-v-4239598c] {
    width: .7rem;
    height: 100%
}

.second-content .title-wrapper .explain .explain-content[data-v-4239598c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: .16rem
}

.second-content .title-wrapper .explain .explain-content .category[data-v-4239598c],
.second-content .title-wrapper .explain .explain-content .issue[data-v-4239598c] {
    height: 50%;
    line-height: .35rem;
    font-family: PingFangSC-Regular;
    font-size: .16rem;
    color: #535c66;
    text-align: left
}

.second-content .title-wrapper .second-bet-amount[data-v-4239598c] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left
}

.second-content .title-wrapper .second-bet-amount .amount[data-v-4239598c] {
    font-family: PingFangSC-Medium;
    color: #535c66;
    font-size: .16rem;
    height: 50%;
    line-height: .35rem
}

.second-content .title-wrapper .second-bet-amount .money[data-v-4239598c] {
    font-family: PingFangSC-Medium;
    font-size: .24rem;
    color: #3d8ced;
    height: 50%;
    line-height: .35rem
}

.second-content .confirm-content[data-v-4239598c] {
    height: 2.74rem
}

.second-content .second-btn[data-v-4239598c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: .3rem
}

.second-content .second-btn .consider[data-v-4239598c],
.second-content .second-btn .Immediately-btn[data-v-4239598c] {
    margin-right: .2rem;
    min-width: .92rem;
    height: .31rem;
    line-height: .31rem;
    font-family: SourceHanSansCN-Medium;
    font-size: .14rem;
    color: rgba(83, 92, 102, .65);
    letter-spacing: 0;
    text-align: center;
    cursor: pointer
}

.second-content .second-btn .consider[data-v-4239598c] {
    -webkit-box-shadow: 0 1px 2px 0 rgba(55, 81, 191, .5);
    box-shadow: 0 1px 2px 0 rgba(55, 81, 191, .5);
    background-image: -webkit-gradient(linear, left top, right top, from(#bad3ff), color-stop(50%, #425cd8), to(#536ce3));
    background-image: linear-gradient(90deg, #bad3ff, #425cd8 50%, #536ce3);
    border-radius: .06rem;
    padding: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.second-content .second-btn .consider-btn[data-v-4239598c] {
    background: #fff;
    width: 100%;
    height: 100%;
    border-radius: .06rem;
    font-size: .14rem;
    padding: 0 .1rem
}

.second-content .second-btn .Immediately-btn[data-v-4239598c] {
    background-image: linear-gradient(134deg, #adcbff, #566fe4 100%, #536ce3 0);
    -webkit-box-shadow: 0 1px 2px 0 rgba(55, 81, 191, .5);
    box-shadow: 0 1px 2px 0 rgba(55, 81, 191, .5);
    border-radius: .06rem;
    color: #fff;
    padding: 0 .1rem
}

.lottoAreaPopHeadsClose[data-v-4239598c] {
    position: absolute;
    right: .24rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: .28rem;
    height: .28rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwAgMAAAAqbBEUAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURUxpcQAAAAAAAAAAADKSi/wAAAAEdFJOUwBALwNIHIKNAAAAeklEQVR42s2QsRWAIAxE87TWfVzEhhUoGIEl3MMRWMY95I5HrsgAmiKE5H4gsV9Yg1tHvGT4o/KyJfinjMrZuupCBedttiNDRe5IYoiACRgllE6IyIQcAQTEISAOAXFIiC6SxQZqrUfjd/TROIKG09hhIVpVWKLW+729kEcyjc3KeEMAAAAASUVORK5CYII=) 0 0/100% 100%;
    cursor: pointer
}

.lottoAreaPopBody[data-v-4239598c] {
    width: 100%;
    padding: .16rem .44rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.lottoAreaPopBodyNav[data-v-4239598c] {
    width: 100%;
    height: 46px;
    border-bottom: 1px solid #e6e6e6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.chasePopBodyNavL[data-v-4239598c] {
    width: 50%;
    height: 100%
}

.chaseBodyOutContent[data-v-4239598c] {
    padding: 0 .4rem
}

.chaseBodyContent[data-v-4239598c] {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.chaseBodyInputSelectBox[data-v-4239598c] {
    width: 100%;
    height: .6rem
}

.chaseBodyInputSelectBox[data-v-4239598c],
.chaseNumOutBox[data-v-4239598c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.chaseNumOutBox[data-v-4239598c] {
    min-width: 1.06rem;
    height: .28rem;
    margin-right: .16rem;
    background: #f5f5f5;
    border-radius: .04rem
}

.chaseNumOutBox span[data-v-4239598c] {
    font-family: PingFangSC-Regular;
    font-size: .12rem;
    color: #535c66;
    letter-spacing: 0
}

.chaseNumBox[data-v-4239598c] {
    width: .48rem;
    height: .28rem;
    line-height: .28rem
}

.chaseNumBox[data-v-4239598c] .el-input .el-input__inner {
    line-height: .28rem;
    border-radius: 0
}

.chaseDoubleOutBox[data-v-4239598c] {
    width: 1rem;
    margin-right: .16rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f5f5f5
}

.chaseDoubleOutBox span[data-v-4239598c] {
    font-family: PingFangSC-Regular;
    font-size: .12rem;
    color: #535c66;
    letter-spacing: 0
}

.chaseDoubleBox[data-v-4239598c] {
    width: .48rem;
    height: .28rem
}

.chaseDoubleBox[data-v-4239598c] .el-input .el-input__inner {
    line-height: .28rem;
    border-radius: 0
}

.chaseMultipleOutBox[data-v-4239598c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 1.06rem;
    height: .28rem;
    margin-right: .16rem;
    line-height: .28rem;
    background: #f5f5f5;
    border-radius: .04rem
}

.chaseMultipleOutBox span[data-v-4239598c] {
    font-family: PingFangSC-Regular;
    font-size: .12rem;
    color: #535c66;
    letter-spacing: 0
}

.chaseMultipleBox[data-v-4239598c] {
    width: .48rem;
    height: .28rem;
    line-height: .28rem
}

.chaseMultipleBox[data-v-4239598c] .el-input .el-input__inner {
    line-height: .28rem;
    border-radius: 0
}

.chaseNotesOutBox[data-v-4239598c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: .28rem;
    padding: 0 .06rem;
    background: #f5f5f5;
    border-radius: .04rem
}

.chaseNotesOutBox[data-v-4239598c] .el-input__inner {
    line-height: .28rem;
    border-radius: 0
}

.chaseNotesOutBox span[data-v-4239598c] {
    font-family: PingFangSC-Medium;
    font-size: .14rem;
    color: #535c66;
    letter-spacing: 0
}

.chaseNotesOutBox .icon[data-v-4239598c] {
    width: 0;
    height: 0;
    margin-top: .1rem;
    border: .06rem solid transparent;
    border-top-color: #535c66
}

.chaseNotesBox[data-v-4239598c] {
    cursor: pointer;
    height: .28rem;
    line-height: .28rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.lottoAreaPopBodyBody[data-v-4239598c] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.lottoAreaPopBodyBodyTableHead[data-v-4239598c] {
    width: 100%;
    height: .54rem;
    line-height: .54rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(-2.92%, #b0bfce), to(#969fac));
    background-image: linear-gradient(180deg, #b0bfce -2.92%, #969fac);
    border-radius: .04rem .04rem 0 0
}

.lottoAreaPopBodyBodyTableHead .lottoAreaPopBodyBodyTableTd[data-v-4239598c] {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-indent: .16rem;
    font-family: PingFangSC-Medium;
    font-size: .14rem;
    color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap
}

.lottoAreaPopBodyBodyTableHead .lottoAreaPopBodyBodyTableTd.flex2[data-v-4239598c] {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.lottoAreaPopBodyBodyTableBody[data-v-4239598c] {
    min-height: 150px;
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #e9e9e9
}

.lottoAreaPopBodyBodyTableBody[data-v-4239598c]::-webkit-scrollbar {
    width: 2px;
    border-radius: 2px;
    background-color: #d0d0d0
}

.lottoAreaPopBodyBodyTableBody[data-v-4239598c]::-webkit-scrollbar-thumb {
    width: 2px;
    background-color: #bbb
}

.lottoAreaPopBodyBodyTableBodyLi[data-v-4239598c] {
    width: 100%;
    height: .54rem;
    line-height: .54rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #e9e9e9
}

.lottoAreaPopBodyBodyTableBodyLi .lottoAreaPopBodyBodyTableTd[data-v-4239598c] {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.lottoAreaPopBodyBodyTableBodyLi .lottoAreaPopBodyBodyTableTd.flex2[data-v-4239598c] {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.lottoAreaPopBodyBodyTableN[data-v-4239598c] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-indent: .16rem;
    font-size: .14rem;
    font-family: PingFangSC-Regular;
    color: rgba(0, 0, 0, .65);
    text-align: left
}

.lottoAreaPopBodyBodyTableTdInput[data-v-4239598c] {
    font-family: DINOffcPro-Medium;
    font-size: .14rem;
    color: #3d8ced
}

.lottoAreaPopBodyFoot[data-v-4239598c] {
    margin-top: .24rem;
    padding-bottom: .16rem
}

.lottoAreaPopBodyFoot[data-v-4239598c],
.lottoAreaPopBodyFootTop[data-v-4239598c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.lottoAreaPopBodyRuleNav[data-v-4239598c] {
    width: 100%
}

.lottoAreaPopBodyRuleNavN[data-v-4239598c] {
    width: 100%;
    min-height: 30px;
    max-height: 248px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow-y: auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.lottoAreaPopBodyRuleNavN[data-v-4239598c]::-webkit-scrollbar {
    width: 2px;
    border-radius: 2px
}

.lottoAreaPopBodyRuleNavN[data-v-4239598c]::-webkit-scrollbar-thumb {
    width: 2px
}

.lottoAreaPopBodyRuleNavNLi[data-v-4239598c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 16%;
    min-height: .4rem;
    border: 2px solid #3d8ced;
    margin: 0 0 .16rem;
    cursor: pointer;
    border-radius: .04rem;
    font-family: PingFangSC-Regular;
    font-size: .16rem;
    color: #535c66;
    text-align: center
}

.lottoAreaPopBodyRuleNavNLiOn[data-v-4239598c] {
    border: none;
    color: #fff;
    background-image: linear-gradient(138deg, #84b1fe, #425cd8 100%, #536ce3 0)
}

.lottoAreaPopBodyRuleContent[data-v-4239598c] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    padding: .16rem 0 .6rem
}

.lottoAreaPopBodyRuleContentN[data-v-4239598c] {
    width: 100%;
    font-family: PingFangSC-Medium;
    font-size: .16rem;
    color: #535c66
}

.footCheck[data-v-4239598c] {
    width: 18px;
    height: 18px;
    border-radius: 5px;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    visibility: hidden
}

.footClear input[type=checkbox][data-v-4239598c]:before {
    content: " ";
    width: 20px;
    height: 20px;
    visibility: initial;
    position: absolute;
    top: -3px;
    left: -3px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAECUExURUxpcVp751h45n2p+4Cq/3ul+lZ15H/h/5Oq/2h/6k9t4XCU81R04lx+61Z143eg93ym+n2n+mSI7H+r/GaK7WqP8FV15WKD62GD7mGD6Vp75mOK7nSd9VJv4VNx4lt85nyn+3um+nqk+Vl65ld35E9t4G+W86r//2yT8VNy4YCr/FJv4F+B6W6V8n6q/IKv/2SJ7V+B6VJw4U9s309t4HSd9nmk+Hag9mqQ8F2A6WGG6nSd9Vh55Vt85l1/6H+o/G+W8nOb9I+v/3GZ83yo/FBu32mN73Kb9HGZ9Fx95nWc+Had9lV05mOG62yR8GiN7lx/6HSd9m2V82aZ9G+W8ll65buP5N4AAABWdFJOUwB7SeQMJiYCAwy+Mtkm8/O8k5O+vpMzDy5j+i67drt2dknZu/TkvQPklJTjvWSxM7HkZJSxSfbavvr92dmUlGTjlBDjZJKxdpTjJ3Z75LHmZs5BGf5ijwEPYgAAASdJREFUeNq9kWd7wiAUhTEJCZmaXVv3qrturd1Du3f//2/pU0MSSPgsXziX9wLnANjvgJVcbZFdFl4gE5/YvFmFggDnN3ctNYWPu/wVCgs0aLuI5rf2UCBr4X3lU/ttU6J3SK5DntEdYk50jCzCHy+kTctvsdPcPStWvh/l5xGrAY11rCpmAh00dhEuy+EN1QQ/fN3NXB0v1GCCZwKhn+OVbJABJzkKOZAbdMNiqf7z00wU1MDiDAZhvn5XPwQHooZFYY7F98d6HXPAlbB4eIwf55Nw2yli8XzNfqieGMrWgNUwUSKptlmf1fTiwt2mv3s2Ja9zLCnBNwplzHdGMnX+TPETlq1xHkXFpDlNB/P6TxecKMsi1+kpHmANvVzXDEMrFUWw1/EHX1IXNBbOsXIAAAAASUVORK5CYII=);
    background-size: 100% 100%
}

.footClear input[type=checkbox][data-v-4239598c]:checked:after {
    content: " ";
    width: 20px;
    height: 20px;
    visibility: initial;
    line-height: 20px;
    top: -3px;
    left: -3px;
    position: absolute;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAD5UExURUxpcVZ15Hyl/Hii+GmN71V141Z15H+q/09t4W2W8GiN73+r/Hym+k9s32qR8IKv/1Bu4b+//2+W82OH64Cr/FJw5F+B6Vx961Nx4ll65nWf9nih93Sd9WSI7Hmj+Xaf9nul+Xqk+Fl65muR8GGE6mCC6Vd45XSd9lx+53CY82eM7m2T8WiO7lJx4naf9nOb9Heh92WK7W+W8mmP71t85lBu4HKa9F+B6Xmj+G6V8l6A6FRz4lV1436p+3qk+Xyn+mSI7GOG6/Dy+2qQ736c76C18VZ25Hul+Vt954Gi8vr5/JWt8ens+szY+NTd+Imm8dvh+MPQ93WW7krJcC8AAAAidFJOUwDzJnYz2XYEvhG+vryUlDMzBL2UlCa9Jru72fO7vtnz2fPnYD2WAAABc0lEQVR42lWS13LCQAxFZUwvCaG3NJoNtnGlxXQIBEj//4+JtLtmwn09c7RXmoUgITn99FyvNeQQXOc2tTwcJpalKGYvF/4H7grz+XIxmQwGyqjXc7SbWEASqfnysJhYA8U0R46jtVrJhHCQoIPT0HGmSHQ9yb0CORY5OG2qaVtXt+08a8CJEjhbt2/bqzV1SSOhAiYnrt63V6t1u4T7kENEOEgQtDsvZZBpHSRUmjm79+0aiRqFNFW7ELe/27y2O0jeqvAgSjs0TCeyJuJ5EagPmGNqLZzGnTE6za4Ej7z05vMoSBuJ1+zuJajxdY4fp59f/o6KBFEEGsE6X98nNk1lzsyvgHw5wep8Zu80icyMKIQcLTgBL82IbwyLADmsxk9ADnvG9w0jDgBhQXhpTzjDLGBudFucTeUOkQxQYklGxqp4xzCMYTwmPsA93RMdXg2deAJEYvlgnb1PJENOkHDJ4wVoWBauU45WI5IUqUSLIPIHyy5jJt2VZIIAAAAASUVORK5CYII=);
    background-size: 100% 100%
}

.lottoAreaPopBodyFootTopR[data-v-4239598c] {
    padding-left: .06rem
}

.lottoAreaPopBodyFootTopR>div[data-v-4239598c] {
    margin-bottom: .04rem;
    font-family: PingFangSC-Regular;
    font-size: .14rem;
    color: #535c66;
    letter-spacing: 0;
    line-height: .2rem
}

.lottoAreaPopBodyFootTopR>div span[data-v-4239598c] {
    font-family: DINOffcPro-Medium;
    font-size: .14rem;
    color: #3d8ced;
    letter-spacing: 0
}

.lottoAreaPopBodyFootBtn[data-v-4239598c] {
    width: .93rem;
    height: .32rem;
    line-height: .32rem;
    background-image: linear-gradient(134deg, #adcbff, #566fe4 100%, #536ce3 0);
    -webkit-box-shadow: 0 1px 2px 0 rgba(55, 81, 191, .5);
    box-shadow: 0 1px 2px 0 rgba(55, 81, 191, .5);
    border-radius: .06rem;
    cursor: pointer;
    font-family: SourceHanSansCN-Medium;
    font-size: .14rem;
    color: #fff;
    letter-spacing: 0;
    text-align: center
}

.playExplainBtnPop {
    background-color: #ff7b00 !important;
    border-color: #ff7b00 !important;
    max-width: 800px;
    font-size: 14px;
    color: #fff;
    word-wrap: break-word;
    word-break: break-all
}

.playExplainBtnPop .popper__arrow,
.playExplainBtnPop .popper__arrow:after {
    border-top-color: #ff7b00 !important
}

.chaseDoubleBox .el-input,
.chaseMultipleBox .el-input,
.chaseNumBox .el-input {
    width: 100%;
    height: 100%
}

.chaseDoubleBox .el-input__inner,
.chaseMultipleBox .el-input__inner,
.chaseNumBox .el-input__inner {
    width: 100%;
    height: 85%;
    line-height: 85%;
    border: 0;
    padding: 0;
    vertical-align: top;
    text-align: center
}

.chaseNotesBoxOpt {
    width: 260px;
    height: 30px;
    padding: 0;
    border-bottom: 1px solid #ebebeb
}

.chaseNotesBoxOpt .chaseNotesBoxOptLi {
    width: 260px;
    height: 30px;
    line-height: 30px;
    color: #333;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.chaseNotesBoxOpt:last-child {
    border: 0
}

.chaseNotesBox {
    padding: 0 !important
}

.chaseNotesBox .el-input__suffix {
    display: none
}

.chaseNotesBox .el-input .el-input__inner {
    width: 1.5rem;
    padding-right: 0;
    height: .28rem;
    border: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: transparent;
    font-family: PingFangSC-Regular;
    font-size: .12rem;
    color: rgba(83, 92, 102, .9);
    letter-spacing: 0
}

.lottoAreaNeckNav .el-tabs__item:hover {
    color: #333
}

.lottoAreaNeckNav .el-tabs__item {
    height: auto;
    line-height: 1;
    font-size: .16rem;
    padding: 0;
    margin-right: .16rem;
    color: rgba(83, 92, 102, .65)
}

.lottoAreaNeckNav .el-tabs__active-bar {
    display: none
}

.lottoAreaNeckNav .el-tabs__item.is-active {
    position: relative;
    font-family: SourceHanSansCN-Normal;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#84b1fe), color-stop(#425cd8), to(#536ce3));
    background-image: linear-gradient(#84b1fe, #425cd8, #536ce3);
    -webkit-background-clip: text;
    color: transparent
}

.lottoAreaNeckNav .el-tabs__item.is-active:after {
    content: "";
    position: absolute;
    bottom: -.06rem;
    display: block;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(138deg, #84b1fe, #425cd8 100%, #536ce3 0)
}

.lottoAreaNeckNav .el-tabs__nav-wrap:after {
    height: 4px;
    background-color: transparent
}

.lottoAreaNeckNav .el-tabs__header {
    margin: 0
}

.lottoAreaNeckNav .el-tabs__header .el-tabs__nav-wrap,
.lottoAreaNeckNav .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll {
    overflow: inherit
}

.lottoAreaPopBodyNavLs {
    height: 100%
}

.lottoAreaPopBodyNavLs .el-tabs__item:hover {
    background: -webkit-gradient(linear, left top, right top, from(#84b1fe), color-stop(#425cd8), to(#536ce3));
    background: linear-gradient(90deg, #84b1fe, #425cd8, #536ce3);
    -webkit-background-clip: text;
    color: transparent;
    font-family: SourceHanSansCN-Medium, serif;
    font-size: .16rem;
    letter-spacing: 0
}

.lottoAreaPopBodyNavLs .el-tabs__item {
    height: .48rem;
    line-height: 1;
    font-family: SourceHanSansCN-Normal, serif;
    font-size: .16rem;
    color: #535c66;
    letter-spacing: 0
}

.lottoAreaPopBodyNavLs .el-tabs__item.is-active {
    background: -webkit-gradient(linear, left top, right top, from(#84b1fe), color-stop(#425cd8), to(#536ce3));
    background: linear-gradient(90deg, #84b1fe, #425cd8, #536ce3);
    -webkit-background-clip: text;
    color: transparent;
    font-family: SourceHanSansCN-Medium, serif;
    font-size: .16rem;
    letter-spacing: 0
}

.lottoAreaPopBodyNavLs .el-tabs__active-bar {
    width: .4rem;
    height: 2px;
    background-image: linear-gradient(138deg, #84b1fe, #425cd8 100%, #536ce3 0);
    border-radius: 1px
}

.lottoAreaPopBodyNavLs .el-tabs__nav-wrap:after {
    height: 4px;
    background-color: transparent
}

.lottoAreaPopBodyNavLs .el-tabs__header {
    margin: 0
}

.lottoSecondPop {
    top: 150px !important
}

.lottoSecondPop .lotterBetChaseOl {
    height: .75rem;
    line-height: .21rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: .16rem;
    text-align: left
}

.lottoAreaOrderNumPop {
    top: 220px !important
}

.lottoAreaOrderNumPop .el-dialog {
    width: 4.24rem
}

.lottoAreaOrderNumPop .orderNum-wrap {
    padding: .32rem .24rem
}

.lottoAreaOrderNumPop .orderNum-wrap .orderNum-title {
    height: .24rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: PingFangSC-Medium;
    font-size: .16rem;
    font-weight: 700;
    color: rgba(0, 0, 0, .85);
    line-height: .24rem
}

.lottoAreaOrderNumPop .orderNum-wrap .orderNum-title img {
    width: .22rem;
    margin-right: .16rem
}

.lottoAreaOrderNumPop .orderNum-wrap .orderNum-content {
    margin: .12rem 0 0 .4rem;
    font-family: PingFangSC-Regular;
    font-size: .14rem;
    color: rgba(0, 0, 0, .65);
    line-height: .22rem
}

.lottoAreaOrderNumPop .orderNum-wrap .orderNum-btn {
    margin-top: .24rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.lottoAreaOrderNumPop .orderNum-wrap .orderNum-btn .giveUp,
.lottoAreaOrderNumPop .orderNum-wrap .orderNum-btn .nextBet {
    font-size: .16rem;
    text-align: center;
    width: .9rem;
    height: .32rem;
    border-radius: .03rem;
    cursor: pointer
}

.lottoAreaOrderNumPop .orderNum-wrap .orderNum-btn .giveUp {
    margin-right: .1rem;
    border: 1px solid rgba(0, 0, 0, .09);
    line-height: .3rem
}

.lottoAreaOrderNumPop .orderNum-wrap .orderNum-btn .nextBet {
    background-image: linear-gradient(134deg, #adcbff, #566fe4 100%, #536ce3 0);
    -webkit-box-shadow: 0 1px 2px 0 rgba(55, 81, 191, .5);
    box-shadow: 0 1px 2px 0 rgba(55, 81, 191, .5);
    color: #fff;
    line-height: .32rem
}

.lottoAreaPop .el-dialog {
    min-width: 8rem
}

.lottoAreaPop .el-dialog .chaseBody .chaseBodyNav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: .48rem;
    padding: 0 .4rem;
    border-bottom: 1px solid #e9e9e9
}

.lottoAreaPop .el-dialog .chaseBody .chaseBodyNav .chaseIssue {
    font-size: .14rem;
    font-weight: 700
}

.lottoAreaPop .el-dialog .chaseBody .chaseBodyNav .chaseIssue .chase-time {
    background: #535c66;
    border-radius: 4px;
    font-family: DINOffcPro-Bold;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    padding: 0 3px
}

.lottoAreaPop .el-dialog .chaseBody .chaseBodyNav .chaseIssue .time-interval {
    margin-right: 2px
}

.lottoAreaOrderNumPop .el-dialog__body,
.lottoAreaOrderNumPop .el-dialog__header,
.lottoAreaPop .el-dialog__body,
.lottoAreaPop .el-dialog__header {
    padding: 0
}

.el-select-dropdown__item,
.el-tag {
    white-space: nowrap;
    -webkit-box-sizing: border-box
}

.required[data-v-c45e33d4] {
    position: relative
}

.required[data-v-c45e33d4]:after {
    position: absolute;
    right: -17px;
    content: "*";
    font-size: 16px;
    color: red
}

.long-betlist[data-v-00622df0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 4.3rem;
    height: 9.59rem;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f9fafb), to(#f1f3f6));
    background-image: linear-gradient(180deg, #f9fafb, #f1f3f6);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .25);
    border-radius: .13rem
}

.long-betlist .loading[data-v-00622df0] {
    height: 203px
}

.long-betlist[data-v-00622df0] .nodata {
    width: 160px
}

.long-betlist[data-v-00622df0] .nodata .img {
    height: 142px
}

.long-betlist .navs[data-v-00622df0] {
    width: 100%;
    height: .68rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: .13rem .13rem 0 0;
    overflow: hidden;
    font-family: PingFangSC-Regular;
    color: #535c66;
    background: #e4eaf1
}

.long-betlist .navs>div[data-v-00622df0] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: pointer;
    font-size: .21rem
}

.long-betlist .navs>div[data-v-00622df0]:first-of-type {
    border-radius: 13px 0 0 0;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .25);
    text-align: center
}

.long-betlist .navs>div[data-v-00622df0]:last-of-type {
    -webkit-box-shadow: 0 2px 2px 0 rgba(170, 177, 209, .3);
    box-shadow: 0 2px 2px 0 rgba(170, 177, 209, .3)
}

.long-betlist .navs>div.active[data-v-00622df0] {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#a4b1c1), to(#67717e));
    background-image: linear-gradient(180deg, #a4b1c1, #67717e);
    color: #fff
}

.long-betlist .con[data-v-00622df0] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto
}

.long-betlist .con[data-v-00622df0]::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.long-betlist .con .long-list-wrapper .listItem[data-v-00622df0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 1.39rem;
    padding: .25rem .1rem 0 .18rem
}

.long-betlist .con .long-list-wrapper .listItem .center[data-v-00622df0] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.long-betlist .con .long-list-wrapper .listItem .center .lotto-name[data-v-00622df0] {
    font-family: PingFangSC-Medium;
    font-size: .24rem;
    color: #535c66;
    line-height: .16rem
}

.long-betlist .con .long-list-wrapper .listItem .center .issue-time[data-v-00622df0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: .18rem;
    font-family: PingFangSC-Regular;
    font-size: .16rem;
    color: #535c66;
    line-height: .16rem
}

.long-betlist .con .long-list-wrapper .listItem .center .nums[data-v-00622df0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: .09rem
}

.long-betlist .con .long-list-wrapper .listItem .center .nums span[data-v-00622df0] {
    height: .3rem;
    padding: 0 .1rem;
    margin-right: .05rem;
    line-height: .3rem;
    border: 1px solid #698eee;
    border-radius: .04rem;
    font-family: PingFangSC-Regular;
    font-size: .14rem;
    color: #535c66;
    white-space: nowrap
}

.long-betlist .con .long-list-wrapper .listItem .btns .betStatus[data-v-00622df0] {
    margin-bottom: .18rem;
    font-family: PingFangSC-Medium;
    font-size: .18rem;
    color: #698eee;
    line-height: .16rem;
    text-align: right
}

.long-betlist .con .long-list-wrapper .listItem .btns .btnItems[data-v-00622df0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.long-betlist .con .long-list-wrapper .listItem .btns .btnItems>div[data-v-00622df0] {
    width: .56rem;
    height: .56rem;
    cursor: pointer;
    background: #fff;
    border: 1px solid #698eee;
    border-radius: .04rem;
    font-family: PingFangSC-Medium;
    font-size: .18rem;
    color: #535c66;
    text-align: center
}

.long-betlist .con .long-list-wrapper .listItem .btns .btnItems>div[data-v-00622df0]:first-of-type {
    margin-right: .06rem
}

.long-betlist .con .long-list-wrapper .listItem .btns .btnItems>div.select[data-v-00622df0] {
    background: #698eee;
    color: #fff;
    border-color: #698eee
}

.long-betlist .con .long-list-wrapper .listItem .btns .btnItems>div.select i[data-v-00622df0] {
    font-weight: 700
}

.long-betlist .con .long-list-wrapper .listItem .btns .btnItems>div.disable[data-v-00622df0] {
    background: #cbcfd3;
    color: #fff;
    border-color: #cbcfd3
}

.long-betlist .con .long-list-wrapper .listItem .btns i[data-v-00622df0] {
    display: block;
    font-style: normal;
    font-family: DINOffcPro;
    font-size: .14rem
}

.long-betlist .con .long-list-wrapper .listItem .btns i[data-v-00622df0]:first-of-type {
    margin-top: .03rem
}

.long-betlist .con .long-list-wrapper .listItem[data-v-00622df0]:not(:last-child) {
    border-bottom: 1px solid #ebebeb
}

.long-betlist .con .bet-list li[data-v-00622df0] {
    padding: .24rem 0 .24rem .28rem;
    border-bottom: 1px solid #ebebeb
}

.long-betlist .con .bet-list .no-more-data[data-v-00622df0] {
    font-size: .12rem;
    text-align: center
}

.long-betlist .con .bet-list p[data-v-00622df0] {
    margin-bottom: .16rem;
    line-height: .16rem;
    font-family: PingFangSC-Regular;
    font-size: .16rem;
    color: #535c66
}

.long-betlist .con .bet-list p[data-v-00622df0]:first-of-type {
    font-size: .18rem;
    font-family: PingFangSC-Medium
}

.long-betlist .con .bet-list p[data-v-00622df0]:last-of-type {
    margin-bottom: 0
}

.long-betlist .con .bet-list .bet-money[data-v-00622df0] {
    color: #698eee;
    font-size: .16rem
}

.long-betlist .long-bet-area[data-v-00622df0] {
    padding: .48rem .27rem .95rem .28rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.long-betlist .long-bet-area .money[data-v-00622df0],
.long-betlist .long-bet-area[data-v-00622df0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.long-betlist .long-bet-area .money[data-v-00622df0] {
    width: 2.1rem
}

.long-betlist .long-bet-area .addSubNumBox[data-v-00622df0] {
    position: relative;
    padding-right: .48rem;
    width: 2.66rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: .48rem;
    line-height: .48rem;
    text-align: center;
    -webkit-box-shadow: 0 0 2px 0 hsla(0, 0%, 49.8%, .5);
    box-shadow: 0 0 2px 0 hsla(0, 0%, 49.8%, .5);
    -o-border-image: linear-gradient(#84b1fe, #425cd8, #536ce3);
    border-image: -webkit-gradient(linear, left top, left bottom, from(#84b1fe), color-stop(#425cd8), to(#536ce3));
    border-image: linear-gradient(#84b1fe, #425cd8, #536ce3);
    border-width: 2px;
    border-radius: .08rem
}

.long-betlist .long-bet-area .addSubNumBox .minSymbol[data-v-00622df0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: .32rem;
    height: 100%;
    cursor: pointer
}

.long-betlist .long-bet-area .addSubNumBox .minSymbol span[data-v-00622df0] {
    width: .16rem;
    height: .02rem;
    background: #b9bdc3;
    border-radius: 8px;
    margin-left: .09rem
}

.long-betlist .long-bet-area .addSubNumBox .addSymbol[data-v-00622df0] {
    position: relative;
    width: .32rem;
    height: 100%;
    cursor: pointer
}

.long-betlist .long-bet-area .addSubNumBox .addSymbol div[data-v-00622df0] {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.long-betlist .long-bet-area .addSubNumBox .addSymbol div[data-v-00622df0]:first-of-type {
    width: .16rem;
    height: .02rem;
    background: #b9bdc3;
    border-radius: 8px
}

.long-betlist .long-bet-area .addSubNumBox .addSymbol div[data-v-00622df0]:last-of-type {
    width: .02rem;
    height: .16rem;
    background: #b9bdc3;
    border-radius: 8px
}

.long-betlist .long-bet-area .addSubNumBox .addSubBoxNum[data-v-00622df0] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.long-betlist .long-bet-area .addSubNumBox .addSubBoxNum[data-v-00622df0] .el-input__inner {
    width: 1rem;
    height: 100%;
    padding: 0;
    border: 0;
    font-family: SourceHanSansCN-Medium;
    font-size: .18rem;
    color: #698eee;
    text-align: center;
    background: #f2f4f7
}

.long-betlist .long-bet-area .moneyCompany[data-v-00622df0] {
    position: absolute;
    right: 0;
    top: 0;
    width: .48rem;
    height: .48rem;
    line-height: .48rem;
    text-align: center;
    background-image: linear-gradient(138deg, #84b1fe, #425cd8 100%, #536ce3 0);
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .5);
    border-radius: .08rem;
    font-family: SourceHanSansCN-Regular;
    font-size: .21rem;
    color: #fff;
    letter-spacing: 0
}

.long-betlist .long-bet-area .bet-btn[data-v-00622df0] {
    width: 1.52rem;
    height: .52rem;
    line-height: .5rem;
    text-align: center;
    font-family: SourceHanSansCN;
    font-size: .21rem;
    color: #fff;
    background: url(../images/noicon@2x.885b5e3.png) 0 0/100% 100%;
    cursor: pointer
}

.long-betlist .long-bet-area .disableBetBtn[data-v-00622df0] {
    -webkit-filter: grayscale(.8);
    filter: grayscale(.8);
    cursor: not-allowed
}

[data-v-00622df0] .long-bet-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 3.86rem;
    margin: 0 auto
}

[data-v-00622df0] .long-bet-dialog .el-dialog__header {
    height: .55rem;
    padding: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .09)
}

[data-v-00622df0] .long-bet-dialog .el-dialog__header .title {
    position: relative;
    height: 100%;
    line-height: .55rem;
    text-align: left;
    font-family: PingFangSC-Medium;
    font-size: .16rem;
    color: rgba(0, 0, 0, .85);
    text-indent: .24rem
}

[data-v-00622df0] .long-bet-dialog .el-dialog__header .title .close-icon {
    position: absolute;
    right: .24rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: .26rem;
    height: .26rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwAgMAAAAqbBEUAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURUxpcQAAAAAAAAAAADKSi/wAAAAEdFJOUwBALwNIHIKNAAAAeklEQVR42s2QsRWAIAxE87TWfVzEhhUoGIEl3MMRWMY95I5HrsgAmiKE5H4gsV9Yg1tHvGT4o/KyJfinjMrZuupCBedttiNDRe5IYoiACRgllE6IyIQcAQTEISAOAXFIiC6SxQZqrUfjd/TROIKG09hhIVpVWKLW+729kEcyjc3KeEMAAAAASUVORK5CYII=) 0 0/100% 100%;
    cursor: pointer
}

[data-v-00622df0] .long-bet-dialog .el-dialog__body {
    padding: 0
}

[data-v-00622df0] .long-bet-dialog .con {
    padding: .26rem 0 .47rem .24rem;
    border-bottom: 1px solid rgba(0, 0, 0, .09)
}

[data-v-00622df0] .long-bet-dialog .con p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: .24rem
}

[data-v-00622df0] .long-bet-dialog .con p span {
    font-family: SourceHanSansCN-Normal;
    font-size: .16rem;
    color: #535c66;
    letter-spacing: 0;
    line-height: .24rem
}

[data-v-00622df0] .long-bet-dialog .el-dialog__footer {
    padding: .1rem .15rem
}

[data-v-00622df0] .long-bet-dialog .el-dialog__footer button {
    width: .64rem;
    height: .32rem;
    padding: 0;
    line-height: .32rem;
    text-align: center
}

[data-v-00622df0] .long-bet-dialog .el-dialog__footer button.el-button--primary {
    background-image: linear-gradient(138deg, #84b1fe, #425cd8 100%, #536ce3 0)
}

[data-v-00622df0] .long-bet-dialog .el-dialog__footer button span {
    font-size: .15rem
}

.nodata[data-v-6cdfda35] {
    margin: 20px auto 0
}

.nodata .img[data-v-6cdfda35] {
    width: 100%
}

.nodata img[data-v-6cdfda35] {
    display: block;
    width: 100%
}

.nodata .text[data-v-6cdfda35] {
    margin-top: 20px;
    font-size: 16px;
    text-align: center;
    color: silver
}

.nodata .text .seachText[data-v-6cdfda35] {
    color: #eb0021
}

.loading[data-v-11a8428a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.loading .waitting[data-v-11a8428a] {
    margin-top: 20px;
    font-size: 16px;
    color: silver;
    text-align: center
}

.line-scale-pulse-out[data-v-11a8428a] {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.line-scale-pulse-out>div[data-v-11a8428a] {
    width: 10px;
    height: 59px;
    border-radius: 5px;
    margin: 4px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation: line-scale-pulse-out-data-v-11a8428a .9s cubic-bezier(.85, .25, .37, .85) -.6s infinite;
    animation: line-scale-pulse-out-data-v-11a8428a .9s cubic-bezier(.85, .25, .37, .85) -.6s infinite;
    background: #edaf65
}

.line-scale-pulse-out>div[data-v-11a8428a]:nth-child(2),
.line-scale-pulse-out>div[data-v-11a8428a]:nth-child(4) {
    -webkit-animation-delay: -.4s !important;
    animation-delay: -.4s !important
}

.line-scale-pulse-out>div[data-v-11a8428a]:first-child,
.line-scale-pulse-out>div[data-v-11a8428a]:nth-child(5) {
    -webkit-animation-delay: -.2s !important;
    animation-delay: -.2s !important
}

@-webkit-keyframes line-scale-pulse-out-data-v-11a8428a {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }

    50% {
        -webkit-transform: scaley(.4);
        transform: scaley(.4)
    }

    to {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
}

@keyframes line-scale-pulse-out-data-v-11a8428a {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }

    50% {
        -webkit-transform: scaley(.4);
        transform: scaley(.4)
    }

    to {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
}

.bet-records[data-v-31ced9fe] {
    width: 100%
}

.bet-records[data-v-31ced9fe] .el-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bet-records[data-v-31ced9fe] .el-form .el-form-item__label {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #535c66;
    line-height: .4rem;
    padding: 0
}

.bet-records[data-v-31ced9fe] .el-form .el-form-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: .2rem
}

.bet-records[data-v-31ced9fe] .el-form .el-input__inner {
    width: 1.5rem;
    height: .32rem;
    font-size: .14rem
}

.bet-records[data-v-31ced9fe] .el-form .el-date-editor--daterange {
    width: 2.24rem;
    min-width: 224px;
    height: .32rem;
    line-height: .4rem;
    padding: 0 0 0 .1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bet-records[data-v-31ced9fe] .el-form .el-date-editor--daterange .el-input__icon,
.bet-records[data-v-31ced9fe] .el-form .el-date-editor--daterange .el-range-separator {
    padding: 0;
    line-height: .32rem
}

.bet-records[data-v-31ced9fe] .el-form .el-date-editor--daterange .el-range-input {
    padding-top: .01rem;
    font-size: .14rem
}

.bet-records[data-v-31ced9fe] .el-form.el-form--inline .el-form-item__content {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: .32rem
}

.bet-records[data-v-31ced9fe] .el-form .el-select__caret {
    line-height: .32rem
}

.bet-records[data-v-31ced9fe] .el-form .btn {
    display: inline-block;
    width: .68rem;
    height: .36rem;
    line-height: .36rem;
    cursor: pointer;
    font-size: .12rem;
    text-align: center;
    letter-spacing: .01rem
}

.bet-records[data-v-31ced9fe] .el-form .search-btn {
    margin: 0 .28rem 0 .1rem;
    color: #fff;
    background: linear-gradient(134.42deg, #adcbff -18.17%, #566fe4 96.1%, #536ce3 96.16%);
    -webkit-box-shadow: 0 1px 2px rgba(55, 81, 191, .501912);
    box-shadow: 0 1px 2px rgba(55, 81, 191, .501912);
    border-radius: 6px
}

.bet-records[data-v-31ced9fe] .el-form .reset-btn {
    background: url(../images/bet_record_reset_btn.5b17036.png) 0 0/100% 100%;
    background-clip: text;
    color: #84b1fe
}

.bet-records[data-v-31ced9fe] .el-table__header-wrapper {
    border-radius: 3px 0 0 0
}

.bet-records[data-v-31ced9fe] .el-table th {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#a4b1c1), to(#67717e));
    background-image: linear-gradient(180deg, #a4b1c1, #67717e)
}

.bet-records[data-v-31ced9fe] .el-table th div.cell {
    font-family: PingFangSC-Medium;
    font-size: .14rem;
    color: hsla(0, 0%, 100%, .85);
    line-height: .21rem
}

.bet-records[data-v-31ced9fe] .el-table tbody td {
    padding: 0
}

.bet-records[data-v-31ced9fe] .el-table tbody td div.cell {
    height: .54rem;
    line-height: .54rem;
    font-family: PingFangSC-Regular;
    font-size: .14rem;
    color: rgba(0, 0, 0, .65)
}

.bet-records[data-v-31ced9fe] .el-table .check-detail span {
    font-family: PingFangSC-Regular;
    font-size: .14rem;
    color: var(--lotteryCheckCor);
    line-height: .21rem
}

.bet-records .pagination[data-v-31ced9fe] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: .9rem;
    background-color: #fff
}

.bet-records .pagination[data-v-31ced9fe] .el-pagination {
    padding: .02rem .16rem
}

.bet-records .pagination[data-v-31ced9fe] .el-pagination .el-pager li {
    min-width: .3rem;
    height: .3rem;
    line-height: .3rem;
    font-size: .12rem;
    margin: 0 .05rem;
    border-radius: .06rem
}

.bet-records .pagination[data-v-31ced9fe] .el-pagination .el-pager .more:before {
    line-height: .3rem
}

.bet-records .pagination[data-v-31ced9fe] .el-pagination .el-pagination__total {
    height: .3rem;
    line-height: .3rem;
    font-size: .12rem
}

.bet-records .pagination[data-v-31ced9fe] .el-pagination .btn-next,
.bet-records .pagination[data-v-31ced9fe] .el-pagination .btn-prev {
    height: .3rem;
    line-height: .3rem;
    border-radius: .06rem
}

.bet-records .pagination[data-v-31ced9fe] .el-pagination .el-pagination__jump {
    height: .3rem;
    margin-left: .2rem;
    line-height: .3rem;
    font-size: .12rem
}

.bet-records .pagination[data-v-31ced9fe] .el-pagination .el-pagination__jump .el-pagination__editor {
    width: .6rem
}

.bet-records .pagination[data-v-31ced9fe] .el-pagination .el-pagination__jump .el-pagination__editor .el-input__inner {
    height: .3rem;
    line-height: .3rem;
    font-size: .12rem
}

.el-select-dropdown__item[data-v-31ced9fe] span {
    font-size: .14rem
}

.el-input__inner,
.el-tag {
    -webkit-box-sizing: border-box
}

.el-pagination--small .arrow.disabled {
    visibility: hidden
}

.el-pager li {
    background: #fff
}

.el-checkbox-button__inner,
.el-tag {
    -webkit-box-sizing: border-box;
    white-space: nowrap
}

.el-table,
.el-table__append-wrapper {
    overflow: hidden
}

.el-table--hidden,
.el-table td.is-hidden>*,
.el-table th.is-hidden>* {
    visibility: hidden
}

.el-checkbox-button__inner,
.el-table th {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    white-space: nowrap
}

.el-checkbox__input {
    white-space: nowrap
}

.el-table,
.el-tag {
    -webkit-box-sizing: border-box
}

.el-tooltip:focus:hover,
.el-tooltip:focus:not(.focusing) {
    outline-width: 0
}

.el-table .hidden-columns {
    visibility: hidden
}

.el-date-table td,
.el-date-table td div {
    height: 30px
}

.el-month-table,
.el-year-table {
    font-size: 12px;
    border-collapse: collapse
}

.el-time-spinner__input.el-input .el-input__inner,
.el-time-spinner__list {
    padding: 0;
    text-align: center
}

.el-form--inline .el-form-item,
.el-form--inline .el-form-item__content {
    display: inline-block;
    vertical-align: top
}

.el-form-item:after,
.el-form-item__content:after {
    clear: both
}

.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: #f56c6c
}

.bet-detail[data-v-54cbcabd] .el-dialog .el-dialog__header {
    padding: 0
}

.head-wrapper[data-v-54cbcabd] {
    position: relative;
    width: 100%;
    height: .55rem;
    line-height: .55rem;
    font-family: PingFangSC-Medium;
    font-size: .16rem;
    color: #535c66;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, .09)
}

.head-wrapper .title[data-v-54cbcabd] {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: .18rem
}

.head-wrapper .close-icon[data-v-54cbcabd] {
    position: absolute;
    right: .24rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: .28rem;
    height: .28rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwAgMAAAAqbBEUAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURUxpcQAAAAAAAAAAADKSi/wAAAAEdFJOUwBALwNIHIKNAAAAeklEQVR42s2QsRWAIAxE87TWfVzEhhUoGIEl3MMRWMY95I5HrsgAmiKE5H4gsV9Yg1tHvGT4o/KyJfinjMrZuupCBedttiNDRe5IYoiACRgllE6IyIQcAQTEISAOAXFIiC6SxQZqrUfjd/TROIKG09hhIVpVWKLW+729kEcyjc3KeEMAAAAASUVORK5CYII=) 0 0/100% 100%;
    cursor: pointer
}

.body .top-content[data-v-54cbcabd] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: .24rem
}

.body .top-content>div[data-v-54cbcabd] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.body .top-content>div.left .logo-wrapper[data-v-54cbcabd] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.body .top-content>div.left .logo-wrapper img[data-v-54cbcabd] {
    display: block;
    width: .7rem;
    height: .7rem
}

.body .top-content>div.left .logo-wrapper>div[data-v-54cbcabd] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: .16rem
}

.body .top-content>div.left .logo-wrapper>div span[data-v-54cbcabd] {
    display: block;
    width: 100%;
    font-family: PingFangSC-Regular;
    font-size: .16rem;
    color: #535c66;
    text-align: left
}

.body .top-content>div.left .logo-wrapper>div span[data-v-54cbcabd]:first-of-type {
    font-family: PingFangSC-Medium
}

.body .top-content>div.left .bet-time[data-v-54cbcabd] {
    margin-top: .27rem;
    font-family: PingFangSC-Regular;
    font-size: .16rem;
    color: #535c66
}

.body .top-content>div.left .result-num[data-v-54cbcabd] {
    margin-top: .16rem;
    font-family: PingFangSC-Regular;
    font-size: .16rem;
    color: #535c66
}

.body .top-content>div.right[data-v-54cbcabd] {
    margin-left: 1rem
}

.body .top-content>div.right .text[data-v-54cbcabd] {
    margin-bottom: .08rem;
    font-family: PingFangSC-Medium;
    font-size: .16rem;
    color: #535c66;
    line-height: .22rem
}

.body .top-content>div.right .money[data-v-54cbcabd] {
    margin-bottom: .29rem;
    font-family: PingFangSC-Medium;
    font-size: .24rem;
    color: #698eee;
    line-height: .33rem
}

.body .top-content>div.right .prize-and-cancel>div[data-v-54cbcabd] {
    font-family: PingFangSC-Regular;
    font-size: .16rem;
    color: #535c66;
    line-height: .22rem
}

.body .top-content>div.right .prize-and-cancel>div .prize-text[data-v-54cbcabd] {
    margin-left: .1rem;
    font-family: PingFangSC-Regular;
    font-size: .16rem;
    line-height: .22rem
}

.body .top-content>div.right .prize-and-cancel>div.cancel-btn[data-v-54cbcabd] {
    min-width: .62rem;
    max-width: 1.5rem;
    height: .38rem;
    line-height: .38rem;
    margin-top: .13rem;
    text-align: center;
    background: url(../images/btn_btn_light_short_delete.dbb9ba2.png) 0 0/100% 100%;
    cursor: pointer
}

.body .top-content>div.right .prize-and-cancel>div.cancel-btn>span[data-v-54cbcabd] {
    background: -webkit-gradient(linear, left top, right top, from(#84b1fe), color-stop(#425cd8), to(#536ce3));
    background: linear-gradient(90deg, #84b1fe, #425cd8, #536ce3);
    -webkit-background-clip: text;
    color: transparent;
    font-size: .14rem;
    font-family: SourceHanSansCN-Medium
}

.body .bet-detail-table[data-v-54cbcabd] {
    width: 100%;
    border-radius: .04rem .04rem 0 0
}

.body .bet-detail-table thead th[data-v-54cbcabd] {
    height: .54rem;
    line-height: .54rem;
    background: #fafafa;
    font-family: PingFangSC-Medium;
    font-size: .14rem;
    color: rgba(0, 0, 0, .85);
    text-align: left;
    text-indent: .16rem
}

.body .bet-detail-table tbody td[data-v-54cbcabd] {
    padding: .16rem 0;
    font-family: PingFangSC-Regular;
    font-size: .14rem;
    color: rgba(0, 0, 0, .65);
    text-align: left;
    text-indent: .16rem;
    border-bottom: 1px solid #e8e8e8;
    vertical-align: middle
}

.body .bet-detail-table tbody td[data-v-54cbcabd] font,
.body .bet-detail-table tbody td[data-v-54cbcabd] p {
    font-size: .14rem;
    color: rgba(0, 0, 0, .65) !important;
    text-align: left;
    text-indent: .16rem;
    vertical-align: middle
}

.clear[data-v-54cbcabd]:after {
    content: "";
    display: block;
    clear: both
}

.toperBox[data-v-170d8a4c] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 103
}

.toper[data-v-170d8a4c] {
    color: var(--homeToperBarColor);
    background: var(--homeToperBar);
    height: 35px;
    line-height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.toper .box1200[data-v-170d8a4c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: right;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.toper .box1200 span[data-v-170d8a4c] {
    font-family: PingFang SC;
    font-size: 14px;
    color: #fff;
    height: 100%
}

.toper .box1200 .top-left[data-v-170d8a4c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.toper .box1200 .top-left span[data-v-170d8a4c] {
    cursor: pointer
}

.toper .box1200 .top-left .line-service[data-v-170d8a4c] {
    color: #d0ce48
}

.toper .box1200 .top-left span[data-v-170d8a4c]:nth-of-type(2),
.toper .box1200 .top-left span[data-v-170d8a4c]:nth-of-type(3),
.toper .box1200 .top-left span[data-v-170d8a4c]:nth-of-type(4) {
    margin-left: 25px;
    position: relative
}

.toper .box1200 .top-left span[data-v-170d8a4c]:nth-of-type(2):after,
.toper .box1200 .top-left span[data-v-170d8a4c]:nth-of-type(3):after ,
.toper .box1200 .top-left span[data-v-170d8a4c]:nth-of-type(4):after{
    content: "";
    position: absolute;
    left: -12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 14px;
    border-left: 1px solid #fff
}

.toper .box1200 .top-right[data-v-170d8a4c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.toper .box1200 .top-right img[data-v-170d8a4c] {
    margin-left: 12px;
    cursor: pointer
}

.header[data-v-170d8a4c] {
    background: var(--homeNavBg);
    -webkit-box-shadow: 0 2px 4px 0 rgba(83, 92, 102, .08);
    box-shadow: 0 2px 4px 0 rgba(83, 92, 102, .08);
    border-bottom: 1px solid #494848;
    position: relative
}

.header .nav-login[data-v-170d8a4c] {
    height: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header .nav-login .login-wrapper[data-v-170d8a4c],
.header .nav-login[data-v-170d8a4c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header .nav-login .login-wrapper li[data-v-170d8a4c] {
    height: 100%
}

.header .nav-login .login-wrapper li input[data-v-170d8a4c] {
    width: 167px;
    height: 100%;
    margin-left: 20px;
    padding-left: 7px;
    border: 1px solid #626262;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #020102;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: hsla(0, 0%, 100%, .6)
}

.header .headers-project[data-v-170d8a4c] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 156px
}

.header .headers-project .header-logo[data-v-170d8a4c],
.header .headers-project[data-v-170d8a4c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header .headers-project .header-logo[data-v-170d8a4c] {
    width: 278px
}

.header .headers-project .header-logo img[data-v-170d8a4c] {
    width: 278px;
    height: 76px
}

.box1200[data-v-170d8a4c] {
    width: 1200px;
    margin: 0 auto
}

#router-view[data-v-170d8a4c] {
    background: #1b1b1b
}

.view-active[data-v-170d8a4c],
.view[data-v-170d8a4c] {
    padding-top: 243px
}

.redpacketModel[data-v-170d8a4c] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
    background-color: rgba(0, 0, 0, .2)
}

.redpacketModel .redCutDown[data-v-170d8a4c] {
    position: relative;
    left: 50%;
    top: 90px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0 20px;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    line-height: 80px;
    background: -webkit-gradient(linear, left top, left bottom, from(#e9bc79), to(#f6ce92));
    background: linear-gradient(180deg, #e9bc79, #f6ce92);
    border-radius: 310px;
    text-align: center;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 700;
    font-size: 38px;
    color: #803818
}

.redpacketModel .redCutDown+img[data-v-170d8a4c] {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    cursor: pointer
}

.header-navs[data-v-170d8a4c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #020102
}

.header-navs .nav-wrap[data-v-170d8a4c] {
    font-family: PingFangSC-Semibold;
    font-size: 18px;
    color: #535c66;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-navs .nav-wrap li[data-v-170d8a4c] {
    height: 50px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    color: var(--homeNavColor);
    position: relative;
    font-size: 16px;
    white-space: nowrap;
    margin-right: 22px;
    min-width: 84px
}

.header-navs .nav-wrap li[data-v-170d8a4c]:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 4px;
    border-radius: 4px;
    background-color: #fff;
    -webkit-transition: left .2s ease, width .2s ease;
    transition: left .2s ease, width .2s ease
}

.header-navs .nav-wrap li .headBox[data-v-170d8a4c] {
    position: absolute;
    left: 50%;
    bottom: 0
}

.header-navs .nav-wrap li .slideDown[data-v-170d8a4c] {
    height: auto;
    visibility: visible
}

.header-navs .nav-wrap li .homeNav[data-v-170d8a4c] {
    position: relative;
}

.header-navs .nav-wrap li .homeNav .headCont[data-v-170d8a4c] {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 11px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 100;
    overflow-y: scroll;
    display: none;
    /* height: 0; */
    -webkit-transition: height 1s ease-out;
    transition: height 1s ease-out
}

.header-navs .nav-wrap li .homeNav .headCont li[data-v-170d8a4c] {
    width: 116px;
    height: 60px;
    margin-right: 0;
    line-height: 60px;
    text-align: center;
    background-color: #000
}

.header-navs .nav-wrap li .homeNav .active[data-v-170d8a4c] {
    height: 500px
}

.header-navs .nav-wrap li[data-v-170d8a4c]:last-child {
    margin-right: 0
}

.header-navs .nav-wrap .headerIcon[data-v-170d8a4c] {
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #f7e78c
}

.header-navs .nav-wrap .headerIcon.redColor[data-v-170d8a4c] {
    color: #da0000
}

.header-navs .nav-wrap .hot-icon[data-v-170d8a4c] {
    position: absolute;
    top: 1px;
    right: -8px
}

.header-navs .nav-wrap .en-mame[data-v-170d8a4c] {
    font-size: 16px;
    line-height: 22px;
    margin-top: 12px
}

.header-navs .nav-wrap .activeChecked[data-v-170d8a4c] {
    background: var(--homeNavActiveColor);
    -webkit-background-clip: text
}

.header-navs .nav-wrap .activeChecked[data-v-170d8a4c]:after,
.header-navs .nav-wrap li[data-v-170d8a4c]:hover:after {
    background: var(--homeNavActiveBarBg);
    left: 0;
    width: 100%;
    height: 2px
}

.header-navs .nav-wrap .activeChecked[data-v-170d8a4c]:after {
    content: "";
    position: absolute;
    bottom: 0;
    border-radius: 4px
}

.footer-wrapper[data-v-bbd15b5c] {
    padding-bottom: 50px;
    background: var(--homeBottomBg);
    overflow: hidden
}

.footer-wrapper .footer-center[data-v-bbd15b5c] {
    width: 1200px;
    margin: 0 auto;
    padding-top: 25px
}

.footer-wrapper .footer-center .terrace[data-v-bbd15b5c] {
    margin: 0 0 15px;
    height: 61px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer-wrapper .footer-center .terrace .img-wrap[data-v-bbd15b5c] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.footer-wrapper .footer-center .terrace img[data-v-bbd15b5c] {
    height: 61px;
    cursor: pointer
}

.footer-wrapper .footer-center .line[data-v-bbd15b5c] {
    width: 100%;
    height: 1px;
    background: var(--homeBottomLineBg);
    -webkit-box-shadow: var(--homeBottomLineShadow);
    box-shadow: var(--homeBottomLineShadow)
}

.footer-wrapper .footer-center .foot-content[data-v-bbd15b5c] {
    margin-top: 24px;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: var(--homeBottomTextColor)
}

.footer-wrapper .footer-center .orange[data-v-bbd15b5c] {
    width: 100%;
    margin-top: 30px;
    padding: 0 130px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer-wrapper .footer-center .orange .orange-wrapper[data-v-bbd15b5c] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer-wrapper .footer-center .orange .orange-wrapper .icon[data-v-bbd15b5c] {
    text-align: center
}

.footer-wrapper .footer-center .orange .orange-wrapper .icon img[data-v-bbd15b5c] {
    height: 61px;
    cursor: pointer
}

.footer-wrapper .footer-center .orange .orange-wrapper .icon .name[data-v-bbd15b5c] {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 22px;
    text-align: center;
    color: var(--homeBottomTextColor);
    white-space: nowrap
}

.footer-wrapper .footer-center .orange .orange-wrapper[data-v-bbd15b5c]:hover {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.footer-wrapper .footer-center .orange .orange-wrapper:hover .icon:hover .name[data-v-bbd15b5c] {
    color: var(--homeBottomTextColorHover)
}

.footer-wrapper .footer-center .copyright[data-v-bbd15b5c] {
    margin-top: 12px;
    font-family: PingFang SC;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: var(--homeBottomTextColor)
}

.onlineIndex[data-v-602508b7] {
    position: fixed;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 103
}

.onlineIndex .service-redPacket[data-v-602508b7] {
    width: 105px
}

.onlineIndex .chat-room[data-v-602508b7],
.onlineIndex .erweima[data-v-602508b7],
.onlineIndex .qq[data-v-602508b7],
.onlineIndex .service[data-v-602508b7],
.onlineIndex .wechat[data-v-602508b7] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 16px
}

.onlineIndex .service-text[data-v-602508b7] {
    height: 46px
}

.onlineIndex .text[data-v-602508b7] {
    min-width: 108px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    border-radius: 4px;
    line-height: 46px;
    margin-right: 7px;
    text-align: center;
    cursor: pointer;
    display: none
}

.onlineIndex .link[data-v-602508b7],
.onlineIndex .text[data-v-602508b7] {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: var(--serviceTextColor)
}

.onlineIndex .qq-text[data-v-602508b7] {
    line-height: 20px;
    padding: 3px 24px
}

.onlineIndex .qq-text li[data-v-602508b7] {
    margin: 10px 0
}

.onlineIndex .qq-text .wechatCopy[data-v-602508b7] {
    margin-left: 10px
}

.onlineIndex .erweima-text[data-v-602508b7] {
    position: relative;
    width: 182px;
    height: 176px;
    background: #fff;
    -webkit-box-shadow: 0 4px 4px rgba(132, 143, 158, .1);
    box-shadow: 0 4px 4px rgba(132, 143, 158, .1);
    border-radius: 4px
}

.onlineIndex .erweima-text img[data-v-602508b7] {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.onlineIndex .img-wrap[data-v-602508b7] {
    width: 56px;
    height: 56px;
    cursor: pointer
}

.onlineIndex .service-img[data-v-602508b7] {
    background: var(--serviceImg);
    background-size: 100% 100%
}

.onlineIndex .hover-text[data-v-602508b7]:hover {
    -webkit-text-decoration: underline var(--serviceTextColor);
    text-decoration: underline var(--serviceTextColor)
}

.onlineIndex .service-img[data-v-602508b7]:hover {
    background: var(--serviceHoverImg);
    background-size: 100% 100%
}

.onlineIndex .qq-img[data-v-602508b7] {
    background: var(--qqImg);
    background-size: 100% 100%
}

.onlineIndex .qq-img[data-v-602508b7]:hover {
    background: var(--qqHoverImg);
    background-size: 100% 100%
}

.onlineIndex .wechat-img[data-v-602508b7] {
    background: var(--wechatImg);
    background-size: 100% 100%
}

.onlineIndex .wechat-img[data-v-602508b7]:hover {
    background: var(--wechatHoverImg);
    background-size: 100% 100%
}

.onlineIndex .chat-room-img[data-v-602508b7] {
    background-image: var(--chatRoomImg);
    background-size: 100% 100%
}

.onlineIndex .chat-room-img[data-v-602508b7]:hover {
    background-image: var(--chatRommHoverImg)
}

.onlineIndex .erweima-img[data-v-602508b7] {
    background: var(--erweimaImg);
    background-size: 100% 100%
}

.onlineIndex .erweima-img[data-v-602508b7]:hover {
    background: var(--erweimaHoverImg);
    background-size: 100% 100%
}

.onlineIndex .erweima:hover .text[data-v-602508b7],
.onlineIndex .qq:hover .text[data-v-602508b7],
.onlineIndex .service:hover .text[data-v-602508b7],
.onlineIndex .wechat:hover .text[data-v-602508b7] {
    display: block
}

.loginBox[data-v-70e4b06f] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 318px;
    height: 322px;
    position: absolute;
    right: 0;
    top: 55px;
    z-index: 102
}

.login[data-v-70e4b06f] {
    height: 100%;
    position: absolute;
    right: 20%;
    top: 0;
    z-index: 102
}

.loginBox .loginLogo[data-v-70e4b06f] {
    width: 100%;
    height: 75px;
    margin-bottom: 14px;
    background: rgba(0, 0, 0, .8)
}

.loginBox .loginLogo .go-register[data-v-70e4b06f],
.loginBox .loginLogo[data-v-70e4b06f] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.loginBox .loginLogo .go-register[data-v-70e4b06f] {
    width: 296px;
    height: 54px;
    background: -webkit-gradient(linear, left top, left bottom, from(#b12418), to(#80170e));
    background: linear-gradient(180deg, #b12418, #80170e);
    border-radius: 42px;
    cursor: pointer;
    margin: 24px 0
}

.loginBox .loginLogo .go-register span[data-v-70e4b06f] {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 31px;
    text-align: center;
    color: #fff
}

.loginBox .loginLogo .go-register[data-v-70e4b06f]:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#cf493d), to(#9b2920));
    background: linear-gradient(180deg, #cf493d, #9b2920)
}

.loginBox .loginLogo img[data-v-70e4b06f] {
    width: 31px;
    height: 31px;
    margin-right: 10px
}

.login-wrap[data-v-70e4b06f] {
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .8)), to(rgba(0, 0, 0, .6)));
    background: linear-gradient(180deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, .6))
}

.userInfo[data-v-70e4b06f] {
    text-align: left;
    color: #fff;
    width: 294px;
    margin: 12px auto 10px
}

.userInfo .link[data-v-70e4b06f] {
    margin-top: 50px
}

.userInfo ul li[data-v-70e4b06f] {
    font-size: 18px;
    line-height: 30px
}

.userInfo ul li span[data-v-70e4b06f] {
    cursor: pointer;
    font-size: 18px;
    line-height: 30px
}

.userInfo ul li span[data-v-70e4b06f]:first-of-type {
    margin-right: 10px
}

.userInfo ul li span[data-v-70e4b06f]:hover {
    color: red
}

.loginClassForm[data-v-70e4b06f] {
    width: 294px;
    margin: 12px auto 10px
}

.loginClassForm .el-form-item[data-v-70e4b06f] {
    margin-bottom: 0
}

.loginClassForm .el-form-item.is-error[data-v-70e4b06f] {
    margin-bottom: 36px
}

.loginClassForm .login-btn[data-v-70e4b06f] {
    margin-top: 3px
}

.loginClassForm[data-v-70e4b06f] .el-form-item__content .el-button {
    width: 296px;
    height: 53px;
    background: linear-gradient(92.83deg, #ab9560 .16%, #ebdf93 49.92%, #a9925e);
    border-radius: 1px;
    border: none
}

.loginClassForm[data-v-70e4b06f] .el-form-item__content .el-button span {
    font-family: PingFang SC;
    font-size: 22px;
    color: #654929;
    text-align: center;
    line-height: 16px
}

.loginClassForm[data-v-70e4b06f] .el-form-item__content .el-button.is-disabled {
    background: #d6dde7
}

.loginClassForm[data-v-70e4b06f] .el-form-item__content .el-button:hover {
    background: linear-gradient(92.83deg, #bfa858 .16%, #e4d78b 49.92%, #c2ab5c)
}

.loginClassForm[data-v-70e4b06f] .el-form-item__content .el-button:hover span {
    color: #311e08
}

.loginClassForm[data-v-70e4b06f] .el-form-item__content .el-input__prefix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 10px
}

.loginClassForm[data-v-70e4b06f] .el-form-item__content .el-input__inner {
    background: hsla(0, 0%, 100%, .08);
    border: none;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2);
    height: 54px;
    border-radius: 0;
    padding-left: 40px;
    color: #fff
}

.loginClassForm[data-v-70e4b06f] .el-form-item__content ::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

.loginClassForm[data-v-70e4b06f] .el-form-item__content .el-input__clear,
.loginClassForm[data-v-70e4b06f] .el-form-item__content .el-input__validateIcon {
    color: hsla(0, 0%, 100%, .3)
}

.loginClassForm[data-v-70e4b06f] .el-form-item__content .el-form-item__error {
    color: #fff
}

.loginClassForm[data-v-70e4b06f] .el-form-item__content .codeClass {
    overflow: hidden
}

.loginClassForm[data-v-70e4b06f] .el-form-item__content .codeClass .el-input__suffix {
    right: 94px
}

.loginClassForm img[data-v-70e4b06f] {
    width: 24px;
    height: 24px
}

.loginClassForm .codeSuffix[data-v-70e4b06f] {
    position: absolute;
    top: 50%;
    right: -93px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 90px;
    height: 38px;
    background: #c4c4c4;
    cursor: pointer
}

.loginClassForm .el-button.active[data-v-70e4b06f] {
    opacity: 1
}

.transverse-login-box .btn[data-v-70e4b06f] {
    margin-left: 20px
}

.transverse-login-box .transverseForm[data-v-70e4b06f] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.transverse-login-box .transverseForm .el-form-item[data-v-70e4b06f] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0
}

.transverse-login-box .transverseForm .el-form-item.is-error[data-v-70e4b06f] {
    margin-bottom: 0
}

.transverse-login-box .transverseForm[data-v-70e4b06f] .el-form-item__content,
.transverse-login-box .transverseForm[data-v-70e4b06f] .el-form-item__content .el-input__prefix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.transverse-login-box .transverseForm[data-v-70e4b06f] .el-form-item__content .el-input__prefix {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 10px
}

.transverse-login-box .transverseForm[data-v-70e4b06f] .el-form-item__content .el-input__inner {
    background: hsla(0, 0%, 100%, .08);
    border: 1px solid #626262;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 160px;
    height: 34px;
    border-radius: 0;
    padding-left: 7px;
    padding-right: 0;
    margin-right: 20px;
    color: #fff
}

.transverse-login-box .transverseForm[data-v-70e4b06f] .el-form-item__content ::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

.transverse-login-box .transverseForm[data-v-70e4b06f] .el-form-item__content .el-input__clear,
.transverse-login-box .transverseForm[data-v-70e4b06f] .el-form-item__content .el-input__validateIcon {
    color: hsla(0, 0%, 100%, .3)
}

.transverse-login-box .transverseForm[data-v-70e4b06f] .el-form-item__content .el-form-item__error {
    color: #fff
}

.transverse-login-box .transverseForm[data-v-70e4b06f] .el-form-item__content .el-input__suffix {
    right: 20px
}

.transverse-login-box .transverseForm[data-v-70e4b06f] .el-form-item__content .codeClass {
    width: 266px
}

.transverse-login-box .transverseForm[data-v-70e4b06f] .el-form-item__content .codeClass .el-input__suffix {
    right: 20px
}

.transverse-login-box .transverseForm img[data-v-70e4b06f] {
    width: 24px;
    height: 24px
}

.transverse-login-box .transverseForm .suffixCont[data-v-70e4b06f] {
    position: absolute;
    top: 50%;
    right: 70px;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
    width: 94px;
    height: 34px;
    overflow: hidden
}

.transverse-login-box .transverseForm .suffixCont .codeSuffix[data-v-70e4b06f] {
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    background: #c4c4c4;
    cursor: pointer
}

.transverse-login-box .transverseForm[data-v-70e4b06f] .el-button {
    width: 100px;
    height: 34px;
    background: linear-gradient(92.83deg, #ab9560 .16%, #ebdf93 49.92%, #a9925e);
    border-radius: 1px;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.transverse-login-box .transverseForm[data-v-70e4b06f] .el-button span {
    font-family: PingFang SC;
    font-size: 14px;
    color: #654929;
    text-align: center
}

.transverse-login-box .transverseForm[data-v-70e4b06f] .el-button.is-disabled {
    background: #d6dde7
}

.transverse-login-box .transverseForm .register-btn[data-v-70e4b06f] {
    margin-left: 10px;
    width: 100px;
    height: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    padding: 1px;
    background: linear-gradient(92.83deg, #ab9560 .16%, #ebdf93 49.92%, #a9925e)
}

.transverse-login-box .transverseForm .register-btn span[data-v-70e4b06f] {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-family: PingFang SC;
    font-size: 14px;
    line-height: 34px;
    color: #f7e78c;
    text-align: center;
    background: #020102
}

.transverse-login-box .transverseForm .el-button.active[data-v-70e4b06f] {
    opacity: 1
}

.loginType[data-v-70e4b06f] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 14px
}

.loginType[data-v-70e4b06f] .el-checkbox {
    color: #fff
}

.loginType[data-v-70e4b06f] .el-checkbox .el-checkbox__inner {
    border-radius: 50%
}

.loginType[data-v-70e4b06f] .el-checkbox .el-checkbox__input.is-checked+.el-checkbox__label {
    color: #fff
}

.loginType[data-v-70e4b06f] .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: #fff;
    border-color: #fff
}

.loginType[data-v-70e4b06f] .el-checkbox .el-checkbox__inner:after {
    border-color: #7e9dba
}

.loginType .loginRight[data-v-70e4b06f] {
    color: #fff;
    font-family: PingFangSC-Semibold;
    font-size: 14px
}

.loginFot span[data-v-70e4b06f] {
    color: #f9f9f9;
    height: 20px;
    margin: 0 8px
}

.loginFot a[data-v-70e4b06f] {
    color: #fff;
    font-size: 14px;
    font-family: PingFangSC-Regular
}

[data-v-70e4b06f] .el-input__suffix-inner {
    height: 100%;
    cursor: pointer
}

[data-v-70e4b06f] .el-input__suffix-inner,
[data-v-70e4b06f] .el-input__suffix-inner .loginRight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[data-v-70e4b06f] .el-input__suffix-inner .loginRight {
    width: 83px;
    height: 34px;
    line-height: 14px;
    border: 1px solid hsla(0, 0%, 100%, .2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: hsla(0, 0%, 100%, .4);
    font-family: PingFang SC;
    font-size: 14px
}

[data-v-70e4b06f] .el-dialog__wrapper {
    border-radius: 6px
}

[data-v-70e4b06f] .el-dialog__wrapper .el-dialog .el-dialog__header {
    position: relative;
    height: 48px;
    padding: 0;
    line-height: 48px;
    text-align: center;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#a4b1c1), to(#67717e));
    background-image: linear-gradient(180deg, #a4b1c1, #67717e)
}

[data-v-70e4b06f] .el-dialog__wrapper .el-dialog .el-dialog__header .el-dialog__title {
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #fff;
    letter-spacing: 0
}

[data-v-70e4b06f] .el-dialog__wrapper .el-dialog .el-dialog__header .el-dialog__headerbtn {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

[data-v-70e4b06f] .el-dialog__wrapper .el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
    color: #fff;
    font-size: 24px
}

[data-v-70e4b06f] .el-dialog__wrapper .el-dialog .el-dialog__body {
    margin-top: 20px;
    padding: 0
}

[data-v-70e4b06f] .el-dialog__wrapper .el-dialog .el-dialog__body .tips {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #535c66;
    text-align: center;
    line-height: 24px
}

[data-v-70e4b06f] .el-dialog__wrapper .el-dialog .el-dialog__body .el-form-item__content {
    display: block;
    width: 245px;
    height: 46px;
    margin: 20px auto
}

[data-v-70e4b06f] .el-dialog__wrapper .el-dialog .el-dialog__body .el-form-item {
    margin-bottom: 0
}

[data-v-70e4b06f] .el-dialog__wrapper .el-dialog .el-dialog__body .confirmPasswordIcon {
    width: 24px;
    height: 24px
}

[data-v-70e4b06f] .el-dialog__wrapper .el-dialog .el-dialog__body .confirmPasswordIcon:last-of-type {
    cursor: pointer
}

[data-v-70e4b06f] .el-dialog__wrapper .el-dialog .el-dialog__body .el-input {
    display: block;
    height: 54px
}

[data-v-70e4b06f] .el-dialog__wrapper .el-dialog .el-dialog__body .el-input .el-input__inner {
    height: 100%;
    padding-left: 40px
}

[data-v-70e4b06f] .el-dialog__wrapper .el-dialog .el-dialog__body .el-input .el-input__prefix,
[data-v-70e4b06f] .el-dialog__wrapper .el-dialog .el-dialog__body .el-input .el-input__suffix,
[data-v-70e4b06f] .el-dialog__wrapper .el-dialog .el-dialog__body .el-input .el-input__suffix-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

[data-v-70e4b06f] .el-dialog__wrapper .el-dialog .el-dialog__body .el-input .el-input__suffix-inner {
    cursor: pointer
}

[data-v-70e4b06f] .el-dialog__wrapper .el-dialog .el-dialog__body .el-input .el-input__suffix-inner .loginRight {
    width: 83px;
    height: 34px;
    border: 1px solid hsla(0, 0%, 100%, .2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

[data-v-70e4b06f] .el-dialog__wrapper .el-dialog .el-button {
    width: 296px;
    height: 53px;
    background: linear-gradient(92.83deg, #ab9560 .16%, #ebdf93 49.92%, #a9925e);
    border-radius: 1px;
    border: none
}

[data-v-70e4b06f] .el-dialog__wrapper .el-dialog .el-button span {
    font-family: PingFang SC;
    font-size: 22px;
    color: #654929;
    text-align: center;
    line-height: 16px
}

[data-v-70e4b06f] .el-dialog__wrapper .el-dialog .el-button.is-disabled {
    background: #d6dde7
}

.loginClass2[data-v-70e4b06f] #captcha {
    width: 100%;
    height: 54px;
    line-height: 54px
}

.loginClass2[data-v-70e4b06f] #captcha .geetest_radar_btn {
    border: 1px solid #ddd
}

.loginClass2[data-v-70e4b06f] #captcha #text {
    height: 54px;
    line-height: 54px
}

.loginClass2[data-v-70e4b06f] #captcha #wait {
    width: 100%;
    height: 54px
}

.loginClass2[data-v-70e4b06f] #captcha #wait .loading .loading-dot {
    margin: 24px 4px
}

.loginClass2[data-v-70e4b06f] #captcha .geetest_radar_btn {
    height: 54px
}

.loginClass2[data-v-70e4b06f] #captcha .geetest_radar_btn .geetest_radar {
    top: 18px;
    left: 12px;
    width: 18px;
    height: 18px
}

.loginClass2[data-v-70e4b06f] #captcha .geetest_radar_btn .geetest_radar_tip {
    top: 19px;
    left: 40px
}

.loginClass2[data-v-70e4b06f] #captcha .geetest_radar_btn .geetest_radar_tip .geetest_radar_tip_content {
    font-size: 14px
}

.loginClass2[data-v-70e4b06f] #captcha .geetest_success_btn {
    height: 54px
}

.loginClass2[data-v-70e4b06f] #captcha .geetest_success_btn .geetest_success_box {
    top: 16px;
    left: 9px
}

.loginClass2[data-v-70e4b06f] #captcha .geetest_success_btn .geetest_success_radar_tip {
    top: 20px;
    left: 42px;
    font-size: 14px
}

.el-checkbox-button__inner,
.el-checkbox__input {
    white-space: nowrap;
    vertical-align: middle;
    outline: 0
}

.el-checkbox {
    white-space: nowrap
}

.el-checkbox-button__inner {
    font-weight: 500;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

#captcha[data-v-7ab38bc1] {
    width: 146px;
    height: 38px;
    line-height: 38px
}

#text[data-v-7ab38bc1] {
    border-radius: 2px;
    color: #ccc;
    font-size: 12px;
    line-height: 24px
}

#text[data-v-7ab38bc1],
#wait[data-v-7ab38bc1] {
    text-align: center;
    background-color: #f3f3f3;
    height: 24px;
    position: relative;
    top: 7px;
    border-radius: 14px
}

#wait[data-v-7ab38bc1] {
    width: 146px
}

.loading[data-v-7ab38bc1] {
    margin: auto;
    width: 48px;
    height: 20px
}

.loading-dot[data-v-7ab38bc1] {
    float: left;
    width: 4px;
    height: 4px;
    margin: 10px 4px;
    background: #ccc;
    border-radius: 14px;
    opacity: 0;
    -webkit-box-shadow: 0 0 2px #000;
    box-shadow: 0 0 2px #000;
    -webkit-animation: loadingFade-data-v-7ab38bc1 1s infinite;
    animation: loadingFade-data-v-7ab38bc1 1s infinite
}

.loading-dot[data-v-7ab38bc1]:first-child {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.loading-dot[data-v-7ab38bc1]:nth-child(2) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.loading-dot[data-v-7ab38bc1]:nth-child(3) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.loading-dot[data-v-7ab38bc1]:nth-child(4) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

@-webkit-keyframes loadingFade-data-v-7ab38bc1 {
    0% {
        opacity: 0
    }

    50% {
        opacity: .8
    }

    to {
        opacity: 0
    }
}

@keyframes loadingFade-data-v-7ab38bc1 {
    0% {
        opacity: 0
    }

    50% {
        opacity: .8
    }

    to {
        opacity: 0
    }
}

.geetest_radar_btn[data-v-7ab38bc1] {
    position: relative;
    width: 100%;
    height: 24px;
    background-color: #fff;
    border-radius: 14px;
    border: 1px solid #f4b0b1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
    background-image: linear-gradient(180deg, #fff, #f3f3f3)
}

.geetest_radar_btn[data-v-7ab38bc1]:hover {
    cursor: pointer;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f3f3f3));
    background-image: linear-gradient(0deg, #fff, #f3f3f3)
}

.geetest_radar_btn .geetest_radar[data-v-7ab38bc1] {
    position: absolute;
    top: 4px;
    left: 9px;
    width: 15px;
    height: 15px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.geetest_radar_btn .geetest_radar .geetest_ring[data-v-7ab38bc1] {
    position: absolute;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(.4);
    transform: scale(.4);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-box-shadow: inset 0 0 0 1px #3873ff;
    box-shadow: inset 0 0 0 1px #3873ff;
    background: #c6d5f8;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.geetest_radar_btn .geetest_radar .geetest_dot[data-v-7ab38bc1] {
    position: absolute;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(.4);
    transform: scale(.4);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background: #3873ff
}

.geetest_radar_btn .geetest_radar_tip[data-v-7ab38bc1] {
    position: absolute;
    top: 6px;
    left: 31px;
    letter-spacing: 1.3px;
    line-height: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #666;
    white-space: nowrap;
    text-align: left;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.geetest_radar_btn .geetest_radar_tip .geetest_radar_tip_content[data-v-7ab38bc1] {
    font-size: 12px
}

.geetest_success_btn[data-v-7ab38bc1] {
    position: absolute;
    left: 0;
    top: 7px;
    border: 1px solid #26c267;
    border-radius: 14px;
    width: 230px;
    height: 24px;
    cursor: pointer;
    opacity: 1;
    right: 0;
    background: #eefff5;
    -webkit-transition: width ease;
    transition: width ease
}

.geetest_success_btn .geetest_success_box[data-v-7ab38bc1] {
    position: absolute;
    top: -1px;
    left: 4px;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    -webkit-transform: scale(.7);
    transform: scale(.7)
}

.geetest_success_btn .geetest_success_box .geetest_success_show[data-v-7ab38bc1] {
    position: relative;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background-color: #eefff5
}

.geetest_success_btn .geetest_success_box .geetest_success_show .geetest_success_pie[data-v-7ab38bc1] {
    -webkit-animation: geetest_success_pie-data-v-7ab38bc1 .7s ease both;
    animation: geetest_success_pie-data-v-7ab38bc1 .7s ease both;
    position: absolute;
    left: 50%;
    top: 0;
    border: 2px solid #80d6ac;
    border-left: none;
    border-radius: 0 100% 100% 0/0 50% 50% 0;
    width: 50%;
    height: 100%;
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.geetest_success_btn .geetest_success_box .geetest_success_show .geetest_success_filter[data-v-7ab38bc1] {
    -webkit-animation: geetest_success_filter-data-v-7ab38bc1 .7s linear both;
    animation: geetest_success_filter-data-v-7ab38bc1 .7s linear both;
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid #80d6ac;
    border-right: none;
    border-radius: 100% 0 0 100%/50% 0 0 50%;
    width: 50%;
    height: 100%;
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 0
}

.geetest_success_btn .geetest_success_box .geetest_success_show .geetest_success_mask[data-v-7ab38bc1] {
    -webkit-animation: geetest_success_mask-data-v-7ab38bc1 .7s linear both;
    animation: geetest_success_mask-data-v-7ab38bc1 .7s linear both;
    border: none;
    border-radius: 0;
    background-color: #eefff5;
    position: absolute;
    left: 50%;
    top: 0;
    width: 50%;
    height: 100%;
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.geetest_success_btn .geetest_success_box .geetest_success_correct[data-v-7ab38bc1] {
    position: absolute;
    right: -4px;
    top: -4px;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.geetest_success_btn .geetest_success_box .geetest_success_correct .geetest_success_icon[data-v-7ab38bc1] {
    -webkit-animation: geetest_success_correct .7s ease both;
    animation: geetest_success_correct .7s ease both;
    position: absolute;
    top: -23px;
    right: -23px;
    width: 18px;
    height: 18px;
    background-size: 322.22222%;
    background: url(../images/sprite.1.5.8.b83c4ea.png) no-repeat 0 70.65637%;
    -webkit-transform: translate(-28px, 28px);
    transform: translate(-28px, 28px)
}

.geetest_success_btn .geetest_success_radar_tip[data-v-7ab38bc1] {
    position: absolute;
    top: 6px;
    left: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    color: #666;
    white-space: nowrap;
    text-align: left;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    color: #18a452;
    line-height: 1
}

.geetest_success_ani[data-v-7ab38bc1] {
    -webkit-animation: geetest_wait_success-data-v-7ab38bc1 .5s ease;
    animation: geetest_wait_success-data-v-7ab38bc1 .5s ease
}

@keyframes geetest_wait_success-data-v-7ab38bc1 {
    0% {
        width: 50%
    }

    to {
        width: 230px
    }
}

@-webkit-keyframes geetest_wait_success-data-v-7ab38bc1 {
    0% {
        width: 50%
    }

    to {
        width: 230px
    }
}

@keyframes geetest_wait_compute-data-v-7ab38bc1 {
    60% {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
}

@-webkit-keyframes geetest_wait_compute-data-v-7ab38bc1 {
    60% {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
}

@keyframes geetest_success_pie-data-v-7ab38bc1 {
    25% {
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg)
    }

    to {
        -webkit-transform: rotate(-275deg);
        transform: rotate(-275deg)
    }
}

@-webkit-keyframes geetest_success_pie-data-v-7ab38bc1 {
    25% {
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg)
    }

    to {
        -webkit-transform: rotate(-275deg);
        transform: rotate(-275deg)
    }
}

@keyframes geetest_success_filter-data-v-7ab38bc1 {
    50.9% {
        opacity: 0
    }

    51% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes geetest_success_filter-data-v-7ab38bc1 {
    50.9% {
        opacity: 0
    }

    51% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes geetest_success_mask-data-v-7ab38bc1 {
    50.9% {
        opacity: 1
    }

    51% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes geetest_success_mask-data-v-7ab38bc1 {
    50.9% {
        opacity: 1
    }

    51% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

.webUrl-wrapper[data-v-6c864061] {
    position: fixed;
    top: 130px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 100
}

.webUrl-wrapper[data-v-6c864061] ::-webkit-scrollbar {
    width: 4px
}

.webUrl-wrapper[data-v-6c864061] ::-webkit-scrollbar-thumb {
    background: #c7ae91;
    border-radius: 100px
}

.webUrl-wrapper .webUrl-title[data-v-6c864061] {
    width: 480px;
    height: 48px;
    line-height: 48px;
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #fff;
    background-image: var(--userBtnBgColor);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 6px 6px 0 0
}

.webUrl-wrapper .webUrl-title img[data-v-6c864061] {
    position: absolute;
    right: 20px;
    width: 24px;
    height: 24px;
    cursor: pointer
}

.webUrl-wrapper .content-wrap[data-v-6c864061] {
    background: #fff;
    border-radius: 0 0 6px 6px
}

.webUrl-wrapper .content-wrap .site-title[data-v-6c864061] {
    margin: 0 0 8px 22px;
    padding-top: 17px;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: var(--serviceTextColor)
}

.webUrl-wrapper .content-wrap .site-title .webUrlImg[data-v-6c864061] {
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.webUrl-wrapper .content-wrap .site-title .webUrlImg #nodataMessage[data-v-6c864061] {
    width: 129px;
    background: var(--noBackUp);
    background-size: contain;
    margin: 0 auto;
    height: 129px
}

.webUrl-wrapper .content-wrap .site-title .webUrlImg .no_data[data-v-6c864061] {
    opacity: .6
}

.webUrl-wrapper .content-wrap .content[data-v-6c864061] {
    width: 480px;
    height: 212px;
    overflow: scroll;
    text-align: left;
    font-size: 16px;
    position: relative
}

.webUrl-wrapper .content-wrap .content .ulr-wrapper[data-v-6c864061] {
    padding-left: 22px
}

.webUrl-wrapper .content-wrap .content .ulr-wrapper li[data-v-6c864061] {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    cursor: pointer
}

.webUrl-wrapper .content-wrap .content .ulr-wrapper li[data-v-6c864061]:hover {
    text-decoration: underline
}

.webUrl-wrapper .content-wrap .webUrl-btn[data-v-6c864061] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    border-top: 1px solid #f5f5f5
}

.webUrl-wrapper .content-wrap .webUrl-btn .btn[data-v-6c864061] {
    width: 102px;
    height: 36px;
    line-height: 36px;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    background: var(--userBtnBgColor);
    border-radius: 4px;
    text-align: center;
    margin-right: 12px;
    cursor: pointer
}

.jinsha-login-wrap .forget[data-v-e36a4fce] {
    display: inline-block;
    margin-right: 2px;
    width: 36px;
    height: 24px;
    line-height: 24px;
    font-family: PingFang SC;
    font-size: 12px;
    color: var(--homeInputCor)
}

.jinsha-login-wrap .jinsha-container .jinsha-left[data-v-e36a4fce] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.jinsha-login-wrap .jinsha-container .jinsha-left .date[data-v-e36a4fce] {
    height: 20px;
    line-height: 20px;
    font-family: PingFang SC;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #c6c6c6;
    font-size: 14px;
    margin-right: 20px
}

.jinsha-login-wrap .jinsha-container .jinsha-left .tip-wrap[data-v-e36a4fce] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    height: 20px;
    line-height: 20px;
    font-family: PingFang SC;
    align-items: center;
    color: #c6c6c6;
    font-size: 14px
}

.jinsha-login-wrap .jinsha-container .jinsha-left .tip-wrap .jinsha-home[data-v-e36a4fce],
.jinsha-login-wrap .jinsha-container .jinsha-left .tip-wrap .webUrl[data-v-e36a4fce] {
    font-size: 14px;
    cursor: pointer
}

.jinsha-login-wrap .jinsha-container .jinsha-left .tip-wrap .webUrl[data-v-e36a4fce] {
    margin-left: 10px;
    position: relative;
    cursor: pointer
}

.jinsha-login-wrap .jinsha-container .jinsha-left .tip-wrap .webUrl[data-v-e36a4fce]:after {
    content: "";
    position: absolute;
    left: -6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 12px;
    border-left: 1px solid #c6c6c6
}

.jinsha-login-wrap .jinsha-container .money[data-v-e36a4fce] {
    font-family: HelveticaNeue-Medium;
    font-size: 12px;
    cursor: pointer;
    padding: 4px 0 4px 4px;
    color: #fff;
    background: hsla(0, 0%, 100%, .3);
    border-radius: 4px
}

.jinsha-login-wrap .jinsha-container .money .recharge[data-v-e36a4fce] {
    background-image: var(--homeToperBarChargeBtn);
    width: 64px;
    font-size: 12px;
    padding: 4px 8px;
    margin-left: 16px;
    right: 0;
    color: #fff;
    border-radius: 0 2px 2px 0
}

.jinsha-login-wrap .jinsha-container .toperLeft[data-v-e36a4fce] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.jinsha-login-wrap .jinsha-container .toperLeft .left[data-v-e36a4fce] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 30px;
    height: 101px
}

.jinsha-login-wrap .jinsha-container .toperLeft .left .userInfo .balance[data-v-e36a4fce] {
    display: block;
    font-size: 14px
}

.jinsha-login-wrap .jinsha-container .toperLeft .left .userInfo .balance .balanceList[data-v-e36a4fce] {
    display: inline-block;
    width: 60px;
    font-size: 14px;
    color: var(--homeBalanceTitColor)
}

.jinsha-login-wrap .jinsha-container .toperLeft .left .userInfo .balance .watchMoney[data-v-e36a4fce] {
    margin-left: 20px;
    vertical-align: sub;
    cursor: pointer
}

.jinsha-login-wrap .jinsha-container .toperLeft .left .userInfo .balance .watchMoney img[data-v-e36a4fce] {
    width: 20px;
    height: 20px
}

.jinsha-login-wrap .jinsha-container .toperLeft .left .userInfo .username[data-v-e36a4fce] {
    display: block;
    font-size: 14px
}

.jinsha-login-wrap .jinsha-container .toperLeft .left .userInfo .url-item span[data-v-e36a4fce] {
    cursor: pointer
}

.jinsha-login-wrap .jinsha-container .toperLeft .right[data-v-e36a4fce] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 101px
}

.jinsha-login-wrap .jinsha-container .toperLeft .right li[data-v-e36a4fce] {
    padding: 1px 0
}

.jinsha-login-wrap .jinsha-container .toperLeft .right li span[data-v-e36a4fce] {
    cursor: pointer
}

.jinsha-login-wrap .jinsha-container .toperLeft span[data-v-e36a4fce] {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #fff
}

.jinsha-login-wrap .jinsha-container .toperLeft .line[data-v-e36a4fce] {
    cursor: pointer;
    margin-left: 28px;
    position: relative
}

.jinsha-login-wrap .jinsha-container .toperLeft .line .wrapper-personal[data-v-e36a4fce] {
    position: absolute;
    top: 25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 221px;
    height: 450px
}

.special-toper[data-v-e36a4fce] {
    width: 500px !important
}

.login[data-v-e36a4fce] {
    height: 100%;
    position: absolute;
    right: 20%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 102
}

.login-wrap[data-v-e36a4fce] {
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .8)), to(rgba(0, 0, 0, .6)));
    background: linear-gradient(180deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, .6))
}

.loginClassForm[data-v-e36a4fce] {
    width: 294px;
    margin: 12px auto 10px
}

.loginClassForm .el-form-item[data-v-e36a4fce] {
    margin-bottom: 0
}

.loginClassForm .el-form-item.is-error[data-v-e36a4fce] {
    margin-bottom: 36px
}

.loginClassForm .login-btn[data-v-e36a4fce] {
    margin-top: 3px
}

.loginClassForm[data-v-e36a4fce] .el-form-item__content .el-button {
    width: 296px;
    height: 53px;
    background: linear-gradient(92.83deg, #ab9560 .16%, #ebdf93 49.92%, #a9925e);
    border-radius: 1px;
    border: none
}

.loginClassForm[data-v-e36a4fce] .el-form-item__content .el-button span {
    font-family: PingFang SC;
    font-size: 22px;
    color: #654929;
    text-align: center;
    line-height: 16px
}

.loginClassForm[data-v-e36a4fce] .el-form-item__content .el-button.is-disabled {
    background: #d6dde7
}

.loginClassForm[data-v-e36a4fce] .el-form-item__content .el-button:hover {
    background: linear-gradient(92.83deg, #bfa858 .16%, #e4d78b 49.92%, #c2ab5c)
}

.loginClassForm[data-v-e36a4fce] .el-form-item__content .el-button:hover span {
    color: #311e08
}

.loginClassForm[data-v-e36a4fce] .el-form-item__content .el-input__prefix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 10px
}

.loginClassForm[data-v-e36a4fce] .el-form-item__content ::-webkit-input-placeholder {
    color: #fff
}

.loginClassForm[data-v-e36a4fce] .el-form-item__content .el-input__clear,
.loginClassForm[data-v-e36a4fce] .el-form-item__content .el-input__validateIcon {
    color: hsla(0, 0%, 100%, .3)
}

.loginClassForm[data-v-e36a4fce] .el-form-item__content .el-form-item__error {
    color: #fff
}

.loginClassForm[data-v-e36a4fce] .el-form-item__content .codeClass {
    overflow: hidden
}

.loginClassForm[data-v-e36a4fce] .el-form-item__content .codeClass .el-input__suffix {
    right: 94px
}

.loginClassForm img[data-v-e36a4fce] {
    width: 24px;
    height: 24px
}

.loginClassForm .codeSuffix[data-v-e36a4fce] {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 70px;
    height: 24px;
    background: #c4c4c4
}

.loginClassForm .codeSuffix[data-v-e36a4fce]:hover {
    cursor: pointer
}

.loginClassForm .el-button.active[data-v-e36a4fce] {
    opacity: 1
}

.transverse-login-box[data-v-e36a4fce] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.transverse-login-box .btn[data-v-e36a4fce] {
    margin-left: 83px
}

.transverse-login-box .transverseForm[data-v-e36a4fce] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 400px
}

.transverse-login-box .transverseForm img[data-v-e36a4fce] {
    cursor: pointer
}

.transverse-login-box .transverseForm .el-form-item[data-v-e36a4fce] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 6px
}

.transverse-login-box .transverseForm .el-form-item.is-error[data-v-e36a4fce],
.transverse-login-box .transverseForm .el-form-item[data-v-e36a4fce]:nth-child(3n+3) {
    margin-bottom: 0
}

.transverse-login-box .transverseForm[data-v-e36a4fce] .el-form-item__content,
.transverse-login-box .transverseForm[data-v-e36a4fce] .el-form-item__content .el-input__prefix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.transverse-login-box .transverseForm[data-v-e36a4fce] .el-form-item__content .el-input__prefix {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 10px
}

.transverse-login-box .transverseForm[data-v-e36a4fce] .el-form-item__content .el-input__inner {
    opacity: .8;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 146px;
    height: 26px;
    padding: 0 12px;
    background: #020102;
    border-radius: 6px;
    color: #fff;
    border-color: #ab9560 !important
}

.transverse-login-box .transverseForm[data-v-e36a4fce] .el-form-item__content .el-input__inner[type=password] {
    padding-right: 40px
}

.transverse-login-box .transverseForm[data-v-e36a4fce] .el-form-item__content ::-webkit-input-placeholder {
    color: var(--homeInputCor)
}

.transverse-login-box .transverseForm[data-v-e36a4fce] .el-form-item__content .el-input__validateIcon {
    color: #fff
}

.transverse-login-box .transverseForm[data-v-e36a4fce] .el-form-item__content .el-input__clear {
    display: none;
    color: #fff
}

.transverse-login-box .transverseForm[data-v-e36a4fce] .el-form-item__content .el-form-item__error {
    color: #fff
}

.transverse-login-box .transverseForm[data-v-e36a4fce] .el-form-item__content .el-input__suffix {
    right: 6px
}

.transverse-login-box .transverseForm[data-v-e36a4fce] .el-form-item__content .codeClass {
    width: 210px
}

.transverse-login-box .transverseForm[data-v-e36a4fce] .el-form-item__content .codeClass .el-input__suffix {
    right: 6px
}

.transverse-login-box .transverseForm .suffixCont[data-v-e36a4fce] {
    position: absolute;
    top: 50%;
    right: 66px;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
    width: 65px;
    height: 26px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    overflow: hidden
}

.transverse-login-box .transverseForm .suffixCont .codeSuffix[data-v-e36a4fce] {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.transverse-login-box .transverseForm[data-v-e36a4fce] .el-button {
    width: 70px;
    height: 24px;
    background: #6fd4b7;
    border-radius: 100px;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.transverse-login-box .transverseForm[data-v-e36a4fce] .el-button span {
    font-family: PingFang SC;
    font-size: 14px;
    color: #fff;
    text-align: center
}

.transverse-login-box .transverseForm[data-v-e36a4fce] .el-button.is-disabled {
    background: #d6dde7
}

.transverse-login-box .transverseForm .login-btn[data-v-e36a4fce],
.transverse-login-box .transverseForm .register-btn[data-v-e36a4fce] {
    margin-top: 7px
}

.transverse-login-box .transverseForm .el-button.active[data-v-e36a4fce] {
    opacity: 1
}

.transverse-login-box .btn-box[data-v-e36a4fce] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 101px
}

.transverse-login-box .btn-box img[data-v-e36a4fce] {
    cursor: pointer
}

.loginType[data-v-e36a4fce] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 14px
}

.loginType[data-v-e36a4fce] .el-checkbox {
    color: #fff
}

.loginType[data-v-e36a4fce] .el-checkbox .el-checkbox__inner {
    border-radius: 50%
}

.loginType[data-v-e36a4fce] .el-checkbox .el-checkbox__input.is-checked+.el-checkbox__label {
    color: #fff
}

.loginType[data-v-e36a4fce] .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: #fff;
    border-color: #fff
}

.loginType[data-v-e36a4fce] .el-checkbox .el-checkbox__inner:after {
    border-color: #7e9dba
}

.loginType .loginRight[data-v-e36a4fce] {
    color: #fff;
    font-family: PingFangSC-Semibold;
    font-size: 14px
}

.loginFot span[data-v-e36a4fce] {
    color: #f9f9f9;
    height: 20px;
    margin: 0 8px
}

.loginFot a[data-v-e36a4fce] {
    color: #fff;
    font-size: 14px;
    font-family: PingFangSC-Regular
}

[data-v-e36a4fce] .el-input__suffix-inner {
    height: 100%;
    cursor: pointer
}

[data-v-e36a4fce] .el-input__suffix-inner,
[data-v-e36a4fce] .el-input__suffix-inner .loginRight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[data-v-e36a4fce] .el-input__suffix-inner .loginRight {
    width: 83px;
    height: 34px;
    line-height: 14px;
    border: 1px solid hsla(0, 0%, 100%, .2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: hsla(0, 0%, 100%, .4);
    font-family: PingFang SC;
    font-size: 14px
}

[data-v-e36a4fce] .el-dialog__wrapper {
    border-radius: 6px
}

[data-v-e36a4fce] .el-dialog__wrapper .el-dialog .el-dialog__header {
    position: relative;
    height: 48px;
    padding: 0;
    line-height: 48px;
    text-align: center;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(-2.92%, #b0bfce), to(#969fac));
    background-image: linear-gradient(180deg, #b0bfce -2.92%, #969fac)
}

[data-v-e36a4fce] .el-dialog__wrapper .el-dialog .el-dialog__header .el-dialog__title {
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #fff;
    letter-spacing: 0
}

[data-v-e36a4fce] .el-dialog__wrapper .el-dialog .el-dialog__header .el-dialog__headerbtn {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

[data-v-e36a4fce] .el-dialog__wrapper .el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
    color: #fff;
    font-size: 24px
}

[data-v-e36a4fce] .el-dialog__wrapper .el-dialog .el-dialog__body {
    margin-top: 20px;
    padding: 0
}

[data-v-e36a4fce] .el-dialog__wrapper .el-dialog .el-dialog__body .tips {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #535c66;
    text-align: center;
    line-height: 24px
}

[data-v-e36a4fce] .el-dialog__wrapper .el-dialog .el-dialog__body .el-form-item__content {
    display: block;
    width: 245px;
    height: 46px;
    margin: 20px auto
}

[data-v-e36a4fce] .el-dialog__wrapper .el-dialog .el-dialog__body .el-form-item {
    margin-bottom: 0
}

[data-v-e36a4fce] .el-dialog__wrapper .el-dialog .el-dialog__body .confirmPasswordIcon {
    width: 24px;
    height: 24px
}

[data-v-e36a4fce] .el-dialog__wrapper .el-dialog .el-dialog__body .confirmPasswordIcon:last-of-type {
    cursor: pointer
}

[data-v-e36a4fce] .el-dialog__wrapper .el-dialog .el-dialog__body .el-input {
    display: block;
    height: 54px
}

[data-v-e36a4fce] .el-dialog__wrapper .el-dialog .el-dialog__body .el-input .el-input__prefix,
[data-v-e36a4fce] .el-dialog__wrapper .el-dialog .el-dialog__body .el-input .el-input__suffix,
[data-v-e36a4fce] .el-dialog__wrapper .el-dialog .el-dialog__body .el-input .el-input__suffix-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

[data-v-e36a4fce] .el-dialog__wrapper .el-dialog .el-dialog__body .el-input .el-input__suffix-inner {
    cursor: pointer
}

[data-v-e36a4fce] .el-dialog__wrapper .el-dialog .el-dialog__body .el-input .el-input__suffix-inner .loginRight {
    width: 83px;
    height: 34px;
    border: 1px solid hsla(0, 0%, 100%, .2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

[data-v-e36a4fce] .el-dialog__wrapper .el-dialog .el-button {
    width: 296px;
    height: 53px;
    background: linear-gradient(92.83deg, #ab9560 .16%, #ebdf93 49.92%, #a9925e);
    border-radius: 1px;
    border: none
}

[data-v-e36a4fce] .el-dialog__wrapper .el-dialog .el-button span {
    font-family: PingFang SC;
    font-size: 22px;
    color: #654929;
    text-align: center;
    line-height: 16px
}

[data-v-e36a4fce] .el-dialog__wrapper .el-dialog .el-button.is-disabled {
    background: #d6dde7
}

.hoverPersonal[data-v-546aebb8] {
    z-index: 100;
    width: 221px;
    padding-bottom: 22px;
    background: #fff;
    -webkit-box-shadow: 0 4px 20px 0 rgba(83, 92, 102, .2);
    box-shadow: 0 4px 20px 0 rgba(83, 92, 102, .2);
    border-radius: 8px
}

.hoverPersonal .mySlider[data-v-546aebb8] {
    width: 220px;
    margin-right: 24px;
    padding-top: 20px
}

.hoverPersonal .mySlider .myToper[data-v-546aebb8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hoverPersonal .mySlider .myToper .avatar[data-v-546aebb8] {
    width: 48px;
    height: 48px;
    margin-left: 20px;
    border-radius: 50%;
    background-color: #e5e7ff;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.hoverPersonal .mySlider .myToper .avatar[data-v-546aebb8]:hover {
    cursor: pointer
}

.hoverPersonal .mySlider .myToper .nameGrade[data-v-546aebb8],
.hoverPersonal .mySlider .myToper .userInfo[data-v-546aebb8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 24px
}

.hoverPersonal .mySlider .myToper .wrap-userInfo[data-v-546aebb8] {
    margin-left: 8px
}

.hoverPersonal .mySlider .myToper .nameGrade[data-v-546aebb8] {
    color: #535c66
}

.hoverPersonal .mySlider .myToper .nameGrade .name[data-v-546aebb8] {
    width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hoverPersonal .mySlider .myToper .nameGrade .name[data-v-546aebb8]:hover {
    text-overflow: inherit
}

.hoverPersonal .mySlider .myToper .nameGrade .grade[data-v-546aebb8] {
    width: 40px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    color: var(--userGradeColor);
    background-image: var(--userGradeBgColor);
    border-radius: 8px;
    text-align: center;
    margin-left: 3px
}

.hoverPersonal .mySlider .myToper .userInfo[data-v-546aebb8] {
    color: #535c66;
    font-size: 14px
}

.hoverPersonal .mySlider .myToper .userInfo .balance[data-v-546aebb8] {
    margin-left: 3px;
    font-size: 14px
}

.hoverPersonal .mySlider .myAccount[data-v-546aebb8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 18px 14px 2px
}

.hoverPersonal .mySlider .myAccount.noChineseMyAccount[data-v-546aebb8] {
    padding: 20px 10px
}

.hoverPersonal .mySlider .myAccount li[data-v-546aebb8] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.hoverPersonal .mySlider .myAccount li img[data-v-546aebb8] {
    display: block;
    width: 32px;
    margin: 0 auto
}

.hoverPersonal .mySlider .myAccount li .accTitle[data-v-546aebb8] {
    text-align: center;
    font-size: 14px;
    color: #484f64
}

.hoverPersonal .mySlider .myAccount li .accTitle.noChineseAccTitle[data-v-546aebb8] {
    font-size: 13px
}

.hoverPersonal .mySlider .myAccount .active .accTitle[data-v-546aebb8] {
    font-weight: 550;
    color: var(--userActiveColor)
}

.hoverPersonal .mySlider .myAccount li[data-v-546aebb8]:hover {
    cursor: pointer
}

.hoverPersonal .mySlider .myBoxCont li[data-v-546aebb8] {
    margin-bottom: 12px
}

.hoverPersonal .mySlider .myBoxCont .myItem li[data-v-546aebb8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 45px;
    color: var(--userFontColor);
    padding-left: 28px
}

.hoverPersonal .mySlider .myBoxCont .myItem li img[data-v-546aebb8] {
    height: 24px
}

.hoverPersonal .mySlider .myBoxCont .myItem li .accTitle[data-v-546aebb8] {
    font-size: 14px;
    padding-left: 8px
}

.hoverPersonal .mySlider .myBoxCont .myItem .router-link-active[data-v-546aebb8],
.hoverPersonal .mySlider .myBoxCont .myItem li.active[data-v-546aebb8],
.hoverPersonal .mySlider .myBoxCont .myItem li[data-v-546aebb8]:hover {
    cursor: pointer;
    padding-left: 26px;
    background: var(--userActiveBgColor);
    border-left: 2px solid var(--userActiveBorderColor)
}

.hoverPersonal .mySlider .myBoxCont .myItem .router-link-active .accTitle[data-v-546aebb8],
.hoverPersonal .mySlider .myBoxCont .myItem li.active .accTitle[data-v-546aebb8],
.hoverPersonal .mySlider .myBoxCont .myItem li:hover .accTitle[data-v-546aebb8] {
    color: var(--userActiveColor)
}

.hoverPersonal .mySlider .myBoxCont .myItem li[data-v-546aebb8]:hover:not(.active) {
    background: initial;
    border-left-color: var(--userActiveBorderColor)
}

.hoverPersonal .mySlider .myBoxCont .myItem li:hover:not(.active) .accTitle[data-v-546aebb8] {
    color: var(--userActiveColor)
}

.hoverPersonal .mySlider .login-out[data-v-546aebb8] {
    width: 193px;
    height: 41px;
    line-height: 41px;
    font-size: 15px;
    margin: 2px auto 20px;
    text-align: center;
    color: #484f64;
    border: 1px solid rgba(72, 79, 100, .6);
    border-radius: 4px
}

.hoverPersonal[data-v-546aebb8]:before {
    display: block;
    content: "";
    border: 8px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    left: 50%;
    top: -16px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.portraitDefault[data-v-546aebb8] {
    background-image: url(../images/portrait_default.a53f01b.png) !important
}

.portrait1[data-v-546aebb8] {
    background-image: url(../images/portrait_1.111c2c3.png) !important
}

.portrait2[data-v-546aebb8] {
    background-image: url(../images/portrait_2.e45d096.png) !important
}

.portrait3[data-v-546aebb8] {
    background-image: url(../images/portrait_3.9e4e32a.png) !important
}

.portrait4[data-v-546aebb8] {
    background-image: url(../images/portrait_4.9fd605f.png) !important
}

.portrait5[data-v-546aebb8] {
    background-image: url(../images/portrait_5.b96b720.png) !important
}

.portrait6[data-v-546aebb8] {
    background-image: url(../images/portrait_6.a8e150e.png) !important
}

.portrait7[data-v-546aebb8] {
    background-image: url(../images/portrait_7.8f4fbe8.png) !important
}

.portrait8[data-v-546aebb8] {
    background-image: url(../images/portrait_8.11cb30c.png) !important
}

.portrait9[data-v-546aebb8] {
    background-image: url(../images/portrait_9.bc478a9.png) !important
}

.portrait10[data-v-546aebb8] {
    background-image: url(../images/portrait_10.c9aea87.png) !important
}

.portrait11[data-v-546aebb8] {
    background-image: url(../images/portrait_11.cdecdca.png) !important
}

.portrait12[data-v-546aebb8] {
    background-image: url(../images/portrait_12.03cbf85.png) !important
}

#index[data-v-91835218] {
    text-align: center;
    position: relative
}

#index .banner[data-v-91835218] {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 600px
}

#index .banner .notice[data-v-91835218] {
    bottom: 0;
    z-index: 0
}

#index .banner .block[data-v-91835218],
#index .banner .notice[data-v-91835218] {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

#index .banner .block[data-v-91835218] {
    width: 1920px;
    margin: 0 auto;
    height: 440px;
    z-index: 1;
    top: 0
}

#index .banner .block[data-v-91835218] .el-carousel__indicators--horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#index .banner .block[data-v-91835218] .el-carousel__arrow--right {
    right: 300px;
    background-color: hsla(0, 0%, 100%, .3)
}

#index .banner .block[data-v-91835218] .el-carousel__arrow--left {
    left: 300px;
    background-color: hsla(0, 0%, 100%, .3)
}

#index .banner .banner-image[data-v-91835218] {
    background-size: cover;
    display: inline-block;
    height: 100%
}

#index .hot-egame[data-v-91835218] {
    height: 546px;
    background: url(../images/BG.7ff2efb.png) 50%
}

#index .hot-egame .egame-container[data-v-91835218] {
    position: relative;
    height: 100%;
    text-align: left
}

#index .hot-egame .egame-container .PT-left[data-v-91835218] {
    position: absolute;
    left: 0;
    top: 100px;
    width: 285px;
    cursor: pointer
}

#index .hot-egame .egame-container .MG-right[data-v-91835218] {
    position: absolute;
    top: 100px;
    width: 286px;
    right: 0;
    cursor: pointer
}

#index .hot-egame .egame-container .name[data-v-91835218] {
    margin: 31px 0 15px;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    color: #f7e78c
}

#index .hot-egame .egame-container .content[data-v-91835218] {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #bdbdbd
}

#index .hot-egame .egame-container .egame-bottom[data-v-91835218] {
    position: absolute;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    cursor: pointer
}

#index .hot-egame .egame-container .egame-bottom ul[data-v-91835218] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 70px;
    height: 73px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#index .hot-egame .egame-container .egame-bottom ul li[data-v-91835218] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#index .hot-egame .egame-container .egame-bottom ul li img[data-v-91835218] {
    height: 100%;
    margin-right: 22px
}

#index .hot-egame .egame-container .egame-bottom ul li .content .name[data-v-91835218] {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    margin: 6px 0 0
}

#index .hot-egame .egame-container .egame-bottom ul li .content .play[data-v-91835218] {
    min-width: 64px;
    margin-top: 11px;
    color: #f7e78c;
    font-size: 14px;
    line-height: 22px;
    font-family: PingFang SC;
    position: relative;
    cursor: pointer
}

#index .hot-egame .egame-container .egame-bottom ul li .content .play[data-v-91835218]:after {
    content: "";
    clear: both;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 4px solid transparent;
    border-left-color: #f7e78c
}

#index .hot-egame .egame-container .egame-terrace[data-v-91835218] {
    position: absolute;
    bottom: 11px;
    left: 0;
    width: 100%;
    text-align: center;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    color: #654929
}

#index .chess-video ul[data-v-91835218] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 40px
}

#index .chess-video ul li[data-v-91835218] {
    margin-right: 20px;
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#index .chess-video ul li img[data-v-91835218] {
    width: 100%
}

#index .chess-video ul li .chess-explain[data-v-91835218] {
    padding: 20px 0 40px;
    font-family: PingFang SC;
    font-size: 18px;
    color: hsla(0, 0%, 100%, .6)
}

#index .chess-video ul li[data-v-91835218]:last-of-type {
    margin: 0
}

#index .sports-lottery[data-v-91835218] {
    background: #222
}

#index .sports-lottery ul li[data-v-91835218] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: pointer
}

#index .sports-lottery ul li .img-border[data-v-91835218] {
    margin: 0 24px;
    overflow: hidden
}

#index .sports-lottery ul li .img-border img[data-v-91835218] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

#index .sports-lottery ul li .img-border img[data-v-91835218]:hover {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

#index .sports-lottery ul li .chess-explain .sports-name[data-v-91835218] {
    font-size: 22px;
    color: hsla(0, 0%, 100%, .8)
}

#index .sports-lottery ul li .chess-explain .sports-explain[data-v-91835218] {
    margin: 0 auto;
    width: 285px;
    font-size: 15px;
    line-height: 38px;
    color: hsla(0, 0%, 100%, .6)
}

#index .content-download[data-v-91835218] {
    padding: 40px 0;
    background: #1b1b1b
}

#index .content-download .download-wrapper[data-v-91835218] {
    width: 1200px;
    margin: 0 auto;
    min-height: 325px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    background-image: url(../images/Rectangle_border.477dc91.png);
    background-size: 100% 100%
}
.default10_h{
    display: none;
}
.img-wrap:hover .default10_h{
    display: block;
}
.img-wrap:hover .default10{
    display: none;
}

#index .content-download .download-wrapper .left-img[data-v-91835218] {
    position: relative;
    width: 438px;
    margin-left: 31px
}

#index .content-download .download-wrapper .left-img img[data-v-91835218] {
    position: absolute;
    bottom: 4px;
    left: 0
}

#index .content-download .download-wrapper .right-content[data-v-91835218] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 38px;
    text-align: left
}

#index .content-download .download-wrapper .right-content .download-title[data-v-91835218] {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 300;
    font-size: 46px;
    line-height: 64px;
    color: #f7e78c;
    margin-top: 39px
}

#index .content-download .download-wrapper .right-content .tip[data-v-91835218] {
    width: 437px;
    margin-top: 19px;
    font-family: PingFang SC;
    font-size: 14px;
    line-height: 26px;
    color: hsla(0, 0%, 100%, .4)
}

#index .content-download .download-wrapper .right-content .line[data-v-91835218] {
    width: 640px;
    height: 1px;
    margin-top: 18px;
    background: hsla(0, 0%, 100%, .1)
}

#index .content-download .download-wrapper .right-content .download-mobile[data-v-91835218] {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 14px;
    color: hsla(0, 0%, 100%, .4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#index .content-download .download-wrapper .right-content .download-mobile span[data-v-91835218] {
    margin: 0 8px
}

#index .content-download .download-wrapper .right-content .download-mobile .android[data-v-91835218] {
    margin-right: 15px
}

#index .content-download .download-wrapper .erweima-container[data-v-91835218] {
    position: absolute;
    right: 38px;
    top: 39px;
    width: 165px
}

#index .content-download .download-wrapper .erweima-container .erweima-info-js[data-v-91835218] {
    width: 100%;
    height: 166px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f2f4f7;
    -webkit-box-shadow: inset 0 0 21px rgba(0, 0, 0, .403163);
    box-shadow: inset 0 0 21px rgba(0, 0, 0, .403163);
    border-radius: 20px;
    background-image: url(../images/banner_img_QRbox.ee0ce52.png)
}

#index .content-download .download-wrapper .erweima-container .erweima-info-js img[data-v-91835218] {
    width: 100% !important;
    height: 100% !important
}

#index .content-download .download-wrapper .erweima-container .qrcodeTwo[data-v-91835218] {
    width: 121px;
    height: 121px
}

#index .content-download .download-wrapper .erweima-container .qr-tips[data-v-91835218] {
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
    color: #fff
}

#index .box1000[data-v-91835218] {
    width: 1200px
}

#index .box1000 .content-sponsor[data-v-91835218] {
    width: 100%;
    height: 108px;
    text-align: left;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#index .box1000 .content-sponsor .sponsor-list[data-v-91835218] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 285px;
    margin-left: 21px;
    height: 66px;
    position: relative;
    opacity: .5;
    cursor: pointer
}

#index .box1000 .content-sponsor .sponsor-list .img-wra[data-v-91835218] {
    width: 66px;
    height: 66px;
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#index .box1000 .content-sponsor .sponsor-list .img-wra img[data-v-91835218] {
    width: 38px
}

#index .box1000 .content-sponsor .sponsor-list .sponsor-text[data-v-91835218] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -moz-text-align-last: center;
    text-align-last: center;
    color: #fff
}

#index .box1000 .content-sponsor .sponsor-list .sponsor-text .sponsor-title[data-v-91835218] {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    height: 33px;
    line-height: 33px
}

#index .box1000 .content-sponsor .sponsor-list .sponsor-text .sponsor-explain[data-v-91835218] {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    height: 33px;
    line-height: 33px
}

#index .box1000 .content-sponsor .sponsor-list[data-v-91835218]:after {
    content: "";
    clear: both;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 57px;
    border-right: 1px solid #c4c4c4
}

#index .box1000 .content-sponsor .sponsor-list[data-v-91835218]:last-of-type:after {
    border: none
}

#index .box1000 .content-sponsor .sponsor-list[data-v-91835218]:hover {
    opacity: 1
}

#index[data-v-91835218] .el-carousel__indicators--horizontal {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden
}

#index[data-v-91835218] .el-carousel .el-carousel__item:hover {
    cursor: pointer
}

#index[data-v-91835218] .el-carousel .bannIcon {
    height: 100%
}

#index[data-v-91835218] .el-carousel .el-carousel__button {
    width: 20px;
    height: 20px;
    background-color: initial;
    background: var(--homeBannerBgImg);
    background-size: cover
}

#index[data-v-91835218] .el-carousel .el-carousel__indicator--horizontal {
    padding: 0;
    margin: 27px 20px
}

#index[data-v-91835218] .el-carousel .is-active .el-carousel__button {
    background: var(--homeBannerActiveBgImg);
    background-size: cover
}

.el-progress-bar,
.el-progress-bar__inner:after,
.el-progress-bar__innerText {
    display: inline-block;
    vertical-align: middle
}

.el-progress-bar__inner:after {
    content: ""
}

.notice-wrapper[data-v-78b68a62] {
    position: fixed;
    top: 118px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 370px;
    z-index: 1000
}

.notice-wrapper .notice-title[data-v-78b68a62] {
    height: 48px;
    line-height: 48px;
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #fff;
    background-image: var(--userHeaderBgColor);
    border-radius: 6px 6px 0 0
}

.notice-wrapper .notice-title img[data-v-78b68a62] {
    position: absolute;
    top: 12px;
    right: 20px;
    width: 24px;
    height: 24px;
    cursor: pointer
}

.notice-wrapper .content-wrap[data-v-78b68a62] {
    background: #fff;
    -webkit-box-shadow: 0 2px 8px 0 rgba(83, 92, 102, .5);
    box-shadow: 0 2px 8px 0 rgba(83, 92, 102, .5);
    border-radius: 0 0 4px 4px
}

.notice-wrapper .content-wrap .content[data-v-78b68a62] {
    padding: 28px 0 20px 20px
}

.notice-wrapper .content-wrap .content .notice-logo[data-v-78b68a62] {
    text-align: left
}

.notice-wrapper .content-wrap .content h3[data-v-78b68a62] {
    padding: 10px 0;
    font-size: 18px;
    font-weight: 700;
    color: #535c66
}

.notice-wrapper .content-wrap .content .notice[data-v-78b68a62] {
    color: #535c66;
    height: 150px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto
}

.notice-wrapper .content-wrap .content[data-v-78b68a62] .el-carousel__item {
    cursor: auto !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    -webkit-box-pack: initial !important;
    -ms-flex-pack: initial !important;
    justify-content: normal !important
}

.notice-wrapper .content-wrap .content[data-v-78b68a62] .el-carousel__indicators {
    display: none
}

.notice-wrapper .swiperCircle[data-v-78b68a62] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 15px
}

.notice-wrapper .swiperCircle li[data-v-78b68a62] {
    width: 8px;
    height: 8px;
    margin: 5px;
    border-radius: 50%;
    border: 1px solid #849cb7;
    background: #fff
}

.notice-wrapper .swiperCircle .act[data-v-78b68a62] {
    background: #849cb7
}

.notice-wrapper .swiperDirection[data-v-78b68a62] {
    width: 130px;
    margin: 15px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.notice-wrapper .swiperDirection img[data-v-78b68a62] {
    width: 30px;
    cursor: pointer
}

.curImages[data-v-78b68a62] {
    border-radius: 4px;
    overflow: hidden
}

.curImages .content-wrap[data-v-78b68a62] {
    background: initial
}

.curImages .notice-title[data-v-78b68a62] {
    line-height: 0
}

.curImages .content[data-v-78b68a62] {
    padding: initial !important
}

.curImages .defClosePic[data-v-78b68a62] {
    position: absolute;
    top: 12px;
    right: 20px;
    width: 24px;
    height: 24px;
    cursor: pointer
}

.curImages .defImages[data-v-78b68a62] {
    width: 100%;
    min-height: 100%;
    max-height: 100%;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.curImages .el-carousel__item[data-v-78b68a62] {
    background: #8d9ea9
}

.curImages[data-v-78b68a62] .el-carousel {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.notice-wrapper[data-v-2ab1b1ad] {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1000;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.notice-wrapper .notice-head[data-v-2ab1b1ad] {
    line-height: 37px;
    background: #b03a2c
}

.notice-wrapper .notice-box[data-v-2ab1b1ad] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.notice-wrapper .notice-box .notice-left[data-v-2ab1b1ad] {
    width: 200px;
    color: #000
}

.notice-wrapper .notice-box .notice-left li[data-v-2ab1b1ad] {
    font-size: 12px;
    line-height: 31px;
    border-bottom: 1px solid #e5e4e4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.notice-wrapper .notice-box .notice-left li[data-v-2ab1b1ad]:hover {
    cursor: pointer
}

.notice-wrapper .notice-box .notice-left .active[data-v-2ab1b1ad] {
    color: #ec3323;
    border-right: 1px solid #f7e78c
}

.notice-wrapper .notice-box .notice-right[data-v-2ab1b1ad] {
    width: 800px;
    border-left: 1px solid #e5e4e4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.notice-wrapper .notice-box .notice-right h1[data-v-2ab1b1ad] {
    color: #ec3323;
    line-height: 40px;
    font-weight: 600;
    font-size: 14px;
    border-bottom: 1px solid #e5e4e4;
    letter-spacing: 1px
}

.notice-wrapper .notice-box .notice-right .notice-content[data-v-2ab1b1ad] {
    height: 500px;
    overflow-y: auto;
    padding: 10px;
    color: #ec3323;
    text-align: left
}

.notice-wrapper .notice-box .notice-right .notice-content p[data-v-2ab1b1ad] {
    line-height: 24px;
    word-wrap: break-word
}

.notice-wrapper .notice-foot[data-v-2ab1b1ad] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 9px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-top: 1px solid #e5e4e4
}

.notice-wrapper .notice-foot span[data-v-2ab1b1ad] {
    width: 79px;
    line-height: 19px;
    background: #b03a2c;
    border-radius: 3px;
    font-size: 12px
}

.notice-wrapper .notice-foot span[data-v-2ab1b1ad]:hover {
    cursor: pointer
}

.notice-wrapper .notice-foot span[data-v-2ab1b1ad]:last-child {
    margin-left: 5px
}

.notice-wrap[data-v-648c33eb] {
    width: 100%;
    height: 40px;
    background: rgba(0, 0, 0, .6)
}

.notice-container[data-v-648c33eb] {
    width: 1200px;
    height: 40px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    overflow-x: hidden
}

.notice-container .notice-img[data-v-648c33eb],
.notice-container[data-v-648c33eb] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.notice-container .notice-img[data-v-648c33eb] {
    height: 30px;
    line-height: 30px;
    padding: 0 16px 0 20px;
    font-family: PingFang SC;
    font-style: Semibold;
    font-weight: 600;
    font-size: 14px;
    color: #f7e78c;
    white-space: nowrap
}

.notice-container .notice-img img[data-v-648c33eb] {
    width: 16px;
    height: 16px;
    margin-right: 6px
}

.notice-container .notice-content[data-v-648c33eb] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    color: #f7e78c
}

.regisBox[data-v-a6c9dbd6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

img[data-v-a6c9dbd6] {
    width: 100%;
    min-height: 100%
}

#register[data-v-a6c9dbd6] {
    width: 100%;
    height: 100%
}

.regisBox[data-v-a6c9dbd6] {
    height: 100%
}

.regisClassForm[data-v-a6c9dbd6] {
    width: 900px;
    margin-top: 66px;
    border: 1px solid #988471;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding: 30px 0 23px
}

.regisClassForm .title[data-v-a6c9dbd6] {
    position: absolute;
    top: 0;
    left: 42px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    min-width: 104px;
    height: 30px;
    line-height: 30px;
    background: #988471;
    border-radius: 4px;
    color: #f5efc4
}

.regisClassForm[data-v-a6c9dbd6]::-webkit-scrollbar {
    width: 2px
}

.regisClassForm[data-v-a6c9dbd6]::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 100%, .2)
}

.regisClassForm[data-v-a6c9dbd6] .el-form-item__label {
    width: 230px;
    color: #f7e78c;
    font-family: PingFang SC;
    font-size: 14px
}

.regisClassForm .el-form-item[data-v-a6c9dbd6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 39px
}

.regisClassForm .el-form-item.is-error[data-v-a6c9dbd6] {
    margin-bottom: 39px
}

.regisClassForm[data-v-a6c9dbd6] .el-form-item__content {
    width: 230px;
    line-height: normal;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.regisClassForm[data-v-a6c9dbd6] .el-form-item__content .el-input__prefix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 10px
}

.regisClassForm[data-v-a6c9dbd6] .el-form-item__content .el-input--suffix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.regisClassForm[data-v-a6c9dbd6] .el-form-item__content .el-input__inner {
    border: 1px solid #fff;
    color: #000;
    font-family: PingFang SC;
    font-size: 14px;
    width: 230px;
    height: 37px;
    background: #fff;
    border-radius: 5px
}

.regisClassForm[data-v-a6c9dbd6] .el-form-item__content ::-webkit-input-placeholder {
    color: #555
}

.regisClassForm[data-v-a6c9dbd6] .el-form-item__content .el-input__validateIcon {
    color: #555
}

.regisClassForm[data-v-a6c9dbd6] .el-form-item__content .el-input__suffix-inner {
    position: absolute;
    right: 437px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.regisClassForm[data-v-a6c9dbd6] .el-form-item__content .el-input__clear {
    color: #555
}

.regisClassForm[data-v-a6c9dbd6] .el-form-item__content .el-form-item__error {
    color: #fff
}

.regisClassForm[data-v-a6c9dbd6] .el-form-item__content .el-select .el-input__suffix {
    right: 0
}

.regisClassForm[data-v-a6c9dbd6] .el-form-item__content .el-select .el-input__suffix .el-input__suffix-inner {
    position: static
}

.regisClassForm[data-v-a6c9dbd6] .el-form-item__content .codeClass {
    overflow: hidden
}

.regisClassForm[data-v-a6c9dbd6] .el-form-item__content .codeClass .el-input__suffix {
    right: 440px
}

.regisClassForm[data-v-a6c9dbd6] .el-form-item__content .codeClass .el-input__suffix .el-input__suffix-inner {
    position: static
}

.regisClassForm[data-v-a6c9dbd6] .el-form-item__content .Classbir {
    color: #7e9dba;
    border-radius: 50%;
    background: #fff;
    height: 60%;
    line-height: 22px
}

.regisClassForm[data-v-a6c9dbd6] .el-form-item__content .el-date-editor.el-input,
.regisClassForm[data-v-a6c9dbd6] .el-form-item__content .el-select {
    width: 230px;
    height: 37px
}

.regisClassForm[data-v-a6c9dbd6] .el-form-item__content .el-icon-date:before {
    padding-left: 2px
}

.regisClassForm[data-v-a6c9dbd6] .el-form-item__content .el-select__caret {
    color: #555
}

.regisClassForm img[data-v-a6c9dbd6] {
    width: 24px;
    min-height: 24px
}

.regisClassForm .codeSuffix[data-v-a6c9dbd6] {
    position: absolute;
    top: 50%;
    right: -93px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 83px;
    height: 34px;
    background: #f3fbfe
}

.regisClassForm .codeSuffix[data-v-a6c9dbd6]:hover {
    cursor: pointer
}

.register-btn[data-v-a6c9dbd6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px
}

.register-btn .el-button[data-v-a6c9dbd6] {
    width: 125px;
    height: 42px;
    font-family: PingFang SC;
    font-size: 18px;
    line-height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #000;
    border-radius: 4px;
    border: none
}

.register-btn .el-button.active[data-v-a6c9dbd6] {
    opacity: 1
}

.register-btn .register-submit[data-v-a6c9dbd6] {
    background: linear-gradient(92.83deg, #ab9560 .16%, #ebdf93 49.92%, #a9925e)
}

.register-btn .register-reset[data-v-a6c9dbd6] {
    background: #fff
}

.remark[data-v-a6c9dbd6] {
    width: 900px;
    margin: 40px auto 110px;
    text-align: left;
    font-family: PingFang SC;
    font-size: 20px;
    line-height: 28px;
    color: #fff
}

.remark span[data-v-a6c9dbd6] {
    color: red
}

.regisClass[data-v-a6c9dbd6] #captcha {
    width: 230px;
    height: 37px;
    line-height: 37px
}

.regisClass[data-v-a6c9dbd6] #captcha #text {
    height: 37px;
    line-height: 37px;
    border-radius: 5px
}

.regisClass[data-v-a6c9dbd6] #captcha #wait {
    width: 230px;
    height: 37px;
    border-radius: 5px
}

.regisClass[data-v-a6c9dbd6] #captcha #wait .loading-dot {
    margin: 16px 4px
}

.regisClass[data-v-a6c9dbd6] #captcha .geetest_radar_btn {
    width: 230px;
    border-radius: 5px;
    height: 37px
}

.regisClass[data-v-a6c9dbd6] #captcha .geetest_radar_btn .geetest_radar {
    top: 9px
}

.regisClass[data-v-a6c9dbd6] #captcha .geetest_radar_btn .geetest_radar_tip {
    top: 11px
}

.regisClass[data-v-a6c9dbd6] #captcha .geetest_success_ani {
    width: 230px
}

.fixmy {
    overflow: initial !important;
    padding-right: 0 !important
}

[data-v-258717dd] .el-button--primary {
    color: var(--userBtnColor);
    background-color: var(--userBtnHoverBgColor);
    background-image: var(--userBtnBgColor);
    border: 1px solid transparent
}

[data-v-258717dd] .el-button--primary:hover {
    color: var(--userActiveColor);
    border-color: var(--userActiveBorderColor);
    background: var(--userBtnHoverBgColor)
}

[data-v-258717dd] .el-pagination.is-background .el-pager li:not(.disabled).active {
    background: var(--userPageBgColor);
    border-radius: 2px
}

[data-v-258717dd] input {
    background-color: var(--userBgColor)
}

[data-v-258717dd] .el-input .el-input__icon:hover {
    cursor: pointer
}

[data-v-258717dd] .el-input .el-input__inner {
    color: #535c66;
    border: 1px solid var(--gameTabSearchBorder)
}

[data-v-258717dd] .el-input .el-input__inner:hover {
    border-color: var(--gameTabSearchHoverBorder) !important
}

[data-v-258717dd] .el-input .el-input__inner:focus,
[data-v-258717dd] .el-input .is-active .el-input__inner {
    border-color: var(--gameTabSearchFocusBorder) !important;
    outline: 0
}

[data-v-258717dd] .el-input .el-icon-circle-close:before,
[data-v-258717dd] .el-input .el-icon-search:before {
    color: var(--gameTabSearchColor)
}

#personal[data-v-258717dd] {
    padding: 20px 0 25px;
    background-image: var(--homeBgImg);
    background-size: cover
}

#personal .box1200[data-v-258717dd] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1200px
}

#personal .box1200 .myPublic[data-v-258717dd]:not(#noWhite),
#personal .box1200 .mySlider[data-v-258717dd] {
    background: var(--userBgColor);
    -webkit-box-shadow: 0 0 14px 0 rgba(83, 92, 102, .08);
    box-shadow: 0 0 14px 0 rgba(83, 92, 102, .08);
    border-radius: 4px
}

.myPublic[data-v-258717dd] h2 {
    font-size: 20px;
    font-weight: 500;
    color: var(--userFontColor);
    font-weight: 550
}

.myPublic[data-v-258717dd] .publicWhite {
    padding: 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 14px 0 rgba(83, 92, 102, .08);
    box-shadow: 0 0 14px 0 rgba(83, 92, 102, .08);
    border-radius: 4px
}

.myPublic[data-v-258717dd] .image-container {
    margin: 0 auto;
    overflow: hidden
}

.myPublic[data-v-258717dd] .image-container img:not([src]),
.myPublic[data-v-258717dd] .image-container img[src=""] {
    margin: -1px
}

.mySlider[data-v-258717dd] {
    width: 220px;
    min-height: 850px;
    margin-right: 24px;
    padding-top: 17px
}

.mySlider .myToper .avatar[data-v-258717dd] {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #e5e7ff;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.mySlider .myToper .avatar[data-v-258717dd]:hover {
    cursor: pointer
}

.mySlider .myToper .nameGrade[data-v-258717dd],
.mySlider .myToper .userInfo[data-v-258717dd] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mySlider .myToper .nameGrade[data-v-258717dd] {
    margin: 15px 0;
    color: var(--userFontColor)
}

.mySlider .myToper .nameGrade .grade[data-v-258717dd] {
    width: 40px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    color: var(--userGradeColor);
    background-image: var(--userGradeBgColor);
    border-radius: 8px;
    text-align: center;
    margin-left: 3px
}

.mySlider .myToper .userInfo[data-v-258717dd] {
    color: var(--userFontColor);
    font-size: 20px
}

.mySlider .myToper .userInfo .balance[data-v-258717dd] {
    margin-left: 3px;
    font-size: 20px
}

.mySlider .myAccount[data-v-258717dd] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 30px
}

.mySlider .myAccount li[data-v-258717dd] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mySlider .myAccount li img[data-v-258717dd] {
    width: 32px;
    display: block;
    margin: 0 auto
}

.mySlider .myAccount li .accTitle[data-v-258717dd] {
    text-align: center;
    font-size: 14px;
    color: var(--userFontColor)
}

.mySlider .myAccount .router-link-active .accTitle[data-v-258717dd] {
    font-weight: 550;
    color: var(--userActiveColor)
}

.mySlider .myAccount li[data-v-258717dd]:hover {
    cursor: pointer
}

.mySlider .myBoxCont .first-title.active[data-v-258717dd] {
    padding-left: 36px;
    background: var(--userActiveBgColor);
    border-left: 2px solid var(--userActiveBorderColor)
}

.mySlider .myBoxCont .first-title.active .accTitle[data-v-258717dd] {
    color: var(--userActiveColor)
}

.mySlider .myBoxCont .myItem li[data-v-258717dd] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 45px;
    color: var(--userFontColor);
    padding-left: 38px
}

.mySlider .myBoxCont .myItem li img[data-v-258717dd] {
    width: 32px
}

.mySlider .myBoxCont .myItem li .accTitle[data-v-258717dd] {
    font-size: 14px;
    padding-left: 10px
}

.mySlider .myBoxCont .myItem .router-link-active[data-v-258717dd],
.mySlider .myBoxCont .myItem li.active[data-v-258717dd],
.mySlider .myBoxCont .myItem li[data-v-258717dd]:hover {
    cursor: pointer;
    padding-left: 36px;
    background: var(--userActiveBgColor);
    border-left: 2px solid var(--userActiveBorderColor)
}

.mySlider .myBoxCont .myItem .router-link-active .accTitle[data-v-258717dd],
.mySlider .myBoxCont .myItem li.active .accTitle[data-v-258717dd],
.mySlider .myBoxCont .myItem li:hover .accTitle[data-v-258717dd] {
    color: var(--userActiveColor)
}

.mySlider .myBoxCont .myItem li[data-v-258717dd]:hover:not(.router-link-active) {
    background: initial;
    border-left-color: var(--userActiveBorderColor)
}

.mySlider .myBoxCont .myItem li:hover:not(.router-link-active) .accTitle[data-v-258717dd] {
    color: var(--userActiveColor)
}

.mySlider .myBoxCont .agentCenter .router-link-active[data-v-258717dd],
.mySlider .myBoxCont .agentCenter li[data-v-258717dd]:hover {
    border-left-color: var(--userActiveBorderColor);
    background: initial
}

.mySlider .myBoxCont .perBorder[data-v-258717dd] {
    border-top: 1px solid var(--userLineColor);
    padding: 10px 0
}

.portraitDefault[data-v-258717dd] {
    background-image: url(../images/portrait_default.a53f01b.png) !important
}

.portrait1[data-v-258717dd] {
    background-image: url(../images/portrait_1.111c2c3.png) !important
}

.portrait2[data-v-258717dd] {
    background-image: url(../images/portrait_2.e45d096.png) !important
}

.portrait3[data-v-258717dd] {
    background-image: url(../images/portrait_3.9e4e32a.png) !important
}

.portrait4[data-v-258717dd] {
    background-image: url(../images/portrait_4.9fd605f.png) !important
}

.portrait5[data-v-258717dd] {
    background-image: url(../images/portrait_5.b96b720.png) !important
}

.portrait6[data-v-258717dd] {
    background-image: url(../images/portrait_6.a8e150e.png) !important
}

.portrait7[data-v-258717dd] {
    background-image: url(../images/portrait_7.8f4fbe8.png) !important
}

.portrait8[data-v-258717dd] {
    background-image: url(../images/portrait_8.11cb30c.png) !important
}

.portrait9[data-v-258717dd] {
    background-image: url(../images/portrait_9.bc478a9.png) !important
}

.portrait10[data-v-258717dd] {
    background-image: url(../images/portrait_10.c9aea87.png) !important
}

.portrait11[data-v-258717dd] {
    background-image: url(../images/portrait_11.cdecdca.png) !important
}

.portrait12[data-v-258717dd] {
    background-image: url(../images/portrait_12.03cbf85.png) !important
}

.myContent[data-v-258717dd] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.myContent .myPublic[data-v-258717dd]:not(#noWhite) {
    padding: 20px
}

[data-v-258717dd] .el-dialog .el-dialog__header {
    padding: 12px 20px;
    background-image: var(--userHeaderBgColor)
}

[data-v-258717dd] .el-dialog .el-dialog__header .el-dialog__title {
    font-size: 18px;
    color: var(--userBtnColor)
}

[data-v-258717dd] .el-dialog .el-dialog__header .el-dialog__headerbtn {
    top: 12px;
    right: 16px
}

[data-v-258717dd] .el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
    font-size: 24px;
    color: var(--userBtnColor)
}

[data-v-258717dd] .el-dialog .el-dialog__body {
    padding: 24px 51px 12px;
    background-color: var(--userBgColor)
}

[data-v-258717dd] .el-dialog .el-dialog__body .headers {
    display: block;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: 0 auto
}

[data-v-258717dd] .el-dialog .el-dialog__body .headerBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 24px
}

[data-v-258717dd] .el-dialog .el-dialog__body .headerBox li {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    margin-right: 40px;
    margin-bottom: 12px;
    position: relative
}

[data-v-258717dd] .el-dialog .el-dialog__body .headerBox li img {
    width: 100%;
    height: 100%
}

[data-v-258717dd] .el-dialog .el-dialog__body .headerBox li:hover {
    cursor: pointer
}

[data-v-258717dd] .el-dialog .el-dialog__body .headerBox .checkAva {
    position: absolute;
    top: 0;
    left: 0
}

[data-v-258717dd] .el-dialog .el-dialog__body .headerBox li:nth-child(4n) {
    margin-right: 0
}

[data-v-258717dd] .el-dialog .el-dialog__footer {
    padding: 0 81px 23px;
    background-color: var(--userBgColor)
}

[data-v-258717dd] .el-dialog .el-button {
    width: 100%;
    background-image: var(--userBtnBgColor);
    border-radius: 4px;
    border-color: transparent
}

.first-title[data-v-258717dd] {
    padding-left: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 45px;
    border-top: 1px solid var(--userLineColor)
}

.first-title .accTitle[data-v-258717dd] {
    font-size: 14px;
    padding-left: 10px
}

.depAccount[data-v-134c43e0],
.depAmount[data-v-134c43e0],
.depInfo[data-v-134c43e0],
.depName[data-v-134c43e0],
.depTip[data-v-134c43e0] {
    margin-top: 20px
}

.deposit[data-v-134c43e0] {
    padding-bottom: 5px !important
}

.deposit h3[data-v-134c43e0] {
    margin-top: 13px
}

.deposit .cateClass li[data-v-134c43e0] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.deposit .cateClass li.active[data-v-134c43e0],
.deposit .cateClass li[data-v-134c43e0]:hover {
    background: var(--depositImgURL);
    background-size: 100.5% 100%
}

.deposit .cateClass .bankName[data-v-134c43e0] {
    font-size: 14px;
    color: var(--userMinorFontColor3);
    padding-top: 5px
}

.deposit .cateClass li.more .bankName[data-v-134c43e0] {
    font-size: 12px;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    width: 115%;
    text-align: center
}

.deposit .cateClass .image-container[data-v-134c43e0] {
    width: 32px;
    height: 32px
}

.cateClass[data-v-134c43e0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 716px;
    margin-top: 20px
}

.cateClass li[data-v-134c43e0] {
    width: 134px;
    height: 78px;
    border-radius: 4px;
    border: 1px solid var(--userBorderColor);
    margin-right: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cateClass li.active[data-v-134c43e0],
.cateClass li[data-v-134c43e0]:hover {
    cursor: pointer
}

.cateClass li[data-v-134c43e0]:last-child {
    margin-right: 0
}

.cateClass .bankName[data-v-134c43e0],
.cateClass .depTitle[data-v-134c43e0] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cateClass .image-container[data-v-134c43e0] {
    background-color: #f5f9f9
}

.cateClass .image-container img[data-v-134c43e0] {
    width: 100%;
    height: 100%
}

.vipClass[data-v-134c43e0] {
    width: 716px;
    margin-top: 20px
}

.vipClass li[data-v-134c43e0] {
    width: 100%;
    height: 78px;
    border-radius: 4px;
    border: 1px solid var(--userBorderColor);
    padding-right: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vipClass li.active[data-v-134c43e0],
.vipClass li[data-v-134c43e0]:hover {
    cursor: pointer
}

.vipClass li[data-v-134c43e0]:last-child {
    margin-right: 0
}

.vipClass .bankName[data-v-134c43e0] {
    padding-left: 14px !important;
    font-size: 18px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vipClass .image-container[data-v-134c43e0] {
    width: 60px !important;
    height: 60px !important;
    background-color: #f5f9f9
}

.vipClass .image-container img[data-v-134c43e0] {
    width: 100%;
    height: 100%
}

.vipClass .vip-recharge-btn[data-v-134c43e0] {
    display: block;
    padding: 10px 20px;
    background: linear-gradient(92.83deg, #ab9560 .16%, #ebdf93 49.92%, #a9925e);
    color: var(--userBtnColor);
    border-radius: 20px
}

.cateClass1 li[data-v-134c43e0] {
    width: 106px;
    height: 65px;
    margin-bottom: 15px
}

.cateClass1 li[data-v-134c43e0]:last-child {
    margin-right: 0
}

.depClass[data-v-134c43e0] {
    margin-top: 5px
}

.depClass li[data-v-134c43e0] {
    padding-left: 10px;
    position: relative;
    margin-top: 15px
}

.depClass li.fiveLiMore[data-v-134c43e0] {
    margin-right: 9px
}

.depClass li.active .actIcon[data-v-134c43e0] {
    position: absolute;
    top: 0;
    right: 0;
    width: 37px;
    height: 37px
}

.depClass .bankName[data-v-134c43e0] {
    font-size: 12px;
    padding-left: 4px
}

.depClass .depTitle[data-v-134c43e0] {
    font-size: 12px;
    padding-top: 5px;
    color: var(--userMinorFontColor1)
}

.depClass .depCont[data-v-134c43e0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.depClass .image-container[data-v-134c43e0] {
    width: 28px;
    height: 28px;
    margin: initial
}

.depInformation[data-v-134c43e0] {
    margin-top: 20px
}

.depInformation li[data-v-134c43e0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px
}

.depInformation li .depTitle[data-v-134c43e0] {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 14px;
    color: var(--userMinorFontColor1)
}

.depInformation li .depDetail[data-v-134c43e0] {
    width: 252px;
    margin: 0 5px;
    font-size: 14px;
    color: var(--userFontColor);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.depInformation li .depCopy[data-v-134c43e0] {
    font-size: 12px;
    width: 41px;
    height: 20px;
    border: 1px solid var(--userFontTipColor);
    border-radius: 2px;
    color: var(--userFontTipColor);
    text-align: center
}

.depInformation li .depCopy[data-v-134c43e0]:hover {
    cursor: pointer
}

.depInformation li[data-v-134c43e0]:last-child {
    margin-top: 20px;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: normal
}

.depInformation li[data-v-134c43e0]:nth-child(3n-1) {
    margin-top: 0;
    margin-bottom: 5px
}

.el-alert--info[data-v-134c43e0] {
    color: var(--userFontTipColor);
    padding: 8px 0;
    background-color: transparent !important
}

.depAcout[data-v-134c43e0] {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.depAcout li[data-v-134c43e0] {
    width: 102px;
    height: 40px;
    line-height: 40px;
    border: 1px solid var(--userBorderColor);
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    color: var(----userMinorFontColor2);
    margin-right: 20px;
    position: relative
}

.depAcout .actIcon[data-v-134c43e0] {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px
}

.depAcout li[data-v-134c43e0]:last-child {
    margin-right: 0
}

.depAcout li.active[data-v-134c43e0],
.depAcout li[data-v-134c43e0]:hover {
    cursor: pointer;
    border: 1px solid var(--userBorderActiveColor)
}

.depNameInfo[data-v-134c43e0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

.depNameInfo[data-v-134c43e0] .el-input {
    width: 338px
}

.depNameInfo[data-v-134c43e0] .el-alert--info {
    margin-left: 16px
}

.depNameInfo .transferMoney[data-v-134c43e0] {
    margin-left: 20px
}

.depNameInfo2[data-v-134c43e0],
.depNameInfo2[data-v-134c43e0] .el-input {
    display: block
}

.depNameInfo2[data-v-134c43e0] .el-input:first-child {
    margin-bottom: 15px
}

.depTipInfo[data-v-134c43e0] {
    margin-top: 20px
}

.depTipInfo li[data-v-134c43e0] {
    font-size: 15px;
    color: var(--userFontColor);
    line-height: 30px
}

.el-button[data-v-134c43e0] {
    margin-top: 15px;
    width: 41%
}

.actInfo[data-v-134c43e0] {
    margin-top: 20px
}

.usdtRate[data-v-134c43e0] {
    color: #b11212;
    padding-left: 20px
}

.el-alert-fade-enter,
.el-alert-fade-leave-active {
    opacity: 0
}

h3[data-v-41193ce1] {
    font-size: 16px;
    margin-top: 10px
}

h3 i[data-v-41193ce1]:hover {
    color: #849cb7;
    cursor: pointer
}

h3 .el-icon-refresh[data-v-41193ce1] {
    color: var(--userFontTipColor)
}

h3 .freshHover[data-v-41193ce1] {
    -webkit-animation: myRotate-data-v-41193ce1 1s linear;
    animation: myRotate-data-v-41193ce1 1s linear
}

@-webkit-keyframes myRotate-data-v-41193ce1 {
    0% {
        -webkit-transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes myRotate-data-v-41193ce1 {
    0% {
        -webkit-transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

.h3Class[data-v-41193ce1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.h3Class .amoutOnce[data-v-41193ce1] {
    font-size: 14px;
    color: var(--userFontTipColor)
}

.h3Class .amoutOnce[data-v-41193ce1]:hover {
    cursor: pointer
}

.accountBox[data-v-41193ce1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    padding-bottom: 10px
}

.accountBox .accLeft[data-v-41193ce1] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid var(--userBorderColor);
    border-radius: 4px
}

.accountBox .accLeft>div[data-v-41193ce1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.accountBox .accLeft .accLefInfo[data-v-41193ce1] {
    -webkit-box-flex: 0.9;
    -ms-flex: 0.9;
    flex: 0.9
}

.accountBox .accLeft .accLefCont[data-v-41193ce1] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 20px;
    border-left: 1px solid var(--userBorderColor)
}

.accountBox .accLeft .amount[data-v-41193ce1] {
    font-size: 30px;
    color: var(--userFontColor);
    font-weight: 600
}

.accountBox .accLeft .amouInfo[data-v-41193ce1] {
    font-size: 14px;
    color: var(--userMinorFontColor1)
}

.accountBox .accRight[data-v-41193ce1] {
    width: 245px;
    height: 95px;
    padding: 0 16px;
    margin-left: 12px;
    border: 1px solid var(--userBorderColor);
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.accountBox .accRight .accRigLeft[data-v-41193ce1] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.accountBox .accRight[data-v-41193ce1] .el-switch {
    margin-top: -20px
}

.accountBox .accRight[data-v-41193ce1] .el-switch .el-switch__core {
    border-color: #d7dde7 !important;
    background-color: #fff !important
}

.accountBox .accRight[data-v-41193ce1] .el-switch .el-switch__core:after {
    background-color: #d7dde7
}

.accountBox .accRight[data-v-41193ce1] .el-switch.is-checked .el-switch__core {
    border-color: var(--userSwitchColor) !important;
    background-color: var(--userSwitchColor) !important
}

.accountBox .accRight[data-v-41193ce1] .el-switch.is-checked .el-switch__core:after {
    background-color: #fff
}

.accountBox .accRight .accTopTit[data-v-41193ce1] {
    font-size: 16px;
    color: var(--userFontTipColor)
}

.accountBox .accRight .accTopCtx[data-v-41193ce1] {
    padding-top: 5px;
    font-size: 12px;
    color: var(--userMinorFontColor1);
    white-space: nowrap
}

.platform[data-v-41193ce1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.platform li[data-v-41193ce1] {
    width: 217px;
    height: 95px;
    border: 1px solid var(--userBorderColor);
    border-radius: 4px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 13px;
    margin-right: 16px
}

.platform li[data-v-41193ce1]:nth-child(4n) {
    margin-right: 0
}

.platform .platTitle[data-v-41193ce1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 24px
}

.platform .platTitle .platTit[data-v-41193ce1] {
    font-weight: 550;
    font-size: 14px;
    color: var(--userMinorFontColor1)
}

.platform .platTitle .onceTrans[data-v-41193ce1] {
    width: 70px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #fff;
    background-image: -webkit-gradient(linear, left top, right top, from(#8ab5ff), color-stop(99%, #425cd8), color-stop(99%, #536ce3));
    background-image: linear-gradient(90deg, #8ab5ff, #425cd8 99%, #536ce3 0);
    border-radius: 9.5px;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    text-align: center
}

.platform .platTitle .onceTrans[data-v-41193ce1]:hover:not(.proInfo) {
    cursor: pointer
}

.platform .platTitle .proInfo[data-v-41193ce1] {
    color: rgba(83, 92, 102, .7);
    background: #dddee0
}

.platform .platInfo[data-v-41193ce1] {
    font-size: 20px;
    color: var(--userFontColor)
}

.platform b[data-v-41193ce1] {
    font-size: 13px;
    color: var(--userFontColor);
    padding-right: 2px
}

.backClass[data-v-41193ce1] {
    text-align: center;
    font-size: 14px;
    color: var(--userFontTipColor);
    margin-top: 5px
}

.backClass[data-v-41193ce1]:hover {
    cursor: pointer
}

.backClass .el-icon-d-arrow-left[data-v-41193ce1] {
    -webkit-transition: .3s linear;
    transition: .3s linear;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.backClass.active .el-icon-d-arrow-left[data-v-41193ce1] {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.transBox[data-v-41193ce1] {
    margin-top: 20px
}

.transBox h4[data-v-41193ce1] {
    font-size: 14px;
    color: var(--userMinorFontColor2);
    margin-top: 20px
}

.transBox .transInput[data-v-41193ce1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px
}

.transBox .transInput .el-select[data-v-41193ce1] {
    width: 256px
}

.transBox .transInput .transIcon[data-v-41193ce1] {
    margin: 0 24px
}

.transBox .ammount[data-v-41193ce1] {
    color: var(--userFontColor);
    font-weight: 600;
    margin: 15px 0
}

.transBox[data-v-41193ce1] .el-input {
    width: 256px
}

.transBox[data-v-41193ce1] .el-input .el-input__suffix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 39px
}

.transBox[data-v-41193ce1] .el-input .el-input__suffix .el-input__suffix-inner {
    padding-right: 8px
}

.transBox[data-v-41193ce1] .el-input .el-input__suffix .el-input__suffix-inner:hover {
    cursor: pointer
}

.transBox[data-v-41193ce1] .el-input .el-input__suffix span {
    font-size: 14px;
    color: var(--userFontTipColor)
}

.transBox .confirmClass[data-v-41193ce1] {
    margin-top: 15px
}

.transBox .confirmClass .el-button[data-v-41193ce1] {
    width: 256px
}

.el-switch__core,
.el-switch__label {
    vertical-align: middle
}

h3[data-v-b389c7d4] {
    font-size: 16px;
    margin-top: 10px
}

h3 i[data-v-b389c7d4]:hover {
    color: #849cb7;
    cursor: pointer
}

h3 .el-icon-refresh[data-v-b389c7d4] {
    color: var(--userFontTipColor)
}

h3 .freshHover[data-v-b389c7d4] {
    -webkit-animation: myRotate-data-v-b389c7d4 1s linear;
    animation: myRotate-data-v-b389c7d4 1s linear
}

@-webkit-keyframes myRotate-data-v-b389c7d4 {
    0% {
        -webkit-transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes myRotate-data-v-b389c7d4 {
    0% {
        -webkit-transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

.accountBox[data-v-b389c7d4] {
    display: -webkit-box;
    display: -ms-flexbox;
    margin: 10px 0;
    padding: 0 26px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid var(--userBorderColor);
    border-radius: 4px;
    height: 95px;
    position: relative
}

.accountBox>div[data-v-b389c7d4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.accountBox .accLefInfo[data-v-b389c7d4] {
    -webkit-box-flex: 1.08;
    -ms-flex: 1.08;
    flex: 1.08
}

.accountBox .accLefCont[data-v-b389c7d4] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 26px;
    border-left: 1px solid var(--userBorderColor)
}

.accountBox .amount[data-v-b389c7d4] {
    font-size: 30px;
    color: var(--userFontColor);
    font-weight: 600
}

.accountBox .amouInfo[data-v-b389c7d4] {
    font-size: 14px;
    color: var(--userMinorFontColor1)
}

.accountBox .amoutOnce[data-v-b389c7d4] {
    position: absolute;
    top: 28px;
    right: 20px;
    font-size: 14px;
    color: var(--userFontTipColor)
}

.accountBox .amoutOnce[data-v-b389c7d4]:hover {
    cursor: pointer
}

.platform[data-v-b389c7d4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.platform li[data-v-b389c7d4] {
    width: 217px;
    height: 95px;
    border: 1px solid var(--userBorderColor);
    border-radius: 4px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 13px;
    margin-right: 16px
}

.platform li[data-v-b389c7d4]:nth-child(4n) {
    margin-right: 0
}

.platform .platTitle[data-v-b389c7d4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 24px
}

.platform .platTitle .platTit[data-v-b389c7d4] {
    font-weight: 550;
    font-size: 14px;
    color: var(--userMinorFontColor1)
}

.platform .platTitle .onceTrans[data-v-b389c7d4] {
    width: 70px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #fff;
    background-image: -webkit-gradient(linear, left top, right top, from(#8ab5ff), color-stop(99%, #425cd8), color-stop(99%, #536ce3));
    background-image: linear-gradient(90deg, #8ab5ff, #425cd8 99%, #536ce3 0);
    border-radius: 9.5px;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    text-align: center
}

.platform .platTitle .onceTrans[data-v-b389c7d4]:hover:not(.proInfo) {
    cursor: pointer
}

.platform .platTitle .proInfo[data-v-b389c7d4] {
    color: rgba(83, 92, 102, .7);
    background: #dddee0
}

.platform .platInfo[data-v-b389c7d4] {
    font-size: 20px;
    color: var(--userFontColor)
}

.platform b[data-v-b389c7d4] {
    font-size: 13px;
    color: var(--userFontColor);
    padding-right: 2px
}

.backClass[data-v-b389c7d4] {
    text-align: center;
    font-size: 14px;
    color: var(--userFontTipColor);
    margin-top: 5px
}

.backClass[data-v-b389c7d4]:hover {
    cursor: pointer
}

.backClass .el-icon-d-arrow-left[data-v-b389c7d4] {
    -webkit-transition: .3s linear;
    transition: .3s linear;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.backClass.active .el-icon-d-arrow-left[data-v-b389c7d4] {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.withBankBox[data-v-b389c7d4]:first-of-type {
    margin-bottom: 20px
}

.withBankBox .withTope[data-v-b389c7d4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.withBankBox .withTope h3[data-v-b389c7d4] {
    margin: 0;
    color: var(--userFontColor)
}

.withBankBox .withTope span[data-v-b389c7d4] {
    font-size: 14px;
    color: var(--userMinorFontColor2)
}

.withBankBox .withTope[data-v-b389c7d4] .el-alert {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: initial;
    padding: 0;
    margin-left: 5px
}

.withBankBox .withTope[data-v-b389c7d4] .el-alert .el-alert__title {
    font-size: 12px
}

.withBankBox .withTope[data-v-b389c7d4] .el-alert a {
    font-size: 12px;
    color: var(--userMinorFontColor2);
    padding-left: 5px
}

.withBankBox .withCont[data-v-b389c7d4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px
}

.withBankBox .withCont>li[data-v-b389c7d4] {
    width: 232px;
    height: 120px;
    border: 1px dashed #becad8;
    border-radius: 8px;
    font-size: 14px;
    color: var(--userFontColor);
    margin-right: 10px
}

.withBankBox .withCont>li i[data-v-b389c7d4] {
    margin-right: 5px
}

.withBankBox .withCont>li[data-v-b389c7d4]:last-child {
    margin-right: 0
}

.withBankBox .withCont .noBankInfo[data-v-b389c7d4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.withBankBox .withCont .noBankInfo span[data-v-b389c7d4] {
    font-size: 12px;
    color: #becad8;
    padding-top: 5px;
    text-align: center
}

.withBankBox .withCont li.bankInfo[data-v-b389c7d4] {
    padding: 0 14px;
    border: none;
    background: #8ea2cc var(--bankcardImgURL2);
    background-size: cover;
    position: relative
}

.withBankBox .withCont li.bankInfo .bankTitle[data-v-b389c7d4] {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.withBankBox .withCont li.bankInfo .bankTitle span[data-v-b389c7d4]:not(.bankDef) {
    font-size: 15px;
    color: #fff
}

.withBankBox .withCont li.bankInfo .bankTitle .bankDef[data-v-b389c7d4] {
    width: 35px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAQCAMAAABJNS0RAAAAM1BMVEVHcEz////////////////////////////////////////////////////////////////P0YphAAAAEXRSTlMAqObywpOFTUByzhQuWdhgsfCCFZcAAADFSURBVCjPrZHBDgMhCEQFEXbYov7/1xY3HraXbQ+dkGgmTxy0lHIe9qjjLKW87IsWZD9A57WBjDFybZd0WTQ2VDaE6s41VybJ8uVVEboy7Ujap5NHbhxTQDO9qAAW9NoQmjCLwqgLu3CDiGcnaRvKB4hepSVHJhod4QiAJDuN23Doym3mJdx7zYqVu9Jn7sZenVvCFpyRlyc667jltil5rsNcDa4iy+Owcc9tTVMUltMMQOM6uF9p5/7Dp5R13fGs1egnvQHCNA6OBnF+rQAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%
}

.withBankBox .withCont li.bankInfo .bankTitle .bankDefEn[data-v-b389c7d4] {
    width: 35px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHoAAAAeBAMAAAAREhebAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAqUExURf///0dwTP///////////////////////////////////////////////zbjKbUAAAANdFJOU0wA7nWi1mKLV8GxFzRpS4T/AAACqElEQVQ4y6WVv2vbUBDHv7Fk+Wcgmd3BKK6TFASidkIzGEQrGjoIDC20HQTBoT8IGEwIhQwGU5e2S8BkyGbI0pYOhmTvkMxdgizZkeH+l96pLc0PMEV+k9+9+7y7+57fCYuyfiDOyp9C4BPEW/mIRuzF8B3MEnshLp3DDGXPSM8JfRaXPsf/Sv5x67ZN+l3Arq7fbV2xJlduOa6Rd3TNID6LkIb1ici/clIr3oSztOp6HVz3yQu9ANfCjnflpN27STvL0AwL131yQp+ATKQI6T2ba6tuAgMrXflcQbqCSlds0IhJp4iq/Q6KWTUVuzWwMCf0mUIdZEPcJxriFVEZrtnw1QlSYdpzo5IyktmblkrkdZrPqNWnwDVxLjRUz7bdMozHG6FmfN0IQF29lRwj6yt09EHKTf5Wpb3UNcy2920nWN/liKdMF5Bh0TxT24TqZ0JoL5Xg/hISIySHKsc0uBvzw4iumpyWU0azjGwgTwQsedJ/vT1YwSf7cJwQt5THZbKm85eZMeAy3RxFtLL3nWQ/6EENWXKmF3DASMJXDf1wdHAhVZJbRLuOWp0T4GiIPGC/db3VAIYpF/C9OaFPUGMkMa4toVlsXkBZT/qcAms66HFMjQvkuyWjTNhRJ4oXXcgec0KfwalzO0ZOD/0eGxuj+Us1QL/FDW4PwUqAdTXRmLCQ78cpLrhvSfvOheaNrutktUv79Jzld49rdQ44WH5I5kDf5GbwcsMnxosMH052OI32vX2qs+SLKLCqLPlTrjZw/HSfSuAsXKtBJQPuPgXR61ANKnU0g77QGkugkuccR+/r31ja3lJMaJW//2b5YWxt/3laimyVB1iPdl1WMi/0tLGkeNMGi9DTBksqnIVWHk0bS0LHH0uzfgjix85FdCEe/jP6ev4CB6vjT/meDYoAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%
}

.withBankBox .withCont li.bankInfo .bankTitle .activeDef[data-v-b389c7d4] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAQCAMAAABJNS0RAAAAM1BMVEX///////////////////////////9HcEz///////////////////////////////////85yRS0AAAAEXRSTlNNj3jH7le3AD9jH6PU2wuENXPXuPQAAADNSURBVCjPjZHrrsQgCISHq6Xi2vd/2oPu9u9pSUwMfBkGQGsfPMQHrV1P0FkQXijtbkFEERRgA5h3zW+ooZ070VOYXNATkA2Fisz1OW5IPIXEySwAjZVi4SULXAVt36OC1NmVS4IxM1Uzc+FnQYsxH0KriGHoSrCISsSWLOjru6tTH1StLHRuy6ndvsM1bEvTe5+DvVp5kumqqtUce7gfJO6i0xTUpdesJRnjt4CroO2bw1D9lwW7H9/7Luh4PMqLm5Tv8nT8HyVUe3oRf39QB9A7sLoWAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%
}

.withBankBox .withCont li.bankInfo .bankTitle .activeDefEn[data-v-b389c7d4] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHsAAAAeBAMAAAD+0HylAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAqUExURf///0dwTP///////////////////////////////////////////////zbjKbUAAAANdFJOU0wAEu5dqXzWlcFuJT3pu1TkAAACsklEQVQ4y6WVv2vbQBTHH7Gk2E4DcdZ2iDt3MMhJk8KBID9ICwIvps4gEMRuSkHgJUMHgYek1IPB0B9DQCBIackQSPYOydwlcJFkB+5/6fedKHWgQ1EOfJLv7nPv+756OlGN208q1H4tEdPPqGC7YHyZHoQ/fhj+pDC+wvhKUfqRtu6iKL6g8aui+Bzj/2X8lvOPwWvGYfy+bR/+mT94/neluU5b+aCSn++R8010l4zDeE8p9SIfN9T7mUUpCd7MVBuhvBf/vIGuzjiMD1t0KvPx8nRmkXtj6GFvnQzRmsVHYxhfYxzGK5+q+PU6jnGQdI3jjkPfHdpxgn4v67KiAbZo0Nv2EVl+z7fagwgjCxq/AgphYvASGZSVapwqlVIYU+iPTviWKhni7fqmUtJxD9UgUlnow3jGYXyZp8NWdLItjWAtFkdnU0NhQyc6OpggemmiBQdrr4QfyM521t3ngNeMw/gK5ys+IM0wDvpGh8zEyqgq8bd0i6nFVOM9CIq9JrlNMjngJeMwfn7C+Z1l7bbwvRbtHn9KzYSsDBLO++zgrcarx3uKwgF5YzI5YJ1xGO9yfnJe2rbth35Z2NFtJc0lsMPk3qFrb4VyI+MHibwrEzaecRgf3GDJpKQlijhYI7dRuqMSS/DgMJUS+CMrU6ecVDlDnzAN4xlHxY/6ZIk+djRXMQ1t0XjxhjyWwA6TKWPaTFBDmykEUdTipwjjgXPFR7Ytpo4lO16T9a4P1dfSdChYgvjCksLpHraXH8NkG0JGq0PVZ+OB81EjlNpAlH2VxdBbUdkoKaMbuw0aZbr2hVp1DKFeqx8pl7CEwTAe+OxR8yYv6x3HitHlr0B+sd7han2jbr4gJm088KXCJ1WN8eJHzcPwOY0XbtcaL3zQ1TVe9AN1WdN4bflpkVbXn9al30Vy8kw4FygUAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%
}

.withBankBox .withCont li.bankInfo .circleBox[data-v-b389c7d4] {
    margin-top: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.withBankBox .withCont li.bankInfo .circleBox li[data-v-b389c7d4] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 10px
}

.withBankBox .withCont li.bankInfo .circleBox li span[data-v-b389c7d4] {
    width: 9px;
    height: 9px;
    background: hsla(0, 0%, 100%, .5);
    border-radius: 50%
}

.withBankBox .withCont li.bankInfo .circleBox li[data-v-b389c7d4]:last-child {
    margin-right: 0
}

.withBankBox .withCont li.bankInfo .circleBox li:last-child span[data-v-b389c7d4] {
    margin-top: -4px;
    font-size: 12px;
    background: initial;
    color: var(--userWithdrawBankColor)
}

.withBankBox .withCont li.bankInfo .thirdCircleBox[data-v-b389c7d4] {
    margin-top: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.withBankBox .withCont li.bankInfo .thirdCircleBox li[data-v-b389c7d4] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 10px
}

.withBankBox .withCont li.bankInfo .thirdCircleBox li span[data-v-b389c7d4] {
    width: 9px;
    height: 9px;
    background: hsla(0, 0%, 100%, .5);
    border-radius: 50%
}

.withBankBox .withCont li.bankInfo .moreCard[data-v-b389c7d4] {
    margin-top: 28px;
    font-size: 12px;
    color: #fff;
    padding: 7px 0
}

.withBankBox .withCont li.activeBank[data-v-b389c7d4] {
    background: var(--bankcardImgURL1);
    background-size: cover
}

.withBankBox .withCont li.activeBank .bankActIcon[data-v-b389c7d4] {
    position: absolute;
    top: -12px;
    right: -12px;
    width: 24px;
    height: 24px
}

.withBankBox .withCont li.cancleBank[data-v-b389c7d4] {
    background: #778089 var(--bankcardImgURL);
    background-size: cover
}

.withBankBox .withCont li[data-v-b389c7d4] {
    cursor: pointer
}

.withBankBox .inputAmout[data-v-b389c7d4] {
    margin-top: 20px
}

.withBankBox .inputAmout[data-v-b389c7d4] .el-form-item:last-child {
    margin-bottom: 0
}

.withBankBox .inputAmout[data-v-b389c7d4] .el-form-item .el-form-item__label {
    padding: 0 5px 0 0;
    color: var(--userFontColor);
    white-space: nowrap
}

.withBankBox .inputAmout[data-v-b389c7d4] .el-input {
    width: 256px
}

.withBankBox .inputAmout[data-v-b389c7d4] .el-input .el-input__suffix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 39px
}

.withBankBox .inputAmout[data-v-b389c7d4] .el-input .el-input__suffix .el-input__suffix-inner {
    padding-right: 8px
}

.withBankBox .inputAmout[data-v-b389c7d4] .el-input .el-input__suffix .el-input__suffix-inner:hover {
    cursor: pointer
}

.withBankBox .inputAmout[data-v-b389c7d4] .el-input .el-input__suffix span {
    font-size: 14px;
    color: var(--userFontTipColor)
}

.withBankBox .inputAmout[data-v-b389c7d4] .el-input .el-input__suffix b {
    font-size: 14px;
    color: var(--userFontColor)
}

.withBankBox .inputAmout[data-v-b389c7d4] {
    margin-top: 15px
}

.withBankBox .inputAmout .el-button[data-v-b389c7d4] {
    width: 256px
}

.withBankBox .inputAmout .rate-usdt-input[data-v-b389c7d4] {
    position: relative
}

.withBankBox .inputAmout .rate-usdt[data-v-b389c7d4] {
    position: absolute;
    top: 0;
    left: 270px
}

.withBankBox2 .withCont li[data-v-b389c7d4] {
    cursor: auto
}

.withBankBox2 .withCont li.bankInfo[data-v-b389c7d4] {
    padding: initial;
    border: 1px solid #f3f4f7;
    background: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.withBankBox2 .withCont .bankIfoTop[data-v-b389c7d4] {
    height: 36px;
    line-height: 36px;
    background: var(--userWithdrawBgColor);
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid #f3f3f7;
    font-size: 14px;
    color: var(--userFontColor);
    padding-left: 10px
}

.withBankBox2 .withCont .bankIfoCtx[data-v-b389c7d4] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.withBankBox2 .withCont .bankIfoCtx .bankCond[data-v-b389c7d4] {
    font-size: 18px;
    color: var(--userFontColor)
}

.withBankBox2 .withCont .bankIfoCtx .bankAcunt[data-v-b389c7d4] {
    font-size: 13px;
    color: var(--userMinorFontColor2);
    padding-top: 5px
}

.myTabs[data-v-b389c7d4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    padding-left: 12px;
    background-color: var(--userWithdrawBgColor)
}

.myTabs div[data-v-b389c7d4] {
    padding: 10px 8px;
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: var(--userFontColor);
    cursor: pointer
}

.myTabs div.active[data-v-b389c7d4] {
    position: relative
}

.myTabs div.active[data-v-b389c7d4]:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: "";
    width: 50%;
    height: 3px;
    background-color: var(--userActiveBorderColor);
    border-radius: 3px
}

#withdetail h2[data-v-5f581167] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 5px
}

#withdetail h2[data-v-5f581167]:hover {
    cursor: pointer
}

.bankItem li[data-v-5f581167] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px
}

.bankItem span[data-v-5f581167] {
    font-size: 14px
}

.bankItem .bankTitle[data-v-5f581167] {
    color: var(--userFontColor);
    text-align: right;
    padding-right: 5px;
    font-weight: 600
}

.el-form[data-v-5f581167] {
    margin-top: 20px
}

.el-form .el-button[data-v-5f581167],
.el-form .el-cascader[data-v-5f581167],
.el-form .el-input[data-v-5f581167],
.el-form .el-select[data-v-5f581167] {
    width: 256px
}

.el-form[data-v-5f581167] .el-form-item:last-child {
    margin-bottom: 0
}

.el-form[data-v-5f581167] .el-form-item .el-form-item__label {
    padding: 0 5px 0 0;
    color: var(--userFontColor)
}

.el-form[data-v-5f581167] .el-form-item .tip {
    font-size: 12px;
    color: var(--userMinorFontColor2);
    line-height: 25px
}

.el-form[data-v-5f581167] .el-form-item .el-input.is-disabled .el-input__inner {
    background-color: var(--userBgColor)
}

.el-input__suffix {
    pointer-events: none
}

.el-checkbox.is-bordered,
.el-tag {
    border-radius: 4px;
    -webkit-box-sizing: border-box
}

.publicWhite h2[data-v-aa058efe] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 16px;
    cursor: pointer
}

.publicWhite .el-button[data-v-aa058efe],
.publicWhite .el-cascader[data-v-aa058efe],
.publicWhite .el-input[data-v-aa058efe],
.publicWhite .el-select[data-v-aa058efe] {
    width: 256px
}

.publicWhite .bankItem li[data-v-aa058efe] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px
}

.publicWhite .bankItem span[data-v-aa058efe] {
    font-size: 14px
}

.publicWhite .bankItem .bankTitle[data-v-aa058efe] {
    color: var(--userFontColor);
    text-align: right;
    padding-right: 5px;
    font-weight: 600
}

.publicWhite h2[data-v-39ade6db] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 16px;
    cursor: pointer
}

.publicWhite .el-form .el-button[data-v-39ade6db],
.publicWhite .el-form .el-input[data-v-39ade6db],
.publicWhite .el-form .el-select[data-v-39ade6db] {
    width: 256px
}

.publicWhite .bankItem li[data-v-39ade6db] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px
}

.publicWhite .bankItem span[data-v-39ade6db] {
    font-size: 14px
}

.publicWhite .bankItem .bankTitle[data-v-39ade6db] {
    color: var(--userFontColor);
    text-align: right;
    padding-right: 5px;
    font-weight: 600
}

.publicWhite .third-dialog[data-v-39ade6db] .el-dialog__header {
    background: var(--userBtnBgColor)
}

.publicWhite .third-dialog[data-v-39ade6db] .el-dialog__body {
    padding: 24px 20px 12px
}

.publicWhite .third-dialog[data-v-39ade6db] .el-dialog__footer {
    width: 256px;
    margin: 13px auto 0
}

.publicWhite .third-dialog[data-v-39ade6db] .el-dialog__footer .el-button {
    background-image: var(--userBtnBgColor) !important
}

.publicWhite .third-dialog .third-dialog-content h3[data-v-39ade6db] {
    color: #535c66;
    font-weight: 500;
    font-size: 18px
}

.publicWhite .third-dialog .third-dialog-content p[data-v-39ade6db] {
    font-size: 16px;
    line-height: 22px;
    color: rgba(83, 92, 102, .9)
}

.publicWhite .third-dialog .third-dialog-content .down-url-wrap[data-v-39ade6db] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.publicWhite .third-dialog .third-dialog-content .down-url-wrap .el-button[data-v-39ade6db] {
    width: auto;
    padding: 10px;
    font-size: 14px;
    border-radius: 20px
}

.publicWhite .third-dialog .third-dialog-content .qrcode-box[data-v-39ade6db] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 12px
}

.publicWhite .third-dialog .third-dialog-content .qrcode-box p[data-v-39ade6db] {
    font-weight: 600;
    font-size: 16px;
    color: #169f6f
}

.publicWhite .third-dialog .third-dialog-content .qrcode-box img[data-v-39ade6db] {
    width: 225px;
    height: 225px
}

.publicWhite[data-v-39ade6db] .el-dialog__wrapper .el-dialog {
    background: var(--userBgColor)
}

.infoClass[data-v-7e74e9d8] .el-form-item {
    margin-bottom: 0
}

.infoClass[data-v-7e74e9d8] .el-alert--info.is-light {
    background-color: transparent;
    color: var(--userFontTipColor)
}

.infoClass[data-v-7e74e9d8] .el-alert--info.is-light .el-alert__title {
    font-size: 14px
}

.infoClass[data-v-7e74e9d8] .el-alert--info.is-light .kefuClass {
    color: var(--userFontTipColor)
}

.hr[data-v-7e74e9d8] {
    margin: 30px 0;
    border-top: 1px solid rgba(83, 92, 102, .1)
}

.el-form[data-v-7e74e9d8] {
    margin-top: 16px
}

.el-form .formFirst[data-v-7e74e9d8] {
    margin-bottom: 10px
}

.el-form[data-v-7e74e9d8] .el-form-item .el-form-item__label {
    padding: 0 5px 0 0;
    color: var(--userFontColor)
}

.el-form[data-v-7e74e9d8] .el-form-item .el-input {
    width: 55%
}

.el-form[data-v-7e74e9d8] .el-form-item .xingbie {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.el-form[data-v-7e74e9d8] .el-form-item .xingbie li {
    width: 122px;
    height: 44px;
    border: 1px solid var(--userBorderColor);
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    color: var(--userMinorFontColor2)
}

.el-form[data-v-7e74e9d8] .el-form-item .xingbie li:last-child {
    margin-left: 12px
}

.el-form[data-v-7e74e9d8] .el-form-item .xingbie li.active,
.el-form[data-v-7e74e9d8] .el-form-item .xingbie li:hover {
    cursor: pointer;
    color: var(--userFontColor);
    background: var(--genderImgURL);
    background-size: 100% 100%;
    border: none
}

.el-form[data-v-7e74e9d8] .el-form-item .el-button {
    width: 41%
}

.fundToper li[data-v-6ec2a3a2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 16px
}

.fundToper li .title[data-v-6ec2a3a2] {
    width: 48px;
    font-size: 14px;
    color: var(--userMinorFontColor2)
}

.fundToper li .el-radio-group[data-v-6ec2a3a2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fundToper li[data-v-6ec2a3a2] .el-date-editor--daterange.el-input__inner {
    width: 256px;
    color: var(--userTableColor);
    background-color: var(--userTableBgColor)
}

.fundToper li[data-v-6ec2a3a2] .el-date-editor--daterange.el-input__inner .el-range-separator {
    width: 6%;
    padding: 0;
    color: var(--userTableColor)
}

.fundToper li[data-v-6ec2a3a2] .el-date-editor .el-range-input {
    color: var(--userFontColor)
}

.fundToper li .fundRight[data-v-6ec2a3a2] {
    margin-left: 12px;
    color: var(--userFontColor);
    background-color: var(--userBgColor)
}

.fundToper li .fundRight[data-v-6ec2a3a2] .el-radio-button__inner {
    padding: 12px 16px;
    background-color: initial
}

.fundToper li .fundRight[data-v-6ec2a3a2] .el-radio-button__inner:hover {
    color: var(--userFontColor)
}

.fundToper li .fundRight[data-v-6ec2a3a2] .is-active .el-radio-button__inner {
    color: var(--userActiveColor);
    border-color: var(--userActiveBorderColor);
    -webkit-box-shadow: -1px 0 0 0 var(--userActiveBorderColor);
    box-shadow: -1px 0 0 0 var(--userActiveBorderColor)
}

.fundContent[data-v-6ec2a3a2] {
    margin-top: 20px
}

.fundContent[data-v-6ec2a3a2] .el-table__empty-block {
    color: var(--userTableColor);
    background: var(--userTableBgColor)
}

.fundContent[data-v-6ec2a3a2] .el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: var(--userTableHoverBgColor) !important
}

.fundContent[data-v-6ec2a3a2] .el-table:before {
    height: 0
}

.fundContent[data-v-6ec2a3a2] .el-table td .cell,
.fundContent[data-v-6ec2a3a2] .el-table th .cell {
    font-size: 14px;
    text-align: center
}

.fundContent[data-v-6ec2a3a2] .el-table th {
    border: none
}

.fundContent[data-v-6ec2a3a2] .el-table td {
    border-color: var(--userLineColor)
}

.fundContent[data-v-6ec2a3a2] .el-table tr {
    color: var(--userTableColor);
    background-color: var(--userTableBgColor)
}

.fundContent[data-v-6ec2a3a2] .el-table .el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: var(--userTableHoverBgColor) !important
}

.fundContent[data-v-6ec2a3a2] .el-table .has-gutter th {
    color: var(--userTableHeaderColor);
    background: var(--userTableHeaderBgColor)
}

.fundContent[data-v-6ec2a3a2] .el-pagination {
    margin-top: 20px;
    text-align: right
}

.el-radio-button,
.el-radio-button__inner {
    display: inline-block;
    position: relative;
    outline: 0
}

.el-radio-button__inner {
    line-height: 1;
    vertical-align: middle
}

.el-radio-button:first-child:last-child .el-radio-button__inner {
    border-radius: 4px
}

.el-radio-group {
    display: inline-block;
    line-height: 1;
    vertical-align: middle
}

.betToper li[data-v-3aa4105c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 16px
}

.betToper li .title[data-v-3aa4105c] {
    width: 48px;
    font-size: 14px;
    color: var(--userMinorFontColor2)
}

.betToper li .el-radio-group[data-v-3aa4105c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.betToper li[data-v-3aa4105c] .el-date-editor--daterange.el-input__inner {
    width: 256px
}

.betToper li[data-v-3aa4105c] .el-date-editor--daterange.el-input__inner .el-range-separator {
    width: 6%;
    padding: 0
}

.betToper li[data-v-3aa4105c] .el-date-editor .el-range-input {
    color: var(--userFontColor)
}

.betToper li .betRight[data-v-3aa4105c] {
    margin-left: 12px;
    color: var(--userFontColor);
    background-color: var(--userBgColor)
}

.betToper li .betRight[data-v-3aa4105c] .el-radio-button__inner {
    padding: 12px 15px;
    background-color: initial
}

.betToper li .betRight[data-v-3aa4105c] .el-radio-button__inner:hover {
    color: var(--userFontColor)
}

.betToper li .betRight[data-v-3aa4105c] .is-active .el-radio-button__inner {
    color: var(--userActiveColor);
    border-color: var(--userActiveBorderColor);
    -webkit-box-shadow: -1px 0 0 0 var(--userActiveBorderColor);
    box-shadow: -1px 0 0 0 var(--userActiveBorderColor)
}

.betContent[data-v-3aa4105c] {
    margin-top: 20px;
    background-color: var(--userBgColor)
}

.betContent[data-v-3aa4105c] .el-table__empty-block {
    color: var(--userTableColor);
    background: var(--userTableBgColor)
}

.betContent[data-v-3aa4105c] .el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: var(--userTableHoverBgColor) !important
}

.betContent[data-v-3aa4105c] .el-table:before {
    height: 0
}

.betContent[data-v-3aa4105c] .el-table td .cell,
.betContent[data-v-3aa4105c] .el-table th .cell {
    font-size: 14px;
    text-align: center
}

.betContent[data-v-3aa4105c] .el-table th {
    border: none
}

.betContent[data-v-3aa4105c] .el-table td {
    border-color: var(--userLineColor)
}

.betContent[data-v-3aa4105c] .el-table tr {
    color: var(--userTableColor);
    background-color: var(--userTableBgColor)
}

.betContent[data-v-3aa4105c] .el-table .el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: var(--userTableHoverBgColor) !important
}

.betContent[data-v-3aa4105c] .el-table .has-gutter th {
    color: var(--userTableHeaderColor);
    background: var(--userTableHeaderBgColor)
}

.betContent[data-v-3aa4105c] .el-table .arrowIcon:hover {
    cursor: pointer
}

.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell {
    padding: 0;
    background-color: var(--userBgColor)
}

.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell .propsItem {
    background-color: var(--userBgColor)
}

.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell .propsItem li {
    background-color: var(--userBgColor);
    border-top: 1px solid var(--userLineColor);
    margin-bottom: 6px;
    cursor: pointer
}

.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell .propsToper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 38px;
    padding: 0 12px
}

.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell .propsToper span {
    font-size: 14px;
    color: var(--userMinorFontColor1)
}

.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell .propsToper .last {
    color: var(--userFontColor);
    font-weight: 550
}

.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell .propsCont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 12px;
    height: 90px
}

.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell .propsContent {
    padding-bottom: 10px
}

.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell .propsContent .propsContInfo {
    font-size: 14px;
    color: var(--userFontColor);
    font-weight: 600;
    padding: 5px 12px
}

.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell .propsContent .num {
    font-size: 14px;
    color: var(--userMinorFontColor1)
}

.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell .propsContent .red {
    color: #e94b33
}

.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell .betdetail-table {
    width: 97%;
    border-collapse: collapse;
    margin-top: 5px;
    margin-left: 12px;
    margin-right: 12px
}

.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell .betdetail-table tbody,
.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell .betdetail-table thead {
    width: 100%
}

.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell .betdetail-table .tableMoney {
    text-align: center
}

.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell .betdetail-table th {
    color: var(--userTableDetailColor);
    background: var(--userTableDetailBgColor)
}

.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell .betdetail-table td {
    color: var(--userMinorFontColor1)
}

.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell .betdetail-table td,
.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell .betdetail-table th {
    max-width: 50%;
    font-family: PingFangSC-Regular;
    border: 1px solid var(--userBorderColor);
    font-size: 14px;
    font-weight: 400;
    padding: 0 6px
}

.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell .betdetail-table tr th:nth-child(5) {
    width: 17%
}

.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell .betdetail-table tr th:first-child {
    width: 15%
}

.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell .betdetail-table tr th:nth-child(6) {
    width: 18%
}

.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell .betdetail-table tr td {
    padding: 0 6px
}

.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell .betdetail-table tr .ball {
    max-width: 290px;
    line-height: 25px;
    word-wrap: break-word;
    font-size: 14px
}

.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell .game-table th {
    height: 50px;
    text-align: center
}

.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell .game-table td {
    height: 36px;
    text-align: center
}

.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell .game-table .table-title {
    width: 170px
}

.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell .game-table .tr-content {
    width: 526px
}

.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell .propsLeft {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell .propsLeft img {
    width: 60px
}

.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell .propsAmount {
    font-size: 18px;
    color: var(--userFontColor);
    text-align: right;
    font-weight: 550
}

.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell .propsStatus {
    font-size: 14px;
    color: var(--userMinorFontColor2);
    padding-top: 5px
}

.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell .propsInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 8px
}

.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell .propsInfo .propsTit {
    font-size: 16px;
    color: var(--userFontColor);
    font-weight: 550
}

.betContent[data-v-3aa4105c] .el-table .el-table__expanded-cell .propsInfo .propsTim {
    font-size: 14px;
    color: var(--userMinorFontColor2);
    padding-top: 5px
}

.betContent[data-v-3aa4105c] .el-pagination {
    margin-top: 20px;
    text-align: right
}

[data-v-7ac5da36] .el-progress-bar__outer {
    background-color: var(--userProgressOuter)
}

[data-v-7ac5da36] .el-progress-bar__inner {
    background-color: var(--userProgressInner)
}

.vipcenter[data-v-7ac5da36] {
    margin-top: 20px
}

.vipTopBox[data-v-7ac5da36] {
    padding-top: 0 !important
}

.vipBoxTop[data-v-7ac5da36] {
    padding-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vipBoxTop .vipTopLeft[data-v-7ac5da36] {
    width: var(--vipCenterImgWidth);
    height: 100px;
    margin: 0 21px 0 8px;
    background: var(--vipCenterImgURL);
    background-size: 100% 100%;
    position: relative
}

.vipBoxTop .vipTopLeft .vipTitle[data-v-7ac5da36] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-45%, -35%) scale(.7);
    transform: translate(-45%, -35%) scale(.7)
}

.vipBoxTop .vipTopLeft .vipGrage[data-v-7ac5da36] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-42%, 45%) scale(1);
    transform: translate(-42%, 45%) scale(1);
    color: var(--userVipColor)
}

.vipBoxTop .vipTopMidle[data-v-7ac5da36] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 7px;
    padding-top: 21px
}

.vipBoxTop .vipTopMidle h1[data-v-7ac5da36] {
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 20px
}

.vipBoxTop .vipTopMidle .vipTopBot[data-v-7ac5da36] {
    color: var(--userMinorFontColor2);
    margin-top: 9px
}

.vipBoxTop .vipTopMidle .vipTopBot span[data-v-7ac5da36] {
    letter-spacing: -1px
}

.vipBoxTop .vipTopMidle .vipTopBot .liushui[data-v-7ac5da36] {
    margin-left: 18px
}

.vipBoxTop .vipTopRight[data-v-7ac5da36] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--userFontTipColor)
}

.vipBoxTop .vipTopRight span[data-v-7ac5da36] {
    font-size: 14px
}

.vipBoxTop .vipTopRight img[data-v-7ac5da36] {
    margin-top: 2.8px
}

.vipBoxTop .vipTopRight[data-v-7ac5da36]:hover {
    cursor: pointer
}

.vipBoxMid[data-v-7ac5da36] {
    margin-top: 20PX
}

.vipBoxMid .boxGrade[data-v-7ac5da36] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 8px
}

.vipBoxMid .boxGrade li[data-v-7ac5da36] {
    font-size: 12px;
    color: var(--userFontColor);
    position: relative
}

.vipBoxMid .boxGrade .active>.tooltiptext[data-v-7ac5da36] {
    background: var(--userSwitchColor);
    color: var(--userBtnColor);
    text-align: center;
    border-radius: 50%;
    padding: 8px 7px;
    position: absolute;
    z-index: 1;
    bottom: -7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%) scale(.75);
    font-size: 12px
}

.vipBoxMid .boxGrade .active .tooltiptext[data-v-7ac5da36]:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top: 5px solid var(--userSwitchColor)
}

.vipBoxMid .boxGrade .grade0 .tooltiptext[data-v-7ac5da36] {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 7px 10px;
    bottom: -8px
}

.vipBoxFot[data-v-7ac5da36] {
    margin-top: 20PX
}

.vipBoxFot .boxFotTop[data-v-7ac5da36] {
    font-size: 14px;
    color: #849cb7
}

.vipBoxFot .boxAccount[data-v-7ac5da36] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10PX
}

.vipBoxFot .boxAccount span[data-v-7ac5da36] {
    font-size: 14px;
    color: var(--userFontColor)
}

.vipBoxFot .boxAccount .boxInfo[data-v-7ac5da36] {
    margin-left: 6px;
    color: var(--userFontColor);
    font-weight: 500
}

.vipBoxFot[data-v-7ac5da36] .el-progress {
    width: 310px;
    margin: 0 8px
}

.centerCont[data-v-7ac5da36] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 4px
}

.centerCont li[data-v-7ac5da36] {
    width: 20%;
    margin-top: 29px
}

.centerCont li .image-container[data-v-7ac5da36] {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background-color: var(--userBgColor)
}

.centerCont li .centerInfo[data-v-7ac5da36],
.centerCont li .centerTitle[data-v-7ac5da36] {
    text-align: center
}

.centerCont li .centerInfo[data-v-7ac5da36] {
    margin-top: 17px;
    margin-bottom: 11px;
    font-size: 16px;
    color: var(--userFontColor);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.centerCont li .centerTitle[data-v-7ac5da36] {
    padding: 0 5px;
    font-size: 14px;
    color: var(--userMinorFontColor2)
}

.vipcenter[data-v-051d9e40],
.vipInformation[data-v-051d9e40] {
    margin-top: 20px
}

.vipTopBox .el-carousel[data-v-051d9e40] {
    height: 206px
}

.vipTopBox h2[data-v-051d9e40] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vipTopBox h2[data-v-051d9e40]:hover {
    cursor: pointer
}

.el-carousel[data-v-051d9e40] {
    margin-top: 22px
}

.el-carousel .el-carousel__item[data-v-051d9e40] {
    border-radius: 20px;
    background: #cddbff var(--vipvipbgimg);
    background-size: cover
}

.el-carousel .is-active[data-v-051d9e40] {
    width: 56.5%;
    left: -3.3%
}

.el-carousel[data-v-051d9e40] .el-carousel__indicators {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.el-carousel[data-v-051d9e40] .el-carousel__indicators .el-carousel__indicator--horizontal {
    padding: 25px 2px 0
}

.el-carousel[data-v-051d9e40] .el-carousel__indicators .el-carousel__indicator--horizontal .el-carousel__button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--userCarouselIndicator)
}

.el-carousel .carouseItem[data-v-051d9e40] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.el-carousel .carouseItem .carouseInfo[data-v-051d9e40] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.el-carousel .carouseItem .carouseInfo h1[data-v-051d9e40] {
    padding-top: 24px;
    padding-left: 41px;
    font-size: 36px;
    color: #fff
}

.el-carousel .carouseItem .carouseInfo .carouseDouble[data-v-051d9e40] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px
}

.el-carousel .carouseItem .carouseInfo .carouseDouble div[data-v-051d9e40] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.el-carousel .carouseItem .carouseInfo .carouseDouble div span[data-v-051d9e40] {
    font-size: 16px;
    color: #fff
}

.el-carousel .carouseItem .carouseInfo .carouseDouble div .title[data-v-051d9e40] {
    margin-top: 6px
}

.el-carousel .carouseItem .carouseImg[data-v-051d9e40] {
    position: relative
}

.el-carousel .carouseItem .carouseImg .absvip[data-v-051d9e40] {
    width: var(--vipCenterImgWidth);
    height: 100px;
    margin-right: 46px;
    background: var(--vipCenterImgURL);
    background-size: 100% 100%
}

.el-carousel .carouseItem .carouseImg .absGrade[data-v-051d9e40] {
    position: absolute;
    top: 60px;
    right: 50%;
    width: 23px;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 18px;
    color: var(--userVipColor);
    font-weight: 600
}

.vipcenter .infoOut[data-v-051d9e40],
.vipcenter[data-v-051d9e40] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.vipcenter .infoOut[data-v-051d9e40] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.vipcenter .infoIn[data-v-051d9e40] {
    font-size: 12px;
    color: var(--userFontColor);
    line-height: 53px;
    text-align: center;
    white-space: nowrap
}

.vipcenter .infoOut[data-v-051d9e40]:first-child {
    -webkit-box-flex: 1.22;
    -ms-flex: 1.22;
    flex: 1.22
}

.vipcenter .infoOut:first-child .infoIn[data-v-051d9e40] {
    padding-left: 1em;
    text-align: initial
}

.vipcenter .infoIn[data-v-051d9e40]:nth-child(2n-1) {
    color: var(--userVipTableColor);
    background: var(--userVipTableBgColor)
}

.vipContent li[data-v-051d9e40] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px
}

.vipContent li .vipSort[data-v-051d9e40] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--userVipSortBgColor);
    color: #fff;
    font-size: 12px;
    text-align: center;
    margin-top: 2px
}

.vipContent li .vipInfoDeteil[data-v-051d9e40] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    color: var(--userFontColor);
    margin-left: 12px;
    line-height: 22px
}

.redContent {
    text-align: center;
    width: 100%;
    padding: 20px 42px 0
}

.redEnveTop {
    width: 680px;
    height: 844px;
    margin: 15px auto 0;
    background-color: #e95b40;
    background: url(../images/bg.da1e46e.png) 50% no-repeat;
    background-size: cover;
    padding-top: 46px
}

.redEnveTop .redEnveTitle {
    display: block;
    width: 90%;
    margin: 0 auto
}

.redEnveTop .cutdown {
    font-family: FZZhengHeiS-B-GB;
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    text-align: center;
    width: 57%;
    color: #be2324;
    line-height: 225px;
    margin: 13px auto 0
}

.redEnveTop .rulesClass {
    width: 57%;
    text-align: center;
    margin: 145px auto 0;
    cursor: pointer
}

.redEnveTop .rulesClass img {
    width: 20px;
    vertical-align: bottom
}

.redEnveTop .rulesClass span {
    padding-left: 10px;
    color: #f8e29f
}

.redEnveDown {
    width: 680px;
    margin: 0 auto;
    background-color: #ab0f08;
    padding: 25px 49px
}

.redEnveDown .redEnveMidTop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.redEnveDown .redEnveMidTop .btnTitle {
    color: #f8e29f;
    font-weight: 600;
    font-size: 28px
}

.redEnveDown .redEnveMidTop .btnClass {
    width: 148px;
    line-height: 50px;
    border-radius: 57px;
    background: #f8e29f;
    color: #ab0f08;
    border: 1px solid #dc3e3c;
    text-align: center;
    cursor: pointer;
    font-weight: 600
}

.redEnveDown .redEnveMiddle {
    background-color: #850400;
    margin: 16px 0 0;
    height: 285px;
    border-radius: 16px;
    padding: 16px 0 20px
}

.redEnveDown .redEnveMiddle .noMoreData {
    text-align: center;
    color: #f8e29f;
    font-size: 15px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.redEnveDown .redEnveMiddle .redEnveMidCtx {
    height: 100%;
    overflow: hidden
}

.redEnveDown .redEnveMiddle .redEnveMidBox {
    padding: 0 30px;
    list-style: none;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0
}

.redEnveDown .redEnveMiddle .redEnveMidBox li {
    line-height: 44px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.redEnveDown .redEnveMiddle .redEnveMidBox li span:first-child {
    width: 85px
}

.redEnveDown .redEnveMiddle .redEnveMidBox li .betweenTime {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.redEnveDown .redEnveDowBox .redEnveDonTop {
    color: #f8e29f;
    font-weight: 600;
    font-size: 28px;
    text-align: center;
    padding: 15px 0 0
}

.redEnveDown .redEnveDowBox .redEnveMiddle {
    height: 422px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.redEnveDown .redEnveDowBox .redEnveMiddle .redEnveMidToper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 30px
}

.redEnveDown .redEnveDowBox .redEnveMiddle .redEnveMidToper span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #ffc552
}

.redEnveDown .redEnveDowBox .redEnveMiddle .redEnveMidToper span:nth-child(2n),
.redEnveDown .redEnveDowBox .redEnveMiddle .redEnveMidToper span:nth-child(3n) {
    text-align: center
}

.redEnveDown .redEnveDowBox .redEnveMiddle .redEnveMidToper span:last-child {
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
    width: 170px
}

.redEnveDown .redEnveDowBox .redEnveMiddle .redEnveMidCtx {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.redEnveDown .redEnveDowBox .redEnveMiddle .redEnveMidCtx .redEnveMidBox li {
    line-height: 35px
}

.redEnveDown .redEnveDowBox .redEnveMiddle .redEnveMidCtx .redEnveMidBox span:first-child {
    width: auto !important
}

.redEnveDown .redEnveDowBox .redEnveMiddle .redEnveMidCtx .redEnveMidBox span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.redEnveDown .redEnveDowBox .redEnveMiddle .redEnveMidCtx .redEnveMidBox span:nth-child(2n),
.redEnveDown .redEnveDowBox .redEnveMiddle .redEnveMidCtx .redEnveMidBox span:nth-child(3n) {
    text-align: center
}

.redEnveDown .redEnveDowBox .redEnveMiddle .redEnveMidCtx .redEnveMidBox .betweenTime {
    -webkit-box-flex: initial !important;
    -ms-flex: initial !important;
    flex: initial !important;
    width: 170px
}

.redEnvelope .el-dialog__body {
    padding: 15px !important
}

.redEnvelope .el-dialog__body div {
    font-size: 14px;
    font-weight: 600
}

.redEnvelope .el-dialog__body p {
    padding: 5px 0;
    font-size: 12px
}

.redEnvelope .el-button {
    width: 20% !important;
    color: #fff
}

#safecenter[data-v-5ef65a30] .el-form {
    margin-top: 29px
}

#safecenter[data-v-5ef65a30] .el-form .el-form-item .el-input {
    width: 55%
}

#safecenter[data-v-5ef65a30] .el-form .el-form-item .el-button {
    width: 41%
}

#safecenter[data-v-5ef65a30] .el-form .el-form-item .el-form-item__label {
    padding: 0 5px 0 0;
    color: var(--userFontColor)
}

#safecenter[data-v-5ef65a30] .el-form .el-form-item:last-child {
    margin-bottom: 2px
}

#safecenter .titile[data-v-5ef65a30] {
    margin-top: 18px;
    font-size: 16px
}

#safecenter .second[data-v-5ef65a30] {
    margin-top: 32px
}

[data-v-182fdf2c] .el-table__empty-block {
    color: var(--userTableColor);
    background: var(--userTableBgColor)
}

.msgToper[data-v-182fdf2c] {
    padding-bottom: 1px !important
}

.msgToper[data-v-182fdf2c] .el-tabs {
    margin-top: 20px
}

.msgToper[data-v-182fdf2c] .el-tabs .el-tabs__item {
    font-size: 14px;
    color: var(--userMinorFontColor1)
}

.msgToper[data-v-182fdf2c] .el-tabs .el-tabs__active-bar {
    background: var(--userActiveBorderColor)
}

.msgToper[data-v-182fdf2c] .el-tabs .el-tabs__item.is-active {
    color: var(--userFontColor);
    font-weight: 550
}

.msgToper[data-v-182fdf2c] .el-tabs .el-tabs__header {
    margin: 0
}

.msgToper[data-v-182fdf2c] .el-tabs .el-tabs__content {
    display: none
}

.msgToper[data-v-182fdf2c] .el-tabs .el-tabs__nav-wrap:after {
    background-color: var(--userBgColor)
}

.msgConter[data-v-182fdf2c] {
    margin-top: 20px;
    position: relative
}

.msgConter .msgCtxToper[data-v-182fdf2c],
.msgConter .msgCtxToper a[data-v-182fdf2c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.msgConter .msgCtxToper a[data-v-182fdf2c] {
    font-size: 16px;
    font-weight: 600;
    color: var(--userFontColor)
}

.msgConter .msgCtxToper b[data-v-182fdf2c] {
    font-size: 30px;
    position: relative;
    top: -2px;
    padding-right: 5px;
    color: var(--userFontColor)
}

.msgConter .msgTopContent[data-v-182fdf2c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px
}

.msgConter .msgTopContent.msgday .msgTLeft[data-v-182fdf2c] {
    height: 58px
}

.msgConter .msgTopContent .msgTLeft[data-v-182fdf2c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60px;
    height: 53px
}

.msgConter .msgTopContent .msgTRight[data-v-182fdf2c] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.msgConter .msgTopContent .msgTRight h4[data-v-182fdf2c] {
    font-weight: 600;
    font-size: 18px
}

.msgConter .msgTopContent .msgTRight .day[data-v-182fdf2c] {
    font-weight: 500;
    font-size: 14px;
    padding-top: 10px
}

.msgConter .msgTopContent .msgTRight .msgTRigCont[data-v-182fdf2c] {
    margin-top: 15px
}

.msgConter .msgHeader[data-v-182fdf2c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--userLineColor)
}

.msgConter .msgHeader a[data-v-182fdf2c] {
    font-size: 14px;
    color: var(--userFontTipColor)
}

.msgConter .msgHeader .msgEdit[data-v-182fdf2c] {
    margin-left: 26px
}

.msgConter[data-v-182fdf2c] .el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: var(--userTableHoverBgColor) !important
}

.msgConter[data-v-182fdf2c] .el-table:before {
    height: 0
}

.msgConter[data-v-182fdf2c] .el-table .has-gutter th {
    color: var(--userTableHeaderColor);
    background: var(--userTableHeaderBgColor)
}

.msgConter[data-v-182fdf2c] .el-table .has-gutter th.is-leaf {
    border-color: var(--userLineColor)
}

.msgConter[data-v-182fdf2c] .el-table tr {
    background-color: var(--userTableBgColor)
}

.msgConter[data-v-182fdf2c] .el-table td {
    border-color: var(--userLineColor)
}

.msgConter[data-v-182fdf2c] .el-table .el-table__row td:nth-child(4n-2) .cell {
    font-weight: 550;
    color: var(--userFontColor)
}

.msgConter[data-v-182fdf2c] .el-table .el-table__row:hover {
    cursor: pointer
}

.msgConter[data-v-182fdf2c] .el-table .cell {
    position: relative
}

.msgConter[data-v-182fdf2c] .el-table .cell .circle {
    position: absolute;
    right: 22px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #db6372
}

.msgConter[data-v-182fdf2c] .el-table .el-table__body td:nth-child(3n) {
    font-size: 14px;
    color: var(--userMinorFontColor2)
}

.msgConter[data-v-182fdf2c] .el-table .el-table__body td:nth-child(4n) {
    font-size: 14px;
    color: hsla(0, 0%, 100%, .2)
}

.msgConter[data-v-182fdf2c] .el-table .is-leaf:not(.el-table-column--selection) .cell {
    display: none
}

.msgConter.msgActive[data-v-182fdf2c] {
    padding-top: 5px
}

.msgConter.msgActive .msgFixed[data-v-182fdf2c] {
    top: 20px
}

.msgConter.msgActive[data-v-182fdf2c] .el-table .el-table__body td:nth-child(3n) {
    color: #606266
}

.msgConter.msgActive[data-v-182fdf2c] .el-table .el-table__body td:nth-child(3n) .cell {
    font-weight: 550
}

.msgConter.msgActive[data-v-182fdf2c] .el-table .el-table__body td:nth-child(4n) {
    font-size: 14px;
    color: rgba(83, 92, 102, .5)
}

.msgConter.msgActive[data-v-182fdf2c] .el-table .el-table__body td:nth-child(4n) .cell {
    font-weight: 400
}

.msgConter.msgActive[data-v-182fdf2c] .el-table .el-table__body td:nth-child(5n) {
    font-size: 14px;
    color: rgba(83, 92, 102, .2)
}

.msgConter .el-pagination[data-v-182fdf2c] {
    margin-top: 20px;
    text-align: right
}

.msgConter[data-v-182fdf2c] .tableAct .el-table__header-wrapper {
    display: none
}

.msgConter .msgFixed[data-v-182fdf2c] {
    position: absolute;
    z-index: 2;
    top: 34px;
    left: 85px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding-right: 105px
}

.msgConter .msgFixed a[data-v-182fdf2c] {
    font-size: 14px;
    color: var(--userFontColor)
}

.msgConter .msgFixed .msgFixLeft[data-v-182fdf2c] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.msgConter .msgFixed .msgFixLeft .msgFixEdit[data-v-182fdf2c] {
    padding: 0 24px
}

.msgConter .msgFixed .msgFixLeft .msgFixDel[data-v-182fdf2c] {
    color: #db6372
}

.agent-index-out .el-pagination.is-background .el-pager li:not(.disabled).active {
    border-radius: 2px
}

.agent-index-out .num {
    color: var(--firstColor)
}

.agent-index-out .el-range-editor.is-active,
.agent-index-out .el-range-editor.is-active:hover {
    border: 1px solid var(--firstColor)
}

.agent-index-out .el-date-table td.end-date span,
.agent-index-out .el-date-table td.start-date span {
    background-color: var(--firstColor)
}

.agent-index-out .el-date-range-picker .el-picker-panel__content.is-left {
    border: 1px solid var(--firstColor)
}

.agent-index-out .el-date-range-picker .el-picker-panel__content.is-right {
    border-top: 1px solid var(--firstColor);
    border-bottom: 1px solid var(--firstColor);
    border-right: 1px solid var(--firstColor)
}

.agent-index-out .el-input__inner {
    border: 1px solid var(--firstColor)
}

.agent-index-out .el-table thead th {
    background-color: var(--firstColor);
    color: var(--secondColor)
}

.agent-index-out .el-popper[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: var(--firstColor)
}

.agent-index-out .el-select-dropdown {
    border: 1px solid var(--firstColor)
}

.agent-index-out .el-button:focus,
.agent-index-out .el-button:hover {
    color: var(--userActiveColor);
    border-color: var(--userActiveBorderColor);
    background: var(--userBtnHoverBgColor)
}

.agent-index-out .el-button {
    background-color: var(--userBtnHoverBgColor);
    background-image: var(--userBtnBgColor);
    color: var(--userBtnColor)
}

.agent-index-out .el-icon-arrow-up:before,
.agent-index-out .el-select-dropdown__item.selected,
.agent-index-out .el-tabs__item:hover {
    color: var(--firstColor)
}

.agent-index-out[data-v-c8fc0ab0] {
    background: var(--userBgColor);
    -webkit-box-shadow: 0 0 14px 0 rgba(83, 92, 102, .08);
    box-shadow: 0 0 14px 0 rgba(83, 92, 102, .08);
    border-radius: 4px;
    padding: 20px
}

.agent-index-out h2[data-v-c8fc0ab0] {
    padding-bottom: 10px
}

.agent-instruction[data-v-d4bfb684] {
    margin-top: 10px;
    padding: 0 42px
}

.agent-download-div[data-v-d4bfb684] {
    text-align: center;
    width: 100%
}

.agent-download-img[data-v-d4bfb684] {
    width: 100%;
    margin: 0 auto
}

.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 {
    position: relative
}

.el-col-0 {
    display: none
}

.el-row {
    position: relative
}

.el-row:after,
.el-row:before {
    content: ""
}

.el-row--flex:after,
.el-row--flex:before {
    display: none
}

.agent-statement[data-v-61cb3979] {
    padding-top: 24px
}

.el-tabs[data-v-61cb3979] .el-tabs__header {
    margin: 0
}

.el-tabs[data-v-61cb3979] .el-tabs__active-bar {
    background-color: var(--userActiveBorderColor)
}

.el-tabs[data-v-61cb3979] .el-tabs__item {
    padding: 0 40px;
    color: var(--userMinorFontColor1)
}

.el-tabs[data-v-61cb3979] .el-tabs__item.is-active,
.el-tabs[data-v-61cb3979] .el-tabs__item:hover {
    color: var(--userActiveColor)
}

.el-tabs[data-v-61cb3979] #tab-first {
    padding-left: 40px
}

.right-btn-input[data-v-61cb3979] {
    position: absolute;
    height: 32px;
    right: 0;
    top: -3px;
    float: right
}

.right-btn-input .sub-odinate-input[data-v-61cb3979] {
    width: 150px;
    float: right;
    margin-right: 16px
}

.right-btn-input .sub-odinate-btn[data-v-61cb3979] {
    float: right
}

.right-btn-input[data-v-61cb3979] .el-button {
    padding: 7px 15px
}

.right-btn-input[data-v-61cb3979] .el-input__icon,
.right-btn-input[data-v-61cb3979] .el-input__inner {
    height: 32px;
    line-height: 32px
}

.betInformation[data-v-61cb3979] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.betInformation .betInforItem[data-v-61cb3979] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 84px;
    width: 24%;
    min-width: 24%;
    max-width: 24%;
    background: var(--userActiveBorderColor);
    border-radius: 4px;
    margin-top: 32px;
    padding-left: 20px
}

.betInformation .betInforItem .item-name[data-v-61cb3979] {
    padding-bottom: 10px
}

.betInformation .betInforItem .item-num[data-v-61cb3979] {
    font-weight: 700;
    font-size: 24px
}

.el-select-dropdown__item.hover[data-v-61cb3979],
.el-select-dropdown__item[data-v-61cb3979]:hover {
    background-color: initial
}

.search-content[data-v-084c2e30] {
    margin-top: 25px;
    margin-bottom: 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 32px
}

.search-content>span[data-v-084c2e30] {
    font-size: 14px;
    padding: 0 5px
}

.el-pagination[data-v-084c2e30] {
    text-align: right
}

.el-button[data-v-084c2e30] {
    padding: 7px 15px;
    margin-left: 16px
}

.pageRowCls[data-v-084c2e30] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

.width-150[data-v-084c2e30] {
    width: 150px
}

.width-150[data-v-084c2e30] .el-input__inner {
    height: 32px;
    line-height: 32px;
    color: #fff
}

.width-150[data-v-084c2e30] .el-input__icon {
    line-height: 32px
}

.width-164[data-v-084c2e30] {
    width: 164px
}

.width-164[data-v-084c2e30] .el-input__inner {
    height: 32px;
    line-height: 32px;
    padding: 0 11px;
    color: #fff
}

.width-300[data-v-084c2e30] {
    width: 224px;
    height: 32px;
    line-height: 32px;
    color: var(--userTableColor);
    background-color: var(--userTableBgColor)
}

.width-300[data-v-084c2e30] .el-input__icon,
.width-300[data-v-084c2e30] .el-range__icon {
    line-height: 24px
}

.width-300[data-v-084c2e30] .el-range-input {
    color: #fff
}

.width-300[data-v-084c2e30] .el-range-separator {
    padding: initial;
    line-height: 25px;
    color: var(--userTableColor)
}

.commission-wrap[data-v-084c2e30] .el-table__empty-block {
    color: var(--userTableColor);
    background: var(--userTableBgColor)
}

.commission-wrap[data-v-084c2e30] .el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: var(--userTableHoverBgColor) !important
}

.commission-wrap[data-v-084c2e30] .el-table:before {
    height: 0
}

.commission-wrap[data-v-084c2e30] .el-table td .cell,
.commission-wrap[data-v-084c2e30] .el-table th .cell {
    font-size: 14px;
    text-align: center
}

.commission-wrap[data-v-084c2e30] .el-table th {
    border: none
}

.commission-wrap[data-v-084c2e30] .el-table td {
    border-color: var(--userLineColor)
}

.commission-wrap[data-v-084c2e30] .el-table tr {
    color: var(--userTableColor);
    background-color: var(--userTableBgColor)
}

.commission-wrap[data-v-084c2e30] .el-table .el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: var(--userTableHoverBgColor) !important
}

.commission-wrap[data-v-084c2e30] .el-table .has-gutter th {
    color: var(--userTableHeaderColor);
    background: var(--userTableHeaderBgColor)
}

.commission-wrap[data-v-084c2e30] .el-pagination {
    margin-top: 20px;
    text-align: right
}

.commission-receive-wrap[data-v-1cd72b9e] {
    width: 704px
}

.commission-receive-wrap .receive-top-wrap[data-v-1cd72b9e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 95px;
    margin-bottom: 10px;
    border: 1px solid rgba(109, 142, 235, .4);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px
}

.commission-receive-wrap .receive-top-wrap .top-box[data-v-1cd72b9e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    height: 100%;
    padding: 9px 26px 0
}

.commission-receive-wrap .receive-top-wrap .top-box .left-box[data-v-1cd72b9e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%
}

.commission-receive-wrap .receive-top-wrap .top-box .left-box .title[data-v-1cd72b9e] {
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: 700;
    font-size: 30px
}

.commission-receive-wrap .receive-top-wrap .top-box .left-box .title1[data-v-1cd72b9e] {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: 14px
}

.commission-receive-wrap .receive-top-wrap .top-box .btn[data-v-1cd72b9e] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    padding-top: 10px;
    font-size: 14px;
    color: #6d8eeb;
    text-align: right
}

.commission-receive-wrap .receive-top-wrap .top-left-wrap[data-v-1cd72b9e] {
    position: relative
}

.commission-receive-wrap .receive-top-wrap .top-left-wrap[data-v-1cd72b9e]:after {
    position: absolute;
    content: "";
    top: 20px;
    right: 0;
    width: 1px;
    height: 54px;
    background: rgba(109, 142, 235, .4)
}

.commission-receive-wrap .receive-center-wrap[data-v-1cd72b9e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px
}

.commission-receive-wrap .receive-center-wrap .center-box[data-v-1cd72b9e] {
    width: 167px;
    height: 95px;
    padding: 13px;
    border: 1px solid rgba(109, 142, 235, .4);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px
}

.commission-receive-wrap .receive-center-wrap .center-box .title3[data-v-1cd72b9e] {
    font-weight: 600;
    font-size: 14px
}

.commission-receive-wrap .receive-center-wrap .center-box p[data-v-1cd72b9e] {
    padding-top: 15px
}

.commission-receive-wrap .receive-center-wrap .center-box p .title4[data-v-1cd72b9e] {
    font-size: 13px
}

.commission-receive-wrap .receive-center-wrap .center-box p .title5[data-v-1cd72b9e] {
    font-weight: 500;
    font-size: 20px
}

.commission-receive-wrap .receive-bottom-wrap[data-v-1cd72b9e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.commission-receive-wrap .receive-bottom-wrap .bottom-box[data-v-1cd72b9e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 167px;
    height: 95px;
    margin-right: 13px;
    border: 1px solid rgba(109, 142, 235, .4);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 600
}

.commission-receive-wrap .receive-bottom-wrap .bottom-box span[data-v-1cd72b9e] {
    font-size: 14px
}

.sec-title[data-v-1a141359] {
    margin-top: 10px;
    margin-bottom: 20px;
    font-weight: 900;
    font-size: 16px
}

.el-input[data-v-1a141359] {
    width: 330px
}

.submit-btn[data-v-1a141359] {
    width: 256px
}

[data-v-1a141359] .el-form .el-form-item__content {
    line-height: 22px
}

[data-v-1a141359] .el-form .el-alert--info.is-light {
    background-color: initial
}

[data-v-1a141359] .el-form .el-alert--info {
    color: var(--userFontTipColor);
    padding-left: 0
}

[data-v-1a141359] .el-form .el-form-item:nth-child(5n) {
    margin-bottom: 10px
}

.el-select-dropdown__item.selected[data-v-1bcfbdb8] {
    color: var(--firstColor)
}

.search-content[data-v-1bcfbdb8] {
    margin-top: 25px;
    margin-bottom: 19px
}

.search-content>span[data-v-1bcfbdb8] {
    font-size: 14px
}

.el-pagination[data-v-1bcfbdb8] {
    text-align: right
}

.acccount-num[data-v-1bcfbdb8] {
    width: 160px;
    margin-right: 10px
}

.acccount-num[data-v-1bcfbdb8] .el-input__inner {
    height: 32px;
    line-height: 32px
}

.el-button[data-v-1bcfbdb8] {
    padding: 7px 15px
}

.el-select[data-v-1bcfbdb8] {
    width: 150px
}

.el-select[data-v-1bcfbdb8] .el-input__inner {
    height: 32px;
    line-height: 32px
}

.el-select[data-v-1bcfbdb8] .el-input__icon {
    line-height: normal
}

[data-v-1bcfbdb8] .delelet-btn {
    color: #6d8eeb
}

[data-v-1bcfbdb8] .delelet-btn:hover {
    color: #909399
}

.p-top-bottom-20[data-v-1bcfbdb8] .el-table,
.p-top-bottom-20[data-v-1bcfbdb8] .el-table:after,
.p-top-bottom-20[data-v-1bcfbdb8] .el-table:before {
    background-color: initial
}

.p-top-bottom-20[data-v-1bcfbdb8] .el-table th,
.p-top-bottom-20[data-v-1bcfbdb8] .el-table tr {
    color: var(--userTableColor);
    background: initial !important
}

.p-top-bottom-20[data-v-1bcfbdb8] .el-table .cell {
    font-size: 14px
}

.p-top-bottom-20[data-v-1bcfbdb8] .el-table th.is-leaf {
    border-bottom: initial
}

.p-top-bottom-20[data-v-1bcfbdb8] .el-table th .cell {
    color: #fff
}

.p-top-bottom-20[data-v-1bcfbdb8] .el-table .el-table__row td {
    border-bottom: initial
}

.p-top-bottom-20[data-v-1bcfbdb8] .el-table .el-table__row:hover>td {
    background-color: var(--userTableHoverBgColor)
}

.p-top-bottom-20[data-v-1bcfbdb8] .el-table .el-table__expanded-cell {
    padding: 0;
    background-color: initial
}

.p-top-bottom-20[data-v-1bcfbdb8] .el-table .propsItem .liItemTop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0
}

.p-top-bottom-20[data-v-1bcfbdb8] .el-table .propsItem .liItemTop span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 10px
}

.p-top-bottom-20[data-v-1bcfbdb8] .el-table .propsItem .liItemTop span:nth-child(5n) {
    -webkit-box-flex: 0.3;
    -ms-flex: 0.3;
    flex: 0.3;
    text-align: center
}

.p-top-bottom-20[data-v-1bcfbdb8] .el-table .propsItem .noMore {
    font-size: 14px;
    text-align: center;
    color: var(--firstColor);
    padding: 10px 0
}

.p-top-bottom-20[data-v-1bcfbdb8] .el-table .propsItem .noMoreSmall {
    font-size: 12px
}

.p-top-bottom-20[data-v-1bcfbdb8] .el-table .propsItem .checkMore:hover {
    cursor: pointer
}

.pageRowCls[data-v-1bcfbdb8] {
    margin-top: 32px
}

.pageRowCls[data-v-1bcfbdb8],
.search-content[data-v-74b4ce7d] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.search-content[data-v-74b4ce7d] {
    margin-top: 25px;
    margin-bottom: 19px;
    padding-left: 32px
}

.search-content>span[data-v-74b4ce7d] {
    font-size: 14px;
    padding: 0 5px
}

.el-pagination[data-v-74b4ce7d] {
    text-align: right
}

.width-150[data-v-74b4ce7d] {
    width: 150px
}

.width-150[data-v-74b4ce7d] .el-input__inner {
    height: 32px;
    line-height: 32px;
    color: #fff
}

.width-150[data-v-74b4ce7d] .el-input__icon {
    line-height: 32px
}

.width-164[data-v-74b4ce7d] {
    width: 164px
}

.width-164[data-v-74b4ce7d] .el-input__inner {
    height: 32px;
    line-height: 32px;
    padding: 0 11px;
    color: #fff
}

.el-button[data-v-74b4ce7d] {
    padding: 7px 15px;
    margin-left: 16px
}

.width-300[data-v-74b4ce7d] {
    width: 224px;
    height: 32px;
    line-height: 32px;
    color: var(--userTableColor);
    background-color: var(--userTableBgColor)
}

.width-300[data-v-74b4ce7d] .el-input__icon,
.width-300[data-v-74b4ce7d] .el-range__icon {
    line-height: 24px
}

.width-300[data-v-74b4ce7d] .el-range-separator {
    padding: initial;
    line-height: 25px;
    color: var(--userTableColor)
}

.width-300[data-v-74b4ce7d] .el-range-input {
    color: var(--userTableColor)
}

.out-ul[data-v-74b4ce7d] {
    padding: 0 32px
}

.out-ul li[data-v-74b4ce7d] {
    margin-bottom: 12px;
    background-color: var(--userActiveBgColor);
    padding: 20px 10px;
    border-radius: 10px
}

.out-ul .row-out[data-v-74b4ce7d] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.out-ul .win .order[data-v-74b4ce7d] {
    color: #e94b33
}

.out-ul .row-out[data-v-74b4ce7d]:nth-child(2n) {
    margin: 12px 0
}

.out-ul .order[data-v-74b4ce7d] {
    font-weight: 700
}

.out-ul .size-sm[data-v-74b4ce7d] {
    font-size: 14px
}

.out-ul .show[data-v-74b4ce7d] {
    height: auto;
    -webkit-transition-timing-function: cubic-bezier(.5, 0, 1, 0);
    transition-timing-function: cubic-bezier(.5, 0, 1, 0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.out-ul .lottery-show[data-v-74b4ce7d] {
    display: block
}

.out-ul .lottery-hide[data-v-74b4ce7d] {
    display: none
}

.pageRowCls[data-v-74b4ce7d] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

.lotterDetail[data-v-f1732002] {
    overflow: hidden;
    height: 0;
    padding: 10px 0 0;
    text-align: left;
    -webkit-transition: height .35s;
    transition: height .35s
}

.lotterDetail .lotterDetailHead[data-v-f1732002] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.lotterDetail .lotterDetailHead .betDetail[data-v-f1732002],
.lotterDetail .lotterDetailHead[data-v-f1732002] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.lotterDetail .lotterDetailHead .betDetail span[data-v-f1732002] {
    letter-spacing: 1px;
    color: #333
}

.lotterDetail .lotterDetailHead .betDetail span[data-v-f1732002]:first-child {
    width: 180px;
    text-align: justify;
    -moz-text-align-last: justify;
    text-align-last: justify
}

.lotterDetail .lotterDetailHead .betDetail span[data-v-f1732002]:nth-child(2) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    word-break: break-all
}

.lotterDetail .lotterDetailHead .betDetail.betdetail-prize[data-v-f1732002] {
    position: relative;
    font-family: PingFangSC-Medium;
    font-size: 14px
}

.lotterDetail .lotterDetailHead .betDetail.betdetail-prize .text[data-v-f1732002] {
    color: var(--userBorderColor)
}

.lotterDetail .lotterDetailHead .betDetail.betdetail-prize .status[data-v-f1732002] {
    color: #e94b33
}

.lotterDetail .lotterDetailHead .betDetail.betdetail-prize .missStatus[data-v-f1732002] {
    color: var(--userBorderColor)
}

.lotterDetail .lotterDetailHead .betDetail.betdetail-opencodes[data-v-f1732002] {
    font-family: PingFangSC-Medium;
    font-size: 14px
}

.lotterDetail .lotterDetailHead .betDetail.betdetail-opencodes .number[data-v-f1732002],
.lotterDetail .lotterDetailHead .betDetail.betdetail-opencodes .text[data-v-f1732002] {
    color: var(--userBorderColor)
}

.lotterDetail .lotterDetailHead .cancel-btn[data-v-f1732002] {
    width: 120px;
    border: 0;
    outline: none;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background-color: #e94b33
}

.lotterDetail .betdetail-table[data-v-f1732002] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px
}

.lotterDetail .betdetail-table tbody[data-v-f1732002],
.lotterDetail .betdetail-table thead[data-v-f1732002] {
    width: 100%
}

.lotterDetail .betdetail-table .tableMoney[data-v-f1732002] {
    text-align: center
}

.lotterDetail .betdetail-table td[data-v-f1732002],
.lotterDetail .betdetail-table th[data-v-f1732002] {
    max-width: 50%;
    font-family: PingFangSC-Regular;
    border: 1px solid #849cb7;
    font-size: 12px;
    text-align: center;
    color: var(--serviceTextColor);
    font-weight: 400;
    padding: 0 6px
}

.lotterDetail .betdetail-table tr th[data-v-f1732002]:nth-child(5) {
    width: 17%
}

.lotterDetail .betdetail-table tr th[data-v-f1732002]:first-child {
    width: 15%
}

.lotterDetail .betdetail-table tr th[data-v-f1732002]:nth-child(6) {
    width: 18%
}

.lotterDetail .betdetail-table tr td[data-v-f1732002] {
    padding: 0 5px
}

.lotterDetail .betdetail-table tr .ball[data-v-f1732002] {
    max-width: 260px;
    word-wrap: break-word
}

.agent-statement[data-v-6f8da9ec] {
    padding-top: 24px
}

.el-tabs[data-v-6f8da9ec] .el-tabs__active-bar {
    background-color: var(--userActiveBorderColor)
}

.el-tabs[data-v-6f8da9ec] .el-tabs__item {
    color: var(--userMinorFontColor1)
}

.el-tabs[data-v-6f8da9ec] .el-tabs__item.is-active,
.el-tabs[data-v-6f8da9ec] .el-tabs__item:hover {
    color: var(--userActiveColor)
}

.el-tabs[data-v-6f8da9ec] .el-tabs__header {
    margin: 0
}

.el-tabs[data-v-6f8da9ec] .el-tabs__item {
    padding: 0 40px
}

.el-tabs[data-v-6f8da9ec] #tab-first {
    padding-left: 40px
}

.el-select-dropdown__item.selected[data-v-6f8da9ec] {
    color: var(--firstColor)
}

.search-content[data-v-6f8da9ec] {
    margin-top: 25px;
    margin-bottom: 19px
}

.search-content>span[data-v-6f8da9ec] {
    font-size: 14px
}

.search-content[data-v-6f8da9ec] .el-button {
    padding: 7px 15px
}

.el-pagination[data-v-6f8da9ec] {
    text-align: right
}

.width-150[data-v-6f8da9ec] {
    width: 160px
}

.width-150[data-v-6f8da9ec] .el-input__inner {
    height: 32px;
    line-height: 32px
}

.el-select[data-v-6f8da9ec] {
    width: 150px
}

.el-select[data-v-6f8da9ec] .el-input__inner {
    height: 32px;
    line-height: 32px
}

.el-select[data-v-6f8da9ec] .el-input__icon {
    line-height: 32px
}

.num[data-v-6f8da9ec] {
    font-size: 14px
}

[data-v-6f8da9ec] .el-table,
[data-v-6f8da9ec] .el-table:after,
[data-v-6f8da9ec] .el-table:before {
    background-color: initial
}

[data-v-6f8da9ec] .el-table tr {
    background-color: initial;
    color: var(--userTableColor)
}

[data-v-6f8da9ec] .el-table tr td {
    background-color: initial !important;
    border-bottom: initial
}

[data-v-6f8da9ec] .el-table tr:hover>td {
    background-color: var(--userTableHoverBgColor) !important
}

[data-v-6f8da9ec] .el-table .has-gutter th {
    border-bottom: initial;
    background-color: initial
}

[data-v-6f8da9ec] .el-table .cell {
    font-size: 14px
}

[data-v-6f8da9ec] .el-table .el-table__expanded-cell {
    padding: 0;
    background-color: initial
}

.pageRowCls[data-v-6f8da9ec] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 32px
}

#egc .video-banner[data-v-e8ed0e06] {
    height: 350px;
    background: #000 url(../images/banner_egc.e73a3f3.png) 50% no-repeat;
    position: relative
}

#egc .video-banner .notice[data-v-e8ed0e06] {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.egcBox[data-v-e8ed0e06] {
    width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 40px auto 0;
    padding-bottom: 83px
}

.egcBox[data-v-e8ed0e06] .swiper-container {
    width: 100%;
    padding-bottom: 34px
}

.egcBox[data-v-e8ed0e06] .swiper-container .swiper-slide {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid hsla(0, 0%, 100%, .2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 26px;
    background: url(../images/bg_M.22c4187.png) 50% no-repeat;
    background-size: 80% 80%
}

.egcBox[data-v-e8ed0e06] .swiper-pagination {
    bottom: -30px !important
}

.egcBox .bg_m[data-v-e8ed0e06] {
    width: 80%;
    height: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.egcBox .bg_m img[data-v-e8ed0e06] {
    width: 100%;
    height: 100%
}

.egcBox .justInsBox[data-v-e8ed0e06] {
    position: absolute;
    bottom: -34px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 69%;
    height: 12%;
    max-width: 267px;
    max-height: 59px;
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 26px;
    color: #654929;
    background: linear-gradient(92.83deg, #ab9560 .16%, #ebdf93 49.92%, #a9925e)
}

.egcBox .justInsBox[data-v-e8ed0e06]:after {
    left: 15px;
    transform: translateY(-50%)
}

.egcBox .justInsBox[data-v-e8ed0e06]:after,
.egcBox .justInsBox[data-v-e8ed0e06]:before {
    content: "";
    clear: both;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    width: 20px;
    height: 6px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAICAYAAAAWX7TTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAG/SURBVHgBlZFdKINhFMefZzHeLSNa+WiivTPvNqRZmgvEha8iJd9R8hXykSt3tMINF0IKCRdqkSK2mchXIV8piyjKDMmrfV648HhetnovtOXU6TznPOf8zr8ObMiT9X1+Ae2swXQFfFhdbrzajwNyEOIomBwBYIMQ6CfXTVp2n19WYfn79spCPX53eYPxCV6rRK6MSFJn30sSUs4jRGL6wLgsP9k1NHUJglscNuu4Bw4RQuLO0tQNp4POmNLdmdmwqjxSwAPcbmGkqLCue2BJTCVv4vIVhND+qxrKSZmywm6lhS/m+zAE4PCUzjQEmeHVhXHNytwoNakzlbDVEQQxqEovoGs7NRMYZGCWEIDbEBDArZYqVDRWbBGRcuvr04Pg480SuKdfVNodzsEfKFYrHNO0zV8eboUggLQAcdKiSSq8tLFnLU6hnKnOl7g8sERV5nNBZfNGVIz0EI8+4mVPbgaFg+J0Xy+EHmW4mDjR3zF8tm+kimvajSJStjfS22SGCKj9uYFFLJgOg26AF4PsBIOl1xdHtcal6VSn08bj8wUu5jDp+WXH+HvHF+xPqBschEMs9lDsNuy3zGHAP+wbT4WsTbiCrtwAAAAASUVORK5CYII=)
}

.egcBox .justInsBox[data-v-e8ed0e06]:before {
    right: 15px;
    transform: translateY(-50%);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -webkit-filter: FlipH;
    filter: FlipH
}

.egcBox .egcBigIcon img[data-v-e8ed0e06] {
    display: block;
    height: 484px
}

.egcBox .justInsBox[data-v-e8ed0e06]:hover {
    cursor: pointer
}

.games-swiper[data-v-70f139a1] {
    position: relative;
    width: 100%
}

.games-swiper[data-v-70f139a1] .swiper-pagination {
    left: 50%;
    bottom: 66px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.games-swiper[data-v-70f139a1] .swiper-pagination .swiper-pagination-bullet {
    width: 14px;
    height: 6px;
    margin-right: 4px;
    border-radius: 4px;
    background-color: var(--homeNavActiveColor)
}

.games-swiper[data-v-70f139a1] .swiper-pagination .swiper-pagination-bullet-active {
    width: 18px;
    background-color: var(--homeNavActiveColor)
}

.container-poker .notice[data-v-667d12fe] {
    position: fixed;
    z-index: 10
}

#gamedetail[data-v-667d12fe] {
    padding-top: 40px;
    padding-bottom: 50px;
    background: #000 url(../images/bg_egame.053f9f2.png) 50% no-repeat;
    background-size: cover
}

#gamedetail .el-backtop[data-v-667d12fe] {
    position: fixed;
    right: 5%;
    bottom: 20%;
    background-color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #409eff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .12);
    box-shadow: 0 0 6px rgba(0, 0, 0, .12);
    cursor: pointer;
    z-index: 1
}

#gamedetail .el-backtop[data-v-667d12fe]:hover {
    background-color: #f2f6fc
}

.gameToper[data-v-667d12fe] {
    text-align: center
}

.gameToper img[data-v-667d12fe] {
    width: 673px;
    margin: 51px auto 33px
}

.gameContBox[data-v-667d12fe] {
    padding: 30px 24px 30px 33px;
    background: url(../images/bg_poker_game.a656c46.png);
    background-size: 100% 100%;
    position: relative
}

.gameContBox .game-wrap[data-v-667d12fe] {
    height: 650px;
    overflow-y: scroll
}

.gameContBox .left-img[data-v-667d12fe] {
    position: absolute;
    top: 40px;
    left: -505px
}

.gameContBox .right-img[data-v-667d12fe] {
    position: absolute;
    top: 40px;
    right: -455px
}

.gameContBox .gameContTop[data-v-667d12fe] {
    width: 930px;
    height: 75px;
    padding: 0 20px;
    position: absolute;
    z-index: 5
}

.gameContBox .gameContTop[data-v-667d12fe] .el-tabs .el-tabs__header {
    max-width: 874px
}

.gameContBox .gameContTop[data-v-667d12fe] .el-tabs .el-tabs__item {
    padding: 20px 37px;
    height: auto;
    line-height: normal;
    min-width: 140px
}

.gameContBox .gameContTop[data-v-667d12fe] .el-tabs .el-tabs__nav-wrap {
    background: #383838
}

.gameContBox .gameContTop[data-v-667d12fe] .el-tabs .el-tabs__nav-next,
.gameContBox .gameContTop[data-v-667d12fe] .el-tabs .el-tabs__nav-prev {
    line-height: 65px
}

.gameContBox .gameContTop[data-v-667d12fe] .el-tabs .el-tabs__nav-wrap:after {
    height: 0
}

.gameContBox .gameContTop[data-v-667d12fe] .el-tabs .el-tabs__item {
    font-family: PingFang SC;
    font-size: 16px;
    color: #fff
}

.gameContBox .gameContTop[data-v-667d12fe] .el-tabs .el-tabs__item:hover {
    background-image: url(../images/active-border-color-orther.530de33.png);
    background-size: 100% 100%
}

.gameContBox .gameContTop[data-v-667d12fe] .el-tabs #tab-ALL:hover {
    background-image: url(../images/active-border-color.2a2edfd.png) !important;
    background-size: 100% 100%
}

.gameContBox .gameContTop[data-v-667d12fe] .el-tabs .is-active {
    background-image: url(../images/active-border-color-orther.530de33.png);
    background-size: 100% 100%
}

.gameContBox .gameContTop[data-v-667d12fe] .el-tabs .is-active#tab-ALL {
    background-image: url(../images/active-border-color.2a2edfd.png);
    background-size: 100% 100%
}

.gameContBox .gameContTop[data-v-667d12fe] .el-tabs .el-tabs__active-bar {
    height: 0
}

.gameContBox .gameContTop[data-v-667d12fe] .el-input {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 285px;
    height: 36px
}

.gameContBox .gameContTop[data-v-667d12fe] .el-input .el-input__icon:hover {
    cursor: pointer
}

.gameContBox .gameContTop[data-v-667d12fe] .el-input .el-input__inner {
    color: #535c66
}

.gameContBox .wrap[data-v-667d12fe] {
    position: relative
}

.gameContBox .gameCont[data-v-667d12fe] {
    margin-top: 75px;
    padding: 0 20px 64px
}

.gameContBox .gameCont .gameContItem[data-v-667d12fe] {
    margin-top: 30px
}

.gameContBox .gameCont .gameTypeSel[data-v-667d12fe] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.gameContBox .gameCont .gameTypeSel .gameType[data-v-667d12fe] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.gameContBox .gameCont .gameTypeSel .gameType .pcBigICon[data-v-667d12fe] {
    height: 40px
}

.gameContBox .gameCont .gameTypeSel .gameType .gameInfo[data-v-667d12fe] {
    padding-left: 10px
}

.gameContBox .gameCont .gameTypeSel .gameType h2[data-v-667d12fe] {
    font-size: 18px;
    color: #000;
    font-weight: 600
}

.gameContBox .gameCont .gameTypeSel .gameType .info[data-v-667d12fe] {
    font-size: 12px;
    color: rgba(83, 92, 102, .7)
}

.gameContBox .gameCont .gameTypeSel .gameSelect[data-v-667d12fe] {
    width: 79px;
    height: 24px;
    line-height: 23px;
    border-radius: 12px;
    text-align: center;
    font-size: 12px;
    color: #fff
}

.gameContBox .gameCont .gameTypeSel .gameSelect[data-v-667d12fe]:hover {
    cursor: pointer
}

.gameContBox .gameCont .gameTypeSel .gameSelect b[data-v-667d12fe] {
    line-height: 0
}

.gameContBox .gameCont .gameTypeSel .gameSelect img[data-v-667d12fe] {
    display: block;
    width: 100%;
    height: 100%
}

.gameContBox .gameCont .gameTypeCont[data-v-667d12fe] {
    min-height: 195px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.gameContBox .gameCont .gameTypeCont .gameTypeItem[data-v-667d12fe] {
    width: 165px;
    margin-top: 20px;
    margin-right: 16.5px
}

.gameContBox .gameCont .gameTypeCont .gameTypeItem .gameTypeIcon[data-v-667d12fe] {
    width: 100%;
    height: 165px;
    background-color: #f6f8fa;
    overflow: hidden
}

.gameContBox .gameCont .gameTypeCont .gameTypeItem .gameTypeIcon img[data-v-667d12fe] {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
    transition: all .3s
}

.gameContBox .gameCont .gameTypeCont .gameTypeItem .gameTypeIcon[data-v-667d12fe]:hover {
    width: 100%;
    height: 165px;
    background-color: #f6f8fa;
    overflow: hidden
}

.gameContBox .gameCont .gameTypeCont .gameTypeItem .gameTypeIcon:hover img[data-v-667d12fe] {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .3s;
    transition: all .3s
}

.gameContBox .gameCont .gameTypeCont .gameTypeItem .fish[data-v-667d12fe] {
    overflow: hidden;
    -webkit-transition: all .3s;
    transition: all .3s
}

.gameContBox .gameCont .gameTypeCont .gameTypeItem .fish img[data-v-667d12fe] {
    height: auto;
    margin-top: -21px
}

.gameContBox .gameCont .gameTypeCont .gameTypeItem .fish[data-v-667d12fe]:hover {
    overflow: hidden
}

.gameContBox .gameCont .gameTypeCont .gameTypeItem .fish:hover img[data-v-667d12fe] {
    height: auto;
    margin-top: -21px;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.gameContBox .gameCont .gameTypeCont .gameTypeItem .gameTypeTit[data-v-667d12fe] {
    line-height: 37px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: 550;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.gameContBox .gameCont .gameTypeCont .gameTypeItem[data-v-667d12fe]:hover {
    cursor: pointer
}

.gameContBox .gameCont .gameTypeCont .gameTypeItem[data-v-667d12fe]:nth-child(5n) {
    margin-right: 0
}

.gameContBox .el-pagination[data-v-667d12fe] {
    padding: 0 20px 20px;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 0
}

.container-poker .notice[data-v-4a2efdec] {
    position: fixed;
    z-index: 10
}

#gamedetail[data-v-4a2efdec] {
    padding-top: 40px;
    padding-bottom: 50px;
    background: #000 url(../images/bg_poker.631b1cc.png) 50% no-repeat;
    background-size: cover
}

#gamedetail .el-backtop[data-v-4a2efdec] {
    position: fixed;
    right: 5%;
    bottom: 20%;
    background-color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #409eff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .12);
    box-shadow: 0 0 6px rgba(0, 0, 0, .12);
    cursor: pointer;
    z-index: 1
}

#gamedetail .el-backtop[data-v-4a2efdec]:hover {
    background-color: #f2f6fc
}

.gameToper[data-v-4a2efdec] {
    text-align: center
}

.gameToper img[data-v-4a2efdec] {
    width: 673px;
    margin: 51px auto 33px
}

.gameContBox[data-v-4a2efdec] {
    padding: 30px 24px 30px 33px;
    background: url(../images/bg_poker_game.a656c46.png);
    background-size: 100% 100%;
    position: relative
}

.gameContBox .game-wrap[data-v-4a2efdec] {
    height: 650px;
    overflow-y: scroll
}

.gameContBox .left-img[data-v-4a2efdec] {
    position: absolute;
    top: 40px;
    left: -436px
}

.gameContBox .right-img[data-v-4a2efdec] {
    position: absolute;
    top: 40px;
    right: -478px
}

.gameContBox .gameContTop[data-v-4a2efdec] {
    width: 930px;
    height: 75px;
    padding: 0 20px;
    position: absolute;
    z-index: 5
}

.gameContBox .gameContTop[data-v-4a2efdec] .el-tabs .el-tabs__header {
    max-width: 874px
}

.gameContBox .gameContTop[data-v-4a2efdec] .el-tabs .el-tabs__item {
    padding: 20px 37px;
    height: auto;
    line-height: normal
}

.gameContBox .gameContTop[data-v-4a2efdec] .el-tabs .el-tabs__nav-next,
.gameContBox .gameContTop[data-v-4a2efdec] .el-tabs .el-tabs__nav-prev {
    line-height: 65px
}

.gameContBox .gameContTop[data-v-4a2efdec] .el-tabs .el-tabs__nav-wrap {
    background: #383838
}

.gameContBox .gameContTop[data-v-4a2efdec] .el-tabs .el-tabs__nav-wrap:after {
    height: 0
}

.gameContBox .gameContTop[data-v-4a2efdec] .el-tabs .el-tabs__item {
    font-family: PingFang SC;
    font-size: 16px;
    color: #fff
}

.gameContBox .gameContTop[data-v-4a2efdec] .el-tabs .el-tabs__item:hover {
    background-image: url(../images/active-border-color-orther.530de33.png);
    background-size: 100% 100%
}

.gameContBox .gameContTop[data-v-4a2efdec] .el-tabs #tab-ALL:hover {
    background-image: url(../images/active-border-color.2a2edfd.png) !important;
    background-size: 100% 100%
}

.gameContBox .gameContTop[data-v-4a2efdec] .el-tabs .is-active {
    background-image: url(../images/active-border-color-orther.530de33.png);
    background-size: 100% 100%
}

.gameContBox .gameContTop[data-v-4a2efdec] .el-tabs .is-active#tab-ALL {
    background-image: url(../images/active-border-color.2a2edfd.png);
    background-size: 100% 100%
}

.gameContBox .gameContTop[data-v-4a2efdec] .el-tabs .el-tabs__active-bar {
    height: 0
}

.gameContBox .gameContTop[data-v-4a2efdec] .el-input {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 285px;
    height: 36px
}

.gameContBox .gameContTop[data-v-4a2efdec] .el-input .el-input__icon:hover {
    cursor: pointer
}

.gameContBox .gameContTop[data-v-4a2efdec] .el-input .el-input__inner {
    color: #535c66
}

.gameContBox .wrap[data-v-4a2efdec] {
    position: relative
}

.gameContBox .gameCont[data-v-4a2efdec] {
    margin-top: 75px;
    padding: 0 20px 64px
}

.gameContBox .gameCont .gameContItem[data-v-4a2efdec] {
    margin-top: 30px
}

.gameContBox .gameCont .gameTypeSel[data-v-4a2efdec] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.gameContBox .gameCont .gameTypeSel .gameType[data-v-4a2efdec] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.gameContBox .gameCont .gameTypeSel .gameType .pcBigICon[data-v-4a2efdec] {
    height: 40px
}

.gameContBox .gameCont .gameTypeSel .gameType .gameInfo[data-v-4a2efdec] {
    padding-left: 10px
}

.gameContBox .gameCont .gameTypeSel .gameType h2[data-v-4a2efdec] {
    font-size: 18px;
    color: #fff;
    font-weight: 600
}

.gameContBox .gameCont .gameTypeSel .gameType .info[data-v-4a2efdec] {
    font-size: 12px;
    color: rgba(83, 92, 102, .7)
}

.gameContBox .gameCont .gameTypeSel .gameSelect[data-v-4a2efdec] {
    width: 79px;
    height: 24px;
    line-height: 23px;
    border-radius: 12px;
    text-align: center;
    font-size: 12px;
    color: #fff
}

.gameContBox .gameCont .gameTypeSel .gameSelect[data-v-4a2efdec]:hover {
    cursor: pointer
}

.gameContBox .gameCont .gameTypeSel .gameSelect b[data-v-4a2efdec] {
    line-height: 0
}

.gameContBox .gameCont .gameTypeSel .gameSelect img[data-v-4a2efdec] {
    display: block;
    width: 100%;
    height: 100%
}

.gameContBox .gameCont .gameTypeCont[data-v-4a2efdec] {
    min-height: 195px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.gameContBox .gameCont .gameTypeCont .gameTypeItem[data-v-4a2efdec] {
    width: 165px;
    border-radius: 4px;
    margin-top: 20px;
    margin-right: 16.5px;
    overflow: hidden
}

.gameContBox .gameCont .gameTypeCont .gameTypeItem .gameTypeIcon[data-v-4a2efdec] {
    width: 100%;
    height: 165px
}

.gameContBox .gameCont .gameTypeCont .gameTypeItem .gameTypeIcon img[data-v-4a2efdec] {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.gameContBox .gameCont .gameTypeCont .gameTypeItem .gameTypeIcon[data-v-4a2efdec]:hover {
    width: 100%;
    height: 165px;
    overflow: hidden
}

.gameContBox .gameCont .gameTypeCont .gameTypeItem .gameTypeIcon:hover img[data-v-4a2efdec] {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s;
    transition: all .3s
}

.gameContBox .gameCont .gameTypeCont .gameTypeItem .gameTypeTit[data-v-4a2efdec] {
    line-height: 37px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: 550
}

.gameContBox .gameCont .gameTypeCont .gameTypeItem[data-v-4a2efdec]:hover {
    cursor: pointer
}

.gameContBox .gameCont .gameTypeCont .gameTypeItem[data-v-4a2efdec]:nth-child(5n) {
    margin-right: 0
}

.gameContBox .el-pagination[data-v-4a2efdec] {
    padding: 0 20px 20px;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 0
}

#sports .video-banner[data-v-6bca9e82] {
    height: 350px;
    background: #000 url(../images/banner_sports.9a85ae4.png) 50% no-repeat;
    position: relative
}

#sports .video-banner .notice[data-v-6bca9e82] {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.sportsBox[data-v-6bca9e82] {
    width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 40px auto 0;
    padding-bottom: 83px
}

.sportsBox[data-v-6bca9e82] .swiper-container {
    width: 100%;
    padding-bottom: 34px
}

.sportsBox[data-v-6bca9e82] .swiper-container .swiper-slide {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid hsla(0, 0%, 100%, .2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 26px;
    background: url(../images/bg_M.22c4187.png) 50% no-repeat;
    background-size: 80% 80%
}

.sportsBox[data-v-6bca9e82] .swiper-pagination {
    bottom: -30px !important
}

.sportsBox .bg_m[data-v-6bca9e82] {
    width: 80%;
    height: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.sportsBox .bg_m img[data-v-6bca9e82] {
    width: 100%;
    height: 100%
}

.sportsBox .justInsBox[data-v-6bca9e82] {
    position: absolute;
    bottom: -34px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 69%;
    height: 12%;
    max-width: 267px;
    max-height: 59px;
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 26px;
    color: #654929;
    background: linear-gradient(92.83deg, #ab9560 .16%, #ebdf93 49.92%, #a9925e)
}

.sportsBox .justInsBox[data-v-6bca9e82]:after {
    left: 15px;
    transform: translateY(-50%)
}

.sportsBox .justInsBox[data-v-6bca9e82]:after,
.sportsBox .justInsBox[data-v-6bca9e82]:before {
    content: "";
    clear: both;
    position: absolute;
    top: 50%;
    width: 20px;
    height: 6px;
    -webkit-transform: translateY(-50%);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAICAYAAAAWX7TTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAG/SURBVHgBlZFdKINhFMefZzHeLSNa+WiivTPvNqRZmgvEha8iJd9R8hXykSt3tMINF0IKCRdqkSK2mchXIV8piyjKDMmrfV648HhetnovtOXU6TznPOf8zr8ObMiT9X1+Ae2swXQFfFhdbrzajwNyEOIomBwBYIMQ6CfXTVp2n19WYfn79spCPX53eYPxCV6rRK6MSFJn30sSUs4jRGL6wLgsP9k1NHUJglscNuu4Bw4RQuLO0tQNp4POmNLdmdmwqjxSwAPcbmGkqLCue2BJTCVv4vIVhND+qxrKSZmywm6lhS/m+zAE4PCUzjQEmeHVhXHNytwoNakzlbDVEQQxqEovoGs7NRMYZGCWEIDbEBDArZYqVDRWbBGRcuvr04Pg480SuKdfVNodzsEfKFYrHNO0zV8eboUggLQAcdKiSSq8tLFnLU6hnKnOl7g8sERV5nNBZfNGVIz0EI8+4mVPbgaFg+J0Xy+EHmW4mDjR3zF8tm+kimvajSJStjfS22SGCKj9uYFFLJgOg26AF4PsBIOl1xdHtcal6VSn08bj8wUu5jDp+WXH+HvHF+xPqBschEMs9lDsNuy3zGHAP+wbT4WsTbiCrtwAAAAASUVORK5CYII=)
}

.sportsBox .justInsBox[data-v-6bca9e82]:before {
    right: 15px;
    transform: translateY(-50%);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -webkit-filter: FlipH;
    filter: FlipH
}

.sportsBox .sportsBigIcon img[data-v-6bca9e82] {
    display: block;
    width: 100%;
    height: 100%
}

.sportsBox .justInsBox[data-v-6bca9e82]:hover {
    cursor: pointer
}

.amjsc-sportsBox[data-v-6bca9e82] {
    width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 40px auto 0;
    padding-bottom: 83px
}

.amjsc-sportsBox .amjsc-box[data-v-6bca9e82] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 360px;
    height: 100%;
    margin-right: 60px;
    margin-bottom: 60px;
    border: 2px solid hsla(0, 0%, 100%, .2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../images/bg_M.22c4187.png) 50% no-repeat;
    background-size: 80% 80%
}

.amjsc-sportsBox .amjsc-box[data-v-6bca9e82]:nth-child(3n+3) {
    margin-right: 0
}

.amjsc-sportsBox .amjsc-box img[data-v-6bca9e82] {
    display: block;
    width: 100%;
    height: 100%
}

.amjsc-sportsBox .amjsc-box .justInsBox[data-v-6bca9e82] {
    position: absolute;
    bottom: -34px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 69%;
    height: 12%;
    max-width: 267px;
    max-height: 59px;
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 26px;
    color: #654929;
    background: linear-gradient(92.83deg, #ab9560 .16%, #ebdf93 49.92%, #a9925e)
}

.amjsc-sportsBox .amjsc-box .justInsBox[data-v-6bca9e82]:after {
    left: 15px;
    transform: translateY(-50%)
}

.amjsc-sportsBox .amjsc-box .justInsBox[data-v-6bca9e82]:after,
.amjsc-sportsBox .amjsc-box .justInsBox[data-v-6bca9e82]:before {
    content: "";
    clear: both;
    position: absolute;
    top: 50%;
    width: 20px;
    height: 6px;
    -webkit-transform: translateY(-50%);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAICAYAAAAWX7TTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAG/SURBVHgBlZFdKINhFMefZzHeLSNa+WiivTPvNqRZmgvEha8iJd9R8hXykSt3tMINF0IKCRdqkSK2mchXIV8piyjKDMmrfV648HhetnovtOXU6TznPOf8zr8ObMiT9X1+Ae2swXQFfFhdbrzajwNyEOIomBwBYIMQ6CfXTVp2n19WYfn79spCPX53eYPxCV6rRK6MSFJn30sSUs4jRGL6wLgsP9k1NHUJglscNuu4Bw4RQuLO0tQNp4POmNLdmdmwqjxSwAPcbmGkqLCue2BJTCVv4vIVhND+qxrKSZmywm6lhS/m+zAE4PCUzjQEmeHVhXHNytwoNakzlbDVEQQxqEovoGs7NRMYZGCWEIDbEBDArZYqVDRWbBGRcuvr04Pg480SuKdfVNodzsEfKFYrHNO0zV8eboUggLQAcdKiSSq8tLFnLU6hnKnOl7g8sERV5nNBZfNGVIz0EI8+4mVPbgaFg+J0Xy+EHmW4mDjR3zF8tm+kimvajSJStjfS22SGCKj9uYFFLJgOg26AF4PsBIOl1xdHtcal6VSn08bj8wUu5jDp+WXH+HvHF+xPqBschEMs9lDsNuy3zGHAP+wbT4WsTbiCrtwAAAAASUVORK5CYII=)
}

.amjsc-sportsBox .amjsc-box .justInsBox[data-v-6bca9e82]:before {
    right: 15px;
    transform: translateY(-50%);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -webkit-filter: FlipH;
    filter: FlipH
}

.amjsc-sportsBox .amjsc-box .justInsBox[data-v-6bca9e82]:hover {
    cursor: pointer
}

#video .video-banner[data-v-15fd8d89] {
    height: 350px;
    background: #000 url(../images/banner_video.3c3f5ae.png) 50% no-repeat;
    position: relative
}

#video .video-banner .notice[data-v-15fd8d89] {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.videoBox[data-v-15fd8d89] {
    width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 40px auto 0;
    padding-bottom: 83px
}

.videoBox[data-v-15fd8d89] .swiper-container {
    width: 100%;
    padding-bottom: 34px
}

.videoBox[data-v-15fd8d89] .swiper-container .swiper-slide {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 26px;
    border: 2px solid hsla(0, 0%, 100%, .2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../images/bg_M.22c4187.png) 50% no-repeat;
    background-size: 80% 80%
}

.videoBox[data-v-15fd8d89] .swiper-pagination {
    bottom: -30px !important
}

.videoBox .bg_m[data-v-15fd8d89] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 80%;
    height: 80%
}

.videoBox .bg_m img[data-v-15fd8d89] {
    width: 100%;
    height: 100%
}

.videoBox .justInsBox[data-v-15fd8d89] {
    position: absolute;
    bottom: -34px;
    left: 50%;
    z-index: 2;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 69%;
    height: 12%;
    max-width: 267px;
    max-height: 59px;
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 26px;
    line-height: 59px;
    text-align: center;
    color: #654929;
    cursor: pointer;
    background: linear-gradient(92.83deg, #ab9560 .16%, #ebdf93 49.92%, #a9925e)
}

.videoBox .justInsBox[data-v-15fd8d89]:after {
    left: 15px;
    transform: translateY(-50%)
}

.videoBox .justInsBox[data-v-15fd8d89]:after,
.videoBox .justInsBox[data-v-15fd8d89]:before {
    content: "";
    clear: both;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    width: 20px;
    height: 6px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAICAYAAAAWX7TTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAG/SURBVHgBlZFdKINhFMefZzHeLSNa+WiivTPvNqRZmgvEha8iJd9R8hXykSt3tMINF0IKCRdqkSK2mchXIV8piyjKDMmrfV648HhetnovtOXU6TznPOf8zr8ObMiT9X1+Ae2swXQFfFhdbrzajwNyEOIomBwBYIMQ6CfXTVp2n19WYfn79spCPX53eYPxCV6rRK6MSFJn30sSUs4jRGL6wLgsP9k1NHUJglscNuu4Bw4RQuLO0tQNp4POmNLdmdmwqjxSwAPcbmGkqLCue2BJTCVv4vIVhND+qxrKSZmywm6lhS/m+zAE4PCUzjQEmeHVhXHNytwoNakzlbDVEQQxqEovoGs7NRMYZGCWEIDbEBDArZYqVDRWbBGRcuvr04Pg480SuKdfVNodzsEfKFYrHNO0zV8eboUggLQAcdKiSSq8tLFnLU6hnKnOl7g8sERV5nNBZfNGVIz0EI8+4mVPbgaFg+J0Xy+EHmW4mDjR3zF8tm+kimvajSJStjfS22SGCKj9uYFFLJgOg26AF4PsBIOl1xdHtcal6VSn08bj8wUu5jDp+WXH+HvHF+xPqBschEMs9lDsNuy3zGHAP+wbT4WsTbiCrtwAAAAASUVORK5CYII=)
}

.videoBox .justInsBox[data-v-15fd8d89]:before {
    right: 15px;
    transform: translateY(-50%);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -webkit-filter: FlipH;
    filter: FlipH
}

.videoBox .videoSmallIcon[data-v-15fd8d89] {
    height: 100px
}

.videoBox .videoBigIcon img[data-v-15fd8d89] {
    display: block;
    width: 100%;
    height: 100%
}

.videoBox .justInsBox[data-v-15fd8d89]:hover {
    cursor: pointer
}

.amjsc-videoBox[data-v-15fd8d89] {
    width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 40px auto 0;
    padding-bottom: 83px
}

.amjsc-videoBox .amjsc-box[data-v-15fd8d89] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 360px;
    height: 100%;
    margin-right: 60px;
    margin-bottom: 60px;
    border: 2px solid hsla(0, 0%, 100%, .2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../images/bg_M.22c4187.png) 50% no-repeat;
    background-size: 80% 80%
}

.amjsc-videoBox .amjsc-box[data-v-15fd8d89]:nth-child(3n+3) {
    margin-right: 0
}

.amjsc-videoBox .amjsc-box img[data-v-15fd8d89] {
    display: block;
    width: 100%;
    height: 100%
}

.amjsc-videoBox .amjsc-box .justInsBox[data-v-15fd8d89] {
    position: absolute;
    bottom: -34px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 69%;
    height: 12%;
    max-width: 267px;
    max-height: 59px;
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 26px;
    color: #654929;
    background: linear-gradient(92.83deg, #ab9560 .16%, #ebdf93 49.92%, #a9925e)
}

.amjsc-videoBox .amjsc-box .justInsBox[data-v-15fd8d89]:after {
    left: 15px;
    transform: translateY(-50%)
}

.amjsc-videoBox .amjsc-box .justInsBox[data-v-15fd8d89]:after,
.amjsc-videoBox .amjsc-box .justInsBox[data-v-15fd8d89]:before {
    content: "";
    clear: both;
    position: absolute;
    top: 50%;
    width: 20px;
    height: 6px;
    -webkit-transform: translateY(-50%);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAICAYAAAAWX7TTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAG/SURBVHgBlZFdKINhFMefZzHeLSNa+WiivTPvNqRZmgvEha8iJd9R8hXykSt3tMINF0IKCRdqkSK2mchXIV8piyjKDMmrfV648HhetnovtOXU6TznPOf8zr8ObMiT9X1+Ae2swXQFfFhdbrzajwNyEOIomBwBYIMQ6CfXTVp2n19WYfn79spCPX53eYPxCV6rRK6MSFJn30sSUs4jRGL6wLgsP9k1NHUJglscNuu4Bw4RQuLO0tQNp4POmNLdmdmwqjxSwAPcbmGkqLCue2BJTCVv4vIVhND+qxrKSZmywm6lhS/m+zAE4PCUzjQEmeHVhXHNytwoNakzlbDVEQQxqEovoGs7NRMYZGCWEIDbEBDArZYqVDRWbBGRcuvr04Pg480SuKdfVNodzsEfKFYrHNO0zV8eboUggLQAcdKiSSq8tLFnLU6hnKnOl7g8sERV5nNBZfNGVIz0EI8+4mVPbgaFg+J0Xy+EHmW4mDjR3zF8tm+kimvajSJStjfS22SGCKj9uYFFLJgOg26AF4PsBIOl1xdHtcal6VSn08bj8wUu5jDp+WXH+HvHF+xPqBschEMs9lDsNuy3zGHAP+wbT4WsTbiCrtwAAAAASUVORK5CYII=)
}

.amjsc-videoBox .amjsc-box .justInsBox[data-v-15fd8d89]:before {
    right: 15px;
    transform: translateY(-50%);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -webkit-filter: FlipH;
    filter: FlipH
}

.amjsc-videoBox .amjsc-box .justInsBox[data-v-15fd8d89]:hover {
    cursor: pointer
}

#activity[data-v-29aa9e5e] {
    background: #171717;
    padding-bottom: 58px
}

.banner[data-v-29aa9e5e] {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 350px
}

.banner .notice[data-v-29aa9e5e] {
    bottom: 0;
    z-index: 10
}

.banner .block[data-v-29aa9e5e],
.banner .notice[data-v-29aa9e5e] {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.banner .block[data-v-29aa9e5e] {
    width: 1920px;
    margin: 0 auto;
    height: 594px;
    z-index: 1;
    top: 0
}

[data-v-29aa9e5e] .el-carousel__indicators--horizontal {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden
}

[data-v-29aa9e5e] .el-carousel__container {
    text-align: center
}

[data-v-29aa9e5e] .el-carousel .el-carousel__item:hover {
    cursor: pointer
}

[data-v-29aa9e5e] .el-carousel .bannIcon {
    height: 100%;
    display: block;
    margin: 0 auto
}

[data-v-29aa9e5e] .el-carousel .el-carousel__arrow--left {
    left: 20%
}

[data-v-29aa9e5e] .el-carousel .el-carousel__arrow--right {
    right: 20%
}

[data-v-29aa9e5e] .el-carousel .el-carousel__indicator--horizontal {
    padding: 0;
    margin: 20px
}

.box1200[data-v-29aa9e5e] {
    width: 1200px;
    margin: 0 auto;
    padding: 0 50px;
    background: #1b1b1b
}

.activeBox[data-v-29aa9e5e] {
    padding: 15px 50px 60px
}

.activeBox img[data-v-29aa9e5e] {
    width: 100%;
    height: 100%
}

.boxImg[data-v-29aa9e5e] {
    height: 440px
}

[data-v-29aa9e5e] .el-tabs .el-tabs__active-bar,
[data-v-29aa9e5e] .el-tabs .el-tabs__nav-wrap:after {
    display: none
}

[data-v-29aa9e5e] .el-tabs .el-tabs__item {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    margin-left: 80px
}

[data-v-29aa9e5e] .el-tabs .el-tabs__item.is-top:last-child,
[data-v-29aa9e5e] .el-tabs .el-tabs__item.is-top:nth-child(2) {
    padding: 0 26px
}

[data-v-29aa9e5e] .el-tabs .el-tabs__item.is-active {
    font-family: PingFang SC;
    font-style: normal;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #f7e78c;
    border-bottom: 2px solid #f7e78c
}

[data-v-29aa9e5e] .el-tabs .el-tabs__item:hover {
    border-bottom: 2px solid #f7e78c
}

[data-v-29aa9e5e] .el-tabs .el-tabs__nav {
    float: none
}

[data-v-29aa9e5e] .el-tabs .el-tabs__content,
[data-v-29aa9e5e] .el-tabs .el-tabs__nav-scroll,
[data-v-29aa9e5e] .el-tabs .el-tabs__nav-wrap {
    overflow: initial
}

[data-v-29aa9e5e] .el-tabs .el-tabs__content .el-tab-pane,
[data-v-29aa9e5e] .el-tabs .el-tabs__nav-scroll .el-tab-pane,
[data-v-29aa9e5e] .el-tabs .el-tabs__nav-wrap .el-tab-pane {
    -webkit-animation: MY_DH-data-v-29aa9e5e 1.5s ease-out both;
    animation: MY_DH-data-v-29aa9e5e 1.5s ease-out both
}

@-webkit-keyframes MY_DH-data-v-29aa9e5e {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes MY_DH-data-v-29aa9e5e {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

[data-v-29aa9e5e] .el-tabs .el-tabs__header {
    margin-bottom: 20px
}

[data-v-29aa9e5e] .el-tabs .itemBox .el-collapse-item__header {
    height: 156px;
    width: 1100px;
    margin: 0 auto;
    background: transparent;
    border: none
}

[data-v-29aa9e5e] .el-tabs .itemBox .el-collapse-item {
    margin-bottom: 10px;
    cursor: pointer
}

[data-v-29aa9e5e] .el-tabs .itemBox .el-collapse-item .el-collapse-item__wrap {
    background: #1b1b1b;
    border: none;
    margin-top: 10px
}

[data-v-29aa9e5e] .el-tabs .itemBox .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content,
[data-v-29aa9e5e] .el-tabs .itemBox .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content img {
    width: 1100px;
    margin: 0 auto
}

[data-v-29aa9e5e] .el-tabs .itemBox .el-collapse {
    border: none
}

[data-v-29aa9e5e] .el-tabs .itemBox .el-collapse-item__arrow {
    display: none
}

[data-v-29aa9e5e] .el-tabs .itemBox .el-collapse-item__wrap {
    background: #1b1b1b;
    border: none;
    margin-top: 10px
}

[data-v-29aa9e5e] .el-tabs .itemBox .el-collapse-item__wrap .el-collapse-item__content,
[data-v-29aa9e5e] .el-tabs .itemBox .el-collapse-item__wrap .el-collapse-item__content img {
    width: 1100px;
    margin: 0 auto
}

.felx-layout[data-v-29aa9e5e].el-tabs .el-tabs__header {
    padding: 0 50px
}

.felx-layout[data-v-29aa9e5e].el-tabs .el-tabs__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.felx-layout[data-v-29aa9e5e].el-tabs .el-tabs__item {
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.iframe-wrapper[data-v-572e9378] {
    width: 100%;
    height: 100vh;
    padding: 10px
}

.iframe-wrapper #iframe[data-v-572e9378] {
    display: block;
    width: 1320px;
    height: 100%;
    margin: auto;
    border: none
}

.gameOutBox[data-v-38baccec] {
    position: relative
}

.gameHtml[data-v-38baccec],
.gameOutBox[data-v-38baccec] {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0
}

.loadingOutBox[data-v-38baccec] {
    width: 100%;
    height: 100%;
    background-color: #01cefd;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.loadingBox[data-v-38baccec] {
    width: 100%;
    height: 100px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.loadingImg[data-v-38baccec] {
    margin: auto;
    text-align: center;
    letter-spacing: 10px
}

.k-line[data-v-38baccec] {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff
}

.k-line11-1[data-v-38baccec],
.k-line11-2[data-v-38baccec] {
    -webkit-animation: k-loadingP-data-v-38baccec 2s infinite;
    animation: k-loadingP-data-v-38baccec 2s infinite
}

.k-line11-2[data-v-38baccec] {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.k-line11-3[data-v-38baccec] {
    -webkit-animation: k-loadingP-data-v-38baccec 2s infinite;
    animation: k-loadingP-data-v-38baccec 2s infinite;
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

@-webkit-keyframes k-loadingP-data-v-38baccec {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    35% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: .3
    }

    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
        opacity: .8
    }

    70% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
        opacity: .8
    }

    85% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}

@keyframes k-loadingP-data-v-38baccec {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    35% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: .3
    }

    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
        opacity: .8
    }

    70% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
        opacity: .8
    }

    85% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}

.loadingText[data-v-38baccec] {
    margin: auto;
    padding-top: 20px;
    text-align: center;
    font-size: 28px;
    height: 27px;
    line-height: 27px;
    font-weight: 700;
    letter-spacing: 3px;
    color: #fff
}

.video-container[data-v-d5533d6c] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.video-container .filter[data-v-d5533d6c] {
    position: absolute;
    z-index: 1;
    background: rgba(0, 0, 0, .4)
}

.video-container .poster img[data-v-d5533d6c],
.video-container video[data-v-d5533d6c] {
    position: absolute;
    z-index: 0
}

.loginBox[data-v-d5533d6c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#login[data-v-d5533d6c] {
    width: 100%;
    height: 100%
}

.loginBox[data-v-d5533d6c] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2
}

.loginBox .loginLogo[data-v-d5533d6c] {
    width: 168px;
    margin-bottom: 25px
}

.loginBox .loginLogo img[data-v-d5533d6c] {
    width: 100%;
    display: block;
    margin: 0 auto
}

.loginClassForm[data-v-d5533d6c] {
    width: 285px
}

.loginClassForm .el-form-item.is-error[data-v-d5533d6c] {
    margin-bottom: 36px
}

.loginClassForm[data-v-d5533d6c] .el-form-item__content .el-input__prefix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 10px
}

.loginClassForm[data-v-d5533d6c] .el-form-item__content .el-input__inner {
    background: hsla(0, 0%, 100%, .5);
    border: 1px solid #fff;
    -webkit-box-shadow: inset 0 1px 15px 0 hsla(0, 0%, 100%, .5);
    box-shadow: inset 0 1px 15px 0 hsla(0, 0%, 100%, .5);
    border-radius: 20px;
    padding-left: 40px;
    color: #000
}

.loginClassForm[data-v-d5533d6c] .el-form-item__content ::-webkit-input-placeholder {
    color: #fff
}

.loginClassForm[data-v-d5533d6c] .el-form-item__content .el-form-item__error,
.loginClassForm[data-v-d5533d6c] .el-form-item__content .el-input__clear,
.loginClassForm[data-v-d5533d6c] .el-form-item__content .el-input__validateIcon {
    color: #fff
}

.loginClassForm[data-v-d5533d6c] .el-form-item__content .codeClass {
    overflow: hidden
}

.loginClassForm[data-v-d5533d6c] .el-form-item__content .codeClass .el-input__suffix {
    right: 94px
}

.loginClassForm img[data-v-d5533d6c] {
    width: 24px;
    height: 24px
}

.loginClassForm .codeSuffix[data-v-d5533d6c] {
    position: absolute;
    top: 50%;
    right: -93px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 90px;
    height: 38px;
    background: #f3fbfe;
    border-radius: 20px
}

.loginClassForm .codeSuffix[data-v-d5533d6c]:hover {
    cursor: pointer
}

.loginClassForm .el-button[data-v-d5533d6c] {
    width: 100%;
    font-family: PingFangSC-Regular;
    font-size: 15px;
    color: #fff;
    letter-spacing: 4px
}

.loginClassForm .el-button.active[data-v-d5533d6c] {
    opacity: 1
}

.loginType[data-v-d5533d6c] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 14px
}

.loginType[data-v-d5533d6c] .el-checkbox {
    color: #fff
}

.loginType[data-v-d5533d6c] .el-checkbox .el-checkbox__inner {
    border-radius: 50%
}

.loginType[data-v-d5533d6c] .el-checkbox .el-checkbox__input.is-checked+.el-checkbox__label {
    color: #fff
}

.loginType[data-v-d5533d6c] .el-checkbox .el-checkbox__label {
    white-space: normal;
    max-width: 120px
}

.loginType[data-v-d5533d6c] .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: #fff;
    border-color: #fff
}

.loginType[data-v-d5533d6c] .el-checkbox .el-checkbox__inner:after {
    border-color: #7e9dba
}

.loginType .loginRight[data-v-d5533d6c] {
    color: #fff;
    font-family: PingFangSC-Semibold;
    font-size: 14px;
    white-space: normal;
    max-width: 120px
}

.loginFot span[data-v-d5533d6c] {
    color: #f9f9f9;
    height: 20px;
    margin: 0 8px
}

.loginFot a[data-v-d5533d6c] {
    color: #fff;
    font-size: 14px;
    font-family: PingFangSC-Regular
}

[data-v-d5533d6c] .el-dialog__wrapper {
    border-radius: 6px
}

[data-v-d5533d6c] .el-dialog__wrapper .el-dialog .el-dialog__header {
    position: relative;
    height: 48px;
    padding: 0;
    line-height: 48px;
    text-align: center;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#a4b1c1), to(#67717e));
    background-image: linear-gradient(180deg, #a4b1c1, #67717e)
}

[data-v-d5533d6c] .el-dialog__wrapper .el-dialog .el-dialog__header .el-dialog__title {
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #fff;
    letter-spacing: 0
}

[data-v-d5533d6c] .el-dialog__wrapper .el-dialog .el-dialog__header .el-dialog__headerbtn {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

[data-v-d5533d6c] .el-dialog__wrapper .el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
    color: #fff;
    font-size: 24px
}

[data-v-d5533d6c] .el-dialog__wrapper .el-dialog .el-dialog__body {
    margin-top: 20px;
    padding: 0
}

[data-v-d5533d6c] .el-dialog__wrapper .el-dialog .el-dialog__body .tips {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #535c66;
    text-align: center;
    line-height: 24px
}

[data-v-d5533d6c] .el-dialog__wrapper .el-dialog .el-dialog__body .el-form-item__content {
    display: block;
    width: 245px;
    height: 46px;
    margin: 20px auto
}

[data-v-d5533d6c] .el-dialog__wrapper .el-dialog .el-dialog__body .el-form-item {
    margin-bottom: 0
}

[data-v-d5533d6c] .el-dialog__wrapper .el-dialog .el-dialog__body .confirmPasswordIcon {
    width: 24px;
    height: 24px
}

[data-v-d5533d6c] .el-dialog__wrapper .el-dialog .el-dialog__body .confirmPasswordIcon:last-of-type {
    cursor: pointer
}

[data-v-d5533d6c] .el-dialog__wrapper .el-dialog .el-dialog__body .el-input {
    display: block;
    height: 46px
}

[data-v-d5533d6c] .el-dialog__wrapper .el-dialog .el-dialog__body .el-input .el-input__inner {
    height: 100%;
    padding-left: 40px
}

[data-v-d5533d6c] .el-dialog__wrapper .el-dialog .el-dialog__body .el-input .el-input__prefix,
[data-v-d5533d6c] .el-dialog__wrapper .el-dialog .el-dialog__body .el-input .el-input__suffix,
[data-v-d5533d6c] .el-dialog__wrapper .el-dialog .el-dialog__body .el-input .el-input__suffix-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

[data-v-d5533d6c] .el-dialog__wrapper .el-dialog .el-button {
    width: 245px;
    height: 40px;
    margin: 15px auto 0;
    background-image: linear-gradient(225deg, #a4b1c1, #67717e);
    border-radius: 4px;
    border: none
}

[data-v-d5533d6c] .el-dialog__wrapper .el-dialog .el-button span {
    font-family: PingFangSC-Semibold;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 16px
}

[data-v-d5533d6c] .el-dialog__wrapper .el-dialog .el-button.is-disabled {
    background: #d6dde7
}

.loginClass[data-v-d5533d6c] #captcha {
    width: 100%;
    height: 40px;
    line-height: 40px
}

.loginClass[data-v-d5533d6c] #captcha .geetest_radar_btn {
    border: 1px solid #ddd
}

.loginClass[data-v-d5533d6c] #captcha #text {
    height: 40px;
    line-height: 40px;
    position: static;
    top: auto;
    border-radius: 20px;
    border: 1px solid #ddd
}

.loginClass[data-v-d5533d6c] #captcha #wait {
    position: static;
    top: auto;
    width: 100%;
    height: 40px;
    border-radius: 20px;
    border: 1px solid #ddd
}

.loginClass[data-v-d5533d6c] #captcha #wait .loading {
    width: 48px;
    height: 40px
}

.loginClass[data-v-d5533d6c] #captcha #wait .loading .loading-dot {
    margin: 18px 4px
}

.loginClass[data-v-d5533d6c] #captcha .geetest_radar_btn {
    top: 0;
    height: 40px;
    border-radius: 20px
}

.loginClass[data-v-d5533d6c] #captcha .geetest_radar_btn .geetest_radar {
    top: 10px;
    left: 12px;
    width: 18px;
    height: 18px
}

.loginClass[data-v-d5533d6c] #captcha .geetest_radar_btn .geetest_radar_tip {
    top: 12px;
    left: 40px
}

.loginClass[data-v-d5533d6c] #captcha .geetest_radar_btn .geetest_radar_tip .geetest_radar_tip_content {
    font-size: 14px
}

.loginClass[data-v-d5533d6c] #captcha .geetest_radar_btn .geetest_logo {
    right: 14px;
    width: 20px;
    height: 20px;
    top: 10px
}

.loginClass[data-v-d5533d6c] #captcha .geetest_success_btn {
    top: 0;
    border-radius: 20px;
    height: 40px
}

.loginClass[data-v-d5533d6c] #captcha .geetest_success_btn .geetest_success_box {
    top: 7px;
    left: 9px
}

.loginClass[data-v-d5533d6c] #captcha .geetest_success_btn .geetest_success_radar_tip {
    top: 12px;
    left: 42px;
    font-size: 14px
}

.loginClass[data-v-d5533d6c] #captcha .geetest_success_btn .geetest_success_logo {
    top: 9px;
    right: 15px
}

#captcha[data-v-afed49f8] {
    width: 146px;
    height: 38px;
    line-height: 38px
}

#text[data-v-afed49f8] {
    border-radius: 2px;
    color: #ccc;
    font-size: 12px;
    line-height: 24px
}

#text[data-v-afed49f8],
#wait[data-v-afed49f8] {
    text-align: center;
    background-color: #f3f3f3;
    height: 24px;
    position: relative;
    top: 7px;
    border-radius: 14px
}

#wait[data-v-afed49f8] {
    width: 146px
}

.loading[data-v-afed49f8] {
    margin: auto;
    width: 48px;
    height: 20px
}

.loading-dot[data-v-afed49f8] {
    float: left;
    width: 4px;
    height: 4px;
    margin: 10px 4px;
    background: #ccc;
    border-radius: 14px;
    opacity: 0;
    -webkit-box-shadow: 0 0 2px #000;
    box-shadow: 0 0 2px #000;
    -webkit-animation: loadingFade-data-v-afed49f8 1s infinite;
    animation: loadingFade-data-v-afed49f8 1s infinite
}

.loading-dot[data-v-afed49f8]:first-child {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.loading-dot[data-v-afed49f8]:nth-child(2) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.loading-dot[data-v-afed49f8]:nth-child(3) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.loading-dot[data-v-afed49f8]:nth-child(4) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

@-webkit-keyframes loadingFade-data-v-afed49f8 {
    0% {
        opacity: 0
    }

    50% {
        opacity: .8
    }

    to {
        opacity: 0
    }
}

@keyframes loadingFade-data-v-afed49f8 {
    0% {
        opacity: 0
    }

    50% {
        opacity: .8
    }

    to {
        opacity: 0
    }
}

.geetest_radar_btn[data-v-afed49f8] {
    position: relative;
    top: 7px;
    width: 100%;
    height: 24px;
    background-color: #fff;
    border-radius: 14px;
    border: 1px solid #f4b0b1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
    background-image: linear-gradient(180deg, #fff, #f3f3f3)
}

.geetest_radar_btn[data-v-afed49f8]:hover {
    cursor: pointer;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f3f3f3));
    background-image: linear-gradient(0deg, #fff, #f3f3f3)
}

.geetest_radar_btn .geetest_radar[data-v-afed49f8] {
    position: absolute;
    top: 4px;
    left: 9px;
    width: 15px;
    height: 15px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.geetest_radar_btn .geetest_radar .geetest_ring[data-v-afed49f8] {
    position: absolute;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(.4);
    transform: scale(.4);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-box-shadow: inset 0 0 0 1px #3873ff;
    box-shadow: inset 0 0 0 1px #3873ff;
    background: #c6d5f8;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.geetest_radar_btn .geetest_radar .geetest_dot[data-v-afed49f8] {
    position: absolute;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(.4);
    transform: scale(.4);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background: #3873ff
}

.geetest_radar_btn .geetest_radar_tip[data-v-afed49f8] {
    position: absolute;
    top: 6px;
    left: 31px;
    letter-spacing: 1.3px;
    line-height: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #666;
    white-space: nowrap;
    text-align: left;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.geetest_radar_btn .geetest_radar_tip .geetest_radar_tip_content[data-v-afed49f8] {
    font-size: 12px
}

.geetest_success_btn[data-v-afed49f8] {
    position: absolute;
    top: 7px;
    border-radius: 14px;
    width: 100%;
    height: 24px;
    cursor: pointer;
    opacity: 1;
    border: 1px solid #26c267;
    right: 0;
    background: #eefff5;
    -webkit-transition: width ease;
    transition: width ease
}

.geetest_success_btn .geetest_success_box[data-v-afed49f8] {
    position: absolute;
    top: -1px;
    left: 4px;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    -webkit-transform: scale(.7);
    transform: scale(.7)
}

.geetest_success_btn .geetest_success_box .geetest_success_show[data-v-afed49f8] {
    position: relative;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background-color: #eefff5
}

.geetest_success_btn .geetest_success_box .geetest_success_show .geetest_success_pie[data-v-afed49f8] {
    -webkit-animation: geetest_success_pie-data-v-afed49f8 .7s ease both;
    animation: geetest_success_pie-data-v-afed49f8 .7s ease both;
    position: absolute;
    left: 50%;
    top: 0;
    border: 2px solid #80d6ac;
    border-left: none;
    border-radius: 0 100% 100% 0/0 50% 50% 0;
    width: 50%;
    height: 100%;
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.geetest_success_btn .geetest_success_box .geetest_success_show .geetest_success_filter[data-v-afed49f8] {
    -webkit-animation: geetest_success_filter-data-v-afed49f8 .7s linear both;
    animation: geetest_success_filter-data-v-afed49f8 .7s linear both;
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid #80d6ac;
    border-right: none;
    border-radius: 100% 0 0 100%/50% 0 0 50%;
    width: 50%;
    height: 100%;
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 0
}

.geetest_success_btn .geetest_success_box .geetest_success_show .geetest_success_mask[data-v-afed49f8] {
    -webkit-animation: geetest_success_mask-data-v-afed49f8 .7s linear both;
    animation: geetest_success_mask-data-v-afed49f8 .7s linear both;
    border: none;
    border-radius: 0;
    background-color: #eefff5;
    position: absolute;
    left: 50%;
    top: 0;
    width: 50%;
    height: 100%;
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.geetest_success_btn .geetest_success_box .geetest_success_correct[data-v-afed49f8] {
    position: absolute;
    right: -4px;
    top: -4px;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.geetest_success_btn .geetest_success_box .geetest_success_correct .geetest_success_icon[data-v-afed49f8] {
    -webkit-animation: geetest_success_correct .7s ease both;
    animation: geetest_success_correct .7s ease both;
    position: absolute;
    top: -23px;
    right: -23px;
    width: 18px;
    height: 18px;
    background-size: 322.22222%;
    background: url(../images/sprite.1.5.8.b83c4ea.png) no-repeat 0 70.65637%;
    -webkit-transform: translate(-28px, 28px);
    transform: translate(-28px, 28px)
}

.geetest_success_btn .geetest_success_radar_tip[data-v-afed49f8] {
    position: absolute;
    top: 6px;
    left: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    color: #666;
    white-space: nowrap;
    text-align: left;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    color: #18a452;
    line-height: 1
}

.geetest_success_ani[data-v-afed49f8] {
    width: 100%;
    -webkit-animation: geetest_wait_success-data-v-afed49f8 .5s ease;
    animation: geetest_wait_success-data-v-afed49f8 .5s ease
}

@keyframes geetest_wait_success-data-v-afed49f8 {
    0% {
        width: 50%
    }

    to {
        width: 100%
    }
}

@-webkit-keyframes geetest_wait_success-data-v-afed49f8 {
    0% {
        width: 50%
    }

    to {
        width: 100%
    }
}

@keyframes geetest_wait_compute-data-v-afed49f8 {
    60% {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
}

@-webkit-keyframes geetest_wait_compute-data-v-afed49f8 {
    60% {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
}

@keyframes geetest_success_pie-data-v-afed49f8 {
    25% {
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg)
    }

    to {
        -webkit-transform: rotate(-275deg);
        transform: rotate(-275deg)
    }
}

@-webkit-keyframes geetest_success_pie-data-v-afed49f8 {
    25% {
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg)
    }

    to {
        -webkit-transform: rotate(-275deg);
        transform: rotate(-275deg)
    }
}

@keyframes geetest_success_filter-data-v-afed49f8 {
    50.9% {
        opacity: 0
    }

    51% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes geetest_success_filter-data-v-afed49f8 {
    50.9% {
        opacity: 0
    }

    51% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes geetest_success_mask-data-v-afed49f8 {
    50.9% {
        opacity: 1
    }

    51% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes geetest_success_mask-data-v-afed49f8 {
    50.9% {
        opacity: 1
    }

    51% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

.playTest[data-v-3e361fc4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.playTest .playNotice[data-v-3e361fc4] {
    color: #fe9700;
    font-weight: 700;
    font-size: 40px;
    padding: 0 2.5% 2.5%
}

.playTest .playInfo[data-v-3e361fc4] {
    padding: 0 2.5%
}

.playTest .hrefClass[data-v-3e361fc4] {
    display: block;
    line-height: 100px;
    text-align: center;
    margin: 10%;
    background-color: #fe9700;
    color: #fff;
    border-radius: 10px;
    letter-spacing: 4px
}

.playTest .qrcode-wrapper[data-v-3e361fc4] {
    display: block;
    margin: 0 auto;
    max-width: 75%;
    border-radius: 7%;
    padding: 0 40px 40px
}

.playTest .qrcode-wrapper .scanDown[data-v-3e361fc4] {
    font-size: 32px;
    text-align: center;
    padding: 40px 0;
    color: #fff;
    letter-spacing: 4px
}

.playTest .qrcode-wrapper .qrcode[data-v-3e361fc4] img {
    width: 100%
}

.playTstBig[data-v-3e361fc4] {
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.playTstBig .playNotice[data-v-3e361fc4] {
    padding-bottom: 10px;
    font-size: 22px
}

.playTstBig .hrefClass[data-v-3e361fc4] {
    line-height: 45px;
    margin: 20px 0;
    width: 180px
}

.playTstBig .qrcode-wrapper[data-v-3e361fc4] {
    padding: 0 20px 20px;
    width: 280px;
    border-radius: 12px
}

.playTstBig .qrcode-wrapper .scanDown[data-v-3e361fc4] {
    padding: 10px 0;
    font-size: 20px
}

.playTstBig .qrcode-wrapper .qrcode[data-v-3e361fc4],
.playTstBig .qrcode-wrapper .qrcode[data-v-3e361fc4] img {
    height: auto
}

a,
article,
aside,
audio,
b,
body,
center,
dd,
div,
dl,
dt,
em,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
img,
input,
label,
legend,
li,
menu,
nav,
ol,
p,
s,
section,
span,
strong,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
u,
ul {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 16px;
    font-weight: 400;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body,
html {
    height: 100%
}

body {
    overflow-y: scroll
}

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

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: none
}

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

a {
    color: #535c66;
    -webkit-backface-visibility: hidden
}

a,
s {
    text-decoration: none
}

li {
    list-style: none
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

::-webkit-scrollbar-thumb {
    background-color: #86898f;
    -webkit-border-radius: 6px
}

::-webkit-scrollbar-thumb:hover {
    background-color: #6d7075
}

::-webkit-scrollbar-thumb:active {
    background-color: #585b60
}

::-webkit-scrollbar-corner {
    display: none
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

::-webkit-resizer {
    display: none
}

input,
option,
select,
textarea {
    outline: 0
}

.el-pagination--small .arrow.disabled,
.el-table--hidden,
.el-table .hidden-columns,
.el-table td.is-hidden>*,
.el-table th.is-hidden>* {
    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
}

@font-face {
    font-family: element-icons;
    src: url(../../static/fonts/element-icons.535877f.woff) format("woff"), url(../../static/fonts/element-icons.732389d.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 {
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite
}

.el-icon--right {
    margin-left: 5px
}

.el-icon--left {
    margin-right: 5px
}

@-webkit-keyframes rotating {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotating {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.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;
    -webkit-box-sizing: border-box;
    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;
    -webkit-transform: scale(.8);
    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: 0 0
}

.el-pagination button:focus {
    outline: 0
}

.el-pagination button:hover {
    color: #409eff
}

.el-pagination button:disabled {
    color: #c0c4cc;
    background-color: #fff;
    cursor: not-allowed
}

.el-pagination .btn-next,
.el-pagination .btn-prev {
    background: 50% no-repeat #fff;
    background-size: 16px;
    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-pager li,
.el-pager li.btn-quicknext:hover,
.el-pager li.btn-quickprev:hover {
    cursor: pointer
}

.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 .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: #409eff
}

.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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px
}

.el-pager,
.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev {
    padding: 0
}

.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-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;
    color: #fff
}

.el-dialog,
.el-pager li {
    background: #fff;
    -webkit-box-sizing: border-box
}

.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,
.el-pager li {
    vertical-align: top;
    margin: 0;
    display: inline-block
}

.el-pager {
    -moz-user-select: none;
    user-select: none;
    list-style: none;
    font-size: 0
}

.el-date-table,
.el-pager,
.el-table th {
    -webkit-user-select: none;
    -ms-user-select: none
}

.el-pager .more:before {
    line-height: 30px
}

.el-pager li {
    padding: 0 4px;
    font-size: 13px;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.el-menu--collapse .el-menu .el-submenu,
.el-menu--popup {
    min-width: 200px
}

.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.active+li {
    border-left: 0
}

.el-pager li:hover {
    color: #409eff
}

.el-pager li.active {
    color: #409eff;
    cursor: default
}

@-webkit-keyframes v-modal-in {
    0% {
        opacity: 0
    }
}

@-webkit-keyframes v-modal-out {
    to {
        opacity: 0
    }
}

.el-dialog {
    position: relative;
    margin: 0 auto 50px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    -webkit-box-sizing: border-box;
    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: 0 0;
    border: none;
    outline: 0;
    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: #409eff
}

.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;
    -webkit-box-sizing: border-box;
    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 {
    -webkit-animation: dialog-fade-in .3s;
    animation: dialog-fade-in .3s
}

.dialog-fade-leave-active {
    -webkit-animation: dialog-fade-out .3s;
    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
    }
}

@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
    }
}

@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 {
    position: relative;
    display: inline-block
}

.el-autocomplete-suggestion {
    margin: 5px 0;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border-radius: 4px;
    border: 1px solid #e4e7ed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
}

.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 {
    max-height: 280px;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    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: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-menu {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 0;
    margin: 5px 0;
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    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: 0
}

.el-dropdown-menu__item:focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: #ecf5ff;
    color: #66b1ff
}

.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
}

.el-menu,
.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: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-submenu {
    float: left
}

.el-menu--horizontal>.el-submenu:focus,
.el-menu--horizontal>.el-submenu:hover {
    outline: 0
}

.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 #409eff;
    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__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: 0;
    color: #303133
}

.el-menu--horizontal>.el-menu-item.is-active {
    border-bottom: 2px solid #409eff;
    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-submenu {
    position: relative
}

.el-menu--collapse .el-submenu .el-menu {
    position: absolute;
    margin-left: 5px;
    top: 0;
    left: 100%;
    border: 1px solid #e4e7ed;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.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;
    transform: none
}

.el-menu--popup {
    z-index: 100;
    border: none;
    padding: 5px 0;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    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 {
    font-size: 14px;
    color: #303133;
    padding: 0 20px;
    cursor: pointer;
    -webkit-transition: border-color .3s, background-color .3s, color .3s;
    transition: border-color .3s, background-color .3s, color .3s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-menu-item * {
    vertical-align: middle
}

.el-menu-item i {
    color: #909399
}

.el-menu-item:focus,
.el-menu-item:hover {
    outline: 0;
    background-color: #ecf5ff
}

.el-menu-item.is-disabled {
    opacity: .25;
    cursor: not-allowed;
    background: 0 0 !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: #409eff
}

.el-menu-item.is-active i {
    color: inherit
}

.el-submenu {
    list-style: none;
    margin: 0;
    padding-left: 0
}

.el-submenu__title {
    font-size: 14px;
    color: #303133;
    padding: 0 20px;
    cursor: pointer;
    -webkit-transition: border-color .3s, background-color .3s, color .3s;
    transition: border-color .3s, background-color .3s, color .3s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-submenu__title * {
    vertical-align: middle
}

.el-submenu__title i {
    color: #909399
}

.el-submenu__title:focus,
.el-submenu__title:hover {
    outline: 0;
    background-color: #ecf5ff
}

.el-submenu__title.is-disabled {
    opacity: .25;
    cursor: not-allowed;
    background: 0 0 !important
}

.el-submenu__title:hover {
    background-color: #ecf5ff
}

.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;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    font-size: 12px
}

.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);
    transform: rotate(180deg)
}

.el-submenu.is-disabled .el-menu-item,
.el-submenu.is-disabled .el-submenu__title {
    opacity: .25;
    cursor: not-allowed;
    background: 0 0 !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
}

.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;
    transition: .2s;
    opacity: 0
}

.el-radio-group {
    font-size: 0
}

.el-radio-button {
    position: relative;
    display: inline-block;
    outline: 0
}

.el-radio-button__inner {
    white-space: nowrap;
    background: #fff;
    border: 1px solid #dcdfe6;
    font-weight: 500;
    border-left: 0;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    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: #409eff
}

.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;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.el-radio-button__orig-radio {
    opacity: 0;
    outline: 0;
    position: absolute;
    z-index: -1
}

.el-radio-button__orig-radio:checked+.el-radio-button__inner {
    color: #fff;
    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 {
    color: #c0c4cc;
    cursor: not-allowed;
    background-image: none;
    background-color: #fff;
    border-color: #ebeef5;
    -webkit-box-shadow: none;
    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-popover,
.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) {
    -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;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    vertical-align: middle
}

.el-switch__core,
.el-switch__label {
    display: inline-block;
    cursor: pointer
}

.el-switch.is-disabled .el-switch__core,
.el-switch.is-disabled .el-switch__label {
    cursor: not-allowed
}

.el-switch__label {
    -webkit-transition: .2s;
    transition: .2s;
    height: 20px;
    font-size: 14px;
    font-weight: 500;
    vertical-align: middle;
    color: #303133
}

.el-switch__label.is-active {
    color: #409eff
}

.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;
    position: relative;
    width: 40px;
    height: 20px;
    border: 1px solid #dcdfe6;
    outline: 0;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #dcdfe6;
    -webkit-transition: border-color .3s, background-color .3s;
    transition: border-color .3s, background-color .3s;
    vertical-align: middle
}

.el-switch__core:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 16px;
    height: 16px;
    background-color: #fff
}

.el-switch.is-checked .el-switch__core {
    border-color: #409eff;
    background-color: #409eff
}

.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;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 5px 0
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    color: #409eff;
    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;
    -webkit-box-sizing: border-box;
    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,
.el-select .el-tag,
.el-table {
    -webkit-box-sizing: border-box
}

.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: #409eff;
    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: #409eff
}

.el-select .el-input .el-select__caret {
    color: #c0c4cc;
    font-size: 14px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    cursor: pointer
}

.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 {
    font-size: 14px;
    text-align: center;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-radius: 100%;
    color: #c0c4cc;
    -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1);
    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: #409eff
}

.el-select>.el-input {
    display: block
}

.el-select__input {
    border: none;
    outline: 0;
    padding: 0;
    margin-left: 15px;
    color: #666;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    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%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.el-select .el-tag__close {
    margin-top: -2px
}

.el-select .el-tag {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-color: transparent;
    margin: 2px 0 2px 6px;
    background-color: #f0f2f5
}

.el-select .el-tag__close.el-icon-close {
    background-color: #c0c4cc;
    right: -7px;
    top: 0;
    color: #fff
}

.el-select .el-tag__close.el-icon-close:hover {
    background-color: #909399
}

.el-table,
.el-table__expanded-cell {
    background-color: #fff
}

.el-select .el-tag__close.el-icon-close:before {
    display: block;
    -webkit-transform: translateY(.5px);
    transform: translateY(.5px)
}

.el-table {
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    color: #606266
}

.el-table--mini,
.el-table--small,
.el-table__expand-icon {
    font-size: 12px
}

.el-table__empty-block {
    min-height: 60px;
    text-align: center;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: 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;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    height: 20px
}

.el-table__expand-icon--expanded {
    -webkit-transform: rotate(90deg);
    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[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 td.gutter,
.el-table--fit th.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 {
    background: #f5f7fa
}

.el-table th,
.el-table tr {
    background-color: #fff
}

.el-table td,
.el-table th {
    padding: 12px 0;
    min-width: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-overflow: ellipsis;
    vertical-align: middle;
    position: relative;
    text-align: left
}

.el-table td.is-center,
.el-table th.is-center {
    text-align: center
}

.el-table td.is-right,
.el-table th.is-right {
    text-align: right
}

.el-table td.gutter,
.el-table th.gutter {
    width: 15px;
    border-right-width: 0;
    border-bottom-width: 0;
    padding: 0
}

.el-table--medium td,
.el-table--medium th {
    padding: 10px 0
}

.el-table--small td,
.el-table--small th {
    padding: 8px 0
}

.el-table--mini td,
.el-table--mini th {
    padding: 6px 0
}

.el-table .cell,
.el-table th div {
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis
}

.el-table--border td:first-child .cell,
.el-table--border th:first-child .cell,
.el-table .cell,
.el-table th div {
    padding-left: 10px
}

.el-table tr input[type=checkbox] {
    margin: 0
}

.el-table td,
.el-table th.is-leaf {
    border-bottom: 1px solid #ebeef5
}

.el-table th.is-sortable {
    cursor: pointer
}

.el-table th {
    white-space: nowrap;
    overflow: hidden;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.el-table th div {
    line-height: 40px;
    white-space: nowrap
}

.el-table th>.cell,
.el-table th div {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-table th>.cell {
    position: relative;
    word-wrap: normal;
    text-overflow: ellipsis;
    vertical-align: middle;
    width: 100%
}

.el-table th>.cell.highlight {
    color: #409eff
}

.el-table th.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 div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-table td.gutter {
    width: 0
}

.el-table .cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: normal;
    word-break: break-all;
    line-height: 23px
}

.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 td,
.el-table--border th,
.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
    border-right: 1px solid #ebeef5
}

.el-table--border th,
.el-table--border th.gutter:last-of-type,
.el-table__fixed-right-patch {
    border-bottom: 1px solid #ebeef5
}

.el-table__fixed,
.el-table__fixed-right {
    position: absolute;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .12);
    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
}

.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 {
    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 {
    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__header-wrapper tbody td {
    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 {
    -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__body-wrapper .el-table--border.is-scrolling-right~.el-table__fixed-right {
    border-left: 1px solid #ebeef5
}

.el-table .caret-wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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: #409eff
}

.el-table .descending .sort-caret.descending {
    border-top-color: #409eff
}

.el-table .hidden-columns {
    position: absolute;
    z-index: -1
}

.el-table--striped .el-table__body tr.el-table__row--striped td {
    background: #fafafa
}

.el-table--striped .el-table__body tr.el-table__row--striped.current-row td {
    background-color: #ecf5ff
}

.el-table__body tr.hover-row.current-row>td,
.el-table__body tr.hover-row.el-table__row--striped.current-row>td,
.el-table__body tr.hover-row.el-table__row--striped>td,
.el-table__body tr.hover-row>td {
    background-color: #f5f7fa
}

.el-table__body tr.current-row>td {
    background-color: #ecf5ff
}

.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;
    -webkit-transform: scale(.75);
    transform: scale(.75)
}

.el-table--enable-row-transition .el-table__body td {
    -webkit-transition: background-color .25s ease;
    transition: background-color .25s ease
}

.el-table--enable-row-hover .el-table__body tr:hover>td {
    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;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 2px 0
}

.el-date-table td,
.el-date-table td div {
    height: 30px;
    -webkit-box-sizing: border-box
}

.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: #ecf5ff;
    color: #66b1ff
}

.el-table-filter__list-item.is-active {
    background-color: #409eff;
    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: 0 0;
    border: none;
    color: #606266;
    cursor: pointer;
    font-size: 13px;
    padding: 0 3px
}

.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-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;
    -moz-user-select: none;
    user-select: none
}

.el-date-table,
.el-slider__button-wrapper,
.el-time-panel {
    -webkit-user-select: none;
    -ms-user-select: none
}

.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 td {
    width: 32px;
    padding: 4px 0;
    text-align: center;
    cursor: pointer;
    position: relative
}

.el-date-table td,
.el-date-table td div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-date-table td div {
    padding: 3px 0
}

.el-date-table td span {
    width: 24px;
    height: 24px;
    display: block;
    margin: 0 auto;
    line-height: 24px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-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: #409eff;
    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: #409eff
}

.el-date-table td.current:not(.disabled) span {
    color: #fff;
    background-color: #409eff
}

.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: #409eff
}

.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: #409eff;
    color: #fff;
    border-radius: 15px
}

.el-date-table td.week {
    font-size: 80%;
    color: #606266
}

.el-month-table,
.el-year-table {
    font-size: 12px;
    border-collapse: collapse
}

.el-date-table th {
    padding: 5px;
    color: #606266;
    font-weight: 400;
    border-bottom: 1px solid #ebeef5
}

.el-month-table {
    margin: -1px
}

.el-month-table td {
    text-align: center;
    padding: 8px 0;
    cursor: pointer
}

.el-month-table td div {
    height: 48px;
    padding: 6px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-month-table td.today .cell {
    color: #409eff;
    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: #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 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: #409eff
}

.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: #409eff
}

.el-year-table {
    margin: -1px
}

.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: #409eff;
    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: #409eff
}

.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%;
    -webkit-box-sizing: border-box;
    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 {
    -webkit-box-sizing: border-box;
    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%;
    -webkit-box-sizing: border-box;
    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%;
    -webkit-box-sizing: border-box;
    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: #409eff
}

.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: #409eff;
    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,
.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;
    appearance: none;
    border: none;
    outline: 0;
    padding: 0;
    width: 39%;
    color: #606266
}

.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-date-editor .el-range-input::-moz-placeholder {
    color: #c0c4cc
}

.el-date-editor .el-range-input::placeholder {
    color: #c0c4cc
}

.el-date-editor .el-range-separator {
    padding: 0 5px;
    line-height: 32px;
    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: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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: #409eff
}

.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::-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-range-editor.is-disabled input::-moz-placeholder {
    color: #c0c4cc
}

.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,
.el-popover,
.el-time-panel {
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.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: 0;
    cursor: pointer
}

.el-picker-panel__shortcut:hover {
    color: #409eff
}

.el-picker-panel__shortcut.active {
    background-color: #e6f1fe;
    color: #409eff
}

.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: 0;
    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: 0 0;
    cursor: pointer;
    outline: 0;
    margin-top: 8px
}

.el-picker-panel__icon-btn:hover {
    color: #409eff
}

.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;
    -webkit-box-sizing: border-box;
    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__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;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden
}

.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
    -webkit-transform: translateY(-32px);
    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: #409eff
}

.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__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;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border-radius: 2px;
    position: absolute;
    width: 180px;
    left: 0;
    z-index: 1000;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: content-box;
    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;
    -webkit-box-sizing: border-box;
    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;
    -webkit-box-sizing: border-box;
    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: 0;
    font-size: 12px;
    color: #303133
}

.el-time-panel__btn.confirm {
    font-weight: 800;
    color: #409eff
}

.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 {
    -webkit-box-sizing: border-box;
    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: 1px solid #ebeef5;
    padding: 12px;
    z-index: 2000;
    color: #606266;
    line-height: 1.4;
    text-align: justify;
    font-size: 14px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    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
}

.v-modal-enter {
    -webkit-animation: v-modal-in .2s ease;
    animation: v-modal-in .2s ease
}

.v-modal-leave {
    -webkit-animation: v-modal-out .2s ease forwards;
    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;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    text-align: left;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.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: 0;
    background: 0 0;
    font-size: 16px;
    cursor: pointer
}

.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 .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: #409eff
}

.el-message-box__content {
    position: relative;
    padding: 10px 15px;
    color: #606266;
    font-size: 14px
}

.el-message-box__input {
    padding-top: 15px
}

.el-message-box__status {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-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: #67c23a
}

.el-message-box__status.el-icon-info {
    color: #909399
}

.el-message-box__status.el-icon-warning {
    color: #e6a23c
}

.el-message-box__status.el-icon-error {
    color: #f56c6c
}

.el-message-box__message {
    margin: 0
}

.el-message-box__message p {
    margin: 0;
    line-height: 24px
}

.el-message-box__errormsg {
    color: #f56c6c;
    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 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.el-container,
.el-container.is-vertical,
.el-drawer,
.el-link,
.el-steps--vertical {
    -webkit-box-direction: normal
}

.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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.el-message-box--center .el-message-box__status {
    position: relative;
    top: auto;
    padding-right: 5px;
    text-align: center;
    -webkit-transform: translateY(-1px);
    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 {
    -webkit-animation: msgbox-fade-in .3s;
    animation: msgbox-fade-in .3s
}

.msgbox-fade-leave-active {
    -webkit-animation: msgbox-fade-out .3s;
    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
    }
}

@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
    }
}

@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 {
    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;
    -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1);
    transition: color .2s cubic-bezier(.645, .045, .355, 1);
    color: #303133
}

.el-breadcrumb__inner.is-link:hover,
.el-breadcrumb__inner a:hover {
    color: #409eff;
    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--mini.el-form-item,
.el-form-item--small.el-form-item {
    margin-bottom: 18px
}

.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__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__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;
    -webkit-box-sizing: border-box;
    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: #f56c6c;
    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: #f56c6c;
    margin-right: 4px
}

.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: #f56c6c
}

.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: #409eff;
    z-index: 1;
    -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);
    transition: transform .3s cubic-bezier(.645, .045, .355, 1), -webkit-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;
    -webkit-transition: all .15s;
    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);
    transform: scale(.8)
}

.el-tabs__new-tab:hover {
    color: #409eff
}

.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--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 {
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    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: -webkit-transform .3s;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    float: left;
    z-index: 2
}

.el-tabs__nav.is-stretch {
    min-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.el-tabs__nav.is-stretch>* {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.el-tabs__item {
    padding: 0 20px;
    height: 40px;
    -webkit-box-sizing: border-box;
    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: 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;
    border-radius: 3px
}

.el-tabs__item .el-icon-close {
    border-radius: 50%;
    text-align: center;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    margin-left: 5px
}

.el-tabs__item .el-icon-close:before {
    -webkit-transform: scale(.9);
    transform: scale(.9);
    display: inline-block
}

.el-tabs__item .el-icon-close:hover {
    background-color: #c0c4cc;
    color: #fff
}

.el-tabs__item.is-active {
    color: #409eff
}

.el-tabs__item:hover {
    color: #409eff;
    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 {
    border: 1px solid #e4e7ed;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    -webkit-box-sizing: border-box;
    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;
    -webkit-transform-origin: 100% 50%;
    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 {
    border-bottom: 1px solid transparent;
    border-left: 1px solid #e4e7ed;
    -webkit-transition: color .3s cubic-bezier(.645, .045, .355, 1), padding .3s cubic-bezier(.645, .045, .355, 1);
    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-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--border-card {
    background: #fff;
    border: 1px solid #dcdfe6;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 6px 0 rgba(0, 0, 0, .04);
    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__item {
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    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: #409eff;
    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: #409eff
}

.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 {
    -webkit-transform: rotate(90deg);
    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__active-bar.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-left:after {
    right: 0;
    left: auto
}

.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--card .el-tabs__active-bar.is-left,
.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
    display: none
}

.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__item.is-left {
    text-align: right
}

.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__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 {
    -webkit-animation: slideInRight-enter .3s;
    animation: slideInRight-enter .3s
}

.slideInRight-leave {
    position: absolute;
    left: 0;
    right: 0;
    -webkit-animation: slideInRight-leave .3s;
    animation: slideInRight-leave .3s
}

.slideInLeft-enter {
    -webkit-animation: slideInLeft-enter .3s;
    animation: slideInLeft-enter .3s
}

.slideInLeft-leave {
    position: absolute;
    left: 0;
    right: 0;
    -webkit-animation: slideInLeft-leave .3s;
    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)
    }
}

@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
    }
}

@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)
    }
}

@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
    }
}

@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%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #909399
}

.el-tree__drop-indicator {
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #409eff
}

.el-tree-node {
    white-space: nowrap;
    outline: 0
}

.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: #409eff;
    color: #fff
}

.el-tree-node__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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.is-drop-not-allow .el-tree-node__content {
    cursor: not-allowed
}

.el-tree-node__expand-icon {
    cursor: pointer;
    color: #c0c4cc;
    font-size: 12px;
    -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;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.el-tree-node__expand-icon.expanded {
    -webkit-transform: rotate(90deg);
    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: #f0f7ff
}

.el-alert {
    width: 100%;
    padding: 8px 16px;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    position: relative;
    background-color: #fff;
    overflow: hidden;
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: opacity .2s;
    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 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: 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;
    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: #fdf6ec;
    color: #e6a23c
}

.el-alert--warning.is-light .el-alert__description {
    color: #e6a23c
}

.el-alert--warning.is-dark {
    background-color: #e6a23c;
    color: #fff
}

.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;
    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-fade-enter,
.el-alert-fade-leave-active,
.el-loading-fade-enter,
.el-loading-fade-leave-active,
.el-notification-fade-leave-active {
    opacity: 0
}

.el-alert__closebtn.is-customed {
    font-style: normal;
    font-size: 13px;
    top: 9px
}

.el-notification {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 330px;
    padding: 14px 26px 14px 13px;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ebeef5;
    position: fixed;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    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;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .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: #67c23a
}

.el-notification .el-icon-error {
    color: #f56c6c
}

.el-notification .el-icon-info {
    color: #909399
}

.el-notification .el-icon-warning {
    color: #e6a23c
}

.el-notification-fade-enter.right {
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.el-notification-fade-enter.left {
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.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: #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__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] {
    -webkit-transform: scale(.9);
    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] {
    -webkit-transform: scale(.8);
    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] {
    -webkit-transform: scale(.8);
    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
}

.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__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-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-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
}

.el-slider__button-wrapper .el-tooltip,
.el-slider__button-wrapper:after {
    vertical-align: middle;
    display: inline-block
}

.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 {
    -webkit-transform: scale(1);
    transform: scale(1);
    cursor: not-allowed
}

.el-slider__button-wrapper,
.el-slider__stop {
    -webkit-transform: translateX(-50%);
    position: absolute
}

.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: #409eff;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    position: absolute
}

.el-slider__button-wrapper {
    height: 36px;
    width: 36px;
    z-index: 1001;
    top: -15px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: transparent;
    text-align: center;
    user-select: none;
    line-height: normal
}

.el-slider__button,
.el-slider__button-wrapper,
.el-step__icon-inner {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.el-slider__button-wrapper:after {
    height: 100%
}

.el-slider__button-wrapper.hover,
.el-slider__button-wrapper:hover {
    cursor: -webkit-grab;
    cursor: grab
}

.el-slider__button-wrapper.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.el-slider__button {
    width: 16px;
    height: 16px;
    border: 2px solid #409eff;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transition: .2s;
    transition: .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.el-slider__button.dragging,
.el-slider__button.hover,
.el-slider__button:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.el-slider__button.hover,
.el-slider__button:hover {
    cursor: -webkit-grab;
    cursor: grab
}

.el-slider__button.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.el-slider__stop {
    height: 6px;
    width: 6px;
    border-radius: 100%;
    background-color: #fff;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.el-slider__marks {
    top: 0;
    left: 12px;
    width: 18px;
    height: 100%
}

.el-slider__marks-text {
    position: absolute;
    -webkit-transform: translateX(-50%);
    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
}

.el-slider.is-vertical .el-slider__button-wrapper,
.el-slider.is-vertical .el-slider__stop {
    -webkit-transform: translateY(50%);
    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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    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: #409eff
}

.el-slider.is-vertical .el-slider__marks-text {
    margin-top: 0;
    left: 15px;
    -webkit-transform: translateY(50%);
    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;
    -webkit-transition: opacity .3s;
    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-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;
    margin: 3px 0;
    font-size: 14px
}

.el-loading-spinner .circular {
    height: 42px;
    width: 42px;
    -webkit-animation: loading-rotate 2s linear infinite;
    animation: loading-rotate 2s linear infinite
}

.el-loading-spinner .path {
    -webkit-animation: loading-dash 1.5s ease-in-out infinite;
    animation: loading-dash 1.5s ease-in-out infinite;
    stroke-dasharray: 90, 150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: #409eff;
    stroke-linecap: round
}

.el-loading-spinner i {
    color: #409eff
}

@-webkit-keyframes loading-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@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
    }
}

@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;
    box-sizing: border-box
}

.el-row:after,
.el-row:before {
    display: table
}

.el-row:after {
    clear: both
}

.el-row--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.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;
    justify-content: center
}

.el-row--flex.is-justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.el-row--flex.is-justify-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.el-row--flex.is-justify-space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.el-row--flex.is-align-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.el-row--flex.is-align-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

[class*=el-col-] {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-upload--picture-card,
.el-upload-dragger {
    -webkit-box-sizing: border-box;
    cursor: pointer
}

.el-col-0 {
    width: 0
}

.el-col-offset-0 {
    margin-left: 0
}

.el-col-pull-0 {
    right: 0
}

.el-col-push-0 {
    left: 0
}

.el-col-1 {
    width: 4.16667%
}

.el-col-offset-1 {
    margin-left: 4.16667%
}

.el-col-pull-1 {
    right: 4.16667%
}

.el-col-push-1 {
    left: 4.16667%
}

.el-col-2 {
    width: 8.33333%
}

.el-col-offset-2 {
    margin-left: 8.33333%
}

.el-col-pull-2 {
    right: 8.33333%
}

.el-col-push-2 {
    left: 8.33333%
}

.el-col-3 {
    width: 12.5%
}

.el-col-offset-3 {
    margin-left: 12.5%
}

.el-col-pull-3 {
    right: 12.5%
}

.el-col-push-3 {
    left: 12.5%
}

.el-col-4 {
    width: 16.66667%
}

.el-col-offset-4 {
    margin-left: 16.66667%
}

.el-col-pull-4 {
    right: 16.66667%
}

.el-col-push-4 {
    left: 16.66667%
}

.el-col-5 {
    width: 20.83333%
}

.el-col-offset-5 {
    margin-left: 20.83333%
}

.el-col-pull-5 {
    right: 20.83333%
}

.el-col-push-5 {
    left: 20.83333%
}

.el-col-6 {
    width: 25%
}

.el-col-offset-6 {
    margin-left: 25%
}

.el-col-pull-6 {
    right: 25%
}

.el-col-push-6 {
    left: 25%
}

.el-col-7 {
    width: 29.16667%
}

.el-col-offset-7 {
    margin-left: 29.16667%
}

.el-col-pull-7 {
    right: 29.16667%
}

.el-col-push-7 {
    left: 29.16667%
}

.el-col-8 {
    width: 33.33333%
}

.el-col-offset-8 {
    margin-left: 33.33333%
}

.el-col-pull-8 {
    right: 33.33333%
}

.el-col-push-8 {
    left: 33.33333%
}

.el-col-9 {
    width: 37.5%
}

.el-col-offset-9 {
    margin-left: 37.5%
}

.el-col-pull-9 {
    right: 37.5%
}

.el-col-push-9 {
    left: 37.5%
}

.el-col-10 {
    width: 41.66667%
}

.el-col-offset-10 {
    margin-left: 41.66667%
}

.el-col-pull-10 {
    right: 41.66667%
}

.el-col-push-10 {
    left: 41.66667%
}

.el-col-11 {
    width: 45.83333%
}

.el-col-offset-11 {
    margin-left: 45.83333%
}

.el-col-pull-11 {
    right: 45.83333%
}

.el-col-push-11 {
    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 {
    left: 50%
}

.el-col-13 {
    width: 54.16667%
}

.el-col-offset-13 {
    margin-left: 54.16667%
}

.el-col-pull-13 {
    right: 54.16667%
}

.el-col-push-13 {
    left: 54.16667%
}

.el-col-14 {
    width: 58.33333%
}

.el-col-offset-14 {
    margin-left: 58.33333%
}

.el-col-pull-14 {
    right: 58.33333%
}

.el-col-push-14 {
    left: 58.33333%
}

.el-col-15 {
    width: 62.5%
}

.el-col-offset-15 {
    margin-left: 62.5%
}

.el-col-pull-15 {
    right: 62.5%
}

.el-col-push-15 {
    left: 62.5%
}

.el-col-16 {
    width: 66.66667%
}

.el-col-offset-16 {
    margin-left: 66.66667%
}

.el-col-pull-16 {
    right: 66.66667%
}

.el-col-push-16 {
    left: 66.66667%
}

.el-col-17 {
    width: 70.83333%
}

.el-col-offset-17 {
    margin-left: 70.83333%
}

.el-col-pull-17 {
    right: 70.83333%
}

.el-col-push-17 {
    left: 70.83333%
}

.el-col-18 {
    width: 75%
}

.el-col-offset-18 {
    margin-left: 75%
}

.el-col-pull-18 {
    right: 75%
}

.el-col-push-18 {
    left: 75%
}

.el-col-19 {
    width: 79.16667%
}

.el-col-offset-19 {
    margin-left: 79.16667%
}

.el-col-pull-19 {
    right: 79.16667%
}

.el-col-push-19 {
    left: 79.16667%
}

.el-col-20 {
    width: 83.33333%
}

.el-col-offset-20 {
    margin-left: 83.33333%
}

.el-col-pull-20 {
    right: 83.33333%
}

.el-col-push-20 {
    left: 83.33333%
}

.el-col-21 {
    width: 87.5%
}

.el-col-offset-21 {
    margin-left: 87.5%
}

.el-col-pull-21 {
    right: 87.5%
}

.el-col-push-21 {
    left: 87.5%
}

.el-col-22 {
    width: 91.66667%
}

.el-col-offset-22 {
    margin-left: 91.66667%
}

.el-col-pull-22 {
    right: 91.66667%
}

.el-col-push-22 {
    left: 91.66667%
}

.el-col-23 {
    width: 95.83333%
}

.el-col-offset-23 {
    margin-left: 95.83333%
}

.el-col-pull-23 {
    right: 95.83333%
}

.el-col-push-23 {
    left: 95.83333%
}

.el-col-24 {
    width: 100%
}

.el-col-offset-24 {
    margin-left: 100%
}

.el-col-pull-24 {
    right: 100%
}

.el-col-push-24 {
    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%
    }
}

@-webkit-keyframes progress {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 32px 0
    }
}

.el-upload {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    outline: 0
}

.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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 148px;
    height: 148px;
    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: #409eff;
    color: #409eff
}

.el-upload:focus .el-upload-dragger {
    border-color: #409eff
}

.el-upload-dragger {
    background-color: #fff;
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 360px;
    height: 180px;
    text-align: center;
    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: #409eff;
    font-style: normal
}

.el-upload-dragger:hover {
    border-color: #409eff
}

.el-upload-dragger.is-dragover {
    background-color: rgba(32, 159, 255, .06);
    border: 2px dashed #409eff
}

.el-upload-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.el-upload-list__item {
    -webkit-transition: all .5s cubic-bezier(.55, 0, .1, 1);
    transition: all .5s cubic-bezier(.55, 0, .1, 1);
    font-size: 14px;
    color: #606266;
    line-height: 1.8;
    margin-top: 5px;
    position: relative;
    -webkit-box-sizing: border-box;
    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: #67c23a
}

.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: #409eff
}

.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: #409eff;
    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-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;
    -webkit-transition: color .3s;
    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: #409eff
}

.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;
    -webkit-box-sizing: border-box;
    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;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2);
    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;
    -webkit-transform: rotate(-45deg);
    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);
    -webkit-transition: opacity .3s;
    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%;
    -webkit-transform: translate(-50%, -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;
    -webkit-box-sizing: border-box;
    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: 0 0;
    -webkit-box-shadow: none;
    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;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc
}

.el-upload-list--picture .el-upload-list__item-status-label i {
    font-size: 12px;
    margin-top: 12px;
    -webkit-transform: rotate(-45deg);
    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;
    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;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2);
    box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2)
}

.el-upload-cover__label i {
    font-size: 12px;
    margin-top: 11px;
    -webkit-transform: rotate(-45deg);
    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;
    -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);
    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);
    margin-top: 60px
}

.el-upload-cover__interact .btn span {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.el-upload-cover__interact .btn:not(:first-child) {
    margin-left: 35px
}

.el-upload-cover__interact .btn:hover {
    -webkit-transform: translateY(-13px);
    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;
    -webkit-transform: translateY(-50%);
    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-bar,
.el-progress-bar__inner:after,
.el-progress-bar__innerText,
.el-spinner {
    display: inline-block;
    vertical-align: middle
}

.el-progress--text-inside .el-progress-bar {
    padding-right: 0;
    margin-right: 0
}

.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 {
    padding-right: 50px;
    width: 100%;
    margin-right: -55px;
    -webkit-box-sizing: border-box;
    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: #409eff;
    text-align: right;
    border-radius: 100px;
    line-height: 1;
    white-space: nowrap;
    -webkit-transition: width .6s ease;
    transition: width .6s ease
}

.el-card,
.el-message {
    border-radius: 4px;
    overflow: hidden
}

.el-progress-bar__inner:after {
    height: 100%
}

.el-progress-bar__innerText {
    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-inner {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    width: 50px;
    height: 50px
}

.el-spinner-inner .path {
    stroke: #ececec;
    stroke-linecap: round;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite
}

@-webkit-keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@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
    }
}

@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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ebeef5;
    position: fixed;
    left: 50%;
    top: 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #edf2fc;
    -webkit-transition: opacity .3s, top .4s, -webkit-transform .4s;
    transition: opacity .3s, top .4s, -webkit-transform .4s;
    transition: opacity .3s, transform .4s, top .4s;
    transition: opacity .3s, transform .4s, top .4s, -webkit-transform .4s;
    padding: 15px 15px 15px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.el-message.is-center {
    -webkit-box-pack: center;
    -ms-flex-pack: 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: #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__icon {
    margin-right: 10px
}

.el-message__content {
    padding: 0;
    font-size: 14px;
    line-height: 1
}

.el-message__closeBtn {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    color: #c0c4cc;
    font-size: 16px
}

.el-message__closeBtn:hover {
    color: #909399
}

.el-message .el-icon-success {
    color: #67c23a
}

.el-message .el-icon-error {
    color: #f56c6c
}

.el-message .el-icon-info {
    color: #909399
}

.el-message .el-icon-warning {
    color: #e6a23c
}

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

.el-badge {
    position: relative;
    vertical-align: middle;
    display: inline-block
}

.el-badge__content {
    background-color: #f56c6c;
    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;
    -webkit-transform: translateY(-50%) translateX(100%);
    transform: translateY(-50%) translateX(100%)
}

.el-rate__icon,
.el-rate__item {
    position: relative;
    display: inline-block
}

.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: #409eff
}

.el-badge__content--success {
    background-color: #67c23a
}

.el-badge__content--warning {
    background-color: #e6a23c
}

.el-badge__content--info {
    background-color: #909399
}

.el-badge__content--danger {
    background-color: #f56c6c
}

.el-card {
    border: 1px solid #ebeef5;
    background-color: #fff;
    color: #303133;
    -webkit-transition: .3s;
    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 {
    padding: 18px 20px;
    border-bottom: 1px solid #ebeef5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-card__body {
    padding: 20px
}

.el-rate {
    height: 20px;
    line-height: 1
}

.el-rate__item {
    font-size: 0;
    vertical-align: middle
}

.el-rate__icon {
    font-size: 18px;
    margin-right: 6px;
    color: #c0c4cc;
    -webkit-transition: .3s;
    transition: .3s
}

.el-rate__decimal,
.el-rate__icon .path2 {
    position: absolute;
    top: 0;
    left: 0
}

.el-rate__icon.hover {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.el-rate__decimal {
    display: inline-block;
    overflow: hidden
}

.el-step.is-vertical,
.el-steps {
    display: -webkit-box;
    display: -ms-flexbox
}

.el-rate__text {
    font-size: 14px;
    vertical-align: middle
}

.el-steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.el-steps--simple {
    padding: 13px 8%;
    border-radius: 4px;
    background: #f5f7fa
}

.el-steps--horizontal {
    white-space: nowrap
}

.el-steps--vertical {
    height: 100%;
    -webkit-box-orient: vertical;
    -ms-flex-flow: column;
    flex-flow: column
}

.el-step {
    position: relative;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.el-step:last-of-type .el-step__line {
    display: none
}

.el-step:last-of-type.is-flex {
    -ms-flex-preferred-size: auto !important;
    flex-basis: auto !important;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 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: #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 {
    position: relative;
    z-index: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 24px;
    height: 24px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    -webkit-transition: .15s ease-out;
    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-button,
.el-checkbox,
.el-image-viewer__btn,
.el-step__icon-inner {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.el-step__icon-inner[class*=el-icon]:not(.is-status) {
    font-size: 25px;
    font-weight: 400
}

.el-step__icon-inner.is-status {
    -webkit-transform: translateY(1px);
    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;
    -webkit-transition: .15s ease-out;
    transition: .15s ease-out;
    -webkit-box-sizing: border-box;
    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: #67c23a
}

.el-step__title.is-error {
    color: #f56c6c
}

.el-step__title.is-finish {
    color: #409eff
}

.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: #67c23a
}

.el-step__description.is-error {
    color: #f56c6c
}

.el-step__description.is-finish {
    color: #409eff
}

.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: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.el-step.is-vertical .el-step__head {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 24px
}

.el-step.is-vertical .el-step__main {
    padding-left: 10px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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: 0 0;
    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 {
    -webkit-transform: scale(.8) translateY(1px);
    transform: scale(.8) translateY(1px)
}

.el-step.is-simple .el-step__main {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    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 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: 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 {
    -webkit-transform: rotate(-45deg) translateY(-4px);
    transform: rotate(-45deg) translateY(-4px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.el-step.is-simple .el-step__arrow:after {
    -webkit-transform: rotate(45deg) translateY(4px);
    transform: rotate(45deg) translateY(4px);
    -webkit-transform-origin: 100% 100%;
    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: 0;
    padding: 0;
    margin: 0;
    height: 36px;
    width: 36px;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 50%;
    background-color: rgba(31, 45, 61, .11);
    color: #fff;
    position: absolute;
    top: 50%;
    z-index: 10;
    -webkit-transform: translateY(-50%);
    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%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.el-carousel__indicators--vertical {
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.el-carousel__indicators--outside {
    bottom: 26px;
    text-align: center;
    position: static;
    -webkit-transform: none;
    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;
    -webkit-transform: none;
    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: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    -webkit-transition: .3s;
    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);
    transform: translateY(-50%) translateX(-10px);
    opacity: 0
}

.carousel-arrow-right-enter,
.carousel-arrow-right-leave-active {
    -webkit-transform: translateY(-50%) translateX(10px);
    transform: translateY(-50%) translateX(10px);
    opacity: 0
}

.el-carousel__item {
    width: 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 {
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-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 {
    width: 100%;
    background-color: #fff;
    opacity: .24;
    -webkit-transition: .2s;
    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;
    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);
    transition: all .3s cubic-bezier(.55, 0, .1, 1)
}

.el-zoom-in-center-enter,
.el-zoom-in-center-leave-active {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
    opacity: 1;
    -webkit-transform: scaleY(1);
    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);
    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;
    transform-origin: center top
}

.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
    opacity: 1;
    -webkit-transform: scaleY(1);
    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);
    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;
    transform-origin: center bottom
}

.el-zoom-in-bottom-enter,
.el-zoom-in-bottom-leave-active {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
    opacity: 1;
    -webkit-transform: scale(1);
    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);
    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;
    transform-origin: top left
}

.el-zoom-in-left-enter,
.el-zoom-in-left-leave-active {
    opacity: 0;
    -webkit-transform: scale(.45);
    transform: scale(.45)
}

.collapse-transition {
    -webkit-transition: height .3s ease-in-out, padding-top .3s ease-in-out, padding-bottom .3s ease-in-out;
    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;
    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;
    transition: all 1s
}

.el-list-enter,
.el-list-leave-active {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
}

.el-opacity-transition {
    -webkit-transition: opacity .3s cubic-bezier(.55, 0, .1, 1);
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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;
    -webkit-transition: border-bottom-color .3s;
    transition: border-bottom-color .3s;
    outline: 0
}

.el-collapse-item__arrow {
    margin: 0 8px 0 auto;
    transition: -webkit-transform .3s;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    font-weight: 300
}

.el-collapse-item__arrow.is-active {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.el-collapse-item__header.focusing:focus:not(:hover) {
    color: #409eff
}

.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-cascader__tags,
.el-collapse-item__wrap,
.el-tag {
    -webkit-box-sizing: border-box
}

.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;
    -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
    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: #ecf5ff;
    display: inline-block;
    height: 32px;
    padding: 0 10px;
    line-height: 30px;
    font-size: 12px;
    color: #409eff;
    border: 1px solid #d9ecff;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap
}

.el-tag.is-hit {
    border-color: #409eff
}

.el-tag .el-tag__close {
    color: #409eff
}

.el-tag .el-tag__close:hover {
    color: #fff;
    background-color: #409eff
}

.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: #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 {
    color: #fff;
    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 {
    color: #fff;
    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 {
    color: #fff;
    background-color: #f56c6c
}

.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: #409eff;
    color: #fff
}

.el-tag--dark,
.el-tag--dark.is-hit {
    border-color: #409eff
}

.el-tag--dark .el-tag__close {
    color: #fff
}

.el-tag--dark .el-tag__close:hover {
    color: #fff;
    background-color: #66b1ff
}

.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: #67c23a;
    border-color: #67c23a;
    color: #fff
}

.el-tag--dark.el-tag--success.is-hit {
    border-color: #67c23a
}

.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: #85ce61
}

.el-tag--dark.el-tag--warning {
    background-color: #e6a23c;
    border-color: #e6a23c;
    color: #fff
}

.el-tag--dark.el-tag--warning.is-hit {
    border-color: #e6a23c
}

.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: #ebb563
}

.el-tag--dark.el-tag--danger {
    background-color: #f56c6c;
    border-color: #f56c6c;
    color: #fff
}

.el-tag--dark.el-tag--danger.is-hit {
    border-color: #f56c6c
}

.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: #f78989
}

.el-tag--plain {
    background-color: #fff;
    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 {
    color: #fff;
    background-color: #409eff
}

.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: #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 {
    color: #fff;
    background-color: #67c23a
}

.el-tag--plain.el-tag--warning {
    background-color: #fff;
    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 {
    color: #fff;
    background-color: #e6a23c
}

.el-tag--plain.el-tag--danger {
    background-color: #fff;
    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 {
    color: #fff;
    background-color: #f56c6c
}

.el-tag--medium {
    height: 28px;
    line-height: 26px
}

.el-tag--medium .el-icon-close {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.el-tag--small {
    height: 24px;
    padding: 0 8px;
    line-height: 22px
}

.el-tag--small .el-icon-close {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.el-tag--mini {
    height: 20px;
    padding: 0 5px;
    line-height: 19px
}

.el-tag--mini .el-icon-close {
    margin-left: -3px;
    -webkit-transform: scale(.7);
    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 .el-input__inner:focus,
.el-cascader .el-input.is-focus .el-input__inner {
    border-color: #409eff
}

.el-cascader .el-input {
    cursor: pointer
}

.el-cascader .el-input .el-input__inner {
    text-overflow: ellipsis
}

.el-cascader .el-input .el-icon-arrow-down {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    font-size: 14px
}

.el-cascader .el-input .el-icon-arrow-down.is-reverse {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.el-cascader .el-input .el-icon-circle-close:hover {
    color: #909399
}

.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;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.el-cascader__tags {
    position: absolute;
    left: 0;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: normal;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-cascader__tags .el-tag {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis
}

.el-cascader__tags .el-tag .el-icon-close {
    -webkit-box-flex: 0;
    -ms-flex: none;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 34px;
    padding: 0 15px;
    text-align: left;
    outline: 0;
    cursor: pointer
}

.el-cascader__suggestion-item:focus,
.el-cascader__suggestion-item:hover {
    background: #f5f7fa
}

.el-cascader__suggestion-item.is-checked {
    color: #409eff;
    font-weight: 700
}

.el-cascader__suggestion-item>span {
    margin-right: 10px
}

.el-cascader__empty-text {
    margin: 10px 0;
    color: #c0c4cc
}

.el-cascader__search-input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 24px;
    min-width: 60px;
    margin: 2px 0 2px 15px;
    padding: 0;
    color: #606266;
    border: none;
    outline: 0;
    -webkit-box-sizing: border-box;
    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-cascader__search-input::-moz-placeholder {
    color: #c0c4cc
}

.el-cascader__search-input::placeholder {
    color: #c0c4cc
}

.el-color-predefine {
    font-size: 12px;
    margin-top: 8px;
    width: 280px
}

.el-color-predefine,
.el-color-predefine__colors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.el-color-predefine__colors {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-wrap: wrap;
    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 {
    -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;
    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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 280px;
    height: 12px;
    background-color: red;
    padding: 0 2px
}

.el-color-hue-slider__bar {
    position: relative;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, red), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(red));
    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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    border-radius: 1px;
    background: #fff;
    border: 1px solid #f0f0f0;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .6);
    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: -webkit-gradient(linear, left top, left bottom, color-stop(0, red), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(red));
    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: -webkit-gradient(linear, left top, right top, from(#fff), to(hsla(0, 0%, 100%, 0)));
    background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0))
}

.el-color-svpanel__black {
    background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
    background: linear-gradient(0deg, #000, transparent)
}

.el-color-svpanel__cursor {
    position: absolute
}

.el-color-svpanel__cursor>div {
    cursor: head;
    width: 4px;
    height: 4px;
    -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);
    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%;
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px)
}

.el-color-alpha-slider {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 280px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.el-color-alpha-slider__bar {
    position: relative;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, hsla(0, 0%, 100%, 0)), to(#fff));
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff);
    height: 100%
}

.el-color-alpha-slider__thumb {
    position: absolute;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    border-radius: 1px;
    background: #fff;
    border: 1px solid #f0f0f0;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .6);
    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: -webkit-gradient(linear, left top, left bottom, color-stop(0, hsla(0, 0%, 100%, 0)), to(#fff));
    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: 0;
    font-size: 12px
}

.el-color-dropdown__btn[disabled] {
    color: #ccc;
    cursor: not-allowed
}

.el-color-dropdown__btn:hover {
    color: #409eff;
    border-color: #409eff
}

.el-color-dropdown__link-btn {
    cursor: pointer;
    color: #409eff;
    text-decoration: none;
    padding: 15px;
    font-size: 12px
}

.el-color-dropdown__link-btn:hover {
    color: tint(#409eff, 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 {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(.8);
    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 {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(.8);
    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;
    height: 40px;
    width: 40px;
    padding: 4px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    font-size: 0;
    cursor: pointer
}

.el-color-picker__color,
.el-color-picker__trigger {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.el-color-picker__color {
    display: block;
    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,
.el-color-picker__icon {
    top: 50%;
    left: 50%;
    font-size: 12px;
    position: absolute
}

.el-color-picker__empty {
    color: #999
}

.el-color-picker__empty,
.el-color-picker__icon {
    -webkit-transform: translate3d(-50%, -50%, 0);
    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;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    font-size: inherit;
    color: #606266;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    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::-moz-placeholder {
    color: #c0c4cc
}

.el-textarea__inner::placeholder {
    color: #c0c4cc
}

.el-textarea__inner:hover {
    border-color: #c0c4cc
}

.el-textarea__inner:focus {
    outline: 0;
    border-color: #409eff
}

.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::-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-disabled .el-textarea__inner::-moz-placeholder {
    color: #c0c4cc
}

.el-textarea.is-disabled .el-textarea__inner::placeholder {
    color: #c0c4cc
}

.el-textarea.is-exceed .el-textarea__inner {
    border-color: #f56c6c
}

.el-textarea.is-exceed .el-input__count {
    color: #f56c6c
}

.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;
    -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1);
    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: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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: 0;
    padding: 0 15px;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 100%
}

.el-button,
.el-input__inner,
.el-transfer-panel {
    -webkit-box-sizing: border-box
}

.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__inner::-moz-placeholder {
    color: #c0c4cc
}

.el-input__inner::placeholder {
    color: #c0c4cc
}

.el-input__inner:hover {
    border-color: #c0c4cc
}

.el-input.is-active .el-input__inner,
.el-input__inner:focus {
    border-color: #409eff;
    outline: 0
}

.el-input__suffix {
    right: 5px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.el-input__suffix-inner {
    pointer-events: all
}

.el-input__prefix {
    left: 5px
}

.el-input__icon,
.el-input__prefix {
    -webkit-transition: all .3s;
    transition: all .3s
}

.el-input__icon {
    height: 100%;
    width: 25px;
    text-align: center;
    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-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed
}

.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-input.is-disabled .el-input__inner::-moz-placeholder {
    color: #c0c4cc
}

.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: #f56c6c
}

.el-input.is-exceed .el-input__suffix .el-input__count {
    color: #f56c6c
}

.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--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-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
}

.el-input-group__append {
    border-left: 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-input__inner::-ms-clear {
    display: none;
    width: 0;
    height: 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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px
}

.el-button+.el-button {
    margin-left: 10px
}

.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::-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: #409eff;
    color: #409eff
}

.el-button.is-active,
.el-button.is-plain:active {
    color: #3a8ee6;
    border-color: #3a8ee6
}

.el-button.is-plain:active {
    background: #fff;
    outline: 0
}

.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-link,
.el-transfer-panel__filter .el-icon-circle-close {
    cursor: pointer
}

.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: #409eff;
    border-color: #409eff
}

.el-button--primary:focus,
.el-button--primary:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff
}

.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 {
    color: #fff;
    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;
    color: #fff
}

.el-button--primary.is-plain:active {
    background: #3a8ee6;
    border-color: #3a8ee6;
    color: #fff;
    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 {
    color: #fff;
    background-color: #67c23a;
    border-color: #67c23a
}

.el-button--success:focus,
.el-button--success:hover {
    background: #85ce61;
    border-color: #85ce61;
    color: #fff
}

.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 {
    color: #fff;
    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;
    color: #fff
}

.el-button--success.is-plain:active {
    background: #5daf34;
    border-color: #5daf34;
    color: #fff;
    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 {
    color: #fff;
    background-color: #e6a23c;
    border-color: #e6a23c
}

.el-button--warning:focus,
.el-button--warning:hover {
    background: #ebb563;
    border-color: #ebb563;
    color: #fff
}

.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 {
    color: #fff;
    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;
    color: #fff
}

.el-button--warning.is-plain:active {
    background: #cf9236;
    border-color: #cf9236;
    color: #fff;
    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 {
    color: #fff;
    background-color: #f56c6c;
    border-color: #f56c6c
}

.el-button--danger:focus,
.el-button--danger:hover {
    background: #f78989;
    border-color: #f78989;
    color: #fff
}

.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 {
    color: #fff;
    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;
    color: #fff
}

.el-button--danger.is-plain:active {
    background: #dd6161;
    border-color: #dd6161;
    color: #fff;
    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 {
    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.is-active,
.el-button--info:active {
    background: #82848a;
    border-color: #82848a;
    color: #fff
}

.el-button--info:active {
    outline: 0
}

.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: 0
}

.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--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--medium {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 4px
}

.el-button--mini,
.el-button--small {
    font-size: 12px;
    border-radius: 3px
}

.el-button--medium.is-round {
    padding: 10px 20px
}

.el-button--medium.is-circle {
    padding: 10px
}

.el-button--small,
.el-button--small.is-round {
    padding: 9px 15px
}

.el-button--small.is-circle {
    padding: 9px
}

.el-button--mini,
.el-button--mini.is-round {
    padding: 7px 15px
}

.el-button--mini.is-circle {
    padding: 7px
}

.el-button--text {
    color: #409eff;
    background: 0 0;
    padding-left: 0;
    padding-right: 0
}

.el-button--text:focus,
.el-button--text:hover {
    color: #66b1ff;
    border-color: transparent;
    background-color: transparent
}

.el-button--text:active {
    color: #3a8ee6;
    background-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-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:active,
.el-button-group>.el-button:focus,
.el-button-group>.el-button: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-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: #409eff;
    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%;
    -webkit-box-sizing: border-box;
    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;
    -webkit-box-sizing: border-box;
    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
}

.el-transfer-panel__item+.el-transfer-panel__item {
    margin-left: 0;
    display: block !important
}

.el-transfer-panel__item.el-checkbox {
    color: #606266
}

.el-transfer-panel__item:hover {
    color: #409eff
}

.el-transfer-panel__item.el-checkbox .el-checkbox__label {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    -webkit-box-sizing: border-box;
    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;
    -webkit-box-sizing: border-box;
    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;
    -webkit-box-sizing: border-box;
    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 .el-transfer-panel__header {
    height: 40px;
    line-height: 40px;
    background: #f5f7fa;
    margin: 0;
    padding-left: 15px;
    border-bottom: 1px solid #ebeef5;
    -webkit-box-sizing: border-box;
    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-divider__text,
.el-link {
    font-weight: 500;
    font-size: 14px
}

.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-container,
.el-timeline-item__node {
    display: -webkit-box;
    display: -ms-flexbox
}

.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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    box-sizing: border-box;
    min-width: 0
}

.el-aside,
.el-container,
.el-header {
    -webkit-box-sizing: border-box
}

.el-container.is-vertical {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.el-header {
    padding: 0 20px
}

.el-aside,
.el-header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.el-aside {
    overflow: auto
}

.el-footer,
.el-main {
    -webkit-box-sizing: border-box
}

.el-main {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    overflow: auto;
    padding: 20px
}

.el-footer,
.el-main {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-footer {
    padding: 0 20px;
    -ms-flex-negative: 0;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.el-image__error,
.el-timeline-item__dot {
    display: -webkit-box;
    display: -ms-flexbox
}

.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: #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-timeline-item__node--info {
    background-color: #909399
}

.el-timeline-item__dot {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: 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: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    position: relative;
    text-decoration: none;
    outline: 0;
    padding: 0
}

.el-link.is-underline:hover:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    bottom: 0;
    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.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: #409eff
}

.el-link.el-link--default.is-disabled {
    color: #c0c4cc
}

.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-link.el-link--info {
    color: #909399
}

.el-link.el-link--info:hover {
    color: #a6a9ad
}

.el-link.el-link--info.is-disabled {
    color: #c8c9cc
}

.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;
    color: #303133
}

.el-image__error,
.el-image__placeholder {
    background: #f5f7fa
}

.el-divider__text.is-left {
    left: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.el-divider__text.is-center {
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.el-divider__text.is-right {
    right: 20px;
    -webkit-transform: translateY(-50%);
    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%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block
}

.el-image__error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: 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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    opacity: .8;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.el-image-viewer__close {
    top: 40px;
    right: 40px;
    width: 40px;
    height: 40px;
    font-size: 40px
}

.el-image-viewer__canvas {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.el-image-viewer__actions {
    left: 50%;
    bottom: 30px;
    -webkit-transform: translateX(-50%);
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.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__prev {
    left: 40px
}

.el-image-viewer__next,
.el-image-viewer__prev {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.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 {
    -webkit-animation: viewer-fade-in .3s;
    animation: viewer-fade-in .3s
}

.viewer-fade-leave-active {
    -webkit-animation: viewer-fade-out .3s;
    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
    }
}

@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
    }
}

@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-calendar {
    background-color: #fff
}

.el-calendar__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 20px;
    border-bottom: 1px solid #ebeef5
}

.el-backtop,
.el-page-header {
    display: -webkit-box;
    display: -ms-flexbox
}

.el-calendar__title {
    color: #000;
    -ms-flex-item-align: center;
    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-backtop,
.el-calendar-table td.is-today {
    color: #409eff
}

.el-calendar-table td {
    border-bottom: 1px solid #ebeef5;
    border-right: 1px solid #ebeef5;
    vertical-align: top;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

.el-calendar-table td.is-selected {
    background-color: #f2f8fe
}

.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 {
    -webkit-box-sizing: border-box;
    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%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .12);
    box-shadow: 0 0 6px rgba(0, 0, 0, .12);
    cursor: pointer;
    z-index: 5
}

.el-backtop:hover {
    background-color: #f2f6fc
}

.el-page-header {
    line-height: 24px
}

.el-page-header,
.el-page-header__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.el-page-header__left {
    cursor: pointer;
    margin-right: 40px;
    position: relative
}

.el-page-header__left:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 16px;
    right: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #dcdfe6
}

.el-checkbox,
.el-checkbox__input {
    display: inline-block;
    position: relative;
    white-space: nowrap
}

.el-page-header__left .el-icon-back {
    font-size: 18px;
    margin-right: 6px;
    -ms-flex-item-align: center;
    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-size: 14px;
    cursor: pointer;
    user-select: none;
    margin-right: 30px
}

.el-checkbox,
.el-checkbox-button__inner,
.el-radio {
    font-weight: 500;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.el-checkbox.is-bordered {
    padding: 9px 20px 9px 10px;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: normal;
    height: 40px
}

.el-checkbox.is-bordered.is-checked {
    border-color: #409eff
}

.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 {
    cursor: pointer;
    outline: 0;
    line-height: 1;
    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-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #409eff;
    border-color: #409eff
}

.el-checkbox__input.is-disabled+span.el-checkbox__label {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-checkbox__input.is-checked .el-checkbox__inner:after {
    -webkit-transform: rotate(45deg) scaleY(1);
    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 {
    content: "";
    position: absolute;
    display: block;
    background-color: #fff;
    height: 2px;
    -webkit-transform: scale(.5);
    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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    background-color: #fff;
    z-index: 1;
    -webkit-transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46);
    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;
    box-sizing: content-box;
    content: "";
    border: 1px solid #fff;
    border-left: 0;
    border-top: 0;
    height: 7px;
    left: 4px;
    position: absolute;
    top: 1px;
    -webkit-transform: rotate(45deg) scaleY(0);
    transform: rotate(45deg) scaleY(0);
    width: 3px;
    -webkit-transition: -webkit-transform .15s ease-in .05s;
    transition: -webkit-transform .15s ease-in .05s;
    transition: transform .15s ease-in .05s;
    transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s;
    -webkit-transform-origin: center;
    transform-origin: center
}

.el-checkbox__original {
    opacity: 0;
    outline: 0;
    position: absolute;
    margin: 0;
    width: 0;
    height: 0;
    z-index: -1
}

.el-checkbox-button,
.el-checkbox-button__inner {
    display: inline-block;
    position: relative
}

.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__inner {
    line-height: 1;
    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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 0
}

.el-checkbox-button__inner.is-round {
    padding: 12px 20px
}

.el-checkbox-button__inner:hover {
    color: #409eff
}

.el-checkbox-button__inner [class*=el-icon-] {
    line-height: .9
}

.el-radio,
.el-radio__input {
    line-height: 1;
    outline: 0;
    white-space: nowrap
}

.el-checkbox-button__inner [class*=el-icon-]+span {
    margin-left: 5px
}

.el-checkbox-button__original {
    opacity: 0;
    outline: 0;
    position: absolute;
    margin: 0;
    z-index: -1
}

.el-radio,
.el-radio__inner,
.el-radio__input {
    position: relative;
    display: inline-block
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
    color: #fff;
    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 {
    color: #c0c4cc;
    cursor: not-allowed;
    background-image: none;
    background-color: #fff;
    border-color: #ebeef5;
    -webkit-box-shadow: none;
    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;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.el-checkbox-button.is-focus .el-checkbox-button__inner {
    border-color: #409eff
}

.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,
.el-radio--medium.is-bordered .el-radio__label {
    font-size: 14px
}

.el-radio {
    color: #606266;
    cursor: pointer;
    margin-right: 30px
}

.el-cascader-node>.el-radio,
.el-radio:last-child {
    margin-right: 0
}

.el-radio.is-bordered {
    padding: 12px 20px 0 10px;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px
}

.el-radio.is-bordered.is-checked {
    border-color: #409eff
}

.el-radio.is-bordered.is-disabled {
    cursor: not-allowed;
    border-color: #ebeef5
}

.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.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--mini.is-bordered .el-radio__label,
.el-radio--small.is-bordered .el-radio__label {
    font-size: 12px
}

.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__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__inner {
    height: 12px;
    width: 12px
}

.el-radio__input {
    cursor: pointer;
    vertical-align: middle
}

.el-radio__input.is-disabled .el-radio__inner {
    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: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: #409eff;
    background: #409eff
}

.el-radio__input.is-checked .el-radio__inner:after {
    -webkit-transform: translate(-50%, -50%) scale(1);
    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 {
    border: 1px solid #dcdfe6;
    border-radius: 100%;
    width: 14px;
    height: 14px;
    background-color: #fff;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-radio__inner:hover {
    border-color: #409eff
}

.el-radio__inner:after {
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #fff;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in, -webkit-transform .15s ease-in
}

.el-radio__original {
    opacity: 0;
    outline: 0;
    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 {
    -webkit-box-shadow: 0 0 2px 2px #409eff;
    box-shadow: 0 0 2px 2px #409eff
}

.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;
    -webkit-transition: opacity .34s ease-out;
    transition: opacity .34s ease-out
}

.el-scrollbar__wrap {
    overflow: scroll;
    height: 100%
}

.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);
    -webkit-transition: background-color .3s;
    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;
    -webkit-transition: opacity .12s ease-out;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    font-size: 14px
}

.el-cascader-node,
.el-drawer {
    display: -webkit-box;
    display: -ms-flexbox
}

.el-cascader-panel.is-bordered {
    border: 1px solid #e4e7ed;
    border-radius: 4px
}

.el-cascader-menu {
    min-width: 180px;
    -webkit-box-sizing: border-box;
    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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-avatar,
.el-drawer {
    -webkit-box-sizing: border-box;
    overflow: hidden
}

.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%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    color: #c0c4cc
}

.el-cascader-node {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 30px 0 20px;
    height: 34px;
    line-height: 34px;
    outline: 0
}

.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: #409eff;
    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 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.el-cascader-node>.el-radio .el-radio__label {
    padding-left: 0
}

.el-avatar {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    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
}

.el-drawer.btt,
.el-drawer.ttb,
.el-drawer__container {
    left: 0;
    right: 0;
    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
    }
}

@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)
    }
}

@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%)
    }
}

@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)
    }
}

@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%)
    }
}

@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)
    }
}

@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%)
    }
}

@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)
    }
}

@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%)
    }
}

@keyframes btt-drawer-out {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

.el-drawer {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    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);
    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.rtl {
    -webkit-animation: rtl-drawer-out 225ms cubic-bezier(0, 0, .2, 1) 0s;
    animation: rtl-drawer-out 225ms cubic-bezier(0, 0, .2, 1) 0s;
    right: 0
}

.el-drawer__open .el-drawer.rtl {
    -webkit-animation: rtl-drawer-in 225ms cubic-bezier(0, 0, .2, 1) 0s;
    animation: rtl-drawer-in 225ms cubic-bezier(0, 0, .2, 1) 0s
}

.el-drawer.ltr {
    -webkit-animation: ltr-drawer-out 225ms cubic-bezier(0, 0, .2, 1) 0s;
    animation: ltr-drawer-out 225ms cubic-bezier(0, 0, .2, 1) 0s;
    left: 0
}

.el-drawer__open .el-drawer.ltr {
    -webkit-animation: ltr-drawer-in 225ms cubic-bezier(0, 0, .2, 1) 0s;
    animation: ltr-drawer-in 225ms cubic-bezier(0, 0, .2, 1) 0s
}

.el-drawer.ttb {
    -webkit-animation: ttb-drawer-out 225ms cubic-bezier(0, 0, .2, 1) 0s;
    animation: ttb-drawer-out 225ms cubic-bezier(0, 0, .2, 1) 0s;
    top: 0
}

.el-drawer__open .el-drawer.ttb {
    -webkit-animation: ttb-drawer-in 225ms cubic-bezier(0, 0, .2, 1) 0s;
    animation: ttb-drawer-in 225ms cubic-bezier(0, 0, .2, 1) 0s
}

.el-drawer.btt {
    -webkit-animation: btt-drawer-out 225ms cubic-bezier(0, 0, .2, 1) 0s;
    animation: btt-drawer-out 225ms cubic-bezier(0, 0, .2, 1) 0s;
    bottom: 0
}

.el-drawer__open .el-drawer.btt {
    -webkit-animation: btt-drawer-in 225ms cubic-bezier(0, 0, .2, 1) 0s;
    animation: btt-drawer-in 225ms cubic-bezier(0, 0, .2, 1) 0s
}

.el-drawer__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #72767b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 32px;
    padding: 20px 20px 0
}

.el-drawer__header>:first-child,
.el-drawer__title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.el-drawer__title {
    margin: 0;
    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 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.el-drawer__body>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-drawer__container {
    position: relative
}

.el-drawer-fade-enter-active {
    -webkit-animation: el-drawer-fade-in 225ms cubic-bezier(0, 0, .2, 1) 0s;
    animation: el-drawer-fade-in 225ms cubic-bezier(0, 0, .2, 1) 0s
}

.el-drawer-fade-leave-active {
    animation: el-drawer-fade-in 225ms cubic-bezier(0, 0, .2, 1) 0s reverse
}

.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
}

:root {
    --homeToperBar: #424654;
    --homeToperBarColor: #fff;
    --homeToperBarLoginBtn: linear-gradient(134deg, #adcbff, #566fe4 100%, #536ce3 0);
    --homeToperBarChargeBtn: linear-gradient(138deg, #bad3ff, #425cd8 100%, #536ce3 0);
    --homeNavBg: #fff;
    --homeNavColor: #a7b8cb;
    --homeNavActiveColor: #536ce3;
    --homeNavActiveBarBg: #5f89ea;
    --homeNavVipActiveAppColor: #535c66;
    --homeNavVipActiveAppActiveColor: #677fe8;
    --homeBottomBg: #424754;
    --homeBottomTextColor: hsla(0, 0%, 100%, 0.7);
    --homeBottomTextColorHover: hsla(0, 0%, 100%, 0.9);
    --homeBottomLineBg: #373b44;
    --homeBottomLineShadow: 0px 1px 1px #4b5265;
    --userBgColor: #fff;
    --userFontColor: #535c66;
    --userMinorFontColor1: rgba(83, 92, 102, 0.4);
    --userMinorFontColor2: rgba(83, 92, 102, 0.5);
    --userMinorFontColor3: #535c66;
    --userFontTipColor: rgba(83, 92, 102, 0.7);
    --userActiveColor: #6d8eeb;
    --userActiveBgColor: #f3f4f7;
    --userActiveBorderColor: #6d8eeb;
    --userBtnColor: #fff;
    --userSwitchColor: #849cb7;
    --userBtnBgColor: linear-gradient(180deg, #a4b1c1, #67717e 81.03%);
    --userBtnHoverBgColor: #848f9e;
    --userHeaderBgColor: linear-gradient(180deg, #a4b1c1, #67717e);
    --userLineColor: #eee;
    --userGradeBgColor: linear-gradient(180deg, #edf0f5, #d6dde7);
    --userGradeColor: #535c66;
    --userBorderColor: #becad8;
    --userBorderActiveColor: #becad8;
    --userVipColor: #366499;
    --userProgressOuter: #f3f4f7;
    --userProgressInner: #849cb7;
    --userVipTableColor: #fff;
    --userVipTableColor: #535c66;
    --userVipSortBgColor: #849cb7;
    --userCarouselIndicator: #c0c4cc;
    --userWithdrawBgColor: #f3f4f7;
    --userWithdrawBankColor: #535c66;
    --userPageBgColor: #849cb7;
    --agent-item-word: rgba(0, 0, 0, 0.45083);
    --agent-item-num: rgba(0, 0, 0, 0.652398);
    --agent-user-lose: #007b5b;
    --agent-user-bet-big: #535c66;
    --agent-user-bet-small: rgba(72, 79, 100, 0.6);
    --genderImgURL: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHoAAAAoCAMAAAAGwR4qAAAAMFBMVEVMaXFmj/JnjfVljvNkj/FikPJijvFjkPJkj/JwmPORr/bn7v3I1/qkvfi1yvnS3vvmJbuAAAAACHRSTlMAeRtx56b4zcxZcZUAAACaSURBVHja7dgxEoNADENRy9kFLSxw/9vGA5OhSms1/o3K18vMe2N6rXvIDW7pOZpbh0lCt9AleTOaKBZddNFFF1100UX/DTIaVNGgigZVNKiiQRUNqmhQRYMvrZGPM5v+8Gnbt6Bz5TF+ctCpMuccj5xLh8xxzbHtB3PpkKMxr0emNU+Vw97PexfrSJXf1vvGUciLi86rZXX7Ar82DueL6u36AAAAAElFTkSuQmCC) no-repeat;
    --depositImgURL: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAABOAgMAAACYrIbbAAAADFBMVEWjuc1HcEyjvM7y9fi2zqMyAAAAA3RSTlP/ACqfVTnlAAAAlUlEQVRIx+3WsQ2DQAyFYQtEQcUKDBKJKc5y6VEYgZGQslAGiHThAinv/pQUdv3p/M6NLS5Qm6xEZulStX4Nxjqxiwx1okxSyTm1SQmztIkdb7zbRGV6vtokrX3egbhk+NER5kFEcS7nZIA4E2OiTL5hgDgTY6JMShgizsSYKJMUJEiQIEGC3IOMvNU63o1/HJB8hn4AGgEMDNvFKoIAAAAASUVORK5CYII=) no-repeat;
    --bankcardImgURL: url(../images/bankcard_img_style03-2.5f303e0.png) no-repeat;
    --bankcardImgURL2: url(../images/bankcard_img_style02-2.58b02ce.png) no-repeat;
    --bankcardImgURL1: url(../images/bankcard_img_style01-2.b054260.png) no-repeat;
    --vipCenterImgURL: url(../images/vipcenter_img_01@2x-2.1257e89.png) no-repeat;
    --vipCenterImgWidth: 104px;
    --vipvipbgimg: url(../images/vipbg_img@2x-2.b409e16.png) no-repeat;
    --homeNoticeColor: #848f9e;
    --homeBgImg: url(../images/homebg.c0f1149.png);
    --pokerBg: url(../images/bg_poker.c1c6b3a.png);
    --homeQRBgImg: url(../images/banner_img_QRbox.7b9e1e6.png) no-repeat;
    --homeQRDownBgImg: url(../images/appDownBox.4ea51d7.png)no-repeat center;
    --homeBannerBgImg: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAYUExURXmEk4eSofv7/JSgrUdwTP////Dy8////zgBg2wAAAAIdFJOU0xMTEwACkQlfWE+wQAAAMdJREFUKM+l0ksKgzAQBuAJvUCt0AOMoNtqoCdI8ALBrg0U92I9f807Uenz3+XbJJl/gO0EfkGxg/OwxQ5xWGOHRYOPFFssALwabOViQGQ5BeSyvIBR4ZBL1AZwwEpYnLEGmxwrgxx7ZyS7orCozyRTIR6zKB9iTmmK1CQgDfFIX2B6Ec3rb5+0h+q7MR7dTJKBbLAPdrbIRjd4NfrB1TGGOkoRFacvOkTFqYq1NnHFjN3MMkzp2ix6wvt6wWb09mYVGf9z50Oe0eqezZg8XSUAAAAASUVORK5CYII=) no-repeat;
    --homeBannerActiveBgImg: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAzUExURUdwTHN+jHaAj3eBj3F7iXmEkniEkn+LmYaRoIOPnnuHlXN/jY6aqYmVpIOPnoCLmXqFk3B8B7EAAAAMdFJOUwDhEEH+sIMg31/vb3kgoW8AAAFVSURBVDjLrZXpEoMgDITLIYdC4P2ftgmHAkLrTLvjD0c+ZIVkfb1+ENfPOCXZ8QATTKKY/YLpDSFhEd4+rc8VYoruDiajWqLHLqXi9dUxLtYXOLSJ1gWiYmLufKy34s+aGAarXO1xz6tyFUMMxZ/aQ6hm0lSGq/LiMyQZW94ewFxWTSjmxJYoAMDxYsSAaUCdpwMxp7I/PYLos6XAew/kT/sGBAQteEiXJ6bIzkB/k3MEugb0LegQqFqALTIHHYFuov+C6OT21SO43J4C0ud0AjucTLc9Pu15Pp4FWM/mOscp2BEkrCMCw3CEXOXBBGSlWr6BqUo7lTKLrCkzk0tfmIzEeDYa9twFWlOnU0Ml7ce0a7GjsLnykCKuNtrZc3272r5dxTxZBLWibgMBMTHNijabUgwt00+fo3gjB3OT2LPiW+zV9SkjH2QuZqN6FuKa//KreAM4Nhz6PGwqEgAAAABJRU5ErkJggg==) no-repeat;
    --homeBorderImg: url(../images/live-box.07bb9e0.png)no-repeat center;
    --homeLiveBorderImg: url(../images/live-box-title.14009fd.png)no-repeat center;
    --homeLiveTitleImg: url(../images/live-title.b42a406.png) no-repeat;
    --homeDownloadAppstoreImg: url(../images/appstore.7066c7b.png);
    --homeDownloadGoogleplayImg: url(../images/googleplay.6a55270.png);
    --homeServerBgImg: url(../images/Subtract.d9a2dc5.png);
    --homeLiveInfoBorderopacityColor: rgba(132, 143, 158, 0.4);
    --homeLiveInfoBorderColor: #848f9e;
    --homeHotTitleBgColor: linear-gradient(146deg, #fcfdff 2%, #e2e7ff 98%);
    --homeHotTitleActiveBgColor: linear-gradient(134.42deg, #adcbff -18.17%, #566fe4 96.1%, #536ce3 96.16%);
    --homeHotTitleBoxshadow: 0 4px 7px 0 rgba(170, 177, 209, 0.3);
    --homeHotTitleActiveBoxshadow: 0 2px 4px 0 rgba(55, 81, 191, 0.5);
    --homeHotTitleColor: #6d8eeb;
    --noticeBorderColor: #848f9e;
    --noticeBgColor: linear-gradient(180deg, #fff, #ebf0f5 50%, #fff);
    --serviceTextColor: #848f9e;
    --serviceImg: url(../images/service.320fca2.png) no-repeat;
    --serviceHoverImg: url(../images/service-hover.3f15bd1.png) no-repeat;
    --qqImg: url(../images/qq-default.6388e24.png) no-repeat;
    --qqHoverImg: url(../images/qq-hover-default.0d295f7.png) no-repeat;
    --wechatImg: url(../images/wechat-default.c489a80.png) no-repeat;
    --wechatHoverImg: url(../images/wechat-hover-default.5e69c29.png) no-repeat;
    --chatRoomImg: url(../images/chat-room-default.0862365.png);
    --chatRommHoverImg: url(../images/chat-room-hover-default.890da5f.png);
    --erweimaImg: url(../images/erweima-default.509f38a.png) no-repeat;
    --erweimaHoverImg: url(../images/erweima-hover-default.88da9ec.png) no-repeat;
    --homeScrollbarColor: #848f9e;
    --homeScrollbarBgColor: rgba(132, 143, 158, 0.1);
    --homeHotGameEnColor: #848f9e;
    --homeNavHoverBgcolor: linear-gradient(180deg, #e0e4f4 100%, #f0f2fd 0, #fdfdff);
    --goGameBtn: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAAAqCAMAAABoUu70AAAANlBMVEWTsPg5U8FEYNSDn/M4Vb+uyfxYcuI2T7t9l/BDXch1kO+jwf1YceaMqPaat/pgeuhngulsh+x/ovIGAAAACnRSTlP+Opj/JNXiEP1U2AWcrQAAAjBJREFUWMO9V4mSqyAQxEDMgKj4/z/7mIvDxGwq+9gGhzl66CVb5WEeGffBQA1DOstIZCVHQoN1SIqFzGghk49kHu6+bNuybJjZaKjPQROpr95zpfT33t1nIX/fsJWmmI29pQmf6w2WVykeEnlHQsNxFyEjsdmKu6lraDU1rBQjZXNqqTwj/SJkxoOEzN8JrXmoKa5g1TybwjEd+dzf0VcVWofjByH7/4Usbmq70c5SbmlP3K67a1Qhy1jtFda3ifU9F8FCYEdjBTnRl1LwaQVsFnIewMI3sJ+XLP90f4AJhQLQCHjB2agLEOpo81zrk+cVAp2IYjFlVavZitJf/rYmWbbp+mGm/1EIR7jAZeFjDldBTiSZfjIllRIntHTUlCaa9YkjQocOnId6NdFEQSnipaZ8pgchJxU6hmNWoXSkVAwuh3jVkaArvPJfNopQQhzpd3jbzz/dvKc9JTIKirvwotLk9jNPQszziea0jwTunvw0Xgh15EQh7nukgZONRs2MtZMZJVfCOgsPOYHvDDOkmEOcdLHRjNq6Noy9TdbS3gR5JroFPaYIqPQD9vgR5RUtAUQUchHvjx9s9B32YCFEfEy425yfTPKo4icvvbjIax29I/FzEgCaW2W+akfTs3YNtMw3EprmGWR/JNLbfwd6l+YttF8UuOWyg/hZZ/Yk5PwtzgMRb1kHv/jc5P1tILwXoaw0Za1xmCb+WM5KKDUKbnJOPv9RKouNAiuI0Hj8A1RhnviSqFq+AAAAAElFTkSuQmCC) no-repeat;
    --gameTabColor: #535c66;
    --gameTabActive: #6d8eeb;
    --gameTabActiveBorder: #6d8eeb;
    --gameTabSearchBorder: #dcdfe6;
    --gameTabSearchHoverBorder: #c0c4cc;
    --gameTabSearchFocusBorder: #409eff;
    --gameTabSearchColor: unset;
    --gameBorderColor: #d6dde7;
    --gameAllBtnBgColor: linear-gradient(180deg, #89a9f9, #677fe8);
    --videoBg: url(../images/video-bg.c28afad.png) no-repeat;
    --sportsBg: url(../images/sports-bg.44f4481.png) no-repeat;
    --egcBg: url(../images/egc-bg.e924f93.png) no-repeat;
    --noBackUp: url(../images/empty_white.d32a089.png) no-repeat;
    --activetyTab: linear-gradient(146deg, #fcfdff 2%, #e2e7ff 98%);
    --activetyActiveTab: linear-gradient(134deg, #adcbff, #566fe4 100%, #536ce3 0);
    --activetyTabShadow: 0 4px 7px 0 rgba(170, 177, 209, 0.3);
    --activetyTabActiveShadow: 0 2px 4px 0 rgba(55, 81, 191, 0.5);
    --activetyTabTextColor: #6079e7;
    --activetyTabTextActiveColor: #fff;
    --activetyListBg: url(../images/activetyListBg.b47d1a3.png) no-repeat;
    --activetyListShadow: drop-shadow(0px 4px 4px rgba(132, 143, 158, 0.4));
    --firstColor: #3d8ced;
    --secondColor: #fff
}

.el-button--primary {
    border: none;
    color: var(--userBtnColor);
    background: var(--userBtnHoverBgColor) !important
}

.el-button--primary:hover {
    background: var(--userBtnHoverBgColor)
}

:root .hongbao {
    backGround: url(../images/evceicon.ec3badf.png) no-repeat;
    background-size: 100% 100%
}

:root .hongbao:hover {
    cursor: pointer
}

:root .jinsGold {
    --homeToperBar: #1b1b1b;
    --homeToperBarColor: #fff;
    --homeToperBarLoginBtn: linear-gradient(134deg, #adcbff, #566fe4 100%, #536ce3 0);
    --homeToperBarChargeBtn: linear-gradient(138deg, #bad3ff, #425cd8 100%, #536ce3 0);
    --homeNavBg: #020102;
    --homeNavColor: #fff;
    --homeNavActiveColor: #fff;
    --homeNavActiveBarBg: #fffea6;
    --homeNavVipActiveAppColor: #535c66;
    --homeNavVipActiveAppActiveColor: #677fe8;
    --homeBottomBg: #171717;
    --homeBottomTextColor: hsla(0, 0%, 100%, 0.7);
    --homeBottomTextColorHover: #fff;
    --homeBottomLineBg: rgba(92, 95, 105, 0.5);
    --homeBottomLineShadow: 0px 1px 1px #4b5265;
    --userBgColor: #222;
    --userFontColor: #fff;
    --userMinorFontColor1: hsla(0, 0%, 100%, 0.8);
    --userMinorFontColor2: hsla(0, 0%, 100%, 0.5);
    --userMinorFontColor3: #ededed;
    --userFontTipColor: hsla(0, 0%, 100%, 0.7);
    --userActiveColor: #fffea6;
    --userActiveBgColor: rgba(199, 181, 118, 0.1);
    --userActiveBorderColor: #c7b576;
    --userBtnColor: #000;
    --userSwitchColor: #f7e78c;
    --userTableHeaderColor: #fff;
    --userTableHeaderBgColor: #222;
    --userTableColor: #fff;
    --userTableBgColor: #222;
    --userTableHoverBgColor: #000;
    --userTableDetailColor: #fff;
    --userTableDetailBgColor: hsla(0, 0%, 100%, 0.1);
    --serviceTextColor: #848f9e;
    --serviceImg: url(../images/js-service.168f2a6.png) no-repeat;
    --serviceHoverImg: url(../images/js-service-hover.17129f6.png) no-repeat;
    --qqImg: url(../images/qq-default.6388e24.png) no-repeat;
    --qqHoverImg: url(../images/qq-hover-default.0d295f7.png) no-repeat;
    --wechatImg: url(../images/wechat-default.c489a80.png) no-repeat;
    --wechatHoverImg: url(../images/wechat-hover-default.5e69c29.png) no-repeat;
    --chatRoomImg: url(../images/chat-room-default.0862365.png);
    --chatRommHoverImg: url(../images/chat-room-hover-default.890da5f.png);
    --erweimaImg: url(../images/erweima-default.509f38a.png) no-repeat;
    --erweimaHoverImg: url(../images/erweima-hover-default.88da9ec.png) no-repeat;
    --userBtnBgColor: linear-gradient(92.83deg, #ab9560 0.16%, #ebdf93 49.92%, #a9925e);
    --userLineColor: hsla(0, 0%, 100%, 0.1);
    --userHeaderBgColor: linear-gradient(92.83deg, #ab9560 0.16%, #ebdf93 49.92%, #a9925e);
    --userGradeBgColor: linear-gradient(180deg, #000, #000);
    --userGradeColor: #fff;
    --userBorderColor: hsla(0, 0%, 82.7%, 0.5);
    --userBorderActiveColor: #d3d3d3;
    --userVipColor: #82671a;
    --userProgressOuter: #393939;
    --userProgressInner: #676767;
    --userVipTableColor: #535c66;
    --userVipTableBgColor: hsla(0, 0%, 100%, 0.1);
    --userVipSortBgColor: hsla(0, 0%, 100%, 0.7);
    --userCarouselIndicator: #c0c4cc;
    --userWithdrawBgColor: #2c2c2c;
    --userWithdrawBankColor: #535c66;
    --userPageBgColor: #849cb7;
    --homeBgImg: #000;
    --genderImgURL: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPQAAABQCAMAAAAZfKg0AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA5UExURUxpcc/Pz9PT0yIiItPT08/Pz9PT09PT09PT08/Pz3x8fDc3N729vWdnZ8jIyJSUlE5OTkNDQ6+vrwZ83rkAAAAKdFJOUwBA///fIECUzxALPUWzAAABPklEQVR42u3cu46FMAyE4ewEcHAgXN7/YY8Aaa2l3OZImfmrtJ+sNC6criYbQFGxMT3NBqJsvs0FzfdM0bEB5VIblpppqgsspRGomaja8JMMW6bKYang4ELvGBKQyQKEFlpooYUWWmihhRZaaKGFFlpooYUWWmihhRZaaKGFFlpooYUWWmihhf5/Toh28KEdfGgHH9rBh3bwoR18aAcf2sGHdvChHXxoBx/awYd28KEdfGgHH9qB76O/aQ40lfn0QLOYl5q3QNOYjxZoFnNdEGgec6C7NZ/t19xuc6D7Nd/Ox3xc777R/pou9vD3ivb3P15zPRHojs2hXnPe0DE6zKH2MPeKXoGXuvcdWZhD/d6RDdh7NYd6/2MuyeC9m99ZmtAqlxljHHehMdtzxgfbwWMuM+XBpqfRCigabLq8H2tO4qW/EtQJAAAAAElFTkSuQmCC) no-repeat;
    --depositImgURL: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQwAAACcBAMAAAB4s4hXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAeUExURUdwTNPT08rKys/Pz9LS0s/Pz9LS0tPT0yUlJYyMjDTVnSYAAAAHdFJOUwCI4hBAIFAr/0dbAAABiUlEQVR42u3cMU7DQBCF4RkhUSMB4gAUSxkQBwBRUFPR5gqxQCvaVM4JkuMSYJ1N4rjdN0L/a918+m3J3ZjZc8rSdde23X2W79LsLOkZ3cw8B9iFvefuxVrtZoLxsX1y20wxmX5hKc/bMaZydJZzQ8VkjsaMqRytGR6DcSLHZiVgjHJ89b2AMcqx0TB8FEPxUmqOu2WJsZYwhhx9n4YYCsaQo++XQwwJw3ffZioxJIySY0tYlhgaRs1RYmgYNUeJIWLUHKssZNQcaynD619NyTj+s6gYHoNxlEPG8BiMwxw6hsdgHOQQMjwGYz+HkuExGHs5pAyPwag5tAyPwdjlEDM8BmPIoWZ4DEbJIWd4DMZfDj3DYzB+cwRgeAzGT44IDI/BMBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgw/gtjFoGR8pNacZ67tmfHTu8hL+w1d3Ot4jHlzygn6YIc6AtyrtDsTX288crsG1xI689F7/6OAAAAAElFTkSuQmCC) no-repeat;
    --bankcardImgURL: url(../images/bankcard_img_style03.92a6704.png) no-repeat;
    --bankcardImgURL2: url(../images/bankcard_img_style02.fa9baa9.png) no-repeat;
    --bankcardImgURL1: url(../images/bankcard_img_style01.b0207fe.png) no-repeat;
    --vipCenterImgURL: url(../images/vipcenter_img_01@2x.91e40ed.png) no-repeat;
    --vipCenterImgWidth: 84px;
    --vipvipbgimg: url(../images/vipbg_img@2x.864dca5.png) no-repeat
}

:root .jinsGold .publicWhite {
    background: #222 !important
}

:root .jinsGold .el-input__inner {
    border: 1px solid hsla(0, 0%, 82.7%, .5) !important
}

:root .jinsGold .el-input__inner:focus {
    border-color: #d3d3d3
}

:root .jinsGold .el-popper[x-placement^=top] .popper__arrow:after {
    border-top-color: #000
}

:root .jinsGold .el-date-table td.current:not(.disabled) span {
    background: hsla(0, 0%, 100%, .7);
    border-radius: 2px
}

:root .jinsGold .el-range-editor.is-active,
:root .jinsGold .el-range-editor.is-active:hover {
    border-color: #fff
}

:root .jinsGold .el-select-dropdown__item {
    border-bottom: 1px solid var(--userLineColor)
}

:root .jinsGold .el-select .el-input.is-focus .el-input__inner,
:root .jinsGold .el-select .el-input__inner:focus {
    border-color: #fff
}

:root .jinsGold .el-cascader__dropdown {
    background-color: var(--userBgColor);
    border-color: #000
}

:root .jinsGold .el-cascader-node.in-active-path,
:root .jinsGold .el-cascader-node.is-active,
:root .jinsGold .el-cascader-node.is-selectable.in-checked-path {
    color: #fffea6
}

:root .jinsGold .el-cascader-menu {
    border-color: var(--userLineColor)
}

:root .jinsGold .el-cascader .el-input .el-input__inner:focus,
:root .jinsGold .el-cascader .el-input.is-focus .el-input__inner {
    border-color: #fff
}

:root .jinsGold .el-cascader-node:hover,
:root .jinsGold .in-active-path {
    background: #000 !important
}

.el-menu--collapse .el-menu .el-submenu,
.el-menu--popup {
    min-width: 100px !important
}

body {
    overflow-x: hidden
}