blockquote,body,button,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
address,b,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:400}
code,kbd,pre,samp,tt{font-family:"courier new",courier,monospace;font-size:100%;line-height:100%}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
blockquote:after,blockquote:before,q:after,q:before{content:""}
fieldset,img{border:0}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
button,input,select,textarea{font-size:100%}
a{text-decoration:none;}
a:hover{text-decoration:underline}
img{vertical-align:middle;width: 100%}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.clearfix:after{content:".";height:0;visibility:hidden;display:block;clear:both;font-size:0;line-height:0}
.clearfix{*zoom:1}
.hide{display: block;text-indent: -9999em}

body{color: #252525;font-family: 'Open Sans','Helvetica Neue',Arial,"Hiragino Sans GB",'Microsoft YaHei',sans-serif;}

/*------common--------*/
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?yzrl2t');
	src:url('../fonts/icomoon.eot?yzrl2t#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?yzrl2t') format('truetype'),
		url('../fonts/icomoon.woff?yzrl2t') format('woff'),
		url('../fonts/icomoon.svg?yzrl2t#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.animated {
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-o-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-4em)
	}

	100% {
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes slideDown {
	0% {
		-moz-transform: translateY(-4em)
	}

	100% {
		-moz-transform: translateY(0)
	}
}

@-o-keyframes slideDown {
	0% {
		-o-transform: translateY(-4em)
	}

	100% {
		-o-transform: translateY(0)
	}
}

@keyframes slideDown {
	0% {
		transform: translateY(-4em)
	}

	100% {
		transform: translateY(0)
	}
}

.animated.slideDown {
	-webkit-animation-name: slideDown;
	-moz-animation-name: slideDown;
	-o-animation-name: slideDown;
	animation-name: slideDown
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(0)
	}

	100% {
		-webkit-transform: translateY(-4em)
	}
}

@-moz-keyframes slideUp {
	0% {
		-moz-transform: translateY(0)
	}

	100% {
		-moz-transform: translateY(-4em)
	}
}

@-o-keyframes slideUp {
	0% {
		-o-transform: translateY(0)
	}

	100% {
		-o-transform: translateY(-4em)
	}
}

@keyframes slideUp {
	0% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(-4em)
	}
}

.animated.slideUp {
	-webkit-animation-name: slideUp;
	-moz-animation-name: slideUp;
	-o-animation-name: slideUp;
	animation-name: slideUp
}

.main-tg-area{width: 100%;height: auto;margin: 14px 0;text-align: center;}

