@charset "utf-8";
*{font-family:"Microsoft YaHei UI";font-size:14px;margin:0;padding:0;list-style:none;text-decoration:none;}
body{background:#f2f2f2;}
a{color:#333;}
.header{background:#fcfcfc;overflow: hidden;}
.logo{float:left;height:40px;padding:0 3%;width:84px;}
.logo a{display:block;width:64px;height:40px;}
.logo img{width: auto;
    height: 30px;}

.searchform {float:right;
    margin: 5px 3%;
    width: 50%;position: relative;
}
.searchinput {background: #eaeaea;
    border: 0;
    float: left;
    line-height: 22px;
    padding: 4px 2%;
    width: 96%;
}
.searchinput:focus{background:#cacaca;outline:none;}
.search{
    background: #eaeaea;
    border: 0;
    height: 28px;
    width: 32px;
    margin-top: 1px;
	position: absolute;
    right: 2px;
}
/* ========== 主导航样式 适配你的网站 ========== */
.main-navigation {
    background: #fff;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    width: 100%;
    /* 去掉移动端滚动时的高亮阴影 */
    -webkit-tap-highlight-color: transparent;
    outline: none;
}
.nav-menu {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    max-width: 960px;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 0;
    /* 关键：去掉移动端默认阴影 + 滚动条样式 */
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    background: #fff;
}
.nav-menu li {
    flex: 0 0 auto;
    white-space: nowrap;
}
.nav-menu li a {
    display: block;
    line-height: 40px;
    padding: 0 14px;
    font-family: "Microsoft YaHei UI";
    font-size: 14px;
    color: #333;
    text-decoration: none;
}
.nav-menu li a:hover {
    background: #f9f9f9;
}
.nav-menu li.current-menu-item a {
    background: #fff;
    color: #fa2350;
    font-weight: normal;
}

/* ========== 隐藏滚动条（不影响滑动） ========== */
.nav-menu::-webkit-scrollbar {
    display: none;
}
.nav-menu {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* ========== PC 端正常显示 ========== */
@media screen and (min-width:640px) {
    .nav-menu {
        justify-content: flex-start;
        overflow-x: visible;
    }
}

/* ========== 移动端：一行 + 横向滑动（拼多多效果） ========== */
@media screen and (max-width:640px) {
    .main-navigation {
        overflow: hidden;
        background: #fff;
    }
    .nav-menu {
        flex-wrap: nowrap;
        overflow-x: scroll;
        padding: 0 5px;
        background: #fff;
    }
    .nav-menu li a {
        padding: 0 12px;
        font-size: 14px;
    }
}
.index{margin: 5px auto;
    width: 960px;}
.list{background:#fff;border-top: 1px solid#eaeaea;
    border-bottom: 1px solid#eaeaea;margin-bottom:15px;overflow: hidden;}

.list li {
    border-bottom: 1px solid#eaeaea;
    overflow: hidden;
    position: relative;
}
.list li a {
    background: none !important;
    border: 0 !important;
    font-size: 18px;
    overflow: hidden;
    padding: 20px 3% 10px;
    display: inline-block;width: 96.8%;
}
.list li:hover{background:#f9f9f9;}
.list span {
    color:#404040;
    display: block;
    font-weight: lighter;padding-left:3%;padding-right:3%;margin-bottom:20px;
    
}
.list li span{overflow:hidden;}
span.time {
    margin: -30px 0 0 150px;
    padding: 0 0 20px;
}
.list .img {
    width: 94%;
    height: 74.516px;
    display: block;
    float: left;
    position: absolute;
    padding: 12.742px 3%;
}
.list li .title {
    line-height: 25px;
    height: 50px;
    position: static;
    width: auto;
    white-space: normal;
    padding: 0 0 0 120px;
    margin: 10px 3% 10px 6%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list li .is {
    padding: 0 0 10px 120px!important;
  
    margin-left: 6%;
}
article ul,
article ol {
    margin: 16px 0!important;
    padding-left: 22px!important;
    line-height: 1.7!important;
}
article li {
    margin: 8px 0!important;
    font-size: 15px!important;
    color: #333!important;
}
.list .tags {
    padding: 0 15px 20px;
    overflow: hidden;
	font-size:16px;
}
.tags ul {
    margin: 0 !important;
    padding: 0 !important;
}
.list .tags li {
	border: 0;
    float: left;
    margin: 0 10px 0 0;
}
.list .tags li a {
	background: #e9ebee!important;
    color: #333;
    font-size: 14px;
    font-weight: normal;
    position: static;
    padding: 5px 7px;
    width: auto;
    height: auto;
}
.list .tags li a:hover {
    background: #dedede!important;
}
.list .tags li{float:left;margin:10px 10px 0 0;}
.pagenavi {
    background: #fff;
    clear: both;
    font-size: 14px;
    margin: 15px 2%;
    overflow: hidden;
    text-align: center;
}
.pagenavi li {background: #f6f6f6!important;
    border: none;
    position: static;
    float: left;font-weight: lighter;
	height: 40px!important;
    line-height: 40px;
    width: 18%;
    margin: 0 1%!important;
}
.pagenavi li a, .active {
    background: #f6f6f6!important;
    border: 0!important;
    
    display: block;
    float: left;
    font-size: 14px!important;
    
    height: 40px!important;
    line-height: 40px;
    text-decoration: none;
    width: 100%;
    overflow: hidden;
    padding: 0!important;
    position: static;
}
.link{display:none;}
.footer{background:#fff;border-top: 1px solid#eaeaea;padding:10px 0;
}
.footer p{margin:5px 3%;}
.position{color:#666;margin:5px 3%;height:18px;line-height:18px;overflow:hidden;}
.position a{color:#666;}
.list h1{font-size:28px;padding:15px 3%;}
.list p{color:#333;font-size:16px;line-height:30px;margin:0 0 30px;padding:0 3%;text-align:justify;word-wrap:break-word;word-break:break-all;}
.list h2 span{
    font-size: 22px;padding:0 3% 20px;font-weight:bold;
}
.list h3 span{font-size:16px;font-weight:bold;padding:0 3% 20px;}
.list strong{font-size:16px;}
.list img{max-width:100%;height:auto;}
.list .title{background: #fbfbfb;
    border-bottom: 1px solid#eaeaea;
    padding: 10px 3%;}
h2.title a {
    display: block;
    font-size: 16px;
    color: #333;
}
.list li img {
    width: 120px;
    height: auto;
    float: left;
    margin: 0 10px 0 0;
}
.list p a{color:#fa2350;font-size:16px;}
.list h2 a{color:#fa2350;font-size:22px;}
.list h2 a:hover{color:#d1163d;text-decoration:underline;}
.prev{padding:10px 3% 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.next{padding: 5px 3% 10px;}
.prev a:hover,.next a:hover{text-decoration:underline;}
.ad a{background:#ff0000;color:#fff;display:block;height:35px;line-height:35px;position:fixed;right:0;bottom:400px;width:80px;text-align:center;}
.ad a:hover{text-decoration:underline;}

table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, "Microsoft YaHei", sans-serif;
  font-size: 14px;
  overflow: hidden;
  margin: 15px 0;
  /* 新增：给表格加外边框 */
  border-bottom: 1px solid #e0e0e0;
}

th {
  background-color: #f8f9fa;
  color: #333;
  font-weight: 600;
  text-align: left;
  padding: 12px 15px;
  border-bottom: 1px solid #eee;
  /* 新增：给表头加边框 */
  border: 1px solid #e0e0e0;
}

td {
  padding: 11px 15px;
  color: #555;
  border-bottom: 1px solid #f3f3f3;
  /* 新增：给单元格加边框 */
  border: 1px solid #e0e0e0;
}

tr:nth-child(even) {
  background-color: #fafbfc;
}

tr:hover {
  background-color: #f1f5ff;
  transition: all 0.2s ease;
}

tr:last-child td {
  border-bottom: none;
}
@media screen and (min-width:640px) {
.header{border-bottom: 1px solid#eaeaea;width:100%;height:90px;}
.logo {
    height: 60px;
    width: 96px;
    padding: 15px 0;
    position: absolute;
    left: 50%;
    margin-left: -480px;    
}
.logo a,.logo img{
    height: 50px;
        width: auto;
}
.searchform {
    position: absolute;
    right: 50%;
    margin:25px -482px 25px 0;
    width: 500px;
}
.searchinput {
    padding: 9px;
}
.search {
    margin-top: 6px;
}
.list,.link{margin:0 auto 20px;width:960px;}
.link{background:#fff;display:block;overflow: hidden;}
.link ul {
    padding: 5px 3%;
    overflow: hidden;
}
.link li{float:left;line-height:25px;margin-right:5px;}
.list li a,.list h1,.list span,.list p,.list h2 span,.prev,.next,.list .title{padding-left:15px;padding-right:15px;}
.link li a:hover{text-decoration:underline;}
.list img{max-width:400px;}
.list h3 span{padding: 0 15px 20px;}
span.time {margin:-30px 0 0 140px;}
.list li img{margin: 0 20px 0 0;}
.footer {
    padding: 20px 0;
    text-align: center;
}
.position{margin:5px auto;width:960px;}
.position a:hover,.list p a:hover{text-decoration:underline;}
.ad a{left:50%;margin-left:490px;}
.wptao-item{margin:0 15px 20px!Important;}
}

.wptao-item{width:auto;height:auto;padding:10px;border:1px solid #eee;overflow:hidden;vertical-align:middle;display:block;margin:0 3% 20px;position:relative;line-height:0;text-indent:0}
.wptao-item:hover{box-shadow:1px 1px 8px #eee}
.wptao-item a{text-decoration:none;cursor:pointer}
.wptao-red{color:red}
.wptao-L{margin:10px 0}
.wptao-R{float:right}
.wptao-clear{clear:both}
.wptao-item-1{max-width:480px}
.wptao-item-1 img.wptao-res{max-width:140px;max-height:140px;float:left;margin:0 auto;margin-right:10px}
.wptao-item-1 span{display:block}
.wptao-item-1 .wptao-title{font-size:16px;line-height:22px;max-height:44px;overflow:hidden;color:#333}
.wptao-item-1 .wptao-title em{font-size:12px;font-style:normal}
.wptao-item-1 .wptao-des{font-size:12px;color:#777;line-height:18px;max-height:36px;overflow:hidden;display:block;margin-top:10px;margin-bottom:10px}
.wptao-item-1 .wptao-oth{line-height:24px;font-family:"Helvetica","Hiragino Sans GB","Microsoft Yahei",sans-serif}
.wptao-item-1 .wptao-oth .wptao-res i{font-size:12px;vertical-align:0;margin-right:3px}
.wptao-item-1 .wptao-price{padding:4px 10px;background:#f04848;color:#fff;font-size:14px;word-spacing:8px;letter-spacing:1px;float:right}
.wptao-item-1 .wptao-quan{float:right;margin-right:40px}
.wptao-item-1 .wptao-oth .wptao-quan a{float:left;width:95px;height:30px;line-height:30px;border:1px dotted #f95c68;color:#f95c68;box-shadow:none;text-align:center}
.wptao-item-1 .wptao-oth .wptao-quan a:hover{background-color:#fff2f3;text-decoration:none}
.wptao-item-1 .wptao-oth .wptao-quan a .quan{float:left;display:inline-block;width:30px;text-align:center;border-right:1px dotted #f95c68}
.wptao-item-2{max-width:520px}
.wptao-item-2 img.wptao-res{max-width:140px;max-height:140px;float:left;margin:0 auto;margin-right:10px}
.wptao-item-2 span{display:block;font-weight:normal;padding:0;}
.wptao-item-2 .wptao-title{font-size:16px;line-height:22px;max-height:44px;overflow:hidden;color:#333}
.wptao-item-2 .wptao-title em{font-size:12px;font-style:normal}
.wptao-item-2 .wptao-des{font-size:12px;color:#777;line-height:18px;max-height:36px;overflow:hidden;display:block;margin-top:10px;margin-bottom:10px}
.wptao-item-2 .wptao-oth{padding-top:8px;line-height:24px;font-family:"Helvetica","Hiragino Sans GB","Microsoft Yahei",sans-serif}
.wptao-item-2 .wptao-oth .wptao-res i{font-size:12px;vertical-align:0;margin-right:3px}
.wptao-item-2 .wptao-btn{font-size:16px;float:right;height:30px;width:100px;line-height:30px;border:1px solid #da0d15;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#da0d15;text-align:center}
.wptao-item-2 .wptao-price{font-size:16px;float:left;line-height:32px;color:#f50}
.wptao-item-2 .wptao-price em{font-size:14px;font-style:normal}
.wptao-item-2 .wptao-old-price{font-size:12px;color:#999;float:left;margin:5px 10px 0;text-decoration:line-through}
.wptao-item-2 .wptao-quan a{font-size:14px;float:left;width:115px;height:30px;margin-right:8px;line-height:30px;border:1px dotted #f95c68;color:#f95c68;box-shadow:none;text-align:center}
.wptao-item-2 .wptao-quan a:hover{background-color:#fff2f3;text-decoration:none}
.wptao-item-2 .wptao-quan a .quan{float:left;display:inline-block;width:30px;text-align:center;border-right:1px dotted #f95c68}
.wptao-item-3{max-width:400px;border:0px solid black;box-sizing:border-box;display:flex}
.wptao-item-3 .item-img,.wptao-item-3 .item-bg,.wptao-item-3 .wptao-des{border:0px solid black;position:absolute;box-sizing:border-box}
.wptao-item-3 .item-img{position:relative;vertical-align:middle}
.wptao-item-3 .wptao-res{width:100%;display:flex;vertical-align:middle;background-color:#fff}
.wptao-item-3 .item-bg{left:0px;top:0px;bottom:0px;right:0px;background-color:rgba(0,0,0,0.02)}
.wptao-item-3 .wptao-des{bottom:16px;right:16px;z-index:2;height:38px;-webkit-box-align:center;align-items:center;border-radius:66px;background-image:linear-gradient(to right,rgb(248,204,0),rgb(255,157,0));padding:8px 20px 8px 18px;font-size:16px;color:#fff;display:flex;line-height:22px}
.wptao-item-3 .item-sep{opacity:0.6;padding-left:16px;padding-right:16px}
.wptao-item-3 .item-price{font-size:18px}
.wptao-item-3 .item-price em{font-size:12px;font-style:normal}
.wptao-item-4{max-width:512px;position:relative;left:50%;margin-left:-255px!Important;}
.wptao-item-4 img.wptao-res{max-width:380px;max-height:380px;margin:0 auto;display:table-cell}
.wptao-item-4 span{display:block}
.wptao-item-4 .wptao-title{font-size:16px;line-height:22px;max-height:44px;overflow:hidden;color:#333;font-weight:bold;margin:15px 10px 0 10px}
.wptao-item-4 .wptao-title em{font-size:12px;font-style:normal}
.wptao-item-4 .wptao-des{font-size:14px;color:#666;line-height:18px;max-height:54px;margin:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.wptao-item-4 .wptao-morelink{font-size:14px;color:#a6a6a6;line-height:18px;margin:10px;display:-webkit-box;overflow:hidden;font-style:normal}
.wptao-item-4 .wptao-oth{padding-top:8px;line-height:24px;font-family:"Helvetica","Hiragino Sans GB","Microsoft Yahei",sans-serif}
.wptao-item-4 .wptao-oth .wptao-res i{font-size:12px;vertical-align:0;margin-right:3px}
.wptao-item-4 .wptao-btn{font-size:16px;float:right;height:30px;width:70px;line-height:30px;border:1px solid #da0d15;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#da0d15;text-align:center;margin-bottom:10px;margin-right:10px}
.wptao-item-4 .wptao-price{font-size:16px;float:left;line-height:32px;color:#da0d15;margin-bottom:10px;margin-left:10px}
.wptao-item-4 .wptao-price em{font-size:14px;font-style:normal}
.wptao-item-4 .wptao-old-price{font-size:12px;color:#999;float:left;margin:5px 10px 0;text-decoration:line-through}
.wptao-item-4 .wptao-quan a{float:left;width:95px;height:30px;margin-right:8px;line-height:30px;border:1px dotted #f95c68;color:#f95c68;box-shadow:none;text-align:center;;margin-bottom:10px;margin-left:10px;overflow:hidden}
.wptao-item-4 .wptao-quan a:hover{background-color:#fff2f3;text-decoration:none}
.wptao-item-4 .wptao-quan a .quan{float:left;display:inline-block;width:30px;text-align:center;border-right:1px dotted #f95c68}
.relpost li{width:25%;padding-bottom:20px;float:left;display:inline-block}
.relpost-inner{padding:5px}
.relpost-inner .zhi_pic a img{display:block;margin:2px;height:auto;max-width:98%;border:0}
.relpost-inner-text,.relpost-inner .red_title{overflow:hidden;font-weight:normal;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis}
.relpost-inner-text{font-size:12px;padding-top:10px;line-height:25px}
.relpost-inner .red_title{margin:0;color:#ff3366}
.wptao_soldout{background:url('../images/soldout.png?ver=20161130') no-repeat 0 0;position:absolute;display:inline-block;z-index:6;left:25%;width:100px;height:100px}
.wptao-tkl em{font-style:normal;padding-top:2px;padding-bottom:2px;padding-left:8px;padding-right:8px;border:1px solid #f95c68;background-color:#FFFFFF;border-radius:5px;color:#f95c68}
.wptao-tkl a.uc-copy{text-decoration:none}
.wptao-des .wptao-tkl em{border:0;padding-left:0}
a.wptao-buy,a.wptao-buy:visited{font-size:15px;color:#fff;display:block;width:100px;height:40px;line-height:40px;background-color:#DA1A16;text-align:center;margin:0 auto;text-decoration:none;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px}
a.wptao-buy:hover{background-color:#bb120f}
a.wptao-buy i{font-family:"SimSun";padding-left:6px;font-style:normal}
@media screen and (max-width:980px){
.show-pc{display:none}
}
@media screen and (max-width:479px){
.wptao-item .wptao-quan{display:none}
.wptao-item .wptao-title{font-size:14px}
.wptao-item-4{background:#f7f7f7;left:auto;margin:0 3% 20px!important;}
.wptao-item-4 img.wptao-res{max-width:300px;max-height:300px}
.wptao-item-4 .wptao-btn{font-size:12px}
.relpost li{width:50%}
}
@media screen and (max-width:400px){
.wptao-item-2 .wptao-oth{padding-top:0px}
.wptao-item-2 img.wptao-res{max-width:110px;max-height:110px}
.wptao-item-4 img.wptao-res{max-width:250px;max-height:250px}
.wptao-item-4 .wptao-morelink{display:none}
}

/* 左侧悬浮目录 */
.right-catalog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-560px, -50%);
    width: auto;
    max-width: 160px;
    max-height: 80vh;
    background: #fff;
    border: 1px solid #eaeaea;
    padding: 10px;
    z-index: 9999;
    overflow-y: auto;
    display: none;
    white-space: nowrap;
}
.right-catalog a {
    display: block;
    font-size: 13px;
    line-height: 26px;
    color: #333;
}
.right-catalog a:hover {
    color: #fa2350;
}

/* 目录按钮 */
.catalog-btn {
    position: fixed;
    bottom: 80px;
    right: 10px;
    background: #fa2350;
    color: #fff;
    font-size: 14px;
    padding: 8px 12px;
    border-radius: 4px;
    z-index: 99999;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
}

/* PC 端显示 */
@media (min-width: 960px) {
    .right-catalog { display: block !important; }
    .catalog-btn { display: none !important; }
}

/* 平板端隐藏 */
@media (min-width: 769px) and (max-width: 959px) {
    .right-catalog { display: none !important; }
    .catalog-btn { display: none !important; }
}

/* 移动端 */
@media (max-width: 768px) {
    .right-catalog {
        position: fixed;
        left: auto;
        right: 0;
        bottom: 120px;
        top: auto;
        transform: none;
        width: auto;
        max-width: 180px;
        display: none;
    }
    .catalog-btn {
        display: block;
    }
}
/* 文章底部容器 */
.post-footer {
    margin-top: 30px;
}

/* 标签样式（极简无背景） */
.post-footer .tags {
    margin-bottom: 18px;
}

.post-footer .tags ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.post-footer .tags ul li a {
    text-decoration: none;
    color: #666;
    font-size: 14px;
    transition: color 0.15s ease;
}

.post-footer .tags ul li a:hover {
    color: #e53e3e;
    text-decoration: underline;
}

/* 文章导航容器（无任何边框背景） */
.post-navigation {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

/* 上一篇/下一篇通用样式 */
.nav-previous, .nav-next {
    flex: 1;
    max-width: 48%;
}

.nav-previous {
    text-align: left;
}

.nav-next {
    text-align: right;
}

/* 导航链接样式（纯文字无装饰） */
.nav-previous a, .nav-next a {
    text-decoration: none;
    transition: color 0.15s ease;
}

/* 导航标签 */
.nav-label {
    display: block;
    font-size: 12px;
    color: #999;
    margin-bottom: 3px;
}

/* 导航标题 */
.nav-title {
    font-size: 15px;
    color: #333;
    line-height: 1.4;
    transition: color 0.15s ease;
}

.nav-previous a:hover .nav-title,
.nav-next a:hover .nav-title {
    color: #e53e3e;
    text-decoration: underline;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .post-footer {
        margin-top: 24px;
    }
    
    .post-footer .tags {
        margin-bottom: 14px;
    }
    
    .post-navigation {
        flex-direction: column;
    }
    
    .nav-previous, .nav-next {
        max-width: 100%;
        text-align: left;
    }
}

.author-profile {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
    margin: 28px 0;
    padding: 0 15px;;
}
.author-title {
    width: 100%;
    font-size: 15px;
    font-weight: 700;
    color: #111;
    margin-bottom: 10px;
}
.author-avatar img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}
.author-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.author-content h4 {
    margin: 0 0 6px;
    font-size: 17px;
    font-weight: 500;
    color: #111;
}
.author-content p {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    color: #444;
    padding: 0;
}

@media (max-width: 768px) {
    .author-profile {
        gap: 14px;
    }
    .author-avatar img {
        width: 70px;
        height: 70px;
    }
    .author-content p {
       padding: 0;
} 
    
}
article ul li {
    font-size: 16px !important;
    line-height: 30px !important;
    color: #333 !important;
    margin: 8px 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
}

article ul li a {
    font-size: 16px !important;
    color: #fa2350 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    border: 0 !important;
    display: inline !important;
}

/*右侧悬浮客服全局*/
.right_kf{
    position:fixed;
    right:0;
    top:50%;
    transform:translateY(-50%);
    z-index:99999;
}
/*PC整盒容器：上标题、中二维码、下文字，垂直排版*/
.kf_box{
    background:#fff;
    border-radius:8px 0 0 8px;
    box-shadow:-2px 2px 12px rgba(0,0,0,0.12);
    overflow:hidden;
    text-align:center;
}
/*顶部绿色标题栏 微信客服*/
.kf_tit{
    background:#07C160;
    color:#fff;
    padding:9px 12px;
    font-size:15px;
    font-weight:500;
}
/*二维码区域*/
.kf_code{
    padding:14px 14px 10px;
}
.kf_code img{
    width:142px;
    height:142px;
    display:block;
    margin:0 auto 8px;
}
/*微信号文字*/
.kf_wxnum{
    font-size:13px;
    color:#222;
    font-weight:600;
    padding-bottom:12px;
    margin:0;
}
/*移动端竖排按钮 紧贴右侧 文字竖排（恢复最早样式）*/
.kf_btn{
    display:none;
    background:#07C160;
    color:#fff;
    border:none;
    border-radius:8px 0 0 8px;
    padding:12px 8px;
    font-size:14px;
    cursor:pointer;
    box-shadow:0 2px 10px rgba(0,0,0,0.15);
    writing-mode:vertical-rl;
}

/*≥768px电脑端：整框直接显示，隐藏按钮*/
@media(min-width:768px){
    .kf_box{display:block;}
    .kf_btn{display:none;}
}
/*＜767手机端：紧贴右侧、居中、竖排按钮，点击弹出弹窗*/
@media(max-width:767px){
    .right_kf{
        top:50%;
        right:0;
        transform:translateY(-50%);
    }
    .kf_box{
        display:none;
        position:absolute;
        right:100%;
        top:50%;
        transform:translateY(-50%);
        margin-right:10px;
        border-radius:8px;
    }
    .kf_btn{display:block;}
}


/* ========== 网站地图强制美化 (!important 保证生效) ========== */
.sitemap-wrap {
    margin-top: 24px !important;
}

/* 一级模块卡片 */
.sitemap-module {
    background: #ffffff !important;
    padding: 24px 26px 20px !important;
    margin-bottom: 28px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.02) !important;
    border: 1px solid #f1f3f5 !important;
    transition: box-shadow 0.25s ease, transform 0.2s ease !important;
}
.sitemap-module:hover {
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.03) !important;
    transform: translateY(-1px) !important;
}

/* 一级标题 */
.primary-title {
    font-size: 19px !important;
    font-weight: 700 !important;
    margin: 0 0 18px 0 !important;
    color: #1a1e2b !important;
    letter-spacing: 0.4px !important;
    padding-left: 2px !important;
    background: transparent !important;
    border: none !important;
}
.primary-title a {
    text-decoration: none !important;
    color: #1a1e2b !important;
    position: relative !important;
}
.primary-title a::after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    bottom: -4px !important;
    width: 32px !important;
    height: 3px !important;
    background: #3b82f6 !important;
    border-radius: 3px !important;
    opacity: 0 !important;
    transition: opacity 0.2s, width 0.2s !important;
}
.primary-title a:hover {
    color: #3b82f6 !important;
}
.primary-title a:hover::after {
    opacity: 1 !important;
    width: 100% !important;
}

/* 二级卡片网格 */
.sitemap-sub-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.sitemap-sub-grid li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 二级胶囊卡片 */
.sub-card {
    display: inline-block !important;
    padding: 9px 20px !important;
    background: #f8fafd !important;
    border: 1px solid #e9edf2 !important;
    border-radius: 24px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #374151 !important;
    text-decoration: none !important;
    letter-spacing: 0.2px !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.02) !important;
    margin: 0 !important;
}
.sub-card:hover {
    background: #3b82f6 !important;
    border-color: #3b82f6 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 18px rgba(59, 130, 246, 0.25) !important;
}

/* 底部文章数提示 */
.sitemap-note {
    margin-top: 36px !important;
    padding: 18px 0 6px !important;
    color: #9ca3af !important;
    font-size: 13px !important;
    text-align: center !important;
    border-top: 1px solid #f3f4f6 !important;
    letter-spacing: 0.2px !important;
    background: transparent !important;
}

/* 响应式适配 */
@media (max-width: 600px) {
    .sitemap-module {
        padding: 18px 16px 16px !important;
        margin-bottom: 20px !important;
    }
    .primary-title {
        font-size: 17px !important;
        margin-bottom: 14px !important;
    }
    .sub-card {
        padding: 7px 16px !important;
        font-size: 13px !important;
    }
}

/* ========================================
   桌面端：正常显示
   ======================================== */
a[href*="jd"],
a[href*="taobao"],
a[href*="/go/t"],
a[href*="/go/j"] {
    display: inline-block;
    padding: 10px 28px;
    border-radius: 30px;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none !important;
    transition: 0.2s;
    margin: 4px 6px 4px 0;
    border: none;
}

/* 天猫/淘宝 → 橙色 */
a[href*="taobao"],
a[href*="/go/t"] {
    background: #FF6A00;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(255, 106, 0, 0.25);
}
a[href*="taobao"]:hover,
a[href*="/go/t"]:hover {
    background: #E55D00;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(255, 106, 0, 0.4);
}

/* 京东 → 京东红 */
a[href*="jd"],
a[href*="/go/j"] {
    background: #E4393C;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(228, 57, 60, 0.25);
}
a[href*="jd"]:hover,
a[href*="/go/j"]:hover {
    background: #C1272A;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(228, 57, 60, 0.4);
}

/* ========================================
   移动端：独立一行，居中，75%宽度（转化率最佳）
   ======================================== */
@media (max-width: 600px) {
    a[href*="jd"],
    a[href*="taobao"],
    a[href*="/go/t"],
    a[href*="/go/j"] {
        display: block;
        width: auto;               /* 自适应内容 */
        max-width: 85%;            /* 最多占85%，留一点边距 */
        margin: 10px auto;
        text-align: center;
        padding: 12px 32px;        /* 左右内边距加大，让按钮显得宽大 */
        font-size: 16px;
        white-space: nowrap;       /* 关键：强制不换行 */
        box-sizing: border-box;
    }
}