* {
    outline: 0;
    margin: 0;
    padding: 0;
}

body {
    color: #444;
    background-color: #fff;
}

a {
    text-decoration: none;
}

input,select,textarea {
    font-size: 12px;
    color: #444;
    font-family: "Microsoft Yahei"
}

input[type=button],input[type=reset],input[type=submit],select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

ul, li {
    list-style: none;
}

/*nav*/
.m-flright {
    position: fixed;
    top: 20%;
    right: 0;
    z-index: 9;
}

.m-flright .box {
    transition: all .5s .2s;
    -webkit-transform: translateY(150px);
    transform: translateY(150px);
    position: absolute;
    right: 10px;
    top: -230px;
    height: 562px;
    width: 150px;
    z-index: 4;
    background: url(../images/kf_box.png?2025) no-repeat;
    padding: 55px 27px 0;
    /* left: 50%; */
    /* margin-left: -210px; */
}
.m-flright .box .con{
    /* margin: 0 auto; */
    /* text-align: center; */
}

.ul-txt3 li {
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    font-size: 0;
    cursor: pointer;
    width: 120px;
    height: 35px;
    position: relative;
    display: block;
    background: #b11e05;
    border-radius: 5px;
    margin-bottom: 15px;
    margin-left: 16px;
}

.ul-txt3 li:hover {
    background: #8e1600;
}

.ul-txt3 li:hover a{
    font-size: 15px;
    color: #f9ddd8;
}

.ul-txt3 li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    font-weight: bold;
}

.m-flright .go-top {
    display: block;
    width: 30px;
    height: 55px;
   /* background: url(../images/top_back.png) center center no-repeat;*/
    margin: 0 auto;
    position: relative;
    left: -13px;
    background-size: 100%;
}
.ma{
    width: 120px;
    margin: 0 auto 10px;
}
.ma img{
    width: 120px;
}

.ma span{
    text-align:center;
    font-size: 12px;
    color: #240701;
    font-weight: bold;
}
/*tk*/
.m-pop, .contactPop, .zonj_zezc {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    cursor: auto;
    display: none;
}

.pop-bg {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background: rgba(0,0,0,.75);
}

.inner {
    margin-left: -427px;
    background: url(../images/pop.png) no-repeat;
    position: fixed;
    top: 20%;
    left: 50%;
    z-index: 10001;
    width: 1200px;
    height: 525px;
    margin-left: -600px;
}

.m-win, .prz {
    width: 920px;
    padding: 0 20px;
    margin: 93px auto 0;
    height: 376px;
}

.m-pop .inner .img img {
    display: block;
    width: 100%;
    height: 100%
}

.close, .close1, .close2{
    width: 70px;
    height: 70px;
    display: block;
    color: #ffe9a9;
    font-size: 36px;
    text-align: center;
    line-height: 70px;
    position: absolute;
    top: 40px;
    right: 45px;
    z-index: 55;
    -o-transition: transform .4s ease-in-out;
    -webkit-transition: transform .4s ease-in-out;
    -moz-transition: transform .4s ease-in-out;
    -ms-transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    cursor: pointer;
}

.m-pop.open {
    display: block
}

.m-win h3, .prz h3 {
    font-size: 22px;
    color: #ed321f;
    font-weight: 600;
    line-height: 1.36em;
    border-bottom: 1px solid #dc1600;
    padding-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
}

.my-prize {
    width: 900px;
    padding: 0 20px;
    height: 300px;
    overflow: auto;
    margin-top: 9px;
}

.my-prize li {
    color: #b14400;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    width: 425px;
    float: left;
    font-weight: bold;
}

.my-prize li span {
    color: #e93213;
}

.my-prize::-webkit-scrollbar {
    width: 8px;
    background-color: none;
}

.my-prize::-webkit-scrollbar-thumb {
    border: solid 4px #b14400;
    width: 1px;
    border-radius: 4px;
    height: 80px;
    background-color: #b14400;
}

.m-win:after {
    content: '';
    height: 14px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    /*background: url(../images/bg14.png) repeat-x*/
}

.m-pop .inner .img {
    width: 346px;
    height: 392px;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: -168px;
    z-index: 1;
    margin: 0 auto
}

