a:link,a:active,a:visited,a:hover {
    /* background: none; */
    tap-highlight-color: rgba(0,0,0,0);
    tap-highlight-color: transparent;
}

*{ tap-highlight-color: rgba(0,0,0,0);
    tap-highlight-color: transparent;}

#loading{width:100%;height:100%;position:fixed;top:0;left:0;background:#000;font-size:18px;color:#cfd1cc;z-index:990}#loading .box{width:100%;height:1px;background:#414141;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);left:0}#loading .box span{height:1px;background:#c4c4c4;position:relative;top:0;left:0;display:block}#loading .box p{font-size:16px;line-height:30px;color:silver;text-align:center}

body{min-width: 1200px;background-color:#fff;padding-top:40px}
.warp{width: 100%;min-width: 1200px;position: relative;overflow: hidden;}

.bgbox{position: absolute;width: 1920px;height:7700px;top:0;left: calc(50% - 1920px/2);background: url("../images/bg.jpg") no-repeat 50% 0;}
.warp video { z-index:1;width: 1920px;height: 876px;position: absolute;top:0;  left: 50%;margin-left: -960px;display: none;}
.warp .con{width: 100%;}
.warp .con-1 {height:875px;}
.warp .con-2 {height:820px;background:url(../images/con-1.png) no-repeat 50% 100px;padding-top:275px;box-sizing: border-box;}
.warp .con-3 {height:600px;background: url(../images/con-2.png) no-repeat 50% 0;}
.warp .con-4 {height:310px;background: url(../images/con-3.png) no-repeat 50% 0;padding-top:85px;box-sizing: border-box;position: relative;}
.warp .con-4 .btn-more {width: 138px;height:31px;background: url(../images/btn-more-info.png) no-repeat 0 0;top: 20px;left: 50%;margin-left: 470px;}
.warp .con-4 .btn-more:hover {filter: drop-shadow(0 0 10px #fff);}
.warp .con-4 ul {width:880px;margin:0 auto;}
.warp .con-4 ul li {float:left;width:100%;line-height: 35px;border-bottom:1px solid #393939;color:#393939;font-size: 16px;text-align: left;padding:0 5px;box-sizing: border-box;}
.warp .con-4 ul li:last-child {border-bottom:none;}
.warp .con-4 ul li a {display: block;color: inherit;}
.warp .con-4 ul li span {float: right;}
.warp .con-5 {min-height:450px;background: url(../images/con-4.png) no-repeat 50% 0;position: relative;padding-top: 70px;box-sizing: border-box;}
.warp .con-5 .btn-guess {width: 289px;height:31px;background: url(../images/btn-guess.png) no-repeat 0 0 ;top: 20px;left: 50%;margin-left: 320px;}
.warp .con-5 .btn-guess:hover {filter: drop-shadow(0 0 10px #fff);}
/* 80px */
.warp .con-5 .btn-detail {width: 233px;height:30px;background: url(../images/btn-detail.png) no-repeat 0 0;top: 20px;left: 50%;margin-left: 375px;z-index: 20;}
.warp .con-5 .btn-detail:hover {filter: drop-shadow(0 0 10px #fff);}

.warp .con-5 .nav-box {width: 1249px;height: 78px;margin:0 auto;overflow: hidden;}
.warp .con-5 .nav-box a {height:78px;display: block;float: left;background: url(../images/btn-nav.png) no-repeat 0 0;text-indent: -9999px;position: relative;}
.warp .con-5 .nav-box a:nth-child(1) {width: 326px;}
.warp .con-5 .nav-box a:nth-child(2) {width: 300px;background-position: -326px 0 ;}
.warp .con-5 .nav-box a:nth-child(3) {width: 300px;background-position: -626px 0 ;}
.warp .con-5 .nav-box a:nth-child(4) {width: 323px;background-position: -926px 0 ;}

.warp .con-5 .nav-box a:hover,
.warp .con-5 .nav-box a.on {background-position-y:-78px;}


.warp .con-5 .race-box {width: 1200px;margin: 5px auto 0;overflow: hidden;padding: 0 0 30px;box-sizing: border-box;display: none;}
.warp .con-5 .race-box.active {display: block;}

.warp .con-5 .race-box .race-nav {width: 100%;height: 45px;border-bottom: 2px solid #adadad;display: flex;align-items: center;position: relative;}
.warp .con-5 .race-box .race-nav a {height: 45px;line-height: 45px;padding: 0 30px;font-size: 18px;color:#666;text-decoration: none;position: relative;transition: color .2s;}
.warp .con-5 .race-box .race-nav a:hover {color:#333;}
.warp .con-5 .race-box .race-nav a.on {color:#ff9900;font-weight: bold;}
.warp .con-5 .race-box .race-nav a.on::after {content:'';position: absolute;bottom:-2px;left:50%;margin-left:-8px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #ff9900;}
.warp .con-5 .race-box .race-nav a.on::before {content:'';position: absolute;bottom:-2px;left:0;width:100%;height:2px;background: #ff9900;}

.warp .con-5 .race-box .race-detail {padding: 15px 15px;display: none;}
.warp .con-5 .race-box .race-detail.active {display: block;}
.warp .con-5 .race-box .race-detail .race-info {padding-bottom: 20px;}
.warp .con-5 .race-box .race-detail h3 {font-size: 22px;color:#333;margin:0 0 15px;font-weight: bold;}
.warp .con-5 .race-box .race-detail .race-content {width:1223px;height:675px;background: url(../images/con-4-main.png) no-repeat 0 0;font-size: 16px;color:#000;line-height: 1.6;margin:0 auto;padding-top:50px;box-sizing: border-box;}
.warp .con-5 .race-box .race-detail .race-content .race-con {width: 1050px;margin:0 auto;height:580px;overflow: auto;}
.warp .con-5 .race-box .race-detail .race-content .race-con::-webkit-scrollbar{width: 10px;height: 10px;}
.warp .con-5 .race-box .race-detail .race-content .race-con::-webkit-scrollbar-track{background: #1b2846;border-radius: 5px;}
.warp .con-5 .race-box .race-detail .race-content .race-con::-webkit-scrollbar-thumb{background: #ffb718;border-radius: 5px;}
.warp .con-5 .race-box .race-detail .race-content .time {width: 100%;height:30px;margin-bottom: 40px;border-bottom: 1px solid #000;position: relative}
.warp .con-5 .race-box .race-detail .race-content .time span {display: block;margin:0 auto;position: absolute;bottom:-18px;height:36px;line-height: 36px;color: #000000;font-size: 22px;padding:0 20px;text-align: center;left:50%;transform: translateX(-50%);background-color: #95ccfc;}
.warp .con-5 .race-box .race-detail .race-content .race-group {width: 1040px;height:auto;margin:0 auto 20px;}
.warp .con-5 .race-box .race-detail .race-content .race-group ul {width: 100%;height:auto;display: flex;flex-wrap: wrap;}
.warp .con-5 .race-box .race-detail .race-content .race-group li {width: 50%;background: url(../images/bg-vs.png) no-repeat 50% 0;box-sizing: border-box;padding: 3px 28px;display: flex;justify-content: space-around;}
.warp .con-5 .race-box .race-detail .race-content .race-group .team-left {width: 145px;display: flex;justify-content: space-between;align-items: center;height: 93px;position: relative;flex-direction: column;
    padding-top: 5px;
    box-sizing: border-box;}
.warp .con-5 .race-box .race-detail .race-content .race-group .team-right {width: 145px;display: flex;justify-content: space-between;align-items: center;height: 93px;flex-direction: column;position: relative;
    padding-top: 5px;
    box-sizing: border-box;}

.warp .con-5 .race-box .race-detail .race-content .race-group .team-left.win::before {content: '胜';width:46px;height:46px;border-radius: 50%;background: #ffb718;color:#ad0000;font-size: 24px;text-align: center;line-height: 46px;top: -15px;left: -35px;position: absolute;font-weight: bold;}
.warp .con-5 .race-box .race-detail .race-content .race-group .team-left.lose::before {content:'败';width:46px;height:46px;border-radius: 50%;background: #adadad;color:#000;font-size: 24px;text-align: center;line-height: 46px;top: -15px;left: -35px;position: absolute;font-weight: bold;}

.warp .con-5 .race-box .race-detail .race-content .race-group .team-right.win::before {content: '胜';width:46px;height:46px;border-radius: 50%;background: #ffb718;color:#ad0000;font-size: 24px;text-align: center;line-height: 46px;top: -15px;right: -35px;position: absolute;font-weight: bold;}
.warp .con-5 .race-box .race-detail .race-content .race-group .team-right.lose::before {content:'败';width:46px;height:46px;border-radius: 50%;background: #adadad;color:#000;font-size: 24px;text-align: center;line-height: 46px;top: -15px;right: -35px;position: absolute;font-weight: bold;}


.warp .con-5 .race-box .race-detail .race-content .race-group .team-left.num::before {content: '';width:50px;height:60px;background: url(../images/num-0.png) no-repeat 0 0;top: -6px;right: -30px;position: absolute;}
.warp .con-5 .race-box .race-detail .race-content .race-group .team-right.num::before {content: '';width:50px;height:60px;background: url(../images/num-0.png) no-repeat 0 0;top: -6px;left: -24px;position: absolute;}
.warp .con-5 .race-box .race-detail .race-content .race-group .num.num-1::before {
    background-image: url(../images/num-1.png);
}
.warp .con-5 .race-box .race-detail .race-content .race-group .num.num-2::before {
    background-image: url(../images/num-2.png);
}
.warp .con-5 .race-box .race-detail .race-content .race-group .num.num-3::before {
    background-image: url(../images/num-3.png);
}
.warp .con-5 .race-box .race-detail .race-content .race-group li img {height:45px;}
.warp .con-5 .race-box .race-detail .race-content .race-group li p {height: 22px;color:#000;font-size: 14px;padding-bottom: 10px;}
.warp .con-5 .race-box .race-detail .race-content .race-group .team-list {width: 100%;padding-bottom: 10px;}
.warp .con-5 .race-box .race-detail .race-content .race-group .team-list .team-con {width: 1040px;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.warp .con-5 .race-box .race-detail .race-content .race-group .team-list .team-con .team-item {flex: 0 0 130px;height: 150px;position: relative;}
.warp .con-5 .race-box .race-detail .race-content .race-group .team-list .team-con .team-item .img {width: 96px;height: 96px;background-color: #d3effd;border: 2px solid #85c4fb;margin: 0 auto;overflow: hidden;}
.warp .con-5 .race-box .race-detail .race-content .race-group .team-list .team-con .team-item .img img {height: 100%;}
.warp .con-5 .race-box .race-detail .race-content .race-group .team-list .team-con .team-item .name {height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.warp .con-5 .race-box .race-detail .race-content .race-group .team-list .team-con .team-item.win .img {background: none;border: 0 none;}

.warp .con-5 .race-box .race-detail .race-content.round-robin .race-con {height:600px}
.warp .con-5 .race-box .race-detail .race-content.round-robin .race-group ul{width: 50%;float:left;margin-top:50px}
.warp .con-5 .race-box .race-detail .race-content.round-robin  .race-group li{width: 100%;padding-bottom: 40px;background-image: url(../images/bg-vs2.png);}
.warp .con-5 .race-box .race-detail .race-content.round-robin .scoreboard {width: 472px;background: url(../images/scoreboard.jpg) no-repeat 50% 50%;height: 592px;padding: 80px 0 0;box-sizing: border-box;float: left;margin: 0;}
.warp .con-5 .race-box .race-detail .race-content.round-robin .scoreboard ul {width: 100%;margin-top: 0;}
.warp .con-5 .race-box .race-detail .race-content.round-robin .scoreboard li {width: 100%;height: 64px;line-height: 64px;text-align: center;font-size:14px;color:#fff;background: none;padding: 0;}
.warp .con-5 .race-box .race-detail .race-content.round-robin .scoreboard li p:nth-child(1){width: 131px;color:#fff;height: 100%;padding: 0;}
.warp .con-5 .race-box .race-detail .race-content.round-robin .scoreboard li p:nth-child(2){width: 107px;color:#3d69c7;font-size: 18px;font-weight: bold;height: 100%;padding: 0;}
.warp .con-5 .race-box .race-detail .race-content.round-robin .scoreboard li p:nth-child(3){width: 111px;color:#3d69c7;font-size: 18px;font-weight: bold;height: 100%;padding: 0;}
.warp .con-5 .race-box .race-detail .race-content.round-robin .scoreboard li p:nth-child(4){width: 122px;color:#e42c2b;font-size: 18px;font-weight: bold;height: 100%;padding: 0;}


.warp .con-6 {height:455px;background: url(../images/con-5.png) no-repeat 50% 0;}
.warp .con-7 {height:1025px;background: url(../images/con-6.png) no-repeat 50% 0;}
.warp .con-7 .team-img {width: 190px;height:190px;top: 120px;left:50%;margin-left: -550px;}
.warp .con-7 .team-name {width: 400px;height:40px;line-height:40px;top: 135px;left:50%;margin-left:-95px;color:#fff;font-size: 36px;font-weight: bold;}
.warp .con-7 .team-lvl{width: 118px;height:118px;top:70px;left:50%;margin-left: 500px;}
.warp .con-7 .team-lvl.icon-64 {background:url(../images/icon-64.png) no-repeat 0 0;}
.warp .con-7 .team-lvl.icon-32 {background:url(../images/icon-32.png) no-repeat 0 0;}
.warp .con-7 .team-lvl.icon-16 {background:url(../images/icon-64.png) no-repeat 0 0;}
.warp .con-7 .team-lvl.icon-8 {background:url(../images/icon-8.png) no-repeat 0 0;}
.warp .con-7 .team-lvl.icon-4 {background:url(../images/icon-4.png) no-repeat 0 0;}
.warp .con-7 .team-lvl.icon-3 {background:url(../images/icon-3.png) no-repeat 0 0;}
.warp .con-7 .team-lvl.icon-2 {background:url(../images/icon-2.png) no-repeat 0 0;}
.warp .con-7 .team-lvl.icon-1 {background:url(../images/icon-1.png) no-repeat 0 0;}

.warp .con-7 .team-member {width: 800px;top: 230px;left:50%;margin-left:-235px;}
.warp .con-7 .team-member p {width: 140px;height:40px;line-height: 40px;text-align: center;background: #c9dcf2;font-size: 18px;color: #4073c5;position: relative;float: left;margin-right: 15px;}

.warp .con-7 .team-list{
    width: 1110px;
    height:590px;
    overflow: auto;
    position: absolute;
    top: 345px;
    left: 50%;
    margin-left: -555px;
}
.warp .con-7 .team-list::-webkit-scrollbar{width: 10px;height: 10px;}
.warp .con-7 .team-list::-webkit-scrollbar-track{background: #1b2846;border-radius: 5px;}
.warp .con-7 .team-list::-webkit-scrollbar-thumb{background: #ffb718;border-radius: 5px;}
.warp .con-7 .team-list .team-con {width: 1080px;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.warp .con-7 .team-list .team-con .team-item{flex: 0 0 135px;height:150px;cursor: pointer;}
.warp .con-7 .team-list .team-con .team-item .img {width: 96px;height:96px;background-color: #d3effd;border:2px solid #85c4fb;margin: 0 auto;overflow: hidden;}
.warp .con-7 .team-list .team-con .team-item .img img {height:100%;}
.warp .con-7 .team-list .team-con .team-item .name {height:40px;line-height: 40px;text-align: center;font-size: 14px;color:#fff;text-align: center;}
.warp .con-7 .team-list .team-con .team-item.on .img {border-color:#ffb718;box-shadow:0 0 10px rgba(255,183,24,.8);}
.warp .con-7 .team-list .team-con .team-item.on .name {color:#ffb718;}

.warp .con-8 {height:690px;background: url(../images/bg2.jpg) no-repeat 50% 0;}

.warp .slide-nav {
    width: 231px;
    height:454px;
    background: url(../images/bg-slide-nav.png) no-repeat 50% 0;
    top:50%;
    margin-top: -227px;
    right:10px;
    padding-top: 155px;
    box-sizing: border-box;
    z-index:200;
}
.warp .slide-nav a {
    width: 100px;
    height: 30px;
    line-height: 30px;
    display: block;
    margin: 2px auto 0;
    text-align: center;
    font-size: 16px;
    color: #fff;
    }
.warp .slide-nav a:not(.btn-top):hover,
.warp .slide-nav a.on {background: url(../images/btn-nav-on.png) no-repeat 50% 0;}

.warp .slide-nav .btn-top {
    width: 60px;
    height: 41px;
    bottom: 26px;
    left: 85px;
}

.warp .con-1 .slogan{
    position: absolute;
    background: url(../images/slogan.png) no-repeat 50% 0;
    width: 1200px;
    height: 399px;
    left: calc(50% - 600px);
    top: 350px;
    z-index: 6;
}
.warp .con-1 .btn-register{
    width: 364px;
    height:120px;
    background: url(../images/btn-register.png) no-repeat 0 0;
    z-index: 7;
    top:680px;
    left:50%;
    margin-left: -182px;
}
.warp .con-1 .btn-register:hover{
    filter:drop-shadow(0 0 10px #fff) brightness(1.2);
}

.warp .con-2 .data-bar {
    background: #fff;
    width: 1110px;
    height: 324px;
    margin:0 auto;
    position: relative;
    overflow: hidden
}
.warp .con-2 .data-bar.on {
    display: block

}

.warp .con-2 .data-bar.data-car li {
    background: url(../images/role.jpg) no-repeat 0 0
}
.warp .con-2 .data-bar ul {
    width: 1110px;
    height: 324px;
    background: #dbe6ff
}
.warp .con-2 .data-bar ul li {
    float: left;
    width: 137px;
    height: 324px;
    cursor: pointer;
}
.warp .con-2 .data-bar ul li.on{
    width: 699px;
}
.warp .con-2 .data-bar ul li.data-list-1 {
    background-position: 0 0
}
.warp .con-2 .data-bar ul li.data-list-1.on {
    background: url(../images/schedule-1.png) no-repeat 0 0;
}
.warp .con-2 .data-bar ul li.data-list-2 {
    background-position: -137px 0
}
.warp .con-2 .data-bar ul li.data-list-2.on {
    background: url(../images/schedule-2.png) no-repeat 0 0;
}
.warp .con-2 .data-bar ul li.data-list-3 {
    background-position: -274px 0
}
.warp .con-2 .data-bar ul li.data-list-3.on {
    background: url(../images/schedule-3.png) no-repeat 0 0;
}
.warp .con-2 .data-bar ul li.data-list-4 {
    background-position: -411px 0
}
.warp .con-2 .data-bar ul li.data-list-4.on {
    background: url(../images/schedule-4.png) no-repeat 0 0;
}
.warp .con-2 .data-bar ul li a {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    transition: all 1s;
    display: block;
    position: relative;
    box-sizing: border-box;
    overflow: hidden
}
.warp .con-2 .data-bar ul li a .car {
    position: absolute;
    right: -100px;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    opacity: 0
}

.warp .con-2 .btn-live{
    width: 370px;
    height:114px;
    background: url(../images/btn-live.png) no-repeat 0 0;
    z-index: 7;
    top:680px;
    left:50%;
    margin-left: -420px;
}
.warp .con-2 .btn-video{
    width: 356px;
    height:109px;
    background: url(../images/btn-video.png) no-repeat 0 0;
    z-index: 7;
    top:680px;
    left:50%;
    margin-left: 25px;
}
.warp .con-2 .btn-live:hover{
    filter:drop-shadow(0 0 10px #fff) brightness(1.2);
}
.warp .con-2 .btn-video:hover{
    filter:drop-shadow(0 0 10px #fff) brightness(1.2);
}


.warp.bg0807 .bgbox {height: 3500px;}
.warp.bg0807 .con-6 {height: 495px;}
.warp.bg0807 .con-5 {height:400px;}
.warp.bg0807 .slide-nav {padding-top: 155px;}
.warp.bg0807 .slide-nav a {margin-top:8px}