html,
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    height: auto;

}
*{
    -webkit-tap-highlight-color: transparent;
}
p{
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}

.Box{
    width: 100%;
    height: 100%;
    background-image: url('../img/QixiFestival/bg.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
}
.bg_1{
    width: 100%;
    height: 100%;
    background-image: url('../img/QixiFestival/xingkong.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0rem;
    left: 0;
    -webkit-animation-delay:0.3s;

}
.bg_2{
    width: 1.6rem;
    height: 2.1rem;
    background-image: url('../img/QixiFestival/bg1.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -0.20rem;
    right:  -0.20rem;
    -webkit-animation-delay:0.6s;

}
.bg_3{
    width: 0.72rem;
    height: 0.92rem;
    background-image: url('../img/QixiFestival/lamp.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 1.7rem;
    -webkit-animation-delay:0.9s;

}
.bg_4{
    width: 3.14rem;
    height: 0.52rem;
    background-image: url('../img/QixiFestival/ship.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0.6rem;
    left: 0;
    -webkit-animation-delay:1.2s;

}
.bg_5{
    width: 1.57rem;
    height: 1.43rem;
    background-image: url('../img/QixiFestival/people.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0.78rem;
    left: 0.33rem;
    -webkit-animation-delay:1.8s;

}

.bg_6{
    width: 1.89rem;
    height: 1.8rem;
    background-image: url('../img/QixiFestival/Moon.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-animation-delay:1.9s;

}
.bg_7{
    width: 3.4rem;
    height: 2.36rem;
    background-image: url('../img/QixiFestival/lamp2.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0.07rem;
    left: 0.11rem;
    -webkit-animation-delay:2.2s;

}
.bg_8{
    width: 1.06rem;
    height: 2.11rem;
    background-image: url('../img/QixiFestival/text.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0.63rem;
    left: 0.35rem;
    -webkit-animation-delay:2.5s;

}
.bg_9{
    width:2.1rem;
    height: 0.3rem;
    background-image: url('../img/QixiFestival/logo.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0.2rem;
    left: 0.82rem;
    -webkit-animation-delay:2.8s;

}