@charset "utf-8";html,body{scroll-behavior:smooth;}
body{color:#504f4f;font-size: 17px!important;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;}
ol,ul{list-style:none;}
.details{width:1200px;margin:0 auto;}
/* ````````````````````````````common````````````````````````````````````````` */
h2{font-size: 33px;color: #2b2b2b;line-height: 1em;font-weight: 600;text-align: center;}
h2 span{font-size: 30px;color: #fba207;display: block;font-weight: normal;padding-bottom: 10px;}

.ai-da-drag{position: relative;overflow: hidden;}
.main-drag-img {position: absolute;width: calc(var(--wid, .5)* 99.95%);object-fit: cover;object-position: 0;}
.main-drag { position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; cursor: ew-resize; -webkit-appearance: none; appearance: none; }
.ai-da-drag > img:not(.main-drag-img) {max-width: 100%;height: auto;}
.main-drag-line { position: absolute; top: 0; bottom: 0; left: calc(var(--wid, .5)* 99.95%); pointer-events: none; display: flex ; flex-flow: column; align-items: center; width: 1px; }
.main-drag-line::before, .main-drag-line::after { content: ''; flex: 1; width: 100%; background-color: #fff; }
.main-drag-line >img{max-width: none;}

.main01 {padding-top: 55px;background: #fefefb url(../images/feature-old-restore/bg1.jpg) no-repeat center top;text-align: center;}
h1 {font-size: 35px;color: #000;line-height: 1.1em;font-weight: 600;}
h1>b {color: #ffb053;}
.main01-p {font-size: 17px;color: #504f4f;line-height: 1.5em;padding: 25px 0 30px;}
.main01>img {width: 100%;}
.new-down-buy{display:flex;justify-content:center;align-items:flex-start;gap:30px;/* margin-top: -44px; */}
.new-down-buy .down-button a.new-down{display:inline-block;background:#179bfd;border-radius:10px;color:#ffffff;font-size:21px;margin-bottom:10px;width:270px;height:60px;line-height:60px;}
.new-down-buy .down-button a.new-down:hover{background:#12bcff;}
.new-down-buy .buy-button a.new-buy:hover{background:#ffc21b;}
.new-down-buy .buy-button a.new-buy{display:inline-block;background:#fca033;border-radius:10px;color:#ffffff;font-size:21px;margin-bottom:10px;width:270px;height:60px;line-height:60px;}
.new-down-buy a img{margin-left:20px;/* vertical-align:text-bottom; */}
.download-button {text-align: center;}
.download-button .button-wrap{margin-bottom:10px;}
.download-button .button-wrap a{display:inline-block;padding:20px 25px;background:#179bfd;border-radius:10px;color:#ffffff;font-size:19px;}
.download-button .button-wrap a:hover{background:#12BCFF;}
.download-button .win-plat .button-wrap a img{vertical-align:text-bottom;margin-left:20px;}
.download-button .mac-plat .button-wrap a img{vertical-align:text-top;margin-left:20px;}
.more-wrap a{font-size:15px;line-height:1.5;}
.more-wrap a:hover{text-decoration:underline;}
.mark-wrap{color:#666;line-height:19px;}
.mark-content {display: inline-block;vertical-align: middle;width: 18px;height: 18px;background: url(../../images/buy-new/mark-icon.png) 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: 150%;left: -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;left: 22px;}
.mark-content:hover .mark-info {display: block;}
.ai-face-top{display: flex;justify-content: space-evenly;padding: 50px 0;}
.ai-face-top span{font-size: 23px;color: #ba8f64;text-align: center;display: inline-block;}
.ai-face-top span b{font-size: 41px;font-weight: bold;line-height: 1;}
.ai-face-top span var{font-size: 17px;color: #292727;font-style: normal;display: block;padding-top: 5px;}
.ai-face-top .line{border-left: 1px solid #c7bfae;}

.main02 {padding: 75px 0 50px;background: linear-gradient(#fefefc,#faf5e9 60%, #ffffff);color: #2b2b2b;}
/* .main02-small-title {font-size: 25px;line-height: 1em;text-align: center;padding: 15px 0 25px;}
.main02-small-title>b {color: #ffa838;display: none;}
.main02-small-title>b.active {display: inline;} */
/* .main02-large-imgs>li {width: 1038px;border-radius: 10px;overflow: hidden;display: none;margin: 0 auto;}
.main02-large-imgs>li.active {display: block;}
.main02-small-imgs {display: flex;justify-content: center;margin: -70px 0 22px;}
.main02-small-imgs>li {width: 122px;height: 122px;border-radius: 50%;border: 4px solid transparent;overflow: hidden;margin: 0 30px;cursor: pointer;}
.main02-small-imgs>li.active {box-shadow: 0 15px 15px 0 #fbd9a9;border-color: #fff;} */
.main02-p {font-size: 17px;color: #363638;line-height: 1.5em;text-align: center;padding: 16px 0 20px;}
.the-icons {display: flex;justify-content: center;flex-wrap: wrap;}
.the-icons>li {width: 260px;font-size: 17px;color: #363638;line-height: 1.3em;display: flex;align-items: center;padding-bottom: 20px;}
.the-icons>li::before {content: "";width: 56px;height: 56px;border-radius: 50%;background-color: #feefd0;background-position: center;background-repeat: no-repeat;margin-right: 10px;flex-shrink: 0;}
li.the-icon1::before {background-image: url(../images/feature-old-restore/icon1.svg);}
li.the-icon2::before {background-image: url(../images/feature-old-restore/icon2.svg);}
li.the-icon3::before {background-image: url(../images/feature-old-restore/icon3.svg);}
li.the-icon4::before {background-image: url(../images/feature-old-restore/icon4.svg);}
li.the-icon5::before {background-image: url(../images/feature-old-restore/icon5.svg);}
li.the-icon6::before {background-image: url(../images/feature-old-restore/icon6.svg);}
li.the-icon7::before {background-image: url(../images/feature-old-restore/icon7.svg);}
li.the-icon8::before {background-image: url(../images/feature-old-restore/icon8.svg);}
.restoration-btn{display:flex;justify-content: space-evenly;padding: 30px 0 0;border-bottom: 1px solid #dfdfdf;margin-bottom: 45px;}
.restoration-btn span{font-size: 19px;cursor: pointer;padding: 10px 0;line-height: 1;position: relative;}
.restoration-btn span.active::after{content: '';display: inline-block;width: 100%;height: 2px;background: #fba207;position: absolute;bottom: -1px;left: 0;}
.restoration-content .vpc-content{display: flex;justify-content: space-between;}
.restoration-content .vpc-content h3{color: #fba207;font-size: 30px;line-height: 1.1;}
.restoration-content .vpc-content .h3-mess{font-size: 23px;padding: 10px 0;}
.restoration-content .vpc-content .h3-mess+p{color: #4f4f4f;}
.vpc-content-left{width: 475px;}
.vpc-content-left .t{font-size: 25px;padding: 20px 0 5px;}
.vpc-content-left ul{padding-bottom: 20px;}
.vpc-content-left ul li{position: relative;margin: 10px 0;display: flex;}
.vpc-content-left ul li::before{content: "";display: inline-block;width: 14px;height: 14px;border-radius: 7px;background: #67c244;margin-right: 5px;flex-shrink: 0;margin-top: 7px;margin-right: 10px;}
.vpc-content-left ul li::after{content: "";position: absolute;left: 3px;top: 10px;display: inline-block;border-left: 1px solid currentColor;border-bottom: 1px solid currentColor;color: #fff;transform: rotate(-45deg);width: 6px;height: 4px;}
.vpc-content-right{margin-right: -115px;}
.other-content{display: flex;gap: 15px;}
.other-one{width: 425px;flex-shrink: 0;}
.other-two{display: flex;flex-direction: column;justify-content: space-around;}
.other-two .other-bottom{display: flex;gap: 13px;}
.other-two .other-bottom p{padding: 15px 0 0;text-align: center;}
/* ---------------------*/
.main-face{padding: 100px 0 140px;position: relative;}
.main-face p{text-align: center;padding-top: 10px;}
.main-face .face-text{display: flex;justify-content: center;}
.main-face .face-text ul{margin: 15px 0;font-size: 19px;}
.main-face .face-text ul li{position: relative;margin: 12px 0;}
.main-face .face-text ul li::before{content: "";display: inline-block;width: 14px;height: 14px;border-radius: 7px;background: #67c244;margin-right: 5px;flex-shrink: 0;margin-top: 7px;margin-right: 10px;}
.main-face .face-text ul li::after{content: "";position: absolute;left: 3px;top: 10px;display: inline-block;border-left: 1px solid currentColor;border-bottom: 1px solid currentColor;color: #fff;transform: rotate(-45deg);width: 6px;height: 4px;}
.main-face .see{text-align: center;text-decoration: underline;padding-bottom: 15px;}
.ai-remove-pic {border-radius: 20px;overflow: hidden;position: absolute;}
.ai-re-title { font-weight: 700; margin-bottom: 30px; }
.ai-re-desc { font-weight: 400; margin-bottom: 30px; }
.ai-re-list-flex { display: flex; gap: 60px; }
.ai-re-list li { display: flex; justify-content: flex-start; align-items: flex-start; gap: 8px; margin-bottom: 25px; }
.ai-re-list li::before { content: ''; display: inline-block; width: 26px; height: 26px; background: url("../images/ai-face-restoration/index/checked.svg") no-repeat  center; background-size: cover; position: relative; top: -1px; } 
.m02-img-wrap{position:relative;}
.m02-img-compare{position:absolute; color:#fff; box-shadow:0 -2px; bottom:0; height:90%;}
.m02-img-compare::before, .m02-img-compare::after{position:absolute; left:15px; font-size:17px;}
.m02-img-compare::before{content:attr(before-txt); top:4px;}
.m02-img-compare::after{content:attr(after-txt); bottom:calc(100% + 6px);}
.m02-img-compare img{object-fit:cover;object-position:bottom;height:100%;}
.ai-remove-pic2{right: 0;top: 70px;}
.ai-remove-pic3{right: 0;bottom: 65px;}

/* ---------------------*/
.main-colorize{padding-bottom: 50px;}
.main-colorize h2+p{text-align: center;padding-top: 10px;}
.colorize-position{position: relative;}
.colorize-content{padding: 45px 0 0;position: relative;}
.colorize-content .colorize-content-box{position: relative;overflow: hidden;}
.colorize-content .colorize-content-box >div{border-radius: 15px;}
.colorize-content .colorize-content-box img{width: 100%;height: auto;}
.colorize-content-box .pic-ing{position: absolute;width:0;height: 100%;/* opacity: 0; */left: 0;top: 0;background-color: #000;}
.colorize-content-box .normal-ing {position: relative;}
.colorize-content-box .pic-ing img{max-width: 100%;height: 100%;object-fit: cover;object-position: 0;}
.colorize-content-box .pic-ing::after{content:"";position: absolute;right: -2px;width: 2px;height: 100%;background:url(../images/feature-old-restore-new/banner-line.png) no-repeat;top: 0;}
.colorize-content-box.active .ai2{animation: analysis 3s 3s forwards;}
.colorize-content-box.active .ai3{animation: analysis 3s 6s forwards;}
.colorize-content-box.active .ai4{animation: analysis 3s 9s forwards;}
@keyframes analysis{ 0%{width: 0;opacity: 1;} 100%{width: 100%;opacity: 1;} }
.colorize-content-icon{position: absolute;bottom: 30px;right: 50px;display: flex;gap: 10px;}
.colorize-content-icon span{width: 22px;height: 22px;border-radius: 11px;background:  rgb(29, 29, 29);display: inline-block;}
.colorize-content-icon span.active{background: #fff;}
.colorize-content-text{background: rgba(0, 0, 0, 0.6);border-radius: 10px;position: absolute;right: 30px;top:15px;padding: 35px 25px 45px;display: flex;flex-direction: column;align-items: center;backdrop-filter: blur(3px);}
.colorize-content-text ul li{position: relative;color: #fff;font-size: 19px;margin: 15px 0;}
.colorize-content-text ul li::before{content: "";display: inline-block;width: 14px;height: 14px;border-radius: 7px;background: #67c244;margin-right: 5px;flex-shrink: 0;margin-top: 7px;margin-right: 10px;}
.colorize-content-text li::after{content: "";position: absolute;left: 3px;top: 10px;display: inline-block;border-left: 1px solid currentColor;border-bottom: 1px solid currentColor;color: #fff;transform: rotate(-45deg);width: 6px;height: 4px;}
.colorize-content-text .see{color: #afafaf;text-align: center;text-decoration: underline;padding: 15px 0;}
/* ---------------------*/
.main-memories{padding: 50px 0;background: linear-gradient(to bottom,#fff,#f7f7fc);}
.main-memories h2+p{padding: 15px 80px 0;text-align: center;}
.memories-btn{display: flex;justify-content: center;}
.memories-btn-box{background: #f7f7fc;border-radius: 24px;display:flex;padding: 0 55px; margin: 30px 0 45px;}
.memories-btn-box span{line-height: 46px;padding: 0 30px;cursor: pointer;}
.memories-btn-box span.active{color: #12a9ff;border: 1px solid #12bcff;border-radius: 23px;background: #fff;}


/* ---------------------*/
.main03 {padding: 72px 0 1px;background-color: #fafafa;color: #1d1d1f;}
.memories-one {display: none;justify-content: space-between;/* flex-wrap: wrap; */align-items: center;margin-bottom: 30px;}
.memories-one.active{display: flex;}
.memories-one:nth-child(odd) .main03-left {order: 1;}
.main03-imgs {width: 563px;height: 376px;display: flex;align-items: flex-end;justify-content: flex-end;}
.main03-imgs>img {display: none;max-width: initial;}
.main03-imgs>img.active {display: block;}
.main03-dots {display: flex;justify-content: center;margin-top: -40px;}
.main03-dots>b {width: 32px;height: 6px;background-color: #ffcc89;margin: 0 9px;cursor: pointer;transition: all 0.1s;}
.main03-dots>b:hover {transform: scale(1.4);}
.main03-dots>b.active {background-color: #ff9000;}
.main03-right {width: 580px;}
.main03-h3 {font-size: 25px;line-height: 1.1em;}
.main03-h3>b {color: #ffa838;}
.main03-p {font-size: 17px;line-height: 1.6em;padding: 15px 0 10px;}
.main03-right .the-icons>li {width: 280px;}
.main03-right .the-icons>li.large-width {width: 100%;}
.main03-right .the-icons {justify-content: flex-start;}
.main03-right .download-button {text-align: left;}

.main04 {padding: 66px 0 50px;background-color: #fff;color: #2b2b2b;}
.main04 h2 {text-decoration: underline 9px #ffb040;text-underline-offset: -2px;text-decoration-skip-ink: none;}
.main04-cards,.main04-comments {padding-top: 48px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.main04-cards>li {width: 380px;background-color: #fafafa;border-radius: 8px;overflow: hidden;margin-bottom: 18px;}
.card-intro {padding: 30px 26px 20px;}
.main04-h3 {font-size: 24px;line-height: 1em;font-weight: 600;padding-bottom: 12px;}
.main04-p {font-size: 15px;line-height: 1.6em;}
.main04-comments {padding-top: 0;}
.main04-comments>li {width: 380px;box-sizing: border-box;border-radius: 8px;border: 1px dashed #facf5e;padding: 40px 26px 14px 45px;background: url(../images/feature-old-restore/main04-icon.png) no-repeat 33px 9px, url(../images/feature-old-restore/main04-stars.png) no-repeat 230px 15px;font-size: 15px;line-height: 1.6em;font-style: italic;margin-bottom: 20px;}

.main05 {padding: 60px 0 0;background-color: #fcfbfc;}
.main05-content {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;padding: 46px 20px 0;}
.main05-left {border-radius: 6px;overflow: hidden;position: relative;}
.emit-ytbpopup-container {width: 52px;height: 52px;position: absolute;top: 50%;left: 50%;margin: -26px 0 0 -26px;cursor: pointer;}
.emit-ytbpopup-container .emit-ytbpopup {display: block;width: 100%;height: 100%;background-color: #f61f21;border-radius: 50%;position: relative;z-index: 2;overflow: hidden;}
.emit-ytbpopup-container .emit-ytbpopup::before {content: "";border-top: 13px solid transparent;border-bottom: 13px solid transparent;border-left: 22px solid #fff;display: block;margin: 12px 0 0 17px;}
.emit-ytbpopup-container::before,.emit-ytbpopup-container::after {content: "";width: 100%;height: 100%;border-radius: 50%;background-color: rgba(255,0,0,0.6);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);animation: wave 1.6s linear infinite;}
.emit-ytbpopup-container::after {animation-delay: 0.8s;}
@keyframes wave {0% {width: 100%;height: 100%;opacity: 1;}99.9% {width: 100px;height: 100px;opacity: 0;}100% {width: 100%;height: 100%;opacity: 1;}}
.ytbpopup-container {display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.4);z-index: 100;}
.ytbpopup-content {width: 800px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.ytbpopup-content::before {content: "";display: block;padding-bottom: 56.25%;}
.ytbpopup-content>iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.cancel-ytbpopup {font-size: 30px;color: #fff;position: absolute;top: -30px;right: -30px;cursor: pointer;}
.main05-right {width: 540px;color: #2b2b2b;}
.main05-right>li+li {margin-top: 25px;}
.step-title {font-size: 21px;line-height: 1em;padding-bottom: 10px;}
.step-title>b {display: inline-block;vertical-align: middle;line-height: 40px;padding: 0 26px 0 10px;color: #fff;font-size: 19px;border-radius: 5px 0 0 5px;background: linear-gradient(to right, #fec919 20%, transparent);}
.step-p {font-size: 15px;line-height: 1.4em;}
.arrow-buttons {display: flex;}
.arrow-button {line-height: 50px;padding: 0 26px;border: 1px solid #179bfd;border-radius: 6px;font-size: 17px;color: #179bfd;font-weight: 600;}
.arrow-button:hover {background-color: rgba(23, 155, 253, 0.1);}
.arrow-button::after {content: "";width: 12px;height: 23px;background-image: url(../images/feature-old-restore/download-arrow.png);display: inline-block;vertical-align: middle;margin-left: 20px;}
.arrow-button.mobile-plat::after {display: none;}

.main06 {padding: 80px 0 50px;background-color: #fcfbfc;text-align: center;}
.main06 h2 {font-size: 32px;}
.main06-icons {display: flex;justify-content: center;flex-wrap: wrap;padding-top: 36px;}
.main06-icons>li {width: 144px;font-size: 17px;color: #1d1d1f;margin-bottom: 16px;}
.main06-icons .img-wrap {height: 68px;}

.main10{background:#faf4e9;padding:40px 0;}
.main10-flex{display:flex;justify-content:space-between;align-items:center;}
.main10-flex .flex-content{flex:1;padding-left:50px;}
.main10-flex h3{font-size:37px;font-weight:700;line-height:1.5;color:#1f1f1f;}
.main10-flex h3 span{color:#ff9e2c;}
.main10-flex .suhead{color:#fb9c29;font-size:23px;line-height:1.5;margin-bottom:15px;white-space:nowrap;}
.main10-down{display:flex;justify-content:flex-start;align-items:flex-start;gap:25px;padding-top:15px;}
.main10-down .down-wrap a{display:block;background:#179bfd;color:#ffffff;font-size:21px;line-height:1.4;padding:10px 30px;border-radius:5px;}
.main10-down .down-wrap a:hover{background:#12bcff;}
.main10-down .down-wrap img{margin-right:10px;vertical-align:text-top;}
.main10-down .more-wrap a{display:inline-block;color:#ffffff;border:1px solid #ff9e2c;background: #ff9e2c;font-size:21px;line-height:1.3;padding:10px 30px;border-radius:5px;}
.main10-down .more-wrap a:hover{color:#ff9e2c;background:#ffffff;text-decoration:none;}
.main10-down .mark-wrap {margin-top: 10px;}

/* .side-nav {position:sticky;position:-webkit-sticky;top:0;width:250px;height:0;left:calc(50% - 900px);}
.side-nav .wrap{padding-top:68px;}
.side-nav .side-title{font-size:17px;margin:15px 0;color:#1c1c1c;display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:0 10px;}
.side-nav .side-title i{display:inline-block;width:18px;height:18px;border:1px solid #060606;border-radius:50%;vertical-align:middle;position:relative;}
.side-nav .side-title i::before{display:inline-block;content:'';width:6px;height:6px;border:1.5px solid #060606;position:absolute;left:50%;top:40%;transform:translate(-50%,0) rotate(45deg);border-bottom:none;border-right:none;}
.side-nav .side-title i.on-off{transform:rotate(180deg);}
.side-nav .nav-list{font-size:15px;line-height:1.4;color:#1c1c1c;}
.side-nav .nav-list li a{color:#4a4a4a; display:flex;align-items:center;height:42px;padding:0 15px;box-sizing:border-box;white-space:nowrap;}
.side-nav .nav-list li a span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding-left:22px;}
.side-nav .nav-list li.focus a{color:#fff; border-radius:25px;background:#fdc96e;}
.side-nav .nav-list li.focus a::before{content:'';border:5px solid transparent;border-left-color:#ffffff;border-left-width:8px;border-right-width:0; position:absolute;}
.side-nav .nav-list2 li a{padding:0 8px; text-decoration:underline dashed .5px; text-underline-offset:6px;}
.side-nav .nav-list2 li a::before{content:url(../images/feature-old-restore/icon1.png); margin:5px 7px 0 0; line-height:0;} */

@media (max-width:1730px){.side-nav {display: none !important;}}
@media (max-width:1200px){
    .details {width: auto;padding: 0 1%;}

    .vpc-content-right{margin-right: 0;}
    .main-drag-img{height: 100%;}
    .restoration-content .vpc-content{align-items: center;}
    /* ----------------- */
    .main-face{padding:0 0 40px 0;}
    .main-face .ai-remove-pic{display: none;}
    /* ----------------- */

}
@media (max-width:979px){
    .no-br br{display: none;}
    
    img {/* width: auto; */height: auto;}
    .details {}

    .new-down-buy {margin-top: 0;}
    /* ---------- */
    .restoration-content .vpc-content,.other-content{flex-wrap: wrap;justify-content: center;}
    .vpc-content-left{width: auto;}
    /* ---------- */
    .main-face{padding-top: 40px;}
    /* ---------- */
    .memories-btn-box{padding: 0;}
    .memories-btn-box span{padding: 0 20px;}
    .memories-one{flex-wrap: wrap;justify-content: center;margin-bottom: 0;}
    .main-memories h2+p{padding:15px 0;}
    /* ---------- */
    .main02 {background: linear-gradient(#fcf9f4, #f9f3e7);}
    .main02-large-imgs>li {width: 100%;}
    .main02-small-imgs {margin-top: -50px;}
    .main02-small-imgs>li {margin: 0 10px;width: 90px;height: 90px;}

    .main03-content {justify-content: center;}
    .main03-content:nth-child(odd) .main03-left {order: 0;}
    .main03-right {width: 100%;padding-top: 20px;}
    .main03-h3,.main03-p {text-align: center;}
    .main03-right .the-icons {justify-content: center;}
    .main03-dots {margin: 0;}
    .main03-right .the-icons>li.large-width {width: fit-content;}
    .main03-right .download-button {text-align: center;}

    .main04-cards, .main04-comments {justify-content: center;}
    .main04-cards>li {margin: 0 10px 18px;}

    .main05-content {justify-content: center;padding: 46px 0 0;}
    .main05-right {padding-top: 20px;width: 100%;}
    
    .main06-icons>li {width: 120px;}

    .main10-flex {flex-wrap: wrap;justify-content: center;}
    .main10-flex .flex-content {width: 100%;padding: 20px 0 0;}
}
@media (max-width:767px){
    .main01>img {display: none;}
    .new-down-buy {flex-wrap: wrap;}
    .ai-face-top{flex-wrap: wrap;}

    .ai-face-top{justify-content: space-evenly;gap: 20px;}

    .colorize-content-text{position: relative;}

    .main02-small-imgs {margin: -30px 0 0;}
    .main02-small-imgs>li {width: 60px;height: 60px;margin: 0 5px;border-width: 2px;}

    .main03-imgs {width: auto;height: auto;}
    .main03-imgs>img {max-width: 100%;}

    .main10-flex .suhead {white-space: wrap;}
    .main10-down {flex-wrap: wrap;}
}
@media (max-width:479px){
    h1 {font-size: 27px;}
    h2,.main06 h2 {font-size: 23px;}

    .ai-face-top{gap: 10px;}

    .main03-h3,.main04-h3,.main10-flex h3 {font-size: 21px;}

    .card-intro {padding: 20px 10px;}
    .main04-comments>li {padding: 40px 10px 15px 25px;}

    .step-title {font-size: 17px;}
}