@font-face {
    font-family: 'MyFont'; /* 自定义字体名称 */
    src: url('../font/OPPOSANS-R.TTF') format('truetype'),
    url('../font/OPPOSANS-B.TTF') format('truetype'),
    url('../font/OPPOSANS-H.TTF') format('truetype'),
    url('../font/OPPOSANS-L.TTF') format('truetype'),
    url('../font/OPPOSANS-M.TTF') format('truetype'); /* 最后加载ttf格式 */
    font-weight: normal; /* 字体粗细 */
    font-style: normal;  /* 字体样式 */
}
*,body {
    font-family: 'MyFont', sans-serif; /* 使用自定义字体，回退到sans-serif */
}
/* 头部样式 */

.navbar-logo {
    width: 120px !important;
    height: 35px !important;
}
.navbar-item {
    margin-right: 30px !important;
}

.navbar-text {
    font-size: 14px !important;
}
.navbar-list {
    display: none!important;
}
.navbar {
    justify-content: center!important;
    position: fixed;
    width:100vw;
    height: 60px !important;
    padding: 0px 80px 0px 40px !important;
}
/* 渐变“边框” */
.navbar::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg,
    rgba(255,255,255,0) 0%,
    #FFFFFF 52%,
    rgba(255,255,255,0) 100%);
}
.header-icon {
    display: block;
    position: absolute;
    top:50%;
    right:20px;
    transform: translate(-20px,-50%);
}
.header-icon-black {
    width:26px;
    height:11px;
    position: absolute;
    top:50%;
    right:20px;
    transform: translate(-20px,-50%);
}
.expand-menu {
    display: block;
    position: fixed;
    width:300px;
    z-index:1000;
    background-color: #fff;
    left: -350px; /* 默认完全隐藏在左侧 */
    top:0;
    bottom: 0;
    padding:20px;
    box-sizing: border-box;
    transition: transform 0.3s ease-in-out; /* 平滑过渡动画 */
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
    transform: translateX(0px);
}
.expand-menu.show {
    transform: translateX(350px); /* 向右移动 100% 宽度 */
}
.expand-menu ul {
    padding:20px 66px;
    height: calc(100vh - 60px);
    overflow-y: auto;
}
.expand-menu-item a{
    color:#000;
}
.expand-close-icon {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
/* 防止滚动穿透（菜单打开时禁止页面滚动） */
body.menu-open {
    overflow: hidden;
}
.homeSilder {
    display: none!important;
}