:root {
    --primary-color: #7F1D1D;
}

[v-cloak] {
    display: none !important;
}

html, body {
    margin: 0;
    padding: 0;
}

* {
    box-sizing: border-box;
}

.bg-primary {
    background-color: var(--primary-color);
    color: #F5F5F4;
}

/* pc 端 媒体查询 */
@media screen and (min-width: 769px) {
    .common-container {
        width: 1440px;
        margin: 0 auto;
    }
}
@media screen and (max-width: 1440px) {
    .common-container {
        margin: 0;
    }
}

/* 移动端 媒体查询 */
@media screen and (max-width: 768px) {
}

/* home 动画 */
.bgTransition {
    overflow: hidden;
    animation-name: bgTransition;
    -webkit-animation-name: bgTransition;
    animation-duration: 2s;
}
@keyframes bgTransition {
    from {
        background-position-y: 1000px;
    }
    to {
        background-position-y: 0%;
    }
}
@-webkit-keyframes bgTransition {
    from {
        background-position-y: 1000px;
    }
    to {
        background-position-y: 0%;
    }
}
@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}