/* 顶栏美西时钟：与「美国/主页/清除缓存」同盒模型对齐（15+20+15=50） */
#firstnav .navbar-custom-menu {
  height: 50px;
}

#firstnav .navbar-custom-menu > .nav.navbar-nav {
  margin: 0;
  height: 50px;
}

#firstnav .navbar-custom-menu > .nav.navbar-nav > li {
  height: 50px;
}

#firstnav .navbar-custom-menu > .nav.navbar-nav > li > a {
  height: 50px !important;
  box-sizing: border-box !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  line-height: 20px !important;
}

#firstnav .navbar-custom-menu .ds-timezone-clock-li {
  float: left;
  width: auto !important;
}

#firstnav .navbar-custom-menu .ds-timezone-clock {
  display: block;
  height: 50px;
  box-sizing: border-box;
  padding: 15px 12px 15px 6px;
  margin: 0;
  font-size: 13px;
  line-height: 20px;
  color: #666;
  white-space: nowrap;
}

#firstnav .navbar-custom-menu .ds-timezone-clock > * {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}

#firstnav .navbar-custom-menu .ds-refresh-btn {
  cursor: pointer;
  color: #666;
  margin-right: 6px;
  font-size: 14px;
  background: transparent;
}

#firstnav .navbar-custom-menu .ds-refresh-btn:hover {
  color: #333;
}

#firstnav .navbar-custom-menu .ds-refresh-btn.is-spinning .fa {
  -webkit-animation: ds-refresh-spin 0.8s linear infinite;
  animation: ds-refresh-spin 0.8s linear infinite;
}

@-webkit-keyframes ds-refresh-spin {
  from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes ds-refresh-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

#firstnav .navbar-custom-menu .ds-clock-icon {
  margin-right: 4px;
  font-size: 14px;
  color: #666;
}

#firstnav .navbar-custom-menu .ds-timezone-label {
  margin-right: 4px;
  color: #666;
}

#firstnav .navbar-custom-menu .ds-clock-time {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: #333;
  margin-right: 10px;
}

#firstnav .navbar-custom-menu .ds-update-sep {
  margin-right: 10px;
  color: #d0d5dd;
  font-weight: 400;
}

#firstnav .navbar-custom-menu .ds-update-label {
  color: #888;
  margin-right: 2px;
}

#firstnav .navbar-custom-menu .ds-update-time {
  color: #888;
  font-variant-numeric: tabular-nums;
}

.skin-blue .main-header .navbar .ds-timezone-clock,
.skin-green .main-header .navbar .ds-timezone-clock,
.skin-red .main-header .navbar .ds-timezone-clock,
.skin-yellow .main-header .navbar .ds-timezone-clock,
.skin-purple .main-header .navbar .ds-timezone-clock {
  color: rgba(255, 255, 255, 0.85);
}

.skin-blue .main-header .navbar .ds-refresh-btn,
.skin-green .main-header .navbar .ds-refresh-btn,
.skin-red .main-header .navbar .ds-refresh-btn,
.skin-yellow .main-header .navbar .ds-refresh-btn,
.skin-purple .main-header .navbar .ds-refresh-btn,
.skin-blue .main-header .navbar .ds-clock-icon,
.skin-green .main-header .navbar .ds-clock-icon,
.skin-red .main-header .navbar .ds-clock-icon,
.skin-yellow .main-header .navbar .ds-clock-icon,
.skin-purple .main-header .navbar .ds-clock-icon {
  color: rgba(255, 255, 255, 0.85);
}

.skin-blue .main-header .navbar .ds-clock-time,
.skin-green .main-header .navbar .ds-clock-time,
.skin-red .main-header .navbar .ds-clock-time,
.skin-yellow .main-header .navbar .ds-clock-time,
.skin-purple .main-header .navbar .ds-clock-time {
  color: #fff;
}

.skin-blue .main-header .navbar .ds-update-sep,
.skin-green .main-header .navbar .ds-update-sep,
.skin-red .main-header .navbar .ds-update-sep,
.skin-yellow .main-header .navbar .ds-update-sep,
.skin-purple .main-header .navbar .ds-update-sep {
  color: rgba(255, 255, 255, 0.25);
}

.skin-blue .main-header .navbar .ds-update-label,
.skin-blue .main-header .navbar .ds-update-time,
.skin-green .main-header .navbar .ds-update-label,
.skin-green .main-header .navbar .ds-update-time,
.skin-red .main-header .navbar .ds-update-label,
.skin-red .main-header .navbar .ds-update-time,
.skin-yellow .main-header .navbar .ds-update-label,
.skin-yellow .main-header .navbar .ds-update-time,
.skin-purple .main-header .navbar .ds-update-label,
.skin-purple .main-header .navbar .ds-update-time {
  color: rgba(255, 255, 255, 0.7);
}

@media (max-width: 1280px) {
  #firstnav .navbar-custom-menu .ds-update-sep,
  #firstnav .navbar-custom-menu .ds-update-label,
  #firstnav .navbar-custom-menu .ds-update-time {
    display: none;
  }
}