.m-pop .inner .img img {
    display: block;
    width: 100%;
    height: 100%
}

.m-pop.open {
    display: block
}

/*common*/
.part0 {
    background: url(../images/bg.jpg) center top no-repeat;
    width: 100%;
    height: 830px;
    overflow: hidden;
    position: relative;
}

.part1 {
    background: url(../images/bg1.jpg) center top no-repeat;
    width: 100%;
    height: 698px;
    position: relative;
}

.part2 {
    background: url(../images/bg2.jpg) center top no-repeat;
    width: 100%;
    height: 732px;
    position: relative;
}

.part3 {
    background: url(../images/bg3.jpg) center top no-repeat;
    width: 100%;
    height: 788px;
    position: relative;
}

.part4 {
    background: url(../images/bg4.jpg) center top no-repeat;
    width: 100%;
    height: 566px;
    position: relative;
}

.part5 {
    background: url(../images/bg5.jpg) center top no-repeat;
    width: 100%;
    height: 990px;
    position: relative;
}

.part6 {
    background: url(../images/bg6.jpg) center top no-repeat;
    width: 100%;
    height: 605px;
    position: relative;
}
.main {
    width: 1260px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -630px;
    background: url(../images/main.jpg) center top no-repeat;
}

.main1 {
    background: url(../images/main1.jpg) top center no-repeat;
}

.main2 {
    background: url(../images/main2.jpg) top center no-repeat;
}

.main3 {
    background: url(../images/main3.jpg) top center no-repeat;
    /* top: 150px; */
}

.main4 {
    background: url(../images/main4.jpg) top center no-repeat;
    /* top: 150px; */
}

.main5 {
    /* background: url(../images/main5.png) top center no-repeat; */
    top: 122px;
}

.main6 {
    /* background: url(../images/main6.png) top center no-repeat; */
}

.main7 {
    background: url(../images/main7.png) top center no-repeat;
}

.tit_con {
    text-align: center;
    margin: 20px 80px;
}

.part4 .tit_con{
    text-align:left;
}

.tit_con p {
    margin-bottom: 8px;
    font-size: 15px;
}

.part .tit_con p {
    color: #f8e3ae;
}

 .part4 .tit_con p {
    color: #f8dbba;
    margin-top: 35px;
}

.part6 .tit_con p {
    line-height: 50px;
    font-size: 16px;
}

.tit {
    width: 478px;
    height: 141px;
    margin: 0 auto;
    display: block;
}

.part0 .tit0 {
    position: relative;
}

.titl {
    background: url(../images/tit1.png) no-repeat;
}

.tit2 {
    background: url(../images/tit2.png) no-repeat;
    margin-top: 32px;
}

.tit3 {
    background: url(../images/tit3.png) no-repeat;
}

.tit4 {
    background: url(../images/tit4.png) no-repeat;
    margin-top: 45px;
}

.tit5 {
    background: url(../images/tit5.png) no-repeat;
}

.tit6 {
    background: url(../images/tit6.png) no-repeat;
}

.txt p {
    font-size: 22px;
    letter-spacing: 1px;
}

.txt span {
    /* color: #df3629; */
}

.content.ani2 {
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    position: relative;
    z-index: 1;
}

/*part0*/
.logo {
    position: absolute;
    top: 25px;
    left: 50px;
    z-index: 5;
    background: url(../images/logo.png) no-repeat;
    width: 160px;
    height: 46px;
    background-size: 100% 100%;
}

.slogan {
    position: absolute;
    width: 455px;
    height: 100%;
    left: 0;
    top: -14px;
    background: url(../images/slogan.png) center top no-repeat;
    background-size: auto 92%;
}

.part0 .con {
    overflow: hidden;
    width: 451px;
    position: absolute;
    z-index: 3;
    top: 10px;
    right: -90px;
}

.part0 .tit0 .music img {
    display: block;
    width: 100%;
    height: auto
}

