.banner-buy {width: 100%;height: auto;padding-bottom: 48px;background: url('../img/buy/banner.png') no-repeat center;background-size: cover;}.banner-buy .top {display: flex;padding-top: 49px;}.banner-buy .top img {margin-right: 39px;}.banner-buy .top .text {flex: 0 0 58%;margin-right: 45px;}.banner-buy .top .text.amazon-text{flex: 0 0 62%;}.banner-buy .top .text .text-title {font-weight: 700;font-size: 28px;line-height: 158%;color: #212121;margin-bottom: 17px;}.banner-buy .top .text .netfilx-text-title {max-width: 665px;}.banner-buy .top .text .hbo-text-title{max-width: 680px;}.banner-buy .top .text .amazon-text-title{max-width: 739px;}.banner-buy .top .text .hulu-text-title{max-width: 635px;}.banner-buy .top .text .disney-text-title{max-width: 695px;}.banner-buy .top .text .text-particulars {font-size: 16px;line-height: 32px;color: #565656;}.banner-buy .top .banner-button {flex: 0 0 254px;height: 68px;line-height: 68px;text-align: center;background: #01966b;border-radius: 34px;align-self: center;font-weight: 700;font-size: 20px;cursor: pointer;color: white;}.banner-buy .top .banner-button a {width: 100%;height: 100%;display: block;color: white;}.banner-buy .top .banner-button:hover {background-image: linear-gradient(90deg, #0a8454 0%, #11bbc9 100%);}.banner-buy .icon {display: flex;justify-content: space-around;width: 78%;margin: 46px auto 0;}.banner-buy .icon .item {display: flex;align-items: center;}.banner-buy .icon .item img {margin-right: 11px;}.banner-buy .icon .item span {font-size: 18px;color: #1fbfa1;}.wrapper-1 {padding: 86px 0 98px 0;}.wrapper-1 .title {font-weight: 700;font-size: 35px;line-height: 146%;text-align: center;color: #080f30;margin-bottom: 20px;}.wrapper-1 .desc {text-align: center;margin-bottom: 40px;}.wrapper-1 .content {display: flex;justify-content: space-between;}.wrapper-1 .content .item {display: flex;flex-direction: column;height: 556px;width: 384px;border: 2px solid #cbd3dd;border-radius: 16px;padding: 24px 0 0 32px;position: relative;}.wrapper-1 .content .item span {line-height: 146%;}.wrapper-1 .content .item .text-1 {font-weight: 700;font-size: 24px;color: #222222;margin-bottom: 9px;}.wrapper-1 .content .item .text-2 {font-weight: 700;font-size: 32px;color: #01966b;margin-bottom: 14px;}.wrapper-1 .content .item .text-3 {font-weight: 700;font-size: 20px;text-decoration-line: line-through;color: #222222;margin-bottom: 14px;}.wrapper-1 .content .item .text-4 {font-weight: 400;font-size: 15px;color: #666666;margin-bottom: 25px;}.wrapper-1 .content .item .text-5 {font-size: 16px;font-weight: 700;}.wrapper-1 .content .item ul li {font-weight: 400;font-size: 14px;line-height: 207%;color: #666666;}.wrapper-1 .content .item .item-button {position: absolute;bottom: 36px;left: 32px;background: #01966b;border-radius: 5px;padding: 15px 25px;font-weight: bold;color: #fff;font-size: 16px;display: flex;flex-direction: row;align-items: center;}.wrapper-1 .content .item .item-button .icon-windows-shixin, .wrapper-1 .content .item .item-button .icon-macos {font-size: 20px;margin-left: 15px;}.wrapper-1 .content .item .item-button:hover {background-image: linear-gradient(90deg, #0a8454 0%, #11bbc9 100%);}.wrapper-1 .content .item .discount {position: absolute;right: -1px;bottom: -1px;}.wrapper-1 .content .item.hot {border-color: #f67600;}.wrapper-1 .content .item.hot .text-2 {color: #f67600;}.wrapper-1 .content .item.hot .item-button {background: #f67600;}.wrapper-1 .content .item.hot .item-button:hover {background-image: linear-gradient(90deg, #f67600 0%, #f64000 100%);}.wrapper-2 {width: 100%;height: 504px;background: url('../img/buy/combination-bg.webp') no-repeat center;background-size: cover;padding-top: 112px;position: relative;margin-bottom: calc(260px + 150px);}.wrapper-2 .title {font-weight: 700;font-size: 48px;line-height: 134%;text-align: center;color: #ffffff;}.wrapper-2 .subheading {font-weight: 400;font-size: 20px;line-height: 153%;text-align: center;color: rgba(255, 255, 255, 0.79);margin-top: 15px;}.wrapper-2 .card {width: 1014px;background: #ffffff;box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.1);border-radius: 25px;position: absolute;top: 265px;left: 50%;transform: translateX(-50%);display: flex;justify-content: space-evenly;align-items: center;padding: 40px 0;}.wrapper-2 .card .text {display: flex;flex-direction: column;align-items: flex-start;}.wrapper-2 .card .text span {line-height: 146%;color: #222222;}.wrapper-2 .card .text .text-1 {font-weight: 700;font-size: 32px;margin-bottom: 10px;}.wrapper-2 .card .text .text-2 {font-weight: 700;font-size: 16px;margin-bottom: 5px;text-decoration: line-through;}.wrapper-2 .card .text .text-3 {font-weight: 400;font-size: 16px;line-height: 199%;}.wrapper-2 .card .text .text-4 {font-weight: 400;font-size: 16px;line-height: 199%;margin-bottom: 19px;}.wrapper-2 .card .text .text-5 {font-weight: 700;font-size: 16px;line-height: 199%;margin-bottom: 9px;}.wrapper-2 .card .text .text-6 {font-weight: 400;font-size: 16px;line-height: 199%;display: flex;align-items: center;padding-left: 5px;}.wrapper-2 .card .text .text-6::before {content: '';width: 4px;height: 4px;border-radius: 4px;background-color: black;display: inline-block;margin-right: 10px;}.wrapper-2 .card .text .text-button {display: flex;align-items: center;justify-content: center;background: #01966b;border-radius: 5px;padding: 12px 25px;font-weight: bold;font-size: 16px;color: #fff;margin-top: 30px;transition: all 0.5s;}.wrapper-2 .card .text .text-button:hover {transform: translateY(-10px);}.wrapper-2 .card .text .text-button .icon-windows-shixin, .wrapper-2 .card .text .text-button .icon-macos {font-size: 22px;margin-left: 15px;color: #ffffff;}.wrapper-3 .titel {font-weight: 700;font-size: 35px;line-height: 146%;text-align: center;color: #080f30;margin-bottom: 42px;}.wrapper-3 .wrapper-3-logo {display: block;margin: 0 auto 120px;}.wrapper-3 .note {width: 100%;height: 435px;background: #f1f8f8;border-radius: 13px;padding-top: 47px;}.wrapper-3 .note .note-title {font-weight: 700;font-size: 35px;line-height: 134%;text-align: center;color: #212121;margin-bottom: 25px;}.wrapper-3 .note ul {width: 90%;margin: 0 auto;}.wrapper-3 .note ul li {list-style: disc;font-weight: 400;font-size: 16px;line-height: 220%;color: #565656;}.wrapper-3 .note ul li a {color: #6363ff;}@media (max-width: 1280px) {.banner-buy {background: url('../img/buy/banner.png') no-repeat top left;background-size: auto 100%;}.banner-buy .container {width: 1080px;}.banner-buy .container .top img {width: 95px;height: 95px;}.banner-buy .container .top .text {margin-right: 30px;}.banner-buy .container .icon {width: 80%;}}@media (max-width: 770px) {.banner-buy {width: 100%;height: auto;background: #fff;padding-bottom: 0;}.banner-buy .container {width: 100%;}.banner-buy .top {display: flex;justify-content: center;flex-wrap: wrap;padding-top: 18rem;background: url('../img/buy/banner-mobile.png') no-repeat center;background-size: cover;padding: 25rem 0 50rem;}.banner-buy .top img {margin-bottom: 14.5rem;margin-right: 0;}.banner-buy .top .text {flex: 0 0 100%;margin-bottom: 18rem;margin: 0 auto;margin-right: 0 !important;}.banner-buy .top .text.amazon-text {flex: 0 0 100%;}.banner-buy .top .text .text-title {text-align: center;padding: 0 20rem;}.banner-buy .top .text .text-particulars {text-align: center;width: 85%;margin: 0 auto 20rem;}.banner-buy .top .banner-button {width: 254px;height: 68px;line-height: 68px;text-align: center;background: #01966b;border-radius: 34px;color: white;align-self: center;font-weight: 700;font-size: 20px;cursor: pointer;}.banner-buy .top .banner-button:hover {background-image: linear-gradient(90deg, #0a8454 0%, #11bbc9 100%);}.banner-buy .icon {width: 68% !important;flex-direction: column;align-items: flex-start;}.banner-buy .icon .item {margin-bottom: 21rem;}.wrapper-1 {padding: 70rem 0 100rem 0;}.wrapper-1 .title {font-weight: 700;font-size: 35px;line-height: 146%;text-align: center;color: #080f30;margin-bottom: 41px;}.wrapper-1 .content {flex-wrap: wrap;}.wrapper-1 .content .item {margin: 0 auto;margin-bottom: 32rem;}.wrapper-2 {height: 666rem;background: url('../img/buy/combination-bg-mobile.webp') no-repeat center;background-size: cover;position: relative;margin-bottom: calc(260rem + 200rem);}.wrapper-2 .title {font-size: 32px;width: 80%;margin: 0 auto;}.wrapper-2 .subheading {font-size: 16px;margin-top: 54px;}.wrapper-2 .card {width: 90%;height: auto;padding-bottom: 52rem;top: 323rem;flex-direction: column;}.wrapper-2 .card img {width: 90%;height: auto;margin: 27rem auto 30rem;}.wrapper-2 .card .text {width: 90%;margin: 0 auto;}.wrapper-2 .card .text span {line-height: 146%;color: #222222;}.wrapper-2 .card .text .text-1 {font-size: 26px;margin-bottom: 19rem;}.wrapper-2 .card .text .text-2 {font-size: 14px;margin-bottom: 12rem;}.wrapper-2 .card .text .text-3 {font-size: 14px;}.wrapper-2 .card .text .text-4 {font-size: 14px;margin-bottom: 27rem;}.wrapper-2 .card .text .text-5 {font-size: 14px;margin-bottom: 9rem;}.wrapper-2 .card .text .text-6 {font-weight: 400;font-size: 12px;display: flex;align-items: center;}.wrapper-2 .card .text .text-button {padding: 12rem 24rem;margin: 30rem auto 0;}.wrapper-3 {padding-bottom: 0;}.wrapper-3 .titel {font-size: 32rem;margin-bottom: 47rem;}.wrapper-3 .wrapper-3-logo {display: block;margin: 0 auto 70rem;width: 100%;height: auto;}.wrapper-3 .note {width: 100%;height: auto;padding: 50rem 0;}.wrapper-3 .note .note-title {font-weight: 700;font-size: 35rem;line-height: 134%;text-align: center;color: #212121;margin-bottom: 25rem;}.wrapper-3 .note ul {width: 90%;margin: 0 0 0 30rem;}.wrapper-3 .note ul li {list-style: disc;font-weight: 400;font-size: 16rem;line-height: 220%;color: #565656;padding-right: 15rem;}}