/*
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.875em 'Microsoft Yahei Light','Microsoft Yahei',Arial,tahoma;}
a {text-decoration:none; outline:none; -webkit-tap-highlight-color:transparent; color:#121212;}
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:87.5%; max-width:1400px; 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;}
.footer a {color:#999; display: inline-block;}
.footer img {display: inline-block; vertical-align: middle; width: auto; height: 20px; margin-top:-4px;}

/*header*/
#header {background-color:#128ff9; width:100%; position:relative; z-index: 5;}
#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 {margin-left:190px;}
#nav ul {font-size:0; line-height: normal; text-align:right;}
#nav li {line-height:60px; font-size:18px; margin-left:5%; display:inline-block; position:relative;}
#nav li a {color:#fff; display:block; position:relative; z-index: 2;}
#nav li ul { position: absolute; left: 50%; transform: translateX(-50%); top: 100%; min-width: 120%; background-color: #128ff9; box-shadow: 0px 3px 3px rgba(0, 0, 0, .2); padding: 10px 0; z-index: 5; display: none;}
#nav li li {margin: 0; display: block; font-size:16px; line-height: 1.875em;}
#nav li li a{white-space: nowrap; padding:5px 15px;}
#nav li em { display: none; position: absolute; top: 0; right: 0; height: 60px; width: 60px; z-index: 3; cursor: pointer; }
#nav li em:after { content: ''; display: block; width: 5px; height: 5px; border-right: 1px solid #121212; border-bottom: 1px solid #121212; position: absolute; left: 50%; top: 50%; transform: rotate(45deg); margin: -5px 0 0 -4px; transition: all .3s; }



#navBtn {display:none;}
/*wrapper*/
.wrapper {padding:35px 0; min-height:75vh;}
.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 {max-width: 100%; height: auto!important;}
.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%;font-size: 18px;font-weight:normal;}
.entry h2 {font-weight:bold;}
.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;}

