/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.icon-left {
  background-image: url("/assest/common/arrowLineLeftH.png");
  background-size: 100% 100%;
}

.icon-left-white {
  background-image: url("/assest/common/arrowLineLeftW.png");
  background-size: 100% 100%;
}

.icon-left:hover,
.icon-left-white:hover {
  background-image: url("/assest/common/arrowFaceLeftB.png");
  background-size: 100% 100%;
}

.icon-right {
  background-image: url("/assest/common/arrowLinerightH.png");
  background-size: 100% 100%;
}

.icon-right-white {
  background-image: url("/assest/common/arrowLinerightR.png");
  background-size: 100% 100%;
}

.icon-right:hover,
.icon-right-white:hover {
  background-image: url("/assest/common/arrowFaceRightB.png");
  background-size: 100% 100%;
}

/* @media screen and (min-width: 430px) and (max-width: 670px) {
  html {
    font-size: 14px;
    min-width: 500px;
  }

  .special {
    padding: 4.5rem 1rem;
  }

  .special_list .special_list_item {
    width: 50%;
    height: auto;
  }
} */

.container-max {
  max-width: 1440px;
  margin: 0 auto;
}

html {
  font-family: "PingFang SC", "Microsoft YaHei", -apple-system,
    BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

@media screen and (min-width: 761px) and (max-width: 960px) {
  html {
    font-size: 20px;
    min-width: 800px;
  }

  /* .special {
    padding: 4.5rem 2rem;
  }

  .special_list .special_list_item {
    width: 50%;
    height: auto;
  } */
}

@media screen and (min-width: 1441px) {
  html {
    font-size: 24px;
  }

  .special {
    max-width: 1440px;
  }
}

@media screen and (min-width: 961px) and (max-width: 1440px) {
  html {
    font-size: 22px;
    /* min-width: 1200px; */
  }
  .special {
    max-width: 1200px;
  }
  /* .special {
    padding: 4.5rem 4rem;
  }

  .special_list .special_list_item {
    height: auto;
  } */
}

@media screen and (min-width: 961px) and (max-width: 1200px) {
  html {
    font-size: 21px;
    min-width: 800px;
  }

  /* .special {
    padding: 0;
    width: 43.251rem;
  }

  .special_list .special_list_item {
    width: 14.417rem;
  } */
}

/*  */
@media screen and (min-width: 761px) and (max-width: 960px) {
  html {
    font-size: 20px;
    min-width: 800px;
  }

  /* .special {
    padding: 0;
    width: 43.251rem;
  }

  .special_list .special_list_item {
    width: 14.417rem;
  } */
}

@media screen and (min-width: 601px) and (max-width: 760px) {
  html {
    font-size: 18px;
  }
}

@media screen and (min-width: 561px) and (max-width: 600px) {
  html {
    font-size: 16px;
  }
}

@media screen and (min-width: 376px) and (max-width: 560px) {
  html {
    font-size: 14px;
  }
}

@media screen and (max-width: 375px) {
  html {
    font-size: 12px;
    /* font-size: 16px; */
    /* min-width: 375px; */
  }
}

@media screen and (min-width: 761px) {
  .special_list_item:nth-child(1),
  .special_list_item:nth-child(3),
  .special_list_item:nth-child(5) {
    background-color: #dde4f0;
  }

  .special_list_item:nth-child(2),
  .special_list_item:nth-child(4),
  .special_list_item:nth-child(6) {
    background-color: #ffffff;
  }
}

@media screen and (max-width: 760px) {
  .special_list_item:nth-child(1),
  .special_list_item:nth-child(4),
  .special_list_item:nth-child(5) {
    background-color: #dde4f0;
  }

  .special_list_item:nth-child(2),
  .special_list_item:nth-child(3),
  .special_list_item:nth-child(6) {
    background-color: #ffffff;
  }
}

@font-face {
  font-family: "MyCustomFont";
  src: url("css/DingTalkSans.ttf") format("truetype");
  font-display: swap; /* 文本先显示默认字体，自定义字体加载后替换 */
}