.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.list-box{margin-left:-20px;padding-top:40px}a{font-weight:400}.list-box .items{position:relative;float:left;width:280px;height:315px;margin-left:20px;margin-bottom:20px;padding-bottom:35px;border:1px solid #f0f0f0;box-sizing:border-box;overflow:hidden}.list-box .items:hover{cursor:pointer}.items .poster{display:block;position:absolute;top:0;left:0;z-index:1;width:100%}.items .live-play-btn{display:block;position:absolute;top:115px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:3;background:url(https://static.igengmei.com/flag-ship/static/images/live/live_play_icon-cdb35c79.png) no-repeat;background-size:100%;width:50px;height:50px}.items .live-info{position:absolute;left:10px;top:10px;z-index:3;width:114px;height:30px;border-radius:15px;background:rgba(255,255,255,.8)}.live-info .live-avatar{display:block;width:20px;height:20px;margin-left:5px;margin-top:5px;border-radius:50%;float:left}.live-info .live-user{margin-left:31px;color:#333;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left top;transform-origin:left top;padding-top:11px;box-sizing:border-box}.live-user .live-nick{display:block;font-size:20px;line-height:20px;width:140px}.live-user .live-online{display:block;font-size:16px;line-height:16px;margin-top:5px}.items .live-hover-mask{display:none;position:absolute;top:0;left:0;z-index:2;width:100%;height:280px;background:rgba(0,0,0,.6)}.items:hover .live-hover-mask,.live-status{display:block}.items:hover{-webkit-animation-name:uk-scale-12;animation-name:uk-scale-12;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes uk-scale-12{0%,100%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes uk-scale-12{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{transform:scale(1)}}.live-status-box{position:absolute;top:15px;right:10px;z-index:3;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:right top;transform-origin:right top}.live-status{position:relative;height:40px;width:120px;line-height:42px;font-size:20px;text-indent:42px;color:#fff;border-radius:40px;border:2px solid #fff}.living::after,.pre::after{content:'';top:50%;left:16px;width:16px;height:16px;border-radius:50%;position:absolute}.living::after{-webkit-transform:translateY(-50%);transform:translateY(-50%);background:#0FD1D5}.pre::after{-webkit-transform:translateY(-50%);transform:translateY(-50%);background:#FF7690}.items .live-title{position:absolute;left:0;bottom:0;height:35px;line-height:35px;text-indent:10px;font-size:14px;color:#464646;width:100%;background:#fff;z-index:2}.live-pre-toast{opacity:0;position:fixed;top:0;left:50%;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);width:190px;height:50px;line-height:50px;text-align:center;color:#4ABAB4;background-color:#F4FFFF;border:1px solid #DFF2F2;border-radius:4px;font-size:14px;z-index:19;background-image:url(https://static.igengmei.com/flag-ship/static/images/live/live_pre_toast_icon-b60f03ef.png);background-repeat:no-repeat;background-position:28px center;background-size:18px 18px;text-indent:28px}.live-pre-toast-animate{-webkit-animation-name:live-pre-animate;animation-name:live-pre-animate;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes live-pre-animate{0%{opacity:1;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}15%,30%,60%,80%{opacity:1;-webkit-transform:translate(-50%,86%);transform:translate(-50%,86%)}100%{opacity:0;-webkit-transform:translate(-50%,86%);transform:translate(-50%,-100%)}}@keyframes live-pre-animate{0%{opacity:1;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}15%,30%,60%{opacity:1;-webkit-transform:translate(-50%,86%);transform:translate(-50%,86%)}80%{display:block;-webkit-transform:translate(-50%,86%);transform:translate(-50%,86%)}100%{opacity:1;-webkit-transform:translate(-50%,86%);transform:translate(-50%,-100%)}}.main-Container .pagination{width:100%}.main-Container .pagination ul{overflow:hidden;width:121px}.main-Container .pagination ul .prev-page{float:left;margin-right:0}.main-Container .pagination ul .next-page{float:right;margin-right:0}