.com-how[data-v-e00a90bf] {
  background: linear-gradient(180deg, #37373700, #101010);
}
.home-box-outer[data-v-57d6a046] {
  perspective: 500px;
}
.home-box[data-v-57d6a046],
.home-box-outer[data-v-57d6a046] {
  transform-style: preserve-3d;
}
.home-box[data-v-57d6a046] {
  aspect-ratio: 4/5;
  background: url(data:image/avif;base64,AAAAHGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZgAAAZhtZXRhAAAAAAAAACFoZGxyAAAAAAAAAABwaWN0AAAAAAAAAAAAAAAAAAAAAA5waXRtAAAAAAABAAAANGlsb2MAAAAAREAAAgACAAAAAAG8AAEAAAAAAAAAtwABAAAAAAJzAAEAAAAAAAABCgAAADhpaW5mAAAAAAACAAAAFWluZmUCAAAAAAEAAGF2MDEAAAAAFWluZmUCAAAAAAIAAGF2MDEAAAAA12lwcnAAAACxaXBjbwAAABNjb2xybmNseAABAA0ABoAAAAAMYXYxQ4EAHAAAAAAUaXNwZQAAAAAAAAEiAAABxAAAAA5waXhpAAAAAAEIAAAAOGF1eEMAAAAAdXJuOm1wZWc6bXBlZ0I6Y2ljcDpzeXN0ZW1zOmF1eGlsaWFyeTphbHBoYQAAAAAMYXYxQ4EgAgAAAAAUaXNwZQAAAAAAAAEiAAABxAAAABBwaXhpAAAAAAMICAgAAAAeaXBtYQAAAAAAAAACAAEEAYYHCAACBIIDBIUAAAAaaXJlZgAAAAAAAAAOYXV4bAACAAEAAQAAAcltZGF0EgAKBhgiJDw2FTKqAUSAAQQU28tSjGfhubmS2DhYUj3+sOyMI3bXR0ySUf63E80DXDpKyW6H6arN7oZEhhHYQ7kdx84K32TaM+05lmY6tOxoBU+1eq8XAM4SEUPavKmn5EG6lrq7JKq/9fhQSS90E3ybAPqOyALaQ+fSjDMqj+VwfIM3J4mMnztN0Rs6LrNKaVOa/2gWICA1/LvE2KZbQ/bmjlaZGhBv6HP5t7GaNRYfEVUyumZQEgAKCTgiJDw2EBDQaTL6AUSAACCGHFDbcRb9DVFoGzuRKtO8fsp7rJjFDD/yzQKzfjkxITjm6Q7l7BZTEBvawAApH+8EoqAGmG08dFd81C8hs+/4twlwyGaHVqshFp7LdAvOMuizP1Aoxu8afIKjrkBvvGu5BA0ujHtfBVIRB/favgRQ9N4vt2nNpdd55+6LpLxzYuGTCh8QzMoxiLzvWTn2kT9wu5RL4fByV79aHyBAaTw2/K7t+T1neWW3i5RNF4V+gr451WY4zTOwnlWLHUkTnXUK8APMQiNfTrcd6MU0EgX4/q3994LORp9VyjEv4q5V5FlByML7z4Ia1Bs3/f/j3KDFajv/RRg=)
    no-repeat;
  background-size: 100% 100%;
  transition: all 0.1s;
}
.news-img[data-v-e2de35a3] {
  aspect-ratio: 2;
}