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;}

body{min-width: 1200px;background-color:#fff;padding-top:40px!important;}
.warp{width: 100%;min-width: 1200px;position: relative;overflow: hidden;}
.bg{position: absolute;width: 1920px;height: 6000px;left: calc(50% - 1920px/2);z-index:5;background: url("../images/bg.jpg") no-repeat 50% 0;}
.bg_01{background: url(../images/bg_01.png) no-repeat 0 0;width:1048px;height:927px;top:0;left:50%;margin-left: -960px;z-index:10}
.bg_02{background: url(../images/bg_02.png) no-repeat 100% 0;width:1048px;height:927px;top:0;right:50%;margin-right: -960px;z-index:10}
.logo {width:630px;height:587px;background: url(../images/KCLlog.png) no-repeat 0 0;top:80px;left: 50%;margin-left: -315px;z-index: 5;}
.logo i{width:623px;height:31px;background: url(../images/logo-title.png) no-repeat 0 0;top:-50px;left: 50%;margin-left: -311px;z-index: 15;position:absolute}
.role-left{width:519px;height:413px;background: url(../images/role-left.png) no-repeat 0 0;top:230px;left:50%;margin-left: -670px;z-index:20}
.role-right{width:519px;height:413px;background: url(../images/role-right.png) no-repeat 0 0;top:210px;left:50%;margin-left: 150px;z-index:20}

.slogan{
    position: absolute;background: url(../images/slogan.png?v=2);width:920px;height:326px ;left: calc(50% - 460px);top: 625px; z-index: 40;
}
.slogan .mouse {width:191px;height:55px;background: url(../images/mouse.png) no-repeat 0 0;bottom:-70px;left:50%;margin-left:-95px;animation: move 1s linear infinite forwards;}

.top-nav {top:1035px;left:50%;margin-left:-255px;width:510px;height:75px;display: flex;justify-content: space-between;}
.top-nav a {width:211px;height:74px;background: url(../images/top-nav.png) no-repeat 0 0;}
.top-nav a:nth-child(2){background-position-x:-211px;}
.top-nav a:hover {background-position-y: -74px;}


.con1{
    background: url(../images/con-1.png?v=2) no-repeat 50% 0;
    width:1141px;
    height: 1590px;
    margin-left: calc(50% - 1141px/2);
    margin-top:1170px;
    z-index: 10;
}
.con1 .btn-rule {top:95px;left:50%;margin-left:313px;width:157px;height:29px;background: url(../images/btn-rule.png) no-repeat 0 0;}
.con1 .btn-rule:hover {background-image:url(../images/btn-rule-on.png);}
.con1 .btn-bm {top:395px;left:50%;margin-left:310px;width:131px;height:41px;background: url(../images/btn-bm.png) no-repeat 0 0;}
.con2{
    position: relative;
    background: url(../images/con-2.png?v=2) no-repeat 50% 0;
    width:1200px;
    height: 1010px;
    margin-left: calc(50% - 1200px/2);
    padding-top:125px;
    z-index: 10;
}
.con2 .sub-nav {margin: 0 auto; width:822px;height:180px;background: url(../images/con2btn.png?v=2) no-repeat 0 0;display: flex;justify-content: space-between;}
.con2 .sub-nav a {width: 210px;height:180px;}
.con2 .sub-nav a:nth-child(1):hover,
.con2 .sub-nav a:nth-child(1).on {background: url(../images/con2btn.png?v=2) no-repeat 0 -180px;}
.con2 .sub-nav a:nth-child(2):hover,
.con2 .sub-nav a:nth-child(2).on {background: url(../images/con2btn.png?v=2) no-repeat -306px -180px;}
.con2 .sub-nav a:nth-child(3):hover,
.con2 .sub-nav a:nth-child(3).on {background: url(../images/con2btn.png?v=2) no-repeat -612px -180px;}


.myscrollL{
    position: relative;
    width: 1230px;
    height: 500px;
    overflow: hidden;
    overflow: auto;
    margin-top: 50px;
}

.myscrollL li{
    position: relative;
    width: 1150px;height:544px;
    margin-bottom: 50px;
}
    
.myscroll{
    position: relative;
    width:337px;height:540px;
    overflow: hidden;
}
.liebiao{
    margin-bottom: 27px;
}
.maring{
    margin-bottom: 160px;
}
.myscrollL::-webkit-scrollbar {
    width: 11px;
}
.myscrollL::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color:#ffc338;
}
.myscrollL::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color:#b95c5e;
}



