/************************************************************
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
** 否则页面将无法正常显示                                  **
************************************************************/

/* html {
  font-size: 16px;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
    'Droid Sans', 'Helvetica Neue', '思源黑体', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100vw;
  height: 100vh;
}

body * {
  box-sizing: border-box;
  flex-shrink: 0;
} */

.flex-row { display: flex; flex-direction: row; }

.flex-col { display: flex; flex-direction: column; }

.justify-start { justify-content: flex-start; }

.justify-end { justify-content: flex-end; }

.justify-center { justify-content: center; }

.justify-between { justify-content: space-between; }

.justify-around { justify-content: space-around; }

.justify-evenly { justify-content: space-evenly; }

.items-start { align-items: flex-start; }

.items-end { align-items: flex-end; }

.items-center { align-items: center; }

.items-baseline { align-items: baseline; }

.items-stretch { align-items: stretch; }

.self-start { align-self: flex-start; }

.self-end { align-self: flex-end; }

.self-center { align-self: center; }

.self-baseline { align-self: baseline; }

.self-stretch { align-self: stretch; }

.flex-1 { flex: 1 1 0%; }

.flex-auto { flex: 1 1 auto; }

.grow { flex-grow: 1; }

.grow-0 { flex-grow: 0; }

.shrink { flex-shrink: 1; }

.shrink-0 { flex-shrink: 0; }

.relative { position: relative; }

.ml-2 { margin-left: 2px; }

.mt-2 { margin-top: 2px; }

.ml-4 { margin-left: 4px; }

.mt-4 { margin-top: 4px; }

.ml-6 { margin-left: 6px; }

.mt-6 { margin-top: 6px; }

.ml-8 { margin-left: 8px; }

.mt-8 { margin-top: 8px; }

.ml-10 { margin-left: 10px; }

.mt-10 { margin-top: 10px; }

.ml-12 { margin-left: 12px; }

.mt-12 { margin-top: 12px; }

.ml-14 { margin-left: 14px; }

.mt-14 { margin-top: 14px; }

.ml-16 { margin-left: 16px; }

.mt-16 { margin-top: 16px; }

.ml-18 { margin-left: 18px; }

.mt-18 { margin-top: 18px; }

.ml-20 { margin-left: 20px; }

.mt-20 { margin-top: 20px; }

.ml-22 { margin-left: 22px; }

.mt-22 { margin-top: 22px; }

.ml-24 { margin-left: 24px; }

.mt-24 { margin-top: 24px; }

.ml-26 { margin-left: 26px; }

.mt-26 { margin-top: 26px; }

.ml-28 { margin-left: 28px; }

.mt-28 { margin-top: 28px; }

.ml-30 { margin-left: 30px; }

.mt-30 { margin-top: 30px; }

.ml-32 { margin-left: 32px; }

.mt-32 { margin-top: 32px; }

.ml-34 { margin-left: 34px; }

.mt-34 { margin-top: 34px; }

.ml-36 { margin-left: 36px; }

.mt-36 { margin-top: 36px; }

.ml-38 { margin-left: 38px; }

.mt-38 { margin-top: 38px; }

.ml-40 { margin-left: 40px; }

.mt-40 { margin-top: 40px; }

.ml-42 { margin-left: 42px; }

.mt-42 { margin-top: 42px; }

.ml-44 { margin-left: 44px; }

.mt-44 { margin-top: 44px; }

.ml-46 { margin-left: 46px; }

.mt-46 { margin-top: 46px; }

.ml-48 { margin-left: 48px; }

.mt-48 { margin-top: 48px; }

.ml-50 { margin-left: 50px; }

.mt-50 { margin-top: 50px; }

.ml-52 { margin-left: 52px; }

.mt-52 { margin-top: 52px; }

.ml-54 { margin-left: 54px; }

.mt-54 { margin-top: 54px; }

.ml-56 { margin-left: 56px; }

.mt-56 { margin-top: 56px; }

