@charset "utf-8";



.grid{margin:0 -10px;}
.grid:after{content:"";display:block;visibility:hidden;clear:both;}
.grid .bd_item{display:inline-block;float:left;width:50%; padding: 0 10px;}
.grid.col1 .bd_item{width:100%}
.grid.col2 .bd_item{ margin: 0 1% 20px; width:48%; border:1px solid #ddd;}
.grid.col3 .bd_item{margin: 0 1% 20px; width: 31.33%; border:1px solid #ddd;}
.grid.col4 .bd_item{margin: 0 1% 20px; width:23%; border:1px solid #ddd;}
.grid.col5 .bd_item{margin: 0 1% 20px; width:18%;  border:1px solid #ddd;}
.grid .bd_item .bd_item_box{display:block;position:relative;padding-bottom:18px;background:#fff;color:#111;}
.grid .bd_item .bd_item_box a{display:block;position:relative;}
.grid .bd_item .bd_item_box a .bdimg{display:block;overflow:hidden;width:100%;height:233px;background-color:#EDEDED;text-align:center;}
.grid .bd_item .bd_item_box a .bdimg .inner {position:relative; height:100%;}
.grid .bd_item .bd_item_box a .bdimg img{position:absolute; top: 50%; left: 50%; max-width:200%; height:100%; transform: translate(-50%,-50%);}
.grid .bd_item .bd_item_box .description {max-width: 180px; margin: 10px auto 0; padding: 10px 5px; border-radius: 5px; border: 1px solid #ddd; text-align: center; transition: all 0.3s;}
.grid .bd_item .bd_item_box a:hover .description {border-color: #c35b27; color: #c35b27;}

.grid.col1.grid {border-top:2px solid #333;}
.grid.col1 .bd_item .bd_item_box {padding:30px 0;min-height:180px; border-bottom:1px solid #333;}
.grid.col1 .bd_item .bd_item_box a{padding-left:33%;min-height:180px;}
.grid.col1 .bd_item .bd_item_box a:hover,
.grid.col1 .bd_item .bd_item_box a:focus {text-decoration:underline;}
.grid.col1 .bd_item .bd_item_box a:after{content:"";display:block;visibility:hidden;clear:both;}
.grid.col1 .bd_item .bd_item_box a .bdimg{position:absolute;top:0;left:0;margin:0;width:33%;height:180px;}
.grid.col1 .bd_item .bd_item_box a .bd_entry {padding:0 0 0 30px;}
.grid.col1 .bd_item .bd_item_box a .bd_entry h2 img {margin-top:3px;}
.grid.col1 .bd_item .bd_item_box a .bd_entry p {height:85px; margin:0;font-size:15px; color:#666;}
.grid.col1 .bd_item .bd_item_box .description {display:none;}

.grid.col3 {margin:0 -1%;}
.grid.col3 .bd_item .bd_item_box {height:350px;}
.grid.col3 .bd_item .bd_item_box .bd_entry {position:relative;width:100%; height:117px; z-index:20;}
.grid.col3 .bd_item .bd_item_box .bd_entry .inner {position:absolute; left:0; bottom:0; padding:20px 15px; width:100%; background:#fff;}
.grid.col3 .bd_item .bd_item_box .bd_entry p {}
.grid.col3 .bd_item .bd_item_box .bd_entry .bd_info em.view_cnt {display:none;}
.grid.col3 .bd_item .bd_item_box .bd_entry .bd_info em.like_cnt {margin:0; float:right;}
.grid.col3 .bd_item .bd_item_box .bd_entry .bd_info em.like_cnt span {margin:0; }
.grid.col3 .bd_item .bd_item_box .description {display:none;margin-top:20px; overflow:hidden;width:100%; height:40px;line-height:40px;background:#db3b01; color:#fff; text-align:center; }

.grid.col4 {margin:0 -1%;}
.grid.col4 .bd_item .bd_item_box {height:350px;}
.grid.col4 .bd_item .bd_item_box .bd_entry {position:relative;width:100%; height:117px; z-index:20;}
.grid.col4 .bd_item .bd_item_box .bd_entry .inner {position:absolute; left:0; bottom:0; padding:20px 15px; width:100%; background:#fff;}
.grid.col4 .bd_item .bd_item_box .bd_entry p {}
.grid.col4 .bd_item .bd_item_box .bd_entry .bd_info em.view_cnt {display:none;}
.grid.col4 .bd_item .bd_item_box .bd_entry .bd_info em.like_cnt {margin:0; float:right;}
.grid.col4 .bd_item .bd_item_box .bd_entry .bd_info em.like_cnt span {margin:0; }
.grid.col4 .bd_item .bd_item_box .description {display:none;margin-top:20px; overflow:hidden;width:100%; height:40px;line-height:40px;background:#db3b01; color:#fff; text-align:center; }

.grid.col5 {margin:0 -1%;}
.grid.col5 .bd_item .bd_item_box {height:350px;}
.grid.col5 .bd_item .bd_item_box .bd_entry {position:relative;width:100%; height:117px; z-index:20;}
.grid.col5 .bd_item .bd_item_box .bd_entry .inner {position:absolute; left:0; bottom:0; padding:20px 15px; width:100%; background:#fff;}
.grid.col5 .bd_item .bd_item_box .bd_entry p {}
.grid.col5 .bd_item .bd_item_box .bd_entry .bd_info em.view_cnt {display:none;}
.grid.col5 .bd_item .bd_item_box .bd_entry .bd_info em.like_cnt {margin:0; float:right;}
.grid.col5 .bd_item .bd_item_box .bd_entry .bd_info em.like_cnt span {margin:0; }
.grid.col5 .bd_item .bd_item_box .description {display:none;margin-top:20px; overflow:hidden;width:100%; height:40px;line-height:40px;background:#db3b01; color:#fff; text-align:center; }


.grid.bd_video .bd_item .bd_item_box .description {display:none;}
.grid.bd_video .bd_item_box a .bdimg:before {display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:10;}
.grid.bd_video .bd_item_box a .bdimg:after {display:block; content:""; position:absolute; top:25%; left:50%; margin-left:-21px; width:42px; height:42px; border:1px solid #fff; background:transparent url(/_prog/bbs/img/common/icon_video.png)no-repeat center; z-index:11;}
.grid.bd_video .bd_item_box a:hover .bdimg:after,
.grid.bd_video .bd_item_box a:focus .bdimg:after {border:1px solid #e35c04; background:#e35c04 url(/_prog/bbs/img/common/icon_video.png)no-repeat center;}

.bd_shadow{position:relative;}
.bd_shadow:before,
.bd_shadow:after {content:"";position:absolute;z-index:-2;}

.bd_entry{display:block;position:relative;padding:20px 10px;}
.bd_entry.gallery {padding: 20px 10px;}
.bd_entry h2{margin-bottom:15px; padding:0; font-size:18px; color:#333; font-weight: 600;}
.bd_entry h2 span {display:block; width:100%; overflow: hidden; text-overflow: ellipsis;vertical-align: middle;white-space: nowrap;}
.bd_entry p{margin-bottom:11px;font-size:14px;line-height:160%;}
.bd_entry .bd_info{display:block;width:100%;padding:11px 0 0;margin-top:11px;font-size:14px;color:#666;line-height:160%;border-top:1px solid #ccc;}
.bd_entry .bd_info span {display:inline-block;position:relative; margin-right:20px;}
.bd_entry .bd_info span:after {display:block; content:""; position:absolute; top:5px; right:-10px; width:1px; height:15px; background:#b9b9b9;}
.bd_entry .bd_info span.good_cnt:after {display:none;}
.bd_entry .bd_info span.date {margin-right:0;}
.bd_entry .bd_info span.date:after {display:none;}
.bd_entry .bd_info em.view_cnt {display:inline-block;float:right; padding: 2px 5px 0 26px;; background: url(/_prog/bbs/img/common/icon_view.png)no-repeat left center;color:#666;font-size:14px;}
.bd_curved:before {top:10px;bottom:10px;box-shadow:5px 0 5px #d3d0cb;left:12px;right:12px;border-radius:15px / 50px;}

@media only screen and (max-width:1023px){
  .grid.col3 .bd_item{width:48%;}
  .grid.col4 .bd_item,
  .grid.col5 .bd_item{width:31.33%;}
}

@media only screen and (max-width:800px){
  .grid.col3 .bd_item,
  .grid.col4 .bd_item,
  .grid.col5 .bd_item{width:48%;}
}

@media only screen and (max-width:640px){
.grid{margin:0;}
.grid .bd_item{display:block;float:none;width:auto; padding: 0;}

.grid.col2 .bd_item,
.grid.col3 .bd_item,
.grid.col4 .bd_item,
.grid.col5 .bd_item{width:100%;}

.grid.col1 .bd_item .bd_item_box {border-bottom:1px solid #333;}
.grid.col1 .bd_item .bd_item_box a{padding-left:0;}
.grid.col1 .bd_item .bd_item_box a .bdimg{position:relative;top:12px;left:0;margin-top:-20px;margin-bottom:25px;width:100%;}
.grid.col1 .bd_item .bd_item_box a .bd_text{max-height:36px;}
.grid.col1 .bd_item .bd_item_box a .bd_entry {padding:0 15px;}
.grid.col1 .bd_item .bd_item_box a .bd_entry p {height:auto; min-height:85px;}

}