/**/
input,textarea{-webkit-appearance:none;border:none; font-size:1em; font-family:'Open Sans','Arial','Hiragino Sans GB','Microsoft YaHei','STHeiti','WenQuanYi Micro Hei','SimSun','sans-serif';border-radius:0;}
input:focus,textarea:focus{outline:none;}

/*pagination*/
#pagination{background-color:#fff;height:35px;line-height:35px;text-align:center;margin-bottom:15px;}
#pagination a{display:inline-block;color:#666;padding:0 15px;border-left:1px solid #eee;margin-right:-5px;}
#pagination{background-color:transparent;border-bottom:none;display:none;}
#pagination a{background-color:#fff;border-right:none;border-left:none;}
.sidepost p a:hover,.widget.cmtspost p a:hover,.widget.newpost p a:hover{color:#F35C5C;}



/*postw20240416调整post的属性背景色和边框以便和页面其他统一*/
.post{padding: 0.1%;}
/*.post{padding:3.125%;background-color:#fff;}*/

/*boxname*/
.boxname {font-size: 18px; font-weight: normal; line-height: 1.35em; margin-bottom: 1.5%;text-align:center;}
/*.boxname {font-size: 18px; font-weight: normal; line-height: 1.35em; margin-bottom: 1.5%;position:relative;left:0%;}*/
.boxname:before {width: 3px; height: 0.875em; background-color: #009946; border-radius: 1.5px; display: inline-block; content: ''; vertical-align: middle; margin-right: 1%; margin-top: -0.222em;}


/*commentlist*/
#commentlist .num{margin-left:1em;color:#888; font-size:0.778em;}
#commentlist .cmt{float:right; font-size:0.778em;}
#commentlist .cmt a{display:block; color:#fff;background-color:#F35C5C; line-height: 2em;padding:0 0.58em; border-radius: 3px;}
#commentlist .cmt a:hover{background-color:#383B53;}
#commentlist li{position:relative;border-top:1px dashed #ddd;overflow: hidden; padding:0.5% 0;}
#commentlist .gravatar{float:left;}
#commentlist .gravatar img{display:block;width:48px;height:48px; border-radius: 50%;}
#commentlist .box{margin-left:60px;}
#commentlist .name {font-size:16px; line-height: 1.35em; color:#555;}
#commentlist .cont{padding:0.1em 0; line-height: 1.75em; color:#555;}
#commentlist .meta{color:#999;font-size:14px; line-height: 1.5em; display:flex; justify-content: space-between; flex-wrap:wrap;}
#commentlist .meta span{display: block;}
#commentlist .meta a {color:#999;}
#commentlist li ol {margin-left: 3.5%; margin-top: 2%;}
#commentlist li li{border-top:none; background-color: #f9f9f9; border:1px dashed #e4e4e4; border-radius: 5px; padding:0.2%;}
/*#commentlist li li{border-top:none; background-color: #f9f9f9; border:1px dashed #e4e4e4; border-radius: 5px; padding:2%;}*/
#commentlist li li li {background-color: #fefefe;}
#commentlist .cont #comment{margin-top:10px;border-top-color:#eee;}
#commentlist {margin-bottom: 3.5%;}
#commentlist #pagenavi a {border:1px solid #eee; margin-left: -1px;}
#commentlist #pagenavi span.now-page {border:1px solid #F35C5C;margin-left: -1px;}
/*comment*/
#postbottom{font-size:14px; color:#888; line-height: 1.75em; margin-bottom: 2%;}
#comment {border-top: 1px solid #e4e4e4; padding-top: 0.5%;}
#comment .item{overflow:hdiden;position:relative;margin-bottom:2%;}
#comment label{display:block;float:left;background-color:#009946;color:#fff;text-align:center;width: 5em;height:42px; line-height:42px;}
#comment .input{border:1px solid #dedede; border-left:none; margin-left:5em; position: relative;}
#comment .verify .input {padding-right: 100px;}
#comment .verify img {display: block; position: absolute; right:5px; top:50%; transform: translateY(-50%); height: 30px; width: auto;}
#comment .text{height:40px;line-height:30px;padding:6px 1em;width:100%;display: block;}
#comment textarea.text{height:60px;border:1px solid #dedede; resize:vertical;}
#comment .button {display:flex;justify-content: space-between;flex-wrap:wrap;}
#comment .btn {display:block;background-color:#009946;color:#fff;cursor:pointer;line-height: 2em; border-radius: 3px; padding:0 1.5em;}/*原背景色红色#F35C5C*/
#comment .cancel {background-color:#f9f9f9; color:#888;}



/*screen width*/
@media only screen and (max-width:1536px){
	
	/*1536px*/
	#pagetitle {font-size: 2.084vw;}
	
}
@media only screen and (max-width:1280px){
	
	/*1280px*/
	#pagetitle {font-size:26px;}
	/*1280px*/
	#commentlist .gravatar img {width: 40px; height: 40px;}
	#commentlist .box {margin-left: 50px;}
	/*1280px*/
	#comment {font-size: 14px;}
	#comment label {height: 36px; line-height: 36px;}
	#comment .text {height: 34px; line-height: 22px;}
	
	
}


	
@media only screen and (max-width:768px){

	
	.post {padding:4% 5%;}
	/*768px*/
	.postitem a{padding:3.125%;}
	.postitem .title{font-size:16px;}
	.postitem .box .thumbnail{width:160px;}
	.postitem .box .excerpt{height:4em;-webkit-line-clamp:2;}
	/*768px*/
	
	.boxname {margin-bottom: 3.5%;font-size:16px; font-weight: bold;}
	.boxname:before {margin-right: 7px;}
	/*768px*/
	
	#pagetitle {font-size:22px;margin-bottom: 3.5%;}
	/*768px*/
	#commentlist {margin-bottom: 5%;}
	#commentlist .num {margin-left: 8px;}
	#commentlist li {padding:5% 0;}
	#commentlist .gravatar img {width: 30px; height: 30px;}
	#commentlist .box {margin-left: 40px;}
	#commentlist .name {font-size: 15px;}
	#commentlist .cont {padding:5px 0;}
	#commentlist .meta {font-size: 12px;}
	#commentlist li li {padding:3.5%;}
	/*768px*/
	#postmeta,
	#indextags {font-size: 12px;}
}
@media only screen and (max-width:540px){

	

	/*540px*/
	.postitem .thumbnail{margin-bottom:2.5%;}
	.postitem .title{margin-bottom:1.5%;}
	.postitem .excerpt{margin-bottom:1.5%;}
	.postitem .box .thumbnail{width:110px;}
	.postitem .box .excerpt{margin-bottom:0;line-height:1.75em;height:3.5em;}
	.postitem .box .meta{display:none;}
	/*540px*/
	#postnavi {display: block;}
	#postnavi > div {display: block; max-width: none; padding:0.5% 0;}
	#postnavi i {display: none;}
	#postnavi a {display: inline;}
	#postnavi a:before {content: '：'; display: inline-block;}
	#postnavi .right {text-align:left;}
	/*540px*/
	#related-post li {width: auto;float:none;}
	#related-post li:nth-child(2n){float:none;}
}
.pagebar { padding:2px 20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 1px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}