@charset "utf-8";
/* CSS Document */

body{font-size: 14px;color: #333333;background-color: #fcfdee;}

.main{display: block;overflow: hidden;width: 1200px;margin: 120px auto 0;}
.navdemo{width: 1200px;display: block;overflow: hidden;}
nav{ width:118px; float: left; background-repeat:no-repeat; background-size:contain; overflow:hidden;display: block;background-position: 4px 4px;background-image: url(../images/classics.png);margin: 2px 30px 2px 2px;box-shadow: 0px 0px 2px #eaeaea;}
nav h1{display: block;overflow: hidden;float: left;}
nav ul{ width:88px; display: block; overflow:hidden;margin: 60px 0 0 30px;}
nav ul li{display: block;overflow: hidden;width:88px;}
nav a{ display:block; width:100px; font-size:15px; color:#333333; line-height:38px; text-align:center; float:left;}
nav a:hover{color:#e60012;}

.huodongban{display: block;overflow: hidden;float: left;border-radius: 10px;}
.banner{width: 1050px;height: 440px;margin: 0 auto;overflow: hidden;position: relative;}
.banner_box{ width:1050px; height:440px; overflow:hidden;}
.banner_box ul{ width:1050px; display:block; overflow:hidden;}
.banner_box img{ width:1050px; height:440px;}
.banner_box ol{position:relative;width: 80px;height: 20px;top:-30px;margin: 0 auto; left: initial;bottom: initial;}
.banner_box ol li{float:left;width: 10px;height: 10px;margin: 5px;background-color: rgba(0,0,0,.5);border-radius: 20px;}
.banner_box ol li.seleted{background-color: #639963;}
.luara-{position:relative;padding:0;overflow: hidden;}
.luara- ul{padding: inherit;margin: 0;}
.luara- ul li{display: none;padding: inherit;margin: inherit;list-style: none;}
.luara- ul li:first-child{display:block;}

/*新书热卖榜/图书畅销榜*/
.bookRankinglist{display: block;overflow: hidden;width: 1200px;margin: 40px 0 30px;}
.bookrTitle{display: block;overflow: hidden;float: left;width: 1200px;}
.bookrTitle ul{display: block;overflow: hidden;}
.bookrTitle ul li{display: block;overflow: hidden;float: left;width: 150px;margin: 0 20px 0 0;cursor: pointer;}
.bookrTitle ul li img{display: block;overflow: hidden;width: 100%;height: 100%;}
.LiActive{border-bottom: 2px solid #af9e69;padding: 0 0 10px;}

/*新书热卖榜*/
.xinshu{ width:100%; margin:20px 0; overflow:hidden;float: left;display: block;}
.xinshu_m{ width:1200px; margin: 0 auto; overflow: hidden;}
.xinshu_m >img{ width: 300px; height: 60px; margin: 50px auto;}
.xinshu_m div{ width: 1200px; height: 342px; overflow: hidden;}
.xinshu_m div ul{ width: 1200px; height: 342px; overflow: hidden; position: relative;}
.xinshu_mA{display: block;overflow: hidden;margin: 20px auto 0;width: 120px;cursor: pointer;}
.xinshu_mA img{display: block;overflow: hidden;width: 100%;}

.prev,.next{ width: 40px; height: 80px; position: absolute; top: 50%; margin-top: -40px; z-index: 10; cursor: pointer; opacity: 0.5; transition: all 0.3s;}
.prev:hover,.next:hover{ opacity: 1;}
.prev{ left: 0;}
.next{ right: 0;}

.xinshu_m div li{ width: 240px; height: 342px; border-radius: 4px; overflow: hidden; position: absolute; transition: all 0.3s; cursor: pointer;}
.xinshu_m div li img{ width: 100%; border-radius: 4px;}
.p1{ transform:translate3d(0px,0,0) scale(0.74); transform-origin:0% 50%; opacity: 0.7; z-index: 1;}
.p2{ transform:translate3d(160px,0,0) scale(0.84); transform-origin:-30% 50%; opacity: 0.8; z-index: 2;}
.p3{ transform:translate3d(320px,0,0) scale(0.94); transform-origin:0% 50%; opacity: 0.9; z-index: 3;}
.p4{ transform:translate3d(480px,0,0) scale(1); position: relative; opacity: 1; z-index: 4;}
.p5{ transform:translate3d(640px,0,0) scale(0.94); transform-origin:100% 50%; opacity: 0.9; z-index: 3;}
.p6{ transform:translate3d(800px,0,0) scale(0.84); transform-origin:130% 50%; opacity: 0.8; z-index: 2;}
.p7{ transform:translate3d(960px,0,0) scale(0.74); transform-origin:100% 50%; opacity: 0.7; z-index: 1;}
.listWrite{ display: none; position: absolute; width: 240px; height: 342px; border-radius: 4px; background-color: rgba(18,30,18,0.7);}
.listWrite h3{ font-size: 18px; color: #FFFFFF; line-height: 36px; margin: 30px 30px 0 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.listWrite h4{ font-size: 16px; color: #FFFFFF; line-height: 36px; margin: 0 30px;}
.listWrite h5{ font-size: 16px; color: #FFD23D; line-height: 36px; margin: 0 30px;}
.listWrite p{ font-size: 16px; color: #82b582; line-height: 26px; margin: 10px 30px 0 30px; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}

/*图书畅销榜*/
.changxiao{ width:100%; margin:20px 0; overflow:hidden;float: left;display: none;}
.changxiao_m{ width:1200px; margin: 0 auto; overflow: hidden;}
.changxiao_m >img{ width: 300px; height: 60px; margin: 50px auto;}
.changxiao_m div{ width: 1200px; height: 342px; overflow: hidden;}
.changxiao_m div ul{ width: 1200px; height: 342px; overflow: hidden; position: relative;}

.cprev,.cnext{ width: 40px; height: 80px; position: absolute; top: 50%; margin-top: -40px; z-index: 10; cursor: pointer; opacity: 0.5; transition: all 0.3s;}
.cprev:hover,.cnext:hover{ opacity: 1;}
.cprev{ left: 0;}
.cnext{ right: 0;}

.changxiao_m div li{ width: 240px; height: 342px; border-radius: 4px; overflow: hidden; position: absolute; transition: all 0.3s; cursor: pointer;}
.changxiao_m div li img{ width: 100%; border-radius: 4px;}
.pp1{ transform:translate3d(0px,0,0) scale(0.74); transform-origin:0% 50%; opacity: 0.7; z-index: 1;}
.pp2{ transform:translate3d(160px,0,0) scale(0.84); transform-origin:-30% 50%; opacity: 0.8; z-index: 2;}
.pp3{ transform:translate3d(320px,0,0) scale(0.94); transform-origin:0% 50%; opacity: 0.9; z-index: 3;}
.pp4{ transform:translate3d(480px,0,0) scale(1); position: relative; opacity: 1; z-index: 4;}
.pp5{ transform:translate3d(640px,0,0) scale(0.94); transform-origin:100% 50%; opacity: 0.9; z-index: 3;}
.pp6{ transform:translate3d(800px,0,0) scale(0.84); transform-origin:130% 50%; opacity: 0.8; z-index: 2;}
.pp7{ transform:translate3d(960px,0,0) scale(0.74); transform-origin:100% 50%; opacity: 0.7; z-index: 1;}

.bookList{display: block;overflow: hidden;width: 1200px;margin: 0 0 30px;}
.booklistTitle{display: block;overflow: hidden;float: left;width: 1200px;margin: 0 0 30px 0;}
.booklistTitle ul{display: block;overflow: hidden;}
.booklistTitle ul li{display: block;overflow: hidden;float: left;width: 150px;margin: 0 20px 0 0;cursor: pointer;}
.booklistTitle ul li img{display: block;overflow: hidden;width: 100%;height: 100%;}
.LiActive{border-bottom: 2px solid #af9e69;padding: 0 0 10px;}

.bookIn{width:1200px;}
/*新书上架*/
.xinshusj{display: block;overflow: hidden;float: left;width:1200px;}
.xinshusj ul{display: block;overflow: hidden;}
.xinshusj ul li{display: block;overflow: hidden;float: left;margin: 0 36px 26px 0;position: relative;width: 170px;cursor: pointer;transition: all 0.6s;}
.xinshusj ul li:hover{
    opacity: 0.8;
	-webkit-transform: scale(0.96);
	-moz-transform: scale(0.96);
	-ms-transform: scale(0.96);
	-o-transform: scale(0.96);
	transform: scale(0.96);
    animation-iteration-count:1;
}
.xinshuImg{display: block;overflow: hidden;width: 170px;height: 243px;border-radius: 4px;float: left;position: relative;}
.xinshuImg img{display: block;overflow: hidden;width: 100%;height: 100%;}
.Img{display: none;overflow: hidden;position: absolute;top: 0;width: 170px;height: 243px;background-color: rgba(255,255,255,.2);}
.xinshuR{display: block;overflow: hidden;float: left;width: 170px;}
.xinshuR h1{display: block;overflow: hidden;font-size: 15px;color: #333333;width: 170px;text-overflow: ellipsis;white-space: nowrap;float: left;margin: 4px 0 0;}
.xinshuR h1:hover{text-decoration: underline;}
.xinshuR h2{display: block;overflow: hidden;height: 20px;line-height: 20px;font-size: 14px;color: #888888;width: 170px;text-overflow: ellipsis;white-space: nowrap;float: left;margin: 4px 0;}
.xinshuR h3{display: block;overflow: hidden;font-size: 14px;color: #ff2148;width: 170px;text-overflow: ellipsis;white-space: nowrap;float: left;}

/*人气推荐*/
.renqitj{display: none;overflow: hidden;float: left;width:1200px;}
.renqitj ul{display: block;overflow: hidden;}
.renqitj ul li{display: block;overflow: hidden;float: left;margin: 0 36px 26px 0;position: relative;width: 170px;cursor: pointer;transition: all 0.6s;}
.renqitj ul li:hover{
    opacity: 0.8;
	-webkit-transform: scale(0.96);
	-moz-transform: scale(0.96);
	-ms-transform: scale(0.96);
	-o-transform: scale(0.96);
	transform: scale(0.96);
    animation-iteration-count:1;
}
.renqiImg{display: block;overflow: hidden;width: 170px;height: 243px;border-radius: 4px;float: left;}
.renqiImg img{display: block;overflow: hidden;width: 100%;height: 100%;}
.renqiR{display: block;overflow: hidden;float: left;width: 170px;}
.renqiR h1{display: block;overflow: hidden;font-size: 15px;color: #333333;width: 170px;text-overflow: ellipsis;white-space: nowrap;float: left;margin: 4px 0 0;}
.renqiR h2{display: block;overflow: hidden;height: 20px;line-height: 20px;font-size: 14px;color: #888888;width: 170px;text-overflow: ellipsis;white-space: nowrap;float: left;margin: 4px 0;}
.renqiR h3{display: block;overflow: hidden;font-size: 14px;color: #ff2148;width: 170px;text-overflow: ellipsis;white-space: nowrap;float: left;}


/*------ 返回顶部 ------*/

#back_box{ width:60px; position:fixed; z-index:999; bottom:10%; left:50%; margin-left:600px;}
.erweima,.back,.fanyi,.dengji,.gouwuche{ width:60px; height:60px; cursor:pointer; margin-bottom:10px;}

.dengji_box{ width:120px; background-color:rgba(99,153,99,0.8); border-radius:4px; position:absolute; bottom:210px; right:0;}
.dengji_box p{ font-size: 14px; color: #FFFFFF; line-height: 20px; text-align: center; margin-top: 10px;}
.dengji_box a{ display: block; width:100px; height:40px; margin:10px; font-size:14px; color:#FFFFFF; line-height:40px; text-align:center; background-color: rgba(0,0,0,0.3); border-radius: 2px; cursor: pointer;}
.dengji_box a:hover{ background-color: rgba(0,0,0,0.2);}

.erweima_box{ width:120px; height:155px; background-color:rgba(99,153,99,0.8);z-index:999; border-radius:4px; position:absolute; bottom:140px; right:0;}
.erweima_box img{ width:100px; height:100px; margin:10px;}
.erweima_box p{ width:120px; font-size:14px; color:#FFFFFF; line-height:30px; text-align:center;}

.gwctb{position: relative;}
.gwctb i{position: absolute;top: 0;right: 0;background-color: #ff2148;color: #FFFFFF;border-radius: 100px;width: 24px;height: 24px;line-height: 24px;text-align: center;font-style: normal;z-index:999;}