* { box-sizing: border-box; } .frame42 { position: relative; width: 1920px; height: 1080px; overflow: hidden; .union2 { position: absolute; top: 21px; left: 9px; width: 30px; height: 14px; } .text21 { background: linear-gradient(180deg, #dbf9ff 32.78%, #a9f0ff 78.3%); background-clip: text; line-height: 24px; letter-spacing: 2px; color: transparent; font-family: "Alimama ShuHeiTi", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 700; -webkit-background-clip: text; } .ellipse305 { border-radius: 50%; box-shadow: 0px 0px 4px 0px #31f3ff; width: 5px; height: 5px; background-image: linear-gradient( 210.88deg, #30f3ff 4.45%, #30dcff 38.1%, #267ee5 102.55% ); } .maskGroup2 { position: absolute; top: 0; left: -1px; width: 375px; height: 35px; } .text9 { letter-spacing: 0; color: #b9e0ff; font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 16px; } .text8 { letter-spacing: 0; color: var(--1, #d8e9ff); font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 16px; } .text6 { line-height: 23px; letter-spacing: 0; color: var(--1, #d8e9ff); font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 16px; } .vector4 { position: absolute; top: 9px; left: 10px; width: 14px; height: 16px; } .text5 { position: absolute; top: 6px; left: 34px; background: linear-gradient(180deg, #dbf9ff 32.78%, #a9f0ff 78.3%); background-clip: text; width: 138px; height: 22px; line-height: 22px; letter-spacing: 1.8px; color: transparent; font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 600; -webkit-background-clip: text; } .rectangle217 { width: 6px; height: 6px; } .text7 { position: absolute; top: 3px; left: 13px; width: 64px; height: 23px; line-height: 23px; letter-spacing: 0; color: #ffffff; font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 16px; } .rectangle216 { width: 5px; height: 5px; } .instance8 { position: absolute; top: 32px; left: 46px; width: 147px; height: 3px; overflow: hidden; rotate: 3deg; .ellipse25 { position: absolute; top: 2px; left: 0; opacity: 0.8; border-radius: 50%; width: 147px; height: 3px; rotate: -6deg; } .ellipse45 { position: absolute; top: 0; left: 41px; opacity: 0.5; border-radius: 50%; width: 65px; height: 6px; rotate: -6deg; } .ellipse35 { position: absolute; top: 2px; left: 47px; opacity: 0.54; border-radius: 50%; width: 52px; height: 3px; rotate: -6deg; } .ellipse55 { position: absolute; top: 2px; left: 63px; opacity: 0.8; border-radius: 50%; width: 21px; height: 3px; rotate: -6deg; } } .rectangle215 { display: flex; position: absolute; right: 0; bottom: 0; align-items: flex-start; padding: 5px 2px 2px 5px; width: 12px; height: 12px; background-image: url(../image/mmlqps3s-367ovyu.svg); background-position: center; background-size: cover; background-repeat: no-repeat; } .autoWrapper4 { position: relative; width: 90px; height: 30px; .rectangle34625607 { position: absolute; top: 0; left: 0; border: 1px solid #0072ff; border-radius: 3px; background: #0072ff66; width: 90px; height: 30px; rotate: -180deg; } } .frame { position: absolute; top: 1px; right: 0; bottom: -1px; left: 0; width: 1920px; height: 1080px; overflow: hidden; } .group427322611 { display: flex; position: absolute; top: 0; left: 6px; align-items: flex-start; padding: 87px 513px 344px 535px; width: 1920px; height: 1080px; background-image: url(../image/mmlqps3r-n2g6dgm.png); background-position: center; background-size: cover; background-repeat: no-repeat; .maskGroup { width: 872px; height: 649px; } } .frame12 { display: flex; position: absolute; top: -2px; right: 0; bottom: 2px; left: 0; flex-direction: column; align-items: flex-start; padding: 98px 491px 345px 500px; width: 1920px; height: 1080px; overflow: hidden; background-image: linear-gradient( 270deg, #000000 0%, #00000070 9.24%, #00000036 14.74%, #00000013 19.44%, #00000000 24.95%, #00000000 75.65%, #00000015 81.5%, #00000039 87.07%, #00000076 92.23%, #000000 100% ), linear-gradient( 180deg, #000000 0%, #0000008b 12.05%, #00000044 17.93%, #00000004 28.65%, #00000000 67.19%, #00000039 79.03%, #00000081 86.35%, #000000 100% ); .frame6 { width: 40px; height: 40px; } .group427322837 { position: relative; width: 51px; height: 36px; .frame4 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 51px; height: 36px; } .frame5 { position: absolute; top: 1px; left: 14px; width: 24px; height: 4px; overflow: hidden; rotate: 1deg; .ellipse2 { position: absolute; top: 2px; left: 1px; opacity: 0.8; border-radius: 50%; width: 24px; height: 4px; rotate: -2deg; } .ellipse4 { position: absolute; top: -1px; left: 2px; opacity: 0.5; border-radius: 50%; width: 21px; height: 8px; rotate: -2deg; } .ellipse3 { position: absolute; top: 2px; left: 4px; opacity: 0.54; border-radius: 50%; width: 17px; height: 4px; rotate: -2deg; } .ellipse5 { position: absolute; top: 2px; left: 9px; opacity: 0.8; border-radius: 50%; width: 7px; height: 4px; rotate: -2deg; } } } .autoWrapper { display: flex; align-items: center; align-self: stretch; padding-right: 8px; padding-left: 0; .vector2 { position: absolute; top: 22px; right: 8px; width: 9px; height: 6px; rotate: 180deg; } .vector { width: 9px; height: 6px; } .vector42Stroke { width: 7px; height: 12px; } .text2 { display: flex; align-items: center; width: 176px; height: 26px; line-height: 19px; letter-spacing: 1.6px; color: #c4f3fe; font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 600; } .text { line-height: 23px; letter-spacing: 1.6px; color: #ffffff; font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 500; } .group427323064 { display: flex; align-items: center; justify-content: space-between; width: 329px; min-width: 329px; height: 50px; .rectangle19420 { display: flex; align-items: center; padding: 2px; background-image: url(../image/mmlqps3u-ltb8la3.svg); background-position: center; background-size: cover; background-repeat: no-repeat; .rectangle19421 { display: flex; flex-grow: 1; align-items: center; justify-content: space-between; padding: 10px 20px; width: 246px; min-width: 246px; height: 46px; background-image: url(../image/mmlqps3u-f9pv7d2.svg); background-position: center; background-size: cover; background-repeat: no-repeat; } } } .group427323065 { display: flex; align-items: center; justify-content: space-between; margin-left: 20px; width: 329px; min-width: 329px; height: 50px; .rectangle194202 { display: flex; align-items: center; padding: 2px; background-image: url(../image/mmlqps3u-xmaxcye.svg); background-position: center; background-size: cover; background-repeat: no-repeat; .rectangle194212 { display: flex; flex-grow: 1; align-items: center; justify-content: space-between; padding: 10px 20px; width: 246px; min-width: 246px; height: 46px; background-image: url(../image/mmlqps3u-dc7wdex.svg); background-position: center; background-size: cover; background-repeat: no-repeat; } } } .frame2 { position: relative; margin-left: 10px; width: 129px; height: 50px; .rectangle194203 { display: flex; position: absolute; top: 0; right: 0; bottom: 0; left: 0; align-items: center; border-radius: 30px; padding: 2px; width: 129px; height: 50px; .rectangle194213 { display: flex; flex-grow: 1; align-items: center; justify-content: space-between; background: var(--Linear-3-paints); padding: 10px 28px 10px 6px; width: 125px; min-width: 125px; height: 46px; background-image: url(../image/mmlqps3u-s97x2ya.svg); background-position: center; background-size: cover; background-repeat: no-repeat; .text3 { display: flex; align-items: center; width: 69px; height: 26px; line-height: 19px; letter-spacing: 1.6px; color: #c4f3fe; font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 600; } } } } .frame3 { position: relative; margin-left: 10px; width: 94px; height: 50px; .rectangle194204 { display: flex; position: absolute; top: 0; right: 0; bottom: 0; left: 0; align-items: center; border-radius: 30px; padding: 2px; width: 94px; height: 50px; .rectangle194214 { display: flex; flex-grow: 1; align-items: center; justify-content: space-between; background: var(--Linear-3-paints); padding: 10px 28px 10px 6px; width: 90px; min-width: 90px; height: 46px; background-image: url(../image/mmlqps3v-p75rm3v.svg); background-position: center; background-size: cover; background-repeat: no-repeat; .text4 { display: flex; align-items: center; width: 34px; height: 26px; line-height: 19px; letter-spacing: 1.6px; color: #c4f3fe; font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 600; } } } } } .autoWrapper6 { display: flex; align-items: flex-start; align-self: stretch; justify-content: space-between; margin-top: 235px; padding-right: 335px; padding-left: 47px; .group427323172 { display: flex; flex-direction: column; align-items: center; margin-top: 18px; } .frame11 { position: relative; width: 319px; height: 140px; overflow: hidden; .frame10 { display: flex; position: absolute; top: 0; right: 0; bottom: 0; left: 0; flex-direction: column; align-items: flex-start; padding-bottom: 10px; width: 319px; height: 140px; background-image: url(../image/mmlqps3u-h6uknv8.svg); background-position: center; background-size: cover; background-repeat: no-repeat; .frame8 { position: relative; width: 319px; height: 35px; overflow: hidden; .subtract2 { display: flex; position: absolute; top: 0; left: 0; align-items: flex-start; justify-content: space-between; padding-bottom: 14px; width: 319px; height: 34px; background-image: url(../image/mmlqps3u-mzoh925.svg); background-position: center; background-size: cover; background-repeat: no-repeat; .autoWrapper3 { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; .subtract { width: 149px; height: 7px; } .autoWrapper2 { position: relative; margin-top: 3px; margin-left: 17px; width: 120px; height: 10px; .frame625055 { position: absolute; top: 0; left: 0; width: 120px; height: 10px; } .vector3 { position: absolute; right: -2px; bottom: -4px; width: 15px; height: 15px; } } } } .frame7 { position: absolute; top: -12px; left: 10px; width: 132px; height: 25px; } .instance { position: absolute; top: 1px; left: 22px; width: 104px; height: 4px; overflow: hidden; rotate: 2deg; .ellipse22 { position: absolute; top: 2px; left: 0; opacity: 0.8; border-radius: 50%; width: 104px; height: 4px; rotate: -5deg; } .ellipse42 { position: absolute; top: 0; left: 29px; opacity: 0.5; border-radius: 50%; width: 46px; height: 8px; rotate: -5deg; } .ellipse32 { position: absolute; top: 2px; left: 33px; opacity: 0.54; border-radius: 50%; width: 37px; height: 4px; rotate: -5deg; } .ellipse52 { position: absolute; top: 2px; left: 45px; opacity: 0.8; border-radius: 50%; width: 15px; height: 4px; rotate: -5deg; } } } .group427323116 { display: flex; align-items: center; align-self: stretch; justify-content: space-between; margin: 10px 137px 0px 20px; min-width: 162px; height: 30px; } .text11 { margin: 9px 0px 0px 20px; line-height: 23px; letter-spacing: 0; color: #000000; font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 16px; .text10 { letter-spacing: 0; font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: underline; } } .autoWrapper5 { display: flex; align-items: center; align-self: stretch; justify-content: space-between; padding-right: 20px; padding-left: 20px; .text12 { background: linear-gradient(0deg, #30c4e6 0%, #ffffff 100%); background-clip: text; line-height: 23px; letter-spacing: 0; color: transparent; font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 16px; -webkit-background-clip: text; text-decoration: underline; } .frame9 { width: 16px; height: 16px; overflow: hidden; } } } .rectangle34625605 { position: absolute; top: 45px; right: 10px; left: 234px; border-radius: 3px; width: 75px; height: 30px; rotate: -180deg; background-image: linear-gradient( 90deg, #ff760066 0%, #ff760000 100% ); } .text13 { position: absolute; top: 51px; left: 250px; width: 48px; height: 19px; line-height: 19px; letter-spacing: 0; color: var(--1, #d8e9ff); font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 16px; } } } .autoWrapper10 { display: flex; align-items: flex-start; align-self: stretch; margin-top: 10px; padding-right: 0; padding-left: 275px; .group427323174 { display: flex; flex-direction: column; align-items: center; } .group427323173 { display: flex; flex-direction: column; align-items: center; margin-top: 100px; margin-left: 161px; } .group427323175 { display: flex; flex-direction: column; align-items: center; margin-top: 104px; margin-left: 217px; } .autoWrapper9 { display: flex; flex-direction: column; align-items: center; align-self: stretch; margin-top: 63px; margin-left: 61px; .text14 { margin: 2px 0px 0px; background: linear-gradient(180deg, #ffffff 0%, #a4d4ff 100%); background-clip: text; line-height: 17px; letter-spacing: 1.44px; color: transparent; font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 600; -webkit-background-clip: text; } .ellipse29 { position: absolute; top: 4px; left: 4px; opacity: 0.8; border: 1px solid var(--333333-2-paints, #333333); border-radius: 50%; box-shadow: inset 0px 0px 8px 0px #00ffff99, inset 0px 5px 8px 0px #00ffff99, 0px 0px 5px 0px #00ffff66; background: #081d33; width: 27px; height: 27px; rotate: -180deg; } .ellipse26 { position: absolute; top: 0; left: 0; border: 1px solid var(--333333-2-paints, #333333); border-radius: 50%; box-shadow: 0px 0px 12px 0px #00ffff99; background: var(--Linear-3-paints); width: 35px; height: 35px; rotate: -180deg; background-image: linear-gradient( 180deg, #0000002f -3.29%, #0000001c 49.92%, #0000002f 100% ); } .rectangle1 { display: flex; align-items: center; align-self: stretch; background: var(--Linear-3-paints); padding: 6px 4px 5px 5px; background-image: url(../image/mmlqps3u-qs1w7fo.svg); background-position: center; background-size: cover; background-repeat: no-repeat; .group427322615 { display: flex; flex-direction: column; flex-grow: 1; align-items: flex-start; .autoWrapper7 { position: relative; margin-left: 8px; width: 35px; height: 35px; .vector5 { position: absolute; top: 10px; left: 10px; width: 16px; height: 16px; } } } } .rectangle12 { display: flex; align-items: center; align-self: stretch; margin-top: 11px; background: var(--Linear-3-paints); padding: 6px 4px 5px 5px; background-image: url(../image/mmlqps3u-65oo80t.svg); background-position: center; background-size: cover; background-repeat: no-repeat; .group4273226152 { display: flex; flex-direction: column; flex-grow: 1; align-items: flex-start; .autoWrapper8 { position: relative; margin-left: 8px; width: 35px; height: 35px; .vector6 { position: absolute; top: 9px; left: 10px; width: 14px; height: 18px; } } } } } } } .frame13 { position: absolute; top: 1px; left: 1px; width: 120px; height: 1080px; } .frame14 { position: absolute; top: 1px; right: 1px; width: 120px; height: 1080px; rotate: 180deg; } .frame15 { position: absolute; right: 10px; bottom: -15px; left: -10px; width: 1920px; height: 90px; } .frame24 { position: absolute; top: 0; right: 0; left: 0; width: 1920px; height: 90px; overflow: hidden; .rectangle19362 { position: absolute; top: 24px; left: 92px; width: 7px; height: 7px; rotate: -180deg; } .union { margin-top: 1px; width: 26px; height: 6px; } .rectangle19361 { width: 7px; height: 7px; } .autoWrapper11 { display: flex; align-items: center; align-self: stretch; justify-content: space-between; padding-right: 0; padding-left: 0; .frame427318995 { width: 26px; height: 6px; } } .instance3 { position: absolute; top: 0; left: 0; width: 1920px; height: 90px; overflow: hidden; .subtract3 { display: flex; position: absolute; top: -4px; left: -12px; align-items: flex-start; padding: 46px 1088px 16px 639px; width: 1920px; height: 93px; background-image: url(../image/mmlqps3r-f79m8hj.svg); background-position: center; background-size: cover; background-repeat: no-repeat; .frame16 { width: 193px; height: 31px; } } .frame17 { position: absolute; top: 42px; left: 1073px; width: 193px; height: 31px; rotate: -180deg; } .frame21 { display: flex; position: absolute; top: -4px; left: -12px; align-items: center; width: 1920px; height: 94px; background-image: url(../image/mmlqps3r-971pbkw.svg); background-position: center; background-size: cover; background-repeat: no-repeat; .frame20 { display: flex; position: relative; flex-grow: 1; align-items: flex-start; padding-right: 15px; padding-left: 339px; background-image: url(../image/mmlqps3r-x3kpikw.svg); background-position: center; background-size: cover; background-repeat: no-repeat; .light { position: absolute; top: 35px; left: 705px; width: 510px; height: 58px; } .autoWrapper14 { display: flex; position: relative; align-items: flex-start; align-self: stretch; .autoWrapper13 { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; .frame625062 { width: 1241px; height: 28px; } .autoWrapper12 { display: flex; align-items: center; align-self: stretch; justify-content: space-between; margin-top: 20px; padding-right: 0; padding-left: 1048px; .text15 { display: flex; align-items: center; justify-content: center; margin: 1px 0px 0px 16px; width: 69px; height: 17px; line-height: 19px; letter-spacing: 1.6px; color: #c4f3fe; font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 600; } .frame18 { position: relative; border-radius: 0px 12px 0px 16px; width: 100px; height: 32px; overflow: hidden; .subtract4 { display: flex; position: absolute; top: -1px; left: -1px; flex-direction: column; align-items: flex-start; padding-right: 1px; padding-bottom: 1px; width: 100px; height: 32px; background-image: url(../image/mmlqps3s-8z4jn2x.svg); background-position: center; background-size: cover; background-repeat: no-repeat; } } .frame19 { position: relative; border-radius: 0px 12px 0px 16px; width: 100px; height: 32px; overflow: hidden; .subtract5 { display: flex; position: absolute; top: -1px; left: -1px; flex-direction: column; align-items: flex-start; padding-right: 1px; padding-bottom: 1px; width: 100px; height: 32px; background-image: url(../image/mmlqps3s-4mtyb8d.svg); background-position: center; background-size: cover; background-repeat: no-repeat; } } } .instance2 { position: relative; margin-top: 2px; margin-left: 438px; width: 365px; height: 12px; overflow: hidden; .ellipse23 { position: absolute; top: 0; left: 0; opacity: 0.3; border-radius: 50%; width: 365px; height: 25px; } .ellipse33 { position: absolute; top: 3px; left: 81px; opacity: 0.1; border-radius: 50%; width: 203px; height: 19px; } .ellipse43 { position: absolute; top: 2px; left: 110px; opacity: 0.2; border-radius: 50%; width: 146px; height: 21px; } .ellipse53 { position: absolute; top: 7px; left: 143px; opacity: 0.1; border-radius: 50%; width: 78px; height: 9px; } .ellipse6 { position: absolute; top: 8px; left: 149px; opacity: 0.3; border-radius: 50%; width: 68px; height: 8px; } .ellipse7 { position: absolute; top: 10px; left: 167px; opacity: 0.4; border-radius: 50%; width: 31px; height: 4px; } .subtract6 { position: absolute; top: 6px; left: 73px; width: 219px; height: 5px; } } } .vector7 { margin-top: 56px; margin-left: 249px; width: 16px; height: 16px; } .text16 { margin: 51px 0px 0px 5px; line-height: 27px; letter-spacing: 0; color: #30dcff; font-family: MiSans, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 14px; } } } } .text17 { position: absolute; top: 9px; left: 798px; background: linear-gradient(180deg, #75e8ff 20.49%, #ffffff 62.43%); background-clip: text; width: 301px; height: 53px; line-height: 53px; letter-spacing: 5.28px; color: transparent; font-family: YouSheBiaoTiHei, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 44px; -webkit-background-clip: text; } } .instance7 { display: flex; position: absolute; top: 21px; left: 0; align-items: flex-start; padding: 23px 14px 23px 26px; width: 559px; height: 78px; overflow: hidden; .instance4 { display: flex; align-items: flex-start; column-gap: 8px; margin-top: 6px; height: 17px; overflow: hidden; .frame22 { flex-shrink: 0; width: 16px; height: 16px; } .frame427318979 { display: inline-flex; flex-shrink: 0; align-items: flex-start; column-gap: 8px; .text18 { flex-shrink: 0; line-height: 17px; letter-spacing: 0.56px; color: #c4f3fe; font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 500; } } } .frame23 { position: relative; margin-left: 207px; border-radius: 0px 0px 0px 16px; width: 100px; height: 32px; overflow: hidden; .subtract7 { display: flex; position: absolute; top: -1px; left: -1px; align-items: flex-start; justify-content: space-between; padding-right: 1px; padding-bottom: 7px; width: 100px; height: 32px; background-image: url(../image/mmlqps3s-szuojub.svg); background-position: center; background-size: cover; background-repeat: no-repeat; .autoWrapper15 { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; .frame4273189952 { margin-left: 60px; width: 26px; height: 6px; } .text19 { display: flex; align-items: center; justify-content: center; margin: 2px 0px 0px; background: linear-gradient(180deg, #c4f3fe 0%, #f8feff 68.77%); background-clip: text; width: 72px; height: 17px; line-height: 19px; letter-spacing: 1.6px; color: transparent; font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 600; -webkit-background-clip: text; } } } .frame427318996 { position: absolute; top: 25px; left: -1px; width: 26px; height: 6px; rotate: -180deg; } .instance5 { position: absolute; top: 19px; left: -1px; width: 100px; height: 12px; overflow: hidden; .ellipse24 { position: absolute; top: 0; left: 0; opacity: 0.3; border-radius: 50%; width: 100px; height: 25px; } .ellipse34 { position: absolute; top: 3px; left: 22px; opacity: 0.1; border-radius: 50%; width: 56px; height: 19px; } .ellipse44 { position: absolute; top: 2px; left: 30px; opacity: 0.2; border-radius: 50%; width: 40px; height: 21px; } .ellipse54 { position: absolute; top: 7px; left: 39px; opacity: 0.1; border-radius: 50%; width: 21px; height: 9px; } .ellipse62 { position: absolute; top: 8px; left: 41px; opacity: 0.3; border-radius: 50%; width: 19px; height: 8px; } .ellipse72 { position: absolute; top: 10px; left: 46px; opacity: 0.4; border-radius: 50%; width: 9px; height: 4px; } } } .instance6 { position: relative; margin-left: 20px; border-radius: 0px 12px 0px 16px; width: 100px; height: 32px; overflow: hidden; .subtract8 { display: flex; position: absolute; top: -1px; left: -1px; flex-direction: column; align-items: flex-start; padding-right: 1px; padding-bottom: 1px; width: 100px; height: 32px; background-image: url(../image/mmlqps3r-ahetkqm.svg); background-position: center; background-size: cover; background-repeat: no-repeat; .text20 { display: flex; align-items: center; justify-content: center; margin: 1px 0px 0px 24px; width: 52px; height: 17px; line-height: 19px; letter-spacing: 1.6px; color: #c4f3fe; font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 600; } } } } .a20231012175316 { position: absolute; top: 21px; left: -268px; padding: 30px 24px 32px 0px; width: 559px; height: 78px; overflow: hidden; text-align: right; line-height: 17px; letter-spacing: 0; color: #c4f3fe; font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 500; } } .frame26 { display: flex; position: absolute; top: 96px; left: 30px; flex-direction: column; align-items: center; width: 450px; height: 960px; .subtract9 { position: absolute; top: 0; left: 0; width: 450px; height: 314px; } .instance10 { position: relative; width: 450px; height: 314px; overflow: hidden; .instance9 { position: absolute; top: 0; right: 0; left: 0; width: 450px; height: 35px; overflow: hidden; .intersect { display: flex; position: absolute; top: 0; left: -1px; align-items: flex-start; padding: 8px 443px 18px 3px; width: 451px; height: 31px; background-image: url(../image/mmlqps3s-nq4ix7q.svg); background-position: center; background-size: cover; background-repeat: no-repeat; } .intersect2 { display: flex; position: absolute; top: -4px; left: 10px; align-items: flex-start; padding: 7px 312px 0px 46px; width: 444px; height: 31px; background-image: url(../image/mmlqps3s-ijdvcel.svg); background-position: center; background-size: cover; background-repeat: no-repeat; } } .group427323139 { display: flex; position: absolute; top: 48px; left: 10px; flex-direction: column; align-items: flex-start; width: 430px; height: 256px; .ellipse2419 { border-radius: 50%; box-shadow: 0px 0px 4px 0px #00ffff; background: #00ffff; width: 8px; height: 8px; } .autoWrapper16 { display: flex; align-items: center; align-self: stretch; justify-content: space-between; padding-right: 1px; padding-left: 0; .text23 { line-height: 19px; letter-spacing: 1.6px; color: var(--1, #d8e9ff); font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 16px; } .a500002 { background: linear-gradient(180deg, #dbf9ff 0%, #a9f0ff 100%); background-clip: text; line-height: 29px; letter-spacing: 2.4px; color: transparent; font-family: DIN, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: 500; -webkit-background-clip: text; } } .group427322664 { position: relative; margin-left: 11px; width: 412px; height: 60px; .rectangle34625517 { position: absolute; top: 0; left: 21px; width: 391px; height: 60px; } .group427322586 { display: flex; position: absolute; top: 0; left: 0; align-items: flex-start; width: 384px; height: 60px; .group427322412 { width: 60px; height: 60px; } .text22 { margin: 22px 0px 0px 17px; line-height: 19px; letter-spacing: 1.6px; color: #d8e9ff; font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 16px; } .a50000 { margin: 17px 0px 0px 164px; background: linear-gradient(180deg, #ffffff 0%, #ff8b01 100%); background-clip: text; line-height: 29px; letter-spacing: 2.4px; color: transparent; font-family: DIN, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: 500; -webkit-background-clip: text; } } } .group427323098 { display: flex; position: relative; flex-direction: column; align-items: center; align-self: stretch; margin-top: 8px; padding-bottom: 4px; .rectangle346256052 { display: flex; align-items: center; align-self: stretch; padding-right: 206px; background-image: url(../image/mmlqps3s-ul2ivya.svg); background-position: center; background-size: cover; background-repeat: no-repeat; .rectangle34625606 { width: 224px; height: 5px; } } .ellipse2420 { display: flex; position: absolute; top: 26px; left: 217px; align-items: center; border: 1px solid #00ffff; border-radius: 50%; box-shadow: 0px 0px 4px 0px #00ffff; background: #00ffff1a; padding: 1px; width: 12px; height: 12px; } } .group427323099 { display: flex; position: relative; flex-direction: column; align-items: center; align-self: stretch; margin-top: 7px; padding-bottom: 4px; .autoWrapper17 { display: flex; align-items: flex-start; align-self: stretch; justify-content: space-between; padding-right: 1px; padding-left: 0; .text24 { margin: 10px 0px 0px; line-height: 19px; letter-spacing: 1.6px; color: var(--1, #d8e9ff); font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 16px; } .a500003 { background: linear-gradient(180deg, #dbf9ff 0%, #a9f0ff 100%); background-clip: text; line-height: 34px; letter-spacing: 2.8px; color: transparent; font-family: DIN, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 28px; font-weight: 500; -webkit-background-clip: text; text-shadow: 0px 0px 6px #dbf9ff; } } .rectangle346256053 { display: flex; align-items: center; align-self: stretch; padding-right: 247px; background-image: url(../image/mmlqps3s-ul2ivya.svg); background-position: center; background-size: cover; background-repeat: no-repeat; .rectangle346256072 { width: 183px; height: 5px; } } .ellipse24202 { display: flex; position: absolute; top: 31px; left: 177px; align-items: center; border: 1px solid #00ffff; border-radius: 50%; box-shadow: 0px 0px 4px 0px #00ffff; background: #00ffff1a; padding: 1px; width: 12px; height: 12px; } } .group427323100 { display: flex; flex-direction: column; align-items: center; align-self: stretch; margin-top: 12px; margin-right: 1px; padding-bottom: 4px; .autoWrapper18 { position: relative; width: 429px; height: 5px; .rectangle346256054 { position: absolute; top: 0; left: 0; width: 429px; height: 5px; } .group427323097 { position: absolute; bottom: -4px; left: 0; width: 177px; height: 12px; } } } .group427323101 { display: flex; flex-direction: column; align-items: center; align-self: stretch; margin-top: 12px; padding-bottom: 4px; .autoWrapper19 { position: relative; width: 430px; height: 5px; .rectangle346256055 { position: absolute; top: 0; left: 0; width: 430px; height: 5px; } .group4273230972 { position: absolute; bottom: -4px; left: 0; width: 145px; height: 12px; } } } } } .instance12 { position: relative; margin-top: 10px; width: 450px; height: 314px; overflow: hidden; .instance11 { position: absolute; top: 0; right: 0; left: 0; width: 450px; height: 35px; overflow: hidden; .intersect3 { display: flex; position: absolute; top: 0; left: -1px; align-items: flex-start; padding: 8px 443px 18px 3px; width: 451px; height: 31px; background-image: url(../image/mmlqps3s-wa0flme.svg); background-position: center; background-size: cover; background-repeat: no-repeat; } .intersect4 { display: flex; position: absolute; top: -4px; left: 10px; align-items: flex-start; justify-content: space-between; padding: 7px 12px 0px 46px; width: 444px; height: 31px; background-image: url(../image/mmlqps3s-zmlzdm9.svg); background-position: center; background-size: cover; background-repeat: no-repeat; .union3 { margin-top: 6px; width: 12px; height: 10px; } } } .group427323112 { display: flex; position: absolute; top: 48px; left: 10px; align-items: center; justify-content: space-between; width: 430px; height: 251px; .rectangle346255532 { margin-top: 10px; width: 160px; height: 2px; background-image: linear-gradient( 90deg, #ffd88f00 0%, #ffe4b1 50%, #ffd88f00 100% ); } .a5000 { margin: 10px 0px 0px; background: linear-gradient(180deg, #dbf9ff 0%, #a9f0ff 100%); background-clip: text; line-height: 38px; letter-spacing: 3.2px; color: transparent; font-family: DIN, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 32px; font-weight: 500; -webkit-background-clip: text; } .rectangle34625553 { margin-top: 10px; width: 160px; height: 2px; background-image: linear-gradient( 90deg, #18385600 0%, #a9f0ff 50%, #254e7f00 100% ); } .text25 { background: linear-gradient(180deg, #ffffff 0%, #a9f0ff 90.79%); background-clip: text; line-height: 19px; letter-spacing: 1.6px; color: transparent; font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 16px; -webkit-background-clip: text; } .vector8 { width: 70px; height: 20px; } .autoWrapper20 { display: flex; flex-direction: column; align-items: center; align-self: stretch; .group427323010 { display: flex; position: relative; align-items: flex-start; align-self: stretch; justify-content: space-between; padding: 71px 10px 29px; min-width: 210px; background-image: url(../image/mmlqps3t-ldot55p.svg); background-position: center; background-size: cover; background-repeat: no-repeat; .group427322952 { display: flex; position: absolute; top: 21px; left: 25px; flex-direction: column; align-items: center; width: 160px; height: 79px; } } .group427323009 { display: flex; position: relative; align-items: flex-start; align-self: stretch; justify-content: space-between; margin-top: 11px; padding: 71px 20px 29px; min-width: 210px; background-image: url(../image/mmlqps3s-tyo5y5v.svg); background-position: center; background-size: cover; background-repeat: no-repeat; .group4273229522 { display: flex; position: absolute; top: 21px; left: 25px; flex-direction: column; align-items: flex-start; width: 160px; height: 79px; .text26 { margin: 0px 0px 0px 34px; background: linear-gradient( 180deg, #ffffff 32.78%, #ffd9b9 78.3% ); background-clip: text; line-height: 19px; letter-spacing: 1.6px; color: transparent; font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 16px; -webkit-background-clip: text; } .a2500 { margin: 10px 0px 0px 41px; background: linear-gradient(180deg, #ffffff 0%, #ff8b01 100%); background-clip: text; line-height: 38px; letter-spacing: 3.2px; color: transparent; font-family: DIN, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 32px; font-weight: 500; -webkit-background-clip: text; } } } } .autoWrapper22 { display: flex; flex-direction: column; align-items: center; align-self: stretch; .group427322954 { position: relative; width: 210px; height: 120px; .rectangle34625565 { display: flex; position: absolute; top: 0; left: 0; flex-direction: column; align-items: flex-start; padding: 21px 24px 1px 25px; width: 210px; height: 120px; background-image: url(../image/mmlqps3t-yvqhof6.svg); background-position: center; background-size: cover; background-repeat: no-repeat; .autoWrapper21 { position: relative; width: 160px; height: 79px; .group4273229523 { display: flex; position: absolute; top: 0; left: 0; flex-direction: column; align-items: center; width: 160px; height: 79px; } .vector9 { position: absolute; top: 50px; left: -15px; width: 70px; height: 20px; } } .group427322955 { margin-top: 13px; margin-left: 11px; width: 150px; height: 6px; } } .vector10 { position: absolute; top: 71px; left: 130px; width: 70px; height: 20px; rotate: -180deg; } } .group4273230092 { display: flex; position: relative; align-items: flex-start; align-self: stretch; justify-content: space-between; margin-top: 11px; padding: 71px 20px 29px; min-width: 210px; background-image: url(../image/mmlqps3s-6j37q6i.svg); background-position: center; background-size: cover; background-repeat: no-repeat; .group4273229524 { display: flex; position: absolute; top: 21px; left: 25px; flex-direction: column; align-items: flex-start; width: 160px; height: 79px; .text27 { margin: 0px 0px 0px 16px; background: linear-gradient( 180deg, #ffffff 32.78%, #ffd9b9 78.3% ); background-clip: text; line-height: 19px; letter-spacing: 1.6px; color: transparent; font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 16px; -webkit-background-clip: text; } .a50 { margin: 10px 0px 0px 46px; background: linear-gradient(180deg, #ffffff 0%, #ff8b01 100%); background-clip: text; line-height: 38px; letter-spacing: 3.2px; color: transparent; font-family: DIN, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 32px; font-weight: 500; -webkit-background-clip: text; } } } } .group427323111 { position: absolute; top: 93px; left: 185px; width: 60px; height: 60px; } } } .instance14 { position: relative; margin-top: 10px; width: 450px; height: 314px; overflow: hidden; .group4273227792 { display: flex; align-items: center; justify-content: space-between; width: 216px; min-width: 216px; height: 29px; .text30 { line-height: 17px; letter-spacing: 0; color: #d8e9ff; font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 14px; } .a2000 { background: linear-gradient(180deg, #dbf9ff 0%, #a9f0ff 100%); background-clip: text; line-height: 29px; letter-spacing: 0; color: transparent; font-family: DIN, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 24px; -webkit-background-clip: text; } } .autoWrapper23 { position: relative; margin-top: 19px; width: 1px; height: 16px; .rectangle34625507 { position: absolute; top: 15px; right: -6px; background: #5085bd80; width: 7px; height: 1px; } .rectangle34625506 { position: absolute; top: 0; left: 0; background: #5085bd; width: 1px; height: 16px; } } .instance13 { position: absolute; top: 0; right: 0; left: 0; width: 450px; height: 35px; overflow: hidden; .intersect5 { display: flex; position: absolute; top: 0; left: -1px; align-items: flex-start; padding: 8px 443px 18px 3px; width: 451px; height: 31px; background-image: url(../image/mmlqps3s-5pousiz.svg); background-position: center; background-size: cover; background-repeat: no-repeat; } .intersect6 { display: flex; position: absolute; top: -4px; left: 10px; align-items: flex-start; padding: 7px 268px 0px 46px; width: 444px; height: 31px; background-image: url(../image/mmlqps3s-3u02gjh.svg); background-position: center; background-size: cover; background-repeat: no-repeat; } } .rectangle34625505 { display: flex; position: absolute; top: 80px; left: 189px; align-items: flex-start; justify-content: space-between; background: #102f50; padding-top: 5px; padding-right: 10px; width: 251px; height: 40px; .ellipse2399 { margin-top: 10px; border-radius: 50%; width: 10px; height: 10px; background-image: linear-gradient(180deg, #eb6e98 0%, #c85271 100%); } .group427322779 { display: flex; align-items: center; .text28 { line-height: 17px; letter-spacing: 0; color: var(--1, #d8e9ff); font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 14px; } .a20 { margin: 0px 0px 0px 5px; background: linear-gradient(180deg, #dbf9ff 0%, #a9f0ff 100%); background-clip: text; line-height: 29px; letter-spacing: 0; color: transparent; font-family: DIN, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 24px; -webkit-background-clip: text; } .text29 { margin: 0px 0px 0px 14px; line-height: 17px; letter-spacing: 0; color: #d8e9ff; font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 14px; } .a2556 { margin: 0px 0px 0px 10px; background: linear-gradient(180deg, #dbf9ff 0%, #a9f0ff 100%); background-clip: text; line-height: 29px; letter-spacing: 0; color: transparent; font-family: DIN, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 24px; -webkit-background-clip: text; } } } .rectangle346255052 { display: flex; position: absolute; top: 130px; left: 189px; align-items: flex-start; justify-content: space-between; background: #102f50; padding-top: 5px; padding-right: 10px; width: 251px; height: 40px; .ellipse2400 { margin-top: 10px; border-radius: 50%; width: 10px; height: 10px; background-image: linear-gradient(180deg, #f8a553 0%, #ef8e2d 100%); } } .rectangle346255053 { display: flex; position: absolute; top: 180px; left: 189px; align-items: flex-start; justify-content: space-between; background: #102f50; padding-top: 5px; padding-right: 10px; width: 251px; height: 40px; .ellipse2401 { margin-top: 10px; border-radius: 50%; width: 10px; height: 10px; background-image: linear-gradient(180deg, #ffdf81 0%, #ffcc00 100%); } } .rectangle346255054 { display: flex; position: absolute; top: 230px; left: 189px; align-items: flex-start; justify-content: space-between; background: #102f50; padding-top: 5px; padding-right: 10px; width: 251px; height: 40px; .ellipse2402 { margin-top: 10px; border-radius: 50%; width: 10px; height: 10px; background-image: linear-gradient(180deg, #35a8eb 0%, #0072ff 100%); } } .group427323048 { display: flex; position: absolute; top: 86px; left: 5px; align-items: center; padding: 50px 49px 49px 50px; width: 188px; height: 188px; background-image: url(../image/mmlqps3s-1gdympi.svg); background-position: center; background-size: cover; background-repeat: no-repeat; .frame25 { position: relative; width: 89px; height: 89px; background-image: url(../image/mmlqps3s-iisuul0.svg); background-position: center; background-size: cover; background-repeat: no-repeat; .group427320151 { position: absolute; top: 15px; left: 14px; width: 60px; height: 56px; } .group427323051 { position: absolute; top: 0; left: 0; width: 89px; height: 89px; } } } } } .frame39 { position: absolute; top: 96px; left: 1440px; width: 450px; height: 960px; .instance17 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 450px; height: 960px; overflow: hidden; .subtract10 { position: absolute; top: 0; left: 0; width: 450px; height: 960px; } .instance15 { position: absolute; top: 0; right: 0; left: 0; width: 450px; height: 35px; overflow: hidden; .intersect7 { display: flex; position: absolute; top: 0; left: -1px; align-items: flex-start; padding: 8px 443px 18px 3px; width: 451px; height: 31px; background-image: url(../image/mmlqps3t-jblxcaz.svg); background-position: center; background-size: cover; background-repeat: no-repeat; } .intersect8 { display: flex; position: absolute; top: -4px; left: 10px; align-items: flex-start; padding: 7px 312px 0px 46px; width: 444px; height: 31px; background-image: url(../image/mmlqps3t-aatic78.svg); background-position: center; background-size: cover; background-repeat: no-repeat; } } .rectangle34625532 { display: flex; position: absolute; top: 48px; left: 49px; align-items: center; justify-content: space-between; padding: 5px 67px 5px 5px; width: 353px; height: 40px; background-image: url(../image/mmlqps3t-oauqxmb.svg); background-position: center; background-size: cover; background-repeat: no-repeat; .rectangle34625533 { display: flex; align-items: center; border-radius: 5px; padding: 3px 43px 4px; background-image: linear-gradient(180deg, #1d5a6d 0%, #31dcff 100%); .text31 { line-height: 23px; letter-spacing: 0; color: #ffffff; font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 600; } } .text32 { opacity: 0.8; background: linear-gradient(180deg, #ffffff 0%, #31dcff 100%); background-clip: text; line-height: 23px; letter-spacing: 0; color: transparent; font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 16px; -webkit-background-clip: text; } } .frame427323172 { display: flex; position: absolute; top: 98px; left: 10px; flex-direction: column; align-items: center; width: 430px; height: 861px; overflow: hidden; .rectangle346256058 { position: absolute; top: 10px; right: 10px; left: 345px; border-radius: 3px; width: 75px; height: 24px; rotate: -180deg; background-image: linear-gradient( 90deg, #0072ff66 0%, #0072ff00 100% ); } .text38 { position: absolute; top: 12px; left: 361px; width: 48px; height: 19px; line-height: 19px; letter-spacing: 0; color: var(--1, #d8e9ff); font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 16px; } .rectangle346256057 { position: absolute; top: 10px; right: 10px; left: 345px; border-radius: 3px; width: 75px; height: 24px; rotate: -180deg; background-image: linear-gradient( 90deg, #00b6c766 0%, #00b6c700 100% ); } .text37 { position: absolute; top: 6px; left: 34px; background: linear-gradient(180deg, #dbf9ff 32.78%, #a9f0ff 78.3%); background-clip: text; width: 118px; height: 22px; line-height: 22px; letter-spacing: 1.8px; color: transparent; font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 600; -webkit-background-clip: text; } .subtract12 { position: absolute; top: 0; left: 170px; width: 260px; height: 7px; } .frame27 { position: absolute; top: -12px; left: 13px; width: 178px; height: 25px; } .frame6250552 { margin-top: 10px; width: 120px; height: 10px; } .star2 { margin-top: 1px; width: 21px; height: 20px; } .text34 { letter-spacing: 0; color: #ffffff; font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 16px; } .text39 { margin: 10px 0px 0px 20px; line-height: 23px; letter-spacing: 0; color: #000000; font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 16px; } .instance16 { position: absolute; top: 1px; left: 30px; width: 140px; height: 4px; overflow: hidden; rotate: 3deg; .ellipse27 { position: absolute; top: 2px; left: 0; opacity: 0.8; border-radius: 50%; width: 140px; height: 4px; rotate: -6deg; } .ellipse46 { position: absolute; top: 0; left: 39px; opacity: 0.5; border-radius: 50%; width: 62px; height: 8px; rotate: -6deg; } .ellipse36 { position: absolute; top: 2px; left: 45px; opacity: 0.54; border-radius: 50%; width: 50px; height: 4px; rotate: -6deg; } .ellipse56 { position: absolute; top: 2px; left: 60px; opacity: 0.8; border-radius: 50%; width: 20px; height: 4px; rotate: -6deg; } } .autoWrapper25 { display: flex; align-items: center; align-self: stretch; justify-content: space-between; margin-top: 10px; padding-right: 17px; padding-left: 20px; .text36 { line-height: 23px; letter-spacing: 0; color: #000000; font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 16px; } } .autoWrapper31 { display: flex; align-items: flex-start; align-self: stretch; justify-content: space-between; margin-top: 10px; padding-right: 20px; padding-left: 20px; .group4273231165 { display: flex; align-items: center; justify-content: space-between; width: 162px; min-width: 162px; height: 30px; .autoWrapper30 { position: relative; width: 90px; height: 30px; .rectangle346256075 { position: absolute; top: 0; left: 0; border: 1px solid #ff7600; border-radius: 3px; background: #ff760066; width: 90px; height: 30px; rotate: -180deg; } } } } .frame29 { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; padding-bottom: 11px; background-image: url(../image/mmlqps3t-oew1ptr.svg); background-position: center; background-size: cover; background-repeat: no-repeat; .frame28 { position: relative; width: 430px; height: 35px; overflow: hidden; .subtract11 { display: flex; position: absolute; top: 0; left: 0; align-items: flex-start; justify-content: space-between; padding-right: 12px; padding-bottom: 14px; width: 430px; height: 34px; background-image: url(../image/mmlqps3t-3equq09.svg); background-position: center; background-size: cover; background-repeat: no-repeat; } .rectangle346256056 { position: absolute; top: 10px; right: 10px; left: 345px; border-radius: 3px; width: 75px; height: 24px; rotate: -180deg; background-image: linear-gradient( 90deg, #ff760066 0%, #ff760000 100% ); } .text33 { position: absolute; top: 13px; left: 361px; width: 48px; height: 19px; line-height: 19px; letter-spacing: 0; color: var(--1, #d8e9ff); font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 16px; } } .autoWrapper24 { display: flex; align-items: flex-start; align-self: stretch; justify-content: space-between; margin-top: 10px; padding-right: 20px; padding-left: 20px; .group4273231162 { display: flex; align-items: center; justify-content: space-between; width: 162px; min-width: 162px; height: 30px; } .star1 { width: 21px; height: 20px; } } .text35 { margin: 9px 0px 0px 20px; line-height: 23px; letter-spacing: 0; color: #000000; font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 16px; } } .frame31 { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; margin-top: 10px; padding-bottom: 10px; background-image: url(../image/mmlqps3t-r42lgru.svg); background-position: center; background-size: cover; background-repeat: no-repeat; .frame30 { position: relative; width: 430px; height: 35px; overflow: hidden; .subtract13 { display: flex; position: absolute; top: 0; left: 0; align-items: flex-start; justify-content: space-between; padding-right: 12px; padding-bottom: 14px; width: 430px; height: 34px; background-image: url(../image/mmlqps3t-v5dgajc.svg); background-position: center; background-size: cover; background-repeat: no-repeat; } .vector11 { position: absolute; top: 8px; left: 10px; width: 16px; height: 18px; } } .autoWrapper27 { display: flex; align-items: flex-start; align-self: stretch; justify-content: space-between; margin-top: 10px; padding-right: 20px; padding-left: 20px; .group4273231163 { display: flex; align-items: center; justify-content: space-between; width: 162px; min-width: 162px; height: 30px; .autoWrapper26 { position: relative; width: 90px; height: 30px; .rectangle346256073 { position: absolute; top: 0; left: 0; border: 1px solid #fa3758; border-radius: 3px; background: #fa375866; width: 90px; height: 30px; rotate: -180deg; } } } } } .frame33 { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; margin-top: 10px; padding-bottom: 10px; background-image: url(../image/mmlqps3t-ml8x6eu.svg); background-position: center; background-size: cover; background-repeat: no-repeat; .frame32 { position: relative; width: 430px; height: 35px; overflow: hidden; .subtract14 { display: flex; position: absolute; top: 0; left: 0; align-items: flex-start; justify-content: space-between; padding-right: 12px; padding-bottom: 14px; width: 430px; height: 34px; background-image: url(../image/mmlqps3t-bepkked.svg); background-position: center; background-size: cover; background-repeat: no-repeat; } .vector12 { position: absolute; top: 8px; left: 10px; width: 15px; height: 18px; } } .autoWrapper29 { display: flex; align-items: flex-start; align-self: stretch; justify-content: space-between; margin-top: 10px; padding-right: 20px; padding-left: 20px; .group4273231164 { display: flex; align-items: center; justify-content: space-between; width: 162px; min-width: 162px; height: 30px; .autoWrapper28 { position: relative; width: 90px; height: 30px; .rectangle346256074 { position: absolute; top: 0; left: 0; border: 1px solid #ffcc00; border-radius: 3px; background: #ffcc0066; width: 90px; height: 30px; rotate: -180deg; } } } } } .frame36 { position: relative; margin-top: 10px; width: 430px; height: 174px; overflow: hidden; .ellipse1954 { position: absolute; top: 113px; left: 65px; border-radius: 50%; background: #00ddff73; width: 67px; height: 29px; filter: blur(25px); } .frame35 { display: flex; position: absolute; top: 0; right: 0; bottom: 0; left: 0; flex-direction: column; align-items: flex-start; padding-bottom: 10px; width: 430px; height: 174px; background-image: url(../image/mmlqps3t-4h62vfv.svg); background-position: center; background-size: cover; background-repeat: no-repeat; .frame34 { position: relative; width: 430px; height: 35px; overflow: hidden; .subtract15 { display: flex; position: absolute; top: 0; left: 0; align-items: flex-start; justify-content: space-between; padding-right: 12px; padding-bottom: 14px; width: 430px; height: 34px; background-image: url(../image/mmlqps3t-08rf4nw.svg); background-position: center; background-size: cover; background-repeat: no-repeat; } .vector13 { position: absolute; top: 8px; left: 10px; width: 18px; height: 18px; } } } } .frame38 { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; margin-top: 10px; padding-bottom: 10px; background-image: url(../image/mmlqps3u-dzcoqn7.svg); background-position: center; background-size: cover; background-repeat: no-repeat; .frame37 { position: relative; width: 430px; height: 35px; overflow: hidden; .subtract16 { display: flex; position: absolute; top: 0; left: 0; align-items: flex-start; justify-content: space-between; padding-right: 12px; padding-bottom: 14px; width: 430px; height: 34px; background-image: url(../image/mmlqps3u-wyj1xjq.svg); background-position: center; background-size: cover; background-repeat: no-repeat; } } } } } .group4273227793 { display: flex; position: absolute; top: 173px; left: 228px; flex-direction: column; align-items: center; padding: 9px 2px 16px; width: 232px; height: 85px; background-image: url(../image/mmlqps3u-plhsq9p.svg); background-position: center; background-size: cover; background-repeat: no-repeat; filter: drop-shadow(0px 0px 10px #00000080); .text40 { background: linear-gradient(0deg, #31dcff 0%, #1d5a6d 100%); background-clip: text; line-height: 19px; letter-spacing: 1.6px; color: transparent; font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 16px; -webkit-background-clip: text; } .rectangle34625537 { margin-top: 10px; width: 228px; height: 2px; background-image: linear-gradient( 90deg, #102f5000 0%, #68c4d4 50%, #102f5000 100% ); } .text41 { margin: 10px 0px 0px; line-height: 19px; letter-spacing: 1.6px; color: #d8e9ff; font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 16px; } } } .subtract17 { position: absolute; top: 744px; left: 490px; width: 940px; height: 314px; } .rectangle2152 { display: flex; position: absolute; right: 490px; bottom: 22px; align-items: flex-start; padding: 5px 2px 2px 5px; width: 12px; height: 12px; background-image: url(../image/mmlqps3s-367ovyu.svg); background-position: center; background-size: cover; background-repeat: no-repeat; } .frame40 { position: absolute; top: 744px; right: 490px; left: 490px; width: 940px; height: 35px; overflow: hidden; .intersect9 { display: flex; position: absolute; top: 0; left: -1px; align-items: flex-start; justify-content: space-between; padding: 8px 11px 7px 3px; width: 940px; height: 31px; background-image: url(../image/mmlqps3u-p9nxbkg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; .group427320845 { display: flex; align-items: center; justify-content: space-between; box-shadow: 0px 0px 4px 0px #00ffff80; padding-right: 1px; width: 35px; min-width: 35px; height: 16px; .text42 { background: linear-gradient(180deg, #dbf9ff 32.78%, #a9f0ff 78.3%); background-clip: text; line-height: 16px; letter-spacing: 1.2px; color: transparent; font-family: YouSheBiaoTiHei, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 12px; -webkit-background-clip: text; } .vector14 { width: 10px; height: 7px; rotate: 180deg; } } } .intersect10 { display: flex; position: absolute; top: -4px; left: 10px; align-items: flex-start; padding: 7px 216px 0px 46px; width: 392px; height: 31px; background-image: url(../image/mmlqps3u-yyuoxe1.svg); background-position: center; background-size: cover; background-repeat: no-repeat; } .instance18 { position: absolute; top: 32px; left: 41px; width: 130px; height: 3px; overflow: hidden; rotate: 3deg; .ellipse28 { position: absolute; top: 2px; left: 0; opacity: 0.8; border-radius: 50%; width: 130px; height: 3px; rotate: -6deg; } .ellipse47 { position: absolute; top: 0; left: 36px; opacity: 0.5; border-radius: 50%; width: 58px; height: 6px; rotate: -6deg; } .ellipse37 { position: absolute; top: 2px; left: 42px; opacity: 0.54; border-radius: 50%; width: 46px; height: 3px; rotate: -6deg; } .ellipse57 { position: absolute; top: 2px; left: 56px; opacity: 0.8; border-radius: 50%; width: 19px; height: 3px; rotate: -6deg; } } } .group427323170 { display: flex; position: absolute; top: 794px; left: 503px; flex-direction: column; align-items: flex-start; width: 914px; height: 254px; .autoWrapper32 { display: flex; align-items: flex-start; align-self: stretch; justify-content: space-between; padding-right: 4px; padding-left: 0; .group427322608 { display: flex; align-items: center; justify-content: space-between; width: 449px; min-width: 449px; height: 20px; .text43 { line-height: 20px; letter-spacing: 1.4px; color: var(--1, #d8e9ff); font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 600; } .group427321431 { display: flex; align-items: center; justify-content: space-between; width: 86px; min-width: 86px; height: 20px; .ellipse2389 { border: 1px solid #ffffff; border-radius: 50%; background: #0085ff; width: 15px; height: 15px; } } .group427321428 { display: flex; align-items: center; justify-content: space-between; width: 101px; min-width: 101px; height: 20px; .ellipse23892 { border: 1px solid #ffffff; border-radius: 50%; background: #00ffff; width: 15px; height: 15px; } } .group427321429 { display: flex; align-items: center; justify-content: space-between; width: 86px; min-width: 86px; height: 20px; .ellipse2391 { border: 1px solid #ffffff; border-radius: 50%; background: #f87b6a; width: 15px; height: 15px; } } .group427321432 { display: flex; align-items: center; justify-content: space-between; width: 86px; min-width: 86px; height: 20px; .ellipse23893 { border: 1px solid #ffffff; border-radius: 50%; background: #ffbb00; width: 15px; height: 15px; } } } .group427323171 { display: flex; align-items: center; justify-content: space-between; width: 120px; min-width: 120px; height: 24px; .text44 { line-height: 20px; letter-spacing: 0; color: #ffffff; font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 14px; } .rectangle34624910 { display: flex; align-items: center; padding: 2px 13px; background-image: url(../image/mmlqps3v-mbqgc93.svg); background-position: center; background-size: cover; background-repeat: no-repeat; } .rectangle34624911 { display: flex; align-items: center; padding: 2px 13px; background-image: url(../image/mmlqps3v-k5rv748.svg); background-position: center; background-size: cover; background-repeat: no-repeat; } .rectangle346249112 { display: flex; align-items: center; padding: 2px 13px; background-image: url(../image/mmlqps3v-paafxgf.svg); background-position: center; background-size: cover; background-repeat: no-repeat; } } } .group427321264 { display: flex; position: relative; flex-direction: column; align-items: flex-start; align-self: stretch; margin-top: 11px; padding-left: 15px; height: 219px; .group427321254 { display: flex; position: absolute; top: 0; left: 0; flex-direction: column; align-items: flex-start; width: 46px; height: 201px; .text45 { line-height: 16px; letter-spacing: 0; color: var(--1, #d8e9ff); font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 500; } .a30 { margin: 1px 0px 0px; line-height: 16px; letter-spacing: 0; color: var(--1, #d8e9ff); font-family: DIN, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 14px; } .a302 { margin: 12px 0px 0px; line-height: 16px; letter-spacing: 0; color: var(--1, #d8e9ff); font-family: DIN, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 14px; } .a15 { margin: 12px 0px 0px 2px; line-height: 16px; letter-spacing: 0; color: var(--1, #d8e9ff); font-family: DIN, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 14px; } .a5 { margin: 12px 0px 0px 7px; line-height: 16px; letter-spacing: 0; color: var(--1, #d8e9ff); font-family: DIN, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 14px; } } .autoWrapper34 { display: flex; position: relative; flex-direction: column; align-items: flex-start; align-self: stretch; margin-top: -245px; padding-right: 0; padding-left: 0; .frame41 { opacity: 0.8; margin-top: -245px; margin-left: 450px; border: 1px solid #30dcff80; background: #30dcff; width: 1px; height: 889px; rotate: -90deg; } .autoWrapper33 { position: relative; margin-top: -601px; margin-left: 8px; width: 881px; height: 135px; .line242 { position: absolute; top: 40px; right: -6px; opacity: 0.8; background: #30dcff80; width: 889px; height: 1px; } .line248 { position: absolute; top: 11px; right: -6px; opacity: 0.8; background: #30dcff80; width: 889px; height: 1px; } .line249 { position: absolute; top: -18px; right: -6px; opacity: 0.8; background: #30dcff80; width: 889px; height: 1px; } .line245 { position: absolute; top: 69px; right: -6px; opacity: 0.8; background: #30dcff80; width: 889px; height: 1px; } .line246 { position: absolute; top: 98px; right: -6px; opacity: 0.8; background: #30dcff80; width: 889px; height: 1px; } .line247 { position: absolute; top: 127px; right: -6px; opacity: 0.8; background: #30dcff80; width: 889px; height: 1px; } .group427323150 { position: absolute; top: -19px; left: 0; width: 881px; height: 99px; } .group427323151 { position: absolute; top: 0; left: 0; width: 881px; height: 122px; } .group427323152 { position: absolute; top: 0; left: 0; width: 881px; height: 135px; } .group427323153 { position: absolute; bottom: -6px; left: 0; width: 881px; height: 124px; } } .group427321257 { display: flex; align-items: center; align-self: stretch; margin-top: 25px; .text46 { line-height: 16px; letter-spacing: 0; color: var(--1, #d8e9ff); font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 14px; } .text47 { margin: 0px 0px 0px 56px; line-height: 16px; letter-spacing: 0; color: var(--1, #d8e9ff); font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 14px; } .text48 { margin: 0px 0px 0px 57px; line-height: 16px; letter-spacing: 0; color: var(--1, #d8e9ff); font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 14px; } .text49 { margin: 0px 0px 0px 55px; line-height: 16px; letter-spacing: 0; color: var(--1, #d8e9ff); font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 14px; } .text50 { margin: 0px 0px 0px 58px; line-height: 16px; letter-spacing: 0; color: var(--1, #d8e9ff); font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 14px; } .text51 { margin: 0px 0px 0px 60px; line-height: 16px; letter-spacing: 0; color: var(--1, #d8e9ff); font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 14px; } .text52 { margin: 0px 0px 0px 49px; line-height: 16px; letter-spacing: 0; color: var(--1, #d8e9ff); font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 14px; } .text53 { margin: 0px 0px 0px 53px; line-height: 16px; letter-spacing: 0; color: var(--1, #d8e9ff); font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 14px; } .text54 { margin: 0px 0px 0px 54px; line-height: 16px; letter-spacing: 0; color: var(--1, #d8e9ff); font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: 14px; } } } } } }