/* 网页字体的默认基准值 */
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_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_3 {
	font-size:3rem;
}
.myfont_size_4 {
	font-size:4rem;
}