/* Source block: inline */
:root{--blue:#177fd0;--blue2:#0874ca;--light:#9bc8eb;--line:#d9e7f2;--muted:#8b98a3;--text:#27333d;--wash:#f4f9fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,h4,h5,p,ul{margin:0}body{color:var(--text);background:#fff;font:14px/1.6 "Microsoft YaHei","PingFang SC",Arial,sans-serif;-webkit-font-smoothing:antialiased}ul{padding:0;list-style:none}a{color:inherit;text-decoration:none;transition:.18s}img{display:block;max-width:100%}button,input{font:inherit}.container-box{width:1200px;margin:0 auto;padding:0 20px;overflow:hidden}.df-box{display:flex}.fl{float:none}.fr{float:none}.gray{color:var(--muted)}.l-blue{color:#087bd3}.fs-12{font-size:12px}.fs-14{font-size:14px}.fs-16{font-size:16px}.fs-20{font-size:20px}.mr-5{margin-right:5px}.block{display:block}.header_top{height:30px;background:#f7f9fb;border-bottom:1px solid #edf1f4}.header_top .container-box{height:30px;align-items:center}.header-link{margin-left:auto;display:flex;gap:18px}.header-link+ .header-link{margin-left:26px}.header_logo{height:154px;background:#fff radial-gradient(ellipse at 17% 0,#e7eaed 0 17%,transparent 47%)}.header_logo .container-box{height:100%;display:flex;align-items:center;position:relative}.logo1,.logo2{width:126px;height:105px;display:grid;place-items:center}.logo1 img,.logo2 img{width:100%;height:100%;object-fit:contain}.title-logo{margin-left:34px;color:#076ab6;font-size:62px;line-height:1;font-weight:800;white-space:nowrap}.search-box{margin-left:auto;text-align:right}.search-input{width:220px;height:38px;padding:0 12px;border:1px solid #c9d4dd;border-radius:4px 0 0 4px;outline:0}.search-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #177fd01c}.search-btn{height:38px;padding:0 15px;border:0;border-radius:0 4px 4px 0;background:var(--blue);color:#fff}.search-box p{line-height:24px}.navigator{height:60px;background:var(--blue);box-shadow:0 2px 9px #004b871f}.navigator .container-box,.navigator ul{height:100%}.navigator li{flex:1}.navigator a{height:100%;display:grid;place-items:center;color:#fff;font-size:20px}.navigator li:hover,.navigator li.active{background:var(--light)}.navigator li:hover a,.navigator li.active a{color:#0871c4}.section{margin-bottom:30px;overflow:hidden}.section:first-child{margin-top:30px}.section2{height:120px}.section2 .swiper-container,.section2 .swiper-wrapper,.section2 .swiper-slide,.section2 a,.section2 img{width:100%;height:100%}.section2 img{object-fit:cover}.swiper-wrapper{position:relative}.swiper-slide{display:none}.swiper-slide.is-current{display:block}.section1{height:300px;display:grid;grid-template-columns:49% 49%;gap:2%}.section1 .swiper-container{width:100%;height:300px;position:relative;overflow:hidden;box-shadow:0 5px 18px #19466414}.section1 .swiper-slide{position:absolute;inset:0}.section1 .swiper-slide.is-current{display:block}.section1 .swiper-img{width:100%;height:100%;object-fit:cover}.swiper-p{position:absolute;left:0;right:0;bottom:0;height:30px;line-height:30px;background:#0009;color:#fff;text-align:center}.swiper-pagination{position:absolute;left:16px;bottom:10px;display:flex;gap:6px;z-index:2}.swiper-pagination span{width:7px;height:7px;border-radius:50%;background:#fff8}.swiper-pagination span.active{width:18px;border-radius:4px;background:#fff}.sec1-tabbar{width:100%;height:300px;overflow:hidden}.tabbar,.sec1-tabbar-ul{display:flex;border-bottom:1px solid var(--line);margin-bottom:15px}.tabbar li,.sec1-tabbar-ul li{flex:1;text-align:center}.tabbar a,.sec1-tabbar-ul a{display:inline-block;padding-bottom:7px;font-size:20px;font-weight:700}.tabbar li.active a,.sec1-tabbar-ul li.active a{color:#0875d3;border-bottom:3px solid var(--blue)}.tab-detail{display:none}.tab-detail.tab-active{display:block}.tab-detail li{height:36px;display:grid;grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:12px;border-bottom:1px dashed #e3e9ed}.tab-detail .detail-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-detail .detail-title:hover{color:var(--blue)}.tab-detail .fa{margin-right:8px;color:var(--blue)}.tab-detail .fr{text-align:right;font-size:12px}.general-header{height:42px;margin-bottom:10px;display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);font-weight:700}.general-header .section-title{padding-bottom:8px;border-bottom:3px solid var(--blue);color:#0875d3}.section3{height:450px;display:grid;grid-template-columns:36% 36% 24%;gap:2%}.price-index,.ratio-index,.fast-road{width:auto!important;margin:0!important}.index-chart{height:400px!important;position:relative}.price-index-title,.ratio-index-title{height:40px;display:flex;color:#fff;margin-bottom:8px}.index-name{flex:1;padding:0 10px;line-height:40px;background:#621117}.index-update-time{width:30%;line-height:40px;text-align:center;background:#bd1018}.ratio-index-title .index-name{background:#245d35}.ratio-index-title .index-update-time{background:#4ca96a}.index-name-list ul{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.index-name-list li,.index-name-list .box{min-width:52px;height:31px;display:grid;place-items:center;border:1px solid #d5e1e9;background:#f5f8fa;cursor:pointer}.index-name-list .on{background:var(--blue);color:#fff}.index-content{position:absolute;left:0;right:0;bottom:0}.content-item{display:none}.content-item.show{display:block}.item-value-area,.item-detail-area{display:inline-block;vertical-align:top;box-shadow:0 2px 7px #1432461a}.item-value-area{width:40%;text-align:center}.index-value{padding:13px 0;background:#075d19;color:#fff;font-size:26px;font-weight:700}.item-detail-area{width:58%;height:52px;margin-left:1%;padding:7px 10px;background:#09243d;color:#b8cee0;font-size:12px}.content-item .bottom{height:200px;margin-top:10px}.content-item .bottom img{width:100%;height:100%;object-fit:cover}.fast-road-box{padding:10px 20px;background:#edf6fb;border:1px solid #cddde8}.fast-road-item{height:63px;margin-bottom:10px;padding:9px 13px;display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #d8e0e5;box-shadow:0 2px 6px #14395412}.fast-road-item img{width:40px;height:40px;object-fit:contain}.fast-road-item a{flex:1;text-align:center;line-height:20px}.fast-road-item:hover{transform:translateY(-2px)}.section9,.section7{height:260px;display:grid;grid-template-columns:repeat(3,1fr);gap:2%}.section9>div,.section7>div{width:auto!important;margin:0!important;min-width:0}.section9 .section-title img{width:25px}.section6{height:150px}.section6 #swiper2,.section6 .swiper-wrapper{height:110px;display:flex;gap:12px}.section6 .swiper-slide{display:block!important;flex:0 0 221px}.section6 img{width:210px;height:90px;margin:5px;border:1px solid var(--line);object-fit:contain}.more-link{margin-left:auto;font-size:12px}.mini-tabbar{height:32px;margin-bottom:20px;display:flex}.mini-tabbar li{flex:1;border:1px solid #d2dde5;background:#f4f6f8;text-align:center}.mini-tabbar a{display:block;line-height:30px}.mini-tabbar li.active{background:var(--blue);color:#fff}.mini-tab-detail{display:none}.mini-tab-detail.tab-active{display:flex;gap:10px}.mini-tab-detail>img{width:35%;height:150px;object-fit:cover}.mini-tab-detail ul{flex:1}.section8{height:260px}.section8 #swiper3,.section8 .swiper-wrapper{height:220px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.section8 .swiper-slide{display:block!important;padding:14px;border:1px solid #e1e9ee}.section8 img{width:100%;height:150px;object-fit:cover}.section8 h5{padding-top:10px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arrow{display:none}.footer{background:#075f9f;color:#dcecf6}.footer .container-box{padding-top:26px;padding-bottom:24px}.footer .con>div{padding:9px 0;border-bottom:1px solid #ffffff1c}.footer .con a{margin-right:13px}.footer .bottom{padding-top:18px;text-align:center;font-size:12px;line-height:1.9}.login-form,.qrCode-form{position:fixed;inset:0;z-index:20;display:none;place-items:center;background:#00182d80}.login-form.open,.qrCode-form.open{display:grid}.login-form-container,.qrCode-form-container{width:400px;padding:20px;background:#fff;box-shadow:0 18px 50px #00182d40}.login-form .title,.qrCode-form .title{display:flex;justify-content:space-between;margin-bottom:15px;font-size:18px}.form-content{display:grid;gap:10px}.form-content input,.form-content button{height:40px}.form-content input{padding:0 10px;border:1px solid #ccd6dc}.form-content button{border:0;background:var(--blue);color:#fff}.register-info{margin-top:12px;color:var(--muted);font-size:12px}.qrCode-form-content img{width:240px;margin:auto}
@media(max-width:900px){.container-box{width:100%;padding:0 12px}.header_logo{height:auto;padding:18px 0}.header_logo .container-box{flex-wrap:wrap;justify-content:center}.logo1,.logo2{width:62px;height:56px}.title-logo{margin-left:10px;font-size:34px}.search-box{width:100%;margin-top:14px;text-align:center}.navigator{height:auto}.navigator ul{display:grid;grid-template-columns:repeat(4,1fr)}.navigator a{min-height:48px;font-size:15px}.section1{height:auto;grid-template-columns:1fr}.section1 .swiper-container{height:56vw;max-height:350px}.sec1-tabbar{height:auto}.section3{height:auto;grid-template-columns:1fr}.index-chart{height:390px!important}.section9,.section7{height:auto;grid-template-columns:1fr}.section9>div,.section7>div{min-height:240px}.section6{height:auto}.section8{height:auto}.section8 #swiper3,.section8 .swiper-wrapper{height:auto;grid-template-columns:repeat(2,1fr)}.footer .con a{display:inline-block}.section2{height:80px}.header_top{display:none}}

/* Source block: inline */
.section1 .swiper-wrapper { height: 100%; }
  .fast-road .general-header .section-title { line-height: 30px; }
  .more-link { display: none; margin-left: auto; }
  .more-link.tab-active { display: block; }
  .section7 > div:first-child .tabbar {
    display: grid;
    grid-template-columns: max-content max-content 1fr;
    column-gap: 28px;
    align-items: end;
  }
  .section7 > div:first-child .tabbar li {
    flex: none;
    text-align: left;
  }
  .section7 > div:first-child .tabbar .more-link {
    justify-self: end;
    align-self: end;
    padding-bottom: 9px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
  }
/* Source block: association-refresh */
:root {
    --blue: #1178c7;
    --blue2: #075f9f;
    --light: #d8ebf8;
    --line: #d8e5ee;
    --muted: #778691;
    --text: #202c35;
    --wash: #f4f8fb;
  }

  body { background: #fff; color: var(--text); }
  .container-box { width: 1200px; }

  .header_top { height: 32px; background: #f5f8fa; color: #667681; }
  .header_top .container-box { height: 32px; }
  .header-link { gap: 20px; }
  .header-link a:hover { color: var(--blue2) !important; }

  .header_logo { height: 146px; background-color: #fff; background-position: center; }
  .logo1, .logo2 { width: 118px; height: 98px; }
  .title-logo { margin-left: 30px; color: #0768ae; font-size: 58px; font-weight: 800; }
  .search-box { min-width: 282px; }
  .search-input { height: 38px; background: rgba(255,255,255,.96); }
  .search-btn { height: 38px; background: var(--blue); font-weight: 600; }
  .search-btn:hover { background: var(--blue2); }

  .navigator { height: 56px; background: var(--blue); box-shadow: 0 3px 12px rgba(8,91,151,.13); }
  .navigator a { font-size: 18px; font-weight: 500; }
  .navigator li { position: relative; }
  .navigator li:hover, .navigator li.active { background: rgba(255,255,255,.16); }
  .navigator li:hover a, .navigator li.active a { color: #fff; }
  .navigator li.active::after { content: ""; position: absolute; left: 30%; right: 30%; bottom: 0; height: 3px; background: #fff; }

  .section { margin-bottom: 28px; }
  .section:first-child { margin-top: 26px; }
  .section2 { height: 112px; }
  .section2 img { object-position: center; }

  .section1 { height: 320px; grid-template-columns: 50% 48%; gap: 2%; }
  .section1 .swiper-container { height: 320px; box-shadow: none; background: #edf2f5; }
  .section1 .swiper-img { transition: transform .45s ease; }
  .section1 .swiper-slide:hover .swiper-img { transform: scale(1.012); }
  .swiper-p { height: 38px; padding: 7px 18px 0; line-height: 28px; background: linear-gradient(transparent, rgba(0,0,0,.78)); text-align: left; }
  .swiper-pagination { bottom: 13px; left: auto; right: 16px; }
  .sec1-tabbar { height: 320px; }
  .tabbar, .sec1-tabbar-ul { height: 46px; margin-bottom: 12px; align-items: flex-end; }
  .tabbar a, .sec1-tabbar-ul a { padding-bottom: 9px; font-size: 18px; font-weight: 700; }
  .tabbar li.active a, .sec1-tabbar-ul li.active a { border-bottom-width: 3px; }
  .tab-detail li { height: 37px; grid-template-columns: minmax(0,1fr) 86px; }
  .tab-detail .detail-title { font-size: 14px; }
  .tab-detail .fr { color: #84929d; }

  .general-header { height: 44px; margin-bottom: 12px; align-items: flex-end; }
  .general-header .section-title { padding-bottom: 8px; border-bottom-width: 3px; font-size: 20px; letter-spacing: 0; }
  .general-header > a:last-child { padding-bottom: 10px; }

  .section3 { height: 448px; grid-template-columns: 36.5% 36.5% 23%; gap: 2%; }
  .index-chart { height: 390px !important; }
  .price-index-title, .ratio-index-title { border-radius: 0; overflow: hidden; }
  .price-index-title .index-name { background: #7a1117; }
  .price-index-title .index-update-time { background: #bd171f; }
  .ratio-index-title .index-name { background: #205d37; }
  .ratio-index-title .index-update-time { background: #45a466; }
  .index-name-list li, .index-name-list .box { min-width: 50px; height: 30px; border-color: #d5e1e9; background: #f7f9fa; }
  .index-name-list .on { border-color: var(--blue); background: var(--blue); }
  .item-value-area, .item-detail-area { box-shadow: none; }
  .index-value { background: #075f20; }
  .item-detail-area { background: #0b2942; }
  .content-item .bottom { border: 1px solid #e1e8ed; background: #fff; }
  .content-item .bottom img { object-fit: contain; }

  .fast-road .general-header .section-title { font-size: 20px; }
  .fast-road-box { padding: 10px 12px; background: #f0f6fa; border-color: #d4e1e9; }
  .fast-road-item { height: 62px; padding: 8px 11px; border-color: #d9e3e9; box-shadow: none; }
  .fast-road-item:hover { transform: none; border-color: #8fc3e6; background: #fafdff; }
  .fast-road-item a { color: #34434e; }

  .section9, .section7 { gap: 3%; grid-template-columns: repeat(3, 1fr); }
  .section9 .tab-detail li, .section7 .tab-detail li { height: 35px; }
  .section9 .section-title img { opacity: .88; }

  .section6 { padding-top: 2px; }
  .section6 #swiper2, .section6 .swiper-wrapper { gap: 14px; }
  .section6 .swiper-slide { flex-basis: 216px; }
  .section6 img { width: 206px; background: #fff; border-color: #e0e7ec; }

  .mini-tabbar { margin-bottom: 16px; }
  .mini-tabbar li { border-color: #d7e0e6; background: #f5f7f8; }
  .mini-tabbar li.active { border-color: var(--blue); background: var(--blue); }

  .section8 { height: 270px; }
  .section8 #swiper3, .section8 .swiper-wrapper { height: 228px; gap: 16px; }
  .section8 .swiper-slide { padding: 12px; border-color: #dce6ec; }
  .section8 .swiper-slide:hover { border-color: #9fc9e4; }
  .section8 h5 { font-size: 14px; font-weight: 500; }

  .footer { margin-top: 8px; background: #075f9f; }
  .footer .container-box { padding-top: 24px; padding-bottom: 22px; }
  .footer .con > div { display: grid; grid-template-columns: 96px 1fr; gap: 0 8px; padding: 10px 0; }
  .footer .con > div b { grid-row: 1 / span 3; }
  .footer .con a { margin-right: 16px; color: #d4e8f5; }
  .footer .con b a { color: #fff !important; font-weight: 700; }
  .footer .bottom { margin-top: 8px; border-top: 1px solid rgba(255,255,255,.16); color: #c3d9e7; }

  @media (max-width: 900px) {
    .container-box { width: 100%; }
    .header_logo { height: auto; }
    .title-logo { font-size: 34px; }
    .section1 { height: auto; grid-template-columns: 1fr; }
    .section1 .swiper-container { height: min(58vw, 350px); }
    .sec1-tabbar { height: auto; }
    .section3 { height: auto; grid-template-columns: 1fr; }
    .section9, .section7 { height: auto; grid-template-columns: 1fr; }
    .footer .con > div { display: block; }
  }

/* Source block: association-refresh-v2 */
body { background: #f5f8fa; }
  #header, .navigator { background-color: #fff; }

  .header_top { height: 30px; background: #eef3f6; }
  .header_top .container-box { height: 30px; }
  .header_logo { height: 132px; background: #fff; }
  .logo1, .logo2 { width: 104px; height: 88px; }
  .title-logo { margin-left: 26px; font-size: 54px; }
  .search-box { min-width: 300px; }

  .navigator { height: 54px; border-top: 1px solid #e4ebef; border-bottom: 1px solid #d7e3eb; box-shadow: 0 4px 14px rgba(23,77,113,.10); }
  .navigator .container-box { background: #1178c7; padding: 0; }
  .navigator li.active, .navigator li:hover { background: #075f9f; }
  .navigator li.active::after { left: 35%; right: 35%; }

  body > .container-box { margin-top: 0; background: #fff; padding: 0 20px 44px; box-shadow: 0 12px 36px rgba(32,65,88,.07); }
  .section:first-child { margin-top: 0; padding-top: 24px; }
  .section2 { height: 96px; margin-bottom: 26px; }

  .section1 { height: 332px; grid-template-columns: 54% 43.5%; gap: 2.5%; margin-bottom: 26px; }
  .section1 .swiper-container { height: 332px; }
  .sec1-tabbar { height: 332px; padding: 0 0 0 4px; }
  .sec1-tabbar-ul { height: 48px; background: #f3f7fa; border-top: 3px solid #1178c7; }
  .sec1-tabbar-ul li { display: grid; place-items: end center; }
  .sec1-tabbar-ul li.active { background: #fff; }
  .tab-detail li { height: 39px; padding: 0 8px; }
  .tab-detail li:hover { background: #f3f8fb; }
  .swiper-p { font-weight: 500; }

  .section1 + .section2 { height: 100px; margin: 0 -20px 30px; width: calc(100% + 40px); }

  .section3 { width: calc(100% + 40px); height: 478px; margin: 0 -20px 32px; padding: 20px; background: #eef5f9; border-top: 1px solid #d8e6ee; border-bottom: 1px solid #d8e6ee; }
  .section3 .general-header { margin-bottom: 14px; }
  .section3 .general-header .section-title { color: #075f9f; }
  .section3 .index-chart { height: 396px !important; background: #fff; padding: 10px; border: 1px solid #dce7ed; }
  .section3 .fast-road-box { background: transparent; border: 0; padding: 0; }
  .section3 .fast-road-item { height: 65px; margin-bottom: 10px; background: #fff; }

  .section9 { height: 274px; margin-bottom: 32px; padding-top: 6px; }
  .section9 > div { padding-right: 18px; border-right: 1px solid #e0e8ed; }
  .section9 > div:last-child { padding-right: 0; border-right: 0; }

  .section6 { width: calc(100% + 40px); height: 156px; margin: 0 -20px 30px; padding: 0 20px; background: #f7f9fa; border-top: 1px solid #e1e8ec; border-bottom: 1px solid #e1e8ec; }

  .section7 { height: 278px; margin-bottom: 32px; padding-top: 4px; }
  .section7 > div { padding-right: 18px; border-right: 1px solid #e0e8ed; }
  .section7 > div:last-child { padding-right: 0; border-right: 0; }

  .section8 { width: calc(100% + 40px); height: 286px; margin: 0 -20px; padding: 10px 20px 0; background: #f4f8fa; border-top: 1px solid #dce7ed; }
  .section8 .swiper-slide { background: #fff; }

  .footer { margin-top: 0; }
  .footer .con > div { display: block; padding: 10px 0; line-height: 2; }
  .footer .con > div b { display: inline; margin-right: 12px; }
  .footer .con a { display: inline; margin-right: 13px; }
  .footer .bottom { margin-top: 10px; }

  @media (max-width: 900px) {
    body > .container-box { padding-left: 12px; padding-right: 12px; box-shadow: none; }
    .section1 { height: auto; grid-template-columns: 1fr; }
    .section1 .swiper-container { height: min(58vw, 350px); }
    .section1 + .section2, .section3, .section6, .section8 { width: calc(100% + 24px); margin-left: -12px; margin-right: -12px; }
    .section3 { height: auto; }
    .section9, .section7 { height: auto; }
    .section9 > div, .section7 > div { padding-right: 0; border-right: 0; }
  }

/* Source block: relaxed-continuous-refresh */
body { background: #fff; }
  #header { background: #fff; }

  .header_top { height: 30px; background: #f6f8f9; }
  .header_top .container-box { height: 30px; }
  .header_logo { height: 148px; }
  .logo1, .logo2 { width: 114px; height: 96px; }
  .title-logo { margin-left: 32px; font-size: 58px; }

  .navigator { height: 56px; border: 0; background: #0f76bd; box-shadow: 0 2px 8px rgba(15,83,128,.10); }
  .navigator .container-box { background: transparent; padding: 0 20px; }
  .navigator li.active, .navigator li:hover { background: rgba(255,255,255,.12); }
  .navigator li.active::after { left: 34%; right: 34%; height: 2px; }

  body > .container-box { margin-top: 0; padding: 0 20px 36px; background: #fff; box-shadow: none; }
  .section { margin-bottom: 30px; }
  .section:first-child { margin-top: 0; padding-top: 28px; }
  .section2 { height: 116px; }

  .section1 { height: 312px; grid-template-columns: 51% 47%; gap: 2%; margin-bottom: 30px; }
  .section1 .swiper-container { height: 312px; }
  .sec1-tabbar { height: 312px; padding: 0; }
  .sec1-tabbar-ul { height: 44px; margin-bottom: 13px; background: transparent; border-top: 0; }
  .sec1-tabbar-ul li { display: block; }
  .sec1-tabbar-ul li.active { background: transparent; }
  .tabbar a, .sec1-tabbar-ul a { font-size: 18px; }
  .tab-detail li { height: 37px; padding: 0; }
  .tab-detail li:hover { background: transparent; }
  .tab-detail li:hover .detail-title { color: #075f9f; }

  .section1 + .section2 { width: 100%; height: 116px; margin: 0 0 32px; }

  .general-header { height: 44px; margin-bottom: 12px; }
  .general-header .section-title { color: #075f9f; }

  .section3 { width: 100%; height: 450px; margin: 0 0 34px; padding: 0; background: transparent; border: 0; }
  .section3 .general-header { margin-bottom: 12px; }
  .section3 .index-chart { height: 398px !important; padding: 0; background: transparent; border: 0; }
  .section3 .fast-road-box { padding: 10px 14px; background: #f6fafc; border: 1px solid #dce7ed; }
  .section3 .fast-road-item { height: 62px; background: #fff; }

  .section9 { height: 264px; margin-bottom: 32px; padding-top: 0; }
  .section9 > div { padding-right: 0; border-right: 0; }

  .section6 { width: 100%; height: 150px; margin: 0 0 30px; padding: 0; background: transparent; border: 0; }
  .section6 img { border-color: #e2e8ec; }

  .section7 { height: 264px; margin-bottom: 34px; padding-top: 0; }
  .section7 > div { padding-right: 0; border-right: 0; }

  .section8 { width: 100%; height: 270px; margin: 0; padding: 0; background: transparent; border: 0; }
  .section8 .swiper-slide { background: #fff; border-color: #e1e7eb; }

  .footer { margin-top: 0; background: #075f9f; }
  .footer .con > div { display: block; }
  .footer .con > div b { display: inline; }
  .footer .con a { display: inline; }

  @media (max-width: 900px) {
    body > .container-box { padding-left: 12px; padding-right: 12px; }
    .section1 { height: auto; grid-template-columns: 1fr; }
    .section1 .swiper-container { height: min(58vw, 350px); }
    .section1 + .section2, .section3, .section6, .section8 { width: 100%; margin-left: 0; margin-right: 0; }
    .section3, .section9, .section7 { height: auto; }
  }

/* Source block: final-modern-information-portal */
:root {
    --blue: #0f76bd;
    --blue2: #075f9f;
    --green: #32965a;
    --text: #26333c;
    --muted: #84919a;
    --line: #dce5ea;
    --soft-line: #edf1f3;
  }

  body {
    color: var(--text);
    background: #fff;
    font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: 0;
  }
  a:focus-visible, button:focus-visible, input:focus-visible {
    outline: 2px solid rgba(15,118,189,.38);
    outline-offset: 2px;
  }

  .container-box { width: 1200px; padding-right: 20px; padding-left: 20px; }
  body > .container-box { padding-bottom: 38px; background: #fff; box-shadow: none; }

  .header_top { background: #f7f9fa; border-bottom-color: #edf1f3; color: #75838c; }
  .header-link { gap: 20px; }
  .header_logo { height: 148px; background-color: #fff; }
  .logo1, .logo2 { width: 114px; height: 96px; }
  .title-logo { margin-left: 32px; color: #0768ae; font-size: 58px; font-weight: 700; }
  .search-input { border-color: #cfd9df; border-radius: 2px 0 0 2px; }
  .search-btn { border-radius: 0 2px 2px 0; background: var(--blue); font-weight: 500; }

  .navigator { height: 56px; background: var(--blue); border: 0; box-shadow: 0 2px 8px rgba(15,83,128,.10); }
  .navigator .container-box { padding: 0 20px; background: transparent; }
  .navigator a { font-size: 18px; font-weight: 500; }
  .navigator li:hover, .navigator li.active { background: rgba(255,255,255,.11); }
  .navigator li:hover a, .navigator li.active a { color: #fff; }
  .navigator li.active::after { left: 32%; right: 32%; bottom: 0; height: 2px; background: #fff; }

  .section { margin-bottom: 32px; }
  .section:first-child { padding-top: 28px; }
  .section2 { height: 116px; }
  .section1 + .section2 { height: 116px; margin-bottom: 34px; }
  .section2 img { object-fit: cover; }
  body > .container-box > .section2:first-child img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    object-position: center;
  }

  .section1 { height: 312px; grid-template-columns: 51% 47%; gap: 2%; }
  .section1 .swiper-container, .sec1-tabbar { height: 312px; }
  .section1 .swiper-container { background: #eef2f4; box-shadow: none; }
  .swiper-p { height: 40px; padding: 8px 18px 0; background: linear-gradient(transparent, rgba(0,0,0,.76)); font-weight: 500; }
  .sec1-tabbar-ul, .tabbar { height: 44px; margin-bottom: 13px; background: transparent; border-top: 0; border-bottom: 1px solid var(--line); }
  .tabbar a, .sec1-tabbar-ul a { padding-bottom: 8px; font-size: 18px; font-weight: 600; }
  .tabbar li.active a, .sec1-tabbar-ul li.active a { color: var(--blue2); border-bottom: 2px solid var(--blue); }

  .tab-detail li { height: 37px; padding: 0; border-bottom: 1px solid var(--soft-line); }
  .tab-detail .detail-title { font-size: 14px; font-weight: 400; }
  .tab-detail .detail-title:hover { color: var(--blue2); }
  .tab-detail .fr { color: var(--muted); font-size: 12px; font-variant-numeric: tabular-nums; }

  .general-header { height: 44px; margin-bottom: 13px; align-items: flex-end; border-bottom: 1px solid var(--line); }
  .general-header .section-title { position: relative; padding: 0 0 8px 12px; border: 0; color: var(--blue2); font-size: 18px; font-weight: 600; }
  .general-header .section-title::before { content: ""; position: absolute; left: 0; top: 4px; width: 3px; height: 20px; background: var(--blue); }
  .general-header > a:last-child, .more-link { padding-bottom: 9px; color: var(--muted); font-size: 12px; font-weight: 400; }
  .general-header > a:last-child:hover, .more-link:hover { color: var(--blue2); }

  .section3 { height: 450px; margin-bottom: 36px; background: transparent; border: 0; }
  .section3 .index-chart { height: 398px !important; padding: 0; background: transparent; border: 0; }
  .price-index-title, .ratio-index-title { height: 38px; margin-bottom: 10px; }
  .index-name, .index-update-time { line-height: 38px; }
  .index-name { font-weight: 500; }
  .index-name-list ul { gap: 7px; margin-bottom: 11px; }
  .index-name-list li, .index-name-list .box { height: 30px; border-color: #d8e2e7; background: #f7f9fa; }
  .index-name-list .on { border-color: var(--blue); background: var(--blue); }
  .item-value-area, .item-detail-area { box-shadow: none; }
  .content-item .bottom { border: 1px solid var(--soft-line); background: #fff; }
  .content-item .bottom img { object-fit: contain; }

  .fast-road-box { padding: 7px 0 0; background: transparent; border: 0; }
  .fast-road-item { height: 62px; margin-bottom: 9px; padding: 8px 12px; background: #fff; border: 1px solid var(--line); box-shadow: none; }
  .fast-road-item:hover { transform: none; border-color: #9bc8e5; background: #fbfdfe; }
  .fast-road-item a { color: #33424c; }

  .section9, .section7 { height: 264px; gap: 3%; margin-bottom: 34px; }
  .section9 > div, .section7 > div { padding: 0; border: 0; }
  .section9 .tab-detail li, .section7 .tab-detail li { height: 35px; }
  .section7 > div:first-child .tabbar { column-gap: 25px; }

  .section6 { height: 150px; margin-bottom: 32px; padding: 0; background: transparent; border: 0; }
  .section6 #swiper2, .section6 .swiper-wrapper { gap: 14px; }
  .section6 img { border: 1px solid var(--soft-line); background: #fff; }

  .mini-tabbar { margin-bottom: 16px; }
  .mini-tabbar li { border-color: #dce4e8; background: #f7f9fa; }
  .mini-tabbar li.active { border-color: var(--blue); background: var(--blue); }

  .section8 { height: 270px; padding: 0; background: transparent; border: 0; }
  .section8 #swiper3 { display: block; width: 100%; }
  .section8 .swiper-wrapper { width: 100%; gap: 16px; }
  .section8 .swiper-wrapper { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .section8 .swiper-slide { width: 100% !important; min-width: 0; padding: 10px 0; background: #fff; border: 0; border-top: 1px solid var(--line); }
  .section8 .swiper-slide:nth-child(n+5) { display: none !important; }
  .section8 .swiper-slide > a { display: block; width: 100%; min-width: 0; }
  .section8 .swiper-slide:hover { border-color: var(--blue); }
  .section8 img { width: 100%; height: 154px; object-fit: cover; }
  .section8 h5 { padding: 10px 8px 0; font-size: 14px; font-weight: 500; }

  .footer { margin-top: 0; background: #075f9f; }
  .footer .container-box { padding-top: 25px; padding-bottom: 23px; }
  .footer .con > div { padding: 9px 0; border-bottom: 1px solid rgba(255,255,255,.13); line-height: 2; }
  .footer .con > div b { display: inline-block; min-width: 92px; margin-right: 12px; }
  .footer .con a { display: inline-block; margin-right: 15px; color: #d5e8f4; }
  .footer .con a:hover { color: #fff; text-decoration: underline; }
  .footer .bottom { margin-top: 9px; padding-top: 17px; border-top: 0; color: #c6dce9; }

  @media (max-width: 900px) {
    .container-box { width: 100%; padding-right: 12px; padding-left: 12px; }
    .header_logo { height: auto; }
    .title-logo { font-size: 34px; }
    .navigator .container-box { padding: 0; }
    .navigator a { min-height: 48px; font-size: 15px; }
    .section1 { height: auto; grid-template-columns: 1fr; }
    .section1 .swiper-container { height: min(58vw,350px); }
    .sec1-tabbar { height: auto; }
    .section3, .section9, .section7 { height: auto; }
    .section9, .section7 { grid-template-columns: 1fr; }
    .section8 { height: auto; }
    .footer .con > div b { display: block; min-width: 0; }
  }