/* 主容器样式 */
.MainContainer {background: #F5F5F5;padding: 10px 0 50px;}
.Container {width: 100%;max-width: 1300px;margin: 0 auto;display: flex;}	
.Container .LeftCnt,.Container .RightCnt{display: table-cell;vertical-align: top;}
/* 栏目列表 */
.scroll-sort {width: 100%;max-width: 1300px;margin: 20px auto 30px;overflow-x: auto;white-space: nowrap;}
.scroll-sort span { display: inline-block; background: #eee;border-radius: 25px; margin-right: 20px;padding: 8px 20px;font-size: 16px;color: #666;cursor: pointer;}
.scroll-sort span:hover,.scroll-sort .choose{background:#d00904;}
.scroll-sort span:hover a,.scroll-sort .choose a{color:#fff;}
 /* 内容区域 */
.LeftCnt {flex: 1; margin-right: 40px;}
.ShowContent {background: #FFF;padding: 40px 60px;box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);border-radius: 5px;}
.ShowContent h2 {padding: 20px 0;line-height: 1.3;font-size: 30px;color: #333;}
.base {display: flex;justify-content: space-between;padding-bottom: 15px;color: #888;}
.content_html {margin: 20px 0;line-height: 1.6;font-size: 16px;word-wrap: break-word;}
.content_html p {padding: 5px 0; }
.content_html img{max-width: 100%;border-radius: 5px;}
.miaoshu {background: #F7F8FA;padding: 20px;border-radius: 10px;margin-bottom: 20px;line-height: 1.6;}

.description{background: #f6f6f6; margin-bottom:20px; padding: 30px 30px 30px 20px;position: relative;border-radius:10px;}
.description .cont{padding-left:70px;text-align:justify;}
.description .cont p{color: #333;line-height: 28px;}
.description .unit{right: 20px; text-align:right;}
.description .unit p{font-size: 16px;font-weight: 400;color: #000033;}
.description .up-comma{position: absolute; top: 25px; font-size:50px; color:#666;}
.description .below-comma{position: absolute;bottom: 20px;right: 20px;}

blockquote {padding: 15px;position: relative;background: #f9f9f9;width: auto;margin: 1px;border-radius: 10px;border-left: 3px solid #f90;}

 /* 分页导航 */
.content_act { width: 100%; margin: 50px auto 0; padding-top: 30px; border-top: 1px solid rgba(36, 56, 125, 0.18); }
.content_act ul {display: flex;}
.content_act li {flex: 1;box-sizing: border-box;}
.content_act li:first-child {border-right: 1px solid rgba(36, 56, 125, 0.18);}
.content_act em { display: block; height: 40px;line-height: 40px;font-size: 16px;color: #004d61;}
.content_act h4 {line-height: 1.4;font-size: 16px;color: #333;font-weight: normal;width: 80%;}
.content_act ul li:nth-child(2) em{text-align: right;}
.content_act li:nth-child(2) h4 {text-align: right;float:right;width: 80%;}
/***右侧列表***/
.RightCnt {width: 350px;flex-shrink: 0;}
.RightSide {width: 100%;}
.RightSide > div {background: #FFF;box-shadow: 0 0 2px #DDD;border-radius: 10px;margin-bottom: 20px;}
.RightSide .h {padding: 20px 15px 10px;}
.RightSide .h span {display: block;height: 20px;line-height: 20px;position: relative;padding-left: 15px;font-size: 18px;}
.RightSide .h span:before { content: ''; position: absolute; width: 5px;height: 100%;left: 0;top: 0;background: #D00904; }
.good_list li { padding: 10px 20px;line-height: 1.5; font-size: 15px;border-top: 1px solid #f0f0f0;}
.good_list li a:hover {color: #d00904;}
.quanzi .thebase {padding: 15px;display: flex;align-items: center;}
.quanzi .thebase ol {width: 60px;margin-right: 15px;flex-shrink: 0;}
.quanzi .thebase ol a {display: block;width: 60px;height: 60px;border-radius: 50%;overflow: hidden;}
.quanzi .thebase ol img {width: 60px;height: 60px;border-radius: 50%;}
.quanzi .thebase li {line-height: 25px;color: #999; list-style: none;}
.quanzi .thebase li .qun_title{display: inline-block;font-size: 18px;color: #000;padding-right: 10px;}
.quanzi .cont {padding: 0 15px 15px; line-height: 1.6;color: #666;}
.WXcode {text-align: center;padding: 15px;}
.WXcode dt {font-size: 16px;margin-bottom: 10px;}
.WXcode dd img {max-width: 200px;height: auto;}
        
/* 响应式调整 */
@media (max-width: 1200px) {
	.Container {flex-direction: column;}
	.LeftCnt {margin-right: 0;margin-bottom: 30px;}
	.RightCnt {width: 100%;}
}
@media (max-width: 768px) {
	.ShowContent {padding: 20px 15px;}
	.content_act ul {flex-direction: column;}
	.content_act li {padding: 10px 0;}
	.content_act li:first-child {border-right: none;border-bottom: 1px solid rgba(36, 56, 125, 0.18);
    }
}
/**列表页样式**/
.ShowLists{background: #fff;padding: 40px; box-shadow: 0 0 29px -6px rgb(184 184 184 / 30%);border-radius: 10px;}
.ShowLists .list{/*margin:15px 15px 0 15px;*/ position: relative; padding: 30px 0;border-bottom:#eee solid 1px;}
.ShowLists .list ul{display:table;}
.ShowLists .list ul ol{display:table-cell;vertical-align:top;}
.ShowLists .list ul ol{width:200px;}
.ShowLists .list ul ol a{border:#EEE solid 1px;border-radius:5px;}
.ShowLists .list ul ol a img{width:300px; height: auto; border-radius:5px;}
.ShowLists .list ul ol .shipin {color: #fff;position: absolute;line-height: 20px;padding: 3px 10px; margin:5px; background: #333;border-radius: 5px;}
.ShowLists .list ul li{padding-left:20px;}
.lanmu {color: #666;width:80px; text-align:center; padding:5px 10px; margin-bottom:10px; font-size:14px;background: #f6f6f6;border-radius:5px;}
.ShowLists .list ul .title{font-size: 20px; min-height:40px; color:#000;}
.ShowLists .list ul .unit{overflow: hidden;color: #999;font-size: 14px; line-height:20px; padding:8px 0;}
.ShowLists .list ul .con{overflow: hidden;color: #666;font-size: 14px; line-height:20px; padding:10px 0;}
.ShowLists .list ul .other{color: #999;position: absolute;display: block;bottom: 30px;}
.ShowMoreBBs{text-align: center;padding: 50px 0px;}
.ShowMoreBBs button{width: 50%;line-height: 50px;border: 0px;background: #f9f9f9;font-size: 18px;margin: auto;border-radius: 25px;}
.ShowMoreBBs button:hover{background: #d00904;color: #FFF;}
/* 心得列表 */
.xinde {margin: 0 auto;overflow: hidden;column-count: 3;column-gap: 25px;max-width: 1300px;}
/* 响应式布局 */
@media screen and (max-width: 992px) {.xinde {column-count: 2;padding: 0 15px;}}
@media screen and (max-width: 768px) {.xinde {column-count: 1;padding: 0 10px;}}
/* 卡片通用样式 */
.xinde .list {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    width: 100%;
    margin-bottom: 25px;
    break-inside: avoid;
    page-break-inside: avoid;
    backface-visibility: hidden;
}
.xinde .list:hover {box-shadow: 0 0 29px -6px rgb(184 184 184 / 80%);}
.xinde .list ol { display: flex; align-items: center; padding: 25px; width: 100%; box-sizing: border-box;}
.xinde .list ol a { flex: 0 0 60px; margin-right: 15px; border-radius: 50%; overflow: hidden;aspect-ratio: 1/1;}
.xinde .list ol img { width: 100%; height: 100%; object-fit: cover; display: block;}
.xinde .list ol div {flex: 1; min-width: 0;}
.xinde .list ol div span {font-size: clamp(16px, 1.8vw, 18px);color: #333; line-height: 1.3; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.xinde .list ol div em {color: #999; font-size: clamp(12px, 1.4vw, 14px); margin-top: 4px; float: right;}
.xinde .list .title { font-size: clamp(14px, 1.6vw, 16px);line-height: 1.5; padding: 0 25px; hyphens: auto;}
.xinde .list .img {padding: 0 25px;margin: 15px 0;}
.xinde .list .img img { border-radius: 5px; width: 100%; height: auto; max-width: 100%; display: block;}
.xinde .list .cnt { display: flex;justify-content: space-between;align-items: center;padding: 25px; gap: 15px;}
.xinde .list .cnt .qun {color: #999;flex: 1;min-width: 0;}
.xinde .list .cnt .qun em a {color: #f30;text-decoration: none;transition: opacity 0.3s ease;}
.xinde .list .cnt .qun em a:hover {opacity: 0.8;}
.xinde img {max-width: 100%;height: auto;vertical-align: middle;content-visibility: auto;}
img[src=""],
img:not([src]) {
    opacity: 0;
    visibility: hidden;
}