.myscroll1{
    position: relative;
    width:337px;height:540px;
    overflow: hidden;
    left: 420px;
    top: -480px;
}
.myscroll2{
    position: relative;
    width:337px;
    height:540px;
    overflow: hidden;
    left: 840px;
    top: -1002px;
}

.myscroll li { overflow: hidden;margin-bottom: 20px;}
.myscroll1 li { overflow: hidden;margin-bottom: 20px;}
.myscroll2 li { overflow: hidden;margin-bottom: 20px;}
.liebiao {
    position: relative;
    background: url(../images/con2-taotaibg.png);
    width: 337px;
    height: 94px;
    /* margin-bottom: 25px; */
}

.liebiao1 {
    position: relative;
    background: url(../images/con2-juesabg.png);
    width: 368px;
    height: 60px;
    margin-top: 100;
}


.maring-1 {
    margin-top: -5px;
    margin-left: -85px;
}

.maring2 {
    margin-top: 190px;
}

.jifen-2 {
    position: absolute;
    color: #0060ff;
    font-size: 23px;
    font-weight: 700;
    left: 205px;
    top: -5px;
    width: 50px;
    height: 20px;
    text-align: center;
}

.jifen1 {
    position: absolute;
    color: #0060ff;
    font-size: 23px;
    font-weight: 700;
    left: 255px;
    top: -7px;
    width: 50px;
    height: 20px;
    text-align: center;
}

.jifen2 {
    position: absolute;
    color: #0060ff;
    font-size: 23px;
    font-weight: 700;
    left: 255px;
    top: 24px;
    width: 50px;
    height: 20px;
    text-align: center;
}

.zu1 {
    width: 67px;
    height: 120px;
    position: relative;
    margin-left: 10px;
    top: 15px;
    color: #fff;
    font-size: 26.67px;
}

.name {
    position: relative;
    top: -20px;
    width: 305px;
    height: 30px;
    left: calc(55% - 305px/2);
}

.zhanduiname-1 {
    color: #2d3731;
    font-size: 19.05px;
    text-align: center;
    margin-bottom: 0px;
}

.zhanduiname-2 {
    color: #2d3731;
    font-size: 19.05px;
    text-align: center;
}

