/*



Theme Name: jqhmtl down1



Description: c2.



*/







/**



 * 1.0 Body



 * ----------------------------------------------------------------------------



 */



*{



    margin:0;



    padding: 0;



    font-size: 14px;



    font-family: "Microsoft YaHei";







}



a{



    text-decoration: none;



}



ul{



    list-style: none;



}



img{



    border: none;



}



body{



    background: #f2f2f2;





}







#header{



	width: 100%;



	height: 50px;



	background: #fff;



	overflow: hidden;



	position: fixed;



	top: 0;



	border-bottom: 1px solid #EAEAEA;



	z-index: 2;



}



#header .header-c{



	width: 1000px;



	height: 100%;



	/*background: pink;*/



	margin: 0 auto;



}



#header .header-c a.logo{



	margin-top: 5px;

	width: 150px;
	height: 44px;
	display: block;
	margin-top: 3px;
	float: left;



}
#header .header-c a.logo img{
	display: block;
	width: 100%;
	height: 100%;
}


#header .header-c .nav-ul{



	position: relative;



	margin-left: 40px;



	float: left;



	height: 100%;



}



#header .header-c .nav-ul li {



	float: left;



	height: 48px;



	line-height: 48px;



	padding: 0 15px;



	margin: 0 10px;



	position: relative;



}



#header .header-c .nav-ul li a{



	font-size: 16px;



	color: #333;



}



#header .header-c .nav ul li span{



    display: block;



    width: 0;



    height: 2px;



    background: #ff6600;



    position: absolute;



    left: 50%;



    bottom: -2px;



}







#header .header-c .nav ul li .sub-menu{



	position: absolute;



	width: 1000px;



	background: #fff;



	margin-top: 2px;



	/*background: pink;*/



}



#header .header-c .nav ul li .sub-menu li{



	padding: 0 10px;



	height: 40px;



	line-height: 40px;



}



#header .header-c .nav ul li .sub-menu li a:hover{



	color: #ff6600;



}



#header .header-c .nav ul li .sub-menu li.nav-active{



	border:none;



}



#header .header-c .nav ul li .sub-menu li.nav-active a{



	color: #ff6600;



}



#header .header-c .nav ul li .sub-menu li a{



	font-size: 14px;



	color: #555;



}



.hrline{



	position: absolute;



	left: 0;



	top:50px;



	width: 100%;



	height: 1px;



	background: #EAEAEA;



	z-index: 101110;



}



.hrline2{



	position: absolute;



	left: 0;



	top:114px;



	width: 100%;



	height: 10px;



	background: #EAEAEA;



}



.clear{



	clear:both;



}



.place{



	height: 50px;



	width: 100%;



	/*float: left;*/



	background: pink;



}







.nav-active{



	color: #ff6600;



    border-bottom: 2px solid #ff6600;



}



/*搜索框*/







.header-c .search-btn{



    color: #999;



    font-size: 14px;



    float: right;



	color: #666;




    position: relative;



    display: block;



}



.header-c .search-close{



    color: #999;



    font-size: 20px;



    float: right;



    line-height: 50px;



    position: relative;



    display: none;



    opacity: 0;



    filter:alpha(opacity=0);



}



form.search{



    width: 240px;



    height: 30px;
	margin-top: 9px;


    float: right;



    position: relative;

	

    /*right: -200px;*/



}



form.search .search-text{
    position: absolute;
    display: none;
    right:0;
    width: 200px;
    height: 60px;
    border: none;
    line-height: 40px;
    border:0;outline:none;
    border-bottom: 1px solid #F2F2F2;

    /*background: yellow;*/


    text-indent: 1em;
}
.search-keywords{
	width: 170px;
	border: 1px solid #E7EAED;
	height: 100%;
	padding-left: 10px;
}
.sumbit{
	display: none;
}

form.search .search-btn{



    position: absolute;



    width: 50px;

	border: 1px solid #E7EAED;

    height: 32px;



    right: 0;



    top:0;



   
	background: none;



}



form.search button{



    position: absolute;



    width: 30px;



    height: 40px;



    left: 0;



    top:0;



    background: none;



    border: none;



    border:0;outline:none;



    cursor: pointer;



    color: #777;



}











