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}.shop2{width:100%;align-items:center;font-size:12px}.shop2,.shop2 .body{display:flex;flex-direction:column}.shop2 .body{width:80%;margin-top:3rem}.shop2 .body .header{display:flex;flex-direction:column}.shop2 .body .header .title{width:100px;height:35px;font-family:zhsrt;font-size:22px;background:url(../img/5.4618f0ac.png);background-size:100px;color:#fff;padding:5px;text-align:center;border-radius:15px 3px 15px 3px}.shop2 .body .header .form{width:100%;display:flex;margin-top:1rem;align-items:center}.shop2 .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}.shop2 .body .header .form .search input{background:transparent!important;background-color:transparent!important;border:none;flex-grow:1;outline:none;color:#fff}.shop2 .body .header .form .search .btn{background:#5773ff;color:#fff;height:30px;width:5rem;line-height:30px;text-align:center;border-radius:5px;cursor:pointer}.shop2 .body .header .form .price{margin-left:2rem;display:flex;align-items:center;position:relative}.shop2 .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}.shop2 .body .header .form .price .input img{width:1rem}.shop2 .body .header .form .price .input input{background:transparent;color:#fff;border:none;flex-grow:1;width:4rem;margin-left:3px;outline:none}.shop2 .body .header .form .price .el-divider{width:1.5rem;margin:0 1rem;background:hsla(0,0%,100%,.1)}.shop2 .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}.shop2 .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}.shop2 .body .header .form .price .buttons .cancel-btn{background:rgba(87,115,255,.3)}.shop2 .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}.shop2 .body .header .form .sort div{margin-left:auto;margin-right:auto}.shop2 .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)}.shop2 .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}.shop2 .body .header .form .sort .dropmenu li{height:2rem;line-height:2rem;text-align:center;cursor:pointer}.shop2 .body .header .form .sort .dropmenu .active,.shop2 .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}