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;display: block;position: absolute;top:0;  left: 50%;margin-left: -960px;}
.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 {height:1040px;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);}

.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: 35px;border-bottom: 2px solid #adadad;display: flex;align-items: center;position: relative;}
.warp .con-5 .race-box .race-nav a {height: 35px;line-height: 35px;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 h3 {font-size: 22px;color:#333;margin:0 0 15px;font-weight: bold;}
.warp .con-5 .race-box .race-detail .race-content {font-size: 16px;color:#666;line-height: 1.8;}

.warp .con-6 {height:455px;background: url(../images/con-5.png) no-repeat 50% 0;}
.warp .con-7 {height:1020px;background: url(../images/con-6.png) no-repeat 50% 0;}
.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}