/*reset.css*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike,  sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input{
outline:none;
}
/******************reset.css结束*********/
body{
background-color:#F6F6F6;
font-family: "Microsoft YaHei", Verdana, sans-serif;
color:#333333;;
}
.header{
background-color:#B0A2A9;
}
.w{
width:1000px;
margin:0 auto;
}
.fl{float:left;}
.fr{float:right;}
.clearfix:before,
.clearfix:after{
content:"";
display:table;
clear:both;
}
.header form{
position:relative;
}
.header .search{
border:1px solid #DDDDDD;
width:320px;
height:36px;
padding:0px 5px;
margin:15px 0px 0px 80px;
border-radius:5px 0px 0px 5px
}
.header .button{
height:38px;
width:55px;
padding:0px;
border:0px solid;
position:absolute;
right:-55px;
bottom:0;
background:#006699 url(img/search3.png) no-repeat center center;
border-radius:0px 5px 5px 0px
}
.header .nav{
background-color:#006699;
}
.header .top{
margin:8px auto;

margin:0px auto;
padding:10px 0;
}
/*导航*/
.nav li{
float: left;
}
.nav a{
letter-spacing:2px;
color:#FFFFFF;
display:block;
line-height:45px;
padding:0px 10px;
text-decoration:none;
}
.nav a:hover{
background-color:#008fd5;
}

.content{
margin-top:10px;
}
.content-left{
width:692px;
background-color:#FFFFFF;
}
.content-right{
width: 295px;
}
/*footer*/
.footer{
padding:20px 20px;
background-color:#2D3237;
text-align:center;
color:#bbbbbb;
margin-top:10px;
}
#login{
float: right;
}
#login2{
float: right;
}
/*分页信息*/
span.page{color:#666;font-weight:100;padding:5px 8px;margin-right:4px;border:1px solid #ededed; background:#fff; min-width:15px; text-align:center; display:inline-block;margin-top:20px;}
span.now-page{font-weight:100;padding:2px 5px 2px 5px;margin-right:4px;border:1px solid #09f; background:#09f; color:#fff;}
a:hover span.page{color:#fff;border:1px solid #09f;background:#09f;}
.post-list .pagebar{
margin-bottom:20px;
margin-left:50px;
}
.post-list p.zhaiyao{
font-size: 14px;
line-height: 1.5;
color: #8a8a8a;
word-wrap: break-word;
max-height: 65px;
margin-bottom: 3px;
margin-top:15px;
}
.post_time{
color: #aaaaaa;
position:absolute;
right:20px;
bottom:2px;
}
.post-list .suotu{
float: left;
height:120px;
width: 160px;
box-shadow:0px 0px 10px 4px #eee;
margin-right:15px;
}
.post-list .suotu:hover{
transform:scale(1.2);
transition:0.3s;
position:relative;
z-index:100;
box-shadow:0px 0px 10px 5px #eee;/
}
.post-list li{
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
border:1px solid #ddd;
margin:-1px 0px;
padding:10px 10px;
position:relative;
}
.post-list li:hover{
background-color: #f9f9f9;
}
.post-list h2{
line-height:150%;
font-size:17px;
}
.post-list a{
color:Black;
font-weight:normal;
text-decoration:none;
}
.post-list  .bianji{
position:absolute;
top:10px;
right:10px;
}
/*面包屑*/
.mianbaoxie{
background-color: #fbfbfb;
padding: 10px 20px;
border: 1px solid #DDDDDD;
}
.mianbaoxie a{
color:Black;
text-decoration:none;
}
/*文章页*/
.post-single-content p,.post-single-banquan{
padding:3px 15px;
font-size:15px;
line-height:1.6;
text-indent:0px;
}
.post-single-content ul,.post-single-content ol{
padding-left:30px;
}
.post-single-content ul p,.post-single-content ol p{
padding:0px;
text-indent:0px;
}
.post-single-title{
font-size:23px;
font-weight:normal;
text-align:center;
}
.post-single .title{
margin:10px 10px;
border-bottom:1px dotted #DDDDDD;
}
.post-single-time{
font-size:13px;
display:inline-block;
width:100%;
text-align:center;
margin:10px 0;
color:#aaaaaa;
}
.post-single-shangxiapian{
border:1px dotted #CCCCCC;
padding:10px 10px;
margin:10px;
}
.post-single-cainixihuan{
display:block;
margin:15px 15px 0 15px;
padding-bottom:10px;
border-bottom:1px solid #DDDDDD;
font-weight:bold;
}
.post-single-cainixihuan-ul{
padding:0 15px;
}
.post-single-cainixihuan-ul li{
background:url(img/you.png) no-repeat center left; 
border-bottom:1px dotted #ddd;
padding:10px 10px;
letter-spacing:1px;
font-size:14px;
}
.post-single-cainixihuan-ul span{
color:#999;
}
.post-single a{
text-decoration:none;
color:#333;
}
/*侧栏*/
.content-right .function{
background-color:#FFFFFF;
margin:0px 0px 10px 0px;
border-radius:5px;
line-height:1.6;

}
.content-right .function a{
color:Black;
text-decoration:none;
}
.content-right .function .function_t{
background-color:#fbfbfb;
border: 1px solid #DDDDDD;
line-height:38px;
text-indent:10px
}

.content-right .function_c{
padding:10px;
border-left:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
border-bottom:1px solid #DDDDDD;
font-size:0.9em;
}
/*日历*/
.content-right #tbCalendar{
margin:0 auto;
}
.content-right #tbCalendar td{
text-align: center;
border: 1px solid #E0E1E2;
height: 30px;
}
#divCalendar td.pad {
    background: none;
}
#divCalendar tr{display: table-row;
    vertical-align: inherit;
    border-color: inherit;}
