.top-back[data-v-7d870776]{height:45px;line-height:45px;margin-left:10px;font-size:16px;width:120px}.top-back .left-icon[data-v-7d870776]{font-size:22px;margin-right:1px}.top-back .left-name[data-v-7d870776]{position:relative;top:-3px}.container[data-v-4654572c]{width:100%;margin:0 auto;min-height:100vh;background-color:#fff}.container .container-header[data-v-4654572c]{height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-image:linear-gradient(124deg,#008aff 2%,#00a2ff);background-image:-ms-linear-gradient(124deg,#008aff 2%,#00a2ff 100%)}.container .container-header i[data-v-4654572c]{color:#fff;font-size:24px}.container .container-header span[data-v-4654572c]{color:#fff;font-weight:700;font-size:16px;margin-top:-1px}.container .container-nav[data-v-4654572c]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 15px;background-image:linear-gradient(124deg,#008aff 2%,#00a2ff);background-image:-ms-linear-gradient(124deg,#008aff 2%,#00a2ff 100%)}.container .container-nav .container-nav-item[data-v-4654572c]{margin:0 10px;color:#fff;font-size:14px;line-height:32px;padding:0 3px}.container .container-nav .active[data-v-4654572c]{font-size:16px;font-weight:700;border-radius:1px;color:#fff;border-bottom:3px solid #fff}.container .container-content[data-v-4654572c]{width:100%;background-color:#fff}.container .container-content .container-content-title[data-v-4654572c]{font-size:16px;font-weight:700;padding:20px 0 10px 0;text-align:center;color:#323232}.container .container-content .container-content-time[data-v-4654572c]{padding:0 0 10px 0;text-align:center;font-size:14px;color:#4c4c4c}.container .container-content img[data-v-4654572c]{margin:0 auto;display:block;width:100%}.container .container-progress[data-v-4654572c]{width:290px;margin:0 auto;margin-top:45px;position:relative}.container .container-progress .anchor[data-v-4654572c]{background-color:#008cff;width:12px;height:12px;border-radius:50%;position:absolute;top:-2px;z-index:999}.container .container-progress .anchor[data-v-4654572c]:before{content:"";border-radius:50%;background-color:#7fc5ff;opacity:.502;-webkit-box-shadow:0 0 5px 0 rgba(51,51,51,.35);box-shadow:0 0 5px 0 rgba(51,51,51,.35);width:20px;height:20px;position:absolute;left:-4px;top:-4px}.container .container-progress .timestamp[data-v-4654572c]{position:absolute;top:25px;font-size:12px;font-family:SimSun;color:#666;z-index:999;white-space:nowrap;left:calc(50% - 36px)}.container .container-progress .timeline[data-v-4654572c]{width:290px;height:8px;background-color:#eee;border-radius:4px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.container .container-progress .timeline .percentage[data-v-4654572c]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%}.container .container-progress .timeline .percentage.active[data-v-4654572c]{background-color:#008cff}.container .container-play[data-v-4654572c]{width:165px;margin:0 auto;margin-top:55px;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}.container .container-play img[data-v-4654572c]:first-child{margin-left:10px}.container .container-play img[data-v-4654572c]:last-child{margin-right:10px}.container .container-play .play-pause[data-v-4654572c]{height:60px;width:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;-webkit-box-shadow:0 0 15px 0 rgba(0,144,255,.21);box-shadow:0 0 15px 0 rgba(0,144,255,.21);border-radius:50%;margin:0 20px}