#content{



	width: 100%;



	height: 900px;



}



#content .content-c{



	width: 1000px;



	height: 900px;



	margin: 20px auto;



	/*background: #fff;*/



}



.content-list{



	width: 640px;



	background: #fff;



	padding: 20px;



	padding-top: 0;



	float: left;



}



.content-list .content-list-header h3{



	font-size: 16px;



	color: #555;



	line-height: 50px;



	height: 50px;



	width: 100%;



	margin-bottom: 10px;



	font-weight: 400;



}



#tags_related ul li{



	line-height: 28px;



	height: 28px;



	overflow: hidden;



}



#tags_related ul li a{



	font-size: 14px;



	color: #333;



}



#tags_related ul li:hover a{



	color: #ff6600;



}

.content-list ul li{

	line-height: 28px;



	height: 28px;



	overflow: hidden;

}

.content-list ul li a{

	font-size: 14px;

	color: #333;

}

.content-list ul li a:hover{

	color: #ff6600;

}

.content-list-item{



	float: left;



	margin-bottom: 30px;



	width: 100%;



}



.content-list-item:hover a.title{



	color: #ff6600;



}



.content-list-item a.title{



	width: 100%;



	float: left;



	font-size: 16px;



	font-weight: 600;



	color: #333;



	margin-bottom: 14px;



}



.content-list-item .info a.type{



	font-size: 12px;



	padding: 2px 14px;



	display: inline-block;



	border-radius: 2px;



	color: #666;



	float: left;



	margin-right: 6px;



}

.content-list-item p.list-tag{
	background: #f2f2f2;
	margin-right: 5px;
}

a.matlab-code{



	background: #A0522D	;



}



a.template-html5{



	background :#7B68EE;



}



a.template-dedecms{



	background:#FFE4C4;	



}



a.document-pdf-epub{



	background:#708090;



}







.content-list-item .info p{



	color: #909090;



	font-size: 12px;



	float: left;



	display: inline-block;



	padding: 2px 8px;



}







.info .front,.javascript-code{



	background: #FF955B;



}



.info .python,.python-code{



	background: #56C4E1;



}



.info .java,.java-code{



	background: #857DEA;



}



.info .php,.php-code{



	background: #E8596B;



}



.info .c, .c-code{



	background: #3F48CC;



}



.info .database,.datebase-code{



	background: #FFAEC9;



}



.info .server{



	background: #FF7F27;



}



.info .code{



	background: #42c67d;



}







.cplusplus-code	{



	background: #5C0909;



}



.cshap-code	{



	background: #57280E;



}



.c-code	{



	background: #7A092E;



}















.tags{



	width:300px;



	background: #fff;



	float: right;



	padding: 0 15px;



	-moz-box-sizing: border-box;  



    -webkit-box-sizing: border-box; 



    -o-box-sizing: border-box; 



    -ms-box-sizing: border-box; 



    box-sizing: border-box;



}



.tags .tags-header{







	width: 100%;



	height: 40px;



	margin-bottom: 10px;



}



.tags .tags-header h3{



	font-size: 16px;



	font-weight: 400;



	display: inline-block;



	line-height: 40px;



	color: #555;



}



.tags .tags-header a.more-tags{



	float: right;



	font-size: 12px;



	color: #ff6600;



	display: inline-block;



	line-height: 40px;



}



.tags .tags-content a{



	font-size: 12px !important;



	color: #555;



	margin-right: 10px;



	background: #F2F2F2;



	display: inline-block;



	float: left;



	padding: 4px 8px;



	margin-bottom: 15px;



	border-radius: 2px;







}



.tags .tags-content a:hover{



	color: #fff;



	background: #ff6600;



}

.relate ul li a{
	display: block !important;
    width: 100%;
    padding: 0 !important;
    background: none !important;
}
.relate ul li a:hover{
	color: #ff6600 !important;
}
.single-content{



	width: 100%;



	height: auto;







}



.single-content .single-content-c{



	width: 1000px;



	margin: 20px auto;



}



