body[data-v-eab4d8f0]{font-family:source}@media screen and (min-width:1439px)and (max-width:1779px){html[data-v-eab4d8f0]{font-size:15px!important}}@media screen and (min-width:1779px)and (max-width:1919px){html[data-v-eab4d8f0]{font-size:17px!important}}@media screen and (min-width:1919px){html[data-v-eab4d8f0]{font-size:20px!important}}@media screen and (min-width:960px)and (max-width:1439px){html[data-v-eab4d8f0]{font-size:13px!important}}@media screen and (max-width:960px){html[data-v-eab4d8f0]{font-size:13px!important}}.filter[data-v-eab4d8f0]{background:rgba(88,88,88,.4)}.underline[data-v-eab4d8f0]{border-bottom:1px dashed hsla(0,0%,100%,.7);cursor:pointer;padding-bottom:3px;text-decoration:none}.underline[data-v-eab4d8f0]:hover{opacity:.7}.el-row[data-v-eab4d8f0]{width:100%}.no-data[data-v-eab4d8f0]{text-align:center;color:hsla(0,0%,100%,.7)}.button[data-v-eab4d8f0]{width:100%;line-height:2.7rem;height:2.4rem;text-align:center;font-family:sourcebold;background:rgba(51,51,51,.4);border-radius:5px;color:#fff;font-size:.9rem;transition:all .3s;vertical-align:baseline;display:flex;justify-content:center;align-items:center;cursor:pointer}.button[data-v-eab4d8f0]:hover{background:rgba(51,51,51,.7)}.dialog-btns[data-v-eab4d8f0]{color:#fff!important;font-family:sourcebold;margin:0 1rem;font-size:.8rem}.charge-button[data-v-eab4d8f0]{width:6rem;text-align:center;line-height:2.7rem;background:#4caf50;color:#fff;font-size:.85rem;font-family:sourcebold;border-radius:3px;cursor:pointer}.charge-button[data-v-eab4d8f0]:hover{background:#7de27d}.add[data-v-eab4d8f0]{cursor:pointer}.el-dropdown-menu[data-v-eab4d8f0]{background-color:rgba(24,24,24,.7)!important;border-color:rgba(24,24,24,.7);padding:0}.el-popper .popper__arrow[data-v-eab4d8f0],.el-popper[x-placement^=bottom] .popper__arrow[data-v-eab4d8f0]:after{border-bottom-color:rgba(24,24,24,.7)!important}.scrollbar[data-v-eab4d8f0]::-webkit-scrollbar{width:6px}.scrollbar[data-v-eab4d8f0]::-webkit-scrollbar-thumb{background:#444;border-radius:5px}.scrollbar[data-v-eab4d8f0]::-webkit-scrollbar-track{background:transparent}.table[data-v-eab4d8f0]{padding:0 1.5rem}.table>div[data-v-eab4d8f0]{display:flex;align-items:center}.table>div>span[data-v-eab4d8f0]{flex:1;text-align:center;color:#fff}.table>div.tr[data-v-eab4d8f0]{height:3rem;border-top:1px solid #cdc3bd;font-family:sourcebold;font-size:1rem}.table>div.tr i[data-v-eab4d8f0]{font-size:.7rem;font-family:source;font-style:normal}.table>div.thead[data-v-eab4d8f0]{height:2rem;font-size:.7rem}.table>div.thead>span[data-v-eab4d8f0]{color:#aaa!important}.el-col-48[data-v-eab4d8f0]{width:20%}.el-dialog[data-v-eab4d8f0]{background:#3a3a3a!important;border-radius:3px;overflow:hidden;min-width:320px}.el-dialog__header[data-v-eab4d8f0]{background:#282828;padding:.8rem 1rem;font-size:.7rem}.el-dialog__title[data-v-eab4d8f0]{color:#e5e5e5!important;font-family:sourcebold}.el-dialog__footer[data-v-eab4d8f0]{padding:.5rem!important}.el-dialog__body[data-v-eab4d8f0]{padding:.5rem 1.5rem 1rem!important}.fade-transform-enter-active[data-v-eab4d8f0],.fade-transform-leave-active[data-v-eab4d8f0]{transition:all .35s}.fade-transform-enter[data-v-eab4d8f0],.fade-transform-leave-to[data-v-eab4d8f0]{opacity:0;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}.el-loading-spinner .path[data-v-eab4d8f0]{stroke:#181818}.el-form-item__label[data-v-eab4d8f0]:before{display:none}.el-select-dropdown .popper__arrow[data-v-eab4d8f0]{border-bottom-color:rgba(24,24,24,.7)!important;display:none}.scroll-info[data-v-eab4d8f0]{margin-top:40px;display:flex;flex-direction:column;align-items:center;width:100%;min-height:200px;position:relative}.scroll-info .scroll-bg[data-v-eab4d8f0]{width:100%;height:auto;position:absolute;margin-left:auto;margin-right:auto}.scroll-info .titlebar[data-v-eab4d8f0]{height:34rem;width:60rem;top:-15rem;position:absolute;margin-left:auto;margin-right:auto;background:url(../img/scroll_bg.edd3242e.png) no-repeat;background-size:cover;background-position:50%}.scroll-info .titlebar img[data-v-eab4d8f0]:first-of-type{width:80%;margin-left:10%;margin-top:15rem}.scroll-info .titlebar .title-bg[data-v-eab4d8f0]{background:url(../img/scroll_title_bg.8df3ea8f.png) no-repeat;background-size:cover;background-position:50%;height:50px;width:200px;text-align:center;line-height:50px;position:absolute;top:14rem;margin-left:calc(50% - 100px);font-family:zhsrt;font-size:20px;color:#fff;padding-top:3px}.scroll-info .box-scroll-goods[data-v-eab4d8f0]{width:100%;margin-top:5rem;display:flex;flex-direction:column;align-items:center;overflow:hidden;padding:10px 0}.scroll-info .box-scroll-goods>div[data-v-eab4d8f0]{width:100%;display:flex;flex-direction:column;position:relative}.scroll-info .box-scroll-goods .goods[data-v-eab4d8f0]{min-width:100%;display:flex;box-sizing:border-box}.scroll-info .box-scroll-goods .goods .good-item[data-v-eab4d8f0]{display:flex;flex-direction:column;color:hsla(0,0%,100%,.5);align-items:center;position:relative;border-bottom:1px solid #f4f4f4;flex-shrink:0;font-size:13px;width:80px;padding:5px 0;box-sizing:border-box;overflow:hidden}.scroll-info .box-scroll-goods .goods .good-item .good-cover[data-v-eab4d8f0]{width:40px;height:40px;-o-object-fit:contain;object-fit:contain}.scroll-info .box-scroll-goods .goods .good-item .goods-name[data-v-eab4d8f0]{width:80px;margin-top:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 5px;font-size:10px}.scroll-info .box-scroll-goods .goods .red[data-v-eab4d8f0]{border-bottom:1px solid #ff4d97;background:linear-gradient(180deg,rgba(255,77,151,.4),transparent)}.scroll-info .box-scroll-goods .goods .blue[data-v-eab4d8f0]{border-bottom:1px solid #5caeff;background:linear-gradient(180deg,rgba(92,174,255,.4),transparent)}.scroll-info .box-scroll-goods .goods .green[data-v-eab4d8f0]{border-bottom:1px solid #00f5c9;background:linear-gradient(180deg,rgba(0,245,201,.4),transparent)}.scroll-info .box-scroll-goods .goods .purple[data-v-eab4d8f0]{border-bottom:1px solid #a64dff;background:linear-gradient(180deg,rgba(166,77,255,.4),transparent)}.scroll-info .box-scroll-goods .goods .yellow[data-v-eab4d8f0]{border-bottom:1px solid #ffd24d;background:linear-gradient(180deg,rgba(255,210,77,.4),transparent)}.scroll-info .box-scroll-goods .box-line[data-v-eab4d8f0]{position:absolute;height:110%;top:-5%;margin-left:50%}.scroll-info .box-scroll-goods .box-divider[data-v-eab4d8f0]{width:105%}.scroll-info .box-scroll-goods .mask-left[data-v-eab4d8f0]{height:100%;background:linear-gradient(90deg,#131747,transparent);width:13rem;position:absolute;left:0}.scroll-info .box-scroll-goods .mask-right[data-v-eab4d8f0]{height:100%;background:linear-gradient(270deg,#131747,transparent);width:13rem;position:absolute;right:0}body[data-v-8dfb43b8]{font-family:source}@media screen and (min-width:1439px)and (max-width:1779px){html[data-v-8dfb43b8]{font-size:15px!important}}@media screen and (min-width:1779px)and (max-width:1919px){html[data-v-8dfb43b8]{font-size:17px!important}}@media screen and (min-width:1919px){html[data-v-8dfb43b8]{font-size:20px!important}}@media screen and (min-width:960px)and (max-width:1439px){html[data-v-8dfb43b8]{font-size:13px!important}}@media screen and (max-width:960px){html[data-v-8dfb43b8]{font-size:13px!important}}.filter[data-v-8dfb43b8]{background:rgba(88,88,88,.4)}.underline[data-v-8dfb43b8]{border-bottom:1px dashed hsla(0,0%,100%,.7);cursor:pointer;padding-bottom:3px;text-decoration:none}.underline[data-v-8dfb43b8]:hover{opacity:.7}.el-row[data-v-8dfb43b8]{width:100%}.no-data[data-v-8dfb43b8]{text-align:center;color:hsla(0,0%,100%,.7)}.button[data-v-8dfb43b8]{width:100%;line-height:2.7rem;height:2.4rem;text-align:center;font-family:sourcebold;background:rgba(51,51,51,.4);border-radius:5px;color:#fff;font-size:.9rem;transition:all .3s;vertical-align:baseline;display:flex;justify-content:center;align-items:center;cursor:pointer}.button[data-v-8dfb43b8]:hover{background:rgba(51,51,51,.7)}.dialog-btns[data-v-8dfb43b8]{color:#fff!important;font-family:sourcebold;margin:0 1rem;font-size:.8rem}.charge-button[data-v-8dfb43b8]{width:6rem;text-align:center;line-height:2.7rem;background:#4caf50;color:#fff;font-size:.85rem;font-family:sourcebold;border-radius:3px;cursor:pointer}.charge-button[data-v-8dfb43b8]:hover{background:#7de27d}.add[data-v-8dfb43b8]{cursor:pointer}.el-dropdown-menu[data-v-8dfb43b8]{background-color:rgba(24,24,24,.7)!important;border-color:rgba(24,24,24,.7);padding:0}.el-popper .popper__arrow[data-v-8dfb43b8],.el-popper[x-placement^=bottom] .popper__arrow[data-v-8dfb43b8]:after{border-bottom-color:rgba(24,24,24,.7)!important}.scrollbar[data-v-8dfb43b8]::-webkit-scrollbar{width:6px}.scrollbar[data-v-8dfb43b8]::-webkit-scrollbar-thumb{background:#444;border-radius:5px}.scrollbar[data-v-8dfb43b8]::-webkit-scrollbar-track{background:transparent}.table[data-v-8dfb43b8]{padding:0 1.5rem}.table>div[data-v-8dfb43b8]{display:flex;align-items:center}.table>div>span[data-v-8dfb43b8]{flex:1;text-align:center;color:#fff}.table>div.tr[data-v-8dfb43b8]{height:3rem;border-top:1px solid #cdc3bd;font-family:sourcebold;font-size:1rem}.table>div.tr i[data-v-8dfb43b8]{font-size:.7rem;font-family:source;font-style:normal}.table>div.thead[data-v-8dfb43b8]{height:2rem;font-size:.7rem}.table>div.thead>span[data-v-8dfb43b8]{color:#aaa!important}.el-col-48[data-v-8dfb43b8]{width:20%}.el-dialog[data-v-8dfb43b8]{background:#3a3a3a!important;border-radius:3px;overflow:hidden;min-width:320px}.el-dialog__header[data-v-8dfb43b8]{background:#282828;padding:.8rem 1rem;font-size:.7rem}.el-dialog__title[data-v-8dfb43b8]{color:#e5e5e5!important;font-family:sourcebold}.el-dialog__footer[data-v-8dfb43b8]{padding:.5rem!important}.el-dialog__body[data-v-8dfb43b8]{padding:.5rem 1.5rem 1rem!important}.fade-transform-enter-active[data-v-8dfb43b8],.fade-transform-leave-active[data-v-8dfb43b8]{transition:all .35s}.fade-transform-enter[data-v-8dfb43b8],.fade-transform-leave-to[data-v-8dfb43b8]{opacity:0;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}.el-loading-spinner .path[data-v-8dfb43b8]{stroke:#181818}.el-form-item__label[data-v-8dfb43b8]:before{display:none}.el-select-dropdown .popper__arrow[data-v-8dfb43b8]{border-bottom-color:rgba(24,24,24,.7)!important;display:none}.goods-mask[data-v-8dfb43b8]{position:fixed;width:100%;height:100%;top:0;left:0;z-index:9999;overflow:hidden;background:url(../img/open-result-bg.e2862357.png) no-repeat;background-size:contain;background-position:50%;background-color:rgba(0,0,0,.5)}.goods-mask .result-goods[data-v-8dfb43b8]{height:100%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.goods-mask .result-goods .result-goods-list[data-v-8dfb43b8]{display:flex;position:relative;flex-wrap:wrap;justify-content:center;width:100%}.goods-mask .result-goods .result-goods-list .item[data-v-8dfb43b8]{width:31%;display:flex;flex-direction:column;align-items:center;background:#151040;color:#fff;padding:10px 0;margin:5px 5px 0 0;position:relative;box-sizing:border-box;flex-shrink:0}.goods-mask .result-goods .result-goods-list .item .img[data-v-8dfb43b8]{width:70%;padding:5px 0;background:linear-gradient(180deg,rgba(92,174,255,.4),transparent)}.goods-mask .result-goods .result-goods-list .item .img img[data-v-8dfb43b8]{width:100%;height:80px;-o-object-fit:contain;object-fit:contain;transition:transform .5s}.goods-mask .result-goods .result-goods-list .item .img:hover img[data-v-8dfb43b8]{transform:scale(1.2)}.goods-mask .result-goods .result-goods-list .item .name[data-v-8dfb43b8]{width:90%;margin-top:1rem;text-align:center;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:26px;overflow:hidden}.goods-mask .result-goods .result-goods-list .item .footer[data-v-8dfb43b8]{width:90%;display:flex;flex-direction:column;align-items:center}.goods-mask .result-goods .result-goods-list .item .footer .btn[data-v-8dfb43b8]{background:#5773ff;color:#fff;height:30px;width:90%;line-height:30px;text-align:center;border-radius:5px;cursor:pointer;margin-top:5px}.goods-mask .result-goods .result-goods-list .item .footer .btn img[data-v-8dfb43b8]{width:15px;margin:0 3px;vertical-align:middle}.goods-mask .result-goods .result-goods-list .item .rarity[data-v-8dfb43b8]{height:20px;position:absolute;top:0;left:0}.goods-mask .result-goods .result-goods-list .item .red[data-v-8dfb43b8]{background:linear-gradient(180deg,rgba(255,77,151,.4),transparent)}.goods-mask .result-goods .result-goods-list .item .blue[data-v-8dfb43b8]{background:linear-gradient(180deg,rgba(92,174,255,.4),transparent)}.goods-mask .result-goods .result-goods-list .item .green[data-v-8dfb43b8]{background:linear-gradient(180deg,rgba(0,245,201,.4),transparent)}.goods-mask .result-goods .result-goods-list .item .purple[data-v-8dfb43b8]{background:linear-gradient(180deg,rgba(166,77,255,.4),transparent)}.goods-mask .result-goods .result-goods-list .item .yellow[data-v-8dfb43b8]{background:linear-gradient(180deg,rgba(255,210,77,.4),transparent)}.goods-mask .result-goods .buttons[data-v-8dfb43b8]{display:flex;justify-content:space-between}.goods-mask .result-goods .buttons .btn[data-v-8dfb43b8]{color:#fff;width:180px;height:48px;line-height:48px;text-align:center;border-radius:5px;cursor:pointer;margin-top:5px;flex-shrink:0}.goods-mask .result-goods .buttons .btn img[data-v-8dfb43b8]{width:15px;margin:0 3px;vertical-align:middle}.goods-mask .result-goods .buttons .left[data-v-8dfb43b8]{background:url(../img/open-result-left.4843822d.svg);background-size:contain;margin-right:20px}.goods-mask .result-goods .buttons .right[data-v-8dfb43b8]{background:url(../img/open-result-right.c47921ef.svg);background-size:contain}.mask{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1002;background:rgba(0,0,0,.5);overflow:auto}.mask .body1{width:98%;margin:auto;margin-top:auto;margin-bottom:auto;background:#151040;margin-top:15vh;padding:10px 1rem;position:relative;height:60vh}.mask .body1 .header-title{font-size:1rem;color:hsla(0,0%,100%,.5)}.mask .body1 .exchange-list{width:100%;color:#fff;height:55vh;overflow-y:scroll}.mask .body1 .exchange-list .item>div{background:rgba(87,115,255,.2)}.mask .body1 .exchange-list .item>div:first-of-type{display:flex;justify-content:space-between;padding:10px 5px;margin-top:5px}.mask .body1 .exchange-list .item>div:last-of-type{padding:10px 5px;display:flex;justify-content:space-between;margin-top:2px}.mask .body1 .exchange-list .item>div:last-of-type>div:first-of-type{display:flex;flex-direction:column}.mask .body1 .exchange-list .item>div:last-of-type>div:first-of-type>span:nth-child(2){color:#00f5c9;margin-top:10px}.mask .body1 .exchange-list .item>div:last-of-type>div:first-of-type>span:nth-child(3){margin-top:3px;color:hsla(0,0%,100%,.5)}.mask .body1 .exchange-list .item>div:last-of-type>div:last-of-type{display:flex;align-items:center;color:#00f5c9}.mask .body1 .exchange-list .item>div:last-of-type>div:last-of-type img{width:20px;margin-right:5px}.mask .body1 .exchange-list table{width:100%;margin-top:10px;border-spacing:0 10px}.mask .body1 .exchange-list table img{width:80px}.mask .body1 .exchange-list table thead{background:rgba(87,115,255,.2)}.mask .body1 .exchange-list table td{text-align:center;padding:10px;min-width:80px}.mask .body1 .exchange-list table tr{background:rgba(87,115,255,.3)}.mask .body1 .exchange-list table .options span{cursor:default;margin:0 2px}.mask .body1 .exchange-list table .green{color:#00f5c9;width:100px;font-weight:700}.mask .body1 .exchange-list table .green img{width:15px;vertical-align:middle}.mask .close_icon{font-size:40px;color:#5773ff;cursor:default;margin-top:20px;margin-left:calc(50% - 20px)}body[data-v-386e0a08]{font-family:source}@media screen and (min-width:1439px)and (max-width:1779px){html[data-v-386e0a08]{font-size:15px!important}}@media screen and (min-width:1779px)and (max-width:1919px){html[data-v-386e0a08]{font-size:17px!important}}@media screen and (min-width:1919px){html[data-v-386e0a08]{font-size:20px!important}}@media screen and (min-width:960px)and (max-width:1439px){html[data-v-386e0a08]{font-size:13px!important}}@media screen and (max-width:960px){html[data-v-386e0a08]{font-size:13px!important}}.filter[data-v-386e0a08]{background:rgba(88,88,88,.4)}.underline[data-v-386e0a08]{border-bottom:1px dashed hsla(0,0%,100%,.7);cursor:pointer;padding-bottom:3px;text-decoration:none}.underline[data-v-386e0a08]:hover{opacity:.7}.el-row[data-v-386e0a08]{width:100%}.no-data[data-v-386e0a08]{text-align:center;color:hsla(0,0%,100%,.7)}.button[data-v-386e0a08]{width:100%;line-height:2.7rem;height:2.4rem;text-align:center;font-family:sourcebold;background:rgba(51,51,51,.4);border-radius:5px;color:#fff;font-size:.9rem;transition:all .3s;vertical-align:baseline;display:flex;justify-content:center;align-items:center;cursor:pointer}.button[data-v-386e0a08]:hover{background:rgba(51,51,51,.7)}.dialog-btns[data-v-386e0a08]{color:#fff!important;font-family:sourcebold;margin:0 1rem;font-size:.8rem}.charge-button[data-v-386e0a08]{width:6rem;text-align:center;line-height:2.7rem;background:#4caf50;color:#fff;font-size:.85rem;font-family:sourcebold;border-radius:3px;cursor:pointer}.charge-button[data-v-386e0a08]:hover{background:#7de27d}.add[data-v-386e0a08]{cursor:pointer}.el-dropdown-menu[data-v-386e0a08]{background-color:rgba(24,24,24,.7)!important;border-color:rgba(24,24,24,.7);padding:0}.el-popper .popper__arrow[data-v-386e0a08],.el-popper[x-placement^=bottom] .popper__arrow[data-v-386e0a08]:after{border-bottom-color:rgba(24,24,24,.7)!important}.scrollbar[data-v-386e0a08]::-webkit-scrollbar{width:6px}.scrollbar[data-v-386e0a08]::-webkit-scrollbar-thumb{background:#444;border-radius:5px}.scrollbar[data-v-386e0a08]::-webkit-scrollbar-track{background:transparent}.table[data-v-386e0a08]{padding:0 1.5rem}.table>div[data-v-386e0a08]{display:flex;align-items:center}.table>div>span[data-v-386e0a08]{flex:1;text-align:center;color:#fff}.table>div.tr[data-v-386e0a08]{height:3rem;border-top:1px solid #cdc3bd;font-family:sourcebold;font-size:1rem}.table>div.tr i[data-v-386e0a08]{font-size:.7rem;font-family:source;font-style:normal}.table>div.thead[data-v-386e0a08]{height:2rem;font-size:.7rem}.table>div.thead>span[data-v-386e0a08]{color:#aaa!important}.el-col-48[data-v-386e0a08]{width:20%}.el-dialog[data-v-386e0a08]{background:#3a3a3a!important;border-radius:3px;overflow:hidden;min-width:320px}.el-dialog__header[data-v-386e0a08]{background:#282828;padding:.8rem 1rem;font-size:.7rem}.el-dialog__title[data-v-386e0a08]{color:#e5e5e5!important;font-family:sourcebold}.el-dialog__footer[data-v-386e0a08]{padding:.5rem!important}.el-dialog__body[data-v-386e0a08]{padding:.5rem 1.5rem 1rem!important}.fade-transform-enter-active[data-v-386e0a08],.fade-transform-leave-active[data-v-386e0a08]{transition:all .35s}.fade-transform-enter[data-v-386e0a08],.fade-transform-leave-to[data-v-386e0a08]{opacity:0;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}.el-loading-spinner .path[data-v-386e0a08]{stroke:#181818}.el-form-item__label[data-v-386e0a08]:before{display:none}.el-select-dropdown .popper__arrow[data-v-386e0a08]{border-bottom-color:rgba(24,24,24,.7)!important;display:none}.menu[data-v-386e0a08]{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:space-around;font-size:14px;color:#fff;padding:15px 0;overflow-x:scroll}.menu .menu-item[data-v-386e0a08]{padding-bottom:5px;flex-shrink:0}.menu .active[data-v-386e0a08]{border-bottom:2px solid #00f5c9}body{font-family:source}@media screen and (min-width:1439px)and (max-width:1779px){html{font-size:15px!important}}@media screen and (min-width:1779px)and (max-width:1919px){html{font-size:17px!important}}@media screen and (min-width:1919px){html{font-size:20px!important}}@media screen and (min-width:960px)and (max-width:1439px){html{font-size:13px!important}}@media screen and (max-width:960px){html{font-size:13px!important}}.filter{background:rgba(88,88,88,.4)}.underline{border-bottom:1px dashed hsla(0,0%,100%,.7);cursor:pointer;padding-bottom:3px;text-decoration:none}.underline:hover{opacity:.7}.el-row{width:100%}.no-data{color:hsla(0,0%,100%,.7)}.button,.no-data{text-align:center}.button{width:100%;line-height:2.7rem;height:2.4rem;font-family:sourcebold;background:rgba(51,51,51,.4);border-radius:5px;color:#fff;font-size:.9rem;transition:all .3s;vertical-align:baseline;display:flex;justify-content:center;align-items:center;cursor:pointer}.button:hover{background:rgba(51,51,51,.7)}.dialog-btns{color:#fff!important;font-family:sourcebold;margin:0 1rem;font-size:.8rem}.charge-button{width:6rem;text-align:center;line-height:2.7rem;background:#4caf50;color:#fff;font-size:.85rem;font-family:sourcebold;border-radius:3px;cursor:pointer}.charge-button:hover{background:#7de27d}.add{cursor:pointer}.el-dropdown-menu{background-color:rgba(24,24,24,.7)!important;border-color:rgba(24,24,24,.7);padding:0}.el-popper .popper__arrow,.el-popper[x-placement^=bottom] .popper__arrow:after{border-bottom-color:rgba(24,24,24,.7)!important}.scrollbar::-webkit-scrollbar{width:6px}.scrollbar::-webkit-scrollbar-thumb{background:#444;border-radius:5px}.scrollbar::-webkit-scrollbar-track{background:transparent}.table{padding:0 1.5rem}.table>div{display:flex;align-items:center}.table>div>span{flex:1;text-align:center;color:#fff}.table>div.tr{height:3rem;border-top:1px solid #cdc3bd;font-family:sourcebold;font-size:1rem}.table>div.tr i{font-size:.7rem;font-family:source;font-style:normal}.table>div.thead{height:2rem;font-size:.7rem}.table>div.thead>span{color:#aaa!important}.el-col-48{width:20%}.el-dialog{background:#3a3a3a!important;border-radius:3px;overflow:hidden;min-width:320px}.el-dialog__header{background:#282828;padding:.8rem 1rem;font-size:.7rem}.el-dialog__title{color:#e5e5e5!important;font-family:sourcebold}.el-dialog__footer{padding:.5rem!important}.el-dialog__body{padding:.5rem 1.5rem 1rem!important}.fade-transform-enter-active,.fade-transform-leave-active{transition:all .35s}.fade-transform-enter,.fade-transform-leave-to{opacity:0;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}.el-loading-spinner .path{stroke:#181818}.el-form-item__label:before{display:none}.el-select-dropdown .popper__arrow{border-bottom-color:rgba(24,24,24,.7)!important;display:none}.app-main{background-color:#151040;background-image:url(../img/percent_bg.0c509f5b.png)!important;background-repeat:no-repeat;background-size:100% auto!important}.percent{align-items:center;font-size:12px;min-height:20vh}.percent,.percent .body{width:100%;display:flex;flex-direction:column}.percent .body{min-height:100vh;box-sizing:border-box;overflow-x:hidden}.percent .body .header{display:flex;justify-content:space-between;align-items:center;color:#fff;padding:0 10px}.percent .body .header .percent_logs{color:#00f5c9;margin-right:5px;cursor:pointer}.percent .body .header .percent_logs i{font-size:15px}.percent .body .header .title{width:100px;font-family:zhsrt;font-size:18px;background:linear-gradient(90deg,#8d1cff 1.22%,#0229b7 50.07%,#00f0ff 99.27%);color:#fff;padding:5px;text-align:center;border-radius:15px 3px 15px 3px}.percent .body .header .el-switch{margin-right:10px}.percent .body .percent_detail{margin-top:2rem;position:relative}.percent .body .percent_detail .percent_layout{width:300px;height:300px;position:relative}.percent .body .percent_detail .percent_layout .bg{position:relative}.percent .body .percent_detail .percent_layout .bg img:first-of-type{width:300px}.percent .body .percent_detail .percent_layout .bg img:last-of-type{position:absolute;width:180px;top:70px;left:60px}.percent .body .percent_detail .percent_layout .numbers{width:300px;height:300px;border-radius:15em;position:absolute;top:0;left:50%;color:#fff}.percent .body .percent_detail .percent_layout .numbers li{font-size:14px;display:block;width:30px;height:30px;position:absolute;top:50%;left:50%;line-height:30px;text-align:center;margin:-15px 0 0 -15px;font-weight:bolder;border:1px solid #5773ff;border-radius:50%;color:hsla(0,0%,100%,.6)}.percent .body .percent_detail .percent_layout .numbers li:first-child{transform:translate(-295px)}.percent .body .percent_detail .percent_layout .numbers li:nth-child(2){transform:translate(-280px,-90px)}.percent .body .percent_detail .percent_layout .numbers li:nth-child(3){transform:translate(-223px,-142px)}.percent .body .percent_detail .percent_layout .numbers li:nth-child(4){transform:translate(-152px,-160px)}.percent .body .percent_detail .percent_layout .numbers li:nth-child(5){transform:translate(-80px,-145px)}.percent .body .percent_detail .percent_layout .numbers li:nth-child(6){transform:translate(-20px,-86px)}.percent .body .percent_detail .percent_layout .numbers li:nth-child(7){transform:translate(-10px)}.percent .body .percent_detail .percent_layout .numbers .active{color:#00f0ff;background:url(../img/percent_num_bg.0d65f3f6.svg) no-repeat;background-size:cover}.percent .body .percent_detail .percent_layout .percent_num{display:block;width:20px;height:20px;position:absolute;top:47%;left:calc(50% - 10px);color:#00f5c9;font-size:26px;font-weight:700}.percent .body .percent_detail .percent_layout .arrow{display:block;width:20px;height:20px;position:absolute;top:50%;left:calc(50% - 10px);transform:rotate(-95deg) translateY(-105px)}.percent .body .percent_detail .percent_layout .arrow img{width:20px;height:20px;transform:rotate(90deg) translateY(0)}.percent .body .percent_detail>div:first-of-type{display:flex;color:hsla(0,0%,100%,.5);font-size:14px;overflow-x:scroll}.percent .body .percent_detail>div:first-of-type .item{height:36px;line-height:36px;width:84px;cursor:pointer;border-radius:20px;background:rgba(235,217,253,.2);margin:0 10px;flex-shrink:0;text-align:center}.percent .body .percent_detail>div:first-of-type .active{background:url(../img/shop_cat_bg.9033f0b1.svg) no-repeat;background-size:contain;background-position:50%;color:#fff}.percent .body .percent_detail>div:nth-child(2){display:flex;justify-content:space-around;align-items:center;color:#fff;margin-top:2rem}.percent .body .percent_detail>div:nth-child(3){margin-top:-50px;display:flex;flex-direction:column;align-items:center}.percent .body .percent_detail>div:nth-child(3) .el-slider{width:300px}.percent .body .percent_detail>div:nth-child(3) .el-slider .el-slider__runway{height:12px!important;background-color:rgba(0,245,201,.4588235294)}.percent .body .percent_detail>div:nth-child(3) .el-slider .el-slider__bar{height:12px!important;background-color:#00f5c9}.percent .body .percent_detail>div:nth-child(3) .el-slider .el-slider__button{width:30px!important;height:30px!important;border:none;background:#00f5c9;box-shadow:0 0 10px #00ffd1}.percent .body .percent_detail>div:nth-child(4){display:flex;flex-direction:column;align-items:center;color:#fff}.percent .body .percent_detail>div:nth-child(4) span{color:#00f5c9;font-size:24px;font-weight:700;margin-top:10px}.percent .body .percent_detail>div:nth-child(4) .percent_btn{width:270px;font-size:20px;background:linear-gradient(90deg,#8d1cff 1.22%,#0229b7 50.07%,#00f0ff 99.27%);color:#fff;height:50px;line-height:50px;text-align:center;margin-top:20px;border-radius:5px;cursor:pointer}.percent .body .percent_detail .prop{display:flex;justify-content:space-around;color:#fff;margin-top:20px}.percent .body .percent_detail .prop .prop_item{display:flex;flex-direction:column;align-items:center}.percent .body .percent_detail .prop .prop_item img{width:140px}.percent .body .percent_detail .attr_list{position:absolute;top:0;left:10px}.percent .body .percent_detail .attr_list .item{display:flex;align-items:center;cursor:pointer;margin-bottom:10px}.percent .body .percent_detail .attr_list .item .left_icon{width:12px}.percent .body .percent_detail .attr_list .item .left_icon img{transform:rotate(180deg);width:12px;display:none}.percent .body .percent_detail .attr_list .item span{margin-left:10px;color:hsla(0,0%,100%,.6);font-size:16px}.percent .body .percent_detail .attr_list .active .left_icon img{display:block}.percent .body .percent_detail .attr_list .active span{color:#00f5c9}