.common-tg-area{width: 300px;height: 100px;position: relative;overflow: hidden;}
.common-tg-area .common-tg-img{display: block;width: 100%}
.common-tg-area a.tg-link,.common-tg-area a.tg-close{font-size: 12px;padding: 2px 8px;text-align: center;border-radius: 2px;position: absolute;top: 1px;right: 1px;color: #eee; background:rgba(0,0,0,.2);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);}
.common-tg-area a.tg-link{right: 26px;padding: 2px 4px}
.common-tg p{font-size: 13px;color: #2d2d2d;margin-top: 7px}

.google-tg{width: 300px;margin-top: 27px;text-align: center;}

/*header*/
.header{height: 54px;background: #2F2F2F;border-bottom: 4px solid #81B441;margin-bottom: 15px;font-size: 16px;min-width: 1020px;position: fixed;right: 0;left: 0;z-index: 1030;}
.navbar{width: 1020px;margin: 0 auto;background: #2F2F2F;}
.logo{float: left;margin: 12px 35px 12px 12px;}
.logo a{display: block;width: 92px;height: 26px;background: url('../images/logo.jpg') center top no-repeat;background-size: 100%;}
.search-bar{width: 236px;height: 34px;float: left;margin-top: 8px;background-color: #5C5D5D;border-radius: 4px;position:relative;margin-right:  24px}
.search-btn-area{position: relative;font-size: 0;display: table-cell;vertical-align: middle;white-space: nowrap;}
.search-btn{color: #ddd;background-color: #5c5d5d;position: relative;display: inline-block;padding: 6px 12px;font-family: "\5FAE\8F6F\96C5\9ED1";font-size: 14px;line-height: 1.32;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;border-radius: 4px;border: 1px solid transparent;background-image: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.caret {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px solid;border-right: 4px solid transparent;border-left: 4px solid transparent;}
.search-list{position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 160px;padding: 5px 0;margin: 2px 0;font-size: 14px;text-align: left;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,.15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.search-list a{display: block;padding: 3px 20px;clear: both;line-height: 1.428;color: #333;white-space: nowrap;}
.search-list a:hover{color: #262626;text-decoration: none;background-color: #f5f5f5}
.search-icon{position:absolute; top: 0;right: 0;z-index: 3;display: block;width: 34px;height: 34px;line-height: 34px;text-align: center;color: #999;cursor: pointer;font-family: 'icomoon';-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.search-icon:before{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;content: "\f002";}
.form-control{height: 34px;padding: 6px 12px;width:144px;font-size: 14px;line-height: 1.428;position:absolute;top:0;left:65px;border: none;outline: none; z-index: 2;display: block;background-color: #5C5D5D;box-shadow: none;color: #ddd;-webkit-box-shadow: none;box-shadow: none;-webkit-transition: none;-o-transition: none;transition: none;}
.toggle-list{float: left;}
.toggle-list li{float: left;}
.toggle-list li a{display: block;position: relative;padding: 0 10px;margin: 8px;border-radius: 4px;color: #ddd;line-height: 34px;font-size: 16px}
.toggle-list li.active a,.toggle-list li a:hover{background-color: #444;text-decoration: none;}
.toggle-btn,.mobile-list{display: none;}

/*side-fixed-menu*/
.side-fixed-menu{width: 30px;position: fixed;top: 140px;left: 50%;margin-left: -580px}
.side-fixed-menu li{width: 56px;height: 26px;line-height: 16px;overflow: hidden;position: relative;}
.side-fixed-menu a{display: block;width: 26px;line-height: 26px;color: #666;font-size: 13px;position: absolute;right: 0;white-space: nowrap;text-overflow:overflow:hidden;text-overflow:ellipsis;white-space:nowrap;; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.side-fixed-menu a:hover,.side-fixed-menu li.active a{width: 56px;color: #81b441}

/*scrollbar*/
.scrollbar{position:fixed; right:20px; bottom:40px;width: 40px;height: 80px;z-index: 100}
.scrollbar a{display: block;width: 40px;height: 40px;border: 1px solid #F3F3F3;text-indent: -999em;background: #fff;}
.scrollbar a:hover{background: #F7F7F7}
.scrollbar span{display: block;width: 15px;height: 8px;overflow: hidden;}
.scrollbar .scrolltop{padding-top: 15px}
.scrollbar .scrolltop span{background: url('../images/scrolltop.png');background-size: 100%;margin: 0 auto}
.scrolltop:hover span{background: url('../images/scrolltop-hover.png');background-size: 100%;}
.scrollbar .code-btn{padding-top: 10px}
.scrollbar .code-btn span{width: 19px;height: 19px; background: url('../images/scrollcode.png');background-size: 100%;margin: 0 auto}
.code-btn:hover span{background: url('../images/scrollcode-hover.png');background-size: 100%;}
.code-area{height: 130px;width: 170px;position: relative;}
.code-hover{display: none;width: 120px;height: 130px;padding-top:15px;position: absolute;top: -90px;left: -124px;background: #fff;text-align: center;color: #9B9B9B;font-size: 14px;box-shadow: 0 0 10px rgba(6,0,1,.3)}
.code-hover span{display: block;width: 80px;height: 80px;margin: 0 auto}

/*footer*/
.footer{margin:25px auto 0;color: #757575;background-color: #383838;font-size: 14px;}
.footer-con{width: 1020px;margin: 0 auto;background: #383838;padding: 40px 0;}
.copyright{line-height: 28px;float: right;margin-right: 20px}
.footer-links dl{float: left;margin-right: 60px}
.footer-links dt{font-size: 18px;color: #616466;margin-bottom: 15px;font-weight: 400}
.footer-links dd{font-size: 14px;line-height: 1.8}
.footer a{color: #949790}
.footer-links dd i,.publicAccountInfo i{margin-right: 8px;display: inline-block;font: normal 14px/1 'icomoon';font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.footer-links dd .sm{margin: 0 6px 0 4px; font-size: 12px;color: #5c5c5c}
.fa-coffee:before {content: "\f0f4";}
.fa-bullhorn:before {content: "\f0a1";}
.fa-copyright:before {content: "\f1f9";}
.fa-qq:before {content: "\f1d6";}
.fa-wechat:before, .fa-weixin:before {content: "\f1d7";}
.fa-weibo:before {content: "\f18a";}
.fa-rss:before {content: "\f09e";}
.fa-edit:before, .fa-pencil-square-o:before {content: "\f044";}
.fa-sitemap:before {content: "\f0e8";}
.fa-external-link:before {content: "\f08e";}


/*layer*/
.con-wrap{width: 1020px;position: relative;margin: 0 auto;padding-top: 69px;}
.main-menu{display: none}
/*=========================main-con================================*/
.main-con{width: 692px;float: left;margin-right: 28px}

/*-------------------leftWrapTop------------------------*/
.left-wrap-top {width: 100%;height: 267px;margin-bottom: 14px;}
.left-wrap-top .slick-slide{position: relative;}
.left-wrap-top .indexBannerFlag{width: 100%;padding: 1% 4%;overflow: hidden; position: absolute;bottom:0;left: 0;background:rgba(0,0,0,.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);}
.left-wrap-top  .indexBannerFlag h4{font-size: 18px;line-height: 1.6}
.left-wrap-top  .indexBannerFlag a{color: #fff}
.left-wrap-top  .indexBannerFlag{color: rgba(255,255,255,.7);;font-size: 13px}

.slogon li{float: left;margin-right: 16px}
.slogon li div{float: left;margin-right: 6px}
/*-------------------slider------------------------*/
.single-item{width: 516px;height: 267px;float: left;overflow: hidden;position: relative;display: block;background: #eee}

.slick-list {position: relative;overflow: hidden;display: block;margin: 0;padding: 0}
.slick-track {position: relative;left: 0;top: 0;display: block;zoom:1}
.slick-loading .slick-track {visibility: hidden}
.slick-slide {float: left;height: 100%;min-height: 1px;display: none;overflow: hidden;}
.slick-slide img {display: block;margin: 0 auto}
.slick-slide.slick-loading img {display: none}
.slick-initialized .slick-slide {display: block}
.slick-loading .slick-slide {visibility: hidden}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent}

.left-wrap-top .single-item a.index_picBox {width: 516px;height: 267px;display: block;overflow: hidden}
.left-wrap-top .single-item img {width: 100%;height: 267px}

.slick-dots {position: absolute;bottom: 21px;right: 24px;width: 86px;list-style: none;display: block;overflow: hidden;height: 11px}
.slick-dots li{width: 11px;height: 11px;display: block;float: left;margin-left: 6px;cursor: pointer;}
.slick-dots li a{display: block;width: 9px;height: 9px;border: 1px solid #e5e5e5;text-indent: -9999em}
.slick-dots .slick-active a{background-color: #e5e5e5}
.slick-prev,.slick-next{visibility: hidden;text-align: center;cursor: pointer;width: 40px;height: 40px;top: 50%;left: 10px;margin-top: -10px;position: absolute;}
.slick-next {left: auto;right: 10px}
.slick-prev,.pre-btn,.slick-next,.next-btn{
font: normal 24px/1 'icomoon';text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
display: block;
    height: 40px;
    line-height: 40px;
    width: 40px;    border-radius: 2px;
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.3);
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#4C000000', EndColorStr='#4C000000');
}
.slick-prev:before {content: "\f104";}
.slick-next:before {content: "\f105";}
.slider:hover .slick-prev,.slider:hover .slick-next {visibility: visible}
.special-slider:hover .slick-prev,.special-slider:hover .slick-next {visibility: hidden;}

.top-recommend-slider .slick-prev,.top-recommend-slider .slick-next{visibility: hidden;cursor: pointer;width: 22px;height: 22px;top: 50%;left: 10px;margin-top: -10px;position: absolute;text-indent: -8999em;}
.top-recommend-slider .slick-next {left: auto;right: 10px}
.top-recommend-slider .slick-prev,.top-recommend-slider .pre-btn{display: block;width: 22px;height: 22px;background: url('../images/arrow-left.png') no-repeat;background-size: 100%}
.top-recommend-slider .slick-next,.top-recommend-slider .next-btn{display: block;width: 22px;height: 22px;background: url('../images/arrow-right.png') no-repeat;background-size: 100%}


.img_list {float: right;}
.img_list>div {width: 170px;height: 85px;overflow: hidden;margin-bottom: 6px}
.img_list>div:last-child {margin-bottom: 0}
.img_list>div img {width: 170px;height: 85px}

/*--------article-wrap----------*/
.article-wrap{width: 100%;}
.article-con{border:1px solid #f0f0f0;padding:15px 0;margin-bottom: 14px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.article-list{width: 346px;float: left;margin-right: 22px;font-size: 13px}
.article-wrap .hover{border-color: #91BF54}
.article-tt{height: 22px;border-left: 3px solid #81b441;position: relative;left: -2px;}
.article-tt h3{height: 22px;font:bold 14px/22px 'Microsoft YaHei';text-indent: 10px;float: left;margin-right: 15px;*margin-right: 10px}
.article-tt .slogon,.con-top .slogon{display: none; width: 248px;float: left; border: 1px solid #fbe2bf;background: #fcf5e4;font-size: 13px; color: #c65c22;height: 22px;line-height: 22px;padding: 0 6px;border-radius: 3px;}
.scroll-focus .slogon,.con-top .slogon{display: block; -webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.article-con:hover .slogon {display: block; -webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.slogon a{color: #666;}
.slogon em{color: #ff9600;*float:left;}
.slogon .scroll-text,.con-header-scroll{width: 192px;height: 100%; float: right;position: relative;overflow: hidden;}
.slogon .scroll-box{width: 8000%;height: 100%}
.slogon .scroll-con{float: left;}
.slogon .scroll-box li{float: left;overflow: hidden;zoom: 1;margin-right: 16px}
.article ul{margin-left: 13px;margin-top: 18px;margin-bottom: 4px;}
.article li{height: 28px;line-height: 28px;font-size: 13px;overflow: hidden;}
.article li h4{white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.article li a{color: #2d2d2d;}
.article li a.tag{color: #999;margin-right: 4px;}
.article li.article-list-top{height: 75px;padding-left: 112px;position: relative;margin-bottom: 13px}
.article .article-list-img{display: none}
.article .article-list-img:hover{border: #fff 1px solid}
.article .article-list-top .article-list-img{display: block;width: 100px;height: 75px;position: absolute;top: 0;left: 0}
.article .article-list-tag{font-size: 12px;display: none;}
.article .article-list-top .article-list-tag{color: #ffaa00;}
.article li.article-list-top h4{margin-top: -4px}
.article .intro h4{line-height: 22px;height: 48px;overflow: hidden;}
.article .article-list-top .intro h4 a{white-space: pre-wrap}
.article .intro .article-list-num{position: absolute;bottom: 0;right: 0;color: #999;display: none;text-indent: -4px;}
.article .intro .article-list-num a{color: #81b441;margin-right: 6px;}
.article .intro .article-list-num em{margin: 0 3px;}
.article .article-list-top .intro .article-list-num{display: block;font-size: 12px}
.article .intro .article-list-num .time{font-size: 12px}
.article-more{margin-left: 13px;color: #2d2d2d;text-decoration: underline}

.public-num{width: 312px;float: left;}
.public-num-top{width: 294px;margin: 13px auto 0;font-size: 13px}
.public-num-top li{width: 80px;height: 100px;float: left;margin-right: 26px;*margin-right: 16px;position: relative;}
.public-num-top li:last-child{margin-right: 0 !important}
.normal-con p{text-align: center;margin-top: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.public-num-img{display: block;text-align: center;margin: 0 auto; width: 70px;height: 70px;/*border: 1px solid #eaeaea;box-shadow: 0 0 1px #bbb;padding: 1px; */border-radius: 50%;overflow: hidden;}
.public-num-img img{border-radius: 50%}
.hover-con{position: absolute;top: -5px;left: 50%;width: 80px;display: none;margin-left: -40px}
.hover-con .code-img{display: block;width: 80px;margin: 0 auto 0px}
.hover-con p{text-align: center;color: #81b441}
.public-num-top li:hover .normal-con{display: none}
.public-num-top li:hover .hover-con{display: block;}

.public-num-bottom {margin-top: 13px}
.public-num-bottom li{height: 44px;border: 1px solid #fff;border-bottom: 1px dashed #e0e0e0; position: relative;padding-left: 64px;}
.rank-num{font:italic bold 13px 'arial';color: #ff9600;position: absolute;left: 6px;top: 14px;font-weight: normal;}
.public-num-bottom li.first .rank-num{color: #ff3600;}
.public-num-hotPic{display: block;width: 26px;height: 26px; /*padding: 1px;border: 1px solid #eaeaea;*/border-radius: 50%;position: absolute;top: 50%;margin-top: -13px;left: 26px;}
.public-num-hotPic img{border-radius: 50%;vertical-align: middle;}
.public-num-bottom h4{font-size: 13px;color: #2d2d2d;line-height: 44px;width: 9em;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.public-num-bottom h4 a{color: #2d2d2d}
.public-num-bottom .hot-num{position: absolute;left:65%;top: 14px;font-size: 13px;color: #999}
.public-num-bottom .public-num-time{position: absolute;right:2%;top: 14px;font-size: 13px;color: #999}
.hover-code{width: 124px;height: 132px;border: 1px solid #FF9600;position: absolute;bottom: -1px;left: -124px;display: none;z-index: 10;background-color: #fff;}
.public-num-bottom li.first .hover-code{bottom:auto;top: -1px}
.public-num-bottom li.middle .hover-code{bottom:auto;top: -45px}
.hover-code-img{display: block;width: 114px;height: 114px;margin: 2px auto -5px;}
.hover-code p{text-align: center;color: #ff9600;margin-bottom: 5px;font-size: 13px;}
.hover-code .line{border-left: 1px solid #fff;display: block;height: 42px;width:0;position: absolute;bottom:0;right: -1px}
.public-num-bottom li.first .hover-code .line{top: 0;bottom:auto;}
.public-num-bottom li.middle .hover-code .line{top: 44px;bottom:auto;}
.public-num-bottom li.hover{border: 1px solid #FF9600;}
.public-num-bottom li.hover .hover-code{display: block;}


/*========================side-con============================*/
.side-con{width: 300px;float: left;}

/*---contact---*/
.contact{padding-top: 20px}
.contact a,.top-contact a{display: block;width: 200px;height: 38px;margin: 0 auto;border-radius: 2px; line-height: 38px;font-size: 16px;text-align: center;color: #fff;text-decoration: none}
.contact a.submission{background-color: #F04748}
.contact a.submission:hover{background-color: #E03F40}
.contact .qq,.top-contact .qq{margin-top: 18px}
.contact .qq a,.top-contact .qq a{background-color: #418BCA}
.contact .qq a:hover,.top-contact .qq a:hover{background-color: #367EBA}
.contact .qq p,.top-contact .qq p{text-align: center;font-size: 13px;color: #999;margin-top: 6px}

.side-menu{margin-top: 28px}
.side-menu h3{font-size: 18px;margin-bottom: 14px}
.side-menu li,.menu li{width: 33.33%;float: left;}
.side-menu li{width: 100px}
.side-menu a,.menu a{display: block;}
.side-menu span,.menu span{font-size: 13px;display: inline-block;float: left;width: 101%;height: 36px;text-align: center;line-height: 36px;box-sizing: border-box;margin-left: -1px;margin-top: -1px;border: 1px solid #F0F0F0;position: relative;color: #2d2d2d;background-color: white;overflow: hidden;}
.side-menu a:hover span,.menu a:hover span{border-color: #80B538;z-index: 1;color: #000;background: #EBF6DD}

.recommend{margin-top: 30px;margin-bottom: 17px}
.recommend h3,.special-author h3{font-size: 18px;margin-bottom: 14px}
.side-slider,.special-slider{width: 300px;height: 126px;position: relative;margin: 0 auto;}
.side-slider a,.special-slider{display: block;}
.side-slider .slick-dots,.special-slider .slick-dots{right: 0;top: -26px}
.side-slider p{white-space: nowrap;text-overflow:ellipsis;overflow: hidden;font-size: 13px;color: #2d2d2d;margin-top: 7px}

.guess-list{margin-top: 30px}
.guess-list h3{font-size: 18px;margin-bottom: 14px}
.guess-list li,.articleRank-list li{height: 28px;line-height: 28px;padding-left: 12px;position: relative;}
.guess-list li span,.articleRank-list li span{display: block;width: 3px;height: 3px;text-indent: -9999em;background: #C5C5C5;position: absolute;top: 50%;margin-top: -1px;left: 0}
.guess-list a,.articleRank-list li a{color: #2d2d2d;font-size: 13px;display: block;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}

.hot-article{margin-top: 30px;width: 100%;overflow: hidden;}
.hot-article h3{font-size: 18px;margin-bottom: 14px;height: 18px;line-height: 18px;position: relative;}
.hot-article .more-article{font-size: 13px;color: #999;position: absolute;top: 3px;right: 0}
.hot-article ul{width: 105%}
.hot-article li{width: 45%;float: left;margin-right: 5%;margin-bottom: 15px;position: relative;}
.hot-article .hot-article-img{display: block;width: 100%}
.hot-article .hot-article-flag{width: 100%;height: 24px;overflow: hidden; position: absolute;bottom: 0;left: 0;background:rgba(0,0,0,.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);}
.hot-article .hot-article-flag h4{line-height: 20px;padding: 4px 10px;}
.hot-article .two-line{height: 46px}
.hot-article .hot-article-flag a{font-size: 12px;color: #fff;display: block;}

/*--------------classify page\hot page-----------------*/
.con-top{height: 29px;position: relative;margin-bottom: 8px}
.crumbs{float: left;margin-right: 20px;font-size: 13px;color: #999;line-height: 29px}
.crumbs a{color: #2d2d2d}
.crumbs em{margin: 0 5px}
.con-top .slogon{float: left;margin-top: 3px}
.share{height: 29px;position: absolute;top: 0;right: 14px}
.share div.share-box{width: 28px;height: 28px;float:left;position: relative;margin-right: 18px;font-size: 12px;line-height: 32px}
.share a{display: block;width: 28px;height: 28px;font-family: 'icomoon';font-size: 16px;line-height: 29px;text-align: center; margin-left: 16px;border-radius: 50%;color: #fff;text-decoration: none;}
.share .fa-weibo{background-color: #EE7E51}
.share .fa-weixin{background-color: #9AC57A}
.share .fa-rss{background-color: #F2CF69}
.more_share {z-index: 100; position: absolute;left: -42px;top: 40px;padding: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;border: 1px solid #dcdcdc;background-color: #fff;width: 130px;text-align: center;color: #666;display: none}
.more_share span {position: absolute;top: -12px;left: 64px;width: 0;height: 0;border-width: 6px;border-color: transparent transparent #dcdcdc;border-style: dashed dashed solid}
.more_share em {position: absolute;top: -5px;left: -6px;width: 0;height: 0;border-width: 6px;border-color: transparent transparent #fff;border-style: dashed dashed solid}
.more_share img {width: 100%}
.weixin .more_share {width: 150px;height: 182px;line-height: normal;left: -50px;z-index: 1000}
.weixin .more_share span {left: 72px}
.more_share p {line-height: 32px}
.hover .more_share{display: block;}
.top-recommend{height: 80px;background-color: #f5f5f5;padding: 5px 15px;margin-bottom: 20px}
.top-recommend h3{font-size: 14px;font-weight: bold; color: #2d2d2d;float: left;line-height: 70px;margin-right: 30px}
.top-recommend-slider{height: 70px;width: 664px;overflow: hidden;position: relative;float: left;}
.top-recommend-slider .slick-prev,.top-recommend-slider .slick-next{visibility: visible;}
.top-recommend .slick-list{width: 580px;margin: 0 auto}
.top-recommend-slider .slick-slide{width: 190px;height: 70px;margin-right: 10px;padding-left: 80px;position: relative;}
.top-recommend-img{width: 70px;height: 70px;position: absolute;top: 0;left: 0}
.top-recommend-img .top-img{width: 60px;height: 60px;}
.top-recommend-img .top-img-hover{width: 70px;height: 70px;display: none;cursor: pointer;}
.top-recommend-img .top-img img{border-radius: 50%;border: 2px solid #fff}
.hover .top-img{display: none;z-index: 1}
.hover .top-img-hover{display: block;z-index: 10}
.top-recommend-con{font-size: 13px;padding-top: 5px}
.top-recommend-con h4{line-height: 24px}
.top-recommend-con h4 a{color: #2d2d2d;white-space: nowrap;}
.top-recommend-con h4 a:hover{color: #81b441}
.top-recommend-con p{font-size: 12px;line-height: 16px;color: #999}
.top-contact{width: 200px;float: right;}
.top-contact .qq{margin-top: 5px}

.classify-list-con{height: 109px;padding-left: 160px;margin-bottom: 25px;position: relative;overflow: hidden;width: 100%}
.classify-list-img{width: 144px;height: 109px;position: absolute;top: 0;left: 0;display: block;}
.list-con{height: 82px;overflow: hidden;}
.list-con h3,.classify-recommend h3{max-height: 56px;line-height: 28px;overflow: hidden;font-size: 21px;margin-bottom: 8px}
.list-con h3 a,.classify-recommend h3 a{color: #2d2d2d}
.list-con h3 a:hover,.classify-recommend h3 a:hover{color: #81b441}
.list-tag{padding:2px 4px;border-radius: 2px;border: 1px solid #81b441;vertical-align: 3px;font-size: 12px;margin-right: 7px}
.list-top-tag{border-color: #81b441;color: #81b441}
.list-extension-tag{border-color: #ff9600;color: #ff9600}
.classify-recommend-tag{border-color: #ff4e00;color: #ff4e00}
.classify-list-con p{font-size: 13px;line-height: 22px;color: #999}
.classify-list-con .list-infor{color: #999;text-indent: -4px;margin-top: 6px}
.classify-list-con .list-infor a{color: #81b441}
.classify-list-con .list-infor em{margin: 0 4px;}
.classify-list-con .list-infor .time{color: #999}
.classify-recommend{margin-bottom: 35px}
.classify-recommend li{width: 144px;height: 109px;float: left;margin-right: 20px}
.pages{height: 34px;margin: 60px auto;text-align: center;}
.pages li{display: inline;overflow: hidden;}
.pages li a{padding: 6px 12px;background-color: #F3F5F1;color: #81B441;}
.pages li a:hover,.pages a.active{background-color: #81B441;color: #fff;text-decoration: none;}
.pages li a.disabled{color: #999;background-color: #F3F5F1;cursor: not-allowed}

.special-slider{height: 232px;border: 1px solid #efefef;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.special-slider:hover{border-color: #80B538}
.special-slider .name{height: 80px;background-color: #f5f5f5;padding:10px 92px 10px 15px;position: relative;}
.special-slider:hover .name{background-color: #EBF6DD}
.special-slider:hover .name-code-img{display: block;}
.name h4{font-size: 15px;color: #000;margin-bottom: 2px}
.name h4 a{color: #000;}
.name-code-img{display: none;width: 80px;height: 80px;position: absolute;top: 0;right: 0;z-index: 100;}
.special-slider .name p{font-size: 12px;color: #999999;height: 34px;overflow: hidden;}
.name-img{width: 70px;height: 70px;position: absolute;top: 5px;right: 5px}
.special-list{padding: 0 15px;margin-top: 10px}
.special-list li{line-height: 26px;font-size: 13px;}
.special-list li a{color: #2d2d2d;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;width: 100%;display: block;}

/*-----------public page-----------*/
.public-page .public-num-top{width: 100%;padding: 0 20px}
.public-page .public-num-top li{margin-right: 34px}
.public-page .slogon{width: 350px}
.public-page .scroll-text{width: 290px}
.text-list{padding: 0 15px;margin-top: 5px}
.text-list li{display: none;width: 100%;height: 34px;line-height: 34px;font-size: 13px;background-color: #F5F5F5;border-radius: 4px; padding: 0 10px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.text-list li.hover{display: block;}
.text-list li a{color: #999;}
.text-list li .public-name{color: #81b441;margin-right: 6px}
.arrow-icon{display: none;width: 12px;height: 12px;border-radius: 4px;background-color: #F5F5F5;position: absolute;left: 50%;margin-left: -6px;bottom: -12px; -ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg); transform:rotate(45deg);}
.public-page .public-num-top li.hover .arrow-icon{display: block;}

/*------------------articleRank-page---------------*/
.articleRank-page .article-wrap{border: 1px solid #f0f0f0;padding: 15px 0;margin-bottom: 14px;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out}
.articleRank-page .article-wrap:hover{border-color:#91BF54}
.articleRank-page .article-con{padding: 15px;border:0 none;border-bottom: 1px dashed #e0e0e0;}
.articleRank-page .article-tt{left: -17px}
.articleRank-page .more-article{position: absolute;top: 3px;right: -20px;font-size: 12px;color: #999;}
.articleRank-con{padding-left: 182px;height: 129px;position: relative;overflow: hidden;margin-top: 15px;}
.articleRank-main{width: 170px;height: 125px;border: 2px solid #fff;position: absolute;top: 0;left: 0;}

.articleRank-main h4{height: 24px;width: 100%;line-height: 24px;padding: 0 10px;color: #fff;font-size: 13px;cursor: pointer;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;background-color: rgba(0,0,0,.4);position: absolute;bottom: 0;left: 0;}
.articleRank-main:hover{border-color: #80B538}
.articleRank-list li{height: 26px;line-height: 26px}

/*--------------------------article page---------------*/
.article-container{margin-top: ;font-size: 14px}
.article-title{font-size: 28px;letter-spacing: -1px;line-height: 34px;margin-bottom: 20px}
.article-title a{color: #252525;text-decoration: none;}
.author{height: 36px;overflow: hidden;color: #999}
.author .author-name{float: left;margin-right: 10px;line-height: 36px}
.author-name a{margin-right: 5px;color: #81B441;font-size: 14px;}
.author-name img{width: 24px;height: 24px;border-radius: 2px;margin-right: 5px}
.share-box{float: left;}
.article-content{overflow:hidden;color:#3e3e3e;line-height: 28px;}
.article-content *{max-width:100%!important;box-sizing:border-box!important;-webkit-box-sizing:border-box!important;word-wrap:break-word!important}
.article-content p{font-size: 17px;clear:both;min-height:1em;white-space:pre-wrap;color: #666;margin-bottom: 20px}
.article-content em{font-style:italic}.article-content fieldset{min-width:0}
.article-content .list-paddingleft-2{padding-left:30px}
.article-content blockquote{margin:0;padding-left:10px;border-left:3px solid #dbdbdb}
.article-content .article-img-area{margin: 0 40px 20px;}
.article-content .original{text-indent: 0; font-size: 14px}
.article-content .original a{color: #81b441}

.article-content .articleRecommend{border: 1px solid #eaeaea; margin-bottom: 20px;}
.articleRecommend h5 {
    color: #2d2d2d;
    height: 42px;
    line-height: 42px;
    font-size: 17px;
    padding: 0 15px;
    background: #f8f8f8;
}


.shareBoxOuter{display: block!important;position: fixed;left: 0;right: 0;top: 65px;color: #8f8f8f;text-align: center;font-size: 13px}
.shareBoxInner{position: relative;width: 1050px;margin-left: auto;margin-right: auto;}
.shareBoxPCShow{position: absolute;left: -110px;top: 0;padding: 5px;border: 1px solid #ededed;background-color: #fff;}
.shareBoxOuter .qrcode{border-bottom: 1px solid #ededed}
.shareBoxOuter .qrcode img{width: 90px}
.shareBoxOuter .qrcode p{margin: 1px 0 7px}
.shareBoxOuter .postShare ul{margin: 6px 0;padding: 0 2px;overflow: hidden;}
.shareBoxOuter .postShare li{list-style: none;float: left;width: 50%;text-align: center;}
.shareBoxOuter .postShare ul .weibo a{font-size: 26px;color: #9f9f9f;margin-top: 4px;}
.shareBoxOuter .postShare ul a{font-family: 'icomoon';background-image: none;padding: 0;margin: 0 auto;float: none;}
.shareBoxOuter .postShare ul .weibo a:hover{color: #ff6058;text-decoration: none;}
.shareBoxOuter .postShare ul .weibo span{font-size: 13px;padding-top: 0px;display: block;margin-top: 6px}
.shareBoxOuter .postShare ul .qzone span{font-size: 13px;padding-top: 3px;display: block;margin-top: 6px}
.shareBoxOuter .postShare ul .qzone a{font-size: 21px;color: #9f9f9f;display: inline-block;}
.shareBoxOuter .postShare ul .qzone a:hover{color: #76C1E3;text-decoration: none;}

/*media query*/
@media(min-width: 1020px){
	.con-wrap{width: 1020px}
}

@media(min-width: 769px) and (max-width:1020px){

}
@media(max-width: 768px){
	
	.con-wrap,.main-con,.side-con{width: 100%;}
	.con-wrap{padding: 60px 15px 0}
	.main-con{margin: 0}
	.main-menu{display: block;margin-bottom:15px;border-top: 1px solid #F0F0F0}
	.main-menu li{width: 16.667%}
	.single-item{width: 76.1517%}
	.img_list{width: 23.035%}
	.img_list>div{width: 100%}
	.article-list{width: 47.748%;margin-right: 6.368%}
	.public-num{width: 43.447%}
	
	.slider:hover .slick-prev, .pre-btn:hover,.slider:hover .slick-next, .next-btn:hover,.slick-prev,.slick-next{display: none;width: 0;height: 0;}
	.contact,.side-menu{display: none}
	.recommend,.side-con .common-tg{float: left;width: 50%;margin-top: 0}
	.side-con .common-tg{margin-top: 33px;padding:0 35px;}
	.guess-list{width: 40%;float: left;margin-right: 3%}
	.hot-article{width: 57%;float: left;}
	.hot-article li{width:30%}
	.hot-article li:nth-child(3n){margin-right: 0}
	.google-ad,.scrollbar,.side-fixed-menu{display: none}
	
	.logo{margin-right: 20px;}
	.search-bar{width: 180px;}
	.form-control{width: 110px}
	.header,.navbar,.footer,.footer-con{width: 100%;min-width: 100%}
	.footer-links dl:last-child{margin-right: 0}
	.copyright{margin-right: 10px}

	.top-recommend h3,.top-contact{display: none;}
	.top-recommend-slider{margin: 0 auto;float: none; }
	.top-recommend-slider .slick-prev,.top-recommend-slider .slick-next,.top-recommend-slider:hover .slick-prev,.top-recommend-slider:hover .slick-next{width: 22px;height: 22px}
	.special-author{margin-bottom: 26px}
	.special-slider{width: 100%;height: 82px;}
	.special-slider .name,.special-list{width: 50%;float: left;}
	.special-list{margin-top:0;height: 80px;overflow: hidden;padding: 6px 15px}
	.special-list li{line-height: 23px}

	.public-page .public-num-top li{margin-right: 42px}
	.share-box{display: none;}
	
	.article li.article-list-top h4{margin-top: 0}
}

@media(max-width: 720px){
	html,body{font-size: 45px}
	.article-source{display: none;}
	.con-wrap,.main-con,.side-con,.single-item,.common-tg-area,.side-slider{width: 100%;height: auto;}
	.google-tg{width: 100%}
	.main-con{margin: 0}
	.main-menu,.img_list,.article-list li a .tag,.public-num,.article-tt .slogon{display: none;}
	
	.left-wrap-top,.single-item,.left-wrap-top .single-item img{height: auto;}
	
	.article-con{border: 0 none}
	.article-list{width: 100%;padding-right: 15px;position: relative;}
	.article-tt{left: 0}
	.article-more{position: absolute;top: 0;right: 15px}
	.article-list li,.article-list li.article-list-top,.classify-list-con{height: 4.2rem;padding-left: 6.2rem;margin-bottom: 10px;line-height:1.4;position: relative;}
	.article-list .article-list-img,.article-list .article-list-top .article-list-img,.classify-list-img{display: block;width: 5.75rem;height: auto;position: absolute;top: 0;left: 0}
	.article-list .intro .article-list-num,.article-list .article-list-tag{display: block;}
	.article-list li .intro a{white-space: pre-wrap;font-size: 120%}
	.article-list .intro .article-list-num{left: 6.38rem}
	.article .intro .article-list-num .author{display: none;}
	.article .intro .article-list-num em {margin: 0;}
	
	.slider:hover .slick-prev, .pre-btn:hover,.slider:hover .slick-next, .next-btn:hover,.slick-prev,.slick-next{display: none;width: 0;height: 0;background: none}
	.contact,.side-menu{display: none}
	.recommend,.side-con .common-tg{float: none;width: 100%;padding: 0 15px}
	.side-con .common-ad{width: 100%;}
	.guess-list,.hot-article{width: 100%;float: none;padding: 0 15px}
	.guess-list li{padding: 0;line-height: 1}
	.guess-list li span{display: none;}
	.hot-article li{width:45%;margin-right: 5%;}
	.hot-article li:nth-child(2n){margin-right: 0}
	.hot-article li:nth-child(3n){margin-right: 5%}
	.google-ad{display: none;}
	.header,.navbar{width: 100%;margin-bottom: 0}
	.search-bar{display: none;}
	.logo{margin-left: 0;margin-right: 0}
	.logo a{background: none;text-indent: 0;font-size: 16px;color: #fff;display: inline;padding: 8px 10px}
	.toggle-btn{display: block;float: right;position: relative;padding: 9px 10px;margin-top: 8px;margin-right: 15px;margin-bottom: 8px;background-color: #5C5D5D;border-radius: 4px}
	.toggle-btn .icon-bar{display: block;width: 22px;height: 2px;border-radius: 1px;background-color: #ddd;}
	.toggle-btn .icon-bar+.icon-bar{margin-top: 4px;}
	.toggle-list{display: none;padding-right:;background-color: #2D2D2D;width: 100%;position: absolute;top: 50px;z-index: 1000; overflow-x: visible;-webkit-overflow-scrolling: touch;border-bottom: 4px solid #81B441;-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);box-shadow: inset 0 1px 0 rgba(255,255,255,.1);}
	.toggle-list li{float: none;width: 100%}
	.toggle-list a{display: block;width: 100%}
	.mobile-list{display: block;width: 40%;margin: 0 auto;padding-top: 7px;border-radius: 8px}
	.mobile-list li{width: 50%;height:34px;float: left;}
	.mobile-list li a{display: block;text-decoration: none;width: 100%;height: 36px;line-height: 34px;border: 1px solid #474747;text-align: center;font-size: 16px;color: #DDDDDD;border-radius:8px;}
	.mobile-list li.active a{background-color: #474747}
	.mobile-list li:first-child a{border-top-right-radius:0;border-bottom-right-radius:0;border-right: 0 none}
	.mobile-list li:last-child a{border-top-left-radius:0;border-bottom-left-radius:0;}
	.footer-links{display: none}
	.copyright{width: 100%;float: none;margin-right: 0;padding-left:15px}
	
	.classify-list,.con-top{padding: 0 15px}
	.con-top .slogon,.share,.top-recommend{display: none}
	.list-con h3, .classify-recommend h3{font-size: 13px;line-height: 1.6;max-height: 40px;overflow: hidden;margin-bottom: 0}
	.list-con{height: 2.84rem}
	.list-con p{max-height: 40px;overflow: hidden;}
	.list-tag{border: 0 none;display: block;padding: 0;margin: 0}
	.classify-recommend{margin: 20px 0}
	.classify-recommend h3{position: relative;padding-right: 3rem;margin-bottom: 6px}
	.classify-recommend h3 a{display: block;width: 100%;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
	.classify-recommend .list-tag{position: absolute;top: 0;right: 0}
	.classify-recommend ul{overflow: hidden;}
	.classify-recommend li{width: 32%;margin-right: 2%;height: auto;}
	.classify-recommend li:nth-child(3){margin-right: 0}
	.classify-recommend li:last-child{display: none}
	.special-author{padding: 0 15px;margin-bottom: 30px}
	.special-slider{height: 232px}
	.special-slider .name,.special-list{width: 100%;float: none;}
	.special-list{margin-top:10px;height: auto;overflow: auto;padding: 0 15px}
	.special-list li{line-height: 23px}
	
	.pages{height: 1.6rem;width: 43%;margin: 40px auto}
	.pages li{display: none;}
	.pages li:first-child,.pages li:last-child{display: block;overflow: hidden;float: left;width: 50%;}
	.pages a{font-size: 14px;display: block;}
	.pages li:first-child a{border-top-left-radius: 4px;border-bottom-left-radius: 4px;border-right: 1px solid #fff;}
	.pages li:last-child a{border-top-right-radius: 4px;border-bottom-right-radius: 4px;}

	.public-page .public-num-top li{width: 50%;height:5rem;margin-right: 0;margin-bottom: 6px}
	.public-page .public-num-img{width: 3.5rem;height: 3.5rem}
	.public-page .hover-con{width: 4rem;margin-left: -2rem}
	.public-page .hover-con p{margin-top: 2px}

	.articleRank-con{padding-left: 5.8rem;height: 4.25rem;position: relative;overflow: hidden;margin-top: 15px;}
	.articleRank-main{width: 5.75rem;height: 4.25rem;border: 2px solid #fff;position: absolute;top: 0;left: 0;}
	.articleRank-main h4{height: 24px;width: 100%;line-height: 24px;padding: 0 10px;color: #fff;font-size: 13px;cursor: pointer;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;background-color: rgba(0,0,0,.4);position: absolute;bottom: 0;left: 0}
	.articleRank-list  li{height: 28px;line-height: 28px}
	.articleRank-list  li span{display: none;}
}	


@media(max-width: 640px){
	html,body{font-size: 40px}
}

@media(max-width: 480px){
	html,body{font-size: 30px}
}

/*for iphone 6*/
@media(max-width: 414px){
	html,body{font-size: 25.875px}
}

/*for iphone 6*/
@media(max-width: 375px){
	html,body{font-size: 23.44px}
}

@media(max-width: 360px){
	html,body{font-size: 22.5px}
}

@media(max-width: 320px){
	html,body{font-size: 20px}
}


/*@media (max-device-width: 1024px) and (orientation: landscape) { 

}*/

/***** 专属页 *****/
.publicAccountInfo{background-color: #f5f5f5;margin: 108px 0 20px;height: 76px;position: relative;padding-left: 250px;line-height: 76px;}
.publicAccountInfo h3{position: absolute;left: 250px;top: -112px;font-size: 24px}
.publicAccountID{font-size: 16px;color: #81B441;position: absolute;left: 250px;top: -54px;line-height: 16px;}
.publicAccountID i{margin-right: 8px;}
.publicAccountRSS i{margin:0 9px 0 3px;}
.publicAccountRSS{font-size: 16px;color: #FF861B;position: absolute;left: 250px;top: -26px;line-height: 16px;}
.publicAccountRSS a{color: #FF861B;}
.publicAccountRSS .sm{margin: 0 6px 0 4px; font-size: 12px;color: rgba(0,0,0,.3)}
.publicAccountInfo .accountQrcode{position: absolute;left: 56px;top: -100px;width: 160px;height: 160px}
.publicAccountInfo .touxiang{position: absolute;border-radius: 4px;left: 112px;top: -42px;width: 48px;height: 48px;border: 3px #fff solid;}
.publicAccountData{margin-right: 40px;font-size: 16px}
.topShowQun{width: 340px;position: absolute;top: -84px;right: 14px;text-align: right;line-height: 36px}
.topShowQun a{color: #418BCA;display: block;font-size: 22px;}
.topShowQun a i{margin-right: 10px}
.topShowQun span{color: #999;display: block;}
@media screen and (max-width: 992px){
	.recordDate{display: none;}
	.topShowQun{width: 300px;}
	.publicAccountInfo{padding-left: 200px;}
	.publicAccountInfo h3,.publicAccountID,.publicAccountRSS{left: 194px;}
	.publicAccountInfo .accountQrcode{left: 18px;}
	.publicAccountInfo .touxiang{left: 74px;}
}
@media screen and (max-width: 768px){
	.topShowQun,.originalArticle{display: none;}
}

@media screen and (max-width: 520px){
	.totalNumberOfArticles,.lastWeekRead{display: none;}
	.page-header small{display: none;}
	.publicAccountInfo h3,.publicAccountID,.publicAccountRSS{left: 10px;top: 0}
	.publicAccountInfo h3{top: -10px;font-size: 20px}
	.publicAccountID{top: 40px}
	.publicAccountRSS{top: 66px}
	.publicAccountInfo{height: 92px;margin-top:0px;}
	.publicAccountInfo .accountQrcode{display: none;}
	.publicAccountInfo .touxiang{width: 68px;height: 68px;left: auto;top: 10px;border-radius: 50%;right: 10px;box-shadow: 0 0 1px #bbb;
padding: 2px;
margin: 4px;background: #fff}
}
.accountHotArticles{margin-top: 0}
/***** 专属页 *****/

/***** 文章页左右箭头 *****/
.article-turn-panel .article-arrow{position:fixed;left:0;top:50%;margin:-50px 0 0 0;z-index:100;height:100px;text-align:center;font-size:0;cursor:pointer}
.article-turn-panel .article-next{right:0;left:inherit}
.article-turn-panel .article-turn-panel-info{width:0;height:0;display:inline-block;opacity:0;overflow:hidden}
.article-turn-panel .article-arrow:hover .article-turn-panel-info{display:inline-block;background-color:#81B441;height:100px;width:270px;padding:2px;opacity:1;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;transition:opacity .3s ease-out}


.article-turn-panel .article-prev .article-turn-panel-info .article-turn-panel-detail{padding:15px 10px 15px 15px;overflow:hidden}
.article-turn-panel .article-next .article-turn-panel-info .article-turn-panel-detail{padding:15px 15px 15px 10px;overflow:hidden}

.article-turn-panel .article-prev .article-turn-panel-info .news-photo{float:right;}
.article-turn-panel .article-next .article-turn-panel-info .news-photo{float:left;}
.article-turn-panel .article-turn-panel-info .news-photo img{width: 96px;height: 96px;}


.article-turn-panel .article-turn-panel-info .article-turn-panel-title{font-size:14px;text-align:left;line-height:22px;margin:-4px 0 8px 0;color:#fff;height:45px;overflow:hidden;font-family:"Microsoft YaHei","\5fae\8f6f\96c5\9ed1"}
.article-turn-panel .article-turn-panel-info .func-title{font-size:14px;color:#9AC57A;text-align:right;padding:4px 0 0 0}
.article-turn-panel .article-prev .article-turn-panel-info .article-turn-panel-detail .func-title{text-align: left;}
.article-turn-panel .article-turn-panel-arrow-icon{height:100px;width:60px;box-shadow:0 0 2px 0 #dcdcdc;float:left;background-color:#fff}
.article-turn-panel .article-next .article-turn-panel-arrow-icon{float:right}
.article-turn-panel .article-arrow:hover .article-turn-panel-arrow-icon{background-color:#2F2F2F}
.article-turn-panel .article-turn-panel-arrow-icon span{height:100px;background:url(i/article-arrow.png) 0 0 no-repeat;width:30px;height:56px;display:inline-block;margin:22px 0 0 0}
.article-turn-panel .next-arrow span{background-position:0 -71px}
/***** 文章页左右箭头 *****/