/*box*/
.box {margin-bottom: 25px;}
.box h3 {margin-bottom:25px;}
/*related*/
.related {overflow: hidden;}
.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 {background-color:#f9f9f9;}
#bar .inner {overflow: hidden;}
/*breadcrumb*/
.breadcrumb {font-size:14px; line-height: 47px; color:#999; margin-right:250px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.breadcrumb a {color:#999;}

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



/*广告*/
.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;overflow: hidden;}
#slides .item i {display: block; padding-bottom: 50%; background:no-repeat center center; background-size:cover;}
#slides .owl-nav button { position: absolute; top: 50%; display: block; transform: translateY(-50%); width: 30px; height: 40px; background: rgba(0, 0, 0, .35) no-repeat center center; background-size: contain; opacity: .5; color: #fff; font-size: 0; line-height: normal; transition: all .3s; }
#slides .owl-prev { left: -30px; }
#slides .owl-next { right: -30px; }
#slides .owl-nav span { display: block; width: 13px; height: 21px; position: absolute; left: 50%; margin-left: -6.5px; top: 50%; transform: translateY(-50%); background: url(images/icon_arrow.png) no-repeat 0 100%; background-size: 100% auto; }
#slides .owl-next span { background-position: 0 0; }
#slides .owl-dots { position: absolute; left: 50%; bottom: 0; width: auto; transform: translateX(-50%); margin-bottom: 3.125%; font-size: 0; line-height: normal; text-align: center; }
#slides .owl-dot { display: inline-block; margin: 0 5px; }
#slides .owl-dot span { display: block; width: 8px; height: 8px; background-color: rgba(255, 255, 255, .75); transition: width .3s; border-radius: 50%;}
#slides .owl-dot.active span {background-color: #128ff9; }
#slides .load { padding-bottom: 45%; background-color: #f9f9f9; position: relative; }
#slides .load span { display: block; position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); font-size: 36px; line-height: 1.125em; color: #999; text-align: center; }
#slides:hover .owl-prev { left: 0; }
#slides:hover .owl-next { right: 0; }
/*文章列表*/
.blog {overflow: hidden; margin-bottom:25px; padding-bottom:25px; border-bottom:1px dashed #eee;}
.blog .thumbnail {float:left; width:260px; 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:280px; 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:14px; line-height:1.875em; color:#555; margin-right:10px;}
.blog .intro {font-size:16px; color:#333; line-height: 1.875em; height:7.5em; overflow: hidden; word-break:break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
/*侧边*/
.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:135px;}
.widget li .info h2 {font-size:16px; font-weight:normal; line-height: 1.65em; height:3.3em; color:#333;overflow: hidden; margin-bottom:6px; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.widget li .info h2 a {color:#333; display:block;}
.widget li .info h2 a:hover {color:#128ff9;}
.widget li .meta span {font-size:14px; 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%; padding-bottom:2%; margin-bottom: 0; border-bottom:none;}
.divTags li a {display:block; background-color:#f9f9f9; border-radius:3px; padding:0 10px; color:#fff; font-size:14px;}
.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.5em; 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;}
.article .meta a {color:#888;}
.article .meta a:hover {color:#128ff9;}
.error {text-align:center;}

/*warning*/
.warning { font-size: 14px; color: #999; line-height: 2em; clear: both; margin-bottom: 2%; }

/*commentslist*/
#commentslist { overflow: hidden;}
#commentslist h3 i {font-style: normal; font-size: 14px; color: #f00;}
#commentslist li { position: relative; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #f6f6f6; overflow: hidden; }
#commentslist .avatar { float: left; padding: 3px 0; }
#commentslist .avatar img { width: 40px; height: 40px; display: block; }
#commentslist .info { margin-left: 55px; overflow: hidden; }
#commentslist .meta { overflow: hidden; font-size: 12px; line-height: 1.35em; color: #999; margin-bottom: 10px; }
#commentslist .meta span { display: block; float: left; }
#commentslist .meta .reply { float: right; }
#commentslist .meta a { color: #128ff9; }
#commentslist .name { font-size: 16px; font-weight: bold; line-height: 1.5em; color: #333; margin-bottom: 5px; }
#commentslist .name a { color: #333; }
#commentslist .text { font-size: 14px; line-height: 2em; color: #666; }
#commentslist .text li { margin-left: 0; }
#commentslist li li { margin: 15px 0 5px 55px; background-color: #f9f9f9; padding: 15px; border-bottom: none; }
#commentslist li li li { margin: 10px 10px 5px; background-color: #fff; border: 1px solid #e5e5e5; }

/*comment*/
#comment { position: relative; overflow: hidden; }
#comment .item { margin-bottom: 2%; position: relative; }
#comment label { display: block; font-size: 14px; line-height: 1.75em; color: #555; margin-bottom: 5px; }
#comment label i { font-style: normal; color: #f00; font-size: 12px; margin-left: 5px; }
#comment .input { border: 1px solid #e4e4e4; overflow: hidden; }
#comment .text { font-size: 14px; line-height: 24px; padding: 5px 5%; width: 90%; display: block; border: none; border-radius: 3px; color: #555; font-family: 'Microsoft Yahei'; }
#comment textarea.text { height: 110px; resize: vertical; padding: 5px 1.5%; width: 97%; }
#comment .inp { width: 102%; overflow: hidden; }
#comment .inp .item { float: left; width: 31.333%; padding-right: 2%; }
#comment .verify { width: 130px; float: left; margin-bottom: 0;}
#comment .verify img { display: block; cursor: pointer; height: 36px; width: auto; position: absolute; left: 110%; bottom: 0; }
#comment .btn { overflow: hidden; padding-top: 30.5px;}
#comment .submit { float: right; background-color: #128ff9; border: none; width: 100px; height: 35px; color: #fff; font-size: 14px; border-radius: 3px; cursor: pointer; }
#comment .submit:hover { opacity: .85; }
#cancel-reply { font-size: 12px; color: #999; line-height: 2em; float: right;line-height: 35px; margin-right: 10px;}

/*fixed*/
#fixed {position: fixed; right: 2.5%; top: 70%; width: 50px; z-index: 8;}
#fixed ul {border: 1px solid #e9e9e9;}
#fixed li {padding-bottom: 100%; position: relative;}
#fixed a {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: -9999em; overflow: hidden; background:#fff no-repeat center center; background-size: 60% auto;}
#fixed #back a {background-image: url(images/icon_top.png);}
/*screen width*/
@media only screen and (max-width:1280px){
	
	/*nav*/
	#nav li {margin-left:4%;}
}
@media only screen and (max-width:1024px){
	#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;}
	/*1024px*/
	#nav {position:fixed; left:0; top:60px; width: 100%; height: 100%; background-color: #f7f7f7; margin:0; z-index: 5; display: none;}
	#nav ul {width:90%; margin:0 auto 60px; padding:3.125% 0; text-align: left;}
	#nav li {display: block; color:#121212; border-bottom:1px solid #e4e4e4; font-size:16px;}
	#nav li a { color:#121212; margin-right: 60px; opacity: 0; transform:translateX(3%); transition:all 1s;}
	#nav li ul {position:static; left:auto; top:auto; display: none; background-color: transparent; transform:none; box-shadow: none; width: auto; margin:0; padding:0; min-width: 0;}
	#nav li li {border-bottom:none; border-top:1px solid #e4e4e4; line-height: 60px;}
	#nav li li a {padding:0 0 0 2em; position:relative;}
	#nav li li a:before {width: 6px; height: 6px; border-right:1px solid #121212; border-bottom:1px solid #121212; transform:rotate(-45deg); content:''; display: block; position:absolute; left:.6em; top:50%; margin-top:-3.5px;}
	#nav li em {display: block;}
	#nav li.show a {opacity: 1; transform: translateX(0%);}

	.sidebar {display: none;}
	.main {margin-bottom:20px; width:auto; float:none;}
	/*文章列表*/
	.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;}

	

}
@media only screen and (max-width:960px){
	
	/*logo*/
	#logo h1 {font-size:24px;}
	#logo a {width:158px; height:50px;}
	
	/*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;}

	/*960px*/
	.box {margin-bottom: 15px;}
}
@media only screen and (max-width:768px){
	
	
	
	/*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;}
	/*768px*/
	#slides { margin-bottom: 20px; }
	#slides .owl-nav button { width: 20px; height: 30px; }
	#slides .owl-nav span { width: 8px; height: 13px; margin-left: -4px; }
	#slides .owl-prev { left: 0; }
	#slides .owl-next { right: 0; }
	#slides .owl-dot { margin: 0 3px; }
	#slides .owl-dot span { width: 12px; }
	#slides .owl-dot.active span { width: 18px; }
	/*文章列表*/
	.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;}

	
	/*logo*/
	#logo {padding:5px 0;}
	#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;}

	
	/*box*/
	.box h3 {margin-bottom:20px;}
	
	/*bar*/
	.search {width:150px;}
	.breadcrumb {margin-right:150px;}
	
	.listpic {margin-bottom:20px;}

	/*768px*/
	#commentslist li { padding-bottom: 10px; margin-bottom: 10px; }
	#commentslist .avatar img { width: 30px; height: 30px; }
	#commentslist .info { margin-left: 40px; }
	#commentslist .meta { margin-bottom: 5px; }
	#commentslist .name { font-size: 14px; }
	#commentslist li li { margin: 10px 0 5px 40px; padding: 10px; }
	#commentslist li li li { margin: 5px; }

	/*768px*/
	#comment .inp { width: auto; }
	#comment .inp .item { float: none; width: auto; padding-right: 0; }
	#comment .verify {width: auto; float: none; padding-right: 110px; margin-bottom: 10px;}
	#comment .verify img {left: auto; right: 0;}
	#comment .btn { clear: both; padding: 2% 0; overflow: hidden; }
	#comment .submit { height: 30px; width:100%; }

	/*768px*/
	.related ul {width:105%;}
	.related li {width:45%; padding-right:5%; padding-bottom:15px;}
	.related li p {padding:2px 0;}

	/*768px*/
	#fixed {width: 35px;}
}