/* 引入阿里妈妈数黑体 */

@font-face {
    font-family: 'AlimamaShuHeiTi-Bold';
    src: url('../fonts/AlimamaShuHeiTi-Bold.woff2') format('woff2'),
        url('../fonts/AlimamaShuHeiTi-Bold.woff') format('woff'),
        url('../fonts/AlimamaShuHeiTi-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* 下载按钮容器 */
.download-btn-wrapper {
    position: relative;
    margin-left: 20px;
    margin-top: 10px;
}

/* 下载按钮图片 */
.download-btn {
    height: 43px;
    cursor: pointer;
    transition: transform 0.3s ease;
}

/* 鼠标悬停效果 */
.download-btn:hover {
    transform: scale(1.1);
}

/* 下拉框样式 */
.download-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    background-image: url('../images/site/index/menubg.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border-radius: 8px;
    padding: 20px;
    width: 100%; /* 设置宽度与按钮一致 */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    z-index: 1000; /* 确保下拉框在最上层 */
}

.dropdown-item {
    background-image: url(../images/site/index/item-bg-normal.png);
    background-size: contain;
    background-repeat: repeat-x;
    margin-bottom: 10px;
    padding: 8px 20px;
    color: #fff;
    font-family: 'AlimamaShuHeiTi-Bold', sans-serif;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    white-space: nowrap;
}

/* 显示下拉框 */
.download-dropdown.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdown-item:hover {
    /* background: rgba(255, 101, 179, 0.6); */
    background-image: url(../images/site/index/itembg-selected.png);
    background-color: transparent!important;
    color: white;
    text-shadow: 
        0 0 20px #FF65B3,
        0 0 20px #FF65B3,
        0 0 20px #FF65B3,
        0 0 40px #FF65B3;
}