﻿/*
theme name:lehuo
*/
* {-webkit-tap-highlight-color:transparent;}

#wap_ad{display:none}

#wap_ad>a>img{width:100%}

@media screen and (max-width:959px){
	#pc_ad{display:none}
	#wap_ad{display:block}
}

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:#f7f5f5; font:100%/1.5em arial,"lucida grande","microsoft yahei","hiragino sans gb","hiragino sans gb w3",simsun,"pingfang sc",stheiti; overflow-x:hidden; transition:padding 0.2s ease 0s;}
a {text-decoration:none; outline:none; color:#333;}
a:hover {color:#f13f3f;}
input {-webkit-appearance:none;}
input: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:0.75em; width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd; box-sizing: border-box;}
table th{background-color:#f9f9f9;text-align:center; box-sizing: border-box;}
table td,table th{padding:5px 10px;border:1px solid #ddd; box-sizing: border-box;}
/*gold*/
.inner {width:1200px; margin:0 auto;}
.thumbnail {position:relative; overflow:hidden;}
.thumbnail img,.ad img {display:block; width:100%; height:auto;}
h3.title {font-size:1.125em; font-weight:normal; margin-bottom:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom:1px solid #eee; padding-bottom:10px;}
h3.title.divtitle {text-align:center; font-weight:lighter; color:#888;}
.listad {margin-bottom:20px;}
/*header*/
#header {background-color:#fff; height:70px; box-shadow:0px 0px 10px #ccc; position:relative; margin-bottom:20px;}
#header .inner {position:relative;}
/*breadcrumb*/
#breadcrumb {clear:both; width:100%; margin-top:-20px; font-size:0.75em; padding:8px 0 5px; color:#888;}
#breadcrumb a {color:#888;}
#breadcrumb i {font-style:normal; font-family:'simsun'; margin:0 3px;}
/*logo*/
.logo {float:left; padding:15px 0;}
.logo a {display:block;}
.logo img {height:40px; width:auto; display:block;}
/*navbtn*/
.navbtn {position:absolute; left:0; top:13px; font-size:1.5em; color:#f13f3f; cursor:pointer; display:none;}
/*nav*/
.nav {float:left; padding:0 20px;}
.nav .menu ul li {float:left; line-height:70px; 
/*font-size:1.125em;*/
position:relative; overflow:hidden;}
.nav .menu ul li.open {overflow:visible;}
.nav .menu ul li a {display:block; padding:0 8px; transition:color 0.3s ease 0s; position:relative; z-index:5; overflow:hidden; background-color:#fff;}
.nav .menu ul li a i {font-size:0.75em; color:#ccc; transition:transform 0.3s ease 0s;}
.nav .menu ul li a:hover i.fa-caret-down {transform:rotate(180deg);}
.nav .menu ul li a.on {color:#f13f3f;}
.nav .menu ul li ul {position:absolute; left:50%; top:0; margin-left:-75px; width:150px; background-color:#fff; background:rgba(255,255,255,.9); box-shadow:0px 0px 2px #ddd; padding:0 0 10px; z-index:3; opacity:0;}
.nav .menu ul li ul li {float:none; text-align:center; line-height:normal;}
.nav .menu ul li ul li a {padding:10px 0; background-color:transparent;}
.nav .menu ul li ul.drop {top:70px; opacity:1; transition:all 0.7s ease 0s; }
/*another*/
.another {position:absolute; right:0; top:18px;}
.another ul li {font-size:0.875em; float:left; padding-left:5px; position:relative; overflow:hidden;}
.another ul li.on {overflow:visible;}
.another ul li a {display:block; float:left; border:1px solid #dedede; height:35px; line-height:35px; padding:0 12px; transition:all 0.2s ease 0s; border-radius:2px; background-color:#fff; position:relative; overflow:hidden; z-index:6;}
.another ul li a:hover,.another ul li.on > a {background-color:#2f3c4e; border-color:#2f3c4e; color:#fff;}
.another ul li.rss a {border-color:#ff9101; background-color:#ff9101; color:#fff;}
.another ul li .loginform {position:absolute; right:0; top:22px; width:250px; background-color:#fff; box-shadow:0px 0px 2px #ccc; padding:20px 25px 15px; z-index:5; opacity:0;}
.another ul li .loginform.open {top:52px; opacity:1; transition:0.3s ease 0s;}
.another ul li .loginform .arrow {position:absolute; right:25px; top:-6px; border-left:1px solid #ddd; border-top:1px solid #ddd; height:10px; width:10px; display:block; transform:rotate(45deg); background-color:#fff; z-index:1;}
.another ul li .loginform p {overflow:hidden; padding:5px 0;}
.another ul li .loginform label {display:block; float:left; font-size:1em; width:44px; height:40px; line-height:40px; border:1px solid #ddd; border-right:0; text-align:center; border-radius:3px 0 0 3px; color:#888;}
.another ul li .loginform .text {border:1px solid #ddd; padding:8px 5px; float:left; width:193px; border-radius:0 3px 3px 0; font-size:1em; height:24px; line-height:24px; border-left:none; color:#333;}
.another ul li .loginform .text.verify {width:100px;}
.another ul li .loginform .submit {display:block; width:100%; background-color:#f13f3f; color:#fff; border:none; padding:10px 0; cursor:pointer; font-size:1em; border-radius:3px;}
.another ul li .loginform a {border:none; display:inline; float:none; height:auto; line-height:normal; padding:0; border-radius:0; background-color:transparent; color:#555; font-size:0.875em;}
.another ul li .loginform p span {padding:0 10px; color:#555;}
/*searchform*/
.searchform {position:absolute; left:0; top:71px; width:100%; background:rgba(255,255,255,.8); padding:20px 0; display:none; z-index:3;}
.searchform .inner {width:760px;}
.searchform .s {float:left; height:25px; line-height:25px; padding:8px 5px; border:1px solid #ddd; border-radius:3px; width:670px; font-size:1em;}
.searchform .submit {float:right; display:block; width:60px; background-color:#f13f3f; color:#fff; border:1px solid #f13f3f; height:43px; font-size:1em; border-radius:3px; cursor:pointer;}
/*container*/
#container {overflow:hidden;}
/*main*/
.main {float:left; width:850px;}
/*slides*/
#slides {overflow:hidden; margin-bottom:20px; position:relative; z-index:1; height:450px; background:#fff url(/uploads/image/simages/grey.gif) no-repeat center center;}
#slides .slidesitem {position:relative;}
#slides h2 {position:absolute; left:0; bottom:8px; width:100%; background:rgba(0,0,0,.7); font-weight:normal; font-size:0.875em;}
#slides h2 a {display:block; padding:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#fff;}
.owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1;}
.owl-carousel img {width:100%; height:auto; display:block;}
.owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-y;
 -moz-backface-visibility: hidden;}
.owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.owl-carousel .owl-stage-outer {position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,.owl-carousel .owl-item {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled { display: none;}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next {cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-indent:-9999em; width:14px; height:24px; position:absolute; top:50%; margin-top:-12px;}
.owl-carousel .owl-nav .owl-prev {background:url(/uploads/image/simages/arrows.png) no-repeat 0 0; left:10px;}
.owl-carousel .owl-nav .owl-next {background:url(/uploads/image/simages/arrows.png) no-repeat 0 -36px; right:10px;}
.owl-carousel.owl-loaded {display: block; }
.owl-carousel.owl-loading {opacity: 0; display: block; }
.owl-carousel.owl-hidden {opacity: 0; }
.owl-carousel.owl-refresh .owl-item { visibility: hidden; }
.owl-carousel.owl-drag .owl-item {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity:0.2;}
.owl-carousel.owl-drag .owl-item.active {opacity:1;}
.owl-carousel.owl-grab { cursor: move; cursor: grab;}
.owl-carousel.owl-rtl {direction: rtl; }
.owl-carousel.owl-rtl .owl-item {float: right; }
.no-js .owl-carousel {display: block; }
.owl-carousel .animated {animation-duration: 1000ms; animation-fill-mode: both; }
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeout { animation-name: fadeout; }
@keyframes fadeout {0% {opacity: 1; }100% {opacity: 0; }}
.owl-height {transition: height 500ms ease-in-out; }
.owl-carousel .owl-item .owl-lazy {opacity: 0;  transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy {transform-style: preserve-3d; } 
.owl-nav .disabled { opacity: 0.5; cursor: default; }
.owl-nav.disabled   .owl-dots { margin-top: 10px; }
.owl-dots { position:absolute; bottom:0px; width:100%; left:0;}
.owl-dots .owl-dot {float:left; cursor:pointer; width:25%;}
.owl-dots .owl-dot span {width:100%; height:8px; background:rgba(0,0,0,.7);  display: block;  -webkit-backface-visibility: visible;  transition: opacity 200ms ease; }
.owl-dots .owl-dot.active span,.owl-dots .owl-dot:hover span {background: #869791;}
/*home_top*/
.home_top ul {overflow:hidden; width:102%;}
.home_top ul li {float:left; width:23%; padding-right:2%;}
.home_top ul li .thumbnail {position:relative; padding-bottom:70%; margin-bottom:5px; overflow:hidden;}
.home_top ul li .thumbnail a {display:block;}
.home_top ul li .thumbnail img {position:absolute; left:0; top:0; height:100%;}
.home_top ul li h4 {font-size:0.875em; height:47px;}
/*catebox*/
.catebox {background-color:#fff; border:1px solid #eee; padding:15px 15px 5px; overflow:hidden; position:relative; margin-bottom:20px;}
.catebox span.more {position:absolute; right:15px; top:15px; font-size:0.75em;}
.catebox span.more a {color:#999;}
.catebox h4 {font-size:1em; font-weight:normal; height:52px; overflow:hidden; margin-bottom:10px;}
.catebox .postmeta,.post-list .postmeta {font-size:0.75em; color:#999; border-bottom:1px solid #eee; overflow:hidden; margin-bottom:14px;}
.catebox .first a,.catebox .boxitem a {display:block;}
.catebox .first {float:left; width:370px; padding-bottom:10px; overflow:hidden;}
.catebox .first .thumbnail {margin-bottom:10px; height:260px;}
.catebox img {transition:transform 0.3s ease 0s;}
.catebox img:hover {transform:scale(1.2,1.2);}
.catebox .first .postmeta span,.post-list .postmeta span {border-right:1px solid #eee; float:left; padding-right:10px; margin-right:10px;}
.catebox .first .postmeta .cmts,.catebox .first .postmeta .good,.post-list .postmeta .cmts,.post-list .postmeta .good {float:right; border:none; padding-right:0; margin-right:0; margin-left:10px;}
.catebox .first .excerpt {font-size:0.875em; color:#666; height:96px; overflow:hidden; text-align:justify;}
.catebox .boxitem h4 {margin-bottom:0;}
.catebox .boxitem {float:left; width:433px; padding-left:15px; padding-bottom:13px; overflow:hidden;}
.catebox .boxitem .thumbnail {float:left; width:120px; margin-right:10px; display:inline-block; height:84px;}
.catebox .boxitem .postmeta {border-bottom:none; margin-bottom:0;}
/*post-list*/
.post-list,.post,.related,.commentslist,.commentform {background-color:#fff; padding:15px; overflow:hidden; margin-bottom:20px; border:1px solid #eee;}
.post-list .thumbnail {float:left; width:200px; margin-right:15px;}
.post-list h2 {font-size:1.25em; font-weight:normal; margin-bottom:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.post-list .entry {font-size:0.875em; color:#555; height:120px; overflow:hidden;}
/*post*/
.post,.related,.commentslist,.commentform {padding:20px;}
.post h1.post-title {font-size:1.75em; font-weight:normal; margin-bottom:10px; line-height:1.5em;}
.post h1.post-title.page-title {text-align:center;}
.post .postmeta {font-size:0.75em; margin-bottom:10px; border-bottom:1px solid #eee;}
.post .postmeta span {margin-right:8px; color:#aaa;}
.post .postmeta span a {color:#aaa;}
.post .entry {color:#222;}
.post .entry p {padding:10px 0; font-size:1em;}
.post .entry ul,.post .entry ol {margin-left:2em; padding:5px 0;}
.post .entry ul li {list-style:inside disc none; font-size:1em; padding:5px 0;}
.post .entry ol li {list-style:inside decimal none; font-size:1em; padding:5px 0;}
.post .entry li p {display:inline;}
.post .entry img {max-width:100%; height:auto; display: block; margin: 0 auto;}
.post .entry blockquote {overflow:hidden; margin:10px 2em; padding:10px 20px; border:1px solid #bbd2e8; background-color:#eff6fc; box-shadow: 0 2px 0 rgba(158,186,212,.24); border-radius: 5px; color:#0077b5; text-align:justify; font-size:0.875em; font-style:italic;}
.post .entry blockquote p {text-indent:2em;}
.post .entry h1,.post .entry h2,.post .entry h3,.post .entry h4,.post .entry h5,.post .entry h6 {padding:10px 0; line-height:1.5em;}
.post .tags {font-size:0.75em; clear:both; margin-top:10px; color:#999;}
.post .tags a {color:#999; margin:0 4px;}
.post .tags a:hover {text-decoration:underline;}
.post .ad {margin-top:10px;}
/*postnavi*/
.postnavi {overflow:hidden; line-height:1.6em; margin-bottom:15px;}
.postnavi a {display:block; color:#999; font-size:0.875em;}
.postnavi i {font-size:4em; display:block; float:left; padding-right:5px;}
.postnavi .right i {float:right; padding-left:5px;}
.postnavi .left {float:left; width:48%; overflow:hidden;}
.postnavi .right {float:right; width:48%; text-align:right; overflow:hidden;}
.postnavi span {display:block; font-size:0.75em;}
/*related*/
.related ul {overflow:hidden; width:103%;}
.related ul li {float:left; width:48%; padding-right:2%; padding-top:8px;}
.related ul li .thumbnail {margin-bottom:5px;}
.related ul li img {transition:transform 0.3s ease 0s;}
.related ul li img:hover {transform:scale(1.3,1.3);}
.related ul li h4 {font-weight:normal; font-size:0.875em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*commentslist*/
.commentslist ol {overflow:hidden;}
.commentslist li {overflow:hidden; padding:10px 0;}
.commentslist li .wrap {position:relative; padding-left:60px; border-bottom:1px solid #eee;}
.commentslist li .gravatar {position:absolute; left:0; top:0;}
.commentslist li img {width:50px; height:50px; border-radius:50%;}
.commentslist li span.date {float:right; font-size:0.75em; color:#999;}
.commentslist li .content {padding:5px 55px 15px 0; font-size:0.875em; color:#555;}
.commentslist li .replay {position:absolute; right:0; bottom:0; font-size:0.75em; overflow:hidden;}
.commentslist li .replay a {background-color:#eee; padding:0 10px; float:right;}
.commentslist li li {margin-left:35px; margin-top:20px; padding:5px 0;}
.commentslist .pagenavi {margin-bottom:0;}
.commentslist .warning {text-align:center; font-size:0.875em; color:#999;}
.commentslist li .content #comment {margin-top:15px;}
.commentslist li .content #comment textarea {font-size:1em;}
.commentslist li .content #comment .text {width:45%;}
.commentslist li .content #comment .text.verify {width:35%;}
.commentslist li .content #comment .clear {clear:both;}
/*comment*/
#comment {background-color:#fff;}
#comment .textarea {border:1px solid #eee; padding:5px;}
#comment textarea {border:none; width:100%; height:150px; resize:vertical; font-size:0.875em;}
#comment .input {background-color:#f9f9f9; position:relative; padding:10px 0; border:1px solid #eee; border-top:none; margin-bottom:5px; overflow:hidden;}
#comment label {font-size:0.75em; color:#555; padding:0 5px 0 10px; display:block; float:left; border:1px solid transparent; height:28px; line-height:28px;}
#comment .text {border:1px solid #ddd; font-size:0.875em; height:18px; line-height:18px; padding:5px 0; text-indent:5px; width:140px; display:block; float:left;}
#comment .text.verify {width:100px;}
#comment img {width:87px; height:29px; cursor:pointer; display:block; float:left; border-radius:0;}
#comment .submit {display:block; width:100%; background-color:#f13f3f; color:#fff; cursor:pointer; border-radius:3px; border:none; padding:8px 0; font-size:0.75em; margin-top:5px;}
.commentform .warning {font-size:0.75em; margin-bottom:10px; color:#888;}
a#cancel-reply {text-align:center; font-size:0.75em; color:#999; padding:5px 0; display:block;}
#comment .clear {clear:none;}
/*pagenavi*/
.pagenavi {overflow:hidden; clear:both; font-size:0.875em; margin-bottom:20px;}
.pagenavi a,.pagenavi span.now-page {display:block; float:left; color:#555; padding:2px 10px;}
.pagenavi a:hover,.pagenavi span.now-page {background-color:#f13f3f; color:#fff;}
/*sidebar*/
.sidebar {float:right; width:330px;}
.widget {margin-bottom:20px; background-color:#fff; border:1px solid #eee;}
.widget .textwidget img {display:block; width:100%; height:auto; margin:0 auto;}
.widget h3 {padding-top:15px; margin:0 15px;}
.widget ul {padding:7px 15px; overflow:hidden;}
.widget ul li {font-size:0.875em; text-align:justify; padding:5px 0; position:relative; overflow:hidden;}
.widget ul li a {display:block; transition:all 0.2s ease 0s;}
.widget ul.divcomments li {font-size:0.75em; color:#999; line-height:1.75em;}
.widget ul.divcomments li a {padding-left:43px; position:relative; color:#999;}
.widget ul.divcomments li a:hover,.widget ul.divcomments li a:hover i {color:#333;}
.widget ul.divcomments li a:hover img {transform:rotate(360deg);}
.widget ul.divcomments img.avatar {width:35px; height:35px; border-radius:50%; position:absolute; left:0; top:4px; transition:transform 0.5s ease 0s;}
.widget ul.divcomments li i {font-style:normal; display:block; color:#666;}
.widget ul.divtags li {float:left; font-size:0.75em;}
.widget ul.divtags li a {display:block; float:left; background-color:#eee; padding:0 8px; border-right:1px solid #fff; transition:all 0.2s ease 0s; font-size: 14px;}
.widget ul.divtags li a:hover {color:#fff; background-color:#2f3c4e;}
.widget ul.hotposts .thumbnail {float:left; width:100px; height:70px; margin-top:2px; margin-right:10px; display:inline-block;}
.widget ul.hotposts h4 {font-weight:normal; font-size:1em; height:48px; overflow:hidden;}
.widget ul.hotposts p {font-size:0.75em; color:#999;}
.widget ul.hotposts img {transition:transform 0.3s ease 0s;}
.widget ul.hotposts img:hover {transform:scale(1.2,1.2);}
.widget ul.divlinkage li {float:left; width:50%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.widget form {margin:15px; overflow:hidden;}
.widget input[type='text'] {border:1px solid #ddd; height:18px; line-height:18px; padding:5px 0; text-indent:5px; width:80%; float:left;}
.widget input[type='submit'] {border:none; cursor:pointer; background-color:#f13f3f; color:#fff; height:30px; padding:0 5px; float:right;}
/*nofound*/
.nofound {padding:50px 0; text-align:center; color:#888; font-weight:lighter;}
.nofound h2 {font-size:3em; font-weight:lighter; line-height:1.5em;}
.nofound p {padding:5px 0;}
.nofound a {color:#f13f3f; text-decoration:underline;}
/*footer*/
#footer {width:100%; background-color:#323232; color:#c2c2c2;}
#footer .inner {overflow:hidden; position:relative;}
#footer .line,#footer .line2 {position:absolute; left:450px; top:0; height:100%; border-left:1px solid #222; border-right:1px solid #444;}
#footer .line2 {left:900px;}
.box {float:left; width:400px; text-shadow:0px 1px 0px #000; padding:35px 0;}
.box.contact {width:350px; padding:35px 100px;}
.box.qrcode {width:250px;}
.box.qrcode img {float:left; display:block; width:120px; height:120px;}
.box.qrcode img.qqun {padding-left:10px;}
.box h3 {font-weight:normal; font-size:1.125em; margin-bottom:15px; text-shadow:0px 1px 0px #000;}
.box p {font-size:0.875em; text-align:justify;}
.backtop {position:fixed; right:20px; bottom:50px; background-color:#f13f3f; color:#fff; font-size:2em; width:45px; height:45px; line-height:45px; text-align:center; cursor:pointer; border-radius:3px; opacity:0.8; transition:opacity 0.3s ease 0s; z-index:6;}
.backtop:hover {opacity:1;}
.copyright {background-color:#222; font-size:0.75em; text-align:center; padding:10px 0; color:#a2a2a2; clear:both;}
.copyright a {color:#a2a2a2;}

	.article_footer .tag {
				    text-align: right;
				    color: #999;
				    padding: 10px;
				}
								.fr {
				    float: right;
				}
				.article_footer .tag a {
				    display: inline-block;
				    color: #999;
				    font-size: 14px;
				    padding: 2px 6px;
				    background-color: #eee;
				    margin-right: 6px;
				    border-radius: 3px;
				}

/*screen width*/
@media only screen and (max-width:1240px){
	.inner {width:1060px;}
	.nav .menu ul li a {padding:0 12px;}
	.main {width:750px;}
	#slides {height:397px;}
	.sidebar {width:290px;}
	.catebox .first {width:320px;}
	.catebox .boxitem {width:383px;}
	.catebox .first .excerpt {height:120px;}
	.catebox .postmeta {margin-bottom:20px;}
	.box {width:350px;}
	.box.contact {width:300px; padding:0 80px;}
	#footer .line {left:390px;}
	#footer .line2 {left:770px;}
	#comment .text {width:120px;}
	#comment .text.verify {width:80px;}
	.catebox .first .thumbnail {height:224px;}
}
@media only screen and (max-width:1100px){
	.inner {width:960px;}
	.logo {padding:20px 0;}
	.logo img {height:30px;}
	.nav .menu ul li {font-size:1em;}
	.main {width:670px;}
	#slides {height:355px;}
	.sidebar {width:270px;}
	.catebox .first {width:310px;}
	.catebox .boxitem {width:313px;}
	.box {width:330px;}
	.box.contact {width:260px; padding:0 60px;}
	#footer .line {left:360px;}
	#footer .line2 {left:680px;}
	#comment .text {width:110px;}
	#comment label {padding:0 5px;}
	#comment .text.verify {width:60px;}
	.catebox .first .thumbnail {height:217px;}
}
@media only screen and (max-width:1000px) and (min-width:860px){
	#comment .text {width:200px; margin:2px 0;}
	#comment label {padding:0 10px; margin:2px 0;}
	#comment img {margin-top:2px;}
	#comment .text.verify {width:100px;}
}
@media only screen and (max-width:1000px){
	.inner {width:820px;}
	#header {height:66px; margin-bottom:10px;}
	.logo img {height:26px;}
	.nav .menu ul li {font-size:0.875em; line-height:66px;}
	.nav .menu ul li a {padding:0 10px;}
	.nav .menu ul li ul.drop {top:66px; width:120px; margin-left:-60px;}
	.nav .menu ul li ul li {font-size:1em;}
	.another ul li {font-size:0.75em;}
	.another ul li a {padding:0 8px; height:30px; line-height:30px;}
	.another ul li .loginform.open {top:48px;}
	.searchform {top:67px;}
	.searchform .inner {width:560px;}
	.searchform .s {width:478px;}
	#slides,.widget,.catebox,.post-list,.pagenavi {margin-bottom:10px;}
	.main {width:550px;}
	#slides {height:291px;}
	.sidebar {width:260px;}
	.catebox {padding:10px 10px 0;}	
	h3.title {margin-bottom:10px; padding-bottom:5px;}
	.catebox .first {width:225px;}
	.catebox .first .thumbnail {height:158px;}
	.catebox .boxitem {width:283px; padding-left:10px; padding-bottom:10px;}
	.catebox .boxitem .thumbnail {width:100px; height:70px;}
	.catebox .boxitem h4 {font-size:0.875em; height:48px;}
	.widget h3 {padding-top:10px; margin:0 10px;}
	.widget ul {padding:5px 10px;}
	.widget ul.hotposts h4 {line-height:1.5em; height:42px;}
	.widget ul.hotposts .thumbnail {width:80px; height:56px; margin-right:5px; margin-top:4px;}
	.widget ul.hotposts li {padding:2px 0;}
	.widget ul.divcomments li {line-height:1.5em;}
	.box {width:280px;}
	.box.contact {width:230px; padding:0 40px;}
	.box.qrcode {width:220px;}
	#footer .line {left:300px;}
	#footer .line2 {left:570px;}
	.box {padding:20px 0;}
	.post-list .thumbnail {width:230px;}
	.post-list h2 {font-size:1em; margin-bottom:5px;}
	.post-list .entry {height:96px;}
	.post-list .postmeta {margin-bottom:5px;}
	.post, .related, .commentslist, .commentform {padding:15px; margin-bottom:10px;}
	.listad {margin-bottom:10px;}
	.postnavi {margin-bottom:5px;}
	.box.qrcode img {width:105px; height:105px;}
}
@media only screen and (max-width:860px){
	body.open {position:fixed; left:0px; overflow:hidden; top:0; width:100%; height:100%;}
	body.open #header .inner,body.open #container,body.open #footer {margin-right:-150px;}
	.inner {width:98%;}
	#header {height:50px;}
	.logo {float:none; padding:15px 0;}
	.logo a {width:95px; height:20px; margin:0 auto; overflow:hidden;}
	.logo img {height:20px;}
	.nav {background-color:#fff; box-shadow:1px 0px 2px #ddd; position:fixed; left:-153px; top:0; height:100%; width:150px;  z-index:9; padding:0; float:none; overflow:hidden;}	
	.nav.open {left:0;}
	.nav .menu {width:167px; height:100%; overflow:auto;}
	.nav .menu ul {margin:20px 0; width:150px; overflow:hidden;}
	.nav .menu ul li {float:none; line-height:normal; text-shadow:0px 1px 0px #eee;}
	.nav .menu ul li a {padding:10px 10px 10px 20px; background-color:transparent;}
	.nav .menu ul li a:hover i.fa-caret-down {transform:none;}
	/*.nav .menu ul li a.on {color:#fff;}*/
	.nav .menu ul li a.on {color:#333;}
	.nav .menu ul li ul {position:static; left:0; top:0; margin:0; width:100%; background-color:transparent; box-shadow:none; padding:0; opacity:1; border:none; border-bottom:1px solid #eee; border-top:1px solid #eee;}
	.nav .menu ul li ul li {text-align:left;}
	.nav .menu ul li ul li a {padding:10px 10px 10px 20px;}
	.nav .menu ul li ul.drop {top:0; margin:0; width:100%;}
	.another {top:10px;}
	.navbtn {display:block;}
	.searchform {top:51px; padding:10px 0;}
	.searchform .s {padding:5px;}
	.searchform .submit {height:36px; font-size:0.875em;}
	.another ul li .loginform.open {top:41px;}
	.main {float:none; width:100%;}
	#slides {height:auto; background:none;}	
	.sidebar,#footer .inner {display:none;}
	.catebox {padding:15px 15px 5px;}
	.catebox .first {width:100%; float:none; overflow:hidden;}
	.catebox .first .thumbnail {float:left; width:250px; height:175px; margin-right:10px; display:inline-block; margin-top:3px;}
	.catebox .boxitem {width:100%; padding-left:0; float:none; clear:both;}
	.catebox .boxitem h4 {font-size:1em;}
	.catebox h4 {margin-bottom:0;}
	.catebox .postmeta {margin-bottom:5px;}
	.catebox .first .excerpt {height:96px;}
	.home_top ul li {padding-top:5px; padding-bottom:5px;}
	#footer {padding-top:2px;}
	#breadcrumb {margin-top:-10px;}
	.post h1.post-title {font-size:1.5em;}
	.related ul li { width:100%; padding-right:2%; padding-top:8px;}
}
@media only screen and (max-width:768px) and (min-width:767px) {
	#slides {height:378px;}
}
@media only screen and (max-width:736px) and (min-width:735px) {
	#slides {height:362px;}
}
@media only screen and (max-width:667px) and (min-width:666px) {
	#slides {height:328px;}
}
@media only screen and (max-width:760px) {
	#comment .text {width:41%; margin:2px 0;}
	#comment label {padding:0 10px; margin:2px 0;}
	#comment img {margin-top:2px;}
	#comment .text.verify {width:100px;}
}
@media only screen and (max-width:640px) {
	.searchform .inner {width:480px;}
	.searchform .s {width:400px;}
	.searchform .submit {width:50px;}
	h3.title {font-size:1em; margin-bottom:5px;}	
	.catebox .first .thumbnail {width:180px; margin-top:5px; margin-bottom:0; height:126px;}
	.catebox h4,.catebox .boxitem h4 {font-size:0.875em; height:48px;}
	.catebox .first .excerpt {font-size:0.75em; line-height:1.5em; height:54px;}
	.backtop,.post-list .postmeta .cmts, .post-list .postmeta .good {display:none;}
	.post-list .thumbnail {width:200px;}
	.post-list .entry {height:72px;}
	.post-list .postmeta {border:none;}
	.post-list .postmeta span {border:none; margin-right:0;}
	#comment .text {width:39%;}
	.post, .related, .commentslist, .commentform {padding:10px;}
	.post h1.post-title {font-size:1.125em; margin-bottom:5px;}
	.post .entry blockquote {padding:0 10px;}
	.postnavi {line-height:1.2em;}
	.commentslist li li {margin:10px 0 0 20px;}
	.commentslist li {padding:10px 0 5px;}
	.related ul li h4 {white-space:normal; height:32px;}
	.related ul li {padding-top:0;}
	.related h3.title {margin-bottom:8px;}
}
@media only screen and (max-width:540px) {
	.another ul li.rss,.catebox .first .excerpt,.catebox .first .postmeta .cmts, .catebox .first .postmeta .good,.post-list .entry {display:none;}
	.another ul li a {border:none; padding:0 5px;}
	.another ul li a:hover,.another ul li.on a {background-color:transparent; color:#333;}
	.searchform .inner {width:360px;}
	.searchform .s {width:300px;}
	.searchform .submit {width:40px;}
	.home_top ul li {width:48%;}
	.catebox {padding:10px 10px 0px;}
	.catebox span.more {top:10px;}
	.catebox .first .thumbnail {width:100px; height:70px;}
	.post-list {padding:10px;}
	.post-list .thumbnail {width:120px; margin-right:10px;}
	.post-list h2 {white-space:normal; height:48px;}
	#comment .text {width:37%;}
	#comment .text.verify {width:15%;}
}
@media only screen and (max-width:480px) {
	#comment .text {width:85%;}
	#comment .text.verify {width:35%;}
}
@media only screen and (max-width:420px) {
	.searchform .inner {width:320px;}
	.searchform .s {width:260px;}
	.another ul li .loginform {padding:10px 15px 5px; width:200px;}
	.another ul li .loginform .text {width:143px; padding:5px;}
	.another ul li .loginform label {height:34px; line-height:34px;}
	.another ul li .loginform .text.verify {width:50px;}
	.catebox .first .postmeta span {padding-right:5px; margin-right:5px;}
	#comment .text {width:80%;}
}
@media only screen and (max-width:360px) {
	.searchform .inner {width:260px;}
	.searchform .s {width:200px;}
	#comment .text {width:75%;}
}
.pagebar {
	text-align: center
}
.pagebar span {
	background-color: #e84807;
	padding: 8px 12px;
	margin-bottom: 8px;
	color: #fff;
	border: 1px solid #e84807
}
.pagebar a {
	padding: 8px 12px;
	margin: 0 2px;
	margin-bottom: 8px;
	background-color: #fff;
	color: #0073c6;
	border: 1px solid #ededed;
	display: inline-block
}
.pagebar a:hover {
	background-color: #e84807;
	color: #fff
}
.entry-copyright {margin-top: 30px;margin-bottom: 20px;padding: 15px;font-size: 12px;line-height: 1.6;color: #999;border: 1px solid #efefef;background: #fbfbfb;border-radius: 2px;}


.article-nav {
    overflow: hidden;
    margin-bottom: 30px;
    font-size: 14px;
    color: #bbb
}

.article-nav span {
    float: left;
    position: relative;
    width: 50%
}

.article-nav span.article-nav-next {
    float: right;
    text-align: right
}

.article-nav span.article-nav-next::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    display: block;
    width: 1px;
    background-color: #eee
}

.article-nav a {
    color: #999;
    margin-right: 10px;
    display: inline-block;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.article-nav span.article-nav-next a {
    margin-left: 10px;
    margin-right: 0
}

.article-nav a:hover {
    color: #45b6f7
}



/*语音播放*/
.audio_player {
    padding: 19px 14px 23px;
    margin: 15px 0px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .15);
    background: #fafafa;
}


.audio_player_t {
    font-size: 16px;
    color: #252525;
    font-weight: bold;
}

audio {
    width: 100%;
}



.smalltext {
    background: #f5f5f5;
    padding: 5px 10px;
    margin-bottom: 10px;
    font-size: 17px;
    color: #333;
    border-radius: 5px;
}


.smalltext .answer {
    border: 1px solid #999;
    padding: 2px 6px;
    margin-right: 5px;
    border-radius: 7px;
    font-size: 13px;
}



/*视频样式*/
.videowrap {
    margin-bottom: 20px;
}
#videoplayer {
    width: 100%;
    height: 490px;
    background: #000;
}
@media only screen and (max-width: 767px){
   #videoplayer {
        width: 100%;
        height: auto;
        background: #000;
    } 
    .smalltext,.entry-copyright,.article_footer  {
		display: none
	}
	.related li{display:none;}
    .related li:nth-child(-n 3) {
        display: block;
    }
}
