body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,li,p,ul {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

em,i {
    font-style: normal;
}

a {
    text-decoration: none;
    outline: 0;
    color: #ffe648;
    -webkit-tap-highlight-color: rgba(255,0,0,0);
    -webkit-touch-callout: none
}

input {
    -webkit-appearance: none;
    appearance: none;
    outline: 0
}

html {
    font-size: calc(100vw/7.5);
}

body {
    font: .2rem / .36rem "Microsoft Yahei",sans-serif;
    /* color: #ffce8e; */
}

table {
    border-collapse: collapse
}

img {
    display: block;
    width: 100%;
}

::-webkit-scrollbar {
    display: none;
}

.main {
    max-width: 7.5rem;
    margin: 0 auto;
    /* text-align: center; */
    position: relative;
    background: #962713;
}

.top {
    top: 0;
    width: 7.5rem;
    z-index: 10;
    padding: 0;
    text-align: left;
    color: #fff;
    height: 1rem;
    padding: 0;
    /* box-sizing: border-box; */
    /* justify-content: space-between; */
    display: -webkit-box;
    display: -webkit-flex;
    /* display: flex; */
    /* -webkit-box-align: center; */
    -webkit-align-items: center;
    align-items: center;
    position: fixed;
    background: #ac240a;
}

.top .logo {
    width: 1.88rem;
    margin-left: .1rem;
}

/*login*/
.login {
    display: block;
    width: 2rem;
    height: .8rem;
    background: url(../images/togw_ceec2e0.png) center no-repeat;
    background-size: 100%;
    text-align: center;
    line-height: .8rem;
    font-size: .22rem;
    margin: .05rem .1rem 0 0;
    position: absolute;
    right: .8rem;
}

.loginbtn {
    width: 50%;
    height: .95rem;
    display: inline-block;
    float: left;
    color: #3d5452;
}

.textbox a.butn {
    width: 50%;
    height: .95rem;
    display: inline-block;
    float: left;
    color: #3d5452;
    cursor: pointer;
}

.denglu.togw span {
    color: #b81a32;
    width: 50%;
    height: .95rem;
    line-height: .95rem;
    display: block;
    float: left;
}

.pay {
    display: block;
    width: .42rem;
    height: .36rem;
    text-align: center;
    line-height: .35rem;
    font-size: 0;
    color: #dd4524;
    background: url(../images/pay.png);
    background-size: 100%;
    text-align: center;
    line-height: .8rem;
    font-size: 0;
    margin: .05rem .1rem 0 0;
    position: absolute;
    right: .2rem;
    background-size: 100%;
}

.pay:hover {
    background: url(../images/pay_hover.png);
    background-size: 100%;
}

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

/*part-common*/
.part {
    position: relative;
    overflow: hidden;
    background-size: 7.5rem auto;
    background-repeat: no-repeat;
    background-position: center top;
    box-sizing: border-box;
    padding-top: 0.5rem;
}

.p0 {
    height: 6.94rem;
    background-image: url('../images/bg.jpg');
    margin-top: 1rem;
}

.p1 {
    padding-top: 0rem;
}

.p7 {
    padding-bottom: .8rem;
}

.slogan {
    width: 7.5rem;
    height: 2.24rem;
    background-image: url('../images/slogan.png');
    position: absolute;
    bottom: 1rem;
    background-size: 100%;
}

.part .con {
    width: 6.8rem;
    margin: .2rem auto 0;
    position: relative;
}

.tit {
    margin: 0 auto;
    width: 7.5rem;
    position: relative;
    height: 1.49rem;
    background-size: 100%;
}

.tit1 {
    background: url(../images/tit1.png) center no-repeat;
    background-size: 100%;
}

.tit2 {
    background: url(../images/tit2.png) center no-repeat;
    background-size: 100%;
}

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

.tit4 {
    background: url(../images/tit4.png) center no-repeat;
    background-size: 100%;
}

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

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

.tit7 {
    background: url(../images/tit7.png) center no-repeat;
    background-size: 100%;
}

.tit8 {
    background: url(../images/cetit.jpg) center no-repeat !important;
}

.tit_con {
    width: 6.7rem;
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
    color: #f2ca97;
}

.words {
    border-bottom: none!important;
}

/*part1*/
.end ul {
    overflow: hidden;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: .05rem;
}

.end ul li {
    display: flex;
    align-items: center;
    /* box-sizing: border-box; */
    width: .95rem;
    height: .25rem;
    /* margin-bottom: .15rem; */
    background: #e3d7c1;
    font-size: .15rem;
    color: #600006;
    font-weight: bold;
    text-align: center;
    border-radius: .05rem;
    margin: 0 .01rem;
    justify-content: center;
}

.qdlj ul {
    width: 100%;
    position: relative;
    display: inline-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.qd-flip .flipper {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

.qd-flip.flipped .flipper {
    transform: rotateY(180deg);
}

.qd-flip .front, .qd-flip .back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

.qd-flip .back {
    transform: rotateY(180deg);
}

.qdlj ul li {
    display: flex;
    align-items: center;
    background: url(../images/qd/wk.png) no-repeat;
    box-sizing: border-box;
    width: 0.95rem;
    height: 1.03rem;
    color: #ffc45d;
    background-size: 100%;
    margin-bottom: .05rem;
    position: relative;
    margin: 0 .01rem .05rem;
    cursor: pointer;
    perspective: 1000px;
}

.qdlj ul li.zj {
    background: url(../images/qd/rk.png) no-repeat;
    background-size: 100%;
}

.qdlj ul li.zf {
    background: url(../images/qd/yk.png) no-repeat;
    background-size: 100%;
}

.qdlj ul li.dk {
    background: url(../images/qd/dk.png) no-repeat;
    background-size: 100%;
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

.qdlj ul li.dk span {
    opacity: .3;
}

.qdlj ul li span.date {
    color: #5a0502;
    position: absolute;
    top: 0;
    right: 0rem;
    font-size: .16rem;
    width: .25rem;
    height: .25rem;
    line-height: .25rem;
    text-align: center;
    /* font-weight: bold; */
}

.qdlj ul li span.que {
    background: url(../images/qd/que.png) no-repeat;
    color: #5a0502;
    position: absolute;
    top: .26rem;
    right: .18rem;
    font-size: .18rem;
    width: .5rem;
    height: .5rem;
    background-size: 100%;
}

span.yiqiandao {
    background: url(../images/qianed.png) no-repeat;
    background-size: 100%;
    width: .49rem;
    height: .52rem;
    position: absolute;
    bottom: .05rem;
    right: .05rem;
}

span.buqian {
    background: url(../images/qd/bu.png) no-repeat;
    background-size: 100%;
    width: .75rem;
    height: .83rem;
    position: absolute;
    bottom: .05rem;
    right: .05rem;
}

.qdlj ul li span.jb {
    background: url(../images/qd/jb.png) no-repeat;
    color: #5a0502;
    position: absolute;
    top: .05rem;
    right: .07rem;
    font-size: .18rem;
    width: .8rem;
    height: .85rem;
    background-size: 100%;
    margin: 0 auto;
}

.qdlj ul li span.jb i {
    font-size: .13rem;
    position: absolute;
    bottom: -0.06rem;
    width: .8rem;
    height: .2rem;
    /* right: -.03rem; */
    line-height: .2rem;
    text-align: center;
    background: rgb(255 255 255 / 71%);
}

.qdlj ul li span.fu {
    background: url(../images/qd/fu.png) no-repeat;
    color: #5a0502;
    position: absolute;
    top: .25rem;
    right: .17rem;
    font-size: .18rem;
    width: .55rem;
    height: .55rem;
    background-size: 100%;
}

.qdlj ul li span.aga {
    background: url(../images/qd/horse.png) no-repeat;
    color: #5a0502;
    position: absolute;
    top: -.01rem;
    right: -.02rem;
    font-size: .18rem;
    width: .9rem;
    height: .9rem;
    background-size: 100%;
}

.qdlj ul li span.aga i {
    font-size: .13rem;
    position: absolute;
    bottom: -.07rem;
    width: .8rem;
    height: .2rem;
    right: .1rem;
    line-height: .2rem;
    text-align: center;
    background: rgb(255 255 255 / 71%);
}

/*.qdlj ul > li.active {
    background: url(../web/images/qd_h.png) no-repeat;
    background-size: 100%;
}*/

.qdlj ul li img {
    display: block;
    width: 100%;
}

.qiandao {
    display: block;
    width: 3.6rem;
    height: 1.06rem;
    background: url(../images/qd/btn.png) no-repeat;
    background-repeat: no-repeat;
    margin: 0 auto;
    font-size: 0;
    background-size: 100%;
}

.qiandao:hover {
    background: url(../images/qd/btn_h.png) center center no-repeat;
    background-size: 100%;
}

.tj {
    display: flex;
    justify-content: space-between;
    width: 5rem;
    margin: 0 auto 0;
    color: #f2ca97;
    font-size: .16rem;
    height: .3rem;
    line-height: .3rem;
}

.tips1 i, .ftip em, #cjnum {
    color: #ff0;
    /* font-size: .18rem; */
    margin: 0 5px;
    font-weight: bold;
    font-style: normal;
}

/*part2*/
.gzh {
    width: 5.98rem;
    height: 3.37rem;
    margin: .2rem auto 0 auto;
    background: url('../images/hb.png') no-repeat center / contain;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gzh img {
    width: 1.96rem;
    height: 2rem;
}

.prom {
    color: #e9bb73;
    font-size: .18rem;
    text-align: center;
}

/*part3*/
/*轮盘*/
.rotate {
    margin: 0 auto;
    width: 6rem;
    height: 7.5rem;
}

.lunpai {
    position: absolute;
    left: 50%;
    /* top: 2.6rem; */
    width: 6rem;
    height: 6.4rem;
    margin-left: -3rem;
    background-image: url(../images/cj/lp.png);
    background-size: 100%;
}

.ring {
    position: absolute;
    left: 50%;
    top: 0.52rem;
    width: 4.9rem;
    height: 4.9rem;
    margin-left: -2.45rem;
    background-image: url("../images/cj/dark.png");
    background-size: 100%;
}

.rotate div.light {
    background-image: url("../images/cj/light.png");
}

#btn {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1.31rem;
    height: 1.73rem;
    margin: -2.54rem 0 0 -.67rem;
    background: url("../images/cj/button1.png") no-repeat;
    background-size: 100%;
    cursor: pointer;
}

/*奖品*/
.prize {
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -2.48rem 0 0 -2.26rem;
    width: 4.52rem;
    height: 4.52rem;
    border-radius: 50%;
}

.running {
    -o-animation: init 90s linear infinite;
    -ms-animation: init 90s linear infinite;
    -moz-animation: init 90s linear infinite;
    -webkit-animation: init 90s linear infinite;
    animation: init 90s linear infinite;
}

.prize li {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2.26rem;
    background: no-repeat center 35%;
    font-size: 0.32rem;
    font-weight: bold;
    line-height: 0.8rem;
    text-align: center;
    color: #f44747;
    -moz-transform-origin: center bottom;
    -webkit-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    background-position-y: .9rem;
    background-size: 18%;
}

.prize li:nth-child(1) {
    /* background-size: 18%; */
    background-image: url("../images/jp/tyq.png");
    /* background-size: 100%; */
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    background-position-y: 0.53rem;
}

/* .prize li.dark:nth-child(1) {
    background-image: url("../images/77.png");
} */
.prize li.dark:nth-child(1) span, .prize li.dark:nth-child(2) span, .prize li.dark:nth-child(3) span, .prize li.dark:nth-child(4) span, .prize li.dark:nth-child(5) span, .prize li.dark:nth-child(6) span, .prize li.dark:nth-child(7) span, .prize li.dark:nth-child(8) span {
    background: rgb(0 0 0 / 30%);
}

.prize li:nth-child(2) {
    background-image: url("../images/jp/mjq.png");
    /* background-size: 1.32rem 1.4rem; */
    -o-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    transform: rotate(45deg);
    background-position-y: .53rem;
}

/* .prize li.dark:nth-child(2) {
    background-image: url("../images/66.png");
} */
.prize li:nth-child(3) {
    background-image: url("../images/jp/thank.png");
    /* background-size: 0.78rem 0.68rem; */
    -o-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
    transform: rotate(90deg);
    background-position-y: .53rem;
}

/* .prize li.dark:nth-child(3) {
    background-image: url("../images/55.png");
}
 */
.prize li:nth-child(4) {
    background-image: url("../images/jp/flq.png");
    /* background-size: 0.92rem 0.97333333rem; */
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(135deg);
    background-position-y: .53rem;
}

/* .prize li.dark:nth-child(4) {
    background-image: url("../images/44.png");
} */
.prize li:nth-child(5) {
    background-image: url("../images/jp/again.png");
    /* background-size: 1.42rem 1.56rem; */
    -o-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    -moz-transform: rotate(240deg);
    -webkit-transform: rotate(240deg);
    transform: rotate(180deg);
    background-position-y: .53rem;
}

/* .prize li.dark:nth-child(5) {
    background-image: url("../images/33.png");
} */
.prize li:nth-child(6) {
    background-image: url("../images/jp/tyq.png");
    /* background-size: 1.02666667rem 1.12666667rem; */
    -o-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    -moz-transform: rotate(300deg);
    -webkit-transform: rotate(300deg);
    transform: rotate(225deg);
    background-position-y: .53rem;
}

/* .prize li.dark:nth-child(6) {
    background-image: url("../images/22.png");
}
 */
.prize li:nth-child(7) {
    background-image: url("../images/jp/ptb.png");
    /* background-size: 1.02666667rem 1.12666667rem; */
    -o-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    -moz-transform: rotate(300deg);
    -webkit-transform: rotate(300deg);
    transform: rotate(270deg);
    background-position-y: .53rem;
}

/* .prize li.dark:nth-child(7) {
    background-image: url("../images/11.png");
} */
.prize li:nth-child(8) {
    background-image: url("../images/jp/again.png");
    /* background-size: 1.02666667rem 1.12666667rem; */
    -o-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    -moz-transform: rotate(300deg);
    -webkit-transform: rotate(300deg);
    transform: rotate(315deg);
    background-position-y: .7rem;
}

/* .prize li.dark:nth-child(8) {
    background-image: url("../images/again_g.png");
} */
.prize li span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-left: -50%;
    border-right: .02rem solid #e9762c;
    -o-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -o-transform: rotate(30deg) skewY(30deg);
    -ms-transform: rotate(30deg) skewY(30deg);
    -moz-transform: rotate(30deg) skewY(30deg);
    -webkit-transform: rotate(30deg) skewY(30deg);
    transform: rotate(23deg) skewY(45deg);
}

.prize li p {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    width: 29%;
    height: 10%;
    padding-top: .14rem;
    text-align: center;
    line-height: .26rem;
    color: #d84f00;
    font-size: .16rem;
}

.prize li p.remain {
    font-size: .12rem;
    color: #ff2400;
    padding-top: 0px;
    /* font-weight: bold; */
    /* display: none; */
}

/*次数*/
.border {
    width: 5.06666667rem;
    height: 0.84rem;
    margin: 0.13333333rem auto 0.33333333rem;
    background-image: url("../images/border.png");
    font-size: 0.32rem;
    line-height: 0.84rem;
    text-align: center;
    color: #fff;
}

.scr {
    width: 185px;
    height: 210px;
    position: absolute;
    left: 20px;
    background: rgba(0, 0, 0, .4);
    border-radius: 10px;
    padding: 10px;
    font-size: 13px;
    bottom: 93px;
}

.scroll {
    /* width: 300px; */
    height: 185px;
    margin-top: 10px;
}

.scr h3 {
    text-align: center;
    color: #fd4747;
    font-size: 16px;
}

.scroll ul {
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-size: 14px;
}

.lottery_box {
    padding: 0 1%;
    position: relative;
}

.val_box {
    text-align: center;
    color: #ffedd4;
    font-size: .16rem;
    bottom: 3.1rem;
    position: absolute;
    left: 50%;
    /* top: 50%; */
    width: 2.31rem;
    height: .53rem;
    margin: -0.04rem 0 0 -1.1rem;
}

#btn10 {
    display: block;
    width: 3.6rem;
    height: 1.06rem;
    background: url(../images/cj/btn10.png) no-repeat;
    margin: 0 auto;
    font-size: 0;
    background-size: 100%;
    bottom: 1.9rem;
    position: absolute;
    left: 50%;
    margin-left: -1.8rem;
    animation: scaleDraw 5s ease-in-out infinite;
    cursor:pointer;
}

#btn10:hover {
    background: url(../images/cj/btn10_h.png) no-repeat;
    background-size: 100%;
}

