Files
001code-html--cocos/scratch-gui/static/css/programming-learning.css
刘宇飞 6e0a1fbcbb Initial commit of 001code-html Scratch frontend project.
Includes scratch-gui, scratch-vm, scratch-blocks, scratch-render, scratch-l10n, and deployment config.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-16 15:37:45 +08:00

4254 lines
129 KiB
CSS

body {
background-image: url("../images/backgroundimage-01-01.png");
background-repeat: repeat;
background-size: cover;
background-position: center;
min-height: 100vh;
}
.u-section-1 {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
background-image: url("../images/web-56.png");
}
.u-section-1 .u-sheet-1 {
min-height: 524px;
}
.u-section-1 .u-layout-wrap-1 {
margin-top: 0;
margin-bottom: 0;
}
.u-section-1 .u-layout-cell-1 {
min-height: 105px;
}
.u-section-1 .u-container-layout-1 {
padding: 0 30px;
}
.u-section-1 .u-image-1 {
width: 228px;
height: 47px;
margin: 54px auto 0;
}
.u-section-1 .u-layout-cell-2 {
min-height: 419px;
}
.u-section-1 .u-container-layout-2 {
padding: 0 40px;
}
.u-section-1 .u-list-1 {
width: 933px;
margin: 40px auto 0;
}
.u-section-1 .u-repeater-1 {
grid-template-columns: repeat(4, calc(25% - 22.5px));
min-height: 316px;
grid-auto-columns: calc(25% - 22.5px);
grid-gap: 30px;
padding-top: 25px;
padding-bottom: 25px;
padding-left: 25px;
padding-right: 25px;
}
.u-section-1 .u-list-item-1 {
--radius: 20px;
--animation-custom_in-translate_x: 300px;
--animation-custom_in-translate_y: 0px;
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
}
.u-section-1 .u-container-layout-3 {
padding: 9px;
}
.u-section-1 .u-image-2 {
height: 275px;
--animation-custom_in-translate_x: 300px;
--animation-custom_in-translate_y: 0px;
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 11px 0 0;
}
.u-section-1 .u-list-item-2 {
--radius: 20px;
--animation-custom_in-translate_x: 300px;
--animation-custom_in-translate_y: 0px;
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
}
.u-section-1 .u-container-layout-4 {
padding: 9px;
}
.u-section-1 .u-image-3 {
height: 275px;
--animation-custom_in-translate_x: 300px;
--animation-custom_in-translate_y: 0px;
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 11px 0 0;
}
.u-section-1 .u-list-item-3 {
--radius: 20px;
--animation-custom_in-translate_x: 300px;
--animation-custom_in-translate_y: 0px;
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
}
.u-section-1 .u-container-layout-5 {
padding: 9px;
}
.u-section-1 .u-image-4 {
height: 275px;
--animation-custom_in-translate_x: 300px;
--animation-custom_in-translate_y: 0px;
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 11px 0 0;
}
.u-section-1 .u-list-item-4 {
--radius: 20px;
--animation-custom_in-translate_x: 300px;
--animation-custom_in-translate_y: 0px;
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
}
.u-section-1 .u-container-layout-6 {
padding: 9px;
}
.u-section-1 .u-image-5 {
height: 275px;
--animation-custom_in-translate_x: 300px;
--animation-custom_in-translate_y: 0px;
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 11px 0 0;
}
.u-section-1 .u-gallery-nav-1 {
position: absolute;
left: 10px;
width: 40px;
height: 40px;
}
.u-section-1 .u-gallery-nav-2 {
position: absolute;
right: 10px;
width: 40px;
height: 40px;
}
@media (max-width: 1199px) {
.u-section-1 {
background-size: cover;
}
.u-section-1 .u-sheet-1 {
min-height: 340px;
}
.u-section-1 .u-layout-wrap-1 {
background-position: 50% 50%;
}
.u-section-1 .u-layout-cell-1 {
min-height: 86px;
}
.u-section-1 .u-layout-cell-2 {
min-height: 411px;
}
.u-section-1 .u-list-1 {
width: 860px;
}
.u-section-1 .u-list-item-1 {
background-position: 50% 50%;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
}
.u-section-1 .u-image-2 {
height: 253px;
margin-right: initial;
margin-left: initial;
}
.u-section-1 .u-list-item-2 {
background-position: 50% 50%;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
}
.u-section-1 .u-image-3 {
height: 253px;
margin-right: initial;
margin-left: initial;
}
.u-section-1 .u-list-item-3 {
background-position: 50% 50%;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
}
.u-section-1 .u-image-4 {
height: 253px;
margin-right: initial;
margin-left: initial;
}
.u-section-1 .u-list-item-4 {
background-position: 50% 50%;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
}
.u-section-1 .u-image-5 {
height: 253px;
margin-right: initial;
margin-left: initial;
}
}
@media (max-width: 991px) {
.u-section-1 .u-sheet-1 {
min-height: 239px;
}
.u-section-1 .u-layout-cell-1 {
min-height: 47px;
}
.u-section-1 .u-layout-cell-2 {
min-height: 342px;
}
.u-section-1 .u-container-layout-2 {
padding: 15px 30px;
}
.u-section-1 .u-list-1 {
width: 660px;
}
.u-section-1 .u-repeater-1 {
min-height: 312px;
}
.u-section-1 .u-image-2 {
height: 193px;
margin-top: 9px;
margin-right: initial;
margin-left: initial;
}
.u-section-1 .u-image-3 {
height: 193px;
margin-top: 9px;
margin-right: initial;
margin-left: initial;
}
.u-section-1 .u-image-4 {
height: 193px;
margin-top: 9px;
margin-right: initial;
margin-left: initial;
}
.u-section-1 .u-image-5 {
height: 193px;
margin-top: 9px;
margin-right: initial;
margin-left: initial;
}
}
@media (max-width: 767px) {
.u-section-1 .u-sheet-1 {
min-height: 156px;
}
.u-section-1 .u-layout-cell-1 {
min-height: 54px;
}
.u-section-1 .u-container-layout-1 {
padding-left: 10px;
padding-right: 10px;
}
.u-section-1 .u-layout-cell-2 {
min-height: 243px;
}
.u-section-1 .u-container-layout-2 {
padding-left: 10px;
padding-right: 10px;
}
.u-section-1 .u-list-1 {
width: 520px;
}
.u-section-1 .u-repeater-1 {
grid-template-columns: repeat(2, calc(50% - 15px));
min-height: 213px;
grid-auto-columns: calc(50% - 15px);
}
.u-section-1 .u-image-2 {
height: 151px;
margin-right: initial;
margin-left: initial;
}
.u-section-1 .u-image-3 {
height: 151px;
margin-right: initial;
margin-left: initial;
}
.u-section-1 .u-image-4 {
height: 151px;
margin-right: initial;
margin-left: initial;
}
.u-section-1 .u-image-5 {
height: 151px;
margin-right: initial;
margin-left: initial;
}
}
@media (max-width: 575px) {
.u-section-1 .u-sheet-1 {
min-height: 64px;
}
.u-section-1 .u-layout-cell-1 {
min-height: 47px;
}
.u-section-1 .u-layout-cell-2 {
min-height: 158px;
}
.u-section-1 .u-list-1 {
width: 320px;
}
.u-section-1 .u-repeater-1 {
grid-template-columns: 100%;
min-height: 128px;
grid-auto-columns: calc(100% + 0px);
}
.u-section-1 .u-image-2 {
height: 91px;
margin-right: initial;
margin-left: initial;
}
.u-section-1 .u-image-3 {
height: 91px;
margin-right: initial;
margin-left: initial;
}
.u-section-1 .u-image-4 {
height: 91px;
margin-right: initial;
margin-left: initial;
}
.u-section-1 .u-image-5 {
height: 91px;
margin-right: initial;
margin-left: initial;
}
}
.u-section-1 .u-image-2,
.u-section-1 .u-image-2:before,
.u-section-1 .u-image-2 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-1 .u-image-2.u-image-2.u-image-2:hover {
transform: scale(1.05) translateX(0px) translateY(0px) !important;
}
.u-section-1 .u-image-2.u-image-2.u-image-2.hover {
transform: scale(1.05) translateX(0px) translateY(0px) !important;
}
.u-section-1 .u-image-3,
.u-section-1 .u-image-3:before,
.u-section-1 .u-image-3 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-1 .u-image-3.u-image-3.u-image-3:hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-1 .u-image-3.u-image-3.u-image-3.hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-1 .u-image-4,
.u-section-1 .u-image-4:before,
.u-section-1 .u-image-4 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-1 .u-image-4.u-image-4.u-image-4:hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-1 .u-image-4.u-image-4.u-image-4.hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-1 .u-image-5,
.u-section-1 .u-image-5:before,
.u-section-1 .u-image-5 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-1 .u-image-5.u-image-5.u-image-5:hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-1 .u-image-5.u-image-5.u-image-5.hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-block-4a41-45:not([data-block-selected]):not([data-cell-selected]),
.u-block-4a41-45:not([data-block-selected]):not([data-cell-selected]):before,
.u-block-4a41-45:not([data-block-selected]):not([data-cell-selected]) > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-block-4a41-45:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-45:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-45:not([data-block-selected]):not([data-cell-selected]):hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-block-4a41-45:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-45:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-45:not([data-block-selected]):not([data-cell-selected]).hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-block-4a41-46:not([data-block-selected]):not([data-cell-selected]),
.u-block-4a41-46:not([data-block-selected]):not([data-cell-selected]):before,
.u-block-4a41-46:not([data-block-selected]):not([data-cell-selected]) > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-block-4a41-46:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-46:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-46:not([data-block-selected]):not([data-cell-selected]):hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-block-4a41-46:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-46:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-46:not([data-block-selected]):not([data-cell-selected]).hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-block-4a41-47:not([data-block-selected]):not([data-cell-selected]),
.u-block-4a41-47:not([data-block-selected]):not([data-cell-selected]):before,
.u-block-4a41-47:not([data-block-selected]):not([data-cell-selected]) > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-block-4a41-47:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-47:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-47:not([data-block-selected]):not([data-cell-selected]):hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-block-4a41-47:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-47:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-47:not([data-block-selected]):not([data-cell-selected]).hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-block-4a41-48:not([data-block-selected]):not([data-cell-selected]),
.u-block-4a41-48:not([data-block-selected]):not([data-cell-selected]):before,
.u-block-4a41-48:not([data-block-selected]):not([data-cell-selected]) > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-block-4a41-48:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-48:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-48:not([data-block-selected]):not([data-cell-selected]):hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-block-4a41-48:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-48:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-48:not([data-block-selected]):not([data-cell-selected]).hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-block-4a41-49:not([data-block-selected]):not([data-cell-selected]),
.u-block-4a41-49:not([data-block-selected]):not([data-cell-selected]):before,
.u-block-4a41-49:not([data-block-selected]):not([data-cell-selected]) > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-block-4a41-49:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-49:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-49:not([data-block-selected]):not([data-cell-selected]):hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-block-4a41-49:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-49:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-49:not([data-block-selected]):not([data-cell-selected]).hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-block-4a41-50:not([data-block-selected]):not([data-cell-selected]),
.u-block-4a41-50:not([data-block-selected]):not([data-cell-selected]):before,
.u-block-4a41-50:not([data-block-selected]):not([data-cell-selected]) > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-block-4a41-50:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-50:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-50:not([data-block-selected]):not([data-cell-selected]):hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-block-4a41-50:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-50:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-50:not([data-block-selected]):not([data-cell-selected]).hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-block-4a41-51:not([data-block-selected]):not([data-cell-selected]),
.u-block-4a41-51:not([data-block-selected]):not([data-cell-selected]):before,
.u-block-4a41-51:not([data-block-selected]):not([data-cell-selected]) > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-block-4a41-51:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-51:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-51:not([data-block-selected]):not([data-cell-selected]):hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-block-4a41-51:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-51:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-51:not([data-block-selected]):not([data-cell-selected]).hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-block-4a41-52:not([data-block-selected]):not([data-cell-selected]),
.u-block-4a41-52:not([data-block-selected]):not([data-cell-selected]):before,
.u-block-4a41-52:not([data-block-selected]):not([data-cell-selected]) > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-block-4a41-52:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-52:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-52:not([data-block-selected]):not([data-cell-selected]):hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-block-4a41-52:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-52:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-52:not([data-block-selected]):not([data-cell-selected]).hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-block-4a41-53:not([data-block-selected]):not([data-cell-selected]),
.u-block-4a41-53:not([data-block-selected]):not([data-cell-selected]):before,
.u-block-4a41-53:not([data-block-selected]):not([data-cell-selected]) > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-block-4a41-53:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-53:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-53:not([data-block-selected]):not([data-cell-selected]):hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-block-4a41-53:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-53:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-53:not([data-block-selected]):not([data-cell-selected]).hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-block-4a41-54:not([data-block-selected]):not([data-cell-selected]),
.u-block-4a41-54:not([data-block-selected]):not([data-cell-selected]):before,
.u-block-4a41-54:not([data-block-selected]):not([data-cell-selected]) > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-block-4a41-54:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-54:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-54:not([data-block-selected]):not([data-cell-selected]):hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-block-4a41-54:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-54:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-54:not([data-block-selected]):not([data-cell-selected]).hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-sheet-1 {
min-height: 100vh;
}
.u-section-2 .u-group-1 {
height: auto;
min-height: 100vh;
margin-top: 0;
margin-bottom: 0;
}
.u-section-2 .u-container-layout-1 {
padding: 0 30px;
}
/* 隐藏四个shape元素但保持其位置 */
.u-section-2 .u-shape-1,
.u-section-2 .u-shape-2,
.u-section-2 .u-shape-3,
.u-section-2 .u-shape-4 {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.u-section-2 .u-list-1 {
width: 1004px;
margin: -44px auto 0;
}
.u-section-2 .u-repeater-1 {
grid-auto-columns: 20%;
grid-template-columns: repeat(5, 20%);
min-height: 548px;
grid-gap: 0px;
}
.u-section-2 .u-container-layout-2 {
padding: 0;
}
.u-section-2 .u-image-1 {
width: 86px;
height: 86px;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 16px auto 0;
}
.u-section-2 .u-text-1 {
text-transform: uppercase;
font-weight: 800;
transition-duration: 0.5s;
text-shadow: 2px 2px 8px rgba(0,0,0,0.4);
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: -68px auto 0;
}
.u-section-2 .u-text-2 {
font-weight: 800;
font-size: 0.625rem;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 1px auto 0;
}
.u-section-2 .u-shape-5 {
width: 79px;
height: 19px;
--radius: 50px;
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: 31px auto 0;
}
.u-section-2 .u-shape-6 {
width: 67px;
height: 12px;
--radius: 50px;
background-image: linear-gradient(#fcc75a, #ee6622);
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: -16px auto 0;
}
.u-section-2 .u-container-layout-3 {
padding: 0;
}
.u-section-2 .u-image-2 {
width: 86px;
height: 86px;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 16px auto 0;
}
.u-section-2 .u-text-3 {
text-transform: uppercase;
font-weight: 800;
transition-duration: 0.5s;
text-shadow: 2px 2px 8px rgba(0,0,0,0.4);
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: -68px auto 0;
}
.u-section-2 .u-text-4 {
font-weight: 800;
font-size: 0.625rem;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 1px auto 0;
}
.u-section-2 .u-shape-7 {
width: 79px;
height: 19px;
--radius: 50px;
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: 31px auto 0;
}
.u-section-2 .u-shape-8 {
width: 67px;
height: 12px;
--radius: 50px;
background-image: linear-gradient(#fcc75a, #ee6622);
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: -16px auto 0;
}
.u-section-2 .u-container-layout-4 {
padding: 0;
}
.u-section-2 .u-image-3 {
width: 86px;
height: 86px;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 16px auto 0;
}
.u-section-2 .u-text-5 {
text-transform: uppercase;
font-weight: 800;
transition-duration: 0.5s;
text-shadow: 2px 2px 8px rgba(0,0,0,0.4);
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: -68px auto 0;
}
.u-section-2 .u-btn-1 {
background-image: none;
font-size: 1.25rem;
padding: 0;
}
.u-section-2 .u-text-6 {
font-weight: 800;
font-size: 0.625rem;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 1px auto 0;
}
.u-section-2 .u-shape-9 {
width: 79px;
height: 19px;
--radius: 50px;
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: 31px auto 0;
}
.u-section-2 .u-shape-10 {
width: 67px;
height: 12px;
--radius: 50px;
background-image: linear-gradient(#fcc75a, #ee6622);
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: -16px auto 0;
}
.u-section-2 .u-container-layout-5 {
padding: 0;
}
.u-section-2 .u-image-4 {
width: 86px;
height: 86px;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 16px auto 0;
}
.u-section-2 .u-text-7 {
text-transform: uppercase;
font-weight: 800;
transition-duration: 0.5s;
text-shadow: 2px 2px 8px rgba(0,0,0,0.4);
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: -68px auto 0;
}
.u-section-2 .u-text-8 {
font-weight: 800;
font-size: 0.625rem;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 1px auto 0;
}
.u-section-2 .u-shape-11 {
width: 79px;
height: 19px;
--radius: 50px;
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: 31px auto 0;
}
.u-section-2 .u-shape-12 {
width: 67px;
height: 12px;
--radius: 50px;
background-image: linear-gradient(#fcc75a, #ee6622);
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: -16px auto 0;
}
.u-section-2 .u-container-layout-6 {
padding: 0;
}
.u-section-2 .u-image-5 {
width: 86px;
height: 86px;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 16px auto 0;
}
.u-section-2 .u-text-9 {
text-transform: uppercase;
font-weight: 800;
transition-duration: 0.5s;
text-shadow: 2px 2px 8px rgba(0,0,0,0.4);
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: -68px auto 0;
}
.u-section-2 .u-text-10 {
font-weight: 800;
font-size: 0.625rem;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 1px auto 0;
}
.u-section-2 .u-shape-13 {
width: 79px;
height: 19px;
--radius: 50px;
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: 31px auto 0;
}
.u-section-2 .u-shape-14 {
width: 67px;
height: 12px;
--radius: 50px;
background-image: linear-gradient(#fcc75a, #ee6622);
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: -16px auto 0;
}
.u-section-2 .u-container-layout-7 {
padding: 0;
}
.u-section-2 .u-image-6 {
width: 86px;
height: 86px;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 16px auto 0;
}
.u-section-2 .u-text-11 {
text-transform: uppercase;
font-weight: 800;
transition-duration: 0.5s;
text-shadow: 2px 2px 8px rgba(0,0,0,0.4);
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: -68px auto 0;
}
.u-section-2 .u-text-12 {
font-weight: 800;
font-size: 0.625rem;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 1px auto 0;
}
.u-section-2 .u-shape-15 {
width: 79px;
height: 19px;
--radius: 50px;
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: 31px auto 0;
}
.u-section-2 .u-shape-16 {
width: 67px;
height: 12px;
--radius: 50px;
background-image: linear-gradient(#fcc75a, #ee6622);
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: -16px auto 0;
}
.u-section-2 .u-container-layout-8 {
padding: 0;
}
.u-section-2 .u-image-7 {
width: 86px;
height: 86px;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 16px auto 0;
}
.u-section-2 .u-text-13 {
text-transform: uppercase;
font-weight: 800;
transition-duration: 0.5s;
text-shadow: 2px 2px 8px rgba(0,0,0,0.4);
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: -68px auto 0;
}
.u-section-2 .u-text-14 {
font-weight: 800;
font-size: 0.625rem;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 1px auto 0;
}
.u-section-2 .u-shape-17 {
width: 79px;
height: 19px;
--radius: 50px;
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: 31px auto 0;
}
.u-section-2 .u-shape-18 {
width: 67px;
height: 12px;
--radius: 50px;
background-image: linear-gradient(#fcc75a, #ee6622);
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: -16px auto 0;
}
.u-section-2 .u-container-layout-9 {
padding: 0;
}
.u-section-2 .u-image-8 {
width: 86px;
height: 86px;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 16px auto 0;
}
.u-section-2 .u-text-15 {
text-transform: uppercase;
font-weight: 800;
transition-duration: 0.5s;
text-shadow: 2px 2px 8px rgba(0,0,0,0.4);
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: -68px auto 0;
}
.u-section-2 .u-text-16 {
font-weight: 800;
font-size: 0.625rem;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 1px auto 0;
}
.u-section-2 .u-shape-19 {
width: 79px;
height: 19px;
--radius: 50px;
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: 31px auto 0;
}
.u-section-2 .u-shape-20 {
width: 67px;
height: 12px;
--radius: 50px;
background-image: linear-gradient(#fcc75a, #ee6622);
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: -16px auto 0;
}
.u-section-2 .u-container-layout-10 {
padding: 0;
}
.u-section-2 .u-image-9 {
width: 86px;
height: 86px;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 16px auto 0;
}
.u-section-2 .u-text-17 {
text-transform: uppercase;
font-weight: 800;
transition-duration: 0.5s;
text-shadow: 2px 2px 8px rgba(0,0,0,0.4);
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: -68px auto 0;
}
.u-section-2 .u-text-18 {
font-weight: 800;
font-size: 0.625rem;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 1px auto 0;
}
.u-section-2 .u-shape-21 {
width: 79px;
height: 19px;
--radius: 50px;
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: 31px auto 0;
}
.u-section-2 .u-shape-22 {
width: 67px;
height: 12px;
--radius: 50px;
background-image: linear-gradient(#fcc75a, #ee6622);
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: -16px auto 0;
}
.u-section-2 .u-container-layout-11 {
padding: 0;
}
.u-section-2 .u-image-10 {
width: 86px;
height: 86px;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 16px auto 0;
}
.u-section-2 .u-text-19 {
text-transform: uppercase;
font-weight: 800;
transition-duration: 0.5s;
text-shadow: 2px 2px 8px rgba(0,0,0,0.4);
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: -68px auto 0;
}
.u-section-2 .u-text-20 {
font-weight: 800;
font-size: 0.625rem;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 1px auto 0;
}
.u-section-2 .u-shape-23 {
width: 79px;
height: 19px;
--radius: 50px;
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: 31px auto 0;
}
.u-section-2 .u-shape-24 {
width: 67px;
height: 12px;
--radius: 50px;
background-image: linear-gradient(#fcc75a, #ee6622);
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: -16px auto 0;
}
.u-section-2 .u-container-layout-12 {
padding: 0;
}
.u-section-2 .u-image-11 {
width: 86px;
height: 86px;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 16px auto 0;
}
.u-section-2 .u-text-21 {
text-transform: uppercase;
font-weight: 800;
transition-duration: 0.5s;
text-shadow: 2px 2px 8px rgba(0,0,0,0.4);
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: -68px auto 0;
}
.u-section-2 .u-text-22 {
font-weight: 800;
font-size: 0.625rem;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 1px auto 0;
}
.u-section-2 .u-shape-25 {
width: 79px;
height: 19px;
--radius: 50px;
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: 31px auto 0;
}
.u-section-2 .u-shape-26 {
width: 67px;
height: 12px;
--radius: 50px;
background-image: linear-gradient(#fcc75a, #ee6622);
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: -16px auto 0;
}
.u-section-2 .u-container-layout-13 {
padding: 0;
}
.u-section-2 .u-image-12 {
width: 86px;
height: 86px;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 16px auto 0;
}
.u-section-2 .u-text-23 {
text-transform: uppercase;
font-weight: 800;
transition-duration: 0.5s;
text-shadow: 2px 2px 8px rgba(0,0,0,0.4);
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: -68px auto 0;
}
.u-section-2 .u-text-24 {
font-weight: 800;
font-size: 0.625rem;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 1px auto 0;
}
.u-section-2 .u-shape-27 {
width: 79px;
height: 19px;
--radius: 50px;
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: 31px auto 0;
}
.u-section-2 .u-shape-28 {
width: 67px;
height: 12px;
--radius: 50px;
background-image: linear-gradient(#fcc75a, #ee6622);
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: -16px auto 0;
}
.u-section-2 .u-container-layout-14 {
padding: 0;
}
.u-section-2 .u-image-13 {
width: 86px;
height: 86px;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 16px auto 0;
}
.u-section-2 .u-text-25 {
text-transform: uppercase;
font-weight: 800;
transition-duration: 0.5s;
text-shadow: 2px 2px 8px rgba(0,0,0,0.4);
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: -68px auto 0;
}
.u-section-2 .u-text-26 {
font-weight: 800;
font-size: 0.625rem;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 1px auto 0;
}
.u-section-2 .u-shape-29 {
width: 79px;
height: 19px;
--radius: 50px;
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: 31px auto 0;
}
.u-section-2 .u-shape-30 {
width: 67px;
height: 12px;
--radius: 50px;
background-image: linear-gradient(#fcc75a, #ee6622);
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: -16px auto 0;
}
.u-section-2 .u-container-layout-15 {
padding: 0;
}
.u-section-2 .u-image-14 {
width: 86px;
height: 86px;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 16px auto 0;
}
.u-section-2 .u-text-27 {
text-transform: uppercase;
font-weight: 800;
transition-duration: 0.5s;
text-shadow: 2px 2px 8px rgba(0,0,0,0.4);
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: -68px auto 0;
}
.u-section-2 .u-text-28 {
font-weight: 800;
font-size: 0.625rem;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 1px auto 0;
}
.u-section-2 .u-shape-31 {
width: 79px;
height: 19px;
--radius: 50px;
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: 31px auto 0;
}
.u-section-2 .u-shape-32 {
width: 67px;
height: 12px;
--radius: 50px;
background-image: linear-gradient(#fcc75a, #ee6622);
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: -16px auto 0;
}
.u-section-2 .u-container-layout-16 {
padding: 0;
}
.u-section-2 .u-image-15 {
width: 86px;
height: 86px;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 16px auto 0;
}
.u-section-2 .u-text-29 {
text-transform: uppercase;
font-weight: 800;
transition-duration: 0.5s;
text-shadow: 2px 2px 8px rgba(0,0,0,0.4);
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: -68px auto 0;
}
.u-section-2 .u-text-30 {
font-weight: 800;
font-size: 0.625rem;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 1px auto 0;
}
.u-section-2 .u-shape-33 {
width: 79px;
height: 19px;
--radius: 50px;
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: 31px auto 0;
}
.u-section-2 .u-shape-34 {
width: 67px;
height: 12px;
--radius: 50px;
background-image: linear-gradient(#fcc75a, #ee6622);
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: -16px auto 0;
}
.u-section-2 .u-container-layout-17 {
padding: 0;
}
.u-section-2 .u-image-16 {
width: 86px;
height: 86px;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 16px auto 0;
}
.u-section-2 .u-text-31 {
text-transform: uppercase;
font-weight: 800;
transition-duration: 0.5s;
text-shadow: 2px 2px 8px rgba(0,0,0,0.4);
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: -68px auto 0;
}
.u-section-2 .u-text-32 {
font-weight: 800;
font-size: 0.625rem;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 1px auto 0;
}
.u-section-2 .u-shape-35 {
width: 79px;
height: 19px;
--radius: 50px;
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: 31px auto 0;
}
.u-section-2 .u-shape-36 {
width: 67px;
height: 12px;
--radius: 50px;
background-image: linear-gradient(#fcc75a, #ee6622);
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: -16px auto 0;
}
.u-section-2 .u-container-layout-18 {
padding: 0;
}
.u-section-2 .u-image-17 {
width: 86px;
height: 86px;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 16px auto 0;
}
.u-section-2 .u-text-33 {
text-transform: uppercase;
font-weight: 800;
transition-duration: 0.5s;
text-shadow: 2px 2px 8px rgba(0,0,0,0.4);
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: -68px auto 0;
}
.u-section-2 .u-text-34 {
font-weight: 800;
font-size: 0.625rem;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 1px auto 0;
}
.u-section-2 .u-shape-37 {
width: 79px;
height: 19px;
--radius: 50px;
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: 31px auto 0;
}
.u-section-2 .u-shape-38 {
width: 67px;
height: 12px;
--radius: 50px;
background-image: linear-gradient(#fcc75a, #ee6622);
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: -16px auto 0;
}
.u-section-2 .u-container-layout-19 {
padding: 0;
}
.u-section-2 .u-image-18 {
width: 86px;
height: 86px;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 16px auto 0;
}
.u-section-2 .u-text-35 {
text-transform: uppercase;
font-weight: 800;
transition-duration: 0.5s;
text-shadow: 2px 2px 8px rgba(0,0,0,0.4);
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: -68px auto 0;
}
.u-section-2 .u-text-36 {
font-weight: 800;
font-size: 0.625rem;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 1px auto 0;
}
.u-section-2 .u-shape-39 {
width: 79px;
height: 19px;
--radius: 50px;
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: 31px auto 0;
}
.u-section-2 .u-shape-40 {
width: 67px;
height: 12px;
--radius: 50px;
background-image: linear-gradient(#fcc75a, #ee6622);
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: -16px auto 0;
}
.u-section-2 .u-container-layout-20 {
padding: 0;
}
.u-section-2 .u-image-19 {
width: 86px;
height: 86px;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 16px auto 0;
}
.u-section-2 .u-text-37 {
text-transform: uppercase;
font-weight: 800;
transition-duration: 0.5s;
text-shadow: 2px 2px 8px rgba(0,0,0,0.4);
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: -68px auto 0;
}
.u-section-2 .u-text-38 {
font-weight: 800;
font-size: 0.625rem;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 1px auto 0;
}
.u-section-2 .u-shape-41 {
width: 79px;
height: 19px;
--radius: 50px;
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: 31px auto 0;
}
.u-section-2 .u-shape-42 {
width: 67px;
height: 12px;
--radius: 50px;
background-image: linear-gradient(#fcc75a, #ee6622);
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: -16px auto 0;
}
.u-section-2 .u-container-layout-21 {
padding: 0;
}
.u-section-2 .u-image-20 {
width: 86px;
height: 86px;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 16px auto 0;
}
.u-section-2 .u-text-39 {
text-transform: uppercase;
font-weight: 800;
transition-duration: 0.5s;
text-shadow: 2px 2px 8px rgba(0,0,0,0.4);
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: -68px auto 0;
}
.u-section-2 .u-text-40 {
font-weight: 800;
font-size: 0.625rem;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 1px auto 0;
}
.u-section-2 .u-shape-43 {
width: 79px;
height: 19px;
--radius: 50px;
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: 31px auto 0;
}
.u-section-2 .u-shape-44 {
width: 67px;
height: 12px;
--radius: 50px;
background-image: linear-gradient(#fcc75a, #ee6622);
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: -16px auto 0;
}
@media (max-width: 1199px) {
.u-section-2 .u-group-1 {
height: auto;
}
.u-section-2 .u-list-1 {
width: 840px;
margin-top: -17px;
}
.u-section-2 .u-repeater-1 {
min-height: 574px;
}
.u-section-2 .u-image-1 {
width: 84px;
height: 84px;
}
.u-section-2 .u-text-1 {
margin-top: -75px;
font-size: 1.125rem;
}
.u-section-2 .u-shape-5 {
width: 71px;
margin-top: 38px;
}
.u-section-2 .u-shape-6 {
width: 64px;
height: 13px;
}
.u-section-2 .u-image-2 {
width: 84px;
height: 84px;
}
.u-section-2 .u-text-3 {
margin-top: -75px;
font-size: 1.125rem;
}
.u-section-2 .u-shape-7 {
width: 71px;
margin-top: 38px;
}
.u-section-2 .u-shape-8 {
width: 64px;
height: 13px;
}
.u-section-2 .u-image-3 {
width: 84px;
height: 84px;
}
.u-section-2 .u-text-5 {
margin-top: -75px;
font-size: 1.125rem;
}
.u-section-2 .u-shape-9 {
width: 71px;
margin-top: 38px;
}
.u-section-2 .u-shape-10 {
width: 64px;
height: 13px;
}
.u-section-2 .u-image-4 {
width: 84px;
height: 84px;
}
.u-section-2 .u-text-7 {
margin-top: -75px;
font-size: 1.125rem;
}
.u-section-2 .u-shape-11 {
width: 71px;
margin-top: 38px;
}
.u-section-2 .u-shape-12 {
width: 64px;
height: 13px;
}
.u-section-2 .u-image-5 {
width: 84px;
height: 84px;
}
.u-section-2 .u-text-9 {
margin-top: -75px;
font-size: 1.125rem;
}
.u-section-2 .u-shape-13 {
width: 71px;
margin-top: 38px;
}
.u-section-2 .u-shape-14 {
width: 64px;
height: 13px;
}
.u-section-2 .u-image-6 {
width: 84px;
height: 84px;
}
.u-section-2 .u-text-11 {
margin-top: -75px;
font-size: 1.125rem;
}
.u-section-2 .u-shape-15 {
width: 71px;
margin-top: 38px;
}
.u-section-2 .u-shape-16 {
width: 64px;
height: 13px;
}
.u-section-2 .u-image-7 {
width: 84px;
height: 84px;
}
.u-section-2 .u-text-13 {
margin-top: -75px;
font-size: 1.125rem;
}
.u-section-2 .u-shape-17 {
width: 71px;
margin-top: 38px;
}
.u-section-2 .u-shape-18 {
width: 64px;
height: 13px;
}
.u-section-2 .u-image-8 {
width: 84px;
height: 84px;
}
.u-section-2 .u-text-15 {
margin-top: -75px;
font-size: 1.125rem;
}
.u-section-2 .u-shape-19 {
width: 71px;
margin-top: 38px;
}
.u-section-2 .u-shape-20 {
width: 64px;
height: 13px;
}
.u-section-2 .u-image-9 {
width: 84px;
height: 84px;
}
.u-section-2 .u-text-17 {
margin-top: -75px;
font-size: 1.125rem;
}
.u-section-2 .u-shape-21 {
width: 71px;
margin-top: 38px;
}
.u-section-2 .u-shape-22 {
width: 64px;
height: 13px;
}
.u-section-2 .u-image-10 {
width: 84px;
height: 84px;
}
.u-section-2 .u-text-19 {
margin-top: -75px;
font-size: 1.125rem;
}
.u-section-2 .u-shape-23 {
width: 71px;
margin-top: 38px;
}
.u-section-2 .u-shape-24 {
width: 64px;
height: 13px;
}
.u-section-2 .u-image-11 {
width: 84px;
height: 84px;
}
.u-section-2 .u-text-21 {
margin-top: -75px;
font-size: 1.125rem;
}
.u-section-2 .u-shape-25 {
width: 71px;
margin-top: 38px;
}
.u-section-2 .u-shape-26 {
width: 64px;
height: 13px;
}
.u-section-2 .u-image-12 {
width: 84px;
height: 84px;
}
.u-section-2 .u-text-23 {
margin-top: -75px;
font-size: 1.125rem;
}
.u-section-2 .u-shape-27 {
width: 71px;
margin-top: 38px;
}
.u-section-2 .u-shape-28 {
width: 64px;
height: 13px;
}
.u-section-2 .u-image-13 {
width: 84px;
height: 84px;
}
.u-section-2 .u-text-25 {
margin-top: -75px;
font-size: 1.125rem;
}
.u-section-2 .u-shape-29 {
width: 71px;
margin-top: 38px;
}
.u-section-2 .u-shape-30 {
width: 64px;
height: 13px;
}
.u-section-2 .u-image-14 {
width: 84px;
height: 84px;
}
.u-section-2 .u-text-27 {
margin-top: -75px;
font-size: 1.125rem;
}
.u-section-2 .u-shape-31 {
width: 71px;
margin-top: 38px;
}
.u-section-2 .u-shape-32 {
width: 64px;
height: 13px;
}
.u-section-2 .u-image-15 {
width: 84px;
height: 84px;
}
.u-section-2 .u-text-29 {
margin-top: -75px;
font-size: 1.125rem;
}
.u-section-2 .u-shape-33 {
width: 71px;
margin-top: 38px;
}
.u-section-2 .u-shape-34 {
width: 64px;
height: 13px;
}
.u-section-2 .u-image-16 {
width: 84px;
height: 84px;
}
.u-section-2 .u-text-31 {
margin-top: -75px;
font-size: 1.125rem;
}
.u-section-2 .u-shape-35 {
width: 71px;
margin-top: 38px;
}
.u-section-2 .u-shape-36 {
width: 64px;
height: 13px;
}
.u-section-2 .u-image-17 {
width: 84px;
height: 84px;
}
.u-section-2 .u-text-33 {
margin-top: -75px;
font-size: 1.125rem;
}
.u-section-2 .u-shape-37 {
width: 71px;
margin-top: 38px;
}
.u-section-2 .u-shape-38 {
width: 64px;
height: 13px;
}
.u-section-2 .u-image-18 {
width: 84px;
height: 84px;
}
.u-section-2 .u-text-35 {
margin-top: -75px;
font-size: 1.125rem;
}
.u-section-2 .u-shape-39 {
width: 71px;
margin-top: 38px;
}
.u-section-2 .u-shape-40 {
width: 64px;
height: 13px;
}
.u-section-2 .u-image-19 {
width: 84px;
height: 84px;
}
.u-section-2 .u-text-37 {
margin-top: -75px;
font-size: 1.125rem;
}
.u-section-2 .u-shape-41 {
width: 71px;
margin-top: 38px;
}
.u-section-2 .u-shape-42 {
width: 64px;
height: 13px;
}
.u-section-2 .u-image-20 {
width: 84px;
height: 84px;
}
.u-section-2 .u-text-39 {
margin-top: -75px;
font-size: 1.125rem;
}
.u-section-2 .u-shape-43 {
width: 71px;
margin-top: 38px;
}
.u-section-2 .u-shape-44 {
width: 64px;
height: 13px;
}
}
@media (max-width: 991px) {
.u-section-2 .u-container-layout-1 {
padding-left: 0;
padding-right: 0;
}
.u-section-2 .u-list-1 {
width: 575px;
margin-top: 0;
}
.u-section-2 .u-repeater-1 {
min-height: 366px;
}
.u-section-2 .u-container-layout-2 {
padding-top: 3px;
padding-left: 12px;
padding-right: 12px;
}
.u-section-2 .u-container-layout-3 {
padding-top: 3px;
padding-left: 12px;
padding-right: 12px;
}
.u-section-2 .u-container-layout-4 {
padding-top: 3px;
padding-left: 12px;
padding-right: 12px;
}
.u-section-2 .u-container-layout-5 {
padding-top: 3px;
padding-left: 12px;
padding-right: 12px;
}
.u-section-2 .u-container-layout-6 {
padding-top: 3px;
padding-left: 12px;
padding-right: 12px;
}
.u-section-2 .u-container-layout-7 {
padding-top: 3px;
padding-left: 12px;
padding-right: 12px;
}
.u-section-2 .u-container-layout-8 {
padding-top: 3px;
padding-left: 12px;
padding-right: 12px;
}
.u-section-2 .u-container-layout-9 {
padding-top: 3px;
padding-left: 12px;
padding-right: 12px;
}
.u-section-2 .u-container-layout-10 {
padding-top: 3px;
padding-left: 12px;
padding-right: 12px;
}
.u-section-2 .u-container-layout-11 {
padding-top: 3px;
padding-left: 12px;
padding-right: 12px;
}
.u-section-2 .u-container-layout-12 {
padding-top: 3px;
padding-left: 12px;
padding-right: 12px;
}
.u-section-2 .u-container-layout-13 {
padding-top: 3px;
padding-left: 12px;
padding-right: 12px;
}
.u-section-2 .u-container-layout-14 {
padding-top: 3px;
padding-left: 12px;
padding-right: 12px;
}
.u-section-2 .u-container-layout-15 {
padding-top: 3px;
padding-left: 12px;
padding-right: 12px;
}
.u-section-2 .u-container-layout-16 {
padding-top: 3px;
padding-left: 12px;
padding-right: 12px;
}
.u-section-2 .u-container-layout-17 {
padding-top: 3px;
padding-left: 12px;
padding-right: 12px;
}
.u-section-2 .u-container-layout-18 {
padding-top: 3px;
padding-left: 12px;
padding-right: 12px;
}
.u-section-2 .u-container-layout-19 {
padding-top: 3px;
padding-left: 12px;
padding-right: 12px;
}
.u-section-2 .u-container-layout-20 {
padding-top: 3px;
padding-left: 12px;
padding-right: 12px;
}
.u-section-2 .u-container-layout-21 {
padding-top: 3px;
padding-left: 12px;
padding-right: 12px;
}
}
@media (max-width: 767px) {
.u-section-2 .u-list-1 {
margin-top: -53px;
margin-right: initial;
margin-left: initial;
width: auto;
}
.u-section-2 .u-repeater-1 {
min-height: 542px;
}
.u-section-2 .u-container-layout-2 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.u-section-2 .u-text-1 {
font-size: 1rem;
}
.u-section-2 .u-text-2 {
width: auto;
margin-top: 6px;
}
.u-section-2 .u-shape-5 {
margin-top: 30px;
}
.u-section-2 .u-container-layout-3 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.u-section-2 .u-text-3 {
font-size: 1rem;
}
.u-section-2 .u-text-4 {
width: auto;
margin-top: 6px;
}
.u-section-2 .u-shape-7 {
margin-top: 30px;
}
.u-section-2 .u-container-layout-4 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.u-section-2 .u-text-5 {
font-size: 1rem;
}
.u-section-2 .u-text-6 {
width: auto;
margin-top: 6px;
}
.u-section-2 .u-shape-9 {
margin-top: 30px;
}
.u-section-2 .u-container-layout-5 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.u-section-2 .u-text-7 {
font-size: 1rem;
}
.u-section-2 .u-text-8 {
width: auto;
margin-top: 6px;
}
.u-section-2 .u-shape-11 {
margin-top: 30px;
}
.u-section-2 .u-container-layout-6 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.u-section-2 .u-text-9 {
font-size: 1rem;
}
.u-section-2 .u-text-10 {
width: auto;
margin-top: 6px;
}
.u-section-2 .u-shape-13 {
margin-top: 30px;
}
.u-section-2 .u-container-layout-7 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.u-section-2 .u-text-11 {
font-size: 1rem;
}
.u-section-2 .u-text-12 {
width: auto;
margin-top: 6px;
}
.u-section-2 .u-shape-15 {
margin-top: 30px;
}
.u-section-2 .u-container-layout-8 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.u-section-2 .u-text-13 {
font-size: 1rem;
}
.u-section-2 .u-text-14 {
width: auto;
margin-top: 6px;
}
.u-section-2 .u-shape-17 {
margin-top: 30px;
}
.u-section-2 .u-container-layout-9 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.u-section-2 .u-text-15 {
font-size: 1rem;
}
.u-section-2 .u-text-16 {
width: auto;
margin-top: 6px;
}
.u-section-2 .u-shape-19 {
margin-top: 30px;
}
.u-section-2 .u-container-layout-10 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.u-section-2 .u-text-17 {
font-size: 1rem;
}
.u-section-2 .u-text-18 {
width: auto;
margin-top: 6px;
}
.u-section-2 .u-shape-21 {
margin-top: 30px;
}
.u-section-2 .u-container-layout-11 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.u-section-2 .u-text-19 {
font-size: 1rem;
}
.u-section-2 .u-text-20 {
width: auto;
margin-top: 6px;
}
.u-section-2 .u-shape-23 {
margin-top: 30px;
}
.u-section-2 .u-container-layout-12 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.u-section-2 .u-text-21 {
font-size: 1rem;
}
.u-section-2 .u-text-22 {
width: auto;
margin-top: 6px;
}
.u-section-2 .u-shape-25 {
margin-top: 30px;
}
.u-section-2 .u-container-layout-13 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.u-section-2 .u-text-23 {
font-size: 1rem;
}
.u-section-2 .u-text-24 {
width: auto;
margin-top: 6px;
}
.u-section-2 .u-shape-27 {
margin-top: 30px;
}
.u-section-2 .u-container-layout-14 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.u-section-2 .u-text-25 {
font-size: 1rem;
}
.u-section-2 .u-text-26 {
width: auto;
margin-top: 6px;
}
.u-section-2 .u-shape-29 {
margin-top: 30px;
}
.u-section-2 .u-container-layout-15 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.u-section-2 .u-text-27 {
font-size: 1rem;
}
.u-section-2 .u-text-28 {
width: auto;
margin-top: 6px;
}
.u-section-2 .u-shape-31 {
margin-top: 30px;
}
.u-section-2 .u-container-layout-16 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.u-section-2 .u-text-29 {
font-size: 1rem;
}
.u-section-2 .u-text-30 {
width: auto;
margin-top: 6px;
}
.u-section-2 .u-shape-33 {
margin-top: 30px;
}
.u-section-2 .u-container-layout-17 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.u-section-2 .u-text-31 {
font-size: 1rem;
}
.u-section-2 .u-text-32 {
width: auto;
margin-top: 6px;
}
.u-section-2 .u-shape-35 {
margin-top: 30px;
}
.u-section-2 .u-container-layout-18 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.u-section-2 .u-text-33 {
font-size: 1rem;
}
.u-section-2 .u-text-34 {
width: auto;
margin-top: 6px;
}
.u-section-2 .u-shape-37 {
margin-top: 30px;
}
.u-section-2 .u-container-layout-19 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.u-section-2 .u-text-35 {
font-size: 1rem;
}
.u-section-2 .u-text-36 {
width: auto;
margin-top: 6px;
}
.u-section-2 .u-shape-39 {
margin-top: 30px;
}
.u-section-2 .u-container-layout-20 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.u-section-2 .u-text-37 {
font-size: 1rem;
}
.u-section-2 .u-text-38 {
width: auto;
margin-top: 6px;
}
.u-section-2 .u-shape-41 {
margin-top: 30px;
}
.u-section-2 .u-container-layout-21 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.u-section-2 .u-text-39 {
font-size: 1rem;
}
.u-section-2 .u-text-40 {
width: auto;
margin-top: 6px;
}
.u-section-2 .u-shape-43 {
margin-top: 30px;
}
}
@media (max-width: 575px) {
.u-section-2 .u-shape-2 {
margin-left: 169px;
}
.u-section-2 .u-shape-3 {
margin-right: 169px;
}
.u-section-2 .u-list-1 {
margin-top: -46px;
width: auto;
margin-right: initial;
margin-left: initial;
}
.u-section-2 .u-repeater-1 {
min-height: 355px;
}
.u-section-2 .u-image-1 {
width: 58px;
height: 58px;
margin-top: 5px;
}
.u-section-2 .u-text-1 {
width: auto;
margin-top: -54px;
}
.u-section-2 .u-text-2 {
margin-top: 4px;
}
.u-section-2 .u-shape-5 {
width: 54px;
height: 15px;
margin-top: 16px;
}
.u-section-2 .u-shape-6 {
width: 67px;
height: 10px;
margin-top: -12px;
}
.u-section-2 .u-image-2 {
width: 58px;
height: 58px;
margin-top: 5px;
}
.u-section-2 .u-text-3 {
width: auto;
margin-top: -54px;
}
.u-section-2 .u-text-4 {
margin-top: 4px;
}
.u-section-2 .u-shape-7 {
width: 54px;
height: 15px;
margin-top: 16px;
}
.u-section-2 .u-shape-8 {
width: 67px;
height: 10px;
margin-top: -12px;
}
.u-section-2 .u-image-3 {
width: 58px;
height: 58px;
margin-top: 5px;
}
.u-section-2 .u-text-5 {
width: auto;
margin-top: -54px;
}
.u-section-2 .u-btn-1 {
font-size: 1rem;
}
.u-section-2 .u-text-6 {
margin-top: 4px;
}
.u-section-2 .u-shape-9 {
width: 54px;
height: 15px;
margin-top: 16px;
}
.u-section-2 .u-shape-10 {
width: 67px;
height: 10px;
margin-top: -12px;
}
.u-section-2 .u-image-4 {
width: 58px;
height: 58px;
margin-top: 5px;
}
.u-section-2 .u-text-7 {
width: auto;
margin-top: -54px;
}
.u-section-2 .u-text-8 {
margin-top: 4px;
}
.u-section-2 .u-shape-11 {
width: 54px;
height: 15px;
margin-top: 16px;
}
.u-section-2 .u-shape-12 {
width: 67px;
height: 10px;
margin-top: -12px;
}
.u-section-2 .u-image-5 {
width: 58px;
height: 58px;
margin-top: 5px;
}
.u-section-2 .u-text-9 {
width: auto;
margin-top: -54px;
}
.u-section-2 .u-text-10 {
margin-top: 4px;
}
.u-section-2 .u-shape-13 {
width: 54px;
height: 15px;
margin-top: 16px;
}
.u-section-2 .u-shape-14 {
width: 67px;
height: 10px;
margin-top: -12px;
}
.u-section-2 .u-image-6 {
width: 58px;
height: 58px;
margin-top: 5px;
}
.u-section-2 .u-text-11 {
width: auto;
margin-top: -54px;
}
.u-section-2 .u-text-12 {
margin-top: 4px;
}
.u-section-2 .u-shape-15 {
width: 54px;
height: 15px;
margin-top: 16px;
}
.u-section-2 .u-shape-16 {
width: 67px;
height: 10px;
margin-top: -12px;
}
.u-section-2 .u-image-7 {
width: 58px;
height: 58px;
margin-top: 5px;
}
.u-section-2 .u-text-13 {
width: auto;
margin-top: -54px;
}
.u-section-2 .u-text-14 {
margin-top: 4px;
}
.u-section-2 .u-shape-17 {
width: 54px;
height: 15px;
margin-top: 16px;
}
.u-section-2 .u-shape-18 {
width: 67px;
height: 10px;
margin-top: -12px;
}
.u-section-2 .u-image-8 {
width: 58px;
height: 58px;
margin-top: 5px;
}
.u-section-2 .u-text-15 {
width: auto;
margin-top: -54px;
}
.u-section-2 .u-text-16 {
margin-top: 4px;
}
.u-section-2 .u-shape-19 {
width: 54px;
height: 15px;
margin-top: 16px;
}
.u-section-2 .u-shape-20 {
width: 67px;
height: 10px;
margin-top: -12px;
}
.u-section-2 .u-image-9 {
width: 58px;
height: 58px;
margin-top: 5px;
}
.u-section-2 .u-text-17 {
width: auto;
margin-top: -54px;
}
.u-section-2 .u-text-18 {
margin-top: 4px;
}
.u-section-2 .u-shape-21 {
width: 54px;
height: 15px;
margin-top: 16px;
}
.u-section-2 .u-shape-22 {
width: 67px;
height: 10px;
margin-top: -12px;
}
.u-section-2 .u-image-10 {
width: 58px;
height: 58px;
margin-top: 5px;
}
.u-section-2 .u-text-19 {
width: auto;
margin-top: -54px;
}
.u-section-2 .u-text-20 {
margin-top: 4px;
}
.u-section-2 .u-shape-23 {
width: 54px;
height: 15px;
margin-top: 16px;
}
.u-section-2 .u-shape-24 {
width: 67px;
height: 10px;
margin-top: -12px;
}
.u-section-2 .u-image-11 {
width: 58px;
height: 58px;
margin-top: 5px;
}
.u-section-2 .u-text-21 {
width: auto;
margin-top: -54px;
}
.u-section-2 .u-text-22 {
margin-top: 4px;
}
.u-section-2 .u-shape-25 {
width: 54px;
height: 15px;
margin-top: 16px;
}
.u-section-2 .u-shape-26 {
width: 67px;
height: 10px;
margin-top: -12px;
}
.u-section-2 .u-image-12 {
width: 58px;
height: 58px;
margin-top: 5px;
}
.u-section-2 .u-text-23 {
width: auto;
margin-top: -54px;
}
.u-section-2 .u-text-24 {
margin-top: 4px;
}
.u-section-2 .u-shape-27 {
width: 54px;
height: 15px;
margin-top: 16px;
}
.u-section-2 .u-shape-28 {
width: 67px;
height: 10px;
margin-top: -12px;
}
.u-section-2 .u-image-13 {
width: 58px;
height: 58px;
margin-top: 5px;
}
.u-section-2 .u-text-25 {
width: auto;
margin-top: -54px;
}
.u-section-2 .u-text-26 {
margin-top: 4px;
}
.u-section-2 .u-shape-29 {
width: 54px;
height: 15px;
margin-top: 16px;
}
.u-section-2 .u-shape-30 {
width: 67px;
height: 10px;
margin-top: -12px;
}
.u-section-2 .u-image-14 {
width: 58px;
height: 58px;
margin-top: 5px;
}
.u-section-2 .u-text-27 {
width: auto;
margin-top: -54px;
}
.u-section-2 .u-text-28 {
margin-top: 4px;
}
.u-section-2 .u-shape-31 {
width: 54px;
height: 15px;
margin-top: 16px;
}
.u-section-2 .u-shape-32 {
width: 67px;
height: 10px;
margin-top: -12px;
}
.u-section-2 .u-image-15 {
width: 58px;
height: 58px;
margin-top: 5px;
}
.u-section-2 .u-text-29 {
width: auto;
margin-top: -54px;
}
.u-section-2 .u-text-30 {
margin-top: 4px;
}
.u-section-2 .u-shape-33 {
width: 54px;
height: 15px;
margin-top: 16px;
}
.u-section-2 .u-shape-34 {
width: 67px;
height: 10px;
margin-top: -12px;
}
.u-section-2 .u-image-16 {
width: 58px;
height: 58px;
margin-top: 5px;
}
.u-section-2 .u-text-31 {
width: auto;
margin-top: -54px;
}
.u-section-2 .u-text-32 {
margin-top: 4px;
}
.u-section-2 .u-shape-35 {
width: 54px;
height: 15px;
margin-top: 16px;
}
.u-section-2 .u-shape-36 {
width: 67px;
height: 10px;
margin-top: -12px;
}
.u-section-2 .u-image-17 {
width: 58px;
height: 58px;
margin-top: 5px;
}
.u-section-2 .u-text-33 {
width: auto;
margin-top: -54px;
}
.u-section-2 .u-text-34 {
margin-top: 4px;
}
.u-section-2 .u-shape-37 {
width: 54px;
height: 15px;
margin-top: 16px;
}
.u-section-2 .u-shape-38 {
width: 67px;
height: 10px;
margin-top: -12px;
}
.u-section-2 .u-image-18 {
width: 58px;
height: 58px;
margin-top: 5px;
}
.u-section-2 .u-text-35 {
width: auto;
margin-top: -54px;
}
.u-section-2 .u-text-36 {
margin-top: 4px;
}
.u-section-2 .u-shape-39 {
width: 54px;
height: 15px;
margin-top: 16px;
}
.u-section-2 .u-shape-40 {
width: 67px;
height: 10px;
margin-top: -12px;
}
.u-section-2 .u-image-19 {
width: 58px;
height: 58px;
margin-top: 5px;
}
.u-section-2 .u-text-37 {
width: auto;
margin-top: -54px;
}
.u-section-2 .u-text-38 {
margin-top: 4px;
}
.u-section-2 .u-shape-41 {
width: 54px;
height: 15px;
margin-top: 16px;
}
.u-section-2 .u-shape-42 {
width: 67px;
height: 10px;
margin-top: -12px;
}
.u-section-2 .u-image-20 {
width: 58px;
height: 58px;
margin-top: 5px;
}
.u-section-2 .u-text-39 {
width: auto;
margin-top: -54px;
}
.u-section-2 .u-text-40 {
margin-top: 4px;
}
.u-section-2 .u-shape-43 {
width: 54px;
height: 15px;
margin-top: 16px;
}
.u-section-2 .u-shape-44 {
width: 67px;
height: 10px;
margin-top: -12px;
}
}
.u-section-2 .u-image-7,
.u-section-2 .u-image-7:before,
.u-section-2 .u-image-7 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-image-7.u-image-7.u-image-7:hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-7.u-image-7.u-image-7.hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-1,
.u-section-2 .u-image-1:before,
.u-section-2 .u-image-1 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-image-1.u-image-1.u-image-1:hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-1.u-image-1.u-image-1.hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-2,
.u-section-2 .u-image-2:before,
.u-section-2 .u-image-2 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-image-2.u-image-2.u-image-2:hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-2.u-image-2.u-image-2.hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-3,
.u-section-2 .u-image-3:before,
.u-section-2 .u-image-3 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-image-3.u-image-3.u-image-3:hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-3.u-image-3.u-image-3.hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-4,
.u-section-2 .u-image-4:before,
.u-section-2 .u-image-4 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-image-4.u-image-4.u-image-4:hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-4.u-image-4.u-image-4.hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-5,
.u-section-2 .u-image-5:before,
.u-section-2 .u-image-5 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-image-5.u-image-5.u-image-5:hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-5.u-image-5.u-image-5.hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-6,
.u-section-2 .u-image-6:before,
.u-section-2 .u-image-6 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-image-6.u-image-6.u-image-6:hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-6.u-image-6.u-image-6.hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-8,
.u-section-2 .u-image-8:before,
.u-section-2 .u-image-8 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-image-8.u-image-8.u-image-8:hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-8.u-image-8.u-image-8.hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-9,
.u-section-2 .u-image-9:before,
.u-section-2 .u-image-9 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-image-9.u-image-9.u-image-9:hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-9.u-image-9.u-image-9.hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-10,
.u-section-2 .u-image-10:before,
.u-section-2 .u-image-10 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-image-10.u-image-10.u-image-10:hover {
transform: scale(1.05) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-10.u-image-10.u-image-10.hover {
transform: scale(1.05) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-11,
.u-section-2 .u-image-11:before,
.u-section-2 .u-image-11 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-image-11.u-image-11.u-image-11:hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-11.u-image-11.u-image-11.hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-12,
.u-section-2 .u-image-12:before,
.u-section-2 .u-image-12 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-image-12.u-image-12.u-image-12:hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-12.u-image-12.u-image-12.hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-13,
.u-section-2 .u-image-13:before,
.u-section-2 .u-image-13 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-image-13.u-image-13.u-image-13:hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-13.u-image-13.u-image-13.hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-14,
.u-section-2 .u-image-14:before,
.u-section-2 .u-image-14 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-image-14.u-image-14.u-image-14:hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-14.u-image-14.u-image-14.hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-15,
.u-section-2 .u-image-15:before,
.u-section-2 .u-image-15 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-image-15.u-image-15.u-image-15:hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-15.u-image-15.u-image-15.hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-16,
.u-section-2 .u-image-16:before,
.u-section-2 .u-image-16 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-image-16.u-image-16.u-image-16:hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-16.u-image-16.u-image-16.hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-17,
.u-section-2 .u-image-17:before,
.u-section-2 .u-image-17 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-image-17.u-image-17.u-image-17:hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-17.u-image-17.u-image-17.hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-18,
.u-section-2 .u-image-18:before,
.u-section-2 .u-image-18 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-image-18.u-image-18.u-image-18:hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-18.u-image-18.u-image-18.hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-19,
.u-section-2 .u-image-19:before,
.u-section-2 .u-image-19 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-image-19.u-image-19.u-image-19:hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-19.u-image-19.u-image-19.hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-20,
.u-section-2 .u-image-20:before,
.u-section-2 .u-image-20 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-image-20.u-image-20.u-image-20:hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-image-20.u-image-20.u-image-20.hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-1,
.u-section-2 .u-text-1:before,
.u-section-2 .u-text-1 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-1 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-1 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-3,
.u-section-2 .u-text-3:before,
.u-section-2 .u-text-3 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-3 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-3 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-5,
.u-section-2 .u-text-5:before,
.u-section-2 .u-text-5 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-5 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-5 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-7,
.u-section-2 .u-text-7:before,
.u-section-2 .u-text-7 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-7 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-7 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-9,
.u-section-2 .u-text-9:before,
.u-section-2 .u-text-9 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-9 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-9 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-11,
.u-section-2 .u-text-11:before,
.u-section-2 .u-text-11 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-11 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-11 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-13,
.u-section-2 .u-text-13:before,
.u-section-2 .u-text-13 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-13 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-13 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-15,
.u-section-2 .u-text-15:before,
.u-section-2 .u-text-15 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-15 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-15 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-17,
.u-section-2 .u-text-17:before,
.u-section-2 .u-text-17 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-17 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-17 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-19,
.u-section-2 .u-text-19:before,
.u-section-2 .u-text-19 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-19 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-19 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-21,
.u-section-2 .u-text-21:before,
.u-section-2 .u-text-21 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-21 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-21 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-23,
.u-section-2 .u-text-23:before,
.u-section-2 .u-text-23 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-23 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-23 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-25,
.u-section-2 .u-text-25:before,
.u-section-2 .u-text-25 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-25 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-25 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-27,
.u-section-2 .u-text-27:before,
.u-section-2 .u-text-27 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-27 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-27 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-29,
.u-section-2 .u-text-29:before,
.u-section-2 .u-text-29 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-29 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-29 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-31,
.u-section-2 .u-text-31:before,
.u-section-2 .u-text-31 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-31 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-31 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-33,
.u-section-2 .u-text-33:before,
.u-section-2 .u-text-33 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-33 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-33 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-35,
.u-section-2 .u-text-35:before,
.u-section-2 .u-text-35 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-35 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-35 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-37,
.u-section-2 .u-text-37:before,
.u-section-2 .u-text-37 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-37 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-37 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-39,
.u-section-2 .u-text-39:before,
.u-section-2 .u-text-39 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-39 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-39 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-2,
.u-section-2 .u-text-2:before,
.u-section-2 .u-text-2 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-2 {
transform: scale(1.05) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-2 {
transform: scale(1.05) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-4,
.u-section-2 .u-text-4:before,
.u-section-2 .u-text-4 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-4 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-4 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-6,
.u-section-2 .u-text-6:before,
.u-section-2 .u-text-6 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-6 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-6 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-8,
.u-section-2 .u-text-8:before,
.u-section-2 .u-text-8 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-8 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-8 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-10,
.u-section-2 .u-text-10:before,
.u-section-2 .u-text-10 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-10 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-10 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-12,
.u-section-2 .u-text-12:before,
.u-section-2 .u-text-12 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-12 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-12 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-14,
.u-section-2 .u-text-14:before,
.u-section-2 .u-text-14 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-14 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-14 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-16,
.u-section-2 .u-text-16:before,
.u-section-2 .u-text-16 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-16 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-16 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-18,
.u-section-2 .u-text-18:before,
.u-section-2 .u-text-18 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-18 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-18 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-20,
.u-section-2 .u-text-20:before,
.u-section-2 .u-text-20 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-20 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-20 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-22,
.u-section-2 .u-text-22:before,
.u-section-2 .u-text-22 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-22 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-22 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-24,
.u-section-2 .u-text-24:before,
.u-section-2 .u-text-24 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-24 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-24 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-26,
.u-section-2 .u-text-26:before,
.u-section-2 .u-text-26 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-26 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-26 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-28,
.u-section-2 .u-text-28:before,
.u-section-2 .u-text-28 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-28 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-28 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-30,
.u-section-2 .u-text-30:before,
.u-section-2 .u-text-30 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-30 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-30 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-32,
.u-section-2 .u-text-32:before,
.u-section-2 .u-text-32 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-32 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-32 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-34,
.u-section-2 .u-text-34:before,
.u-section-2 .u-text-34 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-34 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-34 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-36,
.u-section-2 .u-text-36:before,
.u-section-2 .u-text-36 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-36 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-36 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-38,
.u-section-2 .u-text-38:before,
.u-section-2 .u-text-38 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-38 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-38 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-2 .u-text-40,
.u-section-2 .u-text-40:before,
.u-section-2 .u-text-40 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-2 .u-container-layout:hover .u-text-40 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover > .u-section-2 .u-text-40 {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
/* 为repeater下的所有item添加以下样式 */
.u-repeater-1 .u-list-item {
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
/* 为可点击元素添加样式 */
.u-repeater-1 .u-image,
.u-repeater-1 .u-text,
.u-repeater-1 .u-btn {
cursor: pointer !important;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
/* 文本元素特殊处理 */
.u-repeater-1 .u-text {
pointer-events: none;
}
/* 为图片添加点击效果 */
.u-section-2 .u-repeater-1 .u-image-1,
.u-section-2 .u-repeater-1 .u-image-2,
.u-section-2 .u-repeater-1 .u-image-3,
.u-section-2 .u-repeater-1 .u-image-4,
.u-section-2 .u-repeater-1 .u-image-5,
.u-section-2 .u-repeater-1 .u-image-6,
.u-section-2 .u-repeater-1 .u-image-7,
.u-section-2 .u-repeater-1 .u-image-8,
.u-section-2 .u-repeater-1 .u-image-9,
.u-section-2 .u-repeater-1 .u-image-10,
.u-section-2 .u-repeater-1 .u-image-11,
.u-section-2 .u-repeater-1 .u-image-12,
.u-section-2 .u-repeater-1 .u-image-13,
.u-section-2 .u-repeater-1 .u-image-14,
.u-section-2 .u-repeater-1 .u-image-15,
.u-section-2 .u-repeater-1 .u-image-16,
.u-section-2 .u-repeater-1 .u-image-17,
.u-section-2 .u-repeater-1 .u-image-18,
.u-section-2 .u-repeater-1 .u-image-19,
.u-section-2 .u-repeater-1 .u-image-20 {
transition: all 0.2s ease !important;
}
/* 点击效果 */
.u-section-2 .u-repeater-1 .u-image-1:active,
.u-section-2 .u-repeater-1 .u-image-2:active,
.u-section-2 .u-repeater-1 .u-image-3:active,
.u-section-2 .u-repeater-1 .u-image-4:active,
.u-section-2 .u-repeater-1 .u-image-5:active,
.u-section-2 .u-repeater-1 .u-image-6:active,
.u-section-2 .u-repeater-1 .u-image-7:active,
.u-section-2 .u-repeater-1 .u-image-8:active,
.u-section-2 .u-repeater-1 .u-image-9:active,
.u-section-2 .u-repeater-1 .u-image-10:active,
.u-section-2 .u-repeater-1 .u-image-11:active,
.u-section-2 .u-repeater-1 .u-image-12:active,
.u-section-2 .u-repeater-1 .u-image-13:active,
.u-section-2 .u-repeater-1 .u-image-14:active,
.u-section-2 .u-repeater-1 .u-image-15:active,
.u-section-2 .u-repeater-1 .u-image-16:active,
.u-section-2 .u-repeater-1 .u-image-17:active,
.u-section-2 .u-repeater-1 .u-image-18:active,
.u-section-2 .u-repeater-1 .u-image-19:active,
.u-section-2 .u-repeater-1 .u-image-20:active {
transform: scale(0.95) !important;
opacity: 0.8 !important;
}
/* hover效果 */
.u-section-2 .u-repeater-1 .u-image-1:hover,
.u-section-2 .u-repeater-1 .u-image-2:hover,
.u-section-2 .u-repeater-1 .u-image-3:hover,
.u-section-2 .u-repeater-1 .u-image-4:hover,
.u-section-2 .u-repeater-1 .u-image-5:hover,
.u-section-2 .u-repeater-1 .u-image-6:hover,
.u-section-2 .u-repeater-1 .u-image-7:hover,
.u-section-2 .u-repeater-1 .u-image-8:hover,
.u-section-2 .u-repeater-1 .u-image-9:hover,
.u-section-2 .u-repeater-1 .u-image-10:hover,
.u-section-2 .u-repeater-1 .u-image-11:hover,
.u-section-2 .u-repeater-1 .u-image-12:hover,
.u-section-2 .u-repeater-1 .u-image-13:hover,
.u-section-2 .u-repeater-1 .u-image-14:hover,
.u-section-2 .u-repeater-1 .u-image-15:hover,
.u-section-2 .u-repeater-1 .u-image-16:hover,
.u-section-2 .u-repeater-1 .u-image-17:hover,
.u-section-2 .u-repeater-1 .u-image-18:hover,
.u-section-2 .u-repeater-1 .u-image-19:hover,
.u-section-2 .u-repeater-1 .u-image-20:hover {
transform: scale(1.1) !important;
}
/* hover时的点击效果 */
.u-section-2 .u-repeater-1 .u-image-1:hover:active,
.u-section-2 .u-repeater-1 .u-image-2:hover:active,
.u-section-2 .u-repeater-1 .u-image-3:hover:active,
.u-section-2 .u-repeater-1 .u-image-4:hover:active,
.u-section-2 .u-repeater-1 .u-image-5:hover:active,
.u-section-2 .u-repeater-1 .u-image-6:hover:active,
.u-section-2 .u-repeater-1 .u-image-7:hover:active,
.u-section-2 .u-repeater-1 .u-image-8:hover:active,
.u-section-2 .u-repeater-1 .u-image-9:hover:active,
.u-section-2 .u-repeater-1 .u-image-10:hover:active,
.u-section-2 .u-repeater-1 .u-image-11:hover:active,
.u-section-2 .u-repeater-1 .u-image-12:hover:active,
.u-section-2 .u-repeater-1 .u-image-13:hover:active,
.u-section-2 .u-repeater-1 .u-image-14:hover:active,
.u-section-2 .u-repeater-1 .u-image-15:hover:active,
.u-section-2 .u-repeater-1 .u-image-16:hover:active,
.u-section-2 .u-repeater-1 .u-image-17:hover:active,
.u-section-2 .u-repeater-1 .u-image-18:hover:active,
.u-section-2 .u-repeater-1 .u-image-19:hover:active,
.u-section-2 .u-repeater-1 .u-image-20:hover:active {
transform: scale(0.9) !important;
}
/* 添加点击效果的基础样式 */
.u-section-1 .u-list-item {
transition: all 0.2s;
cursor: pointer;
position: relative;
}
/* 点击时的缩小效果 */
.u-section-1 .u-list-item:active {
transform: scale(0.9);
}
/* 选中状态的高亮效果 */
/* .u-section-1 .u-list-item.selected {
background: linear-gradient(to right, rgba(238, 102, 34, 0.3), rgba(252, 199, 90, 0.3));
box-shadow: 0 4px 15px rgba(238, 102, 34, 0.4);
border-radius: 10px;
transform: translateY(-2px);
} */
/* 未选中状态的样式 */
.u-section-1 .u-list-item img {
filter: brightness(0.8);
}
/* 选中状态下图片的效果 */
.u-section-1 .u-list-item.selected img {
transform: scale(1.1);
filter: brightness(1.1);
transition: all 0.3s ease;
}
/* 未选中状态的样式 */
.u-section-1 .u-list-item {
transition: all 0.3s ease;
cursor: pointer;
position: relative;
background: transparent;
border-radius: 10px;
padding: 5px;
}
/* 点击时的缩小效果 */
.u-section-1 .u-list-item:active {
transform: scale(0.95);
}
/* 为input添加悬停和选中效果 */
.u-input {
transition: transform 0.3s ease;
}
.u-input:hover,
.u-input:focus {
transform: scale(1.05);
}
/* 为button添加悬停和点击效果 */
.u-btn {
transition: transform 0.3s ease;
}
.u-btn:hover {
transform: scale(1.05);
}
.u-btn:active {
transform: scale(0.9);
}
/* 为关闭按钮添加悬停和点击效果 */
.u-dialog-close-button {
transition: transform 0.3s ease !important;
}
.u-dialog-close-button:hover {
transform: scale(1.05) !important;
}
.u-dialog-close-button:active {
transform: scale(0.9) !important;
}
/* Toast 容器 */
#toast-container {
position: fixed;
top: 10%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 100002; /* 确保在最上层 */
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
pointer-events: none; /* 允许点击穿透 */
}
/* 单个 Toast */
.toast {
min-width: 250px;
max-width: 350px;
padding: 15px 20px;
border-radius: 50px;
color: #fff;
font-family: Arial, sans-serif;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
opacity: 0.9;
transition: opacity 0.5s ease, transform 0.5s ease;
display: flex;
align-items: center;
justify-content: center; /* 居中文本 */
text-align: center; /* 居中文本 */
pointer-events: auto; /* 允许 Toast 接收事件 */
}
/* 成功 Toast */
.toast.success {
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
background-image: linear-gradient(#00ff00, #009245);
}
/* 错误 Toast */
.toast.error {
background-image: linear-gradient(#ff6474, #e01c4c);
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
}
/* 信息 Toast */
.toast.info {
background-image: linear-gradient(#31cdee, #0962a4);
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
}
/* 淡出效果 */
.toast.fade-out {
opacity: 0;
transform: translateY(-20px);
transition: opacity 0.5s ease, transform 0.5s ease;
}
/* 添加锁定状态下的弹出框样式 */
.locked-tooltip {
position: absolute;
background: #ffffff;
color: #333333;
padding: 12px 16px;
border-radius: 8px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
border: 1px solid #e1e5e9;
font-size: 14px;
font-weight: 500;
max-width: 200px;
min-width: 120px;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
z-index: 9999;
opacity: 0;
transform: translateY(-10px);
transition: opacity 0.3s ease, transform 0.3s ease;
pointer-events: none;
}
.locked-tooltip::before {
content: '';
position: absolute;
bottom: -6px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #ffffff;
}
.locked-tooltip::after {
content: '';
position: absolute;
bottom: -7px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #e1e5e9;
z-index: -1;
}
.locked-tooltip.show {
opacity: 1;
transform: translateY(0);
}
/* 锁定状态下的图片悬停效果 */
.locked .u-hover-feature.u-image:hover {
cursor: not-allowed;
filter: brightness(0.9);
transition: filter 0.2s ease;
}
/* 确保弹出框在不同屏幕尺寸下的响应式显示 */
@media (max-width: 767px) {
.locked-tooltip {
font-size: 12px;
padding: 10px 14px;
max-width: 150px;
}
}