html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu {
	margin: 0;
	padding: 0;
	font-display: optional;
}

header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details {
	display: block;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,th {
	text-align: left;
	font-weight: normal;
}

html,body,fieldset,img,iframe,abbr {
	border: 0;
}

i,cite,em,var,address,dfn {
	font-style: normal;
}[hidefocus],summary {
	outline: 0;
}

li {
	list-style: none;
}

h1,h2,h3,h4,h5,h6,small {
	font-size: 100%;
}

sup,sub {
	font-size: 83%;
}

pre,code,kbd,samp {
	font-family: "Google Sans",sans-serif;
}

q:before,q:after {
	content: none;
}

textarea {
	overflow: auto;
	resize: none;
}

label,summary {
	cursor: default;
}

a,button {
	cursor: pointer;
}

h1,h2,h3,h4,h5,h6,em,strong,b {
	font-weight: bold;
}

del,ins,u,s,a,a:hover {
	text-decoration: none;
}

body,textarea,input,button,select,keygen,legend {
	font: 12px/1.14 arial,\5b8b\4f53;
	color: #333;
	outline: 0;
}

body {
	background: #fff;
}

a {
	color: #00a67c;
}

a:hover {
	color: #d9534f;
}

input[type="button"],input[type="submit"],input[type="reset"] {
	-webkit-appearance: none;
}

textarea {
	-webkit-appearance: none;
}

.button {
	border-radius: 0;
}

body {
	margin: 0;
	font-family: "Google Sans",sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	background-color: #eee;
  	overflow-x: hidden;
}

.fix:after {
	display: block;
	content: "clear";
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}

.login {
	width: 60%;
	border: 1px solid #4e4e61;
	margin: 10px auto;
	border-radius: 5px;
	background: #FFF;
	overflow: hidden;
}

.login h2 {
	text-align: center;
	background: #4e4e61;
	color: #FFF;
	font-size: 18px;
	line-height: 40px;
	margin-bottom: 10px;
}

.login p {
	width: 90%;
	margin: 0px auto;
}

.login .text {
	border: 1px solid #CCC;
	text-indent: 6px;
	height: 34px;
	line-height: 34px;
	width: 100%;
	border-radius: 2px;
}

.login .txttext {
	border: 1px solid #CCC;
	text-indent: 6px;
	min-height: 100px;
	line-height: 34px;
	width: 100%;
	border-radius: 2px;
}

.login_btn {
	background: #4e4e61;
}

.login .btn {
	width: 100%;
	line-height: 34px;
	height: 34px;
	color: #FFF;
	display: block;
	margin: 15px 0;
	background: #4e4e61;
	text-align: center;
	border: none;
	border-radius: 4px;
	font-size: 14px;
	-webkit-appearance: none;
}

.login .login_save {
	width: 40px;
	vertical-align: middle;
}

.login .login_tips {
	color: red;
	font-size: 14px;
	line-height: 26px;
}

.top {
	height: 30px;
	line-height: 30px;
	color: #d3d2d2;
	border-bottom: 1px #e8e8e8 solid;
	background: #f7f7f7;
}

.top .bar {
	max-width: 1126px;
	margin: auto;
}

.top .bar a {
	color: #f40
}

.top .bar ul {
	float: right;
	margin-right: 2em;
}

.top .bar ul input.inputText {
	padding-left: 5px;
	width: 80px;
}

.top .bar ul .inputText {
	height: 16px;
	line-height: 15px;
	color: #666;
}

.top .bar ul input.inputSub {
	border: 0px;
	padding: 0px 10px;
	background-color: #358ff0;
	color: #fff;
	height: 20px;
	font-size: 12px;
}

header {
	width: 100%;
	overflow: hidden;
}

.header_auto {
	margin: 0 auto;
	max-width: 1200px;
	height: 95px;
}

.logo {
	float: left;
	width: 229px;
	height: 60px;
	font-size: 48px;
	line-height: 60px;
	margin: 19px 0 0 9px;
}

.logo a {
	display: block;
	width: 100%;
	height: 40px;
	color: #16a085;
	font-weight: bold;
}

.bookcase {
	float: left;
	margin: 42px 0 0 60px;
	font-size: 14px;
	line-height: 100%;
}

.bookcase a {
	display: inline-block;
	padding: 0 18px;
	line-height: 14px;
	border-left: 1px solid #ddd;
	font-size: 16px;
	margin-right: 7px;
	color: #414141;
}

.bookcase a.records {
	background: url(img/rank.png) no-repeat left center;
	padding-left: 22px;
	border: none;
}

.bookcase a.writer {
	background: url(img/up.png) no-repeat left center;
	padding-left: 24px;
	border: none;
}

.search {
	float: left;
	overflow: hidden;
	background: #4a4a4a;
	height: 32px;
	width: 360px;
	margin: 35px 16px 0 56px;
}

.yuedu {
	width: 70px;
	right: 0px;
	overflow: hidden;
	height: 28px;
	position: absolute;
	margin: 0;
	top: 24px;
}

.yuedu strong {
	line-height: 28px;
	color: #f60;
}

.s_input {
	height: 28px;
	background: #fff;
	padding: 0 15px;
	margin: 2px;
	overflow: hidden;
}

.s_input input {
	border: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	outline: none;
	height: 28px;
	line-height: 28px;
	color: #808080;
}

.s_button {
	display: inline-block;
	float: right;
	width: 80px;
	overflow: hidden;
	height: 36px;
}

.s_button button {
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #fff;
	text-align: center;
	width: 100%;
	outline: none;
	border: 0;
	line-height: 28px;
	background: #4a4a4a;
	font-size: 16px;
}

.nav {
	float: left;
	width: 100%;
	background: #4a4a4a;
}

.nav ul {
	max-width: 1200px;
	margin: 0 auto;
/* height:52px; */
}

.nav  a {
	float: left;
	width: 10%;
	line-height: 52px;
	text-align: center;
	color: #fff;
	font-size: 16px;
}

.nav  a:hover {
	background: #16a085;
	color: #fff;
	text-decoration: none;
}

#go-top {
	display: none;
	position: fixed;
	bottom: 10%;
	right: 8%;
	z-index: 99;
	border: none;
	outline: none;
	background-color: #a19f9f99;
	color: #fff;
	cursor: pointer;
	padding: 9px 10px 9px;
	border-radius: 10px;
}