#divCalendar tbody{
display: table-row-group;
   vertical-align: middle;
   border-color: inherit;
}
#divCalendar thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}
#divCalendar td a {
    display: block;
    line-height: 30px;
    background: #5EAAE4;
    color: #FFFFFF;
text-decoration:underline;
}
#divCalendar table {
    width: 100%;
    table-layout: fixed;
}
/*搜索框*/
#divSearchPanel form{
position:relative;
}
#divSearchPanel [name="q"]{
border: 1px solid #DDDDDD;
width:70%;
height: 30px;
padding: 0px 5px;
margin: 0;
border-radius: 5px;
}
#divSearchPanel [type="submit"]{
height: 32px;
width: 50px;
padding: 0px;
border: 0;
position: absolute;
left: 75%;
bottom: 0;
background: #006699;
border-radius: 5px 5px 5px 5px;
color:#FFFFFF;
}
/*最近发表*/
#divPrevious li,
#divCatalog li,
#divComments li
{
word-break:keep-all;       
white-space:nowrap;        
overflow:hidden;           
text-overflow:ellipsis;  
border-bottom:1px dotted #DDDDDD ;
background: url(img/you.png) no-repeat center left;
border-bottom: 1px dotted #ddd;
padding: 7px 10px;
letter-spacing: 1px;
font-size: 14px;
}
#divCatalog li{
background: url(img/path.ico) no-repeat center left;
padding: 7px 20px;
font-size:15px;
}
#divComments li{
background: url(img/pinglun.png) no-repeat center left;
padding: 7px 20px;
font-size:15px;
opacity:0.8;

}

.post-list a:hover,
.post-single a:hover,
.content-right a:hover{
color:#E74C3C;
}
/*tags*/

#divTags ul:before,
#divTags ul:after{
content:"";
display:table;
clear:both;
}
#divTags a{
float: left;
border:1px solid #ddd;
padding:5px;
margin:2px;
border-radius:5px
}
/*文章标签*/
.single-tags{
display:block;
clear:both;
margin:10px 0 0 0;
}
.single-tags a{
line-height:42px;
border:1px solid #ddd;
padding:5px;
margin:2px;
border-radius:5px
}
#divTags a:hover,.single-tags a:hover{color: #FFFFFF;background-color:#04a5f7;
transition:0.1s;
}

.fenge{
height:20px;
background-color:#F6F6F6;
margin:15px 0;
}

/*返回顶部*/
#toTop {
display: none;
text-decoration: none;
position: fixed;
bottom: 10px;
right: 10px;
width: 45px;height: 45px;
background: url(img/gotop.png) no-repeat #2196F3 14px 15px;
border-radius:30px;
}
#toTop:hover{
background-color:rgb(25,118,210);
}
/*文章评论*/
/*评论输出*/
.Comment_email,.Comment_web{display:none;}
ul[id^="cmt"]{
border:1px dotted #cecece;
border-radius:10px;
margin:4px 10px;
padding:10px 0 0 10px;
}
.avatar{
border-radius:50%;
}
.avatar:hover{
transform:rotate(360deg)  scale(1.2);
transition:0.5s;
}
.userlink{
position:absolute;
top:auto
}
li.msgarticle,
li.msgname{
margin-bottom:10px;
}
/*评论样式*/
#frmSumbit #inpName{
margin-top:10px;
height:25px;
}
#divCommentPost{
border:1px solid #cecece;
border-radius:10px;
margin:20px 10px 0px 10px;
padding:10px 0 0 10px;
}
#txaArticle{
width:90%;
height:150px;
margin-top:10px;
overflow-y: hidden;
overflow-x: hidden;
}
/*评论按钮*/
#divCommentPost [name="sumbit"]{
height: 32px;
width: 150px;
color: #FFFFFF;
border-width: 0px;
border-style: solid;
border-color: rgb(0, 102, 153);
border-image: initial;
background: rgb(0, 102, 153);
border-radius: 5px;
margin:10px;
}
[type="submit"]:hover{

}
[for="txaArticle"]{
display:none;
}
i.kword{
font-weight:bold;
color:red;
}