#single-main-con-highjs pre {
	border: 1px solid #E7EAED;

}
#single-main-con-highjs pre code{
/*	font-size: 16px !important;
	line-height: 28px !important;*/
	/*font-family: Menlo,Monaco,Consolas,'Andale Mono','lucida console','Courier New',monospace;*/
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	background: #f8f8f8 !important;

}
#single-main-con-highjs hr{
	margin: 10px 0;
	border: none;      /* 先清除默认边框 */
  	border-top: 1px solid #E7EAED !important; /* 设置上边框颜色为红色 */
	/*background-color: #00ff00;*/
}
#single-main-con-highjs p,#single-main-con-highjs h5{
	font-size: 15px;
	color: #333;
	line-height: 28px;
}
#single-main-con-highjs h2{
	font-size: 24px;
	font-weight: bold;
	line-height: 40px;
	margin: 15px 0;
}
#single-main-con-highjs h3{
	font-size: 20px;
	line-height: 50px;
	font-weight: bold;;
	color: #333;
}
#single-main-con-highjs h4{
 	font-size: 18px;
 	font-weight: 400;
 	height: 50px;
 	line-height: 50px;
 }
#single-main-con-highjs img{
	display: block;
	max-width: 100%;
	height: auto;
	margin: 20px auto;
}
#single-main-con-highjs ul, ol{
 	padding-left: 20px;
 	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	box-sizing:border-box;
	width: 100%;
	margin:10px 0;
 }
#single-main-con-highjs li{
 	list-style: disc;
 	font-size: 15px;
 	line-height: 28px;
}
#single-main-con-highjs strong{
	font-size: 16px;
	height: 46px;
	line-height: 46px;
}
#single-main-con-highjs a{
	color: #003399;
}
#single-main-con-highjs table{
	width:100%;
	border-collapse: collapse;
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    border-left: 1px solid #EFEFEF;
    border-top: 1px solid #EFEFEF;
    margin:10px 0;
}

#single-main-con-highjs blockquote{
	background: #f6f6f6;
	border-left: 2px solid #ccc;
	padding: 10px 0;
	padding-left: 15px;
	margin: 10px 0;
}
#single-main-con-highjs table tr{
	display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
#single-main-con-highjs table th{
	background: #FAFAFA;
    text-align: left;
    border-bottom: 2px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    padding: 5px 8px;
    display: table-cell;
    vertical-align: inherit;
}
#single-main-con-highjs tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
#single-main-con-highjs td{
	border-bottom: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    padding: 5px 8px;
    display: table-cell;
    vertical-align: inherit;
}




.single-content .single-content-c .single-content-c-main{



	width: 640px;



	padding: 20px;



	background: #fff;



	float: left;



}



.single-content .single-content-c .single-content-c-main .single-main-header{


padding-bottom: 12px;
border-bottom: 1px solid #E7EAED;




}



.single-content .single-content-c .single-content-c-main .single-main-header h1{



	width: 100%;



	/*height: 40px;*/



	font-size: 18px;



	font-weight: 600;



	color: #333;



	width: 100%;



	margin-bottom: 14px;



}



.single-content .single-content-c .single-content-c-main .single-main-header .single-tags{



	display: inline-block;



}



.single-content .single-content-c .single-content-c-main .single-main-header .single-tags a{



	font-size: 12px;



	color: #666;



	background: #ff6600;



	color: #fff;



	border-radius: 2px;



	display: inline-block;



	margin-right: 10px;



	padding: 2px 6px;



}



.single-content .single-content-c .single-content-c-main .single-main-header p.time{



	font-size: 12px;



	color: #666;



	display: inline-block;



	margin-right: 20px;







}



.single-content .single-content-c .single-main-con{



	width: 100%;



/*	background: #f5f5f5;*/



	margin-top: 15px;



	color: #333;



	-moz-box-sizing: border-box;  



    -webkit-box-sizing: border-box; 



    -o-box-sizing: border-box; 



    -ms-box-sizing: border-box; 



    box-sizing: border-box;



	padding: 5px;



	padding-bottom: 15px;



	border-bottom: 1px solid #F2F2F2;



}



.single-content .single-content-c .single-main-con .codebuttonnav{



	color: #ff6600;



	display: inline-block;



	width: auto;



	border:1px solid #ff6600;



	line-height: 24px;



	height: 24px;



	font-size: 14px;



	padding: 4px 10px;



	margin-right: 10px;



	border-radius: 2px;



	transition: 0.2s;



}



