@charset "utf-8";
/**
 * @Source ../../static/match/css/index/app.css
 */
.match-nav .category,.schedule .anchorboard .anchor .name,.schedule .scoreboard .teamName,.schedule .timeboard-head .category{text-overflow:ellipsis;white-space:nowrap}body,html{background:#f5f5f5!important;overflow-x:hidden}a{color:#333}#header{position:fixed;top:0;z-index:10}.match-container{margin:auto;width:1200px;position:relative;overflow:hidden}.loading{height:400px;margin:100px 0;border:1px solid #f0f0f0;background-color:#fff;background-image:url(../../../common/res/waiting.gif);background-repeat:no-repeat;background-position:center}.match-content{width:940px;margin-top:80px;position:relative}.f14{font-size:14px}.timebox{height:58px;width:940px;padding-top:8px;position:fixed;background:#f5f5f5!important;top:134px;z-index:5}.timebox .timebox-content{position:relative;height:100%;background:#fff;border:1px solid #efefef}.timebox .timebox-body{padding:4px 0;height:46px;overflow:hidden;position:absolute;left:21px;right:21px}.timebox .timebox-body .timebox-list{position:absolute}.timebox .timebox-body .timebox-list-item{width:108px;margin:0 10px;height:50px;text-align:center;cursor:pointer}.timebox .timebox-body .timebox-list-item.active,.timebox .timebox-body .timebox-list-item:hover{background:#fdd;border-radius:2px}.pic,.timebox .timebox-btn{background-image:url(../../res/btn.png);background-repeat:no-repeat}.timebox .timebox-body .timebox-list-item.active .count,.timebox .timebox-body .timebox-list-item.active .time,.timebox .timebox-body .timebox-list-item.active .week,.timebox .timebox-body .timebox-list-item:hover .count,.timebox .timebox-body .timebox-list-item:hover .time,.timebox .timebox-body .timebox-list-item:hover .week{color:#ff5655;letter-spacing:0}.timebox .timebox-body .timebox-list-item.active .time,.timebox .timebox-body .timebox-list-item:hover .time{display:none}.timebox .timebox-body .timebox-list-item.active .count,.timebox .timebox-body .timebox-list-item:hover .count,.timebox .timebox-body .timebox-list-item:hover .time{display:block}.timebox .timebox-body .timebox-list-item .count,.timebox .timebox-body .timebox-list-item:hover .count{display:none}.timebox .timebox-body .timebox-list-item .week{margin:8px 0;font-size:14px;line-height:14px;color:#333}.timebox .timebox-body .timebox-list-item .count,.timebox .timebox-body .timebox-list-item .time{font-size:14px;line-height:14px;color:#666}.timebox .timebox-btn{width:20px;height:100%;position:absolute;cursor:pointer}.timebox .timebox-btn:hover{background-color:#efefef}.timebox .timebox-btn.prev{top:0;left:0;background-position:4px 20px;border-right:1px solid #efefef}.timebox .timebox-btn.next{top:0;right:0;background-position:-44px 20px;border-left:1px solid #efefef}.pic{width:56px;height:56px}.pic.online,.pic.verified{width:15px;vertical-align:sub}.pic.noAnchor{background-position:2px -298px}.pic.noVideo{background-position:0 -181px}.pic.online{padding-right:4px;height:15px;background-position:0 -57px}.pic.verified{height:17px;padding-right:2px;background-position:-53px -53px}.pic.video{background-position:0 -125px}.pic.video:hover{filter:grayscale(.1);filter:'progid:DXImageTransform.Microsoft.BasicImage(grayscale=0.1)'}.schedule{margin-top:140px;margin-bottom:205px}.schedule .schedule-wrap{position:relative}.schedule .schedule-footer{margin-top:20px}.schedule .schedule-footer .btn{border:1px solid #efefef;width:458px;height:38px;line-height:38px;cursor:pointer;text-align:center;font-size:12px;background-color:#fff}.schedule .schedule-footer .btn.blocked{color:#999;cursor:default}.schedule .schedule-footer .btn.next{margin-left:20px}.schedule .schedule-footer .btn:hover{background-color:#fafafa;color:#ff5655}.schedule .schedule-footer .btn:hover .prev{background-position:-127px -290px}.schedule .schedule-footer .btn:hover .next{background-position:-57px -290px}.schedule .schedule-footer .btn:active{background-color:#efefef}.schedule .schedule-time{height:20px;margin-top:40px;margin-bottom:20px;padding-left:8px;line-height:1;color:#333;font-size:20px;border-left:4px solid #ff5655;font-weight:600}.schedule .item{height:129px;border:1px solid #efefef;border-top-width:0;overflow:hidden;background:#fff}.schedule .item:hover{background-color:#f9f9f9}.schedule .item.endPlay .timeboard-body .time{color:#333}.schedule .item.endPlay .timeboard-head{color:#666}.schedule .item.endPlay .scoreboard{color:#333;cursor:pointer}.schedule .scoreboard{width:208px;height:100px;position:relative;overflow:hidden;vertical-align:top;margin-top:-6px;cursor:pointer}.schedule .scoreboard .teamIcon{width:50px;height:50px;margin-right:10px;vertical-align:middle;border-radius:50%}.schedule .scoreboard .highLight{color:#ff5655;background-color:#ffe7e7}.schedule .scoreboard .cont-wrap{position:relative;margin:0 20px 0 10px}.schedule .scoreboard .desc{color:#666;background:#f5f5f5;padding:4px 7px;margin-top:4px}.schedule .scoreboard .desc.highLight{color:#ff5655;background:#fdd}.schedule .scoreboard .teamName{vertical-align:middle;width:112px;font-size:16px;overflow:hidden}.schedule .scoreboard .e{overflow:hidden;width:1px;height:1px;font-size:0}.schedule .scoreboard .score{width:36px;overflow:hidden;white-space:nowrap;font-size:18px;vertical-align:middle;text-align:right}.schedule .scoreboard .score.red{color:#ff5655}.schedule .scoreboard .score.gray{color:#ccc}.schedule .scoreboard .title{font-size:16px;letter-spacing:0;width:200px}.schedule .scoreboard .content{width:200px;vertical-align:middle}.schedule .timeboard-head{padding-left:18px;height:34px;line-height:34px;color:#666}.schedule .timeboard-head .category{width:140px;overflow:hidden}.schedule .timeboard-head .category .label{margin-left:10px}.schedule .timeboard-head .onlineNum{width:40px;height:15px;background:url(../../res-sprite.png) -191px -98px no-repeat;padding-left:20px;overflow:hidden;line-height:1.5}.schedule .timeboard{width:104px;padding:12px 18px 0;position:relative;vertical-align:top}.schedule .timeboard .timeboard-body .time{font-size:24px;line-height:1;margin-bottom:16px}.schedule .timeboard .timeboard-body .btn{width:60px;height:24px;line-height:24px;border:1px solid transparent;text-align:center;cursor:pointer;color:#fff}.schedule .timeboard .timeboard-body .btn.disorder{background:#fff;border-color:#4782fb;color:#4782fb}.schedule .timeboard .timeboard-body .btn.disorder:hover,.schedule .timeboard .timeboard-body .btn.ordered{background-color:#5083fb;background-image:linear-gradient(-136deg,#2e8dfd 0,#5083fb 100%);box-shadow:0 1px 3px 0 #93caff}.schedule .timeboard .timeboard-body .btn.disorder:hover{color:#fff}.schedule .timeboard .timeboard-body .btn.playing{background-color:#ff5655;background-image:linear-gradient(-135deg,#ff6e55 0,#ff5655 100%);box-shadow:0 1px 3px 0 #ff9b9b}.schedule .timeboard .timeboard-body .btn.endPlay,.schedule .timeboard .timeboard-body .btn.preplay{color:#999;border-color:#e2e2e2;cursor:default}.schedule .anchorboard{vertical-align:top;margin-top:-8px}.schedule .anchorboard .program{overflow:hidden}.schedule .anchorboard .program .title{font-size:18px;color:#333;height:30px}.schedule .anchorboard .program .content{color:#666}.schedule .anchorboard .program .arrow{border-width:6px;border-style:solid;border-color:transparent #efefef transparent transparent;position:relative}.schedule .anchorboard .program .arrow div{position:absolute;right:-7px;top:-6px;border-width:6px;border-style:solid;border-color:transparent #f9f9f9 transparent transparent}.schedule .anchorboard .program .text{padding:5px 12px;line-height:15px;width:400px;background:#f9f9f9;border:1px solid #efefef}.schedule .anchorboard .program .review{margin-left:12px;width:80px;height:20px;line-height:20px;text-align:center;margin-top:10px;background-color:#fff;border:1px solid #efefef;cursor:pointer}.schedule .anchorboard .program .review:hover{background:#ff5655;border-color:#ff5655;color:#fff}.schedule .anchorboard .mask{width:50px;height:50px;line-height:50px;vertical-align:middle;overflow:hidden;border-radius:50%;background-color:#000;opacity:.69;position:absolute;top:0;left:28px;display:none;color:#fff;white-space:nowrap;text-align:center}.schedule .anchorboard .w:hover .mask,.type-title:hover .showall{display:block}.schedule .anchorboard .anchor{position:relative;width:106px}.schedule .anchorboard .anchor.num-2{border-right-width:0}.schedule .anchorboard .anchor .head{width:50px;height:50px;border-radius:50%;margin-left:28px}.schedule .anchorboard .anchor .name{margin-top:5px;overflow:hidden;text-align:center;color:#666}.schedule .anchorboard .anchor .live{position:absolute;top:42px;left:35px;padding:2px 5px;height:7px;width:25px;border-radius:10px;line-height:1;color:#fff;background-color:#ff5655;background-image:url(../../res/btn.png);background-repeat:no-repeat;background-position:-40px -86px;box-shadow:0 1px 3px 0 #ffc6bd}.schedule .anchorboard .anchor .text{vertical-align:middle}.schedule .anchorboard .anchor-list{padding-left:24px;overflow:hidden}.schedule .anchorboard .anchor-list.program .content{overflow:hidden;vertical-align:middle}.schedule .anchorboard .anchor-list.anchors-0,.schedule .anchorboard .anchor-list.anchors-1{padding-left:50px;color:#333;font-size:12px;letter-spacing:0;padding-top:25px}.schedule .anchorboard .anchor-list.anchors-0 .vall,.schedule .anchorboard .anchor-list.anchors-0 .vlist,.schedule .anchorboard .anchor-list.anchors-1 .vall,.schedule .anchorboard .anchor-list.anchors-1 .vlist{vertical-align:top}.icon.next,.icon.prev,.schedule .anchorboard .anchor-list.anchors-0 .btn,.schedule .anchorboard .anchor-list.anchors-0 .desc,.schedule .anchorboard .anchor-list.anchors-0 .noAnchor,.schedule .anchorboard .anchor-list.anchors-0 .noVideo,.schedule .anchorboard .anchor-list.anchors-1 .btn,.schedule .anchorboard .anchor-list.anchors-1 .desc,.schedule .anchorboard .anchor-list.anchors-1 .noAnchor,.schedule .anchorboard .anchor-list.anchors-1 .noVideo{vertical-align:middle}.schedule .anchorboard .anchor-list.anchors-0 .vlist,.schedule .anchorboard .anchor-list.anchors-1 .vlist{width:440px;margin-left:15px}.schedule .anchorboard .anchor-list.anchors-0 .vlist .more,.schedule .anchorboard .anchor-list.anchors-0 .vlist .video,.schedule .anchorboard .anchor-list.anchors-1 .vlist .more,.schedule .anchorboard .anchor-list.anchors-1 .vlist .video{cursor:pointer;max-width:120px;height:32px;line-height:32px;margin-bottom:10px;margin-left:10px;background-color:#efefef;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:10px;padding-left:10px;float:left}.schedule .anchorboard .anchor-list.anchors-0 .vlist .more:hover,.schedule .anchorboard .anchor-list.anchors-0 .vlist .video:hover,.schedule .anchorboard .anchor-list.anchors-1 .vlist .more:hover,.schedule .anchorboard .anchor-list.anchors-1 .vlist .video:hover{background-color:#e2e2e2}.schedule .anchorboard .anchor-list.anchors-0 .vlist .more,.schedule .anchorboard .anchor-list.anchors-1 .vlist .more{height:30px;line-height:30px;background-color:#fff;border:1px solid #efefef}.schedule .anchorboard .anchor-list.anchors-0 .vlist .more:hover,.schedule .anchorboard .anchor-list.anchors-1 .vlist .more:hover{background:#ff5655;border-color:#ff5655;color:#fff}.schedule .anchorboard .anchor-list.anchors-0 .desc,.schedule .anchorboard .anchor-list.anchors-1 .desc{padding-left:28px;width:294px;font-size:14px}.schedule .anchorboard .anchor-list.anchors-0 .text,.schedule .anchorboard .anchor-list.anchors-1 .text{padding-left:4px;padding-top:2px}.schedule .anchorboard .anchor-list.anchors-0 .btn,.schedule .anchorboard .anchor-list.anchors-1 .btn{border:1px solid #ff5655;width:98px;height:28px;line-height:28px;text-align:center;color:#ff5655}.schedule .anchorboard .anchor-list.anchors-0 .btn:hover,.schedule .anchorboard .anchor-list.anchors-1 .btn:hover{color:#fff;background-color:#ff5655}.schedule .anchorboard .anchor-list.anchors-1{padding-top:12px}.schedule .anchorboard .anchor-list.anchors-1 .vlist{width:450px;margin-left:20px}#addition{width:1200px;margin:auto;position:fixed;bottom:0;left:0;right:0}.addition-menu{position:absolute;bottom:20px;right:-76px;color:#fff}.addition-menu li{width:60px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#gotoToday{height:37px;padding-top:20px;width:46px;font-size:12px;line-height:12px;cursor:pointer;text-align:center;background:url(../../res/btn.png) 0 -237px no-repeat}#gotoToday:hover{filter:grayscale(.1);filter:'progid:DXImageTransform.Microsoft.BasicImage(grayscale=0.1)'}.icon{background-image:url(../../res/icon.png);background-repeat:no-repeat;height:20px;width:20px}.icon.all,.icon.hot,.icon.program{margin-left:22px;margin-top:-28px;line-height:1}.icon.all,.icon.allof{background-position:-22px -57px}.icon.hot{background-position:-22px -94px}.icon.program{background-position:-22px -132px}.icon.allof,.icon.basketball,.icon.football,.icon.integrated{vertical-align:middle;margin-left:-32px;margin-right:8px}.match-nav .category,.match-nav .more{margin-left:12px;cursor:pointer;text-align:center}.icon.prev{background-position:-90px -290px}.icon.next{background-position:-20px -290px}.icon.basketball{background-position:-22px -168px}.icon.football{background-position:-22px -212px}.icon.integrated{background-position:-22px -250px}.match-nav{width:240px;background:#303030;color:#ccc;position:fixed;top:80px}.match-nav .arrow,.slide{position:relative;overflow:hidden}.match-nav .category{width:60px;padding:0 2px;overflow:hidden;margin-bottom:12px;background:#444;height:30px;line-height:30px}.match-nav .category:hover{color:#fff;background:#ff5655}.match-nav .more{width:215px;height:20px;line-height:20px;vertical-align:center;margin-bottom:18px;color:#ccc;background:#444}.match-nav .more:hover{background:#000;color:#fff}.match-nav .more:hover .arrow{border-top-color:#fff}.match-nav .cur{color:#fff;background-color:#ff5655}.type-title,.type.all .type-title:hover{background:#444;color:#fff}.match-nav .cur .count,.match-nav .cur .red{color:#fff}.match-nav .hasMore{height:126px;overflow:hidden}.match-nav .arrow{width:0;height:0;border:4px solid transparent;border-top-color:#ccc;top:7px;left:2px}.type.all .type-title{cursor:default}.type-title{height:40px;line-height:40px;margin-bottom:12px;cursor:pointer}.type-title:hover{color:#fff;background:#ff5655}.type-title:hover .red,.type-title:hover .showall{color:#fff}.subclass-section,.type-title .showall,.type-title:hover .count{display:none}.type-title .title{font-size:14px;padding-left:40px}.type-title .red{color:#ff5655}.type-title .count,.type-title .showall{color:#ccc;padding-right:14px}.type.all .category{width:64px;height:22px;padding:38px 0 0}.slide{padding:10px 27px 0;height:80px}.slide .slide-box{width:530px;overflow:hidden}.slide .btn{position:absolute;top:30px;background-image:url(../../res/btn.png);background-repeat:no-repeat;background-color:#f9f9f9;border:1px solid #efefef;width:18px;height:38px;cursor:pointer}.slide .btn:hover{background-color:#efefef}.slide .btn-prev{left:7px;background-position:4px 10px}.slide .btn-next{right:7px;background-position:-45px 10px}.subclass-ul{position:fixed;top:0;z-index:5;width:940px;padding-top:80px;background:#f5f5f5!important}.scrollbar,.scrollbar .thumb,.scrollbar .track{position:absolute;top:0}.subclass-ul .match-subclass{height:52px;font-size:0;color:#515151;font-weight:900;background:#fff;border:1px solid #eee}.subclass-ul li{font-size:16px;height:50px;line-height:52px;overflow:hidden;padding:0 4px;margin:0 28px;cursor:pointer}.subclass-ul li.cur{border-bottom:2px solid #ff4a46;color:#ff4a46}.template-x{margin-top:64px}.template-x table{box-sizing:border-box;width:100%;background:#fff;color:#666;margin-bottom:10px;text-align:center;border-collapse:collapse;border:1px solid #eee}.template-x table td,.template-x table th{border-bottom:1px solid #eee;text-align:center;height:40px}.template-x table .even{background:#fafafa}.template-x table thead{background:#fafafa;font-size:14px}.template-x .tb-rank{width:68px}.template-x .th-rank{font-weight:900}.template-x .tb-scorer{width:160px}.template-x .th-name,.template-x .th-teamname{text-align:left;padding-left:30px}.template-x .tb-name,.template-x .tb-teamname{width:200px;text-align:left;padding-left:10px}.template-x .tb-name img,.template-x .tb-teamname img{vertical-align:middle;margin-right:5px}.template-x .row-0 .tb-rank,.template-x .row-1 .tb-rank,.template-x .row-2 .tb-rank{color:#ff5655}.zeta .zeta-tabs{background:#f9f9f9;border:1px solid #eee;padding:14px 14px 0}.delta .tp-head,.zeta .zeta-tabs li.cur{background:#ff5655;color:#fff}.delta .tp-head,.zeta .zeta-tabs li{line-height:30px;margin-bottom:14px;padding:0 20px}.zeta .zeta-tabs li{float:left;margin-right:20px;cursor:pointer}.delta table .config{font-weight:900}.delta table .tb-config{width:300px;text-align:left}.delta table .tb-config .rank{display:inline-block;width:60px;text-align:center}.delta table .tb-config .icon{vertical-align:middle;margin-right:5px}.delta .tp-head{display:inline-block;margin-right:20px}.t-content{margin-top:10px}.t-content .template-x{margin-top:0}.hasNothing{line-height:400px;text-align:center;font-size:36px}.scrollbar{width:15px;right:0;bottom:0;z-index:9999;float:right;background-position:0 0}.scrollbar .track{width:13px;padding:0 1px;right:-3px}.scrollbar .thumb{width:8px;height:20px;cursor:pointer;overflow:hidden;border-radius:7px;background:#454545}.scrollbar .thumb .end{width:25px;height:5px;overflow:hidden}.match-nav .viewport{width:240px;height:100%;position:relative;overflow:hidden}.match-nav .overview{position:absolute;left:0;top:0;list-style:none}.scrollbar.disable{display:none}.match-mask{position:fixed;z-index:600;width:100%;height:100%;background:#000;opacity:.8;display:none}.mask-anchor-box{position:fixed;width:510px;height:475px;border-radius:10px;background:#fff;top:0;left:0;right:0;bottom:0;margin:auto;z-index:610;display:none}.mask-anchor-header{width:102px;height:102px;background:url(../../res/mask-header.png?v=a41cd7e364) no-repeat;position:absolute;left:50%;margin-left:-60px;top:-50px}.mask-anchor-close{position:absolute;z-index:2;top:20px;right:20px;width:32px;height:32px;cursor:pointer;background:url(../../res/moreAnchorClose.png?v=61a26b3c4c) no-repeat}.mask-anchor-close:hover{background:url(../../res/moreAnchorClose.png?v=61a26b3c4c) 0 -38px no-repeat}.mask-anchor-box .choose-anchor{padding-top:72px;height:31px;position:relative;z-index:1}.mask-anchor-box .hr-line{height:1px;width:129px;background:#ededed;margin-left:30px;margin-right:24px}.mask-anchor-box .hr-line2{height:1px;width:129px;background:#ededed;margin-left:25px}.mask-anchor-box .choose-anchor-txt{font-size:20px;height:1px;line-height:0;color:#333}.mask-anchor-box .more-anchor{height:372px;position:relative;overflow:hidden}.mask-anchor-box .more-anchor .viewport{height:372px;overflow:hidden}.mask-anchor-box .more-anchor .overview{position:absolute;left:0;top:0;list-style:none}.mask-anchor-box .more-anchor>ul{position:relative}.mask-anchor-box .more-anchor-line{width:6px;height:100px;background:#ddd;border-radius:10px;top:0;right:2px;cursor:pointer;position:absolute;display:none}.mask-anchor-box .more-anchor li{width:127px;height:80px;float:left;margin-bottom:44px}.mask-anchor-box .more-anchor-head{width:48px;height:48px;margin:0 auto 13px;position:relative}.mask-anchor-box .more-anchor-head .live{display:inline-block;position:absolute;top:42px;left:8px;padding:2px 5px;height:7px;width:25px;border-radius:10px;line-height:1;color:#fff;background-color:#ff5655;background-image:url(../../res/btn.png);background-repeat:no-repeat;background-position:-40px -86px;box-shadow:0 1px 3px 0 #ffc6bd}.mask-anchor-box .more-anchor-head img{width:48px;height:48px;border-radius:50%;border:1px solid #dbe4e4}.mask-anchor-box .more-anchor-head i{position:absolute;right:-4px;bottom:-6px;width:24px;height:27px;background:url(../../res/yuyue-v2.png?v=8d488432c9) -4px -83px no-repeat}.mask-anchor-box .more-anchor-name{width:127px;height:16px;line-height:14px;font-size:14px;color:#555;text-align:center}

.tyrank tr:nth-child(2n){background: #fafafa;}

.match-nav a{color: #ccc; display:inline-block;width:100%; height:100%}
.match-nav .cur a{color: #fff;}
.match-nav li:hover a{color: #fff;}