.top-access-ranking{max-width:1160px;margin:0 auto;padding:105px 30px;color:#18333d}
.ranking-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px}.ranking-head>div>p{margin:0 0 8px;color:#087f92;font-size:11px;font-weight:800}.ranking-head h2{margin:0;color:#06334a;font-size:31px}.ranking-head>p{margin:0;color:#60757a;font-size:13px;line-height:1.9}
.ranking-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.ranking-column{overflow:hidden;border:1px solid #d8e1e1;background:#fff}.ranking-column>header{position:relative;padding:24px 27px;border-bottom:3px solid #d4a327;background:#06334a;color:#fff}.ranking-hotels>header{background:#087f92}.ranking-column>header span{color:#86e3de;font-size:10px;font-weight:800;letter-spacing:.12em}.ranking-column>header h3{margin:7px 0 0;font-size:20px}.ranking-column>header a{position:absolute;right:25px;bottom:27px;color:#fff;font-size:12px;font-weight:700}
.ranking-column ol{list-style:none;margin:0;padding:0}.ranking-column li{border-bottom:1px solid #e0e7e7}.ranking-column li:last-child{border-bottom:0}.ranking-column li>a{display:grid;grid-template-columns:116px minmax(0,1fr) 22px;align-items:center;gap:17px;min-height:116px;padding:12px 18px}.ranking-column li>a:hover{background:#f3f8f7}
.ranking-column figure{position:relative;width:116px;height:88px;overflow:hidden;margin:0;background:linear-gradient(135deg,#d9e9e7,#eef3ef)}.ranking-column figure img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.ranking-column li>a:hover figure img{transform:scale(1.04)}.ranking-column figure>b{position:absolute;left:7px;bottom:7px;display:flex;align-items:center;gap:4px;padding:5px 7px;background:rgba(255,255,255,.95);color:#7b8589;font-size:13px;box-shadow:0 2px 8px rgba(0,0,0,.12)}.ranking-column figure>b span{color:#d4a327;font-size:17px;line-height:1}
.ranking-column .rank-1 figure>b{background:#d4a327;color:#fff}.ranking-column .rank-1 figure>b span{color:#fff}.ranking-column .rank-2 figure>b{background:#d9dde0;color:#4c5d62}.ranking-column .rank-3 figure>b{background:#b9784d;color:#fff}
.ranking-column li>a>span{min-width:0}.ranking-column li>a>span strong{display:block;color:#18333d;font-size:14px;line-height:1.6}.ranking-column li>a>span small{display:block;margin-top:7px;color:#73858a;font-size:11px;font-weight:500}.ranking-column li>a>i{color:#087f92;font-size:18px;font-style:normal}
.ranking-empty{padding:48px 28px;text-align:center;background:#f8faf9}.ranking-empty>b{color:#06334a;font-size:16px}.ranking-empty p{margin:8px 0 17px;color:#6b7c81;font-size:12px}.ranking-empty a{color:#087f92;font-size:12px;font-weight:800}.ranking-note{margin:16px 0 0;color:#718287;font-size:10px;text-align:right}
@media(max-width:850px){.ranking-columns{grid-template-columns:1fr}.ranking-head{align-items:start;gap:20px}}
@media(max-width:560px){.top-access-ranking{padding:65px 18px}.ranking-head{display:block}.ranking-head h2{font-size:25px}.ranking-head>p{margin-top:12px}.ranking-column>header{padding:22px 18px}.ranking-column>header a{right:18px}.ranking-column li>a{grid-template-columns:92px minmax(0,1fr) 16px;gap:12px;min-height:102px;padding:10px 12px}.ranking-column figure{width:92px;height:72px}.ranking-column li>a>span strong{font-size:13px}.ranking-note{text-align:left;line-height:1.7}}