body * {
  box-sizing: border-box;
  flex-shrink: 0;
  height: 100%;
}
@font-face {
  src: url('HarmonyOS_Sans_Regular.ttf');
  font-weight: normal;
  font-style: normal;
   font-family: "HarmonyOS_Sans";
}
@font-face {
  src: url('HarmonyOS_Sans_Light.ttf');
  font-weight: normal;
  font-style: normal;
   font-family: "SC";
}
@font-face {
  src: url('HarmonyOS_Sans_Medium.ttf');
  font-weight: normal;
  font-style: normal;
   font-family: "cu";
}
body {
   font-family: "HarmonyOS_Sans", "Helvetica Neue", "Hiragino Sans GB", "WenQuanYi Micro Hei" !important;
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}
button:active {
  opacity: 0.6;
}
.col {
  display: flex;
  flex-direction: column;
}
.row {
  display: flex;
  flex-direction: row;
}
.rowr {
  display: flex;
  flex-direction: row-reverse;
  
}
.justify-start {
  display: flex;
  justify-content: flex-start;
}
.justify-center {
  display: flex;
  justify-content: center;
}
.justify-end {
  display: flex;
  justify-content: flex-end;
}
.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}
.justify-around {
  display: flex;
  justify-content: space-around;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.align-start {
  display: flex;
  align-items: flex-start;
}
.align-center {
  display: flex;
  align-items: center;
}
.align-end {
  display: flex;
  align-items: flex-end;
}
.row-huan {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.shou{
  cursor:pointer;
}

html,body,#app {
  min-height: 100%;
}
body div{
  height: auto;
}
body img,h2,h1,h3,h4,span,p,td,tr,tbody,a,li{
  height: auto;
}


.index-scroll-text{
    white-space: nowrap;  
    overflow: hidden;  
    box-sizing: border-box;  
    position: relative;  
    width: 100%; /* 或者你需要的宽度 */  
    height: 1em; /* 文本容器的高度 */  
    line-height:1em; /* 与容器高度相同，保证文本垂直居中 */  
}

.index-scroll-text span {
    position: absolute;
    white-space: nowrap;
    animation: scroll 21s linear infinite; /* 动画时间、速度曲线和是否无限循环 */  
	color: #D51D29;
}

@keyframes scroll {
    from {
        transform: translateX(40%);
    }
    to {
        transform: translateX(-100%);
    }
}