html { overflow-x:hidden !important; overflow-y:scroll; }
body { background: #f2f2f2; }

body {    
      _background-image:url(about:blank);  /* for IE6 */   
      _background-attachment:fixed;  /*蹇呴』*/ }
    
/* common */
/* clear:both */
.cl {zoom:1; } 
.cl:after {content:''; display:block; clear:both; visibility:hidden; height:0;}

.clear {zoom:1; clear:both;} 
.clear:after {content:''; display:block; clear:both; visibility:hidden; height:0;}

.wp {zoom:1; clear:both;} 
.wp:after {content:''; display:block; clear:both; visibility:hidden; height:0;}
.vk_wp {zoom:1; clear:both;} 
.vk_wp:after {content:''; display:block; clear:both; visibility:hidden; height:0;}

.fixed { position: fixed; }
.vk_fixed { position: fixed; }
.left { float: left !important; }
.right { float: right !important; }
.vk_left { float: left !important; }
.vk_right { float: right !important; }
.vk_w_50 { width: 49.90%; }

.m_10 { margin: 10px !important; }
.m_15 { margin: 15px !important; }
.m_20 { margin: 20px !important; }

.m_t_0 { margin-top: 0px !important; }
.m_t_5 { margin-top: 5px !important; }
.m_t_10 { margin-top: 10px !important; }
.m_t_15 { margin-top: 15px !important; }
.m_t_20 { margin-top: 20px !important; }

.m_b_0 { margin-bottom: 0px !important;}
.m_b_5 { margin-bottom: 5px !important;}
.m_b_10 { margin-bottom: 10px !important;}
.m_b_15 { margin-bottom: 15px !important;}

.p_10 { padding: 10px !important; }
.p_15 { padding: 15px !important; }

.p_t_0 { padding-top: 0px !important; }
.p_t_5 { padding-top: 5px !important; }
.p_t_10 { padding-top: 10px !important; }
.p_t_15 { padding-top: 15px !important; }
.p_t_20 { padding-top: 20px !important; }

.p_b_0 { padding-bottom: 0px !important; } 
.p_b_5 { padding-bottom: 5px !important; } 
.p_b_10 { padding-bottom: 10px !important; } 
.p_b_15 { padding-bottom: 15px !important; } 
.p_b_20 { padding-bottom: 20px !important; } 


.p_l_10 { padding-left: 10px !important; }
.p_l_15 { padding-left: 15px !important; }
.p_l_20 { padding-left: 20px !important; }

.vk_color_fff { color: #fff; }
.vk_color_fff a { color: #fff; }
a.vk_color_fff { color: #fff !important; }
.vk_color_fff li a { color: #fff; }
.vk_color_333 { color: #333; }
.vk_color_333 a { color: #333; }
.vk_color_333 li a { color: #333; }
.vk_border_none { border: none !important; }
.vk_border_none li { border: none !important; }
.vk_border_none a { border: none !important; }
.vk_bg_none { background: none !important; }
.vk_shadow_none { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
.vk_shadow_3 { -moz-box-shadow: 2px 2px 3px #999; -webkit-box-shadow: 2px 2px 3px #999; box-shadow: 2px 2px 3px #999; }
.vk_page { position: relative; }
.vk_m_t_5 { margin-top: 5px; }

.display_none { display: none;}
.display_block { display: block;}

.none { display: none !important; }
.vk_none { display: none !important; }
.border_none { border:none !important; }
.bg_none { background: none !important; }

.bg_fff { background: #fff !important; }
.bg_white { background: #fff !important; }


.p_none { padding: 0px !important; }
.pd_none { padding: 0px !important; }
.padding_none { padding: 0px !important; }

* { word-wrap: break-word; /*font-weight: 400;*/ }


#header a.right, .header a.right { left: auto; right: 10px; }

#header { width: 100%; height: 50px; line-height: 50px;   margin-left: 0px; top: 0; left: 0%; padding-top: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; }
	/* 鍦堝瓙棣栭〉椤堕儴 */
	.header_group { position: relative; float: left; display: block; width: 100%; height: 44px; margin-top: 0px; z-index: 99; background: url(../img/vk_header.png) repeat-x;  }
	.nav_group { padding: 7px 5px 0 0; text-align: center; }
	.nav_group span { height: 32px; line-height: 32px; color: #fff; font-size: 16px; }

#content, .content { display: block; overflow-x: hidden;}
#content { padding: 0px; padding:0 0 10px 0; margin: 0px;}

/* header */
.vk_header_left { float: left; width: 25%; display: inline; }
.vk_header_middle { float: left; width: 50%; display: inline; }
.vk_header_right { float: right; width: 25%; display: inline; }

#icon_nav { display: block; width: 34px; height: 49px; }
.icon_nav { background-color: none; background: url(../img/return_tb2.png) no-repeat 50% 40%; background-size:14px 20px; }
#icon_nav img { float: left; display: inline-block; margin:8px 0 0 25px; max-width: 25px; max-height: 25px; border-radius: 100%; }
#vk_logo { display: block; width: 200px; height: 45px; background: url(../img/logo.png) no-repeat 50% 40%; background-size: 100px 30px; }
#icon_search { display: block; float:right; width: 44px; height: 44px; background-color: none; background-size: 26px 26px; }

/* 鍐呭妗嗘灦 */
#page { /*position: relative; */ margin: 0 0 50px 0;  width: 100%; padding-top: 44px;  overflow-x: hidden; overflow-y: scroll; }
/* 甯﹁繑鍥炴寜閽殑椤堕儴 */
#page .nav { /*display: none; */}


/* logo涓嬪瓙瀵艰埅 nv   涓€琛屽叚涓� 鏍峰紡 */
.vk_nv { position: relative; float: left; width: 100%; height: auto; clear: both; margin: 0 auto; background: #fff ; }
.vk_nv li { float: left; width: 16.5%; height: 36px; display: inline-block; margin: 0; padding: 0; border: 0; text-align: center; overflow: hidden; }
.vk_nv li a { height: 36px; line-height: 36px; color: #333; font-size: 16px; }


#footer { display:block; width:100%; height: 50px; position:fixed; bottom:0; z-index:99; border-top:1px solid #eee; background:#fff; }
#footer li .icon_on { display:none;}
#footer .vk_footer_a_on i { color:#1296db;}
#footer .vk_footer_a_on p { color:#5d656b;}
#footer .vk_footer_a_on .icon_on { display:block;}
#footer .vk_footer_a_on .icon_default { display:none;}
#footer .icon_msg { position:relative;}
#footer .icon_msg em { position:absolute; width:8px; left:50%; height:8px; top:0; margin-left:5px; border-radius:50%; background:#f00; border:1px solid #fff;}

#footer li { width:20%; text-align:center; float:left;}
#footer li a { width:100%; display:block;color:#5d656b;}
#footer li i { display:block; height: 30px; font-size:24px; line-height:26px;}
#footer li p { overflow: hidden; font-size:12px; height:16px; line-height:16px; color:#5d656b;}

.icon_home { background: url(../img/icon_home.png) no-repeat 50% 50%; background-size: 22px 22px; }
.icon_home_on { background: url(../img/icon_home_on.png) no-repeat 50% 50%; background-size: 22px 22px; }

.icon_portal { background: url(../img/icon_portal.png) no-repeat 50% 50%; background-size: 20px 20px; }
.icon_portal_on { background: url(../img/icon_portal_on.png) no-repeat 50% 50%; background-size: 20px 20px; }

.icon_forum { background: url(../img/icon_forum.png) no-repeat 50% 50%; background-size: 20px 20px; }
.icon_forum_on { background: url(../img/icon_forum_on.png) no-repeat 50% 50%; background-size: 20px 20px; }

.icon_group { background: url(../img/icon_group.png) no-repeat 50% 50%; background-size: 22px 22px; }
.icon_group_on { background: url(../img/icon_group_on.png) no-repeat 50% 50%; background-size: 22px 22px; }

.icon_find { background: url(../img/icon_find.png) no-repeat 50% 50%; background-size: 22px 22px; }
.icon_find_on { background: url(../img/icon_find_on.png) no-repeat 50% 50%; background-size: 22px 22px; }

.icon_user { background: url(../img/icon_user.png) no-repeat 50% 50%; background-size: 22px 22px; }
.icon_user_on { background: url(../img/icon_user_on.png) no-repeat 50% 50%; background-size: 22px 22px; }

.icon_post_footer { background:#fff url(../img/icon_post_footer.png) 50% 50% no-repeat; background-size: 50px 50px; width: 50px; height: 50px; margin-left: 10px; margin-top: -10px; border-radius: 50%; padding: 6px; box-shadow: 0px -2px 1px rgba(0,0,0,0.08); }


/* 鍙戝笘鎸夐挳寮瑰嚭妯″潡 */
.icon_post_footer_pop { width: 100%; display: none; position: fixed; bottom: 0px; left: 0px; z-index: 100; box-shadow: 0px -10px 10px rgba(0,0,0,0.2); background: #fff; overflow: hidden;}
.icon_post_footer_down { height: 50px; text-align: center; background:url(../img/icon_post_footer_down.png) 50% 50% no-repeat; background-size: 50px 50px; padding-bottom: 10px; }

/* 骞�/鍛婂浘鐗� */
.icon_post_footer_pop_a_d { max-height: 250px; padding: 10px; border-bottom: 1px solid #eee; overflow: hidden;}
.icon_post_footer_pop_a_d a { display: block; position: relative; overflow: hidden; }
.icon_post_footer_pop_a_d span { position:absolute; z-index:101; bottom:5px; right:5px; border-radius:3px; border:1px solid #fff; padding:3px; display:inline-block; font-size:12px; color:#fff; line-height:12px; }
.icon_post_footer_pop_a_d img { width: 100%; vertical-align: top; overflow: hidden; }

/* 鍥炬爣 */
.icon_post_footer_pop_li { padding: 10px 10px 0px 10px; overflow: hidden;}
.icon_post_footer_pop_li li { width: 25%; margin-bottom: 8px; float: left; text-align: center;}

.icon_post_footer_pop_li a { display: block; max-width: 70px; margin: 0px auto; padding: 3px 0; -webkit-tap-highlight-color: rgba(0,0,0,0.05); tap-highlight-color: rgba(0,0,0,0.05);}
.icon_post_footer_pop_li a img { visibility: visible; width: 50px; height: 50px; border-radius: 100%;}
.icon_post_footer_pop_li a span { display: block; }
.icon_post_footer_pop_li a.icon_pop_1 { color:#7b2; }
.icon_post_footer_pop_li a.icon_pop_2 { color:#f60; }
.icon_post_footer_pop_li a.icon_pop_5 { color:#333; }
.icon_post_footer_pop_li a.icon_pop_6 { color:#02c; }
.icon_post_footer_pop_li a.icon_pop_7 { color:#f00; }
.icon_post_footer_pop_li a.icon_pop_8 { color:#0a5; }

.pop_mask { display: none; position: fixed; width: 100%; height: 100%; bottom: 0; background: rgba(0,0,0,0.5); z-index:10; }


* { word-wrap: break-word; }
input, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; }

/* 璋冭瘯鐢�*/
/*
#left_nav { display: block; z-index: 999999; margin-left: 50%; }
*/


/* 涓嶅甫鑳屾櫙鍥剧墖鏍峰紡 - 鑳屾櫙鐧借壊 */
/*
#left_nav { background: #fff; }
.left_nav ul li { display: block; width: 100%;  border-bottom:1px solid #f2f2f2;  border-width: thin;}
.left_nav ul li a { display: block; position: relative; overflow: hidden; color: #666; font-size: 16px; line-height: 42px; }
.vk_icon_nav_title { height: 40px; line-height: 40px; color: #111; font-size: 16px; text-indent: 20px !important; background:#f2f2f2; border-left: 3px solid #0ad; border-width: thick !important; }
*/



/* 涓嶅甫鑳屾櫙鍥剧墖鏍峰紡 - 鑳屾櫙鏆楄壊 */
#left_nav { background: #222; }
.left_nav ul li { display: block; width: 100%;  border-bottom:1px solid #161616;  border-width: thin;}
.left_nav ul li a { display: block; position: relative; overflow: hidden; color: #777; font-size: 16px; line-height: 42px; }
.vk_icon_nav_title { height: 40px; line-height: 40px; color: #fff; font-size: 16px; text-indent: 20px !important; background:#555; border-left: 3px solid #0ad; border-width: thick !important; }



/* 甯﹁儗鏅浘鐗囨牱寮� */
/*
#left_nav { background: #269 url(../img/nav/bg_left_nav.png) no-repeat ;  background-size: cover; }
.left_nav ul li { display: block; width: 100%;  border-bottom:1px solid rgba(25,60,90,0.2);  border-width: thin;}
.left_nav ul li a { display: block; position: relative; overflow: hidden; color: #fff; font-size: 16px; line-height: 45px; }
.vk_icon_nav_title { height: 40px; line-height: 40px; color: #fff; font-size: 16px; text-indent: 20px !important; background:rgba(255,255,255,0.2) url(../img/nav/bg_left_nav_title.png) 85% 50% no-repeat  ;  background-size: 24px 24px; }
*/

/* 鍏叡灞炴€ч儴鍒� */
#left_nav ul { padding-left: 0px !important; padding-bottom: 60px; }
#left_nav ul li { text-indent: 65px; }
.left_nav { position: fixed; top: 0; left: 0; z-index:9999; background-color: #fff; width: 65%; height: 100%; overflow-x: hidden; overflow-y:scroll; box-shadow: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s; transition: transform 0.3s, box-shadow 0.3s; }
.left_nav.on { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }
.left_nav ul li:last-child { border:none;}
.left_nav ul li a i { margin-right: 5px; font-size: 18px; position: relative; top: 1px; }
.left_nav_mask { display: none; position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); opacity: 0; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s }
.left_nav_mask.on { display: block; opacity: 1; }


/* 澶村儚銆佸悕绉般€侀€€鍑恒€佺櫥褰曘€佹敞鍐� */	
.vk_icon_nav_avt { width: 100%; height:100px; margin: 0px; padding:15px 0 15px 10px !important; text-indent: 10px !important; overflow: hidden;/* background:#269 url(../img/nav/bg_avt.jpg) no-repeat; background-size: cover;*/ }
.vk_icon_nav_avt a { float: left ; display: inline-block; text-indent: 0px; }

.vk_icon_nav_avt .avt_div { display: block; margin-bottom: 12px; }
.vk_icon_nav_avt .vk_icon_nav_avt_img { float: left; }
.vk_icon_nav_avt .vk_icon_nav_avt_img img { float: left; display: inline-block; max-width: 50px; max-height: 50px; border-radius: 100%; background: rgba(255,255,255,0.8); padding: 2px; }
.vk_icon_nav_avt .vk_icon_nav_avt_img span { display: block; height: 50px; line-height: 50px; color: #fff; font-size: 16px; font-weight: 400; padding-left: 10px;  white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}

.vk_icon_nav_avt p { height: 30px; line-height: 30px !important; padding:0 5px 0 0; color: #777; font-size: 14px; font-weight: 400; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }
.vk_icon_nav_avt p .icon_write{ display: block; height: 28px; width: 28px; background: url(../img/nav/icon_write.png) no-repeat 0% 50%; background-size: 16px 16px; text-indent: 25px; }

.vk_icon_nav_avt .vk_icon_nav_avt_logout { width: 50px; height: 25px; line-height: 25px; padding:0px !important; color: #fff !important; font-size: 14px; font-weight: 400;  margin-left: 10px !important;}
.vk_icon_nav_avt .vk_icon_nav_avt_log , .vk_icon_nav_avt .vk_icon_nav_avt_reg { float: left; width: 50px; display: block; margin-left: 10px; line-height: 22px; font-size: 14px; color: #0ad; border: 1px solid #0ad; padding: 2px 5px; border-radius: 3px; text-align: center;}
.vk_icon_nav_avt .vk_icon_nav_avt_reg { color: #7b2; border: 1px solid #7b2; margin-left: 15px;}


/* 鍥炬爣 */
/* 灏忓浘鏍� */
.vk_icon_nav_home { background: url(../img/nav/home.png) no-repeat 10% 50%; background-size: 26px 26px; }
.vk_icon_nav_forum { background: url(../img/nav/forum.png) no-repeat 10% 50%; background-size: 26px 26px; }
.vk_icon_nav_hot { background: url(../img/nav/hot.png) no-repeat 10% 50%; background-size: 26px 26px; }
.vk_icon_nav_fav { background: url(../img/nav/fav.png) no-repeat 10% 50%; background-size: 26px 26px; }
.vk_icon_nav_portal { background: url(../img/nav/portal.png) no-repeat 10% 50%; background-size: 26px 26px; }
.vk_icon_nav_search { background: url(../img/nav/search.png) no-repeat 10% 50%; background-size: 26px 26px; }
.vk_icon_nav_thread { background: url(../img/nav/thread.png) no-repeat 10% 50%; background-size: 26px 26px; }
.vk_icon_nav_pm { background: url(../img/nav/pm.png) no-repeat 10% 50%; background-size: 26px 26px; }
.vk_icon_nav_profile { background: url(../img/nav/profile.png) no-repeat 10% 50%; background-size: 26px 26px; }
.vk_icon_nav_computer { background: url(../img/nav/computer.png) no-repeat 10% 50%; background-size: 26px 26px; }
.vk_icon_nav_logout { background: url(../img/nav/logout.png) no-repeat 10% 50%; background-size: 26px 26px; }
.vk_icon_nav_pic { background: url(../img/nav/pic.png) no-repeat 10% 50%; background-size: 26px 26px; }
.vk_icon_nav_group { background: url(../img/nav/group.png) no-repeat 10% 50%; background-size: 26px 26px; }

/* 閲嶅畾涔� */
.vk_icon_nav_home, .vk_icon_nav_forum, .vk_icon_nav_hot, .vk_icon_nav_fav, .vk_icon_nav_portal,.vk_icon_nav_thread, .vk_icon_nav_pm, .vk_icon_nav_profile, .vk_icon_nav_computer, .vk_icon_nav_logout, .vk_icon_nav_pic { background-size: 26px 26px; }


.nav { background: #fafafa; border-bottom: 1px solid #eee;}

.vk_portal { background-color: #fff; }
.pt { padding: 14px 10px; background: #f5f5f5; font-size: 15px; line-height: 15px; border-top: 1px solid #fff; border-bottom: 1px solid #e5e5e5; }
.pt .pth { line-height: 18px; font-size: 14px; }
.pt p { padding-top: 8px; margin: 10px 0 -5px -1px; color: #666; font-size: 12px; border-top: 1px #e0e0e0 dashed; }

.vk_portal_list { padding: 10px 0 8px 0; border-bottom: 1px solid #ddd; border-width: thin; position: relative; margin: 0 10px; }

.vk_portal_list_pic_left { width: 30%; float: left; border: none; overflow: hidden; }
.vk_portal_list_pic_right { width: 68%; float: right; }

.vk_portal_list_pic { display: inline-block;  width: 120px; height: 80px; overflow: hidden;  }
.vk_portal_list_pic img {width: 120px; height:auto; overflow: hidden; margin: 2px 0 0 0;}


.vk_portal_list_title { font-size: 16px; color: #111; font-weight: 500; line-height: 24px; height: 48px; overflow: hidden; text-overflow: ellipsis; }
.vk_portal_list_text { height: 80px; }
.vk_portal_list_summary, .vk_portal_list_summary a { font-size: 12px; color: #999; line-height: 18px; height: 36px; overflow: hidden; }

.vk_portal_list_info { position: absolute; bottom: 10px; font-size: 12px !important; color: #999; font-weight: 400;  }
.vk_portal_list_info span { display: inline-block; margin-right: 10px; }
.vk_portal_list_info a { font-size: 12px !important; color: #999; }



.vk_portal_multi_footer { height: 8px; line-height: 8px; clear: both; }
.vk_portal_dr { color: #73AA66; }
a.vk_portal_dr:link, a.vk_portal_dr:visited, a.vk_portal_dr:hover { color: #73AA66; text-decoration: none; }




/*  鏂囩珷鍒楄〃椤� - 涓婇儴 瀛愬垎绫汇€佺浉鍏冲垎绫� 妯″潡 */

.vk_portal_nav { height:42px; border-bottom: 1px solid #eee;}
.vk_portal_nav { position:relative; overflow-x: scroll; overflow-y:hidden; font-size:14px;}
.vk_portal_nav .cat_name_li { width:auto; padding:0 15px;}
.vk_portal_nav .cat_name_li a { display:block; width:100%; padding:10px 0 5px 0; text-align:center; color:#666; border-bottom:1px solid #fff;}
.vk_portal_nav .a a { color:#f66; border-bottom:1px solid #f66;}

.cat_name_ul { position: relative; width: 100%; height: 100%; z-index: 1; margin: 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
.cat_name_li { position: relative; width: 100%; height: 100%; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; }
.cat_name_ul::-webkit-scrollbar { display: none; }


.vk_portal_view { margin: 0 10px; padding: 10px 0; border-bottom: 1px dashed #ccc; }
.vk_view_title { font-size: 16px; color: #111; font-weight: bold; line-height: 24px; padding: 5px 0; }
.vk_view_line { border-bottom: 1px dashed #ccc; height: 0px; line-height: 0px; }

.vk_padding_10 { padding: 10px; }
.vk_padding_5 { padding: 5px; }
.vk_m_nav_left { width: 36px; position: absolute; top: 0; left: 0; }
.vk_view_li { text-align: left; padding:8px 0 15px 0; border-bottom: 1px solid #eee; margin: 5px 5px; }
.vk_view_relative { width: 100%; height: 30px; position: relative; }

.vk_view_avatar { width: 30px; height: 30px;/* padding:1px; border:1px solid #DDDDDD;*/ position: absolute; left: 0; }
.vk_view_avatar img { width: 30px; height: 30px;  border-radius: 100%; overflow: hidden; }

.vk_view_name { padding: 5px 0 0 36px; }
.vk_view_name span { font-size: 12px ; color: #999; }
.vk_view_word { padding: 0 0 0 36px;  font-size: 14px ; color: #555; line-height: 26px; }
.vk_view_message { margin-bottom: 8px; }

.vk_view_reply a { display: inline-block; width: 50px; height: 22px;  border-radius:12px; font-size: 12px; line-height: 22px; text-align: center; background: #fff; color: #ccc !important; border: 1px solid #eee;}
.vk_view_delete a { display: inline-block; width: 50px; height: 24px;  border-radius:12px; font-size: 12px; line-height: 24px; text-align: center; background: #f05;}

/* vk portal list*/
.vk_view_comment_num { position: absolute; top: 0; right: 0; background: #eee; width: 60px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #ccc; border-radius: 6px; font-size: 12px; }
.vk_view_num a { position: absolute; top: 4px; right: 0; background: #fff; min-width: 50px; height: 26px; line-height: 26px; text-align: center; border: 1px solid #eee; border-radius: 3px; font-size: 12px; color: #999; }

.quote { background: #f2f2f2; border-radius: 5px; padding: 5px 10px;}

.vk_m_noinfo { margin-left: 6px; }


.vk_view_content { font-size: 15px; color: #333; }
.vk_view_content img { width: 100%; }

.vk_view_comment { margin: 15px 5px 0 5px;}
.vk_view_comment_more { padding: 0 5px; background: #fff;}

.vk_view_comment_title { margin: 0 auto; text-align: left; font-size: 14px; line-height: 26px; height: 26px; clear: both; }
.vk_view_comment_title span { text-align: left; font-size: 14px; background-color: #0af; color: #fff; border-radius: 3px; line-height: 20px; padding: 3px 5px; margin-left: 6px; }
.vk_view_comment_post a { position: absolute; top: 4px; right: 0; text-align: left; font-size: 14px; background-color: #0af; color: #fff; border-radius: 3px; line-height: 20px; padding: 3px 5px; margin-left: 6px;  }

.vk_view_em { width: 100%; float: left; margin: 0 auto; clear: both; border-bottom: 1px dashed #ddd; margin-bottom: 8px;  }
.vk_view_em em, .vk_view_em em a { font-size: 10px !important; color: #999; padding: 0 5px 0 0; line-height: 24px; }

.commentsubmit_btn { width: 80px; height: 36px; line-height: 36px; overflow: hidden; border: 0; text-align: center; font-size: 16px; background-color: #0bb; color: #fff; font-weight: normal; border-radius: 3px; margin-top: 3px; }

.vk_m_bbname { margin: 6px 6px 20px 6px; text-align: center; font-size: 16px; line-height: 30px; clear: both;}
.vk_m_header { margin: 6px; text-align: left; font-size: 14px; line-height: 26px; clear: both; }



/* 鍥炲 椤甸潰 */
.vk_m_header, .vk_m_header_guest { text-align: center;}

.vk_m_header_avt img { border: none; width: 60px; height: 60px;  border-radius: 100%; }
.vk_view_comment_back { width: 80px; height: 36px; line-height: 36px; overflow: hidden; border: 0; text-align: center;  background-color: #8b1; border-radius: 3px; margin-top: 3px; margin-right: 20px; }
.vk_view_comment_back a { font-size: 14px; color: #fff !important; font-weight: normal; }

/* 閲嶆柊瀹氫箟 杩斿洖椤堕儴鍥炬爣 */
/*	
.scrolltop { display:block; position:fixed;  right:8px;  height:38px; width:38px; z-index:99; background:rgba(64, 64, 64, .9); border-radius:1px; box-shadow:0 0 2px rgba(0,0,0,.3); }
*/
.scrolltop { top: 360px; }

/* "涓婁竴椤�""涓嬩竴椤�" 鍒嗛〉 */
.page { text-align: center; }
.page a { background: transparent ; border: none; border-radius: 0;}


/* 宸﹀彸tab鍒囨崲鏍峰紡 */
/* 妗嗘灦 */
.page .forum_left_nav { position: fixed; top:44px; bottom:50px; left:0; width:100px; font-size:16px; background-color:#f2f2f2; border-right:1px solid #eee; overflow-x: hidden; overflow-y: auto; }
.page .forum_right_content {position:fixed; top:44px; bottom:50px; right:0; left:100px; background-color: #fff; overflow-y: auto;}

.forum_left_nav .item { position:relative;text-align:center;color:#999;padding:0; margin:0;}
.forum_left_nav .item a { display:block; padding:12px 0 ; border-left:2px solid #f8f8f8; border-bottom:1px solid #eee; color: #999; font-size:14px; margin-right:-1px;}
.forum_left_nav .item a.active { color: #f00 ; border-left:2px solid #f55; background:#fff; }

.forum_left_nav li:first-child a.active{}

.tabs .tab { display: none;}
.tabs .tab.active { display: block;}
.tabs-animated-wrap { position: relative; width: 100%; overflow: hidden; height: 100%;}
.tabs-animated-wrap > .tabs { display: -webkit-box; display: -webkit-flex; display: flex; height: 100%; -webkit-transition: 300ms; transition: 300ms;}
.tabs-animated-wrap > .tabs > .tab { width: 100%; display: block; -ms-flex: 0 0 auto; -webkit-flex-shrink: 0; flex-shrink: 0;}

.today_num { color:#f90;}


/* 宸︿晶鍒嗗尯 鍜� 鍙充晶鐗堝潡鏍峰紡 */
.sub_forum { background:#fff; border: none; border-radius: 0; text-align: left; }
.sub_forum li .num { background:#35A3E6;  height: 10px; width:10px; border-radius:50%; position: absolute; right:30px; top:30px;}
.sub_forum li { height: 50px; line-height: 22px; padding:12px 0 5px 0; position:relative; background:#fff; border-bottom:1px solid #eee; font-size:16px;  box-sizing: content-box !important;}
.sub_forum li .sub_icon { width:40px; height:40px; position:absolute;}
.sub_forum li .sub_icon img { width:42px; height:42px;}

/* 鍦堝瓙鍥炬爣鏄剧ず涓哄渾褰� */
.sub_icon_group img { border-radius: 50%;}

.sub_forum li p { margin:0; font-size:12px; color:#999; margin-top:3px; line-height:21px; padding-right:10px; height:21px; overflow:hidden;text-overflow:ellipsis;}
.sub_forum li .sub_forum_name { margin-left:50px; display:block;}
.sub_forum li .sub_forum_name h2 { font-weight:400; font-size:15px; color:#666;}
.sub_forum li .sub_forum_name i { position:absolute; right:10px; top:25px; color:#ccc; font-size:14px;}

/* "鎴戠殑鍏虫敞" */
.my_fav_tip { padding:50px 20px; color:#999; border:none !important; text-align:center; font-size:14px;}
.my_fav_tip a { color:#999; border:1px solid #ddd; padding:5px 15px; margin-right: 20px; border-radius:3px;}
.my_fav_tip p { margin-top: 20px; }

.icon-right:before { content: ''; display: block; width: 12px; height: 12px; border-right: 1px solid #eee; border-top: 1px solid #eee; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}

.vk_threadlist { background: #fff; margin: 10px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.vk_threadlist li { position: relative; margin: 0 0 10px; padding: 10px; font-size: 14px; background: #fff; border-top: #e7eaef 1px solid; border-bottom: #e7eaef 1px solid; }

.vk_nothread { float: left; display: block; clear: both; width:100%; height: 200px; overflow: hidden; background: #fff; }
.vk_nothread a { display: block; width:100%; height: 200px; overflow: hidden; background: url(../img/nothread.png) top center no-repeat; background-size: 300px 200px;}


/* 椤堕儴 鐗堝潡鍚嶇О銆佸彂甯栥€佹敹钘忔寜閽� 妯″潡 */
.vk_banner { position: relative; border-bottom: 1px solid #eee; clear: both; background:#fff /*url(../img/banner_bg.jpg)*/; background-size: cover; background-position: center; }
.vk_banner_l { padding: 12px 0 12px 12px; }
.vk_banner_img, .vk_banner_info { float: left; }
.vk_banner_img { max-width: 56px; /*width: 55px; height: 55px; */}
.vk_banner_img img { width: 100%; overflow: hidden; }

.vk_banner_info { width: 50%; margin: 2px 0 0 10px; }
.vk_banner_info .title { color: #333; font-size: 18px; font-weight: 700; }
.vk_banner_info .vk_thread_post_num { margin-top: 2px; color: #999; font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.vk_banner_r { position: absolute; right: 12px; top: 12px; color: #999; }
.vk_banner_r .num { color: #0bb; }
.vk_banner_r a { background: #0bb; width: 68px; height: 26px; line-height: 26px; border-radius: 3px; color: #fff; text-align: center; display: block; }
.vk_banner_r .vk_top_post { background: #0bb url(../img/icon_post.png) 18% 50% no-repeat; background-size: 14px 14px; height: 26px; line-height: 26px; text-indent: 18px; margin-bottom: 8px; }
.vk_banner_r .vk_top_fav { background: #f55 url(../img/icon_fav.png) 18% 50% no-repeat; background-size: 14px 14px; height: 26px; line-height: 26px; text-indent: 18px; }
.vk_banner_r .vk_top_follow { background: #fff url(../img/icon_follow.png) 18% 50% no-repeat; background-size: 14px 14px; height: 24px; line-height: 24px; text-indent: 18px;  color: #0bb; border: 1px solid #0bb;}


/* 鎺掑簭妯″潡锛氬叏閮ㄣ€佹渶鏂般€佺儹闂� */
.vk_thread_sort { position: relative; background-color: #fff; height: 40px; line-height: 40px; text-align: center; margin-bottom: 10px; }
.vk_thread_sort a { position: relative; float: left; display: block; width: 24.7%; height: 40px; line-height: 40px; color: #333; font-size: 14px; text-align: center; border-right: 1px solid #f2f2f2; border-width: thin; border-bottom: 1px solid #f2f2f2; overflow: hidden; }
.vk_thread_sort a.a { height: 39px; border-bottom: 1px solid #0bb; color: #0bb; }


/* 甯栧瓙鍒楄〃椤典笂閮ㄧ殑瀛愮増鍧椼€佷富棰樺垎绫� */
.vk_thread_type { margin: 0 0 10px 0; padding: 10px 10px 0 0; background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.vk_thread_type li { display: block; float: left; width: 22.0%; height: 28px; line-height: 26px; margin: 0px 0 10px 10px; overflow: hidden; text-overflow:ellipsis;}
.vk_thread_type .title_first, .vk_thread_type #vk_thread_type_all a { background: #fff; height: 26px; line-height: 26px; border-radius: 3px; color: #0bb; text-align: center; display: block; border: 1px solid #0bb; }
.vk_thread_type li a { background: #fff; height: 26px; line-height: 26px; border-radius: 3px; font-size: 12px; color: #666; text-align: center; display: block; border: 1px solid #eee; }


.vk_thread_type .title_first, .vk_thread_type #vk_thread_type_all2 a { background: #fff; height: 26px; line-height: 26px; border-radius: 3px; color: #0bb; text-align: center; display: block; border: 1px solid #0bb; }


/* 甯栧瓙涓婚鍒楄〃 閫氱敤鏍峰紡 - 涓婃爣棰橈紝涓嬪浘鐗� */
.vk_threadlist article { position: relative; height: auto; margin: 0 12px; padding: 10px 0 8px 0; background: #fff; border-top: 1px solid #eee; overflow: hidden; }
.vk_threadlist article:first-child { border-top: 0; }
/* 甯栧瓙鏍囬 */
.vk_threadlist .vk_title_div { position: relative; height: 25px; overflow: hidden;white-space:nowrap;text-overflow: ellipsis; }
.vk_threadlist .vk_thread_title { font-size: 14px !important; color: #333; font-weight: 500; line-height: 24px; overflow: hidden; }
/* "缃《" 鏍峰紡 */
.vk_ding { float: left; width: 26px; height: 14px; line-height: 14px; margin: 3px 3px 0 0; padding: 2px 5px; border-radius: 2px;  background: #f65; color: #fff; font-size: 12px; text-align: center; vertical-align: middle; }



/* 浣滆€呭ご鍍忋€両D銆佹椂闂淬€佹煡鐪嬨€佸洖澶嶇瓑淇℃伅 妯″潡 */
.vk_author_info { position: relative; height: 16px; padding: 5px 5px 5px 0; overflow: hidden; font-size: 12px; line-height: 16px; color: #aaa; font-weight: lighter;}
.vk_author_info .vk_author { display: inline-block; height: 16px; line-height: 16px; font-size: 12px; color: #999;/* font-weight: 400;*/ text-indent: 5px; }
.vk_author_info .vk_time { margin-left: 10px; }

.vk_author_info .vk_avt { float: left; width: 16px; height: 16px; border-radius: 100%; }
.vk_author_info .vk_view { background: url(../img/view_num.png) 0 50% no-repeat; background-size: 10px 12px; display: inline-block; height: 16px; text-indent: 12px; float: right; margin-right: 8px; }
.vk_author_info .vk_reply { background: url(../img/reply_num.png) 0 50% no-repeat; background-size: 10px 10px; display: inline-block; height: 16px; text-indent: 12px; float: right; }


/* 甯栧瓙鍒楄〃鏍囬涓嬬殑鍥剧墖璋冪敤锛�3鍒� */
.vk_thread_pic { position: relative; margin-top: 5px; }
.vk_thread_pic .item_pic { float: left; width: 32.8%; margin-right: 0.5%; }
.vk_thread_pic .item_pic p.col_3_0, .vk_thread_pic .item_pic p.col_3_3, .vk_thread_pic .item_pic p.col_3_6 { text-align: left; }
.vk_thread_pic .item_pic p.col_3_1, .vk_thread_pic .item_pic p.col_3_4, .vk_thread_pic .item_pic p.col_3_7 { text-align: center; }
.vk_thread_pic .item_pic p.col_3_2, .vk_thread_pic .item_pic p.col_3_5, .vk_thread_pic .item_pic p.col_3_8 { text-align: right; }
.vk_thread_pic .col_3_img { overflow: hidden; width: 98%; display: inline-block; }
.vk_thread_pic .item_pic img { width: 100%; height: 120px; vertical-align: middle; border: 0; border-radius: 3px; }


/* 甯栧瓙涓婚鍒楄〃 鍥剧墖鏍峰紡 */
.wrapper { overflow: hidden; padding:0 12px; width: auto; }
.wall { display: block; position: relative; width: 106%; }
.wall-column { display: block; position: relative; width: 45.5%; float: left; padding: 0; margin: 0 12px 0 0; box-sizing: border-box; }

.wall .article { display: block; margin: 0 0 12px 0; padding: 0; background:#fff; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); border-radius: 5px; overflow: hidden; position: relative; }
.wall .article:nth-child(2n) { margin-right: 0px; }
.wall .article img { display: block; max-width: 100%; }
.wall .article p { line-height: 24px; padding: 10px 10px 0 10px; font-size: 13px; color: #333; max-height: 50px; overflow: hidden; font-weight: 500; font-family: "Microsoft yahei"; }

.wall .vk_author_info { padding: 0px; margin: 10px; }

i.iconfont { float: left; position: relative; display: inline-block !important;}

.postlist { background: #fff; }
.postlist h2 { padding-top: 10px; }

.icon_nav_one { display: block; width: 30px; height: 30px; background: url(../img/icon_nav_one.png) 50% 50% no-repeat; background-size: 30px 30px; margin:0 0 0 5px;}

.vk_icon_back { display: block; width: 30px; height: 30px; background: url(/images/back.png) center no-repeat; background-size:18px; margin:0 0 0 5px; padding-left: 10px;}

.vk_icon_add { display: block; width: 30px; height: 30px; background: url(../img/icon_add.png) 50% 50% no-repeat; background-size: 22px 22px; margin:0 0 0 5px;}
.vk_icon_add_pic { display: block; width: 30px; height: 30px; background: url(../img/icon_add.png) 0% 100% no-repeat; background-size: 22px 22px; }

.vk_icon_edit { display: block; width: 30px; height: 30px; background: url(../img/icon_edit.png) 50% 50% no-repeat; background-size: 22px 22px; }
.vk_icon_fav { display: block; width: 30px; height: 30px; background: url(../img/icon_fav.png) 50% 50% no-repeat; background-size: 22px 22px; margin-right: 10px;}
.vk_icon_fav_on { display: block; width: 30px; height: 30px; background: url(../img/icon_fav_on.png) 50% 50% no-repeat; background-size: 22px 22px; margin-right: 10px; }

.vk_icon_fav0 { display: block; width: 30px; height: 30px; background: url(../img/icon_fav0.png) 50% 50% no-repeat; background-size: 22px 22px; }
.vk_icon_fav0_on { display: block; width: 30px; height: 30px; background: url(../img/icon_fav0_on.png) 50% 50% no-repeat; background-size: 22px 22px; }

.vk_icon_like { display: block; width: 30px; height: 30px; background: url(../img/icon_like.png) 50% 50% no-repeat; background-size: 22px 22px; margin-right: 10px;}
.vk_icon_like_on { display: block; width: 30px; height: 30px; background: url(../img/icon_like_on.png) 50% 50% no-repeat; background-size: 22px 22px; margin-right: 10px; }

.vk_icon_share { display: block; width: 30px; height: 30px; background: url(../img/icon_share.png) 50% 50% no-repeat; background-size: 22px 22px; }
/*
.vk_icon_copy { display: block; width: 30px; height: 30px; background: url(../img/icon_share_copy.png) 50% 50% no-repeat; background-size: 22px 22px; }
.vk_icon_more { display: block; width: 30px; height: 30px; background: url(../img/icon_share_more.png) 50% 50% no-repeat; background-size: 22px 22px; }
.vk_icon_share_on { display: block; width: 30px; height: 30px; background: url(../img/icon_share_on.png) 50% 50% no-repeat; background-size: 22px 22px; margin-right: 10px; }
*/

.vk_icon_reply_num { display: block; width: 30px; height: 30px; background: url(../img/icon_reply_num.png) 50% 50% no-repeat; background-size: 22px 22px; margin-right: 10px;}

.vk_icon_view_order { display: block; width: 22px; height: 22px; background: url(../img/icon_view_order.png) 50% 100% no-repeat; background-size: 18px 18px; margin-right: 3px; padding-top: 7px;}




/* 涓婇儴鈥滃洖澶嶁€濇寜閽� */
.vk_btn_reply_top { border: none; display: inline-block; width: 40px; height: 26px; line-height: 26px; font-size: 12px; color: #fff; background: #7b2; border-radius: 20px; }
.vk_btn_reply_top a { color: #fff; }



/* 甯栧瓙鍐呭鍖哄煙锛氬彂甯栦汉澶村儚鍚嶇О + 甯栧瓙鍥炬枃鍐呭 */

/* 鍙戝笘閮ㄥ垎 */
.plc  { }
.plc .pi { margin-left: 10px; }
.plc .pi ul { margin-bottom: 10px; }
.plc .avatar img { border: none; padding: 0; border-radius: 20px; }
.plc .avatar { position: absolute; border: none; padding: 0; border-radius: 20px; left: 0px; top: 10px; }

.plc .pi .authi { position: relative; padding-left: 45px; }

.plc .pi .message img , 
.plc .pi .img_one img { margin: 0px 4px 0px 0; max-width: 100%; max-height: 100%; display: block; }

.plc .pi .img_list li { width: 100%; margin: 10px 0; text-align: center; vertical-align: middle; height: 100%; }
.plc .pi .img_list li a img { max-width: 100% !important; }
.plc .pi .img_list img { max-width: 100% !important; }
.plc .pi .img_list li a { display: block; }
.plc a { color: #158;  color: #333; color: #f60;}

/* 绠＄悊缁� 鈥滅鐞嗏€濇寜閽� */
.plc .pi .vk_post_manage , 
.plc_not_first .pi .vk_post_manage { display: inline-block; width: 50px; height: 22px; border-radius:12px; color: #fff; font-size: 12px; line-height: 22px; text-align: center; background-color: #0ad; }
.plc_not_first .pi .vk_post_manage { margin-left: 15px;}

/* 鐢ㄦ埛缁� 鈥滅紪杈戔€濇寜閽� */
.plc .pi .vk_post_edit { display: inline-block; width: 50px; height: 22px; border-radius:12px; color: #fff; font-size: 12px; line-height: 22px; text-align: center; background-color: #1a1; }

/* 鍥炲笘閮ㄥ垎 */
.plc_not_first { border-bottom: 1px solid #eee; overflow: hidden; position: relative; }

.plc_not_first .pi { margin-left: 50px; margin-right: 10px; padding: 7px 0; position: relative;}
.plc_not_first .pi ul { margin-bottom: 10px; }

.plc_not_first .avatar { position: absolute; border: none; padding: 0; border-radius: 20px; left: -40px; top: 10px; }
.plc_not_first .avatar img { border-radius: 50%; }

.plc_not_first .pi .authi { position: relative; padding-left: 0px; }
.plc_not_first .pi .authi li em{ float:right; font-style: normal; }	

.plc_not_first .pi .message img ,
.plc_not_first .pi .img_one img { margin: 0px 4px 0px 0; max-width: 100%; max-height: 100%; } 
/* 鍥炲笘鍐�"鍥炲"鎸夐挳 */
.plc_not_first .pi .replybtn .button { display: inline-block; width: 22px; height: 22px; background: url(../img/icon_reply_num.png) 50% 50% no-repeat; background-size: 20px 20px; }

/* 鍥炲笘鍐�"绠＄悊"寮瑰嚭鎸夐挳 */
.postlist .dialogbox { width: 90% !important; }
.postlist .dialogbox .button { width: 60px; height: 35px; color: #fff; background-color:#0ad; background-image: none; border-radius: 25px; margin: 5px; border: 0; font-size: 12px; }


		
/* 鐩稿叧甯栧瓙 */	
.vk_relate_post { border-top:1px solid #ddd;}
.vk_relate_post h2 { border-bottom:1px solid #eee; font-weight:400; font-size:16px; padding:10px; margin:0; line-height:20px;}
.vk_relate_post ul {}
.vk_relate_post ul li { border-bottom:1px solid #f2f2f2; position:relative; }
.vk_relate_post ul li:last-child { border-bottom:none;}
.vk_relate_post ul li span { display:inline-block; position:absolute; left:10px; top:11px; background:#eee; color:#555; font-size:12px; width:16px; height:16px; line-height:16px; text-align:center; border-radius:2px;}
.vk_relate_post ul li .span_1 { background:#f66; color:#fff;}
.vk_relate_post ul li .span_2 { background:#f75; color:#fff;}
.vk_relate_post ul li .span_3 { background:#5ad; color:#fff;}
.vk_relate_post ul li a { display:block; padding:8px 10px 8px 32px; font-size:14px; color: #158; }



/* 璇勮鏍囬 */
.vk_reply_title_div { background:#fff; border-top:1px solid #dedede;}
.vk_reply_title_div .vk_reply_title { display:block; height:40px; line-height:40px; background:#fafafa; padding:0 10px;}
.vk_reply_title_div .vk_reply_title span { float:left; font-size:16px; color: #333; }
.vk_reply_title_div .vk_reply_title span i {font-size:14px; color: #999; }
.vk_reply_title_div .vk_reply_title a { float:right; font-size:14px; color: #999;}

.vk_reply_title_div .vk_reply_tip { color:#999; font-size:14px; padding:25px 0; text-align:center; }
.vk_reply_title_div .vk_reply_tip a { color:#999; }
.vk_reply_title_div .vk_reply_tip p { font-size:16px;}


.postalbum_h_back { width: 40px; height: 40px; }





/* 绛惧悕 */
.sign { overflow: hidden; margin: 20px 0 10px 0; padding-top: 20px; line-height: 24px; background: url(../img/sigline.png) no-repeat 0 0; background-size: 500px 8px; color: #999; }




/* 搴曢儴鍥哄畾鍥炲笘 */
/*甯栧瓙搴曢儴*/
.vk_fastpost_bottom { position:fixed; bottom:0; width: 100% ; height: 48px; background:#fafafa; border-top:1px solid #eee; z-index: 10; }
.vk_fastpost_bottom ul li { float:right; height:48px; line-height:48px; padding-top: 8px;}
.vk_fastpost_bottom ul li a { display:block; position:relative; }

.vk_fastpost_bottom ul li a.share_btn { width: 40px; }
.vk_fastpost_bottom ul li a.favbtn { width: 35px; padding-left: 5px; }
.vk_fastpost_bottom ul li a.favorite  { width: 56px; }
.vk_fastpost_bottom ul li a.vk_reply_btn{ width: 56px; }
.vk_fastpost_bottom ul li a.curr i { display: block; width: 30px; height: 30px; background: url(../img/icon_like_on.png) 50% 50% no-repeat; background-size: 22px 22px; margin-right: 10px;  }

.vk_fastpost_bottom ul li span { color:#333;}
.vk_fastpost_bottom ul li a span.num { position: absolute; left: 30px; top:5px; width: auto; height: 14px; line-height: 14px; padding:0 5px; background: #f56; border-radius:16px; border: 1px solid #fff; color: #fff; font-size: 10px;white-space: nowrap;}

.vk_fastpost_bottom ul .fastpost_btn { height: 48px; margin:0 8px; float: none; overflow: hidden;}
.vk_fastpost_bottom ul .fastpost_btn a {display: block; width: auto; height: 28px; line-height: 28px; font-size: 14px; font-weight:400; padding: 0 5px; background:#fff; border:1px solid #eee; border-radius: 20px; overflow: hidden;}
.vk_fastpost_bottom ul .fastpost_btn a i { font-size:12px; margin-right:5px; }
.vk_fastpost_bottom ul .fastpost_btn em { color:#999; padding-left: 10px;}





/* 鍙戝笘鎸夐挳寮瑰嚭妯″潡 */
.vk_fastpost_bottom_pop { width: 100%; display: none; /*position: relative; height: auto; */ position: fixed; top: 0px; left: 0px; z-index: 100; box-shadow: 0px -10px 10px rgba(0,0,0,0.2); background: #fff; overflow: hidden;}
.vk_fastpost_bottom_down { display: block; float: right; margin-right: 20px; background-color: #f2f2f2; border-radius: 16px; height: 32px; width: 100px; text-align: center; font-size: 14px; color: #333; line-height: 32px; font-weight: 400; border: none; }



/* 骞�/鍛婂浘鐗� */
.icon_post_footer_pop_a_d { max-height: 250px; padding: 10px; border-bottom: 1px solid #eee; overflow: hidden;}
.icon_post_footer_pop_a_d a { display: block; position: relative; overflow: hidden; }
.icon_post_footer_pop_a_d span { position:absolute; z-index:101; bottom:5px; right:5px; border-radius:3px; border:1px solid #fff; padding:3px; display:inline-block; font-size:12px; color:#fff; line-height:12px; }
.icon_post_footer_pop_a_d img { width: 100%; vertical-align: top; overflow: hidden; }

/* 鍥炬爣 */
.icon_post_footer_pop_li { padding: 10px 10px 0px 10px; overflow: hidden;}
.icon_post_footer_pop_li li { width: 25%; margin-bottom: 8px; float: left; text-align: center;}

.icon_post_footer_pop_li a { display: block; max-width: 70px; margin: 0px auto; padding: 3px 0; -webkit-tap-highlight-color: rgba(0,0,0,0.05); tap-highlight-color: rgba(0,0,0,0.05);}
.icon_post_footer_pop_li a img { visibility: visible; width: 50px; height: 50px; border-radius: 100%;}
.icon_post_footer_pop_li a span { display: block; }
.icon_post_footer_pop_li a.icon_pop_1 { color:#7b2; }
.icon_post_footer_pop_li a.icon_pop_2 { color:#f60; }
.icon_post_footer_pop_li a.icon_pop_5 { color:#333; }
.icon_post_footer_pop_li a.icon_pop_6 { color:#02c; }
.icon_post_footer_pop_li a.icon_pop_7 { color:#f00; }
.icon_post_footer_pop_li a.icon_pop_8 { color:#0a5; }

/* "mask" 浣滀负class绫� 鏄嚜宸辫缃殑銆備綔涓篿d鏄郴缁熼粯璁よ皟鐢ㄧ殑 */
.mask { display: none; position: fixed; width: 100%; height: 100%; bottom: 0; background: rgba(0,0,0,0.5); z-index:10; }
/* 淇敼閫忔槑搴� */
#mask { opacity:0.5 !important; }







/* "鍒嗕韩"寮瑰嚭妯″潡 */
.bdsharebuttonbox { display: none; position: fixed; bottom: 0px; overflow: hidden; width: 100%; z-index: 100; background: #f8f8f8; }
.sharelist { overflow: hidden; padding-top: 10px; padding-bottom: 10px; }
.sharelist dt { float: left; width: 19.5%; text-align: center; padding-top: 5px; padding-bottom: 5px; }
.sharelist dt a { display: inline-block; float: none !important; height: 50px !important; width: 50px; margin: 0px !important; padding: 0px !important; background-color: #fff !important; border-radius: 100%; font-size: 12px !important;}

.sharelist dt a.icon_share_wechat { background: url(../img/icon_share_wechat.png) 50% 50% no-repeat; background-size: 22px 22px; }
.sharelist dt a.icon_share_qq { background: url(../img/icon_share_qq.png) 50% 50% no-repeat; background-size: 22px 22px; }
.sharelist dt a.icon_share_qzone { background: url(../img/icon_share_qzone.png) 50% 50% no-repeat; background-size: 22px 22px; }
.sharelist dt a.icon_share_tqq { background: url(../img/icon_share_tqq.png) 50% 50% no-repeat; background-size: 22px 22px; }
.sharelist dt a.icon_share_sina { background: url(../img/icon_share_sina.png) 50% 50% no-repeat; background-size: 22px 22px; }
.sharelist dt a.icon_share_copy { background: url(../img/icon_share_copy.png) 50% 50% no-repeat; background-size: 22px 22px; }
.sharelist dt a.icon_share_more { background: url(../img/icon_share_more.png) 50% 50% no-repeat; background-size: 22px 22px; }
.bdshare_popup_box { display:none !important;}

.piclist li { float: left; width: 50%; }
.piclist li a { display: block; margin: 5px; border-radius: 2px; overflow: hidden; }
.piclist li a img { width: 100%; vertical-align: middle; }

/* "鍒嗕韩"閬僵銆佸叧闂浘鏍� */
.pop_mask_share { display: none; position: fixed; width: 100%; height: 100%; bottom: 0; background: rgba(0,0,0,0.5); z-index:10; }
.vk_fastpost_bottom_down_share { display: block; float: right; margin-right: 20px; background-color: #f2f2f2; border-radius: 16px; height: 32px; width: 100px; text-align: center; font-size: 14px; color: #333; line-height: 32px; font-weight: 400; border: none; }







/* tip 鐧诲綍鎻愮ず寮瑰嚭妗� */
/*
.dialogbox { height: 100px !important; }
*/

/*
.tip  { width: 280px; height: 100px ; background:#fff; border-radius: 3px; font-size: 14px; }
.tip p { text-align:center;}
.tip dt { height: 28px; padding: 15px;}

.tip dd { border-radius: 0 0 2px 2px; border-top: 1px solid #eee; text-align:center; overflow:hidden;}
*/
.tip dd .button2 { width: 50px; height: 32px; color: #fff; background-color:#0ad; background-image: none; border-radius: 2px; margin: 5px 0; border: 0; font-size: 12px; }


/* 鍘� 鍏ㄩ儴鐗堟湰寮瑰嚭鐗堬紝浣嗕笉鏄剧ず瀛愮増鍧� - 寮冪敤 */
/*
.vk_pop_post_sub { position: relative; padding: 10px; background: #fff;}
.vk_pop_post_sub ul { overflow: hidden; }
.vk_pop_post_sub ul li { float: left; width: 33.33%; overflow: hidden; }
.vk_pop_post_sub ul li a { display: block; margin: 10px; background: #f5f5f5; height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #333; border-radius: 3px; }
*/


/* 鏍囬瀵艰埅 */
.vk_pop_post_nv { padding:0px 10px 5px 10px; background: #ddd; }
.vk_pop_post_nv div { height: 30px; overflow: hidden;}
.vk_pop_post_nv a { font-size:12px; font-weight:normal; color:#555;}
.vk_pop_post_nv em { font-size: 16px; padding: 0 8px; color: #999;}



/* 鍒嗗尯銆佺増鍧椼€佸瓙鐗堝潡 妯″潡 */
.vk_forumlist_pbl_div { width:98%; padding:0 1%; }
.vk_forumlist_pbl_div .pbnv { display: block; line-height:30px; }
.vk_forumlist_pbl_div .pbnv a { color: #0ad; }

.vk_forumlist_pbl { width: 100%; margin: 10px 0 20px 0; background: #fff; border:1px solid #ddd; border-left: none; border-radius: 2px; overflow: hidden; }
.vk_forumlist_pbl li { float: left; width: 30%; height: 300px; padding: 5px 1.5%; border-left: 1px solid #ddd; overflow-x: hidden; overflow-y: scroll; }
.vk_forumlist_pbl li p { height:36px; line-height:36px; }
.vk_forumlist_pbl li a { display: block; white-space: nowrap; padding: 0 4px; text-decoration: none; border-width: 1px 0; font-size:14px; color:#333; text-overflow: ellipsis; overflow: hidden; }
.vk_forumlist_pbl li .pbls a { background: #ddd; background: #0ad; color: #fff; border-radius: 2px; }

.vk_forumlist_pbl_div .pbut { width: 90%; margin: 0 5% 50px 5%; }
.vk_forumlist_pbl_div .pn  { width: 100%; height: 40px; background:#9c7; padding: 3px 28px; border: none; line-height: 32px; color:#333; border-radius: 5px; }
.vk_forumlist_pbl_div .pnc { width: 100%; height: 40px; background:#7b2; padding: 3px 28px; border: none; line-height: 32px; color:#fff; border-radius: 5px; }




/* 閫氱敤鎸夐挳 */
.vk_btn .pnc { float: none; display: block; box-sizing: border-box; width: 90%; margin: 10px auto; height: 40px; background:#7b2; padding: 3px 28px; border: none; line-height: 32px; color:#fff; text-align: center; border-radius: 5px; }
/* 鍏朵粬閰嶈壊 */
.vk_btn_pay .pnc { background:#f60; }

/* 甯栧瓙鍞环璐拱 */
.message .locked .viewpay { float: none; display: block; box-sizing: border-box; width: 90%; margin: 10px auto; height: 40px; background:#f60; padding: 3px 28px; border: none; line-height: 32px; color:#fff; text-align: center; border-radius: 5px; }

.vk_thread_pay { }
.vk_thread_pay .list { width: 90%; margin: auto; }
.vk_thread_pay .flb { color: #f60; font-size: 16px; line-height: 40px; text-align: center; }
.vk_thread_pay th { color: #333; font-size: 14px; line-height: 30px; text-align: left; }
.vk_thread_pay td ,
.vk_thread_pay td a { color: #999; font-size: 14px; line-height: 30px; text-align: left; }


/* 鍙戝笘绫诲瀷 */
.vk_post_nv_sub { max-width: 100%; background-color: #fff; position: relative; overflow-y: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch; margin-bottom: 10px; }
.vk_post_nv_sub ul { height: 40px; white-space: nowrap;  }
.vk_post_nv_sub ul li { display: inline-block; height: 40px; line-height: 40px; overflow: hidden; text-align: center; position: relative; }
.vk_post_nv_sub ul li a { display: block; width: 100%; height: 100%; font-size: 15px; padding: 0 12px; color: #666; -webkit-box-sizing: border-box; box-sizing: border-box; }
.vk_post_nv_sub ul li.a a { color: #7b2; } 
.vk_post_nv_sub ul li.a a::after { width: 100%; height: 2px; background: #7b2; position: absolute; bottom: 3px; left: 0; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: translate3d(0,150%,0); transform: translate3d(0,150%,0); }




/* 鍐呭鍖鸿窛绂� */
.p_l_r_10  { padding: 0 10px;}
.exfm { padding: 0 10px;}
.p_t_b_10 { padding: 10px 0; }


.vk_post_content { float: left; width: 100%; padding: 5px 10px; line-height: 26px; background: #f5f5f5; font-size: 14px; color: #999; }


/* 琛ㄦ儏 */
.vk_post_qq { display: block; width: 100%; padding: 12px; background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 14px; }
#Smohan_FaceBox { height: auto; position: relative; }
.face { display: block; width: 24px;height: 24px; background: url(../img/icon_qq.png) no-repeat; background-size: 24px 24px; float: left; }
.vk_post_fast .vk_post_submit .face { display: block; width: 20px;height: 20px; background: url(../img/icon_qq.png) no-repeat; background-size: 24px 24px; float: left; margin: 4px 8px 5px 0; background-size: 100% !important; }
.vk_pm_reply_div .face { display: block; width: 24px;height: 24px; background: url(../img/icon_qq.png) no-repeat; background-size: 24px 24px; float: left; margin: 4px 12px 5px 0; background-size: 100% !important; }
/* 琛ㄦ儏寮瑰嚭妗� */
#SmohanFaceBox { display:block; width:100%; z-index:9999; }
#SmohanFaceBox .Content { display: block; width: 100%; padding: 5px; background: #fff; z-index:99; }
#SmohanFaceBox .Content ul { width: 100%; }
#SmohanFaceBox .Content ul li { float:left; width: 12.5%; }
#SmohanFaceBox .Content ul li a { display: block; padding: 5px; }
#SmohanFaceBox .Content ul li img { width: 30px; }


.vk_post_new { border-bottom:1px solid #eee; overflow: hidden; position: relative; background: #fff; }
.vk_post_new .plc { padding: 10px; overflow: hidden; position: relative; }
.vk_post_new .plc .pi  { padding: 0px; }
.vk_post_new .pi .authi { position: relative; padding-left: 30px; }

.vk_post_new .plc .avatar { position: absolute; float: left; margin-right: 10px; width: 32px; height: 32px; left: 10px; display: block; overflow: hidden; }
.vk_post_new .plc .avatar img { width: 32px !important; height: 32px !important; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 10px; }

.vk_post_new .plc .pi b a { font-size: 12px; line-height: 14px; color: #158; font-weight: 400; }
.vk_m_main .vk_post_new .plc .pi em { float: right; padding: 0 4px; color: #f55; margin-left: 3px; font-size: 14px; line-height: 20px; }

.vk_post_new .plc .message { padding-top: 10px; font-size: 16px; overflow: hidden; line-height: 26px; }
.vk_post_new .message .jammer { font-size:10px; color:#eee; }
.vk_post_new .message img,.plc .pi .img_one img { max-width:100%; }
.vk_post_new .message .quote{ padding:10px 10px 7px 11px; margin:5px 0; background: #f5f5f5; font-size:12px; }
.vk_post_new .img_one img { width: 100%; }

.vk_post_fast { background: #f2f2f2; }

.vk_post_fast .vk_post_text { margin:0 10px 0 0px; border-radius: 3px; border: 1px solid #eee; }
.vk_post_fast .vk_post_text .vk_post_text_t { width: 100%; padding: 5px; min-height: 60px; line-height: 24px; border: none; resize: none; font-size: 15px; vertical-align: middle; margin-top: 10px; }


.vk_post_fast .vk_post_submit { height: 32px; padding: 15px 10px; margin: 0px; background: #fff; }
.vk_post_fast .vk_post_submit .post_fast { /*width: 50%;*/ float: right; text-align: center; overflow: hidden; border-radius: 3px; color: #fff; }
.vk_post_fast .vk_post_submit .vk_post_submit_btn { display: block; float: right; /*margin-bottom: 10px;*/ background-color: #7b2; border-radius: 16px; height: 32px; width: 100px; text-align: center; font-size: 14px; color: #fff; line-height: 32px; font-weight: 400; border: none; }
.vk_post_icon_photo { float: left; height: 32px; width: 32px; margin-top: 5px; margin-left: 5px; background: url(../img/icon_photo.png) no-repeat; }


.vk_post_pi .vk_post_text { margin:0 20px 0 10px; }
.vk_post_pi .vk_post_submit {/* margin: 15px 10px; */}



/* 娣诲姞鍥剧墖 */
.vk_post { background: #f5f5f5; position: relative;  overflow-x:hidden; }
.vk_post .vk_post_list { margin-top: 10px; background: #fff; }

.vk_post .vk_post_list .vk_post_list_title { position: relative; width: 100%; padding: 10px 12px; overflow: hidden; font-size: 14px; border-top: 1px solid #eee; -webkit-align-items: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box;  }
.vk_post .vk_post_list .vk_post_list_title input { display: block; width: 100%; height: 24px; color: #666; font-size: 16px; -webkit-appearance: none; -moz-appearance: none;  -ms-appearance: none; border: none; outline: 0;  }


.vk_post .vk_post_list .vk_post_list_type { position: relative; width: 100%; padding: 10px 12px; overflow: hidden; font-size: 14px; border-top: 1px solid #eee; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -ms-flex: 1; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box;  }
.vk_post .vk_post_list .vk_post_list_type .sort_sel { display: block; width: 100%; height: 24px; color: #999; font-size: 16px; -webkit-appearance: none; -moz-appearance: none;  -ms-appearance: none; border: none; outline: 0;  }

.vk_post .vk_post_list .vk_post_list_type input { display: block; width: 100%; height: 24px; color: #666; font-size: 16px; -webkit-appearance: none; -moz-appearance: none;  -ms-appearance: none; border: none; outline: 0;  }

.vk_post .vk_post_list .vk_post_list_type input.pc { display: block; width: 16px; height: 16px; color: #666; font-size: 16px; -webkit-appearance: checkbox ; -moz-appearance: checkbox;  -ms-appearance: checkbox; border: none; outline: 0; margin: 0 5px -2px 0;  }

.vk_post .vk_post_list .vk_post_list_text { position: relative; width: 100%; overflow: hidden; border-top: 1px solid eee; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -ms-flex: 1; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.vk_post .vk_post_list .vk_post_list_text textarea{ border: 0; resize: none; width:100%; background: none; padding: 5px 10px; font-size: 16px; line-height: 26px; }
.vk_post .vk_post_list .post_lei::after { content: ""; border-bottom: 1px solid #999; border-right: 1px solid #999; width: 9px; height: 9px; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 20px; top: 16px; }

.vk_post .vk_post_list .vk_icon_post_img {  }
.vk_icon_post_img_list { position: relative; padding: 10px 0; overflow: hidden; }
.vk_icon_post_img_list li { float: left; margin: 10px 0 0 12px; width: 60px; height: auto; min-height: 60px; position: relative; }
.vk_icon_post_img_list li .vk_icon_post_img_a { display: block; width: 60px; height: 60px; background-color: #fff; border: 1px solid #e5e5e5; position: relative; }
.vk_icon_post_img_list li .vk_icon_post_img_a:before { content: "+"; position: absolute; vertical-align: middle; top: 50%; left: 50%; overflow: hidden; text-align: center; font-size: 60px; font-weight: 100; line-height: 100%; color: #e5e5e5; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); margin-top: -5px; }
.vk_icon_post_img_list li .vk_icon_post_img_a input { display: block; position: absolute; width: 100%; height: 100%; opacity: 0; }
.vk_icon_post_img_list li .del { position: absolute; left: -7px; top: -7px; }
.vk_post .vk_post_list .sec_code { padding: 20px 12px; }



/* 鈥滃彂琛ㄢ€� 鎸夐挳灞炴€� */
/* 鍙戝笘椤甸潰鐨� 鈥滃彂琛ㄢ€濇寜閽� */
.btn_pn { display: block; width: 95%; margin: 10px auto;/* margin-bottom: 60px;*/ height: 44px; line-height: 44px; border-radius: 3px; text-decoration: none; cursor: pointer; text-align: center; background-color: #7b2; border: 0; color: #fff; font-size: 16px; }
/* 鍙戞秷鎭〉闈㈢殑 鈥滃彂琛ㄢ€濇寜閽� */
.btn_pn_pm { display: block; margin: 0 auto; width: 44px; height: 30px; line-height: 30px; border-radius: 3px; text-decoration: none; cursor: pointer; text-align: center; border: 0; color: #fff; font-size: 14px; }

.btn_pn_grey { background: #9c7; color:#fff;}
.btn_pn_blue { background: #7b2; color:#fff; }

.post_msg_from li, .post_from li { line-height: 26px; padding: 0px; }

.post_msg_from .px,.post_from .px { background:none; padding:0; font-size:14px; color: #555; }
.post_msg_from textarea,.post_from textarea{ border:0; width:100%; background:none; padding:5px 0; font-size:16px;}
.post_from .sort_sel { background:none; width:100%; border: 0;font-size:16px; color:graytext; margin-left:-2px; }

/* 鏁板瓧妗� */
.post_from .px { width:60px; }
.sec_code { color:#999; }
.sec_code .px { color:#999; }


.pmbox { background: #fff;}

.vk_icon_edit_pm a { display: block; width: 30px; height: 30px; background: url(../img/icon_edit_pm.png) 50% 50% no-repeat; background-size: 24px 24px;  overflow: hidden; line-height: 2000px; }

.dialog_white .dialog_b , .dialog_green .dialog_b  { height: 16px;}

.post_msg_from { background: #fff; padding: 10px;}

.post_msg_from .px { padding: 5px 5px;  border: 1px solid #eee;}

.post_msg_from textarea { width:100%; margin-top: 10px; padding: 10px 5px; border: 1px solid #eee; -webkit-box-sizing: border-box; box-sizing: border-box; }


.vk_post .vk_post_list_sort { position: relative; width: 100%; overflow: hidden; }

.vk_post_activity ul li { position: relative; width: 100%; padding: 10px 12px; overflow: hidden; font-size: 14px; border-top: 1px solid #eee; -webkit-box-sizing: border-box; box-sizing: border-box;  }

.vk_li_odd { background-color: #f9f9f9; }
.sorttip { color: #ccc; }

.vk_post_list_sort .vk_post_expire_li { position: relative; white-space: nowrap;width: 100%; padding: 10px 12px; overflow: hidden; font-size: 14px; border-top: 1px solid #eee; }

.vk_post_list_sort th { position: relative; padding: 10px 12px; overflow: hidden; font-size: 14px; }
.vk_post_list_sort td { position: relative; padding: 0 0 0 12px; overflow: hidden; font-size: 14px; line-height: 40px; }

.vk_post_list_sort .vk_post_expire_li_title { float: left; padding-right: 10px; line-height: 26px; color: #999; }
.vk_post_list_sort .vk_post_expire_li_ct { color: #333; overflow: hidden; text-overflow: ellipsis; /*white-space: nowrap;*/ }

.vk_post_li_select { width: 100%; }
.vk_post_li_select input { width: 100%;  }
.vk_post_li_select select { width: 100%; white-space: normal; }

.vk_post_list_sort .vk_post_expire_li_ct input ,
.vk_post_list_sort .vk_post_expire_li_ct label input { width: auto; background-color: #fff; height: 24px; line-height: 24px; }

.vk_post_list_sort .vk_post_expire_li_ct select { border: 1px solid #eee; }

.vk_post_list_sort .vk_post_expire_li_ct select ,
.vk_post_list_sort .vk_post_li_ct_1 .vk_post_expire_li_ct .vk_post_optional_ct li { float: left; width: 50%; margin: 5px 0; }

.vk_post_topic_img_title { position: relative; overflow: hidden; }
.vk_post_topic_img_title a { position: relative; display: block; width: 90px; height: 28px; }
.vk_post_topic_img_title a em { display: block; text-align: center; padding: 0 8px; font-size: 12px; line-height: 28px; background-color: #7b2; color: #fff; border-radius: 2px; }

/*
.vk_post_topic_img_ct { display: block; float: left; width: 100%; height: 100%; }
.vk_post_topic_img_ct a { display: block; width: 100%; height: 100%; padding: 12px 0 0 20px; }
.vk_post_topic_img_ct a img { display: block; width: 100%; height: 100%; }
.vk_post_topic_img_title input { display: block; position: absolute; width: 100%; height: 100%; opacity: 0; }
*/

.vk_post_list_sort .vk_post_li_r::after { content: ""; position: absolute; right: 20px; top: 18px; border-right: 1px solid #aaa; border-top: 1px solid #aaa; width: 9px; height: 9px;  -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.vk_post_list_sort .vk_post_expire_li_ct textarea { width: 95%; margin: 10px 0; padding: 0; background: #fff; border: 1px solid #eee; min-height: 40px; line-height: 20px; vertical-align: middle; color: #555; font-size: 14px; }





/* 鍒嗙被淇℃伅鏄剧ず - 甯栧瓙鍐呭椤碉細鏄剧ず榛樿鐨勬牱寮忋€傚浜庡甫妯℃澘鏍峰紡鐨勫垎绫讳俊鎭紝鍒欒嚜鍔ㄦ寜鐓у搴旂殑璐村唴妯℃澘鏍峰紡鏄剧ず */
.vk_sort_view_div { display:block; background:#fff; margin-bottom:10px; border: 1px solid #eee; border-bottom:none; font-size:12px; }
.vk_sort_view_div .caption { padding:5px; border-bottom: 1px solid #eee; }
.vk_sort_view { overflow: hidden; }
.vk_sort_view dl { position:relative; display:block; padding:5px 10px; border-bottom: 1px solid #eee; min-height:24px; line-height: 24px; }
.vk_sort_view dt { position:absolute; width:80px; color:#999; }
.vk_sort_view dd { margin-left:80px; }
.vk_sort_view h3 { background:#f2f2f2; padding:5px; border-top: 1px solid #eee; font-weight: 600; text-align:center; }
.vk_sort_view dd img { max-width:100%; }


.vk_sort_li { position: relative; float: left; width: 25%; height: 40px; line-height: 40px; color: #999; text-align: center; box-sizing: border-box; }
/* 绫诲瀷鏍囬 */
.vk_sort_li_title, .vk_sort_li_title i { font-size: 14px; }
.on .vk_sort_li_title { color: #f60; }

/* 绫诲瀷鏍囬 鍐呴儴鍒嗙被 寮瑰嚭鏄剧ず*/
.on #vk_sort_li_content { display: block !important; }
#vk_sort_li_content { position: absolute; left: 0; width: auto; max-width: 200px; height: auto; max-height: 400px; overflow-y: visible; z-index:9999; text-align:center; }
#vk_sort_li_content p { min-width: 80px; border-bottom: 1px solid #eee; padding: 5px 0; }
#vk_sort_li_content p a { color: #555; font-size: 14px; }
#vk_sort_li_content p.a a { color: #f60; }

/* 绫诲瀷鏍囬 鍐呴儴鍒嗙被 瀛楁(浜岀骇瀛楁)鍚嶇О/鍊� */
.vk_sort_li_name ,
.subtsm { float: left; max-height: 300px; overflow-x: hidden; overflow-y: scroll; background: #f2f2f2; box-shadow: 0 0 5px 5px rgba(0,0,0,0.1); }

/* 鏂囧瓧妫€绱� */
.vk_sort_fontsearch { width: 100%; height: 40px; background: #fff; border-bottom: 1px solid #f2f2f2; z-index: 99; }

/* 鎼滅储妗嗚〃鍗曟绱� */
#vk_sort_formsearch { width: 100%; position: fixed; top: 40px; z-index: 99; overflow: hidden; display: none; }


/* 鍒嗙被淇℃伅 - 鍒楄〃椤电敤鍒扮殑鍥炬爣 */
.vk_class_list_4 ul li a .vk_class_cover i.vk_class_play_icon{ display:block; width:50px; height:50px; position:absolute; left:50%; top:50%; margin-left:-25px; margin-top:-25px; background:url(../img/play_icon.png) 0 0 no-repeat; background-size:50px 50px;}

.vk_class_list_4 .vk_class_info .vk_class_part { background:url(../img/play_time.png) 0 50% no-repeat; background-size: 12px 12px; text-indent: 15px; }
.vk_class_list_4 .vk_class_info .vk_class_number { float: right; background:url(../img/play_num.png) 0 50% no-repeat; background-size: 12px 12px; text-indent: 15px; }


/* 鍒嗙被淇℃伅 - 鍐呭椤电敤鍒扮殑鍥炬爣 */
/* 鍒嗙被淇℃伅锛氣€滆绋嬧€濆垎绫� 鐢ㄥ埌鐨勫浘鏍� */
.icon-play { height:70px; width:70px; background:url(../img/play_cover.png) 0px 0px no-repeat; float:left; margin:-80px 0 0 50px; background-size: 70px 70px; }

.vk_class_cover:hover .icon-play {  background:url(../img/play_cover_hover.png) 0px 0px no-repeat; }

.vk_class_buy_consult { float:left; display: inline-block; width: 128px; height: 40px;  font-size: 18px; color: #fff !important; text-align:center; text-indent: 20px; line-height: 40px; border-radius:2px;  background:#0bb url(../img/consult.png) 20% 50% no-repeat;  transition: ease 0.2s; }

.vk_class_content ul li a span { height:50px; width:32px; background:url(../img/play.png) 0 62% no-repeat; float:left; }
.vk_class_content ul li a:hover span, .vk_class_content ul li.vk_on a span {background:url(../img/play_hover.png) 0 62% no-repeat; }






/* 鎶曠エ */
.vk_post_poll { color: #999; }
.vk_post_poll .vk_poll_tip h2 { padding:10px; border-bottom:1px solid #eee; }
.vk_post_poll .vk_poll_tip .vk_checkbox em { margin-right:0; top:3px;}
.vk_post_poll .vk_poll_ct ul li { display:block; position:relative; padding:10px 40px; border-bottom:1px solid #eee; }
.vk_post_poll .vk_poll_ct ul li a { display:block; width:24px; height:24px; line-height:24px;}
.vk_post_poll .vk_poll_ct ul li i { font-size:24px; color:#999;}
.vk_post_poll .vk_poll_ct ul input { width:100%; padding:5px 0; text-indent:5px;}
.vk_post_poll .vk_poll_ct ul li.display_pic { padding-right:80px; height:30px; background:url(../img/icon_down.png) 86% 50% no-repeat; background-size: 24px 24px;}
.vk_post_poll .vk_poll_ct ul li .delete { position: absolute; left:5px; text-align:center; width:30px; height:30px; background:url(../img/icon_delete.png) 50% 50% no-repeat; background-size: 22px 22px;}
.vk_post_poll .vk_poll_ct ul li .displaypoll { position:absolute; right:44px; top:12px;}
.vk_post_poll .vk_poll_ct ul li .upidpoll { position:absolute; right:10px; top:12px; z-index:5; background: url(../img/icon_upload.png) 50% 50% no-repeat; background-size: 26px 26px; }
.vk_post_poll .vk_poll_ct ul li .vk_file_key {position:absolute; right:10px; top:10px; display:block; width:24px; height:24px; font-size:0; z-index:6; background:none; border:none; opacity: 0; }
.vk_post_poll .vk_poll_ct ul .newuppic { background:#f2f2f2; text-align:center; }
.vk_post_poll .vk_poll_ct ul .newuppic img { width:auto; max-width:100%; margin:0 auto; display:block !important;}
.vk_post_poll .vk_poll_ct .pxs { position:absolute; left:5px; max-width:30px; text-indent:0;}
.vk_post_poll .add_poll { padding:10px; text-align:center; }
.vk_post_poll .add_poll a { color:#0ad; }
.vk_post_poll .sadd p { padding:10px; border-top:1px solid #eee;}
.vk_post_poll .sadd .vk_checkbox em { top:3px; }
.vk_post_poll #pollm_c_2 { padding:10px;}
.vk_post_poll #pollm_c_2 textarea { width:100%;}




/* 鎮祻 */
.vk_post .vk_post_reward { padding: 12px 10px; background: #f5f5f5; border-top: 1px solid #eee; }
.vk_post .vk_post_reward .vk_post_reward_li { position: relative; line-height: 26px; padding: 10px; border-top: 1px solid #eee; background: #fff; font-size: 14px; overflow: hidden; }
.vk_post .vk_post_reward_li_title { float: left; color: #999; }
.vk_post .vk_post_reward_li_ct { margin: 0 0 0 70px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vk_post .vk_post_reward_li_ct input { float: left; width: 100px; height: 26px; line-height: 26px; padding-left: 15px; background: #fff; outline: none; border: none; color: #f55; font-size: 14px; border-bottom: 1px solid #eee; }

.vk_post .vk_post_reward_li span { float: left; padding-left: 12px; color: #999; font-weight: 400; }
.vk_post .vk_post_reward_li span strong { color: #f55; font-weight: 400; }

.vk_post_reward .vk_post_reward_box { padding: 12px; background: #fff; border-bottom: 1px solid #eee; font-size: 14px; overflow: hidden; }
.vk_post_reward .vk_post_reward_div { margin: 5px 0; padding: 12px; background: #f2f2f2; border-radius: 3px; color: #f55; text-align: center; overflow: hidden; }
.vk_post_reward .vk_post_reward_box .vk_post_reward_message { padding-top: 8px; line-height: 26px; color: #999; font-size: 14px; }




/* 娲诲姩銆佽京璁� */
.vk_post .vk_post_activity { position: relative; width: 100%; overflow: hidden; }

.vk_post_activity ul li { position: relative; width: 100%; padding: 10px 12px; overflow: hidden; font-size: 14px; border-top: 1px solid #eee; -webkit-box-sizing: border-box; box-sizing: border-box;  }

.vk_post_li_select { width: 100%; }

.vk_post_activity .vk_post_li_ct_ct input { width: 100%; padding: 0; background: #fff; outline: none; border: none; height: 26px; line-height: 26px; color: #555; font-size: 14px; }

.vk_post_activity .vk_post_li_ct_ct label input { width: auto; }

.vk_post_activity .vk_post_li_ct_ct select { width: 100%; padding: 0; background: #fff; outline: none; border: none; height: 26px; line-height: 26px; color: #555; font-size: 14px; -webkit-appearance: none; -moz-appearance: none; }

.vk_post_topic_img_title { position: relative; overflow: hidden; }
.vk_post_topic_img_title a { position: relative; display: block;/* margin-left: 20px; */ margin-bottom: 10px; width: 90px; height: 28px; }
.vk_post_topic_img_title a em { display: block; text-align: center; padding: 0 8px; font-size: 12px; line-height: 28px; background-color: #7b2; color: #fff; border-radius: 2px; }

.vk_post_topic_img_ct { display: block; /*float: left;*/ margin-bottom: 10px; width: 95%; height: 100%; }
.vk_post_topic_img_ct a { display: block; width: 100%; height: 100%; padding: 12px 0 0 0px; }
.vk_post_topic_img_ct a img { display: block; width: 100%; height: 100%; }
.vk_post_topic_img_title input { display: block; position: absolute; width: 100%; height: 100%; opacity: 0; }

.vk_post_activity .vk_post_li_ct_1 { padding: 0; }
.vk_post_activity .vk_post_act_r .vk_post_li_ct_ct { padding-right: 60px; }
.vk_post_activity .vk_post_li_ct_title { float: left; padding-right: 10px; line-height: 26px; color: #999; }
.vk_post_activity .vk_post_li_ct_1 .vk_post_li_ct_title { width: 100%; padding: 5px 10px; background: #f5f5f5; border-bottom: 1px solid #eee; color: #999; font-size: 14px;-webkit-box-sizing: border-box; box-sizing: border-box; }
.vk_post_activity .vk_post_li_ct_ct { color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vk_post_activity .vk_post_li_ct_1 .vk_post_li_ct_ct { width: 100%; padding: 10px 15px; }
.vk_post_activity .vk_post_optional_ct li { float: left; width: 50%; border: none; padding: 0px; }

.vk_post_activity .vk_post_time_scope { position: relative; width: 100%; overflow: hidden; font-size: 14px; }
.vk_post_activity .vk_post_time { position: relative; width: 100%; overflow: hidden; font-size: 14px; }
.vk_post_activity .vk_post_time_r_1::after { content: ""; position: absolute; right: 10px; top: 18px; border-right: 1px solid #aaa; border-top: 1px solid #aaa; width: 10px; height: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.vk_post_activity .vk_post_time_r_2::after { content: ""; position: absolute; right: 10px; top: 67px; border-right: 1px solid #aaa; border-top: 1px solid #aaa; width: 10px; height: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.vk_post_activity .vk_post_time_name { float: left; padding-right: 10px; line-height: 26px; color: #999; font-size: 14px; }
.vk_post_activity .vk_post_time_r_2 { border-top: 1px solid #eee; }
.vk_post_activity .vk_post_li_ct_1 .vk_post_time_scope { width: 100%; padding: 0 12px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-box-sizing: border-box; box-sizing: border-box;}
.vk_post_activity .vk_post_time_scope input { width: 100%; padding: 0; background: #fff; outline: none; border: none; height: 26px; line-height: 26px; color: #555; font-size: 14px; }
.vk_post_activity .vk_post_time_forum { color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.vk_post_activity .vk_post_li_ct_ct textarea { width: 100%; padding: 0; background: #fff; border: none; min-height: 40px; line-height: 20px; vertical-align: middle; color: #555; font-size: 14px; }




/* 鍟嗗搧 */
.vk_post_trade { color: #999; }
.vk_post_trade .info { color:#f00; padding:5px 10px; background:#f8f8f8; font-size:12px;}
.vk_post_trade button { width:100px; height:30px; padding:2px 15px; background:#7b2; border:none; border-radius:2px; color: #fff; font-size:12px; }
.vk_post_trade th , .vk_post_trade td { padding:10px 0; border-top:1px solid #eee; font-size:14px;}
.vk_post_trade td { padding-right:10px;}
.vk_post_trade td select { padding:2px;}
.vk_post_trade th { width:80px; padding-left:10px;}
.vk_post_trade .px { width:100px; padding: 5px; }
.vk_post_trade .oinf { width:100%;}
.vk_post_trade .oinf2 { width:80%;}
.vk_post_trade td .smmb input { margin-bottom:5px !important; }
.vk_post_trade td .smmb em { display:block; }
.vk_post_trade .vk_img_up_btn .vk_img_up_input { position:absolute; left:90px; width:100px; height:30px; font-size:0; opacity:0; }
.vk_post_trade .vk_img_up img { max-width:100%; margin-bottom:10px;}


/* 澶村儚 宸︿晶鏄剧ず鏍峰紡 */
.vk_user_avatar { text-align: left; height: 80px; background: #fff;  border-bottom: 1px solid #eee; margin-top: 0px; padding: 10px 0 0 20px; }
.vk_user_avatar .avatar_m { float: left; display: inline-block;width: 20%;  }
.vk_user_avatar .avatar_m img {  max-width: 60px; max-height: 60px; border-radius: 100%; background: rgba(255,255,255,0.8); padding: 2px; box-shadow: none; }

.vk_user_avatar .name_sign { float: left; display: inline-block; width: 80%;}

.vk_user_avatar .name { color: #333; font-size: 18px; font-weight: 500; padding: 2px 0 0 0;}
.vk_user_avatar p { height: 26px; line-height: 26px; color: #999; font-size: 12px; overflow: hidden; padding: 5px 10px 0 0; white-space:nowrap; text-overflow:ellipsis; }


/* 5鍒楁牱寮� */
.user_info_num { position: relative; background: #fff; height: 70px; line-height: 40px; text-align: center; margin-bottom: 10px;  padding: 8px 10px 0px 10px; box-sizing: border-box; }
.user_info_num ul {}

.user_info_num li { position: relative; float: left; display: inline-block; width: 19.5%; height: 50px; line-height: 50px; color: #999; font-size: 12px; text-align: center; border-right: 1px solid #f2f2f2; border-width: thin; overflow: hidden; }
.user_info_num li:nth-child(5) { border-right:none; }

.user_info_num li a { height: 50px; padding: 5px 0 3px 0; display: inline-block; }
.user_info_num li span {display: block; height: 20px; line-height: 20px; font-size: 14px; font-weight:400; color: #999; margin-bottom: 5px; overflow: hidden; }
.user_info_num li p { height: 20px; line-height: 20px; color: #555; overflow: hidden;}


.user_info_list { position: relative; width: 100%; height: auto;  margin: 0 auto; background-color: #fff;  margin-bottom: 10px;  }
.user_info_list li { position: relative; float: left;  display: inline-block; width: 24.7%; height: 80px; line-height: 145px; color: #555; font-size: 12px; text-align: center; overflow: hidden; margin: 15px 0;  }
.user_info_list li:nth-child(4) {margin-right: 0px; }
.user_info_list li a { display: inline-block; width: 100%; height: 100%; font-size: 14px; font-weight: normal; text-shadow: none; color: #555; }


.user_info_fav { background: url(../img/user_info_fav.png) no-repeat 50% 14%; background-size: 50px 50px; }
.user_info_thread { background: url(../img/user_info_thread.png) no-repeat 50% 14%; background-size: 50px 50px; }
.user_info_msg { background: url(../img/user_info_msg.png) no-repeat 50% 14%; background-size: 50px 50px; }
.user_info_profile { background: url(../img/user_info_profile.png) no-repeat 50% 14%; background-size: 50px 50px; }


.space_profile_box { margin:0 0 30px 0;}
.space_profile { margin-top:10px; padding:10px 25px; background:#fff; }
.space_profile h2 { color: #555;  font-size:16px; margin-bottom:10px;}
.space_profile li { display: block; border-top:solid #eee 1px; border-width: thin; height:38px; line-height:38px; font-size:14px; color: #888; text-align:right; }
.space_profile li em { float:left; color: #888; }
.space_profile_box .btn_exit { padding:15px 10px;}
.space_profile_box .btn_exit a { background: #e66 ; border-radius:5px; height:41px; line-height:41px; display:block;  overflow:hidden; margin:0 auto; color:#fff; font-size:18px;  text-align:center; }	





/* 娑堟伅 椤甸潰 */
.pmbox li { height: auto; }
.pmbox li .num { background: #35A3E6; color: #fff; float: right; font-size: 12px; height: 16px; line-height: 16px; padding: 0 10px; border-radius: 10px; }
.pmbox li .time { font-size: 10px; }

/* 澶村儚 */
.pmbox li .avatar_img img { border: none; padding: 0px; border-radius: 50%; }


.tip { background-color: #f2f2f2 !important; background-image: none !important; }


/* "鎴戠殑鏀惰棌" 鈥滄垜鐨勫笘瀛愨€濈瓑椤甸潰 */
.threadlist { background: #fff; padding:0; }
/*
.threadlist li { border-bottom: 1px solid #eee; padding: 0 20px 0 0; }
*/
/*
.threadlist li a { width: 85%; height: 40px; line-height: 40px; color: #555; font-size: 14px; overflow: hidden; padding: 0px 0px 0px 15px; }
*/
.threadlist li .num { position: absolute; right: 15px; background: url(../img/icon_reply.png) 20% 50% no-repeat; background-size:12px 12px;}


/* 鐧诲綍銆佹敞鍐� 椤甸潰 */
.loginbox { background: #fff; padding: 10px 20px; padding-bottom:30px; }
.login_from { background: none; border: none; }
.login_from li { border: none; padding: 0px;}

.login_from input, .login_select, .vk_login_fl , .vk_login_dw , .vk_login_pj{ width: 100%; height: 42px; line-height: 42px; margin-top: 15px; text-indent: 40px; /*background: #f8f8f8;*/ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #eee;  font-size: 14px; color: #333;  -o-transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -ms-transition: all .2s; }

/* 鍏朵粬瀛楁 */
li.vk_input_others { border-bottom: 1px solid #eee; line-height: 40px; }
li.vk_input_others:last-child { border-bottom:none; }
.vk_input_others input { margin-top: 0px; margin-bottom: 15px; text-indent: 5px; }
.vk_input_others select { margin-left: 10px; }

.login_from input.vk_login_name { background: url(../img/vk_login_name.png) no-repeat 2% 50%; background-size: 20px 20px;}
.login_from input.vk_login_password { background: url(../img/vk_login_password.png) no-repeat 2% 50%; background-size: 20px 20px;}
.login_from input.vk_login_answer { background: url(../img/vk_login_answer.png) no-repeat 4% 50%; background-size: 22px 22px;}
.login_from input.vk_login_email { background: url(../img/vk_login_email.png) no-repeat 2% 50%; background-size: 20px 20px;}
.login_from .login_select { color: #999; background: url(../img/vk_login_select.png) no-repeat 2% 50%; background-size: 20px 20px; }

.vk_login_fl { display: block; position: relative;}
.vk_login_fl .login-btn-inner { display: block; font-size: 14px; font-weight:700; min-width: 0.75em; overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap; }
.vk_login_fl select { position: absolute; top: 0; width: 100%; z-index: 2; cursor: pointer; height: 3em; left: 0; max-height: 100%; min-height: 100%; opacity: 0.0001;}
.vk_login_fl .icon-arrow { background: url(./images/icon_arrow.png) no-repeat 15px 17px; width:30px; height:30px; float:right; }

.vk_login_dw { display: block; position: relative;}
.vk_login_dw .login-btn-inner { display: block; font-size: 14px; font-weight:700; min-width: 0.75em; overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap; }
.vk_login_dw select { position: absolute; top: 0; width: 100%; z-index: 2; cursor: pointer; height: 3em; left: 0; max-height: 100%; min-height: 100%; opacity: 0.0001;}
.vk_login_dw .icon-arrow { background: url(./images/icon_arrow.png) no-repeat 15px 17px; width:30px; height:30px; float:right; }

.vk_login_pj { display: block; position: relative;}
.vk_login_pj .login-btn-inner { display: block; font-size: 14px; font-weight:700; min-width: 0.75em; overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap; }
.vk_login_pj select { position: absolute; top: 0; width: 100%; z-index: 2; cursor: pointer; height: 3em; left: 0; max-height: 100%; min-height: 100%; opacity: 0.0001;}
.vk_login_pj .icon-arrow { background: url(./images/icon_arrow.png) no-repeat 15px 17px; width:30px; height:30px; float:right; }

	
.login_from .vk_login_dw { color: #999; background: url(../img/vk_icon_dingwei.png) no-repeat 2% 50%; background-size: 22px 22px;}
.login_from .vk_login_fl { color: #999; background: url(../img/vk_icon_leibie.png) no-repeat 2% 50%; background-size: 22px 22px;}
.login_from .vk_login_pj { color: #999; background: url(../img/vk_icon_pingjia.png) no-repeat 2% 50%; background-size: 22px 22px;}



.vk_login { display:block; width:100%;}
.vk_login .btn_login{ width:100%; display:block; color:#fff; text-align:center; border-radius:2px;background: #0ad;}

.vk_login2 { display:block; width:100%;}
.vk_login2 .btn_login2{ width:100%; display:block; color:#fff; text-align:center; border-radius:2px;background: #f66;}

.vk_login_reg button { cursor: pointer; font-weight: 400; height: 42px; margin-top: 20px; padding: 0;  -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 0px;  box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1); font-size: 14px; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.1); -o-transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -ms-transition: all .2s; }


.vk_login_reg button:hover, .vk_login_reg button:active { background: #1ad;  }
.vk_login_reg2 button:hover, .vk_login_reg2 button:active { background: #f88;  }

.login_from .vk_login_fl .icon-arrow { padding-right: 0px; background: url(../img/vk_arrow_right.png) 100% 100% no-repeat ; background-size: 16px 16px;}
.login_from .vk_login_dw .icon-arrow { padding-right: 0px; background: url(../img/vk_arrow_right.png) 100% 100% no-repeat ; background-size: 16px 16px;}
.login_from .vk_login_pj .icon-arrow { padding-right: 0px; background: url(../img/vk_arrow_right.png) 100% 100% no-repeat ; background-size: 16px 16px;}


.login_from .login_select .icon-arrow { padding-right: 0px; background: url(../img/vk_arrow_right.png) 100% 100
% no-repeat ; background-size: 16px 16px;}
.vk_login .reg_link a { padding-right: 0px; background: url(../img/vk_arrow_right.png) 100% 50% no-repeat ; background-size: 16px 16px;  width:99.5%; display:block; height:36px; line-height:36px; color:#999; text-align:center; margin-top:10px; font-size:14px;}

.vk_login_others { margin:20px 10px;}
.vk_login_others .login_title { position: relative; -webkit-box-align: center; box-align: center; display: -webkit-box; display: box; }
.vk_login_others .login_title .line_title{ font-size:12px; color:#aaa; margin: 0 10px}
.vk_login_others .login_title .line_left ,
.vk_login_others .login_title .line_right{ position: relative; height: 1px; background: #ddd; -webkit-box-flex: 1; box-flex: 1; }

.vk_login_others .login_icon { text-align:center; padding-top:20px;}
.vk_login_others .login_icon a { display:inline-block; width:50px; height:50px; line-height:50px; margin-right:12px; border-radius:50%; }
.vk_login_others .login_icon a.login_qq { background: url(../img/vk_login_qq.png) 100% 100% no-repeat ; background-size:50px 50px;}
.vk_login_others .login_icon a.login_weixin { background: url(../img/vk_login_weixin.png) 100% 100% no-repeat ; background-size:50px 50px;}
.vk_login_others .login_icon a.login_weibo { background: url(../img/vk_login_weibo.png) 100% 100% no-repeat ; background-size:50px 50px;}
.vk_login_others .login_icon a.login_taobao { background: url(../img/vk_login_taobao.png) 100% 100% no-repeat ; background-size:50px 50px;}
.vk_login_others .login_icon a.login_phone { background: url(../img/vk_login_phone.png) 100% 100% no-repeat ; background-size:50px 50px;}


/* 鎼滅储妗� */
.search { padding: 10px; }
.search table { background: #fff; border: 1px solid #eee; border-radius: 5px; }
.search .input { width: 100%; height: 30px; text-indent: 7px; margin-top: 0px; border:none ; }
.vk_search_btn_inner { width: 50px; height: 38px; color: #fff; background: url(../img/icon_search_inner.png) 96% 50%  no-repeat; background-size: 30px 30px; margin:0px; border: 0; font-size: 12px; }

/* 鐑悳瀛楁 - 榛樿 瀛椾綋 */
#scbar_hot_search { margin: 0 auto; width: auto; margin-top: 10px; height: auto; overflow: hidden; }
#scbar_hot_search strong { padding: 5px 15px 5px 5px; display: inline-block; line-height: 25px; color:#111; font-size: 16px; }
#scbar_hot_search a { padding: 5px; display: inline-block; line-height: 25px; color:#f60; font-size: 14px; }


.vk_find {}

/* 骞�/鍛婁綅 */
.vk_find .vk_find_a_d { width: 100%; overflow: hidden; }
.vk_find .vk_find_a_d a { display: block; position: relative; overflow: hidden; }
.vk_find .vk_find_a_d span { position:absolute; bottom:5px; right:5px; border-radius:3px; border:1px solid #fff; padding:3px; display:inline-block; font-size:12px; color:#fff; line-height:12px; }
.vk_find .vk_find_a_d img { width: 100%; vertical-align: top; overflow: hidden; }

/* 鍥炬爣 icon */
.vk_find .vk_find_icon_div { background: #fff; }
.vk_find .vk_find_icon_div .vk_find_title { padding: 0 20px; font-size: 16px; line-height: 50px; color: #555; background: #f8f8f8; border-left: 2px solid #f55; border-bottom: 1px solid #f2f2f2; border-top: 1px solid #f2f2f2; }
.vk_find .vk_find_icon_div .vk_find_icon { display: block; width: 100%; background: #fff; overflow: hidden; }

.vk_find .vk_find_icon_div a { float: left; width: 25%; padding: 12px 10px; border-right: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; text-align: center; font-size: 14px; color: #555; -webkit-box-sizing: border-box; box-sizing: border-box; }

.vk_find .vk_find_icon_div a::before { content:""; display: block; width: 50px; height: 50px; clear: both; margin: 0 auto; margin-bottom: 7px; background-size: 100% !important; }
.vk_find .icon_find_1::before { background: url(../img/find/1.png) top center no-repeat;}
.vk_find .icon_find_2::before { background: url(../img/find/2.png) top center no-repeat;}
.vk_find .icon_find_3::before { background: url(../img/find/3.png) top center no-repeat;}
.vk_find .icon_find_4::before { background: url(../img/find/4.png) top center no-repeat;}
.vk_find .icon_find_5::before { background: url(../img/find/5.png) top center no-repeat;}
.vk_find .icon_find_6::before { background: url(../img/find/6.png) top center no-repeat;}
.vk_find .icon_find_7::before { background: url(../img/find/7.png) top center no-repeat;}
.vk_find .icon_find_8::before { background: url(../img/find/8.png) top center no-repeat;}
.vk_find .icon_find_9::before { background: url(../img/find/9.png) top center no-repeat;}
.vk_find .icon_find_10::before { background: url(../img/find/10.png) top center no-repeat;}
.vk_find .icon_find_11::before { background: url(../img/find/11.png) top center no-repeat;}
.vk_find .icon_find_12::before { background: url(../img/find/12.png) top center no-repeat;}
.vk_find .icon_find_13::before { background: url(../img/find/13.png) top center no-repeat;}
.vk_find .icon_find_14::before { background: url(../img/find/14.png) top center no-repeat;}
.vk_find .icon_find_15::before { background: url(../img/find/15.png) top center no-repeat;}
.vk_find .icon_find_16::before { background: url(../img/find/16.png) top center no-repeat;}


.vk_group {}

/* 澶撮儴妯″潡 - 鑳屾櫙鍥剧墖銆佺兢缁勫浘鏍囥€侀檮鍔犱俊鎭瓑 */
.vk_group_thread_header { position:relative; background:#fff;  padding:0 0 40px 0; color: #fff; text-align: center; overflow:hidden; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);}
.vk_group_thread_header .vk_group_bg_cover { position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background:rgba(0,0,0,0.3);}
.vk_group_thread_header .group_icon { width: 100%; height: 48px; margin: 20px auto; position: relative; z-index:2; }
.vk_group_thread_header .group_icon img {  z-index:10; border-radius:50%;}

.vk_group_thread_header .nav {width: 100%; height: 35px; padding: 5px 10px 0px 0px; border: none; background:rgba(0,0,0,0.3); position: relative; z-index:2;}

/* 楂樺害杈冮珮銆佸ぇ鍥捐儗鏅牱寮� */
.vk_group_thread_header h2 { height: 30px; line-height: 30px; color:#fff; font-size:18px; font-weight:500; position: relative; z-index:2;}
.vk_group_thread_header p { height: 30px; line-height: 30px; color:#fff; font-size:12px; margin-top:5px; position: relative; z-index:2}
.vk_group_thread_header p span{ color:#fff; margin:0 5px;}
.vk_group_thread_header .new , .vk_group_thread_header .new p , .vk_group_thread_header .new p span { color:#fff; font-size:12px;}
.vk_group .tb { display:block; background:#fff; border-bottom:1px solid #eee; height:36px;}
.vk_group .tb li { width:33.33%; float:left;}
.vk_group .tb_mod li{ width:50%;}
.vk_group .tb li a { display:block; height:36px; line-height:36px; color:#666; font-size:14px; text-align:center;}
.vk_group .tb li.a a { color:#f55; border-bottom:1px solid #f55;}


.vk_group_thread_header a.join { background:rgba(0,0,0,0.3); color:#fff; font-size:12px; border-radius:20px; padding:5px 10px; position: relative; z-index:2}
.vk_group_thread_header a.join_on { background:rgba(0,0,0,0.3); color:#fff; font-size:12px; border-radius:20px; padding:5px 10px; position: relative; z-index:2}


/* 璁ㄨ鍖哄笘瀛愬垪琛� */
.vk_group_threadlist_div {}
.vk_group_threadlist {}
.vk_group_threadlist li { position:relative; padding:12px 10px; border-bottom:1px solid #eee; background:#fff;}
.vk_group_threadlist li a { display:block;position:relative;}
.vk_group_threadlist li .tit { position:relative; margin-bottom:8px; color: #111; font-size:18px; font-weight:400; line-height:28px;}
.vk_group_threadlist li .list_summary { color: #666; font-size:14px; line-height:24px;}

.vk_group_threadlist li .auth { margin-top:10px; line-height:20px;}
.vk_group_threadlist li .auth img { float:left; width:20px; height:20px;margin-right:5px; border-radius:50%;}
.vk_group_threadlist li .auth span{ float:left; color:#999; font-size:12px;}
.vk_group_threadlist li .auth .vk_threadtype em { font-size:0; }
.vk_group_threadlist li .auth .vk_threadtype em a { display:inline;color:#0ad; font-size:12px; }
.vk_group_threadlist li .auth em { float:right; margin-left:10px; color: #ccc; font-size:12px; text-align: right; }
.vk_group_threadlist li .auth em i , .vk_group_threadlist li .auth span i { margin-right:2px; font-size:12px;}
.vk_group_threadlist li .info { margin-top:5px; text-align:right;}
.vk_group_threadlist li .info span { margin-left:10px; color: #ccc; font-size:10px;}
.vk_group_threadlist li .info span i { margin-right:2px;}

.vk_group_threadlist li .list_pic {}
.vk_group_threadlist li .list_thumb { float:left; width:32.2%; margin-bottom:4px; margin-right:1%; border-radius:2px; overflow:hidden; }
.vk_group_threadlist li .listpic_1 .list_thumb { width:100%; max-height:250px; margin-right:0; margin-bottom:0; overflow:hidden;}
.vk_group_threadlist li .listpic_2 .list_thumb { width:49%; max-height:120px; margin-right:1%; margin-bottom:0; overflow:hidden; }
.vk_group_threadlist li .listpic_1 .list_thumb img , .vk_group_threadlist li .listpic_2 .list_thumb img { width:100%; border-radius:2px; }
.vk_group_threadlist li .list_thumb img { float:left; width:100%; border-radius:2px; }
.vk_group_threadlist li .listpic_4 .list_thumb_4 , .vk_group_threadlist li .listpic_5 .list_thumb_4 , .vk_group_threadlist li .listpic_5 .list_thumb_5 ,
.vk_group_threadlist li .listpic_7 .list_thumb_7 , .vk_group_threadlist li .listpic_8 .list_thumb_7 , .vk_group_threadlist li .listpic_8 .list_thumb_8 { display:none;}

.vk_group_threadlist .vk_thread_type { position:relative; top:-1px; padding:4px; background:#f55; white-space:nowrap; color:#fff; font-size:12px; font-weight:100; border-radius:2px;}
.vk_group_threadlist .digest { position:relative; top:-1px; padding:4px; background:#f60; white-space:nowrap; color:#fff; font-size:12px; font-weight:100; border-radius:2px; }
.vk_group_threadlist .price { margin-left: 5px; padding-left:22px; background:url(../img/icon_price.png) 0 50% no-repeat; font-weight:700; background-size:20px 20px; color:#f60;}

.vk_group_threadlist li .activity { margin-top:5px;}
.vk_group_threadlist li .activity span { display:block; width:100%; font-size:14px;}
.vk_group_threadlist li .activity span em { color:#999;}

.vk_group_threadlist .more { margin:10px auto; text-align:center;}
.vk_group_threadlist .more a { padding:5px 20px; background:#ddd; color:#333; font-size:12px; border-radius:2px;}


/* 浼氬憳鍒楄〃 */
.vk_group_member { margin:10px; padding:10px; background:#fff; border-radius:2px;}
.vk_group_member h2 { border-bottom:1px solid #eee; padding-bottom:5px; font-weight:400; color:#666;}
.vk_group_member li { float:left; text-align:center; margin:10px 10px 0 0; overflow:hidden; }
.vk_group_member li a img { width:40px; height:40px; border-radius:50%;}
.vk_group_member li p { height:24px; line-height:24px; overflow:hidden;}
.vk_group_memeber_btn { padding:0 15px;}
.vk_group_memeber_btn button { padding:2px 10px; margin-bottom:10px; font-size:12px;}

.vk_group .tbmu { display:block; background:#fff; border-bottom:1px solid #eee;}
.vk_group .tbmu a { display:block; text-align:center; float:left; height:40px; line-height:40px; color:#666; font-size:14px; width:20%;}
.vk_group .tbmu a.a { color:#f55;}



/* 绠＄悊缇ょ粍 */

/* 缇ょ粍璁剧疆 */
.vk_group_set { margin:5px 0; background: #fff;}
.vk_group_set tr { display:flex;}
.vk_group_set select { padding:2px;}
.vk_group_set table { width:100%;}
.vk_group_set th { display:block; width:100px; padding:8px 0; border-bottom:1px solid #eee; text-align:right; color:#666; font-size:14px;}
.vk_group_set td { display:block; width:100%; position:relative; padding:8px; border-bottom:1px solid #eee; font-size:14px;}
.vk_group_set td i { font-size:20px; float:left;}
.vk_group_set td img { max-width:100%;}
.vk_group_set label { padding: 5px; }
.vk_group_set .px { width:100%; line-height:normal;}
.vk_group_set .pt { width:100%; padding:0;  }
.vk_group_set .d { color:#999; font-size:12px;}
.vk_group_set .select_pic { display:block; margin-bottom:10px; color:#999; }

.vk_group_set button { display:block; width:100%; border:none; padding:10px 0; background:#7b2; text-align:center; color:#fff; }

.vk_group  button.vk_btn1 { width:100%; display:block; text-align:center; color:#fff; border:none;padding:10px 0; background:#7b2;}
.vk_group  button.vk_btn2 { width:45%; display:inline-block; text-align:center; color:#fff; border:none; padding:10px 0; background:#7b2; margin-right: 10px; border-radius: 3px; }
.vk_group  button.vk_btn4 { width:22%; display:inline-block; text-align:center; color:#fff; border:none; padding:10px 0; background:#7b2; margin-right: 5px; border-radius: 3px; }
/* 鎻愮ず鏂囧瓧 */
.emp { text-align:center; padding:40px 0; color:#999; font-size:14px;}


/* 浼氬憳瀹℃牳 */
.vk_group .vk_checkusers { margin:5px 0; padding:10px; background:#fff; }
.vk_group .vk_checkusers dl { position:relative; margin-bottom:15px; padding-left:60px;}
.vk_group .vk_checkusers dl img { position:absolute; left:0; top:0; width:50px; height:50px; border-radius: 50%;}
.vk_group .vk_checkusers dl dt .xw0 { color: #999; font-size:12px;}
.vk_group .vk_checkusers dl button{ font-size:12px; margin-top:5px;}


/* 甯栧瓙鍒嗙被 */
.vk_group .vk_threadtype { margin:5px 0; padding:10px; background:#fff; }
.vk_group .vk_threadtype .vt th , .vk_group .vk_threadtype .vt td , .vk_group .vk_threadtype .dt th , .vk_group .vk_threadtype .dt td { padding:5px 0;}
.vk_group .vk_threadtype .vt th { padding-right:10px;}
.vk_group .vk_threadtype .vt label { margin-right:10px;}
.vk_group .vk_threadtype button { margin-top:10px;}


/* 缇ょ粍杞 */
.vk_group .vk_demise { margin:5px 0; padding:10px; background:#fff; }
.vk_group .vk_demise .vk_tip { margin:5px 0; color:#0ad;}
.vk_group .vk_demise img { width:50px; height:50px; border-radius: 50%;}
.vk_group .vk_demise li { float:left; margin: 0 10px 10px 0; }
.vk_group .vk_demise button { margin-top:10px;}


.vk_group_create_tip { margin:0 0 10px 0; padding:10px; background: #fff9e1; border:1px solid #f60; border-width: thin; font-size:12px; color:#666;}

.vk_group_create { padding: 10px; font-size:14px;}
.vk_group_create tr{ display:flex;}
.vk_group_create th,.vk_group_create td{ padding-left:10px; display:block; border-bottom:1px solid #eee; height:42px; line-height:36px; font-size:14px; overflow:hidden;}
.vk_group_create th { padding:0 10px; color:#666; width:110px; background:#fff; border-right:1px solid #eee;}
.vk_group_create td { width:100%;}
.vk_group_create td .tip { display:none;}
.vk_group_create th strong { float:left;}
.vk_group_create .px { padding:0; line-height:42px; width:100%;}
.vk_group_create .pt { width:100%;} 
.vk_group_create select { width:98%;}
.vk_group_create button { padding:10px 0; margin-top:10px; font-size:14px; color:#fff; display:block; width:100%; border:none; background:#7b2;}


/* 鎴戠鐞嗙殑缇ょ粍/鍦堝瓙 - 褰撲細鍛樺垱寤虹兢缁勯渶瑕佸鏍告椂璺宠浆鍒扮殑椤甸潰 */
.vk_group_my { padding: 0 10px;  }

.vk_group_my .vk_my_all { margin-top: 10px; height: 40px; width: 100%; overflow: hidden; text-align: center; background: #0ad; border-radius: 3px; }
.vk_group_my .vk_my_all h2 a { height: 40px; line-height: 40px; color: #fff; font-size: 16px; white-space: nowrap; overflow: hidden; }

.vk_group_my .vk_my_title { margin-top: 10px; height: 40px; width: 100%; overflow: hidden; text-align: center; background: #7b2; border-radius: 3px; }
.vk_group_my .vk_my_title h2 { height: 40px; line-height: 40px; color: #fff; font-size: 16px; white-space: nowrap; overflow: hidden; }

.vk_group_my .bm_c { background: #fff; margin: 10px 0; padding:10px;  }
.vk_group_my .bm_c li { display: inline-block;  margin: 0 10px 20px 0;  width: 45%; overflow: hidden; }
.vk_group_my .bm_c li:nth-child(2n) { margin-right: 0px; }


.vk_wp { width: 100%; background: #fff !important;  margin:0 auto; margin-top: 10px; }
.vk_wp_diy {zoom:1; clear:both; width: 100%; background: #fff !important;  margin:0 auto; margin-top: 10px; padding: 5px 10px;} 
.vk_wp_diy:after {content:''; display:block; clear:both; visibility:hidden; height:0;}


/* tab鏍峰紡 */
.vk_tab { float: left; height: auto; width: 100%; margin: 0 auto; background: #fff; }
.vk_tab .vk_tab_title { clear: both; height: 36px; width: 100%; overflow: hidden;/* background:#f8f8f8; */ background: url(../img/vk_tab_normal.png) repeat-x; background-size: 640px 36px; }
.vk_tab .vk_tab_title ul { margin: 0; padding: 0; }
.vk_tab .vk_tab_title li { float: left; height: 36px; width: 33%; list-style-type: none; line-height: 36px; text-align: center; font-size: 14px; /*border-top:1px solid #fff;*/ }
.vk_tab .vk_tab_title .normal { height: 36px; background: url(../img/vk_tab_normal.png) repeat-x; background-size: 640px 36px; }
.vk_tab .vk_tab_title .active { background: url(../img/vk_tab_active.png) repeat-x; font-weight: bold; background-size: 640px 36px; border-left: 1px solid #eee; border-right: 1px solid #eee; }
.vk_tab .vk_tab_content { width: auto; background: #fff; margin: 0 auto; padding: 5px; }
.none { display: none; }



/* icon 鐢熸椿鏈嶅姟 蹇嵎鍥炬爣 4鍒楁牱寮� */
/*
.vk_icon_list { }
*/



/* 棣栭〉 甯栧瓙鐐瑰嚮鍔犺浇 */
.vk_load_list { display: none; }

.vk_load_more { width: 100%; padding: 10px 0 15px; text-align: center; }
.vk_load_more a { display: inline-block; width: 150px; height: 35px; line-height: 35px; text-decoration: none; font-size: 14px; color: #0bb;  background: #fff; border:1px solid #0bb; border-radius:20px; }


/* 澶存潯 */
/* [鏈潵绉戞妧_鎵嬫満]JS鏂囩珷/甯栧瓙鏍囬婊氬姩鏄剧ず */
.vk_diy_news_top { width: 100%; height: 36px; line-height: 30px; padding: 5px 0; overflow: hidden; }
.vk_diy_news_top .diy_left_icon { float: left; display: inline-block; width: 80px; height: 30px; margin:0 5px 0 10px; background: url(../img/vk_diy_news_top.png) 2% 50% no-repeat; background-size: 80px 30px; }
.vk_diy_news_top .diy_right_div { display: flex;}

.roll_div { width: 100%; margin:0px; }
.roll_div ul li { position:relative; height:30px; line-height:30px; color:#19f; font-size: 14px; font-weight:400; overflow: hidden; }
.roll_div ul li a { display: inline-block; width: 80%; overflow: hidden; color:#19f; }

#rollBox { width: auto; height:30px; line-height:30px; position:relative; overflow:hidden; list-style:none; }
#rollBox span { position:absolute; width: 15%; right:0px; float:right; color:#999; font-size:12px; }


/* 鐑偣鎺ㄨ崘 */
/* [鏈潵绉戞妧_鎵嬫満]甯栧瓙鏍囬鍒楄〃-棣栦釜宸︽爣棰樺彸鍥剧墖 */
.vk_li_pic_1 { position: relative; padding:10px; }
.vk_li_pic_1 span.icon_hot { display: block; width: 50px; height: 50px; position: absolute; top: -5px; left: 0px; background: url(../img/icon_hot.png) no-repeat 0 0; background-size: 50px 50px; }

.vk_li_pic_1 ul li img { overflow:hidden; margin:0px 3px 0px 0px; padding:0px; width:100% ; border-radius: 3px; }

.vk_li_pic_1 ul li { border-bottom: 1px solid #eee; border-width: thin; }
.vk_li_pic_1 ul li:last-child { border-bottom:none;}


/* 閫氱敤 鏂囩珷鍥炬枃鍒楄〃 - 宸︽爣棰樺彸鍥剧墖 */
/* [鏈潵绉戞妧_鎵嬫満]鏂囩珷鍥炬枃鍒楄〃-宸︽爣棰樺彸鍥剧墖 */
.vk_li_pic { position: relative; padding:0 10px; }
.vk_li_pic ul li { width: 100%; clear: both; height: 80px; padding: 15px 0; border-bottom: 1px solid #eee; border-width: thin; }
.vk_li_pic ul li:first-child { padding-top: 0px;}
.vk_li_pic ul li:last-child { border-bottom:none;}

.vk_li_pic .vk_li_pic_left { display: inline-block; float: left; width: 65%; overflow: hidden; }
.vk_li_pic .vk_li_pic_left img { width: 22px; height: 22px; border-radius: 50%; }

.vk_li_pic .vk_li_pic_title { height:50px; margin-bottom: 10px; overflow: hidden; }
.vk_li_pic .vk_li_pic_title a { height:24px; line-height:24px; color:#111; font-size:16px; }
.vk_li_pic ul li span { margin-right:10px; float:left; color:#aaa; font-size:12px; }
.vk_li_pic ul li i { margin-right:10px; float:right; color:#aaa; font-size:12px; }

.vk_li_pic .vk_li_pic_right { display: inline-block; float: right; width: 34%; height: 90px; overflow: hidden; }
.vk_li_pic .vk_li_pic_right img { overflow:hidden; padding:0px; width:100% ; border-radius: 3px; }

.vk_diy_title {  height: 40px; overflow: hidden; padding: 0 15px; margin-bottom: 5px; background: #fff; border-bottom: 1px solid #eee; border-width: thin; line-height: 40px; color: #111; font-weight: 400;}

.vk_diy_title2 {  height: 40px; overflow: hidden; padding: 0 15px; margin-bottom: 5px; background: #fff; border-bottom: 1px solid #eee; border-width: thin; line-height: 40px; color: #111; font-weight: 400;}

.vk_diy_title3 {  height: 40px; overflow: hidden; padding: 0 15px; margin-bottom: 5px; background: #fff; border-bottom: 1px solid #eee; border-width: thin; line-height: 40px; color: #111; font-weight: 400;}

.vk_diy_title h2 { display: inline-block; float: left; height:40px; line-height:40px; font-size:16px; }


.vk_diy_title2 h2 { display: inline-block; float: left; height:40px; line-height:40px; font-size:16px; }

.vk_diy_title3 h2 { display: inline-block; float: left; height:40px; line-height:40px; font-size:16px; }

.vk_diy_title h2 a { line-height:36px; font-size:16px; }

.vk_diy_title ul { display: inline-block; float: right;}
.vk_diy_title ul li { float: left; margin-left: 10px; display: inline-block; }
.vk_diy_title ul li a { display: inline-block; color: #999; text-align: center; font-size: 14px; }
.vk_diy_title ul li a:hover { color: #f60; }

.vk_diy_title .vk_title_pic { background: url(../img/vk_title_pic.png) 0% 50% no-repeat; background-size: 20px 20px; text-indent: 30px;}

.vk_diy_title2 .vk_title_pic2 { background: url(../img/icon_area.png) 0% 50% no-repeat; background-size: 20px 20px; text-indent: 30px;}

.vk_diy_title3 .vk_title_pic3 { background: url(../img/icon_fenlei.png) 0% 50% no-repeat; background-size: 20px 20px; text-indent: 30px;}

.vk_diy_title .vk_title_pic ,
.vk_diy_title .vk_title_pic a { color: #19f; }
.vk_diy_title .vk_title_portal { background: url(../img/vk_title_portal.png) 0% 50% no-repeat; background-size: 20px 20px; text-indent: 30px; }
.vk_diy_title .vk_title_portal ,
.vk_diy_title .vk_title_portal a { color: #f66; }
.vk_diy_title .vk_title_hot { background: url(../img/vk_title_hot.png) 0% 50% no-repeat; background-size: 20px 20px; text-indent: 30px; }
.vk_diy_title .vk_title_hot ,
.vk_diy_title .vk_title_hot a { color: #f66; }
.vk_diy_title .vk_title_forum { background: url(../img/vk_title_forum.png) 0% 50% no-repeat; background-size: 20px 20px; text-indent: 30px;}
.vk_diy_title .vk_title_forum ,
.vk_diy_title .vk_title_forum a { color: #1bb; }

.vk_diy_title .vk_title_car { background: url(../img/vk_title_car.png) 0% 50% no-repeat; background-size: 20px 20px; text-indent: 30px;}
.vk_diy_title .vk_title_car ,
.vk_diy_title .vk_title_car a { color: #0ad; }
.vk_diy_title .vk_title_house { background: url(../img/vk_title_house.png) 0% 50% no-repeat; background-size: 20px 20px; text-indent: 30px;}
.vk_diy_title .vk_title_house ,
.vk_diy_title .vk_title_house a { color: #0ad; }
.vk_diy_title .vk_title_baby { background: url(../img/vk_title_baby.png) 0% 50% no-repeat; background-size: 20px 20px; text-indent: 30px;}
.vk_diy_title .vk_title_baby ,
.vk_diy_title .vk_title_baby a { color: #1bb; }
.vk_diy_title .vk_title_edu { background: url(../img/vk_title_edu.png) 0% 50% no-repeat; background-size: 20px 20px; text-indent: 30px;}
.vk_diy_title .vk_title_edu ,
.vk_diy_title .vk_title_edu a { color: #0ad; }


.vk_diy_title .vk_title_rec { }
.vk_diy_title .vk_title_rec a { color: #555; }
.vk_diy_title .more_rec { padding: 2px 10px ; color: #fff; font-size: 12px; height: 20px; line-height: 20px; border-radius: 15px; background-color: #f66; }





    /* 鏍囬鏍峰紡 淇敼 - 鍐呴儴 */
    .vk_li_pic_title ,
    .vk_li_title_pic .vk_diy_title { padding: 0 0px; }


/* 鏍囬鏍峰紡 淇敼 - 鍦嗚 绾壊鑳屾櫙 */
/*
.vk_diy_title { padding: 5px 15px 5px 15px; margin: 0 0 0px 0; background: #fff; border-bottom: none; }
.vk_diy_title h2 { margin: 5px 0 0 0; padding: 0 15px ; color: #fff; font-size: 14px; height: 30px; line-height: 30px; border-radius: 20px; background-color: #f5558a;  }
.vk_diy_title h2 a { color: #fff; font-size: 14px; height: 30px; line-height: 30px; }
    .vk_li_pic_title ,
    .vk_li_title_pic .vk_diy_title { padding: 5px 0px 0px 0px; }
*/

/* 骞�/鍛婁綅  - 涓や晶鏃犺竟璺�*/
/*
.vk_wp .vk_index_a_d { width: 100%; overflow: hidden; }
.vk_wp .vk_index_a_d a { display: block; position: relative; overflow: hidden; }
.vk_wp .vk_index_a_d span { position:absolute; bottom:5px; right:5px; border-radius:3px; border:1px solid #fff; padding:3px; display:inline-block; font-size:12px; color:#fff; line-height:12px; }
.vk_wp .vk_index_a_d img { width: 100%; vertical-align: top; overflow: hidden; }
*/

/* 骞�/鍛婁綅  - 涓や晶鏈夎竟璺�*/
.vk_wp .vk_index_a_d {/* width: 100%; */ overflow: hidden; padding: 0 10px; background: #f2f2f2; }
.vk_wp .vk_index_a_d a { display: block; position: relative; overflow: hidden; }
.vk_wp .vk_index_a_d span { position:absolute; bottom:5px; right:5px; border-radius:3px; border:1px solid #fff; padding:3px; display:inline-block; font-size:12px; color:#fff; line-height:12px; }
.vk_wp .vk_index_a_d img { width: 100%; vertical-align: top; overflow: hidden; border-radius: 5px; }

.vk_diy_1-1 { width: 100%; background: #fff; padding: 10px; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.vk_diy_1-1 li { float: left; position: relative; display: inline-block; width: 43%; height: 50px; padding: 10px; margin:0 0 10px 0; border-radius: 5px; }
.vk_diy_1-1 li:nth-child(2n) { float: right ; margin-right: 0px; }
.vk_diy_1-1 h2 { color: #fff; font-size: 18px; line-height: 20px; margin-bottom: 10px; }
.vk_diy_1-1 p { display: inline; color: #fff; font-size: 10px; line-height: 20px; border: 1px solid #fff; border-radius: 10px; padding: 3px 5px; }
.vk_diy_1-1 li a { display: block;}

.vk_diy_1-1 .m1{ background:#a942b6 url(../img/head1.png) 92% 50% no-repeat;  background-size: 50px 50px; }
.vk_diy_1-1 .m2 {  background:#f91 url(../img/head2.png) 92% 50% no-repeat;  background-size: 50px 50px; }
.vk_diy_1-1 .m3 {  background:#f66 url(../img/head3.png) 92% 50% no-repeat;  background-size: 50px 50px; }
.vk_diy_1-1 .m4 {  background:#1bf url(../img/head4.png) 92% 50% no-repeat;  background-size: 50px 50px; }
.vk_diy_1-1 .m5{ background:#af8d11 url(../img/head5.png) 92% 50% no-repeat;  background-size: 50px 50px; }
.vk_diy_1-1 .m6 {  background:#f33db2 url(../img/head6.png) 92% 50% no-repeat;  background-size: 50px 50px; }


.vk_wp2 .vk_index_a_d {width: 100%; overflow: hidden; padding: 10 10px; background: #fff; }
.vk_wp2 .vk_index_a_d a { display: block; position: relative; overflow: hidden; }
.vk_wp2 .vk_index_a_d span { position:absolute; bottom:5px; right:5px; border-radius:3px; border:1px solid #fff; padding:3px; display:inline-block; font-size:12px; color:#fff; line-height:12px; }
.vk_wp2 .vk_index_a_d img { width: 100%; vertical-align: top; overflow: hidden; border-radius: 5px; }

.vk_diy_2-2 { margin-left:10px;width: 100%; background: #fff; padding: 0px; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.vk_diy_2-2 li { float: left; position: relative; display: inline-block; width: 23%; padding: 0px; margin:0 0 0 0; padding: 5px 3px;}
.vk_diy_2-2 li:nth-child(2n) { float: right ; margin-right: 0px; }
.vk_diy_2-2 li a { display: block;}


	#slide_index { height: 200px; overflow: hidden; margin-top: 0px; position: relative; }
	

	#slide_index .swiper-slide { position: relative; text-align: center; }
	#slide_index .swiper-slide a { width: 100%; height: 200px; display: block; cursor: pointer;  position: relative; float: left; overflow: hidden; outline: 0;}
	#slide_index img { max-width: 100%; display: block; }
	#slide_index h2 { text-align: left; text-indent: 10px; font-size:14px; height: 32px; line-height: 32px; color: #fff; position: absolute; left:0; bottom: 0; right: 0; font-weight: normal; background-color: rgba(0,0,0,0); background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7)); background: -webkit-gradient(linear, top, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.7))); background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7)); background: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7)); }

	#slide_index .swiper-pagination { position: absolute; z-index: 10; bottom: 5px; text-align: right !important; left: -5px /* right: 5px;*/ ; width: 100%; height: 20px; display: block; }
	#slide_index .swiper-pagination-bullet { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #fff; margin: 0 3px; opacity: 0.8; cursor: pointer; }
	#slide_index .swiper-pagination-bullet-active { background: #0ad; }



/* 鍏憡/澶存潯 */
/* [鏈潵绉戞妧_鎵嬫満]JS鏂囩珷/甯栧瓙鏍囬婊氬姩鏄剧ず */
.vk_diy_news_top { width: 100%; height: 36px; line-height: 30px; padding: 5px 0; box-sizing: border-box; overflow: hidden; }

/* 鍥涗釜瀛楃増鏈� */
/*
.vk_diy_news_top .vk_roll_title { float: left; display: inline-block; width: 80px; height: 30px; margin:0 5px 0 10px; overflow: hidden; }
.vk_diy_news_top .vk_roll_title span { float: left; min-width: 66px; height: 16px; line-height: 16px; margin: 5px 3px 0 0; padding: 2px 5px; border-radius: 2px; background: #f65; color: #fff; font-size: 12px; text-align: center; vertical-align: middle; }
*/

/* 涓や釜瀛楃増鏈� */
.vk_diy_news_top .vk_roll_title { float: left; display: inline-block; width: 40px; height: 30px; margin:0 5px 0 10px; overflow: hidden; }
.vk_diy_news_top .vk_roll_title span { float: left; min-width: 26px; height: 16px; line-height: 16px; margin: 5px 3px 0 0; padding: 2px 5px; border-radius: 2px; background: #f65; color: #fff; font-size: 12px; text-align: center; vertical-align: middle; }

.vk_diy_news_top .diy_right_div { display: flex;}

.roll_div { width: 100%; margin:0px; }
    .roll_div ul li { position:relative; height:30px; line-height:30px; color:#333 /*#19f*/; font-size: 14px; overflow: hidden; }
    .roll_div ul li a { display: inline-block; width: 70%; overflow: hidden; color:#333 /*#19f*/; font-weight:700; }

    #rollBox { width: auto; height:30px; line-height:30px; position:relative; overflow:hidden; list-style:none; }
    #rollBox span { position:absolute; width: 25%; right:0px; float:right; color:#999; font-size:12px; }


    .vk_li_3_forum_icon { padding: 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box; width:100%; overflow:hidden; }
    .vk_li_3_forum_icon li { position: relative; float:left; width: 33.33%; padding: 10px 5px 0px 5px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align:middle; text-align:center; overflow: hidden; }
    .vk_li_3_forum_icon li:nth-child(3n) {  }

    .vk_li_3_forum_icon li img { vertical-align:middle; max-width: 100%; /*max-height: 70px; */}
    .vk_li_3_forum_icon li a { position: relative; float:left; width: 100%; /*max-height: 70px; */}
    
    .vk_li_3_forum_icon li em { display:block; position:absolute; left:0px; bottom:0px; width:100% ; height:22px ; text-indent:5px; line-height:20px; font-size:12px; color:#fff; overflow:hidden;
        background-color: rgba(0,0,0,0.4); 
        background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7)); 
        background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7)); 
        background: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7));  }
    /* 鍦嗚 */
    .vk_li_3_forum_icon li a { border-radius:5px; overflow: hidden; }

/* 涓夊垪 鍗曠嫭娣诲姞 锛� 鏍囬鍦ㄥ浘鏍囦笅鏂� */
    .vk_li_3_forum_icon li p { margin:0 auto; width:100%; height:24px; line-height:30px; padding-bottom: 5px; overflow:hidden; text-align:center; }
    .vk_li_3_forum_icon li p a { color:#333; font-size:12px; }


    .vk_li_4_forum_icon { padding:0px; width:100%; overflow:hidden; }
    .vk_li_4_forum_icon li { float:left; width: 24.925%; height: 80px; margin:5px 0;  display:table-cell; vertical-align:middle; text-align:center;}
    .vk_li_4_forum_icon li:nth-child(4n) { width: 25%; margin-right: -0.5px; }

    .vk_li_4_forum_icon li img {vertical-align:middle; max-width:40px; max-height: 40px;/* border-radius:50%;*/ }
    .vk_li_4_forum_icon li p { margin:0 auto; max-width:80px; height:24px; line-height:30px; overflow:hidden; text-align:center; }
    .vk_li_4_forum_icon li p a { color:#333; font-size:12px; }
    /* 鍦嗚 */
    .vk_li_4_forum_icon li img { border-radius:100%; }


    .vk_li_5_forum_icon { padding:0px; width:100%; overflow:hidden; }
    .vk_li_5_forum_icon li { float:left; width: 19.925%; height: 80px; margin:5px 0;  display:table-cell; vertical-align:middle; text-align:center;}
    .vk_li_5_forum_icon li:nth-child(5n) { width: 20%; margin-right: -0.5px; }

    .vk_li_5_forum_icon li img {vertical-align:middle; max-width:40px; max-height: 40px;/* border-radius:50%;*/ }
    .vk_li_5_forum_icon li p { margin:0 auto; max-width:80px; height:24px; line-height:30px; overflow:hidden; text-align:center; }
    .vk_li_5_forum_icon li p a { color:#333; font-size:12px; }
    /* 鍦嗚 */
    /*
    .vk_li_5_forum_icon li img { border-radius:100%; }
    */

    .vk_li_title_time { position: relative; background: #fff; padding: 10px 15px; box-sizing: border-box; }
        .vk_li_title_time ul li { border-bottom: 1px solid #eee; border-width: thin; height:40px; line-height:40px; overflow:hidden; }
        .vk_li_title_time ul li:last-child { border-bottom:none;}
	.vk_li_title_time ul li a { border-bottom:none; display: inline-block; color: #333; font-size:14px; width: 75%; overflow: hidden;white-space:nowrap;text-overflow: ellipsis;}
	.vk_li_title_time ul li span { display: inline-block; color: #aaa; font-size:12px; float: right; width: 24%; text-align: right; }



/*
[鏈潵绉戞妧_鎵嬫満]鏂囩珷-甯栧瓙閫氱敤妯″潡-鏍囬鍒楄〃-浣滆€�
*/
    .vk_li_title_author { position: relative; background: #fff; padding: 10px 15px; box-sizing: border-box; }
        .vk_li_title_author ul li { border-bottom: 1px solid #eee; border-width: thin; height:40px; line-height:40px; overflow:hidden; }
        .vk_li_title_author ul li:last-child { border-bottom:none;}
	.vk_li_title_author ul li a { border-bottom:none; display: inline-block; color: #555; font-size:14px; width: 74%; overflow: hidden; }
	.vk_li_title_author ul li span { display: inline-block; color: #aaa; font-size:12px; float: right; width: 24%; text-align: right; }
	.vk_li_title_author ul li span a { color: #aaa; font-size:12px; }

    .left { float: left;}
    .right { float: right; }

	.vk_li_title_pic { position: relative; padding:0 15px; box-sizing: border-box; }
	.vk_li_title_pic ul li { width: 100%; clear: both; height: 80px; padding: 15px 0; border-bottom: 1px solid #eee; border-width: thin; }
	.vk_li_title_pic ul li:last-child { border-bottom:none;}

	.vk_li_title_pic .vk_li_title_pic_title { display: inline-block; /*float: left;*/ width: 68%; overflow: hidden; box-sizing: border-box; }
	.vk_li_title_pic .vk_li_title_pic_title img { width: 22px; height: 22px; border-radius: 50%; }

	.vk_li_title_pic .vk_li_title { height:50px; margin-bottom: 5px; overflow: hidden; }
	.vk_li_title_pic .vk_li_title a { height:24px; line-height:24px; color:#111; font-size:14px; }

	.vk_li_title_pic .vk_li_info a img { margin-right:10px; float:left; }
	.vk_li_title_pic .vk_li_info a span { margin-right:10px; float:left; color:#aaa; font-size:12px; }
	.vk_li_title_pic .vk_li_info span { margin-right:10px; float:left; color:#aaa; font-size:12px; }
	.vk_li_title_pic .vk_li_info i { margin-right:10px; float:right; color:#aaa; font-size:12px; }

	.vk_li_title_pic .vk_li_title_pic_pic { display: inline-block; /*float: right;*/ width: 30%; height: 70px; margin-top: 5px; border-radius: 3px; overflow: hidden; box-sizing: border-box; }
	.vk_li_title_pic .vk_li_title_pic_pic img { width: 120px; height: 120px;  /* width:100% ; min-height: 70px;*/ overflow:hidden; }

    /* 鐐瑰嚮鍔犺浇 */
	.vk_load_list { display: none; }
	.vk_load_more { width: 100%; padding: 10px 0 15px; text-align: center; }
	.vk_load_more a { display: inline-block; width: 100%; height: 35px; line-height: 35px; text-decoration: none; font-size: 14px; color: #999;  background: #fff; border:1px solid #eee; border-radius:5px; box-sizing: border-box; }


    /* 棣栭〉 甯栧瓙鐐瑰嚮鍔犺浇 */
    /* 鍏ㄥ睆鏍峰紡 */
    /*
    .vk_load_list { display: none; }
    .vk_load_more { width: 100%; padding: 10px 0 ; text-align: center; }
    .vk_load_more a { display: block; width: 95%; margin: 0 auto; height: 35px; line-height: 35px; text-decoration: none; font-size: 14px; color: #999;  background: #fff; border:1px solid #eee; border-radius:5px; -webkit-box-sizing: border-box; box-sizing: border-box; }
    */

    /* 棣栭〉 甯栧瓙鐐瑰嚮鍔犺浇 */
    /* 鎸夐挳鏍峰紡
    .vk_load_list { display: none; }
    .vk_load_more { width: 100%; padding: 10px 0; text-align: center; }
    .vk_load_more a { display: inline-block; width: 150px; height: 35px; line-height: 35px; text-decoration: none; font-size: 14px; color: #999;  background: #fff; border:1px solid #eee; border-radius:20px; }
    */


    /* 鐑 鏍囬鍓嶅簭鍙�*/
	.vk_li_title span { display:inline-block; margin-right: 5px; width: 50px; height:20px; line-height:20px; background: #9ce; color:#fff; font-size:14px; text-align: center; border-radius: 3px;}
	.vk_li_title span.color_1 { background: #f55; }
	.vk_li_title span.color_2 { background: #f92; }
	.vk_li_title span.color_3 { background: #2be; }


/* 甯栧瓙鍥炬枃鍒楄〃 閫氱敤鏍峰紡 - 涓婃爣棰橈紝涓嬪浘鐗� - 鐐瑰嚮鍔犺浇*/
    .vk_threadlist_load ul li { position: relative; height: auto; margin: 0 12px; padding: 10px 0 8px 0; background: #fff; border-top: 1px solid #eee; overflow: hidden; }
    .vk_threadlist_load ul li:first-child { border-top: 0; }

    .vk_threadlist_load .vk_title_div { position: relative; height: 25px; overflow: hidden;  }
    .vk_threadlist_load .vk_thread_title { font-size: 16px !important; color: #333; font-weight: 500; line-height: 24px; overflow: hidden; }


    /* 浣滆€呭ご鍍忋€両D銆佹椂闂淬€佹煡鐪嬨€佸洖澶嶇瓑淇℃伅 妯″潡 */
    .vk_load_list .vk_author_info { position: relative; height: 22px; padding: 5px 5px 10px 0; overflow: hidden; font-size: 10px; line-height: 16px; color: #999; font-weight: lighter;}
    .vk_load_list .vk_author_info .vk_author { display: inline-block; height: 16px; line-height: 16px; font-size: 12px; color: #333; font-weight: 400; text-indent: 5px; }
    .vk_load_list .vk_author_info .vk_time { margin-left: 10px; }

    .vk_load_list .vk_author_info .vk_avt { float: left; width: 22px; height: 22px; border-radius: 100%; }
    .vk_load_list .vk_author_info .vk_view { background: url(../img/view_num.png) 0 50% no-repeat; background-size: 10px 12px; display: inline-block; height: 16px; text-indent: 12px; float: right; margin-right: 8px; }
    .vk_load_list .vk_author_info .vk_reply { background: url(../img/reply_num.png) 0 50% no-repeat; background-size: 10px 10px; display: inline-block; height: 16px; text-indent: 12px; float: right; }


.vk_li_2_pic { display: block; padding: 0 5px; box-sizing: border-box; }
	.vk_li_2_pic li {float: left; width:47%/*50%*/; padding:0 0px; margin: 10px 5px 5px 5px; border: none; background: none; border-radius: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*box-shadow:0 0 0 1px #eee; */overflow: hidden; }

	.vk_li_2_pic li:nth-child(2n+1) { float:left;  }
	.vk_li_2_pic li:nth-child(2n) { float:right; }

	.vk_li_2_pic .vk_top_img a { display: block; width:100%; height:260px; background: #fff; overflow:hidden; }
	.vk_li_2_pic .vk_top_img img {  width: 180px; height: 260px; /* width:100% ; */ border-radius: 10px; overflow:hidden; }

	.vk_li_2_pic_title { display: block; box-sizing: border-box; }
	.vk_li_2_pic_title ul { padding: 0 5px; box-sizing: border-box; }
	.vk_li_2_pic_title li {float: left; width:47%/*50%*/; padding:0 0px; margin: 10px 5px 5px 5px; border: none; background: none; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow:0 0 0 1px #eee; overflow: hidden; }

	.vk_li_2_pic_title li:nth-child(2n+1) { float:left;  }
	.vk_li_2_pic_title li:nth-child(2n) { float:right; }

	.vk_li_2_pic_title .vk_top_img a { display: block; width:100%; height:120px; background: #fff; overflow:hidden; }
	.vk_li_2_pic_title .vk_top_img img {  width: 200px; height: 120px; /* width:100% ; */ overflow:hidden; }

	.vk_li_2_pic_title .vk_bottom_div { position: relative; width:100%; height: 70px; overflow:hidden; background: #fff;/* border:1px solid #eee; border-top: none;*/ padding:5px 10px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

	.vk_li_2_pic_title .vk_bottom_div .list_title a { display:block; width:100% ; height:60px ; line-height:30px; font-size:14px; font-weight: 500; color:#333; overflow:hidden; text-overflow: ellipsis; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    
    .vk_li_2_pic_title .vk_bottom_div .list_info { line-height:16px; }
    .vk_li_2_pic_title .vk_bottom_div .list_info span { height: 30px; line-height: 30px; color: #aaa; font-size:10px; vertical-align: bottom; }
    .vk_li_2_pic_title .vk_bottom_div .list_info i { height: 30px; line-height: 30px; color: #aaa; font-size:10px; vertical-align: bottom; float:right; }

    .vk_li_2_pic_title .vk_top_img { position: relative; float: left; }
    .vk_li_2_pic_title .vk_top_img em { display:block; position:absolute; left:0px; bottom:0px; width:100% ; height:40px ; text-indent:5px; line-height:50px; font-size:12px; color:#fff; overflow:hidden;
        background-color: rgba(0,0,0,0.4); 
        background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7)); 
        background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7)); 
        background: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7)); }

	.vk_li_2_pic_title { display: block; box-sizing: border-box; }
	.vk_li_2_pic_title ul { padding: 0 5px; box-sizing: border-box; }
	.vk_li_2_pic_title li {float: left; width:47%/*50%*/; padding:0 0px; margin: 10px 5px 5px 5px; border: none; background: none; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow:0 0 0 1px #eee; overflow: hidden; }

	.vk_li_2_pic_title li:nth-child(2n+1) { float:left;  }
	.vk_li_2_pic_title li:nth-child(2n) { float:right; }

	.vk_li_2_pic_title .vk_top_img a { display: block; width:100%; height:120px; background: #fff; overflow:hidden; }
	.vk_li_2_pic_title .vk_top_img img {  width: 200px; height: 120px; /* width:100% ; */ overflow:hidden; }
    
    .vk_li_2_pic_title .vk_top_img { position: relative; float: left; }
    .vk_li_2_pic_title .vk_top_img em { display:block; position:absolute; left:0px; bottom:0px; width:100% ; height:40px ; text-indent:5px; line-height:50px; font-size:12px; color:#fff; overflow:hidden;
        background-color: rgba(0,0,0,0.4); 
        background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7)); 
        background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7)); 
        background: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7)); }    
    
    /* 甯﹀ご鍍� */
    .vk_li_2_pic_title .vk_bottom_div_avt { position: relative; width:100%; height: 80px; overflow:hidden; background: #fff;/* border:1px solid #eee; border-top: none;*/ padding:5px 10px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    .vk_li_2_pic_title .vk_bottom_div_avt img { width: 22px; height: 22px; border-radius: 50%; }
    .vk_li_2_pic_title .vk_bottom_div_avt .list_title a { display:block; width:100% ; height:40px ; line-height:20px; font-size:13px; font-weight: 400; color:#333; overflow:hidden; text-overflow: ellipsis; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    .vk_li_2_pic_title .vk_bottom_div_avt .list_info { line-height:16px; }
    .vk_li_2_pic_title .vk_bottom_div_avt .list_info span { height: 30px; line-height: 30px; color: #aaa; font-size:10px; vertical-align: bottom; }
    .vk_li_2_pic_title .vk_bottom_div_avt .list_info i { height: 30px; line-height: 30px; color: #aaa; font-size:10px; vertical-align: bottom; float:right; }





/* 鐏拌壊鍥炬爣 - 甯哥敤 */
.vk_view { background: url(../img/view_num.png) 0 50% no-repeat; background-size: 10px 12px; display: inline-block; height: 16px; text-indent: 12px; float: right; margin-right: 8px; }
.vk_reply { background: url(../img/reply_num.png) 0 50% no-repeat; background-size: 10px 10px; display: inline-block; height: 16px; text-indent: 12px; float: right; }

/* 鐧借壊鍥炬爣 */
.vk_view_1  { background: url(../img/view_num_1.png) 0 50% no-repeat; background-size: 12px 12px; display: inline-block; /*height: 16px;*/ text-indent: 18px; float: right; padding-right: 16px; }
.vk_reply_1 { background: url(../img/reply_num_1.png) 0 50% no-repeat; background-size: 12px 12px; display: inline-block; /*height: 16px; */text-indent: 18px; float: right; padding-right: 16px; }

.vk_avt_side_sort_touch { background-color: #fff; padding: 15px 15px; }
.vk_avt_side_sort { padding:3px 0 3px 0; border-bottom:1px solid #f2f2f2; }
.vk_avt_side_sort:last-child { border-bottom:none; }

.vk_avt_side_sort_l {float: left; display:inline-block; position: relative; background: #fff; border: none; width: 50px; height: 50px; margin:6px 5px 4px 5px;}
.vk_avt_side_sort_l img { border-radius:25px; }
.vk_avt_side_sort_l span { display: block; position: absolute; right: -10px; top: -10px; width: 22px; height: 22px; line-height: 22px; text-align: center; background: #0ad; color: #fff; font-size: 12px; border: 5px solid #fff; border-radius: 15px; } 
.vk_avt_side_sort_l span.vk_avt_color_one { background:#f55;}
.vk_avt_side_sort_l span.vk_avt_color_two { background:#f60;}
.vk_avt_side_sort_l span.vk_avt_color_three { background:#7b2;}
.vk_avt_side_sort_l span.vk_avt_color_four { background:#0ad;}
.vk_avt_side_sort_l span.vk_avt_color_common { background:#9ce;}

.vk_avt_side_sort_r { float:left; margin-left: 10px; height: 50px; color:#ccc; padding-top:10px; overflow: hidden; }
.vk_avt_side_sort_r h5 {font-size: 14px; font-weight:normal; }
.vk_avt_side_sort_r a {color:#333;}
.vk_avt_side_sort_r a:hover {color: #f60; text-decoration: none;}
.vk_avt_side_sort_r span { float:left; font-size: 12px; display: inline-block; margin-right: 10px; }

.vk_avt_60_side_sort_touch { background-color: #fff; padding: 15px 15px; }
	.vk_avt_60_side_sort { padding:3px 0 3px 0; border-bottom:1px solid #f2f2f2; }
	.vk_avt_60_side_sort:last-child { border-bottom:none; }

	.vk_avt_60_side_sort_l {float: left; display:inline-block; position: relative; background: #fff; border: none; width: 60px; height: 60px; margin:6px 5px 4px 5px;}
	.vk_avt_60_side_sort_l img { border-radius:50px; max-width: 60px; max-height: 60px; }
	.vk_avt_60_side_sort_l span { display: block; position: absolute; right: -10px; top: -10px; width: 22px; height: 22px; line-height: 22px; text-align: center; background: #9ce; color: #fff; font-size: 12px; border: 5px solid #fff; border-radius: 15px; } 
	.vk_avt_60_side_sort_l span.vk_avt_60_color_1 { background:#f55;}
	.vk_avt_60_side_sort_l span.vk_avt_60_color_2 { background:#f60;}
	.vk_avt_60_side_sort_l span.vk_avt_60_color_3 { background:#7b2;}
	.vk_avt_60_side_sort_l span.vk_avt_60_color_4 { background:#0ad;}
	.vk_avt_60_side_sort_l span.vk_avt_60_color_common { background:#9ce;}

	.vk_avt_60_side_sort_r { float:left; margin-left: 15px; height: 60px; color:#ccc; padding-top:15px; overflow: hidden; }
	.vk_avt_60_side_sort_r h5 {font-size: 14px; font-weight:normal; }
	.vk_avt_60_side_sort_r a { color:#333; line-height: 26px; }
	.vk_avt_60_side_sort_r a:hover {color: #f60; text-decoration: none;}
	.vk_avt_60_side_sort_r span { float:left; font-size: 12px; line-height: 26px; display: inline-block; margin-right: 15px; }

	#slide_part { width: 100%; height: 160px; position: relative; }
	#slide_part .swiper-slide { position: relative; text-align: left; background: #fff; width: 65%; height: 160px;}
	
	#slide_part .swiper-slide a { width: 100%; height: 120px; display: block; position: relative; float: left; overflow: hidden; outline: 0;}
	#slide_part .swiper-slide img { width: 240px; height: 120px; /* max-width: 100%;*/ display: block; border-radius: 3px; overflow: hidden;}

	#slide_part h2 a { text-align: left; font-size:16px; height: 40px !important; line-height: 40px; color: #333; font-weight: 700; overflow: hidden; }
	#slide_part h2 span { display: inline-block; text-align: left; font-size:16px; height: 40px !important; line-height: 40px; color: #333; font-weight: 700; overflow: hidden; }

.vk_li_1_pic_title { display: block; padding:0 15px; }
	.vk_li_1_pic_title li {float: left; position: relative; display: block; width:100%; margin-bottom: 15px; /* margin: 3% 0 0 3%;*/ border: none; background: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*box-shadow:0 0 0 1px #eee; overflow: hidden;*/ overflow:hidden;}
	.vk_li_1_pic_title .vk_top_img a { display: block; width:100%; height:160px; background: #fff; overflow:hidden; }
	.vk_li_1_pic_title .vk_top_img img { width: 400px; height: 160px;/* width:100%; min-height: 200px;*/ vertical-align: top; overflow:hidden; }

	.vk_li_1_pic_title .vk_bottom_div { position: relative; width:100%; height: 70px; overflow:hidden; background: #fff;/* border:1px solid #eee; border-top: none;*/ padding:5px 10px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

	.vk_li_1_pic_title .vk_bottom_div img { width: 22px; height: 22px; border-radius: 50%; }
	.vk_li_1_pic_title .vk_bottom_div .list_title a { display:block; width:100% ; height:30px ; line-height:30px; font-size:14px; font-weight: 400; color:#333; overflow:hidden; text-overflow: ellipsis; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.vk_li_1_pic_title .vk_bottom_div .list_info { line-height:16px; }
	.vk_li_1_pic_title .vk_bottom_div .list_info span { height: 30px; line-height: 30px; color: #aaa; font-size:10px; vertical-align: bottom; }
	.vk_li_1_pic_title .vk_bottom_div .list_info i { height: 30px; line-height: 30px; color: #aaa; font-size:10px; vertical-align: bottom; float:right; }
	
span .d-arrow {
    float: right;
    margin: 18px 0 0 2px;
    display: block;
    width: 8px;
    height: 7px;
    background: url(//sta.ganjistatic1.com/public/image/mobile/touch/beijing/global_update.png) 0 0 no-repeat;
    background-size: 130px 125px;
    background-position: -30px -15px;
    border: none;
    position: static;
    color: #fff;
}

.flag-1 {
    color: #f46;
    padding: 1px 5px 1px 5px;
    border: 1px solid #f46;
	font-size:10px;
}

.flag-2 {
    color: #00aaf1;
    padding: 1px 5px 1px 5px;
    border: 1px solid #00aaf1;
	font-size:10px;
}

.flag-3 {
    color: #fa5608;
    padding: 1px 5px 1px 5px;
    border: 1px solid #fa5608;
	font-size:10px;
}

.b_j_1 { float: left; display: inline-block; width: 40px; height: 30px; margin:5px 5px 0px 0px; overflow: hidden; color:#fff;}
.b_j_1 span { float: left; min-width: 26px; height: 16px; line-height: 16px; margin: 5px 3px 0 0; padding: 2px 5px; border-radius: 2px; background: #f66; color: #fff; font-size: 12px; text-align: center; vertical-align: middle; }

.b_j_2 { float: left; display: inline-block; width: 40px; height: 30px; margin:5px 5px 0px 0px; overflow: hidden; color:#fff;}
.b_j_2 span { float: left; min-width: 26px; height: 16px; line-height: 16px; margin: 5px 3px 0 0; padding: 2px 5px; border-radius: 2px; background: #10bef3; color: #fff; font-size: 12px; text-align: center; vertical-align: middle; }

.b_j_3 { float: left; display: inline-block; width: 40px; height: 30px; margin:5px 5px 0px 0px; overflow: hidden; color:#fff;}
.b_j_3 span { float: left; min-width: 26px; height: 16px; line-height: 16px; margin: 5px 3px 0 0; padding: 2px 5px; border-radius: 2px; background: #e848c6; color: #fff; font-size: 12px; text-align: center; vertical-align: middle; }


.big_img{position: fixed;z-index: -1;opacity: 0;background: rgba(0,0,0,0.9);width: 100%;height: 100%;top:0;left:0;}
.big_img .swiper-container2 {position: relative;width: 100%;height: 100%;margin-top:40px;}
.big_img .swiper-container2  .swiper-wrapper{width: 100%;height: 100%;}
.big_img .swiper-slide{width: 100%;height: 100%;display: table}
.big_img .swiper-slide .cell{width: 100%;;height: 100%;display: table-cell;vertical-align: middle;text-align: center;}
.big_img .swiper-slide img{max-width:100%;max-height: 100%;margin:0 auto;}
.big_img .swiper-pagination2{position: absolute; top:0.95rem;text-align: center;width: 100%;}
.big_img .swiper-pagination2 span{margin:0 0.05rem;}