html{color:#000;}
body{
    font-family: -apple-system,SF UI Display,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;
    background:#f5f6f7;
}
@charset "utf-8";
*{
    margin: 0px;
    padding: 0px;

}
a{
    text-decoration: none;
    color: #000000;
}


xmp{
    font-family: generic-font;
    white-space: normal;
}


#first {
    height: 55px;
    line-height: 55px;
    width: 1000px;
    font-size: 18px;
    color: #724E33;
    background: #fff;
    position: fixed;
    top: 0;
    left:0px;
    right:0px;
    z-index: 1000;
    margin:0px auto;
    box-shadow: 0px 1px 3px #999;
    
}
#tools{
    float: left;
    display: none;
    height: 30px;
    margin-top: 12.5px;
}
#cover{
    width: 100%;
    height: 100%;
    position:fixed;
    bottom: 0px;
    top:55px;
    right:0px;
    left:0px;
    z-index: 9;
    background: #000;
    opacity: 0.2;
    display: none;
}
#first_left{
	float: left;
	padding-left: 5px;
    box-sizing: border-box;
    width:130px;
}
#first_left span {
    cursor: pointer;
}
#first_right{
	float: right;
	padding-right: 5px;
    box-sizing: border-box;
    width:250px;
}
#first_right div{
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
#first_left img {
    height: 25px;
    vertical-align: text-bottom;
}

.search form {
    position: relative;
    clear: both;
}
.search .text {
    display: block;
    width: 100%;
    padding: 10px 25px 10px 8px;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    border: 1px solid #ddd;
    border-right: 50px solid #fff;
    font-size: 14px;
    -webkit-appearance: none;
    border-radius: 0;
}
.search .btn {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    margin: 0;
    width: 50px;
    height: 40px;
    border: 1px solid #ddd;
    background: transparent url(/image/search.png) no-repeat 50% 50%;
    -webkit-background-size: 20px 21px;
    -moz-background-size: 20px 21px;
    -o-background-size: 20px 21px;
    background-size: 20px 21px;
    border-radius: 0px;
    cursor: pointer;
}










#all{
     width:1000px;
     margin:0px auto;
     margin-top:65px;
}

		#left{
        		float:left;
        		width:700px;
        	}
        	#right{
        		float:right;
        		width:290px;
        	}
        	
    .ztree {
    
	    height: auto;
	    background: #fff;
	    margin-bottom: 10px;
	    display:none;
	    padding-left:0px!important;
	    color: #595757;
}    	
  .menu {
			width:100%;
		    padding: 15px;
		    box-sizing: border-box;
		    BACKGROUND: #FFF;
		    border-radius: 2px;
		    margin-bottom: 10px;
		    color: #724E33;
		     box-shadow: 0px 1px 3px #999;
		    
		  }
		  .m_title {
			    color: #595757;
			    font-size: 16px;
			    height: 30px;
			    line-height: 30px;
			    border-bottom: 1px solid #f0f0f0;
			    margin-bottom: 10px;
			}
		  .m_title span {
			    border-bottom: 1.5px solid #000;
			    display: inline-block;
			}
		  .menu_div {
		    height: 30px;
		    line-height: 30px;
		}
		.menu img{
			height: 75%;
			display: inline-block;
    		vertical-align: middle;
		}
		.menu_desc{
			display: inline-block;
    		vertical-align: middle;
		}
  
  
#focal{
    width: 100%;
    margin-bottom: 10px;
    box-shadow: 0px 1px 3px #999;
}
.swiper-container {
    height: auto;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius:2px;
}
.swiper-slide {
    text-align: center;
    float: left;
}

.swiper-slide a {
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
}

.swiper-slide img {
    width:auto;
    height: auto;
    position: relative;
    width: 100%;
    vertical-align: middle;
}

.pagination {
    position: absolute;
    width: 100%;
    z-index: 100;
}
 
 
 .icongg {
				  width: 26px;
				  height:26px;
				  fill: currentColor;
				  overflow: hidden;
				  margin-bottom:2px;
				  vertical-align: middle;
				  margin-right:2px;
				}
				#gg{
			    width:100%;height:30px;margin:0px auto;margin-bottom:10px;line-height:30px;
			    text-align:center;
				}
				.ggg{
					display:inline-block;
					height: 30px;
				    line-height: 30px;
				    max-width:100%;
				}
				.gg{
					font-size:16px;
				    color: #724E33;
				    height: 30px;
				    line-height: 30px;
				    display:none;
				}
				.gg div{
					overflow: hidden;
				    text-overflow: ellipsis;
				    white-space: nowrap;
				    color:#724E33;
				}
				

	#path{
				    margin-bottom: 10px;
				    padding-left: 15px;
				    box-sizing: border-box;
				    box-shadow: 0px 1px 3px #999;
				    font-size: 15px;
				    overflow: hidden;
				    text-overflow: ellipsis;
				    white-space: nowrap;
				    height: 28px;
    				line-height: 28px;
    			}
    			#path img{
    				height:10px;
    				display: inline-block;
    				vertical-align: middle;
    			}
    			#path span{
    			    vertical-align: middle;
    			}				     	

