.screen {
    background-color: #ffffff;
    overflow: hidden;
    width: 100%;
    min-width: 1920px;
    min-height: 7537px;
    position: relative;
}

.screen .sec {
    position: absolute;
    top: -16px;
    left: calc(50% - 1059.5px);
    width: 2119px;
    height: 2623px;
}

.screen .bg {
    position: absolute;
    top: calc(50% - 1312px);
    left: calc(50% - 1060px);
    width: 2119px;
    height: 2623px;
}

.screen .element {
    position: absolute;
    top: 78px;
    left: calc(50% - 960px);
    width: 1920px;
    height: 2545px;
    background-color: #f2f5ff;
}

.screen .div {
    position: absolute;
    top: 2191px;
    left: calc(50% - 1060px);
    width: 2087px;
    height: 385px;
    background-color: #afc4ff99;
    border-radius: 1043.5px/192.5px;
    filter: blur(178.39px);
}

.screen .div-2 {
    position: absolute;
    top: 226px;
    left: 76px;
    width: 557px;
    height: 427px;
}

.screen .element-2 {
    position: absolute;
    top: calc(50% - 214px);
    left: 0;
    width: 521px;
    height: 427px;
    border-radius: 26px;
    border: 1px solid;
    border-color: #fafbff;
}

.screen .element-3 {
    top: calc(50% - 192px);
    left: 0;
    height: 385px;
    border-radius: 26px;
    border: 1px solid;
    border-color: #fafbff;
    position: absolute;
    width: 504px;
}

.screen .element-4 {
    position: absolute;
    top: 66px;
    right: 74px;
    width: 227px;
    height: 96px;
    border-radius: 10px;
    border: 1px solid;
    border-color: #fafbff;
}

.screen .element-5 {
    right: 74px;
    bottom: 36px;
    width: 223px;
    height: 222px;
    border-radius: 10px;
    border-color: #fafbff;
    position: absolute;
    border: 1px solid;
}

.screen .element-6 {
    position: absolute;
    left: 29px;
    bottom: 34px;
    width: 217px;
    height: 157px;
    border-radius: 10px;
    border: 1px solid;
    border-color: #fafbff;
}

.screen .element-7 {
    top: 66px;
    left: 29px;
    width: 217px;
    height: 157px;
    border-radius: 10px;
    border-color: #fafbff;
    position: absolute;
    border: 1px solid;
}

.screen .element-8 {
    position: absolute;
    top: 38px;
    right: 186px;
    width: 43px;
    height: 11px;
    border-radius: 60px;
    border: 1px solid;
    border-color: #fdfbff;
    opacity: 0.9;
}

.screen .element-9 {
    top: 38px;
    right: 133px;
    width: 43px;
    height: 11px;
    border-radius: 60px;
    border-color: #fdfbff;
    opacity: 0.9;
    position: absolute;
    border: 1px solid;
}

.screen .element-10 {
    top: 38px;
    right: 80px;
    width: 43px;
    height: 11px;
    border-radius: 60px;
    border-color: #fdfbff;
    opacity: 0.9;
    position: absolute;
    border: 1px solid;
}

.screen .element-11 {
    position: absolute;
    right: 84px;
    bottom: 44px;
    width: 206px;
    height: 207px;
    border-radius: 7.61px;
    backdrop-filter: blur(5px) brightness(100%);
    -webkit-backdrop-filter: blur(5px) brightness(100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
}

.screen .element-12 {
    position: absolute;
    right: 0;
    bottom: 51px;
    width: 538px;
    height: 126px;
}

.screen .element-13 {
    position: absolute;
    top: calc(50% - 63px);
    left: 0;
    width: 217px;
    height: 126px;
    background-color: #fbfbfe;
    border-radius: 10px;
}

.screen .element-14 {
    position: absolute;
    left: 81px;
    bottom: 0;
    width: 125px;
    height: 110px;
    background-color: #fbfbfe;
    border-radius: 10px;
}

.screen .element-15 {
    position: absolute;
    top: 20px;
    left: 13px;
    width: 52px;
    height: 7px;
    background-color: #ebeffc;
    border-radius: 20px;
}

.screen .element-16 {
    position: absolute;
    top: 35px;
    left: 13px;
    width: 73px;
    height: 7px;
    background-color: #ebeffc;
    border-radius: 20px;
}

.screen .element-17 {
    right: 0;
    bottom: 3px;
    width: 187px;
    height: 79px;
    background-color: #fbfbfe;
    border-radius: 8.6px;
    position: absolute;
    overflow: hidden;
}

.screen .text-wrapper {
    position: absolute;
    top: 15px;
    left: 9px;
    width: 54px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #9c9c9c;
    font-size: 9.5px;
    letter-spacing: 0;
    line-height: 13.2px;
    white-space: nowrap;
}

.screen .element-18 {
    position: absolute;
    left: 12px;
    bottom: 26px;
    width: 161px;
    height: 8px;
    background-color: #d7eaff;
    border-radius: 112.78px;
}

.screen .element-19 {
    position: absolute;
    left: 10px;
    bottom: 26px;
    width: 92px;
    height: 8px;
    background-color: #5e99ff;
    border-radius: 112.78px;
}

.screen .p {
    position: absolute;
    top: 15px;
    right: 12px;
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: transparent;
    font-size: 10.8px;
    letter-spacing: 0;
    line-height: 10.8px;
}

.screen .span {
    color: #58687e;
    line-height: 15.1px;
}

.screen .text-wrapper-2 {
    color: #909aa8;
    font-size: 8.6px;
    line-height: 12.1px;
}

.screen .img {
    position: absolute;
    top: 314px;
    right: 268px;
    width: 5px;
    height: 5px;
}

.screen .element-20 {
    position: absolute;
    left: 138px;
    bottom: 96px;
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: transparent;
    font-size: 12px;
    text-align: center;
    letter-spacing: 0;
    line-height: 12px;
}

.screen .text-wrapper-3 {
    color: #3d3d3d;
    line-height: 16.8px;
}

.screen .text-wrapper-4 {
    font-family: "SourceHanSansCN-Regular", Helvetica;
    color: #a5a5a5;
    font-size: 9px;
    line-height: 12.6px;
}

.screen .div-3 {
    position: absolute;
    top: 161px;
    right: 0;
    width: 549px;
    height: 426px;
}

.screen .view {
    position: absolute;
    top: 0;
    right: 0;
    width: 531px;
    height: 385px;
    border-radius: 26px;
    overflow: hidden;
    border: none;
}

.screen .view::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: 26px;
    background: linear-gradient(180deg, rgba(204, 237, 255, 1) 0%, rgba(248, 251, 255, 1) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 1;
    pointer-events: none;
}

.screen .element-21 {
    top: 15px;
    right: 13px;
    height: 354px;
    border-radius: 24px;
    border: none;
    position: absolute;
    width: 504px;
}

.screen .element-21::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(204, 237, 255, 1) 0%, rgba(248, 251, 255, 1) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 1;
    pointer-events: none;
}

.screen .element-22 {
    position: absolute;
    top: 85px;
    right: 38px;
    width: 227px;
    height: 126px;
    border-radius: 10px;
    border: 1px solid;
    border-color: #f0f4ff;
}

.screen .element-23 {
    right: 38px;
    bottom: 33px;
    width: 227px;
    height: 126px;
    border-radius: 10px;
    border-color: #fafbff;
    position: absolute;
    border: 1px solid;
}

.screen .element-24 {
    left: 39px;
    bottom: 41px;
    width: 217px;
    height: 259px;
    border-radius: 10px;
    border-color: #f0f4ff;
    position: absolute;
    border: 1px solid;
}

.screen .element-25 {
    position: absolute;
    top: 49px;
    left: 87px;
    width: 129px;
    height: 12px;
    border-radius: 61.95px;
    border: 1.03px solid;
    border-color: #def1ff;
}

.screen .element-26 {
    position: absolute;
    top: 40px;
    left: 44px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    border: 1.03px solid;
    border-color: #d6eeff;
}

.screen .view-2 {
    position: absolute;
    left: 67px;
    bottom: 77px;
    width: 194px;
    height: 249px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    border-radius: 10px;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(251, 251, 254, 0.7) 0%, rgba(251, 251, 254, 0) 100%);
}

.screen .element-27 {
    margin-left: 15px;
    width: 53px;
    height: 7px;
    margin-top: 31px;
    background-color: #e6ebf7;
    border-radius: 10px;
}

.screen .element-28 {
    margin-left: 15px;
    width: 107px;
    height: 7px;
    background-color: #e6ebf7;
    border-radius: 10px;
}

.screen .view-3 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 208px;
    height: 104px;
    background-color: #ffffff66;
    border-radius: 7.61px;
    overflow: hidden;
    backdrop-filter: blur(5px) brightness(100%);
    -webkit-backdrop-filter: blur(5px) brightness(100%);
}

.screen .text-wrapper-5 {
    position: absolute;
    top: 14px;
    left: 15px;
    width: 75px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #9c9c9c;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 15.4px;
    white-space: nowrap;
}

.screen .element-29 {
    position: absolute;
    left: 18px;
    bottom: 41px;
    width: 89px;
    height: 7px;
    background-color: #ecf0fa;
    border-radius: 10px;
}

.screen .element-30 {
    position: absolute;
    left: 18px;
    bottom: 27px;
    width: 74px;
    height: 7px;
    background-color: #ecf0fa;
    border-radius: 10px;
}

.screen .element-31 {
    position: absolute;
    right: 69px;
    bottom: 20px;
    width: 21px;
    height: 21px;
    border-radius: 10.5px;
    background: linear-gradient(211deg, rgba(43, 121, 255, 1) 0%, rgba(35, 185, 255, 1) 100%);
}

.screen .element-32 {
    position: absolute;
    top: calc(50% - 34px);
    right: 37px;
    width: 78px;
    height: 78px;
}

.screen .element-33 {
    position: absolute;
    top: 21px;
    right: 21px;
    width: 30px;
    height: 29px;
}

.screen .element-34 {
    position: absolute;
    top: 1050px;
    right: 330px;
    width: 209px;
    height: 219px;
    background-color: #4245ff;
    border-radius: 104.5px/109.5px;
    filter: blur(142.91px);
}

.screen .element-35 {
    position: absolute;
    top: 1053px;
    right: 328px;
    width: 358px;
    height: 321px;
    background-color: #7fd6ff;
    border-radius: 179px/160.5px;
    filter: blur(60.96px);
}

.screen .sec-bg {
    position: absolute;
    width: 100%;
    height: 2606px;
    top: 16px;
    left: 0;
}

.screen .div-4 {
    position: absolute;
    top: 319px;
    right: 117px;
    width: 183px;
    height: 126px;
    background-color: #ffffffb2;
    border-radius: 7.61px;
    overflow: hidden;
    box-shadow: 0px 3.04px 7.61px #dde5fa;
}

.screen .text-wrapper-6 {
    position: absolute;
    top: 10px;
    left: 15px;
    width: 61px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #5e5e5e;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 15.4px;
    white-space: nowrap;
}

