.specifications {

    display: flex;

    flex-direction: row; /* 改为横向排列 */

    justify-content: space-between; /* 添加间距 */

    margin-top: 40px;

    align-items: center;

}



@media (max-width: 1024px) {

    .specifications {

        display: block !important;

    }



    .specifications-lables,

    .specifications-table {

        width: 100% !important;



    }



    .table_td {

        padding-right: 20px;

    }

}



.specifications-lables,

.specifications-table {

    width: 50%; /* 各占50%宽度 */

}



.specifications-lables {

    padding-right: 20px; /* 添加右侧间距 */

}





.titles {

    font-size: 2.5em;

    font-weight: 300;

    color: #e6e6e6;

    margin-bottom: 10px;

}



.specifications p {

    font-size: 1em;

    color: #333;

    margin-bottom: 20px;

}



.specifications a {

    font-size: 1.5em;



    color: #004F91;

    text-decoration: none;

    display: flex;

    align-items: center;

}



.specifications a:hover {

    text-decoration: underline;

}



.specifications a img {

    margin-right: 5px;

}





.table_td {

    display: grid;

    line-height: 3em;

    border-bottom: 1px solid #ccc;

    grid-template-columns: 1fr 1fr;

}



.table_td .left-column {

    font-weight: 600;

    color: #333;

}



.table_td .right-column {

    text-align: right;



}





.zoom-image {

    transition: transform 0.3s ease-in-out;



    display: block;

    margin: 0 auto;

}



.mouse-box {

    position: absolute;

    width: 20px;

    height: 20px;

    border: 1px solid #16b777;

    pointer-events: none;

    z-index: 15;

    display: none; /* 默认隐藏 */

}



.image-container {

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

}



.zoom-detail {

    display: none;

    position: absolute;

    top: 80px;

    left: 102%;

    width: 100%;

    height: 500px;

    overflow: hidden;

    border: 1px solid #ccc;

    border-radius: 5px;

    background: #fff;

    z-index: 10;

    opacity: 0; /* 显示时透明度为 1 */

    transform: scale(0.2); /* 显示时缩放比例为 1 */

    transition: opacity 0.3s ease, transform 0.3s ease; /* 添加动画效果 */





}



.show {

    opacity: 1; /* 显示时透明度为 1 */

    transform: scale(1); /* 显示时缩放比例为 1 */



}



.zoom-detail img {

    position: absolute;



    width: 600%;

    height: auto;

    transform-origin: top left;

}



.zoom-detail img {

    transform: scale(5);

}



#manualList {

    list-style: none;

    padding: 0;

    margin: 0;

}



#manualList li {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 10px;



    transition: background-color 0.3s ease; /* 添加背景变色动画 */

}



#manualList li:nth-child(odd) {

    border-bottom: 1px solid #ddd;

    /* 奇数行背景色 */

}



#manualList li:nth-child(even) {



    border-bottom: 1px solid #e2e2e2;

    /* 偶数行背景色 */

}



#manualList li:hover {

    background-color: #1e9fff; /* 鼠标移入时的背景色 */

    color: #fff; /* 鼠标移入时的背景色 */

}



#manualList li a {

    text-decoration: none;

    color: #333;

    flex: 1;

}



#manualList li button {

    background-color: #007bff;

    color: white;

    border: none;

    padding: 5px 10px;

    cursor: pointer;

    border-radius: 3px;

}



#manualList li button:hover {

    background-color: #0056b3;

}



/* 美化下载图标样式 */

#manualList li .download-icon {

    color: #007bff;

    font-size: 18px;

    cursor: pointer;

    transition: color 0.3s ease;

}



#manualList li .download-icon:hover {

    color: #0056b3;

}