/*
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, .aiyuanma {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:#128ff9;}
input, textarea {-webkit-appearance:none; border:0;}
input:focus, textarea:focus {outline:none;}
li {list-style:none;}
.clear {clear:both;}
a img {border:none;}
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;}
/*gold*/
.inner {width:1200px; margin:0 auto;}
.main {width:70%; float:left;}
.sidebar {width:27%; float:right;}
/*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:#128ff9; color:#fff;}
/*footer*/
.footer {text-align:center; font-size:12px; color:#999; padding:20px; background-color:#f9f9f9; text-transform:uppercase; line-height: 20px;}
.footer a {color:#999; display: inline-block;}
.footer img {display: inline-block; height: 20px; width: auto;}
.footer mip-img {display: inline-block;vertical-align: middle; width:auto; margin:5px 3px 0 0;}
mip-gototop {border:none; cursor:pointer;}
/*header*/
#header {background-color:#128ff9; width:100%;}
#header .inner {height:60px; position:relative;}
/*logo*/
#logo {float:left;}
#logo h1 {font-size:36px; font-weight:normal; line-height:60px;}
#logo a {display:block; color:#fff; width:190px; height:60px; background:url(../images/logo.png) no-repeat left center; background-size:contain; text-indent:-9999em;}
/*nav*/
.nav {float:right;}
.nav ul {font-size:0; line-height: normal; white-space: nowrap;}
.nav li {line-height:60px; font-size:18px; margin-left:50px; display:inline-block; position:relative;}
.nav li a {color:#fff; display:block; position:relative; z-index: 2;}
.nav li a:after {content:''; display:block; width:0; height:2px; background-color:#fff; position:absolute; bottom:12px; left:0; transition:width .3s , opacity .3s; opacity:0;}
.nav li a:hover:after {width:100%; opacity:1;}
.navBtn {display:none;}
/*wrapper*/
.wrapper {padding:35px 0; clear: both;}
.wrapper .inner {overflow: hidden;}
/*entry*/
.entry {font-size:18px; line-height: 1.875em; color:#222; margin-bottom:3.5%; overflow:hidden; word-break:break-all;}
.entry img {width:auto; min-width:0;}
.entry blockquote {margin:0 2em 2.5%; overflow: hidden; padding:2.5% 2.5% 0; color:#666; background-color:#f9f9f9; border-radius:5px; font-style:italic;}
.entry h4 {font-size:18px; line-height: 1.75em;}
.entry ul, .entry ol {margin-bottom:2.5%; margin-left:2em; padding-left:1em;}
.entry ul li {list-style:outside disc none;}
.entry ol li {list-style:outside decimal none;}
.entry li p {margin-bottom: 0;}
.entry p, 
.entry h1, 
.entry h2, 
.entry h3, 
.entry h4, 
.entry h5, 
.entry h6 {margin-bottom:2.5%;}
.entry a {color:#128ff9; text-decoration: underline;}
.entry video {max-width: 100%; height: auto;}
.entry hr {border:none; border-bottom:1px solid #e4e4e4; margin-bottom: 2.5%; clear:both;}

/*postTags _aiyuanma*/
.postTags {margin-bottom:35px;}
.postTags span {font-weight:bold; color:#000;}
.postTags a {color:#333; margin-left:10px;}
.postTags a:hover {color:#128ff9;}
/*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:#128ff9;}
/*related*/
.related {overflow: hidden;}
.related h3 {margin-bottom:25px;}
.related ul {overflow: hidden; width:102%;}
.related li {float:left; width:23%; padding-right:2%; padding-bottom:2%;}
.related li .thumbnail {margin-bottom:5px;}
.related li p {padding:5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align:center;}
/*bar*/
#bar {padding:10px 0; height:25px; line-height: 25px; background-color:#f9f9f9; clear: both;}
#bar .inner {overflow: hidden;}

.search {float:right; overflow:hidden; width:250px;}
.search .submit {float:right; font-size:14px; width:30px; height:25px; background-color:#128ff9; color:#fff; border-radius:0 3px 3px 0; -webkit-appearance:none; border:none; padding:0; cursor:pointer;}
.search .input {margin-right:30px; background-color:#fff; border:1px solid #eee; border-radius:3px 0 0 3px; -webkit-appearance:none; display:block; padding:0; color:#333;}
.search .text {height:23px; width:96%; padding:0 2%; border:none; font-size:12px; -webkit-box-sizing:content-box;}

.breadcrumb {font-size:12px; color:#999; margin-right:250px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*广告*/
.listpic {overflow:hidden; margin-bottom:30px;}
.listpic a {display:block;}
.listpic img, .listpic mip-img {display:block; width:100%; height:auto;}
/*轮播*/
.slides {overflow:hidden; margin-bottom:35px;}
.slides .item a {display:block; padding-bottom:50%; position:relative;}
.slides .mip-carousel-nextBtn {background-position:right center; cursor:pointer;}
.slides .mip-carousel-preBtn {background-position:left center; cursor:pointer;}
/*文章列表*/
.blog {overflow: hidden; margin-bottom:25px; padding-bottom:25px; border-bottom:1px dashed #eee;}
.blog .thumbnail {float:left; width:250px; position:relative;}
.blog .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;}
.blog .info {margin-left:270px; overflow: hidden;}
.blog .info h2 {line-height: 1.35em; color:#333; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; margin-bottom:10px; font-size:20px;}
.blog .info h2 a {color:#333;}
.blog .info h2 a:hover {color:#128ff9;}
.blog .meta {margin-bottom:10px;}
.blog .meta span {font-size:12px; color:#555; margin-right:10px;}
.blog .intro {font-size:16px; color:#333; line-height: 1.75em; height:7em; overflow: hidden; word-break:break-all;}
/*侧边*/
.widget {margin-bottom:35px;}
.widget h3 {font-size:18px; margin-bottom:25px;}
.widget ul {overflow: hidden;}
.widget li {overflow: hidden; margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #eee; word-break:break-all;}
.widget li .thumbnail {width:120px; float:left;}
.widget li .info {margin-left:130px; padding:5px 0;}
.widget li .info h2 {font-size:16px; font-weight:normal; line-height: 1.35em; height:2.7em; color:#333;overflow: hidden; margin-bottom:10px;}
.widget li .info h2 a {color:#333; display:block;}
.widget li .info h2 a:hover {color:#128ff9;}
.widget li .meta span {font-size:12px; color:#555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.divLinkage li {float:left; width:48%; font-size:16px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.divLinkage li:nth-child(2n) {float:right;}

.divTags ul {overflow: hidden; width:102%;}
.divTags li {float:left; padding-right:2%;}
.divTags li a {display:block; background-color:#f9f9f9; border-radius:3px; padding:5px 15px; color:#fff; font-size:12px;}
.divTags li a:hover {opacity:.8;}

.divTags li:nth-child(8n-7) a {background-color:#8A9B0F;}
.divTags li:nth-child(8n-6) a {background-color:#EB6841;}
.divTags li:nth-child(8n-5) a {background-color:#3FB8AF; }
.divTags li:nth-child(8n-4) a {background-color:#FE4365; }
.divTags li:nth-child(8n-3) a {background-color:#FC9D9A; }
.divTags li:nth-child(8n-2) a {background-color:#EDC951; }
.divTags li:nth-child(8n-1) a {background-color:#C8C8A9; }
.divTags li:nth-child(8n) a {background-color:#83AF9B; }
.divTags li:first-child a {background-color:#E1474D; }
.divTags li:last-child a {background-color:#3299BB; }

.divCalendar caption {margin-bottom:15px; font-size:0; line-height:normal;}
.divCalendar caption a {display:inline-block;font-size:18px; line-height:1.35em; margin:0 10px; vertical-align:middle;}
.divCalendar td, .divCalendar th {width:13.285%; padding:3% 0.5%; text-align:center;}
.divCalendar td a {display:block; padding:10% 0; margin:0 10%; background-color:#128ff9; border-radius:3px; color:#fff;}
/*article aiyuanma_*/
.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; margin-left:35px;}
}
@media only screen and (max-width:1024px){
	.main {width:67%;}
	.sidebar {width:30%;}
	/*文章列表*/
	.blog .thumbnail {width:200px;}
	.blog .info {margin-left:220px;}
	.blog .info h2 {margin-bottom:5px;}
	.blog .meta {margin-bottom:5px;}
	.blog .intro {height:5.25em;}

	.widget li .thumbnail {width:90px;}
	.widget li .info {margin-left:100px; padding:0;}
	.widget li .info h2 {margin-bottom:0;}
}
@media only screen and (max-width:960px){
	.main, .sidebar {width:auto; float:none;}
	.main {margin-bottom:20px;}
	/*logo*/
	#logo h1 {font-size:24px;}
	#logo a {width:158px; height:50px;}
	/*nav*/
	.nav li {margin-left:20px;}
	/*wrapper*/
	.wrapper {padding:25px 0;}
	/*轮播*/
	.slides {margin-bottom:25px;}
	/*文章列表*/
	.blog {margin-bottom:15px; padding-bottom:15px;}

	.widget {margin-bottom:20px;}
	.widget h3 {margin-bottom:20px;}
	.widget li {margin-bottom:10px; padding-bottom:10px;}

	.article .title {margin-bottom:15px;}
	.article .meta {padding-bottom:10px;}

	.entry {font-size:16px;}
	.postTags, .postnavi {margin-bottom:20px;}
	
	.divTags li a {padding:3px 10px;}
}
@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:#fff;}
	.navBtn span:before, .navBtn span:after {content:''; display:block; width:100%; height:1px; background-color:#fff; position:absolute; left:0;}
	.navBtn span:before {top:-8px;}
	.navBtn span:after {bottom:-8px;}
	#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:20px; 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 h4 {font-size:16px;}
	/*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;}
	mip-gototop {display:none!important;}
	/*轮播图*/
	.slides {margin-bottom:20px;}
	.slides .mip-carousel-preBtn, .slides .mip-carousel-nextBtn {background-size:24px auto; background-position:center center;}
	/*文章列表*/
	.blog {margin-bottom:10px; padding-bottom:10px;}
	.blog .thumbnail {width:110px;}
	.blog .info {margin-left:120px;}
	.blog .info h2 {font-size:16px; margin-bottom:5px; white-space: normal;}
	.blog .meta {margin-bottom:0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.blog .meta span {margin-right:5px;}
	.blog .intro {display:none;}

	#header .inner {height:50px;}
	/*logo*/
	#logo h1 {line-height: 50px;}

	.widget {margin-bottom:10px;}
	.widget h3 {font-size:16px; margin-bottom:10px;}

	.divTags li a {padding:2px 12px;}

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

	

	.related h3 {margin-bottom:20px;}
	.related ul {width:105%;}
	.related li {width:45%; padding-right:5%; padding-bottom:15px;}
	/*bar*/
	.search {width:150px;}
	.breadcrumb {margin-right:150px;}
	
	.listpic {margin-bottom:20px;}
}