html, body { -webkit-user-select: auto; }
#layoutAll { top: 0; }

/*小说详情模块*/
.infoLayout { background-color: #fff; border-radius: 0.266667rem 0.266667rem 0rem 0rem; width: 100%; box-sizing: border-box; padding: 0.266667rem; position: relative; box-shadow: 0 0 0.2rem #E1E3E6; overflow: hidden; }
    .infoLayout > div:first-child { min-height: 3.7rem; }
    .infoLayout .cover_box { width: 31%; border: 0.026667rem solid #fff; border-radius: 0.053333rem; box-shadow: 0 0 0.2rem #B3B3B3; float: left; position: relative; }
        .infoLayout .cover_box .cover { width: 100%; display: block; border-radius: 0.053333rem; min-height: 3.710843rem; }
    .infoLayout .tag_qianyue { background: url(//s.faloo.com/wap/images/newWap/first-page/qianyue_a.png) no-repeat center center/1.186667rem auto; display: block; position: absolute; width: 1.186667rem; height: 1.106667rem; right: 0; bottom: 0; }

.fp_btn1 { font-size: 0.346667rem; color: #26AC5C; width: 20%; height: 0.666667rem; border: 1px solid #26AC5C; border-radius: 0.053333rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; }
    .fp_btn1.dingyue { border-color: #ff6600; color: #ff6600; }
/*.fp_btn1:after { content: ""; background: url(//s.faloo.com/wap/images/newWap/first-page/more_right.png) no-repeat center center/0.106667rem auto; display: inline-block; height: 0.213333rem; width: 0.106667rem; margin-left: 0.106667rem; }*/
.fp_btn1_1 { width: 2.72rem; }

.fp_btn2 { background-color: #26AC5C; color: #fff; width: 30%; height: 0.666667rem; border: 1px solid #26AC5C; border-radius: 0.053333rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; }
    .fp_btn2:after { content: ""; background: url(//s.faloo.com/wap/images/newWap/first-page/right_white.png) no-repeat center center/0.106667rem auto; display: inline-block; height: 0.213333rem; width: 0.106667rem; margin-left: 0.106667rem; }


.tag2 { display: inline-block; padding: 0.08em .6em .1em; font-size: 0.32rem; color: #038139; border: 1px solid #038139; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; }
    .tag2 + .tag2 { margin-left: 0.166667rem; }

.layout { background-color: #F6F9FC; border-radius: 0.266667rem 0.266667rem 0rem 0rem; position: relative; margin-top: 200px; }
.infoLayout .info { list-style: none; color: #666; font-size: 0.346667rem; position: absolute; display: flex; flex-direction: column; justify-content: space-between; top: 0; left: calc(31% + 0.3rem); right: 0; bottom: 2px; overflow: hidden; }
    .infoLayout .info .authorIcon { width: 0.453333rem; }
    .infoLayout .info li { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; flex-shrink: 0; }
    .infoLayout .info .shu { margin: 0 0.08rem; position: relative; bottom: 0.013333rem; }
    .infoLayout .info .icon_new { width: 0.4rem; height: 0.4rem; background: url(//s.faloo.com/wap/images/newWap/first-page/new.png) no-repeat center center/cover; }
    .infoLayout .info .newNode { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 0.5rem); margin-left: 0.1rem; }
    .infoLayout .info .icon_star { width: 0.34666rem; height: 0.34666rem; background: url(//s.faloo.com/wap/images/newWap/first-page/star.png) no-repeat center center/cover; }
        .infoLayout .info .icon_star.icon_star2 { background-image: url(//s.faloo.com/wap/images/newWap/first-page/star_grey.png); }
        .infoLayout .info .icon_star.icon_star3 { background-image: url(//s.faloo.com/wap/images/newWap/first-page/star_ban.png); }
        .infoLayout .info .icon_star + .icon_star { margin-left: 0.133333rem }
.infoLayout .collection { position: absolute; font-size: 0.373333rem; color: #333; right: 0.213333rem; display: flex; align-items: center; top: 0.32rem; z-index: 10; }
    .infoLayout .collection:before { content: ""; display: inline-block; background: url(//s.faloo.com/wap/images/newWap/first-page/collect.png) no-repeat center center/100% auto; width: 0.346667rem; height: 0.346667rem; margin-right: 0.053333rem; }
.infoLayout .tag { color: #fff; font-size: 0.293333rem; background-color: #1CB15C; padding: 0 0.3em; margin-left: 0.066667rem; border-radius: 0.053333rem; }

.infoLayout .name { font-size: 0.426667rem; color: #4D4D4D; /*overflow: hidden;*/ font-weight: normal; line-height: 1.2em; }
.infoLayout .intro { margin-top: 0.373333rem; padding: 0.266667rem 0.266667rem 0; font-size: 0.373333rem; color: #666666; border-top: 0.013333rem dashed #CCCCCC; line-height: 1.5em; overflow: hidden; max-height: 10.4em; min-height: 0.64rem; }
    .infoLayout .intro.intro2 { max-height: none; }
    .infoLayout .intro p { text-indent: 2em; }
.infoLayout .tagList { padding: 0.266667rem 0.266667rem 0; }
    .infoLayout .tagList .more { float: right; font-size: 0.32rem; color: #FF6600; background: url(//s.faloo.com/wap/images/newWap/first-page/more_down.png) no-repeat right center/0.213333rem 0.106667rem; padding-right: 0.32rem; }
        .infoLayout .tagList .more span:last-child { display: none; }
        .infoLayout .tagList .more.more2 { background-image: url(//s.faloo.com/wap/images/newWap/first-page/more_up.png); }
            .infoLayout .tagList .more.more2 span:first-child { display: none; }
            .infoLayout .tagList .more.more2 span:last-child { display: unset; }
/*打赏*/
.reward { box-shadow: 0 0 0.2rem #E1E3E6; margin: 0.266667rem 0.266667rem 0; background-color: #fff; height: 1.866667rem; box-sizing: border-box; -moz-box-sizing: border-box; list-style: none; justify-content: space-around; font-size: 0.346667rem; overflow-x: auto; }
    .reward li { display: flex; flex-direction: column; align-items: center; color: #666666; }
    .reward .r_btn { display: inline-block; padding: 0.1em .7em; color: #26AC5C; border: 1px solid #26AC5C; border-radius: 0.666667rem; margin-top: 0.2rem; cursor: pointer; overflow: hidden; white-space: nowrap; }
    .reward i { font-size: 0.48rem; margin-right: 0.08rem; }
    .reward .r_btn.daShang { background: url(//s.faloo.com/wap/images/newWap/first-page/reward.png) no-repeat left 0.16rem center/0.32rem auto; padding-left: 0.506667rem; }
    .reward .r_btn.xianHua { background: url(//s.faloo.com/wap/images/newWap/first-page/flower.png) no-repeat left 0.16rem center/0.293333rem auto; padding-left: 0.506667rem; }
    .reward .r_btn.yuePiao { background: url(//s.faloo.com/wap/images/newWap/first-page/yuepiao.png) no-repeat left 0.16rem center/0.346667rem auto; padding-left: 0.533333rem; }
    .reward .r_btn.cuiGeng { background: url(//s.faloo.com/wap/images/newWap/first-page/cuigeng.png) no-repeat left 0.16rem center/0.346667rem auto; padding-left: 0.533333rem; }

.appLayout { margin: 0.266667rem 0.266667rem 0; background-color: #fff; border-radius: 0.053333rem; padding: 0.026667rem; box-shadow: 0 0 0.2rem #E1E3E6; }
    .appLayout .appAd { width: 100%; border-radius: 0.053333rem; float: left; }

/*模块布局*/
.itemLayout { margin: 0.266667rem 0.266667rem 0; background-color: #fff; border-radius: 0.053333rem; box-shadow: 0 0 0.2rem #E1E3E6; padding: 0.266667rem; }
    .itemLayout .titleLayout { padding-bottom: 0.266667rem; border-bottom: 1px dashed #CCCCCC; }
        .itemLayout .titleLayout .title { font-size: 0.426667rem; font-weight: normal; }
.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; }

/*目录模块*/
.catalogLayout .countText { color: #999; font-size: 0.346667rem; }
.catalogLayout .nodeList { font-size: 0.373333rem; color: #666; flex-direction: column; justify-content: space-around; padding: 0.08rem 0; }
    .catalogLayout .nodeList a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.catalogLayout .btnLayout { font-size: 0.346667rem; color: #26AC5C; margin-top: 0.16rem; }
/*.catalogLayout .btnLayout .cat_btn1 { width: 2.96rem; height: 0.666667rem; border: 1px solid #26AC5C; border-radius: 0.053333rem; }
                .catalogLayout .btnLayout .cat_btn1:after { content: ""; background: url(//s.faloo.com/wap/images/newWap/first-page/more_right.png) no-repeat center center/0.106667rem auto; display: inline-block; height: 0.213333rem; width: 0.106667rem; margin-left: 0.106667rem; }
            .catalogLayout .btnLayout .cat_btn2 { background-color: #26AC5C; color: #fff; width: 2.96rem; height: 0.666667rem; border: 1px solid #26AC5C; border-radius: 0.053333rem; }
                .catalogLayout .btnLayout .cat_btn2:after { content: ""; background: url(//s.faloo.com/wap/images/newWap/first-page/right_white.png) no-repeat center center/0.106667rem auto; display: inline-block; height: 0.213333rem; width: 0.106667rem; margin-left: 0.106667rem; }*/

/*作者的更多优秀作品*/
.goodList { list-style: none; }
    .goodList li { padding: 0.266667rem 0; }
        .goodList li + li { border-top: 1px solid #E5EAF0; }
        .goodList li:last-child { padding-bottom: 0; }
    .goodList .cover { width: 23%; float: left; border: 2px solid #fff; border-radius: 0.053333rem; box-shadow: 0 0 0.2rem #DBDBDB; margin-right: 0.133333rem; min-height: 2.56798rem; }
    .goodList .novelName { color: #333; font-size: 0.4rem; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.2em; }
    .goodList .novelInfo { overflow: hidden; position: absolute; top: 0.266667rem; right: 0; bottom: 0.266667rem; left: calc(23% + 0.233333rem); }
    .goodList .intro { color: #666; font-size: 0.346667rem; text-indent: 2em; display: block; line-height: 1.4em; margin-top: 0.2rem; }
    .goodList li:last-child .novelInfo { bottom: 0; }
/*本类热销榜*/
.hotList { list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between; }
    .hotList li { flex-direction: column; align-items: center; text-align: center; padding-top: 0.166667rem; width: 33%; }
    .hotList .cover { width: 90%; border: 2px solid #fff; border-radius: 0.053333rem; box-shadow: 0 0 0.2rem #DBDBDB; }
    .hotList .novelName { color: #333; font-size: 0.346667rem; max-width: 2.8rem; /*height: 0.973333rem;*/ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 3; -moz-box-orient: vertical; word-wrap: break-word; word-break: break-all; white-space: normal; }
    .hotList .row3 { color: #999999; font-size: 0.32rem; margin-top: 0.133333rem; height: 0.453333rem; }
/*.hotList .shu { margin: 0 0.08rem; }*/

/*读者还喜欢*/
.likeList { list-style: none; }
    .likeList li { padding: 0.266667rem 0; border-bottom: 1px solid #E5EAF0; min-height: 2.663998rem; }
    .likeList .cell1 { overflow: hidden; position: absolute; top: 0.266667rem; right: 0; bottom: 0.266667rem; left: calc(23% + 0.233333rem); }
    .likeList .cover { width: 23%; float: left; border: 2px solid #fff; border-radius: 0.053333rem; box-shadow: 0 0 0.2rem #DBDBDB; margin-right: 0.133333rem; }
    .likeList .novelName { color: #333; font-size: 0.4rem; display: block; /*height: 0.533333rem;*/ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.2em; }
    .likeList .intro { color: #666; font-size: 0.346667rem; text-indent: 2em; display: block; line-height: 1.4em; margin-top: 0.09rem; }
    .likeList .authorIcon { width: 0.373333rem; }
    .likeList .shu { margin: 0 0.08rem; }
    .likeList .tag2 { font-size: 0.266667rem; }
        .likeList .tag2 + .tag2 { margin-left: 0.133333rem; }
    .likeList .tagList { }
    .likeList .c1_row1 { margin-top: 0.09rem; }
        .likeList .c1_row1 > div { height: 0.533333rem; }

/*评论样式*/
/*.commentLayout { width: 8.933333rem; padding: 0 0.266667rem 0.266667rem 0.266667rem; margin: 0.266667rem 0.266667rem 0; background-color: #fff; box-shadow: 0 0 0.1rem #E1E3E6; }
    .commentLayout .cl_title { justify-content: space-between; align-items: center; border-bottom: 1px dashed #CCCCCC; height: 0.826667rem; }
        .commentLayout .cl_title .cl_t_left { font-size: 0.373333rem; color: #333333; }
            .commentLayout .cl_title .cl_t_left:before { content: ""; width: 0.16rem; height: 0.16rem; background-color: #1CB15C; border-radius: 50%; margin-right: 0.133333rem; }
        .commentLayout .cl_title .cl_t_right { color: #26AC5C; font-size: 0.346667rem; }
            .commentLayout .cl_title .cl_t_right:before { content: ""; background: url("//s.faloo.com/wap/images/newWap/page/messge.png") no-repeat center center; background-size: 0.386667rem 0.36rem; width: 0.386667rem; height: 0.36rem; margin-right: 0.133333rem; }*/


/*底部悬浮菜单*/
.bottomLayout { padding-bottom: 1.333333rem; }
.safariBottom { display: none; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); }
.fixed_menu { background-color: #fff; position: fixed; bottom: 0; z-index: 1000; }
    .fixed_menu .f_m_win { height: 1.06667rem; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 0 0.2rem #CDCDCD; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); }
        .fixed_menu .f_m_win::after, .fixed_menu .f_m_win:before { content: ""; display: block; }
    .fixed_menu .f_m_btn { height: 0.8rem; width: 30%; border: 1px solid #FF6600; border-radius: 0.053333rem; font-size: 0.45rem; font-weight: bold; }
    .fixed_menu .f_m_btn1 { color: #ff6600; }
        .fixed_menu .f_m_btn1:before { content: ""; display: block; width: 0.473333rem; height: 100%; margin-right: 0.053333rem; background: url(//s.faloo.com/wap/images/newWap/first-page/app.png) no-repeat center center/0.353333rem auto; }
    .fixed_menu .f_m_btn2 { color: #ffffff; background-color: #26AC5C; border-color: #26AC5C; }
        .fixed_menu .f_m_btn2:before { content: ""; display: block; width: 0.466667rem; height: 100%; margin-right: 0.053333rem; background: url(//s.faloo.com/wap/images/newWap/first-page/read.png) no-repeat center center/0.446667rem auto; }
    .fixed_menu .f_m_btn3 { color: #26AC5C; border-color: #26AC5C; }
        .fixed_menu .f_m_btn3:before { content: ""; display: block; width: 0.44rem; height: 100%; margin-right: 0.053333rem; background: url(//s.faloo.com/wap/images/newWap/first-page/bookshelf.png) no-repeat center center/0.42rem auto; }


.bgImg { position: absolute; top: -360px; width: 100%; z-index: 0; transition-property: all; transition-duration: 5s; }
@media only screen and (min-device-width:1300px) and (max-width:2300px) {
    html { font-size: 52px !important; }
}