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/DragonBoatFestival/bg.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
}

.bottom{
    width: 100%;
    height: 0.73rem;
    background: white;
    position: absolute;
    left: 0;
    bottom: 0;
}

.bg_1{
    width: 100%;
    height: 0.66rem;
    background-image: url('../img/DragonBoatFestival/bg1.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0.73rem;
    left: 0;
    -webkit-animation-delay:0s;

}
.bg_2{
    width: 1.76rem;
    height: 1.21rem;
    background-image: url('../img/DragonBoatFestival/WillowTl.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation-delay:0s;

}
.bg_3{
    width: 0.89rem;
    height: 1.92rem;
    background-image: url('../img/DragonBoatFestival/Willowb_l.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0.83rem;
    left: 0;
    -webkit-animation-delay:0.5s;

}
.bg_4{
    width: 0.91rem;
    height: 1.92rem;
    background-image: url('../img/DragonBoatFestival/Willow_b_r.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0.83rem;
    right: 0;
    -webkit-animation-delay:0.8s;

}
.bg_5{
    width: 1.8rem;
    height: 1.2rem;
    background-image: url('../img/DragonBoatFestival/ship.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 1.33rem;
    left: 0.84rem;
    -webkit-animation-delay:1.2s;

}
.bg_6{
    width: 0.55rem;
    height: 1.19rem;
    background-image: url('../img/DragonBoatFestival/DragonBoatFestival.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0.245rem;
    right: 0.32rem;
    -webkit-animation-delay:1.5s;

}
.bg_7{
    width: 0.43rem;
    height: 1.61rem;
    background-image: url('../img/DragonBoatFestival/text1.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0.72rem;
    right: 1rem;
    -webkit-animation-delay:2s;

}

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

}