@keyframes scaleDraw {
    0% {
        transform: scale(.9);
    }

    25% {
        transform: scale(1);
    }

    50% {
        transform: scale(1);
    }

    75% {
        transform: scale(.9);
    }
}

span.paynum {
    font-weight: bold;
}

.hdgz-btn1 {
    width: 89px;
    height: 40px;
    line-height: 40px;
    color: #000;
    background: #fdffdd;
    box-sizing: border-box;
    margin: 20px 10px auto 0;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    /* display: block; */
    padding: 2px 10px;
}

ul.cj_box {
    overflow: hidden;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.cj {
    display: block;
    width: 1.8rem;
    height: 1.53rem;
    float: left;
    margin: 0 .3rem .3rem;
}

.cj_name {
    position: absolute;
    width: 130px;
    height: 29px;
    z-index: 2;
    left: 8px;
    bottom: 15px;
    font-size: 13px;
    color: #fff;
    line-height: 26px;
    text-align: center;
    border-radius: 20px;
    display: none;
}

.cj_1, .cj_9 {
    background: url(../images/jp/j1.png) no-repeat top center;
    background-size: 100% 100%;
}

.cj_5, .cj_7 {
    background: url(../images/jp/j2.png) no-repeat top center;
    background-size: 100% 100%;
}

.cj_5 {
    margin-left: 2.7rem;
}

.cj_2, .cj_8 {
    background: url(../images/jp/j5.png) no-repeat top center;
    background-size: 100% 100%;
}

.cj_6 {
    background: url(../images/jp/j3.png) no-repeat top center;
    background-size: 100% 100%;
}

.cj_3, .cj_4 {
    background: url(../images/jp/j4.png) no-repeat top center;
    background-size: 100% 100%;
}

.cj.cur.cj_1, .cj.cur.cj_9 {
    background: url(../images/jp/j1_h.png) no-repeat top center;
    background-size: 100% 100%;
}

.cj.cur.cj_5, .cj.cur.cj_7 {
    background: url(../images/jp/j2_h.png) no-repeat top center;
    background-size: 100% 100%;
}

.cj.cur.cj_2, .cj.cur.cj_8 {
    background: url(../images/jp/j5_h.png) no-repeat top center;
    background-size: 100% 100%;
}

.cj.cur.cj_6 {
    background: url(../images/jp/j3_h.png) no-repeat top center;
    background-size: 100% 100%;
}

.cj.cur.cj_3, .cj.cur.cj_4 {
    background: url(../images/jp/j4_h.png) no-repeat top center;
    background-size: 100% 100%;
}

.cj_btn {
    height: .7rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.cj_btn a {
    /* position: absolute; */
    transition: 5s;
    /* bottom: 15px; */
    /* left: 45px; */
    left: .1rem;
    background-size: 100%;
    width: 32%;
    height: .7rem;
    float: left;
    display: flex;
    justify-content: center;
}

.lottery_btn {
    background: url(../images/jp/c1.png) no-repeat top center;
    background-size: 100%;
}

.lottery_btn_ten {
    background: url(../images/jp/c10.png) no-repeat top center;
    background-size: 100%;
}

.zjcx {
    background: url(../images/jp/zjcx.png) no-repeat top center;
    background-size: 100%;
}

.lottery_btn:hover {
    background: url(../images/jp/c1_h.png) no-repeat top center;
    background-size: 100%;
}

.lottery_btn_ten:hover {
    background: url(../images/jp/c10_h.png) no-repeat top center;
    background-size: 100%;
}

.zjcx:hover {
    background: url(../images/jp/zjcx_h.png) no-repeat top center;
    background-size: 100%;
}

.zjmd {
    overflow: hidden;
    height: 3rem;
    border-radius: 2px;
    background-color: #fff0c6;
    background-size: 100%;
    padding: 10px 0 5px;
    margin: 10px 7px 0;
    position: relative;
    border: 2px dashed #e66545;
}

.zjmd h3 {
    font-size: .22rem;
    color: #ed321f;
    height: .45rem;
    font-weight: 700;
    text-align: center;
}

.add_li li {
    width: 6.91rem;
    height: 1.69rem;
    background: url('../images/pay_bg.png') no-repeat center / contain;
    position: relative;
    box-sizing: border-box;
    padding: .3rem 0;
    margin: .15rem auto;
}

.add_li .tite {
    font-size: .26rem;
    font-weight: bolder;
    color: #ffcc7b;
    line-height: .4rem;
    width: 5rem;
    text-align: left;
    box-sizing: border-box;
    padding-left: .4rem;
    white-space: wrap;
}

.add_li .cont {
    font-size: .18rem;
    color: #ffdcaa;
    width: 5rem;
    text-align: left;
    box-sizing: border-box;
    padding-left: .4rem;
    white-space: wrap;
}

.add_li .btn {
    display: block;
    width: 1.59rem;
    height: .6rem;
    background: url('../images/btn_pay.png') no-repeat center / contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: .2rem;
}

/*part4*/
.p4 .con.back {
    width: 5.98rem;
    /* height: 3.37rem; */
    margin: .2rem auto 0 auto;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
}

.back p {
    text-align: center;
    color: #ff0;
}

.back img {
    width: 6.8rem;
    /* height: 2rem; */
}

/*part5*/
.gift {
    display: flex;
    justify-content: center;
    align-items: center;
}

.gift li:first-child,.gift li:last-child {
    width: 1.3rem;
    box-sizing: border-box;
}

.gift li:not(:first-child):not(:last-child) {
    width: 1.2rem;
}

.gift li img {
    width: .92rem;
    height: .98rem;
}

.gift li:not(:first-child):not(:last-child) img {
    margin: 0 auto;
}

.gift li:first-child img {
    margin-left: .15rem;
}

.gift li img {
    /* margin-left: .12rem; */
    margin: 0 auto;
}

.gift li .bar {
    height: .04rem;
    width: 100%;
    background-color: #a9a9a9;
    margin: .3rem 0;
    position: relative;
}

.gift li p {
    line-height: .47rem;
    font-size: .22rem;
    background-image: linear-gradient(to top,#ffd8a1,#ffc378,#e2a054);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    text-align: center;
}

/*mrt*/
/*part5*/
.sign_box {
    width: 6rem;
    height: 5.4rem;
    background: url(../images/mrt_phb.png) no-repeat;
    position: relative;
    /* background-size: 97%; */
    margin: 0 auto;
    padding: 1.3rem .2rem .5rem .7rem;
    background-size: 100%;
}

.lists_tit {
    height: .5rem;
    line-height: .5rem;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    width: 100%;
    border-bottom: 1px dashed #f9e8bc1f;
    margin-bottom: 0;
}

.lists_tit span {
    height: .5rem;
    line-height: .5rem;
}

.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: 1rem;
    color: #fff;
}

.zh {
    width: 3.07rem;
    color: #fff86d;
}

.amount {
    width: 1.47rem;
    color: #fff;
    border-right: none;
}

.lists ul li {
    width: 100%;
    height: .4rem;
    line-height: .4rem;
    border-bottom: .01rem dashed #f9e8bc1f;
}

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

/*zj*/
.m-pop, .m-rule {
    width: 300px;
    height: 380px;
    position: fixed;
    left: 50%;
    margin-left: -150px;
    top: 16%;
    display: none;
    z-index: 9999;
    background-size: 100%;
    background: url(../images/zj.png) no-repeat;
    border-radius: 10px;
}

.pop-bg {
    -webkit-transition: opacity .3s ease-in-out 0s;
    -moz-transition: opacity .3s ease-in-out 0s;
    transition: opacity .3s ease-in-out 0s;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, .7);
    /* display: none; */
    z-index: 999;
}

.inner, .rule {
    width: 6.3rem;
    height: 6.09rem;
    position: fixed;
    left: 50%;
    margin-left: -3.15rem;
    top: 16%;
    /* display: none; */
    z-index: 9999;
    background: url(../images/zj.png) no-repeat;
    border-radius: 10px;
    background-size: 100%;
}

.close, .close1 {
    width: 35px;
    height: 35px;
    font-size: 0;
    position: absolute;
    background: url(../images/close.png?2022.png) no-repeat;
    color: #fff;
    cursor: pointer;
    border-radius: 20px;
    line-height: 30px;
    text-align: center;
    background-size: 100%;
    bottom: -48px;
    margin: 0 auto;
    left: 50%;
    margin-left: -17px;
}

.m-win, .rule-con {
    height: 6.09rem;
    width: 6.3rem;
    margin: 30px auto 0;
}

.m-win h3, .rule-con h3 {
    width: 4.45rem;
    height: .6rem;
    font-size: .2rem;
    text-align: center;
    line-height: .6rem;
    margin: 0 auto;
    border-bottom: 1px dashed #a3a3a3;
    color: #fff;
    display: block;
    /* position: relative; */
    /* top: 20px; */
}

.my-prize, .myrule-con {
    overflow-y: scroll;
    text-align: left;
    width: 5.2rem;
    height: 4.35rem;
    padding: .2rem .5rem;
}

#content {
    width: 100%;
    height: 3.7rem;
    font-size: 17px;
    color: #ffec91;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 38px;
    text-align: center;
}

