.font-fff[data-v-106203f4]{color:#fff}.main-box[data-v-106203f4]{margin-top:18px;display:flex;flex-direction:column;justify-content:center;align-items:center}.detail-main-bottom[data-v-106203f4]{width:100%;height:273px;background:linear-gradient(180deg,#2037ff,#4964fe);border-radius:8px 8px 8px 8px;padding:17px 17px;overflow-y:auto}.detail-main-bottom .table[data-v-106203f4]{display:flex;flex-direction:column}.detail-main-bottom .table-head[data-v-106203f4]{display:flex;font-size:10px;color:hsla(0,0%,100%,.8)}.detail-main-bottom .table-head div[data-v-106203f4]{width:25%;text-align:center}.detail-main-bottom .table-body[data-v-106203f4]{margin-top:12px;display:flex;font-size:12px}.detail-main-bottom .table-body .body[data-v-106203f4]{width:25%;display:flex;align-items:flex-end}.detail-main-bottom .table-body .avatar-box[data-v-106203f4]{margin-left:8px}.detail-main-bottom .table-body .avatar-box .avatar[data-v-106203f4]{position:relative}.detail-main-bottom .table-body .avatar-box .avatar .text[data-v-106203f4]{width:24px;height:24px;border-radius:25px;border:1px solid hsla(0,0%,100%,.7);background-color:#fff;display:flex;justify-content:center;align-items:center;color:#132cb0;font-size:12px;margin-right:16px}.detail-margin-top[data-v-106203f4]{display:flex;width:100%;height:109px;background:linear-gradient(107deg,#d8462c,#a21906);border-radius:8px 8px 8px 8px;align-items:center;padding-left:14px;padding-right:14px;position:relative}.detail-margin-top .send-side[data-v-106203f4]{position:absolute;font-weight:500;font-size:10px;color:#85580c;top:0;right:0;padding:5px 10px;background:linear-gradient(85deg,#fffdf4,#ffe9bd);border-radius:0 7px 0 10px}.detail-margin-top .avatar-box[data-v-106203f4]{position:relative}.detail-margin-top .avatar-box .avatar[data-v-106203f4]{width:48px;height:48px;border-radius:25px;border:1px solid hsla(0,0%,100%,.7);background-color:#fff;display:flex;justify-content:center;align-items:center;color:#132cb0;font-size:18px;font-weight:600;margin-right:14px}.detail-margin-top .info[data-v-106203f4]{width:46%}.detail-margin-top .info .realname[data-v-106203f4]{font-weight:600;font-size:16px;margin-bottom:7px}.detail-margin-top .info .shopname[data-v-106203f4]{background:linear-gradient(86deg,#b82a1d,#2a2fde);border-radius:59px 59px 59px 59px;border:1px solid #f7d8a1;font-weight:600;font-size:10px;color:#fff;padding:4px 9px;margin-top:7px}.detail-margin-top .data[data-v-106203f4]{display:flex;flex-direction:column}.detail-margin-top .data .spectator[data-v-106203f4]{display:flex;justify-content:center;align-items:center}.detail-margin-top .data .spectator .num[data-v-106203f4]{font-size:12px;margin-right:6px}.join-watch-btn[data-v-106203f4]{position:absolute;font-size:12px;font-weight:bolder;color:#85580c;padding:0 5px;background:linear-gradient(88deg,#fffcf0,#fff5de 41%,#ffecc5);border-radius:30px 30px 30px 30px;border:1px solid #fff;cursor:pointer;top:36px;left:-6px}.join-watch-btn-small[data-v-106203f4]{font-size:10px;white-space:nowrap;top:17px;left:-11px;display:flex;justify-content:center}.other-avartar[data-v-106203f4]{margin-top:5px;display:flex}.other-avartar .other-avatar-item[data-v-106203f4]{position:relative;min-width:16px;height:16px;border-radius:25px;color:#132cb0;font-size:8px;font-weight:600;background-color:#fff;display:flex;justify-content:center;align-items:center;margin-right:5px}.other-avartar .other-avatar-item[data-v-106203f4]:not(:first-child){margin-left:-14px;z-index:1}.isSpectators-btn-disabled[data-v-106203f4]{background:#b9bfc4!important;color:#fff!important;pointer-events:none!important}.b-bar[data-v-106203f4],.b-shop[data-v-106203f4],.b-spectator[data-v-106203f4]{justify-content:center}.btn-box[data-v-409393e7]{display:flex;justify-content:flex-end;margin-top:18px}.btn-box .btn[data-v-409393e7]{display:flex;justify-content:center;align-items:center;width:107px;height:36px;border-radius:26px 26px 26px 26px;font-weight:500;font-size:14px;cursor:pointer}.btn-box .cancel-btn[data-v-409393e7]{background:hsla(0,0%,100%,.07);color:hsla(0,0%,100%,.5);margin-right:12px}.btn-box .ok-btn[data-v-409393e7]{color:#85580c;background:linear-gradient(90deg,#fffcf1,#ffeac0)}.font-fff[data-v-409393e7]{color:#fff}.fw600[data-v-409393e7]{font-weight:600}.fs12[data-v-409393e7]{font-size:12px}.fs14[data-v-409393e7]{font-size:14px}.modal-title[data-v-409393e7]{font-size:18px;line-height:22px;text-align:center;margin-bottom:20px}.pk-info[data-v-409393e7]{display:flex;justify-content:space-between;align-items:center}.pk-info .time[data-v-409393e7]{color:hsla(0,0%,100%,.5)}.pk-info .type[data-v-409393e7]{padding:4px 17px;background:rgba(250,252,255,.07);border-radius:45px 45px 45px 45px}