/* Main Style */
body { background-color: #FFFFFF; color: #333; font-size: 14px; line-height: 22px; }
.border { border: 1px solid #e9ecef; }
a { color: #000; text-decoration: none; } a:hover { color: #0d6efd; }

/* Top Header */
.top-head-inr { padding-top: 10px; padding-bottom: 10px; }
.website-name a { display: block; }
.website-name a img { width: 78%; }

.top-search { padding: 10px 0 10px; }
.top-search .input-group { width: 520px; margin: 0 auto; }
.top-search .input-group .input-group-text { background-color: #2676E3; color: #FFF; }

/* Main Nav */
.main-nav { background-color: #2676E3; }
.main-nav-inr li { float: left; }
.main-nav-inr li a { display: block; padding: 10px 36px; font-size: 16px; color: #FFF!important; text-align: center; }
.main-nav-inr li.home { background-color: #FF7F00; }
.main-nav-inr li a:hover { background-color: #FF7F00; }

/* Index Chaxun */
.index-chaxun-menu .list-group { border-radius: 0; }
.index-chaxun-menu .list-group-item.active { border-left: 3px solid #0d6efd; background-color: #fff; color: #0d6efd; font-weight: bold; }
.index-chaxun-menu .list-group-item { padding: 1.4rem 1rem; border: 0; border-bottom: 1px solid #5a91e2; background-color: #0d6efd; color: #FFF }

.index-chaxun-cont .tab-content .tab-pane { padding: 15px 15px 10px 0; }
.index-chaxun-cont .tab-content .tab-pane .hot-data { padding-top: 30px; }
.index-chaxun-cont .tab-content .tab-pane .hot-data h3 { margin-bottom: 15px; font-size: 16px; font-weight: 700; }
.hot-data p a { display: inline-block; padding: 5px 10px 5px 0; }

/* CSS Grid */

  .grid + .grid {
    margin-top: 1rem;
  }

  .grid > * {
    text-align: center;
  }

  /* styles added for the proper display of examples in docs. 
     It is a copy of the styles added in the bootstrap for css grid
  */
  .grid {
    display: grid;
    grid-template-rows: repeat(var(--bs-rows, 1), 1fr);
    grid-template-columns: repeat(var(--bs-columns, 12), 1fr);
    gap: var(--bs-gap, 1.5rem);
  }

  .grid .g-col-2 {
    grid-column: auto/span 2;
  }

  .grid .g-col-3 {
    grid-column: auto/span 3;
  }

  .grid .g-col-4 {
    grid-column: auto/span 4;
  }

  .grid .g-col-6 {
    grid-column: auto/span 6;
  }

  .grid .g-start-2 {
    grid-column-start: 2;
  }

  .grid .g-start-3 {
    grid-column-start: 3;
  }

  .grid .g-start-6 {
    grid-column-start: 6;
  }

  @media (min-width: 768px) {
    .grid .g-col-md-4 {
      grid-column: auto/span 4;
    }
  }


/* Tool */
.ty-h3 { position: relative; margin-bottom: 35px; font-size: 18px; }
.ty-h3:before{
    content: '';
    width: 40px;
    height: 2px;
    position: absolute;
    bottom: -10px;
    background: #0d6efd;
}
.sidebar-tool li { float: left; border: 1px solid #e9ecef; }
.sidebar-tool-grid .inr-box a { display: block; }
.sidebar-tool-grid .inr-box a span { display: block; font-size: 14px; }
.sidebar-tool-grid .inr-box a span img { display: block; max-width: 100%; }
.sidebar-tool-grid .inr-box a span.n { padding-top: 5px; }

/* List News */
.news-list-item { padding: 20px 0; border-bottom: 1px solid #e9ecef; }
.news-list-item .thumb { float: left; width: 186px; }
.news-list-item .thumb a img { width: 100%; height: 134px; }
.news-list-item .info { margin-left: 205px; font-size: 14px; }
.news-list-item .info h4 { margin-bottom: 15px; font-size: 20px; }
.news-list-item .info .abstract { color: #8c8c88; text-align: justify; line-height: 24px; }
.news-list-item .info .meta { position: relative; font-size: 0; }
.news-list-item .info .meta span { display: inline-block; margin-right: 15px; font-size: 14px; color: #8c8c88; }
.news-list-item .info .meta span i { color: #333; }
.news-list-item .info .meta .time { position: absolute; top: 0; right: 0; }
.news-list li:first-child { padding-top: 0; }
.news-list li:last-child { border: 0; }

/* Sidebar */
.index-cur-city-weather { background-color: #ffc107; color: #FFF; }
.index-cur-city-weather .lfbox span { font-size: 28px; }
.index-cur-city-weather .rgbox .l { float: left; }
.index-cur-city-weather .rgbox .l span { display: block; text-align: left; }
.index-cur-city-weather .rgbox .r { float: right; }
.index-cur-city-weather .rgbox .r img { width: 40px; height: 40px; }

.sidebar .top-new { border-bottom: 1px solid #ededed; }
.sidebar .top-new h5 { margin: 15px 0; font-size: 20px; line-height: 28px; text-align: justify; }
.sidebar-news li { padding: 10px 0; border-bottom: 1px solid #ededed; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sidebar-news li:last-child { padding-bottom: 0; border: 0; }

.show-header { padding: 20px 0; text-align: center; }
.show-header h1 { margin-bottom: 20px; font-size: 28px; }
.show-header .meta span { display: inline-block; padding: 0 10px; }
.show-content { padding: 25px 0; font-size: 14px; line-height: 26px; }
.show-content img { display: block; max-width: 100%; margin: 15px auto; }

.relevant li { padding: 10px 0; border-bottom: 1px dotted #ddd; }
.relevant li a:first-child { margin-right: 10px; }

.sidebar-hot-news li:first-child { margin-bottom: 10px; padding-bottom: 25px; white-space: normal; border-bottom: 1px solid #ededed; }
.sidebar-hot-news li:first-child img { float: left; width: 120px; height: 90px; }
.sidebar-hot-news li:first-child a { display: block; margin-left: 135px; }
.sidebar-hot-news li { padding: 10px 0; border-bottom: 1px solid #ededed; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sidebar-hot-news li:last-child { padding-bottom: 0; border: 0; }

/* Footer */
.footer { padding-top: 35px; padding-bottom: 15px; color: #999999; }
.footer-logo { padding-right: 80px; }
.footer-logo div img { display: block; max-width: 50%; }
.footer-logo p { margin: 15px 0 10px; font-size: 14px; line-height: 26px; text-align: justify; }

.footer-menu-col h3 { margin-bottom: 20px; font-size: 16px; color: #FFF; }
.footer-menu-col li { padding: 5px 0; }
.footer-menu-col li a { font-size: 14px; color: #999!important; }

.footer-copy { margin-top: 35px; border-top: 1px solid #414141; padding: 20px 0; text-align: center; }

.footer a { color: #999!important; }
.footer a:hover { color: #fff!important; }

/* Media */

@media screen and (max-width: 768px) {

}