.data-mian{background:#f4f4f4;padding-top:20px}
.special-wrap{display:flex;align-items:center;box-sizing:border-box;padding:0 10px;background:#fff;margin-top:20px}
.special-wrap .item{border-right:1px solid #e4e4e4;box-sizing:border-box;padding:14px 8px 14px 0;display:flex;align-items:center;margin-right:11px}
.special-wrap .item:last-child{padding:14px 0;margin:0;border:0}
.special-wrap .item .name p{font-size:12px;color:#242424;font-weight:bold;text-align:center;margin-top:9px}
.special-wrap .item .name .imgbox{width:59px;box-sizing:border-box;border:1px solid #e4e4e4;display:flex;align-items:center;justify-content:center}
.special-wrap .item .name .imgbox img{max-width:59px;max-height:51px}
.special-wrap .item .list{margin-left:13px;width:58px}
.special-wrap .item .list a{display:block;font-size:12px;color:#282828;margin-bottom:13px}
.special-wrap .item .list a:last-child{margin-bottom:0}
.data-location{width:1200px;margin:0 auto 20px;color:#777}
.data-location span{color:#333}
.match-tab{background:#fff}
.match-tab .title{border-bottom:1px solid #e4e4e4;padding:22px 18px;box-sizing:border-box;display:flex;align-items:center}
.match-tab .title h1{font-size:17px;font-weight:bold;color:#000244;margin-right:30px;position:relative}
.match-tab .title .link a.on::before,.match-tab .title .link a:hover::before{content:'';width:100%;display:block;height:2px;background:#000244;position:absolute;left:0;bottom:-24px}
.match-tab .title .link{width:732px;display:flex;align-items:center}
.match-tab .title .link a{font-size:14px;color:#666;margin-right:35px;position:relative;font-weight:bold}
.match-tab .title .link a.on{color:#000244}
.match-tab .title .link a:hover{color:#000244}
.match-tab .title .link a:last-child{margin:0}
.match-tab .functionblock{display:flex;align-items:center;justify-content:space-between;width:431px}
.match-tab .functionblock select{width:107px;height:28px;border:1px solid #e4e4e4;outline:none;text-align:center;text-align-last:center}
.match-tab .functionblock .buttom{width:73px;height:28px;background:#fec300;font-size:14px;color:#fff;text-align:center;line-height:28px;cursor:pointer}
.match-tab .details{box-sizing:border-box;padding:20px 20px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f2f1f6}
.match-tab .details .detail{height:76px}
.match-tab .details .img-box{height:76px;width:76px;height:76px;box-sizing:border-box;border:1px solid #e4e4e4;display:flex;align-items:center;justify-content:center}
.match-tab .details .img-box img{max-width:60px;max-height:60px;display:block}
.match-tab .details .row1{display:flex;align-items:center;justify-content:space-between;width:1070px}
.match-tab .details .row1 h1{font-size:24px;color:#242424}
.match-tab .details .row1 .function{display:inline-flex;align-items:center}
.match-tab .details .row1 .function p{font-size:12px;color:#999}
.match-tab .details .row1 .function select{width:107px;height:28px;border:1px solid #e4e4e4;outline:none;text-align:center;text-align-last:center;font-size:14px}
.match-tab .details .row2{font-size:18px;color:#999;margin-top:5px}
.super-content{margin-top:20px;display:flex;align-items:flex-start;justify-content:space-between}
.min-wrap{width:855px}
.integral-wrap{background:#fff;margin-bottom:20px}
.integral-tab{display:flex;align-items:center;box-sizing:border-box;border-bottom:1px solid #ffc100}
.integral-tab a{padding:20px 15px;font-size:16px;color:#282828;margin-right:2px;display:block}
.integral-tab a.on{background:#ffc100;color:#fff}
.integral-content .row1{display:flex;align-items:center;background:#f7f6fb}
.integral-content .row1 .item{font-size:13px;color:#89888d;padding:14px 0;width:48px;display:flex;align-items:center;justify-content:center}
.integral-content .row1 .item:nth-child(1){width:65px}
.integral-content .row1 .item:nth-child(2){width:110px;justify-content:flex-start;box-sizing:border-box}
.integral-content .row1 .item:nth-child(10){width:63px}
.integral-content .row1 .item:nth-child(11),.integral-content .row1 .item:nth-child(12),.integral-content .row1 .item:nth-child(13),.integral-content .row1 .item:nth-child(14){width:55px}
.integral-content .row1 .item:nth-child(15){width:46px}
.integral-content .row1 .item:nth-child(16){width:103px}
.integral-content .row2{border-bottom:1px solid #e4e4e4}
.integral-content .row2 .item{color:#2c2221}
.integral-content .row2 .item:nth-child(1){font-weight:bold}
.integral-content .row2 .item i{font-style:normal;margin-left:5px;font-size:12px;padding:1px 4px;background:#ff504f;color:#fff}
.integral-content .row2 .item .win{color:#ff504f}
.integral-content .row2 .item .loser{color:#aaa6a5}
.integral-content .row2 .item .flat{color:#47b381}
.integral-content .row1.color_1{background:#f5e7e4}
.integral-content .row1.color_1 .item:nth-child(1){color:#f69c67}
.integral-content .row1.color_2{background:#e7f3e5}
.integral-content .row1.color_2 .item:nth-child(1){color:#ace28c}
.integral-content .row1.color_3{background:#cfeffa}
.integral-content .row1.color_3 .item:nth-child(1){color:#08d0f1}
.integral-content .row1.color_4{background:#e8e9ed}
.integral-content .row1.color_4 .item:nth-child(1){color:#9c9899}
.integral-details{display:flex;align-items:center;justify-content:center;padding:14px 0}
.integral-details span{width:14px;height:14px}
.integral-details p{font-size:14px;color:#282828;margin:0 31px 0 10px}
.integral-details span:nth-child(1){background:#f69c67}
.integral-details span:nth-child(3){background:#ace28c}
.integral-details span:nth-child(5){background:#08d0f1}
.integral-details span:nth-child(7){background:#b1a7a6}
.model-wrap{background:#fff;margin-bottom:20px}
.model-title{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:20px;position:relative}
.model-title::before{content:'';display:block;width:5px;height:20px;background:#406dff;position:absolute;top:24px;left:0}
.model-title h2{font-size:20px;color:#242424}
.model-title a{font-size:12px;color:#666}
.history-wrap{box-sizing:border-box;padding:20px 20px 1px;display:flex;flex-wrap:wrap}
.history-wrap a{padding:11px 10px;font-size:12px;color:#2c2221;background:#f4f3f9;margin:0 20px 20px 0}
.explain-wrap{box-sizing:border-box;padding:20px}
.explain-wrap p{font-size:14px;line-height:28px;margin-bottom:20px}
.side-wrap{width:331px}
.model2-wrap{background:#fff;margin-bottom:20px}
.model2-title{display:flex;align-items:center;border-bottom:1px solid #e4e4e4}
.model2-title strong{font-size:20px;font-weight:bold;padding:18px 20px;box-sizing:border-box}
.model2-list{box-sizing:border-box;padding:20px}
.model2-list .item{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.model2-list .item:last-child{margin-bottom:0}
.model2-list .item img{width:16px;height:16px}
.model2-list .item p{width:266px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;color:#2a2a2a}
.model2-list .item:hover p{color:#406dff;font-weight:bold}
.model2-tag{display:flex;flex-wrap:wrap;box-sizing:border-box;padding:19px 16px}
.model2-tag a{background:#f7f6fc;color:#282828;padding:13px 15px;margin-right:12px;margin-bottom:10px}
.model2-tag a:hover{color:#fff;font-weight:bold;background:#406dff}
.model2-tag2 a:nth-child(3){margin-right:0}
.results-wrap .row1{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 20px}
.results-wrap .row1 .item{display:flex;align-items:center;justify-content:center;padding:10px 0;background:#f7f7fa;font-size:12px;color:#939393;flex:1}
.results-wrap .row1 .item:nth-child(1){width:48px}
.results-wrap .row1 .item:nth-child(2){width:107px}
.results-wrap .row1 .item:nth-child(3){width:93px}
.results-wrap .row1 .item:nth-child(4){width:76px}
.results-wrap .row1 .item:nth-child(5){width:93px}
.results-wrap .row1 .item:nth-child(6){width:106px}
.results-wrap .row1 .item:nth-child(7){width:87px}
.results-wrap .row1 .item:nth-child(8){width:87px}
.results-wrap .row1 .item:nth-child(9){width:99px}
.results-wrap .row2{background:#fff;border-bottom:1px solid #e4e4e4}
.results-wrap .row2 .item{background:#fff}
.results-wrap .row2 .item:nth-child(3),.results-wrap .row2 .item:nth-child(5){color:#282828}
.results-wrap .row2 .c1{color:#f45c4a}
.results-wrap .row2 .c2{color:#14cc7d}
.results-wrap .row2 span{width:45px;height:20px;line-height:20px;color:#fff;font-size:12px;font-weight:bold;text-align:center}
.results-wrap .row2 span.win{background:#f45c4a}
.results-wrap .row2 span.loser{background:#14cc7d}
.results-wrap .row2 span.ping{background:#a3b3be}
.shooter-wrap{box-sizing:border-box;padding:0 10px 10px}
.integral-content{box-sizing:border-box;padding:0 10px 10px}
.shooter-wrap .row1{display:flex;align-items:center;background:#f7f7fa}
.shooter-wrap .row1 .item{font-size:12px;color:#999;display:flex;align-items:center;justify-content:center;padding:10px 0;width:112px}
.shooter-wrap .row1 .item:nth-child(1){width:67px}
.shooter-wrap .row1 .item:nth-child(2){width:143px}
.shooter-wrap .row1 .item:nth-child(3){width:102px}
.shooter-wrap .row1 .item:nth-child(7){width:98px}
.shooter-wrap .row1 .item:nth-child(8){width:69px}
.shooter-wrap .row2{background:#fff;border-bottom:1px solid #f6f6f6}
.shooter-wrap .row2 .item{color:#656565;font-weight:bold}
.data-team-wrap{box-sizing:border-box;padding:0px 20px 20px}
.data-team-wrap .item{width:143px;height:143px;box-sizing:border-box;border:1px solid #efefef;text-align:center;margin:0 20px 20px 0}
.data-team-wrap .item:nth-child(5n){margin:0 0 20px 0}
.data-team-wrap .item:hover{border:1px solid #e60012}
.data-team-wrap .item .imgbox{width:90px;height:80px;display:flex;align-items:center;justify-content:center;margin:5px auto 10px}
.data-team-wrap .item .imgbox img{max-width:100px;max-height:100%}
.data-team-wrap .item p{font-size:14px;color:#212121}
.data-team-wrap .item span{font-size:12px;color:#212121}
.schedule-wrap{display:flex;margin-bottom:20px;background:#fff}
.schedule-wrap .title{width:138px;height:64px;background:#ffc100;color:#fff;font-size:14px;text-align:center}
.schedule-wrap .title p{margin:14px 0 0px}
.schedule-wrap .schedule-con{display:flex;flex-wrap:wrap;height:64px;border-top:1px solid #ecf0f4;flex:1;box-sizing:border-box}
.schedule-wrap .schedule-con .item{box-sizing:border-box;width:37px;height:32px;line-height:32px;font-size:14px;color:#202020;text-align:center;border-right:1px solid #ecf0f4;border-bottom:1px solid #ecf0f4;cursor:pointer}
.schedule-wrap .schedule-con .item.on{background:#ffc100;color:#fff}
.tab-cont .results-wrap{display:none}
.tab-cont .results-wrap.on{display:block}
.model-title span{margin-left:-260px}
.total-wrap,.often-wrap{box-sizing:border-box;padding:0 10px 10px}
.total-wrap .row1,.often-wrap .row1{display:flex;align-items:center;background:#f7f7fa}
.total-wrap .row1 .item,.often-wrap .row1 .item{color:#999;display:flex;align-items:center;justify-content:center;padding:10px 0;flex:1}
.total-wrap .row1 .item:nth-child(1){justify-content:flex-start;flex:0 0 130px;box-sizing:border-box;padding-left:30px}
.total-wrap .row2 .item,.often-wrap .row2 .item{color:#656565;font-weight:bold}
.total-wrap .row2,.often-wrap .row2{background:#fff;border-bottom:1px solid #f6f6f6}
.often-wrap .row1 .item:nth-child(1){justify-content:flex-start;box-sizing:border-box;padding-left:10px}
.model-wrap .title{width:100%;height:50px;background:#fff;display:flex;justify-content:center;line-height:50px}
.model-wrap .title .link a{font-size:16px;color:#333;margin-right:60px;line-height:48px;height:48px;display:block;float:left}
.model-wrap .title .link span{font-size:16px;color:#333;margin-right:60px;line-height:48px;height:48px;display:block;float:left}
.model-wrap .title .link .on{color:#406dff;font-weight:bold;border-bottom:3px solid #406dff}
.model-wrap .title .link a:hover{color:#406dff;font-weight:bold;border-bottom:3px solid #406dff}
.match-tab .info{display:flex;font-size:14px;padding:0 25px;line-height:50px}
.match-tab .js-info{display:flex;font-size:14px;padding:0 25px 25px}
.js-info .js-count{width:70px;color:#999}
.js-info .js-txt{width:1080px;line-height:24px}
.info .belong{margin-right:40px}
.info .belong span{color:#999}
.info .belong a{color:#000}
.results-wrap table{width:100%;position:relative;z-index:1;border-bottom:1px solid #E8E8E8;border-left:1px solid #E8E8E8;table-layout:fixed;border-spacing:0}
.results-wrap table tbody tr{height:39px}
.results-wrap table tbody tr:hover{background:#E8E8E8}
.results-wrap table tbody tr td{height:34px;border-right:1px solid #E8E8E8;border-top:1px solid #E8E8E8;position:relative;font-size:12px;color:#666}
.results-wrap table tbody{text-align:center;overflow:hidden}
.results-wrap table thead{height:44px;position:relative;z-index:1;background:#f0f0f0}
.results-wrap table thead tr th{border-right:1px solid #E8E8E8;border-top:1px solid #E8E8E8}
.results-wrap table tbody tr .odd-asian .odd-wrapper,.results-wrap table tbody tr .odd-europe .odd-wrapper{display:flex}
.results-wrap table tbody tr .odd-asian .odd-wrapper>div,.results-wrap table tbody tr .odd-europe .odd-wrapper>div{width:50%;display:flex;justify-content:center;align-items:center}
.results-wrap{padding:0 20px 35px}
.results-wrap table tbody tr td.score{color:#333;font-weight:bold}
.data-team-wrap li img{margin-bottom:6px;width:90px;height:90px;border:1px solid #efefef;padding:20px}
.data-team-wrap li{display:inline-block;text-align:center;padding:22px 0;margin-left:20px;font-size:12px}
.data-team-wrap li a:hover{color:#406dff}
.card-item{width:189px;border-radius:5px;margin:0 0 16px 16px;height:186px;float:left;overflow:hidden}
.card-item-top{width:100%;height:128px;overflow:hidden;position:relative;border-radius:5px}
.card-item-top .video-img{border-radius:5px;width:100%;min-height:100%;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}
.card-item-top:hover .video-img{width:100%;min-height:100%;-webkit-transform:scale(1.08);transform:scale(1.08)}
.card-item:hover .card-item-top{-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.2);box-shadow:0 2px 4px 0 rgba(0,0,0,.2)}
.card-item:hover .card-bottom-title{color:#ff4141}
.card-item:hover .card-bottom-nums{bottom:-28px}
.card-bottom-nums .video-com-text{vertical-align:middle}
.card-bottom-nums .video-com .icon-eye{background:url(../images/see_icon.png) no-repeat;width:18px;height:14px;margin-left:15px;display:inline-block;vertical-align:middle}
.card-bottom-nums{position:absolute;bottom:0px;left:0;margin-top:5px;height:20px;background-color:#fff;width:100%;-webkit-transition:bottom .3s ease-in-out;transition:bottom .3s ease-in-out}
.card-bottom{height:40px;padding-top:10px;width:100%;position:relative}
.card-bottom-title{line-height:20px;height:40px;width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.comp-wapper{display:flex;flex-direction:column;align-items:center;margin-right:15px}
.comp-wapper .comp-logo{width:76px;height:76px;padding:8px;box-sizing:border-box;margin-bottom:5px;border:1px solid #E5E5E5;border-radius:2px}
.comp-wapper .comp-logo img{width:60px;height:60px;background-size:contain;background-repeat:no-repeat;background-position:center}
.model2-hot{display:flex;flex-wrap:wrap;box-sizing:border-box;padding:20px 20px 20px 25px}
.comp-name{font-size:12px;font-weight:400;color:#333333;margin-bottom:15px;text-align:center}
.comp-name a:hover{color:#406dff;font-weight:bold}
.results-wrap p{margin:15px 0 18px;font-size:14px}
.results-wrap p.tip{color:#999;font-size:12px;margin:10px 0 0}
.pub_nodata .imgarea{width:200px;height:160px;margin:0 auto;background-image:url(../images/ondata.png);background-position:center}
.pub_nodata .data-null{font-size:14px;text-align:center;color:#bababa;margin:40px 0 65px}
.results-wrap table tbody .th-bg{background:#f7f7fa}
.results-wrap table tbody tr th{border-right:1px solid #E8E8E8;border-top:1px solid #E8E8E8}
.results-wrap table tbody tr td.rl{color:#333}
.h-green{background-color:rgba(86,216,0,0.12)}
.h-yellow{background-color:rgba(255,225,0,0.12)}
.h-red{background-color:rgba(255,0,0,0.07)}
.h-blue{background-color:rgba(15,122,255,0.08)}
.h-orange{background-color:rgba(255,158,0,0.15)}
.results-wrap .tdlink{margin-top:10px}
.results-wrap .tdlink tr th{background:#f0f0f0;text-align:center}
.match-tab .team-info{display:flex;font-size:14px;padding:0 25px;line-height:20px;margin-top:15px}
.team-info .belong{width:200px}
.team-info .belong span{color:#999}
.team-info .belong a{color:#000}
.match-tab .point-info{font-size:14px;padding:0 25px;line-height:20px;margin:20px 0 20px}
.point-info .polong span{color:#999}
.match-tab .honor-info{font-size:12px;padding:0 25px;line-height:20px;padding-bottom:25px}
.honor-info .holong{display:flex;background:#f6f6f6;border-radius:3px}
.honor-info .holong span{color:#666;margin-right:30px;padding:10px 20px}
.honor-info .holong span em{font-style:normal;margin-left:4px}