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;}
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:inherit;}
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,a:hover{color: #00a67c;}
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:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;color:#555;background-color:#eee;}
.fix:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}
/*header*/
.header{top:0;width:100%;z-index:999;overflow: hidden;}
.header .header_auto{margin:0 auto;max-width: 1126px;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;margin: 35px 16px 0 56px;border-radius: 2px;}
.search .text,.search .botton{ float:left;}
.search .text{display:block;width:200px;height: 28px;line-height: 28px;padding:0 10px;outline:none;color:#777;border-radius: 0;}
.indexform .text{display:block;width:200px;height: 24px;line-height: 28px;padding:0 10px;outline:none;color:#777;border-radius: 0;}
.search .botton{width:46px;text-align:center;background: #a2a9a0  no-repeat center;border:0;font-size:12px;cursor:pointer;line-height:28px;height:28px;line-height: inherit;color:#fff;outline:none;border-radius: 0 2px 2px 0;border-radius: 0;}

.nav{font-size:14px;height: 52px;font-family:"\5fae\8f6f\96c5\9ed1";background: #4a4a4a;}
.nav ul{height: 52px;max-width: 1226px;margin:0 auto;overflow:hidden;}
.nav ul li{float:left;width:96px;height: 52px;line-height: 52px;text-align:center;}
.nav ul li a{ display:block; color:#fff;font-size:16px}
.nav ul li a:hover{background: #16a085;color:#fff;text-decoration:none;}
/*left*/
.main{max-width:1226px;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%}
.main_left{margin-right:370px;background: #fff;}
.hot_article h2 {line-height: 45px;font-weight: 400;color: #1abc9c;font-size: 16px;}
.hot_article a{font-size:14px}
.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}
.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;}
/*right*/
.main_right{float:left;margin-left:-360px;width:360px;}
.mr_article {
    clear: both;
    margin-bottom: 10px;
    background-color: #fff;
	padding: 0 20px;
}
.mr_article .h2_tit {
    height: 45px;
	line-height: 45px;
    border-bottom: 1px solid #90bba8;
	margin:0;
}
.mr_article ul {
    padding: 5px 0; 
}
.mr_article li a {
    display: block;
    overflow: hidden;
    padding: 5px 0 5px 5px;
    font-size: 14px;
}
.mr_writer{padding:12px 0 15px 0}
.mr_writer a:nth-child(9n){background-color:#4a4a4a}
.mr_writer a:nth-child(9n+1){background-color:#15a287}
.mr_writer a:nth-child(9n+2){background-color:#5cb85c}
.mr_writer a:nth-child(9n+3){background-color:#d9534f}
.mr_writer a:nth-child(9n+4){background-color:#567e95}
.mr_writer a:nth-child(9n+5){background-color:#b433ff}
.mr_writer a:nth-child(9n+6){background-color:#00a67c}
.mr_writer a:nth-child(9n+7){background-color:#b37333}
.mr_writer a:nth-child(9n+8){background-color:#f60}
.mr_writer a{width:44%;opacity:.7;filter:alpha(opacity=80);color:#fff;background-color:#00a67c;display:inline-block;margin:0 5px 5px 0;padding:2px 6px;line-height:21px}
.mr_writer a:hover{opacity:1;filter:alpha(opacity=100)}

.h2_tit{height:45px;border-bottom:1px solid #90bba8;margin:5px 20px;line-height:45px;font-weight:both;font-size:18px;}
.h2_tit h2{font-size:18px;font-weight:400;line-height:45px;color:#1abc9c;}

/*footer*/
.foot{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}
.foot a{color:#aaa}
.foot a:hover{color:#ddd;text-decoration:underline}
/*list*/
.position{margin:0 0 1px;padding:9px 20px 7px;border-bottom:1px solid #eee;}
.main .page{margin:5px 0;padding:5px 0;width:100%;text-align:center;text-indent:0}
.page ul{display:inline-block;margin-left:0;margin-bottom:0}
.page a{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;}
.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;
}
.list li {
    padding: 15px;
    border-bottom: 1px solid #ddd;
}
.list li h2 {
    font-size: 1.15em;
    line-height: 1.5;
    word-wrap: break-word;
    margin-bottom: 6px;
}
.list li p {
    word-wrap: break-word;
    margin-bottom: 3px;
    overflow: hidden;
	color: #777;
    line-height: 24px;
}
/*writer*/
.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 {padding: 15px;}
.recommend h2 {padding-bottom: 15px;font-size: 1.15em;}
/*art*/
.book_con{font-size:15px;line-height:26px;text-indent:30px;word-break:break-all;word-wrap:break-word;position:relative;padding:10px 20px 20px 20px;}
.book_con p { margin: 0 0 15px 0;}
.art_tit{line-height:2.5em;padding:0.5em 0;text-align: center;font-size: 1.5em;}
.infotype {text-align:center}
.infotype_mulu {text-align:left;padding:1em 3em 2em;border-bottom: 1px solid #eee;}
.infotype p {
    text-align:left;
    padding-top:1em;
    line-height:2em;
    font-size:14px;
    /* height: 12em; */
    overflow: hidden;
    width: 100%;
    }
.infotype_mulu .read{margin-right: 20px;border-radius: .5em;font-size:15px;margin-bottom: 0.5em;}
.main .main_bg {background:#fff;}
.bookinfo {
    margin-right: 20px;color: #999;
}
.main_bg .h2_tit h2 {color: #555;font-weight: bold;font-size: 18px;}
.book_con li {
    float: left;
    text-indent: 0;
    line-height: 30px;
    width: 30%;
    text-align: center;
}
.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;text-align:right}
.btm {
   display: none;
}
@media (max-width: 979px){
	.main_right {
		display: none;
	}
	.main_left {
		margin-right: 0;
	}
	.footer-inner {
    border-left: 0;
}
}

@media screen and (max-width: 800px) {
.header .header_auto { 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;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 2%;height: 45px;line-height: 45px;border-radius: 0;}
.search .text {display: block;width: 72%;padding:0 3%;height: 32px;line-height: 38px;font-size: 14px;}
.indexform .text {display: block;width: 72%;padding:0 3%;height: 30px;line-height: 30px;font-size: 14px;border:0;}
.search .botton{width:20%;height: 30px;line-height: 30px;padding: 0;}
.nav { height: auto; border-bottom: 0;clear: both;overflow: hidden;}
.nav ul { height: 72px; margin: 0 auto; overflow: hidden; width: auto; }
.nav ul li {float: left;width: 20%;height: 36px;line-height: 36px;text-align: center;}
.nav ul li.ihome,.gg250{background: #4a4a4a;}
.nav ul li a{font-size: 15px;border-bottom: 1px solid #2c312f;border-right: 1px solid #2c312f;}
.book_con li {
    float: left;
    text-indent: 0;
    line-height: 30px;
    width: 50%;
    text-align: center;
}
.art_tit{line-height:2em;}
 .main .main_bg{
    background: url(img/background.gif);
}
	.list li {max-height: 6em;overflow: hidden;}
 .book_con {
    font-size: 1.2em;
    line-height: 1.8em;
}
}
@media(max-width:767px){
.logo {font-size: 20px;}
.list_article li{float:none;width:100%}
.list_article a{height:auto;text-align:left;line-height:14px;border-left:0}
.infotype {width: 90%;text-align: center;padding: 0 5%;}
.infotype span{display:block;line-height:26px;margin-bottom: 0.5em;}
.infotype .read{display: block;float:  left;line-height: 30px;font-size:15px;width: 100%;background:#16a085;color:#eee;text-align: center;border-radius: .5em;margin: 0;margin-left:1%;margin-bottom: 0.5em;}
.infotype .read a{width: 100%;display:inline-block;color:#eee;}
.btm {
   display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #fffcfc;
    height: 4em;
    line-height: 3em;
    clear: both;
    border-top: 1px solid #ccc;
}
.btm a {float: left;width: 33.3%;height: 4em;text-align:  center;padding-top: 1.5em;color: #121111;}
.btm .shujia{
    background: url(img/shujia.png) 46% 0.4em no-repeat;
    background-size: 2em 2em;
}
.btm .shucheng{
    background: url(img/shucheng.png) 46% 0.4em no-repeat;
    background-size: 2em 2em;
}
.btm .paihang{
    background: url(img/paihang.png) 41% 0.4em no-repeat;
    background-size: 2em 2em;
}
}