/*
Website Url:http://www.aiyuanma.org/
*/
article, aside, details, figcaption, figure, footer, header, main, nav, section {display:block;}
div,html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {margin:0; padding:0;}
body {background-color:#fff; font:100%/1.5em 'Microsoft Yahei Light','Microsoft Yahei',Arial,tahoma;}
a {text-decoration:none; outline:none; -webkit-tap-highlight-color:transparent;}
a:hover {color:#000;}
input, textarea {-webkit-appearance:none; border:0;}
input:focus, textarea:focus {outline:none;}
li {list-style:none;}
.clear {clear:both;}
a img {border:none;}
img {vertical-align: middle;}
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:16px; width:100%;border-top:solid 1px #ededed;border-left:solid 1px #ededed; box-sizing: border-box;}
table th{background-color:#f9f9f9;text-align:center; box-sizing: border-box;}
table td,table th{padding:10px;border:1px solid #ededed; box-sizing: border-box;}
/*rows*/
[class*=rows_]{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.rows_1{line-clamp:1; -webkit-line-clamp:1;}
.rows_2{line-clamp:2; -webkit-line-clamp:2;}
.rows_3{line-clamp:3; -webkit-line-clamp:3;}
.rows_4{line-clamp:4; -webkit-line-clamp:4;}
.rows_5{line-clamp:5; -webkit-line-clamp:5;}
/*gold*/
.inner {width:1200px; margin:0 auto;}
/*thumbnail*/
.thumbnail a {display:block; padding-bottom:75%; position:relative; overflow: hidden;}
.thumbnail img, .thumbnail mip-img {display:block; position:absolute; left:0; top:0; width:100%; height:100%; transition:transform .3s;}
.thumbnail img:hover {transform:scale(1.1,1.1);}
/*pagenavi*/
.pagenavi {font-size:0; line-height: normal; text-align:center;}
.pagenavi a, .pagenavi span.now-page {display:inline-block; font-size:14px; height:32px; line-height: 32px; padding:0 15px; background-color:#eee; color:#333; margin:2px; border-radius:3px;}
.pagenavi span.now-page, .pagenavi a:hover {background-color:#000; color:#fff;}
/*footer*/
.footer {text-align:center; font-size:12px; color:#999; padding:20px; background-color:#f9f9f9; text-transform:uppercase;}
.footer a {color:#999;}
/*header*/
.header {background-color:#fff; width:100%;border-bottom: 1px solid #eee;box-shadow: 0px 0px 5px #ddd;}
.header .inner {height:80px; position:relative;}
/*logo*/
.logo {float:left; padding:10px 0;}
.logo a {display:block; color:#000; width:190px; height:60px; background:url(images/logo.png) no-repeat left center; background-size:contain; text-indent:-9999em;}
/*banner*/
#banner {overflow:hidden; background:no-repeat center center; background-size:cover; padding-bottom:26.042%;}

/*nav*/
.nav {float:right;}
.nav li {float:left; line-height:80px; font-size:18px; padding-left:50px; display:inline-block; position:relative;}
.nav li a {color:#000; display:block; position:relative; z-index: 2;}
.nav li a:hover {opacity:0.85;}
.navBtn {display:none;}
/*wrapper*/
.wrapper {padding:35px 0;}
.wrapper .inner {overflow: hidden;}
/*entry*/
.entry {font-size:18px; line-height: 1.75em; color:#222; margin-bottom:35px; overflow:hidden; word-break:break-all;}
.entry p {margin-bottom:25px;}
.entry img, .entry mip-img, .entry .mip-fill-content {width:auto; min-width:auto; max-width:100%; height:auto;}
.entry blockquote {margin:0 2em 25px; overflow: hidden; padding:25px 25px 0; color:#666; background-color:#f9f9f9; border-radius:5px; font-style:italic;}
.entry h4 {font-size:18px; line-height: 1.75em; margin-bottom:25px;}
.entry ul, .entry ol {margin-bottom:25px; margin-left:2em;}
.entry ul li {list-style:inside disc none;}
.entry ol li {list-style:inside decimal none;}
.entry li p {display:inline;}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {margin-bottom:25px;}
.entry a {color:#000; text-decoration: underline;}

/*postTags*/
.postTags {margin-bottom:35px;}
.postTags span {font-weight:bold; color:#000;}
.postTags a {color:#333; margin-left:10px;}
.postTags a:hover {color:#000;}
/*postnavi*/
.postnavi {margin-bottom:35px;}
.postnavi p {padding:5px 0;}
.postnavi span {font-weight:bold; color:#000;}
.postnavi a {color:#333;}
.postnavi a:hover {color:#000;}
/*文章列表*/
.blogtop {overflow:hidden; width:102%; margin-bottom:20px;}
.istop {float:left; width:23%; display:inline-block; padding-right:2%; overflow: hidden; margin-bottom:25px; padding-bottom:25px; border-bottom:1px dashed #eee;}
.istop .thumbnail {position:relative; margin-bottom:15px;}
.istop .thumbnail i {position:absolute; left:5px; top:0; background-color:#fbdb32; color:#fff; font-size:9px; font-style:normal; font-family:'Arial'; text-transform:uppercase; padding:3px; line-height:1.125em; border-radius:0 0 2px 2px;}
.istop .info {overflow: hidden;}
.istop .info h2 {font-weight:normal; line-height: 1.35em; color:#333; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; margin-bottom:5px; font-size:18px;}
.istop .info h2 a {color:#333;}
.istop .info h2 a:hover {color:#000;}
.istop .meta {margin-bottom:5px;}
.istop .meta span {font-size:12px; color:#555; margin-right:10px;}
.istop .intro {font-size:14px; color:#888; line-height: 1.875em; height:3.5em; word-break:break-all; text-align:justify;}

.blog {overflow:hidden; margin-bottom:30px; border-bottom:1px solid #eee; padding-bottom:30px;}
.blog .thumbnail {width:300px; float:left;}
.blog .info {margin-left:330px; overflow:hidden;}
.blog h2 {font-weight:normal; font-size:24px; line-height:1.35em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:10px;}
.blog .meta {font-size:14px; overflow:hidden; margin-bottom:25px;}
.blog .meta span {display:block; float:left; padding-right:15px;}
.blog .intro {font-size:16px; line-height:1.875em; height:7.5em;}
/*article*/
.article .title {font-size:28px; text-align:center; line-height: 1.35em; font-weight:normal; margin-bottom:25px;}
.article .meta {font-size:0; line-height: normal; text-align:center; margin-bottom:25px; border-bottom:1px dashed #eee; padding-bottom:20px;}
.article .meta span {font-size:14px; color:#888; padding:0 10px;}
.error {text-align:center;}
/*screen width*/
@media only screen and (max-width:1280px){
	/*gold*/
	.inner {width:93.75%;}	
	/*nav*/
	.nav li {font-size:16px; padding-left:35px;}
	
}

@media only screen and (max-width:960px){	
	.header .inner {height:60px;}
	/*logo*/
	.logo a {width:127px; height:40px;}
	/*nav*/
	.nav li {padding-left:25px; line-height:60px;}
	/*wrapper*/
	.wrapper {padding:25px 0;}
	/*文章列表*/
	.istop {margin-bottom:15px; padding-bottom:15px;}

	.article .title {margin-bottom:15px;}
	.article .meta {padding-bottom:10px;}
	.entry {font-size:16px; margin-bottom:15px;}
	.entry p, .entry blockquote, .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .entry ul, .entry ol, .postTags, .postnavi {margin-bottom:20px;}
}
@media only screen and (max-width:768px){
	/*nav*/
	.nav {display:none;}
	.navBtn {width:25px; height:20px; position:absolute; right:0; top:50%; margin-top:-10px; cursor:pointer; display:block;}
	.navBtn span {position:absolute; left:0; top:50%; margin-top:-0.5px; width:100%; height:1px; background-color:#000;}
	.navBtn span:before, .navBtn span:after {content:''; display:block; width:100%; height:1px; background-color:#000; position:absolute; left:0;}
	.navBtn span:before {top:-8px;}
	.navBtn span:after {bottom:-8px;}
	#sidenav {z-index:9}
	#sidenav button {display:block; border:1px solid #333; width:30px; height:30px; border-radius:50%; color:#333; overflow: hidden; margin:10px auto; cursor:pointer;}
	#sidenav h3 {font-size:24px; line-height: 1.75em; font-weight:normal; color:#000; text-align:center; margin-bottom:10px; position:relative;}
	#sidenav h3:after {content:''; display:block; width:25px; height:1px; background-color:#999; margin:10px auto 0;}
	#sidenav h3 a {color:#333;}
	#sidenav ul {width:200px;}	
	#sidenav li {font-size:18px;}
	#sidenav li a {display:block; line-height: 50px;}
	/*entry*/	
	.entry, .entry h4 {margin-bottom:20px; font-size:16px;}
	.entry p, .entry ul {margin-bottom:20px;}
	
	/*wrapper*/
	.wrapper {padding:20px 0;}
	/*pagenavi*/
	.pagenavi a {font-size:12px; height:28px; line-height: 28px; padding:0 10px; margin-top:10px;}
	/*footer*/
	.footer {padding:15px 0; line-height: 1.75em;}

	/*文章列表*/
	.blogtop {width:auto; margin-bottom:0;}
	.istop {float:none; width:auto; padding-right:0; margin-bottom:10px; padding-bottom:10px; display:block;}
	.istop .thumbnail {float:left; width:100px; margin-bottom:0;}
	.blog {margin-bottom:10px; padding-bottom:10px;}
	.blog .thumbnail {width:100px;}
	.blog .info, .istop .info {margin-left:115px;}
	.blog .intro, .blog .meta, .istop .meta, .istop .intro {display:none;}
	.blog h2, .istop .info h2 {font-size:16px; margin-bottom:0; white-space:normal; line-height:1.75em;}

	.header .inner {height:50px;}
	/*logo*/
	.logo a {width:95px; height: 30px;}	

	.article .title {font-size:20px; margin-bottom:10px;}
	.article .meta {margin-bottom:20px;}
	.article .meta span {font-size:12px;}

	.entry {margin-bottom:5px;}
	.entry blockquote {padding:15px 15px 0; margin:0 15px 20px;}
	
}