*{padding:0;margin:0 auto;}
body{margin:0;padding:0;
	background-image:url('../../../com/img/white2.gif');
}
html {
scroll-behavior:smooth;
}

/*隐藏滚动条，防止点击不了右侧菜单栏*/
body::-webkit-scrollbar { width: 0 !important }
body{ -ms-overflow-style: none; }
body{ overflow: -moz-scrollbars-none; }
body{overflow-x:hidden;


}


/*优秀，经验交流的标签样式*/
    /* 基础样式设置 */
        .btn-group.pill-group {
            /* 定义高度变量，可直接修改此值调整高度 */
            --pill-height: 30px;
            
            border-radius: calc(var(--pill-height) / 2);
            overflow: hidden;
            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
            font-family: "Microsoft YaHei", "微软雅黑", "SimHei", "黑体", sans-serif;
        }
        
        /* 按钮样式调整 */
        .pill-group .btn {
            height: var(--pill-height);
            line-height: var(--pill-height);
            padding: 0 10px;
            border: none;
            border-radius: 0; /* 移除默认圆角，由父容器统一控制 */
            margin: 0;
            font-weight: 300;
            transition: all 0.2s;
        }
        
        /* 移除按钮间的分隔线 */
        .pill-group .btn + .btn {
            margin-left: 0;
        }
        
        /* 颜色设置 */
        .pill-group .btn-excellent {
            background-color: #5cb85c;
   			 border-color: #4cae4c;
            color: #fff;
        }
        
        .pill-group .btn-good {
            background-color: #5bc0de;
            border-color: #46b8da;
            color: #fff;
        }

         .pill-group .btn-bad{
           background-color: #d9534f;
    border-color: #d43f3a;
            color: #fff;
        }
       

        .pill-group .btn-experience {

            background-color: #337ab7;
            color: #fff;
        }
        
        /* 交互效果 */
        .pill-group .btn:hover {
            opacity: 0.9;
        }
        
        .pill-group .btn:active {
            box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        }
        
        /* 点击状态 */
        .pill-group .btn.active {
            opacity: 0.8;
            box-shadow: inset 0 3px 5px rgba(0,0,0,0.15);
        }
        
        /* 不同尺寸 */
        .pill-group.large {
            --pill-height: 40px;
            font-size: 16px;
        }
        
        .pill-group.small {
            --pill-height: 22px;
            font-size: 12px;
        }
        
        /* 反馈信息样式 */
        .feedback-alert {
            margin-top: 15px;
            display: none;
        }




/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */

@font-face {
  font-family: "阿里妈妈东方大楷 Regular";font-weight: 400;
  src:  url("fonts/z8zcabIaxFcu/bRxxn.woff") format("woff"),url("fonts/z8zcabIaxFcu/bRxxn.woff2") format("woff2");
  font-display: swap;
  
}
	 
#countdown,[rel=zip]{display:none}
/*
body *{

-webkit-filter: grayscale(100%) ; /*  webkit */
/*
-moz-filter: grayscale(100%); /*firefox*/
/*
-ms-filter: grayscale(100%); /*ie9*/
/*
-o-filter: grayscale(100%); /*opera*/
/*
filter: grayscale(100%);

filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  

filter:gray; /*ie9- */
/*
}
*/


/*
canvas:hover{
        transform: scale(2);
     }
*/




cite{cursor:pointer;color:#337ab7}

.bTitle{
font-size:16px;
line-height:28px!important;
border-bottom:0 !important;

position: relative;
text-align:justify;


 }
 tbody{max-width:100%}

.capMulu{padding:15px;}

.capMulu:active{color:red;} 
#leftmulu .capMulu{display:none;}
 .qrcode{display:none}
#showPaiHang,.more,.hidemore,[rel=delArtical],[rel=share],[rel=downWord]{cursor:pointer;color:#999;}


.more:hover,.hidemore:hover{color:darkred;}
.bTitle p{text-indent:2em;word-wrap:break-word;}
#btnSearch:hover{color:#fff;background-color:darkred;}
#btnSearch:active{color:#fff;background-color:red;}

section{margin:0;padding:0}
section img{
	text-align:center;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	border-radius:10px;
	
	box-shadow:2px 2px 5px #ccc;
	transition: all 0.5s;
    margin:0 auto !important;
    width:100%;

	max-width:100%  !important;
	}

section video{max-width:95% !important }
td{overflow: hidden  !important;}
.contentImg{width:100%;height:200px !important;text-align:center;border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	border-radius:10px;
	
	box-shadow:2px 2px 5px #ccc;
	 
 
 
	/*transition: all 0.5s; */}
img{ 
	
	/*transition: transform .3s ease-out;  添加过渡效果 */}
/*
.contentImg.active {
  transition: transform 5s ease-out; /* 添加过渡效果 
}

*/
.ewmImg{width:100%;text-align:center;border:0 !important;}

a{text-decoration:none !important;}
#showAllMuLu a,#leftmulu a{color:#333;}
#showAllMuLu a:hover,#leftmulu a:hover{color:darkred;
position:relative;right:1px;bottom:1px;
}

 
  a:active{
	font-weight:bold;
 color:red;
 
 position:relative;
 right:-1px;bottom:-1px;
 
 }
 


