@charset "utf-8";

.pf_img img {border-radius:50%;width:50px;height:50px}


#bo_v_sns {padding:0;list-style:none;zoom:1;float:left;display:inline-block}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;width:135px;margin-right:5px;text-align:left}
#bo_v_sns li a {height:35px;line-height:35px;text-align:center;border-radius:5px;color:#fff;font-size:0.95em}
#bo_v_sns li img {vertical-align:middle;margin-right:5px}
#bo_v_sns li .sns_f {display:block;background:#3b5997}
#bo_v_sns li .sns_t {display:block;background:#09aeee}
#bo_v_sns li .sns_g {display:block;background:#ea4026}
#bo_v_sns li .sns_k {display:block;background:#fbe300}

#bo_v_share {position:relative;padding:20px 0}
#bo_v_share:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_share .btn {padding:0 10px;color:#555;font-weight:normal;font-size:1em;line-height:35px;height:35px;border-color:#d5d5d5;border-radius:5px}
#bo_v_share .btn:hover {background:#fff}
#bo_v_share .btn i {margin-right:5px;color:#4b5259;vertical-align:middle}

.bna_category{flex:1 1 16%;}
.list-col{position:relative;padding-top:2%;padding-bottom:2.5%;}
.list-col .list-col-inner{height:100%;}
.list-col .list-col-inner .row{height:100%;align-items:center;}
.list-col .list-col-inner .row .col{}
.list-col .list-col-inner .row .col img{}
.list-col .li_tit{position:absolute;bottom:-30px;width:100%;text-align:center;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-col.v-active .li_tit{color:#350865;}
.list-col .li_util{position:absolute;z-index:9;width:100%;padding:0 3%;box-sizing:border-box;left:0;top:0;}

@media (max-width: 767.98px) {
    #bo_v_sns li{width:auto;min-width:50px!important;}
    #bo_v_sns li img{margin-right: 0}
    #bo_v_sns a span{display: none}
	.list-col .li_tit{bottom:-15px;}
}

@media (max-width: 500px) {
.bna_category{flex:1 1 21%;;padding:0 1%}
}