.peach{
    position: absolute;
    height: auto;
    z-index: 10;
}
.peach img{
    width: 100%;
    height: auto;
}
.peach1{
    top: 150px;
    width: 14%;
    left: 0;
}
.peach2{
    top: 180px;
    width: 22%;
    right: 0;
}
.app-swiper__notice{
    position: relative;
}
.peach3{
    top: -30px;
    width: 10%;
    left: 0;
}
.peach4{
    top: -150px;
    width: 9%;
    right: 0;
}
.peach5{
    bottom: 240px;
    width: 6%;
    right: 0;
}
.peach6{
    top: 190px;
    width: 15%;
    left: 0;
}
.peach7{
    bottom: 10px;
    width: 10%;
    right: 0;
}
.peach8{
        bottom: 60px;
    width: 21%;
    left: 0;
}
.peach9{
    top: 200px;
    width: 14%;
    right: 0;
}
.app-common__title{
    position: relative;
}
.app-common__title .titlePeach{
    position: absolute;
}
.style-1 .app-common__title .titlePeach{
    width: 118%;
    height: 100%;
    top: -11px;
    left: 0;
    background: url(/macau2022/static/images/title_peach1.png) no-repeat;
    background-size: 100% auto;
}
.style-2 .app-common__title .titlePeach{
    width: 150%;
    height: 100%;
    top: -24px;
    left: -30px;
    background: url(/macau2022/static/images/title_peach2.png) no-repeat;
    background-size: 100% auto;
}
.style-3 .app-common__title .titlePeach{
    width: 20%;
    height: 100%;
    top: 4px;
    right: 25px;
    background: url(/macau2022/static/images/title_peach3.png) no-repeat;
    background-size: 100% auto;
}
@media (max-width: 860px) {
    .peach2{
        top: 180px;
        width: 24%;
    }
    .peach3{
        top: -145px;
        width: 16%;
    }
    .peach4{
        top: -88px;
        width: 16%;
    }
    .peach5{
        display: none;
    }
    .peach6{
        top: -167px;
        width: 21%;
    }
    .peach7{
        display: none;
    }
    .peach8{
        bottom: -80px;
        width: 24%;
    }
    .peach9{
        top: 10px;
        width: 18%;
    }
    .style-1 .app-common__title .titlePeach{
        width: 128%;
    }
    .style-2 .app-common__title .titlePeach{
        width: 155%;
        height: 100%;
        top: -17px;
        left: -16px;
    }
    .style-3 .app-common__title .titlePeach{
        width: 23%;
        right: -21px;
    }
}
@media (max-width: 700px) {
    .peach1{
        top: 10px;
        width: 20%;
    }
}
@media (max-width: 520px) {
    .peach1{
        top: 100px;
    }
    .peach3{
        display: none;
    }
}