@charset "utf-8";
html { color: #000; background: #fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 16px/1.5 tahoma, arial, \5b8b\4f53; }
input, select, textarea { font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: inherit; }
fieldset, img { border: 0; }
iframe { display: block; }
abbr, acronym { border: 0; font-variant: normal; }
del { text-decoration: line-through; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 500; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; }
q:before, q:after { content: ''; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
a:hover { text-decoration: underline; }
ins, a { text-decoration: none; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.gray{color:#666666;font-size: 16px;}
.po_title{text-align:center;}
.po_title ._tcenter{color:#E50000;font-size: 18px;font-weight:bold;}
.tab-inside .member_list{margin-left:20px;margin-top:20px;}
#member_li{border:0;}
:focus-visible { outline: 2px solid #0196E3; outline-offset: 1px; }
#notice{border:none;box-shadow:0 1px 2px rgba(0,0,0,.08);height:20px;padding-left:20px;padding-right:20px;}
/*最小高度
-----------------------------------------------------------------------------*/
.minH_100 { min-height: 100px; height: auto !important; height: 100px; }

body { font:16px/1.5 tahoma,arial,"Hiragino Sans GB","Microsoft Yahei",\5b8b\4f53; letter-spacing:.5px;}
/*
 *------------------header----------------------------------------------------------------------
 */

#actnotice{
	  margin-right: 5px;
    position: relative;
    top: 5px;
	}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4,img, ol, ul,p{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    /**letter-spacing:0.1em;**/
    }
ul {list-style: none;}
a {text-decoration: none;}
.clear{clear: both;}
:focus{outline:0}
#header{
    background:
        url("../images/header-banner-1200.png") no-repeat center top,
        linear-gradient(to right, #a2c5e1 0%, #c9e2f4 30%, #e0eef9 55%, #e9f4fc 74%, #dcedfa 100%);
    background-size: 100% 100%, 100% 100%;
    height:120px;
}
body {
    font: 16px 'Microsoft YaHei', 微软雅黑, Arial, Lucida Grande, Tahoma, sans-serif;
    letter-spacing:.5px;
    /**font:12px "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif**/
    color: #000;
    /*text-shadow: 0px 1px 0px #d1d1d1;*/
     /*background: url("../images/textured_background.jpg") repeat-x scroll 0 0 #FFFFFF;*/
    background: url("../images/headerBg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);

    /*background: url("../images/2008951015897_2.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    background-color: #F7F7F7;

    }
#wrapper {
    width: 1200px;
    margin: 0px auto;
    line-height: 21px;
    padding-top: 6px;

    }
#header #top{

}
a {
    color: #000;
    text-decoration: none;
    }
a:hover {
    color: #0196e3;
    text-decoration: none;
    }
a:active {
    }

/** 导航搜索 **/
#searchbar {
    width: 159px;
    height: 28px;
    float:right;
    margin:3px 5px 0 0;
    background: #fff;
    border-radius: 14px;
    }
#searchbar #s {
    height: 16px;
    float: right;
    margin: 5px 0 0 0;
    border: 0 !important;
    width: 130px;
    background: none;
    color:#393939;
    font-size: 16px;
    }
#searchbar #go {
    position: absolute;
    float:left;
    margin: 8px 0 0 8px;
    width:13px;
    height:13px;
    }
/** GG搜索 **/
#searchbar #q {
    float:right;
    height: 16px;
    margin: 6px 5px 0 0;
    padding:0px !important;
    border:none !important;
    width: 122px;
    background: transparent !important;
    color:#393939;
    font-size: 16px;
    }
/** 页眉 **/
.header_c {
    width: 1200px;
    }
.logo {
    background: transparent url(../images/logo.png) no-repeat center;
    background-size: 92% auto;
    width: 264px;
    height: 100px;
    float: left;
    margin: 16px 0 0 15px;
    }
.header_c h1 {
    float: left;
    font-size: 24px;
    width: 350px;
    padding: 10px 0 0 15px;
    }
.header_c h1 a:hover {
    color:#0196e3;
    }
.blog-title {
    font-size: 16px;
    font-weight:normal;
    line-height:25px;
    }
.login_t {
    float: left;
    margin: 0 10px 0 0;
    text-transform: uppercase;
    }
.time {
    float: left;
    margin: 0 10px 0 0;
    }
.Share {
    float: right;
    margin: 0 0px 0 0;
    height: 53px;
    }
/** 热点文章 **/
#featured {
    margin: 20px 0 10px 0;
    }
#featured .item {
    position: relative;
    overflow:hidden;
    width:236px;
    height:155px;
    float:left;
    padding:0 0 0 7px;
    }
#featured .item img {
    position:absolute;
    }
#featured .item .boxCaption {
    width:211px;
    padding:10px;
    margin: 115px 0 0 3px;
    position:absolute;
    top:160px;
    z-index:4;
    background:url(../images/bg-box.png) repeat top left;
    color:#fff;
    text-shadow: 0px 1px 0px #000;
    }
.top_box {
    background: url(../images/boxtop.png) no-repeat;
    position:absolute;
    z-index:5;
    width:236px;
    height:155px;
    }
.top_box a {
    position: absolute;
    padding:152px 0 0 185px;
    }
.top_t {
    position:absolute;
    width:236px;
    z-index:3;
    }
.top_t img{
    width:100%;
    }
.thumbnail_hot img {
    position:absolute;
    width: 236px;
    height:155px;
    z-index:3;
    }
#featured .item h2 {
    font-weight:normal;
    text-align:center;
    }
#featured .item a {
    color:#f2f2f2;
    }
#featured .item a:hover {
    color:#d9d9d9;
    }
/** 现在位置 **/
#map {
    height: 27px;
    }
#feed{ text-indent:-10000px;}
#feed a  {
    float:right;
    width:27px;
    line-height:15px;
    margin: 6px 8px 0 0;
    }
.browse {
    text-shadow: 0px 1px 0px #d1d1d1;
    float:left;
    line-height:27px;
    padding:0 0 0 10px;
    }
.browse a,.browse{
    text-shadow: 0px 1px 0px #fff;
    }
.browse a:hover {
    color: #0196e3;
    }
/** 圆角 **/
.entry_box {
    position:relative;
    background:#fff;
    width:900px;
    padding: 12px 10px 0px 10px;
    box-sizing: border-box;
    }
/** 圆角 **/
.entry_box_right {
    position:relative;
    background:#fff;
    width:710px;
    float:left;
    padding: 12px 10px 10px 10px;
    border: 0;
    margin-bottom:5px;
    margin-top:5px;
	
}
    
  /** 圆角 **/
.entry_box_left {
    position:relative;
    background:#fff;
    width:220px;
    float:left;
    margin-right:5px;
    padding: 12px 10px 0px 10px;
    margin-bottom:5px;

    border: 0;
		margin-top:5px;
}  
.avatar_img{
	text-align:center;
	}

.ptitle{
	font-size: 16px;
	line-height:20px;
	background:#0f6099;
	color:#ffffff;
	padding:5px;
	padding-left:10px;
	clear:both;
	margin-top:10px;
	}

.plist li{
	float:left;
	list-style: none outside none;
   width: 330px;
   margin-left:5px;
   line-height:30px;
	}
.plist li span{
	font-weight:bold;
	margin-right:10px;
	}
.avatar_t span{margin-right:10px;}
.entry_sb_1 {
    background: none repeat scroll 0 0 #FFFFFF;
    border: none;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
    height: 10px;
    position: relative;
    width: 978px;
}
.avatar_t .logout{
	float:right;
	font-weight:bold;
	}
#avatar_edit{
	background:url("../images/sm_edit.png") no-repeat;
	  height: 80px;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
	}
.u-float-detail li{
	list-style:none;
	   float: left;
padding: 0 10px;
	}
.entry_box_b {
    position:relative;
    background:#fff;
    width:900px;
    height:10px;
    margin:0 0 10px 0;
    }
.entry_box,.entry_box_s,.entrymeta,.entry_b,#respond_box {
    border: none;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
    }
.entry_box_b, .respond_b,.link_b,.footer_bottom_a {
    border: none;
    margin:0 0 10px 0;
    }

.footer_bottom_a {
    position:relative;
    background:#f2f2f2;
    text-align:center;
    padding:10px;
    height:32px;
    margin: 0 0 30px 0;
    }

.lt {
    left:-1px;
    top:-1px;
    background-position:left top;
    }
.rt {
    right:-1px;
    top:-1px;
    background-position:right top;
    }
.lb {
    left:-1px;
    bottom:-1px;
    background-position:left bottom;
    }
.rb {
    right:-1px;
    bottom:-1px;
    background-position:bottom right;
    }
/** 首页 **/
#post {
    float: left;
    width: 900px;
    }
.comment_a a{
    position:absolute;
    right:45px;
    top:13px;
    color:#B2B2B2;
    font-size: 16px;
    font-weight:bold;
    padding:0 3px 0 3px;
    }
.box_entry_title {
    float:left;
    width: 650px;
    margin: 0 0 5px 0;
    }
#post h3 {
    font-size: 16px;
    font-weight: bold;
    }
.box_entry_title h3 {
    font-size: 22px;line-height: 185%;
    }
#msg{font-size: 16px;color:#ff0000;}
.u-float-detail{padding:10px;}
.box_entry {
    width:710px;
    }
.post_entry {
    font-size: 16px;
    line-height: 24px;
    }
.info a:visited,.info, .info a  {
    color: #737373;
    }
.info a:hover {
    color: #0196e3;
    }
.new {
    float:right;
    }
.sticky-post {
    float:right;
    width:36px;
    height:29px;
    }
.cat_ico {
    float:left;
    width: 40px;
    height:40px;
    margin:0 5px 2px 0;
    white-space: nowrap;
    overflow: hidden;
    }
.posttag {
    }
.edit {
    }
.archive_more {
    float:right;
    }
.archive_more a,.archive_more a:visited {
    float:left;
    width:48px;
    height:25px;
    color: #fff;
    line-height: 25px;
    text-align:center;
    /**text-shadow: 0px 1px 0px #393939;**/
    }
.archive_more a:hover,.archive_more a:active {
    height:25px;
    color: #393939;
    text-shadow: 0px 1px 0px #f1f1f1;
    }
.posttag {
    float:left;
    font-size: 16px;
    line-height:20px;
    width:580px;
    margin:5px 0 0 0;
    color:#b2b2b2;
    word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    z-index:4;
    }
.posttag a,.posttag a:visited{
    color: #737373;
    }

/** 缩略图 **/
.postdate {
    float:left;
    position: relative;
    width:140px;
    margin:90px 0 0 0;
    color: #737373;
    text-align:center;
    z-index:4;
    }
.thumbnail_box {
    float: left;
    width: 140px;
    height:auto;
    margin: 5px 10px 5px 0;
    padding: 4px 4px 0 4px;
    }
.thumbnail img{
    position:absolute;
    z-index:3;
    }
.thumbnail_t img,.thumbnail img{
    position:absolute;
    width: 140px;
    height:100px;
    }
/** 内页 **/
#content {
    float: left;
    width: 900px;
    overflow:hidden;
    }
#content IMG{
    height: auto;
    max-width: 100%;
    overflow: hidden;
    }
#content h3 {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    }
/** 档案页面 **/
.archive_box {
    width:710px;
    }
.archive{
    font-size: 16px;
    line-height:24px;
    }
.archive_desc{

 color: #666666;
    float: right;
    font-size: 16px;
    text-align: left;
    width: 550px;
    	}
.archive_title_box {
    width: 710px;
    margin: 0 0 5px 0;
    }
.archive_info, .archive_info a,.archive_info a:visited {
    color: #737373;
    }
.archive_info a:hover {
    color: #0196e3;
    }
/** 正文 **/
.font {
    float:right;
    width:100px;
    }
.font a{
    line-height:27px;
    padding:0 3px 0 3px;
    _padding-top:1px;
    border: 0;
    }
.context {
    position: absolute;
    right:10px;
    top:10px;
    width:72px;
    }
.context_t {
    display:none
    }
.context_t a{
    background:#fff;
    font-size: 16px;
    line-height:25px;
    padding:0 3px 0 3px;
    _padding-top:1px;
    border: 0;
    }
.back_b {
    float:right;
    width:25px;
    padding:0 5px 0 5px;
    border: none;
    }
.entry_box_s {
    position:relative;
    background:#fff;
    width:900px;
    margin:10px 0 0 0;
    padding: 15px 15px 10px 15px;
    }
.entry_sb {
    position:relative;
    background:#fff;
    width:900px;
    height:10px;
    margin:0 0 10px 0;
    border: none;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);

    }
#entry {
    font-size: 16px;
    line-height:185%;
    }
.entry {
    width:900px;
    margin:5px 0 5px 0;
    overflow:hidden;
    }
.entry p,.entry ul,.entry ol,.entry dd,.entry pre,.entry hr {
    margin: 0 0 10px 0;
    }
.entry p {
    text-indent:2em;
    }
.entry_title_box {
    padding: 10px 0 0 0;
    }
.entry_title_box a:hover {
    color:#0196e3;
    }
.entry_title {
    font-weight: bold;
    font-size: 22px;line-height: 185%;
    text-shadow: 1px 1px 0 #FFFFFF;
    }
.entry strong {
    font-weight: bold;
    }
.entry a {
    color: #0196e3;
    }
.entry a:link,.entry a:visited{
    color: #0196e3;
    }
.entry a:hover {
    color: #696969;
    text-decoration: underline;
    }

.entry a:active {
    color: #0196e3;
    }
.entrymeta {
    position:relative;
    background:#fff;
    width:900px;
    padding: 15px 10px 4px 10px;
    box-sizing: border-box;
    }
.entrymeta {
    color: #8C8C8C;
    font-size: 16px;
    }
.entrymeta a:visited {
    color:#0196e3;
    }
.authorbio {
    float:left;
    width:100px;
    height:80px;
    text-align:center;
    margin: 0 10px 0 0;
    padding: 2px;
    border: 0;
    }