caption{
	text-align:center;
font-size:18px;
font-weight:bold;


}
.biaoTi{
width: 100%;
  overflow: hidden;
  
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pull-right{padding-bottom:0;margin-bottom:0;border:0;width: 100%;position: absolute;bottom: 0;right:15px;}
#well-ht{

border:0;
/*background-color:#fff;*/
text-align:center;


	 
}
.footerTd{
	
	border-bottom:2px solid #666;
}
#well-ht .bt{
word-spacing:1px;
		   letter-spacing:1px;
 /*white-space: nowrap;*/
 
  display: flex;
      justify-content: center; /* 水平居中对齐 */
      align-items: center; /* 垂直居中对齐 */
      white-space: nowrap;

font-family:阿里妈妈东方大楷 Regular,方正小标宋_GBK,仿宋,方正仿宋,仿宋_gbk,仿宋_gb2312,黑体;
 text-shadow:1px 1px 1px #ccc;


font-weight:bold;
color:red;
font-size:28px;
}

#qishu{
margin-top:20px;
margin-bottom:15px;

font-weight:bold;
}

.container{padding-top:33px !important}
#tableMuLu li{
font-weight:bold;
}
tfoot td{display:none;}
#well-h2{border-bottom:2px solid red !important;/*background-color:#fff;*/padding:3px;}

#showContent table{margin-bottom:50px !important;margin-top:50px !important;}
.bTitle{border:0 !important;}

@media (min-width: 992px){
	      
          .container{width:779px;
		  
		  height:auto;
	        
		  }
		  /*
		  .contentImg:hover{
        transition: all .3s ease .1s;

     transform: scale(1.5);
     }*/
	    caption{font:22px 方正小标宋_GBK,方正小标宋简体,仿宋,方正仿宋 !important;}
		 #well-ht .bt{
			font-size:36px;
			font-family:font-family:阿里妈妈东方大楷 Regular,方正小标宋_GBK,仿宋,方正仿宋,仿宋_gbk,仿宋_gb2312,黑体;
			border:0;
			/*background-color:#fff;**/
			text-align:center;
              
			}
			
			 #well-h2{font:21px 楷体,楷体_gb2312,方正楷体,仿宋,方正仿宋,仿宋_gbk,仿宋_gb2312  !important;}
		 #tableMuLu{font:21px 楷体,楷体_gb2312,方正楷体,仿宋,方正仿宋,仿宋_gbk,仿宋_gb2312 !important;margin-top:20px;}
		 
		  
		 #qishu{font:21px 仿宋,方正仿宋,仿宋_gbk,仿宋_gb2312;}
		 
		  #well-ht .bt{color:red !important;
		   font-family:font-family:阿里妈妈东方大楷 Regular,方正小标宋_GBK,仿宋,方正仿宋,仿宋_gbk,仿宋_gb2312,黑体 !important;
		   font-size:56px !important;
		   word-spacing:9px;
		   letter-spacing:9px;
		   
		   text-align:center;
		   vertical-align:middle;
		   }
		   
		   
		   
		 .bTitle{font:21px 方正仿宋,仿宋_gb2312,仿宋;  line-height:33px !important;}
		 .bTitle p{margin-top:11px;}
		 .contentImg{height:480px !important;}
		 /*.contentImg:hover{ transform: scale(1.2);}*/
		#hideMulu{display:none;}
		.capMulu{font:22px 黑体,方正小标宋_GBK,方正小标宋简体,仿宋,方正仿宋 !important;word-spacing:5px;letter-spacing:5px; }		
		#footer{
			font:18px 仿宋,方正仿宋,仿宋_gbk,仿宋_gb2312;
		 
			
		}
		
		#urlEwm{display:block !important;}

      
	 }
	 
	 
	#showleftmulu{
		display:none;
	cursor:pointer;
 position: fixed;
 border-radius:5px;
    top: 50%;
    right: 0;
    padding:3px;
	width:18px;
    background-color: darkred;
	color:#fff;
	transform: translate(-0%,-50%);
	
}

	#hidemulu{
		display:none;
	cursor:pointer;
 position: fixed;
 border-radius:5px;
    top: 50%;
    right: 0;
    padding:3px;
	width:20px;
    background-color: darkred;
	color:#fff;
	transform: translate(-0%,-50%);
	z-index:1000;
	
}

	#leftmulu{
	box-shadow:0px 0px 15px gray;
	/*background-image:url('../../../com/img/white.gif');*/
	display:none;
 position: fixed;