.part0 .tit0 .music {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 2px;
    left: 5px;
    cursor: pointer;
    -webkit-animation: tada 2.5s .2s ease-in-out infinite;
    -moz-animation: tada 2.5s .2s ease-in-out infinite;
    -ms-animation: tada 2.5s .2s ease-in-out infinite;
    -o-animation: tada 2.5s .2s ease-in-out infinite;
    animation: tada 2.5s .2s ease-in-out infinite;
    overflow: hidden;
}

.part0 .tit0 .music.on {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    -o-animation: none;
    animation: none
}

.part0 .tit0 .music audio {
    display: block
}

.user_login_tip {
    display: block;
    width: 260px;
    height: 40px;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    margin: 0px auto;
    border-bottom: 20px;
    border-radius: 25px;
    border: 1px solid #dc1600;
    color: #dd4524;
    background: #ffecb1;
    font-weight: bold;
}

.user_login_tip a {
    color: #7b2d40;
}

.user_login_tip a:hover {
    font-weight: bold;
}

.music.on {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    -o-animation: none;
    animation: none
}

.user_login_tip a:hover {
    /* text-decoration: underline */
    font-weight: bold;
}

.part0 .img {
    width: 37%;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 10%;
    z-index: 2;
}

#canvas {
    display: block;
    width: 100%;
    height: 883px;
    overflow: hidden
}

.part0 #canvas {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0
}

canvas {
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    pointer-events: none;
}

canvas.flare {
    opacity: 0.5;
}

.fireworks {
    position: absolute;
    left: 50%;
    margin-left: -960px;
    top: 0;
    height: 781px;
    z-index: 0;
    width: 1920px;
    pointer-events: none;
}

.lantern {
    display: block;
    transform-origin: center center;
    position: absolute;
    box-sizing: border-box;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 1;
}

.lantern-up {
    animation: up-swing 6s infinite ease-in-out;
}

.lantern-down {
    animation: down-swing 4s infinite ease-in-out;
}

.lantern_1 {
    background-image: url(../images/denglong1.png);
    width: 22px;
    height: 110px;
    opacity: 0.5;
    right: 508px;
    top: -32px;
}

.lantern_2 {
    background-image: url(../images/denglong2.png);
    width: 33px;
    height: 64px;
    opacity: 0.4;
    left: 269px;
    top: -5px;
}

.lantern_3 {
    background-image: url(../images/denglong3.png);
    width: 24px;
    height: 50px;
    opacity: 0.35;
    top: 33px;
    left: 100px;
}

.lantern_4 {
    background-image: url(../images/denglong3.png);
    width: 85px;
    height: 85px;
    opacity: 0.35;
    top: 88px;
    right: -20px;
}

.lantern_5 {
    background-image: url(../images/denglong2.png);
    width: 86px;
    height: 96px;
    opacity: 0.45;
    top: 100px;
    left: 180px;
}

.lantern_6 {
    background-image: url(../images/denglong3.png);
    width: 17px;
    height: 36px;
    opacity: 0.25;
    top: 12px;
    right: 372px;
}

.lantern_7 {
    background-image: url(../images/denglong3.png);
    width: 54px;
    height: 70px;
    opacity: 0.35;
    top: 19px;
    right: 150px;
}

.lantern_8 {
    background-image: url(../images/denglong3.png);
    width: 30px;
    height: 66px;
    opacity: 0.35;
    top: 78px;
    left: 326px;
}

.lantern_9 {
    background-image: url(../images/denglong3.png);
    width: 54px;
    height: 70px;
    opacity: 0.35;
    top: 64px;
    right: 390px;
}

.lantern_10 {
    background-image: url(../images/denglong3.png);
    width: 54px;
    height: 66px;
    opacity: 0.4;
    top: 100px;
    left: 380px;
}

.pay_icon {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 30px;
    font-size: 0;
    color: #dd4524;
    /* background: url(../images/pay_icon.png);
    border-radius: 20px; */
    /* box-shadow: 1px 1px 2px #da2b12; */
    top: 1px;
    z-index: 9;
    /* margin: 0 0 0 641px; */
    position: absolute;
    right: 46px;
    /* z-index: 100; */
    background-size: 100%;
}

.pay_icon a {
    display: block;
    width:100%;
height:100%;
}

