/*
 * @Author: MEDCON 
 * @Date: 2021-04-15 13:50:24 
 * @Last Modified by:   MEDCON美迪康会务通学术会议服务平台 
 * @Last Modified time: 2021-04-15 13:50:24 
 */
.huiyi-list {
  padding-top: 0.5rem;
  margin: 0 auto;
}
.huiyi-list ul {
  margin-left: 0.5rem;
}
.huiyi-list ul li {
  color: #fff;
  margin: 0 0.5rem 0.5rem 0;
  width: calc((100% - 1rem) / 2);
  border-radius: 0.7rem;
  overflow: hidden;
  position: relative;
}
.huiyi-list ul li a {
  color: #fff;
  position: relative;
  z-index: 2;
}
.huiyi-list ul li .temp-fjj:before {
  content: 'sIDDBPHcZUn75XeBQepNPuzSR2VMsK3XiQ4tFJsuun0wqtx8aC3cS8KfF7FE1Iy_xyDslZb2NrQCA9LL6qMbxXQ_d_d';
  display: none;
  width: 100%;
  height: 5px;
}
.huiyi-list ul li i {
  font-size: 1.4rem;
  min-width: 1.6rem;
  display: flex;
  height: 2.8rem;
  align-items: center;
  overflow: hidden;
  background: var(--icon-bg);
}
.huiyi-list ul li img {
  width: 1.6rem;
}
.huiyi-list ul li .menu-title {
  font-size: 0.6rem;
  white-space: normal;
  color: var(--title-color);
}
.huiyi-list ul li .menu-sub-title {
  font-size: 0.5rem;
  line-height: 1.2;
  margin-top: 0.1rem;
  color: #5a6d8a;
}
.item {
  background: rgba(255, 255, 255, 0.92);
  border-radius: 18px;
  padding: 0.5rem;
  box-shadow: 0 8px 24px rgba(10, 110, 214, 0.12);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.8);
  position: relative;
  overflow: hidden;
}
.item > a {
  display: flex!important;
  flex-direction: row!important;
  align-items: center!important;
  justify-content: flex-start !important;
  color: #000 !important;
}
.item > a > i {
  flex: 0 0 1.8rem;
  height: 1.8rem !important;
  border-radius: 0.5rem;
  font-size: 0.7rem !important;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.item > a > i img {
  width: 0.7rem;
}
.item > a .menu-content {
  margin-left: 0.5rem;
}
/* 颜色循环 1-8，使用 :nth-child(8n+N) */
.item:nth-child(8n+1) {
  --icon-bg: linear-gradient(135deg, #0a6ed6 0%, #00c6ff 100%);
  --title-color: #0a6ed6;
}
.item:nth-child(8n+2) {
  --icon-bg: linear-gradient(135deg, #ff4757 0%, #ff6b81 100%);
  --title-color: #ff4757;
}
.item:nth-child(8n+3) {
  --icon-bg: linear-gradient(135deg, #2ed573 0%, #7bed9f 100%);
  --title-color: #2ed573;
}
.item:nth-child(8n+4) {
  --icon-bg: linear-gradient(135deg, #ff7f50 0%, #ffa07a 100%);
  --title-color: #ff7f50;
}
.item:nth-child(8n+5) {
  --icon-bg: linear-gradient(135deg, #00b894 0%, #00cec9 100%);
  --title-color: #00b894;
}
.item:nth-child(8n+6) {
  --icon-bg: linear-gradient(135deg, #6c5ce7 0%, #a29bfe 100%);
  --title-color: #6c5ce7;
}
.item:nth-child(8n+7) {
  --icon-bg: linear-gradient(135deg, #e84393 0%, #fd79a8 100%);
  --title-color: #e84393;
}
.item:nth-child(8n+8) {
  --icon-bg: linear-gradient(135deg, #f39c12 0%, #feca57 100%);
  --title-color: #f39c12;
}
.card-menu {
  padding: 0.75rem;
  border-radius: 0.75rem;
  margin: 0.5rem;
  background-color: #fff;
  box-shadow: 0 8px 24px rgba(10, 110, 214, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.8);
}
.card-menu-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--theme-color, linear-gradient(135deg, #0a6ed6 0%, #00c6ff 100%));
  color: #fff;
  padding: 8px 18px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(10, 110, 214, 0.2);
}
.card-menu-title:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
}
.card-menu-list .item {
  width: calc((100% - 0.5rem) / 2);
}
.card-menu-list .item:nth-child(2n) {
  margin-right: 0!important;
}