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;}
.warp .bg{position: absolute;width: 1920px;height: 5600px;left: calc(50% - 1920px/2);z-index:5;background: url(../images/bg_01.jpg) no-repeat 0 0,url(../images/bg_02.jpg) no-repeat 100% 1280px,url(../images/bg_03.jpg) no-repeat 100% 3570px;}
.warp .logo {width:194px;height:54px;background: url(../images/logo.png) no-repeat 0 0;top:30px;left: 50%;margin-left: -570px;z-index: 5;}
.warp .slogan{position: absolute;background: url(../images/slogan.png);width:1094px;height:354px ;left: calc(50% - 547px);top: 530px; z-index: 10;}

.warp .btn-login,.warp .btn-logout {top:890px;left:50%;margin-left:-250px;width:500px;height:40px;line-height: 40px;text-align: center;font-size:24px;font-weight: bold;color:#fff;z-index:15}
.warp .btn-login a,.warp .btn-logout a {color:#fee046;text-decoration: underline;}

.warp .top-nav {top:970px;left:50%;margin-left:-600px;width:1200px;height:100px;display: flex;justify-content: space-around;}
.warp .top-nav a {width:282px;height:100px;background: url(../images/top-nav.png) no-repeat 0 0;}
.warp .top-nav a:nth-child(2){background-position-x:-282px;}
.warp .top-nav a:nth-child(3){background-position-x:-564px;}
.warp .top-nav a:nth-child(4){background-position-x:-846px;}
.warp .top-nav a:hover {filter: drop-shadow(0 3px 5px #000) brightness(1.1);}

.warp .bar {
    width: 990px;
    height:115px;
    background: url(../images/bar.png) no-repeat 0 0;
    left:50%;
    margin-left: -495px;
    top:1120px;
}

.warp .con1{
    width:1040px;
    height: 1000px;
    margin-left: calc(50% - 520px);
    margin-top:1585px;
    z-index: 10;
}
.warp .con1 .team-detail{width: 1030px;height: 390px;}
.warp .con1 .team-img {width: 290px;height:290px;top: 18px;left:50%;margin-left: -501px;border-radius: 10px;overflow: hidden;}
.warp .con1 .team-name {width: 400px;height:40px;line-height:40px;top: 34px;left:50%;margin-left:-115px;color:#000;font-size: 36px;font-weight: bold;}
.warp .con1 .team-state{width:167px;height:168px;top: 145px;right: 70px;background: url(../images/icon-state.png) no-repeat 0 0;display: none;z-index: 30;}
.warp .con1 .team-state.active{display: block;}

.warp .con1 .team-member {width: 430px;height: 230px;top: 115px;left: 50%;margin-left: -100px;}
.warp .con1 .team-member p {width: 194px;height: 52px;margin: 0 10px 25px;line-height: 52px;text-align: center;background: url(../images/bg-name.jpg) no-repeat 0 0;font-size: 22px;color: #000;float: left;font-weight:bold;}
.warp .con1 .team-member p:nth-child(5){margin:0px 118px}

.warp .con1 .team-list{width:960px;height:430px;display: flex;justify-content: space-between;flex-wrap: wrap;margin:0 auto;}
.warp .con1 .team-list a{flex: 0 0 200px;height:215px;background: url(../images/bg-team.png) no-repeat 50% 0;text-align: center;}
.warp .con1 .team-list a img {width:150px;height:150px;display: flex;justify-content: center;align-items: center;flex-direction: column;margin: 12px auto;border-radius: 15px;overflow: hidden;}
.warp .con1 .team-list a span {line-height: 30px;color:#000;font-size:18px;}
.warp .con1 .team-list a:hover {filter: drop-shadow(0 0 5px #fff)  brightness(1.1);}
.warp .con1 .team-list a.active {background-image: url(../images/bg-team-on.png);filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 5px #fff) drop-shadow(0 0 5px #fff) brightness(1.12);}
.warp .con1 .team-list a.active span {color:#ff4dd3;font-weight:bold;}


.con2{
    position: relative;
    width:1200px;
    height: 1435px;
    margin-left: calc(50% - 1200px/2);
    z-index: 10;
}
.con2 .btn-list {width: 126px;height: 42px;background: url(../images/btn-list.png) no-repeat 0 0;top: 193px;left:50%;margin-left: -177px;}
.con2 .btn-list:hover {filter: drop-shadow(0 0 5px #fff) brightness(1.1);}
.con2 .btn-jc {width: 126px;height: 42px;background: url(../images/btn-jc.png) no-repeat 0 0;top: 193px;left:50%;margin-left: 420px;}
.con2 .btn-jc:hover {filter: drop-shadow(0 0 5px #fff) brightness(1.1);}

.con2 .btn-get {width: 222px;height: 70px;top: 740px;left:50%;margin-left: -400px;background: url(../images/btn-get.png) no-repeat 0 0;}
.con2 .btn-get:hover {filter: drop-shadow(0 0 5px #fff) brightness(1.1);}
.con2 .btn-get.done {filter:grayscale(1)}

.con2 .team-select {width: 158px;padding-right: 30px;text-align: center;font-size: 16px;color: #000;line-height: 26px;margin-left: 353px;left:50%;height: 26px;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 {top: 319px;}
.con2 .team-select-2 {top: 433px;}
.con2 .team-select-3 {top: 551px;}
.con2 .team-select-4 {top: 664px;}

.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: 222px;height: 70px;top: 740px;left:50%;margin-left: 180px;background: url(../images/btn-submit.png) no-repeat 0 0;}
.con2 .btn-submit:hover {filter: drop-shadow(0 0 5px #fff) brightness(1.1);}
.con3{
    position: relative;
    width:1200px;
    height: 1580px;
    margin-left: calc(50% - 1200px/2);
    z-index: 10;
}

.con3 .btn-list {width: 170px;height: 56px;background: url(../images/btn-list-2.png) no-repeat 0 0;top: 18px;left: 50%;margin-left: 412px;}
.con3 .btn-list:hover {filter: drop-shadow(0 0 5px #fff) brightness(1.1);}
.con3 .btn-start {width: 222px;height: 70px;top: 710px;left:50%;margin-left: -111px;background: url(../images/btn-start.png) no-repeat 0 0;}
.con3 .btn-start:hover {filter: drop-shadow(0 0 5px #fff) brightness(1.1);}
.con3 .btn-start.lock {filter: grayscale(1);cursor: default}
.con3 .rules {top: 1015px;width: 1100px;left:50%;margin-left: -550px;}
.con3 .rules li {line-height: 35px;color: #000;list-style:none;font-size:18px;padding-left:35px;background: url(../images/icon-list.png) no-repeat left 3px;font-weight: bold;}
.con3 .rules li a {color: #000;text-decoration: underline;}


#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: 770px;height:400px;background: url(../images/pop.png) no-repeat 0 0;padding: 55px 0 0;box-sizing: border-box;display: none;}
.pop .btn_close {width: 60px;height: 60px;top:5px;right: 0;}
.pop .pop-con {width:90%;margin:0 auto;height: 240px;display: flex;justify-content: center;align-items: center;flex-direction: column;color:#082122;font-size: 24px;font-weight: bold;text-align: center;line-height: 30px;}
.pop .pop-con .coupon {color:#cc00ff;line-height: 50px;}
.pop .pop-con a {color: inherit;text-decoration: underline;}
.pop .btn-confirm {width: 222px;height: 72px;top: 300px;left:50%;margin-left: -110px;} 
.pop-guess .btn-confirm {top:391px;}

.pop-guess {background-image: url(../images/pop-guess.png);width: 770px;height: 492px;}
.pop-guess .team {width: 360px;height: 55px;line-height: 55px;color:#082122;font-size: 24px;text-align: center;left:50%;}
.pop-guess .team-1 {top: 86px;margin-left: -117px;}
.pop-guess .team-2 {top: 157px;margin-left: -117px;}
.pop-guess .team-3 {top: 230px;margin-left: -117px;}
.pop-guess .team-4 {top: 302px;margin-left: -117px;}