.ml-58 { margin-left: 58px; }

.mt-58 { margin-top: 58px; }

.ml-60 { margin-left: 60px; }

.mt-60 { margin-top: 60px; }

.ml-62 { margin-left: 62px; }

.mt-62 { margin-top: 62px; }

.ml-64 { margin-left: 64px; }

.mt-64 { margin-top: 64px; }

.ml-66 { margin-left: 66px; }

.mt-66 { margin-top: 66px; }

.ml-68 { margin-left: 68px; }

.mt-68 { margin-top: 68px; }

.ml-70 { margin-left: 70px; }

.mt-70 { margin-top: 70px; }

.ml-72 { margin-left: 72px; }

.mt-72 { margin-top: 72px; }

.ml-74 { margin-left: 74px; }

.mt-74 { margin-top: 74px; }

.ml-76 { margin-left: 76px; }

.mt-76 { margin-top: 76px; }

.ml-78 { margin-left: 78px; }

.mt-78 { margin-top: 78px; }

.ml-80 { margin-left: 80px; }

.mt-80 { margin-top: 80px; }

.ml-82 { margin-left: 82px; }

.mt-82 { margin-top: 82px; }

.ml-84 { margin-left: 84px; }

.mt-84 { margin-top: 84px; }

.ml-86 { margin-left: 86px; }

.mt-86 { margin-top: 86px; }

.ml-88 { margin-left: 88px; }

.mt-88 { margin-top: 88px; }

.ml-90 { margin-left: 90px; }

.mt-90 { margin-top: 90px; }

.ml-92 { margin-left: 92px; }

.mt-92 { margin-top: 92px; }

.ml-94 { margin-left: 94px; }

.mt-94 { margin-top: 94px; }

.ml-96 { margin-left: 96px; }

.mt-96 { margin-top: 96px; }

.ml-98 { margin-left: 98px; }

.mt-98 { margin-top: 98px; }

.ml-100 { margin-left: 100px; }

.mt-100 { margin-top: 100px; }

/** 清理默认样式 **/

a { color: unset; text-decoration: unset; }

button { padding: unset; border-style: unset; background-color: unset; }

h1,
h2,
h3,
h4,
h5,
h6 { margin: unset; font-size: unset; font-weight: unset; }

input,
textarea { padding: unset; outline: unset; border-style: unset; background-color: unset; resize: unset; }

p { margin: unset; }

select { outline: unset; border-style: unset; }

table { border-spacing: unset; }

ul,
ol { margin: unset; padding: unset; list-style-type: none; }

