@charset "UTF-8";:root{--innerWidth: 0;--innerHeight: 0;--drp: 1}#hc-app{width:100%;min-height:3.6458333333rem}.app-content{width:100%;min-height:3.6458333333rem;position:relative;background-color:#4677e3}.el-carousel .el-carousel__button{width:5px;height:5px;border-radius:50%}.live-bar{width:1.25rem;background-color:#000000a6;position:absolute;z-index:999;height:100%;padding:0 .1041666667rem;display:flex;flex-direction:column}.live-bar--head{padding:.0833333333rem 0;border-bottom:.0052083333rem solid #fd9545;margin-bottom:.15625rem}.live-bar--head .logoname{margin-top:.0260416667rem;color:#fd9545;font-size:.15625rem;font-weight:600}.live-bar--head__icon i{font-size:.3125rem;color:#fd9545}.live-bar--head__icon span{color:#7892c9;font-size:.0625rem}.live-bar .el-menu{background-color:transparent;border:0;overflow:auto;flex:1}.live-bar .el-menu--inline{background-color:#eff4f81a;border-radius:.0208333333rem;padding:.09375rem .0625rem;overflow:hidden}.live-bar .el-menu--inline .el-menu-item{padding-right:0;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-height:20px;height:20px;font-size:.0729166667rem;height:auto;line-height:auto;min-width:initial;padding:.0520833333rem 0}.live-bar .el-menu--inline .el-menu-item:after{content:"";position:absolute;bottom:0;right:0;padding-left:10px;background:-webkit-linear-gradient(left,transparent,#fff 40%);background:-o-linear-gradient(left,#fff 50%);background:-moz-linear-gradient(left,#fff 50%);background:linear-gradient(left,#fff 50%)}.live-bar .el-menu--inline .el-menu-item:hover{color:#fff!important}.live-bar .el-menu--inline .el-menu-item:hover .other--title{color:#fff}.live-bar .el-menu-item{padding-left:0!important}.live-bar .el-menu-item .apng{width:.0625rem;height:.0625rem;display:inline-block;margin-right:.0260416667rem}.live-bar .el-submenu .el-icon-arrow-down{color:#fff}.live-bar .el-submenu__title,.live-bar .el-submenu .el-menu-item{background-color:transparent;color:#fff;font-size:.0729166667rem}.live-bar .el-submenu__title:hover,.live-bar .el-submenu .el-menu-item:hover{background-color:transparent}.live-bar .el-submenu__icon-arrow{right:0}.live-bar .el-submenu__title{padding-left:0!important;display:flex;flex-direction:row;align-items:center;font-size:.0833333333rem;height:.2916666667rem;line-height:.2916666667rem}.live-bar .el-submenu__title img{width:.0729166667rem;height:.0729166667rem;margin-right:.0260416667rem}.live-bar .el-submenu__title i{font-size:.0625rem;color:inherit;margin-right:.0260416667rem}.live-bar .el-submenu[liveing=true] .el-icon-arrow-down,.live-bar .el-submenu[liveing=true] .el-submenu__title{color:#5cdbd3}.live-bar .other--title{color:#fff;font-size:.0729166667rem}.live-bar .other--title.lock{color:#7892c9}.live-bar .other--title i{color:#7892c9;font-size:.0625rem}.live-bar .other--title.liveing{color:#5cdbd3}.live-bar .other--title .apng{height:.0625rem;width:.0625rem;display:inline-block}.live-bar .other--title .apng img{width:.0625rem;height:.0625rem}.live-bar .other--title :hover{color:#fff!important}.live-bar .other--time{color:#7892c9;overflow:hidden;font-size:.0625rem}.live-bar--item{position:relative}.live-bar--item:hover span{color:#fff!important}.live-bar--item:hover:before{content:attr(str);position:absolute;right:.0260416667rem;top:0;background-color:#4461f7;color:#fff;padding:0 .0364583333rem;border-radius:.0260416667rem}.live-bar--item .huifang,.live-bar--item .scz{color:#a9bbe4}.live-bar--item .living{color:#5cdbd3}.live-bar--more{position:absolute;height:.5208333333rem;width:.2291666667rem;display:flex;z-index:1001;align-items:center;background-color:#24355999;font-size:.0729166667rem;border-radius:0 .0520833333rem .0520833333rem 0;justify-content:center;top:50%;transform:translateY(-50%);right:-.2291666667rem;flex-direction:column;color:#fff;cursor:pointer}.live-bar--more span{margin-bottom:.0520833333rem}.live-bar.off{width:.3541666667rem;padding:0 .0520833333rem}.live-bar.off .live-bar--head{border:0}.live-bar.off .live-bar--head__icon i{font-size:.1979166667rem}.live-bar.off .live-bar--head__icon span,.live-bar.off .live-bar--head .logoname{display:none}.live-bar.off .el-menu--collapse{width:100%}.live-bar.off .el-menu--collapse .el-submenu{margin-bottom:.1041666667rem}.live-bar.off .el-submenu__title{flex-direction:column;justify-content:center;word-break:break-all;word-wrap:break-word;padding-right:0;height:.3385416667rem;line-height:.3385416667rem;font-size:.0729166667rem}.live-bar.off .el-submenu__title span{width:100%;margin-top:.0260416667rem;height:.2083333333rem;visibility:visible;word-break:break-all;word-wrap:break-word;white-space:normal}.live-home{height:4.2395833333rem;display:flex;flex-direction:row;margin:0 auto;padding:.15625rem .234375rem;position:relative;justify-content:flex-end}.live-home *{font:.0729166667rem PingFang SC,微软雅黑,Microsoft YaHei,Helvetica,Helvetica Neue,Tahoma,Arial,sans-serif}.live-home--left{background-color:#000000a6;position:relative}.live-home--left:hover .live-home--left--more__box{opacity:1;transition:opacity .5s ease-in-out}.live-home--right{display:flex;flex-direction:column;background-color:#fff;width:1.5625rem;flex-shrink:0}@media screen and (max-width: 1280px){.live-home--right{width:280px}}.live-home--right .record{height:400px;overflow-y:auto;overflow-x:hidden;position:relative;height:100%;overflow:auto;padding:.0520833333rem .078125rem 0}.live-home--right .record::-webkit-scrollbar{width:4px;border-radius:10px}.live-home--right .record::-webkit-scrollbar-track{border-radius:10px;background-color:#c1cad2}.live-home--right .record::-webkit-scrollbar-thumb{border-radius:10px;background-color:#889098}.live-home--right .record i{line-height:.125rem;color:#8294ce}@media screen and (max-width: 1280px){.live-home--right .record i{font-size:16px}}.live-home--right .record--item{display:flex;margin-bottom:.0885416667rem;cursor:pointer}.live-home--right .record--title{font-size:.0833333333rem}@media screen and (max-width: 1280px){.live-home--right .record--title{font-size:14px}}.live-home--right .record--time{font-size:.0729166667rem;color:#666}@media screen and (max-width: 1280px){.live-home--right .record--time{font-size:12px}}.live-home--right .record--more{color:#4461f7;cursor:pointer;text-align:center;margin-bottom:.078125rem}.live-home--right .record--body{display:flex;flex-direction:column;margin-left:.0520833333rem}.live-home--right .record--body span{line-height:.125rem}.live-home--right .hc-banner{background-color:#2a3754}.live-home--right .tabsStyle{flex:1;overflow:hidden}.live-home--right .el-tabs{height:100%;display:flex;flex-direction:column}.live-home--right .el-tabs__nav-wrap:after{height:0}.live-home--right .el-tabs__item{font-size:.0833333333rem!important;height:.2083333333rem!important;line-height:.2083333333rem!important}@media screen and (max-width: 1280px){.live-home--right .el-tabs__item{font-size:14px!important;height:40px!important;line-height:40px!important}}.live-home--right .el-tabs__item.is-active{color:#4461f7!important}.live-home--right .el-tabs__item.is-active:after{content:"";width:.1302083333rem;border-radius:.0104166667rem;height:.0208333333rem;position:absolute;bottom:0;left:50%;transform:translate(-50%);background-color:#4461f7}.live-home--right .el-tabs__nav{width:100%;display:flex;justify-content:space-evenly}.live-home--right .el-tabs__content{flex:1}.live-home--right .el-tabs__content .el-tab-pane{height:100%}.live-home--center{width:6.6197916667rem;display:flex;flex-direction:column}.live-home--center .hc-player{flex:1;height:0}.live-home--top{flex-shrink:0;background-color:#000;display:flex;align-items:center;justify-content:space-between;padding:0 .1041666667rem;height:.2083333333rem}.live-home--top--title{font-size:.0729166667rem;color:#fff}.live-home--top .info{position:relative;z-index:1111}.live-home--top .info>span{font-size:.0729166667rem;color:#f6f9ff;cursor:pointer}.live-home--top .info>span:hover{color:#fff}.live-home--top .info>span:hover+.info--box{display:inline-block}.live-home--top .info--box{display:none;position:absolute;background-color:#fff;padding:.0520833333rem;width:400px;right:0;top:.15625rem;color:brack}.live-home--bar{flex-shrink:0;background-color:#000;display:flex;align-items:center;justify-content:space-between}.live-home--bar--btns{margin-left:.1666666667rem;display:flex;color:#fafafa}.live-home--bar--btns .hc-icon{font-size:.0833333333rem}.live-home--bar--btns__item{margin-right:.2447916667rem;cursor:pointer}.live-home--bar--btns__item span{font-size:.0729166667rem}.live-home--bar--danmu{margin-right:.2083333333rem}.live-home--bar--danmu .el-input{width:1.8541666667rem;font-size:.0729166667rem}.live-home--bar--danmu .el-input__inner,.live-home--bar--danmu .el-input .el-input-group__append{border:0;background:#383a3b}.live-home--bar--danmu .el-input__inner{border-radius:.09375rem 0 0 .09375rem;color:#fff;height:.1770833333rem}.live-home--bar--danmu .el-input__inner ::placeholder{color:#9a9fa6}.live-home--bar--danmu .el-input .el-input-group__append{border-radius:0 .09375rem .09375rem 0;color:#fff;position:relative;cursor:pointer;font-size:.0833333333rem}.live-home--bar--danmu .el-input .el-input-group__append:after{content:"";position:absolute;width:.0052083333rem;height:.0729166667rem;top:50%;left:0;transform:translateY(-50%);background-color:#707070}.hc-empty{margin-top:.2604166667rem!important}