.ranking-field{margin:20px 0;padding:10px 0 15px}#black-base .ranking-field{background:url('/images/dx_new/crown.png') no-repeat 0 0/30% auto,linear-gradient(to top,#222 30%,#0c0c0c)}#white-base .ranking-field{background:url('/images/dx_new/crown.png') no-repeat 0 0/30% auto,linear-gradient(to top,#eee 30%,#f6f7f8)}.ranking-field .rfhead{width:100%;margin-bottom:5px;text-align:center}.ranking-field .rfhead h2{font-size:30px;font-weight:400;font-family:serif;letter-spacing:0;color:#bba800}.ranking-field .rfbody-wrap{width:95%;margin:0 auto 15px;display:flex;justify-content:center}.ranking-field .rfbody-wrap li{max-width:calc(100% / 5);padding:0 2.5%;text-align:center;flex:1}.ranking-field .rfbody-class{font-size:20px;font-family:serif}.ranking-field .rfbody-image{width:100%;padding:130% 0 0;border:1px solid currentColor;overflow:hidden;background:rgba(153,153,153,.3);position:relative}.ranking-field .rfbody-image::before{content:"";width:100%;padding-top:133.33%;display:block}.ranking-field .rfbody-image figure{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.ranking-field .rfbody-image img{width:100%;height:100%;object-fit:cover}.ranking-field .rfbody-name p{margin-top:3px;font-size:12px}.ranking-field .rfbody-wrap li:nth-of-type(1) dd{color:#bba800}.ranking-field .rfbody-wrap li:nth-of-type(2) dd{color:#858585}.ranking-field .rfbody-wrap li:nth-of-type(3) dd{color:#a84343}@media screen and (max-width:768px){.ranking-field .rfbody-class{font-size:18px}.ranking-field .rfbody-wrap{flex-wrap:wrap}.ranking-field .rfbody-wrap li:nth-of-type(1),.ranking-field .rfbody-wrap li:nth-of-type(2){min-width:50%}.ranking-field .rfbody-wrap li:nth-of-type(3),.ranking-field .rfbody-wrap li:nth-of-type(4),.ranking-field .rfbody-wrap li:nth-of-type(5){max-width:calc(100% / 3)}.ranking-field .rfbody-image{padding:110% 0 0}}