/* {min-height:auto;min-height:320px} */
.home-classify-list-auto{width:1220px;margin-top:5px;float:left;position:relative}
.home-classify-list-auto li{width:290px;float:left;margin-right:0;margin-top:10px;border-radius:4px;overflow:hidden;position:relative;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;background-color:#FFF;border:1px solid #E7E8EC;}
.home-classify-list-auto li:nth-child(4n){margin-right:0}
.home-classify-list-auto li:nth-child(4n),
.home-classify-list-auto li:last-child{margin-right:0}

.home-classify-list-auto li a.jump-details{width:100%;border-radius:4px 4px 0 0;overflow-x:hidden;display:block;position:relative;}
.home-classify-list-auto .jump-details>img{width:100%;height:auto}
.home-classify-list-auto li p.jump-heading{width:100%;height:44px;line-height:42px;font-size:14px;color:#3A3A43;padding:0 14px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.home-classify-list-auto .classify-li-wrap{width:100%;height:100%;top:0;position:absolute;}
.home-classify-list-auto .classify-li-wrap>a.jump-details{width:100%;height:100%;top:0;display:block}


.home-classify-list-auto .classify-li-wrap .pop-bot{height:80px;bottom:42px}
.home-classify-list-auto .classify-li-wrap .pop-bot>a{width:220px;height:40px;
    font-size:15px;line-height:40px}


.home-classify-list-auto .classify-li-wrap .pop-top{width:100%;height:75px;padding:14px 14px 29px;top:0;z-index:2;position:absolute;right:0px}
.home-classify-list-auto li a.jump-details:hover .pop-top{opacity:1}
.home-classify-list-auto li a.jump-details:hover .pop-bot{opacity:1}
.home-classify-list-auto li a.jump-details:hover .down-btn{opacity:1}
.home-classify-list-auto .classify-li-wrap .pop-top .collect-btn{width:32px;height:32px;display:block;text-align:center;background:#FFF;border-radius:4px}
.home-classify-list-auto .classify-li-wrap .pop-top .collect-btn>i{display:inline-block;line-height:32px;font-size:17px;color:#C8C8D0;margin-left:1.5px;margin-top:1px}
.home-classify-list-auto .classify-li-wrap .pop-top .collect-btn-collect>i{color:#FA4A4D}
.classify-li-wrap .pop-top>span.shouc-prompt{width:120px;height:50px;background:rgba(35,35,40,.6);text-align:center;line-height:50px;font-size:14px;color:#FFF;border-radius:4px;overflow:hidden;position:absolute;top:50px;right:14px;display:none}
.home-classify-list-auto .classify-li-wrap .pop-bot{width:100%;height:100px;text-align:center;position:absolute;bottom:48px}
.home-classify-list-auto .classify-li-wrap .pop-bot>em{display:inline-block;width:220px;height:40px;vertical-align:middle;border-radius:4px;font-size:16px;line-height:40px;text-align:center;transition:.2s}
.home-classify-list-auto .classify-li-wrap .pop-bot>em.down-btn{color:#FFF;margin-right:4px;text-align:center;
background: #ffae12;
    background: -moz-linear-gradient(left, #ffae12 0, #f07d17 100%);
    background: -webkit-gradient(linear, left, right, color-stop(0, #ffae12), color-stop(100%, #f07d17));
    background: -webkit-linear-gradient(left, #ffae12 0, #f07d17 100%);
    background: -o-linear-gradient(left, #ffae12 0, #f07d17 100%);
    background: -ms-linear-gradient(left, #ffae12 0, #f07d17 100%);
}
.home-classify-list-auto .classify-li-wrap .pop-bot>em.down-btn:hover{
     background: #ff9100;
    background: -moz-linear-gradient(left, #ffae12 0, #ff9100 100%);
    background: -webkit-gradient(linear, left, right, color-stop(0, #ffae12), color-stop(100%, #ff9100));
    background: -webkit-linear-gradient(left, #ffae12 0, #ff9100 100%);
    background: -o-linear-gradient(left, #ffae12 0, #ff9100 100%);
    background: -ms-linear-gradient(left, #ffae12 0, #ff9100 100%);
    background: -webkit-gradient(linear, left top, right top, from(#ffae12), to(#ff9100));
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ffae12), to(#ff9100));
    background: linear-gradient(to right, #ffae12 0, #ff9100 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffae12, endColorstr=#f07d17)"
}