#content1, .myrule-con {
    position: absolute;
    /* top: 75px; */
    /* left: 27px; */
    font-size: .16rem;
    color: #ffec91;
    overflow-y: scroll;
    text-align: left;
    width: 5.3rem;
    height: 4rem;
}

#content1::-webkit-scrollbar, .my-prize::-webkit-scrollbar, .myrule-con::-webkit-scrollbar {
    width: 10px;
    background-color: none;
}

#content1::-webkit-scrollbar-thumb, .my-prize::-webkit-scrollbar-thumb, .myrule-con::-webkit-scrollbar-thumb {
    border: solid 1px #5f4204;
    width: 4px;
    border-radius: 3px;
    height: 10px;
    background-color: #580310;
}

#content1 li, .myrule-con p, .my-prize li {
    line-height: .4rem;
    border-bottom: .01rem dotted #b9b9b9;
    color: #ffec91;
    width: 5.2rem;
}

#content1 li i {
    width: 16px;
    height: 16px;
    background: #e04220;
    border-radius: 20px;
    display: inline-block;
    position: relative;
    top: 0px;
    left: 2px;
    line-height: 16px;
    color: #fff;
    font-style: normal;
    text-align: center;
    font-size: 10px;
    margin-right: 5px;
    font-weight: normal;
}

