.footer .bottom-tips {
  position: fixed;
  bottom: 2.6042vw;
  right: 0.8333vw /* 16px -> 0.8333vw */;
  z-index: 968;
  display: block;
  width: 2.5vw;
  opacity: 0;
  transition:  opacity 0.3s ease-out; /* 平滑过渡效果 */
}

.bottom-tips .sidebarUl {
  width: 2.5vw;
  padding: 0.8333vw 0;
  box-shadow: 0vw 0.125vw 0.375vw 0vw rgba(35, 24, 21, 0.08);
  border-radius: 0.4167vw;
  border: 0.0313vw solid var(--BrandColor_white, #fff);
  background: var(--BrandColor_white, #fff);
  z-index: 999;
  position: relative;
}
.bottom-tips .sidebarUl .showPartnerDetail {
  margin-top: 0 !important;
}
.bottom-tips .sidebarUl .sidebarLi {
  /* margin: 0.5208vw auto; */
  text-align: center;
  cursor: pointer;
}
.bottom-tips .sidebarUl .sidebarLi img{
  width: 1.25vw;
  height: 1.25vw;
}
.bottom-tips .sidebarUl .liIcon {
  height: 1.25vw;
}
.bottom-tips .sidebarUl .sidebarLineLi{
  width: 1.25vw;
  height: 0.0521vw;
  margin: 0.521vw auto;
}
.bottom-tips .sidebarUl .sidebarLineLi .sidebarLine {
  width: 0.4167vw;
  height: 0.0521vw;
  background-color: #f2f2f2;
  margin: auto;
}
.bottom-tips .sidebarUl .sidebarLi .iconfont {
  font-size: 1.25vw;
  line-height: 1.25vw;
}
.bottom-tips .sidebarUl .sidebarLi .iconfont:hover {
  color: #3a66fb;
}
.bottom-tips .showAnimation{
  display: block; /* 需要保持block以便应用transform */
  position: absolute;
  right: -1vw;
  z-index: 998;
  transform: translateX(100%); /* 初始状态在屏幕外右侧 */
  opacity: 0; /* 初始透明 */
  transition: transform 0.6s ease-out, opacity 0.6s ease-out; /* 平滑过渡效果 */
  pointer-events: none; /* 初始状态下不可交互 */
}
.bottom-tips .showActive{
  transform: translateX(-20%); /* 显示时回到正常位置 */
  opacity: 1; /* 显示时不透明 */
  pointer-events: auto; /* 显示时可交互 */
}
.bottom-tips .partnerApp,
.bottom-tips .robot{
  width: 19.1666vw;
  border-radius: 0.2083vw;
  text-align: center;
  overflow: hidden;
  padding: 2.0833vw 1.25vw;
  background-color: #fafafa;
}
.bottom-tips .partnerApp,
.bottom-tips .robot{
  height: auto;
  bottom: 3.6vw;
}
.bottom-tips .partnerApp img{
  width: 9.375vw;
  height: 9.375vw;
}
.bottom-tips .partnerApp .downButton{
  padding: 0.4166vw 0.8333vw;
  font-size: 0.8333vw;
  cursor: pointer;
  font-size: 0.8333vw;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%;
}
.bottom-tips .partnerApp .downButton .iconfont{
  font-size: 1.25vw;
  line-height: 1.25vw;
  background-color: #3a66fb;
  border-radius: 50%;
  color: #fff;
  margin-left: 0.2083vw;
}
.bottom-tips .robot .showRobotTitle{
  font-size: 1.25vw;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%;
}
.bottom-tips .showAppTitle {
  color: #231815;
  font-family: "Montserrat-SemiBold" !important;
  font-size: 1.6667vw;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  text-transform: capitalize;
}

.bottom-tips .showAppContent {
  margin: 0.8333vw auto 2.0833vw /* 40px -> 2.0833vw */;
  color: #231815;
  font-family: Montserrat;
  font-size: 0.8333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.bottom-tips img {
  display: block;
  margin: 0 auto;
}
.bottom-tips .downButton {
  border-radius: 1.25vw;
  border: 0.0521vw solid #231815;
  justify-content: center;
  align-items: center;
  margin: 1.25vw auto 0;
  display: inline-block;
}
.bottom-tips .downButton:hover{
  color: #fff;
  background: #3a66fb;
  border-color: #3a66fb;
}
.bottom-tips .downButton:hover .iconfont{
  background: #fff;
  color: #3a66fb;
}
.bottom-tips .showRobotTitle {
  text-align: center;
}

.bottom-tips .showRobotLi {
  width: 100%;
  height: auto;
  background-color: #ffffff;
  margin-top: 0.8333vw;
  padding: 0.5208vw 0.8333vw;
  text-align: left;
  display: block;
  padding: 0.4166vw;
  position: relative;
  cursor: pointer;
}
.bottom-tips .showRobotLi:hover h3,
.bottom-tips .showRobotLi:hover span,
.bottom-tips .showRobotLi:hover i{
  color: #3a66fb;
}
.bottom-tips .showRobotLi h3 {
  font-family: "Montserrat-SemiBold" !important;
  font-size: 0.8333vw;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
.bottom-tips .showRobotLi span {
  font-family: Montserrat;
  font-size: 0.7292vw;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.bottom-tips .showRobotLi .iconfont{
  position: absolute;
  top: 0.5208vw;
  right: 0.8333vw;
  font-size: 0.8333vw;
  line-height: 0.8333vw;
}
.bottom-tips .backToTop {
  width: 2.5vw;
  height: 2.5vw;
  border-radius: 0.4167vw;
  padding: 0.625vw;
  background: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.8333vw;
  box-shadow: 0vw 0.125vw 0.375vw 0vw rgba(35, 24, 21, 0.08);
  border: 0.0313vw solid var(--BrandColor_white, #fff);
}
.bottom-tips .backToTop .iconfont {
  border-radius: 50%;
  background-color: #fafafa;
  font-size: 1.25vw;
  line-height: 1.25vw;
  color: #231815;
}
@media screen and (max-width: 768px) {
  .bottom-tips{
        width: 10.6667vw !important;
        right: 2.1333vw !important;
        bottom: 6.4vw !important;
    }
    .bottom-tips .sidebarUl{
        width: 10.6667vw;
        padding: 2.666vw;
    }
    .bottom-tips .sidebarUl .sidebarLi{
        width: 5.3333vw;
        height: 5.3333vw;
    }
    .bottom-tips .sidebarUl .sidebarLi img{
       width: 5.3333vw;
       height: 5.3333vw;
    }
    .bottom-tips .sidebarUl .sidebarLi .iconfont{
      font-size: 5.3333vw;
      line-height: 5.3333vw;
    }
    .bottom-tips .sidebarUl .sidebarLineLi{
      width: 5.3333vw;
      height: 0.2666vw;
      margin: 2.6667vw 0;
    }
    .bottom-tips .sidebarUl .sidebarLineLi .sidebarLine{
      width: 2.1333vw;
    }
    .bottom-tips .backToTop {
        width: 10.6667vw;
        height: 10.6667vw;
        padding:2.4vw;
        margin-top: 4.2666vw;
    }
    .bottom-tips .backToTop .iconfont{
        font-size: 5.333vw;
        line-height: 5.333vw;
    }
    .bottom-tips .showAnimation{
      right: -3vw;
      border-radius: 1.0666vw;
    }
    .bottom-tips .partnerApp{
      width: 76.266vw;
      height: auto;
      bottom: 15vw;
      padding: 6.4vw;
    }
    .bottom-tips .partnerApp .showAppTitle{
      font-size: 4.8vw;
    }
    .bottom-tips .partnerApp .showAppContent{
      font-size: 3.2vw;
      margin: 4.2666vw 0 6.4vw;
    }
    .bottom-tips .partnerApp img{
      width: 30.933vw;
      height: 30.933vw;
    }
    .bottom-tips .partnerApp .downButton{
      padding: 2.1333vw 4.2666vw;
      font-size: 3.2vw;
      border-radius: 6.4vw;
      margin-bottom: 0;
      margin-top: 4.2666vw;
    }
    .bottom-tips .partnerApp .downButton .iconfont{
      font-size: 4.2666vw;
      line-height: 4.2666vw;
    }
    .bottom-tips .robot{
      width: 76.2666vw;
      padding: 6.4vw 4.2666vw 4.2666vw 4.2666vw;
      bottom: 15vw;
    }
    .bottom-tips .robot .showRobotTitle{
      font-size: 4.2666vw;
      padding: 0 4.2666vw;
      margin-bottom: 4.2666vw;
    }
    .bottom-tips .showRobotLi{
      padding: 2.1333vw;
      margin-bottom: 2.1333vw;
    }
    .bottom-tips .showRobotLi h3,
    .bottom-tips .showRobotLi span{
      font-size: 3.2vw;
    }
    .bottom-tips .showRobotLi .iconfont{
      position: absolute;
      top: 2.1333vw;
      right: 2.1333vw;
      font-size: 2.7826vw;
      line-height: 2.7826vw;
    }
}
