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

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;}
.warp{width: 100%;min-width: 1200px;position: relative;overflow: hidden;}
.bg{position: absolute;width: 1920px;height: 4450px;left: calc(50% - 1920px/2);z-index: 10;}
.bgbox{width: 1920px;height:4450px;}
.bg_01{background: url("../images/bg.jpg") no-repeat 50% 0;}

.warp .slogan{
    position: absolute;
    background: url(../images/slogan.png);
    width: 938px;
    height: 484px;
    left: calc(50% - 469px);
    top: 500px;
    z-index: 5;
}
.con1{
    background: url(../images/con-1.png) no-repeat 50% 85px;
    width:1200px;
    height:555px;
    margin-left: calc(50% - 1200px / 2);
    margin-top: 1090px;
    z-index: 10;
    padding-top:235px;
}
.con1.bg2 {background-image: url(../images/con-12.png);}
.con1 .btn-login{width: 152px;height:52px;top:0;left:50%;margin-left:-76px;background: url(../images/btn-login.png) no-repeat 0 0;}
.con1 .btn-login:hover {background-image: url(../images/btn-login-on.png);}
.con1 .logined {width:100%;height:52px;line-height: 52px;text-align: center;color:#453428;font-size: 20px;font-weight: bold;}
.con1 .logined a {color:inherit}
.con1 .btn-join{width: 263px;height:74px;top:130px;left:50%;margin-left:-132px;background: url(../images/btn-join.png) no-repeat 0 0;}
.con1 .btn-join:hover {background-image: url(../images/btn-join-on.png);}
.con1 .zy-box {margin:0 auto;width:950px;height:376px;display: flex;justify-content: space-between;}
.con1 .zy-item {width: 287px;height:376px;background: url(../images/bg-zy-0.png) no-repeat 0 0;position: relative;}
.con1 .zy-item.gold {background-image: url(../images/bg-zy-1.png);}
.con1 .zy-item.silver {background-image: url(../images/bg-zy-2.png);}
.con1 .zy-item.copper {background-image: url(../images/bg-zy-3.png);}

.con1 .zy-item .name {position: absolute; left:0;top:110px;height:86px;line-height: 86px;color: #453428;font-size: 68px;font-weight: bold;text-align: center;width: 100%;}
.con1 .zy-item .count {position: absolute;left:0;top:283px;height:30px;line-height: 30px;color: #6b5323;font-size: 15px;font-weight: bold;text-align: center;width: 100%;}
.con1 .zy-item .count span {color:#c43b00;width:85px;display: inline-block;text-align: center;font-size: 18px;}
.con1 .zy-item .buff {width: 101px;height:101px;line-height: 101px;background: url(../images/bg-buff.png) no-repeat 0 0;text-align: center;font-size: 18px;font-weight: bold;color:#fff;position: absolute;top: 290px;left: 190px;}

.con1 .zy-item.me {filter: drop-shadow(0 0 5px #dca54d) drop-shadow(0 0 10px #dca54d) drop-shadow(0 0 15px #dca54d);}
.con1 .zy-item.me .name::before {content:'已加入';color: #836f47;font-size: 22px;font-weight: bold;width:100px;height:35px;top:-52px;left:50%;margin-left:-50px;position: absolute;}
.con2{
    width:1200px;
    height:970px;
    margin-left: calc(50% - 1200px / 2);
    margin-top: 0;
    z-index: 10;
}
.con2 .sub-nav {margin:0 auto;width:1200px;display: flex;height:106px;justify-content: space-around;}
.con2 .sub-nav a {flex:0 0 268px;height:106px;background: url(../images/sub-nav.png) no-repeat 0 0;}
.con2 .sub-nav a:nth-child(2){background-position: -268px 0;}
.con2 .sub-nav a:nth-child(3){background-position: -536px 0;}
.con2 .sub-nav a:hover,.con2 .sub-nav a.on {background-position-y: -106px;}
.con2 .con2-detail {width:1200px;height:770px;margin-top:55px;display: none;}
.con2 .con2-detail-3 {background:url(../images/con2-3.png) no-repeat 0 0;}
.con2 .con2-detail-2 {background:url(../images/con2-2.png) no-repeat 0 0;}
.con2 .con2-detail-2 .btn-get {top: 555px;left:50%;width:97px;height:33px;background: url(../images/btn-get.png);}
.con2 .con2-detail-2 .btn-get.active::after {content: "";background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAlCAYAAADIgFBEAAAEC0lEQVRYhcWYW4iWVRSGnxl1NCnzEJpN4GlyBNGL0pLAoq66CFEJNC2TyCMqGtWFBygwi0QqJCMTRIUZDUSti65SJEPUwkAMj4joKIQHnEJr0n5Z8m5Y7Nn7+79fonkv9N/729/e77cO71p76iqVCpysowthh78EfF/flSyAJ4D9wEc26Eoys4FfgYnA5a4iY2d+BmwGemvukv3T/X+OlwagFZgazYtM7egGjJC/H9TbfwKngbPAnQIiO4GXE89+r4WMbTQFmA68CPTJrGsHfgBagD3AP5q3D9ieIWK4VYaM+XcOsBJ4vATp3iJrQfks8L4IrtfHFJ1TSOYxmXVC4lkb8BtwTeP+QDPQF+gATgF7gb+AhcCCKh/xcBGZ8cBuEQqw9PtS5j6deW+4LFIBfgTGAZ9WIYJikLrKiU4PnjM1dGn3N7AGWBt8WwJ1stYvwJAS648BY2PLDFPgBSJmjUnAzyVJBJhl1pUkYhhjbvZkukkDzO8o958HztRIxDAZeKMG4t8BPTwZy5pn9LtDG94PkYHAVyXX2v6zgIO4cmA6ssIt+hA4knj5oRIHfCJC1bAVeDIQ8WSmOB2xOFkbbTQI2AL8VKWeTdCXFsEUeqnc+IdfFzZ+1c1tcFljzxcBJ3SIBdq0zEEWc18ok3IwRZ4JfJ6SlXpt8oKb+0b/Py1XrXdBjVQ1pU9vyuxFROxDdqimTY2tbIMmV2tMWa8oAA9mNh8JvB7NmRR8UEDkjtyyS/H0tmKrKSYz1I2tjpwE5laJjVUK+gBz5eDMWkvd+ZIN5O4F0qDhMZkBbtyzoCJ7mDi+pbGZ/N2CtcuBTW48GnhUv/vHZDwOafHuEoTskAdE6pHMmm3Ax9FcQ2btPTJX3XighMhS/ZXQ9GTQKPcsyzzf66znMcj9vuYfWKFsVuqiAPZ9S6N8PTFzoGVIj8T8eeCp6EMDLmpfwyjF6D3UyxLt7nBrJwPa1CxtzJBJEemQVVNEmhyR9rjc1Cvt9rm5WNRuA/NUIspgcUGVn+5+74v75RDArW7OOrNeiY2s9VyiVM1he4EVe2nvgNZ4QSCzS75EevFeZkNT49cyN4AL0WEx3nFa1KYzk2Q6IjesUMuYQovaDW+him6I1zPvjJNQBqzWmUkyhq+lM4YGMW+KXxA2R0K3UamcwgjtFfTlkM7qhLgHNmU9Grr1Em3nBmXOqFgznEW+de65oblk0xYr8Dl1eDc1tk0OyMSpoF4ssjGRnnrngCNyU2Ka7R5TtwND0VWlRdfYFMwlM1QIfeG8LiL7c0SKyFDiEnfcBWw/1bTGxNrD0pdz2ZOaK1XJIDfOU1Esc731uKj7lvVG/xauLEkmoJaLvymrCZplUKf0/S/IeNzvn0SKyQB3Adu66BbtzeP6AAAAAElFTkSuQmCC) no-repeat 0 0;width: 35px;height:37px;position: absolute;
    top: -89px;
    left: 75px;}

.con2 .con2-detail-2 .btn-get:hover {background-image: url(../images/btn-get-on.png);}
.con2 .con2-detail-2 .btn-get-1 {margin-left:-154px;}
.con2 .con2-detail-2 .btn-get-2 {margin-left:20px;}
.con2 .con2-detail-2 .btn-get-3 {margin-left:200px;}
.con2 .con2-detail-2 .btn-get-4 {margin-left:380px;}
.con2 .con2-detail p {width:82px;line-height: 28px;color:#ffb400;font-size: 20px;text-align: center;left:50%}
.con2 .con2-detail-2 .p1 {top: 642px;margin-left: 132px;}
.con2 .con2-detail-2 .p2 {top: 672px;margin-left: -34px;}
.con2 .con2-detail-2 .p3 {top:672px;margin-left: 260px;}
.con2 .con2-detail-1 {background:url(../images/con2-1.png?v=2) no-repeat 0 0;}
.con2 .con2-detail-1 .p1 {top: 467px;margin-left: -149px;font-weight: bold;}
.con2 .con2-detail-1 .p2 {top: 467px;margin-left: 147px;font-weight: bold;}
.con2 .con2-detail.active {display: block;}

.con2 .con2-detail.active {display: block;}

.con3{
    background: url(../images/con3.png) no-repeat 50% 0;
    width:1200px;
    height: 990px;
    margin-left: calc(50% - 1200px / 2);
    margin-top: 0;
    z-index: 10;
}
.con3 p {color:#40372c;font-size: 30px;font-weight: bold;line-height: 40px;left:50%;top:30px}
.con3 .p1 {margin-left: -250px;}
.con3 .p2 {margin-left: 40px;}
.con3 .btn-list {width: 152px;height:52px;background: url(../images/btn-list.png) no-repeat 0 0;top:25px;left:50%;margin-left: 235px;}
.con3 .btn-list:hover{background-image:url(../images/btn-list-on.png);}

.con3 .btn-start {width: 196px;height:196px;background: url(../images/btn-start.png) no-repeat 0 0;top:105px;left:50%;margin-left: -98px;}
.con3 .btn-start:hover{background-image:url(../images/btn-start-on.png);}
.con4{
    width:1200px;
    height:610px;
    margin-left: calc(50% - 1200px / 2);
    margin-top: 0;
    z-index: 10;
}
.con4 .tips {padding-top:75px;width:1000px;margin:0 auto;color:#e2a04f;font-size:16px;line-height: 24px;}
.con4 .tips a {color:#fff;text-decoration: underline;}
.con4 .tips span {display: block;padding-left:30px;color:#ffd800;padding-bottom: 10px;}



/* .pop {display: none;} */
.pop-text {width: 566px;height:240px;background: url(../images/pop.jpg) no-repeat 0 0;padding-top: 25px;box-sizing: border-box;}
.pop-confirm {width: 566px;height:336px;background: url(../images/pop-join.jpg) no-repeat 0 0;padding-top: 45px;box-sizing: border-box;}
.pop .btn_close {width:50px;height:50px;top:45px;right:30px;}
.pop .btn-confirm,
.pop .btn-cancel {width: 166px;height: 47px;bottom: 30px;left:50%;margin-left:-80px;background: url(../images/btn-confirm.png) no-repeat;}
.pop-text .text-info{width: 550px;height: 135px;display: flex;justify-content: center;align-items: center;flex-direction: column;color:#88450a;font-size: 20px;line-height: 34px;margin:0 auto;font-weight: bold;text-align: center;}

.pop-text .text-info a {font-size: 20px;font-weight: normal;color:#88450a;text-decoration: underline;}
.pop-text .text-info .gift-name {color:#ff6600}
.pop-text .text-info .tips,
.pop-text .text-info .tips a {font-size: 16px;font-weight: normal;color:#88450a;}
.pop-text .text-info .coupon {width: 390px;height:40px;background-color: #88450a;color:#fefefe;font-size: 18px;text-align: center;line-height: 40px;border-radius: 20px;margin-top: 5px;font-weight: normal;}

.pop-confirm .p1 {color:#ff6600;font-size: 20px;font-weight: bold;top: 73px;left:50%;margin-left:-10px;width: 64px;text-align: center;line-height: 26px;}
.pop-confirm .p2 {color:#ff6600;font-size: 20px;font-weight: bold;top: 185px;left:50%;margin-left: -54px;width: 40px;text-align: center;line-height: 26px;}

.pop-confirm .btn-confirm {bottom:30px;width:166px;height:47px;margin-left:-183px;background: url(../images/btn-pop-join.png) no-repeat 0 0;}
.pop-confirm .btn-cancel {bottom:30px;width:166px;height:47px;margin-left:22px;background: url(../images/btn-pop-change.png) no-repeat 0 0}
.pop-confirm .btn-confirm:hover,
.pop-confirm .btn-cancel:hover {filter: brightness(1.1);}

.pop-record{width: 566px;height:424px;background: url(../images/pop-record.png) no-repeat 0 0;padding-top: 130px;box-sizing: border-box;}
.pop-list{width: 872px;height: 520px;background: url(../images/pop-list.png) no-repeat 0 0;padding-top: 130px;box-sizing: border-box;}

.pop-list .listBox,
.pop-record .listBox {
    width: 580px;
    height: 180px;
    position: relative;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
}
.pop-list .listBox{width: 750px;height: 300px;}

.pop-list .myPrize,
.pop-record .myPrize {
    text-align: center;
    width: 556px;
    color: #88450a;
    
}
.pop-record .myPrize{margin: 0 auto;}
.pop-list .myPrize {width: 734px;margin-left:-8px}

.pop-list .listBox .myPrize td,
.pop-record .listBox .myPrize td {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
}
.pop-list .listBox .myPrize td a {color:#88450a;text-decoration: underline;}

.pop-gx {width: 566px;height:240px;background: url(../images/pop-gx.jpg) no-repeat 0 0;}
.pop-gx .p1 {color:#ff6600;font-size: 20px;font-weight: bold;top: 43px;left:50%;margin-left:-10px;width: 130px;text-align: center;line-height: 26px;}
.pop-gx .p2 {color:#ff6600;font-size: 20px;font-weight: bold;top: 72px;left:50%;margin-left: -2px;width: 60px;text-align: center;line-height: 26px;}
.pop-gx .btn-cancel {width: 300px;height:50px;background: none;margin-left: -150px;}