﻿/*banner*/
.banner { min-width: 12rem; height: 2.6rem; background: url(//s.faloo.com/novel2/PayMonthly/2021_banner.jpg) no-repeat; background-size: 100% 100%; padding-top: 0.7rem; height: 6.74rem; position: relative; }
    .banner .b_zi1 { width: 5.03rem; position: absolute; left: 50%; margin-left: -4.9rem; }
    .banner .b_bg2 { width: 5.28rem; position: absolute; right: 50%; top: -0.04rem; margin-right: -5.42rem; }
    .banner .b_cardList { list-style: none; display: block; margin: 0 auto; width: 12rem; margin-top: 3rem; padding: 0; }
        .banner .b_cardList li { float: left; width: 2.99rem; position: relative; }
            .banner .b_cardList li .b_cardbg { width: 100%; }
            .banner .b_cardList li div:first-child { color: #FF6600; font-size: 0.28rem; position: absolute; left: 7%; top: 26%; }
            .banner .b_cardList li div:nth-child(2) { color: #5CB091; font-size: 0.2rem; position: absolute; left: 7%; top: 56%; }
    .banner .b_btn { background: url(//s.faloo.com/novel2/PayMonthly/2021_btn1.png) no-repeat center center/100% auto; width: 3.61rem; height: 0.7rem; display: block; margin: 0.42rem auto 0; }


/*内容*/
.center { min-width: 12rem; overflow: hidden; background: #F6F9FC; }
    /*中间部分*/
    .center .c_detail { width: 10.72rem; background: #FFFFFF; box-shadow: 0 0 0.1rem 0 #E7E7E7; padding: 0.45rem 0.60rem 0.06rem 0.66rem; position: relative; border: 0.01rem solid #ededed; margin-top: 0.36rem; }
        .center .c_detail .c_d_titles { width: 11.98rem; height: 0.56rem; position: absolute; top: 0rem; left: 0; background: linear-gradient(180deg,#f4fff4 0%,#fff 100%); background: url(//s.faloo.com/novel2/CategoryIndex/titleback.jpg) no-repeat; background-size: 12rem 100%; }
        .center .c_detail .c_d_title { font-size: 40px; font-weight: bold; color: #03885B; position: relative; text-align: center; }
        .center .c_detail .c_d_desc { font-size: 0.18rem; font-weight: 400; color: #666666; line-height: 0.28rem; margin-top: 0.19rem; overflow: hidden; margin-bottom: 0.19rem; height: 0.39rem; text-align: center; padding-top: 0.11rem; }
            .center .c_detail .c_d_desc a { height: 0.28rem; background: #FF6600; border-radius: 0.14rem; display: inline-block; width: 1.00rem; text-align: center; font-size: 0.18rem; font-weight: 400; color: rgba(255,255,255,1); }
            .center .c_detail .c_d_desc span { font-size: 20px; color: #FF6600; vertical-align: bottom; }
        .center .c_detail .c_d_buy { width: 10.68rem; height: 2.02rem; background: rgba(255,255,255,1); border-radius: 0.08rem; box-shadow: 0 0 0.15rem #F6F6F6; border: 0.01rem solid #F6F6F6; margin-bottom: 0.4rem; overflow: hidden; position: relative; }
            .center .c_detail .c_d_buy .c_d_b_left { float: left; width: 1.26rem; height: 1.53rem; margin-top: 0.24rem; margin-left: 0.56rem; background: url(//s.faloo.com/novel2/PayMonthly/c_d_b_left.png) no-repeat; background-size: 100% 100%; text-align: center; }
                .center .c_detail .c_d_buy .c_d_b_left .c_d_b_l_p { font-size: 0.40rem; font-weight: 400; color: #FFFFFF; margin: 0.40rem 0 0 0; }
                    .center .c_detail .c_d_buy .c_d_b_left .c_d_b_l_p span { font-size: 0.30rem; }
                .center .c_detail .c_d_buy .c_d_b_left .c_d_b_l_p1 { font-size: 0.28rem; font-weight: 400; color: #FFAA74; margin-top: 0.08rem; text-decoration: line-through; }
                .center .c_detail .c_d_buy .c_d_b_left .c_d_b_l_p2 { margin-top: 0.30rem; }
            .center .c_detail .c_d_buy .c_d_b_left1 { float: left; font-size: 0.30rem; font-weight: 400; color: #666666; margin-top: 0.36rem; margin-left: 0.52rem; }
                .center .c_detail .c_d_buy .c_d_b_left1 span { font-size: 0.48rem; font-weight: bold; color: #333333; margin-right: 0.15rem; }
            .center .c_detail .c_d_buy .c_d_b_left2 { width: 1.91rem; height: 0.33rem; background: #D2EFDE; border-radius: 0.17rem; font-size: 0.20rem; font-weight: 400; color: rgba(3,136,91,1); line-height: 0.33rem; position: absolute; left: 2.20rem; top: 1.31rem; text-align: center; }
            .center .c_detail .c_d_buy .c_d_b_left3 { font-size: 0.18rem; font-weight: 400; color: rgba(3,136,91,1); position: absolute; left: 4.50rem; top: 1.34rem; }
            .center .c_detail .c_d_buy .c_d_b_line { height: 1.6rem; width: 0.01rem; position: absolute; top: 0.20rem; left: 7.75rem; border-right: 0.01rem dashed #D9D9D9; }
            .center .c_detail .c_d_buy .c_d_b_right { width: 1.70rem; height: 0.50rem; background: rgba(28,177,92,1); border-radius: 0.04rem; font-size: 0.24rem; font-weight: 400; color: rgba(255,255,255,1); line-height: 0.48rem; text-align: center; position: absolute; top: 0.75rem; left: 8.43rem; cursor: pointer; box-shadow: 0rem 0.03rem 0rem 0 #04853B; }
        .center .c_detail .c_d_sdkeybtn { width: 3.4rem; height: 0.6rem; border-radius: 0.3rem; display: block; margin: 0 auto; color: #FDD996; text-align: center; line-height: 0.6rem; font-size: 0.24rem; margin-bottom: 0.4rem; background: linear-gradient( 0deg,#FF001D 0%, #FF5D5B 100%); }
    /*包月推荐*/
    .center .c_bottom { width: 11.98rem; background: #FFFFFF; border-radius: 0.04rem; box-shadow: 0 0 0.15rem 0 #e7e7e7; margin-top: 0.2rem; margin-bottom: 0.125rem; overflow: hidden; border: 0.01rem solid #ededed; position: relative; }
        .center .c_bottom .c_b_titles { width: 11.98rem; height: 0.4rem; position: absolute; left: 0; top: 0; /* background: linear-gradient(180deg,#f4fff4 0%,#fff 100%); */ background: url(//s.faloo.com/novel2/CategoryIndex/titleback.jpg) no-repeat; background-size: 12rem 100%; }
        .center .c_bottom .c_b_title { margin-top: 0.2rem; overflow: hidden; }
            .center .c_bottom .c_b_title .c_b_t_line { float: left; width: 0.04rem; height: 0.20rem; background: linear-gradient(0deg,rgba(29,181,95,1),rgba(64,215,129,1)); border-radius: 0.02rem; margin-left: 0.10rem; margin-right: 0.06rem; margin-top: 0.03rem; position: relative; }
            .center .c_bottom .c_b_title .c_b_t_title { float: left; font-size: 0.18rem; font-weight: 400; color: #333333; margin-top: 0.01rem; position: relative; }
            .center .c_bottom .c_b_title .c_b_t_a { float: right; font-size: 0.14rem; font-weight: 400; color: #666666; margin-top: 0.03rem; margin-right: 0.29rem; cursor: pointer; position: relative; }
                .center .c_bottom .c_b_title .c_b_t_a:hover { color: #FF6600; }
        .center .c_bottom .hide { display: none; }
        .center .c_bottom .c_b_detail { padding: 0 0.15rem 0 0.15rem; overflow: hidden; }
            .center .c_bottom .c_b_detail .c_b_d_data { float: left; width: 1.77rem; margin-right: 0.21rem; }
                .center .c_bottom .c_b_detail .c_b_d_data:nth-child(6) { margin-right: 0; }
                .center .c_bottom .c_b_detail .c_b_d_data .c_b_d_img { width: 1.3rem; height: 1.84rem; margin: 0 auto; margin-top: 0.3rem; margin-bottom: 0.20rem; border-radius: 0.05rem; cursor: pointer; display: block; }
                    .center .c_bottom .c_b_detail .c_b_d_data .c_b_d_img img { width: 1.3rem; height: 1.84rem; border-radius: 0.05rem; }
                .center .c_bottom .c_b_detail .c_b_d_data .c_b_d_title { max-width: 1.7rem; font-size: 0.18rem; font-weight: 400; color: #333333; overflow: hidden; /* text-overflow: ellipsis; */ white-space: nowrap; text-align: center; cursor: pointer; }
                    .center .c_bottom .c_b_detail .c_b_d_data .c_b_d_title:hover { color: #FF6600; }
                .center .c_bottom .c_b_detail .c_b_d_data .c_b_d_author { max-width: 1.7rem; font-size: 0.16rem; font-weight: 400; color: #999999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0.3rem; margin-top: 0.10rem; text-align: center; line-height: 24px; }
                    .center .c_bottom .c_b_detail .c_b_d_data .c_b_d_author i { background: url("//s.faloo.com/novel2/Index/rentou.png") no-repeat; background-size: 0.18rem 0.18rem; width: 0.18rem; height: 0.18rem; display: inline-block; position: relative; top: 0.04rem; margin-right: 0.01rem; }
                    .center .c_bottom .c_b_detail .c_b_d_data .c_b_d_author a { max-width: 0.7rem; height: 0.21rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
                        .center .c_bottom .c_b_detail .c_b_d_data .c_b_d_author a:hover { color: #FF6600; }
.c_bottom1 { display: block; }
.c_bottom2{ display: none; }
.show { display: block; overflow: hidden; }
.hide { display: none; }

.c_d_explain { width: 11.98rem; line-height: 0.48rem; font-size: 0.18rem; font-weight: 400; color: rgba(102,102,102,1); margin-top: 0.10rem; overflow: hidden; padding-bottom: 0.2rem; }
/*----------------------------------开始WAP版顶部样式--------------------------------------------------*/
@media only screen and (min-width:0px) and (max-width:1000px) { .waptop .w_head .w_h_logo { margin: 0.1221rem; }
    .c_bottom1 { display: none; }
    .c_bottom2 { display: block; }
    /*banner*/
    .banner { height: auto; padding-top: 0.98rem; background-image: url(//s.faloo.com/novel2/PayMonthly/2021_banner2.jpg) }
        .banner .b_zi1 { margin-left: auto; position: inherit; left: auto; width: 80%; display: block; margin: 0 auto; }
        .banner .b_bg2 { width: 66%; position: unset; margin-right: auto; display: block; margin: -6px auto; padding-right: 0.43956rem; }
        .banner .b_cardList { margin-top: 0%; padding: 0; width: 100%; }
            .banner .b_cardList li { width: 44%; margin-left: 4%; margin-top: 4%; }
                .banner .b_cardList li div:first-child { font-size: 0.488401rem; }
                .banner .b_cardList li div:nth-child(2) { font-size: 0.31746rem; }
        .banner .b_btn { width: 6.105006rem; height: 1.196581rem; display: block; margin: 0.42rem auto 0.42rem; }

    /*内容*/
    .center { min-width: 12rem; overflow: hidden; background: #F6F9FC; }

        /*中间部分*/
        .center .c_detail { width: 11.27rem; background: #FFFFFF; box-shadow: 0 0 0.1rem 0 #EAEBED; padding: 0.56rem 0.17rem 0.06rem 0.19rem; margin-top: 0.36rem; }
            .center .c_detail .c_d_desc { font-size: 0.34rem; font-weight: 400; color: #666666; line-height: 0.82rem; height: auto; margin-bottom: 0; text-align: center; padding-top: 0.11rem; }
                .center .c_detail .c_d_desc a { height: 0.52rem; background: #FF6600; border-radius: 0.14rem; box-shadow: 0 0 0.1rem 0 #FF6600; display: inline-block; width: 1.88rem; text-align: center; font-size: 0.34rem; font-weight: 400; color: rgba(255,255,255,1); line-height: 0.52rem; }
            .center .c_detail .c_d_buy { width: 11.25rem; height: 3.79rem; background: rgba(255,255,255,1); border-radius: 0.08rem; box-shadow: 0 0 0.15rem #F6F6F6; border: 0.02rem solid #F6F6F6; margin-bottom: 0.4rem; overflow: hidden; position: relative; }
                .center .c_detail .c_d_buy .c_d_b_left { float: left; width: 2.36rem; height: 2.87rem; margin-top: 0.45rem; margin-left: 0.19rem; background: url(//s.faloo.com/novel2/PayMonthly/c_d_b_left.png) no-repeat; background-size: 100% 100%; text-align: center; }
                    .center .c_detail .c_d_buy .c_d_b_left .c_d_b_l_p { font-size: 0.80rem; font-weight: 400; color: #FFFFFF; margin: 0.7rem 0 0 0; }
                        .center .c_detail .c_d_buy .c_d_b_left .c_d_b_l_p span { font-size: 0.56rem; }
                    .center .c_detail .c_d_buy .c_d_b_left .c_d_b_l_p1 { font-size: 0.56rem; font-weight: 400; color: #FFAA74; margin-top: 0.08rem; text-decoration: line-through; }
                .center .c_detail .c_d_buy .c_d_b_left1 { float: left; font-size: 0.56rem; font-weight: 400; color: #666666; margin-top: 0.4rem; margin-left: 0.39rem; }
                    .center .c_detail .c_d_buy .c_d_b_left1 span { font-size: 0.9rem; font-weight: bold; color: #333333; margin-right: 0.15rem; }
                .center .c_detail .c_d_buy .c_d_b_left2 { width: 3.58rem; height: 0.62rem; background: #D2EFDE; border-radius: 0.17rem; font-size: 0.38rem; font-weight: 400; color: rgba(3,136,91,1); line-height: 0.62rem; position: absolute; left: 2.96rem; top: 1.8rem; text-align: center; }
                .center .c_detail .c_d_buy .c_d_b_left3 { font-size: 0.34rem; font-weight: 400; color: rgba(3,136,91,1); position: absolute; left: 2.94rem; top: 2.79rem; }
                .center .c_detail .c_d_buy .c_d_b_line { height: 3rem; position: absolute; top: 0.39rem; left: 8.18rem; border-left: 0.02rem dashed #D9D9D9; }
                .center .c_detail .c_d_buy .c_d_b_right { width: 2.63rem; height: 0.94rem; background: rgba(28,177,92,1); border-radius: 0.04rem; font-size: 0.45rem; font-weight: 400; color: rgba(255,255,255,1); line-height: 0.94rem; text-align: center; position: absolute; top: 1.41rem; left: 8.42rem; cursor: pointer; }
            .center .c_detail .c_d_sdkeybtn { width: 6.105006rem; height: 1.196581rem; line-height: 1.196581rem; border-radius: 1rem; font-size: 0.488401rem; }
        /*包月推荐*/
        .center .c_bottom { width: 11.63rem; background: #FFFFFF; border-radius: 0.04rem; box-shadow: 0 0 0.15rem 0 #E8EAEC; margin-top: 0.4rem; margin-bottom: 0.4rem; overflow: hidden; }
            .center .c_bottom .c_b_title { margin-top: 0.41rem; overflow: hidden; }
                .center .c_bottom .c_b_title .c_b_t_line { float: left; width: 0.08rem; height: 0.38rem; background: linear-gradient(0deg,rgba(29,181,95,1),rgba(64,215,129,1)); border-radius: 0.02rem; margin-left: 0.13rem; margin-right: 0.21rem; margin-top: 0.05rem; }
                .center .c_bottom .c_b_title .c_b_t_title { float: left; font-size: 0.34rem; font-weight: 400; color: #333333; margin-top: 0.01rem; }
                .center .c_bottom .c_b_title .c_b_t_a { float: right; font-size: 0.29rem; font-weight: 400; color: #666666; margin-top: 0.03rem; margin-right: 0.23rem; cursor: pointer; }
                    .center .c_bottom .c_b_title .c_b_t_a:hover { color: #FF6600; }
            .center .c_bottom .c_b_detail { padding: 0 0.6rem 0 0.6rem; overflow: hidden; }
                .center .c_bottom .c_b_detail .c_b_d_data { float: left; width: 3.46rem; margin-right: 0; }
                    .center .c_bottom .c_b_detail .c_b_d_data:nth-child(6) { margin-right: 0; }
                    .center .c_bottom .c_b_detail .c_b_d_data .c_b_d_img { width: 2.44rem; height: 3.45rem; margin-top: 0.56rem; margin-bottom: 0.4rem; border-radius: 0.05rem; margin-left: 0.4rem; }
                        .center .c_bottom .c_b_detail .c_b_d_data .c_b_d_img img { width: 2.44rem; height: 3.45rem; }
                    .center .c_bottom .c_b_detail .c_b_d_data .c_b_d_title { max-width: 3.1rem; font-size: 0.34rem; font-weight: 400; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
                    .center .c_bottom .c_b_detail .c_b_d_data .c_b_d_author { max-width: 3.1rem; font-size: 0.3rem; font-weight: 400; color: #999999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0.62rem; text-align: center; }
                        .center .c_bottom .c_b_detail .c_b_d_data .c_b_d_author i { background: url("//s.faloo.com/novel2/Index/rentou.png") no-repeat; background-size: 0.32rem 0.32rem; width: 0.32rem; height: 0.32rem; display: inline-block; position: relative; top: 0.05rem; margin-right: 0.05rem; }
                        .center .c_bottom .c_b_detail .c_b_d_data .c_b_d_author a { display: inline-block; max-width: 1.2rem; height: 0.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; top: 0.06rem; }
}
/*----------------------------------结束WAP版顶部样式--------------------------------------------------*/