.author_pic{
    width:48px;
    margin:0px auto 0;
    }
.author_pic img{
    border: 0;
    }
.context_b {
    position:relative;
    font-size: 16px;
    background:#fff;
    width:710px;
    height:50px;
    margin: 0 0 10px 0;
    padding: 10px;
    line-height:23px;
    border: 0;
    }
.context_b a {
    color:#0196e3;
    }
.context_b a:hover {
    color: #393939;
    }
.page p {
    font-size: 16px;
    line-height:185%;
    }
/**  相关日志 **/
.entry_b {
    position:relative;
    background:#fff;
    width:710px;
    padding: 10px 10px 0 10px;
    }
.relatedposts {
    float: left;
    width:370px;
    padding: 10px;
    }
.relatedposts ol li {
    line-height:24px;
    margin:0 0 0 20px;
    color: #8C8C8C;
    }
.related_img {
    float:right;
    width:308px;
    margin:3px 0 0 0;
    }
.related_img_box{
    float: left;
    width:140px;
    height:100px;
    margin:0 2px 2px 0px;
    padding: 5px;
    border: 0;
    }
/** 侧边栏 **/
#sidebar {
    float: right;
    width: 300px;
    padding: 5px 8px;
    box-sizing: border-box;
    }



.box-bottom {
    position:relative;
    background:#fff;
    width:234px;
    height:6px;
    margin:0 0 10px 0;
    border: none;

    }


.box-del {
    background: #fff;
    padding: 5px 10px 10px 10px;
    border: none;
    }

.box {
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.08);
    -moz-box-shadow: 0 2px 8px rgba(0,0,0,.08);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    padding: 5px 10px 10px 10px;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    position: relative;

    }
.box:nth-child(n) {
    border: medium none;
    }


.box_c {
    background: #fff;
    width:224px;
    padding: 5px 0 5px 10px;
    border: none;
    }
.widget ul li {
    list-style: none;
    margin: 0;
    line-height:23px;
    background: #fff;
    }
.box ul li{
    line-height:23px;
    }

    .clear_category_group{
        clear:both;
    }

/** tabs **/
#tabs {
    position: relative;
    width:100%;
    margin:0px 0 0 0;
    }

#tabs_h {
    position: relative;
    width:236px;
    margin: 22px 0 10px;
}


#tabs_del{
    position:relative;
    background:#fff;
    width:236px;
    padding: 1px 10px 10px 10px;
    margin:0 0 10px 0;
    border: 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,.35);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.35);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.35);
}
#tab:nth-child(n) {
    border: medium none;
    }


.htotabs {
    position:absolute;
    left:0px;
    top:-20px;

    }
.htotabs li {
    float: left;
    display:inline;
    cursor: pointer;
    }
.htotabs li a{
    color:#fff;
    margin:0 5px 0 0;
    padding: 5px 10px 5px 10px;
    line-height:35px;
    text-shadow: 0px 1px 0px #393939;
    }
#ad{margin:5px 0px 5px 0px;}
.widget1 a{
    background: linear-gradient(to bottom, #7d7d7d 0%, #717171 45%, #666666 100%);
    }
.widget2 a{
    background: linear-gradient(to bottom, #7d7d7d 0%, #717171 45%, #666666 100%);
    }
.widget3 a{
    background: linear-gradient(to bottom, #7d7d7d 0%, #717171 45%, #666666 100%);
    }
.widget4 a{
    background: linear-gradient(to bottom, #7d7d7d 0%, #717171 45%, #666666 100%);
    }
.widget5 a{
    background: linear-gradient(to bottom, #7d7d7d 0%, #717171 45%, #666666 100%);
    }
#index_img{margin:0 20px 0 5px;width:70px; height:70px;border:0;float:left;}
.tab-inside{

    border: none;
    min-height: 310px;
    overflow: hidden;
    box-shadow: none;
    }
.tab-inside ul li{
 box-shadow: 0 1px 0 0 rgba(204,204,204,.45);
 line-height:30px;
    }
#tab-widget2 ,#tab-widget3 ,#tab-widget4  ,#tab-widget5{
    display: none;
    }
.box_top {
    position:relative;
    background:#fff;
    width:234px;
    height:6px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    z-index: 1;
    }
.tab_latest ul li {
    line-height:30px;
    border-bottom: 0;
    margin-bottom:-3px;
    }
.tab_latest a {
    background:#fff;
    }
/** 最新文章 **/
.box_r {
    background: #fff;
    padding: 5px 10px 0 12px;
    border-left: 0;
    border-right: 0;
    }
.box_r ul li a {
    float:left;
    width:210px;
    line-height:26px;
    border-bottom: 0;
    margin-bottom:-1px;
    }
 /** 侧边评论 **/
.r_comments{
    background: #fff;

    border-left: 0;
    border-right: 0;
    }
.r_comments ul li {
    padding:5px 10px 5px 10px;
    line-height:20px;
    }
.r_comments li img {
    height:32px;
    float:left;
    padding:1px;
    margin:4px 4px 0 0;
    }
/** 侧边读者墙 **/
.box_comment ul li{
    float:left;
    width:36px;
    height:36px;
    }
.mostactive{
    margin:6px 0 0 6px;
    _margin-left:5px;
    }
.box_comment a img {
    border: 0;
    }
/** 侧边分类 **/
.categories_c{
    padding: 5px 10px 0 10px;
    background: #fff;
    }
.categories_c ul li {
    float:left;
    width:50%;
    padding: 0;
    line-height: 26px;
    text-align:center;
    }
.tag_c {
    line-height: 26px;
    padding: 5px 10px 0 10px;
    }

/** 头像 **/
#avatar{
    float: left;
    width:48px;
    height:48px;
    margin:0 10px 0 0;
    }
#avatar img{}
.author {
    line-height:38px;
    }
input#comment_mail_notify {
    width:12px;
    border:none;
    }
.user_avatar img,.author_avatar img{
    float:left;
    margin: 0 10px 0  0;
    padding: 2px;
    border: 0;
    }
.set_avatar {
    float:right;
    display:none;
    width:96px;
    height:96px;
    overflow:hidden;
    }
.set_avatar a {
    float:right;
    text-align:center;
    width:96px;
    height:96px;
    padding: 70px 0 0 0;
    }
/** ajax **/
#edita {
    padding: 0 0 0 64px;
    }
.comment-reply-link_a,#cancel-comment-reply-link{
    margin: 0 0 0 10px;
    padding: 0 5px 0 5px;
    border: 0;
    }
/** 页脚 **/

.footer_top {
    position:relative;
    background: #f2f2f2;
    height:33px;
    line-height: 33px;
    border: none;
    }
#menu {
    float:right;
    width:860px;
    }
#menu li {
    float:right;
    margin: 0 7px 0 0;
    padding: 0 3px 0 3px;
    }
#menu li a {
    color: #0196e3;
    }
#menu li a:hover {
    color: #000;
    }
.footer_top h2 a {
    padding: 0 0 0 40px;
    margin: 0 0 0 10px;
    }
.blogtitle {
    width:140px;
    }
.link {
    background: #f2f2f2;
    line-height:25px;
    padding: 10px;
    list-style: none;
    border-left: 0;
    border-right: 0;
    }
.link li h2 {
    float:left;
    width:940px;
    line-height:20px;
    font-weight:normal;
    color: #0196e3;
    }
.link li ul li {
    float:left;
    margin: 0 10px 0 0;
    }
.link li a {
    float:left;
    display: inline;
    white-space:nowrap;
    padding:0 10px 0 0;
    }
.link_b {
    position:relative;
    width:978px;
    margin:0 0 5px 0;
    }
/* 页脚统一样式见 site-footer.css（2026-10-26 抽出，作为最后一层加载） */
.footer_bottom {
    border-top: none;
    clear: both;
    padding: 10px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    }
.footer_bottom div{

   clear:both;
    }
.footer_bottom li{
   text-align:center;
   float:left;
   list-style-type: none;


    }

/** 翻页 **/
.navigation {
    float:right;
    width:900px;
    margin: 5px 0 5px 0;
    text-align:right;
    }

.navigation .csae{
    background: #0196E3;
    color:#fff;
    font-size: 16px;
    padding:2px 6px;
    }

.navigation a,.navigation_b a{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0;
    margin-right: 5px;
    padding: 2px 6px;
    }

/* ===== 分页美化（2026-10-25）：圆角按钮 + 品牌色当前页 + 首尾页禁用态 =====
   容器：.pagination / .navigation / .navigation_b（前台列表页分页容器）
   元素类名由 extend/Page.php、common/helper.php::content_pages()、
   extend/paginator/driver/Microchip.php 统一输出：
   pg-total(总条数) pg-first/pg-prev/pg-next/pg-last(翻页) pg-num(页码)
   pg-current(当前页) pg-disabled(禁用) pg-dots(省略号) */
.pagination,
.navigation,
.navigation_b{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--space-2);
    margin: var(--space-4) 0;
    line-height: 1;
    }
.pagination a,
.pagination span,
.navigation a,
.navigation span,
.navigation_b a,
.navigation_b span{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    padding: 0 12px;
    margin: 0;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    background: var(--color-surface);
    color: var(--color-text-secondary);
    font-size: var(--font-size-min);
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
    transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
    }
/* 嵌套在 .navigation/.navigation_b 内的 .pagination 不再重复占位 */
.navigation .pagination,
.navigation_b .pagination{
    margin: 0;
    }
.pagination a:hover,
.navigation a:hover,
.navigation_b a:hover{
    border-color: var(--color-brand);
    background: rgba(1, 150, 227, .08);
    color: var(--color-brand);
    box-shadow: 0 2px 6px rgba(1, 150, 227, .18);
    }
.pagination a:focus-visible,
.navigation a:focus-visible,
.navigation_b a:focus-visible{
    outline: 2px solid var(--color-brand);
    outline-offset: 2px;
    }
/* 页码：紧凑方块 */
.pagination .pg-num,
.navigation .pg-num,
.navigation_b .pg-num{
    min-width: 34px;
    padding: 0 8px;
    }
/* 翻页导航（首页/上一页/下一页/最后一页）：浅底，与页码区分 */
.pagination .pg-first,
.pagination .pg-prev,
.pagination .pg-next,
.pagination .pg-last,
.navigation .pg-first,
.navigation .pg-prev,
.navigation .pg-next,
.navigation .pg-last,
.navigation_b .pg-first,
.navigation_b .pg-prev,
.navigation_b .pg-next,
.navigation_b .pg-last{
    background: var(--color-surface-muted);
    color: var(--color-text-primary);
    }
/* 当前页：品牌渐变 */
.pagination .pg-current,
.pagination span.current,
.pagination .csae,
.navigation .pg-current,
.navigation span.current,
.navigation_b .pg-current{
    background: linear-gradient(135deg, var(--color-brand) 0%, var(--color-brand-hover) 100%);
    border-color: transparent;
    color: #fff;
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(1, 150, 227, .35);
    cursor: default;
    }
/* 首/末页禁用态 */
.pagination .pg-disabled,
.navigation .pg-disabled,
.navigation_b .pg-disabled{
    background: var(--color-surface-muted);
    border-color: var(--color-border-light);
    color: var(--color-text-muted);
    box-shadow: none;
    cursor: not-allowed;
    }
/* 总条数：纯文本，不做按钮 */
.pagination .pg-total,
.navigation .pg-total,
.navigation_b .pg-total{
    min-width: 0;
    height: auto;
    padding: 0 4px 0 0;
    border: 0;
    background: none;
    box-shadow: none;
    color: var(--color-text-muted);
    }
/* 省略号 */
.pagination .pg-dots,
.navigation .pg-dots,
.navigation_b .pg-dots{
    min-width: 0;
    height: auto;
    padding: 0 2px;
    border: 0;
    background: none;
    box-shadow: none;
    color: var(--color-text-muted);
    }
/* 移动端：紧凑并居中 */
@media screen and (max-width: 768px){
    .pagination,
    .navigation,
    .navigation_b{
        justify-content: center;
        gap: 6px;
        }
    .pagination a,
    .pagination span,
    .navigation a,
    .navigation span,
    .navigation_b a,
    .navigation_b span{
        min-width: 30px;
        height: 30px;
        padding: 0 9px;
        font-size: 13px;
        }
    .pagination .pg-num,
    .navigation .pg-num,
    .navigation_b .pg-num{
        min-width: 30px;
        padding: 0 6px;
        }
    }

/*begin 头部工具栏*/
dl,dt,dd{
    margin:0;
    padding:0;

}
.fl{
    float:left;

}
.fr{
    float:right;

}
.fn{
    float:none;

}
.al{
    text-align:left;

}
.ac{
    text-align:center;

}
.ar{
    text-align:right;

}
/**/

.w1{
    margin-bottom:10px;

}
.lh{
    overflow:hidden;
    zoom:1;

}
.ld{
    position:relative;
    zoom:1;
}
.ld s,.ld b,.ld .block{
    position:absolute;
    overflow:hidden;

}
.top_phone {
    background: url("../images/top_tel.png") no-repeat scroll 0px 2px transparent;
    padding-left: 15px;
}
/**/
#shortcut,#shortcut .w,#shortcut .fl b,#shortcut .menu b{
    background-image:url(../images/20111221C.png);
    background-repeat:no-repeat;

}
#shortcut li{
    background-image:url(../images/20120112B.png);
    background-repeat:no-repeat;
    float:left;
}
/**/
#shortcut,#shortcut .w{
    height:30px;
    background-color:#efefef;
    background-repeat:repeat-x;

}
#shortcut{
    width:100%;
    padding-bottom:1px;
    line-height:30px;

}
#shortcut li{
    height:27px;
    padding:0 12px;
    background-position:-230px -320px;

}
#shortcut .fl .fore1{
    background:none;

}
#shortcut .fr{
    height:30px;
    overflow:visible;

}
#shortcut .fr .fore1{
    background:none;

}
#shortcut .fr .menu{
    position:relative;
    z-index:10;
    width:82px;
    padding:3px 0 0;

}
#shortcut .menu dl{
    width:67px;
    padding:0 7px;

}
#shortcut .menu dt{
    height:24px;
    padding:0 12px 1px 5px;
    line-height:24px;
    cursor:default;

}
#shortcut .menu b{
    top:10px;
    right:3px;
    width:7px;
    height:4px;
    background-position:-35px -281px;

}
#shortcut .menu dd{
    display:none;
    padding:4px 0 4px 5px;
    line-height:21px;

}
#shortcut .fr .hover{
    z-index:11;

}
#shortcut .hover dl{
    border: 0;
    background:#fff;
    -moz-box-shadow:0 0 5px #ddd;
    -webkit-box-shadow:0 0 5px #ddd;
    box-shadow:0 0 5px #ddd;

}
#shortcut .hover dt{
    padding-left:4px;
    border-bottom: 0;
    line-height:23px;

}
#shortcut .hover dd{
    display:block;

}
#shortcut .hover b{
    top:9px;
    background-position:-35px -275px;

}
#shortcut a.link-logout:link,#shortcut a.link-logout:visited{
    color:#999;

}
/*end头部工具栏*/

