*{
    /*margin: 0;*/
    padding: 0;
    list-style: none;
    text-decoration: none;

    /*字体颜色*/
    --base-font-color: #595959;
    --base-font-color-primary: #00509e;
    --base-font-color-info: #414141;
    --base-font-color-text: #808080; /** 文字颜色 */
    --base-font-color-primary-hover: #2948A3;
    --base-font-color-info-1: #AFAFAF;
    --base-font-color-reverse: #ffffff; /* 反转字体颜色 */
    --base-font-color-tip-title: #131313; /* 文字背景颜色 */
    --base-font-placeholder-color: #ABBBEB; /* 输入框提示文字颜色 */
    --base-line-bg-color: #FFCC5E; /* 线条背景颜色 */


    /*边框颜色*/
    --base-border-color: #D0D0D0;
    --base-border-color-result: #E7E7E7;

    /* 背景颜色 */
    --base-bg-color-header: #ffffff; /* 导航栏背景颜色 */
    --base-bg-color-footer: #383737; /* 页脚背景颜色 */
    --base-bg-color-other: #F6F6F6; /* 其他背景颜色 */
    --base-bg-color-primary: #EEF5FF; /* 主要背景颜色 */
    --base-bg-color-info: #F4F4F4; /* 检测服务菜单背景颜色 */

    /* 服务列表的布局 */
    --severice-item-padding: 5.4vw 5.7vw 9.5vw 4.4vw;
    /* 字体大小 */
    --base-font-size-small: 1rem;
    --base-font-size-default: 1.11rem;
    --base-font-size-large: 1.33rem;
    --base-font-size-xlarge: 1.67rem;
    --base-font-size-xxlarge: 2rem;

    /* 导航栏 */
    --nav-menu-width: 36.8rem; /*导航栏菜单宽度*/
    --nav-height: 4.5rem; /*导航栏高度*/
    --nav-logo-width: 10.0rem; /*导航栏logo宽度*/
    --nav-logo-height: 2.0rem; /*导航栏logo高度度*/
    --nav-padding-width: 2.0rem; /*导航栏左右边距*/
    --nav-active-bg-color: #F0F3FF; /*导航栏激活背景颜色*/
    --nav-active-border-color: #FFBA26; /*导航栏激活边框颜色*/

    /* 线条 */
    --base-line-width: 2.2rem; /* 线条宽度 */
    --base-line-height:0.2rem; /* 线条高度 */

    /*  左侧菜单  */
    --left-menu-width: 14.4rem; /* 左侧菜单宽度 */
    --left-menu-bg-color: #F4F4F4; /* 左侧菜单背景颜色 */
    --left-menu-item-height: 3.4rem; /* 左侧菜单项高度 */
    --left-menu-item-padding: 0 2.0rem; /* 左侧菜单项左右边距 */
    --left-menu-item-font-size: 1.6rem; /* 左侧菜单项字体大小 */
    --left-menu-item-font-color: #525252; /* 左侧菜单项字体颜色 */
    --left-menu-item-active-bg-color: linear-gradient(90deg, #2948A3, #78AEFF); /* 左侧菜单项激活背景颜色 */
    --left-menu-item-active-font-color: #ffffff; /* 左侧菜单项激活字体颜色 */
    --left-menu-item-hover-bg-color: #E0E7FF; /* 左侧菜单项悬停背景颜色 */
    --left-menu-item-hover-font-color: #525252; /* 左侧菜单项悬停字体颜色 */

    /* 子菜单 */
    --sub-menu-item-height: 2rem; /* 子菜单项高度 */
    --sub-menu-item-font-color: #828282; /* 子菜单项字体颜色 */
    --sub-menu-item-active-bg-color: #76ABFC; /* 子菜单项激活背景颜色 */
    --sub-menu-item-hover-bg-color: rgba(118, 171, 252, 0.9); /* 带透明度的悬停效果 */
}
/*超小机型*/
@media (max-width: 576px) {
    html {
        font-size: 10px;
    }
}
/*手机*/
@media (min-width: 576px) and (max-width: 768px) {
    html {
        font-size: 12px;
    }

}
/*平板*/
@media (min-width: 768px) and (max-width: 992px) {
    html {
        font-size: 14px;
    }
}

/*小尺寸显示器*/
@media (min-width: 992px) and (max-width: 1200px) {
    html {
        font-size: 12px;
    }

}
/*大尺寸显示器*/
@media (min-width: 1200px) and (max-width: 1400px) {
    html {
        font-size: 16px;
    }
}

/*超大尺寸显示器*/
@media (min-width: 1400px) {
    html {
        font-size: 18px;
    }
}

body {
    margin: 0;
    font-family: Arial, sans-serif;
    display: flex;
    flex-direction: column;
    padding-top: var(--nav-height);
}