@charset "UTF-8";
/* 基础动画 */
/* 鼠标悬浮中心，使用：@include positionCenter() */
/* 鼠标悬浮遮罩效果，使用：@include hoverMask() */
.bottom_head {
  background-color: #F9F9FC;
}

.bottom {
  padding: 2.4rem 16rem 0 8rem;
}
.bottom .platform_list {
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 2.4rem 0;
}
.bottom .platform_list .platform_item {
  height: 3.4rem;
  width: 3.4rem;
  border-radius: 50%;
  background-color: #d9d9e3;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  margin-left: 2.4rem;
}
.bottom .platform_list .platform_item i {
  font-size: 3rem;
}
.bottom .bottom_text {
  border-top: 0.1rem solid #f9f9f9;
  color: #64698F;
  padding: 0.6rem;
  font-size: var(--font-size-14);
  text-align: center;
  transition: 0.3s;
}
.bottom .bottom_text:hover {
  color: var(--color-primary-base);
}
.bottom .bottom_main {
  padding-bottom: 1rem;
  display: flex;
  align-items: center;
}
.bottom .bottom_main .bottom_left {
  flex: 2;
}
.bottom .bottom_main .bottom_left img {
  height: 4rem;
  margin-left: 0.4rem;
}
.bottom .bottom_main .bottom_left .icon {
  width: 4.8rem;
  height: 4.8rem;
}
.bottom .bottom_main .bottom_left .icon_en {
  width: 20rem;
  height: 5.4rem;
}
.bottom .bottom_main .bottom_left .bottom_desc {
  padding-right: 1rem;
  margin-top: 2.3rem;
  font-size: var(--font-size-14);
  color: #64698F;
  line-height: 1.5;
  word-break: break-word;
}
.bottom .bottom_main .bottom_center {
  flex: 2;
}
.bottom .bottom_main .bottom_center .bottom_list {
  display: flex;
  justify-content: center;
}
.bottom .bottom_main .bottom_center .bottom_list .bottom_line {
  color: #64698F;
  font-size: var(--font-size-14);
  margin-bottom: 2.4rem;
  justify-content: center;
}
.bottom .bottom_main .bottom_center .bottom_list .bottom_line:last-child {
  margin-bottom: 0;
}
.bottom .bottom_main .bottom_center .bottom_list .bottom_line .bottom_item {
  cursor: pointer;
  margin-bottom: 2.4rem;
  margin-right: 2.4rem;
  transition: 0.3s;
}
.bottom .bottom_main .bottom_center .bottom_list .bottom_line .bottom_item:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
.bottom .bottom_main .bottom_center .bottom_list .bottom_line .bottom_item:hover {
  color: var(--color-primary-base);
  text-decoration: underline;
}
.bottom .bottom_main .bottom_right {
  display: flex;
  flex-direction: column;
}
.bottom .bottom_main .bottom_right .bottom_qrcode_list {
  display: flex;
  grid-gap: 4rem;
}
.bottom .bottom_main .bottom_right .bottom_qrcode_list .bottom_qrcode {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bottom .bottom_main .bottom_right .bottom_qrcode_list .bottom_qrcode span {
  margin-top: 0.4rem;
  font-size: var(--font-size-12);
  font-weight: 400;
  color: var(--font-color-four);
  line-height: 1.2;
  text-align: center;
}
.bottom .bottom_main .bottom_right .bottom_qrcode_list .bottom_qrcode img {
  width: 18rem;
  height: 18rem;
  object-fit: contain;
}

.bottom_text {
  font-size: var(--font-size-12);
  font-weight: 400;
  color: var(--font-color-third);
  display: flex;
  justify-content: center;
  padding: 1.6rem 0;
  margin: 0 8rem;
  border-top: 1px solid #F2F2F9;
}
.bottom_text > div, .bottom_text > a {
  cursor: pointer;
  margin: 0 1rem;
}
.bottom_text span {
  color: #82AAE7;
}

.link_text {
  font-size: var(--font-size-12);
  font-weight: 400;
  color: var(--font-color-third);
  justify-content: center;
  padding: 1.6rem 0;
  margin: 0 8rem;
  text-align: center;
}
.link_text > div, .link_text > a {
  cursor: pointer;
  margin: 0 1rem;
  display: inline;
}
.link_text span {
  color: #64698F;
}

.copyright {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  font-size: var(--font-size-12);
  padding: 2.4rem 0;
  background: #FAFBFC;
  color: var(--font-color-third);
}
.copyright img {
  height: 2rem;
  width: 2rem;
  object-fit: contain;
  margin: 0 0.4rem;
}
.copyright div {
  width: 100%;
  text-align: center;
}
.copyright a {
  display: flex;
  align-items: center;
}

body:not([data-lang=zh-cn], [data-lang=zh-tw]) .bottom .bottom_main .bottom_left {
  flex: 1;
}

/*# sourceMappingURL=bottom.css.map */