*{padding: 0;margin: 0;}
        html,body{width:100%;height:100%;max-width:640px;min-width:320px;margin:0 auto;}
        body{font-family: "微软雅黑";
        background: rgba(0,0,0,0.8)}
        .swiper-container{
            width:100%;
            background:rgba(0,0,0,0.8);
            height:100%;
            overflow: hidden;
            position: relative;
        }

        .swiper-slide{
            width:100%;height:100%;
        }
        img#array {
        position: absolute;
    top: 93%;
    left: 49.2%;
    margin-left: -12.5px;
    width: 9%;
    height: 4%;
    background: fixed;
    z-index:999;
    -webkit-animation:start 1.5s infinite ease-in-out;
    }
    @-webkit-keyframes start{
        0%,30%{
            opacity: 0;-webkit-transform: translate(0 ,10px);
        }
        60%{
            opacity: 1;-webkit-transform: translate(0 ,0px);
        }
        100%{
            opacity: 0;-webkit-animation:translate(0 ,-8px)
        }
    }
        img{
            width:100%;height:100%;
        }
/*音乐*/
.music{
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 9999;
	width:50px;
}
.open{
    -webkit-animation: moveRo linear 3.5s  infinite;
    animation-delay:0;
}
.icon-music{
    width: 25px;
    height: 25px;
    background: url(../images/icon-muisc.png);
    background-size: 100% 100%;
    display: block;
}
.music-span{
    position: absolute;
    top: -5px;
    left: 6px;
    width: 12px;
    height: 12px;
    background: url(../images/music-span.png);
    background-size: 100% 100%;
    -webkit-animation: openIconRo ease 1.2s both infinite;
    animation: openIconRo ease 1.2s both infinite;
}

@-webkit-keyframes moveRo {
    from {-webkit-transform: rotate(360deg);  }
    to { -webkit-transform: rotate(-360deg); }
}
@keyframes moveRo {
    from {  transform: rotate(-360deg)}
    to {  transform: rotate(360deg); }
}
/*小音符动画*/

@-webkit-keyframes openIconRo {
    0% { -webkit-transform: translateY(100%); opacity:0;}
    50% { -webkit-transform: translateY(0%); opacity:1;}
    100% { -webkit-transform: translateY(-100%); opacity:0;}
}
@keyframes openIconRo {
    0% { -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity:0;
    }
    50% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity:1;}
    100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity:0;}
}

.music_text{
    color: #000;
    margin-left: 5px;
    font-size: 20px;
    opacity: 0;
}

@keyframes show_hide{
    from{
        opacity: 0;
    }to{
         opacity: 1;
     }
}
@-webkit-keyframes show_hide{
    from{
        opacity: 0;
    }to{
         opacity: 1;
     }
}

.show_hide{
    animation: show_hide 1s linear infinite alternate;
    -webkit-animation: show_hide 1s linear infinite alternate;
}
.xin_info{
    opacity: 0;
}