.zu {
    width: 67px;
    height: 120px;
    position: relative;
    margin-left: 18px;
    top: 28px;
    color: #fff;
    font-size: 26.67px;
}
/*  */
.schedule-2{
    transition: all 1s;
    z-index: 0;
    position: absolute;
    width: 1150px;
    height: 600px;
    left: calc(50% - 1150px/2);
    top: 330px;
}
.Agroup{
    position: absolute;
    background: url(../images/jifenA.jpg);
    width: 472px;height:592px;
    left: calc(50% - 472px/2);
}
.Agroup table {width:472px;}
.Agroup tr {height:64px;}
.Agroup th {height:80px;line-height: 80px;color:#2d3731;font-size:18px;}
.Agroup td {height:64px;line-height: 64px;color:#fff;font-size:14px;text-align: center;}
.Agroup td:nth-child(2),
.Agroup td:nth-child(3) {color:#ff4800;font-size: 18px;font-weight: bold;}
.Agroup td:nth-child(4) {color:#0060ff;font-size: 18px;font-weight: bold;}

.TeamAName{
    position: absolute;
    width: 99px;
    top: 125px;
}
.TeamAName li{
    text-align: center;
    font-size: 19px;
    color: #e1e6ff;
    margin-bottom: 50px;
}
.points{
    color: #e67c00;
}
.Winloseevenpoints1{
    position: absolute;
    width: 374px;
    height: 106px;
    float: left;
    font-size:19.5px;
    color: #a9abad;
    left: 150px;
    top: 125px;
    font-weight: 700;
}
.Winloseevenpoints2{
    position: absolute;
    width: 374px;
    height: 106px;
    float: left;
    font-size:19.5px;
    color: #a9abad;
    left: 150px;
    top: 205px;
    font-weight: 700;
}
.Winloseevenpoints3{
    position: absolute;
    width: 374px;
    height: 106px;
    float: left;
    font-size:19.5px;
    color: #a9abad;
    left: 150px;
    top: 280px;
    font-weight: 700;
}
.Winloseevenpoints4{
    position: absolute;
    width: 374px;
    height: 106px;
    float: left;
    font-size:19.5px;
    color: #a9abad;
    left: 150px;
    top: 355px;
    font-weight: 700;
}  
.win{
    position: absolute;
    color: #ff4800;
    left: 5px;
    top: 0px;
}
.lose{
    position: absolute;
    left: 120px;
    top: 0px;
    color: #ff4800;
}
.even{
    position: absolute;
    left: 160px;
    color: #0060ff;
}
.points{
    text-align: center;
    width: 60px;
    position: absolute;
    left: 220px;
}
.Bgroup{
    position: absolute;
    background: url(../images/jifenB.png);
    width: 472px;height:410px;
    left: calc(75% - 472px/2);
}
.schedule-3{
    position: absolute;
    background: url(../images/con2-3.png);
    width: 839px;height: 250px;
    left: calc(50% - 840px/2);
    top: 420px;
    transition: all 1s;
}

.btn-gotobili {position: absolute; width: 400px; height: 50px; left: calc(50% - 200px); text-align: center; top: 945px; color: #fff; font-size: 18px;animation-play-state: running;}
.btn-gotobili:hover {text-decoration: underline;}

.con3{
    position: relative;
    background: url(../images/con-3.png) no-repeat 50% 0;
    width:1200px;
    height: 1660px;
    margin-left: calc(50% - 1200px/2);
    z-index: 10;
}
.con4{
    position: relative;
    background: url(../images/con-4.png?v=2) no-repeat 50% 0;
    width:1200px;
    height: 440px;
    margin-left: calc(50% - 1200px/2);
    z-index: 10;
}
.con4 .btn-hz-1 {width:260px;height:95px;top:123px;left:50%;margin-left:20px}
.con4 .btn-hz-2 {width:265px;height:95px;top:255px;left:50%;margin-left:-132px}


#loading{width:100%;height:100%;position:fixed;top:0;left:0;background:#000;z-index:20;font-size:18px;color:#cfd1cc;z-index:101}#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}


.pop-video {width:850px;height:480px;display: none}
.pop-video video {width:100%;height:100%;}
.pop-video .btn_close{width: 32px;height:32px;background: url('../images/close.png') no-repeat 0 0;right:-32px;top:0;position: absolute}


@keyframes move {
    0%,100% {transform: translateY(0);}
    50% {transform: translateY(10px);}
}


/* nan */
.nanbox {
    position: fixed;
    background: url(../images/nan.png) no-repeat 0 0;
    width: 103px;
    height: 256px;
    right: 20px;
    top: 400px;
    z-index: 50;
    display: none;
}

.nanstype {
    position: relative;
    font-size: 16px;
    color: #384037;
    cursor: pointer;
    top: 80px;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
}
.nanstype.on {
    color: #ff0000;
}
.nan4{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 217px;
    font-weight: bold;
    color: #e99900;
    font-size: 22px;
}