.container[data-v-d6d3833d]{width:460px;max-width:calc(100vw - 20px);padding:30px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px}.container .tip-icon[data-v-d6d3833d]{color:#f56c6c;font-size:36px;margin-bottom:12px}.container .content[data-v-d6d3833d]{line-height:24px;text-align:center}.container .btn-gradient[data-v-d6d3833d]{margin-top:24px;height:40px}@media screen and (max-width: 560px){.container[data-v-d6d3833d]{padding:20px}}.container[data-v-af2c2edb]+.close-btn{right:36px}.container[data-v-af2c2edb]{width:800px;padding:28px 32px 24px;background:#fff;border-radius:8px;margin:0 auto}.header[data-v-af2c2edb]{margin-bottom:20px;position:relative}.header .tip[data-v-af2c2edb]{position:absolute;top:-6px;left:150px;width:450px;color:#ff5556}.content[data-v-af2c2edb]{margin-bottom:24px;border-top:1px solid #f4f5f7}.left[data-v-af2c2edb]{padding-top:16px;width:110px}.tab-item[data-v-af2c2edb]{height:48px;line-height:48px;margin-bottom:8px;cursor:pointer;position:relative}.tab-item[data-v-af2c2edb]:hover,.tab-item.active[data-v-af2c2edb]{font-weight:700;color:#2d8af5}.tab-item .new-tag[data-v-af2c2edb]{font-size:9px;padding:1px 4px;position:absolute;top:8px;right:3px;border-radius:9px;color:#fff;background:linear-gradient(104.04deg,#fb984a 0%,#ff683f 100%);height:16px;animation:shake 1s infinite}.tab-item .new-tag span[data-v-af2c2edb]{line-height:9px}.right[data-v-af2c2edb]{padding:24px 0 0 24px;border-left:1px solid #f4f5f7;position:relative}.role-head[data-v-af2c2edb]{min-height:32px;gap:10px;white-space:nowrap}.role-wrap[data-v-af2c2edb]{height:365px;margin:16px -32px 0 0}.role-list[data-v-af2c2edb]{gap:10px;min-height:330px;align-content:flex-start}.role-item[data-v-af2c2edb]{flex-basis:193px;height:48px;border:1px solid #f4f5f7;background-color:#f4f5f7;border-radius:8px;padding:0 8px;cursor:pointer;position:relative}.role-item.active[data-v-af2c2edb]{background-color:#2d8af5;border-color:#2d8af5;color:#fff}.role-item.play[data-v-af2c2edb]{border-color:#2d8af5}.role-item.play .play-icon[data-v-af2c2edb]{background-color:#2d8af580;opacity:1}.role-item:hover .play-icon[data-v-af2c2edb]{opacity:1}.role-avatar[data-v-af2c2edb]{flex-shrink:0;width:28px;height:28px;border-radius:50%;background-size:cover;background-position:center;margin:0 8px;position:relative;overflow:hidden}.play-icon[data-v-af2c2edb]{position:absolute;top:0;left:0;right:0;bottom:0;font-size:28px;color:#fff;background-color:#0000004d;opacity:0}.role-tag[data-v-af2c2edb]{position:absolute;top:4px;right:4px}.role-tag.expire[data-v-af2c2edb]{top:-4px;right:-4px}.img-vip[data-v-af2c2edb]{position:absolute;top:-1px;right:-1px}.more-btn[data-v-af2c2edb]{height:35px;font-size:12px;color:#2d8af5;cursor:pointer}.footer[data-v-af2c2edb]{justify-content:flex-end}.footer button[data-v-af2c2edb]{min-width:90px}.rate-wrap[data-v-af2c2edb]{gap:12px;padding-right:12px}.rate-item[data-v-af2c2edb]{max-width:240px;flex:1}.select-el[data-v-af2c2edb]{min-width:300px}@media screen and (max-width: 836px){.container[data-v-af2c2edb]{width:calc(100% - 32px)}.content[data-v-af2c2edb]{flex-direction:column}.left[data-v-af2c2edb]{padding-top:8px;display:flex;gap:20px;font-weight:700;width:auto}.right[data-v-af2c2edb]{padding:0;border-left:none}.role-item[data-v-af2c2edb]{flex-basis:100%;height:60px}.footer[data-v-af2c2edb]{justify-content:center;display:block}.footer .rate-item[data-v-af2c2edb]{max-width:100%}.footer .btns[data-v-af2c2edb]{margin-top:24px;justify-content:end}.header .tip[data-v-af2c2edb]{top:30px;left:-14px;width:328px}.role-head[data-v-af2c2edb]{flex-wrap:wrap}.select-el[data-v-af2c2edb]{max-width:348px;min-width:100%}.tab-item .new-tag[data-v-af2c2edb]{right:-30px}}@media screen and (max-width: 560px){.role-wrap[data-v-af2c2edb]{height:260px}.container[data-v-af2c2edb]{padding:20px 24px 24px}.header .tip[data-v-af2c2edb]{width:320px}.header .tip .text-12[data-v-af2c2edb]{font-size:10px}}.upload-wrap[data-v-8cea9ab3]{--el-fill-color-blank: rgba(45, 138, 245, .06)}.upload-box[data-v-8cea9ab3]{position:relative;border-radius:6px;overflow:hidden}.upload-box[data-v-8cea9ab3] .el-loading-spinner{--el-color-primary: #fff}.upload-btn[data-v-8cea9ab3]{flex-direction:column;height:196px;gap:8px}.upload-mask[data-v-8cea9ab3]{position:absolute;top:0;left:0;right:0;bottom:0;color:#fff;background:rgba(0,0,0,.75);flex-direction:column;gap:8px}.upload-mask svg[data-v-8cea9ab3]{font-size:32px}.upgrade-btn[data-v-8cea9ab3]{font-size:12px;color:#2d8af5;cursor:pointer}