#go-top:hover {
	background-color: #555;
}

.main {
	max-width: 1200px;
	margin: 0 auto;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

.main:after,main:before,.footer:after,.footer:before,.header:after,.header:before {
	display: table;
	content: "";
	line-height: 0
}

.main:after,.footer:after,.header:after,.list:after {
	clear: both
}

.main_content {
	float: left;
	width: 100%;
	overflow: hidden;
	background: #eee;
}

.main_left {
	float: left;
	width: 830px;
	overflow: hidden;
/* margin-right:370px; */
}

.book_con img {
	margin: 0 auto;
	display: block;
	height: auto;
}

.mainbg {
	background: #fff;
}

.hot_article h2 {
	line-height: 45px;
	color: #1abc9c;
}

.hot_article a {
}

.hot_article ul {
	margin: 0 20px 10px;
	list-style: none;
	overflow: hidden
}

.hot_article li {
	overflow: hidden;
	clear: both;
	height: 30px;
	line-height: 30px
}

.hot_article .num {
	margin-right: 8px;
	padding: 2px 7px;
	top: -1px;
	color: #fff;
	background-color: #fd8c84
}

.list_article {
	overflow: hidden;
	background-color: #fff;
	border-top: 1px solid #f2f2f2;
	margin-bottom: 10px;
	padding: 5px 0 5px 20px;
}

.list_article ul {
	/* padding: 5px 0 5px 20px; */
	overflow: hidden;
}

.list_article li {
	float: left;
	width: 49%;
	height: 30px;
	overflow: hidden;
	line-height: 30px;
	color: #bbb
}

.list_article a {
	margin-right: 20px;
}

.list_article .article_more {
	float: right;
}

.art_aside {
	/* max-width: 100%; */
	overflow: hidden;
	padding: 0 20px 10px;
	background-color: #fff;
	border-top: 1px solid #f2f2f2;
	margin-bottom: 10px
}

.art_aside .h2_tit h2 {
	color: #555
}

.art_aside ul {
	overflow: hidden;
}

.art_aside li {
	float: left;
	width: 49%;
	height: 30px;
	overflow: hidden;
	line-height: 30px;
	color: #bbb
}

.art_aside a {
	margin-right: 20px;
}

.main_right {
	float: right;
/* margin-left:-360px; */
	overflow: hidden;
	width: 360px;
}

.mr_article {
	clear: both;
	padding: 0 20px;
	overflow: hidden;
	margin-bottom: 10px;
	background-color: #fff;
}

aside.mr_article .h2_tit {
	height: 45px;
	line-height: 45px;
	border-bottom: 1px solid #90bba8;
	margin: 0;
	color: #fff;
	padding: 0 10px;
}

.mr_article ul,.list_zuozhe {
	padding: 5px 0;
}

.list_zuozhe a {
	display: inline-block;
	padding: 5px 8px;
}

.mr_article li a {
	display: block;
	overflow: hidden;
	padding: 5px 0 5px 5px;
	font-size: 14px;
}

.mr_writer {
	background: #fff;
	padding: 10px 20px 10px;
}

.mr_writer a {
	color: #00a67c;
	display: inline-block;
	margin: 0 3px 5px 0;
	padding: 2px 2px;
	line-height: 21px
}

.mr_writer a:hover {
	color: #d9534f;
}

.h2_tit {
	height: 45px;
	border-bottom: 1px solid #90bba8;
	margin: 0;
	line-height: 45px;
	font-weight: both;
}

.h2_tit h2 {
	font-size: 18px;
	font-weight: 400;
	line-height: 45px;
	color: #00a67c;
}

.h2_tit h2 a {
	margin: 0;
}

.footer {
	background: #333;
	border-top: 8px solid #00a67c;
	-webkit-box-shadow: 0 -5px 0 rgba(0,0,0,.1);
	-moz-box-shadow: 0 -8px 0 rgba(0,0,0,.1);
	box-shadow: 0 -8px 0 rgba(0,0,0,.1);
	position: relative
}

.copyright {
	max-width: 1226px;
	padding: 16px 20px 14px;
	margin: 0 auto;
	color: #aaa;
	text-shadow: 0 -1px 0 #333;
	text-align: center
}

.footer a {
	color: #aaa
}

.footer a:hover {
	color: #ddd;
	text-decoration: underline
}

.position {
	margin: 0 0 1px;
	padding: 9px 20px 7px;
	border-bottom: 1px solid #eee;
	background: #f7f7f7;
	overflow: hidden;
}

.position a,.infotype a {
}

.page {
	margin: 5px 0;
	padding: 10px 0;
	width: 100%;
	text-align: center;
	text-indent: 0;
	background: #fff;
}

.pages {
	background: none;
}

.page ul {
	display: inline-block;
	margin-left: 0;
	margin-bottom: 0
}

.page a {
	display: inline-block;
	margin: 0 3px 3px 0;
	padding: 6px 7px;
	border-radius: 5px;
	background-color: #eee;
	color: #555;
}

.page a:hover {
	color: #eee;
	background-color: #00a67c;
}

.page span {
	clear: both;
	display: inline-block;
	margin: 0 3px 3px 0;
	padding: 4px 5px;
	border: 1px solid #ddd;
	border-radius: 5px;
	background-color: #eee;
	color: #555;
}

.article_list li,.list_tit {
	width: 800px;
	padding: 15px;
	border-bottom: 1px solid #ddd;
	max-height: 15em;
	margin-bottom: 10px;
	overflow: hidden;
	background: #fff;
}

.article_list h3,.list_tit h3 {
	font-size: 1.15em;
	line-height: 1.5;
	word-wrap: break-word;
	margin-bottom: 6px;
	font-weight: 400;
}

.article_list p,.list_tit p {
	word-wrap: break-word;
	margin-bottom: 3px;
	overflow: hidden;
	color: #777;
	line-height: 24px;
}

.writer_con {
	background: #fff
}

.writer_h2 {
	padding: 20px 15px 0 20px;
	text-align: center;
	font-size: 20px;
	margin: 0;
	font-weight: 400;
	line-height: 25px;
}

.writer_sort {
	text-align: center;
	padding-bottom: 10px;
}

.writer_list {
	padding: 0 20px;
}

.writer_li {
	width: 33%;
	height: 41px;
	line-height: 41px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: solid 1px #EbEbEb;
	text-align: center;
	padding: 0 1em;
	float: left;
	overflow: hidden;
}

.recommend {
	background-color: #fff;
	padding: 15px;
}

.recommend h2 {
	padding-bottom: 15px;
	font-size: 1.15em;
}

.nr_set {
	padding: 10px;
	padding-right: 10px;
	font-size: 12px;
	position: relative;
	z-index: 999;
}

.nr_set .set1 {
	float: right;
	border: 1px solid #0C5A4C;
	padding: 2px 10px;
	margin-left: 10px;
	border-radius: 5px;
	color: #0C5A4C;
}

.nr_set .set2 div {
	border: 1px solid #0C5A4C;
	float: left;
	padding: 2px 7px;
	margin-left: 5px;
	border-radius: 3px;
	color: #0C5A4C;
}

.nr_set .set2 p {
	border: 1px solid #0065B5;
	float: left;
	padding: 5px 5px;
	margin-left: 5px;
	border-radius: 3px;
	color: #0065B5
}

.nr_set a {
	font-size: 12px;
}

.article {
	font-size: 1.38em;
	line-height: 1.5em;
	text-indent: 2em;
	word-break: break-all;
	word-wrap: break-word;
	position: relative;
	padding: 10px 20px 20px 20px;
	color: #333;
	overflow: hidden;
	letter-spacing: 1px;
}

.article img {
	max-width: 80%
}

.article h3 {
	border-left: 4px solid #16a085;
	background-color: #fbfbfb;
	padding: 5px;
}

.article p {
	margin: 0 0 10px;
}

.article a {
	color: #0C5A4C;
}

.article_fenye {
	background: #fff;
}

dl {
	font-size: 1.2em;
	line-height: 200%;
}

#text .art_tit {
	text-align: center;
}