/*part1*/
.qdlj {
    width: 1200px;
    /* height: 765px; */
    position: relative;
    /*background: url(../images/tree.png) no-repeat center/cover;
     top: -45px; */
    /* z-index: 0; */
}

.qdlj ul {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    height: 250px;
    /* -webkit-animation-name: fadeInDown; */
    /* animation-name: fadeInDown; */
    /* visibility: visible; */
    /* animation-duration: 3s; */
    /* animation-name: fadeInDown; */
    /* display: flex; */
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.qdlj ul > li {
    width: 180px;
    height: 250px;
    /* position: absolute; */
    background-position: -412px -10px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.qdlj ul > li span.active{
    background: url(../images/qian/q_act.png) no-repeat!important;
    width: 180px;
    height: 250px;
    position: absolute;
}


.qdlj ul a {
    display: block;
    font-size: 20px;
    margin: 0 auto 0;
    color: #ffc45d;
    writing-mode: tb-rl;
    display: flex;
    justify-content: center;
    align-items: center;
    /* height: 100%; */
    box-sizing: border-box;
    padding: 0 20px;
}


.qdlj ul li.one {
    background: url(../images/qian/q1.png) no-repeat;
}
.qdlj ul li.two {
    background: url(../images/qian/q1.png) no-repeat;
}
.qdlj ul li.three {
    background: url(../images/qian/q1.png) no-repeat;
}
.qdlj ul li.four {
    background: url(../images/qian/q1.png) no-repeat;
}
.qdlj ul li.five {
    background: url(../images/qian/q1.png) no-repeat;
    margin-right: 0;
}

.qiandao {
    width: 343px;
    height: 69px;
    background: url(../images/qian/q_c.png) center center no-repeat;
    color: #ffef96;
    text-align: center;
    font-size: 0;
    line-height: 53px;
    margin: 0 auto;
    position: relative;
    top: 33px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    left: 40px;
}

.qiandao:hover {
    background: url(../images/qian/q_c_h.png) center center no-repeat;
}

.tj {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 290px;
    margin: 54px auto 0;
    color: #ffed96;
    position: relative;
    left: 40px;
}

.tj span {
    color: #ffed96;
    font-size: 14px;
    float: left;
}

.tips1 i, .ftip em {
    color: #ff4203;
    font-size: 14px;
    margin: 0 5px;
    font-weight: bold;
    font-style: normal;
}

/*part3*/

.m-txt3 {
    height: 628px;
    position: relative;
}

.txt3-left {
    width: 578px;
    height: 620px;
    position: relative;
    margin-top: -8px;
    left: 120px;
}

.lottery_box{
    margin:0 auto;
    width: 1200px;
}
.val_box {
    width: 1200px;
    color: #000000;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-top: 10px;
}

.val_box span {
    color: #fec53f;
    /* font-size: 14px; */
    margin: 0 20px;
    font-weight: bold;
}

.val_box span em {
    color: #ff0700;
    font-weight: bold;
    margin: 0 2px;
    font-style: normal;
}

a.hdgz-btn1 {
    position: absolute;
    font-size: 15px;
    color: #bd2d0d;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid #d42c1c;
    padding: 0 18px;
    top: 1px;
    background: #fff6d9;
    height: 26px;
    line-height: 26px;
    right: 0;
}

.val_box .h1 {
    font-size: 24px;
    font-weight: 700;
    color: #FEF6E9;
    line-height: 30px;
}

.val_box .fq_record {
    width: 89px;
    height: 40px;
    line-height: 40px;
    color: #FFE5C6;
    background: #ea4a00;
    box-sizing: border-box;
    margin: 20px 10px auto 0;
    border: 1px solid #ed5300;
    border-radius: 5px;
    /* display: block; */
    padding: 2px 10px;
}

.cj_btn {
    position: absolute;
    width: 617px;
    height: 65px;
    top: 570px;
    left: -41px;
}

.cj_btn a {
    position: absolute;
    width: 181px;
    height: 44px;
    transition: 5s;
    bottom: 15px;
}

.lottery_btn {
    background: url(../images/jp/c1.png) no-repeat top center;
    left: 45px;
}

.lottery_btn:hover {
    background: url(../images/jp/c1_h.png) no-repeat top center;
    transform: scale(.9);
}

.lottery_btn_ten {
    background: url(../images/jp/c10.png) no-repeat top center;
    left: 231px;
}

.lottery_btn_ten:hover {
    background: url(../images/jp/c10_h.png) no-repeat top center;
    transform: scale(.9);
}

.zjcx {
    background: url(../images/jp/zjcx.png) no-repeat top center;
    left: 425px;
}

.zjcx:hover {
    background: url(../images/jp/zjcx_h.png) no-repeat top center;
    transform: scale(.9);
}

.all {
    -moz-transition: 2s;
    -ms-transition: 2s;
    -o-transition: 2s;
    transition: 2s;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    display: block;
    background: rgba(0,0,0,.7);
    z-index: 11;
}

.jpzs {
    text-align: center;
    margin: 0 auto;
    padding-left: 50px;
    padding-top: 50px;
    padding-right: 50px;
}

.close1 {
    width: 70px;
    height: 70px;
    display: block;
    color: #ffe9a9;
    font-size: 36px;
    text-align: center;
    line-height: 70px;
    position: absolute;
    top: 40px;
    right: 45px;
    z-index: 5;
    -o-transition: transform .4s ease-in-out;
    -webkit-transition: transform .4s ease-in-out;
    -moz-transition: transform .4s ease-in-out;
    -ms-transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
}

.prize_all h3 {
    font-size: 22px;
    color: #ed321f;
    font-weight: 600;
    line-height: 50px;
    border-bottom: 1px solid #dc1600;
    padding-bottom: 9px;
    text-align: center;
    text-transform: uppercase;
}

.prz_all {
    width: 920px;
    height: 322px;
    display: flex;
    justify-content: center;
    align-items: center;
}
b#content {
    color: #b14400;
    font-size: 20px;
    margin: 0 auto;
    line-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 920px;
    height: 322px;
}
#content1 {
    color: #b14400;
    overflow-y: scroll;
    position: absolute;
    width: 920px;
    height: 322px;
    margin-top: 35px;
}

