/* 通用头部样式 */
header {
    background-color: rgba(255,255,255,0.9);
    text-align: center;
}

/* 电脑端头部样式及初始显示设置 */
header.desktop-header {
    display: block;
}

/* 手机端头部样式及初始显示设置 */
header.navbar {
    display: none;
}

/* 通用底部样式 */
footer {
    /*background-image: url('../../assets/images/footerbg.png');*/
    /*background-color: #0A1A2F;*/
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

/* 电脑端头部样式及初始显示设置 */
footer.desktop-header {
    display: block;
}

/* 手机端头部样式及初始显示设置 */
footer.footer {
    display: none;
}
/* 电脑端头部样式及初始显示设置 */
.about-com {
    display: block;
}

/* 手机端头部样式及初始显示设置 */
.about-phone {
    display: none;
}
/* 媒体查询，当屏幕宽度小于一定值（这里以768px作为手机端判断参考，可根据实际调整）时，显示手机端头部，隐藏电脑端头部 */
@media screen and (max-width: 768px) {
    .about-com {
        display: none;
    }

    .about-phone {
        display: block;
    }
    header.desktop-header {
        display: none;
    }

    header.navbar {
        display: block;
    }
    footer.desktop-header {
        display: none;
    }

    footer.footer {
        display: block;
    }
}