.im-live-recommend-list-page{background:#fff;position:relative}.im-live-recommend-list-page .im-live-recommend-list-page-main-box{width:1200px;padding:20px 0;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start}.im-live-recommend-list-page .im-live-recommend-list-page-main-box .im-live-recommend-list-page-main-box-left{position:relative;width:884px}.im-live-recommend-list-page .im-live-recommend-list-page-main-box .im-live-recommend-list-page-main-box-right{position:relative;width:300px}.im-live-list-left-live-list-top{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.im-live-list-left-live-list-top .im-live-list-left-live-list-top-box{display:flex;justify-content:space-between;align-items:center;width:100%}.im-live-list-left-live-list-top .im-live-list-left-live-list-top-box .im-live-list-left-live-list-top-box-left{width:440px;height:250px}.im-live-list-left-live-list-top .im-live-list-left-live-list-top-box .im-live-list-left-live-list-top-box-right{width:210px;height:250px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.im-live-list-left-live-header{position:relative;height:60px;width:100%;display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid #ececec;margin-bottom:16px}.im-live-list-left-live-header.im-live-list-left-live-header-notLine{height:30px;border-bottom:none}.im-live-list-left-live-header.im-live-list-left-live-header-notLine .im-live-list-left-live-header-left,.im-live-list-left-live-header.im-live-list-left-live-header-notLine .im-live-list-left-live-header-right{margin-bottom:0}.im-live-list-left-live-header .im-live-list-left-live-header-left{display:flex;justify-content:flex-start;align-items:flex-end;margin-bottom:8px}.im-live-list-left-live-header .im-live-list-left-live-header-left .im-live-list-left-live-header-title{font-size:22px;font-weight:700;color:#333;line-height:30px;margin-right:24px}.im-live-list-left-live-header .im-live-list-left-live-header-left .im-live-list-left-live-header-type{font-size:16px;color:#333;line-height:22px;margin-right:24px;cursor:pointer}.im-live-list-left-live-header .im-live-list-left-live-header-left .im-live-list-left-live-header-type.im-live-list-left-live-header-type-select{color:#0056ff}.im-live-list-left-live-header .im-live-list-left-live-header-right{display:flex;justify-content:flex-end;align-items:center;margin-bottom:8px}.im-live-list-left-live-header .im-live-list-left-live-header-right .im-live-list-left-live-header-more{font-size:14px;color:#ccc;line-height:20px}.im-live-detail-left-live-recommend{position:relative;width:100%;display:flex;flex-direction:column;justify-content:flex-start}.im-live-detail-left-live-recommend .im-live-detail-left-live-recommend-list{width:100%;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.im-live-detail-left-live-recommend .im-live-detail-left-live-recommend-list .im-live-list-item:last-child:nth-child(4n-1){margin-right:24.33333%}.im-live-detail-left-live-recommend .im-live-detail-left-live-recommend-list .im-live-list-item:last-child:nth-child(4n-2){margin-right:48.66667%}.im-live-detail-left-live-recommend .im-live-detail-left-live-recommend-btn{width:280px;height:52px;border-radius:4px;border:1px solid #ececec;display:flex;justify-content:center;align-items:center;font-size:14px;color:#828282;line-height:20px;margin:15px auto 0;cursor:pointer}.no-data{width:100%;text-align:center;height:400px;padding:200px 0 0}.im-live-list-item{position:relative;width:204px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin-bottom:32px}.im-live-list-item:hover .im-live-list-item-video .im-live-list-item-video-img{transform:scale(1.12)}.im-live-list-item:hover .im-live-list-item-title{height:38px;-webkit-line-clamp:2}.im-live-list-item:hover .im-live-list-item-time{display:none}.im-live-list-item.im-live-list-item-top1{width:440px;height:250px;margin-bottom:0}.im-live-list-item.im-live-list-item-top1 .im-live-list-item-video,.im-live-list-item.im-live-list-item-top1 .im-live-list-item-video .im-live-list-item-video-img{width:440px;height:250px}.im-live-list-item.im-live-list-item-top1 .im-live-list-item-video .im-live-list-item-list-top-state{width:440px;height:70px}.im-live-list-item.im-live-list-item-top1 .im-live-list-item-video .im-live-list-item-list-top-state .im-live-list-item-list-top-title{font-size:20px;line-height:28px}.im-live-list-item.im-live-list-item-top2{margin-bottom:0;height:120px}.im-live-list-item.im-live-list-item-top3{width:160px;height:120px;margin-bottom:0}.im-live-list-item.im-live-list-item-top3 .im-live-list-item-video,.im-live-list-item.im-live-list-item-top3 .im-live-list-item-video .im-live-list-item-video-img{width:160px;height:90px}.im-live-list-item.im-live-list-item-top3 .im-live-list-item-title{height:20px;-webkit-line-clamp:1}.im-live-list-item.im-live-list-item-right{width:328px}.im-live-list-item.im-live-list-item-right .im-live-list-item-video,.im-live-list-item.im-live-list-item-right .im-live-list-item-video .im-live-list-item-video-img{width:328px;height:184px}.im-live-list-item.im-live-list-item-right .im-live-list-item-right-info{width:328px;height:77px;background:#f8f8f8;padding:8px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.im-live-list-item.im-live-list-item-right .im-live-list-item-right-info .im-live-list-item-right-info-title{height:40px;font-size:15px;font-weight:700;color:#333;line-height:20px;display:-webkit-box;overflow:hidden;/*! autoprefixer: ignore next */-webkit-box-orient:vertical;-webkit-line-clamp:2}.im-live-list-item.im-live-list-item-right .im-live-list-item-right-info .im-live-list-item-right-info-time{font-size:12px;color:#0056ff;line-height:17px;font-weight:700}.im-live-list-item.im-live-list-item-myvideo{width:255px;margin-bottom:0}.im-live-list-item.im-live-list-item-myvideo .im-live-list-item-video,.im-live-list-item.im-live-list-item-myvideo .im-live-list-item-video .im-live-list-item-video-img{width:255px;height:140px}.im-live-list-item.im-live-list-item-myvideo .im-live-list-item-title{height:44px;line-height:22px;margin-bottom:25px;-webkit-line-clamp:2}.im-live-list-item.im-live-list-item-mylive{width:255px;margin-bottom:34px}.im-live-list-item.im-live-list-item-mylive .im-live-list-item-video,.im-live-list-item.im-live-list-item-mylive .im-live-list-item-video .im-live-list-item-video-img{width:255px;height:140px}.im-live-list-item .im-live-list-item-video{width:204px;height:116px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.im-live-list-item .im-live-list-item-video .im-live-list-item-video-img{width:204px;height:116px;transition:all .5s}.im-live-list-item .im-live-list-item-video .im-live-list-item-video-play{width:45px;height:45px;position:absolute;z-index:1}.im-live-list-item .im-live-list-item-video .im-live-list-item-video-state{position:absolute;height:22px;display:flex;justify-content:flex-start;align-items:center}.im-live-list-item .im-live-list-item-video .im-live-list-item-video-state.type-lt{top:0;left:0}.im-live-list-item .im-live-list-item-video .im-live-list-item-video-state.type-time{right:0;bottom:0}.im-live-list-item .im-live-list-item-video .im-live-list-item-video-state .im-live-list-item-video-state-box{height:22px;padding:0 7px;font-size:12px;line-height:22px;color:#fff}.im-live-list-item .im-live-list-item-video .im-live-list-item-video-state .im-live-list-item-video-state-box.type-0{background:#0056ff}.im-live-list-item .im-live-list-item-video .im-live-list-item-video-state .im-live-list-item-video-state-box.type-1{background:#f63c2a}.im-live-list-item .im-live-list-item-video .im-live-list-item-video-state .im-live-list-item-video-state-box.type-2{background:#838a91;padding-left:22px}.im-live-list-item .im-live-list-item-video .im-live-list-item-video-state .im-live-list-item-video-state-box.type-2 .im-live-list-item-video-state-box-img{display:block}.im-live-list-item .im-live-list-item-video .im-live-list-item-video-state .im-live-list-item-video-state-box.type-pop{background:rgba(0,0,0,.5)}.im-live-list-item .im-live-list-item-video .im-live-list-item-video-state .im-live-list-item-video-state-box .im-live-list-item-video-state-box-img{display:none;width:17px;height:17px;position:absolute;top:2px;left:3px}.im-live-list-item .im-live-list-item-video .im-live-list-item-list-top-state{width:210px;height:70px;position:absolute;left:0;bottom:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7));display:flex;justify-content:flex-start;align-items:flex-end}.im-live-list-item .im-live-list-item-video .im-live-list-item-list-top-state .im-live-list-item-list-top-title{margin-left:8px;margin-bottom:8px;color:#fff/*! autoprefixer: ignore next */}.im-live-list-item .im-live-list-item-title,.im-live-list-item .im-live-list-item-video .im-live-list-item-list-top-state .im-live-list-item-list-top-title{width:100%;font-size:14px;line-height:20px;font-weight:700;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.im-live-list-item .im-live-list-item-title{height:20px;margin:8px 0;color:#333/*! autoprefixer: ignore next */}.im-live-list-item .im-live-list-item-time{width:100%;display:flex;justify-content:flex-start;align-items:center}.im-live-list-item .im-live-list-item-time .im-live-list-item-time-box{height:21px;background:#e6f2fd;padding:2px 7px;box-sizing:border-box;font-size:12px;font-weight:700;color:#0056ff;line-height:17px}.im-live-list-item .im-live-list-item-author{width:100%;height:20px;display:flex;justify-content:flex-start;align-items:center}.im-live-list-item .im-live-list-item-author .im-live-list-item-author-img{width:20px;height:20px;border-radius:50%}.im-live-list-item .im-live-list-item-author .im-live-list-item-author-text{font-size:12px;color:#838a91;line-height:20px;margin-left:5px}.im-live-list-right-live-list-player{position:relative;width:100%;background:#fff;border:1px solid #ececec;margin-bottom:16px;box-sizing:border-box}.im-live-detail-right-live-box-title,.im-live-list-right-live-list-player .im-live-list-right-live-list-player-box{width:100%;padding:16px;box-sizing:border-box}.im-live-detail-right-live-box-title{position:relative;height:64px;background:#fff;display:flex;justify-content:flex-start;align-items:center;border-bottom:1px solid #ececec}.im-live-detail-right-live-box-title .im-live-detail-right-live-box-title-text{font-size:18px;font-weight:700;color:#333;line-height:32px;margin-left:8px}.im-live-detail-right-live-box-title .im-live-detail-right-live-box-title-line{width:2px;height:14px;background:#0a7ff2;border-radius:1px}.im-live-detail-right-live-box-title .im-live-detail-right-live-box-title-icon{width:25px;height:25px}.im-live-list-right-live-good-up-item{width:100%;height:65px;display:flex;justify-content:space-between;align-items:flex-start;margin-top:12px}.im-live-list-right-live-good-up-item:hover .im-live-list-right-live-good-up-item-title{color:#0056ff}.im-live-list-right-live-good-up-item .im-live-list-right-live-good-up-item-img{vertical-align:middle;width:56px;height:56px;border-radius:100%;float:left}.im-live-list-right-live-good-up-item .im-live-list-right-live-good-up-item-right{width:200px;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.im-live-list-right-live-good-up-item .im-live-list-right-live-good-up-item-right .im-live-list-right-live-good-up-item-title{font-size:16px;color:#333;font-weight:700;line-height:22px}.im-live-list-right-live-good-up-item .im-live-list-right-live-good-up-item-right .im-live-list-right-live-good-up-item-text{margin-top:2px;font-size:14px;color:#838a91;line-height:20px;display:-webkit-box;overflow:hidden;/*! autoprefixer: ignore next */-webkit-box-orient:vertical;-webkit-line-clamp:2}.attention-author-button{background:#0c7ff2;border:none;border-radius:3px;cursor:pointer;height:30px;width:60px;color:#fff;font-size:14px;line-height:30px;text-align:center}.attention-author-button:hover{background:#0c7ff2}.attention-author-button.active{background:#d5dbe4}.author-info-avatar{position:relative;display:block;height:60px;width:60px}.author-info-avatar img{height:100%;width:100%}.author-info-avatar .avatar-img{border-radius:50%;display:block;height:100%;width:100%;overflow:hidden}.author-info-avatar .avatar-mark{position:absolute;bottom:5px;right:0;display:block;height:18px;width:18px}.author-info-user-name,.author-info-user-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.author-info-user-type{padding:0 6px;border-radius:8px;font-size:14px;height:20px;line-height:20px}.im-live-list-right-join{position:relative;width:300px;height:80px;margin-bottom:16px}.im-live-list-right-join .im-live-list-right-join-box{width:300px;height:80px}.right-download-box{width:100%;height:auto;padding:16px;background:#f8f9fa;border-radius:2px;margin-bottom:20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;box-sizing:border-box}.right-download-box.right-download-box-live{background:#fff;border:1px solid #ececec}.right-download-box.right-download-box-live .right-download-box-btn-box .right-download-box-btn{width:108px}.right-download-box .right-download-box-title{font-size:18px;font-weight:700;color:#333;line-height:28px;margin-bottom:10px}.right-download-box .right-download-box-content{font-size:14px;font-weight:400;color:#333;line-height:20px;margin-bottom:14px}.right-download-box .right-download-box-btn-box{width:100%;display:flex;justify-content:space-between;align-items:center}.right-download-box .right-download-box-btn-box .right-download-box-btn{width:120px;height:40px;border-radius:2px;display:flex;justify-content:center;align-items:center}.right-download-box .right-download-box-btn-box .right-download-box-btn.right-download-box-btn-color1{background:#252c39}.right-download-box .right-download-box-btn-box .right-download-box-btn.right-download-box-btn-color2{background:#0056ff}.right-download-box .right-download-box-btn-box .right-download-box-btn .right-download-box-btn-img{height:20px}.right-download-box .right-download-box-btn-box .right-download-box-btn .right-download-box-btn-text{font-size:15px;color:#fff;line-height:21px}.right-download-box .right-download-box-btn-box .right-download-box-btn-code{width:32px;height:32px;background:url(/build/right-download-code-8ae70fb8.png) no-repeat 50%/100%;position:relative}.right-download-box .right-download-box-btn-box .right-download-box-btn-code:hover .right-download-box-btn-code-show{display:block}.right-download-box .right-download-box-btn-box .right-download-box-btn-code .right-download-box-btn-code-show{position:absolute;top:50px;left:-84px;width:100px;padding:10px;background:#fff;z-index:15;text-align:center;border-radius:10px 10px;display:none}.right-download-box .right-download-box-btn-box .right-download-box-btn-code .right-download-box-btn-code-show .right-download-box-btn-code-show-img{width:100px}