/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/node_modules/css-loader/dist/cjs.js??clonedRuleSet-5.use[1]!./node_modules/@wordpress/scripts/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-5.use[2]!./node_modules/@wordpress/scripts/node_modules/sass-loader/dist/cjs.js??clonedRuleSet-5.use[3]!./src/scss/pc/common/footer.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.footer-container {
  background: #FAFAFA;
  box-sizing: border-box;
}

.footer {
  padding: 0 50px;
  width: 1300px;
  position: relative;
  margin: 0 auto;
  box-sizing: border-box;
}
.footer .footer-top {
  display: none;
  margin: 0 auto;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border-radius: 10px 10px 0 0;
  padding: 20px 20px 30px;
}
.footer .footer-top h2 {
  font-weight: 500;
  font-size: 20px;
  color: #FF8429;
}
.footer .footer-top .footer-top__right {
  min-width: 220px;
  height: 50px;
  line-height: 50px;
  background: #FF8429;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: none;
  cursor: pointer;
  padding: 0 30px;
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  transition: background 0.3s ease;
}
.footer .footer-top .footer-top__right img {
  transform: rotate(-90deg);
}
.footer .footer-top .footer-top__right:hover {
  background: #e6611a;
}
.footer .footer-center {
  background: #2d2217;
  border-radius: 10px;
  padding: 30px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 auto;
  width: 100%;
}
.footer .footer-center .item-images {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.footer .footer-center .item-images .footer-center__item-logo {
  width: 172px;
  height: 48px;
}
.footer .footer-center .item-images .footer-center__item-pay {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 150px;
}
.footer .footer-center .item-images .footer-center__item-pay img {
  width: 87px;
  height: 71px;
}
.footer .footer-center .footer-center__list {
  display: flex;
  gap: 48px;
}
.footer .footer-center .footer-center__list .footer-center__item h3 {
  font-weight: bold;
  font-size: 20px;
  color: #FFFFFF;
  margin-bottom: 32px;
}
.footer .footer-center .footer-center__list .footer-center__item ul li {
  margin-bottom: 24px;
}
.footer .footer-center .footer-center__list .footer-center__item ul li a {
  font-weight: 400;
  font-size: 16px;
  color: #A6A6A6;
  text-decoration: none;
  transition: color 0.2s;
}
.footer .footer-center .footer-center__list .footer-center__item ul li a:hover {
  color: #ffb84d;
}
.footer .footer-bottom {
  margin: 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  font-weight: 400;
  font-size: 16px;
  color: #3E3E3E;
  flex-wrap: wrap;
}
.footer .footer-bottom .footer-bottom__links, .footer .footer-bottom .footer-bottom__social {
  display: flex;
  align-items: center;
  gap: 8px;
}
.footer .footer-bottom .footer-bottom__links li a:hover, .footer .footer-bottom .footer-bottom__social li a:hover {
  color: #ffb84d;
}
.footer .footer-bottom .footer-bottom__links img, .footer .footer-bottom .footer-bottom__social img {
  width: 40px;
  height: 40px;
}

/* 浮动新建按钮 */
.floating-action {
  position: fixed;
  bottom: 300px;
  right: 0px;
  z-index: 99999;
  background: #FFFFFF;
  border-radius: 10px 0px 0px 10px;
  border: 1px solid #EBEBEB;
  padding: 20px 10px;
  cursor: pointer;
}

.new-ticket__btn {
  background: none;
  border: none;
  transition: all 0.3s;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  font-weight: 400;
  font-size: 12px;
  color: #281F15;
}

.new-ticket__email {
  display: block;
}

.new-ticket__icon {
  display: none;
}

.send-left {
  display: none;
}

.floating-action:hover {
  border-color: #FF8429;
}
.floating-action:hover .new-ticket__btn {
  color: #FF8429;
}
.floating-action:hover .new-ticket__email {
  display: none;
}
.floating-action:hover .new-ticket__icon {
  display: block;
}

.floating-action:active {
  background-color: #EEEEEE;
  border-color: #FF8429;
}
.floating-action:active .new-ticket__btn {
  color: #FF8429;
}
.floating-action:active .new-ticket__email {
  display: none;
}
.floating-action:active .new-ticket__icon {
  display: block;
}

.back-to__top-btn {
  position: fixed;
  right: 0px;
  bottom: 200px; /* 位于“Get Help”按钮下方 */
  z-index: 99999;
  padding: 5px;
  background: #FFFFFF;
  border-radius: 10px 0px 0px 10px;
  border: 1px solid #EBEBEB;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: opacity 0.3s, transform 0.3s;
  opacity: 0;
  transform: translateY(20px);
  font-weight: 400;
  font-size: 12px;
  color: #000000;
}

/* v-show 会添加 display: none，我们需要配合 transition */
.back-to__top-btn[style*="display: none;"] {
  opacity: 0;
  transform: translateY(20px);
}

/* 当 showBackToTop 为 true 时，v-show 会移除 display: none; */
.back-to__top-btn:not([style*="display: none;"]) {
  opacity: 1;
  transform: translateY(0);
}

.back-to__top-img, .back-to__top-icon {
  width: 22px;
  height: 22px;
}

.back-to__top-icon {
  display: none;
}

.back-to__top-btn:hover {
  border-color: #FF8429;
  color: #FF8429;
}
.back-to__top-btn:hover .back-to__top-img {
  display: none;
}
.back-to__top-btn:hover .back-to__top-icon {
  display: block;
}

.back-to__top-btn:active {
  background-color: #EEEEEE;
  border-color: #FF8429;
  color: #FF8429;
}
.back-to__top-btn:active .back-to__top-img {
  display: none;
}
.back-to__top-btn:active .back-to__top-icon {
  display: block;
}

@media screen and (max-width: 1300px) {
  .floating-action {
    padding: 20px 0;
  }
  .new-ticket__btn {
    display: none;
  }
  .send-left {
    width: 20px;
    height: 20px;
    transform: rotate(90deg);
  }
  .help-icon {
    display: block;
  }
  .get-icon {
    display: none;
  }
  .floating-action:hover .help-icon {
    display: none;
  }
  .floating-action:hover .get-icon {
    display: block;
  }
  .floating-action:active .help-icon {
    display: none;
  }
  .floating-action:active .get-icon {
    display: block;
  }
}

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