html, body { -webkit-user-select: auto; }
#layoutAll { top: 0; }
a{font-size: 14px;}

* { padding: 0; margin: 0; -webkit-text-size-adjust: none; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; }
/*小说详情模块*/
.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(../images/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(../images/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(../images/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(../images/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(../images/star.png) no-repeat center center/cover; }
        .infoLayout .info .icon_star.icon_star2 { background-image: url(../images/star_grey.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(../images/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(../images/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(../images/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(../images/reward.png) no-repeat left 0.16rem center/0.32rem auto; padding-left: 0.506667rem; }
    .reward .r_btn.xianHua { background: url(../images/flower.png) no-repeat left 0.16rem center/0.293333rem auto; padding-left: 0.506667rem; }
    .reward .r_btn.yuePiao { background: url(../images/yuepiao.png) no-repeat left 0.16rem center/0.346667rem auto; padding-left: 0.533333rem; }
    .reward .r_btn.cuiGeng { background: url(../images/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; height: 3.6rem; 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(../images/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(../images/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; }

/*评论样式*/
.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; }


/*底部悬浮菜单*/
.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(../images/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(../images/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(../images/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; }










.item_head { width: 9%; max-height: 1.066667rem; float: left; text-align: center; max-width: 1rem; }
.item_head img { width: 0.613333rem; height: 0.613333rem; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; margin: auto; cursor: pointer; }
.item_body { padding: 0; width: 83%; display: inline-block; float: left; }
.item_body_head { clear: both; }
.item_name { color: #8A9A82 !important; font-size: 0.373333rem; margin: 0.133333rem 0; font-weight: 600; cursor: pointer; }
.istar { color: #999; font-size: 0.36rem; cursor: pointer; }
.istar:hover { color: #de2750; }
.istar:hover a { color: #de2750; }
.istar a { color: #999; font-size: 0.36rem; }
.istar i:after { content: "\e71d"; font-size: 0.453333rem; margin-right: 2px; }
.item_tags { margin-bottom: 0.133333rem; }
.item_tags i { color: #fff; font-size: 0.16rem; padding: 2px 5px; margin-right: 5px; }
.tags_top { background: #5B9B3C; color: #fff; padding: 3px 2px 2px 3px; font-weight: normal; font-size: 0.293333rem; margin-right: 5px; font-style: normal; border-radius: 3px; }
.tags_refine { background: #ED4259; color: #fff; padding: 3px 2px 2px 3px; width: 0.466667rem; font-weight: normal; font-size: 0.293333rem; line-height: 0.36rem; margin-right: 5px; font-style: normal; border-radius: 3px; }
.item_title { padding-top: 0.8%; font-size: 0.386667rem; line-height: 0.72rem; text-align: justify; font-weight: bold; word-wrap: break-word; clear: both; }
.item_title a { color: #333; font-size: 0.346667rem; text-decoration: none; }
.item_title a:hover { color: #ED4259; text-decoration: none }
.item_txt { padding-top: 0.8%; font-size: 0.426667rem; line-height: 0.586667rem; text-align: justify; word-wrap: break-word; max-height: 11.73334rem; overflow: hidden; clear: both; }
.item_txt a { color: #666666; font-size: 0.426667rem; text-decoration: none; }
.item_txt a:hover { color: #333; text-decoration: none }
.item_txt span { font-size: 0.346667rem; z-index: 0; }
.item_footer { display: inline-block; overflow: hidden; white-space: nowrap; font-size: 0.32rem; color: #6D7A67; padding-top: 1%; padding-bottom: 1%; width: 100%; }
.item_footer a { color: #6D7A67; }
.item_footer a:hover { color: #ED4259 }
.item_footer2 { margin-right: 3.5%; color: #6D7A67; float: left; }
.item_footer2 a { cursor: pointer }



/**评论列表**/
.c_vip_0 { color: #C7D9C5; margin-left: 3px; font-size: 0.32rem; font-style: normal; }
.c_vip_0 i { font-size: 0.32rem }
.litem { border-bottom: 1px solid #ddd; padding-top: 1%; padding-bottom: 0; display: inline-block; width: calc(100% - 0.266667rem); background-color: #F6F9FC; border-radius: 4px; margin-top: 0.266667rem; padding: 0.133333rem; border: none; }

/**书评区，广告贴的json*/
.ad_main { clear: both; width: 100%; padding-top: 0.5%; }
.ad_img { float: left; width: 19%; max-width: 0.933333rem; }
    .ad_img img { width: 100%; border-radius: 3px; }
.ad_con { float: left; width: 74%; padding-left: 2%; }
.ad_name { clear: both; font-weight: bold; }
.ad_author { clear: both; }
.ad_txt { color: #666; }



.f_comment_num { width: 100%; text-align: center; padding-bottom: 2%; padding-top: 2%; font-size: 0.32rem; color: #666666; border-bottom: dashed 1px #ccc; }
.f_comment_num2 { width: 100%; text-align: center; padding-bottom: 2.5%; padding-top: 2.5%; margin-bottom: 1%; font-size: 0.4rem; border-bottom: 1px solid #ddd; }
.f_comment_num3 { max-width: unset; margin: auto; text-align: left; overflow: hidden; white-space: nowrap; height: auto; line-height: inherit; vertical-align: middle }
.f_comment_num3 a { display: table-cell; vertical-align: middle; }
.f_comment_num3 img { margin-right: 0.133333rem; height: 0.373333rem; display: inline-block; vertical-align: unset; }
.f_comment_num4 { font-size: 0.4rem; }


.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; }





/**书评回复框样式*/
.reply_m0 { width: 100%; padding-top: 0.6%; margin: 0; text-align: center; max-width: 11.333333rem; }
.reply_m1 { text-align: center; width: 100%; }
.reply_m2 { text-align: center; width: 100%; padding-bottom: 0.133333rem; }
.reply_m3 { text-align: center; width: 100% }
.reply_inputborder { font-size: 0.4rem; color: #333; border: #E6E6E6 1px solid; background-color: #fff; padding: 0.106667rem; margin: 0px; border-radius: 6px; resize: none; width: calc(100% - 0.106667rem - 0.106667rem) !important; }
.reply_input { font-size: 0.4rem; color: #333; border: #E6E6E6 1px solid; border-radius: 0.04rem; background-color: #fff; width: 1.066667rem; padding: 0rem 0rem 0.053333rem 0.04rem; margin-right: 6px; margin-top: 2px; cursor: pointer; }
.reply_input_title { font-size: 0.32rem; font-weight: inherit; }
.reply_comment_send { border: 0; background-color: #B73446; height: 0.813333rem; color: #fff; padding: 0.04rem 0.133333rem 0.04rem 0.133333rem; margin-right: 2%; border-radius: 4px; width: 1.8rem; height: 0.586667rem; font-size: 0.32rem; }
    .reply_comment_send:hover { background-color: #ED4259; }


.cb_comment_rule { display: none; }
.rule_color { color: #1CB15C }

#a_comment_rule { cursor: pointer }
.lb_comment_rule:before { vertical-align: middle; content: ""; width: 0.15rem; height: 0.15rem; margin: 0 0.05rem 0 0.1rem; display: inline-block; background: url( ) no-repeat center center/100%; }
.cb_comment_rule:checked + label:before { background-image: url( ); }

.reply_1 { display: block; clear: both; font-size: 0.4rem; margin: auto; padding-bottom: 0.226667rem; padding-top: 1%; margin: 0 auto; width: 100% !important; }


@media only screen and (min-device-width:1300px) and (max-width:2300px) {
    html { font-size: 52px !important; }
}