/*begin最新通知 create 2012-3-10 by tiger*/

.tab_h_box {
    BACKGROUND: url(../images/box-sprite.png) #fff repeat-y 0px 0px; _background-image: url(../images/box-sprite.png)
}
.tab_h_box > .title-bar {
    BACKGROUND: url(../images/box-sprite.png) #fff repeat-y 0px 0px; _background-image: url(../images/box-sprite.png)
}
.tab_h_box {
    width:236px;
    top:0px;
}
.tab_h_box > .title-bar {
    BACKGROUND-COLOR: #224272;  COLOR: #fff
}
.tab_h_box > .title-bar H2 {
        box-shadow: 0 1px 5px rgba(0,0,0,.35);
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.35);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,.35);
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        -moz-border-radius-topleft:6px;
        -moz-border-radius-topright:6px;
        -webkit-border-top-left-radius: 6px;
        -webkit-border-top-right-radius: 6px;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    height: 27px;
    line-height: 27px;
    padding: 0 0 0 15px;
    text-shadow: 0 0px 0 #D1D1D1;
}
.tab_h_box-secondary > .title-bar H2 {
    text-shadow: 1px 1px 1px #999
}
.tab_h_box > .title-bar H2 A {
    COLOR: #fff
}
.family .tab_h_box > .title-bar H2 {
    MARGIN: 0px; COLOR: #fff
}
/*end最新通知*/
/*begin 首页常用工具模块 create 2012-3-11 by tiger*/
.indexToolsList ul li.toolimg1 {
    background-position: 0 -0px;
}
.indexToolsList ul li {
    color: #626262;
    float: left;
    height: 33px;
    line-height: 30px;
    padding-left: 22px;
    width: 70px;
    display: block;
    float: left;
}
.indexToolsList ul li.toolimg1{
    background:url(../images/li1.png) left center no-repeat ;
}
.indexToolsList ul li.toolimg2{
    background:url(../images/li2.png) left center no-repeat ;
}
.indexToolsList ul li.toolimg3{
    background:url(../images/li3.png) left center no-repeat ;
}
.indexToolsList ul li.toolimg4{
    background:url(../images/li4.png) left center no-repeat ;
}
.indexToolsList ul li.toolimg5{
    background:url(../images/li5.png) left center no-repeat ;
}
.indexToolsList ul li.toolimg6{
    background:url(../images/li6.png) left center no-repeat ;
}
/*end*/

/*begin货物包裹追踪 create 2012-3-12 by tiger*/

    .trackingNewTit {
        border: 0;
        color: #626262;
        font-weight: bold;
        height: 32px;
        line-height: 32px;
        padding-left: 12px;
    }
    .trackingNewNum {
        color: #DD740B;
        font-weight: bold;
        height: 32px;
        line-height: 32px;
        margin-top: 8px;
        padding: 0 5px 0 12px;
        border-bottom: 0;
    }
    .trackingNewNum span {
        float: right;
        font-weight: bold;
    }

    .innerRight {
    float: left;
    padding: 0 0 50px;
    width: 100%;
}



/*begin 页脚 create 2012-3-13 by tiger*/
#foot_hitao dl.fore5 {
    width: 120px;
}
#foot_hitao {
    padding-left: 20px;
    padding-right: 20px;
}
#foot_hitao {
    background: none repeat scroll 0 0;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 20px;
    padding: 10px 20px;
}
#foot_hitao dl {
    float: left;
    width: 150px;
}
#foot_hitao dt {
    font: 16px "microsoft yahei";
    padding: 6px 0 6px 44px;
    position: relative;
}
#foot_hitao dd {
    background-position: -230px -177px;
    line-height: 20px;
    margin-left: 20px;
    min-height: 90px;
    padding-left: 24px;
}
#foot_hitao dt b {
    height: 28px;
    left: 6px;
    position: absolute;
    top: 0;
    width: 28px;
}
#foot_hitao dl.fore1 b {
    background-position: 0 -176px;
}
#foot_hitao dl.fore2 b {
    background-position: -30px -176px;
}
#foot_hitao dl.fore3 b {
    background-position: -60px -176px;
}
#foot_hitao dl.fore4 b {
    background-position: -90px -176px;
}
#foot_hitao dl.fore5 b {
    background-position: -120px -176px;
}
#foot_hitao dl.fore5 {
    width: 160px;
}
#foot_hitao ul {
    display: none;
}
#foot_hitao dd, #foot_hitao dt b, #foot_hitao li, #foot_hitao li b {
    background-image: url("../images/20120112B.png");
    background-repeat: no-repeat;
}
/*end 页脚*/

/*begin 在线翻译*/
#translateF{
    height: 360px;
    }

#translateFW {
    padding-top:130px;
    height: 42px;
    margin: 0 auto;
    width: 520px;
}
.TranslateUrl{
    width:90px;
    float:left;
    height: 42px;
    line-height:42px;
    padding-top:130px;
    font-size: 1.4em;
    text-align:right;
}
.translateSP{background:url("../images/s.2.png") no-repeat 0 0}
#translateQC {
    border-right: 0;
    left: 5px;
    padding: 3px 2px;
    position: absolute;
    top: 5px;
    width: 424px;
}
#translateFC{position:relative;width:510px;height:33px;padding:5px}
#translateFC #translateQuery {
    background: none repeat scroll 0 0 transparent;
    font-size: 1.6em;
    height: 23px;
    outline: medium none;
    padding: 3px 0 0 2px;
    width: 420px;
}
#translateFC input {
    border: medium none;
    font-family: Arial,sans-serif;
}
#translateFC #translateQB {
    background-position: right -50px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 1.4em;
    font-weight: bold;
    height: 33px;
    margin: 0;
    padding: 0 0 2px 1px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 81px;
    word-spacing: 4px;
}
/*end在线翻译*/



    /*- Menu Tabs I Tab样式--------------------------- */
 #tabsI {
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;
      border-bottom: 0;
      margin:5px;
      }
    #tabsI ul {
    margin:0;
    padding:10px 10px 0 50px;
    list-style:none;
      }
    #tabsI li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsI a {
      float:left;
      background:url(../images/tableftI.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      background-position:0% -42px;
      }
    #tabsI a span {
      font-size: 16px;
      float:left;
      display:block;
      background:url(../images/tabrightI.gif) no-repeat right top;
      padding:2px 32px 2px 0px;
      color:#fff;
      text-shadow: 0 0px 0 #000000;
      font-weight: bold;
      background-position:100% -42px;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsI a span {float:none;}
    /* End IE5-Mac hack */
    #tabsI a:hover span {
      color:#FFF;
      }
    #tabsI a:hover {
      background-position:0% 0px;
      }
    #tabsI a:hover span {
      background-position:100% 0px;
      }

     .tabsImgLeft_a{
        color:red;
     }
    /*-end  Menu Tabs I Tab-- */


/*begin unit-conversion*/
.form-search .search_submit {
    float: none;
}
.search_submit {
    background: url("../images/bg_img.png") no-repeat scroll 0 -3px transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    height: 26px;
    text-align: center;
    width: 79px;
}

#info_box,
#what,
#about_tool,
#other_record,
#my_record,
#copy_code{
    margin-bottom:5px;
}
.form-search{
    background:#f2f2f2;
    height:auto;
    padding-top:5px;
}
.form-search .col tr{
    padding:5px 0;
    height:48px;
    width:100%;
}
.form-search .col .tdCenter{width:80px;text-align:center;}
.form-search label{
    display:inline-block;
    font-size: 16px;
    padding-right:10px;
    text-align:right;
    width:90px;
}
.form-search .col .text{
    ime-mode:disabled;
    width:90px;
}
.form-search select{
    background:#fff;
    border:0;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.06);
    font-size: 16px;
    width:140px;
}
.form-search .search_submit{
    float:none;
}

#measures_result{
    padding:10px;
    font-size: 18px;
    text-align:center;
}
#measures_result strong{
    color:#f00;
}
.box-base {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0;
}
.box-base .box-hd {
    background: #f2f2f2;
    border-bottom: 0;
    height: 26px;
    padding: 0 5px;
}
/*end unit-conversion*/

.hitaoFreightInfo table tr th {
    background: url("../images/hitaoTableThBg.jpg") repeat-x scroll left bottom transparent;
    font-weight: bold;
}
.hitaoFreightInfo table tr th, .hitaoFreightInfo table tr td {
    border: 0;
    color: #707170;
    height: 25px;
}


.grid5col:after{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.inset:nth-child(n) {
    border: medium none;
}
/* 首页表格区块：去除边框线，以背景色块 + 外阴影区分不同区块 */
#post .inset {
    border: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
#buystrip {
    background: none repeat scroll 0 0 #F5F5F5;
    margin: 0px 0 10px;
    /*padding: 5px 0px 5px;*/
    width: auto;
}
.rounded {
    border-radius: 4px 4px 4px 4px;
}
.partners {
    padding: 0 46px;
}
.partners .ug-picture {
    height: 50px;
    overflow: hidden;
}

.partners .ug-picture li{
    float:left;
    list-style-type: none;
}
.link_s{
    padding:5px 30px;
}
.link_s li{
  margin: 6px;
  float:left;
  list-style-type: none;
}
.link_s li a{
 text-decoration: underline;
}
#cc_kf a{
color: #0196E3;
font-size: 16px;
}


/*右边返利列表*/
    .right_rebates .item{margin:1px;padding-top:4px;width:220px;height:55px;}
    .right_rebates .item img{width:50px;height:50px;float:left;}
    .right_rebates .item i{width:21px;height:21px;float:left;background: url("../images/fanliTop_pic.png") no-repeat}
    .right_rebates .item div{padding-left:60px;}
    .right_rebates .item div .u{color:#005fe0;}
    .right_rebates .item div .s{color:#FF6600;}
    .right_rebates .item div .p{color:#FF6600;font-weight:bold;}
    .right_rebates .item div .d{color:#FF6600;}
    .right_rebates .item .i1{ background-position: 0px 0px;}
    .right_rebates .item .i2{ background-position: 0px -33px;}
    .right_rebates .item .i3{ background-position: 0px -66px;}
    .right_rebates .item .i4{ background-position: 0px -96px;}
    .right_rebates .item .i5{ background-position: 0px -126px;}
    .right_rebates .item .i6{ background-position: 0px -156px;}
    .right_rebates .item .i7{ background-position: 0px -186px;}
    .right_rebates .item .i8{ background-position: -57px -6px;}
    .right_rebates .item .i9{ background-position: -57px -38px;}
.archive_moreL {
    float:right;
    }
.archive_moreL a,.archive_moreL a:visited {
    float:left;
    width:155px;
    height:25px;
    line-height: 25px;
    /**text-shadow: 0px 1px 0px #393939;**/
       background: url("../images/morearrow_08c.gif") no-repeat scroll 100% 50% transparent;
    color: #0196E3;
    cursor: pointer;
    font-size: 16px;
    padding-right: 10px;
    text-align: right;
    white-space: nowrap;
    }
.archive_moreL a:hover,.archive_moreL a:active {
    width:170px;
    height:25px;
    color: #0196E3;
    text-shadow: 0px 1px 0px #f1f1f1;
    }
/**/

/*手机扫描二微码begin*/
.cellphone-code-nav li{
   color: #909090;
    cursor: default;
    float: left;
    line-height: 20px;
    margin-right: 12px;
    outline: 0 none;
    text-align: center;
    width: 46px;
}
.li_select{
border-bottom: 2px solid #FF6600;
color: #000000;
}
.cellphone-tab{
    text-align: center;
}
.cellphone-code-img{
 display: block;
     display: block;
    margin: 10px;
    text-align: center;
}
/*手机扫描二微码begin*/


/*首页左边菜单--我的应用 begin */
.myApp-panel {
    width: 225px;
    overflow: hidden;
    position: relative;
    top: -2px;
    margin-bottom: 3px;
}
.fn-clear {
    zoom: 1;
}
.myApp-app {
    float: left;
    width: 75px;
    text-align: center;
    margin-top: 10px;
    position: relative;
}
.myApp-app-title {
    color: #666;
    display: inline-block;
    margin-top: 35px;
}
.myApp-icon-hot {
    display: inline-block;
    position: absolute;
    top: -5px;
    right: 10px;
    background-position: -344px -121px;
    width: 22px;
    height: 14px;
}

.icon-apps30-10011 {
    background-position: 0px -1044px;
}
.icon-apps30-10012 {
    background-position: 0px -756px;
}
.icon-apps30-10013 {
    background-position: 0px -1368px;
}
.icon-apps30-10014 {
    background-position: 0px -1008px;
}
.icon-apps30-10015 {
    background-position: 0px -144px;
}
.icon-apps30-10016 {
    background-position: 0px -1188px;
}
.myApp-app-icon {
    margin: 0 auto 0 18px;
    width: 36px;
    height: 36px;
    display: block;
}
/*首页左边菜单--我的应用 end */


/*head在线客服 begin*/
.onlineService {
    width: 336px;
    position: absolute;
    z-index: 1;
    font-size: 16px;
    font-family: arial,宋体b8b\4f53,sans-serif;
}
.onLineServiceHead {
    background: white url(../images/admin/bg.png) no-repeat 0 -223px;
    height: 22px;
    color: #5B5C5C;
    padding-left: 10px;
}
.closeOnlineService {
    float: right;
    display: inline-block;
    width: 40px;
    height: 25px !important;
    text-decoration: underline;
    color: red !important;
    line-height: 25px !important;
    cursor:pointer;
}
.onLineServiceBox {

    margin: 0 0 10px 0;
    padding: 5px 10px 10px 10px;
    position: relative;
}
.onLineServiceBox span{
    font-size: 16px;
    font-family: arial,宋体b8b\4f53,sans-serif;
}
/*在线客服 end*/


/*回到顶部*/
p#back-to-top{
    position:fixed;
    display:none;
    bottom:150px;
    right:50px;
    z-index:999;

}
p#back-to-top a{
    text-align:center;
    text-decoration:none;
    color:#000;
    display:block;
    /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
    -moz-transition:color 1s;
    -webkit-transition:color 1s;
    -o-transition:color 1s;
}
p#back-to-top a:hover{
    color:#979797;
}
p#back-to-top a span{
    /*background:transparent url('icons-top.png') no-repeat -155px -70px;*/
    background: url("../images/icons-top.png") no-repeat scroll -155px -70px transparent;
display: block;
height: 34px;
overflow: hidden;
text-indent: -99em;
width: 58px;
}
#back-to-top a:hover span{
    background:transparent url('../images/icons-top.png') no-repeat -235px -70px;
}
/*回到顶部*/

