@charset "utf-8";
html, body {scroll-behavior: smooth;}
img {max-width: 100%;}
.details {width: 1200px;margin: 0 auto;}
.audio-wave-pmgressbar  {max-width: 720px !important;}
.audio-controller {max-width: 720px !important;}
.audio-type-item {font-size: 17px !important;}
.audio-wave-cover-item { --ratio: calc(575 / 930 * 100%) !important;}
.Anti-language-toggle {color: #fff !important;border-color: #fff !important;}
.Anti-language-toggle svg path {fill: #fff !important;}
.Anti-language-icon svg path  {stroke: #fff !important;fill: none !important;}


.buy {padding: 46px 0 0;background: url(../images/gift-offer/bg1-autimn.jpg) no-repeat center top/100% auto #fff}
h1 {font-size: 37px;color: #fff;line-height: 1;font-weight: 600;text-align: center;}
h1+p {font-size: 24px;color: #825729;line-height: 1.1;padding: 18px 0 24px;text-align: center;}
.digiarty-timer{display:flex;justify-content:center;gap: 24px;font-size:33px;line-height:1.6;color:#bf8522;}
.digiarty-timer li{width:85px;height: 77px;background-color:#fff;border-radius:5px;color:#825729;font-size: 41px;font-weight:700;line-height:1.3;text-align: center;position: relative;}
.digiarty-timer li::before{content:attr(data-provider);width: 100%;line-height: 1;font-size:15px;color:#62676a;text-transform:capitalize;font-weight:400;position: absolute;left: 0;bottom: 10px;}
.digiarty-timer li+li::after {content: ":";font-size: 41px;color: #bf8522;line-height: 1;position: absolute;left: -19px;top: 14px;}
.buy-wrap {margin: 28px 0 0;border: 3px solid #ff981e;border-radius: 20px;background-color: #fff;position: relative;overflow: hidden;}
.buy-wrap-tag {width: 220px;height: 50px;display: flex;justify-content: center;align-items: center;background-color: #ff5e2c;font-size: 21px;color: #fff;line-height: 1;transform: rotate(-45deg);position: absolute;top: 35px;left: -52px;display: none;}
.buy-top {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;padding: 20px 120px 20px 50px;}
.buy-top-left {width: 490px;}
.buy-top-h3 {font-size: 32px;color: #000;line-height: 1;font-weight: 600;padding-bottom: 10px;}
.buy-top-right {width: 316px;padding-top: 20px;}
.switch-system {position: absolute;top: 10px;right: 20px;}
.switch-system-flex{display:flex;justify-content:flex-end;align-items:center;gap:11px;}
.switch-system-wrapper{height:15px;margin:0;position:relative;width:31px;}
.switch-system-wrapper input{height:0;opacity:0;width:0;display: none;}
.switch-system-slider{display: block;border:1px solid #c2c2ca;height: 15px;border-radius:34px;cursor:pointer;transition:.4s;position: relative;}
.switch-system-slider:before{content:"";background-color:#3b97ff;border-radius:50%;bottom:2px;height:11px;left:2px;position:absolute;transition:.4s;width:11px;}
.switch-system-wrapper input:checked+.switch-system-slider:before{left:calc(100% - 13px);}
.system-item{color:#858595;font-size:17px;line-height: 1;}
.system-item.active{color:#3b97ff;}
.buy-select-price {font-size: 17px;color: #575655;line-height: 1;display: none;justify-content: center;align-items: center;gap: 14px;}
.buy-select-price.active {display: flex;}
.buy-select-price>b {font-size: 51px;color: #ff2f2f;line-height: 1;}
.buy-select {width: 100%;box-sizing: border-box;padding: 0 15px;border: 1px solid #c9c9c9;height: 44px;outline: none;border-radius: 44px;font-size: 19px;color: #575655;margin: 12px 0 16px;}
.buy-buttons,.buy-button {display: flex;width: 100%;}
.buy-button>a {display: none;width: 100%;line-height: 56px;font-size: 27px;color: #fff;font-weight: 600;justify-content: center;align-items: center;gap: 20px;background-color: #fca033;border-radius: 8px;text-decoration: none;}
.buy-button>a.active {display: flex;}
.buy-button>a::before {content: "";width: 32px;height: 28px;background: url(../images/gift-offer/buy-icon.png);}
.buy-buttons-intro {width: fit-content;margin: 14px auto 0;}
.buy-buttons-intro>li {font-size: 15px;color: #575655;line-height: 1;padding-left: 23px;position: relative;margin-bottom: 12px;}
.buy-buttons-intro>li:last-of-type {margin-bottom: 0;}
.buy-buttons-intro>li::before {content: "";width: 4px;height: 8px;border-right: 2px solid #50b22b;border-bottom: 2px solid #50b22b;transform: rotate(45deg);position: absolute;top: 2px;left: 4px;}
.buy-bottom {background: #fffaed;padding: 0 10px;display: flex;justify-content: center;align-items: stretch;flex-wrap: wrap;gap: 40px;padding: 20px 0 28px;}
.buy-bottom-left {width: 600px;position: relative;}
.buy-bottom-left::before {content: "";border-left: 46px solid transparent;border-right: 46px solid transparent;border-bottom: 16px solid #fffaed;position: absolute;left: 50%;top: -36px;margin-left: -46px;}
.buy-main-pro {display: flex;align-items: center;gap: 14px;padding-bottom: 8px;}
.buy-main-title {flex: 1;}
.buy-main-h3 {font-size: 27px;color: #000;line-height: 1.2;font-weight: 600;margin-bottom: 5px;}
.buy-main-h4 {font-size: 15px;color: #000;line-height: 1.2;}
.buy-main-h3 del {font-size: 15px;color: #808080;line-height: 1;margin: 0 5px;font-weight: 400;}
.buy-main-h3 span {font-size: 15px;color: #808080;line-height: 1;font-weight: 400;}
.buy-main-p {font-size: 21px;color: #808080;line-height: 1;}
.buy-bottom-left-p {font-size: 15px;color: #505050;line-height: 1.4;margin-top: 5px;}
.buy-bottom-left-p.i-c {font-size: 15px;color: #575655;line-height: 1;padding-left: 23px;position: relative;margin-top: 8px;}
.buy-bottom-left-p.i-c::before {content: "";width: 4px;height: 8px;border-right: 2px solid #50b22b;border-bottom: 2px solid #50b22b;transform: rotate(45deg);position: absolute;top: 2px;left: 4px;}
.buy-bottom-left-p>span>b {display: block;font-size: 17px;color: #000;line-height: 1.3;}
.buy-bottom-right {padding: 10px 0 10px 57px;border-left: 2px solid #dbd2bd;position: relative;display: flex;flex-direction: column;justify-content: center;width: 390px;}
.buy-bottom-right::before {content: "";width: 34px;height: 34px;border-radius: 50%;background-color: #dbd2bd;position: absolute;left: -18px;top: 50%;margin-top: -17px;}
.buy-bottom-right::after {content: "";width: 16px;height: 16px;position: absolute;top: 50%;margin-top: -8px;left: -9px;background: linear-gradient(transparent 7px, #fffaed 7px, #fffaed 9px, transparent 9px), linear-gradient(90deg, transparent 7px, #fffaed 7px, #fffaed 9px, transparent 9px);}
.buy-bottom-gifts>li {display: flex;align-items: center;gap: 12px;padding: 3px 0;}
.buy-bottom-gifts>li+li {margin-top: 10px;}
.buy-bottom-gifts>li::before {content: "";flex-shrink: 0;width: 53px;height: 44px;background: url(../images/gift-offer/gift-icons.png) no-repeat left top;}
.buy-bottom-gifts>li.win-gift2::before {background-position-y: -54px;}
.buy-bottom-gifts>li.win-gift3::before {height: 49px;background-position-y: -108px;}
.buy-bottom-gifts>li.mac-gift2::before {background-position-y: -167px;}
.buy-bottom-gifts>li.mac-gift3::before {height: 42px;background-position-y: -221px;}
.buy-bottom-gifts>li.win-gift4::before {content: "";flex-shrink: 0;width: 53px;height: 44px;background: url(../images/gift-offer/gift-icons4-win.png) no-repeat center;}
.buy-bottom-gifts>li.mac-gift4::before {content: "";flex-shrink: 0;width: 53px;height: 44px;background: url(../images/gift-offer/gift-icons4-mac.png) no-repeat center;}
.buy-bottom-gifts li.win-gift6::before {content: "";flex-shrink: 0;width: 52px;height: 45px;background: url(../images/gift-offer/gift-icons6.png) no-repeat center;}

.buy-bottom-h4 {font-size: 15px;color: #808080;line-height: 1;padding-bottom: 5px;}
.buy-bottom-h4>b {font-size: 17px;color: #282828;line-height: 1;}
.buy-bottom-gift-p {font-size: 15px;color: #505050;line-height: 1;}
.buy-payment-service {padding-top: 18px;display: flex;justify-content: center;align-items: flex-end;gap: 120px;flex-wrap: wrap;}
.buy-service {display: flex;flex-wrap: wrap;}
.buy-service>li {min-width: 200px;display: flex;justify-content: center;align-items: center;gap: 15px;font-size: 14px;color: #b8bbcc;line-height: 1.3;text-align: center;position: relative;}
.buy-service>li::before {content: "";width: 51px;height: 41px;background: url(../images/gift-offer/service-icons.png) no-repeat left center;}
.buy-service>li+li::after {content: "";width: 1px;height: 33px;background-color: #b8bbcc;position: absolute;left: 0;top: 50%;margin-top: -16px;}
.buy-service>li:nth-child(2)::before {width: 39px;background-position-x: -207px;}
.buy-service>li:nth-child(3)::before {width: 38px;background-position-x: -409px;}

.animate {padding: 86px 0 0;background: linear-gradient(#fdfdff, #fff, #fffdf9, #fffbf2);}
.main-h2 {font-size: 36px;color: #000;line-height: 1;font-weight: 600;text-align: center;}
.main-p {font-size: 25px;color: #4c4c4c;line-height: 1.1;padding-top: 16px;text-align: center;}
.animate-wrap {display: flex;justify-content: center;flex-wrap: wrap;gap: 30px;margin: 15px 0 24px;padding: 34px 10px 24px;background-color: #fff;border-radius: 28px;box-shadow: 0 10px 10px 0 rgba(0,0,0,0.03);}
.animate-left {width: 315px;}
.animate-left>li {padding: 15px 5px 15px 16px;border-radius: 10px;background: linear-gradient(90deg, #ffdaa4, transparent);margin-bottom: 12px;display: flex;align-items: center;gap: 12px;cursor: pointer;transition: all 0.4s;}
.animate-left>li.active {flex-wrap: wrap;padding: 22px;border: 2px solid #ffa05a;background: #fff;margin-right: 28px;position: relative;cursor: auto;}
.animate-left>li.active::before {content: "";width: 18px;height: 18px;border-right: 2px solid #ffa05a;border-bottom: 2px solid #ffa05a;background-color: #fff;transform: rotate(-45deg);position: absolute;top: 50%;margin-top: -9px;right: -12px;}
.animate-left .img-box {width: 50px;flex-shrink: 0;transition: all 0.4s;}
.animate-left>li.active .img-box {width: 239px;}
.animate-left .animate-left-h4 {font-size: 17px;color: #4d3717;line-height: 1;transition: all 0.1s;}
.animate-left>li.active .animate-left-h4 {color: #000;font-weight: 600;}
.animate-left .animate-left-p {opacity: 0;display: none;font-size: 17px;color: #313131;line-height: 1.2;padding-top: 6px;transition: all 0.4s;}
.animate-left .animate-left-p>b {color: #ffa05a;}
.animate-left>li.active .animate-left-p {opacity: 1;display: block;}
.animate-right {width: 788px;}
.animate-right>li {display: none;}
.animate-right>li.active {display: block;}
.animate-right-h3 {font-size: 21px;color: #333;line-height: 1;font-weight: 600;}
.animate-right-p {font-size: 17px;color: #373534;line-height: 1.4;padding: 18px 0 40px;}
.animate-right-p>b {color: #ffa05a;}
.animate-medias>li {display: none;border-radius: 12px;overflow: hidden;position: relative;}
.animate-medias>li.active {display: block;background-color: #000;}
.animate-medias.video>li::before {content: "";display: block;padding-top: 56.25%;}
.animate-medias.video>li>video {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.animate-thumbnails {width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;margin: -51px auto 0;padding: 10px 11px 0;background-color: #fff;border-radius: 10px;position: relative;display: flex;justify-content: center;gap: 9px;}
.animate-thumbnails::before,.animate-thumbnails::after {content: "";width: 10px;height: 10px;background: url(../images/gift-offer/arc.png);position: absolute;left: -10px;top: 41px;}
.animate-thumbnails::after {transform: rotateY(180deg);left: auto;right: -10px;}
.animate-thumbnails>li {padding: 2px;border: 2px solid transparent;border-radius: 4px;cursor: pointer;}
.animate-thumbnails>li.active {border-color: #ffa05a;}

.animate-features {display: flex;justify-content: center;flex-wrap: wrap;gap: 45px;padding-top: 30px;font-size: 17px;color: #ba8f64;line-height: 1;}
.animate-bottom-intro {font-size: 15px;color: #959595;line-height: 1.2;text-align: center;padding-bottom: 36px;}
.animate-bottom-intro>span {display: inline-block;vertical-align: middle;width: 18px;height: 18px;line-height: 1.1;text-align: center;background-color: #e0ccad;border-radius: 50%;font-size: 15px;color: #806845;margin-right: 10px;}
.animate-buttons {display: flex;justify-content: center;flex-wrap: wrap;gap: 34px;}
.animate-buttons>a {width: 255px;line-height: 58px;text-align: center;border-radius: 10px;background-color: #159bfd;text-decoration: none;font-size: 21px;color: #fff;}
.animate-buttons>a:last-child {background-color: #fca033;}
.animate-buttons>a::before {content: "";width: 21px;height: 21px;display: inline-block;vertical-align: middle;margin: -6px 22px 0 0;background: url(../images/gift-offer/win-mac-icon.png) no-repeat left -4px;}
.animate-buttons>a:nth-child(2)::before {height: 25px;background-position: right top;}
.animate-buttons>a:nth-child(3)::before {width: 32px;height: 28px;background: url(../images/gift-offer/buy-icon.png) no-repeat center;}

.feature {padding: 70px 0 60px;background: linear-gradient(#fffcf7, #fffbf2);}
.feature .details {width: 1290px;}
.feature-lists {display: flex;justify-content: center;flex-wrap: wrap;padding-top: 48px;}
.feature-lists>li {width: 430px;box-sizing: border-box;padding: 32px 55px 35px;text-align: center;border-radius: 15px;}
.feature-lists>li:hover {background-color: #fff;box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);}
.feature-lists>li::before {content: "";width: 78px;height: 78px;display: block;margin: 0 auto 28px;background: url(../images/gift-offer/feature-icons.png) no-repeat left top;}
.feature-lists>li:hover::before,.feature-lists>li:nth-child(4):hover::before {background-position-x: -107px;}
.feature-lists>li:nth-child(2)::before {background-position: -429px top;}
.feature-lists>li:nth-child(2):hover::before,.feature-lists>li:nth-child(5):hover::before {background-position-x: -536px;}
.feature-lists>li:nth-child(3)::before {background-position: -865px top;}
.feature-lists>li:nth-child(3):hover::before,.feature-lists>li:nth-child(6):hover::before {background-position-x: -972px;}
.feature-lists>li:nth-child(4)::before {background-position: left bottom;}
.feature-lists>li:nth-child(5)::before {background-position: -429px bottom;}
.feature-lists>li:nth-child(6)::before {background-position: -865px bottom;}
.feature-h3 {font-size: 19px;color: #292929;line-height: 1;font-weight: 600;padding-bottom: 6px;}
.feature-p {font-size: 17px;color: #272727;line-height: 1.5;}

.table {padding: 44px 0 76px;background: linear-gradient(#fff, #f9f9f9);}
.table .details {width: 1132px;}
.table-wrap {padding-top: 56px;}
table {width: 100%;border: none;}
table th:first-child {font-size: 27px;color: #000;line-height: 1;text-align: left;}
table th,table td {border-bottom: 1px solid #dcdcdc;padding: 24px 10px;}
table td:first-child {padding-left: 24px;}
table th:nth-child(2),table td:nth-child(2) {background-color: #fafafa;border-right: 8px solid #fff;}
table th:nth-child(3),table td:nth-child(3) {background-color: #fff9ec;border-left: 2px solid #ffc955;border-right: 2px solid #ffc955;}
table th:nth-child(3) {border-top: 2px solid #ffc955;}
table tr:last-child td:nth-child(3) {border-bottom: 2px solid #ffc955;}
table p {font-size: 17px;color: #373737;line-height: 1.4;text-align: center;}
table td:first-child p {text-align: left;}
table th:nth-child(2) p,table th:nth-child(3) p {font-size: 19px;line-height: 1;padding-bottom: 20px;}
table p>span {display: inline-block;margin-bottom: 6px;font-weight: 600;}
table .table-buttons {display: flex;justify-content: center;}
table .table-buttons>a {min-width: 134px;box-sizing: border-box;text-align: center;padding: 0 10px;line-height: 35px;font-size: 17px;color: #fff;background-color: #0f9bff;border-radius: 5px;text-decoration: none;font-weight: 500;}
table .table-buttons>a::before {content: "";width: 11px;height: 17px;background: url(../images/gift-offer/download-icon.png)no-repeat center;display: inline-block;vertical-align: middle;margin-right: 9px;}
table .table-buttons.buy-btn>a {background-color: #fca033;}
table .table-buttons.buy-btn>a::before {width: 20px;height: 18px;background: url(../images/gift-offer/buy-icon.png) no-repeat center/100% 100%;}
table .table-td-no {display: block;width: 16px;height: 3px;background-color: #a0a0a0;margin: 0 auto;}
table .table-td-yes {display: block;width: 6px;height: 15px;border-right: 3px solid #ff8c40;border-bottom: 3px solid #ff8c40;transform: rotate(45deg);margin: 0 auto;}
table tr.hide,table tr.hide~tr{display:none;}
table tr.hide.active,table tr.hide.active~tr {display:table-row;}
.table-toggle {width:100%;border-bottom: 1px solid #cfcfcf;display:flex;justify-content:center;align-items:center;height:44px;background-color:#ececec;cursor:pointer;position:relative;}
.table-toggle::after {content: "";width: 35px;height: 23px;background: url(../images/gift-offer/table-arrow.png) no-repeat center;transition:all 0.2s;}
.table-toggle.active::after {transform:rotate(180deg);}
.recommend-wrap {padding: 48px 0 0;text-align: center;}
.recommend-wrap .star{padding-bottom:25px;}
.recommend-wrap h2{font-size:29px;font-weight:bold;line-height:1;}
.recommend-wrap .recmd-border{display:flex;}
.recommend-wrap .recmd-border span{display:flex;cursor:pointer;text-align:center;height:100%;}
.recommend-wrap .recmd-border span:after{content:"";width:20px;height:20px;border-left:1px solid #99A2AC;border-bottom:1px solid #99A2AC;transform:translate(4px,0) rotate(45deg);margin:auto;}
.recommend-wrap .recmd-border .right span:after{transform:translate(-3px,0) rotate(-135deg);}
.recommend-wrap .recmd-content{width:1020px;position:relative;overflow:hidden;margin:auto;height:220px;}
.recommend-wrap .recmd-box{position:absolute;width:30000px;}
.recommend-wrap .recmd-box .box_one{float:left;width:1020px;}
.recommend-wrap .box_one .pic{padding:45px 0 30px;}
.recommend-wrap .box_one p{font-size:17px;color:#333;}
.recommend-wrap .box_one .other{padding:20px 0 0;font-size:14px;}
.recommend-wrap .recmd-bottom{text-align:center;font-size:0;line-height:1;padding-top: 15px;}
.recommend-wrap .recmd-bottom span{display:inline-block;width:10px;height:10px;border-radius:50%;cursor:pointer;margin:0 8px;border:1px solid #19B8FD;vertical-align:middle;}
.recommend-wrap .recmd-bottom span.focus{background:#19B8FD;}

.faq{padding:42px 0 72px;}
.slide-container {padding: 10px 0 0;}
.slide-container .qes_one{border-bottom:1px solid #e6e6e6;padding:18px 0 8px;}
.slide-container .t{font-size:18px;line-height:20px;cursor:pointer;padding-bottom:10px;position:relative;padding-right:25px;}
.slide-container .t::before{content:"";width:17px;height:3px;background-color:#ffaf32;position:absolute;top:8px;right:0;}
.slide-container .t::after{content:"";width:3px;height:17px;background-color:#ffaf32;position:absolute;top:1px;right:7px;}
.slide-container .t.focus::after{display:none;}
.slide-container .qes_ans{color:#737480;display:none;}
.slide-container a{color:#2691fc;}

@media (max-width: 1200px) {
    .feature .details, .table .details, .details {width: 96%;}

    .buy {background-size: auto 50%;}
    .buy-wrap-tag {width: auto;min-width: 220px;border-radius: 0 0 5px 5px;top: 0;left: 50%;transform: translateX(-50%);}
    .buy-top {gap: 50px;padding: 70px 10px 30px;align-items: center;}
    .buy-top-left {text-align: center;}
    .switch-system {margin-right: 0;padding: 20px 0;}
    .switch-system-flex {justify-content: center;}
    .buy-bottom {gap: 0;padding-bottom: 30px;}
    .buy-bottom-left {width: 100%;text-align: center;}
    .buy-main-pro {justify-content: center;}
    .buy-bottom-right {padding: 0 10px;border-left: 0;}
    .buy-bottom-right::before,.buy-bottom-right::after {display: none;}
    .buy-payment-service {gap: 20px;}
    .buy-service {justify-content: center;}
    .buy-service>li+li::after {display: none;}

    .animate-left {width: 100%;display: flex;justify-content: center;gap: 10px;flex-wrap: wrap;}
    .animate-left>li {background: #ffdaa4;margin-bottom: 0;align-items: flex-start;}
    .animate-left>li,.animate-left>li.active {width: 150px;flex-wrap: wrap;box-sizing: border-box;padding: 5px;margin-right: 0;text-align: center;}
    .animate-left>li.active::before {display: none;}
    .animate-left>li.active .img-box,.animate-left .img-box {width: 100%;}
    .animate-left .animate-left-h4 {font-size: 15px;color: #000;font-weight: 500;}
    .animate-left .animate-left-p {font-size: 13px;opacity: 1;display: block;}
    .animate-right>li {text-align: center;}
    .animate-right-p {padding: 20px 0;}
    .animate-thumbnails::before, .animate-thumbnails::after {display: none;}

    .feature-lists>li {padding: 20px;}

    .recommend-wrap .recmd-content {width: 100%;height: auto;}
    .recommend-wrap .recmd-box {position: static;width: 100%;}
    .recmd-border .left,.recmd-border .right,.recommend-wrap .recmd-bottom {display: none;}
    .recommend-wrap .box_one .pic {padding: 20px 0 10px;}
    .recommend-wrap .recmd-box .box_one {width: 100% !important;float: none;}

}
@media (max-width: 979px) {
    .buy-top {gap: 30px;}

    .feature-lists>li {width: 330px;}

    .table-wrap {overflow: auto;}
    table,.table-toggle {width: 900px;}
}
@media (max-width: 767px) {
    h1 {font-size: 35px;}
    .digiarty-timer li {width: 70px;height: 65px;font-size: 35px;}
    .digiarty-timer li+li::after {top: 10px;}
    .buy-top-h3,.buy-main-h3,.main-h2,table th:first-child,.recommend-wrap h2 {font-size: 25px;}
    .main-p,.animate-right-h3 {font-size: 19px;}
    .switch-system {padding-top: 0;}

    .animate-thumbnails {padding: 8px 8px 0;margin-top: 0;border-radius: 0;}
    .animate-features {gap: 20px;}



    .table-wrap table {box-shadow: 0 0 10px 0 rgba(0,0,0,0.07);}
}
@media (max-width: 479px) {
    .buy-service {gap: 10px;}


    .feature-lists>li {width: 100%;}
}