/*! #download start */
.download-wrap {
    padding-top: 1.1rem;
    background-image: url(/static/home/images/productbg.png);
    background-size: cover
}

.download-wrap .download-head {
    display: flex;
    justify-content: flex-end
}

.download-wrap .search {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 2em;
    min-width: 3.15rem;
    border-radius: 10px;
    margin-top: .3rem;
    padding: .15rem .2rem;
    border: solid 1px hsla(0, 0%, 100%, .4)
}

.download-wrap .search input {
    flex: 1 0 0;
    border: none;
    outline: none;
    background-color: rgba(0, 0, 0, 0)
}

.download-wrap .downloadproduct {
    padding-top: 1.3rem;
    padding-bottom: 1.5rem
}

.download-wrap .downloadproduct-title {
    text-align: center;
    font-weight: bold;
    line-height: .8
}

.download-wrap .downloadproduct-lists {
    display: flex;
    flex-wrap: wrap;
    padding-top: 1rem
}

.download-wrap .downloadproduct-item {
    position: relative
}

.download-wrap .downloadproduct-item {
    width: calc((100% - 2.7rem)/4)
}

.download-wrap .downloadproduct-item:nth-child(n+2) {
    margin-left: .9rem
}

.download-wrap .downloadproduct-item:nth-child(4n+1) {
    margin-left: 0
}

.download-wrap .downloadproduct-item:nth-child(n+5) {
    margin-top: 1.1rem
}

.download-wrap .productitem2-bg {
    width: 100%
}

.download-wrap .productitem2-bg img {
    width: 100%
}

.download-wrap .downloadproduct-img {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    transition: .3s
}

.download-wrap .downloadproduct-img {
    position: relative
}

.download-wrap .downloadproduct-img::before {
    content: "";
    display: block;
    padding-top: 90.3614457831%
}

.download-wrap .downloadproduct-img .fill {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: .5s
}

.download-wrap .downloadproduct-img:hover {
    color: #ef99b8
}

.download-wrap .downloadproduct-img:hover .dl-pic {
    transform: scale(1.1)
}

.download-wrap .dl-pic {
    transition: .3s
}

.download-wrap .img-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .6rem
}

.download-wrap .downloadproductitem-title {
    position: absolute !important;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 57%;
    white-space: nowrap;
    overflow: hidden;
    transition: .3s
}

.download-wrap .downloadproductitem-title {
    position: relative
}

.download-wrap .downloadproductitem-title::before {
    content: "";
    display: block;
    padding-top: 31.5789473684%
}

.download-wrap .downloadproductitem-title .fill {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: .5s
}

.download-wrap .downloadproductitem-title span {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.download-wrap .download-icon {
    padding-top: .2rem;
    display: flex;
    justify-content: center;
    transition: .3s
}

.download-wrap .download-icon .icon-box {
    cursor: pointer
}

.download-wrap .download-icon:hover {
    transform: translateY(-0.05rem)
}

@media (max-width: 1280px) {
    .download-wrap .downloadproductitem-title span {
        font-size: .15rem;
    }
}
@media(max-width: 750px) {
    .download-wrap {
        padding-top: .5rem
    }

    .download-wrap .search {
        margin-top: 0
    }

    .download-wrap .downloadproduct {
        padding-top: 1rem
    }

    .download-wrap .downloadproduct-lists {
        flex-wrap: wrap;
        padding-top: .5rem
    }

    .download-wrap .downloadproduct-item {
        width: calc((100% - .7rem)/2)
    }

    .download-wrap .downloadproduct-item:nth-child(n+2) {
        margin-left: .7rem
    }

    .download-wrap .downloadproduct-item:nth-child(2n+1) {
        margin-left: 0
    }

    .download-wrap .downloadproduct-item:nth-child(n+3) {
        margin-top: .7rem
    }

    .download-wrap .downloadproductitem-title span {
        font-size: .15rem
    }
}

/*! #download end */