/* 水平间距 */ /* 水平间距 */ /************************************************************ ** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 ** ** 否则页面将无法正常显示 ** ************************************************************/ html.data-v-cad4fb76 { font-size: 16px; } body.data-v-cad4fb76 { margin: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } view.data-v-cad4fb76, image.data-v-cad4fb76, text.data-v-cad4fb76 { box-sizing: border-box; flex-shrink: 0; } #app.data-v-cad4fb76 { width: 100vw; height: 100vh; } .flex-row.data-v-cad4fb76 { display: flex; flex-direction: row; } .flex-col.data-v-cad4fb76 { display: flex; flex-direction: column; } .justify-start.data-v-cad4fb76 { justify-content: flex-start; } .justify-end.data-v-cad4fb76 { justify-content: flex-end; } .justify-center.data-v-cad4fb76 { justify-content: center; } .justify-between.data-v-cad4fb76 { justify-content: space-between; } .justify-around.data-v-cad4fb76 { justify-content: space-around; } .justify-evenly.data-v-cad4fb76 { justify-content: space-evenly; } .items-start.data-v-cad4fb76 { align-items: flex-start; } .items-end.data-v-cad4fb76 { align-items: flex-end; } .items-center.data-v-cad4fb76 { align-items: center; } .items-baseline.data-v-cad4fb76 { align-items: baseline; } .items-stretch.data-v-cad4fb76 { align-items: stretch; } .self-start.data-v-cad4fb76 { align-self: flex-start; } .self-end.data-v-cad4fb76 { align-self: flex-end; } .self-center.data-v-cad4fb76 { align-self: center; } .self-baseline.data-v-cad4fb76 { align-self: baseline; } .self-stretch.data-v-cad4fb76 { align-self: stretch; } .flex-1.data-v-cad4fb76 { flex: 1 1 0%; } .flex-auto.data-v-cad4fb76 { flex: 1 1 auto; } .grow.data-v-cad4fb76 { flex-grow: 1; } .grow-0.data-v-cad4fb76 { flex-grow: 0; } .shrink.data-v-cad4fb76 { flex-shrink: 1; } .shrink-0.data-v-cad4fb76 { flex-shrink: 0; } .relative.data-v-cad4fb76 { position: relative; } .ml-2.data-v-cad4fb76 { margin-left: 3.75rpx; } .mt-2.data-v-cad4fb76 { margin-top: 3.75rpx; } .ml-4.data-v-cad4fb76 { margin-left: 7.5rpx; } .mt-4.data-v-cad4fb76 { margin-top: 7.5rpx; } .ml-6.data-v-cad4fb76 { margin-left: 11.25rpx; } .mt-6.data-v-cad4fb76 { margin-top: 11.25rpx; } .ml-8.data-v-cad4fb76 { margin-left: 15rpx; } .mt-8.data-v-cad4fb76 { margin-top: 15rpx; } .ml-10.data-v-cad4fb76 { margin-left: 18.75rpx; } .mt-10.data-v-cad4fb76 { margin-top: 18.75rpx; } .ml-12.data-v-cad4fb76 { margin-left: 22.5rpx; } .mt-12.data-v-cad4fb76 { margin-top: 22.5rpx; } .ml-14.data-v-cad4fb76 { margin-left: 26.25rpx; } .mt-14.data-v-cad4fb76 { margin-top: 26.25rpx; } .ml-16.data-v-cad4fb76 { margin-left: 30rpx; } .mt-16.data-v-cad4fb76 { margin-top: 30rpx; } .ml-18.data-v-cad4fb76 { margin-left: 33.75rpx; } .mt-18.data-v-cad4fb76 { margin-top: 33.75rpx; } .ml-20.data-v-cad4fb76 { margin-left: 37.5rpx; } .mt-20.data-v-cad4fb76 { margin-top: 37.5rpx; } .ml-22.data-v-cad4fb76 { margin-left: 41.25rpx; } .mt-22.data-v-cad4fb76 { margin-top: 41.25rpx; } .ml-24.data-v-cad4fb76 { margin-left: 45rpx; } .mt-24.data-v-cad4fb76 { margin-top: 45rpx; } .ml-26.data-v-cad4fb76 { margin-left: 48.75rpx; } .mt-26.data-v-cad4fb76 { margin-top: 48.75rpx; } .ml-28.data-v-cad4fb76 { margin-left: 52.5rpx; } .mt-28.data-v-cad4fb76 { margin-top: 52.5rpx; } .ml-30.data-v-cad4fb76 { margin-left: 56.25rpx; } .mt-30.data-v-cad4fb76 { margin-top: 56.25rpx; } .ml-32.data-v-cad4fb76 { margin-left: 60rpx; } .mt-32.data-v-cad4fb76 { margin-top: 60rpx; } .ml-34.data-v-cad4fb76 { margin-left: 63.75rpx; } .mt-34.data-v-cad4fb76 { margin-top: 63.75rpx; } .ml-36.data-v-cad4fb76 { margin-left: 67.5rpx; } .mt-36.data-v-cad4fb76 { margin-top: 67.5rpx; } .ml-38.data-v-cad4fb76 { margin-left: 71.25rpx; } .mt-38.data-v-cad4fb76 { margin-top: 71.25rpx; } .ml-40.data-v-cad4fb76 { margin-left: 75rpx; } .mt-40.data-v-cad4fb76 { margin-top: 75rpx; } .ml-42.data-v-cad4fb76 { margin-left: 78.75rpx; } .mt-42.data-v-cad4fb76 { margin-top: 78.75rpx; } .ml-44.data-v-cad4fb76 { margin-left: 82.5rpx; } .mt-44.data-v-cad4fb76 { margin-top: 82.5rpx; } .ml-46.data-v-cad4fb76 { margin-left: 86.25rpx; } .mt-46.data-v-cad4fb76 { margin-top: 86.25rpx; } .ml-48.data-v-cad4fb76 { margin-left: 90rpx; } .mt-48.data-v-cad4fb76 { margin-top: 90rpx; } .ml-50.data-v-cad4fb76 { margin-left: 93.75rpx; } .mt-50.data-v-cad4fb76 { margin-top: 93.75rpx; } .ml-52.data-v-cad4fb76 { margin-left: 97.5rpx; } .mt-52.data-v-cad4fb76 { margin-top: 97.5rpx; } .ml-54.data-v-cad4fb76 { margin-left: 101.25rpx; } .mt-54.data-v-cad4fb76 { margin-top: 101.25rpx; } .ml-56.data-v-cad4fb76 { margin-left: 105rpx; } .mt-56.data-v-cad4fb76 { margin-top: 105rpx; } .ml-58.data-v-cad4fb76 { margin-left: 108.75rpx; } .mt-58.data-v-cad4fb76 { margin-top: 108.75rpx; } .ml-60.data-v-cad4fb76 { margin-left: 112.5rpx; } .mt-60.data-v-cad4fb76 { margin-top: 112.5rpx; } .ml-62.data-v-cad4fb76 { margin-left: 116.25rpx; } .mt-62.data-v-cad4fb76 { margin-top: 116.25rpx; } .ml-64.data-v-cad4fb76 { margin-left: 120rpx; } .mt-64.data-v-cad4fb76 { margin-top: 120rpx; } .ml-66.data-v-cad4fb76 { margin-left: 123.75rpx; } .mt-66.data-v-cad4fb76 { margin-top: 123.75rpx; } .ml-68.data-v-cad4fb76 { margin-left: 127.5rpx; } .mt-68.data-v-cad4fb76 { margin-top: 127.5rpx; } .ml-70.data-v-cad4fb76 { margin-left: 131.25rpx; } .mt-70.data-v-cad4fb76 { margin-top: 131.25rpx; } .ml-72.data-v-cad4fb76 { margin-left: 135rpx; } .mt-72.data-v-cad4fb76 { margin-top: 135rpx; } .ml-74.data-v-cad4fb76 { margin-left: 138.75rpx; } .mt-74.data-v-cad4fb76 { margin-top: 138.75rpx; } .ml-76.data-v-cad4fb76 { margin-left: 142.5rpx; } .mt-76.data-v-cad4fb76 { margin-top: 142.5rpx; } .ml-78.data-v-cad4fb76 { margin-left: 146.25rpx; } .mt-78.data-v-cad4fb76 { margin-top: 146.25rpx; } .ml-80.data-v-cad4fb76 { margin-left: 150rpx; } .mt-80.data-v-cad4fb76 { margin-top: 150rpx; } .ml-82.data-v-cad4fb76 { margin-left: 153.75rpx; } .mt-82.data-v-cad4fb76 { margin-top: 153.75rpx; } .ml-84.data-v-cad4fb76 { margin-left: 157.5rpx; } .mt-84.data-v-cad4fb76 { margin-top: 157.5rpx; } .ml-86.data-v-cad4fb76 { margin-left: 161.25rpx; } .mt-86.data-v-cad4fb76 { margin-top: 161.25rpx; } .ml-88.data-v-cad4fb76 { margin-left: 165rpx; } .mt-88.data-v-cad4fb76 { margin-top: 165rpx; } .ml-90.data-v-cad4fb76 { margin-left: 168.75rpx; } .mt-90.data-v-cad4fb76 { margin-top: 168.75rpx; } .ml-92.data-v-cad4fb76 { margin-left: 172.5rpx; } .mt-92.data-v-cad4fb76 { margin-top: 172.5rpx; } .ml-94.data-v-cad4fb76 { margin-left: 176.25rpx; } .mt-94.data-v-cad4fb76 { margin-top: 176.25rpx; } .ml-96.data-v-cad4fb76 { margin-left: 180rpx; } .mt-96.data-v-cad4fb76 { margin-top: 180rpx; } .ml-98.data-v-cad4fb76 { margin-left: 183.75rpx; } .mt-98.data-v-cad4fb76 { margin-top: 183.75rpx; } .ml-100.data-v-cad4fb76 { margin-left: 187.5rpx; } .mt-100.data-v-cad4fb76 { margin-top: 187.5rpx; } .mt-104.data-v-cad4fb76 { margin-top: 60rpx; margin-right: 10rpx; } .image-wrapper_2.data-v-cad4fb76 { padding: 11.25rpx 0; background-color: #f8dedf; border-radius: 5.63rpx 0rpx 0rpx 5.63rpx; width: 52.5rpx; height: 52.5rpx; } .text-wrapper_6.data-v-cad4fb76 { padding: 15rpx 0 11.25rpx; background-color: #f5f5dc; width: 52.5rpx; height: 52.5rpx; } .image-wrapper_3.data-v-cad4fb76 { padding: 11.25rpx 0; background-color: #f8dedf; border-radius: 0rpx 5.63rpx 5.63rpx 0rpx; width: 52.5rpx; height: 52.5rpx; } .image_33.data-v-cad4fb76 { width: 33.75rpx; height: 33.75rpx; } .mt-7.data-v-cad4fb76 { margin-top: 13.13rpx; } .ml-3.data-v-cad4fb76 { margin-left: 5.63rpx; } .font_33.data-v-cad4fb76 { font-size: 22.5rpx; font-family: FZSongKeBenXiuKaiS-R-GB; line-height: 25.13rpx; color: #8a8a8a; } .text_55.data-v-cad4fb76 { margin-top: 26.25rpx; line-height: 26.25rpx; width: 280rpx; } .font_7.data-v-cad4fb76 { font-size: 22.5rpx; font-family: Open Sans; line-height: 20.72rpx; color: #8a8a8a; } .text_9.data-v-cad4fb76 { line-height: 21.36rpx; } .mt-11.data-v-cad4fb76 { margin-top: 20.63rpx; } .page.data-v-cad4fb76 { background-color: #ffffff; background-image: url("https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FQfLHXSAU-feiyigongfangbeijin.png"); background-size: 100% 100%; background-repeat: no-repeat; width: 100%; overflow-y: auto; overflow-x: hidden; height: 100%; } .section.data-v-cad4fb76 { background-image: url("https://ide.code.fun/api/image?token=675fbf94797f850011f2bedf&name=17e1ca160ffb13e8723517aa1cebf07e.png"); background-size: 100% 100%; background-repeat: no-repeat; width: 750rpx; height: 1728.75rpx; } .equal-division.data-v-cad4fb76 { position: absolute; left: 50%; top: 136.88rpx; transform: translateX(-50%); } .group.data-v-cad4fb76 { width: 650.63rpx; } .image.data-v-cad4fb76 { width: 192rpx; height: 192rpx; } .equal-division-item.data-v-cad4fb76 { flex: 1 1 279.38rpx; } .section_2.data-v-cad4fb76 { padding: 7.5rpx 26.25rpx 41.25rpx; opacity: 0.85; background-color: #ffffff; border-radius: 18.75rpx; height: 281.25rpx; } .section_3.data-v-cad4fb76 { padding: 7.5rpx 22.5rpx 41.25rpx; background-color: #ffffffcc; border-radius: 18.75rpx; height: 281.25rpx; } .font.data-v-cad4fb76 { font-size: 30rpx; font-family: FZSongKeBenXiuKaiS-R-GB; line-height: 28.59rpx; color: #323232; } .text.data-v-cad4fb76 { line-height: 27.69rpx; } .pos.data-v-cad4fb76 { position: absolute; left: 31.35rpx; top: 49.84rpx; } .text_2.data-v-cad4fb76 { line-height: 29.42rpx; } .text_3.data-v-cad4fb76 { line-height: 28.84rpx; } .pos_2.data-v-cad4fb76 { position: absolute; left: 48.06rpx; top: 537.66rpx; } .section_4.data-v-cad4fb76 { background-color: #ffffff6c; border-radius: 37.5rpx 37.5rpx 0 0; } .pos_3.data-v-cad4fb76 { position: absolute; left: 0; right: 0; top: 581.25rpx; } .list.data-v-cad4fb76 { padding: 50.63rpx 45rpx; } .section_5.data-v-cad4fb76 { margin-right: 15rpx; padding: 13.13rpx 3.75rpx 37.5rpx 43.13rpx; background-color: #ffffff; border-radius: 18.75rpx; margin: 5px; } .image_2.data-v-cad4fb76 { border-radius: 9.38rpx; width: 118.13rpx; height: 151.88rpx; } .group_2.data-v-cad4fb76 { margin-bottom: 3.75rpx; } .font_2.data-v-cad4fb76 { font-size: 26.25rpx; font-family: FZSongKeBenXiuKaiS-R-GB; line-height: 24.3rpx; color: #323232; } .text_4.data-v-cad4fb76 { line-height: 25.43rpx; } .group_3.data-v-cad4fb76 { margin-top: 26.25rpx; } .group_4.data-v-cad4fb76 { line-height: 24.3rpx; height: 24.3rpx; } .font_4.data-v-cad4fb76 { font-size: 26.25rpx; font-family: Open Sans; line-height: 16.8rpx; color: #323232; } .font_3.data-v-cad4fb76 { font-size: 33.75rpx; font-family: FZSongKeBenXiuKaiS-R-GB; line-height: 24.3rpx; color: #ff3c3c; } .text_5.data-v-cad4fb76 { line-height: 22.54rpx; } .image_3.data-v-cad4fb76 { width: 35.63rpx; height: 37.5rpx; } .image_4.data-v-cad4fb76 { margin-top: 67.5rpx; } .font_5.data-v-cad4fb76 { font-size: 22.5rpx; font-family: FZSongKeBenXiuKaiS-R-GB; line-height: 21.98rpx; color: #898989; } .text_6.data-v-cad4fb76 { margin-top: 7.5rpx; line-height: 22.24rpx; } .section_9.data-v-cad4fb76 { padding: 39.38rpx 30rpx 13.13rpx; background-color: #ffffff; position: fixed; bottom: 0; width: 100%; } .image_9.data-v-cad4fb76 { margin-left: 67.5rpx; width: 33.75rpx; height: 33.75rpx; } .text_15.data-v-cad4fb76 { color: #fb1212; font-size: 33.75rpx; font-family: Open Sans; font-weight: 700; line-height: 24.84rpx; } .text_14.data-v-cad4fb76 { margin-left: -146.25rpx; color: #000000; line-height: 24.09rpx; } .text_17.data-v-cad4fb76 { margin-left: 75rpx; color: #fb1212; font-size: 26.25rpx; font-family: Open Sans; font-weight: 700; line-height: 19.29rpx; } .section_10.data-v-cad4fb76 { margin-left: 26.25rpx; padding: 7.5rpx 11.25rpx; background-color: #d9d9d9; border-radius: 9.38rpx; height: 37.5rpx; } .text_18.data-v-cad4fb76 { color: #323232; font-size: 18.75rpx; font-family: FZSongKeBenXiuKaiS-R-GB; line-height: 18.32rpx; } .image_10.data-v-cad4fb76 { width: 18.75rpx; height: 18.75rpx; } .text-wrapper.data-v-cad4fb76 { padding: 26.25rpx 0; background-color: #e79ea1; border-radius: 75rpx; width: 238.13rpx; height: 82.5rpx; } .text_16.data-v-cad4fb76 { color: #ffffff; line-height: 28.01rpx; }