.live-wrap{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.live-header{background-color:#00894c;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;width:100%;height:80px;padding:0 20px;font-size:30px;font-weight:500;display:flex}.live-header .btn-wrap{align-items:center;gap:20px;width:600px;display:flex}.live-header .btn-wrap .liveBtn{cursor:pointer;color:#fff;align-items:center;gap:4px;font-size:25px;font-weight:600;display:flex}.live-header .btn-wrap .activeBtn{border-bottom:1px solid #fff}.live-header .btn-wrap .liveBtn img{width:30px}.live-player-wrap{background-color:#000000ea;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.live-player-wrap img{object-fit:contain;max-width:100%;max-height:100%}.viewer-wrap{justify-content:center;align-items:center;width:1280px;max-width:95%;max-height:100%;display:flex}.react-player-custom{aspect-ratio:16/9;-webkit-user-select:none;user-select:none;background-color:#000;justify-content:center;align-items:center;width:100%;max-height:100%;display:flex;position:relative}.react-player-custom .control-wrap{z-index:4;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.react-player-custom .control-wrap .control-bar{z-index:5;background-color:#0006;border-radius:8px;align-items:center;gap:15px;width:100%;padding:6px 12px;transition:all .5s;display:flex;position:absolute;bottom:-33px;left:0}.react-player-custom .control-wrap .control-bar .control-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:14px}.react-player-custom .control-wrap .control-bar .control-bar-left{align-items:center;gap:10px;display:flex}.react-player-custom .control-wrap .control-bar .control-bar-left .player-volume-wrap{align-items:center;display:flex;position:relative}.react-player-custom .control-wrap .control-bar .control-bar-left .player-volume-wrap span{color:#fff;font-size:14px}.react-player-custom .control-wrap .control-bar .control-bar-left .player-volume-wrap div{max-width:30px;height:90px;padding-bottom:15px;display:none;position:absolute;top:-90px;left:-5px}.react-player-custom .control-wrap .control-bar .control-bar-left .player-volume-wrap div input{width:90px;transform:rotate(-90deg)}.react-player-custom .control-wrap .control-bar .control-bar-left .player-volume-wrap:hover div{justify-content:center;align-items:center;display:flex}.react-player-custom .control-wrap .control-bar .control-bar-left .player-volume-wrap:hover div input{display:block}.react-player-custom .control-wrap option{color:#000}.react-player-custom .control-wrap .showControl{bottom:0}.react-player-custom .cursor-view{cursor:default!important}.react-player-custom .cursor-none{cursor:none!important}.react-player-custom .cursor-none *{cursor:none}.react-player-custom .control-bar:hover{bottom:0!important}.react-player-custom .live-icon{color:#fff;align-items:center;gap:3px;display:flex}@media screen and (width<=1280px){.viewer-wrap{width:100%;max-width:95%}}@media screen and (width<=768px){.live-header{flex-direction:column;justify-content:center;height:auto;padding:10px}.live-header>img{margin-top:10px}.live-header .btn-wrap{flex-wrap:wrap;justify-content:center;width:auto}.live-header .btn-wrap .liveBtn{font-size:18px}.live-header .btn-wrap .liveBtn img{width:24px}.viewer-wrap{width:100%;max-width:100%}.react-player-custom .control-wrap .control-bar{gap:8px;padding:8px}}@media screen and (height<=700px){.live-header{height:60px;font-size:22px}.live-header .btn-wrap .liveBtn{font-size:18px}.viewer-wrap,.react-player-custom{width:auto;max-width:100%;height:100%}}@media screen and (height<=500px){.live-header{height:50px;padding:0 10px}.live-header img{width:auto;height:30px}.live-header .btn-wrap{gap:10px}.live-header .btn-wrap .liveBtn{font-size:14px}.live-header .btn-wrap .liveBtn img{width:18px}.react-player-custom .control-wrap .control-bar{border-radius:0;gap:6px;padding:4px 8px}.react-player-custom .control-wrap .control-bar .control-btn{font-size:12px}}.default-view{background-color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:30px;min-width:1040px;min-height:586px;display:flex}.default-view .default-view-text{color:#00894d;font-size:30px;font-weight:500}.default-view>img{max-height:30px}*{box-sizing:border-box;border:0;margin:0;padding:0}.ip-error-wrap{z-index:9999;color:#fff;background-color:#006241;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.ip-error-wrap .ip-error-box{flex-direction:column;justify-content:center;align-items:center;gap:30px;width:460px;display:flex}.ip-error-wrap .ip-error-box img{width:360px}.ip-error-wrap .ip-error-box .error-title{flex-direction:column;align-items:center;gap:10px;font-size:36px;font-weight:600;display:flex}.stop-icon{box-sizing:border-box;background:#ff2b2b;border:6px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.stop-icon:before{content:"";border:2px solid #fff;border-radius:50%;width:108px;height:108px;position:absolute}.stop-icon .bar{z-index:1;background:#fff;border-radius:2px;width:60px;height:16px}