<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.nav-name {
  width: 240px;
  height: 72px;
  font-size: 22px;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  color: #ffffff;
  position: relative;
}

.nav-name .c1 {
  width: 208px;
  height: 0;
  border-width: 0 32px 32px 0;
  border-style: none solid solid;
  border-color: transparent transparent #7d2223;
}

.nav-name .c2 {
  height: 40px;
  background: #7d2223;
}

.nav-name span {
  position: absolute;
  top: 20px;
  left: 29px;
}

.container-menu {
  display: flex;
  padding-bottom: 20px;
}

.submenu {
  width: 240px;
  margin-top: -48px;
}

.submenu-fixed {
  position: absolute;
  margin-top: -50px;
}

.submenu .item {
  box-sizing: border-box;
  position: relative;
  width: 240px;
  border-right: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  border-left: 4px solid #d8d8d8;
  cursor: pointer;
  background: #fff;
  color: rgba(0, 0, 0, 0.85);
}

.submenu .item a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 14px 16px 14px 24px;
  box-sizing: border-box;
  transition: all 1s;
}

.submenu .item .txt {
  max-width: 180px;
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.85);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 1s;
}

.submenu .item .arrow {
  float: right;
  line-height: 50px;
  color: rgba(0, 0, 0, 0.45);
  transition: all 1s;
}

.submenu .item:hover,
.submenu .item.active {
  border-left: 4px solid #7d2223;
  transition: all 1s;
}

.submenu .item:hover a,
.submenu .item.active a {
  color: #7d2223;
  transition: all 1s;
}

.submenu .item:hover i,
.submenu .item.active i {
  position: absolute;
  left: 16px;
  top: 20px;
  display: inline-block;
  width: 2px;
  height: 16px;
  background: #df8425;
  transition: all 1s;
}

.submenu .item:hover .txt,
.submenu .item.active .txt {
  color: #7d2223;
  transition: all 1s;
}

/*瀛愰〉闈㈠乏渚у鑸牱寮�*/
.nav-left-container-small {
  display: none;
}

.nav-left-container-small li:first-child {
  border-top: 1px solid rgb(216, 216, 216, 0.8);
}

.nav-left-container-small li a {
  font-size: 14px;
  padding: 7px 15px 7px 52px;
}

.submenu&gt;ul&gt;li.active .nav-left-container-small,
.submenu&gt;ul&gt;li:active .nav-left-container-small,
.submenu&gt;ul&gt;li:focus .nav-left-container-small {
  display: block;
}

.submenu&gt;ul .arrow {
  float: right;
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1px solid rgba(0, 0, 0, 0.45);
  border-right: 1px solid rgba(0, 0, 0, 0.45);
  transform: rotate(45deg);
  margin-top: 8px;
}

.submenu&gt;ul .icon.right {
  float: right;
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1px solid rgba(0, 0, 0, 0.45);
  border-right: 1px solid rgba(0, 0, 0, 0.45);
  transform: rotate(45deg);
  margin-top: 8px;
}

.submenu&gt;ul .icon.bottom {
  float: right;
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1px solid rgba(0, 0, 0, 0.45);
  border-right: 1px solid rgba(0, 0, 0, 0.45);
  transform: rotate(135deg);
}</pre></body></html>