#divCatalog li:hover,
#divComments li:hover{
padding-left:22px;
background-color:#f5f5f5;
transition:0.4s;
}
#divPrevious li:hover,
.post-single-cainixihuan-ul li:hover{
padding-left:12px;
background-color:#f5f5f5;
transition:0.4s;
}
/*网站底部*/
.footer a{
color:#b7b7b7;
text-decoration:none;
}
.footer a:hover{
color:#FFFFFF;
text-decoration:underline;
}
/*广告位*/
#ad5 a{float: right;}
/*h标签*/
.post-single-content h1,.post-single-content h2,.post-single-content h3,.post-single-content h4,.post-single-content h5{
font-weight:bold;
line-height:2;
background-color:#dbdbdb;
border-left:3px solid #d0d0d0;
position:relative;
left:-3px;
padding-left:20px;
padding-right:20px;
}
.post-single-content h1{font-size:22px;}
.post-single-content h2{font-size:20px;}
.post-single-content h3{font-size:18px;}
.post-single-content h4{font-size:16px;}
.post-single-content h5{font-size:14px;}
.post-single-content a{
color:Blue;
}
/*下拉菜单*/

@media screen and (min-width: 1200px) {
			.li-subcate{
			display:none;
			}
			.li-cate:hover .li-subcate{
			display: list-item;
			float:none;
			overflow:hidden;
			}
			.li-cate:hover .ul-subcates{
			background-color:#006699;
			position:absolute;
			z-index:100;
			width:200px;
			margin-top:0px;
			transition:0.5s;
			}
}
@media screen and (max-width: 1200px) { 
			.ul-subcates{
			display:none;
			}
}
.content-right .ul-subcates{
display:none;
}


/****************手机端***************/
.nav{
height:45px;
width:100%;
background-color:yellow
;
}
#nav_label{
display:none;
}
#shouji_logo{
display:none;
width:100%;
text-align:center;
font-size:18px;
font-weight:bold;
line-height:45px;
color:#FFFFFF;
}
@media screen and (max-width: 1200px) { 
	.w{
	width:1100px;
	}
	.content-left{
	width:795px;
	}
}

@media screen and (max-width: 1000px) { 
.post-list .pagebar{
margin-left: 0px;
}
.post-single-content h1{font-size:18px;}
.post-single-content h2{font-size:17px;}
.post-single-content h3{font-size:16px;}
.post-single-content h4{font-size:15px;}
.post-single-content h5{font-size:14px;}
.post-list .suotu{
float: left;
height:65px;
width: 100px;}
.post-list a{
font-size:14px;
font-weight:normal;
}
#shouji_logo{
display:block;
}
	.w{
	width:100%;
	}
	.content-left{
	width:100%;
	}
	.header .top,.content-right,.post-single-cainixihuan-ul span,.post-single-banquan,.post-single-shangxiapian,.nav #login,.nav #login2,.zhaiyao
	{
	display:none;
	}
	.nav ul{
	width:100%;
	position:relative;
	z-index:200;
	}
	.post-single-content img{
	width:95%;
	text-indent:0px;
	}
	.post-single-shangxiapian .fr{
	float:none;
	}
	.post-single-title {
		font-size: 16px;
	}
	#inpName{
	border:1px solid #cecece;
	height:30px;
margin-left:10px;
	}
	#txaArticle{
	width:90%;
	border:1px solid #cecece;
	height:100px;
	margin-top:20px;
	margin-left:10px;
	}
	.nav li{
	display:block;
	float:none;
	}
	#nav_label{
	color:#FFFFFF;
	line-height:45px;
	padding:0px 5px;
	font-weight:bold;
	font-size:18px;
	display:block;
	position:absolute;
right:10px;
top:0px;
	}
	#caidan ~ ul li{
	display:none;
	}
	#caidan:checked ~ ul li{
	display:block;
	}
}