@charset "utf-8";
/**
 * @Source ../../static/home/css/game/app.css
 */
.live-match,.live-match .live-match-box{position:relative}.qie-component-live-item .qie-live-list .game-info .game-title h3,.qie-component-live-item .qie-live-list .game-info p,.qie-component-live-item .qie-live-list .game-info p .host-name{word-break:keep-all;white-space:nowrap;word-wrap:normal;overflow:hidden;text-overflow:ellipsis}.live-match{padding-top:12px;background:#f5f5f5}.live-match .hot-match-icon{display:block;background:url(../../res/game/hot-game.png)}.live-match #pack-up-btn{width:74px;height:22px;padding:0 11px 0 15px;left:50%;margin-left:-50px;position:absolute;bottom:-22px;background-position:-23px -170px;cursor:pointer;z-index:9}.live-match #pack-up-btn .open-match{height:22px;line-height:22px;font-size:12px;color:#666;text-align:right;display:block}.live-match #pack-up-btn .open-match .arrow-down{width:22px;height:22px;background-position:-58px -130px}.live-match #pack-up-btn:hover .open-match{color:#f55}.live-match #pack-up-btn:hover .arrow-down{background-position:-115px -130px}.live-match #pack-up-btn .close-match{height:22px;line-height:22px;font-size:12px;color:#666;text-align:right;display:none}.live-match #pack-up-btn .close-match .arrow-up{margin-right:12px;width:22px;height:22px;background-position:-28px -130px}.live-match #pack-up-btn:hover .close-match{color:#f55}.live-match #pack-up-btn:hover .arrow-up{background-position:-85px -130px}.live-match #hot-match-box{height:0;overflow:hidden;transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s}.live-match.is-open-match #hot-match-box{display:block;padding-top:8px;height:130px;padding-bottom:20px}.live-match.is-open-match #pack-up-btn .open-match{display:none}.live-match.is-open-match #pack-up-btn .close-match{display:block}.live-match.is-open-match .hot-match-icon{display:none}.live-match.is-open-match:hover .hot-match-icon{display:block}.live-match .qie-component-match-hot .inner{padding:5px 0 10px}.live-match .qie-component-match-hot .next,.live-match .qie-component-match-hot .prev{border:1px solid #efefef;width:23px;height:128px;background:#fff}.live-match .qie-component-match-hot .next.enable:hover,.live-match .qie-component-match-hot .prev.enable:hover{background:#efefef}.live-match .qie-component-match-hot .next a,.live-match .qie-component-match-hot .prev a{background:url(../../res/game/hot-game.png)}.live-match .qie-component-match-hot .prev a{background-position:-28px -76px}.live-match .qie-component-match-hot .prev.enable:hover a{background-position:-53px -76px}.live-match .qie-component-match-hot .next a{background-position:-80px -76px}.live-match .qie-component-match-hot .next.enable:hover a{background-position:-104px -76px}.live-match .qie-component-match-hot .inner li .main{border:1px solid #efefef;height:128px;background:#fff}.live-match .qie-component-match-hot .inner li .main:hover{background:#fff!important;box-shadow:0 1px 5px 0 #ddd}.live-match .qie-component-match-hot .head{border-bottom:1px solid #efefef;color:#666}.live-match .qie-component-match-hot .appointment .time,.live-match .qie-component-match-hot .inner li.act .main .info .row .name,.live-match .qie-component-match-hot .inner li.rel .main .info .row .name,.live-match .qie-component-match-hot .row .name{color:#333}.qie-component-match-hot .inner li.act .rel-name,.qie-component-match-hot .inner li.end .row .score,.qie-component-match-hot .inner li.rel .rel-name{color:#333!important}.rotate-one{animation:circle 1s infinite linear;-webkit-animation:circle 1s infinite linear}.waiting-box{height:400px;background:#fff}.waiting-box .waiting-img{position:relative;margin:-32px auto auto;top:50%;width:64px;height:64px;display:block;background:#fff}#live-box{background:#fff}#live-box #new-live-box{width:100%;margin-bottom:15px}#live-box .live-title{margin:10px 20px;height:50px;line-height:50px;border-bottom:1px solid #efefef}#live-box .live-title .live-tips-h4{font-size:17px;color:#333;padding-botoom:14px}#live-box .live-title .live-tips-icon{margin-top:4px;margin-left:5px;line-height:18px;font-family:Impact;font-size:18px;color:#e2e2e2;text-align:left;padding-bottom:14px}#live-box .live-title .change-btn{position:relative;margin-left:20px;padding-left:20px;padding-right:2px;padding-botoom:14px;color:#666;font-size:12px;line-height:22px;width:48px;height:22px;border:1px solid #efefef;background:#fff;display:block;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#live-box .live-title .change-btn i{position:absolute;display:block;width:20px;height:20px;top:1px;left:5px;background:url(../../res/game/hot-game.png) -32px -208px}#live-box .live-title .change-btn:hover{background:#efefef}#live-box .live-title .type-nav{margin-left:50px;margin-top:6px}#live-box .live-title .type-nav li{float:left;margin-right:42px}#live-box .live-title .type-nav li a{font-size:12px;color:#666;line-height:14px;height:14px;padding-bottom:14px;display:block}#live-box .live-title .type-nav li a:hover{color:#ff5655}#live-box .live-title .type-nav li a.cur{color:#ff5655;border-bottom:2px solid #ff5655}#live-box .type-live-ul{margin-bottom:20px;padding:0px 20px;}.no-list-box{position:relative}.no-list-box .no-list{width:340px;height:180px;margin:150px auto 100px}.no-list-box .no-list .no-list-bg{margin:auto;width:148px;height:120px;background:url(../../res/game/cry.png) center no-repeat}.no-list-box .no-list p{margin-top:20px;line-height:16px;font-size:16px;color:#282828;text-align:center}@-moz-keyframes circle{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes circle{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-o-keyframes circle{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes circle{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.qie-component-live-item .transition-3{transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.qie-component-live-item .qie-live-list{margin-top:20px;width:305px}.qie-component-live-item .qie-live-list a{position:relative;display:block;margin-right:20px;font-size:0}.qie-component-live-item .qie-live-list .is-living,.qie-component-live-item .qie-live-list .is-video{height:24px;position:absolute;z-index:3;top:-8px;text-align:right;line-height:24px;color:#fff;display:block;right:0}.qie-component-live-item .qie-live-list .is-living{width:70px;background:url(../../../component/livelist/index/res/live-type.png) -6px -8px;padding-right:8px;font-size:12px}.qie-component-live-item .qie-live-list .is-video{width:55px;background:url(../../../component/livelist/index/res/live-type.png) -6px -51px;padding-right:23px;font-size:12px}.qie-component-live-item .qie-live-list .img-box{position:relative;overflow:hidden;width:100%}.qie-component-live-item .qie-live-list .img-box .mask .mask-bg{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background-size:100% 100%;opacity:1}.qie-component-live-item .qie-live-list .img-box .mask i{position:absolute;z-index:2;width:50px;height:50px;top:50%;left:50%;margin-top:-25px;margin-left:-25px;background-image:url(./play-bj.png);background-repeat:no-repeat;-webkit-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);display:block;opacity:0}.qie-component-live-item .qie-live-list .img-box img{border:0;width:100%;transition:transform .3s;-moz-transition:transform .3s;-webkit-transition:transform .3s;-o-transition:transform .3s;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.qie-component-live-item .qie-live-list .img-box .type-label{position:absolute;z-index:2;right:0;bottom:0;background:url(./blackbg.png);min-width:47px;height:24px;line-height:24px;padding:0 9px;display:block;font-size:12px;color:#fff;text-align:center}.qie-component-live-item .qie-live-list .img-box .special-label{position:absolute;z-index:2;left:0;top:0;color:#fff;text-align:center;line-height:20px;font-size:12px}.qie-component-live-item .qie-live-list .img-box .special-label .vip-label{display:block;background:#ff8f00;width:45px;height:20px}.qie-component-live-item .qie-live-list .img-box .special-label .other-label{background:#4a83fb;min-width:30px;height:20px;padding:0 12px}.qie-component-live-item .qie-live-list .game-info{position:relative;overflow:hidden;height:40px;padding:10px 0 10px 10px}.qie-component-live-item .qie-live-list .game-info .host-img{display:block;position:absolute;left:0;top:10px}.qie-component-live-item .qie-live-list .game-info .host-img img{width:41px;height:41px;border-radius:50%}.qie-component-live-item .qie-live-list .game-info .host-img .host-auth{position:absolute;display:block;z-index:1;width:17px;height:19px;right:0;top:26px;background:url(../../../component/livelist/index/res/list-auth.png) center center no-repeat}.qie-component-live-item .qie-live-list .game-info .game-title{position:relative}.qie-component-live-item .qie-live-list .game-info .game-title h3{font-size:14px;color:#333;font-weight:500}.qie-component-live-item .qie-live-list .game-info p{position:relative;margin-top:3px;font-size:0;padding-right:70px}.qie-component-live-item .qie-live-list .game-info p .host-name{width:50%;background:0 0;padding-left:0;display:inline-block;color:#8d93a1;font-size:12px}.qie-component-live-item .qie-live-list .game-info p .qie-num{position:absolute;right:0;z-index:1;display:inline-block;vertical-align:middle;padding-left:15px;color:#8d93a1;font-size:12px;margin-left:5px;overflow:hidden;text-overflow:ellipsis;letter-spacing:normal;word-spacing:normal}.qie-component-live-item .qie-live-list a:hover .mask .mask-bg{opacity:0}.qie-component-live-item .qie-live-list a:hover .mask i{-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);opacity:1}.qie-component-live-item .qie-live-list a:hover .game-title h3{color:#ff3f16}#changeContent.x1 .qie-live-list{width:100%}#changeContent.x2 .qie-live-list{width:50%}#changeContent.x3 .qie-live-list{width:33.3333%}#changeContent.x4 .qie-live-list{width:25%}#changeContent.x5 .qie-live-list{width:20%}#changeContent.x6 .qie-live-list{width:16.6666%}#changeContent.x7 .qie-live-list{width:14.2857%}#changeContent.x8 .qie-live-list{width:12.5%}#changeContent.x9 .qie-live-list{width:11.1111%}#changeContent.x10 .qie-live-list{width:10%}#changeContent.host-img-hide .qie-live-list .game-info{padding-left:10px}#changeContent.host-img-hide .qie-live-list .game-info .host-img{display:none}#changeContent .set-fixed-high{overflow:hidden}.qie-component-live-item .qie-live-list .mask i,.qie-component-live-item .qie-live-list a:hover .mask-bg{filter:alpha(opacity=0)}.qie-component-live-item .qie-live-list .mask-bg,.qie-component-live-item .qie-live-list a:hover .mask i{filter:alpha(opacity=100)}.qie-component-live-item .qie-live-list .mask-bg{*background:#000;filter:alpha(opacity=30)}.qie-component-match-hot{width:100%;position:relative;height:130px}.qie-component-match-hot .next,.qie-component-match-hot .prev{position:absolute;z-index:1;width:25px;background:#333;height:130px;top:0;cursor:default}.qie-component-match-hot .next i,.qie-component-match-hot .prev i{display:block;width:14px;height:20px;// background:url(../../../common/res/qie-ued-icon.png) -355px -333px no-repeat;background:url(../../res/index/index-icon.png) -13px -25px no-repeat;margin:57px 6px;cursor:default}.qie-component-match-hot .next.enable,.qie-component-match-hot .next.enable i,.qie-component-match-hot .prev.enable,.qie-component-match-hot .prev.enable i{cursor:pointer}.qie-component-match-hot .prev{left:0}.qie-component-match-hot .prev i{background-position:-13px -25px}.qie-component-match-hot .next.enable:hover,.qie-component-match-hot .prev.enable:hover{// background-position:-355px -373px;background-color:#444}.qie-component-match-hot .prev.enable:hover i{// background-position:-355px -373px}.qie-component-match-hot .next{right:0}.qie-component-match-hot .next i{background-position:-43px -25px}.qie-component-match-hot .next.enable:hover i{// background-position:-400px -373px}.qie-component-match-hot .inner{height:130px;overflow:hidden}.qie-component-match-hot .inner ul{position:absolute;top:0;left:0;white-space:nowrap}.qie-component-match-hot .inner li .main{background:#252525;width:209px;height:130px;position:relative}.qie-component-match-hot .inner li{cursor:pointer;position:relative;font-size:12px;letter-spacing:normal;word-spacing:normal;vertical-align:top;width:auto;padding-right:10px;margin-right:0}.qie-component-match-hot .inner li.more .main{width:100px}.qie-component-match-hot .inner li.more .main .icon-match{width:30px;height:28px;margin:0 auto;position:relative;top:41px;background:url(./icon.png) -29px -27px no-repeat}.qie-component-match-hot .inner li.more .main .all{color:#666;position:relative;top:53px;text-align:center}.qie-component-match-hot .inner li.more .main:hover .icon-match{background-position:-87px -27px}.qie-component-match-hot .inner li .main:hover,.qie-component-match-hot .inner li.act .main:hover,.qie-component-match-hot .inner li.end .main:hover,.qie-component-match-hot .inner li.live .main:hover{background:#333}.qie-component-match-hot .inner li.more .main:hover .all{color:#ff5655}.qie-component-match-hot .inner li.act .main .info .row,.qie-component-match-hot .inner li.rel .main .info .row{color:#fff;margin-left:16px;line-height:25px;overflow:hidden;text-overflow:ellipsis;height:25px;display:block}.qie-component-match-hot .inner li.act .main .info .row .name,.qie-component-match-hot .inner li.rel .main .info .row .name{font-size:14px;line-height:25px;color:#fff;display:block;width:100%;white-space:nowrap;word-wrap:normal}.qie-component-match-hot .inner li.act .main .info .row .desc,.qie-component-match-hot .inner li.rel .main .info .row .desc{color:#999;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;display:block}.qie-component-match-hot .inner li.act .main .info .appointment,.qie-component-match-hot .inner li.act .main:hover .info .score,.qie-component-match-hot .inner li.end .main .info .appointment,.qie-component-match-hot .inner li.end .main:hover .info .score,.qie-component-match-hot .inner li.live .main .info .appointment,.qie-component-match-hot .inner li.live .main:hover .info .score{display:none}.qie-component-match-hot .inner li.act .main .info,.qie-component-match-hot .inner li.rel .main .info{height:70px;position:relative;top:15px;overflow:hidden}.qie-component-match-hot .inner li.act .rel-name,.qie-component-match-hot .inner li.rel .rel-name{color:#fff;width:139px;margin-left:16px;font-size:14px;line-height:25px;white-space:normal;word-break:break-all;word-wrap:break-word}.qie-component-match-hot .inner li.act .rel-score,.qie-component-match-hot .inner li.rel .rel-score{width:0;height:50px}.qie-component-match-hot .inner li.act .c,.qie-component-match-hot .inner li.rel .c{vertical-align:middle}.qie-component-match-hot .inner li.end .rel-name{width:196px}.qie-component-match-hot .inner li.act .main:hover .info .rel-name,.qie-component-match-hot .inner li.act .main:hover .info .row,.qie-component-match-hot .inner li.end .main:hover .info .rel-name,.qie-component-match-hot .inner li.end .main:hover .info .row,.qie-component-match-hot .inner li.live .main:hover .info .rel-name,.qie-component-match-hot .inner li.live .main:hover .info .row{width:139px}.qie-component-match-hot .inner li.act .main:hover .info .appointment.view,.qie-component-match-hot .inner li.end .main:hover .info .appointment.view,.qie-component-match-hot .inner li.live .main:hover .info .appointment.view{display:block;width:58px}.qie-component-match-hot .inner li.act .main:hover .info .appointment.view .btn,.qie-component-match-hot .inner li.end .main:hover .info .appointment.view .btn,.qie-component-match-hot .inner li.live .main:hover .info .appointment.view .btn{width:56px;margin-top:13px;font-size:12px;letter-spacing:normal;word-spacing:normal}.qie-component-match-hot .inner li.act .row .score,.qie-component-match-hot .inner li.end .row .score,.qie-component-match-hot .inner li.live .row .score{font-size:12px}.qie-component-match-hot .inner li.act .main .info .appointment,.qie-component-match-hot .inner li.rel .main .info .appointment{top:0;display:block}.qie-component-match-hot .inner li.act.end .main .info .appointment,.qie-component-match-hot .inner li.act.end:hover .info .score,.qie-component-match-hot .inner li.act.live .main .info .appointment,.qie-component-match-hot .inner li.act.live:hover .info .score,.qie-component-match-hot .inner li.rel.end .main .info .appointment,.qie-component-match-hot .inner li.rel.end:hover .info .score,.qie-component-match-hot .inner li.rel.live .main .info .appointment,.qie-component-match-hot .inner li.rel.live:hover .info .score{display:none}.qie-component-match-hot .inner li.act .main .info .row,.qie-component-match-hot .inner li.rel .main .info .row{width:190px;overflow:hidden;}.qie-component-match-hot .inner li.act.end .main .info .rel-name,.qie-component-match-hot .inner li.act.end .main .info .row,.qie-component-match-hot .inner li.act.live .main .info .rel-name,.qie-component-match-hot .inner li.act.live .main .info .row,.qie-component-match-hot .inner li.rel.end .main .info .rel-name,.qie-component-match-hot .inner li.rel.end .main .info .row,.qie-component-match-hot .inner li.rel.live .main .info .rel-name,.qie-component-match-hot .inner li.rel.live .main .info .row{width:196px}.qie-component-match-hot .inner li.act.end:hover .info .rel-name,.qie-component-match-hot .inner li.act.end:hover .info .row,.qie-component-match-hot .inner li.act.live:hover .info .rel-name,.qie-component-match-hot .inner li.act.live:hover .info .row,.qie-component-match-hot .inner li.rel.end:hover .info .rel-name,.qie-component-match-hot .inner li.rel.end:hover .info .row,.qie-component-match-hot .inner li.rel.live:hover .info .rel-name,.qie-component-match-hot .inner li.rel.live:hover .info .row{width:139px}.qie-component-match-hot .inner li.act.end:hover .info .appointment.view,.qie-component-match-hot .inner li.act.live:hover .info .appointment.view,.qie-component-match-hot .inner li.rel.end:hover .info .appointment.view,.qie-component-match-hot .inner li.rel.live:hover .info .appointment.view{display:block;width:58px}.qie-component-match-hot .inner li.act.end:hover .info .appointment.view .btn,.qie-component-match-hot .inner li.act.live:hover .info .appointment.view .btn,.qie-component-match-hot .inner li.rel.end:hover .info .appointment.view .btn,.qie-component-match-hot .inner li.rel.live:hover .info .appointment.view .btn{width:56px;margin-top:13px;font-size:12px;letter-spacing:normal;word-spacing:normal}.qie-component-match-hot .inner li.live .info .appointment.view .btn{border-color:#ff5655;color:#ff5655}.qie-component-match-hot .inner li.live .info .appointment.view .btn:hover{background:#ff5655;color:#fff}.qie-component-match-hot .inner li.live .head span.fr,.qie-component-match-hot .inner li.live .row .score{color:#ff5655}.qie-component-match-hot .head{padding:0;margin:0;height:29px;line-height:29px;border-bottom:1px solid #222;color:#999}.qie-component-match-hot .head span{width:140px}.qie-component-match-hot .head span.fl{text-align:left;float:left;margin-left:16px}.qie-component-match-hot .head span.fr{text-align:right;float:right;margin-right:10px}.qie-component-match-hot .info{position:relative}.qie-component-match-hot .appointment{position:absolute;width:50px;right:10px;height:50px;top:25px}.qie-component-match-hot .appointment .time{text-align:center;color:#fff;line-height:21px}.qie-component-match-hot .appointment .btn{width:48px;height:23px;border:1px solid #6a94eb;line-height:23px;color:#6a94eb;text-align:center}.qie-component-match-hot .appointment .btn.active,.qie-component-match-hot .appointment .btn:hover{background-color:#4a83fb;border-color:#4a83fb;color:#fff}.qie-component-match-hot .row{height:50px}.qie-component-match-hot .row .logo{width:50px;height:50px}.qie-component-match-hot .row .logo img{width:100%;height:100%;border:0}.qie-component-match-hot .row .name{line-height:50px;color:#fff;width:112px;overflow:hidden;text-overflow:ellipsis}.qie-component-match-hot .row .score{width:50px;font-size:0;text-align:right;color:#fff;line-height:50px}