/* 网页字体的默认基准值 */
html {
  font-size: 16px;
}

/* 适配小屏手机 */
@media (max-width: 374px) {
  html {
    font-size: 14px;
  }
}

/* 适配中等屏幕 */
@media (min-width: 375px) and (max-width: 767px) {
  html {
    font-size: 16px;
  }
}

/* 适配平板及以上 */
@media (min-width: 768px) {
  html {
    font-size: 18px;
  }
}
/*	responsive-div：用于自动调整页首图片栏高度
	当视口宽度大于1000px时，div的高度为固定高度 */
@media (min-width: 1000px) {
    .responsive-div {
        height:120px; /* 视口高度为固定高度 */
		width:var(--base-width);/*限制整个网页的最大宽度值*/
    }
}

/* 当视口宽度小于1000px时，div的高度为视口宽度的12% */
@media (max-width: 1000px) {
    .responsive-div {
        height: 12vw;; /* 视口宽度的12% */
		width:var(--base-width);/*限制整个网页的最大宽度值*/
    }
}
/* 	responsive-div2：用于自动调整菜单栏高度
	当视口宽度大于750px时，div的高度为固定高度 */
@media (min-width: 750px) {
    .responsive-div2 {
        height:70px; /* 视口高度为固定高度 */
		width:var(--base-width);/*限制整个网页的最大宽度值*/
    }
}
/* 当视口宽度小于750px时，div的高度为视口宽度的12% */
@media (max-width: 750px) {
    .responsive-div2 {
        height:50px;//
		width:var(--base-width);/*限制整个网页的最大宽度值*/
    }
}




:root {
	--base-size: 20px; /* 默认值 */
}
.myDiv{
	background-color: transparent; /* 透明背景 */
	width:var(--base-width);/*限制整个网页的最大宽度值*/
}
.myfont_size_0_6 {
	font-size:0.6rem;
}
.myfont_size_0_7 {
	font-size:0.7rem;
}
.myfont_size_0_8 {
	font-size:0.8rem;
}
.myfont_size_0_9 {
	font-size:0.9rem;
}
.myfont_size_1 {
	font-size:1rem;
}
.myfont_size_1_2 {
	font-size:1.2rem;
}
.myfont_size_1_5 {
	font-size:1.5rem;
}
.myfont_size_1_8 {
	font-size:1.8rem;
}
.myfont_size_2 {
	font-size:2rem;
}
.myfont_size_2_5 {
	font-size:2.5rem;
}
.myfont_size_3 {
	font-size:3rem;
}
.myfont_size_4 {
	font-size:4rem;
}







.scroll_text1 {
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  width: 100%; /* 定义容器宽度 */
  height: 50px; /* 定义容器高度 */
  color:#F00;	/* 设置字体颜色 */
  font-size:24px;/* 设置字体大小 */
}

.scroll_text1::after {
  content: "声明1、关于公司未授权网店销售的声明  -> -> 点击查看";
  position: absolute;
  top: 0;
  left: 100%; /* 开始位置在容器之外 */
  animation: scrollText1 100s linear infinite; /* 应用动画 */
}

@keyframes scrollText1 {
  0% { left: 25%; } /* 开始时在容器之外 */
  100% { left: 14%; } /* 结束时移出容器外 */
}

.scroll_text2 {
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  width: 100%; /* 定义容器宽度 */
  height: 50px; /* 定义容器高度 */
  color:#F00;	/* 设置字体颜色 */
  font-size:24px;/* 设置字体大小 */
}

.scroll_text2::after {
  content: ;
  position: absolute;
  top: 0;
  left: 100%; /* 开始位置在容器之外 */
  animation: scrollText2 3s linear infinite; /* 应用动画 */
}

@keyframes scrollText2 {
  0% { left: 8%; } /* 开始时在容器之外 */
  100% { left: 8%; } /* 结束时移出容器外 */
}