b#content1::-webkit-scrollbar {
    width: 12px;
    background-color: none;
}

b#content1::-webkit-scrollbar-thumb {
    border: solid 4px #b14400;
    width: 1px;
    border-radius: 3px;
    height: 20px;
    background-color: #b14400;
}

#content1 li {
    width: 50%;
    /* height: 30px; */
    line-height: 30px;
    font-size: 15px;
    margin-bottom: 8px;
    float: left;
}
#content1 li i {
    width: 18px;
    height: 18px;
    background: #b14400;
    border-radius: 20px;
    display: inline-block;
    position: relative;
    top: 0px;
    left: 2px;
    line-height: 18px;
    color: #fff;
    font-style: normal;
    text-align: center;
    font-size: 12px;
    margin-right: 5px;
}
ul.cj_box {
    width: 1200px;
    height: 214px;
    /* top: 45px; */
    /* left: 10px; */
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.cj {
    /* display: block; */
    width: 165px;
    height: 207px;
    /* float: left; */
    /* margin: 0 17px; */
    /* margin-bottom: 33px; */
    position: relative;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.cj_1 {
    background: url(../images/ptb/j1.png) no-repeat top center;
}

.cj_2 {
    background: url(../images/ptb/j2.png) no-repeat top center;
}

.cj_3 {
    background: url(../images/ptb/j3.png) no-repeat top center;
}

.cj_4 {
    background: url(../images/ptb/j4.png) no-repeat top center;
}

.cj_5 {
    background: url(../images/ptb/j5.png) no-repeat top center;
}
.cj_6 {
    background: url(../images/ptb/j6.png) no-repeat top center;
}
.cj_name.active  {
    background: url(../images/ptb/j_act.png) no-repeat top center;
    position: absolute;
    width: 165px;
    height: 207px;
}


.cj.cur .cj_name {
    color: #ffffe3;
    line-height: 34px;
    text-align: center;
    background: rgb(246, 144, 115);
}

.cj_name {
    /* position: absolute; */
    /* width: 130px; */
    /* height: 29px; */
    /* z-index: 2; */
    /* left: 18px; */
    /* bottom: 15px; */
    font-size: 0;
    /* color: #fff; */
    /* line-height: 26px; */
    /* text-align: center; */
    /* border-radius: 20px; */
    /* display: none; */
}
.txt3-right {
    position: absolute;
    top: 120px;
    right: 122px;
}

.txt3-right-cjmd {
    width: 346px;
    height: 455px;
    /* line-height: 35px; */
    padding: 0 10px;
    /* background: #ffe1b8; */
    border-radius: 20px;
    position: relative;
    left: 13px;
    top: 10px;
}

marquee, marquee ul {
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-size: 14px;
    color: #b55501;
}

#record li {
    margin: 0 auto;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    font-size: 13px;
}

#record li span {
    color: #e93213;
}

