:root {
    --vw--: 7.5vw;
}

/* vw计算公式: 设计稿元素宽度/设计稿宽度 *100% */
* {
    margin: 0;
    padding: 0;
}

ul,
li,
a,
img {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    text-decoration: none;
    list-style: none;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

.header {
    width: 100vw;
    height: 140vw;
    aspect-ratio: 750/1050;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.header.en {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/en/bg/header_bg.jpg);
}
.header.de {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/de/bg/header_bg.jpg);
}
.header.es {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/es/bg/header_bg.jpg);
}
.header.fr {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/fr/bg/header_bg.jpg);
}
.header.it {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/it/bg/header_bg.jpg);
}
.header.pl {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/pl/bg/header_bg.jpg);
}
.header.pt {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/pt/bg/header_bg.jpg);
}
.header.ru {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/ru/bg/header_bg.jpg);
}
.header.tr {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/tr/bg/header_bg.jpg);
}

.header .header-lang {
    width: 100%;
    height: 12vw;
    aspect-ratio: 750/90;
    display: flex;
    justify-content: space-between;
    padding: 0 3.2vw;
    box-sizing: border-box;

}

.header .header-lang .lang-left {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}
.header .header-lang .lang-select{
    width: 100vw;
    height:100vh;
    padding-top: 5.33333vw;
    position: fixed;
    display: flex;
    flex-direction: column;
    top: 0;
    left: 0;
    z-index: 1000;
    box-sizing: border-box;
    overflow-y: scroll;
    /* background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/general/select_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; */
    background-color: rgba(0, 0, 0, 0.9);
}
.header .header-lang .lang-select .lang-item{
  color: #A0D0FD;
  height: 16vw;
  font-size: 4vw;
  line-height: 16vw;
  text-align: center;
  position: relative;
}
.header .header-lang .lang-select .lang-item::after{
    content: '';
    display: inline-block;
    width: 42.93333vw;
    height: 1.33333vw;
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/general/text_ling.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.header .header-lang .lang-select .lang-close{
    position: fixed;
    z-index: 2;
    bottom: 20px;
    right: 20px;
}
.header .header-lang .lang-select .lang-close img{
    width: 8.93333vw;
    height: 8.93333vw;
}
.header .header-lang .lang-select .lang-item:last-child::after{
    display: none;
}
.header .header-lang .lang-select .lang-item.active{
  color: #fff;
}

.header .header-lang .lang-left .lang-img {
    width: 5.733333vw;
    height: 5.733333vw;
    aspect-ratio: 1/1;
}

.header .header-lang .lang-left .lang-title {
    margin-left: 1.6vw;
    font-family: ig-body, ig-body;
    font-weight: normal;
    font-size: 4vw;
    color: #FFFFFF;
}

.header .header-lang .lang-right {
    display: flex;
    justify-content: center;
    align-items: center;
}
.header .header-lang .lang-right .lang-img{
    width: 35.066667vw;
    height: 7.33333vw;
    aspect-ratio: 263/55;
}


.header-operate {
    width: 100%;
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 20px;
}

.header-operate .btn-a {
    width: 38.7333vw;

}

.header-operate .btn-a img {
    width: 100%;
    height: 8.8vw;
    aspect-ratio: 238/66;
}

.header-operate .btn-a:first-of-type {
    margin-right: 1.6vw;
}

.section01 {
    width: 100vw;
    height: 184vw;
    aspect-ratio: 750/1380;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.section01.en {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/en/bg/welfare_bg.jpg);
}
.section01.de {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/de/bg/welfare_bg.jpg);
}
.section01.es {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/es/bg/welfare_bg.jpg);
}
.section01.fr {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/fr/bg/welfare_bg.jpg);
}
.section01.it {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/it/bg/welfare_bg.jpg);
}
.section01.pl {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/pl/bg/welfare_bg.jpg);
}
.section01.pt {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/pt/bg/welfare_bg.jpg);
}
.section01.ru {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/ru/bg/welfare_bg.jpg);
}
.section01.tr {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/tr/bg/welfare_bg.jpg);
}


.section02 {
    width: 100vw;
    height: 156vw;
    aspect-ratio: 750/1170;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.section02.en {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/en/bg/activity_bg.jpg);
}
.section02.de {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/de/bg/activity_bg.jpg);
}
.section02.es {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/es/bg/activity_bg.jpg);
}
.section02.fr {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/fr/bg/activity_bg.jpg);
}
.section02.it {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/it/bg/activity_bg.jpg);
}
.section02.pl {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/pl/bg/activity_bg.jpg);
}
.section02.pt {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/pt/bg/activity_bg.jpg);
}
.section02.ru {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/ru/bg/activity_bg.jpg);
}
.section02.tr {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/tr/bg/activity_bg.jpg);
}

