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 {
    position: fixed;
    width: 100%;
    height: 46px;
    line-height: 46px;
    z-index: 99;
    background: url(../img/vk_header.png) repeat-x;
    opacity: .96;
    filter: alpha(opacity=96);
    border: none;
    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: 44px;
}

.icon_nav {
    background-color: none;
    background: url(../img/return_tb.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: 40px;
    background-color: none;
    background: url(../img/logo.png) no-repeat 50% 40%;
    background-size: 200px 40px;
}

#icon_search {
    display: block;
    float: right;
    width: 44px;
    height: 44px;
    background-color: none;
    background: url(../img/icon_search.png) no-repeat 50% 40%;
    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-image: none;
    background-color: #fff;
    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(../img/icon_back.png) 50% 50% no-repeat;
    background-size: 30px 30px;
    margin: 0 0 0 5px;
}

.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: 40px;
}

.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 10px;
    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 10px;
    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: 17px 17px; text-indent: 22px;*/
    font-weight: normal;
    color: #333;
}

.vk_diy_title3 .vk_title_pic3 {
    /*background: url(../img/icon_fenlei.png) 0% 50% no-repeat; background-size: 16px 16px; text-indent: 22px;*/
    font-weight: normal;
    color: #333;
}

.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: auto;
    overflow: hidden;
    margin-top: 0px;
    position: relative;
}

#slide_index .swiper-slide {
    position: relative;
    text-align: center;
}

#slide_index .swiper-slide a {
    width: 100%;
    height: auto;
    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;
}

.hdc {
    margin-bottom: 0px;
}

.vk_slide {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    clear: both;
}

.vk_slide .hd {
    position: absolute;
    height: 28px;
    line-height: 28px;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.vk_slide .hd li {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    margin: 0 5px;
    overflow: hidden;
    opacity: 0.8;
}

.vk_slide .hd li.on {
    background: #0ad;
}

.vk_slide .bd {
    position: relative;
    z-index: 0;
}

.vk_slide .bd li {
    position: relative;
    text-align: center;
}

.vk_slide .bd li img {
    vertical-align: text-bottom;
    width: 100%;
    overflow: hidden;
}

.vk_slide .bd li a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*
.vk_slide .bd li .title { display:block; width:100%; position:absolute; top:132px; text-indent:10px; height:28px; line-height:28px; background:rgba(0,0,0,0.4) ; color:#fff; text-align:left; }
*/

.vk_water {
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: 2;
    width: 100%;
    height: 30px;
    background: url('/css/vk_water.svg') repeat-x;
    background-size: 200px 70px;
}

.vk_water_wide {
    position: absolute;
    left: 0;
    bottom: -5px;
    z-index: 2;
    width: 100%;
    height: 50px;
    background: url('/css/vk_water.svg') repeat-x;
    background-size: 600px 100px;
}

.vk_wp {
    zoom: 1;
    clear: both;
}

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

.vk_wp {
    width: 100%;
    background: #fff;
    margin: 0 auto;
    margin-top: 10px;
}

.vk_wp_diy {
    zoom: 1;
    clear: both;
    width: 100%;
    background: #fff;
    margin: 0 auto;
    margin-top: 10px;
    padding: 5px 10px;
}

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

.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_title_list_3 {
    position: relative;
    padding: 10px 0;
    width: 100%;
    overflow: hidden;
}

.vk_title_list_3 li {
    float: left;
    width: 32.925%;
    margin: 5px 0;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.vk_title_list_3 li:nth-child(3n) {
    width: 33%;
    margin-right: 0px;
}

.vk_title_list_3 li a {
    display: inline-block;
    width: 92%;
    color: #333;
    font-size: 12px;
}

.vk_title_list_3 li h2 {
    margin: 0 auto;
    max-width: 98%;
    height: 24px;
    line-height: 30px;
    overflow: hidden;
    text-align: center;
    color: #333;
    font-size: 14px;
}

.vk_title_list_3 li p {
    margin: 0 auto;
    max-width: 98%;
    height: 24px;
    line-height: 30px;
    overflow: hidden;
    text-align: center;
    color: #aaa;
    font-size: 12px;
}

.vk_title_list_3 li .title_1 {
    color: #6a2;
}

.vk_title_list_3 li .title_2 {
    color: #f60;
}

.vk_title_list_3 li .title_3 {
    color: #31abf7;
}

.netAddr {
    position: fixed;
    z-index: 1000000;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #ffeb3b;
    font-size: 14px;
    top: 0;
    color: red;
    padding: 0 10px;
    box-sizing: border-box;
    opacity: 0.9;
    display: flex;
    align-items: center;
    font-size: #000;
}

.netAddr span {
    position: absolute;
    top: 5px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: rgba(255, 68, 102, 0.75);
    color: #fff;
    border-radius: 30px;
    text-align: center;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.netAddr b {
    margin-left: 5px;
    background: orange;
    color: #fff;
    border-radius: 4px;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
}