@charset "UTF-8";
:root {
  --primary-color: #3366cc;
  --secondary-color: #009999;
  --background-color: #ffffff;
  --title-color: #000;
  --text-color: #333333;
  --background-color2: #eee;
  --accent-color: #ffc107;
  --warning-color: #dc3545;
  --font-size-base: 1rem;
  --font-size-large: 1.5rem;
  --font-size-large2: 1.2rem;
  --font-size-menu: 1.1rem;
  --font-size-menu2: 1rem;
  --font-size-small: 0.9rem;
  --transition-time: 0.4s;
  --border-none: border: none;
}
/* 设置基础字体大小 */
html {
    font-size:18px;
    line-height: 2rem;
    background-color:var(--background-color);
    font-family:Arial, sans-serif,"微软雅黑";
    color:var(--text-color);
  }
  /* 小屏幕设备 */
  @media (max-width:576px) {
    html {
      font-size:10px;
    }
    body {
        max-width:(576px);

    }
  }

  @media (min-width:576px) and (max-width:768px) {

    html {
        font-size:12px;
      }
    body {
        max-width:(768px);
    }
  }
  /* 中等屏幕设备 */
  @media (min-width:768px) and (max-width:1000px) {
    html {
      font-size:14px;
    }
    body {
        max-width:(1000px);
    }
  }

  @media (min-width:1000px) and (max-width:1200px){
    html {
      font-size:15px;
    }
    body {
        max-width:(1200px);
    }
  }

  /* 大屏幕设备 */
  @media (min-width:1200px) and (max-width:1400px) {
    html {
      font-size:18px;
    }
    body {
        max-width:(1400px);
    }
  }

  /* 超大屏幕设备 */
  
  @media screen (min-width:1400px) and (max-width:1600px) {
    html {
      font-size:20px;
    }
    body {
      max-width:(1600px);
  }
  }

  @media screen (min-width:1600px) and (max-width:1800px) {
    html {
      font-size:22px;
    }
    body {
      max-width:(1800px);
  }
  }

  div,ul,li,dt,dd,dl,td,tr,table,p,span,h1,h2,h3,h4,h5,h6,hr{margin:0px;padding:0px;list-style:none;}
  a:link,a:visited{color:var(--text-color);text-decoration:none;}
  a:hover{color:var(--primary-color);}
  img { border:0;}
  .clear { clear:both;}