.shark-webp .aside-top-uspension-voice{background-image:url(https://shark2.douyucdn.cn/front-publish/live-master/assets/images/muted_c830efc.webp)}.shark-webp .aside-top-uspension-voiceOpen{background-image:url(https://shark2.douyucdn.cn/front-publish/live-master/assets/images/open_46d9f7e.webp)}.shark-webp .aside-top-uspension-close-icon{background-image:url(https://shark2.douyucdn.cn/front-publish/live-master/assets/images/close_5fcccf7.webp)}.shark-webp .aside-top-uspension-qrCodeModal-legend{background-image:url(https://shark2.douyucdn.cn/front-publish/live-master/assets/images/legend_2d5e41a.webp)}.aside-top-uspension-box{width:334px;height:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:absolute;top:0;left:0;right:0;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;border:1px solid #e5e5e5;overflow:hidden;background-color:#fff;margin-bottom:10px}.aside-top-uspension-showBig{height:189px}.aside-top-uspension-showSmall{height:80px;-webkit-transition:height 1s ease-in-out;-o-transition:height 1s ease-in-out;-moz-transition:height 1s ease-in-out;transition:height 1s ease-in-out}.aside-top-uspension-base{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.aside-top-uspension-close{height:0;border:none}.aside-top-uspension-base-imgBox{position:relative;width:142px;height:80px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;overflow:hidden;background-color:#000}.aside-top-uspension-infoBox{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;height:80px;margin:0 10px 0 11px}.aside-top-uspension-title{margin:7px 0 2px;color:#333;font-weight:700;width:132px}.aside-top-uspension-subTitle,.aside-top-uspension-title{font-size:12px;height:17px;line-height:17px;overflow:hidden}.aside-top-uspension-subTitle{color:#999;font-weight:400}.aside-top-uspension-btn{margin-top:8px;height:22px;background-color:#ff5d23;-webkit-border-radius:11px;-moz-border-radius:11px;border-radius:11px;color:#fff;text-align:center;font-size:12px;font-weight:400;line-height:22px}.aside-top-uspension-close-box{top:0;right:0;background:rgba(0,0,0,.4);-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px}.aside-top-uspension-close-box,.aside-top-uspension-close-boxBig{position:absolute;width:50px;height:16px;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.aside-top-uspension-close-boxBig{top:6px;right:6px;background:rgba(0,0,0,.5);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.aside-top-uspension-enterBox{position:absolute;bottom:6px;right:6px;padding:3px 12px;height:24px;background:-webkit-linear-gradient(12deg,#ff6122 -.53%,#ffaa01 98.97%);background:-moz- oldlinear-gradient(12deg,#ff6122 -.53%,#ffaa01 98.97%);background:-o-linear-gradient(12deg,#ff6122 -.53%,#ffaa01 98.97%);background:linear-gradient(78deg,#ff6122 -.53%,#ffaa01 98.97%);cursor:pointer;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;color:#fff;text-align:center;font-size:12px;line-height:18px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.aside-top-uspension-voice{position:absolute;left:6px;bottom:6px;width:18px;height:18px;background:url(https://shark2.douyucdn.cn/front-publish/live-master/assets/images/muted_c830efc.png) 100%/100% no-repeat}.aside-top-uspension-voiceOpen{background:url(https://shark2.douyucdn.cn/front-publish/live-master/assets/images/open_46d9f7e.png) 100%/100% no-repeat}.aside-top-uspension-close-word{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;height:16px;color:#fff;text-align:center;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.aside-top-uspension-close-line{width:1px;height:8px;background-color:#d9d9d9;margin:4px 0}.aside-top-uspension-close-icon{width:14px;height:14px;background:url(https://shark2.douyucdn.cn/front-publish/live-master/assets/images/close_5fcccf7.png) no-repeat;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain;margin:1px}.aside-top-uspension-video-box{width:336px;height:189px;position:absolute;top:0;left:0;z-index:9}.aside-top-uspension-video-box2{width:142px;height:80px;position:absolute;top:0;left:0;-webkit-transition:1s ease-in-out;-o-transition:1s ease-in-out;-moz-transition:1s ease-in-out;transition:1s ease-in-out;z-index:9}.aside-top-uspension-video-none{display:none}.aside-top-uspension-img{width:100%;height:100%}.aside-top-uspension-video{width:100%;height:100%;position:absolute;top:0;left:0}.aside-top-uspension-qrCodeModal{width:220px}.aside-top-uspension-qrCodeModal .dy-Modal-content{background:transparent}.aside-top-uspension-qrCodeModal .dy-Modal-body{background-color:#fff;padding:15px 10px 10px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.aside-top-uspension-qrCodeModal-close{position:absolute;top:-36px;right:0;width:24px;height:24px;background-color:#999;-webkit-border-radius:13px;-moz-border-radius:13px;border-radius:13px;z-index:1;cursor:pointer}.aside-top-uspension-qrCodeModal-close svg{margin-top:6px;margin-left:6px;width:12px;height:12px}.aside-top-uspension-qrCodeModal-legend{width:187px;height:18px;background:url(https://shark2.douyucdn.cn/front-publish/live-master/assets/images/legend_2d5e41a.png) no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;background-size:100% 100%;margin-bottom:7px}.aside-top-uspension-ylh-videoContainer{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;background-color:#000}.aside-top-uspension-ylh-imgFuzzyBg{filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="10" /></filter></svg>#filter');-webkit-filter:blur(10px);filter:blur(10px);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-o-object-fit:cover;object-fit:cover;z-index:1}.aside-top-uspension-ylh-img,.aside-top-uspension-ylh-imgFuzzyBg{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-o-object-position:center;object-position:center}.aside-top-uspension-ylh-img{-o-object-fit:contain;object-fit:contain;z-index:2}.aside-top-uspension-ylh-videoFuzzyBg{position:absolute;filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="10" /></filter></svg>#filter');-webkit-filter:blur(10px);filter:blur(10px);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);top:0;left:0;right:0;bottom:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}