.livebroadcastdetail{width:100%;height:100%;display:flex;flex-direction:column}.livebroadcastdetail .image-box{width:100%;height:5.512rem;min-height:5.512rem;position:relative;background:#000;overflow:auto}.livebroadcastdetail .image-box .Notstarted-box,.livebroadcastdetail .image-box .Notstarted-box img{width:100%;height:100%}.livebroadcastdetail .image-box .Notstarted-box .Notstarted{width:100%;height:1.333333rem;position:absolute;background:rgba(0,0,0,.3);left:0;top:0;right:0;bottom:0;margin:auto;text-align:center;line-height:1.333333rem;color:#fff}.livebroadcastdetail .image-box .live-box{width:100%;height:100%;position:relative}.livebroadcastdetail .image-box .live-box .LiveplaybackItem-top-live-title{width:100%;height:1.066667rem;position:absolute;top:0;left:0;padding-top:.266667rem}.livebroadcastdetail .image-box .live-box .LiveplaybackItem-top-live-title li:first-child{width:1.76rem;height:.533333rem;background:#e94709;color:#fff;float:left;font-style:normal;text-align:center;line-height:.56rem;font-size:.293333rem;transform:scale(1)}.livebroadcastdetail .image-box .live-box .LiveplaybackItem-top-live-title li:first-child i:first-child{font-size:.293333rem}.livebroadcastdetail .image-box .live-box .LiveplaybackItem-top-live-title li:nth-child(2){height:.533333rem;background:rgba(0,0,0,.5);color:#fff;float:left;font-style:normal;text-align:center;line-height:.56rem;transform:scale(1);padding-left:.266667rem;padding-right:.266667rem}.livebroadcastdetail .nav{width:100%;height:1.6rem;min-height:1.6rem;display:flex;border-bottom:.026667rem solid #e9e7e7;margin:0 auto}.livebroadcastdetail .nav li{flex:1;text-align:center;line-height:1.6rem;display:flex;align-items:center;justify-content:center;position:relative}.livebroadcastdetail .nav li .defaultspan{font-size:.426667rem}.livebroadcastdetail .nav li .defaultspan,.livebroadcastdetail .nav li .selectspan{display:inline-block;width:2.266667rem;height:100%;position:absolute;bottom:-.026667rem}.livebroadcastdetail .nav li .selectspan{border-bottom:.08rem solid #e94709;font-size:.48rem;font-weight:700}.livebroadcastdetail .nav-content-box{width:100%;height:60%;overflow:auto}.livebroadcastdetail .nav-content-box .nav-content{width:100%;height:100%}.livebroadcastdetail .nav-content-box .nav-content .Liveintroduction-box{width:100%;padding-top:.4rem;padding-left:.533333rem;display:flex;flex-direction:column}.livebroadcastdetail .nav-content-box .nav-content .Liveintroduction-box li{width:100%;height:.533333rem;margin:.266667rem auto;line-height:.533333rem}.livebroadcastdetail .nav-content-box .nav-content .Liveintroduction-box li span{display:block;float:left;color:#666;font-size:.373333rem;margin-right:.266667rem}.livebroadcastdetail .nav-content-box .nav-content .Liveintroduction-box li h3{float:left;font-size:.373333rem;font-weight:500}.livebroadcastdetail .nav-content-box .nav-content .Commentinteraction-box{width:100%;height:100%;background:#f4f4f4;overflow-y:hidden;-webkit-overflow-scrolling:touch}.livebroadcastdetail .nav-content-box .nav-content .Commentinteraction-box .LiveNotstarted-box{width:100%;height:100%;text-align:center;line-height:10.933333rem;box-sizing:border-box;background:#fff}.livebroadcastdetail .nav-content-box .nav-content .Commentinteraction-box .Commentinteraction-box-content{width:100%;height:89%;display:flex;flex-direction:column;padding-top:.4rem;padding-left:.533333rem;padding-right:.533333rem;background:#fff;word-wrap:break-word;overflow:auto}.livebroadcastdetail .nav-content-box .nav-content .Commentinteraction-box .Commentinteraction-box-content .van-loading__text{text-align:center!important;display:block;height:.8rem;line-height:.4rem}.livebroadcastdetail .nav-content-box .nav-content .Commentinteraction-box .Commentinteraction-box-content ::-webkit-scrollbar{display:none}.livebroadcastdetail .nav-content-box .nav-content .Commentinteraction-box .Commentinteraction-box-content span{display:block;width:100%;font-size:.373333rem;margin:.266667rem auto;text-align:left;word-wrap:break-word;line-height:.666667rem}.livebroadcastdetail .nav-content-box .nav-content .Commentinteraction-box .Commentinteraction-box-content span i{display:block;height:.426667rem;float:left;color:#ff000f;font-style:normal}.livebroadcastdetail .nav-content-box .nav-content .Commentinteraction-box .Commentinteraction-box-content .van-pull-refresh{overflow:auto;height:100%;width:100%}.livebroadcastdetail .nav-content-box .nav-content .Commentinteraction-box .publish-box{height:1.6rem;min-height:1.6rem;padding-left:.4rem;padding-top:.133333rem}.livebroadcastdetail .nav-content-box .nav-content .Commentinteraction-box .publish-box input{width:7.466667rem;height:.8rem;border:none;border-radius:.133333rem;padding-left:.266667rem}.livebroadcastdetail .nav-content-box .nav-content .Commentinteraction-box .publish-box button{margin-left:.266667rem;width:1.466667rem;height:.8rem;background:#e94709;color:#fff;border:none;border-radius:.133333rem}.livebroadcastdetail .vjs-big-play-button{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto}