@media screen and (max-width:320px){html{font-size:42.67px;font-size:13.33333vw}
}
@media screen and (min-width:321px) and (max-width:360px){html{font-size:48px;font-size:13.33333vw}
}
@media screen and (min-width:361px) and (max-width:375px){html{font-size:50px;font-size:13.33333vw}
}
@media screen and (min-width:376px) and (max-width:393px){html{font-size:52.4px;font-size:13.33333vw}
}
@media screen and (min-width:394px) and (max-width:412px){html{font-size:54.93px;font-size:13.33333vw}
}
@media screen and (min-width:413px) and (max-width:414px){html{font-size:55.2px;font-size:13.33333vw}
}
@media screen and (min-width:415px) and (max-width:480px){html{font-size:64px;font-size:13.33333vw}
}
@media screen and (min-width:481px) and (max-width:540px){html{font-size:72px;font-size:13.33333vw}
}
@media screen and (min-width:541px) and (max-width:640px){html{font-size:85.33px;font-size:13.33333vw}
}
@media screen and (min-width:641px) and (max-width:720px){html{font-size:96px;font-size:13.33333vw}
}
@media screen and (min-width:721px) and (max-width:768px){html{font-size:102.4px;font-size:13.33333vw}
}
@media screen and (min-width:769px){html{font-size:102.4px;font-size:13.33333vw}
}
@media screen and (min-width:769px){html{font-size:102.4px}
}
.bordtop7{border-top:7px solid #f7f7f7}
.mtop14{margin-top:14px}
/*rank-js*/
.rank-js{position:relative;margin-top:7px;height:3.6rem;background:#fff}
.rank-js img{display:block;width:100%;height:100%;max-height:3.6rem;object-fit:cover}
.rank-js .conts{position:absolute;bottom:0;left:0;z-index:2;overflow:hidden;padding:.4rem 0 .2rem;width:100%;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.9))}
.rank-js .conts .tit{overflow:hidden;padding:0 .2rem;height:33px;color:#fff;font-size:22px;line-height:33px}
.rank-js .conts .txt{overflow:hidden;padding:0 .2rem;height:40px;color:#fff;font-size:14px;line-height:20px}
.rank-js .bbh{position:absolute;right:10px;bottom:.2rem;z-index:11;padding:0 5px;border-radius:5px;background-color:#5cbc00}
.rank-js .bbh a{display:block;height:20px;color:#fff;font-size:14px;line-height:20px;cursor:pointer}
/*Rl_list*/
.Rl_list_li{padding:15px 10px 10px;border-top:7px solid #f7f7f7;background-color:#fff}
.Rl_list_li .Rli_t{overflow:hidden;margin:0 0 8px 0}
.Rl_list_li .Rli_t .Imgbox{float:left;display:block;width:60px;height:60px}
.Rl_list_li .Rli_t .Imgbox img{display:block;width:100%;height:100%;border-radius:.1rem;border-radius:10px;object-fit:cover}
.Rl_list_li .num{float:left;display:block;margin:0 10px;width:23px;height:23px;border-radius:50%;background:#e8ffd3;color:#333;text-align:center;font-size:16px;line-height:23px}
.Rl_list_li .num1{border-radius:0;background:url(../images/icon_Rl_num.png);background-position:0 0;background-size:23px 75px;color:#fff;text-align:center;font-size:13px}
.Rl_list_li .num2{border-radius:0;background:url(../images/icon_Rl_num.png);background-position:0 -23px;background-size:23px 75px;color:#fff;text-align:center;font-size:13px}
.Rl_list_li .num3{border-radius:0;background:url(../images/icon_Rl_num.png);background-position:0 -46px;background-size:23px 75px;color:#fff;text-align:center;font-size:13px}
.Rl_list_li .Nrbox{display:block;margin:0 0 0 100px;height:60px}
.Rl_list_li .Nr_head{position:relative}
.Rl_list_li .Nr_head .tit_txt{margin:0 70px 0 0}
.Rl_list_li .Nrbox .p_tit{overflow:hidden;height:22px;color:#333;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:16px;line-height:22px}
.Rl_list_li .Nrbox .p_tit a:active{color:#2e8bfb}
.Rl_list_li .Nr_head .tit_txt dl{overflow:hidden;margin:3px 0 0 0}
.Rl_list_li .Nr_head .tit_txt dt{float:left;display:inline-block;margin-right:10px;padding-right:12px;height:16px;border-right:1px solid #d9d9d9;color:#999;font-size:12px}
.Rl_list_li .Nr_head .tit_txt dd{float:left;display:inline-block;margin-right:10px;height:16px;color:#999;font-size:12px}
.Rl_list_li .Rl_down{position:absolute;top:0;right:0;z-index:2;display:block;margin-top:15px;width:60px;height:30px;border-radius:15px;background-color:#5cbc00;color:#fff;text-align:center;font-size:14px;font-size:14px;line-height:30px}
.Rl_list_li .Nrbox .p_txt{margin:3px 70px 0 0;color:#999;font-size:13px}
.Rl_list_li .Rli_b .txt{display:block;overflow:hidden;max-height:36px;color:#666;font-size:13px;line-height:18px}
/* æ¸¸æˆæˆªå›¾ */
.rank-images{display:block;overflow:hidden;margin-top:.2rem}
.rank-images h2{display:block;color:#333;font-size:.32rem;line-height:.84rem}
.rank-images>span{clear:both;display:block;padding:.1rem 0;color:#727272;text-align:center;line-height:.32rem}
.rank-images .swiper-wrapper .swiper-slide{max-height:8rem;background:#fefefe;text-align:center}
.rank-images .swiper-wrapper .swiper-slide img{display:block;margin:0 auto;width:auto;height:auto;max-width:100%;max-height:8rem;border-radius:.12rem}
/*æŽ¨è+å·¦æ»‘åŠ¨*/
.recommend-box{background:#fff}
.recommend-item{position:relative;z-index:0;overflow:hidden;box-sizing:border-box;margin-top:15px;padding:15px 5px;width:100%;height:285px;border-bottom:1px solid #dbe1ec;line-height:1.4}
.recommend-item:first-child{border-top:0}
.recommend-item:before{position:absolute;top:0;left:0;display:block;width:100%;height:60px;background:linear-gradient(0deg,transparent,rgba(0,0,0,.5));content:""}
.recommend-item:after{position:absolute;bottom:0;left:0;display:block;width:100%;height:110px;background:#fff;content:""}
.recommend-item .item-bg{position:absolute;top:0;left:0;z-index:-1;padding-bottom:5px;width:100%;height:100%}
.recommend-item .item-bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.recommend-item .item-title{position:absolute;top:110px;left:0;z-index:10;display:block;padding:0 .2rem;padding-top:24px;width:100%;height:40px;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.9));color:#fff;font-weight:700;font-size:20px;line-height:40px}
.recommend-item .item-scroll{position:absolute;bottom:5px;z-index:1;overflow:hidden;overflow-x:scroll;width:100%}
.recommend-item .item-scroll::-webkit-scrollbar{display:none}
.recommend-item .item-scroll .item-game{white-space:nowrap}
.recommend-item .item-scroll .item-game ul{padding:0}
.recommend-item .item-scroll .item-game li{display:inline-block;overflow:hidden;margin-right:5px;width:70px;height:87px}
.recommend-item .item-scroll .item-game li .pic{display:block;overflow:hidden;margin:0 auto 5px;width:60px;height:60px;border-radius:5px}
.recommend-item .item-scroll .item-game li .pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.recommend-item .item-scroll .item-game li .text{display:inline-block;overflow:hidden;margin:0 auto;padding:0 2.5px;width:70px;height:20px;color:#333;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:20px}
.recommend-box .tj{margin:12px auto 0;padding-bottom:5px;width:96%}
.recommend-box .tj li{float:left}
.recommend-box .tj li a{display:block;margin-right:8px;margin-bottom:8px;padding:4px 7px;border-radius:4px;background:0 0;color:#fff;font-size:14px}
.recommend-box .tj li:nth-child(1) a{background:#8bc6ff}
.recommend-box .tj li:nth-child(2) a{background:#a3b9ff}
.recommend-box .tj li:nth-child(3) a{background:#eed357}
.recommend-box .tj li:nth-child(4) a{background:#84d5ef}
.recommend-box .tj li:nth-child(5) a{background:#ffaac1}
.recommend-box .tj li:nth-child(6) a{background:#fddeb1}
.recommend-box .tj li:nth-child(7) a{background:#b1fdd8}
.recommend-box .tj li:nth-child(8) a{background:#8bc6ff}
.recommend-box .tj li:nth-child(9) a{background:#a3b9ff}
.recommend-box .tj li:nth-child(10) a{background:#eed357}
.recommend-box .tj li:nth-child(11) a{background:#84d5ef}
.recommend-box .tj li:nth-child(12) a{background:#ffaac1}
.recommend-box .tj li:nth-child(13) a{background:#fddeb1}
.recommend-box .tj li:nth-child(14) a{background:#b1fdd8}
.recommend-box .tj li:nth-child(15) a{background:#8bc6ff}
.recommend-box .tj li:nth-child(16) a{background:#a3b9ff}
.recommend-box .tj li:nth-child(17) a{background:#eed357}
.recommend-box .tj li:nth-child(18) a{background:#84d5ef}
.recommend-box .tj li:nth-child(19) a{background:#ffaac1}
.recommend-box .tj li:nth-child(20) a{background:#fddeb1}
.recommend-box .tj li:nth-child(21) a{background:#b1fdd8}
/* å£°æ˜Ž */
.declareText{padding:.15rem .2rem .25rem;background-color:#fff}
.declareText dt{color:#5cbc00;font-weight:700;font-size:.26rem;line-height:.5rem}
.declareText dd{color:#999;font-size:.24rem}