.txt3-right-cjsm {
    background: url(../images/cj_rule.png);
    width: 350px;
    height: 462px;
    margin-top: 22px;
    margin-left: 30px;
}

.activity-rule {
    padding: 120px 31px 35px 20px;
    color: #b55501;
}

.activity-rule p {
    margin-bottom: 12px;
    color: #b55501;
    font-size: 15px;
    line-height: 27px;
}

/*part4*/
.back_box {
    position: relative;
    height: 481px;
    width: 1200px;
    margin: 45px auto 0px 47px;
}

.role_3 {
    position: absolute;
    top: -124px;
    right: -492px;
    z-index: 4;
    background: url(../images/role.png) no-repeat;
    width: 800px;
    height: 794px;
    display: block;
    /* background-size: 95%; */
}

.back.game_3 {
    /* top: 20px; */
    /* left: 20px; */
    /* background-image: url(../images/vip1.png); */
}

.back_box .back {
    width: 1000px;
    height: 170px;
    background-repeat: no-repeat;
    z-index: 3;
    margin: 20px auto 35px;
    color: #b55501;
}

.back.game_4 {
    /* top: 20px; */
    /* left: 428px; */
    /* background-image: url(../images/vip2.png); */
}

.back_box .back p {
    margin-bottom: 12px;
    color: #b55501;
    font-size: 0;
    line-height: 27px;
    width:225px;
    height:163px;
    float:left;
    margin: 0 12px;
}
.back_box .back p.f1{
    background-image: url(../images/djq/f/f1.png);
} 
.back_box .back p.f2{
    background-image: url(../images/djq/f/f2.png);
} 
.back_box .back p.f3{
    background-image: url(../images/djq/f/f3.png);
} 
.back_box .back p.f4{
    background-image: url(../images/djq/f/f4.png);
} 
.back_box .back p.s1{
    background-image: url(../images/djq/s/s1.png);
} 
.back_box .back p.s2{
    background-image: url(../images/djq/s/s2.png);
} 
.back_box .back p.s3{
    background-image: url(../images/djq/s/s3.png);
} 
.back_box .back p.s4{
    background-image: url(../images/djq/s/s4.png);
} 

.back_box .back p i {
    display: inline-block;
    width: 14px;
    height: 15px;
    line-height: 30px;
    margin: 0px 8px 0 0;
    background-repeat: no-repeat;
    background-position: 0px -132px;
    /*background-image: url(../images/vip_icon.png);*/
}

/*part5*/
.gift_box {
    width: 1067px;
    height: 550px;
    margin: 60px auto 0;
}

.gift_box ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.gift_box ul li {
    width: 200px;
    height: 272px;
    float: left;
    margin: 0 60px 20px;
    display: flex;
    justify-content: center;
}

.floating {
    display: block;
    width: 200px;
    height: 272px;
    position: relative;
    z-index: 3;
    background-size: 100%!important;
}

.bscq a {
    background: url(../images/game/bscq.png) no-repeat;
}