.single-content .single-content-c .single-main-con .codebuttonnav:hover{



	background: #ff6600;



	color: #fff;



}



.single-content .single-content-c .single-main-con img{



	display: block;



	margin: 10px;



	max-width: 100%;



}



.single-content .single-content-c .single-main-con #links{



	padding: 4px 8px;



	background: #ff6600;



	color: #fff;



	display: inline-block;



	margin-top: 10px;



}



p.cd-p{



	margin:12px 0;



}



span.cd-span{



	color: #ff6600;



    padding: 0 4px;



    font-weight: bold;



}



a.godown{



	color: #ff6600;



}



.single-content .single-content-c .down{



	margin-top: 10px;



	height: 30px;



}



.single-content .single-content-c .down a{



	font-size: 16px;



	color: #888;



	display: inline-block;



	height: 30px;



	line-height: 30px;



	border-radius: 1px;







}



.single-content .single-content-c .down a:hover{



	color: #ff6600;



}



.single-content .single-content-c .down a i{



	font-size: 28px;



	margin-top: 3px;



	float: left;



	padding-left: 10px;



	margin-right: 10px;



}











.single-content .single-content-c .downl{



	margin-top: 10px;



	height: 30px;



}



.single-content .single-content-c .downl a{



	font-size: 16px;



	color: #888;



	display: inline-block;



	height: 30px;



	line-height: 30px;



	border-radius: 1px;







}



.single-content .single-content-c .downl a:hover{



	color: #ff6600;



}



.single-content .single-content-c .downl a i{



	font-size: 28px;



	margin-top: 3px;



	float: left;



	padding-left: 10px;



	margin-right: 10px;



}



















.alert-down{



    display: none;



    position: fixed;



    z-index: 100000;



    width: 300px;



    height: 150px;



    border:1px solid #f2f2f2;



    border-radius: 2px;



    box-shadow: 1px 1px 4px rgba(0,0,0,.3);



    background: #fff;







}



.alert-down .alert-down-header{



    position: relative;



}



.alert-down .alert-down-header h2{



    display: inline-block;



    width:100%;



    height: 35px;



    line-height: 35px;



    text-align: center;



    font-size: 16px;



    font-weight: normal;



    border-bottom: 1px solid #f2f2f2;



}



.alert-down .close{



    font-size: 18px;



    right: 10px;



    top: 5px;



    position: absolute;



    color: #999;



    cursor: pointer;



}



.alert-down .pan{



    display: inline-block;



    padding: 5px 20px;



    color: #fff;



    background: #ff6600;



    margin-left: 100px;



    margin-top: 20px;



}



.alert-down .vilidate{



    display: block;



    text-align: center;



    margin-top: 12px;



}



.alert-down .vilidate span{



    display: inline-block;



    padding: 3px 10px;



    border:1px solid #f2f2f2;



    margin-left: 10px;



}



/*page*/



.page-container{



    width:100%;



    height: 50px;



    line-height: 50px;



}



.page{



    float: left;



    text-align: center;



    width: 100%;



    height: 50px;



    line-height: 50px;



}



.total{



    display: none;



}



.page a,.page span{



    padding: 2px 8px;



    border-radius: 1px;



    border: 1px solid #F2F2F2;



    color: #999999;



    transition:.3s;



    -webkit-transition:0.3s;



}







span.dots{



    border:1px solid #fff;



}



.page .current{



    background: #ff6600;



    color: #fff;



}







/*底部*/



#footer{



    margin-top: 20px;



    min-width: 100%;



    float: left;



    background: #3C3C3C;



}



#footer .footer-c{



    width: 1190px;



    margin: 0 auto;



}




#footer .footer-c ul{



    width: 1190px;



    text-align: center;



    float: left;



    margin: 0 auto;



    /*background: blue;*/



}



#footer .footer-c ul li{



    display: inline-block;



    margin: 20px;



}



#footer .footer-c ul li a {



    color: #fff;



}



#footer .footer-c ul li a:hover{



    color: #ff6600;



}



#footer .footer-c p{



    font-size: 12px;



    color: #666;
	margin-top: 15px;


    text-align: center;



    padding-bottom: 20px;



}



#footer .footer-c p a{



    color: #666;
	font-size: 12px;


}