/*ewm*/
.ewm {
    margin-top: .3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ewm-con {
    margin: 0 .36rem;
    width: 2.6rem;
}

.ewm img {
    width: 2.4rem;
    height: 2.4rem;
    background: #fff;
    border: .1rem solid #ae4118;
    margin-bottom: .1rem;
}

.ewm p {
    width: 100%;
    font-size: .18rem;
    color: #e9bb73;
    line-height: .32rem;
    text-align: center;
}

/*right*/
.m-flright {
    position: fixed;
    right: 0;
    top: 2.4rem;
    text-indent: -9999px;
    font-size: 0;
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.m-flright .myrule {
    width: .5rem;
    height: 1.2rem;
    background: url(../images/btn_rule.png) no-repeat center / contain;
    /* z-index: inherit; */
    cursor: pointer;
}

.m-flright .myprize {
    width: .5rem;
    height: 1.2rem;
    background: url(../images/myprize.png) no-repeat center / contain;
    cursor: pointer;
}

#mask {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
}

#mask .blin {
    width: 7.5rem;
    height: 7.5rem;
    background-image: url("../images/gold.png");
    -o-animation: circle 10s linear infinite;
    -ms-animation: circle 10s linear infinite;
    -moz-animation: circle 10s linear infinite;
    -webkit-animation: circle 10s linear infinite;
    animation: circle 10s linear infinite;
    margin: 3.75rem auto 0;
    background-size: 100%;
    display: none;
}