.hfcq a {
    background: url(http://huodong.keleyx.com/app/2024/0906/web/images/game/hfcq.png) no-repeat;
}

.jj a {
    background: url(http://huodong.keleyx.com/app/2024/0906/web/images/game/jj.png) no-repeat;
}

.ssfs a {
    background: url(../images/game/ssfs.png) no-repeat;
}

.twzw a {
    background: url(../images/game/twzw.png) no-repeat;
}
.wjcq a{
    background: url(../images/game/wjcq.png) no-repeat;
}
.aslc a{
    background: url(../images/game/aslc.png) no-repeat;
}
.by a{
    background: url(../images/game/by.png) no-repeat;
}

.yscq a {
    background: url(http://huodong.keleyx.com/app/2024/0906/web/images/game/yscq.png) no-repeat;
}

.cztx a {
    background: url(../images/game/cztx.png) no-repeat;
}

.bzsc a {
    background: url(http://huodong.keleyx.com/app/2024/0906/web/images/game/bzsc.png) no-repeat;
}

.wzzx a {
    background: url(http://huodong.keleyx.com/app/2024/0906/web/images/game/wzzx2.png) no-repeat;
}

.floating-light {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* -webkit-mask-image: url(http://huodong.keleyx.com/app/2024/0906/web/images/game/a-new3.png); */
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    pointer-events: none;
}

.floating-light i {
    position: absolute;
    left: -180px;
    top: 0;
    width: 180px;
    height: 100%;
    background-image: -moz-linear-gradient(0deg,rgba(255,219,157,0),rgba(255,219,157,0),rgba(255,219,157,0));
    background-image: -webkit-linear-gradient(0deg,rgba(255,219,157,0),rgba(255,219,157,0.5),rgba(255,219,157,0));
    transform: skewx(-25deg);
    -o-transform: skewx(-25deg);
    -moz-transform: skewx(-25deg);
    -webkit-transform: skewx(-25deg);
}

.bscq .floating-light i {
    animation: lights 2s linear infinite;
}

.hfcq .floating-light i {
    animation: lights 2.5s linear infinite;
}

.jj .floating-light i {
    animation: lights 3s linear infinite;
}

.ssfs .floating-light i {
    animation: lights 3.5s linear infinite;
}

.twzw .floating-light i {
    animation: lights 4s linear infinite;
}

.yscq .floating-light i {
    animation: lights 4.5s linear infinite;
}

.btn-icon {
    width: 130px;
    height: 41px;
    background: url(http://huodong.keleyx.com/app/2024/0906/web/images/game/btn.png) no-repeat;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -65px;
    bottom: 41px;
    animation: fd 2.5s linear infinite;
    background-size: 100%;
}

/*part6*/
.mrt {
    width: 1200px;
    height: 709px;
}

.sign_box {
    width: 510px;
    height: 417px;
    background: url(../images/mrt_phb.png) no-repeat;
    padding: 170px 215px 89px 155px;
    position: relative;
    left: -85px;
    top: -17px;
    background-size: 100%;
}

.lists {
    position: relative;
    width: 510px;
    height: 416px;
    left: 0;
    top: 0;
    overflow: hidden;
    background: #710e03;
}

.lists .tit {
    height: 54px;
    line-height: 54px;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    width: 100%;
    border-bottom: 1px dashed #f9e8bc1f;
}

.lists .tit span {
    height: 54px;
    line-height: 54px;
}

.lists .tit span, .lists ul li span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    border-right: 1px solid #f9e8bc1f;
    text-align: center;
}

.num {
    width: 70px;
    color: #fff;
}

.zh {
    width: 218px;
    color: #fff86d;
}

.amount {
    width: 219px;
    color: #fff;
    border-right: none;
}

.lists ul li {
    width: 100%;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px dashed #f9e8bc1f;
}

.lists ul li span {
    height: 35px;
    line-height: 35px;
}

.mrt_rule {
    width: 420px;
    height: 425px;
    position: absolute;
    right: 58px;
    background-size: 100%;
    top: 282px;
}

.mrt_rule p {
    margin: 0 auto;
    text-align: left;
    color: #fff8b4;
    line-height: 40px;
    font-size: 14px;
}

.mrt_rule p span {
    color: #ff6400;
    font-weight: bold;
}

.sign_box p {
    /* color: #ab4402; */
    /* margin-bottom: 25px; */
    /* text-indent: 2em; */
    /* font-size: 17px; */
}

.sign_box p.rule_3 {
    margin-bottom: 40px;
}

.sign_box p i {
    font-style: normal;
    color: #f74100;
    font-weight: bold;
    margin: 0 2px
}

.rule_box .bird1 {
    top: 410px;
    left: -48px;
}

.gzh {
    position: fixed;
    left: 0;
    bottom: 20px;
    z-index: 11;
    cursor: pointer;
}

.ewm {
    background: url(../images/ewm_bg.png) no-repeat;
    width: 242px;
    height: 254px;
    text-align: center;
    /* background-size: 100%; */
    /* position: relative; */
    /* left: -164px; */
    /* margin: 46px 0 0 93px; */
    -moz-animation: newsBtn .8s linear infinite alternate;
    /* -webkit-animation: newsBtn .8s linear infinite alternate; */
    -o-animation: newsBtn .8s linear infinite alternate;
    -ms-animation: newsBtn .8s linear infinite alternate;
    /* animation: newsBtn .8s linear infinite alternate; */
    /* transform-origin: bottom center; */
    -webkit-animation: scaleCss2 1s ease-out infinite;
    animation: scaleCss2 1s ease-out infinite;
}

.ewm img {
    width: 130px;
    height: 130px;
    margin-top: 18px;
    margin-left: -12px;
}

/*contact*/
.contact {
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    width: 84px;
    height: 109px;
    position: fixed;
    right: 0;
    bottom: 20px;
    cursor: pointer;
    background: url(../images/contact.png) center bottom no-repeat;
}

.contact i {
    width: 84px;
    height: 84px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/cir.png);
    -webkit-animation: circle1 8s linear infinite 300ms 0 ease;
    -moz-animation: circle1 8s linear infinite 300ms 0 ease;
    -ms-animation: circle1 8s linear infinite 300ms 0 ease;
    animation: circle1 8s linear infinite 300ms 0 ease;
    -o-animation: circle1 8s linear infinite;
    -webkit-animation: circle1 8s linear infinite;
    -moz-animation: circle1 8s linear infinite;
    -ms-animation: circle1 8s linear infinite;
    animation: circle1 8s linear infinite;
}

.contact s {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    left: 27px;
    top: 26px;
    z-index: 2;
    background: url(../images/chat.png) no-repeat;
}

.pop {
    /* display: none; */
    /* position: fixed; */
    /* top: 50%; */
    /* left: 50%; */
    /* z-index: 10001; */
    /* width: 1200px; */
    /* height: 525px; */
    /* background: url(../images/pop.png) left top no-repeat; */
}

.pop .close {
    width: 70px;
    height: 70px;
    display: block;
    color: #ffe9a9;
    font-size: 36px;
    text-align: center;
    line-height: 70px;
    position: absolute;
    top: 40px;
    right: 45px;
    z-index: 5;
    -o-transition: transform .4s ease-in-out;
    -webkit-transition: transform .4s ease-in-out;
    -moz-transition: transform .4s ease-in-out;
    -ms-transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
}

.pop h5 {
    color: #645022;
    font-size: 24px;
    padding-top: 80px;
    line-height: 24px;
    padding-bottom: 20px;
    margin-bottom: 25px;
    border-bottom: 1px solid #c3bdab;
    width: 800px;
    text-align: center;
    margin: 0 auto;
}

.textScroll {
    width: 920px;
    padding: 0 20px;
    margin: 20px auto 0;
    height: 300px;
    overflow: auto;
}

.contact_kele {
    width: 669px;
    height: 303px;
    /* margin: 10px 20px 43px; */
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
}

.kele, .qywx {
    width: 200px;
    text-align: center;
    margin: 30px 50px auto;
    float: left;
}

.kele img, .qywx img {
    width: 100%;
}

.kele span, .qywx span, .contact_qq span {
    font-size: 16px;
    display: block;
    color: #665225;
    line-height: 20px;
    margin-top: 10px;
}

.contact_qq a {
    color: #fff;
    font-size: 12px;
    padding: 2px 10px;
    background: #ff8a1f;
    border-radius: 5px;
}
.gift_1, .gift_2 {
    color: #fbe2c4;
    text-align: center;
    font-weight: bold;
    width: 390px;
    margin: 0 auto;
    background: rgba(0, 0, 0, .5);
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
}