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

/*reset*/
a { background-color: transparent; text-decoration: none; }
a:active, a:hover { outline: 0;text-decoration: none; }
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; }
.common { background: url(../images/btn.png) no-repeat }

/*布局*/
body { font-size: 14px; font-family: "宋体";/* overflow-x: hidden; */ }
.wrapper-full { min-width: 1200px; 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(../images/part1.jpg) no-repeat top center; }
.wrapper-full .part-2 { background: url(../images/part2.jpg) no-repeat top center; }
.part-1 .wrap-inner { height: 1073px; overflow: visible; }
.part-2 .wrap-inner { height: 1229px; overflow: visible; }
.part-3 .wrap-inner { height: 881px; overflow: visible; }
.part-4 .wrap-inner { height: 1099px; overflow: hidden; }
.wrapper-full .part-1 .wrap-inner .logo-game { display: inline-block; width: 196px; height: 96px; left: -1%; top: 18px; background: url(../images/logo.png) no-repeat; }
.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: url(../images/btn_enter.png) no-repeat 0px 0px; }
.wrapper-full .part-1 .wrap-inner .btn-enter .enter-game { display: inline-block; width: 48px; height: 44px; background: url(../images/btn_enter.png) no-repeat -52px 0px; }
.wrapper-full .part-1 .wrap-inner .btn-enter .enter-web:hover { background: url(../images/btn_enter1.png) no-repeat 0px 0px; }
.wrapper-full .part-1 .wrap-inner .btn-enter .enter-game:hover { background: url(../images/btn_enter1.png) no-repeat -52px 0px; }
/*part1*/
.part-1 .wrap-inner .content-box { width: 6.43rem; margin: 0 auto; margin-top: 8rem; }
.wrapper-full .part-1 .wrap-inner .rest { position: absolute;  left: 90px; color: #fae9af; font-size: 19px; }
.wrapper-full .part-1 .wrap-inner .rest1 { top: 336px; }
.wrapper-full .part-1 .wrap-inner .rest2 { top: 370px; }
.wrapper-full .part-1 .wrap-inner .share-box { position: absolute;  left: 90px; width: 242px; height: 76px; z-index: 2; }
/* .wrapper-full .part-1 .wrap-inner .share-box1 { top: 406px; } */
.wrapper-full .part-1 .wrap-inner .share-box2 { top: 406px; }
.wrapper-full .part-1 .wrap-inner .ruler { position: absolute; top: 360px; right: 40px; width: 352px; height: 452px; background: url(../images/ruler.png?v=10101) -305px 0px no-repeat;}
.wrapper-full .part-1 .wrap-inner .ruler ol { color: #eac48e;width: 305px;margin: 88px 0px 0 30px;font-size: 14px;}
.wrapper-full .part-1 .wrap-inner .ruler ol li { line-height: 32px; }
.wrapper-full .part-1 .wrap-inner .share-box .share-btn { display: block; width: 242px; height: 76px; margin: 0 auto; cursor: pointer; background-position: 3px 2px; line-height: 72px;text-align: center;color: #F8E59F;font-size: 26px;font-weight: bold; }
.wrapper-full .part-1 .wrap-inner .share-box .share-btn:hover { -webkit-filter: brightness(1.3); filter: brightness(1.3); }
.wrapper-full .part-1 .wrap-inner .share-box .txt { color: #f5c16b; text-align: center; line-height: 26px; }
.wrapper-full .part-1 .wrap-inner .cq-btn { position: absolute; top: 306px; left: 227px; width: 749px; height: 734px; background: url(../images/cq_bg.png) no-repeat; }
.wrapper-full .part-1 .wrap-inner #cq-btn-quan { cursor: pointer; position: absolute; top: 306px; left: 393px; width: 531px; height: 734px; z-index: 1 }
.wrapper-full .part-1 .wrap-inner .cq-btn.curr { position: absolute; top: 306px; left: 227px; width: 749px; height: 734px; -webkit-animation: jp-motion 2s steps(18); -moz-animation: jp-motion 2s steps(18); -ms-animation: jp-motion 2s steps(18); animation: jp-motion 2s steps(18); animation-iteration-count: 1; background: url(../images/xuebi.png) no-repeat; }
.wrapper-full .part-1 .wrap-inner #cq-btn-quan:hover +.cq-btn { background: url(../images/cq_h.png) 151px -34px no-repeat;  animation: none;  -webkit-animation:none; -moz-animation:none;-ms-animation:none;}
@-webkit-keyframes jp-motion {
    0% { background-position: 0px 0px }
    100% { background-position: -13482px 0px }
}
@-moz-keyframes jp-motion {
    0% { background-position: 0px 0px }
    100% { background-position: -13482px 0px }
}
@-o-keyframes jp-motion {
    0% { background-position: 0px 0px }
    100% { background-position: -13482px 0px }
}
@keyframes jp-motion {
    0% { background-position: 0px 0px }
    100% { background-position: -13482px 0px }
}

/*part2*/
.wrapper-full .part-2 .wrap-inner .conRight { position: absolute; width: 292px; height: 358px; right: 104px; top: 256px; overflow: hidden;background: url(../images/ruler.png?v=10101) 0px 0px no-repeat;color: #eac48e;}
.wrapper-full .part-2 .wrap-inner .conRight .prize { position: absolute; width: 238px; height: 72px; right: 24px; top: 62px; overflow: hidden; }
.wrapper-full .part-2 .wrap-inner .conRight .prize .price-pl { width: 238px; position: absolute; }
.wrapper-full .part-2 .wrap-inner .conRight .prize ul li { width: 100%; line-height: 24px; text-align: center; font-size: 14px; /* color: #fff5b7 */;}
.wrapper-full .part-2 .wrap-inner .conRight .regular { position: absolute; width: 230px; height: 118px; right: 24px; top: 216px; overflow: hidden; font-size: 14px;}
.wrapper-full .part-2 .wrap-inner .conRight .regular li { line-height: 28px; }
.wrapper-full .part-2 .wrap-inner .zi-box { position: absolute; z-index: 1; width: 710px; height: 400px; top: 245px; left: 102px; }
.wrapper-full .part-2 .wrap-inner .zi-box .zi { width: 150px; height: 154px; position: relative; float: left; background: url(../images/zi.png) no-repeat;margin: 0 24px 50px 0;}
.wrapper-full .part-2 .wrap-inner .zi-box .zi span { position: absolute; top: 5px; left: 15px; padding: 0px 9px; background: #A9A49E; border-radius: 100%; font-size: 19px; color: #584446; }
.wrapper-full .part-2 .wrap-inner .zi-box .zi.cur span { background: #ecbf8c;color: #a61022; }
.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: 0px -400px; }
.wrapper-full .part-2 .wrap-inner .zi-box .zi2 { background-position: -172px -438px; }
.wrapper-full .part-2 .wrap-inner .zi-box .zi3 { background-position: -343px -400px; }
.wrapper-full .part-2 .wrap-inner .zi-box .zi4 { background-position: -515px -438px; }
.wrapper-full .part-2 .wrap-inner .zi-box .zi5 { background-position: 0px -598px; }
.wrapper-full .part-2 .wrap-inner .zi-box .zi6 { background-position: -172px -635px; }
.wrapper-full .part-2 .wrap-inner .zi-box .zi7 { background-position: -343px -598px; }
.wrapper-full .part-2 .wrap-inner .zi-box .zi8 { background-position: -515px -635px; }

.wrapper-full .part-2 .wrap-inner .zi-box .zi1.cur { background-position:  0px 0px; }
.wrapper-full .part-2 .wrap-inner .zi-box .zi2.cur { background-position: -172px -38px; }
.wrapper-full .part-2 .wrap-inner .zi-box .zi3.cur { background-position: -343px -0px; }
.wrapper-full .part-2 .wrap-inner .zi-box .zi4.cur { background-position: -515px -38px; }
.wrapper-full .part-2 .wrap-inner .zi-box .zi5.cur { background-position: -0px -198px; }
.wrapper-full .part-2 .wrap-inner .zi-box .zi6.cur { background-position: -172px -236px; }
.wrapper-full .part-2 .wrap-inner .zi-box .zi7.cur { background-position: -343px -198px; }
.wrapper-full .part-2 .wrap-inner .zi-box .zi8.cur { background-position: -515px -236px; }
.wrapper-full .part-2 .wrap-inner .get-box { position: absolute; width: 1111px; height: 400px; top: 732px; left: 98px; }
.wrapper-full .part-2 .wrap-inner .get-box .get-lb { width: 278px; height: 400px; margin-right: 84px; float: left; position: relative; }
.wrapper-full .part-2 .wrap-inner .get-box .get-lb .txt { text-align: center; color: #eac48e; line-height: 24px; font-size: 18px; position: relative; top: 310px;}
.wrapper-full .part-2 .wrap-inner .get-box .get-lb .lb-k { width: 242px; height: 76px; margin: 0 auto; background: url(../images/btn.png) 3px 2px no-repeat;}
.wrapper-full .part-2 .wrap-inner .get-box .get-lb:hover .lb-k {background-position: 3px -102px; /* -webkit-filter: brightness(1.3); filter: brightness(1.3); */}
.wrapper-full .part-2 .wrap-inner .get-box .get-lb .lb-k .lb { position: relative; width: 242px; height: 76px; margin: 154px auto 0; cursor: pointer; background: url(../images/btn.png) -236px -120px no-repeat;}
/* .wrapper-full .part-2 .wrap-inner .get-box .get-lb .lb-k .lb1 { background-position: 15px 0px; }
.wrapper-full .part-2 .wrap-inner .get-box .get-lb .lb-k .lb2 { background-position: -170px -7px; }
.wrapper-full .part-2 .wrap-inner .get-box .get-lb .lb-k .lb3 { background-position: -385px 0px; } */
.wrapper-full .part-2 .wrap-inner .get-box .get-lb .lb-k .lb .lb-detail { display: none; position: absolute; width: 276px; height: 400px; left: 55%; top:-224px; z-index: 1; }
.wrapper-full .part-2 .wrap-inner .get-box .get-lb .lb-k .lb1 .lb-detail { background: url(../images/fc.png?v=2021) 0 0 no-repeat; }
.wrapper-full .part-2 .wrap-inner .get-box .get-lb .lb-k .lb2 .lb-detail { background: url(../images/fc.png?v=2021) -359px 0 no-repeat; }
.wrapper-full .part-2 .wrap-inner .get-box .get-lb .lb-k .lb3 .lb-detail { background: url(../images/fc.png?v=2021) -716px 0 no-repeat; }
.wrapper-full .part-2 .wrap-inner .get-box .get-lb:hover .lb-k .lb .lb-detail { display: block; }

.wrapper-full .part-2 .wrap-inner .get-box .get-lb .get-btn { position: absolute; display: block; width: 87px; height: 86px; left: 50%; margin-left: -44px; top: 234px; background-position: -5px -71px; }
.wrapper-full .part-2 .wrap-inner .get-box .get-lb .get-btn:hover { background-position: -94px -71px; }
.wrapper-full .part-2 .wrap-inner .get-box .get-lb .geted-btn { position: absolute; display: block; width: 87px; height: 86px; left: 50%; margin-left: -44px; top: 234px; background-position: -191px -71px; }
.wrapper-full .part-2 .wrap-inner .get-box .get-lb .num { color: #eac48e; text-align: center; line-height: 33px; font-size: 18px; position: absolute; left: 50%; margin-left: -65px; bottom: 39px; }

/*footer*/
.wrapper-footer { width: 100%; background: #000000; height: 202px; border-bottom: 3px solid #000000; }
.wrapper-inner { width: 1000px; margin: 0 auto; position: relative; }
.wrapper-inner .qr-left { float: left; width: 282px; height: 138px; background: url(../images/footer_qr.png) 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; }

/*弹层*/

/*弹层*/
.scroll-tit { width: 552px; height: 244px; overflow: auto; margin: 14px auto 0; }
.scroll-tit::-webkit-scrollbar { width: 4px; height: 4px; }
.scroll-tit::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #f9d29b; }
.scroll-tit::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 0; background: rgba(0, 0, 0, 0.1); }
.alert-wrap { width: 100%; height: 100%; display: none; }
.alert-wrap .shadow-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: #000; -webkit-opacity: 0.3; -khtml-opacity: 0.3; -moz-opacity: 0.3; filter: alpha(opacity=30); opacity: .5; z-index: 10; }
.alert-wrap .msg-alert { position: fixed; z-index: 999; left: 50%; margin-left: -411px; top: 32%; margin-top: -81px; width: 822px; height: 406px;/*  padding: 4px 20px 20px 20px; */ background: url("../images/alert_bg.png") no-repeat; display: none; }
.alert-wrap .msg-alert-qf { position: fixed; z-index: 999; left: 50%; margin-left: -292px; top: 32%; margin-top: -170px; width: 691px; height: 351px; padding: 4px 20px 20px 20px; background: url("../images/alert_bg_qf.png") no-repeat; display: none; }
.alert-wrap .msg-alert .msg-tit h3 { margin-top: 38px; line-height: 43px; height: 43px; color: #F8E59F; font-size: 26px; letter-spacing: 2px; text-align: center; padding: 0px 20px 0 32px; font-weight: 600; }
.msg-alert .btn-close { position: absolute; right: 60px; top: 38px; width: 40px; height: 40px; background: url("../images/btn.png") -230px -233px no-repeat; transition: transform .6s 0s ease; -webkit-transition: transform .6s 0s ease; -moz-transition: transform .6s 0s ease; -ms-transition: transform .6s 0s ease; z-index: 10; }
.msg-alert .msg-tit .btn-close:hover { background-position-y: -310px;transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); }
.msg-alert .msg-con { padding: 6px 92px; }
.msg-alert .msg-con .tip1 { font-size: 20px; text-align: center; line-height: 40px; color: #fba200; font-weight: bold; letter-spacing: 2px; }
.msg-alert .msg-con .tip11 { margin-top: 1px; color: #fcf3b5; line-height: 30px; font-size: 22px; text-align: center; }
.msg-alert .msg-con .lb { width: 215px; height: 150px; position: absolute; }
.msg-alert-zi .msg-con .lb { left: 156px; top: 102px; background: url(../images/lb_bg.png) 30px -4px no-repeat;}
.msg-alert-zi .msg-con .lb .lb-pic { width: 80px; height: 80px; margin: 30px auto 0px; }
.msg-alert-zi .msg-con .lb .lb-pic.W10 { background: url(../images/lb/W10.png) no-repeat; }
.msg-alert-zi .msg-con .lb .lb-pic.dhjh { background: url(../images/lb/dhjh.png) no-repeat; }
.msg-alert-zi .msg-con .lb .lb-pic.jljh { background: url(../images/lb/jljh.png) no-repeat; }
.msg-alert-zi .msg-con .lb .lb-pic.lingcd { background: url(../images/lb/lingcd.png) no-repeat; }
.msg-alert-zi .msg-con .lb .lb-pic.sdang { background: url(../images/lb/sdang.png) no-repeat; }
.msg-alert-zi .msg-con .lb .lb-pic.xiuwd { background: url(../images/lb/xiuwd.png) no-repeat; }
.msg-alert-zi .msg-con .lb .lb-pic.yab { background: url(../images/lb/yab.png) no-repeat; }
.msg-alert-zi .msg-con .lb .lb-pic.ym { background: url(../images/lb/ym.png) no-repeat; }
.msg-alert-zi .msg-con .lb .lb-pic.zbjj { background: url(../images/lb/zbjj.png) no-repeat; }
.msg-alert-zi .msg-con .lb .lb-text { width: 156px;line-height: 23px; color: #fcf3b5; font-size: 19px; text-align: center; text-shadow: 2px 4px 4px #6d0712;background: url(../images/lb-text_bg.png);background-size: 100% 100%;margin: 0 auto;}
.msg-alert-zi .msg-con .zi { background: url(../images/zi.png) no-repeat; width: 150px; height: 154px; position: absolute; right: 195px; top: 100px; }
.msg-alert-zi .msg-con .zi-f { background-position: 0px 0px; }
.msg-alert-zi .msg-con .zi-n { background-position: -172px -38px; }
.msg-alert-zi .msg-con .zi-y { background-position: -343px 0px; }
.msg-alert-zi .msg-con .zi-c { background-position: -515px -38px; }
.msg-alert-zi .msg-con .zi-l { background-position: -0px -198px; }
.msg-alert-zi .msg-con .zi-z { background-position: -172px -236px; }
.msg-alert-zi .msg-con .zi-q { background-position: -343px -198px; }
.msg-alert-zi .msg-con .zi-k { background-position: -515px -236px; }

.msg-alert-zi .msg-con .lb-and { position: absolute; color: #ffa82b; font-size: 32px; left: 394px; top: 165px; }
.alert-wrap .msg-alert .msg-con .service-nav { width: 500px; margin: 20px auto; }
.alert-wrap .msg-alert .msg-con .service-nav select { width: 218px; height: 39px; color: #f0c687; background: #3d3731; margin-right: 49px; padding: 0px 4px; outline: 0; border: .01rem solid #b19558; border-radius: 0; }
.alert-wrap .msg-alert .msg-con .service-nav select.second { margin-right: 0 }
.msg-con .row { padding: 0px 48px; }
.msg-con .for-com { padding: 10px 0 0; }
.msg-con .row span { color: #f9ce8c; font-size: 14px; line-height: 25px; float: left; display: inline-block; min-width: 108px; text-align: right; }
.msg-con .for-com span { min-width: 120px; font-size: 15px; }
.msg-con .row input { width: 194px; height: 28px; line-height: 28px; font-size: 18px; background: none; outline: none; border: none; color: #f9ce8c; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; }
.msg-con .row select { width: 254px; height: 28px; line-height: 28px; font-size: 14px; margin-left: 10px; padding-left: 10px; background: #fff; outline: 1px solid #fcc938; border: 1px solid #f1d497; color: #958c8c; }
.msg-con .for-com input, .msg-con .for-com select { outline: none; border-top: 0; border-left: 0; border-right: 0; background: #fff; width: 280px; }
.msg-con .for-com select { width: 290px; }
.msg-con .row .btn-copy { left: 371px; top: 98px; width: 68px; height: 28px; line-height: 28px; font-size: 16px; color: #f9ce8c; text-decoration: underline; text-align: center; }
.msg-con .row .btn-copy:hover { background: #fff; color: #ffb24e; }
.msg-alert .msg-con .tip2 { color: #f9ce8c; text-align: center; font-size: 22px; line-height: 40px; margin-top: 40px; }
.msg-alert .msg-con .tip2 span { color: #faee10; }
.msg-alert .msg-con .tip22 { color: #fcf3b5; line-height: 30px; font-size: 22px; }
.msg-alert .msg-con .tip4 { line-height: 26px; text-align: left; padding: 0 25px; font-size: 15px; color: #f9c72c; }
.msg-alert .msg-con .tip5 { width: 638px; position: absolute; color: #ffa82b; line-height: 28px; text-align: center; bottom: 120px; }
.msg-alert .msg-con .tip55 { width: 638px; position: absolute; color: #ffa82b; line-height: 28px; text-align: center; bottom: 96px; }
.msg-alert .msg-con .tip3 { font-size: 18px; line-height: 26px; text-align: center; color: #fff; }
.msg-alert .msg-con .btn-alert { position: absolute; display: block; width: 179px; height: 55px; text-align: center; line-height: 55px; left: 50%; margin-left: -89.5px; color: #F8E59F; font-size: 24px; font-weight: 600; bottom: 60px; background: url(../images/alert_btn.png) no-repeat;}
.msg-alert-zi .msg-con .btn-alert { bottom: 39px; }
.msg-alert .msg-con .btn-alert:hover { -webkit-filter: brightness(1.3); filter: brightness(1.3); }
.msg-con table { margin: 3px auto 12px; border-collapse: collapse; min-width: 504px; }
.msg-con table th, .msg-con table td, .msg-con table tr { border: 1px solid #e1be8c; line-height: 24px; height: 24px; vertical-align: middle; padding: 3px 12px 2px; text-align: center; }
.msg-con table th { font-size: 14px; color: #e4c08e; }
.msg-con table td { font-size: 13px; color: #fff; }
.msg-alert .page-list { padding: 12px 30px; text-align: center; margin-top: 0; }
.msg-alert .page-list span, .msg-alert .public_page a { color: #c5b4b4; line-height: 26px; padding: 2px 8px; font-size: 14px; background: #811810; box-shadow: none; margin: 0 6px; cursor: pointer; border: 2px solid #811810; }
.msg-alert .page-list span:hover, .msg-alert .public_page a:hover, .msg-alert .public_page a.current { background: #fff; color: #811810; border: 2px solid #f0c874; }
.msg-alert .list-lucky-g { margin: 0 20px; }
.msg-alert .list-lucky-g li { width: 50%; float: left; text-indent: 50px; line-height: 26px; height: 26px; color: #e5bc7c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/*侧边栏*/
.aside {  position: fixed; right: 0; top: 408px; width: 284px; height: 323px; z-index: 15; background: url(../images/aside.png) no-repeat; }
.aside .service-nav { width: 165px; position: absolute; top: 63%; left: 20%; }
.aside .service-nav span { margin-left: 6px; line-height: 24px; font-size: 14px; color: #f7e1b5; }
.aside .service-nav select { width: 108px; height: 18px; color: #fff8af; font-size: 12px; outline: 0; border: 1px solid #fff8af; background: #9D181A; border-radius: 0; font-family: "宋体"; }
.recode { display: inline-block; position: absolute; top: 14.1%; left: 24%; width: 140px; height: 140px; }
.recode:hover { background: url(../images/aside_btn.png) -166px 0px no-repeat; }
.aside .toTop {color: #c1675a;position: absolute;left: 46%;bottom: 32px;font-weight: bold;}
.aside .toTop:hover { color: #eecdae;-webkit-filter: brightness(1.3); filter: brightness(1.3); }