/*NAV*/

/** 顶部导航 **/
#topnav {
    background: linear-gradient(180deg, #767676 0%, #636363 100%);
    height: 38px;
    font-size: 16px;
    }
.home {
    float: left;
    width:117px;
    height:35px;
    }
.home a {
    display: block;
    width:117px;
    height:35px;
    position: relative;
    background: linear-gradient(to bottom, #7d7d7d 0%, #717171 45%, #666666 100%);
    }
/* 首页图标：CSS 绘制白色小房子（屋顶三角 + 房身 + 门），替代 home.png */
.home a::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 8px;
    width: 20px;
    height: 9px;
    margin-left: -10px;
    background: #fff;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    }
.home a::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 15px;
    width: 16px;
    height: 10px;
    margin-left: -8px;
    background:
        linear-gradient(#5f5f5f, #5f5f5f) no-repeat center 6px / 6px 4px,
        #fff;
    }
.home a:hover {
    width:117px;
    height:36px;
    background: linear-gradient(to bottom, #848484 0%, #6f6f6f 45%, #636363 100%);
    }
#topnav.current_page_item , #topnav .current-menu-item {
    background: #474747;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.35);
    }
#topnav .current-menu-item a,#topnav .current_page_item a {
    color: #fff !important;
    text-shadow: 0px 1px 0px #000 !important;
    font-weight: bold;
    }
#topnav .current-menu-item  li a,#topnav .sub-menu a ,#topnav .current_page_item li a {
    color: #393939;
    }
.sub-menu a:hover {
    color: #0196e3 !important;
    }
#topnav li {
    height:36px;
    float: left;

    }
#topnav li a, #topnav li a:link, #topnav li a:visited {
    display: block;
    padding: 0 25px 0 25px;
    line-height:36px;
    color: #f2f2f2;
    text-shadow: 0px 1px 0px #000;
    }

#topnav li a:hover, #topnav li a:active {
    background: #585858;
    color: #fff;
    display: block;
    text-decoration: none;
    line-height:36px;
    padding: 0 25px 0 25px;
    text-shadow: 0px 1px 0px #000 !important;
    }
#topnav li li {
    height:30px;
    float: left;
    }
#topnav li li a {
    line-height:30px !important;
    }
#topnav li ul {
    position: absolute;
    left: -999em;
    width: 150px;
    margin: 0;
    z-index: 999;
    margin-top:37px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    }
#topnav  li ul li {
    border-right: none;
    border-left: none;
    }
#topnav  li ul li a {
    background: #4b4b4b;
    width: 100px;
    height:30px;
    color: #fff !important;
    font-weight: normal;
    opacity: .80;
    filter: alpha(opacity=80);
    text-shadow: 0px 1px 0px #000 !important;
    }
#topnav li ul li a:hover {
    text-shadow: 0px 1px 0px #fff !important;
    }
#topnav .sf-sub-indicator {
    display: none;
    }
#topnav  li ul li a.sf-with-ul {
    padding: 7px 12px;
    }
#topnav  li ul li a:hover {
    background: #000;
    color: #fff !important;
    text-shadow: 0px 1px 0px #000 !important;
    text-decoration: none;
    }
#topnav  li ul ul {
    margin: -31px 0px 0px 150px;
    }
#topnav  li ul ul li a {}
#topnav  li ul li ul li a {}
#topnav  li:hover,#topnav  li.hover {
    position: static;
    background: #585858;
    }
#topnav  li:hover ul ul, #topnav  li.sfhover ul ul,
#topnav  li:hover ul ul ul, #topnav  li.sfhover ul ul ul,
#topnav  li:hover ul ul ul ul, #topnav  li.sfhover ul ul ul ul {
    left: -999em;
    }
#topnav  li:hover ul, #topnav  li.sfhover ul,
#topnav  li li:hover ul, #topnav  li li.sfhover ul,
#topnav  li li li:hover ul, #topnav  li li li.sfhover ul,
#topnav  li li li li:hover ul, #topnav  li li li li.sfhover ul {
    left: auto;
    }

/** 导航搜索 **/
#searchbar {
    background: #fff;
    }
/** 现在位置 **/
#map {
    background: linear-gradient(180deg, #e0e0e0, #ffffff 45%);
    }
#feed a  {
    }
/** 首页 **/
.sticky-post {
    /* bg.png 背景已由 CSS 替代 */
    }
.archive_more a,.archive_more a:visited {
    /*background: url('../images/bg.png') 0 -170px;*/
    font-size: 16px;
    color:#0196e3;
    white-space: nowrap; padding-right: 10px;background: url(../images/morearrow_08c.gif) no-repeat 100% 50%; cursor: pointer; zoom: 1; text-align: right;

    }
.archive_more a:hover,.archive_more a:active {
    /*background: url('../images/bg.png') 0 -146px;*/
    text-decoration:underline;
    color:#0196e3;
    }
/** 侧边栏 **/
#sidebar h3 {
    background: #f2f2f2;
    }
/** 回复 **/
.reply {
    /* bg.png 背景已由 CSS 替代 */
    }
/** 表单 **/
#commentform input.submit {
    background: #f2f2f2;
    }
#commentform input#reset {
    background: #f2f2f2;
    }
/** 头像 **/
.set_avatar {
    /* bg.png 背景已由 CSS 替代 */
    }
/** 页脚 **/
.blogtitle {
    background: #f2f2f2;
    }
 /** 友情链接页面 **/
#map_l {
    background: #f0f0f0;
    }
#map_r {
    background: #f0f0f0;
    }
 /** 自用 **/
.bd p input{
    background: #f2f2f2;
    }
 /** 归档 **/
#expand_collapse{
    background: #f2f2f2;
    }
/** 分类列表 **/
.cat_post_box {
    /* bg.png 背景已由 CSS 替代 */
    }
.news {
    /* bg.png 背景已由 CSS 替代 */
    }

/*Home*/
** slideshow **/
#slideshow {
    position:relative;
    background:#fff;
    width:900px;
    height:268px;
    padding:0px;

    margin: 22px 0 15px;

    border: 0;

    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 1px 5px rgba(0,0,0,.35);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.35);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,.35);

    }
#slideshow:nth-child(n) {
    border: medium none;
}
#slideshow:before,
#slideshow:after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 15px;
    left: 20px;
    width: 50%;
    height: 20%;
    /*add box-shadow*/
    -webkit-box-shadow: 0 15px 10px rgba(125,125,125,0.8);
    -moz-box-shadow: 0 15px 10px rgba(125,125,125,0.8);
    box-shadow: 0 15px 10px rgba(125,125,125,0.8);
    /*add css3 transform*/
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
  }

#slideshow:after {
    right:10px;
    left: auto;
    -webkit-transform:rotate(3deg);
    -moz-transform:rotate(3deg);
    -o-transform:rotate(3deg);
    transform:rotate(3deg);
 }
.slideshow {
    width:580px;
    height:268px;
    overflow:hidden;

    }


.r_box {
    position:relative;
    background:#fff;
    width:710px;
    padding:10px;
    margin: 22px 0 10px;
    border: 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,.35);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.35);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.35);
    }
.r_box:nth-child(n) {
    border: medium none;
}

.featured_post{
    width:900px;
    height:268px;
    overflow:hidden;
    }
.slider_image,.slider_image img {
    float: left;
    /**width:400px;**/
    width:580px;
    height:268px;
    }
.slider_post {
    float:right;
    width:280px;
    padding-right:10px;
    }
.slider_post p{
    font-size: 16px;
    text-indent:2em;
    margin-top:5px;
    line-height:24px;
    }
#slider_nav  {
    position:relative;
    z-index:999;
    float:right;
    margin-right:10px;
    margin-top:240px;


    }
#slider_nav a {
    background:url(../images/slider_nav.png);
    float:left;
    line-height:24px;
    padding:0 8px 0 8px;
    color:#ebebeb;
    text-shadow: none;
    }
#slider_nav a.activeSlide { color:#f99356;}
#featured_tag {
    background:url(../images/featured.png);
    position:absolute;
    width:21px;
    height:79px;
    left:0px;
    top:20px;
    z-index:999;
    }
.news {
    position:absolute;
    width:51px;
    height:51px;
    right:-3px;
    top:-3px;
    z-index:-2;
    }
.cat_name {
    position:absolute;
    line-height:20px;
    right:100px;
    top:-1px;
    text-align:center;
    padding:0 20px 0 20px;
    border: 0;
    }
#map_h {
    width:1200px;
    }
.time_h {
    float: left;
    margin: 0 0 0 10px;
    }
.tag_t {
    float:right;
    width:750px;
    height:23px;
    overflow:hidden;
    }
.tag_t a {
    padding:0 0 0 10px;
    font-weight:bold;
    text-shadow: 0px 1px 0px #fff;
    }

/** 分类 **/
#cmsl {
    float:left;
    width:900px;
    }
#cmsl .mc{
 height: 180px;
 margin: 10px;
 margin-top:5px;
 padding-left: 10px;
 border: none;
}


#cms2{
    float:left;
    width:370px;
    }
.entry_box_h_del {
    position:relative;
    background:#fff;
    width:338px;
    padding: 1px 10px 10px 10px;
    margin:0 0 0px 0;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    }


.entry_box_h {
    float:left;
    position:relative;
    background:#fff;
    width:338px;
    padding: 1px 10px 10px 10px;
    margin:0 10px 15px 0;
    border: 0;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,.35);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.35);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.35);.
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25), 0 3px 4px rgba(0, 0, 0, 0.3);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.04) 0%, rgba(200,200,200,0.1) 50%, rgba(200,200,200,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.04)), color-stop(50%,rgba(200,200,200,0.1)), color-stop(100%,rgba(200,200,200,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.04) 0%,rgba(200,200,200,0.1) 50%,rgba(200,200,200,0) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.04) 0%,rgba(200,200,200,0.1) 50%,rgba(200,200,200,0) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.04) 0%,rgba(200,200,200,0.1) 50%,rgba(200,200,200,0) 100%);
    background: linear-gradient(top, rgba(0,0,0,0.04) 0%,rgba(200,200,200,0.1) 50%,rgba(200,200,200,0) 100%);

    }
    .entry_box_h:hover {
        background: rgba(255,255,255,0.35); *background: #fff;
    }
.entry_box_h:nth-child(n) {
    border: medium none;
    }
    .entry_box_h h3{
        /**text-shadow: rgba(50, 50, 50, .3) 1px 1px 3px;**/
        text-shadow: 1px 1px 0 #FFFFFF;
        font-weight: normal;
    }

/** 第一篇 **/
.cat_box {
    font-size: 16px;
    line-height: 23px;
    word-wrap:break-word;
    }
.thumbnail_box_h {
    float: left;
    width: 140px;
    height:104px;
    margin: 5px 10px 5px 0;
    padding: 4px 4px 0 4px;
    }
/** 分类列表 **/
.cat_post_box {
    float:right;
    width:330px;
    margin:0 0 2px 0;
    }
.cat_post {
    width:300px;
    font-size: 16px;
    list-style: none;
    height:28px;
    padding:0 0px 0 20px;
    border-bottom: 0;
    }
.cat_post li{
    float: left;
    line-height:28px;
    }
.hoem_date {
    float:right;
    font-size: 16px;
    color: #737373;
    line-height:28px;
    }
.ption {
    float:left;
    width:333px;
    height:25px;
    }
.cat_name_c {
    float:left;
    font-size: 16px;
    line-height:20px;
    width:180px;
    color: #737373;
    padding:0 0 0 23px;
    }
.cms_box_b {
    position:relative;
    background:#fff;
    width:358px;
    height:10px;
    margin:0 0 10px 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;

    }
/** v_show **/
.v_show {
    width:900px;
    margin:0 0 0 21px;
    }
.highlight_tip {
    display:inline;
    float:left;
    margin:14px 0 0 10px;
    }
.highlight_tip span {
    display:inline;
    float:left;
    width:7px;
    height:7px;
    overflow:hidden;
    margin:0 2px;
    background:#ccc;
    text-indent:-9999px;
    }
.highlight_tip .current {
    background:#04aef4;
    }
.change_btn {
    float:right;
    width:62px;
    margin:7px 20px 0 10px;
    background:url(../images/btn.png);
    }
.change_btn span {
    display:block;
    float:left;
    width:30px;
    height:23px;
    overflow:hidden;
    text-indent:-9999px;
    cursor:pointer;
    }
.v_content {
    position:relative;
    width:688px;
    height:155px;
    overflow:hidden;
    }
.v_content_list {
    position:absolute;
    width:2500px;
    top:0px;
    left:0px;
    }
.v_content ul {
    float:left;
    }
.v_content ul li {
    display:inline;
    float:left;
    margin:8px 8px 0;
    padding:8px;
    }
.v_content ul li img {
     width:140px;
     height:100px;
     }
.v_content ul li h4 {
    width:140px;
    font-weight:normal;
    line-height:18px;
    }
.v_content ul li h4 a {
    display:inline !important;
    height:auto !important;
    }
/*sd home*/

.club .mc {
    height: 260px;
    margin:10px 0px 10px 10px;
    border: none;
}
.club .mc1 {
    height: 260px;
    margin:10px 0px 10px 10px;
    border: none;
    width:auto;
}
#index_newstitle{
	height:70px;
	overflow:hidden;
	}

.club li {
    height: 80px;
    padding: 5px 0;
    overflow: hidden;
}
.club .p-img {
    float: left;
    margin-right: 15px;
    overflow: visible;
}
.club .p-name {
    height: 1.5em;
    padding: 3px 0;
}
.club .p-name a: link,.club .p-name a: visited {
    color: #005EA7;
}
.club .vi {
    display: inline-block;
    position: relative;
    top: 1px;
    left: 3px;
}
.club .ci {
    top: 0;
    right: -10px;
}
.club .p-detail a: link,.club .p-detail a: visited {
    color: #999;
}
.club .loading-style1 {
    margin-top: 100px;
}
.club .mc {
    *position: relative;
}
*html .club .vi {
    top: -2px;
}
.root61 .club .p-detail {
    width: 285px;
    background-position: 300px -342px;
}
#share {
    float: left;
    width: 445px;
}
#share_2 {
    float: left;
    width: 900px;
}
#share_2 .mc li{
    box-shadow: 0 1px 0 0 rgba(204,204,204,.4);
    line-height: 30px;
    width:auto;
}
#full_share_2 .mc li{
    box-shadow: 0 1px 0 0 rgba(204,204,204,.4);
    line-height: 30px;
}
#full_share_2{
    width: 740px;
}
#full_share_2 .art_date{
    float: right;
    margin-right: .5rem;
}

#share_2 .mc li a:link{
   line-height: 20px;
}
.root61 #share {
    width: 446px;
}


.index_newstitle p{ line-height: 20px;}
.m,
.mc,
.mb,
.sm,
.smt,
.smc,
.smb {
  overflow: hidden;
  zoom: 1;
}
.extra{
	float:right;
    position: relative;
    right: 30px;
    top: -25px;
	}
/*首页*/
#index_half{
    overflow: hidden;
    width:1200px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    background-color:
}
.left_half{
    width:580px;
    float:left;
    margin: 0px 5px;
}
.right_half{
    width:600px;
    float:left;
    margin: 0 5px;
    overflow: hidden;
}

#tabs {
    margin: 0 0 15px;
    position: relative;
    width: 100%;
}


#abs_tabs a:hover {
    background: linear-gradient(to bottom, #0d6cb8 0%, #0d6cb8 45%, #0d6cb8 100%);
    color: #FFFFFF;
    margin: 0 5px 0 0;
    padding: 5px 10px;
}
#abs_tabs li a.selected {
    background: linear-gradient(to bottom, #0d6cb8 0%, #0d6cb8 45%, #0d6cb8 100%);
    color:#fff;
    margin:0 5px 0 0;
    padding: 5px 10px 5px 10px;
    }
#abs_tabs{
    position: relative;
    top:1px;
}


.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
#event_list .event_item {
    border-bottom: 0;
    margin: 0;
    overflow: hidden;
    padding: 36px 25px;
    padding-right:0px;
}

#event_list .event_item .event_cover {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0;
    float: left;
    height: 258px;
    margin: 0;
    overflow: hidden;
    text-align: center;
    width: 350px;
}
#event_list .event_item .event_info {
    float: left;
    margin-left: 20px;
    overflow: hidden;
    text-align: left;
    width: 300px;
}
#event_list .event_item .event_info .event_day {
    background: url("../images/icon_time.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    border-bottom: 0;
    color: #333333;
    height: 28px;
    line-height: 28px;
    text-indent: 25px;
    width: 80%;
}

#event_list .event_item .event_info .event_person {
    background: url("../images/icon_person.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    border-bottom: 0;
    color: #333333;
    height: 28px;
    line-height: 28px;
    text-indent: 25px;
    width: 80%;
}
#event_list .event_item .event_info .event_hot {
    background: url("../images/icon_hot.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #333333;
    height: 28px;
    line-height: 28px;
    text-indent: 25px;
    width: 80%;
}
#event_list .event_item .event_info .event_title, .event_list .event_item .event_info .event_title a {
    color: #333333;
    font-size: 16px;
    font-weight: 800;
    line-height: 26px;
}
.entry-content p {
    margin-bottom: 10px;
}
.cat_box li{
    list-style-type: none;
}

#link_logo {
    height: 140px;
    list-style-type: none;
    overflow: hidden;
    text-align: center;
    width: 200px;
    line-height:30px;
    margin:10px;
}
#link_logo1{overflow: hidden;}
#link_logo1 li{
    display: inline-block;
    width: 200px;
    height: 80px;
    line-height: 80px;
    margin: 0 8px;
    vertical-align: middle;
    text-align: center;
}
#link_logo1 li img{
    max-width: 200px;
    max-height: 60px;
    width: auto;
    height: auto;
    vertical-align: middle;
}
#link_logo2{overflow: hidden;height: 0px;}
#link_logo2 li{
    display: inline-block;
    width: 200px;
    height: 80px;
    line-height: 80px;
    margin: 0 8px;
    vertical-align: middle;
    text-align: center;
}
#link_logo2 li img{
    max-width: 200px;
    max-height: 60px;
    width: auto;
    height: auto;
    vertical-align: middle;
}


#index_newstitle h2{font-weight:bold;font-size: 16px;}
#index_newstitle p{
	 color: #666666;
    font-size: 16px;
    line-height: 16px;
    margin-left: 5px;
    margin-right: 20px;
	 padding: 10px;
	}
#mcclist{
	overflow-y:scroll;
	 display: block;
    height: 260px;
    overflow-x: none;
	}
.box .member_list{list-style:none;height:300px;margin-top:10px;}
.member_list dt{width:200px}

.member_list li{
	float: left;
    text-align: center;
    width: 105px;
    }
#cmsl_img li{float:left;width:195px;margin:5px 15px 10px;}
#cmsl_img{float: left;width: 900px;}
#cmsl_img li span{text-align:center;display: block;width: 195px;}
#cmsl_img li .thumbimg{ width: 185px; height: 130px; }
.thumbimg{
		box-shadow: 0 0 0 5px #F2F2F2;
    border-radius: 2px;
    width: 200px;
    height: 140px;
 }
.bdsharebuttonbox{
 	float:right;
 	height:30px;
 	text-align:right;
 	}


