.post_li { float: left; text-align: center; }

.post_title { width: 24%; text-align: left; }

.post_adree { width: 20%; }

.post_number { width: 20%; }

.post_time { width: 20%; }

.post_icon { width: 16%; }

.post_info { display: none; padding: 10px 40px; background-color: #f4f4f4; }

.post_info.active { display: block; }

.title_li_info.active{background-color: #F5AB5D;color: #fff;}

.post { line-height: 70px; }

.post .post_header { padding: 0 40px; background-color: #F5AB5D; color: #fff; float: left; width: 100%; font-size: 20px; font-weight: bold; }

.title { width: 100%; }

.title .title_li_info { border: 1px solid #f4f4f4; display: flow-root; padding: 0 40px; }

.title .title_li_info .post_img2 { display: none; }

.title .title_li:nth-child(2n) { background-color: #ccc; }

.title .title_li:hover { background-color: #FCE6CF; }

@media (max-width: 760px) {
  .post_li{font-size: 14px;}
  .post_title { width: 26%; text-align: left; }
  .post_adree { width: 22%; }
  .post_number { width: 22%; }
  .post_time { width: 22%;font-size:12px; }
  .post_icon { width: 8%; }
  .title .title_li_info{padding: 0; }
  .post_info { display: none; padding: 0 10px; }
  .post { line-height: 30px; min-height: 200px;}
  .post .post_header { padding: 0 10px; font-size: 16px; }
  .title .title_li { padding: 0 10px; } }