.match-view-component[data-v-f3e3b678]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.match-view-component .ps[data-v-f3e3b678]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-right:10px}.match-view-component .match-view-setting[data-v-f3e3b678]{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px;line-height:40px;padding-right:10px;background-color:#19323d}.match-view-component .match-view-setting .live-full-screen[data-v-f3e3b678],.match-view-component .match-view-setting .live-source[data-v-f3e3b678]{width:50px;-webkit-box-flex:0;-ms-flex:none;flex:none}.match-view-component .match-view-setting .match-name[data-v-f3e3b678]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;font-size:12px;color:#fff}.match-view-component .match-view-setting .live-source[data-v-f3e3b678]{font-size:12px;color:hsla(0,0%,100%,.5)}.match-view-component .match-view-setting .live-source .el-icon-arrow-down[data-v-f3e3b678]{margin-left:5px;cursor:pointer}.match-view-component .match-view-setting .live-source .el-dropdown-selfdefine[data-v-f3e3b678]{font-size:12px;color:hsla(0,0%,100%,.5)}.match-view-component .match-view-setting .close-current-view[data-v-f3e3b678]{width:30px;text-align:right}.match-view-component .match-view-setting .close-current-view span[data-v-f3e3b678]{font-size:22px;font-weight:700;cursor:pointer}.match-view-component .match-view-player[data-v-f3e3b678]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:0}.match-view-component .match-view-player .match-view-item[data-v-f3e3b678]{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1}.match-view-component .match-view-player .match-view-item[data-v-f3e3b678]:first-child{margin-right:5px}.match-view-component .match-view-player .match-view-item:first-child img[data-v-f3e3b678]{opacity:0}.match-view-component .match-view-player .match-view-item[data-v-f3e3b678]:last-child{margin-left:5px}.match-view-component .match-view-player .match-view-item img[data-v-f3e3b678]{width:100%}.match-view-component .match-view-player .match-view-item iframe[data-v-f3e3b678]{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;z-index:90}.four-grid-view[data-v-77b61ded]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.four-grid-view .macth-view-header[data-v-77b61ded]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:50px}.four-grid-view .macth-view-header .match-views-switch[data-v-77b61ded]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1}.four-grid-view .macth-view-header .match-views-switch .match-view-tabs[data-v-77b61ded]{display:-webkit-box;display:-ms-flexbox;display:flex;margin:auto}.four-grid-view .macth-view-header .match-views-switch .match-view-tabs .match-view-btn[data-v-77b61ded]{width:80px;height:30px;line-height:30px;text-align:center;background-color:#061d28;font-size:12px;color:#96a1ba;cursor:pointer}.four-grid-view .macth-view-header .match-views-switch .match-view-tabs .match-view-btn.active[data-v-77b61ded]{color:#fff;background-color:#274552}.four-grid-view .match-grid-view[data-v-77b61ded]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex:1;flex:1;padding-bottom:20px}.four-grid-view .match-grid-view .match-view-box[data-v-77b61ded]{width:calc(50% - 10px);height:50%;margin:5px;padding-left:10px;background-color:#19323d}.four-grid-view .match-grid-view .match-view-box .without-match-message[data-v-77b61ded]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.four-grid-view .match-grid-view .match-view-box .without-match-message p[data-v-77b61ded]{margin:auto}.four-grid-page[data-v-f4de153e]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.four-grid-page .left-content[data-v-f4de153e]{width:240px}.four-grid-page .main-content[data-v-f4de153e]{-webkit-box-flex:1;-ms-flex:1;flex:1}.darg-transit{opacity:.2}.darg-move{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8}.drag-hide{display:none!important}