li {list-style: none;}
ul {list-style: none;padding: 0;margin: 0;}

.main-bg1 {background: #f6f7fb url(../../images/ai-image-matting/matting-buy/bg1.jpg) no-repeat center top/100% auto;}

.main01 {padding: 0 0 70px;}
.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;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.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;display: inline-block;vertical-align: middle;margin: -3px 10px 0 0;}
.digiarty-timer {display: flex;font-weight: 600;margin: 0 5px;padding: 0;color: #fff;}
.digiarty-timer li {margin: 0 6px;position: relative;padding: 1px 3px;border-radius: 3px;background-color: #000;}
.digiarty-timer li::after {content: ":";position: absolute;right: -9px;top: -1px;font-weight: 500;color: #000;}
.digiarty-timer li:last-child::after {display: none;}
.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/ai-image-matting/matting-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: 0 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/ai-image-matting/matting-buy/win-icon.svg) no-repeat center/20px 18px;position: absolute;top: 0;left: 0;}
.select-sys .mac-sys::before {background-image: url(../../images/ai-image-matting/matting-buy/mac-icon.svg);}

.version-container{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;}
.giveaway-version{width:535px;box-sizing:border-box;padding:1px 34px;position:relative;background-color: #fff;border-radius: 12px;margin-bottom: 40px;}
.giveaway-version-mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);display:flex;justify-content:center;align-items:center;border-radius:12px;}
.giveaway-version-mask p{color:#fff;text-align:center;}
.giveaway-version-mask a{text-decoration:underline;color:#538ffe;}
.giveaway-version-mask a:hover{color:#538ffe;}
.version-title{color:#1b1a1a;padding:44px 0 15px;text-align:center;font-weight: 600;}
.version-p{min-height:75px;color:#383737;text-align:center;}
.giveaway-version .version-p{padding:0 70px;}
.version-price {font-size: 48px;color: #33c973;line-height: 1em;font-weight: 600;padding: 10px 0 22px;text-align: center;}
.version-price.special-color {color: #fe5e52;}
.version-price del{color:#746e69; font-size:21px;line-height: 1em;}
.button-container{min-height:175px;border-bottom:1px solid #e0dcd7;}
.button-container.small-height{min-height:135px;}
.giveaway-version-download,.toggle-version{color:#3d3a37;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:15px;}
.full-version-buy+.toggle-version{margin-top:16px;}
.words-popup-container{position:relative;margin-right:10px;}
.emit-words-popup{cursor:pointer;border-bottom:1px dotted currentColor;}
.emit-words-popup:hover+.words-popup{display:block;}
.words-popup{display:none;position:absolute;bottom:100%;left:50%;margin-left:-100px;width:200px;padding:5px;box-sizing:border-box;border:1px solid #777;border-radius:5px;background-color:#fff;font-size:13px;line-height:1.3em;}
.version-download{color:#0893ff;text-decoration:underline;}
.download-arrow{display:inline-block;vertical-align:middle;width:2px;height:12px;background-color:#0893ff;margin:0 0 0 8px;position:relative;}
.download-arrow::after{content:"";border-left:4px solid transparent;border-top:6px solid #0893ff;border-right:4px solid transparent;position:absolute;bottom:-1px;left:50%;margin-left:-4px;}
.download-button-container a{display:block;width:330px;line-height:64px;font-size:23px;text-align:center;color:#fff;margin:0 auto;border-radius:5px;background:#54adfe;}
.download-button-container a img{vertical-align:middle;margin-bottom:5px;}
.input-submit{display:flex;justify-content:center;flex-wrap:wrap;}
.input-submit input {width: 220px;height: 62px;font-size: 15px;color: #666;padding-left: 12px;border: 1px solid #b2b2b2;border-right: none;outline: none;border-radius: 5px 0 0 5px;}
.input-submit input::placeholder {color: #b2b2b2;}
.input-submit button {width: 175px;height: 64px;line-height: 64px;font-size: 23px;color: #fff;text-align: center;background-color: #33c973;border-radius: 0 5px 5px 0;border: none;outline: none;cursor: pointer;}
.input-submit button.more-words {line-height: 19px;}
.after-submit{display:none;}
.after-submit-words{display:flex;align-items:center;justify-content:center;height:64px;box-sizing:border-box;line-height:20px;color:#393939;border:1px dashed #333;border-radius:5px;padding:5px;text-align:center;}
.input-submit-info-container {width: 405px;margin: 0 auto;min-height: 66px;display: flex;align-items: center;}
.mobile-part{/* border-bottom:1px solid #e0dcd7; */ display:none; padding:20px 0 0;}
.input-submit-info {font-size: 15px;line-height: 18px;padding-left: 25px;position: relative;}
.input-submit-info span {color: red;}
.input-submit-info a {color: #54adfe;}
.input-submit-info input {display: none;}
.input-submit-info label {position: absolute;top: 1px;left: 0;width: 14px;height: 14px;border: 1px solid #b5b5b5;border-radius: 4px;cursor: pointer;}
.input-submit-info label::before {content: "";display: none;width: 4px;height: 10px;border-right: 2px solid #4fc452;border-bottom: 2px solid #4fc452;transform: rotate(45deg);margin-left: 4px;}
.input-submit-info input:checked+label::before {display: block;}
.input-submit-info input:checked~span {color: #939292;}
.giveaway-version-codes{width:370px;min-height:64px;box-sizing:border-box;border:1px solid #dcdcdc;border-radius:5px;margin:0 auto;font-size:15px;line-height:1.6em;color:#000;padding:10px;display:flex;justify-content:center;flex-direction:column;}
.giveaway-lists{width:fit-content;margin:0 auto;padding-top:28px;}
.giveaway-list-item{padding-left:52px;color:#2c2c2c;line-height:1.1em;position:relative;margin-bottom:30px;font-size: 17px;}
.giveaway-list-item.grey-item{color:#aeaeae;}
.giveaway-list-item::before{content:"";width:27px;height:32px;background:url(../../images/event/matting-giveaway/giveaway-version-icons.png) no-repeat left top;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.giveaway-list-item:nth-child(2)::before{height:26px;background-position-y:-68px;}
.giveaway-list-item:nth-child(3)::before{height:22px;background-position-y:-131px;}
.giveaway-list-item:nth-child(4)::before{height:24px;background-position-y:-190px;}
.full-version{width:572px;box-sizing:border-box;padding:0 55px 28px;border:1px solid #ffc13a;border-radius:12px;background-color:#fffbf1;position:relative;overflow:hidden;margin-bottom: 40px;}
.version-tag{width:250px;height:80px;padding-bottom:8px;display:flex;align-items:flex-end;justify-content:center;font-size:20px;text-align:center;line-height:1em;color:#fff;background-color:#fe5e52;position:absolute;top:12px;right:-130px;transform-origin:center top;transform:rotate(50deg);}
.toggle-words-other{display:none;}
.toggle-words-other.active {
    display: inline;
}

.toggle-words-button {
    font-size: 18px;
    color: #746e69;
    cursor: pointer;
    padding-left: 25px;
    position: relative;
}

.toggle-words-button.active {
    color: #000;
}

.toggle-words-button:last-child {
    margin-left: 25px;
}

.toggle-words-button::before {
    content: "";
    width: 16px;
    height: 16px;
    border: 1px solid #655d52;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: 1px;
}

.toggle-words-button::after {
    display: none;
    content: "";
    width: 10px;
    height: 10px;
    background-color: #33c973;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    left: 4px;
}

.toggle-words-button.active::before {
    background-color: #fff;
    border-color: #33c973;
}

.toggle-words-button.active::after {
    display: block;
}
.full-version-buy .toggle-words-other{display:none;justify-content:center;}
.full-version-buy .toggle-words-other.active{display:flex;}
.toggle-buy-link{color:#fff;line-height:64px;padding:0 28px;background-color:#fe5e52;border-radius:5px;text-decoration: none;}
.full-version-buy .toggle-words-other:last-child .toggle-buy-link{background:#fe5e52;}
.full-version-buttom {padding: 10px 0 0 20px;}
.version-h4 {font-size: 19px;color: #2c2c2c;font-weight: 600;line-height: 1em;padding: 18px 0;}
.full-list-item {padding-left: 28px;font-size: 17px;color: #2c2c2c;line-height: 1.1em;margin-bottom: 17px;position: relative;}
.full-list-item .special-color {color: #ff2929;}
.full-list-item i {font-style: normal;}
.full-list-item::before{content:"";width:17px;height:14px;background:url(../../images/event/matting-giveaway/yes-icon.png);position:absolute;top:2px;left:0;}
.gift-items {padding-bottom: 10px;}
.gift-item {font-size: 17px;color: #aeaeae;line-height: 1;margin-bottom: 7px;filter: grayscale(100%);}
.gift-item.active {filter: grayscale(0);color: #000;}
.gift-item>span {color: #ff3737;}
.gift-item::before {content: "";width: 23px;height: 22px;background: url(https://www.videoproc.com/event/image-style/giveaway-christ23/gift.png);display: inline-block;vertical-align: middle;margin-right: 10px;}
.mark-content {display: inline-block;cursor:pointer;vertical-align: middle;margin-left: 8px;width: 18px;height: 18px;background: url(https://www.videoproc.com/event/image-style/giveaway-christ23//mark-icon.png) no-repeat;position: relative;}
.mark-info { display: none; width: 250px;padding: 8px 10px;background-color: #fff;border: 1px solid #dedfe3;border-radius: 10px;font-size: 12px;line-height: 16px;color: #595959;position: absolute;bottom:25px;right: -20px;text-align: justify;z-index: 1;}
.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;}
.after-share {text-align: center;margin-top: 5px;display: none;}
.m01-share-a{display:inline-block; color:#aba093; padding:0 4px;text-decoration: none;}
.m01-share-a::before{content:''; display:block; margin:0 auto; height:30px; width:30px; background:url(../../images/event/matting-giveaway/m01-share-icons.svg) no-repeat center top/100% auto;}
.m01-share-a-1:not([href])::before{background-position-y:-162px;}
.m01-share-a-2::before{background-position-y:-32px;}
.m01-share-a-3::before{background-position-y:-65px;}
.m01-share-a-4::before{background-position-y:-97px;}
.m01-share-a-5::before{background-position:4px -129px;}
.m01-share-a-1 span:last-of-type, .m01-share-a-1:not([href]) span:first-of-type{display:none;}
.m01-share-a-1:not([href]) span:last-of-type{display:initial;}


.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/ai-image-matting/matting-buy/service-icon1.svg) no-repeat center/66px 62px;margin: 0 auto;}
.service-lists>li:nth-child(2) h3::before {background-image: url(../../images/ai-image-matting/matting-buy/service-icon2.svg);background-size: 52px 61px;}
.service-lists>li:nth-child(3) h3::before {background-image: url(../../images/ai-image-matting/matting-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;}


@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) {
    .toggle-to-plat{display:flex;}
	.giveaway-version {border: 1px solid #e0dcd7;border-radius: 12px;width: 572px;margin-bottom: 30px;}
	.version-download {display: none;}

    .main03 p br{display:none;}
}
@media (max-width: 767px) {
    .giveaway-version,.full-version {width: 100%;padding-left: 10px;padding-right: 10px;}
	.full-version {padding-top: 20px;}
	.giveaway-version .version-p {padding: 0 10px;}
	.version-tag {width: 250px;height: auto;;border-radius: 0 0 6px 6px;padding: 10px 0;top: 0;left: 50%;transform: translateX(-50%);}
}
@media (max-width: 479px) {
    .giveaway-version,.full-version {padding-left: 5px;padding-right: 5px;}
	.input-submit-info-container {width: 100%;}
	.input-submit input {width: 300px;border-right: 1px solid #b2b2b2;border-radius: 5px;margin-bottom: 10px;}
	.input-submit button {border-radius: 5px; width:315px;}
	.giveaway-list-item {padding-left: 40px;}
	.full-version-buttom {padding-left: 0;}
	.toggle-words-button {padding-left: 22px;}
	.toggle-words-button:last-child {margin-left: 15px;}
}



.about-user {padding: 50px 0;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;}
}