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(8, 6, 6, 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: 4200px;left: calc(50% - 1920px/2);z-index:5;background: url(../images/bg_01.jpg?v=5) no-repeat 0 0,url(../images/bg_02.jpg?v=2) no-repeat 100% 2100px;}
.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?v=2) 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=5);width:851px;height:433px ;left: calc(50% - 425px);top: 625px; z-index: 10;
}
.btn-login,.btn-logout {top:1010px;left:50%;margin-left:-88px;width:175px;height:45px;line-height: 45px;text-align: center;font-size:23px;font-weight: bold;color:#fff;background: url(../images/btn-login.png) no-repeat 0 0;z-index:15}
.btn-login:hover,.btn-logout:hover {background-image: url(../images/btn-login-on.png);}
.btn-logout {font-size: 14px;font-weight: normal;}
.top-nav {top:1110px;left:50%;margin-left:-600px;width:1200px;height:75px;display: flex;justify-content: space-around;}
.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:nth-child(3){background-position-x:-422px;}
.top-nav a:nth-child(4){background-position-x:-633px;}
.top-nav a:hover {background-position-y: -74px;}


.con1{
    width:1014px;
    height: 790px;
    margin-left: calc(50% - 450px);
    margin-top:1375px;
    z-index: 10;
}
.con1 ul {width:100%;height:590px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.con1 li{margin:0 20px;width:200px;height:249px;background: url(../images/bg-team.png) no-repeat 0 0;padding:5px 23px 0;box-sizing: border-box;}
.con1 li .team-list {width:155px;height:160px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.con1 li .team-list p {line-height: 30px;color:#9ce7ff;font-size:18px;border-bottom: 1px dashed #9ce7ff;}
.con1 li .team-list p:last-child {border-bottom: 0px none;}
.con1 li .team-name {line-height: 50px;color:#fff;font-size:18px;text-align: center;}
.con1 .btn-team {width: 161px;height:35px;background: url(../images/btn-team.png) no-repeat 0 0;bottom:140px;left:50%;margin-left:325px;}
.con1 .btn-team:hover {background-image: url(../images/btn-team-on.png);}
.con2{
    position: relative;
    width:1200px;
    height: 670px;
    margin-left: calc(50% - 1200px/2);
    z-index: 10;
}
.con2 .btn-list {width:161px;height:35px;background: url(../images/btn-list.png) no-repeat 0 0;top: 160px;left:50%;margin-left: -225px;}
.con2 .btn-list:hover {background-image: url(../images/btn-list-on.png);}

.con2 .btn-get {width:111px;height:41px;background: url(../images/btn-get.png) no-repeat 0 0;top: 465px;left:50%;margin-left: -375px;cursor: default;}
.con2 .btn-get.on {background-image: url(../images/btn-get-on.png);cursor: pointer;}
.con2 .btn-get.on:hover {background-image: url(../images/btn-get-hover.png);}



.con2 .btn-jc {width:161px;height:35px;background: url(../images/btn-jc.png) no-repeat 0 0;top: 160px;left:50%;margin-left: 402px;}
.con2 .btn-jc:hover {background-image: url(../images/btn-jc-on.png);}

.con2 .team-select {width:122px;padding-right: 23px;text-align: center;font-size:12px;color:#fff;line-height: 28px;top: 336px;left:50%;height: 28px;background: transparent;border: 0 none;outline: none;-moz-appearance: none;-webkit-appearance: none;appearance: none;cursor: pointer;}
.con2 .team-select option {background: #d1e4ff;color:#000;width:122px;font-size:14px;cursor: pointer;}
.con2 .team-select-1 {margin-left:-11px}
.con2 .team-select-2 {margin-left:140px}
.con2 .team-select-3 {margin-left:290px}
.con2 .team-select-4 {margin-left:440px}

.con2 .drap-list {display: none;position:absolute;width: 123px;height:280px;background-color: #d1e4ff;padding:10px;box-sizing: border-box;top:365px;left:50%;overflow: auto;}
.con2 .drap-list a {display: block;width:100%;line-height: 26px;height:26px;text-align: center;color: #000;}
.con2 .drap-list a:hover {color: #f00;}

.con2 .drap-location-1 {margin-left:-11px}
.con2 .drap-location-2 {margin-left:140px}
.con2 .drap-location-3 {margin-left:290px}
.con2 .drap-location-4 {margin-left:440px}

.con2 .btn-submit {width:131px;height:46px;top:430px;left:50%;margin-left:210px;background: url(../images/btn-submit.png) no-repeat 0 0;}
.con2 .btn-submit:hover {background-image: url(../images/btn-submit-on.png);}

.con3{
    position: relative;
    width:1200px;
    height: 1365px;
    margin-left: calc(50% - 1200px/2);
    z-index: 10;
}

.con3 .btn-list {width:161px;height:35px;background: url(../images/btn-list.png) no-repeat 0 0;top: 160px;left:50%;margin-left: 400px;}
.con3 .btn-list:hover {background-image: url(../images/btn-list-on.png);}

.con3 .btn-start {width:131px;height:46px;top:580px;left:50%;margin-left:-65px;background: url(../images/btn-start.png) no-repeat 0 0;}
.con3 .btn-start:hover {background-image: url(../images/btn-start-on.png);}
.con3 .rules {top:950px;width:1000px;left:50%;margin-left:-500px}
.con3 .rules li {line-height: 28px;color:#fff;list-style:disc;font-size:18px;}
.con3 .rules li a {color: #ffc000;text-decoration: underline;}

.con3 .btn-hz-1 {width: 230px;height:290px;top: 225px;left:50%;margin-left: -261px;}
.con3 .btn-hz-2 {width: 230px;height:290px;top: 225px;left:50%;margin-left: 317px;}

#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 {width: 510px;height:284px;background: url(../images/pop.jpg) no-repeat 0 0;padding:40px 0 0;box-sizing: border-box;display: none;}
.pop .btn_close {width:50px;height:50px;top:5px;right:5px}
.pop .pop-con {width:90%;margin:0 auto;height:180px;display: flex;justify-content: center;align-items: center;flex-direction: column;color:#082122;font-size:18px;font-weight: bold;text-align: center;line-height: 30px;}
.pop .pop-con .coupon {color:#cc00ff}
.pop .pop-con a {color:#3859ff;text-decoration: underline;}
.pop .btn-confirm {width:86px;height:36px;top:230px;left:50%;margin-left:-43px;} 

.pop-guess {background-image: url(../images/pop-guess.jpg);}
.pop-guess .team {width:155px;height:30px;line-height: 30px;color:#082122;font-size:16px;text-align: center;left:50%;}
.pop-guess .team-1 {top:88px;margin-left: -44px;}
.pop-guess .team-2 {top:128px;margin-left: -44px;}
.pop-guess .team-3 {top:171px;margin-left: -126px;}
.pop-guess .team-4 {top:171px;margin-left: 36px;}