﻿@charset "utf-8";
html {}
body { background:#fff; font-size:14px; color:#666666; line-height:24px; min-width:1240px; font-family: Times New Roman, Arial, Microsoft YaHei; }
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:#666;}
a:hover,a:active {text-decoration:none; color:#b51013;}

.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, Arial, Microsoft YaHei;}
/******************************* 首页内容 ******************************/

.topbar { background:#fff; border-bottom:1px solid #eee;}
.topbar > ul { width:1240px; height:24px; margin:0 auto; padding:8px 0; }
.topbar ul .fr .user { display:inline-block; background:url(../images/user.png) 0 1px no-repeat; padding:0 0 0 24px;}
.topbar ul .fr .user span { color:#999; margin:0 5px;}

a.home { display:inline-block; background:url(../images/home.png) 0 0 no-repeat; height:24px; line-height:24px; color:#666; padding:0 10px 0 25px;}
a.home:hover {background:url(../images/home.png) 0 -24px no-repeat; color:#b51013; }

.top {}
.top > ul { width:1240px; margin:0 auto; padding:15px 0;}
a.logo { float:left; display:block; width:497px; height:44px; background:url(../images/logo.png) no-repeat; margin:18px 0 0 0;}

.sobox { float:right; width:614px; margin:0 auto;}
.sotop { height:35px;}
.sotop a { display:block; float:left; margin:0 30px 0 0; color:#333;}
.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:#b51013; color:#FFF;}
.sotop a.cure i.triangle { display:block;}

.sobot { height:44px; border:2px solid #b51013;}
.sobot-1 { float:left; width:535px; height:44px; background:#FFF; border-radius:2px 0 0 2px;}
.sobot-2 { float:left; width:75px; height:44px;}
.sobot-1 input { width:515px; height:30px; line-height:30px; outline:medium; background-color:transparent; border:0; font-size:14px; color:#ccc; padding:0; margin:7px 0 0 10px;}
a.btn_search { display:block; width:75px; height:44px; line-height:44px; background:url(../images/so.png) center center no-repeat #b51013; }
a.btn_search:hover {background:url(../images/so.png) center center no-repeat #d22225}

a.bookshelf { display:block; background:url(../images/bookshelf.png) 10px 0 no-repeat; padding:0 10px 0 30px; color:#FFF; border:1px solid #d37071; border-radius:2px; height:24px; line-height:24px;}
a.bookshelf:hover { background:url(../images/bookshelf.png) 10px -24px no-repeat #FFF; color:#b51013;}

.menu { background:#b51013;}
.menu ul { width:1240px; height:40px; margin:0 auto; }
.menu .fl {}
.menu ul .fl li { float:left;}
.menu ul .fl li a { display:block; font-size:16px; line-height:40px; color:#FFF; padding:0 30px;}
.menu ul .fl li a:hover { color:#dca6a7;}
.menu ul .fl li a.cure { background:#FFF; color:#b51013; line-height:38px; border-top:2px solid #b51013;}
.menu .fr { margin:7px 0 0 0;}


.webbot { background:#eeeeee; padding:30px 0; margin:50px 0 0 0;}
.webbot ul { width:1240px; margin:0 auto; font-family:Arial,"Microsoft YaHei";}
.webbot ul .fl { background:url(../images/botlogo.png) 0 center no-repeat; padding:0 0 0 150px;}
.webbot ul .fl p { margin:0; font-size:12px; line-height:20px; color:#999999;}
.webbot ul .fr a { font-size:12px;}
.webbot ul .fr span { color:#CCC; margin:0 10px;}

.item { width:1240px; margin:20px auto 0;}
.navlist { float:left; width:198px; border:1px solid #dedede; margin:0 0 20px 0;}
.navlist h1 { font-size:18px; font-weight:normal; height:40px; line-height:40px; background:#b51013; color:#FFF; padding:0 0 0 20px;}
.navlist h1 i.fa { font-size:17px;}
.navlist ul li { border-bottom:1px solid #f1f1f1;}
.navlist ul li a { display:block; height:30px; line-height:30px; padding:0 0 0 20px;}
.navlist ul li a span { font-family:Arial; color:#999; float:right; margin:0 15px 0 0; font-size:12px; font-style:italic;}
.navlist ul li a:hover { background:#f5f5f5; border-left:2px solid #999; padding:0 0 0 18px; color:#000;}
.navlist ul li a.cure { background:#f5f5f5; border-left:2px solid #b51013; padding:0 0 0 18px; color:#b51013;}

.zdbook { float:right; width:1021px;}
.title { height:40px;}
.title h1 { float:left; font-size:18px; font-weight:normal; line-height:35px; color:#333;}

.title h2 { float:left; font-size:16px; font-weight:normal; line-height:35px; color:#333;}
.title h2 strong{ font-weight:normal; color:#b51013;}
.title .fr { margin:8px 0 0 0;}
a.more span { letter-spacing:-2px;}

.zdbook ul { width:1260px; margin:1px 0 0 0; }
.zdbook ul li { float:left; width:489px; height:275px; padding:10px; border:1px solid #dedede; margin:-1px 0 0 -1px;}
.zdbook ul li .bookfm { float:left; width:185px; height:275px; margin:0 20px 0 0; overflow: inherit;}
.zdbook ul li .bookfm img { width:185px; height:275px;}
.zdbook ul li .bookinfo { float:left; width:284px; position:relative;}
.zdbook ul li .bookinfo h2 { font-size:14px; line-height:22px; font-weight:normal; margin:0 0 5px 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:240px;}

.btn a { display:inline-block; border:1px solid #da8789; color:#b51013; 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:#b51013; color:#FFF; }
.btn a.cure {background:#b51013; color:#FFF; }
.btn a i.fa { margin:0 5px 0 0; }

.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;}

a.btn_red {background:#b51013; color:#FFF; border:0; height:32px; line-height:32px;}
a.btn_red:hover {background:#d22225; border:0;}

a.btn_yellow {background:#e2a604;color:#FFF; border:0; height:32px; line-height:32px;}
a.btn_yellow:hover {background:#c69105;}

.body-r .dhlist .btn { text-align:center;}
.body-r .dhlist .btn a {margin:0 5px;}

.booklist { width:1240px; }
.booklist ul { width:1260px; margin:0 0 0 1px;}
.booklist ul li { float:left; width:226.8px; height:475px; padding:10px; background:#FFF; margin:-1px 0 0 -1px; border:1px solid #dfdfdf;
	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 */	
}
.booklist ul li .bookfm,.booklist ul li .bookfm img { width:226.8px; height:330px;}
.booklist ul li h2 { font-size:14px; line-height:20px; font-weight:normal; margin:15px 5px 5px 5px; height:40px; overflow:hidden;}
.booklist > ul > li > p { margin:0 5px 10px 5px; color:#999; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}


.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;}

.bookclass { float:left; margin:6px 0 0 50px;}
.bookclass a {}
.bookclass span { margin:0 20px; color:#CCC;}

.mainbody { width:1240px; margin:20px auto 0;}
.body-l { float:left; width:200px;}
.body-r { float:right; width:1009px;}

.dhlist { width:1009px; }
.dhlist ul { margin:1px 0 0 1px;}
.dhlist ul li { float:left; width:226.8px; height:480px; padding:12px; border:1px solid #dfdfdf; margin:-1px 0 0 -1px;}
.dhlist ul li .bookfm { position:relative; width:226.8px; height:330px;}
.dhlist ul li .bookfm img { width:226.8px; height:330px;}
.dhlist ul li h2 { font-size:14px; line-height:20px; font-weight:normal; margin:10px 0 5px 0; height:40px; overflow:hidden;}
.dhlist > ul > li > p { margin:0 0 10px 0; color:#999; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.btnbox {}
.btnbox .read { float:left;}
.btnbox .collection { float:right;}
a.read { display:inline-block; background:url(../images/read.png) 0 0 no-repeat; padding:0 0 0 25px;}
a.read:hover { background:url(../images/read.png) 0 -24px no-repeat; }

.btnbox  a.collection { display:inline-block; background:url(../images/collection.png) 0 0 no-repeat; padding:0 0 0 20px;}
.btnbox  a.collection:hover { background:url(../images/collection.png) 0 -24px no-repeat; }
.btnbox  a.collection.cure { background:url(../images/collection.png) 0 -24px no-repeat; color:#b51013;}

.operation { background:#f5f5f5; padding:10px; border-top:1px solid #dedede;}
.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:#b51013; 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:#b51013;}
.sort a.down { background: url(../images/x.png) right 5px no-repeat; padding:0 15px 0 0; color:#b51013;}

.mos a{ margin:0 0 0 20px;}
.mos a.mos-lb { display:inline-block; width:18px; height:18px; background:url(../images/mos-lb.png) 0 0 no-repeat;}
.mos a.mos-lb:hover {background:url(../images/mos-lb.png) 0 -36px no-repeat;}
.mos a.mos-lb.cure {background:url(../images/mos-lb.png) 0 -18px no-repeat;}
.mos a.mos-slt { display:inline-block; width:18px; height:18px; background:url(../images/mos-slt.png) 0 0 no-repeat;}
.mos a.mos-slt:hover {background:url(../images/mos-slt.png) 0 -36px no-repeat;}
.mos a.mos-slt.cure {background:url(../images/mos-slt.png) 0 -18px no-repeat;}

.dhlist ul li.cure a.selectitem,.liebook ul li.cure a.selectitem { background:url(../images/selectitem.png) 0 -20px no-repeat;}
a.selectitem { position:absolute; left:10px; top:10px; display:block; width:20px; height:20px; background:url(../images/selectitem.png) 0 0 no-repeat;}

.pages { height:24px; padding:20px 0 0 0;}
.pages strong { font-family:Arial; color:#b51013; 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;}

.liebook {}
.liebook ul { }
.liebook ul li { position:relative; height:275px; padding:20px 10px; border-bottom:1px solid #dedede; }
.liebook ul li:hover { background:#fafafa;}
.liebook ul li .bookfm { width:185px; height:275px; margin:0 20px 0 0; position: absolute; left:10px; top:20px; z-index:1;}
.liebook ul li .bookfm img { width:185px; height:275px;}
.liebook ul li .bookinfo { position:relative; padding:0 0 0 205px;}
.liebook ul li .bookinfo h2 { font-size:16px; line-height:22px; font-weight:normal; margin:0 0 10px 0; max-height:44px; overflow:hidden;}
.liebook ul li .bookinfo h2 strong { font-weight:normal; color:#b51013;}
.liebook ul li .bookinfo .level {}
.liebook ul li .bookinfo .ziduan { margin:10px 0 0 0;}
.liebook ul li .bookinfo .ziduan p { margin:0; color:#999; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.liebook ul li .bookinfo .zhaiy { margin:5px 0 0 0; height:96px; overflow:hidden; color:#999;}
.liebook ul li .bookinfo .zhaiy strong { font-weight:normal; color:#b51013;}
.liebook ul li .bookinfo .btn { position:absolute; top:240px;}

.liebook ul li .bookinfo .btnbox { position:absolute; top:240px;}
.liebook ul li .bookinfo .btnbox a { float:none; margin:0 30px 0 0;}

.bookview { width:918px; margin:20px auto 50px;}
.bookview .bookfm { float:left; width:280px; height:410px; border:1px solid #eee; text-align:center; box-shadow:5px 5px 0 #eee;}
.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:20px 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 #dedede;}
.bookbody .title h1 { color:#b51013;}
.bookbody .title h1 strong { margin:0 0 0 5px; color:#b51013; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.bookbody .title .fr a{display:inline-block;border:1px solid #b51013; background:#b51013;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:#d22225;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:#fff;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:#fff; margin:0;}
.ul-05 li span{float:right;padding:0 0 0 10px;background:#fff;color:#999;}
.ul-05 li.noauthor{background:none;}
.ul-05 li a:hover em,.ul-05 li a:hover p{color:#e23e57;}

.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;}

.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 { display:inline-block; height:30px;line-height:30px;background:#b51013;font-size:16px;color:#fff; padding:0 30px;}
a.btn-red:hover {background:#d22225;}

a.btn-grey { display:inline-block; height:30px;line-height:30px;background:#999;font-size:16px;color:#fff; padding:0 30px;}
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;}

.share { margin:10px 0;}
.share .bdsharebuttonbox { text-align:center;}
.share .bdsharebuttonbox a { float:none; display:inline-block; margin:6px 0 6px 10px;}

.bookview .bookfm { height:auto;}

.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:18px; font-weight:normal; color:#b51013; line-height:40px; margin: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:#b51013;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:#d22225;color:#FFF;}

/*图书封面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:30px 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:110px; overflow:hidden;}
.hovercon p.btn { text-align:center;}
.hovercon p.btn a { display:inline-block; height:30px; line-height:30px; background:#b51013; font-size:14px; color:#FFF; padding:0 20px; border:0; }
.hovercon p.btn a:hover { background:#d22225;}
.bookfm:hover .hovercon {left:0;}

.booklist .hovercon h1 {max-height:66px;}
.booklist .hovercon p {max-height:154px; height:154px;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}
.dhlist .hovercon p {max-height:154px; height:154px;}

.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:#df4a43;text-shadow:none;}
body ::-moz-selection {color:#FFFFFF;background-color:#df4a43;text-shadow:none;}
.audioBook{display: block; position: relative;}
.audioBook:after{content:""; width:30px; height:30px; background:url(../images/audio.png) no-repeat left top;background-size:100% 100%; position: absolute; left:-6px; top:-6px; z-index:1;}
.liebook ul li.audioBook:after{left:6px; top:11px;}