.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-c2ef8745]+.close-btn{right:36px}.container[data-v-c2ef8745]{width:800px;padding:28px 32px 24px;background:#fff;border-radius:8px;margin:0 auto}.err-tip[data-v-c2ef8745]{position:absolute;bottom:0px;left:24px;width:calc(100% - 24px);padding:20px;border:2px solid #91caff;border-radius:4px;background-color:#e6f4ff;align-items:flex-start;box-shadow:0 2px 18px #0003}.err-tip .note[data-v-c2ef8745]{font-size:16px;margin-bottom:8px}.err-tip .lang[data-v-c2ef8745]{text-decoration:underline}.err-tip .lang[data-v-c2ef8745]:hover{color:#2d8af5;cursor:pointer}.err-tip .info[data-v-c2ef8745]{color:#1677ff;margin-right:12px;font-size:26px}.err-tip .close[data-v-c2ef8745]{position:absolute;top:6px;right:6px;font-size:16px;cursor:pointer}.header[data-v-c2ef8745]{margin-bottom:20px;position:relative}.header .tip[data-v-c2ef8745]{position:absolute;top:-6px;left:150px;width:450px;color:#ff5556}.content[data-v-c2ef8745]{margin-bottom:24px;border-top:1px solid #f4f5f7}.left[data-v-c2ef8745]{padding-top:16px;width:110px}.tab-item[data-v-c2ef8745]{height:48px;line-height:48px;margin-bottom:8px;cursor:pointer;position:relative}.tab-item[data-v-c2ef8745]:hover,.tab-item.active[data-v-c2ef8745]{font-weight:700;color:#2d8af5}.tab-item .new-tag[data-v-c2ef8745]{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-c2ef8745]{line-height:9px}.right[data-v-c2ef8745]{padding:24px 0 0 24px;border-left:1px solid #f4f5f7;position:relative}.role-head[data-v-c2ef8745]{min-height:32px;gap:10px;white-space:nowrap}.role-wrap[data-v-c2ef8745]{height:365px;margin:16px -32px 0 0}.role-list[data-v-c2ef8745]{gap:10px;min-height:330px;align-content:flex-start}.role-item[data-v-c2ef8745]{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-c2ef8745]{background-color:#2d8af5;border-color:#2d8af5;color:#fff}.role-item.play[data-v-c2ef8745]{border-color:#2d8af5}.role-item.play .play-icon[data-v-c2ef8745]{background-color:#2d8af580;opacity:1}.role-item:hover .play-icon[data-v-c2ef8745]{opacity:1}.role-avatar[data-v-c2ef8745]{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-c2ef8745]{position:absolute;top:0;left:0;right:0;bottom:0;font-size:28px;color:#fff;background-color:#0000004d;opacity:0}.role-tag[data-v-c2ef8745]{position:absolute;top:4px;right:4px}.role-tag.expire[data-v-c2ef8745]{top:-4px;right:-4px}.img-vip[data-v-c2ef8745]{position:absolute;top:-1px;right:-1px}.more-btn[data-v-c2ef8745]{height:35px;font-size:12px;color:#2d8af5;cursor:pointer}.footer[data-v-c2ef8745]{justify-content:flex-end}.footer button[data-v-c2ef8745]{min-width:90px}.rate-wrap[data-v-c2ef8745]{gap:12px;padding-right:12px}.rate-item[data-v-c2ef8745]{max-width:240px;flex:1}.select-el[data-v-c2ef8745]{min-width:300px}@media screen and (max-width: 836px){.container[data-v-c2ef8745]{width:calc(100% - 32px)}.content[data-v-c2ef8745]{flex-direction:column}.left[data-v-c2ef8745]{padding-top:8px;display:flex;gap:20px;font-weight:700;width:auto}.right[data-v-c2ef8745]{padding:0;border-left:none}.err-tip[data-v-c2ef8745]{left:0;width:100%;padding:16px}.role-item[data-v-c2ef8745]{flex-basis:100%;height:60px}.footer[data-v-c2ef8745]{justify-content:center;display:block}.footer .rate-item[data-v-c2ef8745]{max-width:100%}.footer .btns[data-v-c2ef8745]{margin-top:24px;justify-content:end}.header .tip[data-v-c2ef8745]{top:30px;left:-14px;width:328px}.role-head[data-v-c2ef8745]{flex-wrap:wrap}.select-el[data-v-c2ef8745]{max-width:348px;min-width:100%}.tab-item .new-tag[data-v-c2ef8745]{right:-30px}}@media screen and (max-width: 560px){.role-wrap[data-v-c2ef8745]{height:260px}.container[data-v-c2ef8745]{padding:20px 24px 24px}.header .tip[data-v-c2ef8745]{width:320px}.header .tip .text-12[data-v-c2ef8745]{font-size:10px}}.upload-wrap[data-v-a3876876]{--el-fill-color-blank: rgba(45, 138, 245, .06);margin-bottom:24px}.upload-box[data-v-a3876876]{position:relative;border-radius:6px;overflow:hidden}.upload-box[data-v-a3876876] .el-loading-spinner{--el-color-primary: #fff}.upload-btn[data-v-a3876876]{flex-direction:column;height:196px;gap:8px}.upload-mask[data-v-a3876876]{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-a3876876]{font-size:32px}.audio-box[data-v-a3876876]{gap:10px;padding:20px 24px;background:#f4f5f7;border:1px solid #f4f5f7;border-radius:8px}.audio-box2[data-v-a3876876]{height:120px;margin:15px auto;padding:0 24px;background:#fafafa;border:1px solid #e6e9ed;border-radius:8px;align-items:center}.audio-box2 .devide[data-v-a3876876]{height:32px;border-left:1px solid #999;margin-right:14px}.title[data-v-a3876876]{margin-bottom:2px}.upgrade-btn[data-v-a3876876]{font-size:12px;margin-left:4px;color:#2d8af5;cursor:pointer}@media screen and (max-width: 560px){.audio-box2[data-v-a3876876]{padding:0}}