@charset "UTF-8";
:root {
  --primary-color: #0066cc;
  --images-color: #cc3300;
  --secondary-color: #ff3300;
  --title-color: #000000;
  --link-color: #333333;
  --background-color: #f5f5f5;
  --background-color2: #ffffff;
  --menu-color: #ffffff;
  --menuhover-color: #ffff00;
  --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:12px;
    }
    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:16px;
    }
    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,a:link,a:visited{color:var(--link-color);text-decoration:none;}
  a:hover{color:var(--primary-color);}
  img { border:0;}
  .clear { clear:both;}