@charset "utf-8";
html {}
body { background:#f5f5f5; font-size:14px; color:#666666; line-height:24px; min-width:1240px; font-family:"Times New Roman","Microsoft YaHei","simhei","宋体"; }
html,body,div,h1,h2,h3,h4,ul,li,form,input,textarea,a { margin:0; padding:0;} 
ul,li {list-style:none;}
img {border:0px;}
.clear {clear:both; height:0px; line-height:0px; font-size:0px; float:none; overflow:hidden;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:".";} /*所有主流浏览器都支持 :after 伪元素。*/
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{*zoom:1;}/*只针对IE6/7 */

a:link,a:visited {text-decoration:none; color:#333;}
a:hover,a:active {text-decoration:none; color:#845e5a;}

.fl { float:left;}
.fr { float:right;}

.animation {
	transition:all 0.5s;
	-moz-transition:all 0.5s; /* Firefox 4 */
	-webkit-transition:all 0.5s; /* Safari and Chrome */
	-o-transition:all 0.5s; /* Opera */	
	
}
input,textarea {font-family:"Times New Roman","Microsoft YaHei","simhei","宋体";}
/******************************* 首页内容 ******************************/
.indextop { height:430px; background:url(../images/topbg.jpg) center top no-repeat; position:relative;}
.topbar {}
.topbar > ul { width:1240px; height:26px; margin:0 auto; padding:15px 0;}
.topbar > ul > .fl {}
.topbar > ul > .fl > .booknav { position:relative; display:inline-block; }
.topbar > ul > .fl > .booknav > a.nav { display:block; background:url(../images/nav.png) 10px 0 no-repeat; border:1px solid #c4b5af; color:#845e5a; padding:0 10px 0 34px; border-radius:2px;}
.topbar > ul > .fl > .booknav > .navlist { position:absolute; width:688px; background:#FFF; left:0; top:30px; display:none; box-shadow:5px 5px 10px #ccc;z-index: 1;}
.topbar > ul > .fl > .booknav > .navlist ul { padding:20px 14px;}
.topbar > ul > .fl > .booknav > .navlist ul li { float:left; width:120px; margin:5px 5px; border:1px solid #eaeaea;}
.topbar > ul > .fl > .booknav > .navlist ul li a { display:block; height:30px; line-height:30px; padding:0 5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.topbar > ul > .fl > .booknav > .navlist ul li a:hover { background:#845e5a; color:#FFF;}
.topbar > ul > .fl > .booknav:hover > a.nav { background:url(../images/nav.png) 10px -24px no-repeat #845e5a; color:#FFF; } 

.topbar ul .fr {}
.topbar ul .fr a { color:#666;}
.topbar ul .fr a:hover { color:#845e5a;}
.topbar ul .fr .user { display:inline-block; color:#999; background:url(../images/user.png) 0 1px no-repeat; padding:0 0 0 24px;}
.topbar ul .fr .user span { margin:0 5px;}
.topbar ul .fr a.bookshelf { background:url(../images/bookshelf.png) 0 0 no-repeat; padding:0 0 0 24px; color:#666; margin:0 0 0 30px;}
.topbar ul .fr a.bookshelf:hover { background:url(../images/bookshelf.png) 0 -24px no-repeat; color:#845e5a;}

.logo { height:82px; background:url(../images/logo.png) center center no-repeat; margin:60px 0 0 0;}

.sobox { width:850px; margin:0 auto; padding:70px 0 0 0;}
.sotop { height:35px;}
.sotop a { display:block; float:left; font-size:16px; margin:0 30px 0 0; color:#845e5a;}
.sotop a span { display:block; height:24px; line-height:24px; padding:0 10px; border-radius:2px;}
.sotop a i.triangle { display:none; height:5px; background:url(../images/triangle.png) center center no-repeat;}
.sotop a.cure span { background:#845e5a; color:#FFF;}
.sotop a.cure i.triangle { display:block;}

.sobot { height:50px; border:2px solid #845e5a; border-radius:3px; background:#845e5a;}
.sobot-1 { float:left; width:721px; height:50px; background:#FFF; border-radius:3px;}
.sobot-2 { float:right; width:124px; height:50px;}
.sobot-1 input { width:680px; height:30px; line-height:30px; outline:medium; background-color:transparent; border:0; font-size:16px; color:#ccc; padding:0; margin:10px 0 0 20px;}
a.btn_search { display:block; width:124px; height:50px; line-height:50px; background:#845e5a; text-align:center; font-size:18px; color:#FFF; }
a.btn_search:hover { background:#714d49;}
a.btn_search i.so { display:inline-block; width:21px; height:21px; background:url(../images/so.png) 0 0 no-repeat; vertical-align:middle; margin:-3px 5px 0 0;}

.keyword { line-height:40px;}
.keyword a { margin:0 20px 0 0; color:#666;}
.keyword a strong { color:#845e5a; font-weight:normal;}
.keyword a:hover { color:#845e5a;}

a.home { display:inline-block; background:url(../images/home.png) 10px 0 no-repeat; border:1px solid #c4b5af; color:#845e5a; padding:0 10px 0 34px; border-radius:2px; margin:0 10px 0 0;}
a.home:hover {background:url(../images/home.png) 10px -24px no-repeat #845e5a; color:#FFF; }

a.openso { display:inline-block; background:url(../images/openso.png) 10px 0 no-repeat; border:1px solid #c4b5af; color:#845e5a; padding:0 10px 0 34px; border-radius:2px; margin:0 0 0 10px;}
a.openso:hover {background:url(../images/openso.png) 10px -24px no-repeat #845e5a; color:#FFF; }

.indextop a.openso {background:url(../images/openso.png) 10px -24px no-repeat #845e5a; color:#FFF;}
.inside a.openso {background:url(../images/openso.png) 10px 0 no-repeat; color:#845e5a;}

.item { width:1240px; margin:0 auto;}
.title { height:40px; border-bottom:1px solid #dacec9; margin:30px 0 20px 0;}
.title h1 { float:left; font-size:22px; color:#845e5a; height:40px; line-height:40px; font-weight:normal;}
.title .fr { margin:8px 0 0 0;}
.title .fr a.more { display:block; width:16px; height:24px; background:url(../images/more.png) center 0 no-repeat; padding:0 10px; border-radius:2px;}
.title .fr a.more:hover {background:url(../images/more.png) center -24px no-repeat #845e5a;}

.intitle { height:40px; margin:30px 0 0 0;}
.intitle h1 { float:left; font-size:22px; color:#845e5a; height:40px; line-height:40px; font-weight:normal;}
.intitle h2 { float:left; font-size:16px; font-weight:normal; line-height:35px; color:#333;}
.intitle h2 strong{ font-weight:normal; color:#df4a43;}
.intitle .fr { margin:8px 0 0 0;}
.intitle .fr a.more { display:block; width:16px; height:24px; background:url(../images/more.png) center 0 no-repeat; padding:0 10px; border-radius:2px;}
.intitle .fr a.more:hover {background:url(../images/more.png) center -24px no-repeat #845e5a;}

.bookclass { float:left; margin:11px 0 0 50px;}
.bookclass a {}
.bookclass span { margin:0 20px; font-family:"宋体"; color:#CCC;}

.zdbook {}
.zdbook ul { width:1260px; margin:0 0 0 -20px;}
.zdbook ul li { float:left; width:400px; height:280px; margin:0 0 20px 20px; }
.zdbook ul li .bookfm { float:left; width:190px; height:280px; margin:0 20px 0 0; overflow: inherit;}
.zdbook ul li .bookfm img { width:190px; height:280px;}
.zdbook ul li .bookinfo { float:left; width:190px; position:relative;}
.zdbook ul li .bookinfo h2 { font-size:14px; line-height:22px; font-weight:normal; margin:5px 0 10px 0; max-height:44px; overflow:hidden;}
.zdbook ul li .bookinfo .level {}
.zdbook ul li .bookinfo .ziduan { margin:10px 0 0 0;}
.zdbook ul li .bookinfo .ziduan p { margin:0; color:#999; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.zdbook ul li .bookinfo .zhaiy { margin:5px 0 0 0; height:96px; overflow:hidden; color:#999;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}
.zdbook ul li .bookinfo .btn { position:absolute; top:250px;}

.level-1 { display:block; width:96px; height:15px; background:url(../images/level-1.png) 0 0 no-repeat;}
.level-2 { display:block; width:96px; height:15px; background:url(../images/level-2.png) 0 0 no-repeat;}
.level-3 { display:block; width:96px; height:15px; background:url(../images/level-3.png) 0 0 no-repeat;}
.level-4 { display:block; width:96px; height:15px; background:url(../images/level-4.png) 0 0 no-repeat;}
.level-5 { display:block; width:96px; height:15px; background:url(../images/level-5.png) 0 0 no-repeat;}

a.read { display:inline-block; background:url(../images/read.png) 10px 0 no-repeat; border:1px solid #c4b5af; color:#845e5a; padding:0 10px 0 34px !important; border-radius:2px; height:28px; line-height:28px;
	transition:all 0.5s;
	-moz-transition:all 0.5s; /* Firefox 4 */
	-webkit-transition:all 0.5s; /* Safari and Chrome */
	-o-transition:all 0.5s; /* Opera */	
}
a.read:hover {background:url(../images/read.png) 10px -28px no-repeat #845e5a !important; color:#FFF; }

.booklist { width:1240px; }
.booklist ul { width:1260px; margin:0 0 0 -20px;}
.booklist ul li { float:left; width:190px; height:400px; margin:0 0 20px 20px;}
.booklist ul li .bookfm,.booklist ul li .bookfm img { width:190px; height:280px;}
.booklist ul li h2 { font-size:14px; line-height:20px; font-weight:normal; margin:15px 0 5px 0; height:40px; overflow:hidden;}
.booklist > ul > li > p { margin:0 0 10px 0; color:#999; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.bigbook {}
.bigbook ul { width:1260px; margin:0 0 0 -20px;}
.bigbook ul li { float:left; width:610px; height:304px; margin:0 0 20px 20px; }
.bigbook ul li .bookfm { float:left; width:190px; height:280px; margin:0 20px 0 0;}
.bigbook ul li .bookfm img { width:190px; height:280px;}
.bigbook ul li .bookinfo { float:left; width:400px; position:relative;}
.bigbook ul li .bookinfo h2 { font-size:14px; line-height:22px; font-weight:normal; margin:5px 0 10px 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.bigbook ul li .bookinfo .level {}
.bigbook ul li .bookinfo .ziduan { margin:10px 0 0 0;}
.bigbook ul li .bookinfo .ziduan p { margin:0; color:#999; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.bigbook ul li .bookinfo .zhaiy { margin:5px 0 0 0; height:120px; overflow:hidden; color:#999;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}
.bigbook ul li .bookinfo .btn { position:absolute; top:250px;}
.num { font-family:Arial; font-size:16px; color:#845e5a;}


.webbot { border-top:1px solid #e7e7e7; margin:50px 0 0 0;}
.webbot ul { width:1240px; margin:0 auto; padding:15px 0;}
.webbot ul p { margin:0; text-align:center; font-size:12px; line-height:22px; color:#999; font-family:Arial,"Microsoft YaHei";}

.inside { height:200px;}
.inside .sobox { display:none;}
.inside .logo { margin:20px 0 0 0;}

.insidebook { width:1240px; }
.insidebook ul { width:1260px; margin:0 0 0 -20px;}
.insidebook ul li { float:left; width:222px; height:465px; padding:5px; background:#FFF; margin:0 0 20px 20px;
	transition:all 0.5s;
	-moz-transition:all 0.5s; /* Firefox 4 */
	-webkit-transition:all 0.5s; /* Safari and Chrome */
	-o-transition:all 0.5s; /* Opera */	
}
.insidebook ul li:hover { box-shadow:5px 5px 10px #ccc;}
.insidebook ul li .bookfm { position:relative; width:222px; height:345px;}
.insidebook ul li .bookfm img { width:222px; height:345px;}
.insidebook ul li h2 { font-size:14px; line-height:20px; font-weight:normal; margin:15px 5px 5px 5px; height:40px; overflow:hidden;}
.insidebook > ul > li > p { margin:0 5px 10px 5px; color:#999; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.operation { background:#eee; padding:10px; border-top:1px solid #dedede; margin:0 0 20px 0;}
.operation .fl a{ display:inline-block; height:22px; line-height:22px; background:#FFF; border:1px solid #e2e2e2; padding:0 10px; margin:0 0 0 10px; border-radius:2px;}
.operation .fl a:hover { background:#845e5a; color:#FFF;}

.operation .fl input { vertical-align:middle; margin:-1px 0 0 0;}

.sort a { margin:0 0 0 10px; padding:0 15px 0 0;}
.sort a.normal {}
.sort a.up { background: url(../images/s.png) right center no-repeat; padding:0 15px 0 0; color:#845e5a;}
.sort a.down { background: url(../images/x.png) right 5px no-repeat; padding:0 15px 0 0; color:#845e5a;}

.shaixbox { margin:30px 0 0 0;}
.shaixbox ul { width:1198px; margin:0 auto; padding:20px 20px 5px 20px; background:#f1f0f0; border:1px solid #dedede;}
.shaixbox ul li { padding:0 0 10px 0;}
.shaixbox ul li .fl { width:80px; color:#333;}
.shaixbox ul li .fr { width:1118px;}
.shaixbox ul li .fr a { float:left; display:inline-block; margin:0 10px 5px 0; padding:0 10px; color:#845e5a;}
.shaixbox ul li .fr a span { font-family:Arial; margin:0 0 0 5px; color:#845e5a; font-style:italic;}
.shaixbox ul li .fr a:hover { background:#e0dbdb;}
.shaixbox ul li .fr a:hover span { color:#845e5a;}
.shaixbox ul li .fr a.cure { background:#845e5a; color:#FFF;}
.shaixbox ul li .fr a.cure span { color:#FFF;}

a.selectitem { position:absolute; left:10px; top:10px; display:block; width:20px; height:20px; background:url(../images/selectitem.png) 0 0 no-repeat; z-index:1;}
.insidebook ul li.cure a.selectitem { background:url(../images/selectitem.png) 0 -20px no-repeat;}

.pages { height:24px; padding:20px 0 0 0;}
.pages strong { font-family:Arial; color:#df4a43; margin:0 3px;}
.pages .fl input { height:16px; line-height:16px; width:24px; text-align:center; outline:none; padding:3px 5px; border:1px solid #ddd; font-family:Arial;}
a.btn-tz { display:inline-block; height:24px; line-height:24px; padding:0 5px; background:#999; color:#FFF; border-radius:3px;}
a.btn-tz:hover { background:#666;}

.bookview { width:918px; margin:20px auto 50px;}
.bookview .bookfm { float:left; width:280px; height:410px; border:1px solid #ddd; text-align:center; box-shadow:5px 5px 0 #e4e4e4;}
.bookview .bookfm img { width:auto; height:410px; max-width:280px;}
.bookview .bookinfo { float:right; width:606px;}
.bookview .bookinfo h2 { font-size:20px; line-height:24px; font-weight:normal; margin:5px 0 10px 0;text-align: left;}
.bookview .bookinfo .level {}
.bookview .bookinfo .ziduan { margin:20px 0 0 0;}
.bookview .bookinfo .ziduan p { margin:0; color:#999; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.bookview .bookinfo .zhaiy { margin:10px 0 0 0; overflow:hidden; color:#999;}
.bookview .bookinfo .zhaiy strong { font-weight:normal; color:#b51013;}
.bookview .bookinfo .btn { margin:30px 0 0 0;}

.bookbody { width:1240px; margin:20px auto 0;}
.bookbody-l { float:left; width:280px;}
.bookbody-r { float:right; width:918px;}

.bookbody .title { border-bottom:1px solid #ccc;}
.bookbody .title h1 { color:#845e5a;}
.bookbody .title h1 strong { margin:0 0 0 5px; color:#df4a43; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.bookbody .title .fr a{display:inline-block;border:1px solid #845e5a; background:#845e5a;color:#FFF; padding:0 10px;border-radius:2px;height:24px;line-height:24px; 
	transition:all 0.5s;
	-moz-transition:all 0.5s;/* Firefox 4 */
	-webkit-transition:all 0.5s;/* Safari and Chrome */
	-o-transition:all 0.5s;/* Opera */	
}
.bookbody .title .fr a:hover{background:#714d49;color:#fff;}

.leftbook {}
.leftbook ul {}
.leftbook ul li { height:155px; overflow:hidden; padding:10px 0; border-bottom:1px solid #eee;}
.leftbook ul li img { float:left; width:100px; height:155px; margin:0 20px 0 0; }
.leftbook ul li h2 { font-size:14px; font-weight:normal; line-height:20px; margin:0 0 5px 0; word-break:break-all;}
.leftbook ul li p { margin:10px 0 0 0; color:#999;}
.leftbook ul li .level { display:inline-block;}

.catalog {padding:0 0 1.5em;}
.ul-05{padding:10px 0 0;height:auto;}
.ul-05 li{padding:3px 0;background:url(../images/icon_17.png) center repeat-x;}
.ul-05 li a{display:block;overflow:hidden;height:24px;line-height:24px;}
.ul-05 li em{float:left;background:#f5f5f5;color:#999; font-style:normal;}
.ul-05 li p{float:left;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:520px;height:24px;line-height:24px;color:#666;background:#f5f5f5; margin:0;}
.ul-05 li span{float:right;padding:0 0 0 10px;background:#f5f5f5;color:#999;}
.ul-05 li.noauthor{background:none;}
.ul-05 li a:hover em,.ul-05 li a:hover p{color:#df4a43;}

.rcon { padding:20px 0 0 0;}
.rcon p { text-align:justify; padding:0 0 1.5em; line-height:1.75; text-indent:2em; color: #666; margin: 0;}

.mbx { background:#f1f0f0;}
.mbx ul { width:1240px; margin:0 auto; line-height:40px;}
.mbx ul span { font-family:"宋体"; color:#999; margin:0 5px;}


.btn a { display:inline-block; border:1px solid #845e5a; color:#845e5a; padding:0 20px; border-radius:2px; height:28px; line-height:28px; margin:0 20px 0 0;
	transition:all 0.5s;
	-moz-transition:all 0.5s; /* Firefox 4 */
	-webkit-transition:all 0.5s; /* Safari and Chrome */
	-o-transition:all 0.5s; /* Opera */	
}
.btn a:hover {background:#845e5a; color:#FFF; }
.btn a.cure {background:#845e5a; color:#FFF; }
.btn a i.fa { margin:0 8px 0 0; font-size:16px;}

.btn2 { margin:20px 0 0 0;}
.btn2 a{display:inline-block; color:#666; height:24px; line-height:24px; margin:0 30px 0 0;}
.btn2 a:hover{ color:#df4a43;}
.btn2 a.cure{ color:#df4a43;}
.btn2 a i.fa { margin:0 5px 0 0; }
.btn2 a span { font-family:Arial; margin:0 0 0 5px; color:#df4a43;}

.bookbody .title { margin:0;}

.savebox { position:absolute; width:100%; bottom:0; text-align:center; border-top:1px solid #eee; padding:15px 0; background:#fafafa;}
.savebox a { margin:0 20px; border-radius:3px;}

a.btn_red {background:#df4a43; color:#FFF; border:0; height:32px; line-height:32px;}
a.btn_red:hover {background:#b82922; border:0;}

a.btn_yellow {background:#e2a604;color:#FFF; border:0; height:32px; line-height:32px;}
a.btn_yellow:hover {background:#c69105;}

a.btn-grey { background:#999; color:#FFF; border:0; height:32px; line-height:32px;}
a.btn-grey:hover {background:#868686;}

.info { background:url(../images/info.png) left 0 no-repeat; font-size:18px; text-align:left; padding:13px 0 0 60px; margin:30px; min-height:50px;}

/*nTab*/
.nTab{}
.nTab .TabTitle{ border-bottom:1px solid #ccc;}
.nTab .TabTitle a{ display:inline-block; height:24px; line-height:24px; padding:0 5px 10px 5px; color:#666; font-size:16px; margin:0 30px 0 0;}
.nTab .TabTitle a:hover { color:#845e5a;}
.nTab .TabTitle a.active{ color:#df4a43; border-bottom:2px solid #df4a43; font-weight:bold;}
.nTab .TabContent { padding:10px 0 0 0;}
.none { display:none;}

.pllist {}
.pllist ul {}
.pllist ul li { padding:20px 0 20px 5px; border-bottom:1px solid #e5e5e5;}
.pllist ul li:hover { background:#fafafa;}
.pllist ul li .userphoto { float:left; }
.pllist ul li .userphoto img { width:70px; height:70px; border-radius:50%;}
.pllist ul li .plinfo { float:right; width:820px; }
.pllist ul li .pltitle {}
.pllist ul li .pltitle h1 { float:left; font-size:14px; color:#999; font-weight:normal; }
.pllist ul li .pltitle .fr { font-family:Arial, Helvetica, sans-serif; color:#999;}
.pllist ul li p { margin:5px 0 0 0;}

.addpl { margin:30px 0 0 0;}
.addpl h1{ font-size:22px; font-weight:normal; color:#845e5a; line-height:40px; margin:0 0 10px 0; }
.addpl textarea { border:1px solid #ccc; padding:10px; width:896px; height:150px; background:#fafafa; outline:none; box-shadow:5px 5px 10px #eee inset;}
.addpl .btn { margin:20px 0 0 0;}
.addpl .btn .fl { color:#ccc;}
.addpl .btn a{display:inline-block;border:1px solid #df4a43;background:#df4a43;color:#FFF;padding:0 25px;border-radius:2px;height:32px;line-height:32px;margin:0 0 0 20px;
	transition:all 0.5s;
	-moz-transition:all 0.5s;/* Firefox 4 */
	-webkit-transition:all 0.5s;/* Safari and Chrome */
	-o-transition:all 0.5s;/* Opera */	
}
.addpl .btn a:hover{background:#b82922;color:#FFF;}

.share { margin:10px 0;}
.share .bdsharebuttonbox { text-align:center;}
.share .bdsharebuttonbox a { float:none; display:inline-block; margin:6px 0 6px 10px;}



/*图书封面hover上去显示信息*/
.bookfm { position:relative; overflow:hidden;}
.hovercon { position:absolute; background:rgba(235,235,235,0.85); width:100%; height:100%; left:-100%; top:0;}
.hovercon h1 { font-size:14px; padding:20px 10px 0 10px; color:#333; line-height:22px; max-height:44px; overflow:hidden; }
.hovercon p { margin:0; padding:20px 10px 0 10px; color:#333; line-height:22px; max-height:150px; overflow:hidden;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}
.hovercon p.btn { text-align:center;}
.hovercon p.btn a { display:inline-block; height:30px; line-height:30px; background:#845e5a; font-size:14px; color:#FFF; padding:0 20px; }
.hovercon p.btn a:hover { background:#714d49;}
.bookfm:hover .hovercon {left:0;}

.insidebook .hovercon h1 {max-height:66px; padding:30px 10px 0 10px;}
.insidebook .hovercon p {max-height:176px; height:176px;}

.bookfm * {
	transition:all 0.2s;
	-moz-transition:all 0.2s; /* Firefox 4 */
	-webkit-transition:all 0.2s; /* Safari and Chrome */
	-o-transition:all 0.2s; /* Opera */		
}

.bookview .bookfm { height:auto; overflow:visible;}

/******************************* 浏览器滚动条******************************/
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar{width:8px;height:8px;background:#f5f5f5; border-radius:8px;}
::-webkit-scrollbar-track{background:#f5f5f5; border-radius:8px;}
::-webkit-scrollbar-thumb{background:#ccc; border-radius:8px;}
::-webkit-scrollbar-thumb:hover{background:#999;}

body ::selection {color:#FFFFFF;background-color:#845e5a;text-shadow:none;}
body ::-moz-selection {color:#FFFFFF;background-color:#845e5a;text-shadow:none;}
.audioBook{display: block; position: relative;}
.audioBook:after{content:""; width:30px; height:30px; background:url(../../lib2/images/audio.png) no-repeat left top;background-size:100% 100%; position: absolute; left:-6px; top:-6px;}
.booklist ul li.audioBook:after{left:4px; top:4px;}