#mask .caidai {
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 1;
    width: 7rem;
    height: 10rem;
    background-image: url("../images/dianzhui.png");
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    /* margin: 0 auto; */
    margin-left: -3.5rem;
    background-size: 100%;
}

#mask .winning {
    position: absolute;
    left: 50%;
    top: 45%;
    z-index: 1;
    width: 6rem;
    height: 5rem;
    /* margin: -4rem 0 0 -2.1rem; */
    -o-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    background: url(../images/prize_bg.png) no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: 100%;
    padding: 0.7rem .6rem 0rem;
    margin-left: -3.6rem;
    margin-top: -2.85rem;
}

.red-prize {
    font-size: .26rem;
    color: #ff5400;
    font-weight: bold;
    margin-top: .6rem;
    height: 2rem;
    overflow-y: scroll;
}

.red-prize1 {
    font-size: .23rem;
    color: #ff5400;
    font-weight: bold;
    /* margin-top: 2.3rem; */
    height: 4.6rem;
    overflow-y: scroll;
}

/* .red-prize::-webkit-scrollbar {
    width: 10px;
    background-color: none;
}

.red-prize::-webkit-scrollbar-thumb {
    border: solid 1px #ffae00;
    width: 4px;
    border-radius: 3px;
    height: 10px;
    background-color: #ff0027;
} */
#mask .reback {
    -o-animation: reback .5s linear forwards;
    -ms-animation: reback .5s linear forwards;
    -moz-animation: reback .5s linear forwards;
    -webkit-animation: reback .5s linear forwards;
    animation: reback .5s linear forwards;
}

