.ranking-menu .swiper-slide { box-sizing: border-box; -webkit-box-sizing: border-box; }

.higscore-menu { display: -webkit-box; display: -webkit-flex; display: flex; }

.higscore-mitem { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }

.ranking-banner { width: 100%; }
.ranking-banner img { width: 100%; }

.h-fixed-ranking { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; color: #fff; }
.h-fixed-ranking a { color: #fff; }
.h-fixed-ranking.header-ranking { background-color: #fff; color: #333; }
.h-fixed-ranking.header-ranking a { color: #333; }

.ranking-box { position: relative; z-index: 100; margin-top: -20px; border-top-right-radius: 20px; border-top-left-radius: 20px; padding: 15px 0; }
.ranking-box.rank-bgc { background-color: #f9f0e2; }
.ranking-box.highscore-bgc { background-color: #fff; }

.rank-bgc .title { padding: 15px; font-size: 16px; }
.rank-bgc .title.ranking-titpad { padding: 5px 0 15px 15px; }

.highscore-bgc .strip-list { padding: 10px 10px 10px 0; }
.highscore-bgc .ranking-score { padding-top: 40px; }

.ranking-menu-col { padding: 0 10px 0 0; }

.ranking-menu { padding: 0 0 0 15px; }
.ranking-menu .swiper-slide { width: 29%; padding-right: 10px; }

.ranking-mitem { height: 36px; line-height: 36px; border-radius: 18px; text-align: center; font-size: 15px; font-weight: bold; background-color: #eaddc8; }
.ranking-mitem.chk-ranking { background-color: #d33e4c; color: #fff; }

.higscore-menu { padding: 0 5px 0 15px; }

.higscore-mitem { margin-right: 10px; height: 36px; line-height: 36px; border-radius: 18px; background-color: #f1f2f3; text-align: center; font-size: 15px; font-weight: bold; }
.higscore-mitem.chk-higscore { background-color: #d33e4c; color: #fff; }

.ranking-sale-label { display: inline-block; margin-left: 6px; font-size: 12px; color: #c27c0e; }

.ranking-score { width: 50px; padding-top: 30px; text-align: center; color: #c27c0e; }
.ranking-score .rs-score { font-size: 18px; font-weight: bold; }
.ranking-score .rs-awards { font-size: 15px; font-weight: bold; }
.ranking-score .rs-txt { font-size: 10px; }

.ranking-awards { width: 60px; padding-top: 30px; text-align: center; color: #c27c0e; }
.ranking-awards .rs-awards { font-size: 15px; font-weight: bold; }
.ranking-awards .rs-txt { font-size: 10px; }

.ranking-strip { padding: 0 15px 0 15px; }
.ranking-strip .strip-list { position: relative; padding: 10px 10px 10px 0; margin-bottom: 10px; background-color: #fff; border-radius: 10px; }

.ranking-wimg { width: 80px; height: 80px; padding-top: 10px; text-align: center; }
.ranking-wimg img { max-width: 100%; max-height: 100%; }

.rank-price-txt { margin-right: 6px; color: #999; font-size: 12px; }

.ranking-id { position: absolute; top: 0; left: 0; height: 18px; width: 28px; line-height: 18px; font-size: 13px; background-color: #deccab; color: #fff; border-bottom-right-radius: 6px; text-align: center; }

.ranking-btn { width: 54px; height: 30px; line-height: 30px; border-radius: 15px; background-color: #d33e4c; color: #fff; text-align: center; }

.rank-price-pad { padding-top: 0; }

.rank-market-price { float: left; font-size: 14px; font-weight: bold; }

.higscore-wimg { width: 120px; height: 120px; }
.higscore-wimg img { width: 100%; }