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,.one: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;}
.header span.home{ right:auto; left:0px;}
.menu{ padding:10px 15px 10px 15px; width:1170px;line-height:25px;}
.menu a{ display:inline-block; font-size:14px; padding:0px 5px;}
.bm{  text-align:left; font-size:16px;}
.bm p{ padding:5px 15px;}
.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;}
.bigimg{ text-align:center; padding-bottom:10px;}
.bigimg img{width:100%;}
.bigimg p{ padding-bottom:10px;}

.upload{ padding:0px 15px 15px 15px;}
.shibut{ width:100%; height:35px; line-height:35px; text-align:center; background-color:#444; color:#fff; display:block; margin-top:15px;}
.shipost{ background-color:#f4b721; color:#410301;}
.sbts{ height:25px; line-height:25px; text-align:center; padding-bottom:15px;}
.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;}
#upb{ margin-top:15px; width:100%; height:35px; line-height:35px; text-align:center; margin-top:15px; background-color:#c5cde9; color:#19233f; display:block;}

.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 h3 b.rank1{ background-color:#ff0000;}
.itemtxt h3 b.rank2{ background-color:#ff6600;}
.itemtxt h3 b.rank3{ background-color:#d09d02;}
.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;}
.newest{ border-radius:5px; margin-top:10px; padding:15px; line-height:25px;}
.newest h3{ font-weight:bold; font-size:18px; line-height:25px;}
.newest span{ display:block; padding:5px 0px;}
.mask{ width:100%; display:none; min-height:400px; background-color:#000000; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); position:fixed; z-index:996;}
.gmenu{  position:relative; text-align:center;}
.gmenu ul{ position:absolute; left:0px; top:0px; width:100%; z-index:998;}
.gmenu ul li{  height:3em; line-height:3em; overflow:hidden; }
.mt15{margin-top:15px;}
.item i.qt{display:block;position:absolute; width:50px; height:50px; overflow:hidden; text-indent:-999px; left:0px; top:0px; background:url(/images/hot.png) no-repeat left top; background-size:50px 50px;}
.pifu{ padding:15px;}
.pifuc{ width:100%; background-color:#ccc;padding:0px 5px; height:35px; line-height:35px;}
.gbut{ display:inline-block; width:30%; float:right; height:37px; line-height:37px; text-align:center; font-size:16px; font-weight:bold;}
.jilu{ padding:0px 0px;}
.jilu li{ line-height:45px; height:45px; overflow:hidden;}
.jilu li span{ float:right;}
#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;}
.submenu span{float:right; margin-left:5px;}
.container .prenext{border-top:0px;}
.fenlei{ padding:5px 15px;}
.fenlei ul li{ width:50%; height:45px; line-height:45px; overflow:hidden; float:left;}
.pages{padding:0px 15px 10px 15px; text-align:center;}
.pages .gl{ float:left;}
.pages .gr{ float:right;}
.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;}
.pinglun li{ padding:15px 0px;}
.pinglun li img{ float:left; width:50px; height:50px;border-radius:50%;}
.pinglun li p{ padding-left:60px;}
.itemtxt{float:left;width:calc(100% - 200px);}
.gg{padding:15px 0px;}
.gg p{text-indent:2em; padding-bottom:5px;}
.gg p b{font-weight:bold; color:#ff0000;}
.mt10{margin-top:10px;}
.dir a:visited{ color:#999;}
h2.op{ padding:15px 0px; font-size:16px; height:2.5em; line-height:2.5em; font-weight:normal;}
h2.op a{ width:47%; float:left;  text-align:center; border-radius:5px;}
h2.op a:first-child{ margin-right:6%;}
@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;}
	.bigimg{padding-left:15px;padding-right: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;}
	h2.op{font-size:16px;}
	.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;}
	.newest{ margin-left:15px;margin-right:15px;}
	.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;}
	.item i.qt {left:15px;width:30px; height:30px; background-size:30px 30px;}
	.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%;}
	.submenu{padding:0px 15px;}
	.jilu {font-size:14px;}
	.jilu li{ line-height:35px; height:35px;}
	.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;}
	.pinglun li{ padding:15px 15px;}
	.gg{padding:10px 15px;}
	}