.container {
    width:100%;
}
.header {
    width:100%;
    position:relative
}
.content_one {
    width:100%;
    background:#ffba47;
    position:relative
}
.bg1 {
    width:100%;
    height:2rem;
    background: url(../img/bag1.png) 0 0 no-repeat;
    background-size:100% 2.01rem
}
.bg2 {
    width:100%;
    height:2rem;
    background:url(../img/bag2.png) 0 0 no-repeat;
    background-size:100% 2.02rem
}
.bg3 {
    width:100%;
    height:2rem;
    background: url(../img/bag3.png) -0.01rem 0 no-repeat;
    background-size:100% 2.02rem
}
.bg4 {
    width:100%;
    height:2.14rem;
    background:#ffa35a url(../img/bag4.png) 0 0 no-repeat;
    background-size:100% 2.16rem
}
.firework_content {
    width:100%;
    height:3rem;
    position:absolute;
    top:0;
    z-index:1;
    /*display:none;*/
}
.yh1 {
    width:2.8rem;
    height:2.1rem;
    position:absolute;
    top:0;
    left:3rem
}
.yh2 {
    width:1.62rem;
    height:1.90rem;
    position:absolute;
    top:0;
    left:5.81rem
}
.yh3 {
    width:1.1rem;
    height:1.18rem;
    position:absolute;
    top:0;
    left:8.47rem
}
.yh4 {
    width:1.1rem;
    height:1.17rem;
    position:absolute;
    top:1.08rem;
    right:2.31rem
}
.firework_one {
    -webkit-animation:firework 2s infinite forwards;
    -moz-animation:firework 2s infinite forwards;
    -ms-animation:firework 2s infinite forwards;
    -o-animation:firework 2s infinite forwards;
    animation:firework 2s infinite forwards;
    -webkit-animation-delay:1s;
    -moz-animation-delay:1s;
    -ms-animation-delay:1s;
    -o-animation-delay:1s;
    animation-delay:1s
}
.firework_two {
    -webkit-animation:firework 2s infinite forwards;
    -moz-animation:firework 2s infinite forwards;
    -ms-animation:firework 2s infinite forwards;
    -o-animation:firework 2s infinite forwards;
    animation:firework 2s infinite forwards;
    -webkit-animation-delay:2s;
    -moz-animation-delay:2s;
    -ms-animation-delay:2s;
    -o-animation-delay:2s;
    animation-delay:2s
}
.firework_three {
    -webkit-animation:firework 2s infinite forwards;
    -moz-animation:firework 2s infinite forwards;
    -ms-animation:firework 2s infinite forwards;
    -o-animation:firework 2s infinite forwards;
    animation:firework 2s infinite forwards;
    -webkit-animation-delay:1.5s;
    -moz-animation-delay:1.5s;
    -ms-animation-delay:1.5s;
    -o-animation-delay:1.5s;
    animation-delay:1.5s
}
@-webkit-keyframes firework {
    0% {
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    50% {
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
    100% {
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
@-ms-keyframes firework {
    0% {
        -ms-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    50% {
        -ms-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
    100% {
        -ms-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
@-moz-keyframes firework {
    0% {
        -moz-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    50% {
        -moz-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
    100% {
        -moz-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
@-o-keyframes firework {
    0% {
        -o-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    50% {
        -o-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
    100% {
        -o-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
@keyframes firework {
    0% {
        transform:scale(0);
        opacity:0
    }
    50% {
        transform:scale(1);
        opacity:1
    }
    100% {
        transform:scale(1);
        opacity:0
    }
}
.door_con {
    width:100%;
    height:6.64rem;
    background:url(../img/jianzhu.png) 0 0 no-repeat;
    background-size:100% 6.64rem;
    position:absolute;
    top:0;
    left:0;
    z-index:2
}
.light_content {
    width:100%;
    height:3rem;
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    /*display:none;*/
}
.light_left {
    width:1.23rem;
    height:2.70rem;
    position:absolute;
    top:.45rem;
    left:4.88rem;
    opacity:0
}
.light_right {
    width:1.23rem;
    height:2.7rem;
    position:absolute;
    top:.45rem;
    right:4.45rem;
    opacity:0
}
.swing_left {
    animation:swing 5s infinite forwards;
    -webkit-animation:swing 5s infinite forwards;
    -moz-animation:swing 5s infinite forwards;
    -o-animation:swing 5s infinite forwards;
    -ms-animation:swing 5s infinite forwards;
    animation-delay:1.5s;
    -webkit-animation-delay:1.5s;
    -moz-animation-delay:1.5s;
    -ms-animation-delay:1.5s;
    -o-animation-delay:1.5s;
}
.swing_right {
    -webkit-animation:swing 5s infinite forwards;
    -moz-animation:swing 5s infinite forwards;
    -ms-animation:swing 5s infinite forwards;
    -o-animation:swing 5s infinite forwards;
    animation:swing 5s infinite forwards;
    -webkit-animation-delay:.5s;
    -moz-animation-delay:.5s;
    -ms-animation-delay:.5s;
    -o-animation-delay:.5s;
    animation-delay:.5s;
}
@keyframes swing {
    0% {
        transform:rotatez(7deg) translate(-0.17rem, 1px);
        -webkit-transform:rotatez(7deg) translate(-0.17rem, 1px);
        opacity:1
    }
    50% {
        transform:rotatez(-7deg) translate(0.17rem, 1px);
        -webkit-transform:rotatez(-7deg) translate(0.17rem, 1px);
        opacity:1
    }
    100% {
        transform:rotatez(7deg) translate(-0.17rem, 1px);
        -webkit-transform:rotatez(7deg) translate(-0.17rem, 1px);
        opacity:1
    }
}
@-moz-keyframes swing {
    0% {
        transform:rotatez(7deg) translate(-0.17rem, 1px);
        -moz-transform:rotatez(7deg) translate(-0.17rem, 1px);
        opacity:1
    }
    50% {
        transform:rotatez(-7deg) translate(0.17rem, 1px);
        -moz-transform:rotatez(-7deg) translate(0.17rem, 1px);
        opacity:1
    }
    100% {
        transform:rotatez(7deg) translate(-0.17rem, 1px);
        -moz-transform:rotatez(7deg) translate(-0.17rem, 1px);
        opacity:1
    }
}
@-ms-keyframes swing {
    0% {
        transform:rotatez(7deg) translate(-0.17rem, 1px);
        -ms-transform:rotatez(7deg) translate(-0.17rem, 1px);
        opacity:1
    }
    50% {
        transform:rotatez(-7deg) translate(0.17rem, 1px);
        -ms-transform:rotatez(-7deg) translate(0.17rem, 1px);
        opacity:1
    }
    100% {
        transform:rotatez(7deg) translate(-0.17rem, 1px);
        -ms-transform:rotatez(7deg) translate(-0.17rem, 1px);
        opacity:1
    }
}
@-o-keyframes swing {
    0% {
        transform:rotatez(7deg) translate(-0.17rem, 1px);
        -o-transform:rotatez(7deg) translate(-0.17rem, 1px);
        opacity:1
    }
    50% {
        transform:rotatez(-7deg) translate(0.17rem, 1px);
        -o-transform:rotatez(-7deg) translate(0.17rem, 1px);
        opacity:1
    }
    100% {
        transform:rotatez(7deg) translate(-0.17rem, 1px);
        -o-transform:rotatez(7deg) translate(-0.17rem, 1px);
        opacity:1
    }
}
@-webkit-keyframes swing {
    0% {
        transform:rotatez(7deg) translate(-0.17rem, 1px);
        -webkit-transform:rotatez(7deg) translate(-0.17rem, 1px);
        opacity:1
    }
    50% {
        transform:rotatez(-7deg) translate(0.17rem, 1px);
        -webkit-transform:rotatez(-7deg) translate(0.17rem, 1px);
        opacity:1
    }
    100% {
        transform:rotatez(7deg) translate(-0.17rem, 1px);
        -webkit-transform:rotatez(7deg) translate(-0.17rem, 1px);
        opacity:1
    }
}
.bounceInDown {
    -webkit-animation:zoomIn .8s;
    -moz-animation:zoomIn .8s;
    -ms-animation:zoomIn .8s;
    -o-animation:zoomIn .8s;
    animation:zoomIn .8s;
}
@keyframes zoomIn {
    0% {
        opacity:0;
        transform:scale3d(.3, .3, .3)
    }
    50% {
        opacity:1
    }
}
@-webkit-keyframes zoomIn {
    0% {
        opacity:0;
        transform:scale3d(.3, .3, .3);
        -webkit-transform:scale3d(.3, .3, .3)
    }
    50% {
        opacity:1
    }
}
@-moz-keyframes zoomIn {
    0% {
        opacity:0;
        transform:scale3d(.3, .3, .3);
        -moz-transform:scale3d(.3, .3, .3)
    }
    50% {
        opacity:1
    }
}
@-o-keyframes zoomIn {
    0% {
        opacity:0;
        transform:scale3d(.3, .3, .3);
        -o-transform:scale3d(.3, .3, .3)
    }
    50% {
        opacity:1
    }
}
@-ms-keyframes zoomIn {
    0% {
        opacity:0;
        transform:scale3d(.3, .3, .3);
        -ms-transform:scale3d(.3, .3, .3)
    }
    50% {
        opacity:1
    }
}
.see {
    -webkit-animation:see 2s infinite;
    -moz-animation:see 2s infinite;
    -ms-animation:see 2s infinite;
    -o-animation:see 2s infinite;
    animation:see 2s infinite;
    -webkit-animation-delay:2s;
    -moz-animation-delay:2s;
    -ms-animation-delay:2s;
    -o-animation-delay:2s;
    animation-delay:2s;
}
@keyframes see {
    0% {
        opacity:0;
    }
    40% {
        opacity:1;
    }
    80% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@-webkit-keyframes see {
    0% {
        opacity:0
    }
    40% {
        opacity:1
    }
    80% {
        opacity:0
    }
    100% {
        opacity:1
    }
}
@-moz-keyframes see {
    0% {
        opacity:0
    }
    40% {
        opacity:1
    }
    80% {
        opacity:0
    }
    100% {
        opacity:1
    }
}
@-ms-keyframes see {
    0% {
        opacity:0
    }
    40% {
        opacity:1
    }
    80% {
        opacity:0
    }
    100% {
        opacity:1
    }
}
@-o-keyframes see {
    0% {
        opacity:0
    }
    40% {
        opacity:1
    }
    80% {
        opacity:0
    }
    100% {
        opacity:1
    }
}
.pig_con {
    width:3rem;
    height:2rem;
    position:absolute;
    top:3.14rem;
    left:6.5rem;
    background:url(../img/pig.png) 0 0 no-repeat;
    background-size:74%
}
.eye {
    width:.18rem;
    height:.23rem;
    position:absolute;
    left:1.55rem;
    top:.18rem
}
.header_title {
    width:100%;
    height:3.5rem;
    position:absolute;
    top:0;
    left:0;
    z-index:4;
    text-align:center
}
.header_title img {
    width:7rem;
    margin:1rem 0 0 .77rem
}
.cp_con {
    width:10rem;
    height:8rem;
    position:absolute;
    top:0;
    left:50%;
    margin-left:-5rem;
    z-index:5
}
.five_yuan {
    width:3rem;
    height:2.5rem;
    position:absolute;
    top:4.43rem;
    left:1.43rem;
    opacity:1;
    -webkit-animation:myfirst 3s linear;
    -moz-animation:myfirst 3s linear;
    -ms-animation:myfirst 3s linear;
    -o-animation:myfirst 3s linear;
    animation:myfirst 3s linear;
}
.ten_yuan {
    width:2.1rem;
    height:2.1rem;
    position:absolute;
    top:4.6rem;
    left:6.12rem;
    opacity:1;
    -webkit-animation:myfirst2 2s;
    -moz-animation:myfirst2 2s;
    -ms-animation:myfirst2 2s;
    -o-animation:myfirst2 2s;
    animation:myfirst2 2s;
}
.hundred_yuan {
    width:1.2rem;
    height:1.2rem;
    position:absolute;
    top:3.12rem;
    left:6.22rem;
    opacity:1;
    -webkit-animation:zoomInLeft 5s;
    -moz-animation:zoomInLeft 5s;
    -ms-animation:zoomInLeft 5s;
    -o-animation:zoomInLeft 5s;
    animation:zoomInLeft 5s;
}
@keyframes myfirst {
    0% {
        transform:translate(300px, -300px) scale(0, 0)
    }
    50% {
        transform:translate(0px, 0) scale(1, 1)
    }
}
@-webkit-keyframes myfirst {
    0% {
        -webkit-transform:translate(300px, -300px) scale(0, 0)
    }
    50% {
        -webkit-transform:translate(0px, 0) scale(1, 1)
    }
}
@-moz-keyframes myfirst {
    0% {
        -moz-transform:translate(300px, -300px) scale(0, 0)
    }
    50% {
        -moz-transform:translate(0px, 0) scale(1, 1)
    }
}
@-ms-keyframes myfirst {
    0% {
        -ms-transform:translate(300px, -300px) scale(0, 0)
    }
    50% {
        -ms-transform:translate(0px, 0) scale(1, 1)
    }
}
@-o-keyframes myfirst {
    0% {
        -o-transform:translate(300px, -300px) scale(0, 0)
    }
    50% {
        -o-transform:translate(0px, 0) scale(1, 1)
    }
}
@keyframes myfirst2 {
    0% {
        transform:translate(-300px, -300px) scale(0, 0)
    }
    50% {
        transform:translate(0px, 0) scale(1, 1)
    }
}
@-webkit-keyframes myfirst2 {
    0% {
        -webkit-transform:translate(-300px, -300px) scale(0, 0)
    }
    50% {
        -webkit-transform:translate(0px, 0) scale(1, 1)
    }
}
@-moz-keyframes myfirst2 {
    0% {
        -moz-transform:translate(-300px, -300px) scale(0, 0)
    }
    50% {
        -moz-transform:translate(0px, 0) scale(1, 1)
    }
}
@-ms-keyframes myfirst2 {
    0% {
        -ms-transform:translate(-300px, -300px) scale(0, 0)
    }
    50% {
        -ms-transform:translate(0px, 0) scale(1, 1)
    }
}
@-o-keyframes myfirst2 {
    0% {
        -o-transform:translate(-300px, -300px) scale(0, 0)
    }
    50% {
        -o-transform:translate(0px, 0) scale(1, 1)
    }
}
@keyframes myfirst3 {
    0% {
        transform:translate(0px, 0) scale(1, 1)
    }
    50% {
        transform:translate(0px, -10px) scale(1, 1)
    }
}
@-webkit-keyframes myfirst3 {
    0% {
        -webkit-transform:translate(0px, 0) scale(1, 1)
    }
    50% {
        -webkit-transform:translate(0px, -10px) scale(1, 1)
    }
}
@-moz-keyframes myfirst3 {
    0% {
        -moz-transform:translate(0px, 0) scale(1, 1)
    }
    50% {
        -moz-transform:translate(0px, -10px) scale(1, 1)
    }
}
@-ms-keyframes myfirst3 {
    0% {
        -ms-transform:translate(0px, 0) scale(1, 1)
    }
    50% {
        -ms-transform:translate(0px, -10px) scale(1, 1)
    }
}
@-o-keyframes myfirst3 {
    0% {
        -o-transform:translate(0px, 0) scale(1, 1)
    }
    50% {
        -o-transform:translate(0px, -10px) scale(1, 1)
    }
}
@-webkit-keyframes zoomInLeft {
    from {
        opacity:0;
        -webkit-transform:scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
        transform:scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
        transform:scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
    }
}
@-moz-keyframes zoomInLeft {
    from {
        opacity:0;
        -moz-transform:scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
        transform:scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
        -moz-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity:1;
        -moz-transform:scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
        transform:scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
        -moz-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
    }
}
@-ms-keyframes zoomInLeft {
    from {
        opacity:0;
        -ms-transform:scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
        transform:scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
        -ms-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity:1;
        -ms-transform:scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
        transform:scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
        -ms-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
    }
}
@-o-keyframes zoomInLeft {
    from {
        opacity:0;
        -o-transform:scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
        transform:scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
        -o-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity:1;
        -o-transform:scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
        transform:scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
        -o-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
    }
}
@keyframes zoomInLeft {
    from {
        opacity:0;
        -webkit-transform:scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
        transform:scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
        transform:scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
    }
}
.bg5 {
    width:100%;
    height:3rem;
    background:url(../img/bag5a.png) 0 0 no-repeat;
    background-size:100% 3rem;
}
.bg6 {
    width:100%;
    height:3rem;
    background:url(../img/bag6a.png) 0 0 no-repeat;
    background-size:100% 3rem
}
.bg7 {
    width:100%;
    height:4.05rem;
    background:url(../img/bag6a.png) 0 0 no-repeat;
    background-size:100% 4.05rem
}
.tab_box {
    width:9.66rem;
    height:9.66rem;
    position:absolute;
    top:0;
    left:50%;
    margin-left:-4.83rem;
    background:url(../img/box.png) 0 0 no-repeat;
    background-size:100%;
    overflow:hidden;
    z-index:10
}
.tab_conter {
    width:6.20rem;
    float:left
}
.tab_item_box {
    width:5.12rem;
    margin-left:1.08rem;
    position:relative
}
.tab_item_box li {
    position:absolute;
    display:none
}
.tab_item_box .tabActive {
    display:block
}
.tab_title {
    width:5.12rem;
    margin:1rem 0 .8rem 1.08rem;
    text-align:center
}
.tab_title img {
    width:2.45rem;
    height:.29rem
}
.item_center {
    width:5.12rem;
    height:5.30rem;
    text-align:center
}
.item_center>div {
    margin:0 auto
}
.item_center a {
    display:block
}
.see_shadow {
    width:100%;
    height:100%;
    background:rgba(000, 000, 000, 0.5);
    position:absolute;
    left:0;
    top:0;
    display:none
}
.see_shadow span {
    width:1.12rem;
    height:.58rem;
    background:url(../img/see.png) 0 0 no-repeat;
    background-size:100%;
    display:block;
    margin:2rem auto;
    cursor:pointer
}
.item_center>div:hover .see_shadow {
    display:block;
}
.item_center .shigua {
    background:url(../img/shigua.png) center center no-repeat #f40f00;
    background-size:.6rem .28rem;
    width:2.4rem;
    height:.63rem;
    display:block;
    border-radius:.2rem;
    margin:.51rem auto;
}
.btn_box {
    width:2.5rem;
    float:left;
    margin-left:.50rem;
}
.btn_content {
    width:2.5rem;
    overflow:hidden;
    margin-top:.6rem;
}
.btn_content li {
    width:2.49rem;
    height:2.6rem;
    text-align:center;
    margin-bottom:.35rem;
    position:relative;
    cursor:pointer;
}
.btn_content li img {
    width:2.49rem;
    height:2.59rem;
    display:block;
    position:absolute;
    top:0;
    left:0;
}
.btn_content li .select {
    display:none;
}
.content_two {
    width:100%;
    height:15.08rem;
    background:url(../img/bag8.png) 0 0 no-repeat;
    background-size:100% 15.08rem;
    overflow:hidden;
}
.rotate_box {
    width:10.44rem;
    height:7.94rem;
    margin:3.4rem auto 0;
    background:url(../img/box3.png) 0 0 no-repeat;
    background-size:100%;
    position:relative;
}
.img_box {
    width:11rem;
    height:7.8rem;
    position:relative;
    overflow:hidden;
}
.img_box>li {
    width:10.2rem;
    height:7.5rem;
    display:none;
    position:absolute;
    top:0;
    left:0;
}
.img_box li>img {
    width:10.02rem;
    margin:.22rem;
}
.point {
    position:absolute;
    bottom:.5rem;
    width:1.5rem;
    height:.24rem;
    left:50%;
    margin-left:-0.75rem;
}
.point li {
    width:.24rem;
    height:.24rem;
    border-radius:50%;
    background:rgba(000, 000, 000, 0.5);
    background-size:100%;
    float:left;
}
.point .pointActive {
    background:#f40f00;
}
.left_btn {
    width:.42rem;
    height:1.4rem;
    background:url(../img/left.png) center center no-repeat rgba(000, 000, 000, 0.5);
    background-size:.25rem .5rem;
    position:absolute;
    left:.22rem;
    top:50%;
    margin-top:-0.7rem;
    cursor:pointer;
    border-radius:0 .2rem .2rem 0;
    display:none;
}
.right_btn {
    width:.42rem;
    height:1.4rem;
    background:url(../img/right.png) center center no-repeat rgba(000, 000, 000, 0.5);
    background-size:.25rem .5rem;
    position:absolute;
    right:.22rem;
    top:50%;
    margin-top:-0.7rem;
    cursor:pointer;
    display:none;
    border-radius:.2rem 0 0 .2rem;
}
.footer_ {
    width:100%;
    position:relative;
}
.footer_ img {
    width:100%;
    display:block;
}
.footer_ .left_fireworks {
    width:2.4rem;
    height:2.4rem;
    position:absolute;
    bottom:1.08rem;
    left:2.66rem;
}
.footer_ .right_fireworks {
    width:2.4rem;
    height:2.4rem;
    position:absolute;
    bottom:1.08rem;
    right:2.46rem;
}
.shadow_content {
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    background:rgba(000, 000, 000, 0.5);
    z-index:10;
    text-align:center;
    display:none;
}
.shadow_content img {
    width:5rem;
    height:5rem;
    margin:-2.5rem 0 0 -2.5rem;
    position:absolute;
    top:50%;
    left:50%;
    display:none;
}
.closeBtn {
    width:.5rem;
    height:.5rem;
    position:absolute;
    top:50%;
    left:50%;
    background:url(../img/close.png) 0 0 no-repeat;
    background-size:100%;
    cursor:pointer;
    z-index:11;
    margin:-2.4rem 0 0 2rem;
}
.one {
    width:1.2rem;
    height:1.2rem;
    cursor:pointer;
    position:absolute;
    top:.9rem;
    left:1.16rem;
}
.two {
    width:1.1rem;
    height:.6rem;
    cursor:pointer;
    position:absolute;
    top:5.5rem;
    left:3.03rem;
}
.three {
    width:.6rem;
    height:.92rem;
    cursor:pointer;
    position:absolute;
    top:5.96rem;
    left:6.34rem;
}
.four {
    width:1.14rem;
    height:1.16rem;
    cursor:pointer;
    position:absolute;
    top:2.22rem;
    left:3.42rem;
}
.fives {
    width:.54rem;
    height:1rem;
    cursor:pointer;
    position:absolute;
    top:3.98rem;
    left:.9rem;
}
.six {
    width:.9rem;
    height:.7rem;
    cursor:pointer;
    position:absolute;
    top:6.94rem;
    left:4rem;
}
.seven {
    width:.52rem;
    height:.72rem;
    cursor:pointer;
    position:absolute;
    top:.6rem;
    left:2.13rem;
}
.eight {
    width:.52rem;
    height:.66rem;
    cursor:pointer;
    position:absolute;
    top:4.94rem;
    left:3.4rem;
}
.nine {
    width:.44rem;
    height:.8rem;
    cursor:pointer;
    position:absolute;
    top:1.36rem;
    left:7.52rem;
}
.tab_shadow {
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    background:rgba(000, 000, 000, 0.5);
    z-index:10;
    text-align:center;
    display:none;
}
.rule_content {
    width:8.64rem;
    height:8rem;
    position:absolute;
    top:50%;
    left:50%;
    margin:-4rem 0 0 -4.32rem;
    background:#fff;
    border:.04rem solid #f40f00;
    border-radius:.1rem;
    display:none;
}
.rule_title {
    width:8.64rem;
    height:.29rem;
    background:url(../img/yhz.png) center 0 no-repeat;
    background-size:2.63rem .29rem;
    margin-top:.45rem;
}
.rule_title_table {
    width:7.16rem;
    height:.68rem;
    margin:.35rem auto .1rem;
    border:.01rem solid #f40f00;
    border-right:none;
}
.rule_title_table li {
    float:left;
    width:25%;
    height:.68rem;
    text-align:center;
    border-right:.01rem solid #f40f00;
    box-sizing:border-box;
    line-height:.68rem;
    font-size:.26rem;
    font-weight:600;
    color:#f40f00;
}
.rule_title_table li:nth-of-type(odd) {
    background:#f40f00;
    color:#fff;
}
.sjts_content {
    width:7.2rem;
    height:5.2rem;
    text-align:left;
    margin:0 auto;
    padding:0 .7rem;
    overflow:auto;
}
.sjts_content img {
    width:1.82rem;
    height:.86rem;
    margin-top:.3rem;
}
.sjte_text {
    color:#484848;
    font-size:.22rem;
    line-height:.36rem;
}
.sjte_text span {
    color:#f40f00;
    font-weight:600;
}
.scroll_content::-webkit-scrollbar {
    width:0rem;
    height:0rem;
}
.table_container {
    margin:.2rem 0 .6rem;
    border:.01rem solid #f40f00;
    border-spacing:0;
    width:100%
}
.table_container th {
    height:.52rem;
    color:#fff;
    font-size:.24rem;
    width:25%;
    border-right:.01rem solid #fff;
    text-align:center;
    background:#f40f00;
}
.table_container td {
    height:.52rem;
    font-size:.24rem;
    width:25%;
    text-align:center;
    border-right:.01rem solid #f40f00;
    border-bottom:.01rem solid #f40f00;
}
.table_container tr:nth-child(even) {
    background:#ffe8e5;
}
.table_container tr:last-child td {
    border-bottom:none;
}
.table_container tr th:last-child {
    border-right:none;
}
.table_container tr td:last-child {
    border-right:none;
}
.pig_cion {
    width:.3rem;
    height:.3rem;
    display:inline-block;
    background:url(../img/pig_icon.png) 0 0 no-repeat;
    background-size:100%;
}
.rule_closeBtn {
    width:100%;
    height:.4rem;
    overflow:hidden;
}
.rule_closeBtn span {
    width:.32rem;
    height:.32rem;
    float:right;
    margin:.1rem .1rem 0 0;
    background:url(../img/rule_close.png) 0 0 no-repeat;
    background-size:100%;
    cursor:pointer;
}
.tab_left_lantern {
    width:2.75rem;
    height:4.39rem;
    position:absolute;
    z-index:1;
    left:2.5rem;
    top:.8rem;
    background:url(../img/left_light.png) 0 0 no-repeat;
    background-size:100%;
}
.tab_right_lantern {
    width:2.12rem;
    height:5.22rem;
    position:absolute;
    z-index:1;
    left:14rem;
    top:.8rem;
    background:url(../img/right_light.png) 0 0 no-repeat;
    background-size:100%;
}
.title_text {
    width:7.38rem;
    height:.97rem;
    background:url(../img/title.png) 0 0 no-repeat;
    background-size:100%;
    position:absolute;
    bottom:.5rem;
    left:6rem;
    z-index:5;
}
.one img {
    width:1.2rem;
    height:1.2rem;
    /* margin-top:-0.3rem; */
}
.two img {
    width:1.1rem;
    margin:-0.1rem 0 0 0.1rem;
}
.three img {
    width:.7rem;
    height:.91rem;
    margin:0.1rem  0 0 -0.1rem;
}
.four img {
    margin-left: 0.2rem;
    width:1.2rem;
}
.fives img {
    /* margin-top:-0.5rem; */
}
.six img {
    width:1.6rem;
    margin:-0.5rem 0 0 0.2rem;
}
/* .seven img {
    margin:-0.8rem 0 0 -0rem;
} */
.eight img {
    width:0.8rem;
    /* margin-top:-0.8rem; */
}
.nine img {
    /* margin-top:-0.8rem; */
}
.img_box li span>img {
    display:none;
}.container {
    width:100%
}
.header {
    width:100%;
    position:relative
}
.content_one {
    width:100%;
    background:#ffba47;
    position:relative
}
.bg1 {
    width:100%;
    height:2rem;
    background: url(../img/bag1.png) 0 0 no-repeat;
    background-size:100% 2.01rem
}
.bg2 {
    width:100%;
    height:2rem;
    background:url(../img/bag2.png) 0 0 no-repeat;
    background-size:100% 2.02rem
}
.bg3 {
    width:100%;
    height:2rem;
    background: url(../img/bag3.png) -0.01rem 0 no-repeat;
    background-size:100% 2.02rem
}
.bg4 {
    width:100%;
    height:2.14rem;
    background:#ffa35a url(../img/bag4.png) 0 0 no-repeat;
    background-size:100% 2.16rem
}
/*.firework_content {
    width:100%;
    height:3rem;
    position:absolute;
    top:0;
    z-index:1;
    display:none
}*/
.yh1 {
    width:2.8rem;
    height:2.1rem;
    position:absolute;
    top:0;
    left:3rem
}
.yh2 {
    width:1.62rem;
    height:1.90rem;
    position:absolute;
    top:0;
    left:5.81rem
}
.yh3 {
    width:1.1rem;
    height:1.18rem;
    position:absolute;
    top:0;
    left:8.47rem
}
.yh4 {
    width:1.1rem;
    height:1.17rem;
    position:absolute;
    top:1.08rem;
    right:2.31rem
}
.firework_one {
    -webkit-animation:firework 2s infinite forwards;
    -moz-animation:firework 2s infinite forwards;
    -ms-animation:firework 2s infinite forwards;
    -o-animation:firework 2s infinite forwards;
    animation:firework 2s infinite forwards;
    -webkit-animation-delay:1s;
    -moz-animation-delay:1s;
    -ms-animation-delay:1s;
    -o-animation-delay:1s;
    animation-delay:1s
}
.firework_two {
    -webkit-animation:firework 2s infinite forwards;
    -moz-animation:firework 2s infinite forwards;
    -ms-animation:firework 2s infinite forwards;
    -o-animation:firework 2s infinite forwards;
    animation:firework 2s infinite forwards;
    -webkit-animation-delay:2s;
    -moz-animation-delay:2s;
    -ms-animation-delay:2s;
    -o-animation-delay:2s;
    animation-delay:2s
}
.firework_three {
    -webkit-animation:firework 2s infinite forwards;
    -moz-animation:firework 2s infinite forwards;
    -ms-animation:firework 2s infinite forwards;
    -o-animation:firework 2s infinite forwards;
    animation:firework 2s infinite forwards;
    -webkit-animation-delay:1.5s;
    -moz-animation-delay:1.5s;
    -ms-animation-delay:1.5s;
    -o-animation-delay:1.5s;
    animation-delay:1.5s
}
@-webkit-keyframes firework {
    0% {
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    50% {
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
    100% {
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
@-ms-keyframes firework {
    0% {
        -ms-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    50% {
        -ms-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
    100% {
        -ms-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
@-moz-keyframes firework {
    0% {
        -moz-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    50% {
        -moz-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
    100% {
        -moz-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
@-o-keyframes firework {
    0% {
        -o-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    50% {
        -o-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
    100% {
        -o-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
@keyframes firework {
    0% {
        transform:scale(0);
        opacity:0
    }
    50% {
        transform:scale(1);
        opacity:1
    }
    100% {
        transform:scale(1);
        opacity:0
    }
}
.door_con {
    width:100%;
    height:6.64rem;
    background:url(../img/jianzhu.png) 0 0 no-repeat;
    background-size:100% 6.64rem;
    position:absolute;
    top:0;
    left:0;
    z-index:2
}
/*.light_content {
    width:100%;
    height:3rem;
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    display:none
}*/
.light_left {
    width:1.23rem;
    height:2.70rem;
    position:absolute;
    top:.45rem;
    left:4.88rem;
    opacity:0
}
.light_right {
    width:1.23rem;
    height:2.7rem;
    position:absolute;
    top:.45rem;
    right:4.45rem;
    opacity:0
}
.swing_left {
    animation:swing 5s infinite forwards;
    -webkit-animation:swing 5s infinite forwards;
    -moz-animation:swing 5s infinite forwards;
    -o-animation:swing 5s infinite forwards;
    -ms-animation:swing 5s infinite forwards;
    animation-delay:1.5s;
    -webkit-animation-delay:1.5s;
    -moz-animation-delay:1.5s;
    -ms-animation-delay:1.5s;
    -o-animation-delay:1.5s;
}
.swing_right {
    -webkit-animation:swing 5s infinite forwards;
    -moz-animation:swing 5s infinite forwards;
    -ms-animation:swing 5s infinite forwards;
    -o-animation:swing 5s infinite forwards;
    animation:swing 5s infinite forwards;
    -webkit-animation-delay:.5s;
    -moz-animation-delay:.5s;
    -ms-animation-delay:.5s;
    -o-animation-delay:.5s;
    animation-delay:.5s;
}
@keyframes swing {
    0% {
        transform:rotatez(7deg) translate(-0.17rem, 1px);
        -webkit-transform:rotatez(7deg) translate(-0.17rem, 1px);
        opacity:1
    }
    50% {
        transform:rotatez(-7deg) translate(0.17rem, 1px);
        -webkit-transform:rotatez(-7deg) translate(0.17rem, 1px);
        opacity:1
    }
    100% {
        transform:rotatez(7deg) translate(-0.17rem, 1px);
        -webkit-transform:rotatez(7deg) translate(-0.17rem, 1px);
        opacity:1
    }
}
@-moz-keyframes swing {
    0% {
        transform:rotatez(7deg) translate(-0.17rem, 1px);
        -moz-transform:rotatez(7deg) translate(-0.17rem, 1px);
        opacity:1
    }
    50% {
        transform:rotatez(-7deg) translate(0.17rem, 1px);
        -moz-transform:rotatez(-7deg) translate(0.17rem, 1px);
        opacity:1
    }
    100% {
        transform:rotatez(7deg) translate(-0.17rem, 1px);
        -moz-transform:rotatez(7deg) translate(-0.17rem, 1px);
        opacity:1
    }
}
@-ms-keyframes swing {
    0% {
        transform:rotatez(7deg) translate(-0.17rem, 1px);
        -ms-transform:rotatez(7deg) translate(-0.17rem, 1px);
        opacity:1
    }
    50% {
        transform:rotatez(-7deg) translate(0.17rem, 1px);
        -ms-transform:rotatez(-7deg) translate(0.17rem, 1px);
        opacity:1
    }
    100% {
        transform:rotatez(7deg) translate(-0.17rem, 1px);
        -ms-transform:rotatez(7deg) translate(-0.17rem, 1px);
        opacity:1
    }
}
@-o-keyframes swing {
    0% {
        transform:rotatez(7deg) translate(-0.17rem, 1px);
        -o-transform:rotatez(7deg) translate(-0.17rem, 1px);
        opacity:1
    }
    50% {
        transform:rotatez(-7deg) translate(0.17rem, 1px);
        -o-transform:rotatez(-7deg) translate(0.17rem, 1px);
        opacity:1
    }
    100% {
        transform:rotatez(7deg) translate(-0.17rem, 1px);
        -o-transform:rotatez(7deg) translate(-0.17rem, 1px);
        opacity:1
    }
}
@-webkit-keyframes swing {
    0% {
        transform:rotatez(7deg) translate(-0.17rem, 1px);
        -webkit-transform:rotatez(7deg) translate(-0.17rem, 1px);
        opacity:1
    }
    50% {
        transform:rotatez(-7deg) translate(0.17rem, 1px);
        -webkit-transform:rotatez(-7deg) translate(0.17rem, 1px);
        opacity:1
    }
    100% {
        transform:rotatez(7deg) translate(-0.17rem, 1px);
        -webkit-transform:rotatez(7deg) translate(-0.17rem, 1px);
        opacity:1
    }
}
.bounceInDown {
    -webkit-animation:zoomIn .8s;
    -moz-animation:zoomIn .8s;
    -ms-animation:zoomIn .8s;
    -o-animation:zoomIn .8s;
    animation:zoomIn .8s;
}
@keyframes zoomIn {
    0% {
        opacity:0;
        transform:scale3d(.3, .3, .3)
    }
    50% {
        opacity:1
    }
}
@-webkit-keyframes zoomIn {
    0% {
        opacity:0;
        transform:scale3d(.3, .3, .3);
        -webkit-transform:scale3d(.3, .3, .3)
    }
    50% {
        opacity:1
    }
}
@-moz-keyframes zoomIn {
    0% {
        opacity:0;
        transform:scale3d(.3, .3, .3);
        -moz-transform:scale3d(.3, .3, .3)
    }
    50% {
        opacity:1
    }
}
@-o-keyframes zoomIn {
    0% {
        opacity:0;
        transform:scale3d(.3, .3, .3);
        -o-transform:scale3d(.3, .3, .3)
    }
    50% {
        opacity:1
    }
}
@-ms-keyframes zoomIn {
    0% {
        opacity:0;
        transform:scale3d(.3, .3, .3);
        -ms-transform:scale3d(.3, .3, .3)
    }
    50% {
        opacity:1
    }
}
.see {
    -webkit-animation:see 2s infinite;
    -moz-animation:see 2s infinite;
    -ms-animation:see 2s infinite;
    -o-animation:see 2s infinite;
    animation:see 2s infinite;
    -webkit-animation-delay:2s;
    -moz-animation-delay:2s;
    -ms-animation-delay:2s;
    -o-animation-delay:2s;
    animation-delay:2s;
}
@keyframes see {
    0% {
        opacity:0;
    }
    40% {
        opacity:1;
    }
    80% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@-webkit-keyframes see {
    0% {
        opacity:0
    }
    40% {
        opacity:1
    }
    80% {
        opacity:0
    }
    100% {
        opacity:1
    }
}
@-moz-keyframes see {
    0% {
        opacity:0
    }
    40% {
        opacity:1
    }
    80% {
        opacity:0
    }
    100% {
        opacity:1
    }
}
@-ms-keyframes see {
    0% {
        opacity:0
    }
    40% {
        opacity:1
    }
    80% {
        opacity:0
    }
    100% {
        opacity:1
    }
}
@-o-keyframes see {
    0% {
        opacity:0
    }
    40% {
        opacity:1
    }
    80% {
        opacity:0
    }
    100% {
        opacity:1
    }
}
.pig_con {
    width:3rem;
    height:2rem;
    position:absolute;
    top:3.14rem;
    left:6.5rem;
    background:url(../img/pig.png) 0 0 no-repeat;
    background-size:74%
}
.eye {
    width:.18rem;
    height:.23rem;
    position:absolute;
    left:1.55rem;
    top:.18rem
}
.header_title {
    width:100%;
    height:3.5rem;
    position:absolute;
    top:0;
    left:0;
    z-index:4;
    text-align:center
}
.header_title img {
    width:7rem;
    margin:1rem 0 0 .77rem
}
.cp_con {
    width:10rem;
    height:8rem;
    position:absolute;
    top:0;
    left:50%;
    margin-left:-5rem;
    z-index:5
}
.five_yuan {
    width:3rem;
    height:2.5rem;
    position:absolute;
    top:4.43rem;
    left:1.43rem;
    opacity:1;
    -webkit-animation:myfirst 3s linear;
    -moz-animation:myfirst 3s linear;
    -ms-animation:myfirst 3s linear;
    -o-animation:myfirst 3s linear;
    animation:myfirst 3s linear;
}
.ten_yuan {
    width:2.1rem;
    height:2.1rem;
    position:absolute;
    top:4.6rem;
    left:6.12rem;
    opacity:1;
    -webkit-animation:myfirst2 2s;
    -moz-animation:myfirst2 2s;
    -ms-animation:myfirst2 2s;
    -o-animation:myfirst2 2s;
    animation:myfirst2 2s;
}
.hundred_yuan {
    width:1.2rem;
    height:1.2rem;
    position:absolute;
    top:3.12rem;
    left:6.22rem;
    opacity:1;
    -webkit-animation:zoomInLeft 5s;
    -moz-animation:zoomInLeft 5s;
    -ms-animation:zoomInLeft 5s;
    -o-animation:zoomInLeft 5s;
    animation:zoomInLeft 5s;
}
@keyframes myfirst {
    0% {
        transform:translate(300px, -300px) scale(0, 0)
    }
    50% {
        transform:translate(0px, 0) scale(1, 1)
    }
}
@-webkit-keyframes myfirst {
    0% {
        -webkit-transform:translate(300px, -300px) scale(0, 0)
    }
    50% {
        -webkit-transform:translate(0px, 0) scale(1, 1)
    }
}
@-moz-keyframes myfirst {
    0% {
        -moz-transform:translate(300px, -300px) scale(0, 0)
    }
    50% {
        -moz-transform:translate(0px, 0) scale(1, 1)
    }
}
@-ms-keyframes myfirst {
    0% {
        -ms-transform:translate(300px, -300px) scale(0, 0)
    }
    50% {
        -ms-transform:translate(0px, 0) scale(1, 1)
    }
}
@-o-keyframes myfirst {
    0% {
        -o-transform:translate(300px, -300px) scale(0, 0)
    }
    50% {
        -o-transform:translate(0px, 0) scale(1, 1)
    }
}
@keyframes myfirst2 {
    0% {
        transform:translate(-300px, -300px) scale(0, 0)
    }
    50% {
        transform:translate(0px, 0) scale(1, 1)
    }
}
@-webkit-keyframes myfirst2 {
    0% {
        -webkit-transform:translate(-300px, -300px) scale(0, 0)
    }
    50% {
        -webkit-transform:translate(0px, 0) scale(1, 1)
    }
}
@-moz-keyframes myfirst2 {
    0% {
        -moz-transform:translate(-300px, -300px) scale(0, 0)
    }
    50% {
        -moz-transform:translate(0px, 0) scale(1, 1)
    }
}
@-ms-keyframes myfirst2 {
    0% {
        -ms-transform:translate(-300px, -300px) scale(0, 0)
    }
    50% {
        -ms-transform:translate(0px, 0) scale(1, 1)
    }
}
@-o-keyframes myfirst2 {
    0% {
        -o-transform:translate(-300px, -300px) scale(0, 0)
    }
    50% {
        -o-transform:translate(0px, 0) scale(1, 1)
    }
}
@keyframes myfirst3 {
    0% {
        transform:translate(0px, 0) scale(1, 1)
    }
    50% {
        transform:translate(0px, -10px) scale(1, 1)
    }
}
@-webkit-keyframes myfirst3 {
    0% {
        -webkit-transform:translate(0px, 0) scale(1, 1)
    }
    50% {
        -webkit-transform:translate(0px, -10px) scale(1, 1)
    }
}
@-moz-keyframes myfirst3 {
    0% {
        -moz-transform:translate(0px, 0) scale(1, 1)
    }
    50% {
        -moz-transform:translate(0px, -10px) scale(1, 1)
    }
}
@-ms-keyframes myfirst3 {
    0% {
        -ms-transform:translate(0px, 0) scale(1, 1)
    }
    50% {
        -ms-transform:translate(0px, -10px) scale(1, 1)
    }
}
@-o-keyframes myfirst3 {
    0% {
        -o-transform:translate(0px, 0) scale(1, 1)
    }
    50% {
        -o-transform:translate(0px, -10px) scale(1, 1)
    }
}
@-webkit-keyframes zoomInLeft {
    from {
        opacity:0;
        -webkit-transform:scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
        transform:scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
        transform:scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
    }
}
@-moz-keyframes zoomInLeft {
    from {
        opacity:0;
        -moz-transform:scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
        transform:scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
        -moz-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity:1;
        -moz-transform:scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
        transform:scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
        -moz-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
    }
}
@-ms-keyframes zoomInLeft {
    from {
        opacity:0;
        -ms-transform:scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
        transform:scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
        -ms-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity:1;
        -ms-transform:scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
        transform:scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
        -ms-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
    }
}
@-o-keyframes zoomInLeft {
    from {
        opacity:0;
        -o-transform:scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
        transform:scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
        -o-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity:1;
        -o-transform:scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
        transform:scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
        -o-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
    }
}
@keyframes zoomInLeft {
    from {
        opacity:0;
        -webkit-transform:scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
        transform:scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
        transform:scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
    }
}
.bg5 {
    width:100%;
    height:3rem;
    background:url(../img/bag5a.png) 0 0 no-repeat;
    background-size:100% 3rem;
}
.bg6 {
    width:100%;
    height:3rem;
    background:url(../img/bag6a.png) 0 0 no-repeat;
    background-size:100% 3rem
}
.bg7 {
    width:100%;
    height:4.05rem;
    background:url(../img/bag6a.png) 0 0 no-repeat;
    background-size:100% 4.05rem
}
.tab_box {
    width:9.66rem;
    height:9.66rem;
    position:absolute;
    top:0;
    left:50%;
    margin-left:-4.83rem;
    background:url(../img/box.png) 0 0 no-repeat;
    background-size:100%;
    overflow:hidden;
    z-index:10
}
.tab_conter {
    width:6.20rem;
    float:left
}
.tab_item_box {
    width:5.12rem;
    margin-left:1.08rem;
    position:relative
}
.tab_item_box li {
    position:absolute;
    display:none
}
.tab_item_box .tabActive {
    display:block
}
.tab_title {
    width:5.12rem;
    margin:1rem 0 .8rem 1.08rem;
    text-align:center
}
.tab_title img {
    width:2.45rem;
    height:.29rem
}
.item_center {
    width:5.12rem;
    height:5.30rem;
    text-align:center
}
.item_center>div {
    margin:0 auto
}
.item_center a {
    display:block
}
.see_shadow {
    width:100%;
    height:100%;
    background:rgba(000, 000, 000, 0.5);
    position:absolute;
    left:0;
    top:0;
    display:none
}
.see_shadow span {
    width:1.12rem;
    height:.58rem;
    background:url(../img/see.png) 0 0 no-repeat;
    background-size:100%;
    display:block;
    margin:2rem auto;
    cursor:pointer
}
.item_center>div:hover .see_shadow {
    display:block;
}
.item_center .shigua {
    background:url(../img/shigua.png) center center no-repeat #f40f00;
    background-size:.6rem .28rem;
    width:2.4rem;
    height:.63rem;
    display:block;
    border-radius:.2rem;
    margin:.51rem auto;
}
.btn_box {
    width:2.5rem;
    float:left;
    margin-left:.50rem;
}
.btn_content {
    width:2.5rem;
    overflow:hidden;
    margin-top:.6rem;
}
.btn_content li {
    width:2.49rem;
    height:2.6rem;
    text-align:center;
    margin-bottom:.35rem;
    position:relative;
    cursor:pointer;
}
.btn_content li img {
    width:2.49rem;
    height:2.59rem;
    display:block;
    position:absolute;
    top:0;
    left:0;
}
.btn_content li .select {
    display:none;
}
.content_two {
    width:100%;
    height:15.08rem;
    background:url(../img/bag8.png) 0 0 no-repeat;
    background-size:100% 15.08rem;
    overflow:hidden;
}
.rotate_box {
    width:10.44rem;
    height:7.94rem;
    margin:3.4rem auto 0;
    background:url(../img/box3.png) 0 0 no-repeat;
    background-size:100%;
    position:relative;
}
.img_box {
    width:11rem;
    height:7.8rem;
    position:relative;
    overflow:hidden;
}
.img_box>li {
    width:10.2rem;
    height:7.5rem;
    display:none;
    position:absolute;
    top:0;
    left:0;
}
.img_box li>img {
    width:10.02rem;
    margin:.22rem;
}
.point {
    position:absolute;
    bottom:.5rem;
    width:1.5rem;
    height:.24rem;
    left:50%;
    margin-left:-0.75rem;
}
.point li {
    width:.24rem;
    height:.24rem;
    border-radius:50%;
    background:rgba(000, 000, 000, 0.5);
    background-size:100%;
    float:left;
}
.point .pointActive {
    background:#f40f00;
}
.left_btn {
    width:.42rem;
    height:1.4rem;
    background:url(../img/left.png) center center no-repeat rgba(000, 000, 000, 0.5);
    background-size:.25rem .5rem;
    position:absolute;
    left:.22rem;
    top:50%;
    margin-top:-0.7rem;
    cursor:pointer;
    border-radius:0 .2rem .2rem 0;
    display:none;
}
.right_btn {
    width:.42rem;
    height:1.4rem;
    background:url(../img/right.png) center center no-repeat rgba(000, 000, 000, 0.5);
    background-size:.25rem .5rem;
    position:absolute;
    right:.22rem;
    top:50%;
    margin-top:-0.7rem;
    cursor:pointer;
    display:none;
    border-radius:.2rem 0 0 .2rem;
}
.footer_ {
    width:100%;
    position:relative;
}
.footer_ img {
    width:100%;
    display:block;
}
.footer_ .left_fireworks {
    width:2.4rem;
    height:2.4rem;
    position:absolute;
    bottom:1.08rem;
    left:2.66rem;
}
.footer_ .right_fireworks {
    width:2.4rem;
    height:2.4rem;
    position:absolute;
    bottom:1.08rem;
    right:2.46rem;
}
.shadow_content {
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    background:rgba(000, 000, 000, 0.5);
    z-index:10;
    text-align:center;
    display:none;
}
.shadow_content img {
    width:5rem;
    height:5rem;
    margin:-2.5rem 0 0 -2.5rem;
    position:absolute;
    top:50%;
    left:50%;
    display:none;
}
.closeBtn {
    width:.5rem;
    height:.5rem;
    position:absolute;
    top:50%;
    left:50%;
    background:url(../img/close.png) 0 0 no-repeat;
    background-size:100%;
    cursor:pointer;
    z-index:11;
    margin:-2.4rem 0 0 2rem;
}
.one {
    width:1.2rem;
    height:1.2rem;
    cursor:pointer;
    position:absolute;
    top:.9rem;
    left:1.16rem;
}
.two {
    width:1.1rem;
    height:.6rem;
    cursor:pointer;
    position:absolute;
    top:5.5rem;
    left:3.03rem;
}
.three {
    width:.6rem;
    height:.92rem;
    cursor:pointer;
    position:absolute;
    top:5.96rem;
    left:6.34rem;
}
.four {
    width:1.14rem;
    height:1.16rem;
    cursor:pointer;
    position:absolute;
    top:2.22rem;
    left:3.42rem;
}
.fives {
    width:.54rem;
    height:1rem;
    cursor:pointer;
    position:absolute;
    top:3.98rem;
    left:.9rem;
}
.six {
    width:.9rem;
    height:.7rem;
    cursor:pointer;
    position:absolute;
    top:6.94rem;
    left:4rem;
}
.seven {
    width:.52rem;
    height:.72rem;
    cursor:pointer;
    position:absolute;
    top:.6rem;
    left:2.13rem;
}
.eight {
    width:.52rem;
    height:.66rem;
    cursor:pointer;
    position:absolute;
    top:4.94rem;
    left:3.4rem;
}
.nine {
    width:.44rem;
    height:.8rem;
    cursor:pointer;
    position:absolute;
    top:1.36rem;
    left:7.52rem;
}
.tab_shadow {
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    background:rgba(000, 000, 000, 0.5);
    z-index:10;
    text-align:center;
    display:none;
}
.rule_content {
    width:8.64rem;
    height:8rem;
    position:absolute;
    top:50%;
    left:50%;
    margin:-4rem 0 0 -4.32rem;
    background:#fff;
    border:.04rem solid #f40f00;
    border-radius:.1rem;
    display:none;
}
.rule_title {
    width:8.64rem;
    height:.29rem;
    background:url(../img/yhz.png) center 0 no-repeat;
    background-size:2.63rem .29rem;
    margin-top:.45rem;
}
.rule_title_table {
    width:7.16rem;
    height:.68rem;
    margin:.35rem auto .1rem;
    border:.01rem solid #f40f00;
    border-right:none;
}
.rule_title_table li {
    float:left;
    width:25%;
    height:.68rem;
    text-align:center;
    border-right:.01rem solid #f40f00;
    box-sizing:border-box;
    line-height:.68rem;
    font-size:.26rem;
    font-weight:600;
    color:#f40f00;
}
.rule_title_table li:nth-of-type(odd) {
    background:#f40f00;
    color:#fff;
}
.sjts_content {
    width:7.2rem;
    height:5.2rem;
    text-align:left;
    margin:0 auto;
    padding:0 .7rem;
    overflow:auto;
}
.sjts_content img {
    width:1.82rem;
    height:.86rem;
    margin-top:.3rem;
}
.sjte_text {
    color:#484848;
    font-size:.22rem;
    line-height:.36rem;
}
.sjte_text span {
    color:#f40f00;
    font-weight:600;
}
.scroll_content::-webkit-scrollbar {
    width:0rem;
    height:0rem;
}
.table_container {
    margin:.2rem 0 .6rem;
    border:.01rem solid #f40f00;
    border-spacing:0;
    width:100%
}
.table_container th {
    height:.52rem;
    color:#fff;
    font-size:.24rem;
    width:25%;
    border-right:.01rem solid #fff;
    text-align:center;
    background:#f40f00;
}
.table_container td {
    height:.52rem;
    font-size:.24rem;
    width:25%;
    text-align:center;
    border-right:.01rem solid #f40f00;
    border-bottom:.01rem solid #f40f00;
}
.table_container tr:nth-child(even) {
    background:#ffe8e5;
}
.table_container tr:last-child td {
    border-bottom:none;
}
.table_container tr th:last-child {
    border-right:none;
}
.table_container tr td:last-child {
    border-right:none;
}
.pig_cion {
    width:.3rem;
    height:.3rem;
    display:inline-block;
    background:url(../img/pig_icon.png) 0 0 no-repeat;
    background-size:100%;
}
.rule_closeBtn {
    width:100%;
    height:.4rem;
    overflow:hidden;
}
.rule_closeBtn span {
    width:.32rem;
    height:.32rem;
    float:right;
    margin:.1rem .1rem 0 0;
    background:url(../img/rule_close.png) 0 0 no-repeat;
    background-size:100%;
    cursor:pointer;
}
.tab_left_lantern {
    width:2.75rem;
    height:4.39rem;
    position:absolute;
    z-index:1;
    left:2.5rem;
    top:.8rem;
    background:url(../img/left_light.png) 0 0 no-repeat;
    background-size:100%;
}
.tab_right_lantern {
    width:2.12rem;
    height:5.22rem;
    position:absolute;
    z-index:1;
    left:14rem;
    top:.8rem;
    background:url(../img/right_light.png) 0 0 no-repeat;
    background-size:100%;
}
.title_text {
    width:7.38rem;
    height:.97rem;
    background:url(../img/title.png) 0 0 no-repeat;
    background-size:100%;
    position:absolute;
    bottom:.5rem;
    left:6rem;
    z-index:5;
}
.one img {
    width:1.2rem;
    height:1.2rem;
    /* margin-top:-0.3rem; */
}
.two img {
    width:1.1rem;
    margin:-0.1rem 0 0 0.1rem;
}
.three img {
    width:.7rem;
    height:.91rem;
    margin:0.1rem  0 0 -0.1rem;
}
.four img {
    margin-left: 0.2rem;
    width:1.2rem;
}
.fives img {
    /* margin-top:-0.5rem; */
}
.six img {
    width:1.6rem;
    margin:-0.5rem 0 0 0.2rem;
}
/* .seven img {
    margin:-0.8rem 0 0 -0rem;
} */
.eight img {
    width:0.8rem;
    /* margin-top:-0.8rem; */
}
.nine img {
    /* margin-top:-0.8rem; */
}
.img_box li span>img {
    display:none;
}