#ba_list{ }
#ba_list:after {display:block;visibility:hidden;clear:both;content:""}
#ba_list  ul{padding:0; margin:0; list-style:none;zoom:1; margin:0 -1%; }
#ba_list  ul:after {display:block;visibility:hidden;clear:both;content:""}
#ba_list  ul li{position:relative; float:left; width:48%; margin:1%;padding:0px; border:1px solid #DDD; text-align:center;  box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; z-index:1; }
#ba_list  ul li:nth-child(2n+1){ clear:both; } 

#ba_list  ul .imgcontent {}
#ba_list  ul .imgcontent:after {display:block;visibility:hidden;clear:both;content:""}
#ba_list  ul li span{width:48%; margin:1%; position:relative; float:left; height:0; padding-top:30%; }
#ba_list  ul li p{position:absolute; left:0; bottom:0; right:0; background:rgba(0,0,0,.5); color:#FFF; padding:6px}




#ba_list  ul li img{width:100%;}
#ba_list  ul li input{position:absolute; top:16px; right:16px; z-index:10;}
#ba_list  ul li h6 {position:relative; margin:20px; overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;word-break: break-all;}
span.no_image{display:Block; background:#F6F6F6 url(/img/logo.png) center center no-repeat; background-size:80%; text-align:center; font-size:1.5em; color:#999;}



@media (min-width:425px) and (max-width:767px){
#ba_list  ul{margin:0 -.5%; }
#ba_list  ul li{width:99%; margin:.5%;}
 
}
@media (max-width:424px){
#ba_list  ul{margin:0 -.5%; }
#ba_list  ul li{width:99%; margin:.5%;}
 
#ba_list  ul li h6 {position:relative; margin:10px;}

}