/* 水平间距 */ /* 水平间距 */ /************************************************************ ** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 ** ** 否则页面将无法正常显示 ** ************************************************************/ html.data-v-7e3c386d { font-size: 16px; } body.data-v-7e3c386d { 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-7e3c386d, image.data-v-7e3c386d, text.data-v-7e3c386d { box-sizing: border-box; flex-shrink: 0; } #app.data-v-7e3c386d { width: 100vw; height: 100vh; } .flex-row.data-v-7e3c386d { display: flex; flex-direction: row; } .flex-col.data-v-7e3c386d { display: flex; flex-direction: column; } .justify-start.data-v-7e3c386d { justify-content: flex-start; } .justify-end.data-v-7e3c386d { justify-content: flex-end; } .justify-center.data-v-7e3c386d { justify-content: center; } .justify-between.data-v-7e3c386d { justify-content: space-between; } .justify-around.data-v-7e3c386d { justify-content: space-around; } .justify-evenly.data-v-7e3c386d { justify-content: space-evenly; } .items-start.data-v-7e3c386d { align-items: flex-start; } .items-end.data-v-7e3c386d { align-items: flex-end; } .items-center.data-v-7e3c386d { align-items: center; } .items-baseline.data-v-7e3c386d { align-items: baseline; } .items-stretch.data-v-7e3c386d { align-items: stretch; } .self-start.data-v-7e3c386d { align-self: flex-start; } .self-end.data-v-7e3c386d { align-self: flex-end; } .self-center.data-v-7e3c386d { align-self: center; } .self-baseline.data-v-7e3c386d { align-self: baseline; } .self-stretch.data-v-7e3c386d { align-self: stretch; } .flex-1.data-v-7e3c386d { flex: 1 1 0%; } .flex-auto.data-v-7e3c386d { flex: 1 1 auto; } .grow.data-v-7e3c386d { flex-grow: 1; } .grow-0.data-v-7e3c386d { flex-grow: 0; } .shrink.data-v-7e3c386d { flex-shrink: 1; } .shrink-0.data-v-7e3c386d { flex-shrink: 0; } .relative.data-v-7e3c386d { position: relative; } .ml-2.data-v-7e3c386d { margin-left: 3.75rpx; } .mt-2.data-v-7e3c386d { margin-top: 3.75rpx; } .ml-4.data-v-7e3c386d { margin-left: 7.5rpx; } .mt-4.data-v-7e3c386d { margin-top: 7.5rpx; } .ml-6.data-v-7e3c386d { margin-left: 11.25rpx; } .mt-6.data-v-7e3c386d { margin-top: 11.25rpx; } .ml-8.data-v-7e3c386d { margin-left: 15rpx; } .mt-8.data-v-7e3c386d { margin-top: 15rpx; } .ml-10.data-v-7e3c386d { margin-left: 18.75rpx; } .mt-10.data-v-7e3c386d { margin-top: 18.75rpx; } .ml-12.data-v-7e3c386d { margin-left: 22.5rpx; } .mt-12.data-v-7e3c386d { margin-top: 22.5rpx; } .ml-14.data-v-7e3c386d { margin-left: 26.25rpx; } .mt-14.data-v-7e3c386d { margin-top: 26.25rpx; } .ml-16.data-v-7e3c386d { margin-left: 30rpx; } .mt-16.data-v-7e3c386d { margin-top: 30rpx; } .ml-18.data-v-7e3c386d { margin-left: 33.75rpx; } .mt-18.data-v-7e3c386d { margin-top: 33.75rpx; } .ml-20.data-v-7e3c386d { margin-left: 37.5rpx; } .mt-20.data-v-7e3c386d { margin-top: 37.5rpx; } .ml-22.data-v-7e3c386d { margin-left: 41.25rpx; } .mt-22.data-v-7e3c386d { margin-top: 41.25rpx; } .ml-24.data-v-7e3c386d { margin-left: 45rpx; } .mt-24.data-v-7e3c386d { margin-top: 45rpx; } .ml-26.data-v-7e3c386d { margin-left: 48.75rpx; } .mt-26.data-v-7e3c386d { margin-top: 48.75rpx; } .ml-28.data-v-7e3c386d { margin-left: 52.5rpx; } .mt-28.data-v-7e3c386d { margin-top: 52.5rpx; } .ml-30.data-v-7e3c386d { margin-left: 56.25rpx; } .mt-30.data-v-7e3c386d { margin-top: 56.25rpx; } .ml-32.data-v-7e3c386d { margin-left: 60rpx; } .mt-32.data-v-7e3c386d { margin-top: 60rpx; } .ml-34.data-v-7e3c386d { margin-left: 63.75rpx; } .mt-34.data-v-7e3c386d { margin-top: 63.75rpx; } .ml-36.data-v-7e3c386d { margin-left: 67.5rpx; } .mt-36.data-v-7e3c386d { margin-top: 67.5rpx; } .ml-38.data-v-7e3c386d { margin-left: 71.25rpx; } .mt-38.data-v-7e3c386d { margin-top: 71.25rpx; } .ml-40.data-v-7e3c386d { margin-left: 75rpx; } .mt-40.data-v-7e3c386d { margin-top: 75rpx; } .ml-42.data-v-7e3c386d { margin-left: 78.75rpx; } .mt-42.data-v-7e3c386d { margin-top: 78.75rpx; } .ml-44.data-v-7e3c386d { margin-left: 82.5rpx; } .mt-44.data-v-7e3c386d { margin-top: 82.5rpx; } .ml-46.data-v-7e3c386d { margin-left: 86.25rpx; } .mt-46.data-v-7e3c386d { margin-top: 86.25rpx; } .ml-48.data-v-7e3c386d { margin-left: 90rpx; } .mt-48.data-v-7e3c386d { margin-top: 90rpx; } .ml-50.data-v-7e3c386d { margin-left: 93.75rpx; } .mt-50.data-v-7e3c386d { margin-top: 93.75rpx; } .ml-52.data-v-7e3c386d { margin-left: 97.5rpx; } .mt-52.data-v-7e3c386d { margin-top: 97.5rpx; } .ml-54.data-v-7e3c386d { margin-left: 101.25rpx; } .mt-54.data-v-7e3c386d { margin-top: 101.25rpx; } .ml-56.data-v-7e3c386d { margin-left: 105rpx; } .mt-56.data-v-7e3c386d { margin-top: 105rpx; } .ml-58.data-v-7e3c386d { margin-left: 108.75rpx; } .mt-58.data-v-7e3c386d { margin-top: 108.75rpx; } .ml-60.data-v-7e3c386d { margin-left: 112.5rpx; } .mt-60.data-v-7e3c386d { margin-top: 112.5rpx; } .ml-62.data-v-7e3c386d { margin-left: 116.25rpx; } .mt-62.data-v-7e3c386d { margin-top: 116.25rpx; } .ml-64.data-v-7e3c386d { margin-left: 120rpx; } .mt-64.data-v-7e3c386d { margin-top: 120rpx; } .ml-66.data-v-7e3c386d { margin-left: 123.75rpx; } .mt-66.data-v-7e3c386d { margin-top: 123.75rpx; } .ml-68.data-v-7e3c386d { margin-left: 127.5rpx; } .mt-68.data-v-7e3c386d { margin-top: 127.5rpx; } .ml-70.data-v-7e3c386d { margin-left: 131.25rpx; } .mt-70.data-v-7e3c386d { margin-top: 131.25rpx; } .ml-72.data-v-7e3c386d { margin-left: 135rpx; } .mt-72.data-v-7e3c386d { margin-top: 135rpx; } .ml-74.data-v-7e3c386d { margin-left: 138.75rpx; } .mt-74.data-v-7e3c386d { margin-top: 138.75rpx; } .ml-76.data-v-7e3c386d { margin-left: 142.5rpx; } .mt-76.data-v-7e3c386d { margin-top: 142.5rpx; } .ml-78.data-v-7e3c386d { margin-left: 146.25rpx; } .mt-78.data-v-7e3c386d { margin-top: 146.25rpx; } .ml-80.data-v-7e3c386d { margin-left: 150rpx; } .mt-80.data-v-7e3c386d { margin-top: 150rpx; } .ml-82.data-v-7e3c386d { margin-left: 153.75rpx; } .mt-82.data-v-7e3c386d { margin-top: 153.75rpx; } .ml-84.data-v-7e3c386d { margin-left: 157.5rpx; } .mt-84.data-v-7e3c386d { margin-top: 157.5rpx; } .ml-86.data-v-7e3c386d { margin-left: 161.25rpx; } .mt-86.data-v-7e3c386d { margin-top: 161.25rpx; } .ml-88.data-v-7e3c386d { margin-left: 165rpx; } .mt-88.data-v-7e3c386d { margin-top: 165rpx; } .ml-90.data-v-7e3c386d { margin-left: 168.75rpx; } .mt-90.data-v-7e3c386d { margin-top: 168.75rpx; } .ml-92.data-v-7e3c386d { margin-left: 172.5rpx; } .mt-92.data-v-7e3c386d { margin-top: 172.5rpx; } .ml-94.data-v-7e3c386d { margin-left: 176.25rpx; } .mt-94.data-v-7e3c386d { margin-top: 176.25rpx; } .ml-96.data-v-7e3c386d { margin-left: 180rpx; } .mt-96.data-v-7e3c386d { margin-top: 180rpx; } .ml-98.data-v-7e3c386d { margin-left: 183.75rpx; } .mt-98.data-v-7e3c386d { margin-top: 183.75rpx; } .ml-100.data-v-7e3c386d { margin-left: 187.5rpx; } .mt-100.data-v-7e3c386d { margin-top: 187.5rpx; } .scrollable-contentType.data-v-7e3c386d { height: 65vh; } .scrollable-content.data-v-7e3c386d { height: 56vh; /* 100px 是头部和底部的高度之和 */ } .ml-15.data-v-7e3c386d { margin-left: 28.13rpx; } .ml-3.data-v-7e3c386d { margin-left: 5.63rpx; } .mt-3.data-v-7e3c386d { margin-top: 5.63rpx; text-align: center; } .mt-13.data-v-7e3c386d { margin-top: 17.38rpx; } .mt-5.data-v-7e3c386d { margin-top: 9.38rpx; } .page.data-v-7e3c386d { background-color: #f5f5dc; width: 100%; overflow-y: auto; overflow-x: hidden; height: 100vh; overflow: hidden; } .section.data-v-7e3c386d { padding: 22.5rpx 39.28rpx 16.88rpx; background-color: #f7de98; } .pos_8.data-v-7e3c386d { position: absolute; left: 0; right: 0; top: 0; } .text.data-v-7e3c386d { color: #c1651a; font-size: 37.5rpx; font-family: STFangsong; line-height: 36.19rpx; } .section_2.data-v-7e3c386d { padding: 5.63rpx 15rpx 8.44rpx; background-color: #ffffff; border-radius: 28.13rpx; height: 63.75rpx; width: 500.69rpx; } .image.data-v-7e3c386d { width: 50.63rpx; height: 50.63rpx; } .text-wrapper.data-v-7e3c386d { margin-right: 17.42rpx; } .font.data-v-7e3c386d { font-size: 26.25rpx; font-family: STFangsong; line-height: 18rpx; color: #ff0000; } .image-wrapper.data-v-7e3c386d { background-color: #ffffff; border-radius: 28.13rpx; overflow: hidden; border: solid 9.38rpx #ffffff; } .pos_1.data-v-7e3c386d { position: absolute; left: 22.5rpx; right: 24.38rpx; top: 118.13rpx; } .image_2.data-v-7e3c386d { width: 91.25vw; height: 37.5vw; } .section_3.data-v-7e3c386d { padding: 8.44rpx 5.63rpx 750rpx; background-color: #f7de98; width: 151.88rpx; } .pos_9.data-v-7e3c386d { position: absolute; left: 0; top: 440.63rpx; } .group.data-v-7e3c386d { margin: auto; width: 137.81rpx; } .list-item.data-v-7e3c386d { padding: 11.25rpx 0 9.94rpx; background-color: #fffef8; border-radius: 9.38rpx; } .list-item.data-v-7e3c386d:first-child { margin-top: 0; } .image_3.data-v-7e3c386d { border-radius: 0rpx 9.38rpx 9.38rpx 0rpx; width: 60rpx; height: 60rpx; } .font_4.data-v-7e3c386d { font-size: 25rpx; font-family: STFangsong; line-height: 28.26rpx; color: #c1651a; } .section_4.data-v-7e3c386d { padding-bottom: 879.38rpx; background-color: #f8e8c1; border-radius: 0rpx 18.75rpx 0rpx 0rpx; width: 600.13rpx; } .pos_4.data-v-7e3c386d { position: absolute; right: 0; top: 440.63rpx; } .section_5.data-v-7e3c386d { padding: 18.06rpx 16.24rpx 14.94rpx; background-color: #fffef8; border-radius: 0rpx 18.75rpx 0rpx 0rpx; width: 598.13rpx; } .font_2.data-v-7e3c386d { font-size: 30rpx; font-family: STFangsong; line-height: 28.26rpx; color: #000000; } .font_3.data-v-7e3c386d { font-size: 22.5rpx; font-family: STFangsong; line-height: 21.56rpx; color: #727272; } .text_3.data-v-7e3c386d { line-height: 21.15rpx; } .pos_5.data-v-7e3c386d { position: absolute; right: 15rpx; top: 543.75rpx; } .section_9.data-v-7e3c386d { padding: 20.63rpx 22.88rpx 22.5rpx; background-color: #fffef8; border-radius: 9.38rpx; right: 13.13rpx; } .list-item_2.data-v-7e3c386d:first-child { margin-top: 0; } .image_4.data-v-7e3c386d { border-radius: 9.38rpx; width: 131.25rpx; height: 131.25rpx; } .group_3.data-v-7e3c386d { margin-left: 24.84rpx; } .text_5.data-v-7e3c386d { line-height: 28.65rpx; } .image_5.data-v-7e3c386d { margin: 75rpx 5.63rpx 0 107.96rpx; border-radius: 9.38rpx; width: 56.25rpx; height: 56.25rpx; }