:root {}
@media screen and (max-width: 480px) {
    :root {
        --rwd-width: 90%;
    }
}
@media screen and (min-width: 481px) {
    :root {
        --rwd-width: 400px;
    }
}
@media screen and (min-width: 769px) {
    :root {
        --rwd-width: 688px;
    }
}
@media screen and (min-width: 1025px) {
    :root {
        --rwd-width: 944px;
    }
}
/* @media screen and (min-width: 1441px) {
    :root {
        --rwd-width: 1340px;
    }
}
@media screen and (min-width: 2561px) {
    :root {
        --rwd-width: 2400px;
    }
} */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
}
img {
    vertical-align: middle;
}

/* 排版 */
.container {
    max-width: var(--rwd-width);
    margin-left: auto;
    margin-right: auto;
}
.hide-scrollbar::-webkit-scrollbar {
    width: 0;
}
.scrollbar-track-recolor {
    background-color: var(--scrollbar-tranck-color);
}
.scroll-auto {
    overflow: auto !important;
}
.hidden {
    overflow: hidden !important;
}
.hidden-x {
    overflow-x: hidden !important;
}
.hidden-y {
    overflow-y: hidden !important;
}
.none {
    display: none !important;
}
.scale-reset {
    scale: 1 !important;
}
.position-reset {
    top: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    right: auto !important;
}
.fill-height {
    height: 100% !important;
}
.fill-width {
    width: 100% !important;
}
.fill-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex-column {
    flex-direction: column;
}