@charset "UTF-8";
* { margin: 0; padding: 0; }

/*reset*/
a { background-color: transparent; text-decoration: none; }
a:active, a:hover { outline: 0; }
ul { list-style: none; }
.clearfix { zoom: 1; }
.clearfix:after, .clearfix:before { display: table; content: " "; }
.clearfix:after { clear: both; }
.pos-abs { position: absolute; display: block; z-index: 5; }
.iconImg { background: url(../img/iconImg.png?v=1223) 0 0 no-repeat; }

/*布局*/
body { font-size: 14px; font-family: "宋体";/* overflow-x: hidden; */ }
body {
    -webkit-tap-highlight-color: transparent;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
    user-select: none;
}
.wrapper-full { min-width: 1250px; overflow: hidden; position: relative; }
.wrap-inner { width: 1200px; margin: 0 auto; position: relative; }
.wrap-part { background-repeat: no-repeat; }
.wrapper-full .part-1 { background: url(../img/page1.jpg?v=1223) no-repeat top center;height: 1080px; }
.wrapper-full .part-2 { background: url(../img/page2.jpg?v=1223) no-repeat top center;height: 720px;overflow: hidden; }
.wrapper-full .part-3 { background: url(../img/page3.jpg?v=1223) no-repeat top center;height: 1125px; }
.wrapper-full .wrap-inner .txt { color: #d3bb76;font-size: 16px;width: 800px;margin: 200px auto 0;text-align: center; }
.wrapper-full .wrap-inner { overflow: visible;position: relative;padding-top: 1px; }

/*part1*/
.wrapper-full .part-1 .wrap-inner { height: 1080px; }
.wrapper-full .part-1 .wrap-inner .logo-game {width: 299px; height: 64px; left: 0; top: 18px}
.wrapper-full .part-1 .wrap-inner .btn-enter { right: 0%; top: 40px; }
.wrapper-full .part-1 .wrap-inner .btn-enter .enter-web { display: inline-block; width: 45px; height: 44px;background-position-x: -300px; }
.wrapper-full .part-1 .wrap-inner .btn-enter .enter-game { display: inline-block; width: 45px; height: 44px;background-position-x: -350px;}
.wrapper-full .part-1 .wrap-inner .btn-enter .iconImg:hover { background-position-y: -50px; }
.wrapper-full .part-1 .wrap-inner .huodongTime { font-size: 20px;color: #ffffda;position: absolute;top: 281px;left: 445px;}
.wrapper-full .part-1 .wrap-inner .rest { position: absolute;  right: 100px;top: 500px;font-weight: bolder;font-size: 22px;color: #ffeaa9;z-index: 1; }
.wrapper-full .part-1 .wrap-inner .rest .restBg {
    width: 183px;
    height: 162px;
    margin: 20px auto 0;
}
.wrapper-full .part-1 .wrap-inner .rest .restBg .list {
    height: 75px;
    margin: 0 auto;
    cursor: pointer;
    position: relative;
    background-position-y: -100px;
}
.wrapper-full .part-1 .wrap-inner .rest .restBg .list.qflist {
    height: 87px;
    background-position-y: -175px;
}
.wrapper-full .part-1 .wrap-inner .rest .restBg .list:hover { background-position-x: -200px; }

.wrapper-full .part-1 .wrap-inner .conRight { position: absolute; width: 360px; height: 346px; left: 0; top: 480px; overflow: hidden;color: #ba4223;}
.wrapper-full .part-1 .wrap-inner .conRight .prize {width: 238px;height: 72px;overflow: hidden;margin: 65px auto 0;position: relative;}
.wrapper-full .part-1 .wrap-inner .conRight .prize .price-pl { width: 238px; position: absolute; }
.wrapper-full .part-1 .wrap-inner .conRight .prize ul li { width: 100%; line-height: 24px; text-align: center; font-size: 14px; /* color: #fff5b7 */;}
.wrapper-full .part-1 .wrap-inner .conRight .regular {width: 302px;font-size: 14px;margin: 53px auto 0;}
.wrapper-full .part-1 .wrap-inner .conRight .regular li { line-height: 28px; }

.wrapper-full .part-1 .wrap-inner .cq-btn { cursor: pointer;position: absolute;top: 306px; left: 393px; width: 636px; height: 761px; background: url(../img/singPail.png?v=1223) no-repeat; }
.wrapper-full .part-1 .wrap-inner .cq-btn.hover { background-position-x: -650px;animation: none;  -webkit-animation:none; -moz-animation:none;-ms-animation:none;}
.wrapper-full .part-1 .wrap-inner .cq-btn.curr { position: absolute; top: 306px; left: 393px; width: 636px; height: 761px; 
    -webkit-animation: singAni 2s steps(24); -moz-animation: singAni 2s steps(24); -ms-animation: singAni 2s steps(24); animation: singAni 2s steps(24);
    animation-iteration-count: 1;
    background: url(../img/singAni.png?v=1223)  -137px -80px no-repeat; 
}
.wrapper-full .part-1 .wrap-inner .cq-btn.curr2 {
    -webkit-animation: singAni .5s steps(24) 4; -moz-animation: singAni .5s steps(24) 4; -ms-animation: singAni .5s steps(24) 4; animation: singAni .5s steps(24) 4;
    background: url(../img/singAni.png?v=1223)  -137px -80px no-repeat; 
}
@-webkit-keyframes singAni {
    0% { background-position: -137px -80px }
    100% { background-position: -20129px -80px }
}
@-moz-keyframes singAni {
    0% { background-position: -137px -80px }
    100% { background-position: -20129px -80px }
}
@-o-keyframes singAni {
    0% { background-position: -137px -80px }
    100% { background-position: -20129px -80px }
}
@keyframes singAni {
    0% { background-position: -137px -80px }
    100% { background-position: -20129px -80px }
}



/*part2*/
.wrapper-full .part-2 .wrap-inner .zi-box {width: 782px;margin: 0 auto;z-index: 1;margin-top: 30px;  }
.wrapper-full .part-2 .wrap-inner .zi-box .zi { width: 120px; height: 100px; position: relative; float: left;margin: 0 64px 147px 0;cursor: pointer;}
/* .wrapper-full .part-2 .wrap-inner .zi-box .zi:nth-child(even) { top:36px } */

.wrapper-full .part-2 .wrap-inner .zi-box .zi1 { background-position-y: -300px; }
.wrapper-full .part-2 .wrap-inner .zi-box .zi2 { background-position-y: -400px;margin-right: 173px; }
.wrapper-full .part-2 .wrap-inner .zi-box .zi3 { background-position-y: -500px; }
.wrapper-full .part-2 .wrap-inner .zi-box .zi4 { background-position-y: -600px;margin-right: 0; }
.wrapper-full .part-2 .wrap-inner .zi-box .zi5 { background-position-y: -700px; }
.wrapper-full .part-2 .wrap-inner .zi-box .zi6 { background-position-y: -800px;margin-right: 173px; }
.wrapper-full .part-2 .wrap-inner .zi-box .zi7 { background-position-y: -900px; }
.wrapper-full .part-2 .wrap-inner .zi-box .zi8 { background-position-y: -1000px;margin-right: 0; }
.wrapper-full .part-2 .wrap-inner .zi-box .zi.cannot { background-position-x: -200px; }

.wrapper-full .part-2 .wrap-inner .zi-box .zi span { position: absolute; top: 0px; left: 80px;padding-left: 26px;width: 72px; height: 30px;display: flex;align-items: center;background-position: -400px -300px;}
/* .wrapper-full .part-2 .wrap-inner .zi-box .zi.cur span { background: #ecbf8c;color: #a61022; } */
.wrapper-full .part-2 .wrap-inner .zi-box .zi .numX i { display: inline-block;background-position-x: -400px; }
.wrapper-full .part-2 .wrap-inner .zi-box .zi .numX .num0 { background-position-y: -350px;width: 15px;height: 24px; }
.wrapper-full .part-2 .wrap-inner .zi-box .zi .numX .num1 { background-position-y: -400px;width: 9px;height: 27px; }
.wrapper-full .part-2 .wrap-inner .zi-box .zi .numX .num2 { background-position-y: -450px;width: 20px;height: 22px; }
.wrapper-full .part-2 .wrap-inner .zi-box .zi .numX .num3 { background-position-y: -500px;width: 21px;height: 26px; }
.wrapper-full .part-2 .wrap-inner .zi-box .zi .numX .num4 { background-position-y: -550px;width: 19px;height: 32px; }
.wrapper-full .part-2 .wrap-inner .zi-box .zi .numX .num5 { background-position-y: -600px;width: 20px;height: 28px; }
.wrapper-full .part-2 .wrap-inner .zi-box .zi .numX .num6 { background-position-y: -650px;width: 14px;height: 29px; }
.wrapper-full .part-2 .wrap-inner .zi-box .zi .numX .num7 { background-position-y: -700px;width: 19px;height: 26px; }
.wrapper-full .part-2 .wrap-inner .zi-box .zi .numX .num8 { background-position-y: -750px;width: 15px;height: 26px; }
.wrapper-full .part-2 .wrap-inner .zi-box .zi .numX .num9 { background-position-y: -800px;width: 15px;height: 31px; }



.wrapper-full .part-2 .wrap-inner .btnBox .ziBtn { width: 218px;height: 70px; position: absolute;background-position: -400px 20px;top: 352px;left: 255px;cursor: pointer;z-index: 2;}
.wrapper-full .part-2 .wrap-inner .btnBox .ziBtn:hover { background-position-y: -80px; }
.wrapper-full .part-2 .wrap-inner .btnBox .ziBtn.cannot { background-position-y: -180px; }
.wrapper-full .part-2 .wrap-inner .btnBox .ziBtn_2,.wrapper-full .part-2 .wrap-inner .btnBox .ziBtn_4 {left: 732px;}
.wrapper-full .part-2 .wrap-inner .btnBox .ziBtn_3,.wrapper-full .part-2 .wrap-inner .btnBox .ziBtn_4 {top: 599px;}

.zi-box .zi .giftImg,.btnBox .ziBtn .giftImg { display: none;width: 110px;height: 101px;background-position: -1200px -700px;position: absolute;top: 10px;left: 98px;z-index: 1;}
.zi-box .zi:hover .giftImg,.btnBox .ziBtn:hover .giftImg {display: block;}
.zi-box .zi .giftImg.giftImgr {left: -86px;}
.btnBox .ziBtn .giftImg {left: 52px;top: -89px;}
.zi-box .zi .giftImg.giftImg1,.btnBox .ziBtn .giftImg.giftImg1 {background-position-y:  -700px;}
.zi-box .zi .giftImg.giftImg2,.btnBox .ziBtn .giftImg.giftImg2 {background-position-y:  -800px;}
.zi-box .zi .giftImg.giftImg3,.btnBox .ziBtn .giftImg.giftImg3 {background-position-y: -1000px;}
.zi-box .zi .giftImg.giftImg4,.btnBox .ziBtn .giftImg.giftImg4 {background-position-y: -1200px;}


/* 3 */
.wrapper-full .part-3 .wrap-inner {width: 1245px;}
.wrapper-full .part-3 .wrap-inner .txt { margin-top: 185px;visibility: hidden; }
.wrapper-full .part-3 .wrap-inner .signBox {margin-top: 223px;}
.wrapper-full .part-3 .wrap-inner .allBox {width: 952px;margin: 0 auto;margin-top: 315px;}
.wrapper-full .part-3 .wrap-inner .dl {
    font-size: 14px;
    color: #744b20;
    text-align: center;
    width: 218px;
    float: left;
    margin-right: 38px;
}
.wrapper-full .part-3 .wrap-inner .dl .name { height: 16px;}
.wrapper-full .part-3 .wrap-inner .dl.sing5 { margin-right: 0; }
.wrapper-full .part-3 .wrap-inner .allBox .dl {margin-right: 149px;}
.wrapper-full .part-3 .wrap-inner .allBox .dl.all3 {margin-right: 0;}
.wrapper-full .part-3 .wrap-inner .btn {width: 218px;height: 47px;background-position-x: -400px;margin-top: 74px;cursor: pointer;}
.wrapper-full .part-3 .wrap-inner .btn:hover { background-position-y: -100px; }
.wrapper-full .part-3 .wrap-inner .btn.cannot {background-position: -700px -100px;}
.wrapper-full .part-3 .wrap-inner .btn.cannot2 {background-position: -700px -200px;}
.wrapper-full .part-3 .wrap-inner .btn.geted {background-position: -700px 0;}


/*footer*/
.wrapper-footer { width: 100%;height: 278px;background: url(../img/page4.jpg?v=1223) no-repeat top center;}
.wrapper-inner { width: 1000px; margin: 0 auto; position: relative; }
.wrapper-inner .qr-left { float: left; width: 282px; height: 138px; background: url(//cdn.51img3.com/game/2021/202112/20211222/c04c48143d420bb85c3536758c828156.png?v=1223) no-repeat; margin: 30px 0 0 90px; }
.wrapper-inner .f-info-right { float: right; width: 500px; height: 40px; margin: 35px 40px 0 0; text-align: center; }
.f-info-right .footer-logo { display: block; width: 127px; height: 45px; margin: 10px auto; }
.f-info-right p { color: #fff; line-height: 30px; }

/*弹层*/

/* 弹窗 */
.alert-wrap{width: 100%;height: 100%;left: 0;top: 0; position: fixed;z-index: 99;font-family: 'SimHei';}
.alert-wrap .shadow-box{width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,0.5);top: 0;left: 0;z-index: 20}
.alert-wrap .msg-alert{width: 627px;height: 386px;background: url(../img/iconImg.png?v=1223) -500px -300px no-repeat;position: absolute;top: 50%;left: 50%;margin-top: -193px;margin-left: -313.5px; z-index: 25}
.alert-wrap .msg-alert .btn-close{width: 49px;height: 49px;background: url(../img/iconImg.png?v=1223) -1100px -700px no-repeat;position: absolute;right: -47px;top: 0px;cursor: pointer;}
.alert-wrap .msg-alert .btn-close{ transition: transform .6s 0s ease;-webkit-transition: transform .6s 0s ease;-moz-transition: transform .6s 0s ease;-ms-transition: transform .6s 0s ease;}
.alert-wrap .msg-alert .btn-close:hover { transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg); }
.alert-wrap .msg-alert .msg-tit { background: none;margin-top: 30px; }
.alert-wrap .msg-alert .msg-tit h3{font-size: 30px;text-align: left;height: 30px;line-height: 30px;letter-spacing: 2px;font-weight: bold;text-align: center;
    width: 200px;margin: 0 auto;position: relative;
    color: #e98c37;
    background-image: -webkit-linear-gradient(top, #e98c37, #bd7337);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.alert-wrap .msg-alert .msg-tit h3.jl{ background-position-x: -500px; }
.alert-wrap .msg-alert .msg-tit h3.qf{ background-position: -500px -400px; }

.alert-wrap .msg-alert .msg-con {width: 85%;height: 245px;margin: 12px auto 0;font-size: 16px;overflow: auto;padding: 0;}
.alert-wrap .msg-alert .msg-con p { line-height: 35px; color: #c37737; text-align: center;width: 100%;}
.alert-wrap .msg-alert .msg-con .tip2 { margin-top: 50px; }
.alert-wrap .msg-alert .msg-con .tip3 { font-size: 22px; }
.alert-wrap .msg-alert .msg-con .tip4 { margin-top: 25px;line-height: 15px; }
.alert-wrap .msg-alert .msg-con .btn-alert {display: block;width: 218px;height: 47px;background: url(../img/iconImg.png?v=1223) -500px -700px no-repeat;font-size: 22px;font-weight: bolder;color: #fefeff;letter-spacing: 3px;text-align: center;line-height: 47px;position: absolute;left: 50%;margin-left: -109px;bottom: 30px;z-index: 50}
 .alert-wrap .msg-alert .msg-con .btn-alert { 
    /* text-shadow: 2px 2px 5px #000; */
    border: none;cursor: pointer;
    color: #fff0a2;
    transition: .3s filter;-webkit-transition: .3s filter;
} 
.alert-wrap .msg-alert .msg-con .btn-alert:hover{ -webkit-filter: brightness(1.1); filter: brightness(1.1);background-position-x: -800px; }

/* 弹窗区服 */
.alert-wrap .msg-alert .msg-con .service-nav { width: 415px; margin: 35px auto; }
.alert-wrap .msg-alert .msg-con .service-nav span { margin-right: 1px; line-height: 27px; font-size: 19px; color: #ba4223; }
.alert-wrap .msg-alert .msg-con .service-nav p { display: inline-block;font-size: 16px; color: #ba4223; margin-bottom: 12px;}
.alert-wrap .msg-alert .msg-con .service-nav select { width: 200px; height: 27px; color: #ba4223; background: #FBF2C7; padding: 0px 5px; outline: 0; border: .01rem solid #ba4223; border-radius: 0; }
.alert-wrap .msg-alert .msg-con .service-nav select.second { margin-right: 0; }
.alert-wrap .msg-alert .msg-con .btn-alert.zlBtnT {left: 30%;}
.alert-wrap .msg-alert .msg-con .btn-alert.zlBtnF {left: 70%;}


/*弹窗滚动条*/
.alert-wrap .msg-alert .msg-con::-webkit-scrollbar {width: 3px;/*height: 4px;*/}
.alert-wrap .msg-alert .msg-con::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.2);background: #ba4223;}
.alert-wrap .msg-alert .msg-con::-webkit-scrollbar-track {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.2);border-radius: 0;background: rgba(146,83,56,0.1);}
.alert-wrap .msg-alert .msg-con table{width: 90%;text-align: center;color: #ba4223;font-size: 14px;margin: 0px 30px;}
.alert-wrap .msg-alert .msg-con table tr th{text-align: center;font-size: 16px}
.alert-wrap .msg-alert .msg-con table th, .msg-con table td, .msg-con table tr {border-bottom: 1px solid #ba4223;line-height: 28px;height: 28px;vertical-align: middle;padding: 3px 12px 2px;text-align: center;}
.alert-wrap .msg-alert .msg-con table td.mid { width: 110px; }


.alert-wrap .msg-alert .msg-con .tip1 { font-size: 20px; text-align: center; line-height: 40px; color: #fba200; font-weight: bold; letter-spacing: 2px; }
.alert-wrap .msg-alert .msg-con .tip5,.alert-wrap .msg-alert .msg-con .tip11,.alert-wrap .msg-alert .msg-con .tip12 { width: 85%; position: absolute; color: #c37737; line-height: 28px; text-align: center; bottom: 80px;font-size: 14px; }
.alert-wrap .msg-alert .msg-con .tip11 { bottom: 120px;font-size: 16px;font-family: "KaiTi";width: 41%;left: 31%; }

.alert-wrap .msg-alert .msg-con .tip22 { color: #c37737; line-height: 30px; font-size: 22px;text-align: center; }
.alert-wrap .msg-alert .msg-con .lb { width: 124px; height: 105px;position: absolute;left: 100px; top: 80px; background-position-y: -1100px;}
.alert-wrap .msg-alert .msg-con .lb .lb-pic { width: 64px; height: 64px; margin: 18px auto;background-size: 100%; }
.alert-wrap .msg-alert .msg-con .lb .lb-text {line-height: 23px;text-align: center;font-size: 19px; text-align: center;margin: 0 auto;/* text-shadow: 2px 4px 4px #6d0712; */}
.alert-wrap .msg-alert .msg-con .lb-and { position: absolute; color: #c37737; font-size: 32px; left: 300px; top: 130px; }
.alert-wrap .msg-alert .msg-con .zi { width: 120px; height: 100px; position: absolute; right: 100px; top: 80px;background-position-y: -300px; }
.alert-wrap .msg-alert .msg-con .zi.y { background-position-y: -300px; }
.alert-wrap .msg-alert .msg-con .zi.d { background-position-y: -400px; }
.alert-wrap .msg-alert .msg-con .zi.k { background-position-y: -500px; }
.alert-wrap .msg-alert .msg-con .zi.l { background-position-y: -600px; }
.alert-wrap .msg-alert .msg-con .zi.x { background-position-y: -700px; }
.alert-wrap .msg-alert .msg-con .zi.f { background-position-y: -800px; }
.alert-wrap .msg-alert .msg-con .zi.a { background-position-y: -900px; }
.alert-wrap .msg-alert .msg-con .zi.g { background-position-y:-1000px; }


/*侧边栏*/
.aside { display: none;position: fixed; right: 50px; top: 408px; width: 196px; height: 353px; z-index: 15;background-position: -1200px -300px; }
.aside .toTop {
    display: block;
    width: 70px;
    height: 64px;
    margin: 58px auto 0;
}
.aside .userserver,.aside .username  {
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 28px auto 0;
    color: #fff6a9;
    font-size: 14px;
}
.aside .username {margin: 32px auto 0;}

.rq { display: none;width: 218px;height: 240px;position: fixed; left: 0; top: 408px;z-index: 15;background-position-x: -1200px; }
.rq .ma { width: 119px;height: 119px;margin: 50px auto 0;background-size: 100%;}