.scroll {
    height: 350px;
    overflow: hidden;
    position: relative;
    width: 600px;
}
.scroll .scroll_num {
    position: absolute;
    right: 6px;
    top: 312px;
}
.scroll .scroll_num span {
    background: url("../images/tennisCom_yb_dot1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    height: 14px;
    margin: 0 4px;
    width: 14px;
}
.scroll .scroll_num span.current {
    background: url("../images/tennisBlue_yb_dot1On.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.scroll .arr_left {
    background: url("../images/tennisCom_yb_arr1Left.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 60px;
    left: -1px;
    position: absolute;
    top: 156px;
    width: 50px;
}
.scroll .arr_right {
    background: url("../images/tennisCom_yb_arr1Right.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 60px;
    position: absolute;
    right: -1px;
    top: 156px;
    width: 50px;
}
.scroll a.arr_left:hover {
    background: url("../images/tennisCom_yb_arr1LeftOn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.scroll a.arr_right:hover {
    background: url("../images/tennisCom_yb_arr1RightOn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.scroll .box {
    float: left;
    height: 350px;
    overflow: hidden;
    width: 580px;
}
.scroll .box .bg {
    background: none repeat scroll 0 0 #000000;
    height: 60px;
    margin-top: -60px;
    opacity: 0.5;
}
.scroll .box .txt {
    height: 60px;
    margin-top: -60px;
    padding-left: 10px;
    position: relative;
}
.scroll .box .txt h3 {
    font-size: 22px;
    line-height: 28px;
    padding-top: 3px;
}
.scroll3 {
    height: 200px;
    margin-top: 20px;
    overflow: hidden;
    position: relative;
    width: 300px;
}
.scroll3 .arr_left {
    background: url("../images/tennisCom_yb_arr1Left.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 60px;
    left: -1px;
    position: absolute;
    top: 70px;
    width: 50px;
}
.scroll3 .arr_right {
    background: url("../images/tennisCom_yb_arr1Right.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 60px;
    position: absolute;
    right: -1px;
    top: 70px;
    width: 50px;
}
.scroll3 a.arr_left:hover {
    background: url("../images/tennisCom_yb_arr1LeftOn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.scroll3 a.arr_right:hover {
    background: url("../images/tennisCom_yb_arr1RightOn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.scroll3 .box {
    float: left;
    height: 200px;
    overflow: hidden;
    width: 300px;
}
.scroll3 .tips {
    background: url("../images/tennisCom_yb_weeklypic.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 10px;
    color: #FFFFFF;
    font-family: "Microsoft Yahei","微软雅黑";
    font-size: 20px;
    height: 27px;
    line-height: 27px;
    padding-top: 8px;
    position: absolute;
    right: 10px;
    text-align: center;
    width: 129px;
}
.scroll4 {
    height: 88px;
    margin-top: 13px;
    position: relative;
    width: 304px;
}
.scroll4 .scroll_num {
    position: absolute;
    right: 50px;
    top: -28px;
}
.scroll4 .scroll_num span {
    background: url("../images/tennisCom_yb_dot2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    height: 12px;
    margin: 0 4px;
    width: 12px;
}
.scroll4 .scroll_num span.current {
    background: url("../images/tennisBlue_yb_dot2On.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.scroll4 .box {
    float: left;
    height: 88px;
    overflow: hidden;
    width: 304px;
}
.scroll4 .box li {
    float: left;
    line-height: 12px;
    margin-right: 6px;
    text-align: center;
    width: 70px;
}
.scroll4 .box li img {
    display: block;
    margin-bottom: 6px;
}

.fwit, .fwit a:link, .fwit a:visited {
    color: #FFFFFF;
}
/*banner*/
.bannerbox { width: 1200px; height:180px; overflow: hidden; margin: 0px auto; }
#focus { width: 1200px; height: 180px; clear: both; overflow: hidden; position: relative; float: left; }
#focus ul { width: 1200px; height: 180px; float: left; position: absolute; clear: both; padding: 0px; margin: 0px; }
#focus ul li { float: left; width: 1200px; height: 180px; overflow: hidden; position: relative; padding: 0px; margin: 0px; }
#focus .preNext { width: 50px; height: 180px; position: absolute; top: 0px; cursor: pointer; }
#focus .pre { left: 0; background: url(../images/sprite.png) no-repeat left center; }
#focus .next { right: 0; background: url(../images/sprite1.png) no-repeat right center; }

.bannerbox_1 { width:900px; height:110px; overflow: hidden; margin: 0px auto; }
#focus_1 { width: 900px; height: 110px; clear: both; overflow: hidden; position: relative; float: left; }
#focus_1 ul { width: 900px; height: 110px; float: left; position: absolute; clear: both; padding: 0px; margin: 0px; }
#focus_1 ul li { float: left; width: 900px; height: 110px; overflow: hidden; position: relative; padding: 0px; margin: 0px; }
#focus_1 .preNext { width: 50px; height: 110px; position: absolute; top: 0px; cursor: pointer; }
#focus_1 .pre { left: 0; background: url(../images/sprite.png) no-repeat left center; }
#focus_1 .next { right: 0; background: url(../images/sprite1.png) no-repeat right center; }


.bottom_tools {
    bottom: 40px;
    position: fixed;
    right: 40px;
    z-index: 1070;
}
.bottom_tools > * {
    background-color: transparent;
    border: 0 none;
    color: transparent;
    display: block;
    font: 0px/0 a;
    margin-top: 5px;
    text-shadow: none;
}
.qr_img {
    display: none;
    left: -183px;
    position: absolute;
    top: -189px;
}
#scrollUp {
    background-image: url("../images/backgrounds.32.png");
    background-position: -54px -53px;
    display: none;
    height: 45px;
    width: 45px;
}
#scrollUp:hover {
    background-image: url("../images/backgrounds.32.png");
    background-position: -100px -53px;
}
#feedback {
    background-image: url("../images/backgrounds.32.png");
    background-position: -102px 0;
    height: 45px;
    width: 45px;
}
#feedback:hover {
    background-image: url("../images/backgrounds.32.png");
    background-position: -146px -46px;
}
.qr_tool {
    background-image: url("../images/backgrounds.32.png");
    background-position: -148px 0;
    cursor: pointer;
    height: 45px;
    width: 45px;
}
.qr_tool:hover {
    background-image: url("../images/backgrounds.32.png");
    background-position: -192px -46px;
    height: 45px;
    width: 45px;
}
.denglu_main1 ul li span.shiyong {
    color: #fff;
    float: left;
    line-height: 25px;
    position: static;
}
.denglu_main1 p a {
    color: #1461cc;
    padding-left: 65px;
    text-decoration: underline;
}
.hd-login {
    background-color: #fff;
    color: #888;
    width: 250px;
}
.hd-login-tab li {
    line-height: 30px;
    padding: 7px 0 7px 15px;
}
.hd-login-tab li.hd-lg-notice {
    color: #f96936;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    padding: 13px 42px 0;
}
.hd-login-tab label {
    line-height: 30px;
}
.hd-login-tab .hd-login-txt {
    background-image: url("../images/inputBg.jpg");
    background-repeat: no-repeat;
    border: 0;
    height: 28px;
    vertical-align: middle;
}
.hd-login-tab .hd-login-user {
    background-position: 0 0;
    padding: 0 5px 0 28px;
    width: 160px;
}
.hd-login-tab .hd-login-pass {
    background-position: 0 -30px;
    padding: 0 5px 0 28px;
    width: 160px;
}
.hd-login-tab .hd-login-code {
    background-position: 0 -60px;
    padding: 0 5px;
    width: 80px;
}
.hd-login-btn {
    background-color: #0196E3;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font: 700 15px 'Microsoft YaHei';
    height: 40px;
    padding: 0 5px;
    width: 120px;
    border-radius: 6px;
}
.hd-login-btn:hover {
    background-color: #007FBE;
}
.hd-login-bot {
    border-top: 0;
    line-height: 20px;
}
.hd-login-bot .kjdl-sina {
    background: url("../images/kjdl.jpg") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
    height: 20px;
    margin: 0 5px;
    width: 19px;
}
.hd-login-bot .kjdl-qq {
    background: url("../images/kjdl.jpg") no-repeat scroll 0 -22px rgba(0, 0, 0, 0);
    height: 20px;
    width: 19px;
}
#loading {
    background: url("../images/loaderc.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 124px;
    left: 50%;
    margin: -62px 0 0 -62px;
    overflow: hidden;
    position: fixed;
    top: 50%;
    width: 124px;
    z-index: 7;
}


/* CSS top */
.info img {
    margin-bottom: 3px;
    vertical-align: middle;
    margin-right:5px;
    margin-left:10px
}
.topp {
    line-height: 28px;
    margin: 0 auto;
    text-align: right;
    width: 950px;
}
.top a {
    margin-left: 15px;
}
.top a:hover {
    text-decoration: none;
}


.stime {margin-right:10px;color:666666;}

.upload-area {
    background-color: #f5f5f5;
    border: 2px solid #e1e1e1;
    float: left;
    height: 200px;
    margin-right: 30px;
    position: relative;
    width: 200px;
}
.upload-area .file-tips {
    color: #a8a8a3;
    font-size: 16px;
    left: 0;
    line-height: 1.4;
    padding: 0 15px;
    position: absolute;
    text-align: center;
    top: 90px;
    width: 170px;
}
.userup-icon {
    background: url("../images/userup_icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 16px;
    margin-right: 3px;
    vertical-align: -2px;
    width: 16px;
}
.uploadify-button {
    line-height: 120px !important;
    text-align: center;
}
.preview-area {
    float: left;
}
.tcrop {
    clear: right;
    font-size: 16px;
    font-weight: bold;
}
.update-pic .crop {
    background: url("../images/mystery.png") no-repeat scroll center center #eeeeee;
    float: left;
    margin-bottom: 20px;
    margin-top: 10px;
    overflow: hidden;
}
.crop100 {
    height: 100px;
    width: 100px;
}
.crop60 {
    height: 60px;
    margin-left: 20px;
    width: 60px;
}
.update-pic .save-pic {
    clear: left;
    margin-right: 20px;
}
.update-pic .uppic-btn {
    background-color: #348fd4;
    color: #ffffff;
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    width: 89px;
}
.preview {
    background: none repeat scroll 0 0 #fff;
    display: none;
    height: 200px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 200px;
    z-index: 11;
}
#msg {
    color: #f30;
    line-height: 24px;
    margin-left: 30px;
}
.userRight{
	
	padding:10px;
	}

/* table style*/
table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 100%;    
}

.bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
    width:710px;       
}

.bordered tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
    
.bordered td, .bordered th {
    border-left: 0;
    border-top: 0;
    padding: 10px;
    text-align: left;
}

.bordered th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}
#infoedit{color:#ffffff;}
.user_header{height:100px;}
.icon_1{ background: url("../images/icon_1.png") no-repeat scroll center center #fff;
	width:230px;height:80px;margin-top:14px;
	}
#shita_num{float:left;
		font-size: 25px;
    font-weight: bold;
    line-height: 80px;
    margin-left: 20px;
    width:40px;
    text-align:center;
	}
#shita{ float: right;
    font-size: 25px;
    font-weight: bold;
    line-height: 80px;
    margin-right: 20px;}
.member_zz{ 
		font-size: 16px;
    line-height: 100px;
    margin-left: 20px;
    text-align:center;
    width:300px;
}
.member_status{ 
		font-size: 16px;
    line-height: 100px;
    margin-left: 20px;
    width:85px;
    text-align:right;
    
}
.icon_passed{ width:25px; background: url("../images/msg_bg.png") no-repeat scroll center center #fff;
    background-position: 8px -249px;
	height:25px;	float:left;
	margin-top:42px;

}
.icon_nopassed{
	width:25px; background: url("../images/msg_bg.png") no-repeat scroll center center #fff;
  background-position: 8px 0;
  height:25px;
	float:left;
	margin-top:42px;
	}

.icon_img{
	width:30px;
	height:30px;
	}
.contact_main_join{
	padding:20px;
}
.detail_apply{display:block;width:200px;height:30px;text-align:center;font-size: 16px;line-height:30px;background-color:#8AC764;}
.detail_apply a:link{color:#ffffff;text-decoration: none; }
.event_act{float:left;}
.regsit{
	  background-color: #fff;
    float: right;
    padding: 0 10px;
    color:#666;
}
.regsit em{
	margin-left:20px;
	}
.regsit img{
    margin-bottom: 3px;
    vertical-align: middle;
    border: medium none;
}
.imagesList li{float:left;margin:10px 5px 10px 5px;height:230px;}
.imagesList li p{
background-color: #666666;
    border-radius: 5px;
    color: #fff;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    top: -40px;
    width: 340px;
}
#joinfanbox{color:#fff}
.select_input{

background-color: #e5e6e7;
  background-image: none;
  border: 0;
    padding: 3px 6px;
  -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
/* ===== 导航点击区域修复：span.fl float 导致 a 高度塌陷(0px) 不可点击 ===== */
#nav_box li a,
#topnav li a {
    height: 36px;
}
#nav_box li a span.fl,
#topnav li a span.fl {
    float: none;
    display: inline;
}


/* ===== 文字排版：全局最小字号 14px + 标题单行省略对齐 ===== */
/* 列表标题/正文统一最小 14px 已在上方批量处理；以下处理标题省略对齐 */

/* 列表页/栏目列表：标题单行省略、对齐 */
.archive_title h3 a,
.cat_box li a,
.cat_post li a,
.tab-inside ul li dl.po_title a,
#index_newstitle h2,
#cmsl_img li a{
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.archive_title h3{ max-width: 100%; }
.tab-inside ul li dl.po_title a{ max-width: 100%; }

/* 首页 tab 列表普通项：日期+标题单行省略 */
.tab-inside ul li a{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.tab-inside ul li{ white-space: nowrap; overflow: hidden; }
.tab-inside ul li a{ max-width: 100%; }

/* 首页新闻标题描述：单行省略 */
#index_newstitle p{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ===== 最小字号兜底 14px ===== */
.flatpickr-calendar, .flatpickr-calendar *{ font-size: 14px !important; }

/* ===== 统一窗体标题修饰（不改变原配色） ===== */
.grid5col > h2, .club > h2, #share_2.club .mt h2, .w2col .mt h2{
  background: var(--color-surface-muted);
  border-left: 4px solid var(--color-brand);
  padding: var(--space-2) var(--space-3);
  margin: 0 0 var(--space-2);
  font-size: var(--font-size-body);
  line-height: var(--line-height-compact);
  color: var(--color-text-primary);
}

/* ===== 培训/专业发展 两区块左右并排 ===== */
.w2col{ overflow: hidden; }
.w2col .mc{ height: auto !important; }
.w2col > #share_2{
  float: left;
  width: 50% !important;
  box-sizing: border-box;
}
.w2col > #share_2:first-child{ padding-right: 12px; }
.w2col > #share_2 + #share_2{ padding-left: 12px; }

/* ===== 赛事成绩区块：高度自适应，避免内容截断 ===== */
#share .mc{ height: auto !important; }

/* ===== 所有赛事成绩容器自适应 + 社会新闻高度自适应 ===== */
.mc:has(#mcclist){ height: auto !important; }
#comment .mc1{ height: auto !important; }

/* ===== 侧栏区块统一间距 ===== */
#sidebar .box{ margin: 0 0 15px; }

/* ===== shtennis 首页全量整改 2026-10-19（website-layout-optimize 技能） ===== */
/* 1) 盒模型统一：限定首页作用域，避免一次性全站切换引发大面积回归 */
#wrapper, #wrapper *,
#wrapper *::before, #wrapper *::after { box-sizing: border-box; }

/* 2) 首页模块标题（原内联样式提取，间距归入 8px 栅格） */
.home-block-title { margin-left: var(--space-4); margin-top: var(--space-2); font-size: var(--font-size-body); line-height: 185%; }

/* 3) 首页内容面板（原 grid5col 内联背景提取） */
.home-panel { margin: 2px 0 var(--space-2); background: var(--color-surface); }

/* 4) 重复 id 去重后的等效样式（后续实例原本缺失这些规则，现补全） */
.index_img { margin: 0 20px 0 5px; width: 70px; height: 70px; border: 0; float: left; }
.index_newstitle { height: 70px; overflow: hidden; }
.index_newstitle h2 { font-weight: bold; font-size: var(--font-size-body); }
.index_newstitle p { color: var(--color-text-secondary); font-size: var(--font-size-body); line-height: var(--line-height-compact); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.share_2 { float: left; width: 900px; }
.share_2 .mc li {  line-height: 30px; width: auto; }
.share_2 .mc li a:link { line-height: 20px; }
.share_2.club .mt h2 { background: var(--color-surface-muted); border-left: 4px solid var(--color-brand); padding: var(--space-2) var(--space-3); }
/* 首页右侧模块标题：标题在 box 内（对齐 30 页 #sidebar .widget 方案——容器灰条条带，标题居内） */
#post .grid5col .mt, #post .share_2 .mt, #post .m3 .mt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 48px;
  box-sizing: border-box;
  border-left: 4px solid var(--color-brand);
  background: var(--color-surface-muted);
  padding: var(--space-2) var(--space-3);
  margin: 0 0 var(--space-2);
}
#post .grid5col .mt h2, #post .share_2 .mt h2, #post .m3 .mt h2 {
  background: transparent;
  border-left: 0;
  padding: 0;
  margin: 0;
  font-size: var(--font-size-title-sm);
  font-weight: 700;
  line-height: var(--line-height-compact);
  color: var(--color-text-primary);
}
.w2col > .share_2 { float: left; width: 50% !important; box-sizing: border-box; }
.cmsl { float: left; width: 900px; }
.cmsl .mc { height: 180px; margin: 10px; margin-top: 5px; padding-left: 10px; border: none; }
.ad { margin: 5px 0 5px 0; }

/* 5) 表单内联错误提示（替代 alert） */
.form-error { display: block; color: var(--color-danger); font-size: var(--font-size-min); line-height: 18px; padding: 2px 0; }
.form-error-input { border-color: #e50000 !important; background-color: #fff5f5 !important; }

/* 6) 无障碍：屏幕阅读器专用（视觉隐藏，可读保留） */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; white-space: nowrap; }

/* ===== 首页整改 2026-10-19（续）：w2col 双列间距（class 化后原 #share_2 规则失效） ===== */

/* ===== 首页整改 2026-10-19（续2）：图文标题区防挤压、搜索表单对齐 ===== */
.index_newstitle h2{ margin: 0; line-height: 22px; }
.index_newstitle p{ margin: 2px 0 0; }
.select_input{ max-width: 90px; padding: 3px 2px; }
#searchform{ line-height: 32px; }
#searchform .form-control{ vertical-align: middle; }
#searchform .btn{ vertical-align: middle; }

/* ===== 首页视觉优化 2026-10-19（边框美化 + 文字对齐 + 布局统一；仅作用首页 #wrapper 作用域） ===== */
/* 1) 首页面板：白底 + 细边框 + 圆角 + 轻阴影 + 统一间距 */
#wrapper .grid5col.inset.rounded {
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 14px;
}
#wrapper .home-panel { margin-bottom: 14px; }

/* 1.5) 各栏目独立卡片：表头（mt 标题栏）+ 内容一体 */
#wrapper .vp-home-section,
#wrapper .share_2 {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(20,80,140,.08);
  padding: 12px 16px 16px;
  margin: 0 0 12px;
  overflow: hidden;
}
/* Vue 模式覆盖修正：site.css 默认 padding:0 会覆盖，需更高优先级 */
[data-vue-site] #wrapper .vp-home-section,
[data-vue-site] #wrapper .share_2 {
  padding: 12px 16px 16px !important;
}
#wrapper .w2col > .share_2:last-child { margin-right: 0; }

/* 1.6) 精彩瞬间：统一卡片（标题栏 + 图文内容一体） */
#wrapper #cmsl_img .grid5col {
  background: #fff;
  border: none;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(20,80,140,.08);
  padding: 12px 16px 16px;
  margin-bottom: 12px;
  overflow: hidden;
}
/* 内部图文项融入大卡片：去掉独立白底/边框 */
#wrapper #cmsl_img .vp-gallery-card {
  background: transparent;
  border: none;
  border-radius: 8px;
  box-shadow: none;
  padding: 0;
  overflow: hidden;
}
#wrapper #cmsl_img .vp-gallery-card img {
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(20,80,140,.1);
}
#wrapper #cmsl_img .vp-gallery-card span {
  padding: 10px 4px 0;
}

/* 2) 面板标题统一：浅灰底 + 品牌蓝左条 + 内边距（统一各模块标题样式） */
#wrapper .home-block-title,
#wrapper .grid5col > h2,
#wrapper .w2col .mt h2 {
  margin: 0 !important;
  padding: var(--space-2) var(--space-3);
  background: var(--color-surface-muted);
  border-left: 4px solid var(--color-brand);
  font-size: var(--font-size-body);
  line-height: var(--line-height-compact);
}

