*{margin:0;padding:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.pageWrap[data-v-2c1cbe54]{width:100%;height:100%;display:flex}.contentBox[data-v-2c1cbe54]{width:100%;display:flex}.contentBox .musicImg[data-v-2c1cbe54]{margin-top:-.1rem;width:.82rem;height:.84rem}.contentBox .nameText[data-v-2c1cbe54]{color:#333843;font-size:.14rem;font-weight:500;line-height:.21rem;margin-left:20px;margin-right:20px}.contentBox .progressWrap[data-v-2c1cbe54]{width:60%}.contentBox .startTime[data-v-2c1cbe54]{color:#333843;font-size:.12rem;line-height:.18rem;margin-left:.18rem;margin-right:.16rem}.contentBox .endTime[data-v-2c1cbe54]{color:#333843;font-size:.12rem;line-height:.18rem;margin-right:.18rem;margin-left:.16rem}.contentBox .progressBarBox[data-v-2c1cbe54]{position:relative;flex:1}.contentBox .progressBox[data-v-2c1cbe54]{position:relative;max-width:100%;height:4px;border-radius:2px;background:#d8d8d8}.contentBox .progressBar[data-v-2c1cbe54]{max-width:100%!important;height:4px;border-radius:2px;background:#333843}.contentBox .progressCirCle[data-v-2c1cbe54]{position:relative;width:.2rem;height:.2rem;background:#fff;border:1px solid #e6e6e8;border-radius:50%;box-sizing:border-box;margin-left:-.1rem}.contentBox .controlImg[data-v-2c1cbe54]{width:.28rem;height:.28rem}audio[data-v-2c1cbe54]{position:absolute;top:0;display:block;height:0;width:0;opacity:0}.flexRow[data-v-2c1cbe54],.rowAc[data-v-2c1cbe54],.rowAe[data-v-2c1cbe54],.rowAs[data-v-2c1cbe54],.rowJa[data-v-2c1cbe54],.rowJaAc[data-v-2c1cbe54],.rowJb[data-v-2c1cbe54],.rowJbAc[data-v-2c1cbe54],.rowJbAe[data-v-2c1cbe54],.rowJc[data-v-2c1cbe54],.rowJcAc[data-v-2c1cbe54],.rowJe[data-v-2c1cbe54],.rowJeAc[data-v-2c1cbe54],.rowJs[data-v-2c1cbe54],.rowJsAc[data-v-2c1cbe54]{display:flex;flex-direction:row}.colAc[data-v-2c1cbe54],.colAs[data-v-2c1cbe54],.colJc[data-v-2c1cbe54],.colJcAc[data-v-2c1cbe54],.colJcAe[data-v-2c1cbe54],.flexCol[data-v-2c1cbe54]{display:flex}.rowJs[data-v-2c1cbe54]{justify-content:flex-start}.rowJb[data-v-2c1cbe54],.rowJbAe[data-v-2c1cbe54]{justify-content:space-between}.rowJc[data-v-2c1cbe54]{justify-content:center}.rowJa[data-v-2c1cbe54],.rowJaAc[data-v-2c1cbe54]{justify-content:space-around}.rowJe[data-v-2c1cbe54],.rowJeAc[data-v-2c1cbe54]{justify-content:flex-end}.rowAc[data-v-2c1cbe54],.rowJbAc[data-v-2c1cbe54],.rowJcAc[data-v-2c1cbe54],.rowJsAc[data-v-2c1cbe54]{align-items:center}.rowAs[data-v-2c1cbe54]{align-items:flex-start}.rowAe[data-v-2c1cbe54]{align-items:flex-end}.colJc[data-v-2c1cbe54],.colJcAc[data-v-2c1cbe54],.colJcAe[data-v-2c1cbe54]{justify-content:center}.colAc[data-v-2c1cbe54]{align-items:center}.rowJcAc[data-v-2c1cbe54]{justify-content:center}.rowJbAc[data-v-2c1cbe54]{justify-content:space-between}.rowJbAe[data-v-2c1cbe54]{align-items:flex-end}.colJcAc[data-v-2c1cbe54],.rowJaAc[data-v-2c1cbe54]{align-items:center}.colJcAe[data-v-2c1cbe54]{align-items:flex-end}.colAs[data-v-2c1cbe54]{align-items:flex-start}.rowJsAc[data-v-2c1cbe54]{justify-content:flex-start}.rowJeAc[data-v-2c1cbe54]{align-items:center}@media screen and (max-width:600px){.pageWrap .contentBox[data-v-2c1cbe54]{height:40px}.pageWrap .contentBox .nameText[data-v-2c1cbe54]{font-size:14px;line-height:21px}.pageWrap .contentBox .controlImg[data-v-2c1cbe54]{width:28px;height:28px}.pageWrap .contentBox .endTime[data-v-2c1cbe54],.pageWrap .contentBox .startTime[data-v-2c1cbe54]{font-size:12px;line-height:18px;margin-left:18px;margin-right:16px}.pageWrap .contentBox .progressBox[data-v-2c1cbe54]{position:relative;max-width:100%;height:4px;border-radius:2px;background:#d8d8d8}.pageWrap .contentBox .progressCirCle[data-v-2c1cbe54]{position:relative;width:2px;height:2px;background:#fff;border:1px solid #e6e6e8;border-radius:50%;box-sizing:border-box;margin-left:-1px}}.container[data-v-011ca802]{width:100%;display:flex;flex-direction:column;align-items:center}.map[data-v-011ca802]{width:100%;max-width:750px!important}.popBox[data-v-011ca802]{width:230px}.popBox h3[data-v-011ca802]{background:#f7f7f7;line-height:30px}.popBox .content[data-v-011ca802]{display:flex;justify-content:space-between;height:100px;overflow:hidden;align-items:center}.popBox .content img[data-v-011ca802]{width:100px;height:80px}.popBox .content p[data-v-011ca802]{margin-left:10px}.popBox .btn[data-v-011ca802]{display:flex;justify-content:center;margin-top:20px}.popBox .btn .button[data-v-011ca802]{width:100%;height:30px;text-align:center;line-height:30px;border-radius:5px;cursor:pointer}.popBox .btn .left-button[data-v-011ca802]{background:#ffdd02}.popBox .btn .right-button[data-v-011ca802]{background:#9196a9}.videoBox[data-v-011ca802]{background:#fff;display:flex;position:fixed;justify-content:center;align-items:center;left:0;bottom:55px;z-index:9999;width:100%;border-bottom:1px solid #d8d8d8}.menu-content[data-v-011ca802]{width:100%;overflow:scroll;background:hsla(0,0%,100%,.95);transition:transform .3s;position:absolute;bottom:0;z-index:9900}.menu-content .video video[data-v-011ca802]{width:100%}.menu-content .name[data-v-011ca802]{height:40px;display:flex;align-items:center;justify-content:center;font-weight:700}.menu-content .profile[data-v-011ca802]{width:100%;display:flex;justify-content:center}.menu-content .profile .profile-content[data-v-011ca802]{width:90%;text-align:justify;line-height:1.6}.menu-content .close[data-v-011ca802]{position:absolute;right:0;top:0;width:25px;height:25px;border-radius:50%}.menu-content .close img[data-v-011ca802]{width:100%;height:100%}.navigation[data-v-011ca802]{display:flex;justify-content:space-between;align-items:center;width:90%;margin:10px auto}.navigation .go[data-v-011ca802]{width:80px;height:30px;display:flex;align-items:center;justify-content:center;background:#9ed048;font-size:12px;border-radius:5px;color:#fff}.navigation .go img[data-v-011ca802]{width:25px;height:25px}