[data-v-3db3e19f]{transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex[data-v-3db3e19f]{display:flex;align-items:center;justify-content:flex-start}.invoice-panel[data-v-3db3e19f]{display:inline-block}.invoice-panel .invoice[data-v-3db3e19f]{padding-top:0;padding-bottom:0}.thin[data-v-3db3e19f]{margin-bottom:0}.express[data-v-3db3e19f]{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.express i[data-v-3db3e19f]{cursor:pointer}.express i[data-v-3db3e19f]:hover{color:var(--color-primary-2)}.form-title[data-v-3db3e19f]{font-weight:700;font-size:24px;line-height:44px;color:#fff;margin-top:32px;margin-bottom:24px}[data-v-c083bf48]{transition:all .3s ease}.flex[data-v-c083bf48],.tabbox[data-v-c083bf48]{display:flex;align-items:center;justify-content:flex-start}.tabbox[data-v-c083bf48]{position:relative;width:100%;margin:40px 0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tabbox .tab[data-v-c083bf48]{width:88px;font-weight:500;font-size:16px;line-height:28px;color:#727a8a;cursor:pointer;text-align:center;margin-right:28px;padding-bottom:11px;border-bottom:1px solid transparent}.tabbox .tab[data-v-c083bf48]:hover{color:var(--color-primary-2)}.tabbox .tab.active[data-v-c083bf48]{color:var(--color-primary-2);border-bottom:1px solid var(--color-primary-2)}.orderlist[data-v-c083bf48]{min-width:1200px;padding-bottom:100px;min-height:100vh}.orderlist .main-title[data-v-c083bf48]{font-weight:700;font-size:36px;line-height:56px;color:#fff;margin-top:20px;margin-bottom:0}.orderlist .filterbox[data-v-c083bf48]{width:100%;color:#fff;margin-top:0;margin-bottom:30px}.orderlist .filterbox .r[data-v-c083bf48]{width:100%;display:flex;align-items:center;justify-content:flex-start;margin-top:12px}.orderlist .filterbox .r label[data-v-c083bf48]{color:#fff;font-weight:400;font-size:16px;line-height:28px;margin-right:20px}.orderlist .filterbox .r[data-v-c083bf48] .el-checkbox-group,.orderlist .filterbox .r[data-v-c083bf48] .el-radio-group{display:flex;align-items:center;justify-content:center}.orderlist .filterbox .r[data-v-c083bf48] .el-checkbox-group .el-checkbox,.orderlist .filterbox .r[data-v-c083bf48] .el-checkbox-group .el-radio,.orderlist .filterbox .r[data-v-c083bf48] .el-radio-group .el-checkbox,.orderlist .filterbox .r[data-v-c083bf48] .el-radio-group .el-radio{height:24px;line-height:24px;background-color:#181a23;border:1px solid #4e5058;color:#a4a9b4;padding:0 12px;margin-right:8px;display:flex;align-items:center;justify-content:center;border-radius:2px;overflow:hidden;position:relative}.orderlist .filterbox .r[data-v-c083bf48] .el-checkbox-group .el-checkbox .el-checkbox__input,.orderlist .filterbox .r[data-v-c083bf48] .el-checkbox-group .el-checkbox .el-radio__input,.orderlist .filterbox .r[data-v-c083bf48] .el-checkbox-group .el-radio .el-checkbox__input,.orderlist .filterbox .r[data-v-c083bf48] .el-checkbox-group .el-radio .el-radio__input,.orderlist .filterbox .r[data-v-c083bf48] .el-radio-group .el-checkbox .el-checkbox__input,.orderlist .filterbox .r[data-v-c083bf48] .el-radio-group .el-checkbox .el-radio__input,.orderlist .filterbox .r[data-v-c083bf48] .el-radio-group .el-radio .el-checkbox__input,.orderlist .filterbox .r[data-v-c083bf48] .el-radio-group .el-radio .el-radio__input{display:none}.orderlist .filterbox .r[data-v-c083bf48] .el-checkbox-group .el-checkbox .el-checkbox__label,.orderlist .filterbox .r[data-v-c083bf48] .el-checkbox-group .el-checkbox .el-radio__label,.orderlist .filterbox .r[data-v-c083bf48] .el-checkbox-group .el-radio .el-checkbox__label,.orderlist .filterbox .r[data-v-c083bf48] .el-checkbox-group .el-radio .el-radio__label,.orderlist .filterbox .r[data-v-c083bf48] .el-radio-group .el-checkbox .el-checkbox__label,.orderlist .filterbox .r[data-v-c083bf48] .el-radio-group .el-checkbox .el-radio__label,.orderlist .filterbox .r[data-v-c083bf48] .el-radio-group .el-radio .el-checkbox__label,.orderlist .filterbox .r[data-v-c083bf48] .el-radio-group .el-radio .el-radio__label{padding:0;margin:0;font-size:14px;line-height:24px}.orderlist .filterbox .r[data-v-c083bf48] .el-checkbox-group .el-checkbox:hover,.orderlist .filterbox .r[data-v-c083bf48] .el-checkbox-group .el-radio:hover,.orderlist .filterbox .r[data-v-c083bf48] .el-radio-group .el-checkbox:hover,.orderlist .filterbox .r[data-v-c083bf48] .el-radio-group .el-radio:hover{border:1px solid var(--color-primary-2)}.orderlist .filterbox .r[data-v-c083bf48] .el-checkbox-group .el-checkbox.is-checked,.orderlist .filterbox .r[data-v-c083bf48] .el-checkbox-group .el-radio.is-checked,.orderlist .filterbox .r[data-v-c083bf48] .el-radio-group .el-checkbox.is-checked,.orderlist .filterbox .r[data-v-c083bf48] .el-radio-group .el-radio.is-checked{border:1px solid var(--color-primary-2);background:#181a23}.orderlist .filterbox .r[data-v-c083bf48] .el-checkbox-group .el-checkbox.is-checked .el-checkbox__label,.orderlist .filterbox .r[data-v-c083bf48] .el-checkbox-group .el-checkbox.is-checked .el-radio__label,.orderlist .filterbox .r[data-v-c083bf48] .el-checkbox-group .el-radio.is-checked .el-checkbox__label,.orderlist .filterbox .r[data-v-c083bf48] .el-checkbox-group .el-radio.is-checked .el-radio__label,.orderlist .filterbox .r[data-v-c083bf48] .el-radio-group .el-checkbox.is-checked .el-checkbox__label,.orderlist .filterbox .r[data-v-c083bf48] .el-radio-group .el-checkbox.is-checked .el-radio__label,.orderlist .filterbox .r[data-v-c083bf48] .el-radio-group .el-radio.is-checked .el-checkbox__label,.orderlist .filterbox .r[data-v-c083bf48] .el-radio-group .el-radio.is-checked .el-radio__label{color:#fff}.orderlist .filterbox .r[data-v-c083bf48] .el-checkbox-group .el-checkbox.is-checked:after,.orderlist .filterbox .r[data-v-c083bf48] .el-checkbox-group .el-radio.is-checked:after,.orderlist .filterbox .r[data-v-c083bf48] .el-radio-group .el-checkbox.is-checked:after,.orderlist .filterbox .r[data-v-c083bf48] .el-radio-group .el-radio.is-checked:after{content:"";width:0;height:0;border-top:4px solid var(--color-primary-2);border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid transparent;position:absolute;right:-4px;bottom:-4px;transform:rotate(-45deg)}.orderlist .none[data-v-c083bf48]{text-align:center;margin-top:300px;color:#a4a9b4;font-weight:400;font-size:14px;line-height:20px}.orderlist .none .animationbox[data-v-c083bf48]{display:inline-block;text-align:center;margin-bottom:16px}.orderlist .none .animationbox img[data-v-c083bf48]{width:140px}.orderlist .order-row[data-v-c083bf48]{margin-top:20px;width:100%;background:#20222a}.orderlist .order-row .order-title[data-v-c083bf48]{width:100%;background:#2a2b33;height:55px;padding:0 20px;display:flex;align-items:center;justify-content:flex-start;position:relative}.orderlist .order-row .order-title .id[data-v-c083bf48],.orderlist .order-row .order-title .time[data-v-c083bf48]{color:#a4a9b4;font-weight:500;font-size:14px;line-height:24px}.orderlist .order-row .order-title .time[data-v-c083bf48]{margin-left:20px}.orderlist .order-row .order-title .status[data-v-c083bf48]{border-radius:12px;min-width:64px;height:24px;font-weight:400;font-size:12px;line-height:24px;text-align:center;margin-left:24px;padding:0 12px}.orderlist .order-row .order-title .status.warning[data-v-c083bf48]{background:rgba(255,155,5,.2);color:#ed8000}.orderlist .order-row .order-title .status.success[data-v-c083bf48]{background:rgba(78,221,135,.2);color:#00ab44}.orderlist .order-row .order-title .status.info[data-v-c083bf48]{background:rgba(164,169,180,.2);color:#a4a9b4}.orderlist .order-row .order-title .right-box[data-v-c083bf48]{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:#fff}.orderlist .order-row .order-title .right-box .el-button--info[data-v-c083bf48]{background:transparent}.orderlist .order-row .order-title .right-box .el-button--info[data-v-c083bf48]:hover{color:var(--color-primary-2);border-color:var(--color-primary-2)}.orderlist .order-row .order-title .right-box .el-button--text[data-v-c083bf48]{color:#a4a9b4;margin-right:10px}.orderlist .order-row .order-title .right-box .el-button--text[data-v-c083bf48]:hover{color:var(--color-primary-2)}.orderlist .order-row .order-title .right-box[data-v-c083bf48] .invoice-panel{margin-right:10px}.orderlist .order-row .order-title .right-box[data-v-c083bf48] .invoice-panel .el-button--text{color:#a4a9b4}.orderlist .order-row .order-title .right-box[data-v-c083bf48] .invoice-panel .el-button--text:hover{color:var(--color-primary-2)}.orderlist .order-row .order-main[data-v-c083bf48]{width:100%}.orderlist .order-row .order-main .l1[data-v-c083bf48]{flex-grow:1;padding-left:32px}.orderlist .order-row .order-main .l1[data-v-c083bf48] .music-block{min-width:300px;border:none}.orderlist .order-row .order-main .l1[data-v-c083bf48] .music-block .current-music{padding:12px 0;height:72px}.orderlist .order-row .order-main .l1[data-v-c083bf48] .music-block .info{width:200px}.orderlist .order-row .order-main .l2[data-v-c083bf48]{width:200px;flex-shrink:0}.orderlist .order-row .order-main .l3[data-v-c083bf48],.orderlist .order-row .order-main .l4[data-v-c083bf48]{width:150px;flex-shrink:0}.orderlist .order-row .order-main .table-header[data-v-c083bf48]{color:#a4a9b4;border-bottom:1px solid #373a43;font-weight:500;font-size:16px;line-height:60px;display:flex}.orderlist .order-row .order-main .table-body[data-v-c083bf48]{display:flex;flex-direction:column;padding:10px 0;color:#fff}.orderlist .order-row .order-main .table-body .table-row[data-v-c083bf48]{display:flex;padding:10px 0}.orderlist .order-row .order-main .table-body .table-row[data-v-c083bf48]:hover{background-color:#20222a}.orderlist .order-row .order-main .table-body .table-row .coverbox[data-v-c083bf48]{display:flex}.orderlist .order-row .order-main .table-body .table-row .coverbox .material img[data-v-c083bf48]{width:146px;height:82px;border-radius:4px;-o-object-fit:contain;object-fit:contain;cursor:pointer}.orderlist .order-row .order-main .table-body .table-row .coverbox .info[data-v-c083bf48]{flex-grow:1;padding:0 20px;display:flex;justify-content:center;flex-direction:column;align-items:flex-start}.orderlist .order-row .order-main .table-body .table-row .coverbox .info .title[data-v-c083bf48]{font-weight:500;font-size:16px;line-height:28px;cursor:pointer}.orderlist .order-row .order-main .table-body .table-row .coverbox .info .id[data-v-c083bf48]{color:#a4a9b4;font-weight:400;font-size:14px;line-height:24px}.orderlist .order-row .order-main .table-body .table-row .price[data-v-c083bf48],.orderlist .order-row .order-main .table-body .table-row .remark[data-v-c083bf48],.orderlist .order-row .order-main .table-body .table-row .status[data-v-c083bf48]{font-weight:400;font-size:14px;line-height:24px;display:flex;align-items:center;justify-content:flex-start}.orderlist .page-indexer[data-v-c083bf48]{display:flex;align-items:center;justify-content:flex-end;min-height:24px;margin-top:12px}.orderlist .page-indexer[data-v-c083bf48] .el-pagination .number,.orderlist .page-indexer[data-v-c083bf48] .el-pagination button{background:transparent;color:#fff}.orderlist .page-indexer[data-v-c083bf48] .el-pagination .number.active,.orderlist .page-indexer[data-v-c083bf48] .el-pagination .number:hover,.orderlist .page-indexer[data-v-c083bf48] .el-pagination button.active,.orderlist .page-indexer[data-v-c083bf48] .el-pagination button:hover{color:var(--color-primary-2)}