.topic{
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    BACKGROUND: #FFF;
    border-radius: 2px;
    box-shadow: 0px 1px 3px #999;
    margin-bottom: 10px;
}
.topic:hover{
	background:#fafafa;	
}

.title{
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    word-break:break-all;
}
.desc{
    color: #777;
    font-size: 13px;
    height: 70px;
    margin-bottom: 10px;
    margin-top: 10px;
    overflow: hidden;
    line-height: 24px;
    word-break:break-all;
}
.desc ,.title{
    cursor: pointer;
}

.iconicon_yulan{
	 color: #777;
}


.desc{
    color: #777;
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 10px;
    overflow: hidden;
    line-height: 24px;
         height:95px;
      }
                .desc1{
                	float:left;
                	width:69.5%;
                }
                .desc2{
                	float:right;
                	width:30%;
                	height:100%;
                	    padding-top: 5px;
                }
                .desc2 img{
                	width:100%;
                	object-fit: contain;
                	height:100%;
                }
                .desc111{
                	width:100%;
                }
                 .desc222{
                	display:none;
                }
                
                               .info {
					    color: #777;
					    font-size: 13px;
					}
					.info  img {
       height: 13px;
    display: inline-block;
    vertical-align: middle;
    width: 12px;
}
.info span {
    display: inline-block;
    vertical-align: middle;
} 
              #page_code{
                	text-align:center;
                	margin-top:10px;
                	margin-bottom:10px;
               }
               #page_code span{
                			    display: inline-block;
							    border: 1px solid #887668;
							    margin-left: 5px;
							    margin-right: 5px;
							    padding-left: 3px;
							    padding-right: 3px;
							    background: #fff;
							    height: 22px;
							    min-width: 16px;
							    line-height: 22px;
							    cursor: pointer;
							        box-shadow: 0px 1px 3px #999;
                		}
                		#now_page{
                			background: #887668!important;
    						color: #fff;
                		}
                		
                		
#topic_top{
   background: #fff;
    border: 1px solid #f0f0f0;
    padding: 10px;
    border-radius: 2px;
    box-sizing: border-box;
    margin-bottom: 10px;
    box-shadow: 0px 1px 3px #999;
    border: 0px!important;
}
#title{
    font-size: 30px;
    color: #000;
    line-height: 1.3;
    background: #fff;
    word-break:break-all;
    text-align:center;
}
#info{
    margin-top: 10px;
    margin-bottom: 15px;
    text-align:center;
}



#info22{
    font-size: 16px;
    color: #777;
    background: #fff;
}

#content{
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 10px;
    padding: 0px;
    box-sizing: border-box;
    margin-top:10px;
}
.editormd-html-preview blockquote, .editormd-preview-container blockquote {
		    color: #666;
		    border-left: 6px solid #e6e6e6;
		    padding-left: 20px;
		    margin-left: 0;
		    font-size: 14px;
		    font-style: normal;
		    background-color: #fafafa;
		    padding: 10px;
		}
		
		    #preNext{
	    	margin-top:15px;
	    }
    	.m3{
    		overflow: hidden;
    		text-overflow: ellipsis;
    		white-space: nowrap;
    		font-size: 16px;
    		height: 30px;
		    line-height: 30px;
		    cursor: pointer;
		    color: #724E33;
    	}
    	.m3:hover{
			background:#fafafa;	
		}
		

#bigimg{
	width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1001;
    right: 0;
    overflow: scroll;
    text-align:center;
    display:none;
    background:rgba(0, 0, 0, 0.8);
}
#bigimg img{
	cursor: zoom-out;
	margin-top:80px;
	margin-bottom:80px;
}
.markdown-body img{
	cursor: zoom-in;
}
		
@media screen and (max-width: 1000px) {
	
    #left{
    	width:100%;
    }
    #all{
    	width:100%;
    }
    #first{
    	width:100%;
    }
    .ads{
    	display:none;
    }
    #right {
	    position: fixed;
	    background: #fff;
	    top: 56px;
	    left: -290px;
	    height: 100%;
	    overflow: auto;
	    box-shadow: 0px 1px 3px #999;
	    z-index:1001;
    }
    .menu {
	    border-radius: 0;
	    margin-bottom: 0;
	    padding-bottom: 0px;
	    box-shadow: none;
	}
    .myad{
    	 margin-bottom: 60px!important;
    }   
    #tools{
    	display:block;
    }
}
@media screen and (max-width: 410px) {
	#first_left{
		width:50px;
	}
	#top_name{
		display:none;
	}
}
@media screen and (max-width: 330px) {
	#first_right{
		width:190px;
	}
}
@media screen and (max-width: 280px) {
	#first_left{
		 width:130px; 
		 float:right;
	}
	#top_name{
		 display:inline-block; 
	}
	#first_right{
		display:none;
	}
}