.screen .text-wrapper-7 {
    left: 8px;
    bottom: 18px;
    width: 60px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #c5c5c5;
    font-size: 9.1px;
    line-height: 12.8px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.screen .text-wrapper-8 {
    left: 8px;
    bottom: 54px;
    width: 60px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #c5c5c5;
    font-size: 9.1px;
    line-height: 12.8px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.screen .text-wrapper-9 {
    top: 26px;
    left: 16px;
    width: 60px;
    font-family: "SourceHanSansCN-Bold", Helvetica;
    font-weight: 700;
    color: #257bff;
    font-size: 16px;
    line-height: 22.4px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.screen .element-36 {
    position: absolute;
    right: 13px;
    bottom: 42px;
    width: 140px;
    height: 1px;
    object-fit: cover;
}

.screen .element-37 {
    position: absolute;
    right: 13px;
    bottom: 24px;
    width: 140px;
    height: 1px;
    object-fit: cover;
}

.screen .element-38 {
    position: absolute;
    right: 13px;
    bottom: 62px;
    width: 140px;
    height: 1px;
    object-fit: cover;
}

.screen .element-39 {
    position: absolute;
    right: 15px;
    bottom: 18px;
    width: 136px;
    height: 57px;
}

.screen .element-40 {
    position: absolute;
    right: 15px;
    bottom: 22px;
    width: 136px;
    height: 54px;
}

.screen .element-41 {
    position: absolute;
    top: 31px;
    right: 62px;
    width: 47px;
    height: 45px;
}

.screen .element-42 {
    position: absolute;
    right: 60px;
    bottom: 51px;
    width: 9px;
    height: 9px;
    background-color: #ffffff;
    border-radius: 4.5px;
    border: 1px solid;
    border-color: #5471ff;
}

.screen .element-43 {
    position: absolute;
    top: 44px;
    right: 64px;
    width: 2px;
    height: 11px;
}

.screen .element-44 {
    position: absolute;
    top: 43px;
    right: 63px;
    width: 10px;
    height: 5px;
}

.screen .banner-bg-right {
    position: absolute;
    width: 183px;
    height: 126px;
    top: 0;
    left: 0;
}

.screen .div-5 {
    position: absolute;
    top: 424px;
    right: 113px;
    width: 34px;
    height: 34px;
}

.screen .element-45 {
    position: absolute;
    top: calc(50% - 16px);
    left: calc(50% - 17px);
    width: 34px;
    height: 33px;
}

.screen .banner-bg-right-img {
    position: absolute;
    width: 26px;
    height: 26px;
    top: 7px;
    left: 6px;
}

.screen .div-6 {
    position: absolute;
    top: 323px;
    left: 114px;
    width: 180px;
    height: 112px;
    background-color: #ffffffb2;
    border-radius: 8.8px;
    overflow: hidden;
    box-shadow: 0px 3.52px 8.8px #dde5fa;
}

.screen .text-wrapper-10 {
    position: absolute;
    top: 15px;
    left: 9px;
    width: 70px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 10.6px;
    letter-spacing: 0;
    line-height: 14.8px;
    white-space: nowrap;
}

.screen .element-46 {
    position: absolute;
    left: 10px;
    bottom: 18px;
    width: 156px;
    height: 63px;
    overflow: hidden;
}

.screen .element-47 {
    position: absolute;
    top: 0;
    left: 0;
    width: 153px;
    height: 26px;
}

.screen .element-48 {
    position: absolute;
    left: calc(50% - 78px);
    bottom: 23px;
    width: 156px;
    height: 6px;
}

.screen .element-49 {
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 153px;
    height: 11px;
}

.screen .element-50 {
    position: absolute;
    left: 20px;
    bottom: 21px;
    width: 4px;
    height: 4px;
    background-color: #ff7f0f;
    border-radius: 1.88px/1.89px;
}

.screen .element-51 {
    position: absolute;
    right: 71px;
    bottom: 25px;
    width: 4px;
    height: 4px;
    background-color: #ff7f0f;
    border-radius: 1.88px/1.89px;
}

.screen .element-52 {
    position: absolute;
    right: 20px;
    bottom: 23px;
    width: 4px;
    height: 4px;
    background-color: #ff7f0f;
    border-radius: 1.88px/1.89px;
}

.screen .element-53 {
    position: absolute;
    top: 15px;
    left: 26px;
    width: 4px;
    height: 4px;
    background-color: #64a114;
    border-radius: 1.88px/1.89px;
}

.screen .element-54 {
    position: absolute;
    top: 16px;
    left: 67px;
    width: 4px;
    height: 4px;
    background-color: #64a114;
    border-radius: 1.88px/1.89px;
}

.screen .element-55 {
    position: absolute;
    top: 1px;
    right: 25px;
    width: 4px;
    height: 4px;
    background-color: #64a114;
    border-radius: 1.88px/1.89px;
}

.screen .element-56 {
    position: absolute;
    left: 20px;
    bottom: 11px;
    width: 4px;
    height: 4px;
    background-color: #ff5d3e;
    border-radius: 1.88px/1.89px;
}

.screen .element-57 {
    position: absolute;
    right: 73px;
    bottom: 4px;
    width: 4px;
    height: 4px;
    background-color: #ff5d3e;
    border-radius: 1.88px/1.89px;
}

.screen .element-58 {
    position: absolute;
    right: 20px;
    bottom: 0;
    width: 4px;
    height: 4px;
    background-color: #ff5d3e;
    border-radius: 1.88px/1.89px;
}

.screen .banner-bg-left {
    position: absolute;
    width: 180px;
    height: 112px;
    top: 0;
    left: 0;
}

.screen .view-4 {
    position: absolute;
    top: 413px;
    left: 264px;
    width: 39px;
    height: 40px;
}

.screen .element-59 {
    position: absolute;
    right: 11px;
    bottom: 7px;
    width: 39px;
    height: 35px;
}

.screen .banner-bg-left-img {
    position: absolute;
    width: 28px;
    height: 28px;
    top: 9px;
    left: 8px;
}

.screen .view-5 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    /* background-color: #ffffff; */
    /* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03); */
    backdrop-filter: blur(5px) brightness(100%);
    -webkit-backdrop-filter: blur(5px) brightness(100%);
    z-index: 1000;
}

.screen .text-wrapper-11 {
    position: absolute;
    right: 627px;
    bottom: 18px;
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #4e4e4e;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 19.6px;
    white-space: nowrap;
}

.screen .text-wrapper-12 {
    position: absolute;
    right: 503px;
    bottom: 18px;
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #4e4e4e;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 19.6px;
    white-space: nowrap;
}

.screen .element-60 {
    position: absolute;
    top: calc(50% - 16px);
    right: 360px;
    width: 92px;
    height: 32px;
    background-color: #1e1e1e;
}

.screen .text-wrapper-13 {
    position: absolute;
    top: 20px;
    right: 374px;
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 19.6px;
    white-space: nowrap;
}

.screen .logo {
    position: absolute;
    left: 356px;
    bottom: 13px;
    width: 33px;
    height: 33px;
    background-image: url(./images/top_logo.png);
    background-size: 100% 100%;
}

.screen .element-61 {
    position: absolute;
    right: 7px;
    bottom: 7px;
    width: 11px;
    height: 10px;
}

.screen .top-logo {
    position: absolute;
    width: 33px;
    height: 33px;
    top: 0;
    left: 0;
}

.screen .text-wrapper-14 {
    position: absolute;
    top: 15px;
    left: 398px;
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 20.9px;
    letter-spacing: 0;
    line-height: 29.2px;
    white-space: nowrap;
}

.screen .sec-2 {
    position: absolute;
    top: 706px;
    left: calc(50% - 600.5px);
    width: 1201px;
    height: 852px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Feature Section Refactor */
.screen .view-6 {
    height: 173px;
    align-self: center;
    position: relative;
    background-color: #fff;
    width: 1200px;
    display: flex;
    align-items: stretch;
    border-radius: 12px;
    /* Optional shadow if needed */
}

.screen .feature-card {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 24px;
    position: relative;
    background-color: #fff;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* First card active state */
.screen .feature-card.active {
    background-color: #EFF4FF;
    /* border-top-left-radius: 12px;
    border-bottom-left-radius: 12px; */
}

.screen .feature-card .card-icon {
    width: 24px;
    height: 24px;
    margin-bottom: 16px;
    object-fit: contain;
}

.screen .feature-card .card-title {
    font-family: "Microsoft YaHei-Bold", Helvetica;
    font-weight: 700;
    font-size: 18px;
    color: #161616;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen .feature-card .card-desc {
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    font-size: 12px;
    color: #666;
    line-height: 1.6;
}

/* Vertical Separator */
.screen .card-separator {
    width: 1px;
    background-image: linear-gradient(to bottom, #E0E0E0 50%, transparent 50%);
    background-size: 1px 8px;
    /* Dashed effect */
    background-repeat: repeat-y;
    margin: 30px 0;
}

/* Specific separator adjustments to match design details if needed */
/* For now, uniform separators */


.screen .element-76 {
    width: 1200px;
    height: 657px;
    position: relative;
    /* background-color: #ffffff;
    box-shadow: 4px -5px 83px #e0e4f1;
    border-radius: 10px; */
    overflow: hidden;
    backdrop-filter: blur(5px) brightness(100%);
    -webkit-backdrop-filter: blur(5px) brightness(100%);
}

.screen .element-77 {
    position: absolute;
    top: 63px;
    left: 180px;
    width: 75px;
    height: 22px;
    background-color: #ffffff;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid;
    border-color: #e5e5e5;
}

.screen .image-5 {
    position: absolute;
    height: 45.45%;
    top: 27.27%;
    left: calc(50% - 30px);
    width: 9px;
}

.screen .text-wrapper-20 {
    position: absolute;
    top: 5px;
    left: calc(50% - 18px);
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #353535;
    font-size: 8px;
    letter-spacing: 0;
    line-height: 11.2px;
    white-space: nowrap;
}

.screen .image-6 {
    position: absolute;
    height: 18.18%;
    top: 40.91%;
    left: calc(50% + 22px);
    width: 7px;
}

.screen .element-78 {
    position: absolute;
    top: 63px;
    left: 263px;
    width: 75px;
    height: 22px;
    background-color: #ffffff;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid;
    border-color: #e5e5e5;
}

.screen .text-wrapper-21 {
    position: absolute;
    top: 5px;
    left: calc(50% - 30px);
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #353535;
    font-size: 8px;
    letter-spacing: 0;
    line-height: 11.2px;
    white-space: nowrap;
}

.screen .image-7 {
    position: absolute;
    height: 13.64%;
    top: 53.94%;
    left: calc(50% + 21px);
    width: 6px;
}

.screen .image-8 {
    position: absolute;
    height: 13.64%;
    top: 31.22%;
    left: calc(50% + 21px);
    width: 6px;
}

.screen .element-79 {
    position: absolute;
    top: 63px;
    left: 346px;
    width: 75px;
    height: 22px;
    background-color: #ffffff;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid;
    border-color: #e5e5e5;
}

.screen .element-80 {
    position: absolute;
    top: 64px;
    right: 41px;
    width: 50px;
    height: 20px;
    background-color: #ffffff;
    border-radius: 2.7px;
    overflow: hidden;
    border: 0.9px solid;
    border-color: #e5e5e5;
}

.screen .text-wrapper-22 {
    position: absolute;
    top: 5px;
    left: calc(50% + 1px);
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #353535;
    font-size: 7.2px;
    letter-spacing: 0;
    line-height: 10.1px;
    white-space: nowrap;
}

.screen .image-9 {
    position: absolute;
    height: 36.36%;
    top: 32.27%;
    left: calc(50% - 16px);
    width: 8px;
}

.screen .text-wrapper-23 {
    position: absolute;
    top: 28px;
    left: calc(50% - 374px);
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 15.4px;
    white-space: nowrap;
}

.screen .image-10 {
    position: absolute;
    top: 104px;
    left: calc(50% - 583px);
    width: 10px;
    height: 10px;
}

.screen .element-81 {
    position: absolute;
    top: 58px;
    left: calc(50% - 573px);
    width: 106px;
    height: 18px;
    background-color: #f4f4f4;
}

.screen .text-wrapper-24 {
    position: absolute;
    top: 28px;
    left: calc(50% - 551px);
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: #212121;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 14px;
    white-space: nowrap;
}

.screen .text-wrapper-25 {
    position: absolute;
    top: 59px;
    left: calc(50% - 551px);
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #212121;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 14px;
    white-space: nowrap;
}

.screen .text-wrapper-26 {
    position: absolute;
    top: 81px;
    left: calc(50% - 551px);
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #212121;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 14px;
    white-space: nowrap;
}

.screen .text-wrapper-27 {
    position: absolute;
    top: 103px;
    left: calc(50% - 551px);
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #212121;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 14px;
    white-space: nowrap;
}

.screen .text-wrapper-28 {
    position: absolute;
    top: 126px;
    left: calc(50% - 551px);
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #212121;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 14px;
    white-space: nowrap;
}

.screen .text-wrapper-29 {
    position: absolute;
    top: 149px;
    left: calc(50% - 551px);
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #212121;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 14px;
    white-space: nowrap;
}

.screen .image-11 {
    position: absolute;
    width: 0;
    height: 0;
    top: 23.14%;
    left: 3%;
}

.screen .text-wrapper-30 {
    position: absolute;
    top: 220px;
    left: calc(50% - 552px);
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #212121;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 14px;
    white-space: nowrap;
}

.screen .text-wrapper-31 {
    position: absolute;
    top: 202px;
    left: calc(50% - 567px);
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #616461;
    font-size: 8px;
    letter-spacing: 0;
    line-height: 11.2px;
    white-space: nowrap;
}

.screen .text-wrapper-32 {
    position: absolute;
    top: 243px;
    left: calc(50% - 552px);
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #212121;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 14px;
    white-space: nowrap;
}

.screen .element-82 {
    position: absolute;
    top: 62px;
    left: 35px;
    width: 9px;
    height: 9px;
}

.screen .image-12 {
    position: absolute;
    height: 0;
    top: 34.12%;
    left: calc(50% - 566px);
    width: 10px;
}

.screen .image-13 {
    position: absolute;
    height: 0;
    top: 12.81%;
    left: calc(50% - 565px);
    width: 9px;
}

.screen .image-14 {
    position: absolute;
    height: 0;
    top: 16.29%;
    left: calc(50% - 565px);
    width: 8px;
}

.screen .image-15 {
    position: absolute;
    width: 0;
    height: 0;
    top: 19.94%;
    left: 2.92%;
}

.screen .element-83 {
    position: absolute;
    top: 245px;
    left: 35px;
    width: 9px;
    height: 10px;
}

.screen .element-84 {
    position: absolute;
    top: 14px;
    left: calc(50% - 446px);
    width: 1px;
    height: 621px;
}

.screen .element-85 {
    position: absolute;
    top: 56px;
    left: calc(50% - 420px);
    width: 989px;
    height: 1px;
    object-fit: cover;
}

.screen .element-86 {
    position: absolute;
    top: 94px;
    left: calc(50% - 420px);
    width: 989px;
    height: 1px;
    object-fit: cover;
}

.screen .element-87 {
    position: absolute;
    top: 29px;
    left: calc(50% - 418px);
    width: 13px;
    height: 13px;
    border-radius: 3px;
    border: 1px solid;
    border-color: #000000;
}

.screen .element-88 {
    position: absolute;
    top: 29px;
    left: calc(50% - 414px);
    width: 1px;
    height: 13px;
}

.screen .element-89 {
    position: absolute;
    top: 29px;
    left: calc(50% - 389px);
    width: 1px;
    height: 13px;
}

.screen .element-90 {
    position: absolute;
    right: 31px;
    bottom: 21px;
    width: 991px;
    height: 533px;
}

.screen .element-91 {
    position: absolute;
    top: calc(50% - 266px);
    left: calc(50% - 496px);
    width: 991px;
    height: 533px;
}

.screen .element-92 {
    position: absolute;
    top: 0;
    left: 0;
    width: 544px;
    height: 248px;
    background-color: #ffffff;
    border-radius: 6px;
    border: 1px solid;
    border-color: #ebebeb;
    box-shadow: 1.28px -3.46px 13.69px #e7eaf080;
}

.screen .element-93 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 544px;
    height: 274px;
    background-color: #ffffff;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid;
    border-color: #ebebeb;
    box-shadow: 1.28px -3.46px 13.69px #e7eaf080;
}

.screen .text-wrapper-33 {
    position: absolute;
    top: 25px;
    left: 36px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16.8px;
    white-space: nowrap;
}

.screen .text-wrapper-34 {
    position: absolute;
    top: 44px;
    left: 36px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #8a8a8a;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 14px;
    white-space: nowrap;
}

.screen .icon {
    position: absolute;
    top: 28px;
    right: 32px;
    width: 113px;
    height: 21px;
}

.screen .element-94 {
    position: absolute;
    left: 71px;
    bottom: 42px;
    width: 71px;
    height: 121px;
    background-color: #3496ff;
}

.screen .element-95 {
    position: absolute;
    left: 158px;
    bottom: 42px;
    width: 71px;
    height: 100px;
    background-color: #3496ff;
}

.screen .element-96 {
    position: absolute;
    right: 226px;
    bottom: 42px;
    width: 71px;
    height: 56px;
    background-color: #3496ff;
}

.screen .element-97 {
    position: absolute;
    right: 138px;
    bottom: 42px;
    width: 71px;
    height: 53px;
    background-color: #3496ff;
}

.screen .element-98 {
    position: absolute;
    right: 50px;
    bottom: 42px;
    width: 71px;
    height: 40px;
    background-color: #3496ff;
}

.screen .element-99 {
    left: 2px;
    bottom: 0;
    width: 435px;
    height: 274px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    background-color: #ffffff;
    border-radius: 6px;
    border: 1px solid;
    border-color: #ebebeb;
    box-shadow: 1.28px -3.46px 13.69px #e7eaf080;
    position: absolute;
    overflow: hidden;
}

.screen .text-wrapper-35 {
    margin-left: 20px;
    width: 74px;
    height: 17px;
    margin-top: 25px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16.8px;
    white-space: nowrap;
}

.screen .text-wrapper-36 {
    margin-left: 20px;
    width: 142px;
    height: 14px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #8a8a8a;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 14px;
    white-space: nowrap;
}

.screen .text-wrapper-37 {
    position: absolute;
    top: 18px;
    left: 23px;
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: #3d3d3d;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 15.4px;
    white-space: nowrap;
}

.screen .text-wrapper-38 {
    position: absolute;
    top: 37px;
    left: 23px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #8a8a8a;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 14px;
    white-space: nowrap;
}

.screen .text-wrapper-39 {
    position: absolute;
    top: 216px;
    left: 62px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #9c9c9c;
    font-size: 10.3px;
    letter-spacing: 0;
    line-height: 14.4px;
    white-space: nowrap;
}

.screen .text-wrapper-40 {
    position: absolute;
    top: 216px;
    left: 134px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #9c9c9c;
    font-size: 10.3px;
    letter-spacing: 0;
    line-height: 14.4px;
    white-space: nowrap;
}

.screen .text-wrapper-41 {
    position: absolute;
    top: 216px;
    left: 206px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #9c9c9c;
    font-size: 10.3px;
    letter-spacing: 0;
    line-height: 14.4px;
    white-space: nowrap;
}

.screen .text-wrapper-42 {
    position: absolute;
    top: 216px;
    left: 278px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #9c9c9c;
    font-size: 10.3px;
    letter-spacing: 0;
    line-height: 14.4px;
    white-space: nowrap;
}

.screen .text-wrapper-43 {
    position: absolute;
    top: 216px;
    left: 350px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #9c9c9c;
    font-size: 10.3px;
    letter-spacing: 0;
    line-height: 14.4px;
    white-space: nowrap;
}

.screen .text-wrapper-44 {
    position: absolute;
    top: 216px;
    left: 417px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #9c9c9c;
    font-size: 10.3px;
    letter-spacing: 0;
    line-height: 14.4px;
    white-space: nowrap;
}

.screen .text-wrapper-45 {
    position: absolute;
    top: 216px;
    right: 462px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #9c9c9c;
    font-size: 10.3px;
    letter-spacing: 0;
    line-height: 14.4px;
    white-space: nowrap;
}

.screen .text-wrapper-46 {
    top: 198px;
    left: 30px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #9c9c9c;
    font-size: 9.4px;
    line-height: 13.2px;
    position: absolute;
    letter-spacing: 0;
    white-space: nowrap;
}

.screen .text-wrapper-47 {
    top: 171px;
    left: 27px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #9c9c9c;
    font-size: 9.4px;
    line-height: 13.2px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.screen .text-wrapper-48 {
    top: 144px;
    left: 27px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #9c9c9c;
    font-size: 9.4px;
    line-height: 13.2px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.screen .text-wrapper-49 {
    top: 117px;
    left: 27px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #9c9c9c;
    font-size: 9.4px;
    line-height: 13.2px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.screen .text-wrapper-50 {
    top: 90px;
    left: 27px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #9c9c9c;
    font-size: 9.4px;
    line-height: 13.2px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.screen .text-wrapper-51 {
    top: 63px;
    left: 27px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #9c9c9c;
    font-size: 9.4px;
    line-height: 13.2px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.screen .element-100 {
    position: absolute;
    top: 70px;
    left: 56px;
    width: 466px;
    height: 134px;
    overflow: hidden;
}

.screen .element-101 {
    position: absolute;
    left: calc(50% - 233px);
    bottom: 1px;
    width: 464px;
    height: 1px;
    object-fit: cover;
}

.screen .element-102 {
    position: absolute;
    left: calc(50% - 233px);
    bottom: 28px;
    width: 464px;
    height: 1px;
    object-fit: cover;
}

.screen .element-103 {
    position: absolute;
    left: calc(50% - 233px);
    bottom: 54px;
    width: 464px;
    height: 1px;
    object-fit: cover;
}

.screen .element-104 {
    position: absolute;
    top: 52px;
    left: calc(50% - 233px);
    width: 464px;
    height: 1px;
    object-fit: cover;
}

.screen .element-105 {
    position: absolute;
    top: 26px;
    left: calc(50% - 233px);
    width: 464px;
    height: 1px;
    object-fit: cover;
}

.screen .element-106 {
    position: absolute;
    top: 0;
    left: calc(50% - 233px);
    width: 464px;
    height: 1px;
    object-fit: cover;
}

.screen .element-107 {
    position: absolute;
    top: 112px;
    left: 78px;
    width: 445px;
    height: 40px;
}

.screen .element-108 {
    position: absolute;
    top: 135px;
    left: 77px;
    width: 443px;
    height: 38px;
}

.screen .element-109 {
    position: absolute;
    top: 144px;
    left: 78px;
    width: 443px;
    height: 31px;
}

.screen .element-110 {
    position: absolute;
    top: 165px;
    left: 77px;
    width: 437px;
    height: 18px;
}

.screen .element-111 {
    position: absolute;
    top: 51px;
    left: 296px;
    width: 1px;
    height: 157px;
}

.screen .view-7 {
    position: absolute;
    top: 31px;
    left: 316px;
    width: 154px;
    height: 132px;
    background-color: #ffffff;
    border-radius: 4.79px;
    overflow: hidden;
    border: 0.8px solid;
    border-color: #ebebeb;
    box-shadow: 20.41px 27.4px 59.5px #dee4ff;
}

.screen .text-wrapper-52 {
    position: absolute;
    top: 40px;
    left: 27px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #3e3e3e;
    font-size: 9.3px;
    letter-spacing: 0;
    line-height: 13px;
    white-space: nowrap;
}

.screen .text-wrapper-53 {
    position: absolute;
    left: 27px;
    bottom: 57px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #3e3e3e;
    font-size: 9.3px;
    letter-spacing: 0;
    line-height: 13px;
    white-space: nowrap;
}

.screen .text-wrapper-54 {
    position: absolute;
    left: 27px;
    bottom: 37px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #3e3e3e;
    font-size: 9.3px;
    letter-spacing: 0;
    line-height: 13px;
    white-space: nowrap;
}

.screen .text-wrapper-55 {
    position: absolute;
    left: 27px;
    bottom: 16px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #3e3e3e;
    font-size: 9.3px;
    letter-spacing: 0;
    line-height: 13px;
    white-space: nowrap;
}

.screen .text-wrapper-56 {
    position: absolute;
    top: 40px;
    right: 21px;
    font-family: "SourceHanSansCN-Bold", Helvetica;
    font-weight: 700;
    color: #1f1f1f;
    font-size: 9.3px;
    letter-spacing: 0;
    line-height: 13px;
    white-space: nowrap;
}

.screen .text-wrapper-57 {
    position: absolute;
    right: 21px;
    bottom: 57px;
    font-family: "SourceHanSansCN-Bold", Helvetica;
    font-weight: 700;
    color: #1f1f1f;
    font-size: 9.3px;
    letter-spacing: 0;
    line-height: 13px;
    white-space: nowrap;
}

.screen .text-wrapper-58 {
    position: absolute;
    right: 21px;
    bottom: 37px;
    font-family: "SourceHanSansCN-Bold", Helvetica;
    font-weight: 700;
    color: #1f1f1f;
    font-size: 9.3px;
    letter-spacing: 0;
    line-height: 13px;
    white-space: nowrap;
}

.screen .element-112 {
    position: absolute;
    top: 30px;
    left: 18px;
    width: 118px;
    height: 1px;
}

.screen .text-wrapper-59 {
    position: absolute;
    top: 11px;
    right: 53px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #1f1f1f;
    font-size: 10.6px;
    letter-spacing: 0;
    line-height: 14.8px;
    white-space: nowrap;
}

.screen .text-wrapper-60 {
    position: absolute;
    right: 22px;
    bottom: 16px;
    font-family: "SourceHanSansCN-Bold", Helvetica;
    font-weight: 700;
    color: #1f1f1f;
    font-size: 9.3px;
    letter-spacing: 0;
    line-height: 13px;
    white-space: nowrap;
}

.screen .element-113 {
    position: absolute;
    left: 17px;
    bottom: 18px;
    width: 7px;
    height: 7px;
    background-color: #f8e092;
    border-radius: 3.71px/3.7px;
}

.screen .element-114 {
    position: absolute;
    left: 17px;
    bottom: 40px;
    width: 7px;
    height: 7px;
    background-color: #6b7280;
    border-radius: 3.71px/3.7px;
}

.screen .element-115 {
    position: absolute;
    left: 17px;
    bottom: 60px;
    width: 7px;
    height: 7px;
    background-color: #4ecdc4;
    border-radius: 3.71px/3.7px;
}

.screen .element-116 {
    position: absolute;
    top: 43px;
    left: 17px;
    width: 7px;
    height: 7px;
    background-color: #ff6b6b;
    border-radius: 3.71px/3.7px;
}

.screen .element-117 {
    position: absolute;
    top: 135px;
    left: 294px;
    width: 6px;
    height: 6px;
    background-color: #258eff;
    border-radius: 3px;
}

.screen .element-118 {
    position: absolute;
    top: 152px;
    left: 294px;
    width: 6px;
    height: 6px;
    background-color: #ff6b6b;
    border-radius: 3px;
}

.screen .element-119 {
    position: absolute;
    top: 162px;
    left: 294px;
    width: 6px;
    height: 6px;
    background-color: #4ecdc4;
    border-radius: 3px;
}

.screen .element-120 {
    position: absolute;
    top: 168px;
    left: 294px;
    width: 6px;
    height: 6px;
    background-color: #ffeaa7;
    border-radius: 3px;
}

.screen .element-121 {
    position: absolute;
    top: 103px;
    right: 31px;
    width: 438px;
    height: 248px;
    background-color: #ffffff;
    border-radius: 10.3px;
    border: 1.14px solid;
    border-color: #eeeeee;
    box-shadow: 0px 4.58px 11.45px #0000000d;
}

.screen .text-wrapper-61 {
    position: absolute;
    top: 121px;
    right: 366px;
    font-family: "Abhaya Libre-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16.8px;
    white-space: nowrap;
}

.screen .text-wrapper-62 {
    position: absolute;
    top: 140px;
    right: 359px;
    font-family: "ABeeZee-Regular", Helvetica;
    font-weight: 400;
    color: #8a8a8a;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 14px;
    white-space: nowrap;
}

.screen .logo-2 {
    position: absolute;
    top: 29px;
    left: 31px;
    width: 14px;
    height: 14px;
}

.screen .sec-img {
    position: absolute;
    width: 1200px;
    height: 657px;
    top: 0;
    left: 0;
}

.screen .view-8 {
    position: absolute;
    top: 166px;
    right: 7px;
    width: 438px;
    height: 166px;
    overflow: hidden;
}

.screen .text-wrapper-63 {
    position: absolute;
    top: 0;
    right: 180px;
    font-family: "SourceHanSansCN-Bold", Helvetica;
    font-weight: 700;
    color: #3d3d3d;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 14px;
    white-space: nowrap;
}

.screen .text-wrapper-64 {
    position: absolute;
    top: 0;
    left: 17px;
    font-family: "SourceHanSansCN-Bold", Helvetica;
    font-weight: 700;
    color: #3d3d3d;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 14px;
    white-space: nowrap;
}

.screen .text-wrapper-65 {
    top: 28px;
    right: 198px;
    font-family: "SourceHanSansCN-Bold", Helvetica;
    font-weight: 700;
    color: #3d3d3d;
    font-size: 9px;
    line-height: 12.6px;
    position: absolute;
    letter-spacing: 0;
    white-space: nowrap;
}

.screen .text-wrapper-66 {
    top: 51px;
    right: 198px;
    font-family: "SourceHanSansCN-Bold", Helvetica;
    font-weight: 700;
    color: #3d3d3d;
    font-size: 9px;
    line-height: 12.6px;
    position: absolute;
    letter-spacing: 0;
    white-space: nowrap;
}

.screen .text-wrapper-67 {
    right: 198px;
    bottom: 75px;
    font-family: "SourceHanSansCN-Bold", Helvetica;
    font-weight: 700;
    color: #3d3d3d;
    font-size: 9px;
    line-height: 12.6px;
    position: absolute;
    letter-spacing: 0;
    white-space: nowrap;
}

.screen .text-wrapper-68 {
    right: 198px;
    bottom: 50px;
    font-family: "SourceHanSansCN-Bold", Helvetica;
    font-weight: 700;
    color: #3d3d3d;
    font-size: 9px;
    line-height: 12.6px;
    position: absolute;
    letter-spacing: 0;
    white-space: nowrap;
}

.screen .text-wrapper-69 {
    right: 204px;
    bottom: 27px;
    font-family: "SourceHanSansCN-Bold", Helvetica;
    font-weight: 700;
    color: #3d3d3d;
    font-size: 9px;
    line-height: 12.6px;
    position: absolute;
    letter-spacing: 0;
    white-space: nowrap;
}

.screen .text-wrapper-70 {
    right: 204px;
    bottom: 0;
    font-family: "SourceHanSansCN-Bold", Helvetica;
    font-weight: 700;
    color: #3d3d3d;
    font-size: 9px;
    line-height: 12.6px;
    position: absolute;
    letter-spacing: 0;
    white-space: nowrap;
}

.screen .element-122 {
    position: absolute;
    top: 27px;
    right: 0;
    width: 297px;
    height: 14px;
    background-color: #3496ff;
    border-radius: 2px;
}

.screen .element-123 {
    position: absolute;
    top: 54px;
    right: 50px;
    width: 247px;
    height: 14px;
    background-color: #3496ff;
    border-radius: 2px;
}

.screen .element-124 {
    position: absolute;
    right: 78px;
    bottom: 74px;
    width: 219px;
    height: 14px;
    background-color: #3496ff;
    border-radius: 2px;
}

.screen .element-125 {
    position: absolute;
    right: 105px;
    bottom: 49px;
    width: 192px;
    height: 14px;
    background-color: #3496ff;
    border-radius: 2px;
}

.screen .element-126 {
    position: absolute;
    right: 136px;
    bottom: 25px;
    width: 161px;
    height: 14px;
    background-color: #3496ff;
    border-radius: 2px;
}

.screen .element-127 {
    position: absolute;
    left: 141px;
    bottom: 0;
    width: 124px;
    height: 14px;
    background-color: #3496ff;
    border-radius: 2px;
}

.screen .text-wrapper-71 {
    top: 27px;
    left: -1px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 10px;
    line-height: 14px;
    position: absolute;
    letter-spacing: 0;
    white-space: nowrap;
}

.screen .text-wrapper-72 {
    top: 52px;
    left: -1px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 10px;
    line-height: 14px;
    position: absolute;
    letter-spacing: 0;
    white-space: nowrap;
}

.screen .text-wrapper-73 {
    left: -1px;
    bottom: 75px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 10px;
    line-height: 14px;
    position: absolute;
    letter-spacing: 0;
    white-space: nowrap;
}

.screen .text-wrapper-74 {
    left: -1px;
    bottom: 50px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 10px;
    line-height: 14px;
    position: absolute;
    letter-spacing: 0;
    white-space: nowrap;
}

.screen .text-wrapper-75 {
    left: -1px;
    bottom: 24px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 10px;
    line-height: 14px;
    position: absolute;
    letter-spacing: 0;
    white-space: nowrap;
}

.screen .text-wrapper-76 {
    left: -1px;
    bottom: 1px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 10px;
    line-height: 14px;
    position: absolute;
    letter-spacing: 0;
    white-space: nowrap;
}

.screen .sec-3 {
    position: absolute;
    top: 1688px;
    left: calc(50% - 599px);
    width: 1198px;
    height: 772px;
}

.screen .text-wrapper-77 {
    position: absolute;
    top: 0;
    left: calc(50% - 169px);
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #161616;
    font-size: 48px;
    letter-spacing: 0;
    line-height: 67.2px;
    white-space: nowrap;
}

.screen .text-wrapper-78 {
    position: absolute;
    top: 83px;
    left: calc(50% - 433px);
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #666666;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 30.8px;
    white-space: nowrap;
}

.screen .element-128 {
    position: absolute;
    top: 172px;
    left: 0;
    width: 386px;
    height: 290px;
    background-color: #ffffffcc;
    border-radius: 10px;
    overflow: hidden;
    backdrop-filter: blur(5px) brightness(100%);
    -webkit-backdrop-filter: blur(5px) brightness(100%);
}

.screen .text-wrapper-79 {
    position: absolute;
    top: 49px;
    left: calc(50% - 124px);
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 30.8px;
    white-space: nowrap;
}

.screen .text-wrapper-80 {
    position: absolute;
    top: 88px;
    left: calc(50% - 164px);
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #666666;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 19.6px;
}

.screen .text-wrapper-81 {
    position: absolute;
    top: 153px;
    left: calc(50% - 151px);
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 26.8px;
}

.screen .element-129 {
    position: absolute;
    top: 164px;
    left: calc(50% - 163px);
    width: 6px;
    height: 6px;
    background-color: #3d3d3d;
    border-radius: 3px;
}

.screen .element-130 {
    position: absolute;
    top: 191px;
    left: calc(50% - 163px);
    width: 6px;
    height: 6px;
    background-color: #3d3d3d;
    border-radius: 3px;
}

.screen .element-131 {
    position: absolute;
    top: 218px;
    left: calc(50% - 163px);
    width: 6px;
    height: 6px;
    background-color: #3d3d3d;
    border-radius: 3px;
}

.screen .element-132 {
    position: absolute;
    top: 49px;
    left: 30px;
    width: 30px;
    height: 30px;
    background-color: #ebf0ff;
    border-radius: 6px;
    overflow: hidden;
    border: none;
}

.screen .element-132::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: 6px;
    background: linear-gradient(180deg, rgba(239, 242, 255, 1) 0%, rgba(186, 200, 255, 0) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 1;
    pointer-events: none;
}

.screen .image-16 {
    position: absolute;
    width: 40.13%;
    height: 40.13%;
    top: 30.05%;
    left: 26.73%;
}

.screen .image-17 {
    position: absolute;
    width: 16.56%;
    height: 16.56%;
    top: 60.03%;
    left: 56.71%;
}

.screen .sec-icon {
    position: absolute;
    width: 30px;
    height: 30px;
    top: -1px;
    left: -1px;
}

.screen .element-133 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 386px;
    height: 290px;
    background-color: #ffffffcc;
    border-radius: 10px;
    overflow: hidden;
    backdrop-filter: blur(5px) brightness(100%);
    -webkit-backdrop-filter: blur(5px) brightness(100%);
}

.screen .image-18 {
    position: absolute;
    width: 46.98%;
    height: 46.98%;
    top: 29.84%;
    left: 26.51%;
}

.screen .element-134 {
    position: absolute;
    top: 172px;
    left: calc(50% - 193px);
    width: 386px;
    height: 290px;
    background-color: #ffffffcc;
    border-radius: 10px;
    overflow: hidden;
    backdrop-filter: blur(5px) brightness(100%);
    -webkit-backdrop-filter: blur(5px) brightness(100%);
}

.screen .element-135 {
    position: absolute;
    right: 7px;
    bottom: 9px;
    width: 17px;
    height: 12px;
}

.screen .element-136 {
    position: absolute;
    top: 11px;
    right: 10px;
    width: 10px;
    height: 6px;
}

.screen .element-137 {
    position: absolute;
    left: calc(50% - 193px);
    bottom: 0;
    width: 386px;
    height: 290px;
    background-color: #ffffffcc;
    border-radius: 10px;
    overflow: hidden;
    backdrop-filter: blur(5px) brightness(100%);
    -webkit-backdrop-filter: blur(5px) brightness(100%);
}

.screen .element-138 {
    position: absolute;
    top: 7px;
    left: calc(50% - 3px);
    width: 7px;
    height: 7px;
    background-color: #496dff;
    border-radius: 3.5px;
}

.screen .element-139 {
    position: absolute;
    top: 15px;
    left: calc(50% - 7px);
    width: 6px;
    height: 6px;
    background-color: #496dff;
    border-radius: 3px;
}

.screen .element-140 {
    position: absolute;
    top: 19px;
    left: 50%;
    width: 4px;
    height: 4px;
    background-color: #496dff;
    border-radius: 2px;
}

.screen .element-141 {
    position: absolute;
    top: 172px;
    right: 0;
    width: 386px;
    height: 290px;
    background-color: #ffffffcc;
    border-radius: 10px;
    overflow: hidden;
    backdrop-filter: blur(5px) brightness(100%);
    -webkit-backdrop-filter: blur(5px) brightness(100%);
}

.screen .image-19 {
    position: absolute;
    height: 58.67%;
    top: 24.67%;
    left: calc(50% - 7px);
    width: 13px;
}

.screen .element-142 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 386px;
    height: 290px;
    background-color: #ffffffcc;
    border-radius: 10px;
    overflow: hidden;
    backdrop-filter: blur(5px) brightness(100%);
    -webkit-backdrop-filter: blur(5px) brightness(100%);
}

.screen .text-wrapper-82 {
    position: absolute;
    top: 88px;
    left: calc(50% - 164px);
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #666666;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 19.6px;
    white-space: nowrap;
}

.screen .element-143 {
    position: absolute;
    top: 9px;
    left: calc(50% - 6px);
    width: 12px;
    height: 12px;
}

.screen .element-144 {
    position: absolute;
    top: 0;
    left: calc(50% - 1px);
    width: 2px;
    height: 12px;
}

.screen .element-145 {
    position: absolute;
    top: 5px;
    left: calc(50% + 4px);
    width: 2px;
    height: 7px;
}

.screen .element-146 {
    position: absolute;
    top: 3px;
    left: calc(50% - 6px);
    width: 2px;
    height: 9px;
}

.screen .element-147 {
    position: absolute;
    top: 2605px;
    left: 0;
    width: 100%;
    height: 3607px;
    background-color: #f2f5ff;
    z-index: 1;
}

.screen .element-148 {
    position: absolute;
    top: 4208px;
    left: calc(50% - 665px);
    width: 418px;
    height: 384px;
    border-radius: 209px/192px;
    filter: blur(178.39px);
    background: linear-gradient(173deg, rgba(176, 175, 255, 1) 0%, rgba(175, 242, 255, 0) 100%);
}

.screen .sec-4 {
    position: absolute;
    top: 2691px;
    left: calc(50% - 600px);
    width: 1200px;
    height: 825px;
    z-index: 2;
}

.screen .element-149 {
    position: absolute;
    top: 20px;
    left: 84.5px;
    width: 624px;
    height: 115px;
    overflow: hidden;
}

.screen .text-wrapper-83 {
    position: absolute;
    left: 1px;
    bottom: 0;
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #666666;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 33.6px;
    white-space: nowrap;
}

.screen .element-150 {
    right: 12px;
    bottom: 47px;
    position: absolute;
    width: 235px;
    height: 35px;
}

.screen .text-wrapper-84 {
    position: absolute;
    top: 0;
    left: calc(50% - 313px);
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #161616;
    font-size: 48px;
    letter-spacing: 0;
    line-height: 67.2px;
    white-space: nowrap;
}

.screen .title-line {
    position: absolute;
    width: 244px;
    height: 35px;
    top: 43px;
    left: 374px;
}

.screen .element-151 {
    position: absolute;
    top: calc(50% - 412px);
    right: 1px;
    width: 1166px;
    height: 825px;
}

.screen .sec-img-2 {
    position: absolute;
    left: 129px;
    bottom: 148px;
    width: 777px;
    height: 471px;
}

.screen .view-9 {
    position: absolute;
    top: 139px;
    right: 126px;
    width: 697px;
    height: 494px;
}

.screen .view-10 {
    position: absolute;
    top: 33px;
    left: calc(50% - 348px);
    width: 697px;
    height: 461px;
    background-color: #b6c9fb;
    border-radius: 16.1px;
    filter: blur(40.79px);
}

.screen .element-152 {
    right: 45px;
    bottom: 50px;
    width: 360px;
    background-color: #4382ff;
    position: absolute;
    height: 281px;
    border-radius: 14px;
    box-shadow: -13px 13px 19px #0000004c;
}

.screen .element-153 {
    left: calc(50% - 323px);
    width: 616px;
    height: 431px;
    border-radius: 9.2px;
    border: 1.15px solid;
    position: absolute;
    top: 0;
    background-color: #ffffff;
    border-color: #e1e2e8;
}

.screen .element-154 {
    position: absolute;
    left: 97px;
    bottom: 125px;
    width: 497px;
    height: 188px;
}

.screen .text-wrapper-85 {
    position: absolute;
    top: 113px;
    left: 61px;
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: #3d3d3d;
    font-size: 16.1px;
    letter-spacing: 0;
    line-height: 22.5px;
    white-space: nowrap;
}

.screen .text-wrapper-86 {
    position: absolute;
    top: 138px;
    left: 61px;
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: #9a9a9a;
    font-size: 11.5px;
    letter-spacing: 0;
    line-height: 16.1px;
    white-space: nowrap;
}

.screen .text-wrapper-87 {
    position: absolute;
    left: 97px;
    bottom: 99px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #969696;
    font-size: 11.8px;
    letter-spacing: 0;
    line-height: 16.5px;
    white-space: nowrap;
}

.screen .text-wrapper-88 {
    position: absolute;
    left: 178px;
    bottom: 99px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #969696;
    font-size: 11.8px;
    letter-spacing: 0;
    line-height: 16.5px;
    white-space: nowrap;
}

.screen .text-wrapper-89 {
    position: absolute;
    left: 257px;
    bottom: 99px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #969696;
    font-size: 11.8px;
    letter-spacing: 0;
    line-height: 16.5px;
    white-space: nowrap;
}

.screen .text-wrapper-90 {
    position: absolute;
    right: 307px;
    bottom: 99px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #969696;
    font-size: 11.8px;
    letter-spacing: 0;
    line-height: 16.5px;
    white-space: nowrap;
}

.screen .text-wrapper-91 {
    position: absolute;
    right: 233px;
    bottom: 99px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #969696;
    font-size: 11.8px;
    letter-spacing: 0;
    line-height: 16.5px;
    white-space: nowrap;
}

.screen .text-wrapper-92 {
    position: absolute;
    right: 161px;
    bottom: 99px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #969696;
    font-size: 11.8px;
    letter-spacing: 0;
    line-height: 16.5px;
    white-space: nowrap;
}

.screen .text-wrapper-93 {
    position: absolute;
    right: 87px;
    bottom: 99px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #969696;
    font-size: 11.8px;
    letter-spacing: 0;
    line-height: 16.5px;
    white-space: nowrap;
}

.screen .text-wrapper-94 {
    left: 57px;
    bottom: 107px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #969696;
    font-size: 13.9px;
    line-height: 19.5px;
    position: absolute;
    letter-spacing: 0;
    white-space: nowrap;
}

.screen .text-wrapper-95 {
    left: 54px;
    bottom: 146px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #969696;
    font-size: 13.9px;
    line-height: 19.5px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.screen .text-wrapper-96 {
    left: 54px;
    bottom: 184px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #969696;
    font-size: 13.9px;
    line-height: 19.5px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.screen .text-wrapper-97 {
    left: 54px;
    bottom: 223px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #969696;
    font-size: 13.9px;
    line-height: 19.5px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.screen .text-wrapper-98 {
    top: 214px;
    left: 54px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #969696;
    font-size: 13.9px;
    line-height: 19.5px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.screen .text-wrapper-99 {
    top: 176px;
    left: 54px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #969696;
    font-size: 13.9px;
    line-height: 19.5px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.screen .element-155 {
    position: absolute;
    right: 86px;
    bottom: 163px;
    width: 498px;
    height: 98px;
}

.screen .element-156 {
    position: absolute;
    right: 86px;
    bottom: 205px;
    width: 496px;
    height: 35px;
}

.screen .element-157 {
    position: absolute;
    right: 85px;
    bottom: 226px;
    width: 500px;
    height: 35px;
}

.screen .view-11 {
    position: absolute;
    top: 184px;
    right: 181px;
    width: 199px;
    height: 120px;
    background-color: #ffffff;
    border-radius: 10.04px;
    overflow: hidden;
    box-shadow: 29.95px 10.35px 74.6px #babfd4;
}

.screen .element-158 {
    top: 45px;
    left: 13px;
    width: 9px;
    height: 9px;
    border-radius: 4.28px/4.31px;
    position: absolute;
    background-color: #ff5d3e;
}

.screen .element-159 {
    position: absolute;
    left: 13px;
    bottom: 42px;
    width: 9px;
    height: 9px;
    background-color: #ffd961;
    border-radius: 4.28px/4.31px;
}

.screen .element-160 {
    position: absolute;
    left: 13px;
    bottom: 19px;
    width: 9px;
    height: 9px;
    background-color: #64a114;
    border-radius: 4.28px/4.31px;
}

.screen .text-wrapper-100 {
    position: absolute;
    top: 7px;
    right: 73px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #484848;
    font-size: 11.8px;
    letter-spacing: 0;
    line-height: 16.5px;
    white-space: nowrap;
}

.screen .text-wrapper-101 {
    position: absolute;
    top: 42px;
    left: 30px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #484848;
    font-size: 10.7px;
    letter-spacing: 0;
    line-height: 15px;
    white-space: nowrap;
}

.screen .text-wrapper-102 {
    position: absolute;
    left: 30px;
    bottom: 40px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #484848;
    font-size: 10.7px;
    letter-spacing: 0;
    line-height: 15px;
    white-space: nowrap;
}

.screen .text-wrapper-103 {
    position: absolute;
    left: 30px;
    bottom: 17px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #484848;
    font-size: 10.7px;
    letter-spacing: 0;
    line-height: 15px;
    white-space: nowrap;
}

.screen .element-161 {
    position: absolute;
    top: 42px;
    right: 24px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #484848;
    font-size: 10.7px;
    letter-spacing: 0;
    line-height: 15px;
    white-space: nowrap;
}

.screen .element-162 {
    position: absolute;
    right: 24px;
    bottom: 40px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #484848;
    font-size: 10.7px;
    letter-spacing: 0;
    line-height: 15px;
    white-space: nowrap;
}

.screen .element-163 {
    position: absolute;
    right: 24px;
    bottom: 17px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #484848;
    font-size: 10.7px;
    letter-spacing: 0;
    line-height: 15px;
    white-space: nowrap;
}

.screen .element-164 {
    position: absolute;
    top: 29px;
    left: 13px;
    width: 170px;
    height: 1px;
}

.screen .element-165 {
    position: absolute;
    left: 287px;
    bottom: 127px;
    width: 1px;
    height: 203px;
}

.screen .element-166 {
    position: absolute;
    right: 106px;
    bottom: 135px;
    width: 146px;
    height: 15px;
    overflow: hidden;
}

.screen .text-wrapper-104 {
    position: absolute;
    top: calc(50% - 7px);
    left: 10px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 10.7px;
    letter-spacing: 0;
    line-height: 15px;
    white-space: nowrap;
}

.screen .text-wrapper-105 {
    position: absolute;
    top: calc(50% - 7px);
    right: 55px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 10.7px;
    letter-spacing: 0;
    line-height: 15px;
    white-space: nowrap;
}

.screen .text-wrapper-106 {
    position: absolute;
    top: calc(50% - 7px);
    right: -1px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 10.7px;
    letter-spacing: 0;
    line-height: 15px;
    white-space: nowrap;
}

.screen .element-167 {
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 7px;
    height: 7px;
    background-color: #ff5d3e;
}

.screen .element-168 {
    position: absolute;
    left: 56px;
    bottom: 2px;
    width: 7px;
    height: 7px;
    background-color: #ffce33;
}

.screen .element-169 {
    position: absolute;
    right: 25px;
    bottom: 2px;
    width: 7px;
    height: 7px;
    background-color: #64a114;
}

.screen .element-170 {
    position: absolute;
    left: 282px;
    bottom: 223px;
    width: 9px;
    height: 9px;
    background-color: #ffffff;
    border-radius: 4.6px;
    border: 1.15px solid;
    border-color: #ff5d3e;
}

.screen .element-171 {
    position: absolute;
    left: 282px;
    bottom: 203px;
    width: 9px;
    height: 9px;
    background-color: #ffffff;
    border-radius: 4.6px;
    border: 1.15px solid;
    border-color: #ffce33;
}

.screen .element-172 {
    position: absolute;
    left: 282px;
    bottom: 160px;
    width: 9px;
    height: 9px;
    background-color: #ffffff;
    border-radius: 4.6px;
    border: 1.15px solid;
    border-color: #64a114;
}

.screen .element-wrapper {
    position: absolute;
    left: 26px;
    bottom: 186px;
    width: 308px;
    height: 179px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.screen .element-173 {
    height: 179.3px;
    width: 308.2px;
    position: relative;
    overflow: hidden;
}

.screen .element-174 {
    position: absolute;
    top: calc(50% - 90px);
    left: 0;
    width: 179px;
    height: 179px;
    border-radius: 89.38px/89.65px;
    border: 1.14px dashed;
    border-color: #eeeeee;
    backdrop-filter: blur(7.37px) brightness(100%);
    -webkit-backdrop-filter: blur(7.37px) brightness(100%);
}

.screen .element-175 {
    position: absolute;
    top: 32px;
    left: 31px;
    width: 115px;
    height: 115px;
    background-color: #ffffff;
    border-radius: 57.63px/57.49px;
    border: 1.14px dashed;
    border-color: #dcdcdc;
}

.screen .element-176 {
    position: absolute;
    right: 0;
    bottom: 24px;
    width: 206px;
    height: 71px;
    background-color: #ffffff;
    border-radius: 10.04px;
    box-shadow: 29.95px 10.35px 74.6px #babfd4;
}

.screen .element-177 {
    position: absolute;
    top: 47px;
    left: 46px;
    width: 86px;
    height: 85px;
    background-color: #3496ff;
    border-radius: 42.79px/42.69px;
    box-shadow: 0px 4.55px 11.38px #0000004c;
}

.screen .element-178 {
    top: 70px;
    left: 60px;
    transform: rotate(2.05deg);
    font-family: "SourceHanSansCN-Bold", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 25px;
    line-height: 25px;
    position: absolute;
    letter-spacing: 0;
}

.screen .text-wrapper-107 {
    line-height: 35.1px;
}

.screen .text-wrapper-108 {
    font-size: 18.2px;
    line-height: 25.5px;
}

.screen .text-wrapper-109 {
    position: absolute;
    right: 32px;
    bottom: 46px;
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: #595959;
    font-size: 16.1px;
    letter-spacing: 0;
    line-height: 22.5px;
    white-space: nowrap;
}

.screen .sec-img-3 {
    position: absolute;
    width: 1166px;
    height: 825px;
    top: 0;
    left: 0;
}

.screen .element-179 {
    position: absolute;
    left: 0;
    bottom: 262px;
    width: 344px;
    height: 261px;
    overflow: hidden;
}

.screen .text-wrapper-110 {
    position: absolute;
    top: 0;
    right: -1px;
    width: 332px;
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 50px;
}

.screen .view-12 {
    position: absolute;
    top: 26px;
    left: 0;
    width: 6px;
    height: 154px;
}

.screen .element-180 {
    position: absolute;
    top: 0;
    left: calc(50% - 3px);
    width: 6px;
    height: 6px;
    background-color: #3256e8;
    border-radius: 3px;
}

.screen .element-181 {
    position: absolute;
    top: 50px;
    left: calc(50% - 3px);
    width: 6px;
    height: 6px;
    background-color: #3256e8;
    border-radius: 3px;
}

.screen .element-182 {
    position: absolute;
    left: calc(50% - 3px);
    bottom: 51px;
    width: 6px;
    height: 6px;
    background-color: #3256e8;
    border-radius: 3px;
}

.screen .element-183 {
    position: absolute;
    left: calc(50% - 3px);
    bottom: 0;
    width: 6px;
    height: 6px;
    background-color: #3256e8;
    border-radius: 3px;
}

.screen .element-184 {
    position: absolute;
    top: 222px;
    left: calc(50% - 169px);
    width: 140px;
    height: 39px;
    border-radius: 7.74px;
    border: 1px solid;
    border-color: #4567f1;
}

.screen .text-wrapper-111 {
    position: absolute;
    top: 232px;
    left: calc(50% - 127px);
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #4567f1;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0;
    line-height: 19.6px;
    white-space: nowrap;
}

.screen .view-13 {
    position: absolute;
    right: 310px;
    bottom: 216px;
    width: 282px;
    height: 65px;
}

.screen .element-185 {
    position: absolute;
    top: calc(50% - 32px);
    left: calc(50% - 141px);
    width: 282px;
    height: 65px;
}

.screen .element-186 {
    position: absolute;
    top: 9px;
    left: calc(50% - 141px);
    width: 282px;
    height: 56px;
    background-color: #bfbfbf;
    border-radius: 15px;
}

.screen .element-187 {
    position: absolute;
    top: 5px;
    left: calc(50% - 141px);
    width: 282px;
    height: 56px;
    background-color: #666666;
    border-radius: 15px;
}

.screen .element-188 {
    position: absolute;
    top: 0;
    left: calc(50% - 141px);
    width: 282px;
    height: 56px;
    background-color: #161616;
    border-radius: 15px;
}

.screen .black {
    position: absolute;
    width: 282px;
    height: 65px;
    top: 0;
    left: 0;
}

.screen .element-189 {
    left: 42px;
    width: 175px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 3px;
    height: 50px;
    overflow: hidden;
}

.screen .text-wrapper-112 {
    height: 50px;
    width: 177px;
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 50px;
    white-space: nowrap;
}

.screen .arrow-wrapper {
    position: absolute;
    top: 22px;
    right: 42px;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    background-image: url(./images/sec3_arrow.png);
    background-size: 100% 100%;
}

.screen .arrow {
    width: 15px;
    height: 15px;
    margin-bottom: -0.04px;
}

.screen .sec-5 {
    position: absolute;
    left: calc(50% - 600px);
    bottom: 2180px;
    width: 1200px;
    height: 825px;
    overflow: hidden;
    z-index: 2;
}

.screen .element-190 {
    position: absolute;
    top: 0;
    left: 84.5px;
    width: 578px;
    height: 115px;
    overflow: hidden;
}

.screen .element-191 {
    right: 166px;
    bottom: 44px;
    position: absolute;
    width: 235px;
    height: 35px;
}

.screen .text-wrapper-113 {
    position: absolute;
    right: -1px;
    bottom: 0;
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #666666;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 33.6px;
    white-space: nowrap;
}

.screen .text-wrapper-114 {
    position: absolute;
    top: 0;
    left: calc(50% - 290px);
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #161616;
    font-size: 48px;
    letter-spacing: 0;
    line-height: 67.2px;
    white-space: nowrap;
}

.screen .element-192 {
    position: absolute;
    right: 1px;
    bottom: 0;
    width: 1166px;
    height: 825px;
}

.screen .element-193 {
    position: absolute;
    left: 13px;
    bottom: 82px;
    width: 632px;
    height: 449px;
}

.screen .view-14 {
    position: absolute;
    top: 206px;
    left: 177px;
    width: 197px;
    height: 194px;
    display: flex;
    background-color: #ffffff;
    border-radius: 10.04px;
    overflow: hidden;
    box-shadow: -20.05px 10.35px 74.6px #babfd4;
}

.screen .element-194 {
    margin-top: 13.4px;
    width: 63.6px;
    height: 41.44px;
    margin-left: 19.2px;
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: transparent;
    font-size: 9.3px;
    letter-spacing: 0;
    line-height: 9.3px;
}

.screen .text-wrapper-115 {
    color: #595959;
    line-height: 13.1px;
}

.screen .text-wrapper-116 {
    color: #5173fc;
    font-size: 17.9px;
    line-height: 25.1px;
}

.screen .element-195 {
    position: absolute;
    right: 125px;
    bottom: 101px;
    width: 658px;
    height: 555px;
}

.screen .view-15 {
    position: absolute;
    top: 13px;
    left: calc(50% - 329px);
    width: 658px;
    height: 542px;
    background-color: #c5d4ff;
    border-radius: 16.1px;
    filter: blur(40.79px);
}

.screen .element-196 {
    left: 15px;
    bottom: 32px;
    width: 515px;
    background-color: #4382ff;
    position: absolute;
    height: 281px;
    border-radius: 14px;
    box-shadow: -13px 13px 19px #0000004c;
}

.screen .element-197 {
    left: calc(50% - 296px);
    width: 578px;
    height: 506px;
    border-radius: 8.96px;
    border: 1.12px solid;
    position: absolute;
    top: 0;
    background-color: #ffffff;
    border-color: #e1e2e8;
}

.screen .view-16 {
    position: absolute;
    right: 151px;
    bottom: 135px;
    width: 240px;
    height: 230px;
}

.screen .element-198 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 71px;
    height: 133px;
    background-color: #ffffff;
}

.screen .element-199 {
    position: absolute;
    left: 7px;
    bottom: 0;
    width: 57px;
    height: 124px;
    background-color: #3496ff;
}

.screen .element-200 {
    position: absolute;
    top: 0;
    right: 0;
    width: 194px;
    height: 103px;
    background-color: #ffffff;
    border-radius: 9.78px;
    box-shadow: 36.95px 19.35px 74.6px #c5cdef;
}

.screen .element-201 {
    top: 44px;
    left: 59px;
    width: 8px;
    height: 8px;
    border-radius: 4.17px/4.2px;
    position: absolute;
    background-color: #ff5d3e;
}

.screen .element-202 {
    position: absolute;
    top: 67px;
    left: 59px;
    width: 8px;
    height: 8px;
    background-color: #70b6ff;
    border-radius: 4.17px/4.2px;
}

.screen .text-wrapper-117 {
    position: absolute;
    top: 10px;
    left: 57px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #413e3e;
    font-size: 11.5px;
    letter-spacing: 0;
    line-height: 16.1px;
    white-space: nowrap;
}

.screen .text-wrapper-118 {
    position: absolute;
    top: 41px;
    left: 75px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #686868;
    font-size: 10.4px;
    letter-spacing: 0;
    line-height: 14.6px;
    white-space: nowrap;
}

.screen .text-wrapper-119 {
    position: absolute;
    top: 63px;
    left: 75px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #686868;
    font-size: 10.4px;
    letter-spacing: 0;
    line-height: 14.6px;
    white-space: nowrap;
}

.screen .text-wrapper-120 {
    top: 41px;
    right: 43px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #393939;
    font-size: 10.4px;
    line-height: 14.6px;
    position: absolute;
    letter-spacing: 0;
    white-space: nowrap;
}

.screen .text-wrapper-121 {
    top: 64px;
    right: 48px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #393939;
    font-size: 10.4px;
    line-height: 14.6px;
    position: absolute;
    letter-spacing: 0;
    white-space: nowrap;
}

.screen .element-203 {
    position: absolute;
    top: 33px;
    right: 16px;
    width: 166px;
    height: 1px;
}

.screen .view-17 {
    position: absolute;
    right: 113px;
    bottom: 135px;
    width: 413px;
    height: 114px;
}

.screen .element-204 {
    position: absolute;
    right: 142px;
    bottom: 0;
    width: 58px;
    height: 100px;
    background-color: #3496ff;
}

.screen .element-205 {
    position: absolute;
    right: 71px;
    bottom: 0;
    width: 58px;
    height: 105px;
    background-color: #3496ff;
}

.screen .element-206 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 58px;
    height: 100px;
    background-color: #3496ff;
}

.screen .element-207 {
    position: absolute;
    top: calc(50% - 57px);
    left: 0;
    width: 57px;
    height: 114px;
    background-color: #3496ff;
}

.screen .element-208 {
    position: absolute;
    left: 71px;
    bottom: 0;
    width: 57px;
    height: 86px;
    background-color: #3496ff;
}

.screen .element-209 {
    position: absolute;
    left: 199px;
    bottom: 0;
    width: 14px;
    height: 61px;
    background-color: #ffffff;
}

.screen .view-18 {
    position: absolute;
    left: 456px;
    bottom: 176px;
    width: 282px;
    height: 65px;
}

.screen .element-210 {
    right: 33px;
    width: 215px;
    position: absolute;
    top: 3px;
    height: 50px;
    overflow: hidden;
}

.screen .text-wrapper-122 {
    position: absolute;
    top: calc(50% - 25px);
    left: -1px;
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 50px;
    white-space: nowrap;
}

.screen .image-20 {
    position: absolute;
    width: 6.96%;
    height: 29.92%;
    top: 38%;
    left: 93.04%;
}

.screen .element-211 {
    position: absolute;
    top: 268px;
    left: 0;
    width: 344px;
    height: 261px;
    overflow: hidden;
}

.screen .sec-6 {
    position: absolute;
    left: calc(50% - 600px);
    bottom: 3037px;
    width: 1200px;
    height: 825px;
    z-index: 2;
}

.screen .element-212 {
    position: absolute;
    top: 0;
    left: 181.5px;
    width: 672px;
    height: 115px;
    overflow: hidden;
}

.screen .element-213 {
    top: calc(50% - 17px);
    left: 149px;
    position: absolute;
    width: 235px;
    height: 35px;
}

.screen .text-wrapper-123 {
    position: absolute;
    top: 0;
    left: calc(50% - 337px);
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #161616;
    font-size: 48px;
    letter-spacing: 0;
    line-height: 67.2px;
    white-space: nowrap;
}

.screen .element-214 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1166px;
    height: 825px;
}

.screen .element-215 {
    position: absolute;
    right: 99px;
    bottom: 113px;
    width: 840px;
    height: 520px;
}

.screen .image-21 {
    position: absolute;
    top: 134px;
    right: 152px;
    width: 581px;
    height: 459px;
}

.screen .view-19 {
    position: absolute;
    left: 195px;
    bottom: 210px;
    width: 165px;
    height: 163px;
    background-color: #ffffff;
    border-radius: 10.04px;
    overflow: hidden;
    box-shadow: 29.95px 10.35px 74.6px #c5cdef;
}

.screen .element-216 {
    position: absolute;
    left: 32px;
    bottom: 20px;
    width: 91px;
    height: 91px;
    border-radius: 45.5px;
    border: 15px solid;
    border-color: #3496ff33;
}

.screen .element-217 {
    position: absolute;
    right: 54px;
    bottom: 34px;
    width: 79px;
    height: 92px;
}

.screen .text-wrapper-124 {
    left: 251px;
    bottom: 268px;
    font-family: "SourceHanSansCN-Bold", Helvetica;
    font-weight: 700;
    color: #080808;
    font-size: 17.4px;
    line-height: 24.4px;
    position: absolute;
    letter-spacing: 0;
    white-space: nowrap;
}

.screen .text-wrapper-125 {
    position: absolute;
    left: 259px;
    bottom: 258px;
    font-family: "SourceHanSansCN-Bold", Helvetica;
    font-weight: 700;
    color: #3496ff;
    font-size: 9px;
    letter-spacing: 0;
    line-height: 12.6px;
    white-space: nowrap;
}

.screen .view-20 {
    position: absolute;
    right: 613px;
    bottom: 240px;
    width: 282px;
    height: 65px;
}

.screen .element-218 {
    left: 50px;
    width: 182px;
    position: absolute;
    top: 3px;
    height: 50px;
    overflow: hidden;
}

.screen .image-22 {
    position: absolute;
    width: 8.22%;
    height: 29.92%;
    top: 38%;
    left: 91.78%;
}

.screen .element-219 {
    position: absolute;
    right: 0;
    bottom: 303px;
    width: 344px;
    height: 261px;
    overflow: hidden;
}

.screen .view-21 {
    position: absolute;
    top: 23px;
    left: 0;
    width: 6px;
    height: 155px;
}

.screen .element-220 {
    position: absolute;
    left: calc(50% - 3px);
    bottom: 50px;
    width: 6px;
    height: 6px;
    background-color: #3256e8;
    border-radius: 3px;
}

.screen .text-wrapper-126 {
    position: absolute;
    top: 232px;
    left: calc(50% - 128px);
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #4567f1;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0;
    line-height: 19.6px;
    white-space: nowrap;
}

.screen .sec-7 {
    position: absolute;
    left: calc(50% - 600px);
    bottom: 1274px;
    width: 1200px;
    height: 825px;
    z-index: 2;
}

.screen .element-221 {
    position: absolute;
    top: 0;
    left: 147px;
    width: 639px;
    height: 115px;
    overflow: hidden;
}

.screen .element-222 {
    right: 10px;
    bottom: 39px;
    position: absolute;
    width: 235px;
    height: 35px;
}

.screen .text-wrapper-127 {
    position: absolute;
    top: 0;
    left: calc(50% - 320px);
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #161616;
    font-size: 48px;
    letter-spacing: 0;
    line-height: 67.2px;
    white-space: nowrap;
}

.screen .element-223 {
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 1166px;
    height: 825px;
}

.screen .element-224 {
    position: absolute;
    right: 152px;
    bottom: 190px;
    width: 850px;
    height: 404px;
}

.screen .sec-pic {
    position: absolute;
    top: 123px;
    right: 123px;
    width: 683px;
    height: 371px;
}

.screen .view-22 {
    position: absolute;
    top: 0;
    left: calc(50% - 342px);
    width: 683px;
    height: 370px;
    background-color: #bbcdff;
    border-radius: 16.1px;
    filter: blur(40.79px);
}

.screen .element-225 {
    left: 12px;
    bottom: 0;
    width: 380px;
    background-color: #6462ff;
    position: absolute;
    height: 281px;
    border-radius: 14px;
    box-shadow: -13px 13px 19px #0000004c;
}

.screen .element-226 {
    position: absolute;
    right: 12px;
    bottom: 14px;
    width: 646px;
    height: 338px;
    background-color: #ffffff;
    border-radius: 8.8px;
    border: 1.1px solid;
    border-color: #e1e2e8;
}

.screen .element-227 {
    position: absolute;
    right: 36px;
    bottom: 47px;
    width: 598px;
    height: 231px;
    overflow: hidden;
}

.screen .element-228 {
    position: absolute;
    left: 161px;
    bottom: 13px;
    width: 26px;
    height: 15px;
    background-color: #f5f5f5;
    border-radius: 9.03px;
}

.screen .text-wrapper-128 {
    position: absolute;
    top: 42px;
    left: 103px;
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: #3d3d3d;
    font-size: 12.3px;
    letter-spacing: 0;
    line-height: 17.2px;
    white-space: nowrap;
}

.screen .text-wrapper-129 {
    position: absolute;
    top: 82px;
    left: 103px;
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: #3d3d3d;
    font-size: 12.3px;
    letter-spacing: 0;
    line-height: 17.2px;
    white-space: nowrap;
}

.screen .text-wrapper-130 {
    position: absolute;
    left: 103px;
    bottom: 93px;
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: #3d3d3d;
    font-size: 12.3px;
    letter-spacing: 0;
    line-height: 17.2px;
    white-space: nowrap;
}

.screen .text-wrapper-131 {
    position: absolute;
    left: 103px;
    bottom: 53px;
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: #3d3d3d;
    font-size: 12.3px;
    letter-spacing: 0;
    line-height: 17.2px;
    white-space: nowrap;
}

.screen .text-wrapper-132 {
    position: absolute;
    left: 103px;
    bottom: 13px;
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: #3d3d3d;
    font-size: 12.3px;
    letter-spacing: 0;
    line-height: 17.2px;
    white-space: nowrap;
}

.screen .text-wrapper-133 {
    position: absolute;
    top: 44px;
    left: 90px;
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: #6e7188;
    font-size: 12.3px;
    letter-spacing: 0;
    line-height: 17.2px;
    white-space: nowrap;
}

.screen .text-wrapper-134 {
    position: absolute;
    top: 84px;
    left: 90px;
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: #6e7188;
    font-size: 12.3px;
    letter-spacing: 0;
    line-height: 17.2px;
    white-space: nowrap;
}

.screen .text-wrapper-135 {
    position: absolute;
    left: 90px;
    bottom: 90px;
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: #6e7188;
    font-size: 12.3px;
    letter-spacing: 0;
    line-height: 17.2px;
    white-space: nowrap;
}

.screen .text-wrapper-136 {
    position: absolute;
    left: 168px;
    bottom: 14px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #676767;
    font-size: 10.3px;
    letter-spacing: 0;
    line-height: 14.4px;
    white-space: nowrap;
}

.screen .text-wrapper-137 {
    top: 44px;
    left: 281px;
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: #2a2a2a;
    font-size: 10.3px;
    line-height: 14.4px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.screen .text-wrapper-138 {
    top: 84px;
    left: 281px;
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: #2a2a2a;
    font-size: 10.3px;
    line-height: 14.4px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.screen .text-wrapper-139 {
    left: 281px;
    bottom: 93px;
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: #2a2a2a;
    font-size: 10.3px;
    line-height: 14.4px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.screen .text-wrapper-140 {
    left: 280px;
    bottom: 53px;
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: #2a2a2a;
    font-size: 10.3px;
    line-height: 14.4px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.screen .text-wrapper-141 {
    left: 280px;
    bottom: 14px;
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: #2a2a2a;
    font-size: 10.3px;
    line-height: 14.4px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.screen .text-wrapper-142 {
    top: 45px;
    right: 180px;
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: #2a2a2a;
    font-size: 10.3px;
    line-height: 14.4px;
    position: absolute;
    letter-spacing: 0;
    white-space: nowrap;
}

.screen .text-wrapper-143 {
    position: absolute;
    top: 45px;
    right: 87px;
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: #3f4251;
    font-size: 10.3px;
    letter-spacing: 0;
    line-height: 14.4px;
    white-space: nowrap;
}

.screen .text-wrapper-144 {
    top: 85px;
    right: 180px;
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: #2a2a2a;
    font-size: 10.3px;
    line-height: 14.4px;
    position: absolute;
    letter-spacing: 0;
    white-space: nowrap;
}

.screen .text-wrapper-145 {
    position: absolute;
    top: 85px;
    right: 87px;
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: #3f4251;
    font-size: 10.3px;
    letter-spacing: 0;
    line-height: 14.4px;
    white-space: nowrap;
}

.screen .text-wrapper-146 {
    right: 180px;
    bottom: 92px;
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: #2a2a2a;
    font-size: 10.3px;
    line-height: 14.4px;
    position: absolute;
    letter-spacing: 0;
    white-space: nowrap;
}

.screen .text-wrapper-147 {
    position: absolute;
    right: 87px;
    bottom: 92px;
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: #3f4251;
    font-size: 10.3px;
    letter-spacing: 0;
    line-height: 14.4px;
    white-space: nowrap;
}

.screen .text-wrapper-148 {
    right: 181px;
    bottom: 53px;
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: #2a2a2a;
    font-size: 10.3px;
    line-height: 14.4px;
    position: absolute;
    letter-spacing: 0;
    white-space: nowrap;
}

.screen .text-wrapper-149 {
    position: absolute;
    right: 88px;
    bottom: 53px;
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: #3f4251;
    font-size: 10.3px;
    letter-spacing: 0;
    line-height: 14.4px;
    white-space: nowrap;
}

.screen .text-wrapper-150 {
    right: 181px;
    bottom: 14px;
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: #2a2a2a;
    font-size: 10.3px;
    line-height: 14.4px;
    position: absolute;
    letter-spacing: 0;
    white-space: nowrap;
}

.screen .text-wrapper-151 {
    position: absolute;
    right: 88px;
    bottom: 14px;
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: #3f4251;
    font-size: 10.3px;
    letter-spacing: 0;
    line-height: 14.4px;
    white-space: nowrap;
}

.screen .element-229 {
    position: absolute;
    top: 44px;
    right: 200px;
    width: 3px;
    height: 16px;
    background-color: #f0b100;
}

.screen .element-230 {
    position: absolute;
    right: 200px;
    bottom: 90px;
    width: 3px;
    height: 16px;
    background-color: #f0b100;
}

.screen .element-231 {
    position: absolute;
    right: 200px;
    bottom: 52px;
    width: 3px;
    height: 16px;
    background-color: #f0b100;
}

.screen .element-232 {
    position: absolute;
    right: 200px;
    bottom: 13px;
    width: 3px;
    height: 16px;
    background-color: #00c950;
}

.screen .element-233 {
    position: absolute;
    top: 84px;
    right: 200px;
    width: 3px;
    height: 16px;
    background-color: #00c950;
}

.screen .element-234 {
    position: absolute;
    left: 77px;
    bottom: 12px;
    width: 18px;
    height: 18px;
    background-image: url(./img/17.svg);
    background-size: 100% 100%;
}

.screen .element-235 {
    position: absolute;
    left: 76px;
    bottom: 51px;
    width: 21px;
    height: 21px;
    background-image: url(./img/17-2.svg);
    background-size: 100% 100%;
}

.screen .element-236 {
    position: absolute;
    left: calc(50% - 299px);
    bottom: 1px;
    width: 598px;
    height: 230px;
    border-radius: 8.21px;
    border: 1.03px solid;
    border-color: #e9e9e9;
}

.screen .element-237 {
    position: absolute;
    top: calc(50% - 2320px);
    left: calc(50% - 631px);
    width: 598px;
    height: 42px;
}

.screen .element-238 {
    position: absolute;
    top: calc(50% - 2241px);
    left: calc(50% - 631px);
    width: 598px;
    height: 42px;
}

.screen .element-239 {
    position: absolute;
    top: 0;
    left: calc(50% - 299px);
    width: 598px;
    height: 33px;
    background-color: #f9f9f9;
    border-radius: 8.21px 8.21px 0px 0px;
    border: 1.03px solid;
    border-color: #e9e9e9;
}

.screen .element-240 {
    position: absolute;
    top: 41px;
    left: 9px;
    width: 24px;
    height: 24px;
    background-color: #f5f5f5;
    border-radius: 11.82px/11.81px;
}

.screen .text-wrapper-152 {
    top: 43px;
    left: 16px;
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: #3d3d3d;
    font-size: 12.3px;
    line-height: 17.2px;
    position: absolute;
    letter-spacing: 0;
    white-space: nowrap;
}

.screen .element-241 {
    position: absolute;
    top: 80px;
    left: 9px;
    width: 24px;
    height: 24px;
    background-color: #f5f5f5;
    border-radius: 11.82px/11.81px;
}

.screen .text-wrapper-153 {
    top: 82px;
    left: 16px;
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: #3d3d3d;
    font-size: 12.3px;
    line-height: 17.2px;
    position: absolute;
    letter-spacing: 0;
    white-space: nowrap;
}

.screen .element-242 {
    position: absolute;
    left: 9px;
    bottom: 86px;
    width: 24px;
    height: 24px;
    background-color: #f5f5f5;
    border-radius: 11.82px/11.81px;
}

.screen .text-wrapper-154 {
    left: 16px;
    bottom: 90px;
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: #3d3d3d;
    font-size: 12.3px;
    line-height: 17.2px;
    position: absolute;
    letter-spacing: 0;
    white-space: nowrap;
}

.screen .element-243 {
    position: absolute;
    left: 9px;
    bottom: 48px;
    width: 24px;
    height: 24px;
    background-color: #f5f5f5;
    border-radius: 11.82px/11.81px;
}

.screen .element-244 {
    position: absolute;
    left: 9px;
    bottom: 9px;
    width: 24px;
    height: 24px;
    background-color: #f5f5f5;
    border-radius: 11.82px/11.81px;
}

.screen .text-wrapper-155 {
    left: 16px;
    bottom: 52px;
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: #3d3d3d;
    font-size: 12.3px;
    line-height: 17.2px;
    position: absolute;
    letter-spacing: 0;
    white-space: nowrap;
}

.screen .text-wrapper-156 {
    left: 16px;
    bottom: 13px;
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: #3d3d3d;
    font-size: 12.3px;
    line-height: 17.2px;
    position: absolute;
    letter-spacing: 0;
    white-space: nowrap;
}

.screen .text-wrapper-157 {
    position: absolute;
    top: 8px;
    left: 100px;
    font-family: "SourceHanSansCN-Bold", Helvetica;
    font-weight: 700;
    color: #3d3d3d;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16.8px;
    white-space: nowrap;
}

.screen .text-wrapper-158 {
    position: absolute;
    top: 8px;
    left: 278px;
    font-family: "SourceHanSansCN-Bold", Helvetica;
    font-weight: 700;
    color: #3d3d3d;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16.8px;
    white-space: nowrap;
}

.screen .text-wrapper-159 {
    position: absolute;
    top: 8px;
    right: 174px;
    font-family: "SourceHanSansCN-Bold", Helvetica;
    font-weight: 700;
    color: #3d3d3d;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16.8px;
    white-space: nowrap;
}

.screen .text-wrapper-160 {
    position: absolute;
    top: 8px;
    right: 69px;
    font-family: "SourceHanSansCN-Bold", Helvetica;
    font-weight: 700;
    color: #3d3d3d;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16.8px;
    white-space: nowrap;
}

.screen .element-245 {
    position: absolute;
    top: 40px;
    right: 41px;
    width: 585px;
    height: 35px;
    overflow: hidden;
}

.screen .element-246 {
    position: absolute;
    right: 35px;
    bottom: 3px;
    width: 60px;
    height: 24px;
    background-color: #ffffff;
    border-radius: 5px;
    overflow: hidden;
    border: 0.9px solid;
    border-color: #e5e5e5;
}

.screen .text-wrapper-161 {
    position: absolute;
    top: 5px;
    left: calc(50% - 3px);
    width: 23px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #353535;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 14px;
    white-space: nowrap;
}

.screen .image-23 {
    position: absolute;
    width: 20.42%;
    height: 40.62%;
    top: 29.17%;
    left: 21.67%;
}

.screen .image-24 {
    position: absolute;
    height: 42.86%;
    top: 37.14%;
    left: calc(50% + 276px);
    width: 17px;
}

.screen .text-wrapper-162 {
    position: absolute;
    top: 0;
    left: 0;
    font-family: "SourceHanSansCN-Bold", Helvetica;
    font-weight: 700;
    color: #3d3d3d;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16.8px;
    white-space: nowrap;
}

.screen .text-wrapper-163 {
    position: absolute;
    left: -1px;
    bottom: 0;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #767676;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16.8px;
    white-space: nowrap;
}

.screen .element-247 {
    position: absolute;
    left: 126px;
    bottom: 123px;
    width: 646px;
    height: 111px;
    background-color: #ffffff;
    border-radius: 10.04px;
    overflow: hidden;
    box-shadow: 29.95px 10.35px 74.6px #babfd4;
}

.screen .text-wrapper-164 {
    position: absolute;
    top: 13px;
    left: 20px;
    font-family: "SourceHanSansCN-Medium", Helvetica;
    font-weight: 500;
    color: #3d3d3d;
    font-size: 13.2px;
    letter-spacing: 0;
    line-height: 18.5px;
    white-space: nowrap;
}

.screen .text-wrapper-165 {
    position: absolute;
    right: 266px;
    bottom: 21px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 15.4px;
    white-space: nowrap;
}

.screen .text-wrapper-166 {
    position: absolute;
    right: 163px;
    bottom: 21px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 15.4px;
    white-space: nowrap;
}

.screen .text-wrapper-167 {
    position: absolute;
    right: 62px;
    bottom: 21px;
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 15.4px;
    white-space: nowrap;
}

.screen .element-248 {
    position: absolute;
    top: 44px;
    left: 21px;
    width: 597px;
    height: 11px;
    background-color: #ffd961;
}

.screen .element-249 {
    position: absolute;
    top: 44px;
    right: 27px;
    width: 42px;
    height: 11px;
    background-color: #ff5d3e;
}

.screen .element-250 {
    position: absolute;
    top: 44px;
    right: 69px;
    width: 73px;
    height: 11px;
    background-color: #83cd22;
}

.screen .element-251 {
    position: absolute;
    left: 310px;
    bottom: 25px;
    width: 7px;
    height: 7px;
    background-color: #ffd961;
}

.screen .element-252 {
    position: absolute;
    right: 223px;
    bottom: 25px;
    width: 7px;
    height: 7px;
    background-color: #83cd22;
}

.screen .element-253 {
    position: absolute;
    right: 122px;
    bottom: 25px;
    width: 7px;
    height: 7px;
    background-color: #ff5d3e;
}

.screen .view-23 {
    position: absolute;
    left: 384px;
    bottom: 217px;
    width: 282px;
    height: 65px;
}

.screen .element-254 {
    left: 27px;
    width: 228px;
    position: absolute;
    top: 3px;
    height: 50px;
    overflow: hidden;
}

.screen .image-25 {
    position: absolute;
    width: 6.56%;
    height: 29.92%;
    top: 38%;
    left: 93.44%;
}

.screen .element-255 {
    position: absolute;
    right: 0;
    bottom: 257px;
    width: 344px;
    height: 261px;
    overflow: hidden;
}

.screen .sec-8 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1350px;
}

.screen .element-256 {
    position: absolute;
    top: calc(50% - 625px);
    left: calc(50% - 960px);
    width: 1920px;
    height: 1250px;
    background-color: #f2f5ff;
}

.screen .element-257 {
    position: absolute;
    top: 0;
    left: calc(50% - 960px);
    width: 1920px;
    height: 1250px;
    background: linear-gradient(175deg,
            rgba(235, 240, 255, 1) 0%,
            rgba(255, 255, 255, 0) 100%,
            rgba(239, 243, 255, 0) 100%);
}

.screen .element-258 {
    position: absolute;
    right: 405px;
    bottom: 454px;
    width: 1058px;
    height: 281px;
    border-radius: 529px/140.5px;
    filter: blur(163.4px);
    background: linear-gradient(122deg, rgba(183, 182, 255, 1) 0%, rgba(195, 232, 255, 1) 100%);
}

.screen .bg-2 {
    position: absolute;
    width: 1920px;
    height: 1250px;
    top: 0;
    left: 0;
}

.screen .text-wrapper-168 {
    top: 193px;
    left: calc(50% - 338px);
    color: #666666;
    font-size: 24px;
    text-align: center;
    line-height: 33.6px;
    white-space: nowrap;
    position: absolute;
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    letter-spacing: 0;
}

.screen .text-wrapper-169 {
    top: 110px;
    left: calc(50% - 484px);
    color: #161616;
    font-size: 48px;
    line-height: 67.2px;
    white-space: nowrap;
    position: absolute;
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    letter-spacing: 0;
}

.screen .element-259 {
    position: absolute;
    top: 278px;
    left: calc(50% - 609px);
    width: 386px;
    height: 440px;
    background-color: #ffffffcc;
    border-radius: 10px;
}

.screen .element-260 {
    position: absolute;
    top: 278px;
    left: calc(50% - 203px);
    width: 386px;
    height: 440px;
    background-color: #ffffffcc;
    border-radius: 10px;
}

.screen .element-261 {
    position: absolute;
    top: 278px;
    left: calc(50% + 203px);
    width: 386px;
    height: 440px;
    background-color: #ffffffcc;
    border-radius: 10px;
}

.screen .text-wrapper-170 {
    position: absolute;
    top: 327px;
    left: calc(50% - 565px);
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 33.6px;
    white-space: nowrap;
    z-index: 1;
}

.screen .text-wrapper-171 {
    position: absolute;
    top: 327px;
    left: calc(50% - 159px);
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 33.6px;
    white-space: nowrap;
    z-index: 1;
}

.screen .text-wrapper-172 {
    position: absolute;
    top: 327px;
    left: calc(50% + 247px);
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 33.6px;
    white-space: nowrap;
    z-index: 1;
}

.screen .GEO {
    top: 371px;
    left: calc(50% - 564px);
    color: #666666;
    font-size: 16px;
    line-height: 22.4px;
    position: absolute;
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    letter-spacing: 0;
    z-index: 1;
}

.screen .element-262 {
    position: absolute;
    top: 371px;
    left: calc(50% - 158px);
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #666666;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 22.4px;
    z-index: 1;
}

.screen .text-wrapper-173 {
    position: absolute;
    top: 371px;
    left: calc(50% + 248px);
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #666666;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 22.4px;
    z-index: 1;
}

.screen .pic {
    position: absolute;
    top: 278px;
    left: 408px;
    width: 386px;
    height: 440px;
}

.screen .element-263 {
    position: absolute;
    left: calc(50% - 155px);
    bottom: 46px;
    width: 310px;
    height: 189px;
    display: flex;
    flex-direction: column;
    gap: 1px;
    background-color: #ffffff;
    border-radius: 8.35px;
    overflow: hidden;
    box-shadow: 0px 2.58px 15.62px #0000000d;
}

.screen .text-wrapper-174 {
    margin-left: 18px;
    width: 112px;
    height: 13px;
    margin-top: 17px;
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 14px;
    white-space: nowrap;
    z-index: 1;
}

.screen .text-wrapper-175 {
    margin-left: 18px;
    width: 77px;
    height: 11px;
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #848484;
    font-size: 8px;
    letter-spacing: 0;
    line-height: 11.2px;
    white-space: nowrap;
}

.screen .element-264 {
    position: absolute;
    right: 38px;
    bottom: 131px;
    width: 153px;
    height: 138px;
}

.screen .view-24 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 152px;
    height: 123px;
    background-color: #d5e3ff80;
    border-radius: 10px;
    filter: blur(9.99px);
}

.screen .element-265 {
    top: 0;
    right: 0;
    width: 137px;
    height: 119px;
    border-radius: 10px;
    position: absolute;
    background-color: #ffffff;
}

.screen .text-wrapper-176 {
    position: absolute;
    top: 9px;
    left: 26px;
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 14px;
    white-space: nowrap;
}

.screen .sec-img-4 {
    position: absolute;
    width: 386px;
    height: 440px;
    top: -30px;
    left: 0;
}

.screen .pic-2 {
    position: absolute;
    top: 278px;
    left: 810px;
    width: 386px;
    height: 440px;
}

.screen .element-266 {
    position: absolute;
    top: 177px;
    left: calc(50% - 156px);
    width: 316px;
    height: 215px;
    background-color: #ffffff;
    border-radius: 8.52px;
    box-shadow: 0px 2.63px 15.93px #0000000d;
}

.screen .view-25 {
    position: absolute;
    right: 56px;
    bottom: 66px;
    width: 273px;
    height: 183px;
    overflow: hidden;
}

.screen .element-267 {
    position: absolute;
    right: 28px;
    bottom: 1px;
    width: 213px;
    height: 46px;
    background-color: #ffffff;
    border-radius: 106.5px/23px;
    box-shadow: 0px 4px 22px #d9e6ff;
}

.screen .element-268 {
    position: absolute;
    right: 65px;
    bottom: 21px;
    width: 139px;
    height: 33px;
    border-radius: 69.5px/16.5px;
    box-shadow: 0px 4px 22px #d9e6ff;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.screen .element-269 {
    position: absolute;
    right: 65px;
    bottom: 44px;
    width: 139px;
    height: 23px;
}

.screen .element-270 {
    position: absolute;
    right: 65px;
    bottom: 81px;
    width: 139px;
    height: 20px;
}

.screen .element-271 {
    position: absolute;
    top: 39px;
    right: 65px;
    width: 139px;
    height: 17px;
}

.screen .element-272 {
    position: absolute;
    top: 0;
    left: 49px;
    width: 170px;
    height: 137px;
}

.screen .text-wrapper-177 {
    position: absolute;
    right: 78px;
    bottom: 60px;
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 15.4px;
    white-space: nowrap;
}

.screen .text-wrapper-178 {
    position: absolute;
    top: 66px;
    left: calc(50% - 50px);
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 15.4px;
    white-space: nowrap;
}

.screen .text-wrapper-179 {
    position: absolute;
    top: 23px;
    left: 89px;
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 15.4px;
    white-space: nowrap;
}

.screen .text-wrapper-180 {
    position: absolute;
    width: 8.57%;
    height: 8.91%;
    top: 91.09%;
    left: 13.92%;
    font-family: "SourceHanSansCN-Normal", Helvetica;
    font-weight: 400;
    color: #333333;
    font-size: 10.8px;
    text-align: right;
    letter-spacing: 0;
    line-height: 15.1px;
    white-space: nowrap;
}

.screen .text-wrapper-181 {
    position: absolute;
    width: 9.32%;
    height: 8.35%;
    top: 59.45%;
    left: 0;
    font-family: "SourceHanSansCN-Normal", Helvetica;
    font-weight: 400;
    color: #333333;
    font-size: 10.8px;
    text-align: right;
    letter-spacing: 0;
    line-height: 15.1px;
    white-space: nowrap;
}

.screen .text-wrapper-182 {
    position: absolute;
    width: 8.57%;
    height: 8.91%;
    top: 90%;
    left: 47.24%;
    font-family: "SourceHanSansCN-Normal", Helvetica;
    font-weight: 400;
    color: #333333;
    font-size: 10.8px;
    text-align: right;
    letter-spacing: 0;
    line-height: 15.1px;
    white-space: nowrap;
}

.screen .text-wrapper-183 {
    position: absolute;
    width: 21.26%;
    height: 8.35%;
    top: 90%;
    left: 79.1%;
    font-family: "SourceHanSansCN-Normal", Helvetica;
    font-weight: 400;
    color: #333333;
    font-size: 10.8px;
    text-align: right;
    letter-spacing: 0;
    line-height: 15.1px;
    white-space: nowrap;
}

.screen .text-wrapper-184 {
    position: absolute;
    width: 8.57%;
    height: 8.35%;
    top: 56.73%;
    left: 89.36%;
    font-family: "SourceHanSansCN-Normal", Helvetica;
    font-weight: 400;
    color: #333333;
    font-size: 10.8px;
    text-align: right;
    letter-spacing: 0;
    line-height: 15.1px;
    white-space: nowrap;
}

.screen .icon-2 {
    position: absolute;
    right: 87px;
    bottom: 79px;
    width: 211px;
    height: 69px;
}

.screen .pic-3 {
    position: absolute;
    top: 278px;
    right: 431px;
    width: 386px;
    height: 440px;
}

.screen .element-273 {
    position: absolute;
    right: 32px;
    bottom: 48px;
    width: 316px;
    height: 219px;
    background-color: #ffffff;
    border-radius: 8.35px;
    box-shadow: 0px 2.58px 15.62px #0000000d;
}

.screen .element-274 {
    left: 65px;
    bottom: 66px;
    width: 79px;
    height: 96px;
    border-radius: 4px;
    box-shadow: 0px 4px 22px #d9e6ff;
    position: absolute;
    background-color: #ffffff;
}

.screen .element-275 {
    position: absolute;
    right: 153px;
    bottom: 64px;
    width: 78px;
    height: 112px;
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 0px 4px 22px #d9e6ff;
}

.screen .element-276 {
    position: absolute;
    right: 64px;
    bottom: 65px;
    width: 78px;
    height: 123px;
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 0px 4px 22px #d9e6ff;
}

.screen .element-277 {
    position: absolute;
    right: 49px;
    bottom: 180px;
    width: 284px;
    height: 48px;
}

.screen .element-278 {
    position: absolute;
    top: 222px;
    left: calc(50% - 141px);
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 11px;
    text-align: center;
    letter-spacing: 0;
    line-height: 15.4px;
}

.screen .element-279 {
    position: absolute;
    top: 212px;
    left: calc(50% - 71px);
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 11px;
    text-align: center;
    letter-spacing: 0;
    line-height: 15.4px;
}

.screen .element-280 {
    position: absolute;
    top: 202px;
    left: calc(50% - 2px);
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 11px;
    text-align: center;
    letter-spacing: 0;
    line-height: 15.4px;
}

.screen .element-281 {
    position: absolute;
    top: 190px;
    left: calc(50% + 70px);
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 11px;
    text-align: center;
    letter-spacing: 0;
    line-height: 15.4px;
}

.screen .element-282 {
    position: absolute;
    left: 108px;
    bottom: 183px;
    width: 2px;
    height: 8px;
    background-color: #1447e6;
}

.screen .element-283 {
    position: absolute;
    left: 181px;
    bottom: 189px;
    width: 2px;
    height: 8px;
    background-color: #1447e6;
}

.screen .element-284 {
    position: absolute;
    right: 129px;
    bottom: 201px;
    width: 2px;
    height: 8px;
    background-color: #1447e6;
}

.screen .element-285 {
    position: absolute;
    left: 73px;
    bottom: 126px;
    width: 64px;
    height: 22px;
    background-color: #507aff;
    border-radius: 20px;
}

.screen .element-286 {
    position: absolute;
    right: 159px;
    bottom: 144px;
    width: 64px;
    height: 22px;
    background-color: #50b0ff;
    border-radius: 20px;
}

.screen .element-287 {
    position: absolute;
    right: 71px;
    bottom: 156px;
    width: 64px;
    height: 22px;
    background-color: #5e50ff;
    border-radius: 20px;
}

.screen .text-wrapper-185 {
    position: absolute;
    left: 84px;
    bottom: 131px;
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    letter-spacing: 0;
    line-height: 14px;
    white-space: nowrap;
}

.screen .text-wrapper-186 {
    position: absolute;
    right: 170px;
    bottom: 149px;
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    letter-spacing: 0;
    line-height: 14px;
    white-space: nowrap;
}

.screen .text-wrapper-187 {
    position: absolute;
    left: 72px;
    bottom: 84px;
    width: 66px;
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 8px;
    letter-spacing: 0;
    line-height: 12.7px;
}

.screen .GEO-2 {
    right: 158px;
    bottom: 75px;
    width: 66px;
    color: #3d3d3d;
    font-size: 8px;
    line-height: 12.7px;
    position: absolute;
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    letter-spacing: 0;
}

.screen .text-wrapper-188 {
    position: absolute;
    right: 67px;
    bottom: 85px;
    width: 66px;
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 8px;
    letter-spacing: 0;
    line-height: 12.7px;
}

.screen .text-wrapper-189 {
    position: absolute;
    right: 82px;
    bottom: 161px;
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    letter-spacing: 0;
    line-height: 14px;
    white-space: nowrap;
}

.screen .sec-9 {
    position: absolute;
    left: calc(50% - 600px);
    bottom: 143px;
    width: 1200px;
    height: 318px;
}

.screen .element-288 {
    position: absolute;
    top: calc(50% - 159px);
    left: calc(50% - 600px);
    width: 1200px;
    height: 318px;
    border-radius: 30px;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(54, 121, 255, 1) 0%, rgba(82, 101, 225, 0.85) 100%);
}

.screen .element-289 {
    position: absolute;
    top: calc(50% - 159px);
    right: 0;
    width: 1195px;
    height: 318px;
}

.screen .bg-3 {
    position: absolute;
    width: 1200px;
    height: 318px;
    top: 0;
    left: 0;
}

.screen .text-wrapper-190 {
    position: absolute;
    top: 173px;
    left: calc(50% - 276px);
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 22px;
    text-align: center;
    letter-spacing: 0;
    line-height: 30.8px;
    white-space: nowrap;
}

.screen .text-wrapper-191 {
    position: absolute;
    top: 105px;
    left: calc(50% - 257px);
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 42px;
    text-align: center;
    letter-spacing: 0;
    line-height: 58.8px;
    white-space: nowrap;
}

.screen .banner {
    position: absolute;
    top: 210px;
    left: calc(50% - 496px);
    width: 992px;
    height: 396px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.screen .view-26 {
    height: 396px;
    width: 1000px;
    position: relative;
    overflow: hidden;
    z-index: 10;
}

.screen .AI-3 {
    position: absolute;
    top: 0;
    left: calc(50% - 331px);
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #101010;
    font-size: 60px;
    text-align: center;
    letter-spacing: 0;
    line-height: 74.3px;
}

.screen .AI-AI-2 {
    position: absolute;
    top: 176px;
    left: calc(50% - 497px);
    font-family: "SourceHanSansCN-Regular", Helvetica;
    font-weight: 400;
    color: transparent;
    font-size: 20px;
    text-align: center;
    letter-spacing: 0;
    line-height: 33.6px;
    white-space: nowrap;
}

.screen .text-wrapper-192 {
    color: #3d3d3d;
}

.screen .text-wrapper-193 {
    color: #101010;
}

.screen .text-wrapper-194 {
    font-family: "Microsoft YaHei-Regular", Helvetica;
    color: #101010;
}

.screen .LOGO {
    position: absolute;
    left: calc(50% - 125px);
    bottom: 110px;
    width: 250px;
    height: 40px;
}

.screen .element-290 {
    position: absolute;
    top: 0;
    left: 0;
    width: 39px;
    height: 39px;
}

.screen .banner-logos {
    position: absolute;
    width: 250px;
    height: 40px;
    top: 0;
    left: 0;
}

.screen .view-27 {
    position: absolute;
    left: 299px;
    bottom: 0;
    width: 392px;
    height: 52px;
    background-color: #161616;
    border-radius: 6px;
    overflow: hidden;
}

.screen .element-291 {
    position: absolute;
    top: 17px;
    left: calc(50% - 164px);
    font-family: "Microsoft YaHei-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0;
    line-height: 19.6px;
    white-space: nowrap;
}

.screen .element-291 button {
    width: 100%;
    height: 100%;
}

.screen .image-26 {
    position: absolute;
    width: 2.55%;
    height: 11.54%;
    top: 42.31%;
    left: 89.8%;
}

/* Feature Sections Refactoring */
.feature-section-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 0 10px;
    box-sizing: border-box;
}

.feature-text-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 0 0 20%;
    z-index: 10;
}

.feature-img-col {
    flex: 0 0 80%;
    display: flex;
    justify-content: center;
    align-items: left;
    position: relative;
}

.feature-img-col img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

/* Typography */
.feature-title {
    font-family: 'Microsoft YaHei-Regular', Helvetica, sans-serif;
    font-weight: 400;
    color: #161616;
    font-size: 48px;
    line-height: 1.4;
    margin: 0 0 16px 0;
}

.feature-subtitle {
    font-family: 'Microsoft YaHei-Regular', Helvetica, sans-serif;
    font-weight: 400;
    color: #666666;
    font-size: 24px;
    line-height: 1.4;
    margin: 0 0 32px 0;
}

/* Feature List */
.feature-list {
    list-style: none;
    padding: 0;
    margin: 0 0 40px 0;
}

.feature-list li {
    font-family: 'Microsoft YaHei-Regular', Helvetica, sans-serif;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 18px;
    line-height: 2.8;
    position: relative;
    padding-left: 24px;
}

.feature-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background-color: #3256e8;
    border-radius: 50%;
}

/* Button */
.feature-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 39px;
    border-radius: 8px;
    border: 1px solid #4567f1;
    color: #4567f1;
    font-size: 14px;
    text-decoration: none;
    font-family: 'Microsoft YaHei-Regular', Helvetica, sans-serif;
    transition: background 0.3s;
}

.feature-btn:hover {
    background-color: #f0f4ff;
}

/* Modifiers */
.feature-reverse {
    flex-direction: row-reverse;
}


.highlight {
    color: #3256e8;
    font-weight: 700;
}


.feature-header {
    text-align: center;
    margin-bottom: 20px;
    width: 100%;
    position: relative;
    z-index: 10;
}

.feature-section-inner {
    align-items: flex-start;
    /* Align columns to top if needed, or center */
    align-items: center;
    /* Keep center vertical alignment for text vs image */
}

/* Fix for header links */
.screen .view-5 a {
    color: inherit;
    text-decoration: none;
}


/* Feature Card Image Switching */
.screen .element-76 img {
    display: none;
    width: 100%;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.screen .element-76 img.active {
    display: block;
    opacity: 1;
}

/* Header scroll effect */
.screen .view-5 {
    transition: background-color 0.3s ease;
}

.screen .view-5.scrolled {
    background-color: #ffffff !important;
    /* !important to ensure it overrides any transparency set by ID or inline */
}

/* Contact Us Hover Effect */
.screen .text-wrapper-11 {
    cursor: pointer;
    /* position: relative; */
    z-index: 1001;
    /* Establish positioning context */
}

.screen .contact-popup {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 10px;
    /* Space between text and popup */
    z-index: 1002;
}

.screen .contact-popup img {
    /* Adjust size as needed, assuming a reasonable max width */
    max-width: 200px;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    background: white;
    padding: 5px;
}

.screen .text-wrapper-11:hover .contact-popup {
    display: block;
}

/* Footer Section */
.screen .footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #f2f5ff;
    /* Matches the light background */
    padding: 50px 0 20px;
    font-family: "Microsoft YaHei-Regular", "Microsoft YaHei", sans-serif;
    z-index: 100;
}

.screen .footer-inner {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.screen .footer-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 40px;
}

.screen .footer-logo-section {
    display: flex;
    align-items: center;
    gap: 12px;
}

.screen .footer-logo {
    width: 40px;
    height: 40px;
    background-image: url(./images/top_logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.screen .footer-brand {
    font-size: 24px;
    color: #333;
    font-weight: bold;
}

.screen .footer-links {
    display: flex;
    gap: 100px;
    /* Adjust spacing between columns */
}

.screen .footer-col {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.screen .footer-col h4 {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.screen .footer-col>div {
    display: flex;
    align-items: center;
}

.screen .footer-col a {
    font-size: 14px;
    color: #666;
    text-decoration: none;
    transition: color 0.2s;
    padding: 0 12px;
    border-right: 1px solid #dcdcdc;
    line-height: 14px;
    display: block;
}

.screen .footer-col a:first-child {
    padding-left: 0;
}

.screen .footer-col a:last-child {
    padding-right: 0;
    border-right: none;
}


/* About Us Modal Styles */
.modal-overlay {
    display: none;
    /* Hidden by default */
    position: fixed;
    z-index: 2000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
    /* Black w/ opacity */
    backdrop-filter: blur(5px);
}

.modal-content {
    background-color: #fefefe;
    margin: 10% auto;
    /* 10% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 800px;
    /* Max width for readability */
    border-radius: 12px;
    position: relative;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.close-btn {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 10px;
}

.close-btn:hover,
.close-btn:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.modal-body h3 {
    margin-top: 0;
    color: #333;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 24px;
}

.about-text-content {
    line-height: 1.6;
    color: #555;
    font-size: 16px;
    max-height: 60vh;
    overflow-y: auto;
    padding-right: 10px;
    /* Avoid scrollbar covering text */
}

.about-text-content p {
    margin-bottom: 15px;
}

.about-text-content strong {
    font-weight: bold;
}

.screen .footer-line {
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
    margin-bottom: 20px;
}

.screen .footer-bottom {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 12px;
    color: #999;
}

.screen .police-tip {
    display: flex;
    align-items: center;
    gap: 5px;
}

.screen .police-tip img {
    height: 36px;
}

.screen .copyright-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    /* Spacing between items */
}

.screen .copyright-row span,
.screen .copyright-row a {
    color: #999;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 3px;
}

.screen .copyright-row a:hover {
    color: #666;
}

.screen .police-link img {
    width: 14px;
    height: 14px;
}

/* Ensure content above footer doesn't overlap */
.screen .sec-9 {
    bottom: 250px !important;
    /* Adjust existing section if needed */
}