{{ t("home.section3.features.cooperation.title") }}
+
{{ t("home.section3.features.cooperation.desc") }}
-

+
{{ t("home.section3.features.promotion.title") }}
-
+
{{ t("home.section3.features.promotion.desc") }}
@@ -719,6 +651,7 @@ watch(
color: #8b59fa;
}
}
+
.scroll-down {
position: fixed;
bottom: 50px;
@@ -749,6 +682,7 @@ watch(
}
@keyframes float {
+
0%,
100% {
transform: translate(-50%, 0);
@@ -850,8 +784,11 @@ watch(
&::-webkit-scrollbar {
display: none;
}
- -ms-overflow-style: none; /* IE and Edge */
- scrollbar-width: none; /* Firefox */
+
+ -ms-overflow-style: none;
+ /* IE and Edge */
+ scrollbar-width: none;
+ /* Firefox */
}
&.first-panel {
@@ -873,7 +810,7 @@ watch(
.parallax-bg {
position: absolute;
-
+
width: 100%;
height: 120%;
z-index: 1;
@@ -897,13 +834,13 @@ watch(
display: flex;
flex-direction: column;
- > div {
+ >div {
opacity: 0;
transform: translateY(50px);
will-change: opacity, transform;
}
- > .n-marquee {
+ >.n-marquee {
opacity: 0;
transform: translateY(50px);
will-change: opacity, transform;
@@ -925,6 +862,7 @@ watch(
}
:deep(.no-hover) {
+
.n-carousel__dots,
.n-carousel__arrow {
pointer-events: auto;