.art_tit {
	line-height: 2.5em;
	padding: 0.5em 0;
	text-align: center;
	font-size: 1.1em;
	color: #333;
}

.art_head #nr_title {
	font-size: 1.5em;
}

.infotype {
	text-align: center;
}

.small {
	text-align: center;
	color: #777;
}

#text {
	text-align: left;
	padding-top: 1em;
	line-height: 1.5em;
	font-size: 1.38em;
	padding: 10px 20px 20px 20px;
	overflow: hidden;
	letter-spacing: 1px;
}

#text p:nth-child(2) {
	text-indent: 2em;
}

#text .noText {
	height: auto;
}

#text .showText {
	height: 10em;
	overflow: hidden
}

.none {
	display: none;
}

#text dt p,#text h2 {
	line-height: 300%;
	font-weight: normal;
}

#nr_history .txtread,#nr_history .ztread {
	padding: 0.3em 0;
}

#text #nr_history h2 {
	text-align: center;
}

#text #nr_history h2 a {
	width: 60%;
	max-width: 350px;
	font-size: 16px;
}

#text dt p a,#text h2 a,#nr_history .txtread a {
	background: #006147;
	color: #fff;
	display: inline-block;
	padding: 3px 6px;
	border-radius: 2px;
	line-height: 22px;
	border-radius: 5px;
	margin-right: 10px;
}

