@charset "utf-8";
/*------------ download ------------*/
.download-list.type1 .item .col{
    padding: 0 5px;
}
.download-list.type2 .item .name{
    color: #666;
}
.download-list.type2 .item .box:hover .name{
    color: #0E85A3;
    text-decoration: underline;
}
.download-list.type2 .box .text .download,
.download-list .item .text .download span{
    background: #c0e8fd; /* Old browsers */
    background: -moz-linear-gradient(left,  #c0e8fd 0%, #a5c4fe 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #c0e8fd 0%,#a5c4fe 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #c0e8fd 0%,#a5c4fe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0e8fd', endColorstr='#a5c4fe',GradientType=1 ); /* IE6-9 */
    color: #000000;
    transition: all 0.3s;
    font-weight: normal;
    border-radius: 30px;
}
.download-list.type2 .box:hover .text .download ,
.download-list .box:hover .text .download span{
    background: #c0e8fd; /* Old browsers */
    background: -moz-linear-gradient(left,  #a5c4fe 0%, #c0e8fd 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #a5c4fe 0%,#c0e8fd 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #a5c4fe 0%,#c0e8fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5c4fe', endColorstr='#c0e8fd',GradientType=1 ); /* IE6-9 */
    color: #000000;
}
/*------------ rwd ------------*/
@media screen and (max-width:767px){
    .download-list.type1 .box .date, .download-list.type1 .box .size, .download-list.type1 .box .style{
        padding-left: 75px;
        font-size: 14px;
    }
    .download-list{
        margin: 0;
    }
    .download-list .item{
        padding: 0 0 25px;
        border-bottom: 1px solid #DDDDDD;
        margin-bottom: 25px;
    }
    .download-list.type1 .item .text .download span{
        width: 91px;
    }
    .download-list .item .text .download span:before{
        width: 16px;
        height: 16px;
        margin: 0px 3px 2px 0;
    }
}
@media screen and (max-width:480px){
    .download-list .pic{
        max-width: 110px;
    }
    .download-list .item .text{
        max-width: calc(100% - 125px);
        padding: 10px 15px;
    }
    .download-list .item .text .download span{
        margin: 0 0 0 0;
    }
}