:root {
    --color-0: #000;
    --color-3: #333;
    --color-6: #666;
    --color-9: #999;
    --color-a: #aaa;
    --color-d: #ddd;
    --color-e: #eee;
    --color-f: #fff;
    --color-orange: #ffb308;
    --color-blue: #0097e0;
    --color-green: #06b900;
    --color-red: #be0000;
    //导航栏高度
    --nav-h: 65px;
}

@media(max-width: 1024px) {
    :root {
        --nav-h: 50px;
    }
}
/* 配色 */
.color-f {
    color: var(--color-f);
}

.color-a {
    color: var(--color-a);
}

.color-3 {
    color: var(--color-3);
}

.color-0 {
    color: var(--color-0);
}

.color-orange {
    color: var(--color-orange);
}

.color-blue {
    color: var(--color-blue);
}

.color-red {
    color: var(--color-red);
}

.color-green {
    color: var(--color-green);
}

.bg-f {
    background-color: var(--color-f);
}

.bg-e {
    background-color: var(--color-e);
}

.bg-d {
    background-color: var(--color-d);
}

.bg-orange {
    color: var(--color-f);
    background-color: var(--color-orange);
}

.bg-blue {
    color: var(--color-f);
    background-color: var(--color-blue);
}

.bg-red {
    color: var(--color-f);
    background-color: var(--color-red);
}

.bg-green {
    color: var(--color-f);
    background-color: var(--color-green);
}

.bg-contain {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

a {
    color: inherit;
}

.container {
    position: relative;
    width: 100%;
    overflow: hidden;

    &.shadow {
        box-shadow: 0 0 80px rgba(0, 0, 0, 0.05);
    }
}

.content {
    position: relative;
    margin: 0 auto;
    min-width: 900px;
    max-width: 1200px;
}

@media(max-width: 1024px) {

    .content {
        min-width: auto;
        max-width: auto;
    }
}