.section03 {
    width: 100vw;
    height: 99.2vw;
    aspect-ratio: 750/744;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.section03.en {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/en/bg/map_bg.jpg);
}
.section03.de {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/de/bg/map_bg.jpg);
}
.section03.es {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/es/bg/map_bg.jpg);
}
.section03.fr {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/fr/bg/map_bg.jpg);
}
.section03.it {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/it/bg/map_bg.jpg);
}
.section03.pl {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/pl/bg/map_bg.jpg);
}
.section03.pt {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/pt/bg/map_bg.jpg);
}
.section03.ru {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/ru/bg/map_bg.jpg);
}
.section03.tr {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/tr/bg/map_bg.jpg);
}

.section03 .map-swiper {
   
    position: absolute;
    width: calc(100vw * 0.9);
    height:52.13333vw ;
    /* aspect-ratio: 677/391; */
    bottom: 8vw;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 20px 0;
}

.section03 .map-swiper .slide-img {
    width: 100%;
    height: 52.13333vw;
    /* aspect-ratio: 677/391; */
}
.section03 .map-swiper .slide-img img{
    width: 100%;
}

.section03 .swiper-pagination {
    bottom: 4vw !important;
}

.section03 .swiper-pagination .swiper-pagination-bullet {
    width: 2.3333333vw;
    height: 3.06667vw;
    aspect-ratio: 18/23;
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/general/swiper_noChecked.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;

}

.section03 .swiper-pagination .swiper-pagination-bullet-active {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/general/swiper_checked.png);
}
.section04{
    width: 100vw;
    height: 139.06667vw;
    aspect-ratio: 750/1043;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
.section04.en {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/en/bg/hero_bg.jpg);
}
.section04.de {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/de/bg/hero_bg.jpg);
}
.section04.es {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/es/bg/hero_bg.jpg);
}
.section04.fr {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/fr/bg/hero_bg.jpg);
}
.section04.it{
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/it/bg/hero_bg.jpg);
}
.section04.pl {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/pl/bg/hero_bg.jpg);
}
.section04.pt {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/pt/bg/hero_bg.jpg);
}
.section04.ru{
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/ru/bg/hero_bg.jpg);
}
.section04.tr{
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/tr/bg/hero_bg.jpg);
}

.section04 .hero-swiper {
    position: absolute;
    width: calc(100vw * 0.9);
    height: 139.06667vw;
    /* aspect-ratio: 750/1043; */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.section04 .hero-swiper .slide-img {
    width: 100%;
    height: 144.8vw;
    /* aspect-ratio: 750/1086; */
}

.section04 .swiper-pagination {
    bottom: 4vw !important;
}

.section04 .swiper-pagination .swiper-pagination-bullet {
    width: 2.3333333vw;
    height: 3.06667vw;
    /* aspect-ratio: 18/23; */
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/general/swiper_noChecked.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;

}

.section04 .swiper-pagination .swiper-pagination-bullet-active {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/general/swiper_checked.png);
}

.section05{
    width: 100%;
    height: 151.2vw;
    aspect-ratio: 750/1134;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.section05.en {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/en/bg/cultivation_bg.jpg);
}
.section05.de {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/de/bg/cultivation_bg.jpg);
}
.section05.es {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/es/bg/cultivation_bg.jpg);
}
.section05.fr {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/fr/bg/cultivation_bg.jpg);
}
.section05.it {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/it/bg/cultivation_bg.jpg);
}
.section05.pl {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/pl/bg/cultivation_bg.jpg);
}
.section05.pt {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/pt/bg/cultivation_bg.jpg);
}
.section05.ru {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/ru/bg/cultivation_bg.jpg);
}
.section05.tr {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/tr/bg/cultivation_bg.jpg);
}

.section06{
    width: 100%;
    height: 338vw;
    aspect-ratio: 750/2535;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.section06.en {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/en/bg/gamePlay_bg.jpg);
}
.section06.de {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/de/bg/gamePlay_bg.jpg);
}
.section06.es {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/es/bg/gamePlay_bg.jpg);
}
.section06.fr {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/fr/bg/gamePlay_bg.jpg);
}
.section06.it {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/it/bg/gamePlay_bg.jpg);
}
.section06.pl {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/pl/bg/gamePlay_bg.jpg);
}
.section06.pt {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/pt/bg/gamePlay_bg.jpg);
}
.section06.ru {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/ru/bg/gamePlay_bg.jpg);
}
.section06.tr {
    background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/afkjourney/en/mobile/pre/images/tr/bg/gamePlay_bg.jpg);
}