.top-access-ranking{max-width:1160px;margin:0 auto;padding:110px 30px;color:#18333d}.ranking-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px}.ranking-head>div>p{margin:0 0 8px;color:#0cb5c9;font-size:10px;font-weight:800;letter-spacing:.2em}.ranking-head h2{margin:0;color:#06334a;font-size:31px}.ranking-head>p{margin:0;color:#6d7f85;font-size:12px;line-height:1.9}.ranking-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.ranking-column{overflow:hidden;border:1px solid #dce5e6;background:#fff}.ranking-column>header{position:relative;padding:25px 27px;background:#06334a;color:#fff}.ranking-hotels>header{background:#087f92}.ranking-column>header span{color:#72e1df;font-size:8px;font-weight:800;letter-spacing:.18em}.ranking-column>header h3{margin:7px 0 0;font-size:18px}.ranking-column>header a{position:absolute;right:25px;bottom:27px;color:#c7d9dd;font-size:9px;font-weight:700}.ranking-column ol{list-style:none;margin:0;padding:0}.ranking-column li{border-bottom:1px solid #e3e9e9}.ranking-column li:last-child{border-bottom:0}.ranking-column li>a{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;min-height:78px;padding:12px 24px}.ranking-column li>a:hover{background:#f2f8f7}.ranking-column li>a>b{color:#f1664b;font-size:18px;font-weight:500}.ranking-column li>a>span{min-width:0;color:#18333d;font-size:11px;font-weight:700;line-height:1.55}.ranking-column li>a>span small{display:block;margin-top:4px;color:#8a989c;font-size:8px;font-weight:500;text-transform:uppercase}.ranking-column li>a>i{color:#007e9e;font-style:normal}.ranking-empty{padding:48px 28px;text-align:center;background:#f8faf9}.ranking-empty>b{color:#06334a;font-size:15px}.ranking-empty p{margin:8px 0 17px;color:#7b898d;font-size:10px}.ranking-empty a{color:#007e9e;font-size:10px;font-weight:800}.ranking-note{margin:14px 0 0;color:#8a989c;font-size:8px;text-align:right}@media(max-width:760px){.top-access-ranking{padding:80px 24px}.ranking-columns{grid-template-columns:1fr}.ranking-head{align-items:start;gap:20px}}@media(max-width:560px){.top-access-ranking{padding:60px 18px}.ranking-head{display:block}.ranking-head h2{font-size:25px}.ranking-head>p{margin-top:10px}.ranking-column li>a{padding:11px 17px}.ranking-note{text-align:left;line-height:1.7}}
