/* 诺言美化 新文章排行榜小工具样式 */
/* 去掉子比主题小工具外层白框 */
.nuoyo-new-rank-lists{background:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important}
.bRBox ol,.bRBox>div,.bTit{position:relative}
.cfx{margin-right:auto;margin-left:auto}
.bRBox{display:flex;justify-content:space-between;margin-bottom:20px;background:var(--main-bg-color);border-radius:12px;box-shadow:0 0 10px rgba(116,116,116,.08);padding:20px}
.bRBox>div{width:32.5%}
.bRBox>div>a{display:block;margin-bottom:30px}
.bRBox>div strong{position:relative;display:block;width:100%;font-size:26px;color:var(--key-color);line-height:72px;white-space:nowrap;overflow:hidden;z-index:2}
.bRBox>div strong:after{content:"";position:absolute;left:0;bottom:0;width:80px;height:5px;background:linear-gradient(-90deg,#6c71ff,#56c4ff);border-radius:2px}
.bRBox ol{position:relative;padding:20px 0 64px;margin-top:8px}
.bRBox ol:before{display:none}
.bRBoxL:before,.bRBoxM:before,.bRBoxR:before{content:"";position:absolute;display:block;z-index:2}
.bRBoxL:before,.bRBoxM:before{background:url(../img/new-rank-lists/titbg.png)no-repeat;background-size:1500px 2500px}
.bRBoxL:before{top:-14px;right:-18px;width:281px;height:145px;background-position:-7px -1132px}
.bRBoxM:before{top:-9px;right:-15px;width:224px;height:140px;background-position:-308px -1132px}
.bRBoxR:before{top:-13px;right:-20px;width:254px;height:145px;background:url(../img/new-rank-lists/titbg.png)no-repeat;background-size:1500px 2500px;background-position:-552px -1132px}
.bRBoxL ol:before{background:url(../img/new-rank-lists/ir1bg.png)no-repeat;background-size:100% auto}
.bRBoxM ol:before{background:url(../img/new-rank-lists/ir2bg.png)no-repeat;background-size:100% auto}
.bRBoxR ol:before{background:url(../img/new-rank-lists/ir3bg.png)no-repeat;background-size:100% auto}
.bRBoxL ol li:nth-of-type(2n+2),.bRBoxM ol li:nth-of-type(2n+2),.bRBoxR ol li:nth-of-type(2n+2){background-color:rgba(234,238,255,.3)}
.bRBox ol li{position:relative;z-index:1;height:85px;margin:10px 0;list-style-type:none}
.bRBox ol li a{position:relative;display:flex;padding:8px 0;overflow:hidden}
.bRBox ol li a:before{content:"";position:relative;float:left;margin:9px 13px 0;display:block;width:54px;height:52px;line-height:51px;text-align:center;background:url(../img/new-rank-lists/icon.png)no-repeat;background-size:1000px 1000px;background-position:-5px -102px}
.bRBox ol li:nth-of-type(n+4) a:before{width:30px;height:16px;margin:27px 25px 0}
.bRBox ol li:nth-of-type(1) a:before{background-position:-5px -102px}
.bRBox ol li:nth-of-type(2) a:before{background-position:-77px -102px}
.bRBox ol li:nth-of-type(3) a:before{background-position:-149px -102px}
.bRBox ol li:nth-of-type(4) a:before{background-position:-221px -102px}
.bRBox ol li:nth-of-type(5) a:before{background-position:-264px -102px}
.bRBox ol li:nth-of-type(6) a:before{background-position:-308px -102px}
.bRBox ol li:nth-of-type(7) a:before{background-position:-352px -102px}
.bRBox ol li:nth-of-type(8) a:before{background-position:-396px -102px}
.bRBox ol li:nth-of-type(n+9) a:before{background:0 0}
.bRBox ol li a img{float:left;width:65px;height:65px;border-radius:10px;margin-right:5px;border:2px solid #fff}
.bRBox ol li a div{float:left;width:158px;height:69px;overflow:hidden;margin:5px 10px 5px 5px}
.bRBox ol li a div p{font-size:15px;color:var(--main-color);overflow:hidden;text-overflow:ellipsis;line-height:1.2em;height:2.4em;margin-bottom:5px}
.bRBox ol li a div span{font-size:12px;color:#9a9a9a;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.bRBox ol li a i{display:none;position:absolute;top:23px;right:18px;width:38px;height:38px;background:url(../img/new-rank-lists/icon.png)no-repeat;background-size:1000px 1000px;background-position:-108px -45px}
.bRBox ol li a:hover i{display:block}
.bRBox ol li a:hover div p{font-weight:700}
.bRBoxL .rMore:hover,.bRBoxL ol li a:hover div p{color:#6969ff}
.bRBoxM .rMore:hover,.bRBoxM ol li a:hover div p{color:#f2813a}
.bRBoxR .rMore:hover,.bRBoxR ol li a:hover div p{color:#e67aad}
.bRBox ol:after,.rMore{position:absolute;display:block}
.bRBox ol:after{display:none}
.rMore{bottom:30px;left:0;right:0;margin:auto;text-align:center;font-size:16px;color:#aeaeae;line-height:44px;margin-bottom:0!important}
@media screen and (max-width:999px){.bRBox{display:none}}
@media screen and (max-width:1024px){.bRBox ol li a div{width:160px}.bRBox ol li:nth-of-type(n+4) a:before{margin:27px 23.5px 0}}
@media screen and (min-width:1240px){.bRBox ol li a div{width:245px}}