@media (min-width: 992px){
  .site-header #example-navbar-collapse{
    position:relative;
    display:flex !important;
    align-items:center;
    flex-wrap:nowrap;
    gap:8px;
    padding-right:268px !important;
    min-height:60px;
  }
  .site-header #example-navbar-collapse > .navbar-left{
    float:none;
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    flex:1 1 0;
    min-width:0;
    margin:0 !important;
    overflow:visible;
  }
  .site-header #example-navbar-collapse > .navbar-left.navbar-nav{
    margin-left:0;
    margin-right:6px;
  }
  .site-header #example-navbar-collapse > .navbar-left > li{
    float:none;
    flex:0 0 auto;
    min-width:0;
  }
  .site-header #example-navbar-collapse > .navbar-left > li > a,
  .site-header #example-navbar-collapse > .navbar-left > li > .more{
    display:block;
    white-space:nowrap;
    padding-left:12px;
    padding-right:12px;
  }
  .site-header #example-navbar-collapse > .navbar-left > li.dropdown.hidden-xs{
    position:relative;
    overflow:visible;
  }
  .site-header #example-navbar-collapse > .navbar-left > li.dropdown.hidden-xs > .more{
    cursor:pointer;
  }
  .site-header #example-navbar-collapse > .navbar-left > li.dropdown.hidden-xs > .dropdown-menu{
    top:100%;
    left:0;
    right:auto;
    z-index:1005;
  }
  .site-header #example-navbar-collapse > .nav-search.visible-md.visible-lg{
    position:absolute !important;
    right:44px;
    top:10px;
    float:none !important;
    padding:0 !important;
    width:220px !important;
    min-width:220px !important;
    max-width:220px !important;
    margin:0 !important;
    z-index:2;
  }
  .site-header #example-navbar-collapse > .nav-search.visible-md.visible-lg .zanpian_search{
    display:flex;
    align-items:center;
    margin:0;
    width:100%;
  }
  .site-header #example-navbar-collapse > .nav-search.visible-md.visible-lg .form-control,
  .site-header #example-navbar-collapse > .nav-search.visible-md.visible-lg .btn-search{
    height:40px;
  }
  .site-header #example-navbar-collapse > .nav-search.visible-md.visible-lg .form-control{
    line-height:40px;
  }
  .site-header #example-navbar-collapse > .nav-search.visible-md.visible-lg .btn-search{
    display:flex;
    align-items:center;
    justify-content:center;
    top:0 !important;
    right:0 !important;
    line-height:1;
    padding:0 12px;
  }
  .site-header #example-navbar-collapse > .nav-search.visible-md.visible-lg .btn-search .iconfont{
    line-height:1;
  }
  .site-header #example-navbar-collapse > .nav-search.visible-md.visible-lg .zanpian_wd{
    flex:1 1 auto;
    min-width:0;
    width:100%;
  }
  .site-header #example-navbar-collapse > .user_playlog{
    position:absolute !important;
    right:0;
    top:10px;
    float:none !important;
    padding:0 !important;
    flex:0 0 36px;
    width:36px;
    height:40px;
    line-height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    align-self:center;
    margin:0 !important;
    text-align:center;
    z-index:3;
  }
  .site-header #example-navbar-collapse > .user_playlog .iconfont{
    display:flex;
    align-items:center;
    justify-content:center;
    width:22px;
    height:22px;
    margin:0;
    padding:0;
    font-size:22px;
    line-height:1;
    vertical-align:top;
    transform:none;
  }
  .site-header #example-navbar-collapse > .user_playlog .playlog_list{top:46px;right:0;left:auto}
}

@media (min-width: 992px) and (max-width: 1320px){
  .site-header #example-navbar-collapse > .navbar-left > li > a,
  .site-header #example-navbar-collapse > .navbar-left > li > .more{
    padding-left:9px;
    padding-right:9px;
    font-size:13px;
  }
  .site-header #example-navbar-collapse{
    padding-right:228px !important;
  }
  .site-header #example-navbar-collapse > .nav-search.visible-md.visible-lg{
    width:180px !important;
    min-width:180px !important;
    max-width:180px !important;
  }
}

@media (min-width: 992px) and (max-width: 1160px){
  .site-header #example-navbar-collapse > .navbar-left > li.dropdown.hidden-xs{
    display:none !important;
  }
  .site-header #example-navbar-collapse{
    padding-right:188px !important;
  }
  .site-header #example-navbar-collapse > .nav-search.visible-md.visible-lg{
    width:140px !important;
    min-width:140px !important;
    max-width:140px !important;
  }
}

@media (min-width: 1400px){
  .site-header #example-navbar-collapse{
    padding-right:308px !important;
  }
  .site-header #example-navbar-collapse > .nav-search.visible-md.visible-lg{
    width:260px !important;
    min-width:260px !important;
    max-width:260px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px){
  .site-header .user-search.hidden-md.hidden-lg .zanpian_search{
    display:flex;
    align-items:center;
    margin:0;
  }
  .site-header .user_playlog{
    float:right;
    width:40px;
    height:40px;
    line-height:40px;
    margin:0 0 0 10px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .site-header .user_playlog .iconfont{
    font-size:22px;
    line-height:1;
  }
}

.site-header .navbar-brand .auto-logo-img{
  height:28px;
  max-width:120px;
  width:auto;
  vertical-align:baseline;
  display:inline-block;
  margin-top:-2px;
}

.site-footer {
  clear: both;
  position: relative;
  z-index: 1;
}
.site-footer .box-mcid-list,
.site-footer .box-footer {
  clear: both;
}
.footer-nav {
  margin: 14px auto 8px;
  text-align: center;
}
.footer-nav-row {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  margin-bottom: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0 8px 4px;
  scrollbar-width: none;
}
.footer-nav-row::-webkit-scrollbar {
  display: none;
}
.footer-map-link {
  display: inline-block;
  flex: 0 0 auto;
  min-width: 0;
  padding: 4px 10px;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  background: #fafafa;
  color: #555;
  font-size: 14px;
  line-height: 1.4;
  white-space: nowrap;
}
.footer-map-link:hover {
  color: #d81e06;
  border-color: #f1c9c2;
  background: #fff;
}
.footer-disclaimer {
  margin-top: 8px !important;
  line-height: 1.8;
}
.footer-tongji {
  margin-top: 6px;
  color: #999;
  font-size: 12px;
}
@media (max-width: 767px) {
  .footer-nav {
    margin: 10px auto 6px;
    padding: 0 8px;
  }
  .footer-nav-row {
    gap: 8px;
    justify-content: flex-start;
    padding: 0 6px 4px;
  }
  .footer-map-link {
    padding: 4px 8px;
    font-size: 13px;
  }
}

.slider-extra .backtop{display:none;}

/* 面包屑：始终单行，末项过长省略 */
.breadcrumb{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  max-width:100%;
  box-sizing:border-box;
  overflow:hidden;
  white-space:nowrap;
}
.breadcrumb>li{
  float:none;
  flex:0 0 auto;
  max-width:none;
  white-space:nowrap;
}
.breadcrumb>li.active{
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@media (max-width:767px){
  .layout-box>.breadcrumb,
  .layout-box ol.breadcrumb{
    font-size:13px;
    line-height:1.4;
    padding:6px 2px;
    margin:0;
  }
  .breadcrumb>li+li:before{
    padding:0 3px;
  }
  .breadcrumb>li>a{
    display:inline-block;
    max-width:4.5em;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    vertical-align:bottom;
  }
}