.v-im[data-v-7bbb2471]{width:100%;height:100%;display:flex;flex-direction:column;overflow-y:hidden;background-color:#2590c2;box-shadow:2px 2px 5px #aaa}.pull-right[data-v-7bbb2471]{float:right}.text-center[data-v-7bbb2471]{text-align:center}[data-v-7bbb2471]{scrollbar-width:thin}[data-v-7bbb2471]::-webkit-scrollbar{width:6px;height:1px}[data-v-7bbb2471]::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.1);background:#ccc}[data-v-7bbb2471]::-webkit-scrollbar-track{-webkit-box-shadow:none;border-radius:10px;background-color:transparent}[data-v-7bbb2471]:focus{outline:none}.ivu-input[data-v-7bbb2471]{border:0!important;border-radius:0!important}.v-box[data-v-7bbb2471]{flex:1;background-color:#eee;height:100%;display:flex;flex-direction:row}.v-box .v-left[data-v-7bbb2471]{height:100%;width:22rem;display:flex;flex-direction:column}.v-box .v-main[data-v-7bbb2471]{flex:1;background-color:#f8f8f8;display:flex;flex-direction:column;position:relative}.main[data-v-7bbb2471]{width:26rem;height:100%;display:flex;flex-direction:row;color:#666;background:#191a1c;border:1px solid #3a3a3a}.main a[data-v-7bbb2471]{color:#666}.main .left[data-v-7bbb2471]{height:100%;width:22rem;display:flex;flex-direction:column;background-color:#fff}.main .left .title[data-v-7bbb2471]{margin-bottom:1rem;padding:1rem 1rem;background-color:#fff;height:12rem;font-weight:700;font-size:2rem;text-align:center}.main .left .title .add[data-v-7bbb2471]{width:100%;text-align:center;cursor:pointer}.main .left .list[data-v-7bbb2471]{flex:1}.main .left .list .item[data-v-7bbb2471]:first-child{margin-top:10px!important}.main .right[data-v-7bbb2471]{flex:1;background-color:#090909;display:flex;flex-direction:column;position:relative}.main .right .main-view[data-v-7bbb2471]{position:absolute;width:100%;top:40px;padding:100px}.text-right[data-v-7bbb2471]{text-align:right}.emotionCommon[data-v-7bbb2471]{width:100%}.emotionCommon .parameterCommon[data-v-7bbb2471]{width:100%;margin-bottom:1rem}.emotionCommon .parameterCommon .commonTitle[data-v-7bbb2471]{width:100%;font-family:PingFangSC,PingFang SC;font-weight:500;font-size:12px;color:hsla(0,0%,100%,.6);padding:.4rem 1rem;display:flex}.emotionCommon .parameterCommon .commonTitle span[data-v-7bbb2471]{margin-right:1rem}.emotionCommon .parameterCommon .upLoadBox[data-v-7bbb2471]{width:100%;padding:.8rem}.emotionCommon .parameterCommon .upLoadBox .upLoadBoxInner[data-v-7bbb2471]{width:100%;height:40px;background:hsla(0,0%,100%,.05);border-radius:2px;padding-left:4rem;position:relative}.emotionCommon .parameterCommon .upLoadBox .upLoadBoxInner .upLoadBoxInnerIcon[data-v-7bbb2471]{position:absolute;top:1rem;right:1rem}.emotionCommon .parameterCommon .upLoadBox .upLoadBoxInner .upLoadBoxLeft[data-v-7bbb2471]{position:absolute;top:1rem;left:1rem}.emotionCommon .parameterCommon .upLoadBox .upLoadBoxInner .upLoadBoxLeft img[data-v-7bbb2471]{width:2rem;height:2rem}.emotionCommon .parameterCommon .upLoadBox .upLoadBoxInner .upLoadBoxTxt[data-v-7bbb2471]{width:100%;height:4rem;line-height:4rem;font-family:PingFangSC,PingFang SC;font-weight:400;font-size:14px;color:hsla(0,0%,100%,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emotionCommon .parameterCommon .commonSlider[data-v-7bbb2471]{padding:0 1rem;display:flex;flex-direction:row;align-items:center}.emotionCommon .parameterCommon .commonSlider .sliderStyle[data-v-7bbb2471]{margin-right:.8rem}.emotionCommon .parameterCommon .commonSlider[data-v-7bbb2471] .el-input-number .el-input-number__decrease,.emotionCommon .parameterCommon .commonSlider[data-v-7bbb2471] .el-input-number .el-input-number__increase{border:none!important;background-color:#232426!important}.emotionCommon .parameterCommon .commonSlider[data-v-7bbb2471] .el-input-number .el-input__wrapper{background-color:#232426!important;box-shadow:none!important;padding-right:3.2rem!important}.emotionCommon .parameterCommon .commonSlider[data-v-7bbb2471] .el-input-number .el-input__wrapper .el-input__inner{background-color:#232426!important}.v-im[data-v-5bb78fe2]{width:100%;height:100%;display:flex;flex-direction:column;overflow-y:hidden;background-color:#2590c2;box-shadow:2px 2px 5px #aaa}.pull-right[data-v-5bb78fe2]{float:right}.text-center[data-v-5bb78fe2]{text-align:center}[data-v-5bb78fe2]{scrollbar-width:thin}[data-v-5bb78fe2]::-webkit-scrollbar{width:6px;height:1px}[data-v-5bb78fe2]::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.1);background:#ccc}[data-v-5bb78fe2]::-webkit-scrollbar-track{-webkit-box-shadow:none;border-radius:10px;background-color:transparent}[data-v-5bb78fe2]:focus{outline:none}.ivu-input[data-v-5bb78fe2]{border:0!important;border-radius:0!important}.v-box[data-v-5bb78fe2]{flex:1;background-color:#eee;height:100%;display:flex;flex-direction:row}.v-box .v-left[data-v-5bb78fe2]{height:100%;width:22rem;display:flex;flex-direction:column}.v-box .v-main[data-v-5bb78fe2]{flex:1;background-color:#f8f8f8;display:flex;flex-direction:column;position:relative}.main[data-v-5bb78fe2]{width:26rem;height:100%;display:flex;flex-direction:row;color:#666;background:#191a1c;border:1px solid #3a3a3a}.main a[data-v-5bb78fe2]{color:#666}.main .left[data-v-5bb78fe2]{height:100%;width:22rem;display:flex;flex-direction:column;background-color:#fff}.main .left .title[data-v-5bb78fe2]{margin-bottom:1rem;padding:1rem 1rem;background-color:#fff;height:12rem;font-weight:700;font-size:2rem;text-align:center}.main .left .title .add[data-v-5bb78fe2]{width:100%;text-align:center;cursor:pointer}.main .left .list[data-v-5bb78fe2]{flex:1}.main .left .list .item[data-v-5bb78fe2]:first-child{margin-top:10px!important}.main .right[data-v-5bb78fe2]{flex:1;background-color:#090909;display:flex;flex-direction:column;position:relative}.main .right .main-view[data-v-5bb78fe2]{position:absolute;width:100%;top:40px;padding:100px}.text-right[data-v-5bb78fe2]{text-align:right}.emotionCommon[data-v-5bb78fe2]{width:100%}.emotionCommon .parameterCommon[data-v-5bb78fe2]{width:100%;margin-bottom:1rem}.emotionCommon .parameterCommon .commonTitle[data-v-5bb78fe2]{width:100%;font-family:PingFangSC,PingFang SC;font-weight:500;font-size:12px;color:hsla(0,0%,100%,.6);padding:.4rem 1rem}.emotionCommon .parameterCommon .commonSlider[data-v-5bb78fe2]{padding:0 1rem;display:flex;flex-direction:row;align-items:center}.emotionCommon .parameterCommon .commonSlider .sliderStyle[data-v-5bb78fe2]{margin-right:.8rem}.emotionCommon .parameterCommon .commonSlider[data-v-5bb78fe2] .el-input-number .el-input-number__decrease,.emotionCommon .parameterCommon .commonSlider[data-v-5bb78fe2] .el-input-number .el-input-number__increase{border:none!important;background-color:#232426!important}.emotionCommon .parameterCommon .commonSlider[data-v-5bb78fe2] .el-input-number .el-input__wrapper{background-color:#232426!important;box-shadow:none!important;padding-right:3.2rem!important}.emotionCommon .parameterCommon .commonSlider[data-v-5bb78fe2] .el-input-number .el-input__wrapper .el-input__inner{background-color:#232426!important}.v-im[data-v-7136d2a7]{width:100%;height:100%;display:flex;flex-direction:column;overflow-y:hidden;background-color:#2590c2;box-shadow:2px 2px 5px #aaa}.pull-right[data-v-7136d2a7]{float:right}.text-center[data-v-7136d2a7]{text-align:center}[data-v-7136d2a7]{scrollbar-width:thin}[data-v-7136d2a7]::-webkit-scrollbar{width:6px;height:1px}[data-v-7136d2a7]::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.1);background:#ccc}[data-v-7136d2a7]::-webkit-scrollbar-track{-webkit-box-shadow:none;border-radius:10px;background-color:transparent}[data-v-7136d2a7]:focus{outline:none}.ivu-input[data-v-7136d2a7]{border:0!important;border-radius:0!important}.v-box[data-v-7136d2a7]{flex:1;background-color:#eee;height:100%;display:flex;flex-direction:row}.v-box .v-left[data-v-7136d2a7]{height:100%;width:22rem;display:flex;flex-direction:column}.v-box .v-main[data-v-7136d2a7]{flex:1;background-color:#f8f8f8;display:flex;flex-direction:column;position:relative}.main[data-v-7136d2a7]{width:26rem;height:100%;display:flex;flex-direction:row;color:#666;background:#191a1c;border:1px solid #3a3a3a}.main a[data-v-7136d2a7]{color:#666}.main .left[data-v-7136d2a7]{height:100%;width:22rem;display:flex;flex-direction:column;background-color:#fff}.main .left .title[data-v-7136d2a7]{margin-bottom:1rem;padding:1rem 1rem;background-color:#fff;height:12rem;font-weight:700;font-size:2rem;text-align:center}.main .left .title .add[data-v-7136d2a7]{width:100%;text-align:center;cursor:pointer}.main .left .list[data-v-7136d2a7]{flex:1}.main .left .list .item[data-v-7136d2a7]:first-child{margin-top:10px!important}.main .right[data-v-7136d2a7]{flex:1;background-color:#090909;display:flex;flex-direction:column;position:relative}.main .right .main-view[data-v-7136d2a7]{position:absolute;width:100%;top:40px;padding:100px}.text-right[data-v-7136d2a7]{text-align:right}.emotionCommon[data-v-7136d2a7]{width:100%}.emotionCommon .parameterCommon[data-v-7136d2a7]{width:100%;margin-bottom:1rem}.emotionCommon .parameterCommon .commonTitle[data-v-7136d2a7]{width:100%;font-family:PingFangSC,PingFang SC;font-weight:500;font-size:12px;color:hsla(0,0%,100%,.6);padding:.4rem 1rem;display:flex}.emotionCommon .parameterCommon .commonTitle span[data-v-7136d2a7]{margin-right:1rem}.emotionCommon .parameterCommon .topInputInner[data-v-7136d2a7]{width:100%;height:31rem;padding:1rem}.emotionCommon .parameterCommon .topInputInner[data-v-7136d2a7] .el-textarea__inner{box-shadow:none;height:100%;background:#18191b;border:1px solid rgba(165,184,203,.3);color:#fff}.emotionCommon .parameterCommon .topInputInner[data-v-7136d2a7] .el-textarea .el-input__count{background-color:#000}.v-im[data-v-9f6454fe]{width:100%;height:100%;display:flex;flex-direction:column;overflow-y:hidden;background-color:#2590c2;box-shadow:2px 2px 5px #aaa}.pull-right[data-v-9f6454fe]{float:right}.text-center[data-v-9f6454fe]{text-align:center}[data-v-9f6454fe]{scrollbar-width:thin}[data-v-9f6454fe]::-webkit-scrollbar{width:6px;height:1px}[data-v-9f6454fe]::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.1);background:#ccc}[data-v-9f6454fe]::-webkit-scrollbar-track{-webkit-box-shadow:none;border-radius:10px;background-color:transparent}[data-v-9f6454fe]:focus{outline:none}.ivu-input[data-v-9f6454fe]{border:0!important;border-radius:0!important}.v-box[data-v-9f6454fe]{flex:1;background-color:#eee;height:100%;display:flex;flex-direction:row}.v-box .v-left[data-v-9f6454fe]{height:100%;width:22rem;display:flex;flex-direction:column}.v-box .v-main[data-v-9f6454fe]{flex:1;background-color:#f8f8f8;display:flex;flex-direction:column;position:relative}.main[data-v-9f6454fe]{width:26rem;height:100%;display:flex;flex-direction:row;color:#666;background:#191a1c;border:1px solid #3a3a3a}.main a[data-v-9f6454fe]{color:#666}.main .left[data-v-9f6454fe]{height:100%;width:22rem;display:flex;flex-direction:column;background-color:#fff}.main .left .title[data-v-9f6454fe]{margin-bottom:1rem;padding:1rem 1rem;background-color:#fff;height:12rem;font-weight:700;font-size:2rem;text-align:center}.main .left .title .add[data-v-9f6454fe]{width:100%;text-align:center;cursor:pointer}.main .left .list[data-v-9f6454fe]{flex:1}.main .left .list .item[data-v-9f6454fe]:first-child{margin-top:10px!important}.main .right[data-v-9f6454fe]{flex:1;background-color:#090909;display:flex;flex-direction:column;position:relative}.main .right .main-view[data-v-9f6454fe]{position:absolute;width:100%;top:40px;padding:100px}.text-right[data-v-9f6454fe]{text-align:right}.soundCommon[data-v-9f6454fe]{width:100%;height:100%;background:#131416;padding:.8rem;display:flex}.soundCommon .commonLeft[data-v-9f6454fe]{width:20%;height:100%;background:#18191b;border-radius:4px;border:1px solid #26272b;padding-bottom:4.8rem;position:relative}.soundCommon .commonLeft .rolemodule[data-v-9f6454fe]{width:100%;height:5.6rem;border-bottom:1px solid #272b2d;padding-right:9.6rem;position:relative}.soundCommon .commonLeft .rolemodule .roleLeft[data-v-9f6454fe]{width:100%;height:100%;padding-left:4.8rem;position:relative}.soundCommon .commonLeft .rolemodule .roleLeft .roleLeftImg[data-v-9f6454fe]{position:absolute;top:.8rem;left:.8rem;width:4rem;height:4rem;background:hsla(0,0%,100%,.05);border-radius:50%;border:1px solid #5f656d}.soundCommon .commonLeft .rolemodule .roleLeft .roleLeftImg img[data-v-9f6454fe]{width:100%;height:100%;border-radius:50%}.soundCommon .commonLeft .rolemodule .roleLeft .roleLeftTitle[data-v-9f6454fe]{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 .5rem}.soundCommon .commonLeft .rolemodule .roleLeft .roleLeftTitle .name[data-v-9f6454fe]{width:100%;font-family:PingFangSC,PingFang SC;font-weight:400;font-size:14px;color:hsla(0,0%,100%,.8)}.soundCommon .commonLeft .rolemodule .roleLeft .roleLeftTitle .title[data-v-9f6454fe]{width:100%;font-family:PingFangSC,PingFang SC;font-weight:400;font-size:10px;color:hsla(0,0%,100%,.4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.soundCommon .commonLeft .rolemodule .roleright[data-v-9f6454fe]{position:absolute;top:1.2rem;right:.8rem;width:88px;height:32px;background:hsla(0,0%,100%,.05);border-radius:2px;border:1px solid #474c52;font-family:PingFangSC,PingFang SC;font-weight:400;font-size:14px;color:hsla(0,0%,100%,.7);line-height:32px;text-align:center;cursor:pointer}.soundCommon .commonLeft .pathmodule[data-v-9f6454fe]{width:100%;height:7.5rem;border-bottom:1px solid #272b2d;padding:1rem .8rem}.soundCommon .commonLeft .pathmodule .moduleTitle[data-v-9f6454fe]{font-family:PingFangSC,PingFang SC;font-weight:500;font-size:14px;color:#fff}.soundCommon .commonLeft .pathmodule .pathList[data-v-9f6454fe]{width:100%;height:3.2rem;margin-top:.4rem;background:hsla(0,0%,100%,.05);border-radius:2px;border:1px solid #5f656d;padding-right:4rem;position:relative}.soundCommon .commonLeft .pathmodule .pathList .pathListBox[data-v-9f6454fe]{width:100%;height:100%;font-family:PingFangSC,PingFang SC;font-weight:400;font-size:14px;color:hsla(0,0%,100%,.8);padding-left:.4rem;line-height:3.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.soundCommon .commonLeft .pathmodule .pathList .pathListBtn[data-v-9f6454fe]{position:absolute;top:4px;right:.8rem;cursor:pointer}.soundCommon .commonLeft .pathmodule .selList[data-v-9f6454fe]{width:100%;height:3.2rem;margin-top:.4rem}.soundCommon .commonLeft .pathmodule .selList .parameterSel[data-v-9f6454fe]{width:100%;height:3.2rem;background:#292b2e;border-radius:2px;border:1px solid #4f4f56;color:#fff}.soundCommon .commonLeft .parametermodule[data-v-9f6454fe]{width:100%;padding-top:1.4rem}.soundCommon .commonLeft .parametermodule .parameterCommon[data-v-9f6454fe]{width:100%;margin-bottom:1rem}.soundCommon .commonLeft .parametermodule .parameterCommon .commonTitle[data-v-9f6454fe]{width:100%;font-family:PingFangSC,PingFang SC;font-weight:500;font-size:12px;color:hsla(0,0%,100%,.6);padding:.4rem 1rem}.soundCommon .commonLeft .parametermodule .parameterCommon .commonSlider[data-v-9f6454fe]{padding:0 1rem;display:flex;flex-direction:row;align-items:center}.soundCommon .commonLeft .parametermodule .parameterCommon .commonSlider .sliderStyle[data-v-9f6454fe]{margin-right:.8rem}.soundCommon .commonLeft .parametermodule .parameterCommon .commonSlider[data-v-9f6454fe] .el-input-number .el-input-number__decrease,.soundCommon .commonLeft .parametermodule .parameterCommon .commonSlider[data-v-9f6454fe] .el-input-number .el-input-number__increase{border:none!important;background-color:#232426!important}.soundCommon .commonLeft .parametermodule .parameterCommon .commonSlider[data-v-9f6454fe] .el-input-number .el-input__wrapper{background-color:#232426!important;box-shadow:none!important;padding-right:3.2rem!important}.soundCommon .commonLeft .parametermodule .parameterCommon .commonSlider[data-v-9f6454fe] .el-input-number .el-input__wrapper .el-input__inner{background-color:#232426!important}.soundCommon .commonLeft .commonLeftBtn[data-v-9f6454fe]{padding:.8rem;width:100%;height:4.8rem;position:absolute;left:0;bottom:0}.soundCommon .commonLeft .commonLeftBtn .videoBtn[data-v-9f6454fe]{width:100%;height:100%;background:rgba(23,176,103,.9);border-radius:2px;font-family:PingFangSC,PingFang SC;font-weight:500;font-size:16px;color:hsla(0,0%,100%,.8);text-align:center;line-height:3.2rem;cursor:pointer}.soundCommon .commonCenter[data-v-9f6454fe]{width:60%;height:100%;padding:0 .8rem}.soundCommon .commonCenter .commonCenterInner[data-v-9f6454fe]{width:100%;height:100%;border-radius:4px;padding-bottom:21rem;position:relative}.soundCommon .commonCenter .commonCenterInner .centerInnerTop[data-v-9f6454fe]{width:100%;height:100%;background:#18191b;border:1px solid #26272b}.soundCommon .commonCenter .commonCenterInner .centerInnerTop .InnerTopInner[data-v-9f6454fe]{width:100%;height:100%;border-radius:4px;border-bottom:1px solid #26272b;padding-top:3rem;position:relative}.soundCommon .commonCenter .commonCenterInner .centerInnerTop .InnerTopInner .topTitle[data-v-9f6454fe]{position:absolute;top:1rem;left:1rem;font-family:PingFangSC,PingFang SC;font-weight:500;font-size:14px;color:#fff}.soundCommon .commonCenter .commonCenterInner .centerInnerTop .InnerTopInner .topInput[data-v-9f6454fe]{width:100%;height:100%;padding:1rem 1rem 5.2rem 1rem;position:relative}.soundCommon .commonCenter .commonCenterInner .centerInnerTop .InnerTopInner .topInput .topInputInner[data-v-9f6454fe]{width:100%;height:100%}.soundCommon .commonCenter .commonCenterInner .centerInnerTop .InnerTopInner .topInput .topInputInner[data-v-9f6454fe] .el-textarea__inner{box-shadow:none;height:100%;background:#18191b;border:1px solid rgba(165,184,203,.3);color:#fff}.soundCommon .commonCenter .commonCenterInner .centerInnerTop .InnerTopInner .topInput .topInputInner[data-v-9f6454fe] .el-textarea .el-input__count{background-color:#000}.soundCommon .commonCenter .commonCenterInner .centerInnerTop .InnerTopInner .topInput .topInputBtm[data-v-9f6454fe]{position:absolute;bottom:0;left:0;width:100%;height:5.2rem;padding:0 1rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.soundCommon .commonCenter .commonCenterInner .centerInnerTop .InnerTopInner .topInput .topInputBtm .toselect[data-v-9f6454fe]{width:102px;height:32px;background:#232425;border-radius:2px;border:1px solid #5f656d;color:#a6a6a6;border-radius:.4rem}.soundCommon .commonCenter .commonCenterInner .centerInnerTop .InnerTopInner .topInput .topInputBtm .topInputBtmNum[data-v-9f6454fe]{font-family:PingFangSC,PingFang SC;font-weight:400;font-size:14px;color:#5d5e5f}.soundCommon .commonCenter .commonCenterInner .centerInnerBtm[data-v-9f6454fe]{position:absolute;left:0;bottom:0;height:21rem;width:100%;padding-top:.8rem}.soundCommon .commonCenter .commonCenterInner .centerInnerBtm .centerInnerSlider[data-v-9f6454fe]{width:100%;height:62px;background:#131416;border-radius:4px;border:1px solid #26272b}.soundCommon .commonCenter .commonCenterInner .centerInnerBtm .centerInnerSlider .innerSliderBox[data-v-9f6454fe]{height:25px;padding:0 .9rem}.soundCommon .commonCenter .commonCenterInner .centerInnerBtm .centerInnerSlider .innerbtnBox .innerbtnBoxCenter[data-v-9f6454fe]{position:relative;top:-.4rem;display:flex;flex-direction:row;justify-content:center;align-items:center}.soundCommon .commonCenter .commonCenterInner .centerInnerBtm .centerInnerSlider .innerbtnBox .innerbtnBoxCenter img[data-v-9f6454fe]{width:2.4rem;height:2.4rem}.soundCommon .commonCenter .commonCenterInner .centerInnerBtm .centerInnerSlider .innerbtnBox .innerbtnBoxCenter .imgCenter[data-v-9f6454fe]{width:1.4rem;height:1.4rem}.soundCommon .commonCenter .commonCenterInner .centerInnerBtm .bottomwavesurfer[data-v-9f6454fe]{position:relative;height:135px;width:100%;top:0;left:0;z-index:1;border-radius:4px;border:1px solid #26272b;margin-top:.5rem}.soundCommon .commonCenter .commonCenterInner .centerInnerBtm .bottomwavesurfer .wavesurfertimeInner[data-v-9f6454fe]{width:100%;height:20px}.soundCommon .commonCenter .commonCenterInner .centerInnerBtm .bottomwavesurfer .wavesurferInner[data-v-9f6454fe]{width:100%;height:120px}.soundCommon .commonCenter .commonCenterInner .centerInnerBtm .bottomwavesurfer .wavesurferMask[data-v-9f6454fe]{width:100%;position:relative;top:-1rem;z-index:2}.soundCommon .commonCenter .commonCenterInner .centerInnerBtm .bottomwavesurfer .wavesurferMask .slider[data-v-9f6454fe]{height:100%;width:100%;display:flex;flex-direction:column;justify-content:flex-end}.soundCommon .commonRight[data-v-9f6454fe]{width:20%;height:100%;background:#18191b;border-radius:4px;border:1px solid #26272b;padding-top:43px;position:relative}.soundCommon .commonRight .commonRightTitle[data-v-9f6454fe]{font-family:PingFangSC,PingFang SC;font-weight:500;font-size:14px;color:#fff;padding:1.2rem 1rem;position:absolute;top:0;left:0}.soundCommon .commonRight .commonRightBox[data-v-9f6454fe]{width:100%;height:100%}.soundCommon .commonRight .commonRightBox .historyList[data-v-9f6454fe]{width:100%}.soundCommon .commonRight .commonRightBox .historyList .historyTitle[data-v-9f6454fe]{width:100%;height:2rem;margin-bottom:1rem;font-family:PingFangSC,PingFang SC;font-weight:600;font-size:14px;color:#d3d3d3;line-height:20px;padding-left:1rem}.soundCommon .commonRight .commonRightBox .historyList .historyOne[data-v-9f6454fe]{border-bottom:1px solid #272b2d;position:relative;overflow:hidden}.soundCommon .commonRight .commonRightBox .historyList .historyOne .historyRowOne[data-v-9f6454fe]{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(23,176,103,.1);padding-left:1rem;padding-top:1rem;display:flex;flex-direction:row;align-items:flex-start;z-index:1}.soundCommon .commonRight .commonRightBox .historyList .historyOne .historyRowOne .rowLeft img[data-v-9f6454fe]{width:2.4rem;height:2.4rem;margin-right:1rem}.soundCommon .commonRight .commonRightBox .historyList .historyOne .historyRowOne .rowRight[data-v-9f6454fe]{font-family:PingFangSC,PingFang SC;font-weight:500;font-size:14px;color:hsla(0,0%,100%,.8);line-height:2.4rem}.soundCommon .commonRight .commonRightBox .historyList .historyOne .historyRowOne .historyRowOneDel[data-v-9f6454fe]{position:absolute;top:1.6rem;right:3rem;display:none}.soundCommon .commonRight .commonRightBox .historyList .historyOne .historyRowOne:hover .historyRowOneDel[data-v-9f6454fe]{display:block}.soundCommon .commonRight .commonRightBox .historyList .historyOne .historyRowTwo[data-v-9f6454fe]{width:100%;display:flex;flex-direction:row;align-items:center;padding:1rem 1rem 1rem 1rem;position:relative;cursor:pointer}.soundCommon .commonRight .commonRightBox .historyList .historyOne .historyRowTwo .boxLeft[data-v-9f6454fe]{width:100%;height:100%;display:flex}.soundCommon .commonRight .commonRightBox .historyList .historyOne .historyRowTwo .boxLeft .rowLeft img[data-v-9f6454fe]{width:2.4rem;height:2.4rem;margin-right:1rem}.soundCommon .commonRight .commonRightBox .historyList .historyOne .historyRowTwo .boxLeft .rowLeft .loadBox[data-v-9f6454fe]{width:2.4rem;height:2.4rem;border-radius:50%;background-color:#cecece;padding:.2rem}.soundCommon .commonRight .commonRightBox .historyList .historyOne .historyRowTwo .boxLeft .rowLeft .loadBox .loadBoxImg[data-v-9f6454fe]{width:2rem;height:2rem;animation:spin-9f6454fe 2s linear infinite}@keyframes spin-9f6454fe{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.soundCommon .commonRight .commonRightBox .historyList .historyOne .historyRowTwo .boxLeft .rowRight[data-v-9f6454fe]{font-family:PingFangSC,PingFang SC;font-weight:500;width:100%;padding-right:34px}.soundCommon .commonRight .commonRightBox .historyList .historyOne .historyRowTwo .boxLeft .rowRight .title[data-v-9f6454fe]{width:100%;font-family:PingFangSC,PingFang SC;font-weight:500;font-size:14px;color:#d3d3d3;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.soundCommon .commonRight .commonRightBox .historyList .historyOne .historyRowTwo .boxLeft .rowRight .roleTime[data-v-9f6454fe]{display:flex;flex-direction:row;align-items:center;font-family:PingFangSC,PingFang SC;font-weight:500;font-size:12px;color:#888989}.soundCommon .commonRight .commonRightBox .historyList .historyOne .historyRowTwo .boxLeft .rowRight .roleTime .roleTxt[data-v-9f6454fe]{margin-right:.8rem}.soundCommon .commonRight .commonRightBox .historyList .historyOne .historyRowTwo .boxLeft .rowRight .roleTime .timeTxt[data-v-9f6454fe]{padding-top:.4rem}.soundCommon .commonRight .commonRightBox .historyList .historyOne .historyRowTwo .boxRight[data-v-9f6454fe]{position:absolute;top:0;right:0;height:100%;width:8rem;display:none}.soundCommon .commonRight .commonRightBox .historyList .historyOne .historyRowTwo .boxRight .boxRightInner[data-v-9f6454fe]{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.soundCommon .commonRight .commonRightBox .historyList .historyOne .historyRowTwo .boxRight .boxRightInner img[data-v-9f6454fe]{width:1.8rem;height:1.8rem}.soundCommon .commonRight .commonRightBox .historyList .historyOne:hover .historyRowTwo[data-v-9f6454fe]{padding-right:8rem;background-color:#101111}.soundCommon .commonRight .commonRightBox .historyList .historyOne:hover .boxRight[data-v-9f6454fe]{display:block}.soundCommon .pieceBoxmask[data-v-9f6454fe]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:space-around;color:#fff}.soundCommon .pieceBoxmask .piecedelBox[data-v-9f6454fe]{width:1052px;height:482px;background:#131416;border-radius:4px;border:1px solid #26272b}.soundCommon .pieceBoxmask .piecedelPathBox[data-v-9f6454fe]{width:428px;height:300px;background:#131416;border-radius:4px;border:1px solid #26272b}.soundCommon .pieceBoxmask .maskBox[data-v-9f6454fe]{width:720px;height:201px;background:#202122;border-radius:6px;padding:10px 0;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}