@keyframes mymove {
        from{
            transform:scale(0.9);
        }
        to{
            transform:scale(1);
        }
    }
    @keyframes Music {
        from{
            transform:rotate(0);
        }
        to{
            transform:rotate(360deg);
        }
    }
    html, body {
        margin: 0;
        padding: 0;
        /*position: relative;*/
        height: 100%;
        width:100%;
    }
    body {
        font-family:"Source Han Sans CN","noto sans","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",arial,Helvetica,sans-serif;
        position: relative;
    }
    /*避免产生间隙*/
    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,input,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;-webkit-background-origin:content-box;background-origin:content-box;}section,header,footer,nav{display:block;margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}img{border:0;font-size:0}a{text-decoration:none;}
    .cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{*zoom:1}
    html{
    -webkit-text-size-adjust:none;
    }
    .turns{
       width:100%;
        height: 40%;
        top: 10%;
        left:2%;
        z-index: 2;
        /*border:1px solid blue;*/
    }
    /*买小鼓*/
    .swiper-container .swiper-wrapper .slide3 .gu{
        width:100%;
        height: 100%;
       /* border:1px solid blue;*/
        background: url(../images/3/gu2.png) center center no-repeat ;
        background-size: auto 100%;
        top: 0;
        left:0;
    }
     /*买娃娃*/
    .swiper-container .swiper-wrapper .slide3 .word{
        width:100%;
        height: 100%;
        /*border:1px solid blue;*/
        background: url(../images/4/word2.png) center center no-repeat ;
        background-size: auto 100%;
        top: 0;
        left:0;  
    }
    .swiper-container .swiper-wrapper .slide3 .slide5_word{
        width:100%;
        height: 100%;
        /*border:1px solid blue;*/
        background: url(../images/5/word2.png) center center no-repeat ;
        background-size: auto 100%;
        top: 0;
        left:0;
    }
    .slide3 .buy{
        display: none;
    }
    .show{
        display: block !important;
    }
    .music_btn{
        width:30px;
        height: 30px;
        position: absolute;
        top:3%;
        right:3%;
        background: url(../images/music.png) right top no-repeat;
        background-size: auto 100%;
        z-index: 100;
    }
    .music_anim{
     animation:Music 2s linear infinite; }
    /*设置swiper的宽和高*/
    .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        width:100%;
        height:100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    .ani{
       /* -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;*/
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
    }
    .swiper-container .swiper-wrapper .swiper-slide .slide_arrow{
        width:100%;
        height: 3%;
        /*border:1px solid blue;*/
        bottom: 5%;
        background: url(../images/slide_arrow.png) center no-repeat;
        background-size: auto 100%;
         -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }
    /*swiper1*/
    .swiper-container .swiper-wrapper .swiper-slide{
        background: url(../images/1/bg.jpg) center repeat-x;
        background-size:auto 100%;
    }
    .swiper-container .swiper-wrapper .swiper-slide div{
        position: absolute;
    }
    /*烟花*/
    .swiper-container .swiper-wrapper .slide1 .yanhua{
        width:100%;
        height: 100%;
        /*border:1px solid blue;*/
        background: url(../images/1/lihua.png) top left no-repeat ;
        background-size: auto 100%;
    }
    /*鞭炮*/
    .swiper-container .swiper-wrapper .slide1 .bianpao{
        width:36%;
        height: 25%;
        /*border:1px solid blue;*/
        background: url(../images/1/bianpao.png) top left no-repeat ;
        background-size: auto 100%;
        right:0;
    }
    /*新年到*/
    .swiper-container .swiper-wrapper .slide1 .word1{
        width:100%;
        height: 15%;
        /*border:1px solid blue;*/
        background: url(../images/1/word2.png) center no-repeat ;
        background-size: auto 100%;
        top:10%;
    }
    /*新年快乐*/
    .swiper-container .swiper-wrapper .slide1 .word3{
        width:100%;
        height: 16%;
        /*border:1px solid blue;*/
        background: url(../images/1/word1.png) center no-repeat ;
        background-size: auto 100%;
        top:25%;
    }
    /*哇*/
    .swiper-container .swiper-wrapper .slide1 .word4{
        width:100%;
        height: 20%;
        /*border:1px solid blue;*/
        background: url(../images/1/word.png) top left no-repeat ;
        background-size: auto 100%;
        top:42%;
        left:43%;
    }
    /*钱包*/
    .swiper-container .swiper-wrapper .slide1 .redbag{
        width:100%;
        height: 65%;
        /*border:1px solid blue;*/
        background: url(../images/1/redbags.png) top left no-repeat ;
        background-size: auto 100%;
        top:15%;
        right:5%;
    }
    /*女孩*/
    .swiper-container .swiper-wrapper .slide1 .girl{
        width:100%;
        height: 37%;
        /*border:1px solid blue;*/
        background: url(../images/1/girl.png) top left no-repeat ;
        background-size: auto 100%;
        bottom: 10%;
        left:14%;
        z-index: 2;
    }
    /*压岁钱*/
    .swiper-container .swiper-wrapper .slide1 .money
    {
        width:100%;
        height: 70%;
        /*border:1px solid blue;*/
        background: url(../images/1/money.png) top left no-repeat ;
        background-size: auto 100%;
        z-index: 1;
        bottom: 5%;
    }
    /*******************************************/
    /*slide2*/
    /*烟花*/
    .swiper-container .swiper-wrapper .slide2 .yanhua,.swiper-container .swiper-wrapper .slide6 .yanhua,.swiper-container .swiper-wrapper .slide7 .yanhua,.swiper-container .swiper-wrapper .slide8 .yanhua{
        width:100%;
        height: 30%;
        background: url(../images/2/lihua.png) top left no-repeat ;
        background-size: 100% auto;
    }
    /*怎么选呀*/
    .swiper-container .swiper-wrapper .slide2 .word1{
        width:70%;
        height: 25%;
        /*border:1px solid blue;*/
        background: url(../images/2/word2.png) top left no-repeat ;
        background-size: auto 100%;
        top:50%;
        left:5%;
        z-index: 2;
    }
    /*爸爸说*/
    .swiper-container .swiper-wrapper .slide2 .word2{
        width:100%;
        height: 35%;
        /*border:1px solid blue;*/
        background: url(../images/2/word1.png) left top no-repeat ;
        background-size: auto 100%;
        top:3%;
    }
    /*把钱存起来*/
    .swiper-container .swiper-wrapper .slide2 .word3{
        width:80%;
        height: 30%;
        /*border:1px solid blue;*/
        background: url(../images/2/word3.png) right top no-repeat ;
        background-size: auto 100%;
        top:23%;
        right:0%;
    }
    /*熊*/
    .swiper-container .swiper-wrapper .slide2 .xiong{
        width:100%;
        height: 25%;
        /*border:1px solid blue;*/
        background: url(../images/2/xiong.png) right top no-repeat ;
        background-size: auto 100%;
        top:5%;
    
    }
    /*猪*/
    .swiper-container .swiper-wrapper .slide2 .pig{
        width:100%;
        height: 20%;
        /*border:1px solid blue;*/
        background: url(../images/2/pig.png) left top no-repeat ;
        background-size: auto 100%;
        bottom:43%;
        /*left:38%;*/
    }
     /*女孩*/
    .swiper-container .swiper-wrapper .slide2 .girl{
        width:100%;
        height: 30%;
        /*border:1px solid blue;*/
        background: url(../images/2/girl.png) top center no-repeat ;
        background-size: auto 100%;
        left:20%;
        bottom: 10%;
        z-index: 2;
    }
    /*slide3*/
    .swiper-container .swiper-wrapper .slide3 .left{
        width:100%;
        height: 80%;
        /*border:1px solid blue;*/
        background: url(../images/3/left2.png) top left no-repeat ;
        background-size: auto 100%;
        z-index: 2;
        top:20%;
    }
    .swiper-container .swiper-wrapper .slide3 .right{
        width:100%;
        height: 80%;
        /*border:1px solid blue;*/
        background: url(../images/3/right2.png) top right no-repeat ;
        background-size: auto 100%;
        z-index: 2;
        top:20%;
        right:0;
    }
    .swiper-container .swiper-wrapper .slide3 .top{
        width:100%;
        height: 50%;
        /*border:1px solid blue;*/
        background: url(../images/3/top.png) top right no-repeat ;
        background-size: 100% auto;
        z-index: 2;
        top:0%;
        right:0;
    }
    /*女孩*/
    .swiper-container .swiper-wrapper .slide3 .girl{
        width:100%;
        height: 32%;
        /*border:1px solid blue;*/
        background: url(../images/3/girl2.png) center center no-repeat ;
        background-size: auto 100%;
        bottom: 15%;
        z-index: 2;
    }
    
    /*.show{
        display: block !important;
    }*/
    
    /*slide6*/
    .swiper-container .swiper-wrapper .slide6 .girl{
        width:100%;
        height: 27%;
        /*border:1px solid blue;*/
        background: url(../images/6/girl.png) top right no-repeat ;
        background-size: auto 100%;
        top:10%;
        right:0%;
        z-index: 2;
    }
    .swiper-container .swiper-wrapper .slide6 .age{
        width:100%;
        height: 21%;
        /*border:1px solid blue;*/
        background: url(../images/6/word1.png) top right no-repeat ;
        background-size: auto 100%;
        top:2%;
        right:26%;
        z-index: 2;
    }
    .swiper-container .swiper-wrapper .slide6 .give{
        width:100%;
        height: 10%;
        /*border:1px solid blue;*/
        background: url(../images/6/word3.png) center no-repeat ;
        background-size: auto 100%;
        z-index: 2;
        top:31%;
    }
    .swiper-container .swiper-wrapper
     .slide6 .insurance{
        width:100%;
        height: 16%;
        /*border:1px solid blue;*/
        background: url(../images/6/word2.png) center no-repeat ;
        background-size: auto 100%;
        z-index: 2;
        top:45%;
    }
     .swiper-container .swiper-wrapper
     .slide6 .money{
        width:100%;
        height: 16%;
        /*border:1px solid blue;*/
        background: url(../images/6/word4.png) center no-repeat ;
        background-size: auto 100%;
        z-index: 2;
        top:65%;
    }
    /*slide7*/
     .swiper-container .swiper-wrapper .slide7 .word1{
        width:70%;
        height: 25%;
        /*border:1px solid blue;*/
        background: url(../images/7/word1.png) top left no-repeat ;
        background-size: auto 100%;
        bottom:16%;
        left:0%;
        z-index: 2;
    }
    .swiper-container .swiper-wrapper .slide7 .word2{
        width:100%;
        height: 31%;
        /*border:1px solid blue;*/
        background: url(../images/7/word2.png) top center no-repeat ;
        background-size: auto 100%;
        bottom:5%;
        top:0%;
        z-index: 2;
    }
    .swiper-container .swiper-wrapper .slide7 .word3{
        width:100%;
        height: 28%;
        /*border:1px solid blue;*/
        background: url(../images/7/word3.png) top right no-repeat ;
        background-size: auto 100%;
        top:20%;
        right:-2%;
        z-index: 2;
    }
    .swiper-container .swiper-wrapper .slide7 .word4{
        width:100%;
        height: 28%;
        /*border:1px solid blue;*/
        background: url(../images/7/word4.png) center no-repeat ;
        background-size: auto 100%;
        top:37%;
        right:3%;
        z-index: 2;
    }
    .swiper-container .swiper-wrapper .slide7 .girl{
        width:100%;
        height: 25%;
        /*border:1px solid blue;*/
        background: url(../images/7/girl.png) right top no-repeat ;
        background-size: auto 100%;
        bottom: 8%;
        right:0%;
        z-index: 3;
    }
    .swiper-container .swiper-wrapper .slide7 .qian{
        width:100%;
        height: 8%;
        /*border:1px solid blue;*/
        background: url(../images/7/money.png) right top no-repeat ;
        background-size: auto 100%;
        bottom: 7%;
        right:0%;
        z-index: 2;
    }
    .swiper-container .swiper-wrapper .slide7 .bianpao{
        width:100%;
        height: 18%;
        /*border:1px solid blue;*/
        background: url(../images/7/bianpao.png) left top no-repeat ;
        background-size: auto 100%;
        top: 0;
        right:0%;
        z-index: 2;
    }
    /*slide8*/
    .swiper-container .swiper-wrapper .slide8 .bianpao{
        width:100%;
        height: 24%;
        /*border:1px solid blue;*/
        background: url(../images/8/bianpao.png) right top no-repeat ;
        background-size: auto 100%;
        top: 0;
        right:0%;
        z-index: 2;
    }
    .swiper-container .swiper-wrapper .slide8 .insurance{
        width:100%;
        height: 19%;
        /*border:1px solid blue;*/
        background: url(../images/8/word1.png) center top no-repeat ;
        background-size: auto 100%;
        top: 20%;
        right:0%;
        z-index: 2;
    }
    .swiper-container .swiper-wrapper .slide8 .girl{
        width:100%;
        height: 35%;
        /*border:1px solid blue;*/
        background: url(../images/8/girl.png) left top no-repeat ;
        background-size: auto 100%;
        bottom: 15%;
        left:1%;
        z-index: 2;
    }
    .swiper-container .swiper-wrapper .slide8 .word1{
        width:100%;
        height: 21%;
        /*border:1px solid blue;*/
        background: url(../images/8/word2.png) right top no-repeat ;
        background-size: auto 100%;
        bottom: 37%;
        right:5%;
        z-index: 2;
    }
    .swiper-container .swiper-wrapper .slide8 .word2{
        width:100%;
        height: 7%;
        /*border:1px solid blue;*/
        background: url(../images/8/word3.png) center top no-repeat ;
        background-size: auto 100%;
        bottom: 10%;
        left:0%;
        z-index: 2;
    }
    .swiper-container .swiper-wrapper
     .slide8 .more{
        width:100%;
        height: 21%;
        /*border:1px solid blue;*/
        background: url(../images/6/qian.png) right top no-repeat ;
        background-size: auto 100%;
        z-index: 1;
        bottom:18%;
        left:5%;
    }