.u-section-1 { background-position: 50% 50%; background-repeat: no-repeat, no-repeat; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url('../images/chongqingno8.png'); background-size: cover, cover; min-height: 100vh; } .u-section-1 .u-layout-wrap-1 { transform: scale(1); /* 缩放到原来的 60% */ transform-origin: top center; /* 以中心为缩放中心 */ --radius: 30px; width: 1024px; margin: 25px auto; } .u-section-1 .u-layout-cell-1 { min-height: 721px; } .u-section-1 .u-container-layout-1 { padding: 0; } .u-section-1 .u-group-1 { min-height: 707px; height: auto; margin-top: 0; margin-bottom: 0; --radius: 30px; } .u-section-1 .u-container-layout-2 { padding: 0; } .u-section-1 .u-tabs-1 { min-height: 569px; margin-top: 0; margin-bottom: 0; height: auto; } .u-section-1 .u-tab-link-1 { background-image: none; font-weight: 600; --radius: 5px; font-size: 1rem; padding: 18px 12px; } .u-section-1 .u-tab-link-2 { background-image: none; font-weight: 600; --radius: 5px; font-size: 1rem; padding: 18px 12px; } .u-section-1 .u-tab-link-3 { background-image: none; font-weight: 600; --radius: 5px; font-size: 1rem; padding: 18px 12px; } .u-section-1 .u-tab-link-4 { background-image: none; font-weight: 600; --radius: 5px; font-size: 1rem; padding: 18px 12px; } .u-section-1 .u-tab-pane-1 { background-image: none; } .u-section-1 .u-container-layout-3 { padding: 0; } .u-section-1 .u-table-1 { margin-top: 0; margin-bottom: 0; } .u-block-3f10-99 { background-image: none; } .u-section-1 .u-table-entity-1 { min-height: 100px; } .u-section-1 .u-table-header-1 { text-transform: uppercase; letter-spacing: 1px; font-weight: 400; font-size: 1.125rem; } .u-section-1 .u-table-cell-1 { text-transform: uppercase; font-weight: 700; letter-spacing: 0; } .u-section-1 .u-table-cell-2 { background-image: none; } .u-section-1 .u-table-cell-3 { background-image: none; } .u-section-1 .u-table-cell-4 { background-image: none; } .u-section-1 .u-table-cell-5 { background-image: none; font-weight: 700; } .u-section-1 .u-table-body-1 { line-height: 1.6; } .u-section-1 .u-table-cell-6 { font-size: 1.125rem; text-transform: uppercase; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-7 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-8 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-9 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-10 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-11 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-12 { font-weight: 700; font-size: 1.125rem; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-13 { font-weight: 700; font-size: 1.125rem; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-14 { font-weight: 700; font-size: 1.125rem; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-15 { font-weight: 700; font-size: 1.125rem; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-16 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-17 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-18 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-19 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-20 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-21 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-22 { font-size: 1.125rem; line-height: 1; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-23 { font-size: 1.125rem; line-height: 1; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-24 { font-size: 1.125rem; line-height: 1.3; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-25 { font-size: 1.125rem; line-height: 1.5; font-weight: 700; border-style: dotted; background-image: none; } .u-block-3f10-143 { background-image: none; } .u-block-3f10-156 { background-image: none; } .u-section-1 .u-tab-pane-2 { background-image: none; } .u-section-1 .u-container-layout-4 { padding: 0; } .u-section-1 .u-table-2 { margin-top: 0; margin-bottom: 0; } .u-block-3f10-164 { background-image: none; } .u-section-1 .u-table-entity-2 { min-height: 100px; } .u-section-1 .u-table-header-2 { text-transform: uppercase; letter-spacing: 1px; font-weight: 400; font-size: 1.125rem; } .u-section-1 .u-table-cell-26 { text-transform: uppercase; font-weight: 700; letter-spacing: 0; } .u-section-1 .u-table-cell-27 { background-image: none; } .u-section-1 .u-table-cell-28 { background-image: none; } .u-section-1 .u-table-cell-29 { background-image: none; } .u-section-1 .u-table-cell-30 { background-image: none; font-weight: 700; } .u-section-1 .u-table-cell-31 { background-image: none; font-weight: 700; } .u-section-1 .u-table-body-2 { line-height: 1.6; } .u-section-1 .u-table-cell-32 { font-size: 0.875rem; text-transform: uppercase; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-33 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1.5; } .u-section-1 .u-table-cell-34 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1.5; } .u-section-1 .u-table-cell-35 { font-size: 1rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1.5; } .u-section-1 .u-table-cell-36 { font-size: 1rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1.5; } .u-section-1 .u-table-cell-37 { font-size: 1rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1.5; } .u-section-1 .u-table-cell-38 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-39 { font-size: 0.875rem; line-height: 1.5; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-40 { font-size: 0.875rem; line-height: 1.5; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-41 { font-size: 0.875rem; line-height: 1.5; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-42 { font-size: 0.875rem; line-height: 1.5; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-43 { font-size: 0.875rem; line-height: 1.5; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-44 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-45 { font-size: 1rem; line-height: 1.5; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-46 { font-size: 1rem; line-height: 1.5; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-47 { font-size: 1rem; line-height: 1.5; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-48 { font-size: 1rem; line-height: 1.5; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-49 { font-size: 0.875rem; line-height: 1.5; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-50 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-51 { font-size: 1rem; line-height: 1.5; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-52 { font-size: 1rem; line-height: 1.5; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-53 { font-size: 0.875rem; line-height: 1.5; border-style: dotted; background-image: none; font-weight: 700; } .u-section-1 .u-table-cell-54 { font-size: 0.875rem; line-height: 1.5; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-55 { font-size: 0.875rem; line-height: 1.5; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-56 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-57 { font-size: 1rem; line-height: 1.5; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-58 { font-size: 1rem; line-height: 1.5; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-59 { font-size: 1rem; line-height: 1.5; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-60 { font-size: 1rem; line-height: 1.5; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-61 { font-size: 0.875rem; line-height: 1.5; font-weight: 700; border-style: dotted; background-image: none; } .u-block-3f10-198 { background-image: none; } .u-block-3f10-204 { background-image: none; } .u-block-3f10-209 { background-image: none; } .u-section-1 .u-tab-pane-3 { background-image: none; } .u-section-1 .u-container-layout-5 { padding: 0; } .u-section-1 .u-table-3 { margin-top: 0; margin-bottom: 0; } .u-block-3f10-240 { background-image: none; } .u-section-1 .u-table-entity-3 { min-height: 100px; } .u-section-1 .u-table-header-3 { text-transform: uppercase; letter-spacing: 1px; font-weight: 400; font-size: 1.125rem; } .u-section-1 .u-table-cell-62 { text-transform: uppercase; font-weight: 700; letter-spacing: 0; } .u-section-1 .u-table-cell-63 { background-image: none; } .u-section-1 .u-table-cell-64 { background-image: none; } .u-section-1 .u-table-cell-65 { background-image: none; } .u-section-1 .u-table-cell-66 { background-image: none; font-weight: 700; } .u-section-1 .u-table-cell-67 { background-image: none; font-weight: 700; } .u-section-1 .u-table-body-3 { line-height: 1.6; } .u-section-1 .u-table-cell-68 { font-size: 1rem; text-transform: uppercase; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-69 { font-size: 1rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-70 { font-size: 1rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-71 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-72 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-73 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-74 { font-size: 1rem; text-transform: uppercase; font-weight: 700; border-style: dotted; background-image: none; line-height: 1.2; } .u-section-1 .u-table-cell-75 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-76 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-77 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-78 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-79 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-80 { font-size: 1.125rem; text-transform: uppercase; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-81 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-82 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-83 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-84 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-85 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-86 { font-size: 1.125rem; text-transform: uppercase; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-87 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-88 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-89 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-90 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-91 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-92 { font-size: 1.125rem; text-transform: uppercase; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-93 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-94 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-95 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-96 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-97 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-98 { font-size: 1rem; text-transform: uppercase; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-99 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-100 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-101 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-102 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-103 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-104 { font-size: 1.125rem; text-transform: uppercase; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-105 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-106 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-107 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-108 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-109 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-block-3f10-274 { background-image: none; } .u-block-3f10-280 { background-image: none; } .u-block-3f10-318 { background-image: none; } .u-section-1 .u-tab-pane-4 { background-image: none; } .u-section-1 .u-container-layout-6 { padding: 0; } .u-section-1 .u-table-4 { margin-top: 0; margin-bottom: 0; } .u-block-3f10-325 { background-image: none; } .u-section-1 .u-table-entity-4 { min-height: 100px; } .u-section-1 .u-table-header-4 { text-transform: uppercase; letter-spacing: 1px; font-weight: 400; font-size: 1.125rem; } .u-section-1 .u-table-cell-110 { text-transform: uppercase; font-weight: 700; letter-spacing: 0; } .u-section-1 .u-table-cell-111 { background-image: none; } .u-section-1 .u-table-cell-112 { background-image: none; } .u-section-1 .u-table-cell-113 { background-image: none; } .u-section-1 .u-table-cell-114 { background-image: none; font-weight: 700; } .u-section-1 .u-table-cell-115 { background-image: none; font-weight: 700; } .u-section-1 .u-table-body-4 { line-height: 1.6; } .u-section-1 .u-table-cell-116 { font-size: 1rem; text-transform: uppercase; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-117 { font-size: 1rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-118 { font-size: 1rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-119 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-120 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-121 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-122 { font-size: 1rem; text-transform: uppercase; font-weight: 700; border-style: dotted; background-image: none; line-height: 1.2; } .u-section-1 .u-table-cell-123 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-124 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-125 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-126 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-127 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-128 { font-size: 1.125rem; text-transform: uppercase; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-129 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-130 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-131 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-132 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-133 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-134 { font-size: 1.125rem; text-transform: uppercase; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-135 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-136 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-137 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-138 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-139 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-140 { font-size: 1.125rem; text-transform: uppercase; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-141 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-142 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-143 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-144 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-145 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-146 { font-size: 1rem; text-transform: uppercase; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-147 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-148 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-149 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-150 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-151 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-section-1 .u-table-cell-152 { font-size: 1.125rem; text-transform: uppercase; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-153 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-154 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-155 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-156 { font-size: 1.125rem; font-weight: 700; border-style: dotted; background-image: none; } .u-section-1 .u-table-cell-157 { font-size: 0.875rem; font-weight: 700; border-style: dotted; background-image: none; line-height: 1; } .u-block-3f10-380 { background-image: none; } .u-block-3f10-386 { background-image: none; } .u-block-3f10-387 { background-image: none; } .u-section-1 .u-layout-cell-2 { min-height: 721px; } .u-section-1 .u-container-layout-7 { padding: 0; } .u-section-1 .u-group-2 { min-height: 707px; margin-top: 0; margin-bottom: 0; height: auto; background-repeat: no-repeat; background-image: linear-gradient(to bottom, rgba(254, 249, 230, 1), rgba(254, 249, 230, 1)); background-position: 50% 50%; background-size: cover; --radius: 30px; border-style: solid; } .u-section-1 .u-container-layout-8 { padding: 0 40px; } .u-section-1 .u-icon-1 { height: 197px; width: 198px; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: -27px auto 0; padding: 39px; } .u-section-1 .u-text-1 { font-size: 2.25rem; margin: -7px auto 0; } .u-section-1 .u-text-2 { font-size: 1.5rem; margin: 50px 0 0; } .u-section-1 .u-btn-1 { letter-spacing: 2px; text-transform: uppercase; font-weight: 600; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 201px auto 0; padding: 0; } .u-section-1 .u-layout-cell-3 { min-height: 360px; } .u-section-1 .u-container-layout-9 { padding: 0; } .u-section-1 .u-group-3 { min-height: 338px; margin-top: 0; margin-bottom: 0; height: auto; --radius: 39px; } .u-section-1 .u-container-layout-10 { padding: 0; } .u-section-1 .u-countdown-1 { box-shadow: 2px 0 0 0 rgba(0,0,0,0); margin: 39px auto 0; } .u-section-1 .u-countdown-item-1 { background-image: none; --radius: 15px; padding: 15px 20px; } .u-section-1 .u-countdown-counter-1 { font-size: 4.5rem; line-height: 1; font-weight: 700; } .u-section-1 .u-countdown-label-1 { font-size: 1rem; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; } .u-section-1 .u-countdown-separator-1 { font-size: 4.5rem; line-height: 1; font-weight: 700; } .u-section-1 .u-countdown-item-2 { background-image: none; --radius: 15px; padding: 15px 20px; } .u-section-1 .u-countdown-counter-2 { font-size: 4.5rem; line-height: 1; font-weight: 700; } .u-section-1 .u-countdown-label-2 { font-size: 1rem; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; } .u-section-1 .u-countdown-separator-2 { font-size: 4.5rem; line-height: 1; font-weight: 700; } .u-section-1 .u-countdown-item-3 { background-image: none; --radius: 15px; padding: 15px 20px; } .u-section-1 .u-countdown-counter-3 { font-size: 4.5rem; line-height: 1; font-weight: 700; } .u-section-1 .u-countdown-label-3 { font-size: 1rem; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; } .u-section-1 .u-countdown-separator-3 { font-size: 4.5rem; line-height: 1; font-weight: 700; } .u-section-1 .u-countdown-item-4 { background-image: none; --radius: 15px; padding: 15px 20px; } .u-section-1 .u-countdown-counter-4 { font-size: 4.5rem; line-height: 1; font-weight: 700; } .u-section-1 .u-countdown-label-4 { font-size: 1rem; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; } .u-section-1 .u-countdown-separator-4 { font-size: 4.5rem; line-height: 1; font-weight: 700; } .u-section-1 .u-countdown-item-5 { background-image: none; --radius: 15px; padding: 15px 20px; } .u-section-1 .u-countdown-counter-5 { font-size: 4.5rem; line-height: 1; font-weight: 700; } .u-section-1 .u-countdown-label-5 { font-size: 1rem; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; } .u-section-1 .u-countdown-separator-5 { font-size: 4.5rem; line-height: 1; font-weight: 700; } .u-section-1 .u-countdown-item-6 { background-image: none; --radius: 15px; padding: 15px 20px; } .u-section-1 .u-countdown-counter-6 { font-size: 4.5rem; line-height: 1; font-weight: 700; } .u-section-1 .u-countdown-label-6 { font-size: 1rem; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; } .u-section-1 .u-btn-2 { border-style: solid; font-weight: 700; text-transform: uppercase; font-size: 1.25rem; letter-spacing: 1px; margin: 51px auto 0 103px; padding: 13px 53px 14px 52px; } .u-section-1 .u-btn-3 { border-style: solid; font-weight: 700; text-transform: uppercase; font-size: 1.25rem; letter-spacing: 1px; margin: -63px auto 0 378px; padding: 13px 53px 14px 52px; } .u-section-1 .u-layout-cell-4 { min-height: 360px; --radius: 45px; } .u-section-1 .u-container-layout-11 { padding: 0; } .u-section-1 .u-group-4 { min-height: 338px; margin-top: 0; margin-bottom: 0; height: auto; --radius: 33px; } .u-section-1 .u-container-layout-12 { padding: 0; } .u-section-1 .u-list-1 { margin-top: 10px; margin-bottom: 0; } .u-section-1 .u-repeater-1 { grid-auto-columns: 100%; grid-template-columns: repeat(1, 100%); min-height: 314px; grid-gap: 10px; } .u-section-1 .u-container-layout-13 { padding: 0; } .u-section-1 .u-icon-2 { width: 53px; height: 53px; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 8px auto 0 11px; padding: 0; } .u-section-1 .u-shape-1 { width: 214px; height: 34px; margin: -44px 0 0 auto; } .u-section-1 .u-text-3 { line-height: 1; font-size: 0.875rem; font-weight: 700; margin: -26px 8px 0 auto; } .u-section-1 .u-container-layout-14 { padding: 0; } .u-section-1 .u-icon-3 { width: 53px; height: 53px; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 8px auto 0 11px; padding: 0; } .u-section-1 .u-shape-2 { width: 214px; height: 34px; margin: -44px 0 0 auto; } .u-section-1 .u-text-4 { line-height: 1; font-weight: 700; font-size: 1.125rem; margin: -26px 8px 0 auto; } .u-section-1 .u-container-layout-15 { padding: 0; } .u-section-1 .u-icon-4 { width: 53px; height: 53px; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 8px auto 0 11px; padding: 0; } .u-section-1 .u-shape-3 { width: 214px; height: 34px; margin: -44px 0 0 auto; } .u-section-1 .u-text-5 { line-height: 1; font-weight: 700; font-size: 1.125rem; margin: -26px 8px 0 auto; } .u-section-1 .u-container-layout-16 { padding: 0; } .u-section-1 .u-icon-5 { width: 53px; height: 53px; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 8px auto 0 11px; padding: 0; } .u-section-1 .u-shape-4 { width: 214px; --radius: 50px; height: 34px; margin: -44px 0 0 auto; } .u-section-1 .u-text-6 { line-height: 1; font-size: 1.125rem; margin: -26px 8px 0 auto; } @media (max-width: 1199px) { .u-section-1 { min-height: 583px; } .u-section-1 .u-layout-wrap-1 { width: 940px; } .u-section-1 .u-layout-cell-1 { min-height: 662px; } .u-section-1 .u-group-1 { --radius: 39px; --bottom-right-radius: 36px; --bottom-left-radius: 36px; height: auto; } .u-section-1 .u-table-cell-45 { font-size: 0.875rem; } .u-section-1 .u-table-cell-46 { font-size: 0.875rem; } .u-section-1 .u-table-cell-47 { font-size: 0.875rem; } .u-section-1 .u-table-cell-48 { font-size: 0.875rem; } .u-section-1 .u-layout-cell-2 { min-height: 662px; } .u-section-1 .u-group-2 { height: auto; } .u-section-1 .u-container-layout-8 { padding-left: 36px; padding-right: 36px; } .u-section-1 .u-icon-1 { margin-left: 10px; } .u-section-1 .u-text-1 { width: auto; margin-top: -8px; margin-left: 73px; } .u-section-1 .u-text-2 { width: auto; margin-top: 132px; margin-left: 4px; margin-right: 4px; } .u-section-1 .u-btn-1 { margin-top: 191px; margin-left: 73px; } .u-section-1 .u-layout-cell-3 { --radius: 50px; min-height: 352px; } .u-section-1 .u-group-3 { height: auto; } .u-section-1 .u-countdown-1 { transition-duration: 0.5s; --animation-custom_in-translate_x: 0px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 1; margin-top: 42px; } .u-section-1 .u-btn-2 { margin-top: 49px; margin-left: 61px; } .u-section-1 .u-btn-3 { margin-top: -51px; margin-left: 364px; } .u-section-1 .u-layout-cell-4 { background-position: 50% 50%; min-height: 331px; } .u-section-1 .u-group-4 { height: auto; } .u-section-1 .u-repeater-1 { grid-template-columns: 100%; } } @media (max-width: 991px) { .u-section-1 .u-layout-wrap-1 { width: 720px; } .u-section-1 .u-layout-cell-1 { min-height: 100px; } .u-section-1 .u-layout-cell-2 { min-height: 100px; } .u-section-1 .u-container-layout-8 { padding-left: 30px; padding-right: 30px; } .u-section-1 .u-icon-1 { margin-left: -17px; margin-right: -17px; } .u-section-1 .u-text-1 { margin-left: 54px; } .u-section-1 .u-text-2 { margin-left: 0; margin-right: 0; } .u-section-1 .u-btn-1 { margin-left: 12px; } .u-section-1 .u-layout-cell-3 { min-height: 100px; } .u-section-1 .u-group-3 { min-height: 546px; } .u-section-1 .u-countdown-1 { margin-top: 280px; margin-left: -70px; margin-right: -70px; padding: 0; } .u-section-1 .u-btn-2 { margin-top: 862px; margin-left: 67px; } .u-section-1 .u-btn-3 { margin-top: -863px; margin-left: 342px; } .u-section-1 .u-layout-cell-4 { min-height: 100px; } .u-section-1 .u-shape-1 { margin-top: 20px; } .u-section-1 .u-shape-2 { margin-top: 20px; } .u-section-1 .u-shape-3 { margin-top: 20px; } .u-section-1 .u-shape-4 { margin-top: 20px; } } @media (max-width: 767px) { .u-section-1 { min-height: 783px; } .u-section-1 .u-layout-wrap-1 { width: 540px; } .u-section-1 .u-container-layout-1 { padding-left: 30px; padding-right: 30px; } .u-section-1 .u-container-layout-7 { padding-left: 30px; padding-right: 30px; } .u-section-1 .u-container-layout-8 { padding-left: 10px; padding-right: 10px; } .u-section-1 .u-text-2 { font-size: 1rem; } .u-section-1 .u-container-layout-9 { padding-left: 30px; padding-right: 30px; } .u-section-1 .u-countdown-1 { margin-left: -64px; } .u-section-1 .u-btn-2 { margin-top: 1554px; margin-left: 72px; } .u-section-1 .u-btn-3 { margin-top: -1555px; margin-left: 347px; } .u-section-1 .u-container-layout-11 { padding-left: 30px; padding-right: 30px; } .u-section-1 .u-shape-1 { margin-top: -44px; } .u-section-1 .u-shape-2 { margin-top: -44px; } .u-section-1 .u-text-4 { font-size: 1rem; } .u-section-1 .u-shape-3 { margin-top: -44px; } .u-section-1 .u-text-5 { font-size: 1rem; } .u-section-1 .u-shape-4 { margin-top: -44px; } .u-section-1 .u-text-6 { font-size: 1rem; } } @media (max-width: 575px) { .u-section-1 .u-layout-wrap-1 { width: 340px; } .u-section-1 .u-text-1 { font-size: 1.875rem; } .u-section-1 .u-btn-1 { margin-left: auto; } .u-section-1 .u-countdown-1 { margin-right: 0; margin-left: -164px; } .u-section-1 .u-btn-2 { margin-top: 1602px; margin-left: -28px; } .u-section-1 .u-btn-3 { margin-top: -1604px; margin-left: 247px; } } .u-section-1 .u-icon-1, .u-section-1 .u-icon-1:before, .u-section-1 .u-icon-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-1 .u-icon-1.u-icon-1.u-icon-1:hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-1 .u-icon-1.u-icon-1.u-icon-1.hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-1 .u-btn-1, .u-section-1 .u-btn-1:before, .u-section-1 .u-btn-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-1 .u-btn-1.u-btn-1.u-btn-1:hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-1 .u-btn-1 { border-color: transparent !important; } .u-section-1 .u-btn-1.u-btn-1.u-btn-1.hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-1 .u-btn-1 { border-color: transparent !important; } .u-section-1 .u-icon-2, .u-section-1 .u-icon-2:before, .u-section-1 .u-icon-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-icon-2.u-icon-2.u-icon-2:hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-1 .u-icon-2.u-icon-2.u-icon-2.hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-1 .u-icon-3, .u-section-1 .u-icon-3:before, .u-section-1 .u-icon-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-icon-3.u-icon-3.u-icon-3:hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-1 .u-icon-3.u-icon-3.u-icon-3.hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-1 .u-icon-4, .u-section-1 .u-icon-4:before, .u-section-1 .u-icon-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-icon-4.u-icon-4.u-icon-4:hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-1 .u-icon-4.u-icon-4.u-icon-4.hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-1 .u-icon-5, .u-section-1 .u-icon-5:before, .u-section-1 .u-icon-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-icon-5.u-icon-5.u-icon-5:hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-1 .u-icon-5.u-icon-5.u-icon-5.hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } /* 进度条容器 */ .progress-bar { width: 100%; background-color: #e0e0e0; /* 进度条背景色 */ border-radius: 10px; overflow: hidden; height: 20px; /* 进度条高度,可根据需要调整 */ margin-bottom: 10px; /* 进度条与文本之间的间距 */ } /* 进度填充部分 */ .progress-fill { height: 100%; background-color: #76c7c0; /* 已完成部分的颜色 */ width: 0%; /* 初始宽度 */ transition: width 0.5s ease-in-out; /* 动画效果 */ } /* 开关容器样式 */ .switch-container { display: flex; align-items: center; justify-content: center; margin-top: 10px; /* 根据需要调整 */ height: 100%; /* 确保容器高度填满父元素 */ } /* 开关样式 */ .switch { position: relative; display: inline-block; width: 50px; height: 28px; margin-right: 10px; /* 间距 */ } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ef336f; transition: .4s; border-radius: 20px; } .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 4px; bottom: 4px; background-color: white; transition: .4s; border-radius: 50%; } .switch input:checked + .slider { background-color: #2196F3; } .switch input:checked + .slider:before { transform: translateX(18px); } /* 开关标签样式 */ #modeLabel { font-size: 16px; color: #000; /* 根据需要调整颜色 */ } /* 新的编程模式选择器样式 */ .mode-selector-container { display: flex; justify-content: center; align-items: center; padding: 10px; } .mode-selector { padding: 8px 12px; border: 2px solid #007bff; border-radius: 20px; background-color: #fff; color: #007bff; font-size: 14px; font-weight: 600; cursor: pointer; outline: none; transition: all 0.3s ease; min-width: 120px; text-align: center; } .mode-selector:hover { background-color: #007bff; color: #fff; } .mode-selector:focus { box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25); } .mode-selector option { padding: 8px; font-size: 14px; }