#rubBox,#rubBox ul{overflow-y:scroll;height:3.5rem}#rubBox{font-family:'micscroft yahei';width:100%;box-sizing:border-box}#rubBox ul{width:18rem;font-size:0}#rubBox ul li{width:5.5rem;height:3.5rem;background:url("//images.koolearn.com/shark/project/zt/common/live-card/i/bg.png?48d4f5") center bottom no-repeat;background-size:5.5rem 2.9rem;float:left;margin-left:.3rem;position:relative}#rubBox ul li .live-tit-img{width:1.2rem;height:1.2rem;position:absolute;left:50%;margin-left:-.6rem;top:0;z-index:1;border-radius:.6rem}#rubBox ul li .live-tit-img img{width:100%;height:100%;border-radius:50%}#rubBox ul li .live-tit-img .img-gif{background:rgba(0,0,0,.5);display:none;width:1.2rem;height:1.2rem;position:absolute;left:0;top:0}#rubBox ul li .live-time{width:1.76rem;height:.32rem;background:#cbd0db;margin:0 auto;margin-top:1.3rem;border-radius:.06rem;color:#fff;text-align:center;font-size:.18rem;line-height:.34rem}#rubBox ul li .live-time.watch{background:rgba(254,114,0,.8)}#rubBox ul li .live-content{width:4rem;font-size:.25rem;line-height:.3rem;height:.58rem;margin:0 auto;margin-top:.16rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}#rubBox ul li .live-content.live{color:rgba(254,114,0,.8)}#rubBox ul li .live-num{font-size:.24rem;padding-left:.24rem;line-height:.4rem;position:absolute;bottom:.15rem}#rubBox ul li .live-enter-btn{width:1.4rem;height:.48rem;line-height:.48rem;text-align:center;font-size:.24rem;color:#a0a0a0;border:1px solid #a0a0a0;border-radius:.24rem;position:absolute;right:.2rem;bottom:.14rem}#rubBox ul li .live-enter-btn.SimulationLive{color:#fe7200;border:1px solid #fe7200}.toast{width:4.2rem;height:.73rem;line-height:.3rem;text-align:center;color:#fff;background:rgba(0,0,0,.6);position:fixed;left:50%;top:50%;padding:0 .4rem;padding-top:.15rem;margin-left:-2.55rem;margin-top:.44rem;z-index:99999;border-radius:.44rem;font-size:.28rem}