.MyDown .wrap { display: flex; padding: 5.20833333rem 0; }
.MyDown{
    min-height: 70vh;
}
/* 侧边栏 */
.sidebar { max-width: 300px;width: 25%; margin-right: 50px; }
.search-box { position: relative; margin-bottom: 30px; }
.search-box input { width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px;box-sizing: border-box;padding-right: 40px; }
.search-btn { position: absolute; right: 20px;     top: 50%;
    transform: translateY(-50%); border: none; background: none; cursor: pointer;width: 16px;padding: 0; }
.search-btn img{display: block;}
.nav-item, .nav-header { 
    display: block; padding: 15px 0; color: #222222; 
    text-decoration: none; cursor: pointer; font-size: 1.04166667rem; 
}
.nav-item.on, .nav-header.on{
    font-weight: bold;
}
.nav-header { display: flex; justify-content: space-between; align-items: center; }
/* .arrow::after { content: '›'; font-size: 20px; transition: transform 0.3s; } */
.collapsible.active .arrow { transform: rotate(90deg); }
.arrow{
    font-size: 1.25rem;
    color: #222222;
}

.nav-sub { list-style: none; padding-left: 0; display: none; margin-bottom: 10px; }
.nav-sub li a { padding: 8px 0; font-size: 13px; color: #777; cursor: pointer;display:block; }

/* 内容区 */
.main-content { flex: 1; }
.app-info { display: flex; align-items: center; margin-bottom: 30px; }
.app-logo { width: 80px; height: 80px; border-radius: 12px; margin-right: 20px; }
.text-content h1 { font-size: 1.66666667rem; font-weight: bold;}
.text-content p { color: #444444; line-height: 1.5;font-size: 0.9375rem; max-width: 29.1666667rem;}

.download-buttons { display: flex; gap: 20px; }
.btn-download { 
    display: flex; align-items: center; border: 1px solid #333; 
    padding: 10px 25px; border-radius: 8px; text-decoration: none; color: #333;
}
.btn-download .icon { width: 22px;height: auto; margin-right: 15px; }
.btn-download .text { font-size: 0.83333333rem;font-weight: 400; color: #999999 ;font-family: Inter, Inter;}
.btn-download .text strong { font-weight: 400; color: #222222;
    font-family: Inter, Inter;
    display: inline-block;
    margin-left: 5px; }
.page-title {
    font-size: 1.66666667rem;
    font-weight: bold;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

.brochure-list {
    display: flex;
    flex-direction: column;
}

.brochure-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0;
    border-bottom: 1px solid #f0f0f0;
}

.brochure-item:last-child {
    border-bottom: none;
}

.brochure-name {
    margin: 0 0 8px 0;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #333;
}

.date {
    margin: 0;
    font-size: 0.72916667rem;
    color: #999;
}

.download-link {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #333;
    font-size: 0.72916667rem;
    font-weight: 500;
    transition: color 0.2s;
}

.download-link img {
    margin-right: 8px;
    font-size: 0.9375rem;
}
.product-title {
            font-size: 28px;
            font-weight: bold;
            margin: 0 0 30px 0;
        }

        /* Tabs 选项卡 */
        .tab-header {
            border-bottom: 1px solid rgba(204,204,204,0.77);
            margin-bottom: 0;
            display: flex;
        }
        /* 确保 Tab 头部是相对定位，以便线条能绝对定位在底部 */
.tab-header {
    position: relative;
    /* border-bottom: 1px solid #eaeaea; 可选：整个头部的浅色底线 */
}

/* 滑动线条的样式 */
.slider-line {
    position: absolute;
    bottom: 0; /* 贴紧底部 */
    left: 0;
    height: 3px; /* 线条的粗细 */
    background-color: #333; /* 线条的颜色 */
    /* 关键动画属性：当 width 或 left 改变时，0.3秒内平滑过渡 */
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); 
    z-index: 2;
}
.tab-item:first-child{
margin-left: 0;
}
        .tab-item {
            margin: 10px 35px;
            margin-bottom: 0;
            padding-bottom: 10px;
            
            cursor: pointer;
            font-size: 16px;
            
            position: relative;
        }
        .tab-item a{
            color: #666;
        }
        .tab-item.active a {
            color: #000;
            font-weight: bold;
        }

        /*.tab-item.active::after {*/
        /*    content: "";*/
        /*    position: absolute;*/
        /*    bottom: -1px;*/
        /*    left: 0;*/
        /*    width: 100%;*/
        /*    height: 3px;*/
        /*    background-color: #333;*/
        /*}*/

        /* 列表项样式 */
        .brochure-list {
            margin-top: 10px;
        }

        .brochure-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 22px 0;
            border-bottom: 1px solid rgba(0,0,0,0.08);
        }

        .brochure-item .info h3 {
            margin: 0 0 6px 0;
            font-size: 16px;
            font-weight: 500;
        }

        .brochure-item .info p {
            margin: 0;
            font-size: 12px;
            color: #888;
        }

        .download-btn {
            text-decoration: none;
            color: #333;
            font-size: 13px;
            font-weight: bold;
            display: flex;
            align-items: center;
            gap: 6px;
        }
        @media  (max-width: 768px)   {
            
			.MyDown .wrap{
				flex-direction: column;
				gap: 20px;
				padding: 2.08333333rem 15px;
			}
            .sidebar{
                width: 100%;
                margin-right: 0;
            }
            .search-box{
                margin-bottom: 10px;
            }
        }