@charset "utf-8";
/*------------ download ------------*/
.download-list .item .box{
    border-bottom: 1px solid #dcdcdc;
}
.download-list .item .name{
    color: #333;
}
.download-list .item .box:hover .name{
    color: #C8A063;
}
.download-list .item .text .download span,
.download-list.type1 .item .text .download span{
    display: inline-flex;
    align-items:center;
    justify-content:center;
    background:#777;
    border-radius:100%;
    width: 35px;
    height: 35px;
    font-size: 0;
    position: absolute;
    right: 42px;
    bottom: -18px;
}
.download-list.type1 .item .text .download span{
    bottom: 5px;
}
.download-list .box:hover .text .download span{
    background:#C8A063;
}
.download-list .item .text .download span:before,
.download-list.type1 .item .text .download span:before{
    content:'';
    display:flex;
    width: 12px;
    height: 10px;
    display: block;
    background: #fff;
    transform: rotate(90deg);
    clip-path: polygon(0 40%, 55% 40%, 55% 0, 100% 50%, 55% 100%, 55% 60%, 0 60%);
}
/*------------ rwd ------------*/
@media screen and (max-width:1000px){
    .download-list .item .box{
        border-bottom: none;
    }
}
@media screen and (max-width:767px){
    .download-list{
        margin: 0;
    }
    .download-list .item{
        padding: 0 0 25px;
        border-bottom: 1px solid #DDDDDD;
        margin-bottom: 25px;
    }
}
@media screen and (max-width:480px){
    .download-list .pic{
        max-width: 110px;
    }
    .download-list .item .text{
        max-width: calc(100% - 125px);
        padding: 10px 15px;
    }
}