.record_9 {
    background: linear-gradient(331deg, #202651 0%, #161B3E 100%);
    padding: 96px 50px 0 120px;
    box-sizing: border-box;

}

.record_9_3 {
    display: flex;
    align-items: center;
}

.record_9_text {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.85);
}
.w280 {
    width: 280px;
}

.ml24 {
    margin-left: 24px;
}

.record_9_qord {
    display: flex;
    align-items: center;
}

.record_9_1 {
    display: flex;
    margin-left: 50px;
}

.ml50 {
    margin-left: 20px;
}

.mt30 {
    margin-top: 12px;
}

.record_9_tit {
    font-size: 20px;
    font-weight: 600;
    color: #FFFFFF;
}

.record_9_2 {
    height: 1px;
    background-color: #2d3258;
    margin: 0 120px;
    margin-top: 160px;
    margin-left: 0;
}

.record_9_4 {
    padding: 60px 0 40px 0;
    text-align: center;
    width: unset;
}
.mt24 {
    margin-top: 24px;
}
.distribution {
    font-size: 24px;
    color: #595959;
    text-align: center;
}

.font36 {
    font-size: 36px;
}

.font46 {
    font-size: 46px;
}

.mt20 {
    margin-top: 20px;
}

.mt100 {
    margin-top: 100px;
}

.mt10 {
    margin-top: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

/* 1. 固定联系方式区域样式 - 核心：position: fixed */
.contact-fixed {
    /* 固定定位：脱离文档流，不随滚动移动 */
    position: fixed;
    right: 20px; /* 距离屏幕右侧20px */
    top: 50%; /* 垂直居中第一步：距离顶部50% */
    transform: translateY(-50%); /* 垂直居中第二步：向上偏移自身50%，实现精准居中 */
    z-index: 99999; /* 层级高于其他元素，防止被遮挡 */
    width: 280px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15); /* 阴影增强层次感 */
    padding: 24px;
    box-sizing: border-box;
    /* 初始默认显示（符合需求），配合Vue控制隐藏 */
    display: block;
}
/* 联系方式区域标题 */
.contact-fixed__title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 16px;
    border-bottom: 1px solid #eee;
    padding-bottom: 12px;
}
/* 联系方式列表 */
.contact-fixed__list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.contact-fixed__item {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    color: #666;
    font-size: 14px;
}
/* 图标样式（用Element图标，与原有页面风格统一） */
.contact-fixed__icon {
    color: #2DB5FF;
    margin-right: 10px;
    font-size: 16px;
    transform: translateY(1px);
}
/* 关闭按钮 */
.contact-fixed__close {
    position: absolute;
    top: 12px;
    right: 12px;
    background: none;
    border: none;
    color: #999;
    cursor: pointer;
    font-size: 16px;
    padding: 4px;
}
.contact-fixed__close:hover {
    color: #333;
}

/* 2. 触发按钮样式（可放在页面任意位置，示例放头部） */
.show-contact-btn {
    padding: 8px 16px;
    background: #2DB5FF;
    color: #fff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    margin-left: 16px;
    transition: background 0.3s;
}
.show-contact-btn:hover {
    background: #1AA7FF;
}

.back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background-color: #409EFF;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 1000;
}

.back-to-top.visible {
    opacity: 1;
    visibility: visible;
}