body, div, iframe, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, pre, table, th, td, 
form, input, button, select, textarea {margin: 0;padding: 0;font-weight: normal;font-style: normal;font-size: 100%;font-family: inherit;}
ol, ul {list-style: none;}
img {border: 0;}
a:link,a:visited {color:#333;text-decoration:none;}
a:hover {color:#f00;text-decoration:none;}
em,i {font-style:normal}
body {font-size:14px;color:#222;font-family:'微软雅黑','Microsoft Yahei', Tahoma,Verdana;background:#f1f1f1;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border:0; }
h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-size:12px; font-weight:normal;}
table,td,tr,th{font-size:12px;}
li{list-style-type:none;}
img{vertical-align:top;-ms-interpolation-mode: bicubic;}
.cr {clear:both;height:0px;overflow:hidden;}
.fl {float:left;}
.fr {float:right;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mb20 {margin-bottom:20px;}
.side-vd {margin-top:20px;}
.nomt {margin-top:0;}
.hidden,.ins {display:none}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.clearfix{*zoom:1;}
:after {text-indent: -9999em;overflow: hidden;}
.w,#main {width:1200px;margin:0 auto;}
.w{position: relative}
.bold {font-weight:bold;}
#header {clear:both;background:url(../images/topbg.png) no-repeat center 0;height: 90px;position: relative;/*z-index: 1;*/}
.ins {display:none}
/* 公供 */
.logo {float:left;width:200px;height:74px;padding-top:8px}
.logo a,.logo a:visited {float:left;width:74px;line-height:240px;height:74px;overflow:hidden;display:block;background:url(../images/logo.png);background-size: 74px 74px;}
.menu {float: right;height:78px;padding-top: 12px;}
.menu li {float: left;height: 60px;}
.menu li:last-child {padding-right: 0;}
.menu li a {display: block;line-height: 78px;font-size: 20px; position: relative;padding: 0 30px;color: #fff;}
.menu li a:hover,.menu li a.on{color:#222;background: #D6B987;}
.menu li a:hover{-webkit-transition:all linear .218s;-moz-transition:all linear .218s;transition:all linear .218s}
.menu li a.dj {padding-left: 40px;}
.menu li a.dj:after {width: 32px;height: 34px;content: "";display: block;position: absolute;top:50%;left: 4px;background: url(../images/dang/dang.png) no-repeat;margin-top: -17px;}

#header .user-login,#header .user-logout{float: right;padding-top: 12px;color: #FFFFFF;}
#header .user-login>a,#header .user-logout>a{color: #FFFFFF;font-size: 16px;line-height: 78px;position: relative;}
#header .user-logout>img{margin: 30px 4px 0 0;}
#header .user-logout>em{margin: 40px 6px 0 6px;font-size: 14px;}
#header .user-logout{margin-left: 35px;}
#header .user-login{margin-left: 15px;position: relative;z-index: 100}
#header .user-login>.name{padding-right: 14px;}
#header .user-login>.name:after{content: "";width: 0;height: 0;border-style:solid;border-width:4px;position: absolute;right: 0;}
#header .user-login>.name:after{border-color: #FFFFFF transparent transparent;top:10px;}
#header .user-login.up>.name:after{border-color: transparent transparent #FFFFFF;top:6px}

/*#header .user-login>ul{background-color: #FFFFFF;z-index: 999999;margin: 0;position: absolute;border-radius:0px 0px 6px 6px;right: 0}
#header .user-login>ul>li{font-size: 14px;line-height: 14px;font-weight:400;color: #333333;height: 36px;width:124px;display:flex;align-items: center;z-index: 999999}
#header .user-login>ul>li:first-of-type{padding-top: 8px;}
#header .user-login>ul>li:last-of-type{padding-bottom: 8px;}
#header .user-login>ul>li>img{margin-right: 7px;margin-left: 22px;}*/

#header ul.person-logout{background-color: #FFFFFF;z-index: 999999;margin: 0;position: absolute;border-radius:0px 0px 6px 6px;right: 0;top:90px;box-shadow:0px 6px 16px 0px rgba(94,66,66,0.14);}
#header ul.person-logout>li{font-size: 14px;line-height: 14px;font-weight:400;color: #333333;height: 36px;width:124px;display:flex;align-items: center;z-index: 999;}
#header ul.person-logout>li:hover{cursor: pointer;}
#header ul.person-logout>li:first-of-type{padding-top: 8px;}
#header ul.person-logout>li:last-of-type{padding-bottom: 8px;}
#header ul.person-logout>li>img{margin-right: 7px;margin-left: 22px;}

/* 最小宽*/
#footer {clear:both;background:#3F3E4B url(../images/footbg.jpg) no-repeat center 0;color:#9c9c9c;padding:4px 0 42px;text-align: center;font-size: 18px}
#footer p {line-height: 30px;}
#footer p.t {border-bottom: 2px solid #6A6A73;padding: 20px 0;display: inline-block;margin-bottom: 20px;}
#footer p.t a {margin: 0 60px;position: relative;color: #c8c8c8;}
#footer p.t a:after {content: "";border-left: 2px solid #9C9C9C;position: absolute;top:2px;left: -60px;height: 20px;}
#footer p.t a:first-child:after {display: none;}
#footer a{color: #9c9c9c;}
#footer a:hover,#footer p.t a:hover {color: #fff;}

.report{
	position: fixed;
	width:70px;
	height:61px;
	background:rgba(52,43,43,0.88);
	box-shadow:0px 10px 20px 0px rgba(131,131,131,0.1);
	z-index:10001;
	right: 0;
	top: 62%;
	font-size:18px;
	font-family:MicrosoftYaHei;
	font-weight:400;
	color:rgba(255,255,255,1);
	line-height:26px;
	padding-top: 9px;
	text-align: center;
}
.report:hover{
	background:rgba(52,43,43,1);
	box-shadow:0px 10px 20px 0px rgba(131,131,131,0.1);
}

.nomb {margin-bottom: 0;}

#main {position: relative;}
/* 首页 */
.one {background: url(../images/toplinebg.png);margin-top: -10px;padding-top: 10px;}

.topline {float: left;width: 318px;padding-top: 8px;}
.topline li {height: 156px;background: #fff;position: relative;margin-top: 12px;}
.topline li .img {float: left;width: 116px;height: 156px;}
.topline li .img img {width: 100%;height: 100%;}
.topline li .img em {display: block;width: 50px;height: 30px;color: #fff;font-size: 18px;position: absolute;bottom: 10px;left: 4px;background: #F46663;line-height: 30px;text-align: center;}
.topline li .img em:after,.topline li .img em:before {content:"";width:0;height:0;border-width:15px 12px 15px 0px;border-style:solid;border-color:transparent transparent #F46663 transparent ;position: absolute;top:0;right: -12px;display: block;}
.topline li .img em:after {border-width:15px 12px 15px 0px;border-style:solid;border-color:#F46663 transparent transparent  transparent ;}
.topline li .img em.num2 {background: #4399FD;}
.topline li .img em.num2:after {border-color:transparent transparent #4399FD transparent ;}
.topline li .img em.num2:before {border-color:#4399FD transparent transparent  transparent ;}
.topline li .img em.num3 {background: #FFBF51;}
.topline li .img em.num3:after {border-color:transparent transparent #FFBF51 transparent ;}
.topline li .img em.num3:before {border-color:#FFBF51 transparent transparent  transparent ;}
.topline li .inf {float: left;width: 178px;padding-left: 12px;padding-top: 0px;}
.topline li .inf>.alarm{display: flex;align-items: flex-end}
.topline li .inf>.alarm>span{color: #EE3430;}
.topline li .inf>.alarm>span:first-of-type{font-weight:bold;font-size: 16px;margin: 0 10px 0 5px;}
.topline li .inf>.alarm>span:last-of-type{font-weight:400;font-size: 14px;}
.topline li .inf b {line-height: 42px;height: 42px;display: block;font-size: 18px;padding-top: 4px;overflow: hidden;}
.topline li .inf .author {display: block;line-height: 14px;height: 14px;font-size:14px;color: #a0a0a0;}
.topline li .inf .num {display: block;color: #A0A0A0;line-height: 14px;height: 14px;font-size:14px;padding-top: 13px;clear: both;}
.topline li:hover {box-shadow:0px 0px 10px rgba(200,200,200,.8);}
.topline li:hover:after {background: #F46663;height: 156px;width: 4px;content: "";position: absolute;top:0;right: 0;}

p.star {height: 20px;clear: both;width: 100%;padding-bottom: 6px;}
p.star em,p.star i {width: 130px;display: inline-block;background: url(../images/star.png) repeat-x 0 -20px;height: 18px;overflow: hidden;float: left;}
p.star i {background-position: 0 0}
p.star span {float: left;color: #A0A0A0;font-size: 16px;padding-left: 10px;}

#foucs {float: right;width: 870px;height: 492px;padding-top: 20px;}
.flist {width: 870px;height: 492px;overflow:hidden}
#foucs .swiper-slide .limit-free {z-index:100;position: absolute;right: 0px;top:20px;background: url("../images/xianmian.svg");color: #fff;font-size: 18px;height:30px;width: 110px;text-align: center;line-height: 30px;}
.flist .img {float: left;width: 276px;height: 388px;box-shadow:0px 0px 30px rgba(100,100,100,1);margin: 104px 0 0 100px;}
.flist .img img {width: 100%;height: 100%;}
.flist .inf {float: right;width: 410px;padding: 90px 20px 0 0;}
.flist .inf b {height: 50px;display: block;font-size:30px;overflow: hidden;}
.flist .inf .author {display: block;height: 40px;color: #333;font-size: 18px}
.flist .inf .desc {display: block;color: #333;line-height: 30px;font-size: 18px;clear: both;font-weight: 700;height: 140px;}
.flist .inf .star {padding: 10px 0;}
.flist .inf .star span {color: #333;font-size: 18px}
.flist .inf .more {}
.flist .inf .more a {display: inline-block;width: 230px;height: 50px;background: #F46663;border-radius: 50px;color: #fff;font-size: 24px;text-align: center;line-height: 50px;}
.flist .inf .more a:hover {background: #F13F3A;}
#foucs .swiper-pagination-bullets {text-align: right;bottom: 20px;width: 96%;}
#foucs .swiper-pagination-bullet {background: #fff;opacity: .7;padding: 1px;}
#foucs .swiper-pagination-bullet-active {opacity: 1;} 
.best-selling {background: #fff;padding-top: 30px;}
.title {height: 80px;line-height: 80px;}
.title b {float: left;font-size: 32px;font-weight: 700}
#sell {padding: 0 48px;}
#sell .swiper-wrapper {padding: 20px 0px;}

#sell li {width: 384px;height: 620px;text-align: center;}
#sell li .img {width: 210px;height: 310px;margin: 90px auto 0;}
#sell li .img img {width: 100%;height: 100%;}
#sell li .desc {width: 300px;height: 390px;background: #496A91;color: #fff;margin: 30px auto 0;display: none;}
#sell li .desc em {display: inline-block;font-size: 32px;border-bottom: 1px solid #fff;padding: 18px 20px 15px;}
#sell li .desc span {display: block;padding: 10px 20px 0;font-size: 18px;line-height: 38px;text-align: left;}
#sell li .author {color: #8D8D8D;font-size: 16px;height: 34px;}
#sell li .star{width: 130px;margin: 0 auto;}
#sell li .star span {color: #8D8D8D;}
#sell .more {padding-top: 20px;display: none;}
#sell .more a {display: inline-block;width: 230px;height: 50px;background: #F46663;border-radius: 50px;color: #fff;font-size: 24px;text-align: center;line-height: 50px;}
#sell .more a:hover {background: #F13F3A;}
#sell li .name {height: 40px;line-height:40px;padding-top: 6px;font-size: 24px;font-weight: bold;}
#sell li:hover {box-shadow:0px 0px 40px rgba(200,200,200,.5);}
#sell li:hover .desc,#sell li:hover .more {display: block;}
#sell li:hover .img {display: none;}
#sell .swiper-button-next,#sell .swiper-button-prev {right:0px;width: 68px;height: 68px;background: #E5E5E5 url(../images/btn-next.png) no-repeat center center;border-radius: 4px;}
#sell .swiper-button-prev {background: #E5E5E5 url(../images/btn-prev.png) no-repeat center center;}

.rec .title {background:#fff ;}
.rec .title ul {float: right;padding-top: 10px;height: 70px;line-height: 66px;}
.rec .title ul li {float: left;padding-left: 38px;}
.rec .title ul li a {display: block;font-size: 20px}
.rec .title ul li.on a {border-bottom: 4px solid #F46663;}
.swiper-slide {overflow: hidden;}
.reclist {height: 100%;overflow:hidden;padding: 20px 0px;margin-left: -30px;}
.reclist li {float: left;width: 580px;margin:0 0px 0 30px;height: 310px;padding: 30px 0;}
.reclist li .img {width: 210px;height: 310px;float: left;box-shadow:0px 0px 20px rgba(200,200,200,1);display: block;position: relative;z-index: 1;}
.reclist li .img img {width: 100%;height: 100%;}
.reclist li .inf {float: right;width: 296px;background: #fff;height: 226px;margin-top: 27px;box-shadow:0px 0px 20px rgba(200,200,200,1);padding: 30px 34px 0 40px;color: #8D8D8D;} 
.reclist li .inf b {display: block;font-size: 24px;height: 40px;overflow: hidden;}
.reclist li .inf .author {height: 34px;overflow: hidden;font-size: 16px}
.reclist li .inf .desc {clear: both;line-height: 24px;height: 96px;overflow: hidden;font-size: 16px;}
.reclist li .inf .star{padding: 14px 0;}
.reclist li:hover .inf,.reclist li:hover .inf .img  {box-shadow:0px 0px 20px rgba(100,100,100,.6);}

.hot {background: #fff;padding: 20px 0;}
.hot .bd {padding: 20px 0;}
.hot .bd ul {margin-left: -96px;}
.hot li {float: left;width:276px;margin-left: 156px;height: 52px;position: relative;border-bottom: 2px dashed #DFDFDF;}
.hot li em {position: absolute;top:50%;left: -60px;width: 40px;line-height: 40px;height: 40px;text-align: center;color: #C7C7C7;font-size: 24px;margin-top: -20px;}
.hot li p {height: 50px;line-height: 50px;font-size: 18px}
.hot li p i,.hot li a.img {display: none;}
.hot li.on {height: 190px;}
.hot li.on em {margin-top: 0;top: 0;background: #F46663;color: #fff;padding-bottom: 10px;}
.hot li.on em:after {content: "";width:0;height:0;border-width:0 20px 10px 20px;border-style:solid;border-color:transparent  transparent #fff ;position: absolute;bottom:0;right: 0;display: block;}
.hot li.on em.num2 {background:#4399FD;}
.hot li.on em.num3 {background:#FFBF51;}
.hot li.on a.img {display: block;width: 120px;height: 174px;float: left;}
.hot li.on a.img img{width: 100%;height: 100%;}
.hot li.on p {float: right;width: 136px;height: 174px;}
.hot li.on p span {display: block;line-height: 30px;font-size: 24px;font-weight: bold;}
.hot li.on i {display: block;color: #8D8D8D;font-size: 16px;line-height: 20px;padding-top: 16px;}

.hot li.num7 ,.hot li.num8,.hot li.num9{border-bottom: 0;}

/*列表*/
.listtitle {height: 80px;text-align: center;}
.listtitle b {display: inline-block;width: 182px;height: 80px;line-height: 80px;font-size:28px;font-family:MicrosoftYaHei;font-weight:400;color:rgba(204,169,109,1);}
.booklist,.bookinfo {background: #fff;padding:0 40px;}
.booklist li {height: 310px;padding: 40px 0;border-top: 1px solid #E5E5E5;position: relative;}
.booklist li:first-child {border-top: 0;}
.booklist li .img {width: 210px;height: 310px;position: absolute;top:40px;left: 0;}
.booklist li .img img {width: 100%;height: 100%;}
.booklist li .inf {color: #8D8D8D;padding-left: 250px;}
.booklist li .inf b {line-height: 60px;height: 60px;display: block;font-size: 30px;overflow: hidden;font-weight: 400;}
.booklist li .inf .author {display: block;height: 34px;font-size: 20px}
.booklist li .inf .desc {clear: both;font-size: 20px;line-height: 32px;padding-top: 14px;height: 132px;overflow: hidden;}
.booklist li p.star {overflow: hidden;}
.booklist li p.star span {font-size: 20px;margin-top: -4px;}
.booklist a.more {display: block;width: 180px;height: 50px;background: #F46663;border-radius: 50px;color: #fff;font-size: 24px;text-align: center;line-height: 50px;}
.booklist a.more:hover {background: #F13F3A;}
.appmore {text-align: center;padding:50px 0;}
.appmore a {display: inline-block;font-size: 24px;color: #F36563;}
.appmore a span {display: block;padding-bottom: 20px;background: url(../images/appmore.png) no-repeat center bottom;}

.bookinfo {padding:100px 30px 60px;margin: 30px 0;position: relative;}
.cname {position: absolute;top: 30px;left: -8px;background: #FFC052;color: #fff;height: 30px;width: 100px;text-align: center;font-size: 18px;line-height: 30px;}
.cname:after {content: "";width:0;height:0;border-width:0 0px 8px 8px;border-style:solid;border-color:transparent  transparent #E5A431 ;top:-8px;left: 0;position: absolute;}
.cname:before{content: "";width:0;height:0;border-width:10px 8px 0;border-style:solid;border-color:#E5A431 transparent transparent;bottom:-10px;right: 0;position: absolute;}
.bookinfo .img {float: left;width: 210px;height: 310px;}
.bookinfo .img img {box-shadow:0px 0px 60px rgba(100,100,100,.4);width: 100%;height: 100%;}
.bookinfo .inf {float: left;padding:0 0 0 60px;width: 840px;position: relative;}
.bookinfo h1 {height: 64px;font-size: 30px;font-weight: bold;}
.bookinfo div.desc {line-height: 30px;font-size: 18px;color: #8D8D8D;width: 466px;margin-bottom: 80px;}
.bookinfo .read {position: absolute;bottom: 0;}
.bookinfo .read a {display: inline-block;line-height: 40px;height: 40px;padding: 0 30px;background: #F46663;color: #fff;border-radius: 40px;font-size: 18px}
.bookinfo .cate {padding-top: 0;position: absolute;top: 64px;right: 0;}
.bookinfo .cate {border-left: 2px solid #e5e5e5;padding-left: 41px;float: left;}
.bookinfo .cate p.star span {font-size: 20px;margin-top: -4px;}
.bookinfo .cate ul {}
.bookinfo .cate li {line-height: 38px;font-size: 18px;color: #8D8D8D;}
.bookinfo .mdesc {display: none;}

.book-comment{background-color: #FFFFFF;margin-bottom: 30px;clear: both}
.book-comment>.head{display: flex;flex-direction:row;justify-content: space-between;padding: 30px 60px 26px 50px;box-shadow:0px 4px 10px 0px rgba(159,93,93,0.08);}
.book-comment>.head>a{display: inline-block;padding-left:22px;font-size:16px;line-height:16px;height:16px;font-weight:400;color:#EE3430;}
.book-comment>.head .title{height:24px;line-height: 24px;margin-bottom: 14px;}
.book-comment>.head .title>b{font-size:24px;line-height: 24px;font-weight: 700;padding-right: 9px;}
.book-comment>.head .title>span{font-size:16px;line-height: 26px;font-weight: 400;}
.book-comment>.head .remark{color: #F08B15;font-size:14px;line-height: 20px;display: flex;align-items: center;position: relative;padding-left: 12px;}
.book-comment>.head .remark>span:first-of-type{font-size:20px;line-height: 20px;display: inline-block;position: absolute;top: 3px;left: 0;}
.book-comment>.content{padding: 0 60px;}
.book-comment>.content>.no-comment{display: flex;flex-direction: column;align-items: center;padding: 23px 0 40px;}
.book-comment>.content>.no-comment>span{font-size: 14px;color: #333333;font-weight:400;line-height: 14px;display: inline-block;margin-top: 23px;}
.book-comment .comment-content{padding: 10px 0 18px;box-shadow:0px 1px 0px 0px rgba(230,230,230,1);}
.book-comment .comment-content>div{height: 36px;display: flex;align-items: center}
.book-comment .comment-content>div>span:first-of-type{display: flex;justify-content:center;align-items:center;opacity:0.5;border-radius:50%;color:#FFF;background-color: #17d0d7/*#FFEABD*/;width:24px;height:24px;margin-right: 9px;}
.book-comment .comment-content>div>span:last-of-type{font-size:16px;color: #333333;line-height: 16px;}
.book-comment .comment-content>p{font-size:14px;line-height: 22px;font-weight:400;color: #666666;}
.book-comment .no-more-comment{font-size:18px;line-height: 18px;font-weight:400;color: #333333;text-align: center;padding: 29px 0 33px;}
.book-comment .more-comment{padding: 18px 0 22px;}
.book-comment .more-comment>div{width:72px;height:40px;border:1px solid rgba(220,220,220,1);border-radius:4px;margin: 0 auto;font-size: 18px;line-height: 40px;padding: 0 37px 0 19px;width: 72px;position: relative;cursor: pointer}
.book-comment .more-comment>div:after{content: "";display: block;width: 10px;height: 10px;border-left: 1px solid #333333;border-bottom: 1px solid #333333;top: 12px;right: 19px;position: absolute;transform: rotate(-46deg);}
.book-comment .page{display: flex;justify-content:center;align-items: center;padding: 28px 0 30px;height: 22px;line-height: 22px;}
.book-comment .page>a{font-size: 17px;color: #919191}
.book-comment .page>span{margin: 0 9px;font-size: 14px;color: #333333;}
.book-comment .page>span>span{color: #EE3430}
.book-comment .page>input{width:32px;height:22px;border:1px solid rgba(213,213,213,1);text-align: center}


.side {float: right;width: 300px;background: #fff;padding-bottom: 14px;margin-bottom: 20px;}
.col {float: left;width: 888px;background: #fff;margin-bottom: 40px;padding-bottom: 30px;}
.side h3{font-size: 24px;line-height: 30px;text-indent: 14px;padding-top: 20px;}
.like li {height: 174px;padding: 14px;}
.like li img {float: left;width: 120px;height: 174px;}
.like li p {float: right;width: 136px;}
.like li p span {display: block;font-size: 24px;font-weight: bold;line-height: 32px;}
.like li p em {display: block;font-size: 16px;color: #8D8D8D;padding-top: 20px;}

.col .title b {font-size: 24px;padding-left: 50px;}
.col .title span {font-size: 18px;padding-left: 10px;}
.blist {padding: 0 50px;}
.blist li {line-height: 50px;height: 50px;padding-left: 50px;overflow:hidden;}
.blist li p {float: left;width: 50%;text-indent: 1em;}
.blist li.t,.blist li.s {font-size: 18px}
.blist li.t a {position: relative;}
.blist li.t a:after {background: #F46663;width:3px;border-radius: 1px;content: "";height: 18px;display: block;position: absolute;top:3px;left: -14px;}
.blist li:nth-child(odd){background:#f2f2f2;}
/*展开*/
.slidedown{height: auto;}
.packupButton {position: relative;padding: 0rem 0 1rem;text-align: center;display: none;}
.openall {color: #333;text-align: center;border: 1px solid #e5e5e5;display: inline-block;line-height: 40px;height: 40px;width: 130px;font-size: 18px;border-radius: 5px;cursor: pointer;}

.gradient {position: absolute;top: -3.5rem;height: 3.5rem;width: 100%;background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,100%,0)), to(#fff));background-image: linear-gradient(-180deg, hsla(0,0%,100%,0), #fff);}
.arrowBox {display: inline-block;position: relative;width: 14px;height: 14px;margin: 0 0 -3px 5px}
.arrowBox b {width: 14px;height: 14px}
.arrowBox b, .arrowBox i {position: absolute;left: 0;top: 0}
.arrowBox i {display: block;border-bottom: 7px dashed transparent;border-left: 7px dashed transparent;border-right: 7px dashed transparent;overflow: hidden}
.arrowBox .arrowA {top: 2px;border-top: 7px solid #c2c2c2}
.arrowBox .arrowB {border-top: 7px solid #fff}
.openall:hover {border: 1px solid #F13F3A;color: #F13F3A;}
.openall:hover .arrowA {border-top: 7px solid #F13F3A}

body.read {background: url(../images/read/bg.png);}
.read .bd {background: #E1E4E7;width: 800px;margin: 0 auto;box-shadow:0px -20px 20px rgba(100,100,100,.6);overflow: hidden;}
.read .bd .tit {margin:0 56px ;font-size: 16px;border-bottom: 2px solid #C9CCCF;padding-top: 20px;line-height: 40px;height: 40px;color: #7B7B7C;}
.read .bd .tit {}
.read .bd h1 {color: #BE4949;font-size: 18px;padding: 20px 56px;}
.endbook {padding: 0 56px;font-size: 16px;line-height: 24px;}
.endbook p {margin-bottom: 20px;text-indent: 2em;}
.tool {padding: 30px 0;border-top: 1px solid #CBCED1;text-align: center;height: 50px;}
.tool a {display: inline-block;width: 170px;height: 48px;line-height: 48px;font-size: 20px;position: relative;border: 1px solid #333;margin: 0 25px;border-radius: 4px;}
.tool a span {display:inline-block;position: relative;}
.tool a span:after {content: "";width: 26px;height: 21px;background: url(../images/read/menu.png) no-repeat;float: left;margin: 13px 10px 0 0;}
.tool a:hover {color: #333;}
.tool a.prev span:after {background: url(../images/read/prev.png) no-repeat;margin-right: 0px;}
.tool a.next span:after {background: url(../images/read/next.png) no-repeat;margin-right: 0px;margin-left:5px;float: none;float: right;}
.tool a:hover {opacity: .5;}
.read-qrocde {position: fixed;top: 0;right: 50%;width: 130px;text-align: center;font-size: 16px;background: #E1E4E7;margin: 0 -560px 0 0;}
.read-qrocde p {line-height: 40px;}
.read-qrocde img {width: 100px;height: 100px;}
.cover {padding: 60px 0;text-align: center;}
.cover img {max-width: 700px;}
.read .vip {text-align: center;}
.read .vip h2,.read .vip p {font-size: 18px;line-height: 40px;}
.read .vip h2 {padding-bottom: 10px;}
.read .vip p {padding-top:50px;}
.read .vip .gofree {height: 42px;}
.read .vip .gofree a {display: inline-block;padding:0 50px;border: 1px solid #B5B5B5;background: #eee;font-size: 20px;border-radius: 4px;line-height: 40px;height: 40px;}
.read .vip .qrcode {padding: 20px 0;}
.read .vip .qrcode img {width: 100px;height: 100px;}
.read .mulu {border: 1px solid #BFBFBF;margin: 10px 56px 0;background: #EBE8E3;position: relative;padding-bottom: 10px;}
.read .mulu:after,.read .mulu:before {content: "";width:0;height:0;border-width:20px 18px 0;border-style:solid;border-color:#BFBFBF transparent transparent;bottom:-20px;left:50%;margin-left:-10px;position: absolute;}
.read .mulu:before {border-width:20px 18px 0;border-style:solid;border-color:#EBE8E3 transparent transparent;bottom: -19px;z-index: 1}
.read .mulu .title {text-align: center;line-height: 50px;height: 50px;}
.read .mulu .title b {font-size: 20px;float: none;}
.read .blist {padding: 0 20px;height: 400px;overflow-y: auto;}
.buy-info{position: relative;border-top: 1px solid #CACDD0;}
.buy-info::before {
	height: 80px;
	content: '';
	background: #fcfcfc;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(225, 228, 231, .3)), to(#E1E4E7));
	background: linear-gradient(rgba(225, 228, 231, .3), #E1E4E7);
	position: absolute;
	top: -81px;
	left: 0;
	right: 0;
}
.bi-info{color: #BE4949;  font-size:16px;font-family:MicrosoftYaHei;  font-weight:400;  color:rgba(190,73,73,1);  line-height:24px;margin-top: 30px;margin-left: 4px;}
.now-bookbi{
	font-size:16px;
	font-family:MicrosoftYaHei;
	font-weight:400;
	color:rgba(51,51,51,1);
	line-height:24px;
	margin-left: 4px;
	margin-top: 8px;
}
.buy-btn{
	width:320px;
	height:80px;
	background:rgba(190,73,73,1);
	box-shadow:0px 4px 8px 0px rgba(164,42,42,0.08);
	border-radius:40px;
	text-align: center;
	cursor: pointer;
	margin: 41px auto 131px;
}
.buy-btn p{
	margin-bottom: 0;
	text-indent: 0;
}
.buy-btn-p1{
	padding-top: 7px;
	line-height:42px;
	font-size:20px;
	font-family:MicrosoftYaHei;
	font-weight:400;
	color:rgba(255,255,255,1);
}
.buy-btn-p2{
	font-size:14px;
	font-family:MicrosoftYaHei;
	font-weight:400;
	color:rgba(255,255,255,0.88);
	line-height:14px;
}
/*自适应*/
@media only screen and (max-width:1250px){
.w,#main {width:1150px;}
#foucs,.flist {width: 820px;}
.flist .img {margin: 104px 0 0 50px;}
.reclist {margin-left: -20px;}
.reclist li {width: 565px;margin:0 0px 0 20px;}
.reclist li .inf {width: 281px;}
.hot .bd ul {margin-left: -71px;}
.hot li {float: left;width:276px;margin-left: 131px;height: 52px;position: relative;border-bottom: 2px dashed #DFDFDF;}
.bookinfo {padding:100px 45px 60px;}
.bookinfo .inf {padding:0 0 0 50px;width: 800px;}


.col {width: 838px;}
.col .title b {padding-left: 30px;}
.blist {padding: 0 30px;}


}

@media only screen and (max-width:992px){
*{-webkit-user-select: none;-webkit-tap-highlight-color: rgba(200,200,200,0);}
* {-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}

body {font-size:100%;}
.w,#main {width:100%;}
.side,.topline,.col,#foucs,.reclist li,.hot li {float: none;width: 100%;}

#footer {padding:1.2rem .5rem;}
#footer p {line-height:1.6rem;padding: 0 1rem;}

.navbtn  {width: 3rem; height: 3rem; text-indent: -900em; overflow: hidden; position: absolute; top: 0; right: 0; cursor: pointer; outline: none; background: #333 url(../images/menu-button-bg.png) no-repeat center center; background-size: 50%;}
.navbtn {z-index: 10;}
#header {height:3rem;}
.logo {width:50%;height:3rem;padding:.3rem 0 0 .5rem;}
.logo a,.logo a:visited {width:100%;line-height:6rem;width:100%;height:2.4rem;background:url(../images/logo.png) no-repeat 0 center;background-size:auto 100%;}

.menu {display: none;background: #333;width: 40%;z-index: 9;float: none;height: auto;position: absolute;top:3rem;right: 0;padding-top: 0;}
.menu li:first-child a {border-top: 0;}
.menu li {float: none;padding:0;height:auto;border-bottom: 1px solid #111;}
.menu li a {line-height: 100%;font-size:1rem;padding:1rem 0;color: #fff;text-align: center;border-top: 1px solid #444;}
.menu li a:hover:after,.menu a.on:after,.drop-on a:after {display: none;}
.menu li a:hover,.menu li a.on{color:#fff;}
.mask {position:absolute;top:0px;left:0;width:100%;height:100%;opacity:.4;background:#000;z-index:1;display: none;}

#footer {padding:.3rem 0 1rem;font-size: 1rem}
#footer p {line-height: 1.6rem;}
#footer p.t {border-bottom: .1rem solid #6A6A73;padding: 1rem 0;margin-bottom: 1rem;}
#footer p.t a {margin: 0 1.6rem;}
#footer p.t a:after {content: "";border-left: 2px solid #9C9C9C;position: absolute;top:.1rem;left: -1.6rem;height: 1rem;}


.topline {padding: .5rem;}
.topline li {height: auto;margin-top: .5rem;clear: both;display:-moz-box;display:-webkit-box;display:box;}
.topline li .img {float: none;width: 24%;height: auto;}
.topline li .img img,.flist .img img,#sell li .img img,.reclist li .img img,.booklist li .img img,.bookinfo .img img {display:block;width:100%;height:auto;max-height: 16rem;min-height: 4rem;}
.topline li .inf {float: none;width:auto;padding-left:1rem;padding-top: 0px;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;height: 100%;}
.topline li .inf b {line-height: 3rem;height:auto;font-size:1.2rem;padding-top: .5rem;}
.topline li .inf .author {line-height: 2rem;height: auto;margin-bottom: .3rem;}
.topline li .inf .num {line-height: 2rem;height:auto;}

#foucs {height: auto;padding-top: 0;}
.flist {width: 100%;height: auto;position: relative;padding: 0rem 0 0 1rem;}
.flist .img {float: left;width: 24%;height: auto;margin:1rem 0 0;}
.flist .inf {float: left;width: 76%;padding:1rem 0 1rem 1.5rem;}
.flist .inf b {height: auto;font-size: 1rem;}
.flist .inf .author {line-height: 1.4rem;height: auto;margin-bottom:.3rem;font-size: 1rem}
.flist .inf .desc {line-height: 1.6rem;font-size:1rem;height:auto;margin-bottom:.3rem;font-weight: 400;padding-right: 1rem;}
.flist .inf .star {padding: 0;}
.flist .inf .star span {font-size: .8rem;margin-top: -.1rem}
.flist .inf .more a,#sell .more a,.booklist a.more {display: inline-block;width:auto;height: 2rem;border-radius: 2rem;font-size:1rem;line-height: 2rem;padding: 0 2rem;}
#sell .more a {min-width: 80px;padding: 0 0;}
#foucs .swiper-pagination-bullets {bottom: .5rem;}
#foucs .swiper-pagination-bullet {background: #fff;opacity: .7;padding: .2rem;}


.best-selling {padding-top: .5rem;}
.title {height: 3rem;line-height: 3rem;}
.title b {float: none;font-size: 1.4rem;padding: 0 1rem;}
#sell {padding: 0;}
#sell .swiper-wrapper {padding: 1rem 0px;}
#sell li {width: 33.333333%;height: auto;padding: 0 .5rem;}
#sell li .img {width: 100.5px;height: 138px;margin: 0px auto 0;}
#sell li .img img{width: 100%;height: 100%;}
#sell li .name {height: 2rem;line-height:2rem;padding-top:0rem;font-size: 1rem;margin-top: .3rem;overflow:hidden;}
#sell li .author {color: #8D8D8D;font-size: .8rem;height: auto;line-height: 1.2rem;height: 2.4rem;}
#sell li .star{width: 100%;}
#sell .more {padding-top: 1rem;display: block;}
#sell li:hover {box-shadow:none;}
#sell li:hover .desc {display: none;}
#sell li:hover .img {display: block;}
#sell .swiper-button-next,#sell .swiper-button-prev {right:0px;width: 2rem;height: 2rem;background-size:auto 50%;}
#sell .swiper-button-prev {background-size:auto 50%;}

p.star {height: 1rem;clear: both;width: 100%;}
p.star em,p.star i {width: 5.6rem;display:inline-block;background: url(../images/star.png) repeat-x 0 -.9rem;height: .9rem;overflow: hidden;float: none;vertical-align: top;background-size:1.181818rem 1.727272rem;}
p.star i {background-position: 0 0;text-align: left;display: block;}
#sell p.star {height: 2rem;}
#sell p.star em{display: block;margin:auto}
#sell p.star i {display: block;margin:0}
p.star i.star1 {width: 1.181818rem;}
p.star i.star2 {width: 2.363636rem;}
p.star i.star3 {width: 3.545454rem;}
p.star i.star4 {width: 4.727272rem;}
p.star i.star5 {width: 100%;}
p.star span {float: none;color: #A0A0A0;font-size: .8rem;padding-left: .5rem; vertical-align: top;}

.rec .title ul {float: right;padding-top: 0;height: 2.8rem;line-height: 2.8rem;}
.rec .title ul li {padding-left: 1rem;}
.rec .title ul li a {display: block;font-size: 1rem}
.rec .title ul li.on a {border-bottom: .2rem solid #F46663;}
.reclist {padding: .5rem 0px;margin-left:0px;}
.reclist li {margin:1rem;height:100%;padding:0rem 0;clear: both;background: #fff;overflow: hidden;}
.reclist li .img {width: 24%;height: 100%;float: left;box-shadow:0px 0px 1rem rgba(200,200,200,1);display: block;position: relative;z-index: 1;}
.reclist li .inf {float: left;width: 76%;height: auto;margin-top: 1rem;box-shadow:none;padding: 1rem 1rem 0 1.5rem;background: none;}
.reclist li .inf b {font-size: 1rem;height: 2rem;}
.reclist li .inf .author {height: 1.4rem;font-size: .8rem}
.reclist li .inf .desc {clear: both;line-height: 1.2rem;height:3.6rem;font-size:.8rem;padding-right: 1rem;}
.reclist li .inf .star{padding:0;margin:.5rem 0 1rem 0;}
.reclist li:hover .inf,.reclist li:hover .inf .img  {box-shadow:none;}

.hot {padding: 1rem 0;}
.hot .bd {padding: 0;}
.hot .bd ul {margin:0 1rem;}

.hot li {margin-left: 2.5rem;width:auto;height: 3rem;position: relative;}
.hot li em {top:50%;left: -2.5rem;width: 1.5rem;line-height: 1.5rem;height: 1.5rem;font-size: 1rem;margin-top: -.75rem;}
.hot li p {height: 3rem;line-height:3rem;font-size: 1rem}
.hot li p i,.hot li a.img {display: none;}
.hot li.on {height: 3rem;clear: both;}
.hot li.on em {margin-top: -.75rem;top: 50%;background: #F46663;color: #fff;padding-bottom: 1.5rem;height: 2rem;}
.hot li.on em:after {border-width:0 .75rem .375rem .75rem;}
.hot li.on a.img {display: none;width: 14%;height: auto;float: left;}

.hot li.on p {float: left;width: 100%;height: auto;line-height:2rem;padding-left: 0rem;}
.hot li.on p span {display: block;line-height: 3rem;font-size: 1rem;font-weight: 400;padding-left: 0rem;}
.hot li.on i {display:none;font-size: .8rem;line-height: 2rem;padding-top:.5rem;}
.hot li.num7 ,.hot li.num8,.hot li.num9{border-bottom: 2px dashed #DFDFDF;}

.listtitle {height: 4rem;}
.listtitle b {height: 4rem;line-height: 4rem;}
.booklist,.bookinfo {background: #fff;padding:0 1rem;}
.booklist li {height: 100%;padding:1rem 0;clear: both;overflow: hidden;}
.booklist li .img {float:left;width: 24%;height:100%;position:initial;top:0rem;left: 0;}
.booklist li .inf {float:left;width:76%;padding-left: 1rem;}
.booklist li .inf b {line-height: 2rem;height: 2rem;font-size: 1rem;}
.booklist li .inf .author {display: block;height: 1.6rem;font-size: .8rem}
.booklist li .inf .desc {clear: both;font-size: .8rem;line-height: 1.4rem;padding-top:0rem;height: auto;overflow: hidden;padding-bottom: .5rem;}

.booklist li p.star span {font-size: .8rem; vertical-align: top;margin-top: 0;}
.booklist a.more {border-radius: 2rem;}
.appmore {padding:2rem 0;}
.appmore a {font-size: 1rem;}
.appmore a span {display: block;padding-bottom: 1rem;}

.bookinfo {padding:1rem;margin: 0px 0;}
.cname {position: absolute;top: 1.3rem;left: .65rem;height: 30px;width: 100px;text-align: center;font-size: .8rem;line-height: 30px;}
.bookinfo .img {float: left;width: 24%;height: auto;}
.bookinfo .inf {float: left;padding:0 1rem;width: 76%;}
.bookinfo h1 {height: 2rem;font-size: 1.2rem;}
.bookinfo div.desc {display: none;}
.bookinfo .read {padding-top: 1rem;position:initial;}
.bookinfo .read a {display: inline-block;line-height: 2.4rem;height: 2.4rem;padding: 0 2rem;border-radius: 2.4rem;font-size: 1rem}
.bookinfo .cate {position: initial;width: 100%;padding-top: 1rem;}
.bookinfo .cate {border-left:0;padding-left:0;float: none;}
.bookinfo .cate p.star span {font-size: 20px;margin-top: -4px;}
.bookinfo .cate ul {padding-top: 0rem;}
.bookinfo .cate li {line-height: 2rem;font-size: .8rem;}
.bookinfo .mdesc {line-height: 1.4rem;font-size: .8rem;width: 100%;display: block;clear: both;padding-top: 1rem;}

.side {padding-bottom: 2rem;margin-bottom: 0rem;}
.col {margin-bottom: 40px;padding-bottom: 30px;}
.side h3{font-size: 1rem;line-height: 2rem;text-indent: .5rem;padding-top: 1rem;}
.like {height: 100%;overflow: hidden;}
.like li {height: 100%;overflow: hidden;padding: .5rem;float: left;width: 33.333333%;text-align: center;}
.like li img {float: none;width: 90%;height:140px;max-width: 210px;}
.like li p {float: none;width: 100%;}
.like li p span {font-size: 1rem;line-height:1.6rem;padding: .5rem 0;}
.like li p em {padding-top: .4rem;font-size: .8rem;line-height: 1rem;}

.col .title b {font-size: 1.2rem;padding-left: .5rem;}
.col .title span {font-size: .8rem;padding-left:0rem;}
.blist {padding: 0 .7rem;}
.blist li {line-height: 2.8rem;height: 2.8rem;padding-left: 1.5rem;}
.blist li p {float: left;width: 50%;text-indent: 1em;font-size: .8rem}
.blist li.t,.blist li.s {font-size: 1rem}
.blist li.t a {position: relative;}
.blist li.t a:after {width:.2rem;border-radius: .1rem;height: 1rem;top:.2rem;left: -.8rem;}
.read-qrocde {display: none;}

.read .bd {width: 90%;}
.read .bd .tit {margin:0 1rem ;font-size: 1rem;padding: 1rem 0 .5rem;line-height:auto;height: auto;}
.read .bd h1 {font-size: 1.2rem;padding:1rem 1rem;}
.endbook {padding: 0 1rem;font-size: 16px;line-height: 24px;}

.tool {padding: 20px 0;border-top: 1px solid #CBCED1;text-align: center;height: 90px;}
.tool a {display: inline-block;width: 26%;height: 48px;line-height: 48px;font-size: 20px;position: relative;border: 1px solid #333;margin: 0 .5rem;border-radius: 4px;}
.read .mulu {margin: .6rem 1rem 0;}
.read .mulu .title {text-align: center;line-height: 3rem;height: 3rem;}
.read .mulu .title b {font-size: 1rem;float: none;}
.read .blist {padding: 0 1rem;overflow-y: auto;}

.openall {color: #333;text-align: center;border: 1px solid #e5e5e5;display: inline-block;line-height: 3rem;height: 3rem;width: 50%;font-size: 1rem;border-radius: 5px;cursor: pointer;}
}
@media screen and (min-width : 768px) {
	html {font-size: 150%;}
	
}

@media only screen and (max-width:768px) {
#footer p span {display: none;}
.read .bd {width: 100%;}
.cover {padding: 1rem 2rem;}
.cover img {width: 100%;height: auto;}
.rec .title {float: none;width: 100%;height:auto;}
.rec .title ul {float: none;width:100%;padding-top: 0;height: 3rem;line-height: 2.8rem;background: #F2F2F2;;}
.rec .title ul li {padding-left: 0;width: 20%;text-align: center;}
.rec .title ul li a {display: block;font-size: 1rem}
.rec .title ul li.on a {border-bottom: .2rem solid #F46663;}

.read .vip h2,.read .vip p {font-size: 1rem;line-height: 3rem;}
.read .vip h2 {padding-bottom: .5rem;}
.read .vip p {padding-top:1rem;}
.read .vip .gofree {height: 3rem;}
.read .vip .gofree a {padding:0 3rem;font-size: 1.2rem;line-height: 3rem;height: 3rem;}
.read .vip .qrcode {padding: 1rem 0;}
.read .vip .qrcode img {width: 100px;height: 100px;}


.read .mulu:after,.read .mulu:before {content: "";width:0;height:0;border-width:1rem 1rem 0;border-style:solid;border-color:#BFBFBF transparent transparent;bottom:-1rem;left:50%;margin-left:-.5rem;position: absolute;}
.read .mulu:before {border-width:1rem 1rem 0;border-style:solid;border-color:#EBE8E3 transparent transparent;bottom: -.9rem;z-index: 1}


}
@media only screen and (max-width:640px) {
.tool a {display: inline-block;width: 26%;height: 48px;line-height: 48px;font-size: 20px;position: relative;border: 1px solid #333;margin: 0 .5rem;border-radius: 4px;}

}
@media only screen and (max-width:480px) {
body.read {background:#E1E4E7}
.reclist {padding: .5rem 0px;margin-left:0px;}
.reclist li {margin:.5rem;}
.reclist li .inf {margin-top: 0rem;box-shadow:none;padding: .5rem 1rem 0 1rem;background: none;}
.reclist li .inf b {font-size: 1rem;}
.reclist li .inf .author {height: 1rem;}
.reclist li .inf .desc {padding-right: 0rem;}
.reclist li .inf .star{padding:0;margin:.2rem 0 .3rem 0;}
.reclist li:hover .inf,.reclist li:hover .inf .img  {box-shadow:none;}
.booklist li .inf .desc {height: 2.8rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}

.cname {position: absolute;top: 1.3rem;left: .65rem;height:1.3rem;width: 3.8rem;text-align: center;font-size: .6rem;line-height: 1.3rem;}
.bookinfo .read {padding-top: 1rem;position:initial;}
.bookinfo .read a {line-height: 2rem;height: 2rem;padding: 0 1.5rem;border-radius: 2rem;}
.bookinfo .cate {padding-top: 0rem;}
.bookinfo .cate p.star span {font-size: 1rem;margin-top: -.5rem;}
.bookinfo .cate li {line-height: 1.4rem;font-size: .8rem;}
.bookinfo .mdesc {line-height: 1.4rem;font-size: .8rem;width: 100%;display: block;clear: both;padding-top: 1rem;}

.tool a {font-size: 1rem}

}
@media only screen and (max-width:380px) {
html{font-size: 80%}
.listtitle b {background-size: auto 50%;}
.tool a {width:28%;height: 38px;line-height: 38px;}
.tool a span {display:inline-block;position: relative;}
.tool a span:after {width: 1.5rem;height: 1.5rem;background-size:100% auto;float: left;margin:.9rem .5rem 0 0;}
.tool a.prev span:after,
.tool a.next span:after {background-size:100% auto;}
}
@media only screen and (max-width:320px) {
html{font-size: 62.5%}
.tool {padding: 2rem 0;border-top: 1px solid #CBCED1;text-align: center;height: 7rem;}
.tool a {width:28%;height: 3rem;line-height: 3rem;}
.tool a span:after {margin:.8rem .5rem 0 0;}
.endbook {font-size: 1.2rem;line-height: 2rem;}
.endbook p {margin-bottom: 1rem;}
	
}

.eliminate-banner {box-shadow:0px 2px 14px 0px rgba(45,45,45,0.08);width:100%;position: relative;z-index:1;/*background: url(../images/dahei@2x.png) no-repeat center 0;*/margin-top: -10px;}
.eliminate-banner img {height:100%;width:100%;display: block; }
@media only screen and (max-width:992px) {
.eliminate-banner {height: auto;background:no-repeat;margin-top:0px;}
.eliminate-banner img {display: block;;width: 100%;}
}