*{padding:0;margin:0;}
.swiper-container,body,html{width:100%;height:100%;overflow:hidden;font-family: "Merriweather", sans-serif; font-size: 14px; line-height: 1.4;}
input, textarea, select { font-family: "Merriweather", sans-serif; }
a{text-decoration: none;}
.full-bg{position:relative;width:100%;height:100%;}

.logo { display: block; width:225px; margin:0 auto; }
.logo img { display:block; width:100%; }

.section { position: relative; width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
.section .wrapper { position: relative; margin:0 auto; width:1200px; z-index:2; }
.section .logo { position:absolute; left:-21%; top:21px; }
.sec1 { background:url(../images/bg1-en.jpg) no-repeat center center/cover; }
.sec2{ background:url(../images/bg2.jpg) no-repeat center center/cover; }
.sec3 { background:url(../images/bg3.jpg) no-repeat center center/cover; }
.sec4 { background:url(../images/bg4.jpg) no-repeat center center/cover; }
.sec2 .wrapper {width: 1200px;}

.sec-nav { position:fixed; right: 20px; top: 50%; margin-top: -205px; z-index:2;width: 191px; height: 410px; padding:104px 0 20px 0; display:none; }
.sec-nav:before { position: absolute; right: -64px; top: 0%; content:"";width: 57px;height: 510px; background: url(../images/nav-bg.png) no-repeat; }
.sec-nav a{display: block; width: 131px;height: 42px; background: url(../images/nav.png) no-repeat;font-size: 16px;line-height: 16px;color:#301e2b;text-align: center;padding: 21px 29px 18px 42px;}
.sec-nav a:hover,.sec-nav a.on{ background-image:url(../images/nav-on.png);}

/*sec1*/
.login-content { position:absolute; right:-5%; top:20px; }
.login-btn,.login-content .rule,.login-content .bind { display:block; width:89px; height:89px;color:#7d140b;text-align: center;line-height: 89px; background:url(../images/login.png) no-repeat 0 0;}
.login-btn:hover,.rule:hover,.login-content .bind:hover{filter: brightness(1.2);}
.before-login, .after-login { display:none; }
.before-login.show, .after-login.show { display:flex; align-items:center; justify-content:center;flex-direction: row-reverse; }
.after-login .user-info{color:#fefffa}
.rule{position: absolute;bottom: -131px;right: -77px;}
.login-content .bind{position: absolute;bottom: -65px;right: -40px;}


.sec1 .wrapper > * { z-index:3; }
.sec1 .wrapper > .index-cont { z-index:2; }
.kv-video{position: absolute; top: 0;left: 0; width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}

.reservation {position:relative;width: 750px;height: 563px;margin: 300px auto 0;left: 25px;top: -30px;}
.claimpart {position:relative;width: 950px;height: 430px;}
/* 灯笼底部晃动动画 */
@keyframes lanternSwing {
    0%, 100% { transform-origin: top center; transform: rotate(0deg); }
    25% { transform-origin: top center; transform: rotate(2deg); }
    75% { transform-origin: top center; transform: rotate(-2deg); }
}

.claimpart a.claimbtn{position:relative;display:inline-block; padding:115px 35px 139px 35px; width:156px;height:167px;text-align:center;color:#fee0a0;cursor:default;background: url(../images/item.png?20250617) no-repeat left top;margin: 0px 0px 0 -33px;animation: lanternSwing infinite ease-in-out;filter: brightness(1.05);text-decoration: none;}
.claimpart a.claimbtn:nth-child(1){animation-duration: 3s; animation-delay: 0s;}
.claimpart a.claimbtn:nth-child(2){animation-duration: 3.5s; animation-delay: 0.5s;}
.claimpart a.claimbtn:nth-child(3){animation-duration: 2.8s; animation-delay: 0.2s;}
.claimpart a.claimbtn:nth-child(4){animation-duration: 4s; animation-delay: 0.8s;}
.claimpart a.claimbtn.on::before,a.claimbtn.claimed:before {position: absolute;right: 19px;top: 42px; content: ""; display: block; width: 77px; height: 39px;}
a.claimbtn.claimed:before {background: url(../images/claimed.png) no-repeat 0 0; }
.claimpart a.claimbtn.claimed{filter: brightness(1);}
.claimpart a.claimbtn:nth-child(1){left: 89px;top: -43px;}
.claimpart a.claimbtn:nth-child(2){left: 98px;top: -41px;}
.claimpart a.claimbtn:nth-child(3){left: 115px;top: -29px;}
.claimpart a.claimbtn:nth-child(4){left: 130px;top: -70px;}

.chest{width: 150px;height: 104px;font-family: "Merriweather", sans-serif;line-height: 45px;font-size: 20px;
    color: #fff;background-image: -webkit-linear-gradient(90deg,#d7ad67 50%,#f1e9a7 65%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.chest span{display: block;width: 100px;height: 37px; font-family: "Merriweather", sans-serif;margin: 0 auto;font-size: 26px;font-weight: bold;
color: #fff;background-image: -webkit-linear-gradient(90deg,#d7ad67 31%,#f1e9a7 54%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}
.chest span.txt{font-size: 16px;background-image: -webkit-linear-gradient(90deg, #d7ad67 19%, #f1e9a7 13%);font-weight: normal;margin-top: -10px;height: 28px;}

a.claimbtn .dt{width:143px; text-align: center; color:#874d44; z-index: 99; line-height: 20px; font-weight:bold; font-size:14px }
a.claimbtn .dt span { /*margin-right: 20px;*/display: block;margin: 2px 0;}
a.claimbtn .dt span:nth-last-child(1) { margin-right: 0;line-height: 13px;}
a.claimbtn .dt span i { display: inline-block; *display: inline; *zoom: 1;  vertical-align: middle; width: 20px; height: 20px; margin-right: 2px;}
a.claimbtn .dt span i.si1 { background: url(../images/1.png) no-repeat 0 0/100%;}
a.claimbtn .dt span i.si2 { background: url(../images/2.png) no-repeat 0 0/100%;}
a.claimbtn .dt span i.si3 { background: url(../images/3.png) no-repeat 0 0/100%;}
a.claimbtn .dt span i.si4 { background: url(../images/4.png) no-repeat 0 0/100%;}
a.claimbtn .dt span i.si5 { background: url(../images/5.png) no-repeat 0 0/100%;}
a.claimbtn .dt span i.si6 { background: url(../images/6.png) no-repeat 0 0/100%;}
a.claimbtn .dt span i.si7 { background: url(../images/7.png) no-repeat 0 0/100%;}
.en,.sp,.ar{display: none;}
.enpage .en,.sppage .sp,.arpage .ar{display: inline-block; *display: inline; *zoom: 1;}

.reservation .note { position: absolute; left: 33%; top:478px;color:#fbf7a0; font-size:22px; text-align:center; line-height:38px; width:380px; height: 38px;}
.reservation .note span { display: inline-block; *display: inline; *zoom: 1;color: #fbf7a0;}

a.reservebtn,a.claim_btn{display:none;background: url(../images/btn1.png) no-repeat 0 0/100%;width:242px;height:65px;line-height:65px;text-align:center;color:#542a0b;
      box-sizing: border-box;margin: 50px auto 0;font-size: 26px;position: relative;left: 72px;text-decoration: none;}
a.claim_btn.show,a.reservebtn.show{display: block;}
a.reservebtn.reserved ,a.claim_btn.claimed {cursor: default;filter: grayscale(1);}
a.reservebtn.reserved, a.claim_btn.claimed{filter: grayscale(1);}
a.claim_btn.claimed:hover{filter: grayscale(1);}
a.reservebtn:hover,a.claim_btn:hover{filter: brightness(1.2);}
a.reservebtn.reserved:hover{filter: brightness(1.0);}

.progresspart{margin:0 auto; padding-top: 60px;}
.progressbar{width:926px;height:37px;margin: 0 auto ;}
.progressbar .progress{height:76px;padding:34px 42px 13px 106px;float:left;position:relative;width:725px;background:url(../images/bar.png) no-repeat 0 0px}
.progress .barpanel{position:absolute;left:0;top:0;width:725px;height:76px;padding:34px 42px 13px 106px;}
.progress .bar{position:absolute;left:0;top:0;height:76px;padding:34px 42px 13px 106px;background:url(../images/bar-on.png) no-repeat 0 0px;transform: none !important;}
.num{ position:absolute; top:10px; width: 60px; height: 27px; text-align: center; line-height: 28px; font-weight: bold; 
    color:#ffe4af; background-color: #92270d;-webkit-background-clip: text;-webkit-text-fill-color: #ffe4af;-webkit-text-stroke: 4px transparent;letter-spacing: 2px;}
.total_txt{position:absolute; top:28px;left:-61px; width:161px; height: 44px;padding-top: 5px;font-size: 21px; text-align: center; line-height: 17px;font-family: "Merriweather", sans-serif;
   color:#ffe4af; background-color: #92270d;-webkit-background-clip: text;-webkit-text-fill-color: #ffe4af;-webkit-text-stroke: 4px transparent;letter-spacing: 2px;}
.bar.p1 {width:2.1%}
.bar.p2 {width:26.1%}
.bar.p3 {width:51.1%}
.bar.p4 {width:100%}

.num1 {left:16%;top: 28px;}
.num2 {left: 39.5%;top: 46px;}
.num3 {left: 64%;top: 40px;}
.num4 {left: 88%;top: 24px;}

.num1:after { content: "2000" }
.num2:after { content: "5000" }
.num3:after { content: "10000" }
.num4:after { content: "20000" }

/*sec2*/
.title { margin:0 auto; width:100%; font-size:0; }
.title1 { height:125px; background:url(../images/en/title1.png) no-repeat center center;margin-top: -80px;}
.exchange {width: 1100px;}
.exchange .left{width: 542px;height: 623px;display: inline-block; *display: inline; *zoom: 1;vertical-align: middle;text-align: center;}
.exchange .left .btn1{position: relative;top:-20px; display: block;width: 223px;height: 60px;line-height: 60px;text-align: center; background: url(../images/btn1.png) no-repeat;color:#542a0b;font-family: 'Merriweather', sans-serif;font-size: 25px;margin: 0 auto;cursor: pointer;}
.exchange .left .btn1.disabled{filter: grayscale(1);cursor: default;}
.exchange .right{width: 530px;height: 650px;display: inline-block; *display: inline; *zoom: 1;vertical-align: middle;}
.exchange .right .garment{position: relative;width: 462px;height: 646px;background: url(../images/garbg.png) no-repeat;padding: 50px 40px 0 40px;}
.exchange .right .garment h3{width: 285px;height: 55px;line-height: 50px;text-align: center; font-size: 18px;color: #fff4d6;background: url(../images/tit_gar.png) no-repeat 0 0/100%;margin: 10px auto;font-weight: normal;font-family: "roboto", sans-serif;}
.exchange .right .garment h3 span{color:#ffe171}
.exchange .right .garment ul{width:467px;margin: 0 auto;display: flex;justify-content: center;flex-wrap: wrap;}
.exchange .right .garment ul li{position: relative; display: inline-block;*display:inline;*zoom:1; width:130px;height:172px; margin: 5px 3px;background: url(../images/li_bg.png) no-repeat 0 0;text-align: center;align-content: center;cursor: pointer;}
.exchange .right .garment ul li img{margin: 2px 10px 3px;}
.exchange .right .garment ul li span{position: absolute;top:82px;left: 74px;color:#f7e6c8;font-size: 14px;}
.exchange .right .garment ul li p{font-size: 14px;color:#f7e6c8;line-height: 16px;width: 120px;margin: 0 auto 5px;}
.info{position: absolute;top: -5px;right: 133px;width: 64px;height: 64px;background: url(../images/wen.png) no-repeat;}

/*sec3*/
.title2 { height:91px; background:url(../images/en/title2.png) no-repeat center center; }
.deng{position: relative; width: 970px;height: 552px;margin: 30px auto 0;}
.deng li{position: absolute; display: inline-block;*display:inline;*zoom:1; color:#fff5e5;width: 120px;height: 30px;line-height: 30px;text-align: center;}
.deng li.d2{top:-14px; left:35px; animation: fly1 6s linear infinite;}
.deng li.d2:after{position: absolute;content: "";top: -8px;left:50%;transform: translateX(-50%);background:url(../images/deng/1-no.png) no-repeat 0 0/100%;width:222px;height:319px; }
.deng li.d2.wish:after{background:url(../images/deng/1.png) no-repeat 0 0/100%;cursor: pointer;}
.deng li.d2.wish:hover:after{background:url(../images/deng/1-on.png) no-repeat 0 0/100%;}
.deng li.d3{top:18px; left:393px;animation: fly2 5s linear infinite; }
.deng li.d3:after{position: absolute;content: "";top: -5px;left:50%;transform: translateX(-50%);background:url(../images/deng/2-no.png) no-repeat 0 0/100%;width:214px;height:266px; }
.deng li.d3.wish:after{background:url(../images/deng/2.png) no-repeat 0 0/100%;cursor: pointer;}
.deng li.d3.wish:hover:after{background:url(../images/deng/2-on.png) no-repeat 0 0/100%;}
.deng li.d4{top:11px; left:768px;animation: fly3 8s linear infinite; }
.deng li.d4:after{position: absolute;content: "";top: -9px;left:50%;transform: translateX(-50%);background:url(../images/deng/3-no.png) no-repeat 0 0/100%;width:198px;height:268px;}
.deng li.d4.wish:after{background:url(../images/deng/3.png) no-repeat 0 0/100%;cursor: pointer;}
.deng li.d4.wish:hover:after{background:url(../images/deng/3-on.png) no-repeat 0 0/100%;}
.deng li.d1{top:243px; left:239px;animation: fly2 7s linear infinite; }
.deng li.d1:after{position: absolute;content: "";top: -11px;left:50%;transform: translateX(-50%);background:url(../images/deng/4-no.png) no-repeat 0 0/100%;width:296px;height:379px;}
.deng li.d1.wish:after{background:url(../images/deng/4.png) no-repeat 0 0/100%;cursor: pointer;}
.deng li.d1.wish:hover:after{background:url(../images/deng/4-on.png) no-repeat 0 0/100%;}
.deng li.d5{top:247px; left:612px; animation: fly1 5s linear infinite;}
.deng li.d5:after{position: absolute;content: "";top: -9px;left:50%;transform: translateX(-50%);background:url(../images/deng/5-no.png) no-repeat 0 0/100%;width:228px;height:331px;}
.deng li.d5.wish:after{background:url(../images/deng/5.png) no-repeat 0 0/100%;cursor: pointer;}
.deng li.d5.wish:hover:after{background:url(../images/deng/5-on.png) no-repeat 0 0/100%;}
.Lantern_btn{width: 1200px;}
.Lantern_btn p{position: relative; display: inline-block; *display: inline; *zoom: 1;vertical-align: middle;width: 570px;height:70px;margin-right: 20px;padding: 66px 20px 10px 130px;color:#fff4d6;font-size: 14px;line-height: 20px;background: url(../images/info.png) no-repeat;}
.Lantern_btn .btn4{display: inline-block; *display: inline; *zoom: 1;vertical-align: middle;width: 118px;height: 70px;line-height: 18px;padding-top: 36px; text-align: center; font-size: 16px;margin-top: 20px;color:#542a0b;background: url(../images/btn4.png) no-repeat;}
.Lantern_btn .btn4:hover,.Lantern_btn .btn4.lantern.wish:hover{filter:grayscale(0) brightness(1.2);}
.Lantern_btn .btn4.lantern{filter: grayscale(100);cursor: default;}
.Lantern_btn .btn4.lantern.wish{filter: grayscale(0);cursor: pointer;}
.win{position: absolute;top: 50%;left: 50%;width:1370px;height: 490px;background: url(../images/winbg.png) no-repeat; transform: translate(-50%,-50%);z-index: 5;display: none;}
.win ul{width: 686px;height: 333px;text-align: center;margin: 113px auto 0;}
.win ul li{display: inline-block;*display:inline;*zoom:1; width:126px;height:160px; margin: 5px 3px;text-align: center;align-content: center;color:#542a0b;vertical-align: middle;}
.win ul li div{width: 126px;height: 126px;background: url(../images/box-win.png) no-repeat;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.win ul li p{font-size: 16px;color: #872802;}
.record{position: absolute;bottom: 22px;right: 354px;font-size: 12px;color:#ffd37f;text-decoration: underline;}
@keyframes fly1 {
    0% { transform: translate(0, 0) rotate(0deg); }
    25% { transform: translate(10px, -5px) rotate(2deg); }
    50% { transform: translate(20px, 0) rotate(0deg); }
    75% { transform: translate(10px, 5px) rotate(-2deg); }
    100% { transform: translate(0, 0) rotate(0deg); }
}

@keyframes fly2 {
    0% { transform: translate(0, 0) rotate(0deg); }
    25% { transform: translate(8px, -8px) rotate(1.5deg); }
    50% { transform: translate(16px, 0) rotate(0deg); }
    75% { transform: translate(8px, 8px) rotate(-1.5deg); }
    100% { transform: translate(0, 0) rotate(0deg); }
}

@keyframes fly3 {
    0% { transform: translate(0, 0) rotate(0deg); }
    25% { transform: translate(-6px, -4px) rotate(-1.5deg); }
    50% { transform: translate(-12px, 0) rotate(0deg); }
    75% { transform: translate(-6px, 4px) rotate(1.5deg); }
    100% { transform: translate(0, 0) rotate(0deg); }
}

/*sec4*/
.title3 { height:127px; background:url(../images/en/title3.png) no-repeat center center; }
.credit_rebate{width: 1090px;height: 574px;background: url(../images/crbg.png) no-repeat;margin: -20px auto 0;padding: 88px 20px 50px;}
.note{color:#fff4d6;width:95%;margin:0 auto 5px;text-align: center;font-size: 18px;line-height: 23px;}
.credit{position: relative; width:995px;height:430px;margin: 15px auto 0;background: url(../images/credit/lines.png?v20250708) 45px 240px no-repeat;padding: 25px 10px;}
.credit li{position: absolute; display: inline-block;*display:inline;*zoom:1; width:160px;height:62px;padding-top: 165px; text-align: center;color:#ffe9c8;}
.credit li.c1{background:url(../images/credit/c1.png?v20250708) no-repeat 0 0;top:0; left:15px;}
.credit li.c2{background:url(../images/credit/c2.png?v20250708) no-repeat 0 0;top:274px; left:135px;}
.credit li.c3{background:url(../images/credit/c3.png?v20250708) no-repeat 0 0;top:0; left:251px;}
.credit li.c4{background:url(../images/credit/c4.png?v20250708) no-repeat 0 0;top: 274px;left:373px;}
.credit li.c5{background:url(../images/credit/c5.png?v20250708) no-repeat 0 0;top:0; left:492px;}
.credit li.c6{background:url(../images/credit/c6.png?v20250708) no-repeat 0 0;top: 274px;left:609px;}
.credit li.c7{background:url(../images/credit/c7.png?v20250708) no-repeat 0 0;top:0; left:729px;}
.credit li.c8{background:url(../images/credit/c8.png?v20250708) no-repeat 0 0;top: 274px;left:846px;}
.credit li p{font-size: 16px;}
.credit li a{display: block; width:100px;height:28px;line-height: 28px; margin: 10px auto 0;background:url(../images/btn3-claimed.png) no-repeat;font-size: 16px;}
.credit li a{filter:brightness(1);-webkit-filter:brightness(1)}
.credit li.claim a{background:url(../images/btn3.png) no-repeat;cursor: pointer;color:#542a0b} 
.credit li.claim a:hover{background:url(../images/btn3-on.png) no-repeat;}
.credit li.claimed a,.credit li a{background:url(../images/btn3-claimed.png) no-repeat;text-shadow: none;color:#392b31;cursor: default;}
.credit li.claimed a strong,.credit li a strong{color:#392b31;}
.credit li.claim a strong{color: #fff;background-image: -webkit-linear-gradient(90deg, #572e20 20%, #a85524 70%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.credit li>div{display: none;}

/*common*/
.go-footer{position:fixed;bottom:30px;right:30px;height:30px;line-height:30px;font-size:14px;color:#000;background:rgba(255,255,255,.75);z-index:40;padding:0 20px;border-radius:15px}
.go-footer.show i{transform:rotate(180deg)}
.go-footer i{display:inline-block;width:22px;height:22px;background:url(https://hw.99.com/uploads/wtop/sports/img/icon-arrow.png) no-repeat;margin-left:5px;vertical-align:middle;transition:all .3s}
.footer{position:absolute;bottom:25px;width:100%;padding:14px 0 !important;font-size:12px;color:#fff;background:#000;z-index:30;transform:translateY(100%);transition:transform .2s linear;text-align: center;}
.footer.show{transform:translateY(0)}
.footer a{color:#fff}

/*box*/
.pop, .commonbox { position:fixed;width:100%;height:100%;top:0;left:0;display:none;background:rgba(0,0,0,.8); z-index: 999; }
.pop.show, .commonbox.show {display:flex; align-items: center; justify-content: center;}
.spop, .tipbox { position:relative; margin:0 auto;color:#6f2c2f }

.box3 { width:700px; height:400px; background:url(../images/box1.png) no-repeat 0 0/100%; }
.close {position: absolute;top: -33px;right: -76px; width: 91px; height: 92px; font-size:0; background:url(../images/close.png) no-repeat 0 0; }
.login_form_class .box1 .close,#accountlogin .box1 .close { right: -74px;}
.close:hover { filter:brightness(1.5); }
.con { padding:30px  50px 16px 70px }
.box3 .con { padding:90px 70px; }
.con h3, .tipbox h2 { text-align:center; font-size:26px; width: 80%;margin: 15px auto;}
#popInfo .box1,#popRule .box1{ width:900px; height:400px; }
#popRule .box1{ height:600px; }
#popRule .box1 h3{margin: 0 auto;}
.rule-cont { margin:10px auto; height: 470px; overflow-y:auto; }
.rule-cont p { padding:3px 0; font-size: 18px;line-height: 27px;margin-bottom: 5px;}
.rule-cont table{width:96% ;margin:10px auto}
.rule-cont table td,.rule-cont table th{text-align:center;border:1px solid #a15044  ;color: #6f2c2f;line-height:35px;padding: 0 3px;font-size: 16px ;background: #faf5dd;vertical-align: middle;}
.rule-cont table th{background: #a15044;color:#fff}
.rule-cont table td span{color: #000;font-family: 'Roboto' ;font-size: 14px;}

.box2 { width:500px; height:300px; background:url(../images/box1.png) no-repeat 0 0/100% 100%; padding: 10px 50px;}
.tip_t{height: 50px;}
.tip_db,.exchange1 .common_msg,.exchange2 .common_msg{text-align: center;height: 120px;}
.exchange2 .btn_tip {font-size: 14px;line-height: 16px;padding-top: 6px;}


.box1 { width:500px; height:370px; background:url(../images/box1.png) no-repeat 0 0/100% 100%; }
.exchange_bind .box1 { width:565px; height:520px;}
.exchange_bind .tip_t{height: 80px;padding: 10px 0;}
.exchange_bind .tip_c{height:350px;}
.exchange_bind .tip_c h3{font-size: 20px;}
.exchange_bind .tip_c p,.exchange_bind .tip_c h3{width: 80%;    margin: 0 auto;}
.login_form_class .box1{height: 305px;}

.form li { display:flex; align-items:center; justify-content:flex-start; margin:15px 0; }
.form li label { display:block; width:30%; text-align:right; font-size:16px; margin-right:4px; } 
.form li select, .form li input { width:50%; height:36px; line-height:36px; border:1px solid #0f1f2c; margin:0; padding:0 3px; }
.form li input.code { width:30%; }
.code_img { display:block; width:20%; }
.code_img img  { width:100%!important; }
.two_btns { display:flex; align-items:center; justify-content:center; margin-top:30px; }
.two_btns a, .btn_tip { display:inline-block; width:168px; height:45px; line-height:45px; background:url(../images/btn1.png) no-repeat 0 0/100%; text-align:center; font-size:20px; color:#542a0b; margin: 0 20px; }
.two_btns a:hover, .btn_tip:hover { filter:brightness(1.2); }
.accountmore { text-align:center; margin-top:10px; }
.accountmore a { color:#b12004; margin:0 40px; }
.accountmore a:hover { text-decoration:underline; }
.msg_form_class .tip_con,.help2 .tip_con,.exchange4 .tip_con { height:270px; display:flex; align-items:center; justify-content:center;width: 615px;padding-left: 30px;margin: 0 auto; }
.msg_form_class .btn_tip,.help2 .btn_tip,.exchange4 .btn_tip{margin-top: -43px;}
.common_msg { font-size:20px; }

.box4 { width:770px; height:440px; background:url(../images/box1.png) no-repeat 0 0/100% 100%; }
.lantern1,.lantern2,.release1,.release2,.help1,.winReward{width: 100%;height: 100%;color:#542825;font-family: 'Roboto' ;}
.lantern1 .left,.lantern1 .right,.release2 .left,.release2 .right,.winReward .left,.winReward .right{display: inline-block; *display: inline; *zoom: 1;width: 400px;vertical-align: middle;}
.lantern1 .right,.release2 .right,.winReward .right,.winReward .right{width: 332px;}
.lantern1 .left .way,.lantern1 .left .arrived,.release2 .left .way,.release2 .left .arrived,.winReward .left .way,.winReward .left .arrived,.winReward .right .way,.winReward .right .arrived{display: none;}
.lantern1 .left .way,.release2 .left .way,.winReward .left .way{display: block;}
.lantern1 .left img,.release2 .left img,.winReward .left img{margin-top: -50px;}
.lantern1 .left p,.release2 .left p,.winReward .left p,.release2 .left p,.winReward .left p,.winReward .left p{font-size: 20px;line-height: 27px;margin: -15px auto 0;text-align: center;}
.lantern1 .right li,.release1 .right li,.release2 .right li,.winReward .right li{display: inline-block; *display: inline; *zoom: 1;width: 140px;height: 200px;margin: 0 10px;}
.lantern1 .right li h3,.release1 .right li h3,.release2 .right li h3,.winReward .right li h3{height: 30px;font-size: 16px;font-weight: normal;}
.lantern1 .right li>div,.release1 .right li>div,.release2 .right li>div,.winReward .right li>div{width: 140px;height: 140px;background: url(../images/box.png) no-repeat 0 0/100%; margin: 0 auto;display: flex;flex-direction: column;align-content: center;justify-content: center; align-items: center;}
.lantern1 .btn_tip,.release1 .btn_tip,.release2 .btn_tip,.winReward .btn_tip{display: block;width: 168px;height: 45px;line-height: 16px;font-size: 16px;padding-top: 5px;background: url(../images/btn1.png) no-repeat 0 0/100%; text-align:center;  color:#542a0b; margin: 0 auto;}

.lantern2 .box4,.help1 .box4{width: 790px;height: 430px;background:url(../images/box1.png) no-repeat 0 0/100% 100%;} 
.lantern2 h3,.lantern3 h3,.help1 h3{font-size: 22px;text-align: center;}
.lantern2 p,.lantern3 p,.help1 p{width: 85%;font-size: 18px;margin: 0 auto 30px;line-height: 22px;}
.lantern2 p.progress{text-align: center;}
.lantern2 p.progress span{color:#ff0000}
.lantern2 div.code,.help1 input.code{width: 472px;height: 50px;line-height: 50px;font-size: 24px;color:#fff ;background: url(../images/code.png) no-repeat 0 0/100%; margin: 15px auto 30px;text-align: center;}
.lantern2 .btn_tip,.help1 .btn_tip{display: block;width: 246px;height: 50px;line-height: 50px;text-align: center;background: url(../images/btn1.png) no-repeat 0 0/100% 100%;color:#542a0b; margin: 0 auto 40px;font-size: 18px;}

.lantern3 .box4{width: 720px;height: 310px;}
.lantern3 h3{margin-bottom: 25px;}
.lantern3 p{margin-bottom: 35px;}
.lantern3 p span,.exchange4 .common_msg span{font-size: 24px;color:#ff0000}

.release1 .box4{width: 949px;height: 505px;}
.release1 .tip_t{height: 34px;}
.release1 .left,.release1 .right{display: inline-block;*display:inline; width: 375px;vertical-align: middle;}
.release1 .right{width: 540px;}
.release1 .right h3{font-weight: normal;font-size: 18px;height: 40px;}
.release1 .right ul,.lantern1 .right ul,.winReward .right ul{text-align: center;}
.release1 .right li{width: 120px;height: 170px;margin: 0 6px;vertical-align: middle;}
.release1 .right li>div{width: 120px;height: 120px;background: url(../images/box2.png) no-repeat 0 0/100%;cursor: pointer;}
.release1 .right li.on>div{background: url(../images/box2-on.png) no-repeat 0 0/100%;}
.release1 .right li p{font-size: 14px;text-align: center;line-height: 16px;margin: 5px 0;}
.release1 .btn_tip{width: 196px;height: 40px;line-height: 35px;background: url(../images/btn1.png) no-repeat 0 0/100% 100%;padding-top: 7px;}

.release2 .btn_tip{display: inline-block; *display: inline; *zoom: 1;width: 168px; height: 45px;font-size: 14px;margin: 5px 5px 15px;}
.release2 .left{width: 350px;}
.release2 .right{width: 400px;text-align: center;}

.help1 .tip_con{text-align: center;}
.help1 .box4{height: 400px;}
.help1 input.code{border:none;outline: none;}

.winReward .tip_con p{color:#542a0b;font-size: 16px;text-align: center;}


.pop ::-webkit-scrollbar{width:6px;border-radius: 6px;}
.pop ::-webkit-scrollbar-thumb{background:#8c3e3e;border-radius: 6px;}
.pop ::-webkit-scrollbar-track{background:#f9a674;border-radius: 6px;}

@media screen and (max-height: 930px) {
    .sec1, .sec2, .sec3, .sec4 { background-size:cover; }
    .play-video { top: auto; bottom:0; }
}

@media screen and (max-width: 1200px){
    .section .logo{left: 3%;}
    .login-content{right: 12%;}
    .sec-nav{display: none;}
    .sec-nav.page0{display: block;}
}

.sppage .num1:after,.arpage .num1:after { content: "500" }
.sppage .num2:after,.arpage .num2:after { content: "1200" }
.sppage .num3:after,.arpage .num3:after { content: "2500" }
.sppage .num4:after,.arpage .num4:after { content: "5000" }
.sppage .sec1 { background:url(../images/bg1-sp.jpg) no-repeat center center/cover; }
.arpage .sec1 { background:url(../images/bg1-ar.jpg) no-repeat center center/cover; }