/* 3) 图文/文字列表项：分隔线 + 内边距 + hover 反馈 */
#wrapper .share_2 .mc li,
#wrapper #comment .mc1 li {
  border-bottom: 1px dashed var(--color-border-light);
  padding: var(--space-2) var(--space-1);
  transition: background-color .2s ease;
}
#wrapper .share_2 .mc li:hover,
#wrapper #comment .mc1 li:hover { background-color: var(--color-surface-muted); }
#wrapper .share_2 .mc li:last-child,
#wrapper #comment .mc1 li:last-child { border-bottom: none; }

/* 4) 图文对齐：图片圆角 + 标题/描述行距统一（描述两行截断） */
#wrapper .index_img img { border-radius: var(--radius-sm); }
#wrapper .index_newstitle h2 { font-size: var(--font-size-body); line-height: 22px; }
#wrapper .index_newstitle p {
  font-size: var(--font-size-min); color: var(--color-text-secondary); line-height: 20px;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/* 5) 裁判表：表头蓝底白字 + 行分隔 + 斑马纹 + hover */
#wrapper .title-bar1 { background: var(--color-brand); }
#wrapper .title-bar1 td { color: #ffffff; font-weight: bold; padding: 6px 0; }
#wrapper #tab_latest td { border-bottom: 1px solid #eef0f1; }
#wrapper #tab_latest tr:nth-child(even) td { background: #f8fafb; }
#wrapper #tab_latest tr:hover td { background: #eef6fb; }

/* 6) 侧栏卡片统一 + 广告横幅圆角 */
#sidebar .box {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  padding: var(--space-2);
}
#wrapper .ad, #wrapper .bannerbox, #wrapper .bannerbox_1 { border-radius: 6px; overflow: hidden; }

/* 7) banner 图片尺寸兜底：任意上传尺寸不溢出容器（桌面同样生效） */
#wrapper .bannerbox img, #wrapper .bannerbox_1 img, #wrapper .ad img,
#wrapper #ad img, #wrapper .bannerbox a, #wrapper .bannerbox_1 a, #wrapper .ad a {
  max-width: 100%; height: auto; display: block; margin: 0 auto;
}

/* 8) 右侧溢出修复：flatpickr 日历自适应（固定 307px → 容器宽度，防中屏/窄侧栏右溢） */
#wrapper .flatpickr-calendar,
#wrapper .flatpickr-days,
#wrapper .dayContainer{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box;
}
#wrapper .flatpickr-weekdaycontainer{ width: 100% !important; box-sizing: border-box; }
#wrapper .flatpickr-day{
  flex: 0 0 14.2857% !important;
  width: auto !important;
  max-width: 14.2857% !important;
  box-sizing: border-box;
}

/* 9) 长标题强制换行：杜绝文字横向溢出/重叠（w2col 双列等） */
#wrapper .share_2 .mc li a,
#wrapper #comment .mc1 li a{
  word-break: break-word;
  overflow-wrap: anywhere;
  max-width: 100%;
}

/* 10) 认证裁判表表头：span 版列宽与数据表对齐（60px 头像 + 姓名 + 等级） */
#wrapper .title-bar1{
  display: flex;
  align-items: center;
  background: var(--color-brand);
  color: var(--color-text-inverse);
  font-weight: bold;
  padding: 8px 10px;
}
#wrapper .title-bar1 .tb-cell{ line-height: 24px; }
#wrapper .title-bar1 .tb-avatar{ flex: 0 0 60px; }
#wrapper .title-bar1 .tb-name{ flex: 1 1 auto; text-align: left; }
#wrapper .title-bar1 .tb-level{ flex: 1 1 auto; text-align: left; }

/* 11) 认证查询内联错误提示 */
#wrapper .search-err{ color: #c00; font-size: 13px; line-height: 20px; padding: 4px 10px; }
#wrapper .search-err:empty{ display: none; }
#wrapper .form-control.has-error{ border: 1px solid #c00; background-color: #fff5f5; }

/* 12) 模块标题内联遗留间距统一 */
#wrapper .share_2 .mt h2{ margin: 10px 15px; }

/* 13) 裁判表姓名/等级列防截断加固 */
#tab_latest td:nth-child(2),
#tab_latest1 td:nth-child(2){ min-width: 78px; white-space: nowrap; }
#tab_latest td:nth-child(3),
#tab_latest1 td:nth-child(3){ min-width: 60px; }

/* 14) 广告轮播横幅高度 110px（cover 裁切不变形，小屏自适应） */
#wrapper #focus_1 img {
  width: 900px;
  height: 110px;
  object-fit: cover;
}

/* 15) tab 标签栏美化：品牌蓝选中态 + 圆角 + 过渡动画 */
#wrapper .htotabs li a {
  color: #46688c;
  line-height: 34px;
  text-shadow: none;
  border-radius: 10px 10px 0 0;
  background: linear-gradient(to bottom, #f7fbff, #eef5fc);
  border: 1px solid #d4e2ef;
  border-bottom: 1px solid #d4e2ef;
  margin: 0 6px 0 0;
  font-weight: 700;
  letter-spacing: 1px;
  transition: all .2s ease;
}
#wrapper .htotabs li a:hover { background: #e7f2fb; color: #0196e3; }
#wrapper .htotabs li a.selected {
  background: linear-gradient(160deg, #1ba6f2, #0196e3);
  color: #fff;
  border-color: #0196e3;
  box-shadow: 0 -4px 12px rgba(1,150,227,.32);
}

/* 16) tab 标签与内容区衔接修复：消除中屏下标签底部与内容顶的空隙 */
@media (max-width: 1200px) {
  .left_half .htotabs { margin-bottom: 0; }
  .left_half .box_top_index { margin-top: -30px; }
  .left_half .htotabs li a { border-bottom: 1px solid #d4e2ef; }
  .left_half .htotabs li a.selected { border-bottom: 1px solid #0196e3; }
}

/* 17) 协会认证裁判：卡片式列表美化 */
#wrapper #tabs .title-bar h2 {
  font-size: 18px; color: #164a7a; border-left: 4px solid #1ba6f2;
  padding-left: 10px; letter-spacing: 1px; margin: 2px 0 14px;
}
#wrapper #tabs form {
  display: flex; align-items: center; gap: 8px; margin: 0 4px 14px;
}
#wrapper #tabs .select_input {
  height: 36px; border: 1px solid #cfdde9; border-radius: 8px; padding: 0 10px;
  font-size: 13px; color: #2b4a68; background: #fff; outline: none; cursor: pointer;
}
#wrapper #tabs .form-control {
  flex: 1; height: 36px; border: 1px solid #cfdde9; border-radius: 8px; padding: 0 12px;
  font-size: 13px; color: #2b4a68; background: #fff; outline: none;
  transition: border-color .2s, box-shadow .2s;
}
#wrapper #tabs .form-control:focus {
  border-color: #1ba6f2; box-shadow: 0 0 0 3px rgba(27,166,242,.12);
}
#wrapper #tabs .input-group-btn .btn {
  height: 36px; padding: 0 20px; border: none; border-radius: 8px;
  background: linear-gradient(135deg, #1ba6f2, #0196e3); color: #fff;
  font-size: 14px; font-weight: 600; cursor: pointer; letter-spacing: 2px;
  box-shadow: 0 2px 6px rgba(1,150,227,.28); transition: all .2s;
}
#wrapper #tabs .input-group-btn .btn:hover {
  box-shadow: 0 4px 14px rgba(1,150,227,.4); transform: translateY(-1px);
}
/* 裁判卡片行 */
#wrapper .referee-card {
  display: flex; align-items: center; gap: 12px;
  background: #fff; border: 1px solid #e4edf5; border-radius: 10px;
  padding: 9px 14px; margin: 0 4px 10px;
  box-shadow: 0 1px 3px rgba(30,90,150,.06);
  transition: all .25s ease;
}
#wrapper .referee-card:hover {
  border-color: #1ba6f2; background: #f2f9ff;
  box-shadow: 0 3px 10px rgba(27,166,242,.15); transform: translateY(-1px);
}
#wrapper .referee-card .rc-avatar img {
  width: 52px; height: 52px; border-radius: 50%; object-fit: cover;
  border: 2px solid #d9e8f5; background: #f0f6fc; display: block;
}
#wrapper .referee-card .rc-body { flex: 1; min-width: 0; }
#wrapper .referee-card .rc-name {
  display: block; font-size: 15px; font-weight: 600; color: #2b4a68;
  line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
#wrapper .referee-card .rc-name:hover { color: #0196e3; }
#wrapper .referee-card .rc-level {
  display: inline-block; margin-top: 4px; padding: 2px 10px;
  font-size: 12px; border-radius: 20px; letter-spacing: .5px; line-height: 1.6;
}
#wrapper .referee-card .rc-level-2 { background: #eef2f7; color: #5a7186; }
#wrapper .referee-card .rc-level-3 { background: #e3f2ff; color: #0196e3; }
#wrapper .referee-card .rc-level-4 { background: #fff3d6; color: #b97a00; }


/* 17.5) 首页 tab 区统一卡片：表头（标签栏）+ 内容一体 */
#wrapper .vp-home-tabs {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(20,80,140,.08);
  padding: 12px 16px 16px;
  overflow: hidden;
}
/* 18) tab 资讯列表：图文结合（缩略图 + 醒目标题 + 摘要） */
#wrapper .tab-inside ul { margin: 0; padding: 0; }
/* 头条（首条）：品牌蓝渐变卡片 + 白色大标题 */
#wrapper .tab-inside ul li:first-child {
  background: linear-gradient(135deg, #0d5fae, #0196e3);
  border: 1px solid #0d6cb8;
  border-radius: 10px; margin: 0 0 10px;
  list-style: none;
  box-shadow: 0 4px 12px rgba(1,150,227,.22);
}
#wrapper .tab-inside ul li:first-child .index_newstitle h2 { font-size: 17px; font-weight: 700; color: #fff; }
#wrapper .tab-inside ul li:first-child .index_newstitle h2:hover { color: #e6f4ff; }
#wrapper .tab-inside ul li:first-child .index_newstitle p {
  font-size: 13px; color: rgba(255,255,255,.92); -webkit-line-clamp: 3;
}
#wrapper .tab-inside ul li:first-child .index_img { border-color: rgba(255,255,255,.4); }
/* 列表项：缩略图 + 标题 + 摘要 */
#wrapper .tab-inside ul li {
  display: flex; align-items: center; gap: 12px;
  margin: 0 0 8px; border-radius: 10px;
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
  list-style: none;
}
#wrapper .tab-inside ul li:hover { background: #f2f9ff; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(30,90,150,.12); }
/* 首条资讯悬停后背景变浅，同时切换文字颜色，避免白字失去对比度 */
#wrapper .tab-inside ul li:first-child:hover .index_newstitle h2 { color: #223d58; }
#wrapper .tab-inside ul li:first-child:hover .index_newstitle h2:hover { color: #0196e3; }
#wrapper .tab-inside ul li:first-child:hover .index_newstitle p { color: #5a7186; }
#wrapper .tab-inside ul li .index_img {
  flex-shrink: 0; width: 128px; height: 96px; border-radius: 8px; overflow: hidden;
  border: 1px solid #e4edf5; background: #f5f9fd;
  transition: transform .25s ease, border-color .25s ease;
}
#wrapper .tab-inside ul li:hover .index_img { transform: scale(1.04); border-color: #8ecdf2; }
#wrapper .tab-inside ul li .index_img img {
  width: 100%; height: 100%; object-fit: cover; display: block;
}
#wrapper .tab-inside ul li .index_newstitle { flex: 1; min-width: 0; }
#wrapper .tab-inside ul li .index_newstitle h2 {
  font-size: 14.5px; font-weight: 600; color: #223d58; line-height: 1.5; margin: 0 0 3px;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
#wrapper .tab-inside ul li .index_newstitle h2:hover { color: #0196e3; }
#wrapper .tab-inside ul li .index_newstitle p {
  font-size: 12.5px; color: #5a7186; line-height: 1.6; margin: 0;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
/* 默认显示 3 条，其余隐藏，可展开 */
#wrapper .tab-inside ul .tab-more-item { display: none; }
#wrapper .tab-inside ul.open .tab-more-item { display: flex; }
#wrapper .tab-inside ul li.tab-more-toggle {
  display: flex; justify-content: center; align-items: center; gap: 4px;
  padding: 9px 0 7px; margin: 2px 0 0; border-radius: 8px;
  background: linear-gradient(135deg, #1ba6f2, #0196e3); border: none; cursor: pointer;
  font-size: 13px; color: #fff; font-weight: 600; line-height: 1.4;
  box-shadow: 0 2px 8px rgba(1,150,227,.22);
  transition: background .2s ease, box-shadow .2s ease;
}
#wrapper .tab-inside ul li.tab-more-toggle:hover { background: linear-gradient(135deg, #128fdd, #0187d2); box-shadow: 0 3px 10px rgba(1,150,227,.3); }
#wrapper .tab-inside ul li.tab-more-toggle { display: none !important; }
/* 右栏焦点轮播：加高 + 圆角，左右视觉等高 */
#wrapper .home-banner__image {
  width: 100% !important; height: 400px !important;
  object-fit: cover; border-radius: 10px;
  border: 1px solid #e4edf5;
  box-shadow: 0 4px 14px rgba(20,80,140,.1);
}
#wrapper .home-banner__caption {
  margin-top: 10px; font-size: 14px; font-weight: 600;
  color: #223d58; line-height: 1.5; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap;
}
#wrapper .home-banner__caption a { color: #223d58; }
#wrapper .home-banner__caption a:hover { color: #0196e3; }
/* 右栏富文本图文块 */
#wrapper #mcclist img {
  border-radius: 10px; border: 1px solid #e4edf5;
  max-width: 100%; height: auto; box-shadow: 0 2px 8px rgba(30,90,150,.08);
}
#wrapper #mcclist p { font-size: 13px; color: #5a7186; line-height: 1.7; }

