header,
footer {
  display: none;
}
#single-buy-1 .banner {
  background-image: url(../img/inner-buy/banner-bg-1.png);
}
#single-buy-1 .wrap-buys .tab-item.item-1 {
  background-image: url(../img/inner-buy/buy1-tab-item1.svg);
}
#single-buy-1 .wrap-buys .tab-item.item-1.active {
  padding-right: 180px;
  background-image: url(../img/inner-buy/tab-item1-active.svg);
}
#single-buy-1 .wrap-buys .tab-item.item-1.active .tab-text {
  color: #2a91ff;
}
#single-buy-1 .wrap-buys .tab-item.item-1.active .tab-tag {
  display: block;
}
#single-buy-1 .wrap-buys .tab-item.item-2 {
  background-image: url(../img/inner-buy/buy1-tab-item2.svg);
}
#single-buy-1 .wrap-buys .tab-item.item-2.active {
  background-image: url(../img/inner-buy/tab-item2-active.svg);
}
#single-buy-1 .wrap-buys .tab-item.item-2.active .tab-text {
  background: linear-gradient(10deg, #fcbb45, #f75274, #d53692, #8f39ce, #5b4fe9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#single-buy-1 .wrap-buys .tab-item.item-2.active .tab-tag {
  display: block;
}
#single-buy-1 .wrap-buys .buy-subitem .buy-btn {
  border: 2px solid rgba(255, 255, 255, 0.16);
  background: #007aff;
}
#single-buy-1 .wrap-buys .buy-subitem.sale,
#single-buy-1 .wrap-buys .buy-subitem.new-sale {
  border-color: #007aff;
  background: rgba(0, 122, 255, 0.05);
}
#single-buy-1 .wrap-buys .time {
  color: #007aff;
}
#single-buy-2 .banner {
  background-image: url(../img/inner-buy/banner-bg-2.png);
}
#single-buy-2 .banner .switch-win,
#single-buy-2 .banner .switch-mac {
  color: #ff871d;
}
#single-buy-2 .wrap-buys .tab-item.item-1 {
  background-image: url(../img/inner-buy/buy2-tab-item1.svg);
}
#single-buy-2 .wrap-buys .tab-item.item-1.active {
  padding-right: 180px;
  background-image: url(../img/inner-buy/tab-item1-active.svg);
}
#single-buy-2 .wrap-buys .tab-item.item-1.active .tab-text {
  color: #2a91ff;
}
#single-buy-2 .wrap-buys .tab-item.item-1.active .tab-tag {
  display: block;
}
#single-buy-2 .wrap-buys .tab-item.item-2 {
  background-image: url(../img/inner-buy/buy2-tab-item2.svg);
}
#single-buy-2 .wrap-buys .tab-item.item-2.active {
  background-image: url(../img/inner-buy/tab-item2-active.svg);
}
#single-buy-2 .wrap-buys .tab-item.item-2.active .tab-text {
  background: linear-gradient(10deg, #fcbb45, #f75274, #d53692, #8f39ce, #5b4fe9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#single-buy-2 .wrap-buys .tab-item.item-2.active .tab-tag {
  display: block;
}
#single-buy-2 .wrap-buys .buy-subitem .buy-btn {
  border: 2px solid rgba(255, 255, 255, 0.16);
  background: #ff871d;
}
#single-buy-2 .wrap-buys .buy-subitem.sale,
#single-buy-2 .wrap-buys .buy-subitem.new-sale {
  border-color: #f88400;
  background: rgba(254, 228, 178, 0.3);
}
#single-buy-2 .wrap-buys .time {
  color: #ff871d;
}
.banner {
  padding: 65px 0 90px;
  background-position: center;
  background-repeat: no-repeat;
}
.banner-title {
  color: #2d2d2d;
  text-align: center;
  font-size: 32px;
}
.banner .switch-win,
.banner .switch-mac {
  color: #0082e8;
  font-size: 16px;
  text-align: center;
  margin-top: 20px;
  cursor: pointer;
  display: none;
}
.banner .switch-win.active,
.banner .switch-mac.active {
  display: block;
}
.banner .switch-win::after,
.banner .switch-mac::after {
  content: ">>";
  display: inline-block;
  transition: all 300ms;
  padding-left: 5px;
}
.banner .switch-win:hover::after,
.banner .switch-mac:hover::after {
  transform: translateX(5px);
}
.divider {
  margin: 0 10px;
  width: 1px;
  height: 22px;
  background: #e9e9e9;
}
.wrap-buys {
  margin-top: -40px;
}
.wrap-buys .tab {
  position: relative;
}
.wrap-buys .tab-item {
  position: absolute;
  z-index: 1;
  width: calc(50% + 12px);
  height: 70px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.wrap-buys .tab-item.active {
  z-index: 2;
}
.wrap-buys .tab-item.item-1 {
  left: 0;
  padding-right: 270px;
  justify-content: flex-end;
  background-repeat: no-repeat;
  background-position: top right;
}
.wrap-buys .tab-item.item-1 .tab-icon {
  content: "";
  width: 29px;
  height: 29px;
  background-image: url(../img/inner-buy/icon-pro.png);
  background-size: 100% 100%;
}
.wrap-buys .tab-item.item-1 .tab-text {
  color: #2d2d2d;
  font-size: 24px;
  font-weight: 600;
}
.wrap-buys .tab-item.item-1 .tab-tag {
  border-radius: 4px;
  font-size: 16px;
  color: #2a91ff;
  background: rgba(42, 145, 255, 0.1);
  padding: 4px 10px;
  margin-left: 8px;
  display: none;
}
.wrap-buys .tab-item.item-2 {
  right: 0;
  padding-left: 180px;
  justify-content: flex-start;
  background-repeat: no-repeat;
  background-position: top left;
}
.wrap-buys .tab-item.item-2 .tab-icon {
  content: "";
  width: 29px;
  height: 29px;
  background-image: url(../img/inner-buy/icon-unlimited.png);
  background-size: 100% 100%;
}
.wrap-buys .tab-item.item-2 .tab-text {
  color: #2d2d2d;
  font-size: 24px;
  font-weight: 600;
}
.wrap-buys .tab-item.item-2 .tab-tag {
  padding: 4px 10px;
  margin-left: 8px;
  border-radius: 4px;
  background: linear-gradient(32deg, rgba(251, 225, 138, 0.1) -5.68%, rgba(252, 187, 69, 0.1) 16.55%, rgba(247, 82, 116, 0.1) 34.55%, rgba(213, 54, 146, 0.1) 49.37%, rgba(143, 57, 206, 0.1) 72.65%, rgba(91, 79, 233, 0.1) 100.17%);
  display: none;
}
.wrap-buys .tab-item.item-2 .tab-tag_inner {
  font-size: 16px;
  background: linear-gradient(10deg, #fcbb45, #f75274, #d53692, #8f39ce, #5b4fe9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.wrap-buys .content {
  width: 1200px;
  margin: 0 auto;
  padding-top: 100px;
}
.wrap-buys .content-item {
  display: none;
}
.wrap-buys .content-item.active {
  display: block;
}
.wrap-buys .content-item.item-1 .item-buys-wrap .buy-subitem.sale {
  position: relative;
}
.wrap-buys .content-item.item-1 .item-buys-wrap .buy-subitem.sale::before {
  content: "";
  position: absolute;
  top: -7px;
  right: -7px;
  width: 128px;
  height: 129px;
  background-image: url(../img/inner-buy/best-value.svg);
  background-size: 100% 100%;
}
.wrap-buys .content-item .new-sale {
  position: relative;
}
.wrap-buys .content-item .new-sale-tag {
  position: absolute;
  top: -7px;
  right: -7px;
  width: 128px;
  height: 129px;
  background-image: url(../img/inner-buy/best-value.png);
  background-size: 100% 100%;
}
.wrap-buys .content-item .new-sale-tag .tag-text {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 35px;
  right: -16px;
  color: #fff;
  font-size: 20px;
  transform: rotate(45deg);
}
.wrap-buys .content-item .new-sale-tag .tag-text2 {
  top: 41px;
  font-size: 16px;
}
.wrap-buys .content-item.item-2 .item-buys-wrap .buy-subitem:nth-child(1) .tips {
  display: flex;
  align-items: center;
  height: 57px;
  margin-bottom: 0;
}
.wrap-buys .content-item.item-2 .item-buys-wrap .buy-subitem.sale {
  position: relative;
}
.wrap-buys .content-item.item-2 .item-buys-wrap .buy-subitem.sale::before {
  content: "";
  position: absolute;
  top: -6px;
  right: -7px;
  width: 123px;
  height: 123px;
  background-image: url(../img/inner-buy/sale-200.svg);
}
.wrap-buys .content .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
  height: 50px;
}
.wrap-buys .content .select-product {
  display: flex;
  align-items: center;
  gap: 18px;
}
.wrap-buys .content .select-product-text {
  color: #242424;
  font-size: 20px;
}
.wrap-buys .content .select-product-content {
  position: relative;
}
.wrap-buys .content .select-product-content .product-current {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 412px;
  height: 48px;
  border-radius: 6px;
  border: 1px solid #e9e9e9;
  background: #fff;
  padding: 0 12px;
  cursor: pointer;
}
.wrap-buys .content .select-product-content .product-current span {
  color: #242424;
  font-size: 18px;
}
.wrap-buys .content .select-product-content .product-current::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 19px;
  height: 12px;
  background-image: url(../img/inner-buy/icon-arrow.svg);
  transition: all 300ms;
}
.wrap-buys .content .select-product-content .product-current.active::after {
  transform: translateY(-50%) rotate(180deg);
}
.wrap-buys .content .select-product-content .product-list {
  width: 100%;
  position: absolute;
  z-index: 99;
  top: 52px;
  border-radius: 6px;
  border: 1px solid #e9e9e9;
  background: #fff;
  padding: 5px;
  display: none;
}
.wrap-buys .content .select-product-content .product-list .list-item {
  width: 100%;
  height: 38px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  padding: 6px;
  cursor: pointer;
  transition: all 300ms;
}
.wrap-buys .content .select-product-content .product-list .list-item:hover {
  background: #f2f2f2;
}
.wrap-buys .content .all-product {
  display: flex;
  align-items: center;
  gap: 14px;
}
.wrap-buys .content .all-product-text {
  color: #242424;
  font-size: 20px;
}
.wrap-buys .content .all-product-imgs {
  display: flex;
  align-items: center;
  gap: 12px;
}
.wrap-buys .content .item-buys-wrap {
  margin-bottom: 30px;
}
.wrap-buys .content .item-buys-wrap .item-buys {
  display: none;
  justify-content: space-between;
}
.wrap-buys .content .item-buys-wrap .item-buys.active {
  display: flex;
}
.wrap-buys .content .item-buys-wrap .buy-subitem {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 372px;
  border-radius: 6px;
  border: 2px solid #f2f2f2;
  background: #fff;
  padding: 22px 32px;
}
.wrap-buys .content .item-buys-wrap .buy-subitem .time-list li {
  list-style: disc;
  color: #707070;
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 5px;
  font-weight: 400;
  margin-left: 20px;
}
.wrap-buys .content .item-buys-wrap .buy-subitem .time {
  font-size: 20px;
  margin-bottom: 15px;
}
.wrap-buys .content .item-buys-wrap .buy-subitem .new-price {
  color: #707070;
  font-size: 20px;
  margin-bottom: 20px;
}
.wrap-buys .content .item-buys-wrap .buy-subitem .new-price .price-text {
  font-weight: bold;
  color: #242424;
  font-size: 32px;
}
.wrap-buys .content .item-buys-wrap .buy-subitem .other-price {
  color: #707070;
  font-size: 16px;
  margin-bottom: 15px;
  min-height: 26px;
}
.wrap-buys .content .item-buys-wrap .buy-subitem .tips {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wrap-buys .content .item-buys-wrap .buy-subitem .tips-text {
  color: #707070;
  font-size: 16px;
}
.wrap-buys .content .item-buys-wrap .buy-subitem .tips-more {
  position: relative;
}
.wrap-buys .content .item-buys-wrap .buy-subitem .tips-more .more-icon {
  display: block;
  width: 17px;
  height: 17px;
  background-image: url(../img/inner-buy/icon-tips.svg);
  cursor: pointer;
}
.wrap-buys .content .item-buys-wrap .buy-subitem .tips-more .more-text {
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  width: fit-content;
  background-color: #fff;
  width: 240px;
  color: #707070;
  font-size: 14px;
  filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.1));
  border-radius: 5px;
  text-align: center;
  padding: 10px 0;
  visibility: hidden;
  opacity: 0;
  transition: all 300ms;
}
.wrap-buys .content .item-buys-wrap .buy-subitem .tips-more .more-text::before {
  content: "";
  position: absolute;
  bottom: -18px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top-color: #fff;
}
.wrap-buys .content .item-buys-wrap .buy-subitem .tips-more:hover .more-text {
  visibility: visible;
  opacity: 1;
}
.wrap-buys .content .item-buys-wrap .buy-subitem .buy-btn {
  width: 100%;
  height: 64px;
  display: none;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 12px;
  font-size: 22px;
  color: #fff;
  margin-top: 40px;
  transition: all 300ms;
}
.wrap-buys .content .item-buys-wrap .buy-subitem .buy-btn.active {
  display: flex;
}
.wrap-buys .content .item-buys-wrap .buy-subitem .buy-btn:hover {
  transform: translateY(-5px);
}
.wrap-buys .content .item-buys-wrap .buy-subitem .buy-btn.btn-win::before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url(../img/inner-buy/icon-win.svg);
  background-size: 100% 100%;
}
.wrap-buys .content .item-buys-wrap .buy-subitem .buy-btn.btn-mac::before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url(../img/inner-buy/icon-mac.svg);
  background-size: 100% 100%;
  transform: translateY(-2px);
}
.wrap-buys .content .item-buys-wrap .buy-subitem.sale .other-price,
.wrap-buys .content .item-buys-wrap .buy-subitem.perpetual .other-price {
  display: flex;
  align-items: center;
  height: 57px;
  margin-bottom: 0;
}
.wrap-buys .content .item-buys-wrap .buy-subitem.sale .buy-btn,
.wrap-buys .content .item-buys-wrap .buy-subitem.perpetual .buy-btn {
  margin-top: 36px;
}
.wrap-buys .content .item-buys-wrap .buy-subitem.bundle .buy-btn {
  margin-top: 22px;
}
.wrap-buys .content .item-list {
  padding-left: 20px;
}
.wrap-buys .content .item-list .list-li {
  list-style: disc;
  color: #707070;
  font-size: 16px;
  font-weight: 400;
  line-height: 2.2;
  letter-spacing: 0.16px;
}
.wrap-buys .content .item-list .list-li img {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}