body {background-color: #fff;}
div,section,p,h1,h2,h3,h4,h5,h6,ul,ol,li {padding: 0;margin: 0;}
li {list-style: none;}


.main-bg1 {background: url(../images/buy/bg1-small.jpg) no-repeat center top/100% auto;}

.main01 {padding: 1px 0 70px;}
.countdown-wrap {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;padding: 12px 0;background-color: #999dff;}
.countdown-wrap p,.countdown-wrap .digiarty-timer {color: #fff;padding: 0;margin: 0 6px;}
.countdown-wrap .digiarty-timer {display: flex;font-weight: 600;}
.countdown-wrap .digiarty-timer li {margin: 0 10px;position: relative;}
.countdown-wrap .digiarty-timer li::after {content: ":";position: absolute;right: -12px;top: -2px;font-weight: 500;}
.countdown-wrap .digiarty-timer li:last-child::after {display: none;}
.summer-sale-banner {padding: 8px 0;background: url(../images/buy/bg-pre.jpg) no-repeat center /cover;/*background: linear-gradient(90deg, #fb8818, #fa7d13, #faa723, #fb474b, #fb86a9);*/position: relative;}
.summer-sale-banner-p {margin: 0;padding: 0;/* font-weight: 600; */text-align: center;/* color: #fff; */}
.summer-sale-banner-p::before {content: url(../images/buy/gift.png);height: 24px;position: absolute;bottom: 10px;margin-left: -35px;}
.main01 h1 {text-align: center;color: #000;padding: 0 0 24px;font-weight: 600;margin: 0;}
.main01 h1>span {color: #ff7c36;}
.main01 .crumbs-box{padding: 10px 0 0;}
.main01 .crumbs-box a{text-decoration: none;}
.main01 .crumbs-box a:hover{text-decoration: underline;}
.main01-icons {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;margin: 0;padding: 0;}
.main01-icons>li {color: #000;font-weight: 600;margin: 0 20px 15px;padding-left: 22px;background: url(../images/buy/star-icon.svg) no-repeat left center;}
.main01 .main01-p {text-align: center;color: #000;margin: 0 0 52px;}
.select-sys {width: 160px;height: 40px;margin: 10px 0 -16px auto;padding: 0;color: #000;}
.show-sys,.hide-sys {display: block;line-height: 38px;border: 1px solid #000;border-radius: 6px;text-align: right;padding: 0 40px 0 38px;position: relative;cursor: pointer;transition: borderRadius 0.1s;}
.show-sys.active {border-radius: 6px 6px 0 0;}
.hide-sys.active {border-top: none;border-radius: 0 0 6px 6px;}
.select-sys .hide-sys {display: none;}
.show-sys::after {content: "";width: 12px;height: 12px;border-right: 2px solid #000;border-bottom: 2px solid #000;transform: rotate(45deg);position: absolute;top: 10px;right: 15px;}
.select-sys .win-sys::before,.select-sys .mac-sys::before {content: "";width: 38px;height: 38px;background: url(../images/buy/win-icon.svg) no-repeat center/20px 18px;position: absolute;top: 0;left: 0;}
.select-sys .mac-sys::before {background-image: url(../images/buy/mac-icon.svg);}

.license-version {display: flex;justify-content: center;align-items: flex-start;flex-wrap: wrap;}
.the-license {width: 470px;box-sizing: border-box;background-color: #fff;border-radius: 14px;box-shadow: 4px 0 20px 0 #e3e5ef;margin: 0 11px 30px;padding-top: 5px;position: relative;}
.year-license {width: 430px;}
.lifetime-license {box-shadow: inset 0 0 0 2px #3b61fb;}
.license-tag {padding: 2px 20px;color: #fff;font-weight: 600;background: linear-gradient(90deg, #e176e6, #3861fb);border-radius: 0 10px 0 12px;position: absolute;top: 2px;right: 2px;}
.license-top {padding: 20px 40px 0;}
.year-license .license-top {padding: 20px 30px 0;}
.the-license h2 {color: #000;font-weight: 600;text-align: center;margin-bottom: 20px;}
.license-center {text-align: center;padding: 10px 0 6px;border-top: 1px solid #e3e3e3;}
.price-title {color: #020202;}
.mark-content {display: inline-block;vertical-align: middle;margin-left: 2px;width: 18px;height: 18px;background: url(../images/buy/mark-icon.svg) no-repeat;position: relative;}
.mark-info {display: none;width: 250px;padding: 5px 10px;background-color: #fff;border: 1px solid #dedfe3;border-radius: 10px;font-size: 12px;line-height: 16px;color: #595959;position: absolute;bottom: 28px;right: -20px;text-align: justify;}
.mark-info::after {content: "";width: 12px;height: 12px;border-right: 1px solid #dedfe3;border-bottom: 1px solid #dedfe3;background-color: #fff;transform: rotate(45deg);position: absolute;bottom: -7px;right: 22px;}
.mark-content:hover .mark-info {display: block;}
.license-center .the-price {color: #5f5f5f;padding: 30px 0 16px;}
.license-center .the-price>b {color: #ff7f00;font-size: 36px;display: inline-block;margin-left: 8px;}
.buy-buttons {display: flex;justify-content: center;}
.buy-buttons>a {line-height: 48px;padding: 0 15px;min-width: 260px;display: flex;justify-content: center;align-items: center;color: #fff;border-radius: 6px;text-decoration: none;background-color: #fb8e34;transition: all 0.2s;}
.buy-buttons>a:hover {text-decoration: none;color: #fff;background-color: #ff7c11;}
.buy-buttons>a::after {content: "";width: 32px;height: 26px;background: url(../images/buy/buy-icon.svg) no-repeat;margin-left: 14px;}
.checked-infos {width: fit-content;color: #333;padding: 22px 0 14px;margin: 0 auto;}
.checked-infos>li {padding-left: 26px;margin-bottom: 5px;position: relative;}
.checked-infos>li::before {content: "";width: 8px;height: 13px;border-right: 2px solid #22b566;border-bottom: 2px solid #22b566;transform: rotate(45deg);position: absolute;top: 4px;left: 6px;}
.normal-infos {color: #2e2e2e;padding: 22px 32px 14px 18px;width: fit-content;margin: 0 auto;border-bottom: 1px solid #dedbff;}
.normal-infos>li {margin-bottom: 5px;list-style: disc;}
.normal-infos>li>span {color: #ff7f00;}
.normal-infos>li>span.other-color {color: #ffaa44;}
.normal-infos>li>span.win-plat {color: #2cb86d;}
.normal-infos>li>span.mac-plat {color: #0fb4ff;}
.normal-infos>li>i {color: #000;font-style: normal;}
.hot-infos {color: #ad7729;padding: 22px 0 16px 8px;border-top: 1px solid #e3e3e3;margin: 0;}
.lifetime-license .hot-infos {padding-left: 12px;}
.hot-infos>li {margin-bottom: 6px;padding-left: 26px;position: relative;}
.hot-infos>li::before {content: url(../images/buy/bottom-icon1.svg);width: 18px;height: 19px;position: absolute;top: 2px;left: 0;}
.hot-infos>li:nth-child(2):before {content: url(../images/buy/bottom-icon2.svg);width: 17px;height: 16px;}
.hot-infos>li:nth-child(3):before {content: url(../images/buy/bottom-icon3.svg);width: 21px;height: 19px;left: -2px;}
.icon-words {color: #b37c58;line-height: 1.7em;padding: 22px 5px 20px 58px;border-top: 1px solid #e3e3e3;background: url(../images/buy/main01-ai-icon.png) no-repeat 8px center;}
.license-bottom {padding: 20px 10px 22px;background-color: #fafafa;box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.05);border-radius: 0 0 14px 14px;}
.lifetime-license .license-bottom {box-shadow: none;background-color: #f6f9ff;margin: 0 2px 2px;padding-bottom: 20px;}
.license-gift {color: #4e4e4e;text-decoration: underline 1px dashed #a4a4a4;text-underline-offset: 8px;display: flex;justify-content: center;align-items: center;position: relative;}
.license-gift::before,.license-show-gift::before {content: "";width: 24px;height: 25px;background: url(../images/buy/vpc-icon-bg.png) no-repeat center/100% 100%;margin-right: 6px;}
.license-gift-matting{margin-top:10px; /* display:none; opacity:0; transform:scale(0);*/}
@keyframes scaleShow {20%, 60%, 100%{opacity:1; transform:scale(1);}40%{transform:scale(.7);}80%{transform:scale(.9);}}
.license-gift-matting.active{display:flex; animation:scaleShow .6s 1s forwards;}
.license-gift-matting::before,.license-show-gift.matting::before{background-image:url(../images/buy/gift-matting.png);}
.license-show-gift.enhancer::before{background-image:url(../images/buy/gift-enhancer.png);}
.license-gift:hover .mark-info {bottom: 120%;right: 50%;margin-right: -125px;}
.license-gift:hover .mark-info::after {right: 50%;margin-right: -6px;}
.license-gift:hover .mark-info {display: block;}
.license-bottom h4 {text-align: center;line-height: 1;margin: 0 0 8px;}
.license-bottom-gift {width: fit-content;margin: 0 auto;}
.license-show-gift {display: flex;align-items: center;gap: 4px;}
.license-show-gift+.license-show-gift {margin-top: 8px;}
.license-show-gift::before {flex-shrink: 0;}
.lsg-inner h5 {/* color: #527ecc; */margin: 0;}
.lsg-inner h5>span {color: #528dff;font-style: italic;}
.lsg-inner p {margin: 0;line-height: 1;}
.payment-imgs {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;padding: 24px 0 35px;}
.payment-imgs>img {margin: 0 15px 20px;}
/* .payment-imgs>img:first-child {display: none;} */
.service-lists {display: flex;justify-content: center;flex-wrap: wrap;color: #000;}
.service-lists>li {width: fit-content;margin-bottom: 30px;}
.service-lists>li:nth-child(2) {margin: 0 110px 30px;}
.service-lists>li h3 {font-weight: 600;color: #000;width: fit-content;}
.service-lists>li h3::before {content: "";display: block;width: 100px;height: 100px;background: url(../images/buy/service-icon1.svg) no-repeat center/66px 62px;margin: 0 auto;}
.service-lists>li:nth-child(2) h3::before {background-image: url(../images/buy/service-icon2.svg);background-size: 52px 61px;}
.service-lists>li:nth-child(3) h3::before {background-image: url(../images/buy/service-icon3.svg);background-size: 65px 58px;}
.service-lists>li .inner-lists {color: #333;padding-left: 20px;}
.service-lists>li .inner-lists>li {margin-bottom: 10px;list-style: disc;}
.main01-bottom-p {color: #4e4e4e;line-height: 1.6em;text-align: center;}
.main01-bottom-p>a {text-decoration: none;}

.main02 {padding: 12px 0 74px;}
.main02 h2 {color: #000;text-align: center;}
.main02-toggle {display: flex;width: 350px;background-color: #ededf1;border-radius: 25px;margin: 30px auto 25px;padding: 0;}
.main02-toggle>li {width: 50%;border-radius: 25px;line-height: 50px;color: #000;text-align: center;transition: all 0.2s;cursor: pointer;}
.main02-toggle>li.active {background-color: #3d7eff;color: #fff;}
.main02-toggle-content>ul {padding: 0;margin: 0;display: none;}
.main02-toggle-content>ul.active {display: block;}
.main02-toggle-content li {padding: 18px 0 12px;border-bottom: 1px solid #e3e3e3;}
.main02-toggle-content h4 {color: #000;padding: 0 30px 8px 0;margin-bottom: 0;position: relative;cursor: pointer;}
.main02-toggle-content h4::after {content:"";position:absolute;top:2px;right:0;width:22px;height:22px;cursor:pointer;color:#333;border:2px solid #333;border-radius:50%;transition:all .2s ease-in-out;background:linear-gradient(to bottom, currentColor, currentColor) no-repeat center /10px 2px, linear-gradient(to bottom, currentColor, currentColor) no-repeat center/2px 10px;}
.main02-toggle-content h4.active::after {background: linear-gradient(to bottom,currentColor,currentColor) no-repeat center /10px 2px;cursor: auto;}
.main02-toggle-content p {display: none;color: #4e4e4e;line-height: 1.4em;margin-bottom: 0;}
.main02-toggle-content li.active p {display: block;}

/* -------------------------- matting-popup start ---------------------------- */
.mp-give-number{display:inline-block;color: #1456ff;}
@keyframes scaleShake{
    20%, 60%{transform:scale(2) rotate(10deg);}
    40%, 80%{transform:scale(2) rotate(-10deg);}
}
.mp-give-number.active{animation:scaleShake .6s .2s;}
.matting-popup-wrap{position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0 0 0 / .6); display:flex;}
.matting-popup-con{background-color:#fff; border-radius:20px; margin:auto; text-align:center; padding:25px; position:relative;}
.mp-close-btn{position:absolute; right:5px; top:0; background-color:initial; border:0 none;}
.mp-title-free{color:#fff; font-weight:400; display:inline-flex; align-items:center; vertical-align:middle; margin-left:15px; padding-right:20px; background:linear-gradient(-60deg, transparent 16px, #53C05B 17px) no-repeat, linear-gradient(60deg, #53C05B calc(100% - 16px), transparent  calc(100% - 15px)) no-repeat;}
.mp-title-free::before{content:url(../images/buy/gift-icon.png); line-height:0; margin:-5px 7px -5px -12px;}
.matting-pupup-desc{line-height:1.5;}
.matting-popup-info{background-color:#EEEFFD; border-radius:5px; display:flex; align-items:center; justify-content:center; padding:20px 10px; flex-flow:wrap;}
.matting-popup-info > div{margin:0 15px;}
.mpi-img-wrap{position:relative;}
.mpi-img-wrap [type=range]{position:absolute; width:100%; height:100%; opacity:0; -webkit-appearance:none; appearance:none; cursor:ew-resize;}
.mpi-img-wrap [type=range]::-moz-range-thumb{width:0;}
.mpi-img-wrap > img:not(.mpi-img-compare){max-width:100%; height:auto;}
.mpi-img-compare{position:absolute; height:100%; width:calc(var(--wid, .5) * 100%); object-fit:cover; object-position:0;}
.mpi-compare-line{position:absolute; top:0; bottom:0; left:calc(var(--wid, .5) * 100%); pointer-events:none; display:flex; flex-flow:column; align-items:center; width:1px;}
.mpi-compare-line::before, .mpi-compare-line::after{content:''; flex:1; width:100%; background-color:#fff;}
.mpi-con-wrap{max-width:310px; text-align:left;}
.mpi-title{margin-bottom:5px;}
.mpi-price b{color:#53c05b;}
.mpi-desc-title{background-color:#fff; border:1px solid #bfbfbf; border-radius:5px; padding:4px 10px; display:flex; align-items:center; justify-content:space-between; margin-top:8px;}
.mpi-desc-title::after{content:''; width:9px; height:9px; border:2px solid; border-right:0 none; border-bottom:0 none; transform-origin:25% 25%; transform:rotate(45deg);}
.mpi-desc{background-color:#fff; padding:7px 20px; hyphens:auto; -wekit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; text-align:justify; margin-bottom:13px;}
.mpi-get{background-color:#FCA033; border-radius:5px; text-decoration:none; padding:10px; display:inline-block; min-width:220px; text-align:center;}
/* -------------------------- matting-popup end ---------------------------- */

@media (max-width: 1340px) {
    .main01 {background-size: auto 40%;}
    .select-sys {margin: 10px 0 10px auto;}
    .service-lists>li,.service-lists>li:nth-child(2) {margin: 0 20px 20px;}

    .main03 {height: auto;padding-bottom: 50px;}
}

@media (max-width: 979px) {
    .main03 p br{display:none;}

    .matting-pupup-desc br{display:none;}
}

@media (max-width: 767px) {
    .license-center .the-price>b {font-size: 29px;}

    .matting-popup-con{margin:auto 10px;}
}

@media (max-width: 479px) {
    .the-license {margin-left: 0;margin-right: 0;}
    .license-top,.year-license .license-top {padding-left: 10px;padding-right: 10px;}
    .normal-infos {padding-right: 0;}
    .hot-infos {width: fit-content;margin: 0 auto;padding-left: 0;}
    .lifetime-license .hot-infos {padding-left: 0;}

    .main02-toggle{width:auto;}

    .matting-popup-con{padding:10px;}
    .matting-popup-info{padding:10px 5px;}
    .matting-popup-info > div{margin:0 5px;}
}

.about-user {padding: 22px 0 38px;background: #fff url(../images/buy/user-bg.jpg) no-repeat center bottom;overflow: hidden;}
.user-h2 {text-align: center;line-height: 1;font-weight: 500;padding-bottom: 70px;}
.user-toggles{position: relative;padding: 0;margin: 0 auto;width: fit-content;}
.user-toggles>li {width:864px;box-sizing: border-box;padding: 46px 66px 66px 100px;background-color: #fff;border-radius:30px;box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);transition:all 0.4s;position:absolute;bottom: 0;opacity: 0.4;}
.user-toggles>li::before {display: none;content: "";width: 77px;height: 66px;background-image: url(../images/buy/quote-icon.png);position: absolute;left: 7px;top: -33px;}
.user-toggles>li.active{position:relative;z-index:2;opacity: 1;}
.user-toggles>li.active::before {display: block;}
.user-toggles>li.active-l{transform:translateX(-235px);z-index:1;}
.user-toggles>li.active-r{transform:translateX(235px);z-index:1;}
.user-toggle-p {color: #0c0d0d;line-height: 1.4;padding-bottom: 32px;margin: 0;}
.user-info {color: #666;line-height: 1;display: flex;align-items: center;flex-wrap: wrap;}
.user-info>span {color: #000;}
.user-info>img:first-child {margin-right: 10px;}
.user-info>img:last-child {margin-left: 10px;}
.user-dots {display: flex;justify-content: center;align-items: center;gap: 22px;padding: 46px 0 86px;margin: 0;}
.user-dots>li {width: 8px;height: 8px;border-radius: 50%;background-color: #979ab2;cursor: pointer;}
.user-dots>li.active {width: 12px;height: 12px;background-color: #ff8a00;}
.user-logos {text-align: center;padding: 0 10px;}
.user-logos>img {max-width: 100%;height: auto;}
@media (max-width: 979px) {
    .user-toggles {width: 96%;}
    .user-toggles>li {width: 100%;padding: 20px;}
    .user-toggles>li.active::before {display: none;}
    .user-info>img:last-child {width: 80px;}
}

.about-choose {padding: 60px 0 106px;background: #000 url(../images/buy/bg2.jpg) no-repeat center bottom/cover;text-align: center;}
.choose-h2 {font-weight: 500;line-height: 1;color: #fff;}
.choose-p {color: #ccc;line-height: 1.1;padding: 22px 0 36px;}
.choose-items {display: flex;justify-content: center;flex-wrap: wrap;gap: 14px;padding-bottom: 62px;}
.choose-item {width: 390px;box-sizing: border-box;padding: 24px 38px 30px;box-shadow: inset 0 0 0 1px #2c2e2c;border-radius: 18px;}
.choose-item::before {content: "";display: block;width: 100px;height: 55px;background: url(../images/buy/reason-icons.png) no-repeat;margin: 0 auto;}
.choose-item.item1::before {background-position-x: 21px;}
.choose-item.item2::before {background-position-x: -384px;}
.choose-item.item3::before {background-position-x: -786px;}
.choose-item-h3 {color: #ececec;line-height: 1.1;padding: 16px 0 14px;margin: 0;}
.choose-item-p {color: #959595;line-height: 1.4;}
.choose-nums {display: flex;justify-content: center;align-items: flex-start;}
.choose-num {flex-shrink: 0;}
.choose-num.num1 {width: 210px;text-align: left;margin: 30px -78px 0 0;}
.choose-num.num2 {width: 240px;text-align: center;margin: 120px 0 0 -9px;}
.choose-num-inner>span:first-child {color: #8ce893;line-height: 1;display: block;}
.choose-num-inner>span>b {font-size: calc(2.75rem + .3vw);line-height: 1;color: transparent;background: linear-gradient(90deg,#00ffbf,#8ce893);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.choose-num-inner>span:last-child {color: #838383;}
.choose-num.num1 .choose-num-inner:first-child {margin-bottom: 50px;}
@media (max-width: 1600px) {
    .choose-nums {flex-wrap: wrap;gap: 30px;}
    .choose-num {flex-shrink: 1;}
    .choose-num.num1 {display: flex;justify-content: center;flex-wrap: wrap;gap: 30px;}
    .choose-num.num1,.choose-num.num2 {width: 100%;text-align: center;margin: 0;}
    .choose-num.img {order: 1;}
    .choose-num.img>img {max-width: 100%;}
    .choose-num.num1 .choose-num-inner:first-child {margin-bottom: 0;}
}