body { background-color: #F6F9FC; }
.bg { background: url(//s.faloo.com/wap/images/newWap/index/bg_4.png) no-repeat center top -0.533333rem/100% auto; }
#layoutAll { background-color: #F6F9FC; }

.navHeader .search { margin-right: 4%; }
.navHeader .books { margin-right: 4%; }
/*头部导航*/
.nav_tab { padding: 0 0.266667rem; font-size: 0.44rem; color: #fff; height: 1.066667rem; }
    .nav_tab a { display: block; height: 0.826667rem; }
        .nav_tab a.select::after { content: ""; display: block; width: 100%; height: 0.053333rem; background-color: #fff; border-radius: 0.053333rem; margin-top: 0.133333rem; }

/*轮播图*/
.swiperLayout { margin: 0.346667rem 0.266667rem 0; border-radius: 0.106667rem; position: relative; min-height: 3.146667rem; }
.swiper-container { border-radius: 0.106667rem; }
.swiperLayout::after { content: ''; width: 101%; height: 101%; position: absolute; background-image: linear-gradient(#0B9747, #E6E6E6); top: -1%; filter: blur(0.4rem); opacity: 0.7; z-index: 0; }
.swiper-container img { width: 100%; display: block; }

.swiper-container { margin: 0px; overflow: hidden; z-index: 1; width: 100%; height: auto; position: relative; }
.swiper-wrapper { position: relative; width: 100%; height: auto; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: auto; position: relative; height: 100%; overflow: hidden; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none }
.swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 10 }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0.133333rem; left: 0; width: 100% }
.swiper-pagination-white .swiper-pagination-bullet { background: #fff }
.swiper-pagination-bullet-active { opacity: 1; background: #fff }
.swiper-container-vertical > .swiper-pagination-bullets { right: 0.133333rem; top: 50%; -webkit-transform: translate3d(0,-50%,0); -moz-transform: translate3d(0,-50%,0); -o-transform: translate(0,-50%); -ms-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0) }
    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0.066667rem 0; display: block }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 0.026667rem }
.swiper-pagination-bullet { width: 0.133333rem; height: 0.133333rem; display: inline-block; border-radius: 100%; opacity: 1; border: 1px solid #fff; }



/*导航*/
.nav_action { margin: 0.4rem 3% 0; list-style: none; color: #333; font-size: 0.373333rem; }
    .nav_action li { text-align: center; }
    .nav_action .nav_img { width: 0.576rem; height: 0.576rem; margin-bottom: 0.266667rem; }
    .nav_action .nav_icon2 { width: 0.586667rem; }

/*模块样式*/
.itemLayout { padding: 0 2.67%; background-color: #fff; box-shadow: 0 0 0.2rem #E6E6E6; }
    .itemLayout .itemTitle { display: flex; justify-content: space-between; font-size: 0.4rem; align-items: center; height: 1.146667rem; border-bottom: 0.026667rem solid #E6E6E6; }
    .itemLayout .tab_title { cursor: pointer; }
    .itemLayout .itemTitle h2 { color: #333333; font-weight: normal; font-size: 0.4rem; }
    .itemLayout .itemTitle .more { color: #666666; display: none; background: url(https://s.faloo.com/novel2/NovelDetail/jiantou1.png) no-repeat right center/0.335997rem auto;  padding-right: 1em; }
        .itemLayout .itemTitle .more.select { display: block; }
.yuanDian { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; }
    .yuanDian:before { content: ""; color: #1CB15C; margin-right: 0.08rem; height: 0.16rem; width: 0.16rem; border-radius: 50%; background-color: #1CB15C; display: block; }
.itemLayout .line_b_d { border-bottom: 1px dashed #CDCDCD; }
.itemLayout .change { color: #FF6600; font-size: 0.4rem; height: 1.2rem; display: flex; justify-content: center; align-items: center; cursor: pointer; }
    .itemLayout .change:before { content: ""; width: 0.48rem; height: 0.466667rem; background: url("//s.faloo.com/wap/images/newWap/index/change.png") no-repeat center center/100% auto; margin-top: 0.053333rem; margin-right: 0.266667rem; }
.itemLayout .tag { display: inline-block; padding: 0.08em .6em .1em; font-size: 0.32rem; color: #1CB15C; border: 1px solid #1CB15C; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; }
    .itemLayout .tag + .tag { margin-left: 0.133333rem; }

/*横向三个图片*/
.itemLayout .list3 { padding: 0.346667rem 0; display: flex; justify-content: space-between; list-style: none; }
    .itemLayout .list3 li { width: 31.3%; }
    .itemLayout .list3 .cover { box-shadow: 0 0 0.2rem #DBDBDB; width: 100%; border-radius: 0.08rem; }
    .itemLayout .list3 .novelName { color: #333333; font-size: 0.346667rem; /*height: 1.066667rem;*/ overflow: hidden; margin-top: 0.08rem; line-height: 1.28; }

/*竖向列表  无图片*/
.itemLayout .list1 { list-style: none; }
    .itemLayout .list1 li { padding: 0.266667rem 0; border-bottom: 1px dashed #CDCDCD; }
    .itemLayout .list1 .novelName { color: #333333; font-size: 0.4rem; overflow: hidden; white-space: nowrap; flex-grow: 1; flex-shrink: 1; text-overflow: ellipsis; }
    .itemLayout .list1 .content { color: #999999; font-size: 0.346667rem; margin-top: 0.133333rem; height: 0.48rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .itemLayout .list1 .tags { flex-shrink: 0; }

/*竖向列表  有图片*/
.itemLayout .list2 { list-style: none; }
    .itemLayout .list2 li { padding: 0.346667rem 0; border-bottom: 1px dashed #CDCDCD; position: relative; min-height: 2.78rem; }
    .itemLayout .list2 .cell1 { overflow: hidden; position: absolute; top: 0.266667rem; right: 0; bottom: 0.266667rem; left: calc(23% + 0.233333rem); }
    .itemLayout .list2 .cover { display: block; width: 23%; float: left; margin-right: 0.266667rem; position: relative; }
        .itemLayout .list2 .cover img { display: block; width: 100%; box-shadow: 0 0 0.266667rem #DBDBDB; border-radius: 0.08rem; }
    .itemLayout .list2 .sort_icon { width: 0.64rem; height: 0.36rem; position: absolute; top: -0.066667rem; right: 0.16rem; background: url(//s.faloo.com/wap/images/newWap/index/icon4.png) no-repeat center center/100% auto; color: #fff; font-size: 0.266667rem; text-align: center; }
    .itemLayout .list2 .novelName { color: #333; font-size: 0.4rem; display: block; /*height: 0.533333rem;*/ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .itemLayout .list2 .intro { color: #999; font-size: 0.346667rem; text-indent: 2em; display: block; line-height: 1.5em; margin-top: 0.25em; }
    .itemLayout .list2 .c1_row1 { margin-top: 0.25em; }
        .itemLayout .list2 .c1_row1 div:first-child { padding-top:.14em;}
        .itemLayout .shu { margin: 0 0.08rem; }

/*一行两个小图*/
.itemLayout .list4 { list-style: none; position: relative; }
    .itemLayout .list4 li { float: left; height: 2.32rem; width: 50%; border-bottom: 1px dashed #CDCDCD; padding: 0.4rem 0.133333rem; box-sizing: border-box; }
    .itemLayout .list4 .cover { width: 1.04rem; box-shadow: 0 0 0.2rem #DBDBDB; float: left; border-radius: 0.08rem; }
    .itemLayout .list4 li:nth-child(2n-1) .cell1 { margin-right: 0.266667rem; }
    .itemLayout .list4 li:nth-child(5) { border-bottom: none; }
    .itemLayout .list4 li:nth-child(6) { border-bottom: none; }
    .itemLayout .list4 .cell1 { height: 100%; margin-left: 1.2rem; overflow: hidden; }
    .itemLayout .list4 .novelName { font-size: 0.32rem; color: #333333; overflow: hidden; white-space: nowrap; }
    .itemLayout .list4 .intro { font-size: 0.32rem; color: #999999; line-height: 0.48rem; text-indent: 2em; margin-top: 0.106667rem; }


/*一行有4个图片*/
.itemLayout .list5 li { width: 22.65%; }
.itemLayout .list5 .novelName { font-size: 0.32rem; /*margin-top: 0.266667rem;*/ min-height: 3.9em; }
.itemLayout .list5 .shang { font-size: 0.293333rem; color: #1CB15C; text-align: center; margin-top: 0.2rem; }
    .itemLayout .list5 .shang span { padding-right: 0.066667rem; }
.itemLayout.daShang .list5 { display: none; }
    .itemLayout.daShang .list5.select { display: flex; }


/*打赏榜*/
.itemLayout .tabList { padding: 0.346667rem 0 0; }
    .itemLayout .tabList .tab_t { text-align: center; width: 28%; height: 0.773333rem; font-size: 0.346667rem; color: #1CB15C; border: 1px solid #1CB15C; line-height: 2.2em; border-radius: 0.4rem; }
    .itemLayout .tabList .tab_t2 { width: auto; padding: 0 0.239998rem; }
    .itemLayout .tabList .tab_t.select { color: #fff; background-color: #1CB15C; }


/*中间导航区域*/
.area1 { margin: 0.4rem 0.266667rem; }
    .area1 .sel1 { position: relative; width: 38.1%; }
        .area1 .sel1 .bg_a1 { display: block; width: 100%; height: auto; border-radius: 0.066667rem; }
        .area1 .sel1 .bg_a1_zi { position: absolute; top: 12.67%; left: 8.14%; width: 43%; }
        .area1 .sel1 .novelName { position: absolute; top: 31.4%; left: 8.14%; right: 3.5%; font-size: 0.32rem; color: #fff; line-height: 1.2em; }
    .area1 .sel2 { flex: 1; margin-left: 2.6%; flex-direction: column; justify-content: space-between; }
        .area1 .sel2 .bg_a2, .area1 .sel2 .bg_a3 { width: 100%; display: block; border-radius: 0.066667rem; }
        .area1 .sel2 .sel2_item { position: relative; }
        .area1 .sel2 .bg_a2_zi { position: absolute; top: 15%; left: 8.14%; width: 37%; }
        .area1 .sel2 .bg_a3_zi { position: absolute; top: 15%; left: 8.14%; width: 37%; }
        .area1 .sel2 .novelName { position: absolute; top: 50%; left: 8.14%; right: 35.5%; font-size: 0.3rem; color: #fff; line-height: 1.2em; }

/*潜力推荐导航*/
.area2 { width: 100%; position: relative; padding: 2% 0; }
    .area2 .bg_a4 { display: block; width: 100%; }
    .area2 .bg_a4_zi { display: block; position: absolute; width: 27.5%; top: 38%; left: 9%; }
    .area2 a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; align-items: center; }
    .area2 div { margin-left: 38%; color: #fff; font-size: 0.32rem; width: 35%; overflow: hidden; line-height: 1.2em; }

/*完本精选、包月精选、最新上架*/
.area3 { margin: 0.4rem 0.266667rem; }
    .area3 .sel1 { flex: 1; margin-right: 2.6%; flex-direction: column; justify-content: space-between; }
        .area3 .sel1 .bg_a5, .area3 .sel1 .bg_a6 { width: 100%; display: block; border-radius: 0.066667rem; }
        .area3 .sel1 .sel1_item { position: relative; }
        .area3 .sel1 .bg_a5_zi { position: absolute; top: 15%; left: 8.14%; width: 37%; }
        .area3 .sel1 .bg_a6_zi { position: absolute; top: 15%; left: 8.14%; width: 37%; }
        .area3 .sel1 a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
        .area3 .sel1 .novelName { position: absolute; left: 8.14%; right: 35.5%; bottom: 3%; font-size: 0.32rem; color: #fff; line-height: 1.2em; height: 2.3em; }
    .area3 .sel2 { position: relative; width: 38.1%; }
        .area3 .sel2 .bg_a7 { display: block; width: 100%; height: auto; border-radius: 0.066667rem; }
        .area3 .sel2 a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
        .area3 .sel2 .bg_a7_zi { position: absolute; top: 11%; left: 8%; width: 58%; }
        .area3 .sel2 .cover { width: 31%; position: absolute; bottom: 0.306667rem; border-radius: 0.053333rem; box-shadow: 0 0 0.2rem #086d54; z-index: 1; border: 0.026667rem solid #fff; }
        .area3 .sel2 .cover1 { left: 8%; }
        .area3 .sel2 .cover2 { left: 30.5%; z-index: 2; width: 36.6%; }
        .area3 .sel2 .cover3 { right: 8%; }


/*原创女生，女生精品*/
.area4 { list-style: none; margin: 0.4rem 0.266667rem 0; }
    .area4 li { box-shadow: 0 0 0.2rem #E6E6E6; width: 48%; position: relative; border-radius: 0.066667rem; }
        .area4 li a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; flex-direction: column; justify-content: center; padding-left: 45%; }
    .area4 .a4_l { float: left; background-color: #fff; }
    .area4 .a4_r { float: right; background-color: #fff; }
    .area4 .a4_bg { display: block; margin: 3% 1%; width: 42%; }
    .area4 .a4_bg2 { display: block; margin: 3% 1%; width: 38.6%; }
    .area4 .a4_t { color: #F85355; font-size: 0.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .area4 .a4_n { color: #656565; font-size: 0.346667rem; line-height: 1.2em; min-height: 1.7em; }


/*小时打赏榜*/
.hours24 { text-align: center; margin-top: 0.4rem; }
    .hours24 .h_t { color: #333; font-size: 0.4rem; display: flex; align-items: center; justify-content: center; }
        .hours24 .h_t:before, .hours24 .h_t:after { content: ""; height: 0.08rem; display: inline-block; background-color: #1CB15C; vertical-align: middle; flex: 1; }
        .hours24 .h_t:before { margin: 0 0.266667rem; }
        .hours24 .h_t:after { margin: 0 0.266667rem; }
    .hours24 .h_c { list-style: none; text-align: center; margin-top: 0.2rem; height: 4.96rem; width: 98%; margin: 0.2rem auto 0; }
        .hours24 .h_c li { display: inline-block; width: 30%; height: 3.573333rem; background-color: #fff; box-shadow: 0 0 0.2rem #E6E6E6; border-radius: 0.053333rem; margin-top: 1.066667rem; position: relative; vertical-align: top; }
            .hours24 .h_c li + li { margin-left: 0.266667rem; }
            .hours24 .h_c li:last-child, .hours24 .h_c li:first-child { top: 0.266667rem; }
        .hours24 .h_c .h_c1_h, .hours24 .h_c .h_c2_h, .hours24 .h_c .h_c3_h { width: 1.493333rem; height: 1.493333rem; border: 0.053333rem solid #C9C9C9; position: absolute; left: 50%; margin-left: -0.8rem; border-radius: 50%; top: -0.746667rem; }
        .hours24 .h_c .img1 { width: 0.933333rem; height: 0.826667rem; position: absolute; top: -0.453333rem; left: -0.213333rem; }
        .hours24 .h_c .img2 { width: 1.493333rem; height: 1.493333rem; border-radius: 50%; }
        .hours24 .h_c .h_c2_h { border-color: #FFD71E; }
        .hours24 .h_c .h_c3_h { border-color: #C79364; }
        .hours24 .h_c .novelName { font-size: 0.4rem; color: #333; margin-top: 1.066667rem; padding: 0 0.133333rem; overflow: hidden; text-overflow: ellipsis; height: auto; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
        .hours24 .h_c .h_c_r2 { font-size: 0.32rem; color: #999; margin-top: 0.16rem; height: 0.4rem; }
        .hours24 .h_c .h_c_r3 { font-size: 0.32rem; color: #666; margin-top: 0.16rem; height: 0.4rem; }
        .hours24 .h_c .h_c_r4 { font-size: 0.4rem; color: #FF6600; margin-top: 0.133333rem; height: 0.533333rem; }
    .hours24 .h_list { list-style: none; text-align: left; margin: 0 0.266667rem; }
        .hours24 .h_list li { background-color: #fff; border-radius: 0.053333rem; padding: 0.346667rem 0.266667rem; box-shadow: 0 0 0.2rem #E6E6E6; margin-top: 0.266667rem; position: relative; }
        .hours24 .h_list .cel { display: inline-block; vertical-align: middle; }
        .hours24 .h_list .cel1 { width: 0.8rem; height: 0.906667rem; background: url(//s.faloo.com/wap/images/newwap/index/icon1.png) no-repeat center center/100% auto; font-size: 0.48rem; color: #fff; text-align: center; line-height: 1.8; }
        .hours24 .h_list .h_l_c2_h { width: 1.253333rem; height: 1.253333rem; border-radius: 50%; float: left; }
        .hours24 .h_list .cel2 { width: calc(100% - 1.333333rem); height: 1.253333rem; margin-left: 0.346667rem; }
        .hours24 .h_list .h_l_c2_r { margin: 0 0.666667rem 0 1.533333rem; }
        .hours24 .h_list .row1 { font-size: 0.4rem; color: #333333; margin-top: 0.08rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
        .hours24 .h_list .row2 { font-size: 0.32rem; color: #999999; margin-top: 0.133333rem; }
        .hours24 .h_list .cel3 { text-align: right; position: absolute; right: 0.266667rem; top: 0.426667rem; }
            .hours24 .h_list .cel3 span { font-size: 0.32rem; color: #666; display: block; }
            .hours24 .h_list .cel3 i { font-size: 0.4rem; color: #FF6600; display: block; margin-top: 0.16rem; }
    .hours24 .h_more { height: 1.146667rem; font-size: 0.4rem; line-height: 2.6em; text-align: center; color: #666; }
        .hours24 .h_more a { color: #666666;background: url(https://s.faloo.com/novel2/NovelDetail/jiantou1.png) no-repeat right center/0.335997rem auto; padding-right: 1em; }

        .likeMore { display: block; font-size: 0.346667rem; color: #fff; width: 3.466667rem; height: 0.666667rem; background-color: #1CB15C; border-radius: 0.4rem; box-shadow: 0 0 0.2rem #1CB15C; margin: 0.4rem auto; line-height: 1.9; text-align: center; }

/*热门标签*/
.hotTagBox { }
    .hotTagBox .htb_title { color: #333; font-size: 0.4rem; text-align: center; }
        .hotTagBox .htb_title::after, .hotTagBox .htb_title:before { content: ""; display: inline-block; width: 0.533333rem; height: 0.053333rem; border-radius: 0.026667rem; background-color: #1CB15C; vertical-align: middle; }
        .hotTagBox .htb_title::after { margin-left: 20px; }
        .hotTagBox .htb_title:before { margin-right: 20px; }
    .hotTagBox .htb_tags { margin: 0 0.266667rem; font-size: 0; padding-bottom: 0.266667rem; }
        .hotTagBox .htb_tags a { display: inline-block; width: 21.3%; padding: 0.23em 0 0.27em; background-color: #fff; border: 0.013333rem solid #E6E6E6; border-radius: 0.053333rem; font-size: 0.346667rem; text-align: center; margin-right: 4%; margin-top: 0.266667rem; }
            .hotTagBox .htb_tags a:nth-child(4n) { margin-right: 0; }
/*.hotTagBox .htb_tags a:nth-child(n+19) { display: none; }*/


.list3noline .list3:last-child { border-bottom: none; }
.noBottomLine { border-bottom: none; }
.list1noline .list1:last-child li:last-child { border-bottom: none; }
.list2noline .list2:last-child li:last-child { border-bottom: none; }
/*邀请好友入口*/
.invitebg { background-color: #fff; display: flex; align-items:center; padding: 0.4rem 0; width: 94%; margin: 0 auto; border-radius: 0.2rem; padding-left: 0.2rem; padding-right: 0.2rem; }
.invitearea {display:none; width: 100%; position: relative; padding-top: 0.4rem; }
.sp_getcode { color: #20937e; font-size: 0.4rem; margin-left: 3%; flex-shrink: 1; flex-grow: 1; }
.btn_entercode { background: linear-gradient(to right , #50dda1,#39c39e); padding: 0.1rem 0.5rem; border: none; color: #fff; font-size: 0.4rem; border-radius: 1rem; box-shadow: 0 0 0.2rem #39c39e; flex-shrink: 0; }
.invitebg > img { flex-shrink: 0; }
.area5 { padding-bottom: 0; }

/*首页短剧左右双广告图*/
.dj_ad_Layout { display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 0.4rem 0.24rem 0 0.24rem; }
.dj_ad_Layout .dj_item { width: 48.5%; }
.dj_ad_Layout .dj_item>a { display: block; width: 100%; height: 100%; }
.dj_ad_Layout .dj_item>a>img { display: block; width: 100%; height: 100%; border-radius: 0.1rem; }