/**
 * 头部下拉菜单样式
 * ?header.html 内联样式提取
 */

/* ========== 下拉菜单容器 ========== */
.c-header-combo-box {
  width: 804.1px;
  max-height: 426.56px;
  overflow-y: auto;
  background: #FFFFFF;
  padding: 20.64px 32.68px 0 32.68px !important;
  box-shadow: 0px 9px 22px 0px rgba(77, 77, 77, 0.1);
}

/* 设置滚动条样?*/
.c-header-combo-box::-webkit-scrollbar {
  width: 6.88px;
}

/* 滚动?*/
.c-header-combo-box::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

/* 滚动条滑?*/
.c-header-combo-box::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #c1c1c1;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

/* ========== Session 1 - 最新产?========== */
.c-header-combo-box__session-1 .c-header-combo-box__session-1__title,
.c-header-combo-box__session-2 .c-header-combo-box__session-2__title {
  font-size: 13.76px;
  line-height: 18.92px;
  font-weight: 400;
  color: #999999;
}

.c-header-combo-box__session-1 .c-header-combo-box__session-1__main {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 14.62px;
}

.c-header-combo-box__session-1 .c-header-combo-box__session-1__main .c-header-combo-box__session-1__card {
  width: 207.26px;
  height: 36.12px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 46.44px;
  margin-bottom: 25.8px;
  cursor: pointer;
}

.c-header-combo-box__session-1 .c-header-combo-box__session-1__main .c-header-combo-box__session-1__card img {
  width: 36.12px;
  margin-right: 10.32px;
}

.c-header-combo-box__session-1 .c-header-combo-box__session-1__main .c-header-combo-box__session-1__card .c-header-combo-box__session-1__card__text {
  display: flex;
  flex-direction: column;
}

.c-header-combo-box__session-1 .c-header-combo-box__session-1__main .c-header-combo-box__session-1__card .c-header-combo-box__session-1__card__text a:nth-child(1) {
  font-size: 13.76px;
  font-weight: bold;
  color: #333333 !important;
  width: 100%;
  height: 17px;
  line-height: 18.92px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c-header-combo-box__session-1 .c-header-combo-box__session-1__main .c-header-combo-box__session-1__card .c-header-combo-box__session-1__card__text a:nth-child(1):hover {
  color: #257EFE !important;
}

.c-header-combo-box__session-1 .c-header-combo-box__session-1__main .c-header-combo-box__session-1__card .c-header-combo-box__session-1__card__text a:nth-child(2) {
  display: block;
  width: 160.82px;
  font-size: 10.32px;
  color: #999999 !important;
  line-height: 13.76px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c-header-combo-box__session-1 .c-header-combo-box__session-1__main .c-header-combo-box__session-1__card:hover .c-header-combo-box__session-1__card__text p {
  color: #257EFE;
}

.c-header-combo-box__session-1 .c-header-combo-box__session-1__main .c-header-combo-box__session-1__card:nth-of-type(3n) {
  margin-right: 0;
}

/* ========== Session 2 - 产品模块 ========== */
.c-header-combo-box__session-2 .c-header-combo-box__session-2__main {
  margin-top: 12.04px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.c-header-combo-box__session-2 .c-header-combo-box__session-2__main .c-header-combo-box__session-2__main__session {
  width: 207.26px;
  margin-right: 46.44px;
  margin-bottom: 13.76px;
}

.c-header-combo-box__session-2 .c-header-combo-box__session-2__main .c-header-combo-box__session-2__main__session:nth-of-type(3n) {
  margin-right: 0;
}

.c-header-combo-box__session-2 .c-header-combo-box__session-2__main .c-header-combo-box__session-2__main__session-title {
  font-size: 13.76px;
  font-weight: bold;
  color: #257EFE;
  line-height: 18.92px;
  margin-bottom: 5.16px;
}

.c-header-combo-box__session-2 .c-header-combo-box__session-2__main .c-header-combo-box__session-2__main__session-title i {
  display: inline-block;
  width: 2.58px;
  height: 12.9px;
  background: #257EFE;
  border-radius: 2px;
  margin-right: 4.3px;
  vertical-align: middle;
  transform: translateY(-0.86px);
}

.c-header-combo-box__session-2 .c-header-combo-box__session-2__main .c-header-combo-box__session-2__main__session__link {
  width: 178.88px;
  font-size: 13.76px;
  line-height: 27.52px;
  font-weight: 400;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c-header-combo-box__session-2 .c-header-combo-box__session-2__main .c-header-combo-box__session-2__main__session__link:hover {
  color: #257EFE;
}

/* ========== 侧边?FAQ 图标 ========== */
.faq {
  width: 24px;
  height: 24px;
  background-image: url('../images/sidebar/faq.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 auto 5px;
}

