/* 通用样式 */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
/* @import url('https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap'); */

:root {
    --a-color: rgba(150, 150, 150, 1);
    --a-color-hover: rgba(66, 139, 202, 1);
    --font-color: rgba(66, 139, 202, 1);
    --font-i-color: rgba(150, 150, 150, 1);

    --body-background-color: linear-gradient(to top, rgb(40, 69, 96), rgba(176, 200, 220, 1));
    --header-background-color: rgba(255, 255, 255, .98);
    --header-logo-color: rgba(66, 139, 202, 1);
    --header-logo-fonts-color: rgba(250, 250, 250, 1);
    --header-tool-svg-color: rgba(150, 150, 150, 1);
    --header-login-svg-color: rgba(150, 150, 150, 1);

    --search-background-color: rgba(66, 139, 202, 0.13);
    --search-font-color: rgba(101, 101, 101, 0.98);
    --search-border-color: rgba(66, 139, 202, 1);
    --select-option-background-color: rgba(66, 139, 202, 0.2);
    --select-checked-background-color: rgba(66, 139, 202, 0.2);

    --box-background-color: rgba(66, 139, 202, 0.07);
    --box-color: rgba(255, 255, 255, .98);

    --footer-border-top-color: rgba(150, 150, 150, 0.48);
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
    position: relative;
    background-color: var(--body-background-color);
    font-family: "Microsoft YaHei", "Helvetica Neue,Helvetica", Arial, sans-serif;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

img {
  border: none;
}

/* 
@media screen and (min-width: 320px) {
    html {
        font-size: 32px;
    }
}

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 1000px) {
    html {
        font-size: 100px;
    }
}
*/

/* @media screen and (min-width: 1200px) {
    html {
        font-size: 120px;
    }
}  */