background-color:#fffff5;
font-weight:bold;
 border:2px solid darkred;
 border-top:3px solid darkred;
 border-right:0;
 border-radius:8px;
   top:0;
    right:0;
    padding:8px;
    width:400px;
	
	max-width:100%;
	height:100%;
	color:#fff;
	
	 opacity:0.88;
	/*transform: translate(-0%,-50%);*/
	
	/*box-shadow:1px 1px 3px #333; transition: all 0.5s;*/
	z-index:999;
	overflow-y:auto;
	overflow-x:auto;
	
}
 /*
 *  STYLE 3
 */


[rel]:hover{cursor:pointer;box-shadow: 1px 1px 1px 1px #ccc; }
td [rel]:active{position:relative;left:1px;top:1px;}*/
#leftmulu::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#leftmulu::-webkit-scrollbar
{
	width: 6px;
	background-color: darkred;
}

#leftmulu::-webkit-scrollbar-thumb
{
	background-color: darkred;
}



#fg{margin-bottom:160px;}
#search{
z-index:100;
text-align:right;	
 position: fixed;
 border-radius:5px;
 cursor:pointer;
    top: 0;
    right: 0;
    padding:3px;
	width:50px;
     top: 55%;	

	

}
#articalLong{
	cursor:pointer;
	color:#fff;
background-color:#337ab7;
text-align:right;	
 position: fixed;
 border-radius:15px;
    top: 0;
    right: 0;
    padding:2px;
	
     top: 65%;	
}
#articalShort{
	display:none;
	cursor:pointer;
	color:#fff;
background-color:orange;
text-align:right;	
 position: fixed;
 border-radius:15px;
    top: 0;
    right: 0;
   
    padding:2px;
	
     top: 65%;	
}




#articalWordShow{
	cursor:pointer;
	color:#fff;

text-align:right;	
 position: fixed;
  border-radius:15px;
   padding:2px;
    top: 0;
    right: 0;
   margin-right:-5px;
	
     top: 70%;	
}

#zip{
	cursor:pointer;
	color:#999;

 text-align:right;	
 border-radius:5px;
  position: fixed;
    top: 40%;	
    
    right: 0;
   /*margin-right:-5px;*/
	
    
}


#makeWeiXin{
z-index:100;
text-align:right;	
 position: fixed;
 border-radius:5px;
 cursor:pointer;
    top: 0;
    right: 0;

    top: 77%;	

}

#makeWeiXin:hover,
#articalLong:hover,
#articalShort:hover,
#zip:hover,
#articalWordShow:hover


 {

    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
}
.content_text br{text-indent:2em;}
.tContent{
user-select: none; pointer-events: none;

}



#readArtical{
	cursor:pointer;
	color:#fff;
/*background-color:darkred;*/
text-align:right;	
 position: fixed;
 border-radius:5px;
    top: 0;
    right: 0;
    padding:1px 2px 0px 2px;
	
     top: 60%;	

	

}

#stopArtical{
	cursor:pointer;
	display:none;
	color:#fff;
/*background-color:red;*/
text-align:right;	
 position: fixed;
 border-radius:5px;
    top: 0;
    right: 0;
    padding:1px 2px 0px 2px;
	
     top: 60%;	

	

}
#editArtical{
	display:none;
	color:#fff;
background-color:darkred;
text-align:right;	
 position: fixed;
 border-radius:5px;
    top: 0;
    right: 0;
    padding:8px;
	
     top: 65%;	

	

}

video{max-width:92%;padding:10px;border-radius:10px;text-align:center;}
#showUrlEwm{text-align:center;}

#btnSearch:hover{cursor:pointer;}
#btnSearch:active{position:relative;left:1px;top:1px;}
.modal-header{padding:5px;background-color:#337ab7;color:#fff;background-image:url('../../../com/img/blue.gif')}	


/* 定义 [rel=zip] 元素的正常样式 */
        [rel=zip] {
            width: 25px;
           
           
            /* 添加过渡效果，使尺寸变化更平滑 */
            transition: all 6s ease;
        }

      
        /* 定义放大样式 */
        .enlarged {
            transform: scale(2.0);
        }



/* 雪花容器 */
        .snow-container {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            overflow: hidden;
            z-index: 9999;
        }

        /* 雪花样式 */
        .snowflake {
            position: absolute;
            width: 10px;
            height: 10px;
            background: white;
            border-radius: 50%;
            pointer-events: none;
            animation: fall linear infinite;
        }

        /* 雪花飘落动画 */
        @keyframes fall {
            to {
                transform: translateY(100vh);
            }
        }
/*cite{cursor:pointer;color:#337ab7;}*/