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


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;height:4500px;background: url("../images/bg.jpg") no-repeat 50% 0;}


.warp .logo{
    position: absolute;
    background: url(../images/logo.png) no-repeat 50% 0;
    width: 190px;
    height: 51px;
    left: calc(50% - 95px);
    top: 45px;
    z-index: 6;
}
.warp .slogan{
    position: absolute;
    background: url(../images/slogan.png) no-repeat 50% 0;
    width: 790px;
    height: 532px;
    left: calc(50% - 380px);
    top: 110px;
    z-index: 6;
}
.warp .btn-canyu{
    position: absolute;
    background: url(../images/btn-canyu.png) no-repeat 50% 0;
    width: 272px;
    height: 81px;
    left: calc(50% - 123px);
    top: 664px;
    z-index: 5;
}
.warp .btn-canyu:hover {
    filter: drop-shadow(0 0 5px #fff)  drop-shadow(0 0 10px #fff);
}
.warp .logout{
    position: absolute;
    width: 272px;
    height: 40px;
    left: calc(50% - 123px);
    top: 692px;
    font-size: 22px;
    color:#441703;
    text-align: center;
    z-index: 5;
    font-weight: bold;
}
.warp .logout a {color: inherit;}
.warp .tips{
    position: absolute;
    background: url(../images/tips.png) no-repeat 50% 0;
    width: 1072px;
    height: 203px;
    left: calc(50% - 536px);
    top: 905px;
    z-index: 5;
}
.warp .con1{
    position: absolute;
    background: url(../images/con-1.png) no-repeat 50% 0;
    width: 1204px;
    height: 1320px;
    left: calc(50% - 602px);
    top: 1220px;
    z-index: 5;
}
.warp .con1 .navs {width: 1152px;height:124px;top: 205px;left: 26px;}
.warp .con1 .navs a {position: relative;}
.warp .con1 .navs a:nth-child(1){width: 375px;height:124px;float:left}
.warp .con1 .navs a:nth-child(2){width: 391px;height:124px;float:left}
.warp .con1 .navs a:nth-child(3){width: 386px;height:124px;float:left}
.warp .con1 .navs a:nth-child(1).on{background: url(../images/nav-1-on.png) no-repeat 0 0;}
.warp .con1 .navs a:nth-child(2).on{background: url(../images/nav-2-on.png) no-repeat 0 0;}
.warp .con1 .navs a:nth-child(3).on{background: url(../images/nav-3-on.png) no-repeat 0 0;}

.warp .con1 .navs a.finish::after {content:'';width: 92px;height:90px;background: url(../images/icon-join.png) no-repeat 0 0;position: absolute;top:-50px;right:0px;}
.warp .con1 .evt {width: 809px;height:595px;background: url(../images/evt-1.png) no-repeat 0 0;top: 350px;left: 43px;display: none;}
.warp .con1 .evt-2 {background-image: url(../images/evt-2.png);}
.warp .con1 .evt-3 {background-image: url(../images/evt-3.png);}
.warp .con1 .evt.active {display: block;}

.warp .con1 .btn-get {width:101px;height:29px;background: url(../images/btn-get.png) no-repeat 0 0 ;top:365px;}
.warp .con1 .btn-get-1 {left:25px}
.warp .con1 .btn-get-2 {left:187px}
.warp .con1 .btn-get-3 {left:352px}
.warp .con1 .btn-get-4 {left:518px}
.warp .con1 .btn-get-5 {left:682px}
.warp .con1 .btn-get:not(.done):hover {filter: brightness(1.1);}
.warp .con1 .btn-get.done {filter: grayscale(1);}


.warp .con1 .progress-bar {width: 810px;height:13px;background: #c0b9a5;top:450px;left:0;border-radius: 6px;}
.warp .con1 .progress-bar .progress {height:13px;width:0%;background: #fdcd35;border-radius: 6px;position: relative;}
.warp .con1 .progress-bar .progress::after {content:'';width: 41px;height:42px;background: url(../images/icon-progress.png) no-repeat 0 0;top:-15px;right:-15px;position: absolute;}

.warp .con1 .count {width: 810px;height:70px;display: flex;top:490px;left:0}
.warp .con1 .count p {width: 20%;font-size: 36px;font-weight: bold;color:#707070;line-height: 44px;text-align: center;}
.warp .con1 .count p span {font-size:18px;line-height: 24px;width: 100%;display: block;}
.warp .con1 .count p.on {color:#ed6000}
.warp .con1 .count p.on span {color: #dc9100;}
.warp .con1 .evt .total {width: 180px;height: 38px;line-height: 38px;color:#fff;font-size: 30px;font-weight: bold;top: 442px;left: 882px;text-align: center;}

.warp .con1 .btn-box {width: 312px;height: 82px;background: url(../images/btn-box.png) no-repeat 0 0;top: 980px;left: 445px;text-align: center;}
.warp .con1 .btn-box:hover {filter: brightness(1.1);}

.warp .con2{
    position: absolute;
    background: url(../images/con-2.png) no-repeat 50% 0;
    width: 1250px;
    height: 1900px;
    left: calc(50% - 625px);
    top: 2540px;
    padding-top: 1460px;
    box-sizing: border-box;
    z-index: 5;
}
.warp .con2 .countdown {position: absolute;width: 1200px;height:60px;line-height: 60px;font-size: 30px;font-weight: bold;color:#ffb210;text-shadow: 0 0 2px #000,0 0 2px #000,0 0 2px #000;top:518px;left:50%;margin-left:-600px;text-align: center;}
.warp .con2 .btn-list {width: 312px;height: 82px;background: url(../images/btn-list.png) no-repeat 0 0;top: 1010px;left: 445px;text-align: center;}
.warp .con2 .btn-list:hover {filter: brightness(1.1);}
.warp .con2 .rules {
    width: 1110px;
    margin: 0 auto;
    list-style: none;
    box-sizing: border-box;
    counter-reset: rule;
    padding-right: 150px;
}
.warp .con2 .rules li {
    position: relative;
    line-height: 24px;
    color: #1a1a1a;
    font-size: 16px;
    font-weight: bold;
    padding: 6px 0 2px 30px;
    counter-increment: rule;
}
.warp .con2 .rules li::before {
    content: counter(rule);
    position: absolute;
    left: 0;
    top: 9px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #1a1a1a;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    border-radius: 50%;
    font-family: Arial, "Microsoft YaHei", sans-serif;
}
.warp .con2 .rules li a {
    color: #a34105;
    text-decoration: underline;
    font-weight: bold;
}
.warp .con2 .rules li a:hover {
    text-decoration: underline;
}

.pop {display: none;}
.pop .btn_close {width: 50px;height: 50px;top: 5px;right: 26px;}
.pop .btn-confirm {width: 142px;height:41px;background: url(../images/btn-pop-confirm.png) no-repeat 0 0;bottom: 45px;left:50%;margin-left:-71px}
.pop .btn-confirm:hover{filter:brightness(1.1) ;}

.pop-text {width:706px;height:302px;padding-top:50px;background: url(../images/pop.png) no-repeat 0 0;box-sizing: border-box;}
.pop-text p {color:#221500;font-size:22px;line-height:40px;width: 640px;margin:0 auto;text-align: center;display: flex;justify-content: center;align-items: center;flex-direction: column;height: 160px;}
.pop-text p span.name {color:#ff0000; font-weight:bold; font-size:36px; }
.pop-text p span.name b {color:#ff7f00;font-size: 30px;}
.pop-text p span.coupon {color:#4c2600; font-weight:bold; font-size:18px; }
.pop-text p span.coupon b {color:#fff;font-size: 18px;padding:0 20px;height:24px;background: #4c2600;text-align: center;display: inline-block;line-height: 24px;border-radius: 14px;font-weight: normal;min-width:280px}

.pop-text p a {font-size: 26px;color:#686868;text-decoration: underline;}
.pop-text p span a {font-size:inherit} 
.pop-list {width: 898px;padding-top: 102px;box-sizing: border-box;height:478px;background: url(../images/pop-list.png?v=2) no-repeat 0 0;padding-left: 330px;}
.pop-list .btn_close {top:41px;}
.pop-list ul {width: 500px;margin-bottom: 24px;display: block;height: 60px;}
.pop-list ul li {width: 20%;float: left;color:#221500;font-size: 16px;line-height: 30px;text-align: center;}

.pop-list-2 {width:896px;padding-top: 60px;box-sizing: border-box;height:668px;background: url(../images/pop-list-2.png?v=2) no-repeat 0 0;}
.pop-list-2 .btn_close {top:41px;}
.pop-list-2 p {color:#221500;font-size:22px;line-height:40px;width: 634px;margin:0 auto;text-align: center;display: flex;justify-content: center;align-items: center;flex-direction: column;height: 110px;padding-bottom: 100px;}
.pop-list-2 p span.name {color:#ff0000; font-weight:bold; font-size:36px; }
.pop-list-2 p span.name b {color:#ff7f00;font-size: 30px;}
.pop-list-2 p span.coupon {color:#4c2600; font-weight:bold; font-size:18px; }
.pop-list-2 p span.coupon a {color: inherit;text-decoration: underline;}
.pop-list-2 p span.coupon b {color:#fff;font-size: 18px;;padding:0 20px;min-width: 280px;height:24px;background: #4c2600;text-align: center;display: inline-block;line-height: 24px;border-radius: 14px;font-weight: normal;}
.pop-list-2 ul {width: 500px;display: block;height: 60px;margin-bottom: 24px;padding-left: 330px;}
.pop-list-2 ul li {width: 20%;float: left;color:#221500;font-size: 16px;line-height: 30px;text-align: center;}


.pop-box {width: 1118px;padding-top:155px;box-sizing: border-box;height:478px;background: url(../images/pop-box.png) no-repeat 0 0;}
.pop-box .btn_close {top:41px;}
.pop-box .list {width: 1060px;height: 240px;color:#221500;font-size: 18px;margin:0 auto;overflow: auto;}
.pop-box .list li p{height:40px;line-height: 40px;text-align: center;float:left}
.pop-box .list li p:nth-child(1){width: 300px;} 
.pop-box .list li p:nth-child(2){width: 390px;}
.pop-box .list li p:nth-child(3){width: 230px;}
.pop-box .list li a {color:#723000;font-weight: bold;display: block;width: 120px;height:40px;float: left;text-decoration: underline;}