/* 19) 焦点图样式升级：标题浮层 + 淡入过渡 + 圆点美化 + 自动切换增强 */
#wrapper .home-banner {
  position: relative; background: #fff;
  border: none; border-radius: 12px;
  box-shadow: 0 2px 12px rgba(20,80,140,.08);
  overflow: hidden;
  height: 100%; display: flex; flex-direction: column;
}
#wrapper .home-banner__viewport {
  position: relative; flex: 1; height: auto; overflow: hidden;
  border-radius: 10px 10px 0 0;
}
#wrapper .home-banner__slide {
  position: absolute; inset: 0;
  opacity: 0; visibility: hidden;
  transition: opacity .55s ease, visibility .55s ease;
}
#wrapper .home-banner__slide:not([hidden]) { opacity: 1; visibility: visible; }
#wrapper .home-banner__slide img {
  width: 100% !important; height: 400px !important; object-fit: cover;
}
#wrapper .home-banner__caption {
  position: absolute; left: 0; right: 0; bottom: 0;
  background: linear-gradient(to top, rgba(8,38,66,.92), rgba(8,38,66,.35) 65%, rgba(8,38,66,0));
  color: #fff; font-size: 15px; font-weight: 600; line-height: 1.5;
  padding: 30px 16px 12px 22px; margin: 0;
  border: none; border-radius: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
#wrapper .home-banner__caption::before {
  content: ''; position: absolute; left: 13px; bottom: 14px;
  width: 3px; height: 18px; background: #4fc3ff; border-radius: 2px;
}
#wrapper .home-banner__caption a { color: #fff; }
#wrapper .home-banner__caption a:hover { color: #bfe6ff; }
#wrapper .home-banner__controls {
  position: absolute; inset: 0; z-index: 5;
  display: block; pointer-events: none;
  padding: 0; background: transparent;
}
#wrapper .home-banner__controls button { pointer-events: auto; }
#wrapper .home-banner__dot {
  width: auto; height: auto; min-width: 44px; min-height: 44px;
  padding: 0; border: none; background: transparent; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
}
#wrapper .home-banner__dot::before {
  content: ''; display: block; width: 10px; height: 10px;
  border-radius: 50%; background: #c3d2e2; transition: all .3s ease;
}
#wrapper .home-banner__dot:hover::before { background: #0196e3; }
#wrapper .home-banner__dot[aria-pressed="true"]::before {
  width: 24px; border-radius: 6px; background: #0196e3;
}
#wrapper .home-banner__previous, #wrapper .home-banner__next {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 6;
  background: rgba(255,255,255,.92); color: #0196e3; border: 1px solid rgba(255,255,255,.85);
  border-radius: 50%; width: 40px; height: 40px; min-width: 0; min-height: 0;
  cursor: pointer; font-size: 18px; line-height: 1; transition: all .25s ease;
  box-shadow: 0 3px 10px rgba(20,80,140,.22);
  opacity: 0;
}
#wrapper .home-banner__previous { left: 14px; }
#wrapper .home-banner__next { right: 14px; }
/* 首页焦点图：标题显示在底部半透明蒙版上（见 .home-banner__caption 蒙版样式）；隐藏圆点，切换按钮保持在图片垂直中线 */
#wrapper .home-banner__dots { display: none; }
#wrapper .home-banner__previous,
#wrapper .home-banner__next { opacity: 1; width: 44px; height: 44px; }
#wrapper .home-banner:hover .home-banner__previous,
#wrapper .home-banner:hover .home-banner__next,
#wrapper .vue-home-banner:hover .home-banner__previous,
#wrapper .vue-home-banner:hover .home-banner__next,
#wrapper .home-banner__previous:hover,
#wrapper .home-banner__next:hover { opacity: 1; }
#wrapper .home-banner__previous:hover, #wrapper .home-banner__next:hover {
  background: #0196e3; color: #fff; border-color: #0196e3;
}
#wrapper .vue-home-banner { position: relative; height: 100%; display: flex; flex-direction: column; background: #fff; border-radius: 12px; box-shadow: 0 2px 12px rgba(20,80,140,.08); overflow: hidden; }
#wrapper .home-pilot-pause {
  position: absolute; top: 12px; right: 12px; z-index: 5;
  padding: 5px 10px; border: 1px solid rgba(255,255,255,.5);
  min-height: 0; background: rgba(8,38,66,.35); color: #fff;
  font-size: 12px; border-radius: 999px; cursor: pointer;
  backdrop-filter: blur(2px); transition: background .2s ease;
}
#wrapper .home-pilot-pause:hover { background: rgba(8,38,66,.6); }

/* ===== 栏目内容一行两列（上海各区网协推广/老年网球专委会/裁判员教练员培训） ===== */
.home-row2{ display:flex; flex-wrap:wrap; list-style:none; margin:0; padding:0; }
.share_2 .mc .home-row2 > li{ width:50% !important; box-sizing:border-box; margin:0; }
.share_2 .mc .home-row2 > li:nth-child(odd){ padding-right:12px !important; }
.share_2 .mc .home-row2 > li:nth-child(even){ padding-left:12px !important; }
@media (max-width: 760px){
  .home-row2 > li{ width:100% !important; padding:0 !important; }
}

/* ===== 标题风格统一：品牌色左竖条 + 加粗（2026-10-24） ===== */
/* 本月赛事活动（首页 + 侧栏） */
h3:has(> #actnotice){
  background: var(--color-surface-muted);
  border-left: 4px solid var(--color-brand);
  padding: var(--space-2) var(--space-3);
  margin: 0 0 var(--space-2);
  font-size: var(--font-size-title-sm);
  font-weight: 700;
  line-height: var(--line-height-compact);
  color: var(--color-text-primary);
}
h3:has(> #actnotice) #actnotice{ top: 1px; }
/* 页脚合作伙伴 */
.footer_top h2.blogtitle{
  border-left: 4px solid var(--color-brand);
  padding: 0 var(--space-2);
  line-height: 30px;
}
.footer_top h2.blogtitle a{
  font-size: var(--font-size-title-sm);
  font-weight: 700;
  color: var(--color-text-primary);
  padding-left: 8px;
  margin-left: 0;
}

/* ===== 面包屑美化：白底卡片 + 品牌蓝左竖条（2026-10-24） ===== */
#map{
  height: auto;
  margin: var(--space-2) 0 var(--space-3);
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-left: 4px solid var(--color-brand);
  border-radius: var(--radius-card);
  overflow: hidden;
}
.browse{
  text-shadow: none;
  float: left;
  line-height: 32px;
  padding: 0 12px;
  font-size: var(--font-size-min);
  color: var(--color-text-secondary);
}
.browse a{
  color: var(--color-brand);
  text-shadow: none;
  font-weight: 700;
}
.browse a:hover{ color: var(--color-brand-hover); text-decoration: underline; }

/* 面包屑与右侧栏顶部对齐（2026-10-26）
   含 #sidebar 的列表/详情页，#map 与右栏同处一个顶部基准线；
   清掉 8px 上外边距，使面包屑顶边与 #sidebar 顶边落在同一条水平线上。 */
body:has(#sidebar) #map{ margin-top: 0; }

/* ===== 侧栏区块卡片化：标题+内容同框（参考 .cert-directory） ===== */
#sidebar .widget{
  margin: var(--space-4) 0;
  padding: var(--space-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  min-width: 0;
}
#sidebar .widget > h3{
  background: var(--color-surface-muted);
  border-left: 4px solid var(--color-brand);
  padding: var(--space-2) var(--space-3);
  margin: 0 0 var(--space-2);
  font-size: var(--font-size-title-sm);
  font-weight: 700;
  line-height: var(--line-height-compact);
  color: var(--color-text-primary);
}
#sidebar .widget > h3 #actnotice{ top: 1px; }

/* 首页侧栏日历：标题+内容同框 */
#sidebar > .box{
  margin: 0 0 var(--space-4);
  padding: var(--space-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  min-width: 0;
}

/* ===== 首页侧栏：本月赛事活动/合作伙伴/官方微博 去除白色背景（2026-10-25） ===== */
#wrapper #sidebar .box,
#wrapper #sidebar > .box {
  background: transparent;
  border: 0;
  box-shadow: none;
}
#wrapper #sidebar .widget > h3,
#wrapper #sidebar h3 {
  background: transparent;
  border-left: 4px solid var(--color-brand);
}


/* ===== 首页右侧栏：栏目标题移入 widget 卡片内，标题背景白色（2026-10-26） =====
   模板 Index_index.html 右侧 3 个栏目（本月赛事活动 / 合作伙伴 / 官方微博）
   改为 <div class="widget"><h3>标题</h3><div class="box">…</div></div>，
   与内页 Public_sidebar.html 结构一致；标题背景取白色 --color-surface，
   内页灰色标题 --color-surface-muted 保持不变。 */
.page-home #wrapper #sidebar .widget > h3{
  background: var(--color-surface);
  display: flex;
  align-items: center;
  gap: var(--space-2);
  width: 100%;
  min-height: 48px;
  box-sizing: border-box;
  margin: 0 0 var(--space-2);
  padding: var(--space-2) var(--space-3);
  font-size: var(--font-size-title-sm);
  font-weight: 700;
  line-height: var(--line-height-compact);
  color: var(--color-text-primary);
}

/* ===== 侧栏各栏目之间留灰色空隙（2026-10-25） =====
   内页公共侧栏（Public_sidebar.html）：「本月赛事活动 / 合作伙伴 / 官方微博」
   原本同处一张白色 .widget 卡片内，连成一片看不到分隔；
   模板已拆成 3 张独立卡片，此处用卡片间距露出页面底色（--color-page #f7f7f7），
   形成栏目之间的灰色空隙。
   首页（Index_index.html）：栏目为透明 .box，直接排列在灰色页面底色上，
   靠标题上边距拉开栏目间距。 */
#wrapper #sidebar .widget{
  margin: var(--space-6) 0;
}
#wrapper #sidebar > h3{
  margin-top: var(--space-6);
  padding-left: var(--space-3);
}


/* ===== 上海市网球协会章程 入口图 + 展开章程（2026-10-24） ===== */
#zc-entry{
  margin: var(--space-2) 0;
  border-radius: var(--radius-card);
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(1,118,200,0.18);
}
#zc-entry a{
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: 14px 20px;
  background: linear-gradient(135deg, #0169b0 0%, #0196e3 55%, #0aa8f0 100%);
  color: #fff;
  text-decoration: none;
}
#zc-entry a:hover{ filter: brightness(1.07); }
#zc-entry .zc-icon{ flex: 0 0 auto; opacity: 0.95; }
#zc-entry .zc-title{ font-size: 18px; font-weight: 700; letter-spacing: 1px; text-shadow: 0 1px 2px rgba(0,0,0,0.2); }
#zc-entry .zc-arrow{
  margin-left: auto;
  font-size: var(--font-size-min);
  background: rgba(255,255,255,0.18);
  padding: 5px 12px;
  border-radius: 999px;
  white-space: nowrap;
}
#zc-content .grid5col{
  border-radius: var(--radius-card) !important;
  border: 1px solid var(--color-border);
  box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}
#zc-content{ margin-bottom: var(--space-2); }

/* ===== 首页 新闻+广告 一行两列（2026-10-24） ===== */
.home-news-ads-row{
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  align-items: flex-start;
}
.home-news-ads-row > .home-ads-col{
  flex: 1 1 46%;
  min-width: 0;
  order: -1;
}
.home-news-ads-row > .home-news-col{
  flex: 1 1 50%;
  min-width: 0;
}
.home-ads-col #ad{ margin: 0 0 var(--space-2); }
.home-ads-col #ad img{ max-width: 100%; height: auto; }

/* ===== 首页 青少年/高校网球推广 一行两列（2026-10-24） ===== */
.promo-row{
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}
.promo-row > .share_2{
  flex: 1 1 48%;
  min-width: 0;
}
.promo-row > .share_2 .mc ul{ margin: 0; }

/* ===== 培训/等级测试 + 专业网球发展：一行一列（2026-10-24） ===== */
.w2col-stack{ overflow: hidden; }
.w2col-stack > .share_2{
  float: none;
  width: auto !important;
  margin-bottom: var(--space-3);
}
.w2col-stack > .share_2:last-child{ margin-bottom: 0; }
.w2col-stack .mt h2{
  background: var(--color-surface-muted);
  border-left: 4px solid var(--color-brand);
  padding: var(--space-2) var(--space-3);
  margin: 0 0 var(--space-2);
  font-size: var(--font-size-body);
  line-height: var(--line-height-compact);
  color: var(--color-text-primary);
}
.w2col-stack .mc1{
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  padding: var(--space-2) var(--space-3);
}
.w2col-stack .mc1 ul{
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--space-4);
}
.w2col-stack .mc1 li{
  line-height: 1.5;
  padding: var(--space-2) 0;
  border-bottom: 1px dashed var(--color-border);
}
.w2col-stack .mc1 li:last-child{ border-bottom: 0; }
.w2col-stack .mc1 li a{ color: var(--color-text-primary); text-decoration: none; }
.w2col-stack .mc1 li a:hover{ color: var(--color-brand); }
.w2col-stack .mc1 li h2{
  margin: 0;
  font-size: var(--font-size-body);
  font-weight: 700;
  line-height: 1.5;
  color: var(--color-text-primary);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.w2col-stack .mc1 li p{
  margin: 2px 0 0;
  font-size: var(--font-size-min);
  line-height: 1.5;
  color: var(--color-text-secondary);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


/* 移动端菜单栏宽度修复：flex-wrap 换行时 bar 被压缩为 min-content */
.vp-navigation .vp-nav-bar{ width: 100%; }

/* 搜索框放大镜：SVG 版替换 box-shadow 手绘图标 */
form.vp-nav-search button::before{
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23393939' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E") center / contain no-repeat;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  width: 16px;
  height: 16px;
  margin: 3px auto 0;
  display: block;
}