body,html{height:100%}body{-webkit-overflow-scrolling:touch}.mescroll{width:100%;height:100%;overflow-y:auto}.mescroll-hardware{-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;-webkit-perspective:1000}.mescroll-downwarp{position:relative;width:100%;height:0;overflow:hidden;text-align:center}.mescroll-downwarp-reset{-webkit-transition:height .3s;transition:height .3s}.mescroll-downwarp .downwarp-content{position:absolute;left:0;bottom:0;width:100%;min-height:30px;padding:10px 0}.mescroll-upwarp{min-height:30px;padding:15px 0;text-align:center;visibility:hidden}.mescroll-downwarp .downwarp-tip,.mescroll-upwarp .upwarp-nodata,.mescroll-upwarp .upwarp-tip{display:inline-block;font-size:12px;color:grey;vertical-align:middle}.mescroll-downwarp .downwarp-tip,.mescroll-upwarp .upwarp-tip{margin-left:8px}.mescroll-downwarp .downwarp-progress,.mescroll-upwarp .upwarp-progress{display:inline-block;width:16px;height:16px;border-radius:50%;border:1px solid grey;border-bottom-color:transparent;vertical-align:middle}.mescroll-rotate{-webkit-animation:mescrollRotate .6s linear infinite;animation:mescrollRotate .6s linear infinite}@-webkit-keyframes mescrollRotate{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes mescrollRotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.mescroll-empty{width:100%;padding-top:20px;text-align:center}.mescroll-empty .empty-icon{width:45%}.mescroll-empty .empty-tip{margin-top:6px;font-size:14px;color:grey}.mescroll-empty .empty-btn{max-width:50%;margin:20px auto;padding:10px;border:1px solid #65aadd;border-radius:6px;background-color:#fff;color:#65aadd}.mescroll-empty .empty-btn:active{opacity:.75}.mescroll-totop{z-index:9990;position:fixed;right:10px;bottom:30px;width:36px;height:36px;border-radius:50%;opacity:0}.mescroll-fade-in,.mescroll-lazy-in{-webkit-animation:mescrollFadeIn .5s linear forwards;animation:mescrollFadeIn .5s linear forwards}@-webkit-keyframes mescrollFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mescrollFadeIn{0%{opacity:0}to{opacity:1}}.mescroll-fade-out{pointer-events:none;-webkit-animation:mescrollFadeOut .5s linear forwards;animation:mescrollFadeOut .5s linear forwards}@-webkit-keyframes mescrollFadeOut{0%{opacity:1}to{opacity:0}}@keyframes mescrollFadeOut{0%{opacity:1}to{opacity:0}}.mescroll-bar::-webkit-scrollbar-track{background-color:transparent}.mescroll-bar::-webkit-scrollbar{width:6px}.mescroll-bar::-webkit-scrollbar-thumb{border-radius:6px;background-color:#ccc}.mescroll-bar::-webkit-scrollbar-thumb:hover{background-color:#aaa}.flex-aro[data-v-5c0960d2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.flex-btw[data-v-5c0960d2],.main .list .item[data-v-5c0960d2],.main .operate[data-v-5c0960d2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.flex-cen[data-v-5c0960d2],.main .list .item .left[data-v-5c0960d2],.main .operate .play[data-v-5c0960d2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hide-2[data-v-5c0960d2]{word-break:break-all;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.main[data-v-5c0960d2]{width:100%;min-height:100vh;background-color:#f8f8f8;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.main .cover[data-v-5c0960d2]{margin-top:20px;width:220px;height:220px;border-radius:6px;overflow:hidden}.main .cover img[data-v-5c0960d2]{width:100%;height:100%}.main .title[data-v-5c0960d2]{margin:12px 0 20px 0;font-weight:700}.main .operate .clock[data-v-5c0960d2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main .operate .clock .dingshi[data-v-5c0960d2]{font-size:12px}.main .operate .iconfont[data-v-5c0960d2]{font-size:32px;color:#ff4c67}.main .operate .play[data-v-5c0960d2]{width:60px;height:60px;border-radius:50%;margin:0 32px;background-color:#ff4c67}.main .operate .play .iconfont[data-v-5c0960d2]{color:#fff}.main .list[data-v-5c0960d2]{position:fixed;left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:343px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px 16px 0 16px;background-color:#fff;border-radius:16px 16px 0 0;overflow-y:scroll}.main .list .item[data-v-5c0960d2]{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #eee;font-size:16px}.main .list .item .left ._flex[data-v-5c0960d2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main .list .item .left .living[data-v-5c0960d2]{font-size:12px;margin-right:4px;padding:1px 6px;background-color:#ff4c67;color:#fff;border-radius:3px;margin-left:4px}.main .list .item .left .living img[data-v-5c0960d2]{width:10px;height:10px}.main .list .pass[data-v-5c0960d2]{color:#ccc}.main .list .living .audio-title[data-v-5c0960d2]{color:#ff4c67}.main .empty[data-v-5c0960d2]{margin-top:20px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main .empty span[data-v-5c0960d2]{font-size:14px;color:#999}.main .empty ._img[data-v-5c0960d2]{width:200px;height:200px}.main .popup-body[data-v-5c0960d2]{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:8px 16px}.main .popup-body .sub-title[data-v-5c0960d2]{font-weight:700;font-size:18px;margin-bottom:15px}.main .popup-body .mescroll[data-v-5c0960d2]{height:45vh}.main .popup-body .mescroll .item[data-v-5c0960d2]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:24px}.main .popup-body .mescroll .item .audio-cover[data-v-5c0960d2]{width:72px;height:72px;border-radius:6px;border:1px solid #eee;margin-right:12px;overflow:hidden}.main .popup-body .mescroll .item .audio-cover img[data-v-5c0960d2]{width:100%;height:100%}.main .popup-body .mescroll .item .info[data-v-5c0960d2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.main .popup-body .mescroll .item .info .name[data-v-5c0960d2]{font-size:18px;font-weight:700}.main .popup-body .mescroll .item .info .cur-name[data-v-5c0960d2]{font-size:12px;color:#646464;margin:4px 0}.main .popup-body .mescroll .item .info .cur-name .label[data-v-5c0960d2]{color:#ff4c67}.main .popup-body .mescroll .item .info .listens[data-v-5c0960d2]{font-size:12px;color:#a7a7a7;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main .popup-body .mescroll .item .info .listens .iconfont[data-v-5c0960d2]{font-size:16px}.main .popup-body .mescroll .item[data-v-5c0960d2]:last-child{margin-bottom:0}