﻿/*Banner图*/
.bannerBg { background: #32c3a1; width: 100%; height: 3.653333rem; }
    .bannerBg .left { position: absolute; top: -0.266667rem; width: 4.92rem; background-image: url(//s.faloo.com/wap/images/newWap/leaderboard/banner_bg_left.png); background-size: 4.92rem 4.266667rem; }
        .bannerBg .left .word { width: 2.32rem; margin: 2.12rem 0.88rem 1.36rem 1.706667rem; }
    .bannerBg .right { right: 0rem; position: absolute; top: 0.693333rem; width: 4.866667rem; height: 3.52rem; }
.firstMoudleBg { /* margin-left: 0.266667rem; */ width: 96%; background: #FFFFFF; border-radius: 0.106667rem; margin: 0 auto; }
.buttonLayout { margin-bottom: 0rem; display: flex; justify-content: space-between; }
    .buttonLayout:before {content:'' }
    .buttonLayout:after { content: '' }
    .buttonLayout > a { list-style: none; /* float: left; */ width: 20%; height: 0.64rem; background: #FFFFFF; border: 0rem solid #11A27E; box-shadow: 0rem 0.066667rem 0.2rem 0rem rgba(126, 210, 190, 0.34); border-radius: 0.32rem; margin-top: 0.296667rem; text-align: center; }
    .buttonLayout .active { width: 20%; height: 0.666667rem; background: linear-gradient(0deg, #FF6600 0%, #FC893C 100%); box-shadow: 0rem 0.066667rem 0.2rem 0rem rgba(255, 103, 3, 0.34); border-radius: 0.32rem; border: 0rem; }
    .buttonLayout .active { font-size: 0.4rem; color: #FFFFFF; line-height: 0.68rem; }
    .buttonLayout > a { font-size: 0.4rem; color: #11A27E; line-height: 0.68rem; }
.firstMoudleBg .diamondL { margin-top: 0.64rem; margin-left: 2.386667rem; }
.stepsDiv > a > img { display: block; }
/*月票榜*/
.divDiamond { padding-top: 0.426667rem; }
.spanDiaMond { margin-left: 0rem; }
    .spanDiaMond > img { width: 0.746667rem; }
    .spanDiaMond .fontLayout { font-size: 0.4rem; color: #FFA527; margin-left: 0.16rem; }
/*三张封面*/
.divLeaderboard { position: relative; /* height: 7.146667rem; */ top: 0.106667rem; }
    .divLeaderboard > span { position: absolute; }
        .divLeaderboard > span > img { width: 1.626667rem; background: #98E1CF; border: 0.04rem solid #32C3A1; border-radius: 0.106667rem; }
.img1 { /* margin: 1rem 0.666667rem 2.4rem 0.826667rem; */ }
.img2 { }
.img3 { /* margin: 1.253333rem 0.666667rem 1.946667rem 0.613333rem; */ }
/*领奖台*/
.imgSteps { width: 97%; display: flex; justify-content: center; margin: 0 auto; background-image: url(//s.faloo.com/wap/images/newWap/leaderboard/steps.png); background-repeat: no-repeat; background-size: 100% auto; background-position-y: bottom; margin-bottom: 20px; margin-top: 20px; }
.stepsDiv { width: 33.33%; }
    .stepsDiv > a { display: block; }
        .stepsDiv > a > img { /* float: left; */ width: 51%; margin: 0 auto; background: #98E1CF; border: 0.04rem solid #32C3A1; border-radius: 0.106667rem; /* margin-bottom: 42px; */ }
.stepsDiv2a { }
.stepsDiv:nth-child(1) { padding-top: 8.8%; padding-bottom: 11%; }
.stepsDiv:nth-child(2) { /* padding-top: 4.8%; */ }
.stepsDiv:nth-child(3) { padding-top: 11.9%; }
.imgSteps > img { border: 0rem !important; width: 9.106667rem; margin-top: 2.72rem; }
.imgSteps .divStepWord {width:90%; font-size: 0.32rem; color: #FFFFFF; margin: 0 auto; text-align: center; margin-top: 0.293333rem; }
.divStepWord > a { text-align: center; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 0.48rem; }
.imgSteps .divWord1 { /* margin-top: 0.493333rem !important; */ }
.imgSteps .divWord2 { /* top: 3.12rem; */ /* height: 2.48rem; */ }
.imgSteps .divWord3 { /* height: 1.44rem; */ /* top: 4.133333rem; */ }

.imgSteps .wordLayout { font-size: 0.8rem; font-family: HBZhongYuanTi; color: #FFFFFF; line-height: 0.44rem; opacity: 0.3; /* position: absolute; */ height: 0.56rem; width: 0.36rem; bottom: 0rem; left: 0.933333rem; margin-left: 0.346667rem; margin: 0 auto; text-align: center; }
.contentBg { background: #32c3a1; width: 100%; height: auto; position: relative; padding-bottom: 0.4rem; }
/**/
/*查看更多*/
.divReadMore { width: 32%; height: 0.666667rem; border: 1px solid #26AC5C; border-radius: 0.04rem; margin: 0 auto; text-align: center; background-image: url(//s.faloo.com/wap/images/newWap/leaderboard/readmore.png); background-size: 0.12rem 0.24rem; background-repeat: no-repeat; background-position: 80%; margin-bottom: 30px; }
.readMore { font-size: 0.346667rem; font-family: PingFang SC; color: #26AC5C; line-height: 0.666667rem; }
/**/
/*打赏榜*/
.dsSpan { width: 96%; height: 0.12rem; background: #F5F8FB; border-radius: 0.026667rem; margin: 0 auto; }
.dsbWord { width: 2.52rem; height: 0.36rem; font-size: 0.373333rem; font-family: PingFang SC; color: #333333; display: inline-block; }
.dsTitleLayout { padding-bottom: 0.32rem; padding-top: 0.32rem; border-bottom: 1px dashed #CCCCCC; margin-left: 0.28rem; margin-right: 0.28rem; display: flex; align-items: baseline; position: relative; }
.dsDivImg { box-shadow: 0 0 0.2rem #DBDBDB; border: 0.026667rem solid #fff; border-radius: 0.053333rem; position: relative; }
.dsTitle { width: 2.666667rem; height: 0.96rem; font-size: 0.346667rem; color: #333333; line-height: 0.48rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 0.133333rem; }
.dsType { white-space: nowrap; color: #999999; font-size: 0.3rem; overflow: hidden; margin-top: 0.06rem; }
.spMore { font-size: 0.373333rem; line-height: 0.48rem; color: #666666; position: absolute; right: 0; }
/**/
/*新书PK榜*/
.pkImg { width: 1.04rem; height: 1.466667rem; border-radius: 0.08rem; box-shadow: 0 0 0.2rem #dbdbdb; border-radius: 0.053333rem; box-shadow: 0 0 0.2rem #dbdbdb; border: 0rem solid #fff; border-radius: 0.053333rem; position: relative; border-radius: 0.04rem; }
.pkDivInfo { display: flex; align-items: center; position: relative; }
.pkIndex { background-color: #FF6600; width: 0.4rem; height: 0.4rem; border-radius: 50%; display: inline-block; font-size: 0.28rem; font-family: PingFang SC; color: #FFFFFF; line-height: 0.434rem; text-align: center; }
/*灰色角标*/
.pkIndex2 { background-color: #666666; width: 0.4rem; height: 0.4rem; border-radius: 50%; display: inline-block; font-size: 0.28rem; font-family: PingFang SC; color: #FFFFFF; line-height: 0.434rem; text-align: center; }
/*内容*/
.pkTitleLayout { /* width: 2.546667rem; */ height: 0.933333rem; line-height: 0.48rem; margin-bottom: 0.17rem; }
    .pkTitleLayout > a { font-family: PingFang SC; font-size: 0.32rem; color: #333333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: left; }
.pkAuthor { /* width: 2.546667rem; */ text-align: left; padding-top: 1px; }
    .pkAuthor > a { font-size: 0.293333rem; font-family: PingFang SC; color: #999999; line-height: 0.48rem; }
.pkAuthorIcon { display: inline-block; margin-top: 0.693333rem; }
    .pkAuthorIcon > img { width: 0.4rem; height: 0.4rem; }
.pkImgBg { box-shadow: 0 0 0.2rem #dbdbdb; border: 0rem solid #fff; border-radius: 0.053333rem; position: relative; border-radius: 0.04rem; }
/*pk榜End*/
/*24小时热销榜*/
.iconDivLayout { margin: 0rem; height: 1.466667rem; display: flex; flex-direction: column; justify-content: space-between; margin: 0rem 0.093333rem 0rem 0.2rem; }
.hot24Img { width: 100%; /* height: 2.786667rem; */ border-radius: 0.08rem; box-shadow: 0 0 0.2rem #dbdbdb; border-radius: 0.053333rem; }
.hot24DivInfo { display: flex; align-items: center; position: relative; /* width: 2rem; */ /*flex布局排列方式 主轴为垂直方向,起点在上沿*/ flex-direction: column; }
/*橙色圆形角标*/
.hot24Index { background-color: #FF6600; width: 0.4rem; height: 0.4rem; border-radius: 50%; display: inline-block; font-size: 0.28rem; font-family: PingFang SC; color: #FFFFFF; line-height: 0.434rem; text-align: center; }
/*橙色灰色角标*/
.hot24Index2 { background-color: #666666; width: 0.4rem; height: 0.4rem; border-radius: 50%; display: inline-block; font-size: 0.28rem; font-family: PingFang SC; color: #FFFFFF; line-height: 0.434rem; text-align: center; }
/*圆形角标DIV*/
.hot24DivIndex { width: 0.4rem; height: 0.4rem; margin-top: 0.22rem; margin-bottom: 0.06rem; }
.hot24Word { margin-left: 0rem; margin-bottom: 0.133333rem; }
    .hot24Word > a { text-align: center; margin-top: 0.133333rem; height: 0.9rem; font-size: 0.32rem; font-family: PingFang SC; color: #333333; line-height: 0.45rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.hot24ImgBg { box-shadow: 0 0 0.2rem #dbdbdb; border: 0rem solid #fff; border-radius: 0.053333rem; position: relative; border-radius: 0.04rem; }
/*24小时热销榜End*/
/*催更榜*/
.cgUl { padding-bottom: 0.453333rem; }
.cgDivInfo { display: flex; }
.cgDivIndex { position: relative; }
.cgSpanIndex > img { display: block; width: 0.666667rem; height: 0.52rem; margin-top: 0.92rem; margin-right: 0.24rem; }
.cgSpanIndex2 > img { display: block; width: 0.666667rem; height: 0.52rem; margin-top: 0.92rem; margin-right: 0.24rem; }
.cgIndexNumber { top: 1.026667rem; left: 0.253333rem; font-size: 0.28rem; font-family: PingFang SC; color: #FFFFFF; line-height: 0.48rem; position: absolute; }
.cgImg { width: 1.72rem; box-shadow: 0 0 0.2rem #dbdbdb; border-radius: 0.053333rem; border: 0px solid #fff; }
.cgImgBg { position: relative; margin-top: 0.066667rem; margin-right: 0.266667rem; }
.cgLi { float: left; list-style: none; margin-left: 0.28rem; margin-right: 0.28rem; margin-top: 0.4rem; }
.cgTitleLayout { font-size: 0.4rem; font-family: PingFang SC; color: #333333; line-height: 0.48rem; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.cgDescLayout { }
    .cgDescLayout > p { font-size: 0.346667rem; font-family: PingFang SC; color: #999999; line-height: 0.44rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
.cgType { font-size: 0.346667rem; font-family: PingFang SC; color: #666666; line-height: 0.48rem; margin-right: 0.093333rem; }
.cgTagBg { border: 1px solid #1CB15C; border-radius: 0.04rem; float: right; margin-right: 0.12rem; }
.cgTagWord { padding: 0.026667rem 0.133333rem 0.026667rem 0.133333rem; width: 0.506667rem; font-size: 0.266667rem; color: #1CB15C; white-space: nowrap; display: flex; flex-direction: row; justify-content: space-around; align-items: center; }
.cgLi1 { margin-top: 0.16rem; }
/*催更榜*/
/*列表展示*/
.itemLayout > a { 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: 0rem dashed #CCCCCC; }
.hotList { list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between; margin-left: 0.186667rem; margin-right: 0.186667rem; padding-bottom: 0.32rem; }
    .hotList li { flex-direction: column; align-items: center; text-align: center; margin-top: 0.386667rem; width: 32%; }
    .hotList .cover { width: 100%; /* height: 3.853333rem; */ border-radius: 0.04rem; }
    .hotList .novelName { color: #333; font-size: 0.346667rem; max-width: 2.8rem; height: 0.933333rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 2; -moz-box-orient: vertical; word-wrap: break-word; word-break: break-all; white-space: normal; margin-top: 0.133333rem; }
    .hotList .row3 { color: #999999; font-size: 0.32rem; margin-top: 0.133333rem; }
    .hotList .shu { margin: 0 0.02rem; }
    .hotList .index { background-image: url(//s.faloo.com/wap/images/newWap/leaderboard/dashang_index_icon.png); background-repeat: no-repeat; background-size: 0.426667rem 0.56rem; /*设置背景时要设置大小 相当于设置画布大小*/ width: 0.426667rem; height: 0.56rem; position: absolute; top: -0.186667rem; right: 0rem; color: #FF6600; font-size: 0.32rem; line-height: 0.706667rem; }
    .hotList .fontLayout { width: 0.08rem; height: 0.24rem; font-size: 0.32rem; font-family: PingFang SC; color: #FFFFFF; line-height: 0.48rem; }
.footerBgC { background-color: #F6F9FC; padding-top: 0.266667rem; }
/*每行四个*/
.row4Layout { list-style: none; display: flex; flex-wrap: wrap; /*自动换行*/ justify-content: space-between; margin-left: 0.28rem; margin-right: 0.28rem; padding-bottom: 0.226667rem; }
    .row4Layout > li { width: 21%; flex-direction: column; align-items: center; text-align: left; margin-top: 0.226667rem; }
/*每行两个*/
.row2Layout { list-style: none; display: flex; flex-wrap: wrap; /*自动换行*/ justify-content: space-between; margin-left: 0.28rem; margin-right: 0.28rem; padding-bottom: 0.426667rem; }
    .row2Layout > li:nth-child(1) { border-bottom: 1px dashed #CCCCCC; padding-bottom: 0.2rem; padding-right: 0.32rem; }
    .row2Layout > li:nth-child(2) { border-bottom: 1px dashed #CCCCCC; padding-bottom: 0.2rem; }
    .row2Layout > li:nth-child(3) { border-bottom: 1px dashed #CCCCCC; padding-bottom: 0.2rem; padding-right: 0.32rem; }
    .row2Layout > li:nth-child(4) { border-bottom: 1px dashed #CCCCCC; padding-bottom: 0.2rem; }
    .row2Layout > li { width: auto; flex-direction: column; align-items: center; text-align: center; margin-top: 0.266667rem; list-style: none; width: 47%; }
/*************************************************FlLeaderboard***************************************/
/*白色背景*/
.whiteBg { background-color: #FFFFFF; margin-left: 0.266667rem; margin-right: 0.266667rem; border-radius: 0.106667rem; }
/*白色背景End*/
/*排行榜切换按钮*/
.phbButtonLayout > a { list-style: none; float: left; width: 1.96rem; height: 0.64rem; background: #FFFFFF; border: 0rem solid #11A27E; box-shadow: 0rem 0.066667rem 0.2rem 0rem rgba(126, 210, 190, 0.34); border-radius: 0.32rem; margin-left: 0.266667rem; margin-top: 0.266667rem; text-align: center; }
/*皇冠图标*/
.iconCrown { width: 0.36rem; margin-right: 0.08rem; }
/*红色火苗图标*/
.redIcon { width: 0.226667rem; margin-right: 0.106667rem; }
/*橙色正方形角标*/
.orangeBg { background-color: #FF6600; border-radius: 0.04rem; background-size: 0.346667rem 0.346667rem; width: 0.346667rem; height: 0.346667rem; position: absolute; top: 0rem; right: 0rem; font-size: 0.32rem; font-family: PingFang SC; color: #FFFFFF; line-height: 0.346667rem; }
/*灰色正方形角标*/
.grayBg { background-color: #666666; border-radius: 0.04rem; background-size: 0.346667rem 0.346667rem; width: 0.346667rem; height: 0.346667rem; position: absolute; top: 0rem; right: 0rem; font-size: 0.32rem; font-family: PingFang SC; color: #FFFFFF; line-height: 0.346667rem; }
/**/
.ulLiLayout2 > li { float: left; list-style: none; margin-bottom: 0.32rem; margin-top: 0.4rem; margin-left: 0.266667rem; }
.spanDiaMond .before { width: 10%; padding-right: 0.4rem; height: 10%; }
.spanDiaMond .after { width: 10%; padding-left: 0.4rem; height: 10%; }
 .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; }
.select { display: block; }