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}.mask{position:fixed;width:100%;height:100%;top:0;left:0;z-index:999;background:rgba(0,0,0,.5);overflow:auto}.mask .body{width:500px;margin:auto;margin-top:auto;margin-bottom:auto;background:#151040;margin-top:10%;padding:1rem}.mask .body .border{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:3rem;display:flex;flex-direction:column;position:relative}.mask .body .tabs{display:flex;align-items:center;color:hsla(0,0%,100%,.5)}.mask .body .tabs .tab-item{margin-right:10px;cursor:pointer}.mask .body .tabs .active{color:#fff;font-family:monospace;font-weight:700}.mask .body .form{display:flex;flex-direction:column}.mask .body .form input{background:rgba(87,115,255,.2);border:none;outline:none;height:50px;margin-top:10px;padding:10px;box-sizing:border-box;color:#fff}.mask .body .buttons{display:flex;justify-content:space-between;margin-top:10px}.mask .body .buttons .btn{width:45%;height:50px;background:#5773ff;color:#fff;line-height:50px;text-align:center;font-size:16px;cursor:pointer;font-family:monospace;font-weight:700}.mask .body .buttons .regist-btn{background:#fff;color:#000}.mask .body .close{position:absolute;right:15px;top:15px;color:#fff;cursor:default}body[data-v-2be1d3eb]{font-family:source}@media screen and (min-width:1439px)and (max-width:1779px){html[data-v-2be1d3eb]{font-size:15px!important}}@media screen and (min-width:1779px)and (max-width:1919px){html[data-v-2be1d3eb]{font-size:17px!important}}@media screen and (min-width:1919px){html[data-v-2be1d3eb]{font-size:20px!important}}@media screen and (min-width:960px)and (max-width:1439px){html[data-v-2be1d3eb]{font-size:13px!important}}@media screen and (max-width:960px){html[data-v-2be1d3eb]{font-size:13px!important}}.filter[data-v-2be1d3eb]{background:rgba(88,88,88,.4)}.underline[data-v-2be1d3eb]{border-bottom:1px dashed hsla(0,0%,100%,.7);cursor:pointer;padding-bottom:3px;text-decoration:none}.underline[data-v-2be1d3eb]:hover{opacity:.7}.el-row[data-v-2be1d3eb]{width:100%}.no-data[data-v-2be1d3eb]{text-align:center;color:hsla(0,0%,100%,.7)}.button[data-v-2be1d3eb]{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-2be1d3eb]:hover{background:rgba(51,51,51,.7)}.dialog-btns[data-v-2be1d3eb]{color:#fff!important;font-family:sourcebold;margin:0 1rem;font-size:.8rem}.charge-button[data-v-2be1d3eb]{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-2be1d3eb]:hover{background:#7de27d}.add[data-v-2be1d3eb]{cursor:pointer}.el-dropdown-menu[data-v-2be1d3eb]{background-color:rgba(24,24,24,.7)!important;border-color:rgba(24,24,24,.7);padding:0}.el-popper .popper__arrow[data-v-2be1d3eb],.el-popper[x-placement^=bottom] .popper__arrow[data-v-2be1d3eb]:after{border-bottom-color:rgba(24,24,24,.7)!important}.scrollbar[data-v-2be1d3eb]::-webkit-scrollbar{width:6px}.scrollbar[data-v-2be1d3eb]::-webkit-scrollbar-thumb{background:#444;border-radius:5px}.scrollbar[data-v-2be1d3eb]::-webkit-scrollbar-track{background:transparent}.table[data-v-2be1d3eb]{padding:0 1.5rem}.table>div[data-v-2be1d3eb]{display:flex;align-items:center}.table>div>span[data-v-2be1d3eb]{flex:1;text-align:center;color:#fff}.table>div.tr[data-v-2be1d3eb]{height:3rem;border-top:1px solid #cdc3bd;font-family:sourcebold;font-size:1rem}.table>div.tr i[data-v-2be1d3eb]{font-size:.7rem;font-family:source;font-style:normal}.table>div.thead[data-v-2be1d3eb]{height:2rem;font-size:.7rem}.table>div.thead>span[data-v-2be1d3eb]{color:#aaa!important}.el-col-48[data-v-2be1d3eb]{width:20%}.el-dialog[data-v-2be1d3eb]{background:#3a3a3a!important;border-radius:3px;overflow:hidden;min-width:320px}.el-dialog__header[data-v-2be1d3eb]{background:#282828;padding:.8rem 1rem;font-size:.7rem}.el-dialog__title[data-v-2be1d3eb]{color:#e5e5e5!important;font-family:sourcebold}.el-dialog__footer[data-v-2be1d3eb]{padding:.5rem!important}.el-dialog__body[data-v-2be1d3eb]{padding:.5rem 1.5rem 1rem!important}.fade-transform-enter-active[data-v-2be1d3eb],.fade-transform-leave-active[data-v-2be1d3eb]{transition:all .35s}.fade-transform-enter[data-v-2be1d3eb],.fade-transform-leave-to[data-v-2be1d3eb]{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-2be1d3eb]{stroke:#181818}.el-form-item__label[data-v-2be1d3eb]:before{display:none}.el-select-dropdown .popper__arrow[data-v-2be1d3eb]{border-bottom-color:rgba(24,24,24,.7)!important;display:none}.roll[data-v-2be1d3eb]{width:100%;display:flex;flex-direction:column;align-items:center;font-size:12px}.roll .body[data-v-2be1d3eb]{width:80%;margin-top:3rem;display:flex;flex-direction:column}.roll .body .header[data-v-2be1d3eb]{width:100%;display:flex;font-size:1rem;color:#fff}.roll .body .header .title[data-v-2be1d3eb]{width:100px;font-family:zhsrt;font-size:20px;height:35px;background:url(../img/1.28a8b099.png);background-size:100px;color:#fff;padding:5px;text-align:center;border-radius:15px 3px 15px 3px}.roll .body .header span[data-v-2be1d3eb]{align-self:flex-end;margin-left:15px;font-size:16px}.roll-detail[data-v-2be1d3eb]{width:100%;display:flex;flex-direction:column;font-size:12px}.roll-detail .header[data-v-2be1d3eb]{padding:5px;margin-top:20px;background:rgba(82,114,255,.1)}.roll-detail .header .border[data-v-2be1d3eb],.roll-detail .header[data-v-2be1d3eb]{border:.5px solid;-o-border-image:linear-gradient(-270deg,#00f0ff,#5773ff,#ff007a) 1 1;border-image:linear-gradient(-270deg,#00f0ff,#5773ff,#ff007a) 1 1}.roll-detail .header .border[data-v-2be1d3eb]{width:100%;display:flex;flex-direction:row;justify-content:space-between;padding:25px 40px;align-items:center;position:relative}.roll-detail .header .border .left[data-v-2be1d3eb]{display:flex;flex-direction:row}.roll-detail .header .border .left>img[data-v-2be1d3eb]{width:80px;height:80px;border-radius:50%;border:1px solid #fff}.roll-detail .header .border .left>div[data-v-2be1d3eb]{display:flex;flex-direction:column;margin-left:20px;color:hsla(0,0%,100%,.5);font-size:12px;justify-content:space-around}.roll-detail .header .border .left>div>img[data-v-2be1d3eb]{width:15px}.roll-detail .header .border .left>div>div[data-v-2be1d3eb]:first-of-type{color:#fff;font-size:14px}.roll-detail .header .border .right[data-v-2be1d3eb]{display:flex;flex-direction:column}.roll-detail .header .border .right .btn[data-v-2be1d3eb]{margin:5px 0;background:rgba(87,115,255,.5);padding:8px 30px;border-radius:5px;font-size:12px;cursor:pointer}.roll-detail .header .border .right .btn[data-v-2be1d3eb]:first-of-type{background:rgba(0,0,0,.5)}.roll-detail .header .border .right .gray[data-v-2be1d3eb]{background:#a6abb3;color:#fff}.roll-detail .header .border .right .green[data-v-2be1d3eb]{background:rgba(0,255,209,.4)}.roll-detail .header .border .rarity[data-v-2be1d3eb]{height:20px;position:absolute;font-size:14px;top:-5px;left:-5px;background:url(../img/tag-bg.c7757841.svg) no-repeat;background-size:cover;padding:3px 20px 3px 5px;font-family:zhsrt;color:#0025ac}.roll-detail .goods-layout[data-v-2be1d3eb]{padding:25px 20px;margin-top:20px;background:rgba(82,114,255,.1);display:flex;flex-direction:column}.roll-detail .goods-layout h3[data-v-2be1d3eb]{color:hsla(0,0%,100%,.5);font-size:18px}.roll-detail .goods-layout>div[data-v-2be1d3eb]{margin-top:10px}.roll-detail .goods-layout>div[data-v-2be1d3eb]:first-of-type{display:flex;color:#fff;align-items:center}.roll-detail .goods-layout>div:first-of-type img[data-v-2be1d3eb]{width:13px;vertical-align:middle;margin-left:5px}.roll-detail .goods-layout>div:first-of-type>div[data-v-2be1d3eb]{display:flex;align-items:center}.roll-detail .goods-layout>div:first-of-type>div[data-v-2be1d3eb]:last-of-type{margin-left:30px}.roll-detail .goods-layout .goods-list[data-v-2be1d3eb]{display:flex;flex-wrap:wrap;margin-top:20px;justify-content:space-between}.roll-detail .goods-layout .goods-list .item[data-v-2be1d3eb]{width:10%;min-width:80px;margin-top:10px;flex-shrink:0;padding:10px;display:inline-block;position:relative}.roll-detail .goods-layout .goods-list .item>div[data-v-2be1d3eb]{background:linear-gradient(180deg,rgba(235,217,253,.5),transparent);display:flex;flex-direction:column;align-items:center;padding:10px 5px 5px 5px;border-bottom:1px solid rgba(235,217,253,.5)}.roll-detail .goods-layout .goods-list .item>div>div[data-v-2be1d3eb]{color:#00f5c9;align-items:center}.roll-detail .goods-layout .goods-list .item>div>div img[data-v-2be1d3eb]{width:15px;vertical-align:middle;margin-right:5px}.roll-detail .goods-layout .goods-list .item>div>img[data-v-2be1d3eb]{width:60px;height:60px;-o-object-fit:contain;object-fit:contain}.roll-detail .goods-layout .goods-list .item .user[data-v-2be1d3eb]{position:absolute;width:calc(100% - 20px);height:calc(100% - 20px);top:10px;left:10px;padding:10px 5px 5px 5px;background:rgba(82,114,255,.8);color:#fff;display:none}.roll-detail .goods-layout .goods-list .item .user img[data-v-2be1d3eb]{width:50px;height:50px;border-radius:50%}.roll-detail .goods-layout .goods-list .item .user span[data-v-2be1d3eb]{margin-top:10px}.roll-detail .goods-layout .goods-list .item:hover .user[data-v-2be1d3eb]{display:flex;flex-direction:column}.roll-detail .users-layout[data-v-2be1d3eb]{padding:25px 20px;margin-top:20px;background:rgba(82,114,255,.1);display:flex;flex-direction:column}.roll-detail .users-layout h3[data-v-2be1d3eb]{color:hsla(0,0%,100%,.5);font-size:18px}.roll-detail .users-layout>div[data-v-2be1d3eb]{margin-top:10px}.roll-detail .users-layout>div[data-v-2be1d3eb]:first-of-type{color:#fff}.roll-detail .users-layout .user-list[data-v-2be1d3eb]{display:flex;flex-wrap:wrap;margin-top:10px;justify-content:space-between}.roll-detail .users-layout .user-list .item[data-v-2be1d3eb]{width:8%;margin-top:20px}.roll-detail .users-layout .user-list .item>img[data-v-2be1d3eb]{width:60px;height:60px;border-radius:50%;border:1px solid #fff}.roll-detail .users-layout .user-list .item .colorjoin[data-v-2be1d3eb]{border:1px solid #00f5c9}.roll-detail .users-layout .nojoin[data-v-2be1d3eb]{color:#fff;text-align:center}.roll-detail .users-layout .loadmore[data-v-2be1d3eb]{color:#fff;text-align:center;margin-top:10px}