.common[data-v-748efeba]{position:relative;padding-left:14px;height:38px;line-height:34px;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.common[data-v-748efeba]:hover{background-color:#273b61;color:#33a2ef}.common .icon[data-v-748efeba],.common .text[data-v-748efeba]{vertical-align:middle}.common .text[data-v-748efeba]{display:inline-block;padding:0 10px;width:160px;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.common .icon-D[data-v-748efeba],.common .icon-F[data-v-748efeba]{position:absolute;top:-15px;left:24px}.common .icon-drop-down[data-v-748efeba],.common .icon-player[data-v-748efeba]{padding:0 4px}.common.activey[data-v-748efeba]{background-color:#273b61;color:#33a2ef}.sidebar-tree[data-v-0f0c4904]{width:220px;height:675px}.sidebar-tree .title[data-v-0f0c4904]{padding-left:16px;width:100%;height:50px;line-height:50px;font-size:14px;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#273b61}.sidebar-tree .beautyScroll[data-v-0f0c4904]{padding-top:8px;width:100%;height:625px;background-color:#1e2f45;overflow-y:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.sidebar-tree .beautyScroll .campus[data-v-0f0c4904]{padding-bottom:10px}.no-live{position:relative;text-align:center}.no-live,.no-live .image{height:100%;width:100%}.no-live .text{bottom:30%;font-size:16px;color:#fffefe}.no-live .text,.no-live .tip{position:absolute;left:0;width:100%;text-align:center}.no-live .tip{bottom:26%;font-size:12px;color:#b6b8c4}.no-live .refresh{position:absolute;bottom:70px;left:0;width:100%;text-align:center}.no-live .refresh-btn.ava-button{padding:10px 25px;font-size:14px;color:#fff;text-align:center;background-color:#33a2ef;border-color:#33a2ef;border-radius:2px}.no-live .refresh-btn .ava-button--primary:focus,.no-live .refresh-btn .ava-button--primary:hover{color:#fff;background:#33a2ef;border-color:#33a2ef}.no-live .refresh-btn .ava-button:focus,.no-live .refresh-btn .ava-button:hover{color:#fff;background-color:#33a2ef;border-color:#33a2ef;opacity:.9}.live-loading[data-v-4d3abba9]{position:relative;width:100%;height:100%;background-size:100% 100%;background-repeat:no-repeat;background-position:50%}.live-loading .circular[data-v-4d3abba9]{position:absolute;top:50%;left:50%;margin:-21px 0 0 -21px;height:42px;width:42px;-webkit-animation:loading-rotate-data-v-4d3abba9 2s linear infinite;animation:loading-rotate-data-v-4d3abba9 2s linear infinite}.live-loading .path[data-v-4d3abba9]{-webkit-animation:loading-dash-data-v-4d3abba9 1.5s ease-in-out infinite;animation:loading-dash-data-v-4d3abba9 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#fff;stroke-linecap:round}.live-loading .text[data-v-4d3abba9]{position:absolute;margin:41px 0 0 -40px;top:50%;left:50%;font-size:14px;color:#fff;text-align:center}@-webkit-keyframes loading-rotate-data-v-4d3abba9{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading-rotate-data-v-4d3abba9{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes loading-dash-data-v-4d3abba9{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash-data-v-4d3abba9{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.area-live-detail{width:100%;height:calc(100vh - 140px);background-color:#192436}.area-live-detail .area-header{margin:0 auto;width:1200px;padding:14px 0}.area-live-detail .container{position:relative;margin:0 auto;width:1200px;height:720px;overflow:hidden;font-size:0}.area-live-detail .container .sidebar{position:absolute;top:0;right:0;display:inline-block;width:242px;height:675px;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:1000}.area-live-detail .container .sidebar .sidebar-bar{position:relative;display:inline-block;width:22px;height:100%;vertical-align:top}.area-live-detail .container .sidebar .sidebar-ban{display:inline-block;width:220px;height:100%;vertical-align:top}.area-live-detail .container .sidebar .onecn{position:absolute;top:300px;left:5px;margin:0 auto;line-height:14px;font-size:12px;color:#fff}.area-live-detail .container .sidebar .tap-icon{position:absolute;top:372px;left:9px}.area-live-detail .container .player{display:inline-block;width:100%;height:675px}.area-live-detail .container .player .dplayer{width:100%;height:100%}.area-live-detail .container .live-loading,.area-live-detail .container .no-live{height:675px}.area-live-detail .container .stream-footer{padding:0 20px;width:100%;height:44px;line-height:44px;background:#1e2f45;-webkit-box-sizing:border-box;box-sizing:border-box}.area-live-detail .container .stream-footer .stream-item{display:inline-block;margin-right:10px;width:70px;height:26px;line-height:26px;text-align:center;vertical-align:middle;color:#b8c6d8;font-size:12px;background:#3b5785;border-radius:2px}.area-live-detail .container .stream-footer .active,.area-live-detail .container .stream-footer .stream-item:hover{color:#fff;background:#33a2ef}.area-live-detail .no-live .text{bottom:220px}.area-live-detail .no-live .refresh{bottom:130px}.area-live-detail .backup{display:inline-block;padding:0 20px 0 0;height:20px;font-size:14px}