html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,input,select,textarea,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;font-size:100%;font:inherit;vertical-align:baseline}ol,ul{list-style:none}input,select,textarea{margin:0;padding:0;font-size:100%;font:inherit;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;outline:0;box-shadow:none}html{word-wrap:break-word;word-break:break-all;-webkit-text-size-adjust:100%;text-size-adjust:100%}html{font:16px/1.5 "PingFang SC",Arial,"Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none}img{display:inline-block;vertical-align:top;border:0px;}
body{margin:auto; padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top); padding-right: constant(safe-area-inset-right); padding-right: env(safe-area-inset-right); padding-left: constant(safe-area-inset-left); padding-left: env(safe-area-inset-left); padding-bottom: -webkit-calc(constant(safe-area-inset-bottom) + 0); padding-bottom: calc(constant(safe-area-inset-bottom) + 0); padding-bottom: -webkit-calc(env(safe-area-inset-bottom) + 0); padding-bottom: calc(env(safe-area-inset-bottom) + 0); }
div{ margin:auto auto;}
.clear:after,.container:after,.item:after,.itc:after,.bookdetail:after{display:block;content:""; width:0; clear:both; }
.header{ width:100%; }
.logo{ width:1200px;height:35px; line-height:35px; }
.logo a.glogo{ float:left; margin-left:15px; font-size:24px;}
.logo a.glogo img{ height:35px;}
.logo a.gjilu{ float:right; position:relative; margin-right:15px; border:solid 2px #ffffff; border-radius:5px; padding:2px 26px 2px 5px; font-size:14px; height:16px; line-height:16px; margin-top:7px;}
.logo a.gjilu:after{display:block;content:""; width:16px; height:16px; background:url('/images/bookshelf.png') no-repeat left center; background-size:16px; position:absolute;right:5px; top:2px;}
.logo a.ghf{ float:right;margin-right:15px; border:solid 2px #ffffff; border-radius:5px; padding:2px 5px 2px 5px; font-size:14px; height:16px; line-height:16px; margin-top:7px;}
.header a{ color:#ffffff;}
.header span{ position:absolute; top:30px; right:0px; font-size:14px; font-weight:normal; display:block; line-height:40px;}
.header span a{ width:23px; height:27px; text-indent:-100px; background-size:23px 27px; background-position:center center; background-repeat:no-repeat; display:block; overflow:hidden;}

.menu{ padding:10px 15px 10px 15px; width:1170px;line-height:25px;}
.menu a{ display:inline-block; font-size:14px; padding:0px 5px;}
.menu ul li{width:20%; float:left; text-align:center; height:35px; line-height:35px;overflow:hidden;}

.it{ width:289px; margin-right:12px; float:left; border:solid 1px #eee; margin-bottom:10px;}
.it ul{ padding-top:10px;}
.it ul li{ border-top:solid 1px #eee; height:35px; line-height:35px; padding:0px 10px; overflow:hidden;}
.it ul li span{ font-size:12px; color:#757575; float:right;}
.container .it:nth-child(4n){margin-right:0px;}
.itc{ position:relative; height:165px; overflow:hidden;}
.itc img{ width:120px; height:160px; position:absolute; left:10px; top:10px;}
.itc p,.itc h3{ padding-left:140px;}
.itc p{ font-size:14px; line-height:22px; overflow:hidden; color:#444;}
.itc p.author{ height:22px;}
.itc h3{ padding-top:8px; padding-bottom:3px; line-height:22px; font-weight:bold;}
.des{ padding:10px 0px 20px 0px; line-height:1.8em;}
.des p{ text-align:left; padding:5px 0px; text-indent:2em;}
.list li{ float:left;width:180px;margin:5px 24px 10px 0;}
.list li:nth-child(6n){ margin-right:0px;}
.list li a.imga{ width:100%; height:240px;  display:block;}
.list li a:hover.imga{background:#000;filter:alpha(opacity=70,finishopacity=70,style=1);-moz-opacity:.7;-khtml-opacity:.7;opacity:.7;outline:none;-webkit-transition: all .2s linear;-moz-transition:all .2s linear;-ms-transition: all .2s linear;transition: all .2s linear;}
.list li:hover p a{ color:#fff;}
.list li img{width:100%; height:100%;}
.container{ width:1200px; margin-top:15px;}
.nomt{margin-top:0px;}
.soh{height:37px; overflow:hidden;}
.header p{font-size:30px; font-weight:bold;}
.container h2,h1.h2{ font-size:18px; height:1.8em; line-height:1.8em; overflow:hidden; padding:5px 15px;}
.container h2 span,h1.h2 span{ float:right; padding-right:3px; font-size:16px; font-weight:normal;}
.container h2 span a:last-child:before,h1.h2 span a:last-child:before{display:block;width:0.5em;height:0.5em;content:""; border-top: 1px solid #c5cde9;border-right: 1px solid #c5cde9;transform: rotate(45deg); float:right; margin-top:0.7em; margin-left:0px;}
.container h2 span a:last-child:hover:before,h1.h2 span a:last-child:hover:before{border-top: 1px solid #fff;border-right: 1px solid #fff;}
.list li p{text-overflow:ellipsis; overflow:hidden;white-space:nowrap; height:1.6em; line-height:1.6em;width:100%; margin-top:10px;}
.footer{margin-top:30px;padding:30px 0;text-align:center;}
.footer a{ color:unset;}
.footer a:hover{color:#fff;}
.footer i{font-size:24px;}
.page{ height:40px; line-height:40px;text-align:center; padding-top:15px;}
.page ul li{ width:20%; float:left; color:#3d4e7d;}

.fi{ width:calc(70% - 2px); border:solid 1px #ccc; height:35px; line-height:35px; float:left;}
.fiput{ width:calc(100% - 20px); height:35px; line-height:35px;padding:0px 10px;}

.item{ position:relative; margin-top:20px;  padding-bottom:20px;}
.item img{ float:left; margin-right:20px; width:180px; height:240px;}
.item img:hover{background:#000;filter:alpha(opacity=70,finishopacity=70,style=1);-moz-opacity:.7;-khtml-opacity:.7;opacity:.7;outline:none;-webkit-transition: all .2s linear;-moz-transition:all .2s linear;-ms-transition: all .2s linear;transition: all .2s linear;}
.itemtxt h3,.itemtxt h1{ font-weight:bold; font-size:18px; line-height:2em; height:2em; overflow:hidden;}
.itemtxt h3 i,.itemtxt h1 i{ float:right; font-weight:normal; font-size:16px;}
.itemtxt h3 span,.itemtxt h1 span{ float:right; color:#ff0000; font-weight:normal; font-size:16px; margin-left:10px;}
.itemtxt h3 b,.itemtxt h1 b{font-size:16px; padding:0px 5px; border-radius:5px; color:#fff; background-color:#888; margin-right:5px;}

.itemtxt p{ line-height:2em; height:2em; overflow:hidden;}
.itemtxt p i,.itemtxt ul li i{ float:right;}
.itemtxt ul li{ line-height:2em; height:2em; overflow:hidden;}
.itemtxt p span{  float:left; border-radius:15px; margin-right:10px; height:1.5em; line-height:1.5em; padding:0px 5px; }

.bookdetail{ position:relative; margin-top:20px;  padding-bottom:20px;}
.bookdetail img{ float:left; margin-right:20px; width:180px; height:240px;}
.bookdetail img:hover{background:#000;filter:alpha(opacity=70,finishopacity=70,style=1);-moz-opacity:.7;-khtml-opacity:.7;opacity:.7;outline:none;-webkit-transition: all .2s linear;-moz-transition:all .2s linear;-ms-transition: all .2s linear;transition: all .2s linear;}
.bookdetail h1{ font-weight:bold; font-size:18px; line-height:1.3em; padding-bottom:5px;}
.booktxt p{ line-height:2em; height:2em; overflow:hidden;}

.gbut{ display:inline-block; width:30%; float:right; height:37px; line-height:37px; text-align:center; font-size:16px; font-weight:bold;}

#dir{margin-top:10px;}
.dir{ padding:0px 0px 10px 0px;margin-top:10px; width:100%; float:none;}
.dir ul li{ line-height:3em; height:3em;  float:left;width:33.3%; overflow:hidden;}
.con{ padding:50px; line-height:2em; margin-top:20px;}
.con h1{ font-weight:bold; text-align:center; padding-bottom:0.9em;}
.con p{ text-align:left; padding:0.9em 0px; text-indent:2em;}
.prenext{ text-align:center; padding:5px 15px; height:35px; line-height:35px;}
.prenext span{ float:left;}
.prenext span:last-child{ float:right;}

.container .prenext{border-top:0px;}

.list{margin-top:5px;}
.top li{ position:relative;}
.top li:first-child:after,.top li:nth-child(2):after,.top li:nth-child(3):after{display:block;content:""; position:absolute; left:0px; top:0px; width:50px; height:50px; }
.top li:first-child:after{background:url(/images/no.1.png) no-repeat left top; background-size:50px 50px;}
.top li:nth-child(2):after{background:url(/images/no.2.png) no-repeat left top;background-size:50px 50px;}
.top li:nth-child(3):after{background:url(/images/no.3.png) no-repeat left top;background-size:50px 50px;}

.itemtxt{float:left;width:calc(100% - 200px);}

.dir a:visited{ color:#999;}

@media screen and (max-width:1200px) {

	.logo{width:100%;}
	.menu{ width:calc(100% - 30px);}
	.container{ width:100%;}
	.list{ padding-left:15px;padding-right:5px; margin-top:15px;}
	
	.container h2,h1.h2{ padding-left:15px;padding-right:15px; font-size:20px;}
	.container h2 span,h1.h2 span{ font-size:14px;}
	.container h2 span a:last-child:before,h1.h2 span a:last-child:before{margin-top:1em;}
	
	.itc p,.itc h3{padding-right:10px;}
	.it{width:100%; margin:0px 0px 15px 0px; border-left:0px;border-top:0px;border-right:0px; float:none;}
	.list li{ width:33.3%;margin:0px 0px 15px 0px;}
	.list li a.imga,.list li p{ height:100%;width:calc(100% - 10px);width:-webkit-calc(100% - 10px);width:-moz-calc(100% - 10px);}
	.list li p{ font-size:14px; margin-top:5px;}
	
	.footer{margin-top:15px;padding:25px 0; font-size:14px;}
	.item img,.bookdetail img{ margin-left:15px; width:120px; height:160px; margin-right:15px;}
	.booktxt p{ line-height:1.4em; height:1.4em;}
	.itemtxt{ padding-right:15px;font-size:14px;width:calc(100% - 165px);}
	.itemtxt h3,.itemtxt h1{ font-size:16px; line-height:1.6em; height:1.6em; }
	.itemtxt p{ line-height:1.6em; height:1.6em;}
	.itemtxt ul li{ line-height:1.7em; height:1.7em; overflow:hidden;}
	.itemtxt p span{font-size:12px;}
	.itemtxt h3 span,.itemtxt h3 i,.itemtxt h1 span,.itemtxt h1 i{ font-size:14px;}
	
	.des{font-size:14px; line-height:20px; padding:10px 15px 20px 15px;}
	.container .con{padding:15px; border-left:0px; border-right:0px;}
	.dir{ padding:10px 15px 10px 15px;width:calc(100% - 30px); }
	.dir ul li{ line-height:3em; height:3em; float:none;width:100%;}
	
	
	
	.container .prenext{border-top:0px;border-left:0px;border-right:0px;}
	.top li:first-child:after{background-size:30px 30px;}
	.top li:nth-child(2):after{background-size:30px 30px;}
	.top li:nth-child(3):after{background-size:30px 30px;}
	
	
	}