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

html {
    font-size: 16px;
  }
  
  body {
    margin: 0;
  }
  
  body * {
    box-sizing: border-box;
    flex-shrink: 0;
  }
  
  #app {
    width: 100vw;
    height: 100vh;
  }
  
  .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;
  }

  .page {
    padding-bottom: 46.4vw;
    background-color: #ffffff;
    /*background-image: url('https://codesign-v2-1258344706.cos.ap-guangzhou.myqcloud.com/codefun///16820574081091492488.png');*/
	/*background-image: url('/static/myht/img/tricolorBg.png');*/
	background-image: url('../img/zi_bg.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    min-height: 100vh;
  }
  .space-y-48 > *:not(:first-child) {
    margin-top: 6.8vw;
  }
  .section {
    /* padding: 3.733vw 5.067vw; */
	padding: 1vw 5.067vw;
    background-color: #00000000;
  }
  .image {
    width: 14.4vw;
    height: 4.267vw;
  }
  .group {
    margin-right: 3.733vw;
  }
  .space-x-6 > *:not(:first-child) {
    margin-left: 1.6vw;
  }
  .image_2 {
    width: 4.533vw;
    height: 2.933vw;
  }
  .image_3 {
    width: 4vw;
    height: 2.933vw;
  }
  .image_4 {
    width: 6.4vw;
    height: 2.933vw;
  }
  .group_2 {
    /*padding: 3.733vw 6.933vw 0;*/
	padding:8.733vw 6.933vw 3vw;
  }
  .space-x-14 > *:not(:first-child) {
    margin-left: 3.733vw;
  }
  .image_5 {
    width: 2.4vw;
    height: 4.267vw;
  }
  .text {
    color: #ffffff;
    font-size: 6.4vw;
    font-family: HarmonyOSSansSC;
    line-height: 5.867vw;
  }
  .space-y-30 > *:not(:first-child) {
    margin-top: 8vw;
  }
  .image_6 {
    width: 84vw;
    height: 40vw;
  }