.red-prize1 li {
    margin-bottom: .1rem;
}

.red-prize1 li i {
    background: #ff6000;
    width: .3rem;
    height: .3rem;
    display: inline-block;
    border-radius: .3rem;
    text-align: center;
    font-size: .2rem;
    line-height: .3rem;
    color: #fff;
    font-weight: normal;
    margin-right: .1rem;
}

.winning .red-head {
    position: relative;
    top: -22px;
    width: 100%;
    height: 300px;
    background-image: url(../images/top.png);
}

.winning .red-body {
    position: relative;
    top: -168px;
    z-index: 2;
    width: 600px;
    height: 326px;
    background-image: url(../images/bottom.png);
}

.winning .red-body span {
    color: #fff;
    font-size: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 600px;
    height: 326px;
    position: absolute;
    top: 26px;
    font-weight: bold;
}

.winning #card {
    position: absolute;
    left: 50%;
    top: 30%;
    z-index: 1;
    margin-left: -198px;
    margin-top: 0;
    width: 396px;
    height: 243px;
    /* background: #000; */
    -o-transition: top .5s;
    -ms-transition: top .5s;
    -moz-transition: top .5s;
    -webkit-transition: top .5s;
    transition: top .5s;
}

#card .win {
    display: block;
    margin: 0 auto;
    width: 92%;
    height: 217px;
    background-image: url(../images/title.png);
    position: relative;
    top: 6px;
}

.winning .pull {
    -o-animation: card .5s linear forwards;
    -ms-animation: card .5s linear forwards;
    -moz-animation: card .5s linear forwards;
    -webkit-animation: card .5s linear forwards;
    animation: card .5s linear forwards;
}

#close {
    opacity: 0;
    position: absolute;
    right: 0;
    top: -.45rem;
    z-index: 10;
    width: .55rem;
    height: .55rem;
    cursor:pointer;
    background-image: url(../images/close1.png);
    -o-animation: fadein .5s .5s linear forwards;
    -ms-animation: fadein .5s .5s linear forwards;
    -moz-animation: fadein .5s .5s linear forwards;
    -webkit-animation: fadein .5s .5s linear forwards;
    animation: fadein .5s .5s linear forwards;
    background-size: 100%;
}