#text span,#text time {
	margin-right: 20px;
}

#text .downtxt span {
	display: block
}

.list li a {
	float: left;
	text-indent: 0;
	line-height: 200%;
	width: 25%;
	color: #555;
	text-align: center;
	font-size: 1.38em;
	border-bottom: 1px dashed #ccc;
}

.list li a:hover {
	color: #00a67c;
}

article dd.listcolor a {
	color: #ccc;
}

.art-dt {
	border-top: 1px solid #ccc;
	border-radius: 4px;
	border-bottom: 1px solid #ccc;
	padding-left: 10px;
}

.book_list {
	border-top: 1px solid #f2f2f2;
	background-color: #fbfbfb;
	overflow: hidden;
	padding: 15px 20px;
	font-size: 15px;
	color: #bbb
}

.book_list span {
	float: left;
	position: relative;
	max-width: 50%;
}

.book_list span.book_next {
	float: right;
}

@media (max-width:979px) {
	.main_right {
		display: none;
	}

	.main_left {
		width: 100%;
		margin-right: 0;
	}

	.footer-inner {
		border-left: 0;
	}
}

@media screen and (max-width:800px) {
	.header_auto {
/* display: block; */
		height: auto;
		width: auto;
		min-width: 320px;
		margin: 0 auto;
		padding-top: 10px;
	}

	.logo {
		width: 30%;
		height: 45px;
		margin: 0;
		font-size: 25px;
		line-height: 35px;
		overflow: hidden;
		text-align: center;
	}

	.bookcase {
		display: none;
		float: right;
		width: 50%;
		margin: 0;
		font-size: 14px;
		line-height: 20px;
		height: 45px;
		overflow: hidden;
	}

	.header_auto .bookcase a {
		padding: 0;
		line-height: 20px;
		border-left: 0;
		margin: 0;
		background: none;
	}

	.bookcase a.records,.bookcase a.writer {
		padding: 0;
		margin: 0 0 0 1em;
		background-position: 3% center;
	}

	.search {
		float: left;
		width: 66%;
		margin: 0 1%;
	}

	.nav a {
		line-height: 36px;
		width: 20%;
		font-size: 15px;
	}

	#nr_history a {
		text-align: center;
		width: auto;
	}

	dd a {
		line-height: 160%;
		width: 33%;
	}

	.header {
		overflow: hidden;
		background-color: #fff;
		margin: 0;
		padding: 0;
	}

	.list li a {
		width: 33%;
	}

	.art_tit {
		line-height: 1.5em;
		font-size: 1.1em;
	}

	.art_head .art_tit {
		font-size: 1.5em;
	}

	#text span,#text time {
		margin-right: 0.5em;
	}

	.book_con {
		line-height: 150%;
		font-size: 20px;
	}

	.main,.mainbg {
		width: 100%;
		background-color: #e7f4fe;
		overflow-y: hidden;
	}
	.article_list {width:100%;overflow: hidden;}
}

