@charset "utf-8";
/* CSS Document */

#download{margin: 0 auto; transition: all .35s; }
#download.active {transform: translateX(-220px);}

#download .sou{ margin:0 auto; padding-bottom:20px;}
#download .sou>.search{ width:36%;}
#download .sou>.search>form{ display:block; margin:0 auto; box-sizing:border-box; width:100%; background:#fff;overflow:hidden; border:1px solid #e3e3e3; border-radius:3px; height:38px;}
#download .sou>.search>form input[type="text"]{outline: medium;float:left;height:38px;line-height:38px;width:75%; padding:0 5%;border:none; font-size:14px; background:none;color:#666;box-sizing:border-box;overflow:hidden;}
#download .sou>.search>form input::-webkit-input-placeholder{ color:#ccc;}
#download .sou>.search>form button{	float:right;width:12%;height:38px; margin:1px 1px 0 0; border:none; opacity:1;background:url(../images/icon-go-red.png) no-repeat center center;background-size:auto 25px;cursor:pointer;box-sizing:border-box;overflow:hidden; transition:all .35s;}
#download .sou>.search>form button:hover{ background-color:#eee;}

#download .list{margin:0 auto;}
#download .list>.item_TR{margin:0 auto;background:rgba(144,40,51,1);border-radius:3px;overflow:hidden;}
#download .list>.item_TR>div{ position:relative; float:left; width:15%; padding:10px 0; text-align:center; color:#fff; font-size:1.6rem; overflow:hidden;}
#download .list>.item_TR>div:after{ position:absolute;z-index:1; left:0; bottom:0; width:1px; height:40%; opacity:.4; background:#fff; content:'';}
#download .list>.item_TR>div:first-child:after{opacity:0;}
#download .list>.item_TR>div.td1{ width:40%; }
#download .list>ul.item_SON>li{display:block; border-bottom:1px solid #eee; transition:all .35s;}
#download .list>ul.item_SON div{ float:left; width:15%; padding:15px 0; text-align:center; color:#666; font-size:1.4rem;}
#download .list>ul.item_SON div.td1{ width:40%;text-align:left;padding-left:20px; box-sizing:border-box; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
#download .list>ul.item_SON div.td5>a{display:inline-block; border: 1px solid rgba(53,59,73,1); color:rgba(53,59,73,1); padding: 0 12px; border-radius: 30px; transition:all .35s;}
#download .list>ul.item_SON div.td5>a:hover{ background: rgba(53,59,73,1); color: #fff; }
#download .list>ul.item_SON>li:hover{ background:#fef9fa;}
#download .loadmore{ padding:50px 0;margin:0 auto; text-align:center;}
#download .loadmore>a{display:inline-block; padding:10px 90px; font-size:18px; color:#666; border:1px solid #ddd; border-radius:50px; transition:all .35s;}
#download .loadmore>a:hover{ background:rgba(53,59,73,1); border:1px solid rgba(53,59,73,1); color:#fff;}


@media only screen and (max-width: 960px){
    #download .list>.item_TR>div{ font-size:15px;}

}

@media only screen and (max-width: 780px){
    #download .sou>.search{ float:none; width:100%; padding-top:10px;}
    #download .list>.item_TR>div.td1{ width:70%;}
    #download .list>.item_TR>div.td2{display:none;}
    #download .list>.item_TR>div.td3{display:none;}
    #download .list>.item_TR>div.td4{display:none;}
    #download .list>.item_TR>div.td5{ width:30%;}
    #download .list>ul.item_SON div.td1{ width:70%;}
    #download .list>ul.item_SON div.td2{display:none;}
    #download .list>ul.item_SON div.td3{display:none;}
    #download .list>ul.item_SON div.td4{display:none;}
    #download .list>ul.item_SON div.td5{ width:30%;}


}