刘宇飞
6e0a1fbcbb
Includes scratch-gui, scratch-vm, scratch-blocks, scratch-render, scratch-l10n, and deployment config. Co-authored-by: Cursor <cursoragent@cursor.com>
1301 lines
22 KiB
CSS
1301 lines
22 KiB
CSS
/* .u-dialog-section-5 .u-dialog-1 {
|
|
width: 566px;
|
|
min-height: 689px;
|
|
box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.4);
|
|
height: auto;
|
|
--radius: 34px;
|
|
margin: 60px auto;
|
|
transform: scale(0.6);
|
|
】
|
|
}
|
|
|
|
.u-dialog-section-5 .u-container-layout-1 {
|
|
padding: 26px 0;
|
|
}
|
|
|
|
.u-dialog-section-5 .u-text-1 {
|
|
text-transform: uppercase;
|
|
font-weight: 700;
|
|
width: 411px;
|
|
margin: 3px auto 0;
|
|
}
|
|
|
|
.u-dialog-section-5 .u-text-2 {
|
|
font-size: 1.125rem;
|
|
font-weight: 700;
|
|
width: 428px;
|
|
font-style: normal;
|
|
margin: 18px auto 0;
|
|
}
|
|
|
|
.u-dialog-section-5 .u-image-1 {
|
|
min-height: 250px;
|
|
background-position: 50% 50%;
|
|
width: 250px;
|
|
height: auto;
|
|
--radius: 15px;
|
|
margin: 22px auto 0;
|
|
}
|
|
|
|
.u-dialog-section-5 .u-container-layout-2 {
|
|
padding: 30px;
|
|
}
|
|
|
|
.u-dialog-section-5 .u-text-3 {
|
|
font-size: 1.125rem;
|
|
font-weight: 700;
|
|
width: 428px;
|
|
margin: 42px auto 0;
|
|
}
|
|
|
|
.u-dialog-section-5 .u-form-1 {
|
|
height: 135px;
|
|
width: 442px;
|
|
margin: 42px auto 0;
|
|
}
|
|
|
|
.u-dialog-section-5 .u-input-1 {
|
|
--radius: 50px;
|
|
}
|
|
|
|
.u-dialog-section-5 .u-btn-1 {
|
|
background-image: none;
|
|
text-transform: uppercase;
|
|
font-weight: 700;
|
|
letter-spacing: 8px;
|
|
width: 100%;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
--radius: 47px;
|
|
}
|
|
|
|
.u-dialog-section-5 .u-icon-1 {
|
|
width: 41px;
|
|
height: 41px;
|
|
left: auto;
|
|
top: 0;
|
|
position: absolute;
|
|
background-image: none;
|
|
right: -41px;
|
|
--radius: 50px;
|
|
padding: 14px;
|
|
}
|
|
|
|
@media (max-width: 1199px) {
|
|
.u-dialog-section-5 .u-image-1 {
|
|
height: auto;
|
|
}
|
|
|
|
.u-dialog-section-5 .u-btn-1 {
|
|
border-style: none;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.u-dialog-section-5 .u-dialog-1 {
|
|
width: 540px;
|
|
}
|
|
|
|
.u-dialog-section-5 .u-container-layout-2 {
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.u-dialog-section-5 .u-text-3 {
|
|
font-size: 1rem;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 575px) {
|
|
.u-dialog-section-5 .u-dialog-1 {
|
|
width: 340px;
|
|
}
|
|
|
|
.u-dialog-section-5 .u-container-layout-1 {
|
|
padding-bottom: 25px;
|
|
}
|
|
|
|
.u-dialog-section-5 .u-text-1 {
|
|
width: auto;
|
|
margin-top: 288px;
|
|
margin-left: 20px;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.u-dialog-section-5 .u-text-2 {
|
|
width: auto;
|
|
margin-top: 20px;
|
|
margin-left: 20px;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.u-dialog-section-5 .u-image-1 {
|
|
min-height: 170px;
|
|
margin-top: 25px;
|
|
}
|
|
|
|
.u-dialog-section-5 .u-text-3 {
|
|
margin-top: 34px;
|
|
width: 340px;
|
|
}
|
|
|
|
.u-dialog-section-5 .u-form-1 {
|
|
width: 315px;
|
|
margin-top: 39px;
|
|
}
|
|
}
|
|
|
|
.u-dialog-section-6 .u-dialog-1 {
|
|
width: 566px;
|
|
min-height: 379px;
|
|
box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.4);
|
|
height: auto;
|
|
--radius: 25px;
|
|
margin: 60px auto;
|
|
transform: scale(0.6);
|
|
}
|
|
|
|
.u-dialog-section-6 .u-container-layout-1 {
|
|
padding: 0;
|
|
}
|
|
|
|
.u-dialog-section-6 .u-text-1 {
|
|
font-weight: 700;
|
|
width: 411px;
|
|
text-transform: none;
|
|
margin: 53px auto 0;
|
|
}
|
|
|
|
.u-dialog-section-6 .u-text-2 {
|
|
font-size: 1.875rem;
|
|
margin: 44px 460px 0 44px;
|
|
}
|
|
|
|
.u-dialog-section-6 .u-btn-1 {
|
|
--radius: 50px;
|
|
text-transform: uppercase;
|
|
font-size: 1rem;
|
|
letter-spacing: 2px;
|
|
margin: -46px 63px 0 auto;
|
|
padding: 9px 53px 11px 51px;
|
|
}
|
|
|
|
.u-dialog-section-6 .u-text-3 {
|
|
font-size: 1.875rem;
|
|
margin: 68px 460px 0 44px;
|
|
}
|
|
|
|
.u-dialog-section-6 .u-form-1 {
|
|
height: 115px;
|
|
margin: -82px 63px 0 158px;
|
|
}
|
|
|
|
.u-dialog-section-6 .u-input-1 {
|
|
--radius: 50px;
|
|
}
|
|
|
|
.u-dialog-section-6 .u-btn-2 {
|
|
background-image: none;
|
|
border-style: none;
|
|
text-transform: uppercase;
|
|
font-weight: 700;
|
|
letter-spacing: 2px;
|
|
width: 100%;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
--radius: 50px;
|
|
}
|
|
|
|
.u-dialog-section-6 .u-icon-2 {
|
|
width: 41px;
|
|
height: 41px;
|
|
left: auto;
|
|
top: 0;
|
|
position: absolute;
|
|
background-image: none;
|
|
right: -41px;
|
|
--radius: 50px;
|
|
padding: 14px;
|
|
}
|
|
|
|
@media (max-width: 1199px) {
|
|
.u-dialog-section-6 .u-text-2 {
|
|
margin-right: 460px;
|
|
margin-left: 44px;
|
|
}
|
|
|
|
.u-dialog-section-6 .u-btn-1 {
|
|
margin-top: -46px;
|
|
margin-right: 63px;
|
|
}
|
|
|
|
.u-dialog-section-6 .u-text-3 {
|
|
margin-right: 460px;
|
|
margin-left: 44px;
|
|
}
|
|
|
|
.u-dialog-section-6 .u-form-1 {
|
|
width: 345px;
|
|
margin-top: -82px;
|
|
margin-right: 63px;
|
|
margin-left: 158px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.u-dialog-section-6 .u-dialog-1 {
|
|
width: 540px;
|
|
}
|
|
|
|
.u-dialog-section-6 .u-text-1 {
|
|
margin-top: 36px;
|
|
}
|
|
|
|
.u-dialog-section-6 .u-text-2 {
|
|
font-size: 1rem;
|
|
margin-top: 61px;
|
|
margin-right: 447px;
|
|
margin-left: 31px;
|
|
}
|
|
|
|
.u-dialog-section-6 .u-btn-1 {
|
|
margin-top: -46px;
|
|
margin-right: 50px;
|
|
}
|
|
|
|
.u-dialog-section-6 .u-text-3 {
|
|
font-size: 1rem;
|
|
width: auto;
|
|
margin-top: 86px;
|
|
margin-right: 447px;
|
|
margin-left: 31px;
|
|
}
|
|
|
|
.u-dialog-section-6 .u-form-1 {
|
|
margin-top: -70px;
|
|
margin-right: 50px;
|
|
margin-left: 145px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 575px) {
|
|
.u-dialog-section-6 .u-dialog-1 {
|
|
width: 340px;
|
|
min-height: 596px;
|
|
}
|
|
|
|
.u-dialog-section-6 .u-text-1 {
|
|
width: auto;
|
|
margin-top: 57px;
|
|
margin-left: 20px;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.u-dialog-section-6 .u-text-2 {
|
|
margin-top: 275px;
|
|
margin-right: 278px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.u-dialog-section-6 .u-btn-1 {
|
|
margin-top: -255px;
|
|
margin-right: auto;
|
|
padding-right: 38px;
|
|
padding-bottom: 10px;
|
|
padding-left: 36px;
|
|
}
|
|
|
|
.u-dialog-section-6 .u-text-3 {
|
|
margin-top: 466px;
|
|
margin-right: 278px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.u-dialog-section-6 .u-form-1 {
|
|
width: 315px;
|
|
margin-top: -456px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
}
|
|
.u-dialog-section-7 {
|
|
background-image: none;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-dialog-1 {
|
|
width: 566px;
|
|
min-height: 651px;
|
|
height: auto;
|
|
--radius: 43px;
|
|
background-image: none;
|
|
margin: 60px auto;
|
|
transform: scale(0.6);
|
|
}
|
|
|
|
.u-dialog-section-7 .u-container-layout-1 {
|
|
padding: 0;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-container-layout-2 {
|
|
padding-right: 30px;
|
|
padding-left: 30px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-text-1 {
|
|
text-transform: uppercase;
|
|
font-weight: 700;
|
|
width: 411px;
|
|
margin: 20px auto 0;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-layout-wrap-1 {
|
|
margin-top: 20px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-layout-cell-1 {
|
|
min-height: 220px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-container-layout-3 {
|
|
padding: 30px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-image-2 {
|
|
width: 85px;
|
|
height: 85px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-text-2 {
|
|
margin: 38px auto 0;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-layout-cell-2 {
|
|
min-height: 220px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-container-layout-4 {
|
|
padding: 30px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-image-3 {
|
|
width: 85px;
|
|
height: 85px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-text-3 {
|
|
font-size: 0.875rem;
|
|
margin: 30px auto 0;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-layout-cell-3 {
|
|
min-height: 220px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-container-layout-5 {
|
|
padding: 30px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-image-4 {
|
|
width: 85px;
|
|
height: 85px;
|
|
margin: 0 auto 0 22px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-text-4 {
|
|
font-size: 0.875rem;
|
|
margin: 30px auto 0;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-list-1 {
|
|
margin: 18px auto 0;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-repeater-1 {
|
|
grid-auto-columns: calc(50% - 5px);
|
|
grid-template-columns: repeat(2, calc(50% - 5px));
|
|
min-height: 57px;
|
|
grid-gap: 10px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-container-layout-6 {
|
|
padding: 7px 10px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-btn-1 {
|
|
--radius: 50px;
|
|
background-image: none;
|
|
margin: 0 auto;
|
|
padding: 8px 28px 8px 27px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-container-layout-7 {
|
|
padding: 7px 10px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-btn-2 {
|
|
--radius: 50px;
|
|
background-image: none;
|
|
margin: 0 auto;
|
|
padding: 8px 28px 8px 27px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-icon-3 {
|
|
width: 41px;
|
|
height: 41px;
|
|
left: auto;
|
|
top: 0;
|
|
position: absolute;
|
|
background-image: none;
|
|
right: -41px;
|
|
--radius: 50px;
|
|
padding: 14px;
|
|
}
|
|
|
|
@media (max-width: 1199px) {
|
|
.u-dialog-section-7 .u-image-1 {
|
|
height: auto;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-container-layout-2 {
|
|
padding-top: 20px;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-layout-cell-1 {
|
|
min-height: 211px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-container-layout-3 {
|
|
padding-bottom: 29px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-image-2 {
|
|
width: 85px;
|
|
height: 85px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-layout-cell-2 {
|
|
min-height: 211px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-container-layout-4 {
|
|
padding-bottom: 23px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-image-3 {
|
|
width: 85px;
|
|
height: 85px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-text-3 {
|
|
width: 96px;
|
|
margin-top: 28px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-layout-cell-3 {
|
|
min-height: 211px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-container-layout-5 {
|
|
padding-bottom: 26px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-image-4 {
|
|
width: 85px;
|
|
height: 85px;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-text-4 {
|
|
width: auto;
|
|
margin-top: 25px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-list-1 {
|
|
margin-top: 38px;
|
|
margin-right: initial;
|
|
margin-left: initial;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.u-dialog-section-7 .u-layout-cell-1 {
|
|
min-height: 218px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-text-2 {
|
|
width: auto;
|
|
margin-top: 36px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-layout-cell-2 {
|
|
min-height: 218px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-container-layout-4 {
|
|
padding-left: 16px;
|
|
padding-right: 16px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-text-3 {
|
|
width: 96px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-layout-cell-3 {
|
|
min-height: 218px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-text-4 {
|
|
margin-top: 28px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.u-dialog-section-7 .u-dialog-1 {
|
|
width: 540px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-container-layout-2 {
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-layout-cell-1 {
|
|
min-height: 100px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-container-layout-3 {
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-container-layout-4 {
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-text-3 {
|
|
width: 96px;
|
|
margin-top: 27px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-container-layout-5 {
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-repeater-1 {
|
|
grid-auto-columns: calc(100% - 0px);
|
|
grid-template-columns: 100%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 575px) {
|
|
.u-dialog-section-7 .u-dialog-1 {
|
|
width: 340px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-container-layout-1 {
|
|
padding-bottom: 25px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-text-1 {
|
|
width: 340px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-layout-cell-2 {
|
|
min-height: 217px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-text-3 {
|
|
width: 96px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-repeater-1 {
|
|
grid-auto-columns: 100%;
|
|
}
|
|
}
|
|
.u-dialog-section-8 .u-dialog-1 {
|
|
width: 566px;
|
|
min-height: 651px;
|
|
height: auto;
|
|
--radius: 43px;
|
|
margin: 60px auto;
|
|
transform: scale(0.6);
|
|
}
|
|
|
|
.u-dialog-section-8 .u-container-layout-1 {
|
|
padding: 0 0 40px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-image-1,
|
|
|
|
.u-dialog-section-8 .u-image-1 {
|
|
min-height: 162px;
|
|
background-position: 50% 50%;
|
|
background-repeat: no-repeat;
|
|
background-image: url("../images/512.png");
|
|
background-size: contain;
|
|
height: auto;
|
|
margin-top: 10px;
|
|
margin-bottom: 0;
|
|
--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;
|
|
}
|
|
|
|
.u-dialog-section-8 .u-container-layout-2 {
|
|
padding-right: 30px;
|
|
padding-left: 30px;
|
|
}
|
|
|
|
.u-dialog-section-8 .u-text-1 {
|
|
text-transform: uppercase;
|
|
font-weight: 700;
|
|
width: 411px;
|
|
margin: 23px auto 0;
|
|
}
|
|
|
|
.u-dialog-section-8 .u-text-2 {
|
|
width: 224px;
|
|
margin: 55px auto 0;
|
|
}
|
|
|
|
.u-dialog-section-8 .u-btn-1 {
|
|
--radius: 50px;
|
|
background-image: none;
|
|
margin: 71px auto 0;
|
|
padding: 8px 28px 8px 27px;
|
|
}
|
|
|
|
.u-dialog-section-8 .u-icon-2 {
|
|
width: 41px;
|
|
height: 41px;
|
|
left: auto;
|
|
top: 0;
|
|
position: absolute;
|
|
background-image: none;
|
|
right: -41px;
|
|
--radius: 50px;
|
|
padding: 14px;
|
|
}
|
|
|
|
@media (max-width: 1199px) {
|
|
.u-dialog-section-8 .u-image-1 {
|
|
--animation-custom_in-scale: 0.3;
|
|
height: auto;
|
|
}
|
|
|
|
.u-dialog-section-8 .u-container-layout-2 {
|
|
padding-top: 20px;
|
|
padding-bottom: 5px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.u-dialog-section-8 .u-container-layout-1 {
|
|
padding: 0 0 30px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.u-dialog-section-8 .u-dialog-1 {
|
|
width: 540px;
|
|
}
|
|
|
|
.u-dialog-section-8 .u-container-layout-2 {
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 575px) {
|
|
.u-dialog-section-8 .u-dialog-1 {
|
|
width: 340px;
|
|
margin-top: 150px;
|
|
}
|
|
|
|
.u-dialog-section-8 .u-container-layout-1 {
|
|
padding-bottom: 25px;
|
|
}
|
|
|
|
.u-dialog-section-8 .u-text-1 {
|
|
width: 340px;
|
|
}
|
|
}
|
|
|
|
.u-dialog-section-9 .u-dialog-1 {
|
|
width: 566px;
|
|
min-height: 391px;
|
|
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
|
|
height: auto;
|
|
--radius: 42px;
|
|
margin: 60px auto;
|
|
transform: scale(0.6);
|
|
}
|
|
|
|
.u-dialog-section-9 .u-container-layout-1 {
|
|
padding: 0;
|
|
}
|
|
|
|
.u-dialog-section-9 .u-text-1 {
|
|
text-transform: uppercase;
|
|
font-weight: 700;
|
|
width: 411px;
|
|
margin: 30px auto 0;
|
|
}
|
|
|
|
.u-dialog-section-9 .u-form-1 {
|
|
height: 68px;
|
|
width: 442px;
|
|
margin: 24px auto 0;
|
|
}
|
|
|
|
.u-dialog-section-9 .u-input-1 {
|
|
--radius: 50px;
|
|
}
|
|
|
|
.u-dialog-section-9 .u-btn-1 {
|
|
background-image: none;
|
|
border-style: none;
|
|
text-transform: uppercase;
|
|
font-weight: 700;
|
|
letter-spacing: 2px;
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
--radius: 49px;
|
|
}
|
|
|
|
.u-dialog-section-9 .u-form-2 {
|
|
height: 193px;
|
|
width: 442px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.u-dialog-section-9 .u-form-group-3 {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.u-dialog-section-9 .u-input-2 {
|
|
--radius: 50px;
|
|
}
|
|
|
|
.u-dialog-section-9 .u-input-3 {
|
|
--radius: 50px;
|
|
}
|
|
|
|
.u-dialog-section-9 .u-btn-2 {
|
|
background-image: none;
|
|
border-style: none;
|
|
text-transform: uppercase;
|
|
font-weight: 700;
|
|
letter-spacing: 2px;
|
|
--radius: 50px;
|
|
width: 100%;
|
|
padding: 9px 0 11px;
|
|
}
|
|
|
|
.u-dialog-section-9 .u-icon-1 {
|
|
width: 41px;
|
|
height: 41px;
|
|
left: auto;
|
|
top: 0;
|
|
position: absolute;
|
|
background-image: none;
|
|
right: -41px;
|
|
--radius: 47px;
|
|
padding: 14px;
|
|
}
|
|
|
|
@media (max-width: 1199px) {
|
|
.u-dialog-section-9 .u-btn-1 {
|
|
width: 100%;
|
|
}
|
|
|
|
.u-dialog-section-9 .u-form-2 {
|
|
margin-left: 62px;
|
|
margin-right: 62px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.u-dialog-section-9 .u-dialog-1 {
|
|
width: 540px;
|
|
min-height: 423px;
|
|
margin-top: 396px;
|
|
}
|
|
|
|
.u-dialog-section-9 .u-container-layout-1 {
|
|
padding-bottom: 27px;
|
|
}
|
|
|
|
.u-dialog-section-9 .u-text-1 {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.u-dialog-section-9 .u-form-1 {
|
|
height: 131px;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.u-dialog-section-9 .u-form-2 {
|
|
height: 131px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 575px) {
|
|
.u-dialog-section-9 .u-dialog-1 {
|
|
width: 340px;
|
|
}
|
|
|
|
.u-dialog-section-9 .u-container-layout-1 {
|
|
padding-bottom: 25px;
|
|
}
|
|
|
|
.u-dialog-section-9 .u-text-1 {
|
|
width: auto;
|
|
margin-top: 74px;
|
|
margin-left: 20px;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.u-dialog-section-9 .u-form-1 {
|
|
width: 315px;
|
|
margin-top: 66px;
|
|
}
|
|
|
|
.u-dialog-section-9 .u-form-2 {
|
|
width: 340px;
|
|
margin-top: 58px;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
|
|
#send-verification-button span {
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
#send-verification-button .u-icon svg {
|
|
width: 1em;
|
|
height: 1em;
|
|
} */
|
|
|
|
|
|
.u-dialog-section-7 .u-image-1 {
|
|
width: 833px;
|
|
min-height: 491px;
|
|
height: auto;
|
|
background-image: url("images/web-23.png");
|
|
background-position: 50% 50%;
|
|
margin: 60px auto;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-container-layout-1 {
|
|
padding: 0;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-text-1 {
|
|
font-weight: 700;
|
|
text-transform: none;
|
|
width: 411px;
|
|
line-height: 1;
|
|
font-size: 2.25rem;
|
|
margin: 44px auto 0;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-image-2 {
|
|
width: 4px;
|
|
height: 300px;
|
|
margin: 20px auto 0 361px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-text-2 {
|
|
font-size: 1rem;
|
|
font-weight: 700;
|
|
margin: -292px 149px 0 462px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-text-3 {
|
|
font-size: 1rem;
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
margin: -25px 516px 0 102px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-image-3 {
|
|
background-image: url("images/new1.jpg");
|
|
min-height: 206px;
|
|
background-position: 50% 50%;
|
|
width: 209px;
|
|
height: auto;
|
|
--radius: 15px;
|
|
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
|
|
margin: 29px auto 0 112px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-container-layout-2 {
|
|
padding: 30px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-form-1 {
|
|
height: 182px;
|
|
margin: -228px 80px 0 393px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-input-1 {
|
|
--radius: 50px;
|
|
height: 60px;
|
|
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
|
|
}
|
|
|
|
.u-dialog-section-7 .u-btn-1 {
|
|
background-image: linear-gradient(#fcc75a, #ee6622);
|
|
letter-spacing: 8px;
|
|
--radius: 47px;
|
|
width: 100%;
|
|
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
|
|
text-transform: uppercase;
|
|
font-weight: 800;
|
|
padding: 17px 0;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-form-2 {
|
|
height: 102px;
|
|
margin: -19px 80px 0 393px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-btn-2 {
|
|
background-image: linear-gradient(#fcc75a, #ee6622);
|
|
letter-spacing: 8px;
|
|
--radius: 47px;
|
|
width: 100%;
|
|
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
|
|
text-transform: uppercase;
|
|
font-weight: 800;
|
|
padding: 17px 0;
|
|
}
|
|
|
|
.u-block-a57a-31 {
|
|
height: 128px;
|
|
margin: ;
|
|
}
|
|
|
|
.u-block-a57a-36 {
|
|
--radius: 50px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-icon-1 {
|
|
width: 79px;
|
|
height: 79px;
|
|
left: auto;
|
|
top: 9px;
|
|
position: absolute;
|
|
right: 43px;
|
|
padding: 0;
|
|
}
|
|
|
|
@media (max-width: 1199px) {
|
|
.u-dialog-section-7 .u-image-1 {
|
|
width: 833px;
|
|
--radius: 34px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-text-1 {
|
|
margin-top: 81px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-image-2 {
|
|
width: 4px;
|
|
margin-top: -621px;
|
|
margin-left: 361px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-text-2 {
|
|
width: 428px;
|
|
margin-top: -329px;
|
|
margin-right: 149px;
|
|
margin-left: 461px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-text-3 {
|
|
width: 428px;
|
|
margin-top: 20px;
|
|
margin-left: 102px;
|
|
margin-right: 516px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-image-3 {
|
|
margin-top: 305px;
|
|
margin-left: 121px;
|
|
height: auto;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-form-1 {
|
|
margin-top: -233px;
|
|
margin-right: 89px;
|
|
margin-left: 384px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-btn-1 {
|
|
border-style: none;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-form-2 {
|
|
margin-top: -4px;
|
|
margin-right: 89px;
|
|
margin-left: 384px;
|
|
}
|
|
|
|
.u-block-a57a-31 {
|
|
width: 128px;
|
|
margin-top: -7px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-icon-1 {
|
|
--radius: 50px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.u-dialog-section-7 .u-image-1 {
|
|
width: 720px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-text-1 {
|
|
margin-top: 79px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-image-2 {
|
|
margin-top: -645px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-text-2 {
|
|
margin-top: -335px;
|
|
margin-right: 93px;
|
|
margin-left: 405px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-text-3 {
|
|
margin-left: 46px;
|
|
margin-right: 460px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-image-3 {
|
|
margin-top: 308px;
|
|
margin-left: 87px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-form-1 {
|
|
margin-top: -230px;
|
|
margin-right: 87px;
|
|
margin-left: 327px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-form-2 {
|
|
margin-top: 10px;
|
|
margin-right: 87px;
|
|
margin-left: 327px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-icon-1 {
|
|
top: 29px;
|
|
right: 12px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.u-dialog-section-7 .u-image-1 {
|
|
width: 540px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-text-1 {
|
|
font-size: 1.5rem;
|
|
margin-top: 110px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-image-2 {
|
|
margin-top: -675px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-text-2 {
|
|
margin-top: -366px;
|
|
margin-right: 3px;
|
|
margin-left: 315px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-text-3 {
|
|
font-size: 1.125rem;
|
|
margin-top: -25px;
|
|
margin-left: 0;
|
|
margin-right: 326px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-image-3 {
|
|
min-height: 133px;
|
|
width: 133px;
|
|
margin-top: 381px;
|
|
margin-left: 65px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-container-layout-2 {
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-form-1 {
|
|
height: 146px;
|
|
margin-top: -178px;
|
|
margin-right: 46px;
|
|
margin-left: 217px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-form-2 {
|
|
margin-top: -14px;
|
|
margin-right: 46px;
|
|
margin-left: 217px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-icon-1 {
|
|
top: 71px;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 575px) {
|
|
.u-dialog-section-7 .u-image-1 {
|
|
min-height: 582px;
|
|
margin-top: 364px;
|
|
margin-right: initial;
|
|
margin-left: initial;
|
|
width: auto;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-container-layout-1 {
|
|
padding-bottom: 25px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-text-1 {
|
|
width: auto;
|
|
margin-top: 126px;
|
|
margin-right: 26px;
|
|
margin-left: 14px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-image-2 {
|
|
margin-top: -788px;
|
|
margin-left: 336px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-text-2 {
|
|
width: auto;
|
|
margin-top: 196px;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-text-3 {
|
|
width: auto;
|
|
margin-top: -580px;
|
|
margin-left: 20px;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-image-3 {
|
|
min-height: 171px;
|
|
margin-top: 601px;
|
|
margin-left: 44px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-form-1 {
|
|
height: 172px;
|
|
margin-top: -198px;
|
|
margin-right: 26px;
|
|
margin-left: 175px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-form-2 {
|
|
height: 88px;
|
|
margin-top: -22px;
|
|
margin-right: 26px;
|
|
margin-left: 175px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-btn-2 {
|
|
padding: 10px 32px 10px 30px;
|
|
}
|
|
|
|
.u-block-a57a-31 {
|
|
margin-right: 212px;
|
|
}
|
|
|
|
.u-dialog-section-7 .u-icon-1 {
|
|
top: 133px;
|
|
right: -6px;
|
|
}
|
|
}
|
|
/* Toast 容器 */
|
|
#toast-container {
|
|
position: fixed;
|
|
top: 10%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
z-index: 100010; /* 确保在最上层 */
|
|
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;
|
|
}
|
|
|