.video-player{position:relative;overflow:hidden}.video-player .video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-player .video-controls{position:absolute;bottom:0;left:0;width:100%;height:50px;background-color:rgba(0,0,0,.8);-webkit-transition:.5;transition:.5}.video-player .video-controls .video-progress{position:relative;width:100%;height:5px;background-color:#222}.video-player .video-controls .video-progress .now{z-index:2;position:absolute;left:0;top:0;width:50%;height:100%;background-color:#ff6a03}.video-player .video-controls .video-progress .suc{z-index:1;position:absolute;left:0;top:0;width:70%;height:100%;background-color:#666}.video-player .video-controls .video-progress .bar{z-index:3;position:absolute;left:0;top:50%;height:14px;width:14px;margin-left:-7px;margin-top:-7px;background-color:#fff;border-radius:50%;cursor:pointer}.video-player .video-play{float:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:45px;font-size:20px;margin-left:35px}.video-player .video-play img{width:24px;height:auto;color:#fff;cursor:pointer}.video-player .video-time{float:left;height:45px;line-height:45px;margin-left:30px;color:#fff}.video-player .video-fullscreen{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;float:right;height:45px;margin-right:20px}.video-player .video-fullscreen img{width:24px;height:auto;color:#fff;cursor:pointer}.video-player .video-volume{float:right;display:-webkit-box;display:-ms-flexbox;display:flex;height:45px;margin-right:30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.video-player .video-volume img{width:24px;height:auto;margin-right:10px;color:#fff;cursor:pointer}.video-player .video-volume .video-vol-progress{position:relative;width:100px;height:5px;background-color:#222}.video-player .video-volume .video-vol-progress .now{position:absolute;left:0;top:0;width:50%;height:100%;background-color:#ff6a03}.video-player .video-volume .video-vol-progress .bar{position:absolute;left:0;top:50%;height:14px;width:14px;margin-left:-7px;margin-top:-7px;background-color:#fff;border-radius:50%;cursor:pointer}.player-bar{position:relative}.music-dish-wrapper{position:relative;background-size:contain;overflow:hidden}.music-dish-wrapper .music-dish{background:url(../img/music-dish.d35adf8a.png) 50% 50%;background-size:contain;overflow:hidden}.music-dish-wrapper .music-dish .music-ad{background-color:#fff;overflow:hidden;background:#fff url(../img/userface.7b90f6c2.jpg) no-repeat 65% 50%;background-size:cover;border:solid #b3b3b3}.music-dish-wrapper .music-line{z-index:99;position:absolute;right:15px;top:0;background:url(../img/music-line.ea9542f3.png) no-repeat 50% 50%;background-size:contain;-webkit-transition:-webkit-transform .8s;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;-webkit-transform-origin:right top;transform-origin:right top}.music-dish-wrapper .line-down{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}.music-dish-wrapper .rotate{-webkit-animation:rotate 8s linear infinite;animation:rotate 8s linear infinite}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.single-upload-wrapper .upload-content .el-upload{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.single-upload-wrapper .upload-img{width:178px;height:178px;display:block}.single-upload-wrapper .uploader-icon{font-size:28px;color:#8c939d;width:178px;height:178px;padding-top:55px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.single-upload-wrapper .uploader-icon .ico{display:block}.single-upload-wrapper .uploader-icon .tip{display:block;font-size:12px;line-height:1.2;padding:3px 5px;text-align:left;color:#c1c1c1;text-align:center}.single-upload-wrapper .upload-progress{position:absolute;left:0;top:0;width:100%;height:100%;padding-top:18px;background:hsla(0,0%,100%,.8)}.single-upload-wrapper .upload-progress .el-progress-circle{margin:0 auto}.single-upload-wrapper .uploaded-file{display:block;color:#606266;margin-right:40px;overflow:hidden;padding-left:4px;text-overflow:ellipsis;-webkit-transition:color .3s;transition:color .3s;white-space:nowrap}.single-upload-wrapper .error-hint{font-size:12px;line-height:1.8;padding:4px 5px 3px;color:#ff4949;background:rgba(238,241,246,.8)}.imageBox[data-v-b37998f0]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.imageBox img[data-v-b37998f0]{width:200px;margin-left:10px;margin-top:10px;height:auto}.wrapper .card[data-v-541ee5ca]{background:#f2f2f6;border-radius:6px;padding:15px;margin-bottom:15px}.wrapper .card>h5[data-v-541ee5ca]{font-size:16px;font-weight:700;color:#000}.wrapper .card .title[data-v-541ee5ca]{margin-top:16px;font-size:14px;line-height:20px;color:#101010}.wrapper .card .content[data-v-541ee5ca]{font-size:14px;line-height:20px;margin-top:12px;color:#101010}.wrapper .info[data-v-541ee5ca]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.wrapper .info .img[data-v-541ee5ca]{width:60px;height:60px;margin-right:4px;background:#ccc;border-radius:6px}.wrapper .info .img>img[data-v-541ee5ca]{display:inline-block;width:60px;height:60px;border-radius:6px;-o-object-fit:cover;object-fit:cover}.wrapper .info>div p[data-v-541ee5ca]:first-child{width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wrapper .info>div p[data-v-541ee5ca]:nth-child(2){-webkit-box-flex:1;-ms-flex:1;flex:1;color:#ccc}.wrapper .content .sameBox[data-v-541ee5ca]{margin-bottom:10px}.wrapper .content .sameBox>h5[data-v-541ee5ca]{font-size:16px;font-weight:700;line-height:20px;color:#000}.wrapper .content .sameBox>p[data-v-541ee5ca]{font-size:14px;color:#000;line-height:17px}.wrapper .content .sameBox .infoBox[data-v-541ee5ca],.wrapper .content .sameBox .infoBox ul[data-v-541ee5ca]{margin-bottom:10px}.wrapper .content .sameBox .infoBox ul>li[data-v-541ee5ca]{display:inline-block;border-radius:6px;margin-right:8px}.wrapper .content .sameBox .infoBox ul>li>img[data-v-541ee5ca]{display:inline-block;width:100px;height:100px;-o-object-fit:cover;object-fit:cover}.wrapper .content .sameBox .infoBox ul>li .audioBox[data-v-541ee5ca]{display:inline-block;margin:10px 0}.wrapper .content .sameBox .infoRight[data-v-541ee5ca]{text-align:right;font-size:12px;line-height:17px}.wrapper .content .sameBox .infoRight span[data-v-541ee5ca]{padding:0 8px;color:#000}.wrapper .content .sameBox .infoRight span[data-v-541ee5ca]:first-child{display:inline-block;border-right:1px solid #000}.wrapper .content .sameBox .main[data-v-541ee5ca]{background:#f2f2f6;border-radius:6px;padding:15px}.wrapper .content .sameBox .main>img[data-v-541ee5ca]{display:inline-block;width:200px;height:150px;-o-object-fit:cover;object-fit:cover}.wrapper .content .sameBox .main .image-list>.image[data-v-541ee5ca]{display:inline-table;margin-bottom:10px;margin-right:10px}.wrapper .content .uploadBox[data-v-541ee5ca]{background:#fff8dc}