@media(max-width:767px) {
	.logo {
		font-size: 25px;
	}

	.article_list li {
		width: auto;
		/* max-width: 100%; */
		/* padding: 5px 10px; */
	}

	.article_list h3 {
		font-size: 16px;
		line-height: 20px;
	}

	.article_list p {
		display: block;
		height: 60px;
		padding-top: 3px;
		overflow: hidden;
		line-height: 20px;
	}

	.list_article li {
		float: none;
		width: 100%
	}

	.list_article a {
		height: auto;
		text-align: left;
		line-height: 14px;
		border-left: 0
	}

	.art_aside li {
		float: none;
		width: 100%;
	}

	.book_list span {
		float: left;
		position: relative;
		max-width: 100%;
		width: 100%;
		padding-bottom: 5px;
	}

	.infotype {
		width: 90%;
		text-align: center;
		font-size: 16px;
		padding: 0 5%;
	}

	.infotype .read {
		loat: left;
		line-height: 200%;
		width: 48%;
		color: #16a085;
		margin: 10px 0 0 1%;
		margin-bottom: 0.5em;
	}

	.art_head .infotype .readapp {
		display: block;
		float: left;
		line-height: 30px;
		font-size: 15px;
		width: 97%;
		background: #16a085;
		color: #eee;
		text-align: center;
		border-radius: .5em;
		margin: 0;
		margin-left: 1%;
		margin-bottom: 0.5em;
	}

	.art_head .infotype .readapp a {
		color: #eee;
	}
}