/*主色调*/
.theme-color{color: #f4587a}
.theme-bg{background-color: #f4587a}
.theme-border{border:1px solid #f4587a}
.theme-l-border{border-left-color: #f4587a;}


/*省略*/
.sl{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.sl2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.main{background-color: #fff; padding-bottom: .5rem; margin-bottom: 0!important;}

/*顶部推荐位*/
.n-top-ad{display: block; height: .8rem; background: #ccc;}
.n-top-ad img{display: block; width: 100%; height: 100%;}
#index-tab-item a:focus, a:hover{color:#fff}

/*tab栏*/
.n-nav-bar{height: .8rem;}
.n-nav-bar a{width: 20%; float: left; text-align: center; line-height: .8rem; color: #fff; font-size: .32rem;}

/*sub tab栏*/
.n-subnav-bar{line-height: .8rem; height: .8rem;}
.n-subnav-bar a{float: left; width: 20%; text-align: center; font-size: .32rem; color: #333;}
.n-sign{}
.n-sign img{width: .6rem; height: .6rem; background: #ccc;}
.n-sign span{font-size: .24rem; color: #ff8119;}
.n-search-wrap{float: left; height: .6rem; margin-top: .1rem; width: 2.64rem; box-sizing: border-box; border: 1px solid #ddd; border-radius: .4rem; position: relative; overflow: hidden;}
.n-search-img{position: absolute; width: .24rem; height: .24rem; left: .2rem; top: 0; bottom: 0; margin: auto;}
.n-search-input{display: block; width: 100%; box-sizing: border-box; line-height: .56rem; padding-left: .5rem; padding-right: .77rem; font-size: .24rem; }
.n-search-submit{position: absolute; right:0; top: 0; background-color: #fff; line-height: .56rem; font-size: .28rem; color: #999;}

/*阅读记录*/
.n-read-log-wrap{ height: .36rem; margin: .2rem .3rem .3rem; color: #999; }
.n-read-log{float: left; display: flex; align-items: center;}
.n-read-log img{width: .3rem; margin-right: .1rem;}
.n-read-log a{font-size: .28rem;line-height: .36rem; color: #999;}
.n-book-shelf{float: right; border-left: .04rem solid #ddd; padding-left: .3rem; display: flex; align-items: center;}
.n-book-shelf img{width: .4rem; margin-right: .1rem;}
.n-book-shelf span{font-size: .32rem;line-height: .36rem; color: #999;}

/*短篇小说*/
.toStory{display: block; margin-bottom: .3rem;}
.toStory img{ width: 100%;}

/*轮播区*/
.swiper-container{height: 2.9rem; position: relative; margin: 0 .3rem;}
.swiper-slide{ height: 2.4rem; padding-left: 2rem; display: block;}
.swiper-slide img{width: 1.7rem; height: 2.4rem; position: absolute; top: 0; left: 0; box-shadow: .05rem .05rem .05rem #ccc;}
.swiper-slide span{display: block; line-height: .45rem; color: #333; font-size: .32rem; padding-top: .15rem;}
.swiper-slide b{display: block; font-size: .28rem; color: #666; line-height: .4rem; font-weight: normal; padding-top: .2rem;}
.swiper-slide i{display: block; width: 4.8rem; font-size: .28rem; color: #999; line-height: .4rem; padding-top: .2rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.swiper-pagination{bottom: 0!important;}
.swiper-pagination-bullet{ width: .4rem; height: .06rem; border-radius: .2rem;}
.swiper-pagination-bullet-active{background: #666;}

/*推荐位*/
.n-part{padding: .5rem .3rem 0;}
.n-title{font-size: .36rem; font-weight: bold; color: #333; padding-left: .1rem; line-height: .36rem; margin-bottom: .3rem; border-left-style: solid; border-left-width: .06rem;}
.n-title a{float: right; font-size: .28rem; line-height: .36rem; color: #007ef3; font-weight: normal;}
.n-content{display: flex; justify-content: space-between; flex-wrap: wrap;}

/*专题推荐*/
.n-topic{display: block; padding: 0 .3rem; margin-top:.2rem;}
.n-topic p{font-size: .32rem; color: #333; margin-bottom: .2rem;  overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.n-topic img{display: block; width: 100%;}

/*书籍样式1*/
.n-book1{width: 1.88rem;}
.n-book1 img{width: 1.88rem; height: 2.63rem; box-shadow: .05rem .05rem .05rem #ccc;}
.n-book1 p{line-height: .4rem; color: #666; font-size: .28rem; padding-top:.2rem; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

/*书籍样式2*/
.n-book2{margin-top: .3rem; padding-bottom: .3rem; border-bottom: 1px solid #ddd;}
.n-book2 h3{ line-height: .45rem; color: #333; font-size: .32rem; font-weight: normal;}
.n-book2 p{margin-top: .14rem; width: 6.77rem; line-height: .4rem; color: #999;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-size: .28rem;}

/*书籍样式3*/
.n-book3{ height: 2.4rem; padding-left: 2rem; display: block; position: relative; margin-bottom: .3rem;}
.n-book3 img{width: 1.7rem; height: 2.4rem; position: absolute; top: 0; left: 0; box-shadow: .05rem .05rem .05rem #ccc;}
.n-book3 span{display: block; line-height: .45rem; color: #333; font-size: .32rem; padding-top: .15rem;}
.n-book3 b{display: block; font-size: .28rem; color: #666; line-height: .4rem; font-weight: normal; padding-top: .2rem;}
.n-book3 i{display: block; width: 4.8rem; font-size: .28rem; color: #999; line-height: .4rem; padding-top: .2rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/*书籍样式4*/
.n-book4{height: 1.8rem; border-bottom: 1px solid #ddd; box-sizing: border-box; padding-top: .2rem; position: relative; width: 100%;}
.n-book4 b{line-height: .5rem; font-size: .28rem; color: #333; font-weight: normal; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.n-book4 span{ position: absolute; bottom: .2rem; left: 0; right: 0; font-size: .26rem; display: flex; justify-content: space-between; line-height: 1;}
.n-book4 i{color: #0098fe;}
.n-book4 em{ color: #999;}
.n-book4 strong{display: inline-block; width: .67rem; height: .32rem; border-radius: 0 .16rem 0 .16rem; text-align: center; line-height: .32rem; color: #fff; font-size: .22rem; font-weight: normal; margin-right: .2rem; }