.style-content .list{display:flex;flex-wrap:wrap}.style-content .list .style-item{margin-right:.46rem;color:#686872;position:relative;box-sizing:border-box}.style-content .list .style-item:nth-child(5n){margin-right:0}.style-content .list .style-item .avatar{width:.96rem;height:.96rem;border-radius:50%;box-sizing:border-box}.style-content .list .style-item .avatar.actived{border:.04rem solid transparent;background-image:linear-gradient(#161622,#161622),linear-gradient(133deg,#e7166b,#821ced,#3a49eb);background-origin:border-box;background-clip:padding-box,border-box}.style-content .list .style-item .mask-box{position:absolute;left:0;top:0;width:.96rem;height:.96rem;border-radius:50%;background-color:rgba(0,0,0,.5);opacity:0;transition:all .3s ease-in-out}.style-content .list .style-item .mask-box .play-pause{width:.4rem;height:.4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:12}.style-content .list .style-item .mask-box .puase-ani{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.style-content .list .style-item .mask-box .puase-ani .ani-svg{width:.4rem;height:.4rem}.style-content .list .style-item .mask-box .puase-ani .bar{width:.05rem;border-radius:.025rem;height:.12rem;background:#fff;margin:0 .04rem;animation:playing-animation .3s ease-in-out infinite alternate}.style-content .list .style-item .mask-box .puase-ani .bar:first-child{animation-delay:-.3s}.style-content .list .style-item .mask-box .puase-ani .bar:nth-child(2){animation-delay:-.5s}.style-content .list .style-item .mask-box .puase-ani .bar:nth-child(3){animation-delay:-.1s}@keyframes playing-animation{0%{height:.12rem}to{height:.34rem}}.style-content .list .style-item.actived .mask-box,.style-content .list .style-item:hover .mask-box{opacity:1}.style-content .list .actived .style-name{color:#c5c5d1}.style-content .list[data-v-2baee631]{margin:.24rem 0;height:unset;overflow:hidden}.s-content .desc{text-align:left;margin-top:.32rem;height:.44rem;font-size:.28rem;font-family:HarmonyOS_Sans_SC_Medium;color:#c5c5d1;line-height:.44rem}.s-content .list{margin-top:.24rem;display:flex;flex-wrap:wrap;height:2.88rem;overflow-y:scroll}.s-content .list.signle{flex-wrap:nowrap;height:.72rem;overflow-y:hidden;overflow-x:scroll}.s-content .list.signle .item{flex:0 0 auto;width:1.4rem;margin:0 .16rem 0 0;display:flex;align-items:center;justify-content:center}.s-content .list.signle .item:nth-child(4n){margin-right:.16rem}.s-content .list .item{width:1.54rem;height:.72rem;background:#1e1f2c;border-radius:.16rem;color:#c5c5d1;line-height:.72rem;font-family:HarmonyOS_Sans_SC_Medium;font-size:.28rem;margin:0 .24rem .24rem 0;border:.04rem solid transparent;box-sizing:border-box}.s-content .list .item:nth-child(4n){margin-right:0}.s-content .list .item.active{background-image:linear-gradient(#1e1f2c,#1e1f2c),linear-gradient(133deg,#e7166b,#821ced,#3a49eb);background-origin:border-box;background-clip:padding-box,border-box}.self-popup{max-height:80%;overflow-y:auto;background:#161622;font-family:HarmonyOS_Sans_SC_Medium}.self-popup .popup-box{padding:.48rem .3rem;padding-bottom:1.5rem;text-align:center}.self-popup .popup-box .title{height:.56rem;font-size:.4rem;color:#c5c5d1;line-height:.56rem}.self-popup .popup-box .choose-boxs{margin-top:.32rem}.self-popup .popup-box .btn-bottom{position:fixed;padding:.2rem 0;padding-bottom:.5rem;left:0;right:0;bottom:0;background:#161622;box-sizing:border-box}.self-popup .popup-box .btn-bottom .btn{margin:0 auto;height:.96rem;width:calc(100% - .64rem);line-height:.96rem;background:#e7166b;border-radius:.48rem;font-size:.32rem;font-family:HarmonyOS_Sans_SC_Medium;color:#fff}.video-content-popup{padding-left:.32rem;padding-right:.32rem;background-color:#161622;box-sizing:border-box}.video-content-popup .title-box{position:relative;padding-top:.48rem;padding-bottom:.32rem}.video-content-popup .title-box h3{margin:0;line-height:.56rem;font-size:.4rem;font-weight:500;font-family:HarmonyOS_Sans_SC_Medium;text-align:center;color:#c5c5d1}.video-content-popup .title-box .close-button{position:absolute;top:.32rem;right:0;z-index:2;width:.32rem;height:.32rem}.video-content-popup .content-box .list-box{padding:0 .32rem;border-radius:.16rem;background-color:#1e1f2c}.video-content-popup .content-box .list-box .list-item{display:flex;align-items:center;height:.96rem}.video-content-popup .content-box .list-box .list-item:nth-child(n+2){border-top:.01rem solid rgba(146,147,159,.2)}.video-content-popup .content-box .list-box .list-item:before{content:"";display:block;width:.4rem;height:.4rem;background-size:cover;background-position:50% 50%;background-repeat:no-repeat}.video-content-popup .content-box .list-box .list-item.text:before{background-image:url(../img/icon_text_length.aeda741b.svg)}.video-content-popup .content-box .list-box .list-item.video:before{background-image:url(../img/icon_video_style.c28a7f0f.svg)}.video-content-popup .content-box .list-box .list-item.speaker:before{background-image:url(../img/icon_speaker_info.61d95ac6.svg)}.video-content-popup .content-box .list-box .list-item.deductions:before{background-image:url(../img/deductions_icon.731431fe.svg)}.video-content-popup .content-box .list-box .list-item.deductions .instructions-icon-wrapper{display:flex;align-items:center;justify-content:center;padding:.16rem;box-sizing:border-box}.video-content-popup .content-box .list-box .list-item.deductions .instructions-icon-wrapper .instructions-icon{width:.32rem;height:.32rem}.video-content-popup .content-box .list-box .list-item span{display:block;margin-left:.08rem;font-size:.28rem;color:#c5c5d1}.video-content-popup .operation-box{display:grid;row-gap:.32rem;padding-top:.64rem;padding-bottom:.8rem}.video-content-popup .operation-box .operation-button{display:grid;place-content:center;height:.96rem;border-radius:.48rem}.video-content-popup .operation-box .operation-button.generate{background-color:#e7166b}.video-content-popup .operation-box .operation-button.generate .btn-title{color:#fff;font-size:.32rem}.video-content-popup .operation-box .operation-button.generate .btn-title b{font-weight:500;font-family:HarmonyOS_Sans_SC;color:#f5a0c3}.video-content-popup .operation-box .operation-button.generate.disabled{background-color:#1e1f2c}.video-content-popup .operation-box .operation-button.generate.disabled .btn-title,.video-content-popup .operation-box .operation-button.generate.disabled .btn-title b{color:#686872}.video-content-popup .operation-box .operation-button.buy{background-color:#1e1f2c}.video-content-popup .operation-box .operation-button.buy.active{background-color:#e7166b}.video-content-popup .operation-box .operation-button.buy.active span{color:#fff}.video-content-popup .operation-box .operation-button.buy span{color:#e7166b}.video-content-popup .operation-box .operation-button.vip{background-color:#e7166b}.video-content-popup .operation-box .operation-button.vip span{color:#fff}.video-content-popup .operation-box .operation-button span{font-size:.32rem;font-family:HarmonyOS_Sans_SC_Medium}.clip-page .label[data-v-36e04c08]{font-size:.28rem;color:#c5c5d1;line-height:.44rem;margin:.32rem 0 .16rem}.clip-page .clip-radio-group[data-v-36e04c08]{background:#161622;border-radius:.24rem;padding:.32rem .32rem 0}.clip-page .clip-radio-group .radio-item[data-v-36e04c08]{display:flex;align-items:center;font-size:.28rem;line-height:.44rem;color:#c5c5d1;padding-bottom:.32rem}.clip-page .clip-radio-group .radio-item.active[data-v-36e04c08]{color:#e7166b}.clip-page .clip-radio-group .radio-item.disabled[data-v-36e04c08]{color:#686872}.clip-page .clip-radio-group .radio-item .radio-icon[data-v-36e04c08]{margin-right:.16rem;width:.32rem;height:.32rem}.clip-page .clip-radio-group .radio-item .radio-desc[data-v-36e04c08]{color:#686872}.clip-page .speaker-container[data-v-36e04c08]{display:flex;justify-content:space-between;align-items:center;background:#161622;border-radius:.24rem;font-size:.24rem;padding:.26rem .32rem}.clip-page .speaker-container .left[data-v-36e04c08],.clip-page .speaker-container .right[data-v-36e04c08]{display:flex;align-items:center}.clip-page .speaker-container .left .choose-box[data-v-36e04c08],.clip-page .speaker-container .right .choose-box[data-v-36e04c08]{display:flex;justify-content:space-between;align-items:center}.clip-page .speaker-container .left .choose-box .avatar[data-v-36e04c08],.clip-page .speaker-container .right .choose-box .avatar[data-v-36e04c08]{width:1.08rem;height:1.08rem;border-radius:50%}.clip-page .speaker-container .left .choose-box .info[data-v-36e04c08],.clip-page .speaker-container .right .choose-box .info[data-v-36e04c08]{margin-left:.28rem}.clip-page .speaker-container .left .choose-box .info .name[data-v-36e04c08],.clip-page .speaker-container .right .choose-box .info .name[data-v-36e04c08]{font-size:.28rem;font-family:HarmonyOS_Sans_SC_Medium;color:#c5c5d1;line-height:.44rem}.clip-page .speaker-container .left .choose-box .info .sub-info[data-v-36e04c08],.clip-page .speaker-container .right .choose-box .info .sub-info[data-v-36e04c08]{font-size:.24rem;font-family:HarmonyOS_Sans_SC;color:#686872;line-height:.4rem}.clip-page .speaker-container .left .select-more[data-v-36e04c08],.clip-page .speaker-container .right .select-more[data-v-36e04c08]{margin-left:.38rem;width:.48rem;height:.48rem}.clip-page .speaker-container .line[data-v-36e04c08]{width:.02rem;height:.48rem;background-color:#686872}.clip-page .speaker-container .right .choose-box[data-v-36e04c08]{display:block}.clip-page .speaker-container .right .choose-box .choose-title[data-v-36e04c08]{color:#686872}.clip-page .speaker-container .right .choose-box .choose-title span[data-v-36e04c08]{font-size:.28rem;font-family:HarmonyOS_Sans_SC_Medium;color:#c5c5d1;line-height:.44rem}.clip-page .setting-container[data-v-36e04c08]{margin-bottom:1.66rem}.clip-page .setting-container .setting-item[data-v-36e04c08]{background:#161622;border-radius:.24rem;padding:.24rem .32rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:.16rem}.clip-page .setting-container .setting-item .setting-title[data-v-36e04c08]{font-size:.28rem;color:#c5c5d1;line-height:.44rem}.clip-page .setting-container .setting-item .setting-desc[data-v-36e04c08]{font-size:.24rem;color:#686872;line-height:.4rem;margin-top:.08rem}.clip-page .setting-container .switch-btn[data-v-36e04c08]{width:.8rem;height:.44rem;border-radius:.48rem;background:#686872;position:relative}.clip-page .setting-container .switch-btn .switch-node[data-v-36e04c08]{position:absolute;top:50%;right:.04rem;width:.36rem;height:.36rem;background:#fff;box-shadow:0 .04rem .08rem 0 rgba(4,13,26,.1);border-radius:.39rem;transform:translate(-100%,-50%)}.clip-page .setting-container .switch-btn--active[data-v-36e04c08]{background:#e7166b}.clip-page .setting-container .switch-btn--active .switch-node[data-v-36e04c08]{transform:translateY(-50%)}.clip-page[data-v-36e04c08]{padding:0 .32rem;color:#fff;height:100vh;overflow:auto;background:#111118;font-size:.28rem}.clip-page .btn-wrapper[data-v-36e04c08]{background:#111118;position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;padding:0 .32rem;padding-bottom:.54rem;width:100%;box-sizing:border-box}.clip-page .btn-wrapper .clip-btn[data-v-36e04c08]{display:flex;align-items:center;justify-content:center;width:6.86rem;height:.96rem;font-size:.32rem;color:#fff;background:#e7166b;font-family:HarmonyOS_Sans_SC_Medium;border-radius:.48rem}