body[data-v-a3ef640c]{font-family:source}@media screen and (min-width:1439px)and (max-width:1779px){html[data-v-a3ef640c]{font-size:15px!important}}@media screen and (min-width:1779px)and (max-width:1919px){html[data-v-a3ef640c]{font-size:17px!important}}@media screen and (min-width:1919px){html[data-v-a3ef640c]{font-size:20px!important}}@media screen and (min-width:960px)and (max-width:1439px){html[data-v-a3ef640c]{font-size:13px!important}}@media screen and (max-width:960px){html[data-v-a3ef640c]{font-size:13px!important}}.filter[data-v-a3ef640c]{background:rgba(88,88,88,.4)}.underline[data-v-a3ef640c]{border-bottom:1px dashed hsla(0,0%,100%,.7);cursor:pointer;padding-bottom:3px;text-decoration:none}.underline[data-v-a3ef640c]:hover{opacity:.7}.el-row[data-v-a3ef640c]{width:100%}.no-data[data-v-a3ef640c]{text-align:center;color:hsla(0,0%,100%,.7)}.button[data-v-a3ef640c]{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-a3ef640c]:hover{background:rgba(51,51,51,.7)}.dialog-btns[data-v-a3ef640c]{color:#fff!important;font-family:sourcebold;margin:0 1rem;font-size:.8rem}.charge-button[data-v-a3ef640c]{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-a3ef640c]:hover{background:#7de27d}.add[data-v-a3ef640c]{cursor:pointer}.el-dropdown-menu[data-v-a3ef640c]{background-color:rgba(24,24,24,.7)!important;border-color:rgba(24,24,24,.7);padding:0}.el-popper .popper__arrow[data-v-a3ef640c],.el-popper[x-placement^=bottom] .popper__arrow[data-v-a3ef640c]:after{border-bottom-color:rgba(24,24,24,.7)!important}.scrollbar[data-v-a3ef640c]::-webkit-scrollbar{width:6px}.scrollbar[data-v-a3ef640c]::-webkit-scrollbar-thumb{background:#444;border-radius:5px}.scrollbar[data-v-a3ef640c]::-webkit-scrollbar-track{background:transparent}.table[data-v-a3ef640c]{padding:0 1.5rem}.table>div[data-v-a3ef640c]{display:flex;align-items:center}.table>div>span[data-v-a3ef640c]{flex:1;text-align:center;color:#fff}.table>div.tr[data-v-a3ef640c]{height:3rem;border-top:1px solid #cdc3bd;font-family:sourcebold;font-size:1rem}.table>div.tr i[data-v-a3ef640c]{font-size:.7rem;font-family:source;font-style:normal}.table>div.thead[data-v-a3ef640c]{height:2rem;font-size:.7rem}.table>div.thead>span[data-v-a3ef640c]{color:#aaa!important}.el-col-48[data-v-a3ef640c]{width:20%}.el-dialog[data-v-a3ef640c]{background:#3a3a3a!important;border-radius:3px;overflow:hidden;min-width:320px}.el-dialog__header[data-v-a3ef640c]{background:#282828;padding:.8rem 1rem;font-size:.7rem}.el-dialog__title[data-v-a3ef640c]{color:#e5e5e5!important;font-family:sourcebold}.el-dialog__footer[data-v-a3ef640c]{padding:.5rem!important}.el-dialog__body[data-v-a3ef640c]{padding:.5rem 1.5rem 1rem!important}.fade-transform-enter-active[data-v-a3ef640c],.fade-transform-leave-active[data-v-a3ef640c]{transition:all .35s}.fade-transform-enter[data-v-a3ef640c],.fade-transform-leave-to[data-v-a3ef640c]{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-a3ef640c]{stroke:#181818}.el-form-item__label[data-v-a3ef640c]:before{display:none}.el-select-dropdown .popper__arrow[data-v-a3ef640c]{border-bottom-color:rgba(24,24,24,.7)!important;display:none}.mask[data-v-a3ef640c]{position:fixed;width:100%;height:100%;top:0;left:0;z-index:999;background:rgba(0,0,0,.5);overflow:auto}.mask .body[data-v-a3ef640c]{width:660px;margin:auto;margin-top:auto;margin-bottom:auto;background:#151040;margin-top:5%;padding:1rem;position:relative}.mask .body .border[data-v-a3ef640c]{border:2px solid;-o-border-image:linear-gradient(-270deg,#00f0ff,#5773ff,#ff007a) 1 1;border-image:linear-gradient(-270deg,#00f0ff,#5773ff,#ff007a) 1 1;padding:20px;overflow-y:scroll;display:flex;position:relative;flex-direction:row;width:100%}.mask .body .border .goods-cover[data-v-a3ef640c]{width:180px;height:180px;background:#fff;flex-shrink:0}.mask .body .border .goods-cover img[data-v-a3ef640c]{width:160px;height:160px;margin-left:10px;margin-top:10px}.mask .body .border .goods-attr[data-v-a3ef640c]{flex-grow:1;color:#fff;margin-left:10px;display:flex;flex-direction:column}.mask .body .border .goods-attr>span[data-v-a3ef640c]:first-of-type{font-size:16px;font-family:monospace;font-weight:700}.mask .body .border .goods-attr>span[data-v-a3ef640c]:last-of-type{margin-top:5px;color:hsla(0,0%,100%,.5)}.mask .body .border .goods-attr .attrs[data-v-a3ef640c]{margin-top:20px}.mask .body .border .goods-attr .attrs .attr-list[data-v-a3ef640c]{display:flex;flex-wrap:wrap}.mask .body .border .goods-attr .attrs .attr-list>div[data-v-a3ef640c]{height:30px;line-height:30px;padding:0 10px;background:rgba(82,114,255,.1);flex-shrink:0;margin-right:10px;text-align:center;margin-top:10px;position:relative;cursor:pointer}.mask .body .border .goods-attr .attrs .attr-list>div[data-v-a3ef640c]:hover{background:rgba(0,255,209,.4)}.mask .body .border .goods-attr .attrs .attr-list>div img[data-v-a3ef640c]{position:absolute;width:15px;right:0;bottom:0}.mask .body .border .goods-attr .attrs .attr-list .active[data-v-a3ef640c]{background:rgba(0,255,209,.4)}.mask .body .border .goods-attr .amount[data-v-a3ef640c]{display:flex;margin-top:20px;align-items:center;color:hsla(0,0%,100%,.5)}.mask .body .border .goods-attr .amount div[data-v-a3ef640c]{margin-left:10px;color:#fff;font-family:monospace;font-weight:700;font-size:15px}.mask .body .border .goods-attr .amount div img[data-v-a3ef640c]{width:16px;vertical-align:middle;margin-right:5px}.mask .body .border .goods-attr .buy-btn[data-v-a3ef640c]{margin-top:10px;background:#5773ff;color:#fff;height:50px;width:260px;line-height:50px;text-align:center;border-radius:5px;cursor:pointer;font-family:monospace;font-weight:700;font-size:15px}.mask .body .border .goods-attr .margint[data-v-a3ef640c]{margin-top:50px}.mask .body .close[data-v-a3ef640c]{position:absolute;right:40px;top:40px;color:#fff;cursor:default}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}.shop{width:100%;align-items:center;font-size:12px}.shop,.shop .body{display:flex;flex-direction:column}.shop .body{width:80%;margin-top:3rem}.shop .body .header{display:flex;flex-direction:column}.shop .body .header .title{width:100px;font-family:zhsrt;font-size:22px;height:35px;background:url(../img/3.d09c5449.png);background-size:100px;color:#fff;padding:5px;text-align:center;border-radius:15px 3px 15px 3px}.shop .body .header .form{width:100%;display:flex;margin-top:1rem;align-items:center}.shop .body .header .form .search{background:hsla(0,0%,100%,.1);height:40px;width:25rem;border-radius:5px;display:flex;align-items:center;padding:0 10px}.shop .body .header .form .search input{background:transparent!important;background-color:transparent!important;border:none;flex-grow:1;outline:none;color:#fff}.shop .body .header .form .search .btn{background:#5773ff;color:#fff;height:30px;width:5rem;line-height:30px;text-align:center;border-radius:5px;cursor:pointer}.shop .body .header .form .price{margin-left:2rem;display:flex;align-items:center;position:relative}.shop .body .header .form .price .input{height:35px;width:8rem;background:hsla(0,0%,100%,.1);display:flex;align-items:center;border:1px solid #5773ff;padding:0 2rem}.shop .body .header .form .price .input img{width:1rem}.shop .body .header .form .price .input input{background:transparent;color:#fff;border:none;flex-grow:1;width:4rem;margin-left:3px;outline:none}.shop .body .header .form .price .el-divider{width:1.5rem;margin:0 1rem;background:hsla(0,0%,100%,.1)}.shop .body .header .form .price .buttons{position:absolute;z-index:9999;padding:0;margin:0;width:100%;left:0;top:100%;background:#151040;padding:1rem;display:flex;justify-content:space-between}.shop .body .header .form .price .buttons .btn{background:#5773ff;color:#fff;height:2rem;width:6rem;line-height:2rem;text-align:center;border-radius:5px;cursor:pointer}.shop .body .header .form .price .buttons .cancel-btn{background:rgba(87,115,255,.3)}.shop .body .header .form .sort{height:35px;width:8rem;background:hsla(0,0%,100%,.1);display:flex;align-items:center;border:1px solid #5773ff;margin-left:2rem;color:#00f5c9;position:relative;cursor:pointer}.shop .body .header .form .sort div{margin-left:auto;margin-right:auto}.shop .body .header .form .sort .arrow{position:absolute;right:5px;bottom:5px;width:.7rem;height:.7rem;background:linear-gradient(-45deg,#00f5c9,#00f5c9 50%,transparent 0,transparent)}.shop .body .header .form .sort .dropmenu{list-style:none;position:absolute;z-index:9999;padding:0;margin:0;width:100%;left:0;top:99%;background:#151040;padding:1rem}.shop .body .header .form .sort .dropmenu li{height:2rem;line-height:2rem;text-align:center;cursor:pointer}.shop .body .header .form .sort .dropmenu .active,.shop .body .header .form .sort .dropmenu li:hover{background:rgba(87,115,255,.3);border-radius:5px}.goods{width:100%;margin-top:1rem}.goods .goods-header{width:100%;display:flex;align-items:center;justify-content:space-between}.goods .goods-header .cat{display:flex;color:hsla(0,0%,100%,.5);font-size:15px;background:rgba(82,114,255,.1)}.goods .goods-header .cat .item{padding:.7rem 1.5rem;cursor:pointer}.goods .goods-header .cat .item:after{content:"";height:1.5rem;width:1px;background:hsla(0,0%,100%,.1);position:absolute;right:0}.goods .goods-header .cat .item:last-of-type:after{width:0}.goods .goods-header .cat .active{border:2px solid;-o-border-image:linear-gradient(-270deg,#00f0ff,#5773ff,#ff007a) 1 1;border-image:linear-gradient(-270deg,#00f0ff,#5773ff,#ff007a) 1 1;color:#fff}.goods .goods-header .wallet{font-size:16px;color:#00f5c9;margin-right:1rem;display:flex;align-items:center}.goods .goods-header .wallet image{vertical-align:middle}.goods .goods-header .wallet span{margin-left:5px;margin-right:10px}.goods .goods-layout{padding-bottom:4rem;background:rgba(82,114,255,.1)}.goods .goods-layout .el-pagination{float:right;margin-right:4%}.goods .goods-list{width:100%;display:flex;flex-wrap:wrap;justify-content:space-around;padding:0 2%;padding-bottom:2rem}.goods .goods-list .item{width:16%;display:flex;flex-direction:column;align-items:center;background:rgba(82,114,255,.1);color:#fff;margin-top:1.5rem;padding:1rem 0;margin-left:2%;margin-right:2%;position:relative}.goods .goods-list .item .img{width:90%;padding:1rem 0;background:linear-gradient(180deg,rgba(235,217,253,.5),transparent)}.goods .goods-list .item .img img{width:130px;height:100px;margin-left:calc(50% - 65px);-o-object-fit:cover;object-fit:cover;transition:transform .5s}.goods .goods-list .item .img:hover img{transform:scale(1.2)}.goods .goods-list .item .name{width:90%;margin-top:1rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:26px}.goods .goods-list .item .footer{width:90%;margin-top:1rem;display:flex;justify-content:space-between;align-items:center}.goods .goods-list .item .footer .price{display:flex;align-items:center;color:#00f5c9;font-family:monospace;font-weight:700}.goods .goods-list .item .footer .price img{width:1rem;margin-right:5px}.goods .goods-list .item .footer .btn{background:#5773ff;color:#fff;height:30px;width:65px;line-height:30px;text-align:center;border-radius:5px;cursor:pointer}.goods .goods-list .item .rarity{position:absolute;top:8px;left:5px;background:#00b709;padding:3px 5px}.goods .goods-list .item .wearcategory0{background:#00b709}.goods .goods-list .item .wearcategory1{background:#5fa461}.goods .goods-list .item .wearcategory2{background:#fd9727}.goods .goods-list .item .wearcategory3{background:#db4b21}.goods .goods-list .item .wearcategory4{background:#a83517}