/* ==================== 全局变量定义 ==================== */
:root {
  --primary-color: #DC001E;
  --primary-dark: #D50202;
  --primary-light: #E90029;
  --secondary-color: #EB5000;
  --text-primary: #1D252D;
  --text-secondary: #333333;
  --text-light: #666666;
  --bg-light: #ffffff;
  --bg-error: #ffe8ea;
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 12px;
  --border-radius-xl: 20px;
  --shadow-inset: 0px -8px 0px 0px;
}

/* ==================== 全局基础样式 ==================== */
.color_red {
  margin-right: 5px;
  color: #D00000;
}

.section {
  padding: 80px 0;
}

.click-log {
  cursor: pointer;
}

/* ==================== 导航栏样式 ==================== */
.nav {
  height: 72px;
  background: var(--bg-light);
  position: fixed;
  top: 30px;
  left: 0;
  right: 0;
  z-index: 22;
}

#order1, #order2, #order3, #order4, #order5 {
  position: relative;
  top: -60px;
}

.nav .nav_logo img {
  width: 226px;
  vertical-align: middle;
}

.nav_list li a {
  display: block;
  line-height: 72px;
  font-size: 18px;
  color: var(--text-primary);
}

.nav_list li {
  position: relative;
  padding: 0 20px;
  cursor: pointer;
}

.nav_list li:hover::after,
.nav_list li.active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: var(--primary-color);
}

.nav_list li:last-child a {
  margin-right: 0;
}

.height110 {
  height: 30px;
}

.is-new::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 21px;
  height: 9px;
  background: url(../images/icon/new.gif) no-repeat;
  background-size: 100% 100%;
}


.color-bl {
  color: #005DA9;
}

.color-link {
  color: #005DA9;
}

.color-link:hover {
  text-decoration: underline;
}


/* ==================== 通用工具类 ==================== */
.is_allow {
  cursor: pointer;
}

.is_pc {
  display: block;
}

.is_pc_flex {
  display: flex;
}

.is_mobile,
.is_mobile_flex {
  display: none !important;
}