/* Source block: authority-portal-v2 */
:root {
    --authority-blue: #075b93;
    --authority-blue-deep: #05466f;
    --authority-blue-bright: #0f76bd;
    --authority-green: #2f8f59;
    --authority-ink: #182a36;
    --authority-soft: #f2f7fa;
  }

  body {
    color: var(--authority-ink);
    text-rendering: optimizeLegibility;
  }

  .header_top {
    background: #f5f8fa !important;
    border-bottom: 1px solid #e5edf2;
  }
  .header_top a:hover { color: var(--authority-blue-deep) !important; }
  .header_logo {
    height: 152px !important;
    background: #fff !important;
    border-bottom: 1px solid #edf2f5;
  }
  .header_logo .container-box::after {
    content: "";
    position: absolute;
    right: 20px;
    bottom: 0;
    width: 210px;
    height: 3px;
    background: var(--authority-green);
  }
  .logo1, .logo2 { width: 116px !important; height: 98px !important; }
  .title-logo {
    margin-left: 34px !important;
    color: var(--authority-blue-deep) !important;
    font-size: 58px !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 0 #fff;
  }
  .search-input {
    width: 244px;
    height: 40px;
    border-color: #b9cbd6;
    background: #fbfdfe;
  }
  .search-btn {
    height: 40px;
    padding: 0 18px;
    background: var(--authority-blue-bright) !important;
  }
  .search-box p { color: #496d84 !important; }

  .navigator {
    height: 58px !important;
    background: var(--authority-blue) !important;
    box-shadow: 0 5px 18px rgba(5,70,111,.16) !important;
  }
  .navigator li { position: relative; }
  .navigator li + li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 19px;
    width: 1px;
    height: 20px;
    background: rgba(255,255,255,.14);
  }
  .navigator li a {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 500 !important;
  }
  .navigator li.active, .navigator li:hover { background: rgba(255,255,255,.1) !important; }
  .navigator li.active::after {
    right: 27% !important;
    left: 27% !important;
    height: 3px !important;
    background: #fff !important;
  }

  body > .container-box { padding-bottom: 44px; }
  .section { margin-bottom: 36px; }
  .section:first-child { padding-top: 28px; }
  body > .container-box > .section2:first-child {
    height: 116px;
    margin-bottom: 34px;
    border-bottom: 3px solid var(--authority-blue);
  }

  .section1 {
    height: 336px;
    grid-template-columns: 54% 43.5%;
    gap: 2.5%;
    margin-bottom: 38px;
  }
  .section1 .swiper-container, .sec1-tabbar { height: 336px; }
  .section1 .swiper-container {
    box-shadow: 0 12px 30px rgba(22,52,70,.14);
  }
  .section1 .swiper-img { transition: transform .55s ease, filter .55s ease; }
  .section1 .swiper-slide:hover .swiper-img {
    transform: scale(1.025);
    filter: saturate(1.06);
  }
  .swiper-p {
    height: 82px;
    padding: 36px 90px 12px 22px;
    background: linear-gradient(transparent, rgba(4,25,38,.9));
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .swiper-pagination { right: 20px; bottom: 20px; left: auto; }
  .swiper-pagination span { width: 8px; height: 8px; }
  .swiper-pagination span.active { width: 24px; }

  .sec1-tabbar {
    padding-left: 4px;
    border-top: 4px solid var(--authority-blue);
  }
  .sec1-tabbar-ul {
    height: 48px;
    margin-bottom: 12px;
    background: #f1f6f9;
    border-bottom-color: #d5e3eb;
  }
  .sec1-tabbar-ul li { display: grid; place-items: end center; }
  .sec1-tabbar-ul li.active { background: #fff; }
  .sec1-tabbar-ul a { font-size: 18px; font-weight: 600; }
  .sec1-tabbar-ul li.active a {
    color: var(--authority-blue-deep);
    border-bottom: 3px solid var(--authority-blue-bright);
  }
  .sec1-tabbar .tab-detail li { height: 39px; }
  .sec1-tabbar .tab-detail li:first-child .detail-title {
    color: var(--authority-blue-deep);
    font-size: 15px;
    font-weight: 600;
  }
  .tab-detail .detail-title { transition: color .18s ease; }
  .tab-detail li:hover .detail-title { color: var(--authority-blue-bright); }

  .section1 + .section2 {
    height: 116px;
    margin-bottom: 38px;
    border-top: 1px solid #dfe9ee;
    border-bottom: 1px solid #dfe9ee;
  }

  .general-header {
    height: 46px;
    margin-bottom: 14px;
    border-bottom: 1px solid #cfdde5;
  }
  .general-header .section-title {
    padding: 0 0 9px 14px;
    color: var(--authority-blue-deep);
    font-size: 20px;
    font-weight: 600;
  }
  .general-header .section-title::before {
    top: 3px;
    width: 4px;
    height: 23px;
    background: var(--authority-blue-bright);
  }
  .general-header > a:last-child, .more-link {
    color: #718895;
    transition: color .18s ease, transform .18s ease;
  }
  .general-header > a:last-child:hover, .more-link:hover {
    color: var(--authority-blue-bright);
    transform: translateX(2px);
  }

  .section3 {
    width: calc(100% + 40px) !important;
    height: 478px;
    margin: 0 -20px 42px !important;
    padding: 18px 20px 20px !important;
    background: var(--authority-soft) !important;
    border-top: 1px solid #d6e5ed !important;
    border-bottom: 1px solid #d6e5ed !important;
  }
  .section3 .index-chart {
    height: 400px !important;
    padding: 0;
    background: #fff;
    border-bottom: 3px solid #d9e7ee;
  }
  .price-index-title, .ratio-index-title {
    height: 42px;
    margin-bottom: 11px;
    overflow: hidden;
  }
  .index-name, .index-update-time { line-height: 42px; }
  .price-index-title .index-name { background: #78151b; }
  .price-index-title .index-update-time { background: #b71d25; }
  .ratio-index-title .index-name { background: #23633b; }
  .ratio-index-title .index-update-time { background: #3e9a5e; }
  .index-name { padding-left: 14px; font-size: 15px; font-weight: 600; }
  .index-update-time { font-size: 12px; }
  .index-name-list { padding: 0 12px; }
  .index-name-list li, .index-name-list .box {
    height: 31px;
    border-color: #d5e1e7;
    background: #f6f9fa;
  }
  .index-name-list .on {
    border-color: var(--authority-blue-bright);
    background: var(--authority-blue-bright);
  }
  .index-content { right: 12px; left: 12px; bottom: 10px; }
  .index-value { background: #075c34; }
  .item-detail-area { background: #17384d; }
  .content-item .bottom {
    margin-top: 11px;
    border: 0;
    background: #fff;
  }
  .fast-road-box {
    padding: 0;
    background: transparent;
    border: 0;
  }
  .fast-road-item {
    height: 64px;
    margin-bottom: 9px;
    padding: 8px 12px;
    background: #fff;
    border: 1px solid #d7e3ea;
    border-left: 4px solid var(--authority-blue-bright);
    box-shadow: 0 3px 10px rgba(19,59,84,.06);
  }
  .fast-road-item:nth-child(2n) { border-left-color: var(--authority-green); }
  .fast-road-item:hover {
    border-color: #9ec8df;
    border-left-color: var(--authority-blue-deep);
    background: #fff;
    transform: translateX(3px);
  }
  .fast-road-item img { width: 42px; height: 42px; }
  .fast-road-item a { color: #244151; font-weight: 500; }

  .section9, .section7 {
    height: 274px;
    gap: 3%;
    margin-bottom: 40px;
  }
  .section9 > div, .section7 > div { min-width: 0; }
  .section9 > div + div, .section7 > div + div {
    position: relative;
  }
  .section9 > div + div::before, .section7 > div + div::before {
    content: "";
    position: absolute;
    top: 4px;
    bottom: 0;
    left: -5%;
    width: 1px;
    background: #e2eaee;
  }
  .section9 .tab-detail li, .section7 .tab-detail li { height: 36px; }

  .section6 {
    width: calc(100% + 40px) !important;
    height: 160px;
    margin: 0 -20px 38px !important;
    padding: 0 20px !important;
    background: #f7f9fa !important;
    border-top: 1px solid #e0e8ec !important;
    border-bottom: 1px solid #e0e8ec !important;
  }
  .section6 .general-header { margin-bottom: 8px; }
  .section6 img {
    filter: grayscale(.08);
    transition: filter .2s ease, border-color .2s ease;
  }
  .section6 a:hover img { filter: grayscale(0); border-color: #9fc8df; }

  .mini-tabbar li { background: #f4f7f8; }
  .mini-tabbar li.active {
    border-color: var(--authority-blue);
    background: var(--authority-blue);
  }

  .section8 {
    width: calc(100% + 40px) !important;
    height: 292px;
    margin: 0 -20px !important;
    padding: 12px 20px 0 !important;
    background: #f2f6f8 !important;
    border-top: 1px solid #dce6eb !important;
  }
  .section8 .swiper-wrapper { gap: 16px; }
  .section8 .swiper-slide {
    position: relative;
    padding: 0;
    overflow: hidden;
    background: #122d3e;
    border: 0;
  }
  .section8 .swiper-slide::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 78px;
    pointer-events: none;
    background: linear-gradient(transparent, rgba(4,24,36,.9));
  }
  .section8 img {
    height: 220px;
    transition: transform .45s ease, filter .45s ease;
  }
  .section8 .swiper-slide:hover img {
    transform: scale(1.035);
    filter: saturate(1.08);
  }
  .section8 h5 {
    position: absolute;
    right: 12px;
    bottom: 11px;
    left: 12px;
    z-index: 2;
    padding: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
  }

  .footer {
    background: var(--authority-blue-deep) !important;
    border-top: 5px solid var(--authority-blue-bright);
  }
  .footer .container-box { padding-top: 28px !important; }
  .footer .con > div { border-bottom-color: rgba(255,255,255,.12) !important; }
  .footer .con b a { color: #fff !important; font-weight: 600; }
  .footer .bottom { color: #bcd1dd !important; }

  @media (max-width: 900px) {
    .header_logo { height: auto !important; }
    .header_logo .container-box::after { display: none; }
    .logo1, .logo2 { width: 44px !important; height: 42px !important; }
    .title-logo { margin-left: 8px !important; font-size: 24px !important; }
    .navigator { height: auto !important; }
    .navigator li + li::before { display: none; }
    .navigator li a { min-height: 48px; padding: 0 20px; font-size: 14px !important; }
    .section1 { height: auto; grid-template-columns: 1fr; }
    .section1 .swiper-container { height: min(60vw, 350px); }
    .sec1-tabbar { height: auto; min-height: 320px; margin-top: 18px; padding-left: 0; }
    .swiper-p { height: 68px; padding: 30px 72px 8px 14px; font-size: 16px; }
    .section1 + .section2, .section3, .section6, .section8 {
      width: calc(100% + 24px) !important;
      margin-right: -12px !important;
      margin-left: -12px !important;
    }
    .section3 { height: auto; padding: 14px 12px !important; }
    .section3 .index-chart { height: 400px !important; }
    .section9, .section7 { height: auto; grid-template-columns: 1fr; }
    .section9 > div + div::before, .section7 > div + div::before { display: none; }
    .section8 { height: auto; padding: 12px !important; }
    .section8 .swiper-wrapper { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .section8 img { height: 34vw; min-height: 125px; }
  }