/* -------------------------------------------------------------------- vk_touch.css file for Discuz! X3 Mobile touch 【未来科技】 【http://www.wekei.cn】 Author: Veiki 专注于 Discuz模板开发设计等服务。 详情请 查看 http://www.wekei.cn 或 未来科技Discuz应用中心 https://addon.dismall.com/?@2367.developer 或咨询 客服 QQ 1508085698 1595675868 Created Time: 2020-01-06 Version Time: 2020-11-20 Version Time: 2023-12-10 Version Time: 2025-06-01 添加 X3.5 属性 -------------------------------------------------------------------- */ /***************************************************************** * * 通用基本属性 * ******************************************************************/ html { overflow-x:hidden !important; overflow-y:scroll; } body { background: #f2f2f2; } /*----防止抖动---*/ body { _background-image:url(about:blank); /* for IE6 */ _background-attachment:fixed; /*必须*/ } /* common */ /* 注：cl 属性不要加 clear:both，cl只用来清除一般的浮动。 clear 加 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 ： 左侧边栏 + LOGO + 搜索图标 * ******************************************************************/ #page nav { display: none; } #page { /*position: relative; */margin: 0 0 10px 0; width: 100%; padding-top: 44px; overflow-x: hidden; overflow-y: scroll; } #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: 15%; display: inline; } .vk_header_middle { float: left; width: 70%; display: inline; } .vk_header_right { float: right; width: 14.5%; display: inline; } #icon_nav { display: block; width: 44px; height: 44px; } /* 不带头像版 */ .icon_nav { background-color: none; background: url(../img/icon_nav.png) no-repeat 50% 40%; background-size: 30px 30px; } /* 带头像版 */ .icon_nav { background-color: none; background: url(../img/icon_nav.png) no-repeat 50% 40%; background-size: 26px 26px; } #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; margin: 0 auto; background-color: none; background: url(../img/logo.png) no-repeat 50% 40%; background-size: 200px 40px; } #icon_search { display: block; width: 44px; height: 44px; background-color: none; background: url(../img/icon_search.png) no-repeat 50% 40%; background-size: 30px 30px; } /* 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; } /* 标签样式 导航 nv 一行六个 样式 */ .vk_nv_tag { position: relative; float: left; width: 100%; height: auto; clear: both; margin: 0 auto; background: #fff ; padding: 10px 0; } .vk_nv_tag li { float: left; /*width: 16.5%;*/ height: 26px; display: inline-block; margin: 5px; padding: 0 13px; border: 1px solid #eee; border-radius: 40px; text-align: center; overflow: hidden; } .vk_nv_tag li a { height: 26px; line-height: 26px; color: #333; font-size: 12px; } .vk_nv_tag li:hover { background-color: #f60; border: 1px solid #f60; color: #fff; } .vk_nv_tag li:hover a { color: #fff; } /***************************************************************** * * 页头 #header ： LOGO + 搜索框 * ******************************************************************/ /* header */ .vk_header_2_left { float: left; width: 50%; display: inline; } .vk_header_2_right { float: right; width: 49.5%; display: inline; } .vk_header_2_left #vk_logo { display: block; width: 200px; height: 40px; margin: 0 auto; background-color: none; background: url(../img/logo.png) no-repeat 50% 40%; background-size: 200px 40px; float: left; } .vk_header_2_right #icon_search { display: block; width: 44px; height: 44px; background-color: none; background: url(../img/icon_search.png) no-repeat 50% 40%; background-size: 30px 30px; } /* 不带头部导航的 页面头部样式 */ .nav { background-image: none; background-color: #fff; border-bottom: 1px solid #eee; } .vk_header_2_right .searchform { height: 30px; background: #fff; border:none; border-radius: 20px; padding: 0px ; margin:5px 0 0 0; line-height: 30px; overflow: hidden;} .vk_search_logo_right { float: right; width: 96%; margin: 0 10px 0 0; } .vk_search_logo_right .input { width: 100%; height: 30px; text-indent: 10px; margin-top: 0px; border:none ; border-radius: 20px; outline: none; } .vk_search_logo_right .vk_search_btn_inner_right { display: inline-block; width: 50px; height: 30px; color: #fff; background: url(../img/icon_search_inner.png) center center no-repeat; background-size: 30px 30px; margin:0px; border: 0; font-size: 12px; outline: none; } .vk_search_logo_right .scbar_btn_td { display: inline-block; margin: 0px; padding: 0px; } /* 搜索框 */ .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 ; outline: 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; outline: none; } /***************************************************************** * * 页尾 #footer * ******************************************************************/ /* 底部固定导航 */ #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;} /* 5列样式 */ #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;} /* 关闭“热帖”样式 */ #footer .vk_footer_li_2 li { width:33.33%; text-align:center; float:left; } /* 四列样式 */ #footer .vk_footer_li_4 li { width:25%; text-align:center; float:left; } #footer .vk_footer_a_on p { color:#0ad;} #footer li i { display:block; height: 50px; font-size:24px; line-height:26px;} .icon_home { background: url(../img/icon_home.png) no-repeat 50% 50%; background-size: 50px 50px; } .icon_home_on { background: url(../img/icon_home_on.gif) no-repeat 50% 50%; background-size: 50px 50px; } .icon_forum { background: url(../img/icon_forum.png) no-repeat 50% 50%; background-size: 50px 50px; } .icon_forum_on { background: url(../img/icon_forum_on.gif) no-repeat 50% 50%; background-size: 50px 50px; } .icon_search_footer { background: url(../img/icon_search_footer.png) no-repeat 50% 50%; background-size: 50px 50px; } .icon_search_footer .on { background: url(../img/icon_search_footer_on.gif) no-repeat 50% 50%; background-size: 50px 50px; } .icon_search_footer_on { background: url(../img/icon_search_footer_on.gif) no-repeat 50% 50%; background-size: 50px 50px; } .icon_user { background: url(../img/icon_user.png) no-repeat 50% 50%; background-size: 50px 50px; } .icon_user_on { background: url(../img/icon_user_on.gif) no-repeat 50% 50%; background-size: 50px 50px; } /* .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_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_portal { background: url(../img/icon_portal.png) no-repeat 50% 50%; background-size: 22px 22px; } .icon_portal_on { background: url(../img/icon_portal_on.png) no-repeat 50% 50%; background-size: 22px 22px; } .icon_search_footer { background: url(../img/icon_search_footer.png) no-repeat 50% 50%; background-size: 22px 22px; } .icon_search_footer .on { background: url(../img/icon_search_footer_on.png) no-repeat 50% 50%; background-size: 22px 22px; } .icon_search_footer_on { background: url(../img/icon_search_footer_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; } /***************************************************************** * * 左侧边栏导航 * ******************************************************************/ /* common */ * { 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; } /**************************************************************** * * 门户 频道页面 portal * *****************************************************************/ .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; } /* "上一页""下一页" 分页按钮 */ .pg_list .page a , .pg_forumdisplay .page a , .pg_forum .page a { border-radius: 20px;} /************************************************************************************************************* * * * 论坛/圈子（群组） 分区和板块 左右排列 tab 样式 框架 forum/discuz.php group/index.php * * （若要用tab样式：则直接去掉下方的 正常排列样式代码模块，同时 forum/discuz.php 文件修改为tab样式的） * （若要用正常排列样式：则本tab、样式代码不用删除或修改，直接在下方添加正常样式的代码模块，同时 forum/discuz.php 文件修改为正常样式的） * * **************************************************************************************************************/ /* 框架 */ /* 左侧分区 和 右侧版块样式 */ /************************************************************************************************************* * * * 论坛 分区和板块 正常排列 样式 框架 forum/discuz.php * * **************************************************************************************************************/ /* 上部广告图片 */ .vk_ad_forum_top { width: 100%; height: 80px; margin: 0 auto; display: block; } .vk_ad_forum_top a { height:100%; overflow: hidden; display: block; background: url(../img/ad/vk_ad_forum_top.jpg) center no-repeat; background-size:cover; } /* 上部的发帖数、会员数等统计模块 */ .stat { } .stat li { line-height: 22px; color: #ccc; border-right: 1px solid #f2f2f2; border-width: thin; } .stat li em { color: #999; font-size: 16px; } /* 分区 标题 图标 */ .forumlist .subforumshow { height: 40px; line-height: 40px; } .forumlist .subforumshow .o { float: right; width: 31px; } .forumlist .subforumshow .o img { float: right; cursor: pointer; padding-top: 8px; } /* 版块 名称 帖子数 */ .forumlist .subforumshow h2 { color: #333; font-size: 1.2rem; font-weight: normal; } .forumlist .sub-forum li .mtit { color: #555; font-size: 1.2rem; font-weight: 600; } .forumlist .sub-forum li .mtxt { color: #bbb; font-size: 1.0rem; font-weight: normal; } /***************************************************************** * * 帖子主题列表页 forumdisplay threadlist * ******************************************************************/ .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 15px 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_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; } .vk_threadlist .vk_thread_title { font-size: 16px !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; } /* 作者头像、ID、时间、查看、回复等信息 模块 */ .vk_author_info { position: relative; height: 16px; padding: 5px 5px 5px 0; overflow: hidden; font-size: 9px; line-height: 16px; color: #aaa; font-weight: lighter;} .vk_author_info .vk_author { display: inline-block; height: 16px; line-height: 16px; font-size: 11px; 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%; 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; } /**************************************************************** * * 帖子内容页 viewthread * *****************************************************************/ /* 常用图标 */ 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;*/ } /* 管理组 “管理”按钮 */ .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 #ddd; 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; border-bottom:1px solid #eee; 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类 是自己设置的。作为id是系统默认调用的 */ .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; } /* 附加选项 */ #post_extra_tb label { border:1px solid #ccc; padding:2px; margin-bottom: 5px; display: inline-block; } #post_extra_tb label.blue { border-bottom: 1px solid #f2f2f2; background-color: #f2f2f2; font-weight: bold; color: #f60; padding-bottom: 8px; margin-bottom: -1px; } #post_extra_c .exfm { padding: 10px; margin-right: 10px; background-color: #f2f2f2; border:1px solid #ccc; } #post_extra_c .exfm tr td { padding: 4px 0; } #post_extra_c .exfm tr td { padding: 4px 0; } #post_extra_c .exfm .xw1 { width: 60px; display: inline-block; } #post_extra_c .exfm .px { background-color: #fff; } #extra_tag_c .px { width: 100% !important; background-color: #fff; } #post_extra_c .exfm label { display: inline-table; padding: 4px 0; } #post_extra_c .exfm td label { margin-right: 5px; } /* “发表” 按钮属性 */ /* 发帖页面的 “发表”按钮 */ .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%; } /* 分类信息显示 - 帖子列表页：上部 分类信息 检索模块 */ #fontsearch .tbmu { padding:0px; border: none; } .tsm th { width: 22% !important; } /* 类型标题 列表 */ .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; } /* 分类信息 - 内容页用到的图标 */ /* 分类信息：“课程”分类 用到的图标 */ .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 , .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_post_list_sort .vk_post_expire_li { position: relative; width: 100%; padding: 10px 12px; overflow: hidden; font-size: 14px; border-top: 1px solid #eee; } .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_list_sort .vk_post_expire_li_ct input , .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 , .vk_post_list_sort .vk_post_expire_li_ct label input { width: auto; } .vk_post_list_sort .vk_post_expire_li_ct select , .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_list_sort .vk_post_li_ct_1 .vk_post_expire_li_ct .vk_post_optional_ct li { float: left; width: 50%; } .vk_post_topic_img_title { position: relative; overflow: hidden; } .vk_post_topic_img_title a { position: relative; display: block; margin-left: 20px; 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_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 , .vk_post_list_sort .vk_post_expire_li_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; } .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; } .login_from { background: none; border: none; } .login_from li { border: none; padding: 0px;} .login_from input, .login_select { width: 100%; height: 42px; line-height: 42px; margin-top: 15px; text-indent: 40px; -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 2% 50%; background-size: 20px 20px;} .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 { display:block; width:100%;} .vk_login .btn_login{ width:100%; display:block; color:#fff; text-align:center; border-radius:2px;} .vk_login_reg button { cursor: pointer; font-weight: 400; height: 42px; margin-top: 20px; padding: 0; background: #0ad; -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; } .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/pubsearch.htm * ******************************************************************/ /* 搜索框 */ /* .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: 30px; color:#111; font-size: 16px; } #scbar_hot_search a { padding: 5px; display: inline-block; line-height: 30px; color:#f60; font-size: 14px; } */ /***************************************************************** * * “发现”页面模块 * ******************************************************************/ .vk_find {} /***************************************************************** * * 圈子 群组 * ******************************************************************/ .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; } /***************************************************************** * * 首页 portal/index.htm 模块框架 * ******************************************************************/ .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;} /* 介绍，加入VIP */ /* .vk_intro_title { padding: 10px 0; margin: 0 10px; text-align: center; line-height: 30px; border-bottom: 1px solid #eee; } .vk_intro_title h2 { color: #333; font-size: 18px; } .vk_intro_title p { color: #999; font-size: 14px; } .vk_intro_vip { padding: 10px; text-align: center; } .vk_intro_vip ul li { width: 33%; float: left; height: 80px; line-height: 120px; font-size: 16px; overflow: hidden; } .vk_intro_vip .intro_1 { background: url(../img/icon_intro_1.png) 50% 0 no-repeat; background-size: 42px 42px; } .vk_intro_vip .intro_2 { background: url(../img/icon_intro_2.png) 50% 0 no-repeat; background-size: 42px 42px; } .vk_intro_vip .intro_3 { background: url(../img/icon_intro_3.png) 50% 0 no-repeat; background-size: 42px 42px; } .vk_intro_vip .vip_join a { width: 100%; height: 40px; background: #f55; display: block; color: #fff; font-size: 16px; line-height: 40px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; } .vk_intro_vip .vip_join span { color: #ffe300; font-size: 14px; line-height: 40px; padding-left: 10px;} */ /* 介绍，加入VIP */ /* .vk_intro_title { padding: 10px 0; margin: 0 10px; text-align: center; line-height: 30px; border-bottom: 1px solid #eee; } .vk_intro_title h2 { color: #333; font-size: 18px; } .vk_intro_title p { color: #999; font-size: 14px; } */ .vk_intro_vip { padding: 10px; /*text-align: center;*/ text-indent: 50px; } /* .vk_intro_vip ul li { width: 33%; float: left; height: 80px; line-height: 120px; font-size: 16px; overflow: hidden; } .vk_intro_vip .intro_1 { background: url(../img/icon_intro_1.png) 50% 0 no-repeat; background-size: 42px 42px; } .vk_intro_vip .intro_2 { background: url(../img/icon_intro_2.png) 50% 0 no-repeat; background-size: 42px 42px; } .vk_intro_vip .intro_3 { background: url(../img/icon_intro_3.png) 50% 0 no-repeat; background-size: 42px 42px; } */ .vk_intro_vip .vip_join a { width: 100%; height: 55px; background:#f55 url(../img/icon_intro_vip.png) 85% 50% no-repeat; background-size: 70px 50px; display: block; color: #fee; font-size: 16px;/* text-align: center;*/ -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 30px; text-indent: 50px;} .vk_intro_vip .vip_join a p { height: 30px; line-height: 40px; overflow: hidden; } .vk_intro_vip .vip_join a span { color: #ffe300; font-size: 16px; line-height: 25px; padding-left: 10px;} .vk_intro_vip .vip_join a em { color: #faa; font-size: 12px; line-height: 24px; display: block; } /* 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; } /* 首页 帖子点击加载 */ .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: 30px; 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_left_icon { float: left; display: inline-block; width: 50px; height: 30px; margin:0 5px 0 10px; background: url(../img/vk_diy_news_top.png) 2% 50% no-repeat; background-size: 50px 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_diy_index_forum { position: relative; padding:10px 0 0 0; } .vk_diy_index_forum 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 { 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;} /* 通用 文章图文列表 - 左标题右图片 */ /* [未来科技_手机]文章图文列表-左标题右图片 */ /* [未来科技_手机]图文样式-上图下标题-两列-自适应 */ /* 通用标题，适用100%框架 */ .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_title 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_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_diy_title { padding: 5px 10px 0px 10px; margin: 0px 0 ; background-color: transparent; border-bottom: none; border-width: 600; } .vk_diy_title h2 , .vk_diy_title h2 a { line-height:42px; font-size:19px; font-weight: 700; color: #16a; } /* 广告位 - 两侧无边距*/ /* .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; } /* 两列：左右1:1样式模块 调用代码 */ .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: #9eb1b6; font-size: 18px; height: 30px; line-height: 40px;} .vk_diy_1-1 p { display: inline; color: #555; font-size: 10px; line-height: 20px; border-radius: 10px; } .vk_diy_1-1 li a { display: block;} .vk_diy_1-1 .div_icon_1 { background:#222 url(../img/vk_diy_icon_1.png) 92% 50% no-repeat; background-size: 40px 40px; } .vk_diy_1-1 .div_icon_2 { background:#222 url(../img/vk_diy_icon_2.png) 92% 50% no-repeat; background-size: 40px 40px; } .vk_diy_1-1 .div_icon_3 { background:#222 url(../img/vk_diy_icon_3.png) 92% 50% no-repeat; background-size: 40px 40px; } .vk_diy_1-1 .div_icon_4 { background:#222 url(../img/vk_diy_icon_4.png) 92% 50% no-repeat; background-size: 40px 40px; } /* 不带图标样式 - 暗色风格 */ .index_footer { width: 100%; margin: 0 auto; background:#2e3033; } .vk_contact_div { width: 100%; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; } .vk_contact_div a { width: 100%; margin: 0 auto; height: 40px; background: #0ad; display: block; color: #fff; font-size: 16px; line-height: 40px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; } .vk_contact_div span { color: #ffe300; font-size: 16px; line-height: 40px; padding-left: 10px;} /* 带图标样式 - 暗色风格 */ .index_footer { width: 100%; margin: 0 auto; /*background:#2e3033; */} .vk_contact_div a { background:#0ad url(../img/vk_contact_qq.png) 15% 50% no-repeat; background-size: 30px 30px; } /***************************************************************** * * DIY模块 属性 * ******************************************************************/ /* [未来科技_手机]文章-帖子通用模块-图片幻灯-200px DIY模块属性里：图片设置为 宽 800 高 500，适应不同尺寸屏幕。 默认全屏直角显示。 #slide_index 的属性，控制幻灯是否全屏或内部圆角显示。若要内部圆角显示，则在 vk_touch.css 内添加 #slide_index 的属性即可 因为 要引用 swiper.min.css 和 swiper.min.js 文件，为了避免修改路径麻烦，故js引用代码放在htm文件内，此处只写css 属性和框架 */ #slide_index { height: 200px; overflow: hidden; margin-top: 0px; position: relative; } #slide_index .swiper-slide { position: relative; text-align: center; } #slide_index .swiper-slide a { width: 100%; height: 200px; display: block; cursor: pointer; position: relative; float: left; overflow: hidden; outline: 0;} #slide_index img { max-width: 100%; display: block; } #slide_index h2 { text-align: left; text-indent: 10px; font-size:14px; height: 32px; line-height: 32px; color: #fff; position: absolute; left:0; bottom: 0; right: 0; font-weight: normal; background-color: rgba(0,0,0,0); background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7)); background: -webkit-gradient(linear, top, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.7))); background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7)); background: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7)); } #slide_index .swiper-pagination { position: absolute; z-index: 10; bottom: 5px; text-align: right !important; left: -5px /* right: 5px;*/ ; width: 100%; height: 20px; display: block; } #slide_index .swiper-pagination-bullet { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #fff; margin: 0 3px; opacity: 0.8; cursor: pointer; } #slide_index .swiper-pagination-bullet-active { background: #0ad; } /* 内部圆角 */ /* #slide_index { margin:0 15px; border-radius: 3px; overflow:hidden; } */ /* 内部圆角 - 窄版 */ #slide_index { margin:0 10px; border-radius: 5px; overflow:hidden; } /* 高度 */ #slide_index , #slide_index .swiper-slide a { height: 150px; } /* 公告/头条 */ /* [未来科技_手机]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;} /* [未来科技_手机]文章-帖子通用模块-JS标题滚动显示 对应的DIY模块属性的日期格式，要按照“月-日”形式显示，不要按照“年-月-日”，否则时间错位 */ .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_5_forum_title { padding:0px; width:100%; overflow:hidden; } .vk_li_5_forum_title li { float:left; width: 19.925%; height: 24px; margin:5px 0; display:table-cell; vertical-align:middle; text-align:center; overflow: hidden; box-sizing: border-box; } .vk_li_5_forum_title li:nth-child(5n) { width: 20%; margin-right: -0.5px; } .vk_li_5_forum_title li img {vertical-align:middle; max-width:50px; max-height: 50px;/* border-radius:50%;*/ } .vk_li_5_forum_title li p { margin:0 auto; max-width:80px; height:24px; line-height:24px; text-align:center; } .vk_li_5_forum_title li p a { display: inline-block; width: 100%; height: 24px; color:#111; font-size:14px; font-weight: 700; overflow:hidden; } /* [未来科技_手机]文章-帖子通用模块-标题列表-时间 */ .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: #555; font-size:14px; width: 74%; overflow: hidden; } .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; } /* [未来科技_手机]帖子模块-左标题右图宽240高140 [未来科技_手机]帖子模块-左图右标题-图宽240高140 DIY模块属性里：图片设置为 宽 240 高 140 共用属性。只是在html代码里，修改左右模块的 left right 区别左右排列 */ .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:16px; } .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_pic_summary { height:24px; overflow: hidden; } .vk_li_title_pic .vk_li_pic_summary span { line-height: 24px; 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: 70px; /* 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; } /* 作者头像、ID、时间、查看、回复等信息 模块 */ .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; } /* 模块_图片_两列 [未来科技_手机]文章-帖子通用模块-图宽360高520-两列 [未来科技_手机]文章-帖子通用模块-图宽360高520-两列-点击加载 DIY模块属性里：图片设置为 宽 360 高 520 共用属性。只是在html代码里，添加或删除附加信息部分 进行区别 */ .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; } /* 模块_图片_两列_附加信息 [未来科技_手机]文章-帖子通用模块-上图宽360高240-下标题两行-两列 [未来科技_手机]文章-帖子通用模块-上图宽360高240-下标题两行-两列-附加信息 DIY模块属性里：图片设置为 宽 360 高 240 共用属性。只是在html代码里，添加或删除附加信息部分 进行区别 */ .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: 180px; 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)); } /* 模块_图片_两列_附加信息_带头像 [未来科技_手机]文章-帖子通用模块-上图宽360高240-下标题两行-两列-附加信息-带头像 DIY模块属性里：图片设置为 宽 360 高 240 共用属性。只是在html代码里，添加或删除附加信息部分 进行区别 */ .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: 180px; 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; } /* [未来科技_手机]会员模块-头像-50px-圆形-附加信息-一列-带序号 */ .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; } /* [未来科技_手机]会员模块-头像-60px-附加信息-圆形-一列-带序号 */ .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; } /* [未来科技_手机]文章-帖子图片宽480高240-部分显示 DIY模块属性里：图片设置为 宽 480 高 240 */ #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; } /* [未来科技_手机]帖子模块-上图宽800高320-下标题-附加信息-一列 DIY模块属性里：图片设置为 宽 800 高 320 */ .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; } /******************************************************************************************************************** * * X3.5添加或修改的属性 * *********************************************************************************************************************/ /***************************************** * * 调节页面距离底部导航距离 * * 涉及到的页面：群组管理、发帖 提交按钮 * ******************************************/ /* 内容框架 */ .vk_foot_height { height:70px; } .footer { background-color: #fff; color: #999; } .footer a { color: #999; } /* 搜索 */ .search .mbtn { background: #0ad;} /***************************************** * * 登录 注册 页面 * ******************************************/ .header_toplogo { background-color: #f2f2f2; } .header_toplogo img { height: 0px; } .header_toplogo p { color: #333; } /* .pg_logging .loginbox .login_from input , .pg_register .loginbox .login_from input { text-indent: 10px; } */ .pg_logging .loginbox .btn_login .pn , .pg_register .loginbox .btn_register .pn { background: #0ad;} .pg_logging .loginbox .btn_qqlogin .pn { background: #5c7} /***************************************** * * 配色 修改 * ******************************************/ .header { background: url(../img/vk_header.png) repeat-x; }