:root {
    --main_blue: #074798;
    --calendar_theme_color: #2295F6;
    --loading-theme-color: #074798;
    --scroll-Height: 20px; /* 滚动指定距离后，开始展示粘贴元素 */
}

.animate__animated_1_5 {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.building-blocks-container {
    display: -webkit-flex; /* Safari */
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 175px;
    overflow: hidden;
    width: 100%;
}

@-webkit-keyframes building-blocks {
    0%,
    20% {
        opacity: 0;
        -webkit-transform: translateY(-300%);
        transform: translateY(-300%);
    }
    30%,
    70% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    90%,
    100% {
        opacity: 0;
        -webkit-transform: translateY(300%);
        transform: translateY(300%);
    }
}

@keyframes building-blocks {
    0%,
    20% {
        opacity: 0;
        -webkit-transform: translateY(-300%);
        transform: translateY(-300%);
    }
    30%,
    70% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    90%,
    100% {
        opacity: 0;
        -webkit-transform: translateY(300%);
        transform: translateY(300%);
    }
}

.building-blocks {
    position: relative;
}

.building-blocks div {
    height: 20px;
    position: absolute;
    width: 20px;
}

.building-blocks div:after {
    -webkit-animation: building-blocks 2.1s ease infinite backwards;
    animation: building-blocks 2.1s ease infinite backwards;
    background: var(--loading-theme-color);
    content: '';
    display: block;
    height: 20px;
    width: 20px;
}

.building-blocks div:nth-child(1) {
    -webkit-transform: translate(-50%, -50%) translate(60%, 120%);
    transform: translate(-50%, -50%) translate(60%, 120%);
}

.building-blocks div:nth-child(2) {
    -webkit-transform: translate(-50%, -50%) translate(-60%, 120%);
    transform: translate(-50%, -50%) translate(-60%, 120%);
}

.building-blocks div:nth-child(3) {
    -webkit-transform: translate(-50%, -50%) translate(120%, 0);
    transform: translate(-50%, -50%) translate(120%, 0);
}

.building-blocks div:nth-child(4) {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.building-blocks div:nth-child(5) {
    -webkit-transform: translate(-50%, -50%) translate(-120%, 0);
    transform: translate(-50%, -50%) translate(-120%, 0);
}

.building-blocks div:nth-child(6) {
    -webkit-transform: translate(-50%, -50%) translate(60%, -120%);
    transform: translate(-50%, -50%) translate(60%, -120%);
}

.building-blocks div:nth-child(7) {
    -webkit-transform: translate(-50%, -50%) translate(-60%, -120%);
    transform: translate(-50%, -50%) translate(-60%, -120%);
}

.building-blocks div:nth-child(1):after {
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
}

.building-blocks div:nth-child(2):after {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.building-blocks div:nth-child(3):after {
    -webkit-animation-delay: 0.45s;
    animation-delay: 0.45s;
}

.building-blocks div:nth-child(4):after {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.building-blocks div:nth-child(5):after {
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s;
}

.building-blocks div:nth-child(6):after {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

.building-blocks div:nth-child(7):after {
    -webkit-animation-delay: 1.05s;
    animation-delay: 1.05s;
}

.tab-content .tab-pane {
    display: none;
}

.tab-content .tab-pane.active {
    display: block;
}

.modal-web {
    position: absolute;

    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.main-1180 {
    width: 1180px;
    margin: 0 auto;
}

a:hover,a:link,a:visited,a:active,a:focus {
    text-decoration: none;
    color: inherit;
}

.main-1400-rem{
    margin: auto auto;
    width: 14rem;
}
/*伪元素通用：包含在box的宽高内*/
*, *::before, *::after {
    box-sizing: border-box;
}