.studio-header[data-v-638b37d6]{height:46px;line-height:46px}.studio-item+.studio-item[data-v-638b37d6]{margin-top:30px}.icon-play[data-v-638b37d6]{left:50%;position:absolute;top:50%;transform:translate3d(-50%,-50%,0)}.studio-duration[data-v-638b37d6]{background-color:rgba(0,0,0,.3);border-radius:2px;bottom:10px;color:#fff;font-size:12px;line-height:20px;padding:0 10px;position:absolute;right:16px}.status-masking[data-v-638b37d6]{background-color:rgba(0,0,0,.5);bottom:0;left:0;position:fixed;right:0;top:60px;transform:translateX(100%);transition:all .3s;z-index:9}.status-masking.is-active[data-v-638b37d6]{transform:none}.status-masking .status-list[data-v-638b37d6]{background-color:#fff;height:100%;position:absolute;right:0;top:0;transition:all .3s;width:300px}.status-masking .icon-return[data-v-638b37d6],.status-masking .status-item[data-v-638b37d6]{height:44px;line-height:44px;padding-left:20px}.container[data-v-a5ba61f2]{width:100%!important}.studio-list[data-v-a5ba61f2]{margin-bottom:-10px;margin-top:-10px}.studio-list .studio-image[data-v-a5ba61f2]{overflow:hidden;position:relative}.studio-list .studio-image .studio-mask[data-v-a5ba61f2]{background:rgba(0,0,0,.3);bottom:0;display:none;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:1}.studio-list .studio-image .icon-play[data-v-a5ba61f2]{display:none;left:50%;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);z-index:3}.studio-list .studio-image[data-v-a5ba61f2]:hover img{transform:scale(1.2)}.studio-list .studio-image[data-v-a5ba61f2]:hover .icon-play,.studio-list .studio-image[data-v-a5ba61f2]:hover .studio-mask{display:block}.studio-list .studio-image .user-count[data-v-a5ba61f2]{bottom:10px;color:var(--color-white);position:absolute;right:10px;z-index:3}.studio-list-tabs-mobile .studio-list-tab-item[data-v-a5ba61f2]{margin-right:0}.studio-list-tabs[data-v-a5ba61f2]{display:flex;flex-flow:wrap;font-size:0;justify-content:center;padding-bottom:26px;text-align:center}.studio-list-tab-item[data-v-a5ba61f2]{align-items:center;background:#fff;border:1px solid rgba(32,32,32,.3);border-radius:65px;color:var(--color-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:46px;justify-content:center;margin-right:24px;min-width:315px}.studio-list-tab-item[data-v-a5ba61f2]:hover{background:var(--color-primary);border:1px solid hsla(0,0%,100%,.3);color:#fff}.studio-list-tab-item.isActive[data-v-a5ba61f2]{background:var(--color-primary);border:1px solid hsla(0,0%,100%,.3);color:#fff!important}.screen-mobile .studio-list-tab-item[data-v-a5ba61f2]{margin-bottom:8px}.studio-video[data-v-5a9ab678],.studio-video__info[data-v-5a9ab678]{border-radius:4px;height:225px;margin-bottom:10px;overflow:hidden}.studio-video video[data-v-5a9ab678],.studio-video__info video[data-v-5a9ab678]{height:100%;width:100%}.studio-video__info[data-v-5a9ab678]{align-items:center;background:rgba(0,0,0,.8);color:#fff;display:flex;flex-direction:column;font-size:12px;justify-content:center;line-height:18px;text-align:center}.studio-video__info a[data-v-5a9ab678]{color:#fff}.studio-video__info a[data-v-5a9ab678]:hover{opacity:.8}.btn-login[data-v-5a9ab678]{background-color:transparent;border-color:#fff;color:#fff}.btn-login[data-v-5a9ab678]:active{background-color:transparent;border-color:var(--color-primary);color:var(--color-primary)}.studio-name[data-v-5a9ab678]{color:var(--color-text-primary);font-size:16px;font-weight:600;line-height:22px;margin-bottom:8px}.studio-messge[data-v-5a9ab678]{margin:16px 0;max-height:300px;min-height:100px;overflow:auto}.studio-message-wrap[data-v-5a9ab678]{background-color:var(--background-color-base);display:flex;flex-direction:column;margin:0 -16px;overflow:hidden}.studio-message-item[data-v-5a9ab678]{font-size:12px;line-height:18px;margin-bottom:16px;padding:0 16px}.studio-message-item.studio-message__normal[data-v-5a9ab678]{color:var(--color-text-primary)}.studio-message-item.studio-message__system[data-v-5a9ab678],.studio-message__user[data-v-5a9ab678]{color:var(--color-text-regular)}.studio-message__user[data-v-5a9ab678]{margin-bottom:8px}.studio-message__user span[data-v-5a9ab678]{vertical-align:middle}.studio-message__user .user-flag[data-v-5a9ab678]{display:inline-block;height:16px;line-height:16px;margin-right:6px;overflow:hidden;text-align:center;width:16px}.studio-message__user.is-anchor[data-v-5a9ab678]{color:red}.studio-message__user.is-anchor .anchor[data-v-5a9ab678]{background:red}.studio-message__user.is-self[data-v-5a9ab678]{color:var(--color-primary)}.studio-message__user.is-self .my[data-v-5a9ab678]{background:var(--color-primary);border-radius:2px}.studio-message-box[data-v-5a9ab678]{padding:0 16px}.studio-message-input[data-v-5a9ab678]{flex:1}.studio-message-input[data-v-5a9ab678] .el-input__inner{border-bottom-right-radius:0;border-color:#e9e9e9!important;border-top-right-radius:0}.studio-message-button[data-v-5a9ab678]{border-bottom-left-radius:0;border-top-left-radius:0}.duration[data-v-5a9ab678]{bottom:5px;color:#fff;font-size:12px;position:absolute;right:8px;z-index:1}.studio-message[data-v-39bcd84e],.studio-video[data-v-39bcd84e]{height:740px}.studio-video__header[data-v-39bcd84e]{background-color:var(--background-color-base);height:90px;padding:20px}.studio-video__content[data-v-39bcd84e],.studio-video__info[data-v-39bcd84e]{height:650px}.studio-video__content video[data-v-39bcd84e],.studio-video__info video[data-v-39bcd84e]{height:100%;width:100%}.studio-video__info[data-v-39bcd84e]{align-items:center;background:rgba(0,0,0,.8);color:#fff;display:flex;flex-direction:column;font-size:24px;justify-content:center;line-height:36px;text-align:center}.studio-video__info a[data-v-39bcd84e]{color:#fff}.studio-video__info a[data-v-39bcd84e]:hover{opacity:.8}.studio-video__info .btn-login[data-v-39bcd84e]{padding-left:40px;padding-right:40px}.studio-video__info .btn-login[data-v-39bcd84e]:active,.studio-video__info .btn-login[data-v-39bcd84e]:hover{background-color:#fff!important;border-color:var(--color-primary)!important;color:var(--color-primary)!important}.other-studio-list[data-v-39bcd84e]{display:flex;justify-content:flex-start}.other-studio-list .other-studio-item[data-v-39bcd84e]{height:119px;margin-right:14px;position:relative;width:208px}.other-studio-list .other-studio-item[data-v-39bcd84e]:last-child{margin-right:0}.other-studio-list .other-studio-item__image[data-v-39bcd84e]{height:119px;width:208px}.other-studio-list .other-studio-item__image[data-v-39bcd84e] img{display:block;height:100%;width:100%}.other-studio-list .other-studio-item__image svg[data-v-39bcd84e]{left:8px;position:absolute;top:8px}.other-studio-list .other-studio-item__title[data-v-39bcd84e]{color:#fff;display:flex;font-size:12px;justify-content:space-between;line-height:18px;padding:7px 10px;text-align:left}.other-studio-list .other-studio-item__text[data-v-39bcd84e]{width:138px}.studio-message[data-v-39bcd84e]{background-color:var(--background-color-base);display:flex;flex-direction:column;overflow:hidden}.studio-message__header[data-v-39bcd84e]{color:var(--color-text-primary);font-size:16px;font-weight:700;line-height:1;padding:20px 16px}.studio-message__content[data-v-39bcd84e]{flex:1;font-size:14px;line-height:16px;overflow:hidden}.studio-message__footer[data-v-39bcd84e]{box-shadow:0 0 10px 0 #d8d8d8;height:84px;padding:20px}.studio-message__input[data-v-39bcd84e] .el-input__inner{border:1px solid var(--color-primary);border-bottom-right-radius:0;border-top-right-radius:0}.studio-message__button[data-v-39bcd84e]{border-bottom-left-radius:0;border-top-left-radius:0;width:68px}.studio-message-item[data-v-39bcd84e]{margin-bottom:16px;padding:0 20px}.studio-message__system[data-v-39bcd84e]{background-color:#def8f9;padding:10px 20px}.studio-message__user[data-v-39bcd84e]{color:var(--color-text-regular);margin-bottom:8px}.studio-message__user span[data-v-39bcd84e]{vertical-align:middle}.studio-message__user .user-flag[data-v-39bcd84e]{display:inline-block;height:16px;line-height:16px;margin-right:6px;overflow:hidden;text-align:center;width:16px}.studio-message__user.is-anchor[data-v-39bcd84e]{color:red}.studio-message__user.is-anchor .anchor[data-v-39bcd84e]{background:red}.studio-message__user.is-self[data-v-39bcd84e]{color:var(--color-primary)}.studio-message__user.is-self .my[data-v-39bcd84e]{background:var(--color-primary);border-radius:2px}.studio-message__text[data-v-39bcd84e]{color:var(--color-black)}.block-header[data-v-39bcd84e]{font-size:30px;line-height:40px;margin-bottom:30px;margin-top:40px}.product-list[data-v-39bcd84e]{margin:0 -5px;overflow-x:auto;padding-bottom:35px;white-space:nowrap}.product-list[data-v-39bcd84e]::-webkit-scrollbar-thumb{background-color:var(--color-primary)}.product-item[data-v-39bcd84e]{display:inline-block;padding:0 5px;vertical-align:top;white-space:normal;width:25%}.product-buttons[data-v-39bcd84e]{flex:1;margin-left:9px;overflow:hidden}.product-buttons .el-button[data-v-39bcd84e]{margin-left:0;margin-top:10px;width:100%}.play-back[data-v-39bcd84e]{margin-top:50px}.play-item[data-v-39bcd84e]{overflow:hidden;position:relative}.play-item img[data-v-39bcd84e]{border-radius:6px;overflow:hidden}.play-item__info[data-v-39bcd84e]{color:var(--color-text-primary);font-size:16px;line-height:16px;line-height:20px;margin-bottom:6px;padding:16px 0}.play-item-image[data-v-39bcd84e]{display:block;position:relative}.play-item__time[data-v-39bcd84e]{background-color:hsla(0,0%,74%,.35);bottom:14px;color:var(--color-white);font-size:12px;line-height:18px;padding:0 2px;position:absolute;right:16px}.play-item__video[data-v-39bcd84e]{background-color:rgba(0,0,0,.5);height:166px;left:0;position:absolute;top:0;width:100%}.studio-message__product[data-v-39bcd84e]{height:232px}.studio-message__product-item[data-v-39bcd84e]{margin-bottom:20px}