.header[data-v-095877b4]{height:60px;box-shadow:0 2px 4px #00000014;background-color:#fff;z-index:1001}.header .logo[data-v-095877b4]{height:100%;transform:translate(40px)}.header .user-info[data-v-095877b4]{float:right;height:60px;padding-right:40px;display:flex;justify-content:center;align-items:center}.dropdown-wrapper[data-v-095877b4]{width:250px;padding:20px;display:flex;justify-content:center;align-items:center;flex-direction:column}.dropdown-wrapper .dropdown-username[data-v-095877b4]{text-align:center;font-size:20px;margin-bottom:10px}.dropdown-wrapper .dropdown-permission[data-v-095877b4]{width:180px;overflow-x:scroll;white-space:nowrap}.dropdown-wrapper .dropdown-permission[data-v-095877b4]::-webkit-scrollbar{width:0!important;height:0!important}.dropdown-wrapper .permission-list[data-v-095877b4]{margin:2px}.dropdown-wrapper .dropdown-item[data-v-095877b4]{width:150px}.no-login[data-v-095877b4]{padding:10px}.footer-wrap[data-v-617e763e]{width:100%;padding:10px 40px;height:200px;background-color:#f6f9fa}.footer-wrap .footer-blocks[data-v-617e763e]{display:flex;flex-direction:row;align-items:center}.footer-wrap .link-list[data-v-617e763e]{display:flex;flex-direction:column;flex-wrap:wrap;padding:10px 50px}.footer-wrap .link-list a[data-v-617e763e]{margin:5px 0;white-space:nowrap;text-decoration:none;font-size:14px;color:#000}.footer-wrap .el-divider[data-v-617e763e]{height:150px}.footer-wrap .logo-block[data-v-617e763e]{display:flex;flex-direction:column;flex-wrap:wrap;padding:10px 100px 10px 50px;justify-content:center}.footer-wrap .logo-block .logo[data-v-617e763e]{width:300px}.black[data-v-4a8490ba]{background-color:#292929!important}.black[data-v-4a8490ba] *{color:#ccc!important}.playing-program-info-wrap[data-v-4a8490ba]{position:fixed;top:0;left:0;width:100vw;height:calc(100vh - 40px);overflow:auto;background-color:#fff;transition:transform .3s;z-index:-1}.playing-program-info-wrap .program-content-wrapper[data-v-4a8490ba]{width:100%;height:calc(100% - 70px);overflow:auto}.playing-program-info-wrap .program-content-wrapper .program-content[data-v-4a8490ba]{padding:20px}.playing-program-info-wrap .content-img[data-v-4a8490ba]{position:fixed;top:0;left:0;width:100%;height:calc(100vh - 40px);object-fit:cover;z-index:-1;opacity:.2}.playing-program-info-wrap .default-logo[data-v-4a8490ba]{object-fit:contain}.playing-program-info-wrap .background-controller[data-v-4a8490ba]{position:fixed;top:10px;right:10px;width:80px}.playing-program-info-wrap .background-controller img[data-v-4a8490ba]{width:100%}.playing-program-info-wrap[data-v-4a8490ba] h2,.playing-program-info-wrap[data-v-4a8490ba] p{background:transparent!important}.playing-program-info-wrap .action-btns[data-v-4a8490ba]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:fixed;width:100%;padding:0 30%;bottom:40px}.playing-program-info-wrap .action-btns .action-btn[data-v-4a8490ba]{cursor:pointer}.play-bar[data-v-585ee45a]{position:sticky;bottom:0;width:100%;height:max-content;box-sizing:border-box;display:flex;align-items:center;background-color:#fff;height:40px;z-index:1001}.play-bar .progress-wrapper[data-v-585ee45a]{position:absolute;top:-3px;left:0;background-color:#a9a9a9;width:100%;height:3px;cursor:pointer;z-index:11}.play-bar .progress-wrapper .current-progress[data-v-585ee45a]{position:relative;height:3px;width:0;background-color:#0ff}.play-bar .progress-wrapper .current-progress[data-v-585ee45a]:after{content:" ";position:absolute;right:-5px;top:-4px;height:10px;width:10px;border-radius:50%;background-color:#0ff}.play-bar .progress-wrapper .time-point[data-v-585ee45a]{width:5px;height:5px;border-radius:50%;background-color:#0ff;position:absolute;bottom:-1px;left:100px}.play-bar .progress-wrapper .time-point .time-point-content[data-v-585ee45a]{position:absolute;top:-50px;left:0;background-color:#00000080;padding:3px 10px}.play-bar .progress-wrapper .icon-haipa[data-v-585ee45a]{position:absolute;right:-10px;top:-20px;width:20px;height:20px;z-index:101}.play-bar .progress-wrapper .change-time[data-v-585ee45a]{position:absolute;display:none;top:-4px;font-size:12px;width:10px;height:10px;border-radius:50%;background-color:#0ff;z-index:1001}.play-bar .progress-wrapper .change-time span[data-v-585ee45a]{position:absolute;top:-15px;left:-5px}.play-bar .info-wrapper[data-v-585ee45a]{display:flex;flex-direction:row;align-items:center;width:140px;white-space:nowrap;z-index:10}.play-bar .controller-wrapper[data-v-585ee45a]{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex:1;z-index:10;padding:0 20px;background-color:#fff}.play-bar .controller-wrapper .xmubs-logo[data-v-585ee45a]{margin-right:10px}.play-bar .controller-wrapper .xmubs-logo img[data-v-585ee45a]{width:90px}.play-bar .controller-wrapper .program-info[data-v-585ee45a]{display:flex;flex-direction:column}.play-bar .controller-wrapper .program-info .player[data-v-585ee45a]{font-size:12px;color:#636363}.play-bar .controller-wrapper .control-btns[data-v-585ee45a]{display:flex;align-items:center}.play-bar .controller-wrapper .control-btns .change[data-v-585ee45a]{width:40px;margin:0 10px;cursor:pointer}.play-bar .controller-wrapper .control-btns .change[data-v-585ee45a]:hover{transform:scale(1.2)}.play-bar .controller-wrapper .control-btns .play[data-v-585ee45a]{width:35px;margin-right:10px;cursor:pointer}.play-bar .controller-wrapper .control-btns .play[data-v-585ee45a]:hover{transform:scale(1.2)}.play-bar .controller-wrapper .other-info[data-v-585ee45a]{display:flex;align-items:center}.play-bar .controller-wrapper .other-info .play-list[data-v-585ee45a]{width:30px;margin-left:10px}.pc-page-wrapper[data-v-4f06843e]{min-width:1080px}.pc-page-wrapper .page-wrapper[data-v-4f06843e]{min-height:calc(100vh - 300px)}.header[data-v-4abb323a]{height:6vh;box-shadow:0 2px 4px #00000014;padding:0 1vw;background-color:#fff;z-index:1001}.header .logo[data-v-4abb323a]{height:100%;margin-left:-6vh}.header .user-info[data-v-4abb323a]{float:right;height:6vh;padding:.5vh;display:flex;justify-content:center;align-items:center}.header .user-info .el-avatar[data-v-4abb323a]{--el-avatar-size: 5vh}.dropdown-wrapper[data-v-4abb323a]{width:250px;padding:20px;display:flex;justify-content:center;align-items:center;flex-direction:column}.dropdown-wrapper .dropdown-username[data-v-4abb323a]{text-align:center;font-size:20px;color:#409eff;margin-bottom:10px}.dropdown-wrapper .dropdown-permission[data-v-4abb323a]{width:180px;overflow-x:scroll;white-space:nowrap}.dropdown-wrapper .dropdown-permission[data-v-4abb323a]::-webkit-scrollbar{width:0!important;height:0!important}.dropdown-wrapper .permission-list[data-v-4abb323a]{margin:2px}.dropdown-wrapper .dropdown-item[data-v-4abb323a]{width:150px}.no-login[data-v-4abb323a]{padding:5px}.play-bar[data-v-5f03b3e1]{position:sticky;bottom:-1px;width:100%;height:max-content;box-sizing:border-box;display:flex;align-items:center;background-color:#fff;height:40px;z-index:1001}.play-bar .progress-wrapper[data-v-5f03b3e1]{position:absolute;top:-3px;left:0;background-color:#a9a9a9;width:100%;height:3px;cursor:pointer;z-index:11}.play-bar .progress-wrapper .current-progress[data-v-5f03b3e1]{position:relative;height:3px;width:0;background-color:#0ff}.play-bar .progress-wrapper .current-progress[data-v-5f03b3e1]:after{content:" ";position:absolute;right:-5px;top:-4px;height:10px;width:10px;border-radius:50%;background-color:#0ff}.play-bar .progress-wrapper .icon-haipa[data-v-5f03b3e1]{position:absolute;right:-10px;top:-20px;width:20px;height:20px;z-index:101}.play-bar .progress-wrapper .change-time[data-v-5f03b3e1]{position:absolute;display:none;top:-4px;font-size:12px;width:10px;height:10px;border-radius:50%;background-color:#0ff;z-index:1001}.play-bar .progress-wrapper .change-time span[data-v-5f03b3e1]{position:absolute;top:-15px;left:-5px}.play-bar .time-point[data-v-5f03b3e1]{width:5px;height:5px;border-radius:50%;background-color:#0ff;position:absolute;bottom:-1px;left:100px;z-index:10}.play-bar .time-point[data-v-5f03b3e1]:after{content:"";width:25px;height:25px;border-radius:50%;background-color:transparent;position:absolute;left:-10px;top:-10px}.play-bar .time-point .time-point-content[data-v-5f03b3e1]{position:absolute;top:-50px;left:0;background-color:#00000080;padding:3px 10px}.play-bar .info-wrapper[data-v-5f03b3e1]{display:flex;flex-direction:row;align-items:center;width:140px;white-space:nowrap;z-index:10}.play-bar .controller-wrapper[data-v-5f03b3e1]{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex:1;z-index:10;padding:0 20px;background-color:#fff}.play-bar .controller-wrapper .xmubs-logo[data-v-5f03b3e1]{margin-right:10px}.play-bar .controller-wrapper .xmubs-logo img[data-v-5f03b3e1]{width:90px}.play-bar .controller-wrapper .program-info[data-v-5f03b3e1]{display:flex;flex-direction:column;overflow:hidden}.play-bar .controller-wrapper .program-info .program-name[data-v-5f03b3e1]{white-space:nowrap;animation:scrolling-5f03b3e1 6s infinite;animation-timing-function:linear}.play-bar .controller-wrapper .program-info .player[data-v-5f03b3e1]{font-size:12px;color:#636363}.play-bar .controller-wrapper .control-btns[data-v-5f03b3e1]{display:flex;align-items:center}.play-bar .controller-wrapper .control-btns .change[data-v-5f03b3e1]{width:40px;margin:0 10px;cursor:pointer}.play-bar .controller-wrapper .control-btns .change[data-v-5f03b3e1]:hover{transform:scale(1.2)}.play-bar .controller-wrapper .control-btns .play[data-v-5f03b3e1]{width:35px;margin-right:10px;cursor:pointer}.play-bar .controller-wrapper .control-btns .play[data-v-5f03b3e1]:hover{transform:scale(1.2)}.play-bar .controller-wrapper .other-info[data-v-5f03b3e1]{display:flex;align-items:center}.play-bar .controller-wrapper .other-info .play-list[data-v-5f03b3e1]{width:30px;margin-left:10px}@keyframes scrolling-5f03b3e1{0%{transform:translate(100%)}to{transform:translate(-100%)}}.page-wrapper[data-v-3cd15b0a]{padding-top:1px;min-height:calc(94vh - 41px)}body{margin:0}.dark-mode{background-color:#c8c8c8;filter:invert(.8) hue-rotate(180deg)}.header{position:sticky;top:0;width:100%}div{box-sizing:border-box}.font-color-pink{color:#ff68b4}.font-color-blue{color:#409eff}.font-color-violet{color:#8a2be2}