.page { background-size: 100% 100%; background-repeat: no-repeat; width: 100%; overflow-y: auto; overflow-x: hidden; height: 100%; }
.section { background-size: 100% 100%; background-repeat: no-repeat; width: 100%; height: 2810px; }
.pos { position: absolute; left: 0; right: 0; top: 0; }
.section_2 { padding: 36px 228px 60px; background-color: #eeeeee; }
.text { color: #323232; font-size: 36px; font-family: "思源黑体"; line-height: 36px; }
.equal-division { align-self: stretch; }
.group_26 { width: 1180px; }
.section_3 { flex: 1 1 281px; }
.image_11 { width: 348px; height: 281px; }
.font_2 { font-size: 16px; font-family: "思源黑体"; line-height: 18px; font-weight: 700; color: #2b61ad; }
.text_6 { margin-left: 12px; }
.font_3 { font-size: 14px; font-family: "思源黑体"; line-height: 15px; color: #323232; }
.text_5 { margin-left: 14px; }
.section_4 { margin-right: 16px; background-color: #ffffff; border-radius: 4px; border: solid 1px #2b61ad; }
.view_19 { margin-right: 28px; }
.font_4 { font-size: 16px; font-family: "思源黑体"; font-weight: 700; color: #2b61ad; }
.font_5 { font-size: 16px; font-family: "思源黑体"; font-weight: 700; color: #323232; }
.text-wrapper_4 { padding: 8px 0; background-color: #2b61ad; /* width: 281px; */ }
.font_6 { font-size: 16px; font-family: "思源黑体"; line-height: 16px; color: #ffffff; }
.section_16 { flex: 1 1 281px; }
.image_12 { width: 348px; height: 282px; }
.text_1 { margin-left: 12px; white-space: nowrap; /* 确保文本在一行内显示 */ overflow: hidden; /* 隐藏超出容器的部分 */ text-overflow: ellipsis; /* 超出部分显示为省略号 */ width: 320px; }
.text_35 { margin-left: 14px; white-space: nowrap; /* 确保文本在一行内显示 */ overflow: hidden; /* 隐藏超出容器的部分 */ text-overflow: ellipsis; /* 超出部分显示为省略号 */ width: 320px; }
.section_15 { flex: 1 1 281px; margin-left: 68px; }
.equal-division-item { background-color: #ffffff; height: 406px; }
.text_39 { margin-left: 16px; }
.section_6 { background-color: #e6e6e6; width: 1180px; }
.pos_2 { position: absolute; left: 50%; top: 60px; transform: translateX(-50%); }
.section_1 { padding: 12px; background-color: #edf1f5; }
.font_7 { font-size: 30px; font-family: SourceHanSansCN; letter-spacing: 3px; font-weight: 700; color: #323232; }
.font_8 { font-size: 18px; font-family: "思源黑体"; line-height: 19px; color: #323232; }
.group { margin-right: 414px; }
.font_16 { font-size: 16px; font-family: "思源黑体"; color: #323232; }
.image_1 { width: 213px; height: 562px; }
.view_27 { flex: 1 1 191px; }
.section_8 { padding-bottom: 24px; background-color: #ffffff; height: 281px; border: 1px solid #f3f6f7; }
.image_6 { width: 192px; height: 192px; display: block; margin: 0 auto; }
.text-wrapper_2 { margin: 0 8px; line-height: 21px; }
.font_10 { font-size: 12px; font-family: "思源黑体"; line-height: 21px; color: #323232; }
.font_11 { font-size: 14px; font-family: "思源黑体"; font-weight: 700; color: #d50f19; }
.text_7 { margin-left: 12px; }
.image { width: 191px; height: 192px; display: block; margin: 0 auto; }
.pos_4 { position: absolute; left: 50%; top: 717px; transform: translateX(-50%); }
.section_9 { padding: 16px 12px; background-color: #edf1f5; }
.pos_5 { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); }
.font_12 { font-size: 16px; font-family: SourceHanSansCN; line-height: 18px; font-weight: 500; color: #323232; }
.text_13 { line-height: 20px; }
.grid { margin-right: -980px; width: 768px; height: 563px; display: grid; grid-template-rows: repeat(2, minmax(0, 1fr)); grid-template-columns: repeat(4, minmax(0, 1fr)); row-gap: 0; column-gap: 0; }
.grid-item_2 { padding-bottom: 24px; background-color: #ffffff; width: 242px; }
.group_5 { line-height: 21px; }
.view_2 { margin: 0 4px; }
.text_9 { margin-left: 12px; }
.group_32 { line-height: 21px; }
.view_6 { margin: 0 8px; }
.text_10 { margin-left: 12px; }
.group_7 { line-height: 21px; }
.view_3 { margin: 0 4px; }
.text_11 { margin-left: 12px; }
.group_8 { line-height: 21px; }
.view_4 { margin: 0 4px; }
.text_12 { margin-left: 12px; }
.group_10 { line-height: 21px; }
.view_9 { margin: 0 4px; }
.text_33 { margin-left: 12px; }
.group_11 { line-height: 21px; }
.view_10 { margin: 0 4px; }
.text_14 { margin-left: 12px; }
.group_12 { line-height: 21px; }
.view_11 { margin: 0 4px; }
.text_15 { margin-left: 12px; }
.group_1 { line-height: 21px; }
.view_12 { margin: 0 4px; }
.text_16 { margin-left: 12px; }
.image_5 { margin-right: 766px; }
.pos_6 { position: absolute; left: 50%; top: 1374px; transform: translateX(-50%); }
.group_13 { margin-right: 240px; }
.font_17 { font-size: 18px; font-family: "思源黑体"; line-height: 18px; color: #323232; }
.group_33 { padding-left: 2px; }
.grid-item_1 { padding-bottom: 24px; background-color: #ffffff; }
.text-wrapper_3 { margin-left: 8px; }
.view_13 { margin: 0 6px; }
.view_14 { margin: 0 6px; }
.view_15 { margin: 0 6px; }
.view_16 { margin: 0 6px; }
.view_17 { margin: 0 6px; }
.image-wrapper_2 { margin-right: 766px; padding: 240px 0 136px; background-image: url('https://ide.code.fun/api/image?token=6712f2bf333411001274125c&name=14b17dbd7239b76c3f8de5f8cfe463c5.png'); background-size: 100% 100%; background-repeat: no-repeat; width: 212px; height: 562px; }
.image_7 { margin-left: 24px; width: 85px; height: 186px; }
.image_8 { width: 205px; height: 169px; }
.pos_7 { position: absolute; left: 216px; bottom: 1059px; }
.pos_8 { position: absolute; left: 50%; top: 2031px; transform: translateX(-50%); }
.pos_9 { position: absolute; left: 13px; top: 50%; transform: translateY(-50%); }
.grid_2 { height: 563px; display: grid; grid-template-rows: repeat(2, minmax(0, 1fr)); grid-template-columns: repeat(4, minmax(0, 1fr)); row-gap: 0; column-gap: 0; }
.group_15 { margin: 0 4px; line-height: 21px; }
.text_23 { margin-left: 12px; }
.group_16 { margin: 0 8px; line-height: 21px; }
.text_24 { margin-left: 12px; }
.group_17 { margin: 0 4px; line-height: 21px; }
.text_25 { margin-left: 12px; }
.group_18 { margin: 0 8px; line-height: 21px; }
.text_26 { margin-left: 12px; }
.group_19 { margin: 0 4px; line-height: 21px; }
.text_27 { margin-left: 12px; }
.group_20 { margin: 0 8px; line-height: 21px; }
.text_28 { margin-left: 12px; }
.group_21 { margin: 0 4px; line-height: 21px; }
.text_29 { margin-left: 12px; }
.group_22 { margin: 0 8px; line-height: 21px; }
.text_30 { margin-left: 12px; }
.section_13 { padding: 36px 0; background-color: #edf1f5; }
.pos_10 { position: absolute; left: 0; right: 0; top: 2721px; }
.text_31 { color: #323232; font-size: 20px; font-family: "思源黑体"; font-weight: 700; line-height: 20px; }
.text_36 { margin-left: 416px; }
.font_14 { font-size: 18px; font-family: "思源黑体"; line-height: 18px; font-weight: 700; color: #323232; }
.text_40 { margin-left: 40px; }
.text_41 { margin-left: 28px; }
.text_42 { margin-left: 32px; }
.equal-division_2 { position: absolute; left: 50%; top: 2838px; transform: translateX(-50%); }
.group_24 { width: 1180px; }
.group_25 { flex: 1 1 198px; }
.equal-division-item_2 { padding: 8px 4px; }
.image_10 { width: 188px; height: 69px; }
.text-wrapper_1 { padding: 4px 0; background-color: #eeeeee; width: 188px; }
.font_15 { font-size: 16px; font-family: "思源黑体"; color: #323232; }
.font_1 { font-size: 16px; font-family: "思源黑体"; line-height: 18px; color: #323232; }
.text_37 { line-height: 17px; }
.text_34 { line-height: 17px; }
.text_38 { color: #323232; }