i[data-v-1ecea200]{cursor:pointer}.musicbox[data-v-3072ba89]{display:flex;margin-top:15px}.musiclist[data-v-3072ba89]{max-width:320px;width:calc(100% - 30px);height:560px;padding:10px 15px;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}li[data-v-3072ba89],ul[data-v-3072ba89]{padding:0;margin:0;list-style:none}li[data-v-3072ba89]{padding-bottom:5px;font-size:14px;cursor:pointer;color:#8492a6}li[data-v-3072ba89]:hover{color:#409eff}.musiclist .number[data-v-3072ba89]{display:inline-block;width:20px;vertical-align:middle}.musiclist .title[data-v-3072ba89]{display:inline-block;width:calc(100% - 30px);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:middle}.active[data-v-3072ba89]{color:#d33a31}.player[data-v-3072ba89]{flex:1;padding:0 20px;position:relative}.player .title[data-v-3072ba89]{font-size:16px;line-height:28px;text-align:center;padding:10px 40px}.changpian[data-v-3072ba89]{margin-top:20px;width:200px;height:280px;margin-left:auto;margin-right:auto;position:relative}.changpian .needle[data-v-3072ba89]{width:74px;height:120px;z-index:10;position:absolute;left:63px;transform-origin:10% 0;transition:transform 1s}@-webkit-keyframes rotate-data-v-3072ba89{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotate-data-v-3072ba89{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pan[data-v-3072ba89]{position:absolute;bottom:0;left:0;right:0;width:200px;height:200px;border-radius:100px;background:rgba(0,0,0,.1);-webkit-animation-duration:15s;animation-duration:15s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.pan .cover[data-v-3072ba89]{position:absolute;left:40px;right:40px;bottom:40px}.pan .singlecover[data-v-3072ba89]{position:absolute;bottom:10px;left:10px;right:10px;width:180px;height:180px}.controller[data-v-3072ba89]{height:80px;position:absolute;bottom:0;left:40px;right:0}.controller .buttons[data-v-3072ba89]{text-align:center}.controller button[data-v-3072ba89]{font-size:26px;background:none;outline:none;border:0;padding:0 10px;cursor:pointer;color:#646464}.controller button[data-v-3072ba89]:hover{color:#000}.controller .progress[data-v-3072ba89]{margin-top:15px;text-align:right}.controller .progress .time[data-v-3072ba89]{display:inline-block;margin-top:6px;font-size:14px;color:grey}.mobile-controller[data-v-3072ba89]{position:fixed;bottom:0;left:0;right:0;height:110px;background:#fff;box-shadow:0 2px 12px 0 rgb(0 0 0/10%)}.mobile-controller .controller[data-v-3072ba89]{left:120px;right:20px;bottom:10px}.mobile-controller .pan[data-v-3072ba89]{width:90px;height:90px;top:10px;left:10px;position:relative}.mobile-controller .pan .cover[data-v-3072ba89]{position:absolute;left:20px;top:20px}.mobile-controller .pan .singlecover[data-v-3072ba89]{position:absolute;left:5px;top:5px;width:80px;height:80px}@media (max-width:767px){.mobile-controller[data-v-3072ba89]{display:block}.player[data-v-3072ba89]{display:none}}@media (min-width:768px){.mobile-controller[data-v-3072ba89]{display:none}.player[data-v-3072ba89]{display:block}}.video[data-v-41c3d6fa]{width:100%}.list[data-v-41c3d6fa]{margin-top:20px}.videobutton[data-v-41c3d6fa]{cursor:pointer;margin-left:10px;margin-right:10px;margin-bottom:10px}.filearea[data-v-1208a5b2]{width:100%}.newbtn[data-v-1208a5b2]{top:15px;right:20px;position:absolute}.uploadProgressBox[data-v-1208a5b2]{bottom:20px;right:20px;width:330px;border-radius:8px;border:1px solid #ebeef5;position:fixed;background-color:#fff;box-shadow:0 2px 12px 0 rgb(0 0 0/10%);padding:14px 26px 14px 13px;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s}a[data-v-1208a5b2]{text-decoration:none;color:#363636}.contectMenu[data-v-1208a5b2]{align-items:center;padding:2px 16px;border-radius:10px;background:#242424;width:200px;position:fixed;left:calc(50% - 116px);transition:bottom .8s;z-index:999}.contectMenu .menu[data-v-1208a5b2]{color:#e2e2e2;display:inline-block;padding:12px 12px;font-size:12px;cursor:pointer}.contectMenu .menu[data-v-1208a5b2]:hover{color:#fff}.contectMenu li[data-v-1208a5b2],.contectMenu ul[data-v-1208a5b2]{padding:0;margin:0;list-style:none}.uploadTips[data-v-1208a5b2]{display:inline-block;font-size:12px;line-height:20px}.counter[data-v-1208a5b2]{margin-bottom:20px}.counter .item[data-v-1208a5b2]{margin-right:25px}.image-slot[data-v-1208a5b2]{width:100%;text-align:center;padding:50px 0;font-size:30px;background:#f5f7fa;color:#909399}.masonry-wall{align-content:center}