.live-play-box{width:100%;height:100%;position:relative;overflow:hidden}.live-play-box.noAnchorBkg{background-image:url(../img/noAnchor_bkg.88f1dc73.png);filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";background-size:100% 100%}.joinRoom{width:148px;height:40px;line-height:40px;position:absolute;top:50%;left:50%;margin-left:-73px;margin-top:-35px;z-index:3;background:transparent;color:#fff;border-color:#fff;border-radius:20px;font-size:18px;border-style:solid;border-width:2px}.joinRoom:hover{border-color:#8d5feb;color:#8d5feb}.live-play-con{position:relative;height:100%}.liveVideoUndispaly{display:none}.liveVideoConnect{height:345px;top:41px}.liver-bg-box{overflow:hidden;filter:blur(7px)}.liver-bg-box,.liver-bg-box-mask{width:100%;height:100%;position:absolute}.liver-bg-box-mask{left:0;top:0;background:rgba(0,0,0,.4)}.live-play-con .video-player{height:100%}.live-play-box .vjs-big-play-button,.live-play-box .vjs-error-display{display:none!important}.live-play-box .vjs-poster{background-size:cover}.live-play-box .video-js{background:transparent!important}.live-play-box .vjs-custom-skin>.video-js{padding:0;height:100%}.live-play-box .video-js .vjs-tech{-o-object-fit:cover;object-fit:cover;width:auto;left:50%;transform:translateX(-50%)}.index-Play-box{position:absolute;left:0;top:0;width:100%;height:100%;z-index:99}.live-play-controls{z-index:11;height:40px;width:100%;background:rgba(0,0,0,.3);position:absolute;left:0;bottom:0;justify-content:flex-start;padding:0 25px;box-sizing:border-box}.iconColor,.live-play-controls{display:flex;align-items:center}.iconColor{color:#fff;margin-right:20px;cursor:pointer;position:relative;height:100%;width:17px}.iconbofang,.iconzanting{flex:1}.iconjingyin,.iconjingyin:hover .volumeBox,.iconyinliang,.iconyinliang:hover .volumeBox{flex:none;margin-right:0}.volumeBox{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAACKCAYAAADsU8mUAAADtUlEQVR4nO2dwW7jVBRAjx0nI3BEk0kjVLEqyDvYguYX+BCWrPgEFvMF8wMjNkhsEQixYgNrlhWiaqWqCokbmtS13eSZhd+rncpJCo10U3SPdBU5fo7v8bt+zurao8SrfT6MfaBoCICinqQPtGwE9tNHVsQla4AlsLCfS/sdgR3oA20bL2y0qYQkBVzCd0Bm486GCWxyrePj48+DIHgDvC+UbCNFUUzm8/nXl5eXPwM3wNzuMkDhyqQ9HA5/Ys+SB/A8791Op/NZHMc/UF5sNyMLajMQsIfJOzzP6wOHdjOrxd19CQnl9m/oASnwDtX96blVxhdM7LGElMl3qK2QLvF9We834VbJlZXxOQm4Sll5yD6H0tmICkijAtKogDQqII0KSKMC0qiANCogjQpIowLSqIA0KiCNCkijAtKogDQqII0KSKMC0qiANCogjQpIowLSqIA0KiCNCkijAtKogDQqII0KSKMC0qiANCogjQpIowLSqIA0KiCNCkijAtKogDQqII0KSKMC0qiANCogjQpIowLSqIA0KiCNCkijAtKogDQqII0KSKMC0qiANP8bgWLjqP3ANdBe6f79nARcs2zXtvlewJmNxFLbgjFmRtk0+xbIqVqXF05gmabpV0VRjOXSbMYY8/fV1dVbYErZ9fuWaiYK13O6Q9kW+T3gJdAHulQ9njfd7P7h4eGn/X7/i3UDiqJYXlxcvE2S5MwmkVI2vl6wuXyNTfbWHncFxMA15YzkAVWD9oyqr3nGao/ndV2RPaA1Ho8vut3uJ+12+1XToPl8/luSJH/aBJqu5Fp3uz+3413v9YzaDLh2yE3d7wOqVsnr8IFOGIYfHB0dfeN5Xq++c7lcTk5PT98YY/4CxsCE8gomNrFNM/Co7vdQTZWhnNaMx79/wAM6Nzc3SZIkr8MwfF1PYDKZfGeMGVNO/diGE9hWQlvfP9CKoog4jr0Hgxc1y5zVhu0Pw41bzGazP3q93se+738IkKbpL6PR6EfKspnYqNdwSnU/NEVeC1du7lkAUHhRFG24ANs5OTlxJdgBugcHBx8Nh8PvAXN2dvZlnueJTXZqk5/abTfjT3oGtQaDwVOOZzAYEMfx/XaWZUkYhqM8z3+dTqe/U9501zZmVGu5iaKoqB/7Xwi2D3k0hjIx//z8/FuqJRj7fUot+V2ddCd/5qIoqt87GeUNek1ZLlNWV50lUNhjnsyuu967B6NfCyjl3Ery5Lp/eMJd0vQ+G2h4f8yuT7hr1v3uzv/1/gNlSmNdqReB9AAAAABJRU5ErkJggg==);width:48px;height:138px;position:absolute;top:-135px;left:-17px;display:none;justify-content:center;align-items:center;cursor:auto}.iconjingyin:hover .volumeBox,.iconyinliang:hover .volumeBox{display:flex}.volumeCon{height:100px;width:4px;background:#fff;margin-top:-5px;border-radius:3px;position:relative}.volumeNum{width:100%;height:20px;background:#7c46e8;position:absolute;bottom:0}.volumeNum:after{content:"";position:absolute;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEE4NkVEMzc0RkE4MTFFOUJDNkVBODNGQzlGRkEwQUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEE4NkVEMzg0RkE4MTFFOUJDNkVBODNGQzlGRkEwQUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQTg2RUQzNTRGQTgxMUU5QkM2RUE4M0ZDOUZGQTBBRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQTg2RUQzNjRGQTgxMUU5QkM2RUE4M0ZDOUZGQTBBRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnqdOskAAAFISURBVHjaYqyxfcOABrSAOAWIPYFYESp2D4h3APEcIL6GrJgJic0GxFOA+DIQFwKxBhCzQ7EmVAwkNwOIOWGaWJA0bwViFwb8AGRhOhCrQl34C+aCfiI0IwMnIO6DmagNNZVUkAHSywINMGZkGUZGBgZJNU4GQXE2MP/9y18Mz299Z/j/H8UAkJ4UkAEe6EZLqnIyiEizw/kg9v9//xme3/6BrtQD5AUldFFBCTYM9wpJsmPzhhITA2UAHAv30EXfv/iFofLd85/YDHjIBE1hKOD57e8Mb57+ZPj75z8Yg9gv7vzAZsAeUCDOBeJc5JgAhfazm9/BGA/4C0raIBdcAeKZZPgfpOcKLBBB6XwPCZr3QfXAMxMo1LyBeCoQ/8Oj8R/UZh+oHpTcCBLIAWI9IJ4IxDeB+DcQfwXiq1AxfWgShgcOQIABAGyxV5V5iD3yAAAAAElFTkSuQmCC);width:16px;height:16px;left:50%;top:-8px;margin-left:-8px;cursor:pointer}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.slide-fade-controlbar-enter-active{transition:all .3s ease}.slide-fade-controlbar-leave-active{transition:all .3s cubic-bezier(1,.5,.8,1)}.slide-fade-controlbar-enter,.slide-fade-controlbar-leave-to{transform:translateY(10px);opacity:0}