@charset "UTF-8";
*[data-dev="auto"] .dev-mobile,
*[data-dev="desktop"] .dev-mobile,
*[data-dev="mobile"] .dev-desktop,
*[data-sys="auto"] .sys-mac,
*[data-sys="win"] .sys-mac,
*[data-sys="mac"] .sys-win
{
    display: none !important;
    margin: 0 !important
}

.details{max-width:1020px; width:auto; padding:0 10px;}
img{max-width:100%;height:auto;}

h1{font-size: 50px;font-weight: bold;line-height: 1;padding: 45px 0 40px;}
h2{font-size: 37px;line-height: 1;padding-left: 35px;/* font-weight: bold; */}
h2 span{color: #f5952b;}

html, body {
    scroll-behavior: smooth;
}


/* ·················add251016`````````````````````` */

.aside-nav {
    position: fixed;
    bottom: 5%;
    right: 20px;
    z-index: 88;
}
.aside-nav-list {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}
.aside-nav-item a {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    color: #222222;
    box-sizing: border-box;
    width: 195px;
    height: 38px;
    border-radius: 30px;
    text-decoration: none;
    position: relative;
}
.aside-nav-item:hover a {
    background-color: #feb14b;
    color: #fff;
}
.aside-nav-item:first-of-type a {
    background-color: #feb14b;
    color: #fff;
}
.aside-nav-item:first-of-type a::after {
    content: '';
    display: inline-block;
    border: 4px solid transparent;
    border-top-color: #fff;
    border-top-width: 6px;
    position: absolute;
    right: 15px;
    top: 60%;
    transform: translateY(-50%);
}
@media (max-width: 1400px) {
    .aside-nav {
        display: none !important;
    }
}



.ai-tools-bg{background: url(../images/ai-tools/bg1.jpg) no-repeat center top/100% auto #fafafa;}
.banner-top{text-align: center;margin-bottom: 30px;}
.banner-top .break-crumbs{text-align: left;padding: 20px 0 0;}
.banner-top .break-crumbs > a{text-decoration: none;color: #119bff;}
.banner-top .break-crumbs > a:hover{text-decoration: underline;}
.banner-top p{font-size: 21px;color: #4c4c4c;line-height: 1.2;}
/* ------------ */
.ai-tools-video{padding: 30px 0;display: flex;justify-content: space-between;gap: 25px;}
.h2-t{color: #262626;font-size: 18px;padding: 20px 0 15px 35px;line-height: 1.3;}
.h2-t a{color: inherit;text-decoration: none;border-bottom: 1px dashed currentColor;margin: 0 7px;}
.tools-box-one{box-shadow: 0px 6px 21px 0px rgba(0, 0, 0, 0.06);background: #fff;border-radius: 23px;padding: 20px 40px;}
.tools-box-one .t{color: #f5952b;font-size: 19px;}
.tools-box-one .t2{font-size: 27px;padding: 5px 0 20px;line-height: 1;}
.tools-box-one .t2 span{font-size: 17px;color: #fff;background: #ff4302;display: inline-block;padding: 0 13px;border-radius: 5px;line-height: 24px;vertical-align: middle;margin-left: 10px;}
.tools-box-one p{font-size: 18px;color: #4c4c4c;padding: 20px 0;}
.tools-box-one .btn a{font-size: 21px;line-height: 36px;border-radius: 7px;border: 2px solid #119bff;text-decoration: none;color: #119bff;display: inline-block;padding: 0 30px;}
.tools-box-one .btn a:hover{background: #119bff;color: #fff;}
.tools-box-one img{transition: all 0.2s ease-in-out;}
.tools-box-one img:hover{transform:scale(1.02);}
.video-one img{/* max-width: none; */}
.video-left{width: 566px;box-sizing: content-box;}
.video-right {padding: 12px 0 0;width: 426px;box-sizing: content-box;}
.video-right .tools-box-one{margin-top: 25px;}
/* ------- */
.ai-tools-picture{background: #fafafa;padding: 30px 0;}
.ai-tools-picture .details{display: flex;justify-content: space-between;gap:25px;}
/* ------- */
.ai-tools-audio{background: #fafafa;padding: 30px 0;}
.ai-tools-audio .details{display: flex;justify-content: center;gap:25px;}
.ai-tools-audio .more{border-radius: 23px;border: 1px solid #c8c8c8;font-size: 19px;line-height: 46px;color: #808080;padding: 0 40px;display: inline-block;margin-top: 35px;}
.ai-tools-audio .video-left{padding: 110px 0 0;width: 480px;}
/* ------- */
.ai-tools-recommend{background:#fafafa url(../images/ai-tools/bg2.jpg) no-repeat center bottom/100% auto;text-align: center;padding: 90px 0 85px;}
.ai-tools-recommend .details{max-width: 1160px;width: auto;}
.ai-tools-recommend .h2{padding-left: 0;}
.ai-tools-recommend .h2-mess{font-size: 21px;color: #4c4c4c;padding:20px 0 35px;}
.change-btn-box{font-size: 19px;display: inline-flex;justify-content: center;border: 1px solid #ababab;border-radius: 23px;}
.change-btn-box span{display: inline-block;line-height: 48px;width: 230px;cursor: pointer;border-radius: 23px;}
.change-btn-box span.active{background: #000;color: #fff;cursor: auto;box-shadow: 0 0 0 1px #000;}
.recommend-content{background: #fff;box-shadow: 0px 6px 21px 0px rgba(0, 0, 0, 0.06);border-radius: 25px;margin: 30px 0 0;padding: 45px 40px;}
.recommend-content >div{display: flex;justify-content: space-between;align-items: center;}
.recommend-content .pic{flex-shrink: 0;}
.recommend-content .recommend-txt {font-size: 19px;color: #656565;text-align: left;margin-left: 45px;}
.recommend-content .recommend-txt .t{font-size: 27px;color: #000;padding: 0 0 30px 0;}
.recommend-content .recommend-txt ul{padding: 20px 0 0;}
.recommend-content .recommend-txt ul li{padding: 6px 0;}
.recommend-content .recommend-txt ul li span{width: 6px;height: 6px;border-radius: 3px;background: #41b601;display: inline-block;}
.recommend-content .recommend-txt .btn{padding: 20px 0 0;}
.recommend-content .recommend-txt .btn a { font-size: 21px; line-height: 36px; border-radius: 7px; border: 2px solid #119bff; text-decoration: none; color: #119bff; display: inline-block; padding: 0 30px;}
.recommend-content .recommend-txt .btn a:hover{background: #119bff;color: #fff;}
/* ------- */
/* `````````````````````````` ai-section-evaluation `````````````````````````` */

.ai-section-evaluation {
    text-align: center;
    padding-top: 70px;
    /* padding-bottom: 100px; */
    /* background: linear-gradient(180deg, #ffffff 75%, #fff1b6 85%, #ffc456 94%, #f69423); */
    overflow-x: hidden;
}
.ai-section-evaluation .main-title-h2 {
    color: #0c0d0d;
    font-weight: bold;
}
.ai-section-evaluation .ai-section-desc {
    color: #333333;
}
.evaluation-swiper {
    width: 85%;
    overflow: hidden;
    padding-top: 20px;
    height: auto !important;
    margin: 0 auto;
}

.swiper-wrapper {
    position: relative;
    height: 400px;
    display: flex;
    align-items: center;
}

.swiper-wrapper .swiper-slide{box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;background: #fff;border-radius: 50px;left: 50%;transform: translateX(-50%);position: absolute;width: 33%;/* bottom: 0; */padding: 20px 10px;box-sizing: border-box;overflow: hidden;transition: opacity .3s;opacity: 0;transition: all .3s;transform: scale(.8);}
.swiper-wrapper .swiper-slide.left{left: 0;transform: scale(0.8) translateX(0);cursor: pointer;opacity: 1;}
.swiper-wrapper .swiper-slide.right{transform: scale(0.8);cursor: pointer;opacity: 1;right: 0;left: auto;}
.swiper-wrapper .swiper-slide.center{z-index: 1;opacity: 1;position: absolute;transform: scale(1) translateX(-50%);margin: 0 auto;width: 50%;padding: 30px 10px;}
.navigation-buttons >div::before{content: "";display: inline-block;color: #4a4a4a;border-left: 2px solid currentColor;border-bottom: 2px solid currentColor;width: 15px;height: 15px;margin-top: 6px;transform: translatex(4px) rotate(45deg);}
.navigation-buttons .swiper-button-next{left: auto;right:0;}
.navigation-buttons .swiper-button-next::before{transform: translatex(-4px) rotate(-135deg);}


.swiper-slide-prev, .swiper-slide-next { opacity: 0.6; transform: scale(0.85); transform-origin: center bottom; z-index: 1; margin-top: 0; }

.card {background: white;padding: 50px 25px;/* box-shadow: rgba(50, 50, 93, 0.25) 0px 0 10px -4px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; *//* width: 95%; *//* max-width: 870px; */margin: 0;/* transition: transform 0.3s ease; */display: flex;flex-direction: column;box-sizing: border-box;text-align: left;/* height: 100%; */}
.swiper-pagination { position: relative; margin-top: 30px; }


.evaluation-info .observer {
    font-size: 19px;
    line-height: 1.4;
    color: #000000;
}
.evaluation-info .observer a {
    color: inherit;
}
.evaluation-info .observer a:hover {
    color: #0171e3;
}
.evaluation-info .stars {
    color: #ff8a00;
    font-size: 27px;
}
.evaluation-desc {
    font-size: 19px;
    line-height: 1.4;
    color: #0c0d0d;
    margin-bottom: 30px;
    /* display: none; */
}
.center .evaluation-desc{display: block;}
.evaluation-desc .bedeck {
    /* display: inline-block; */
    position: relative;
}
.navigation-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-button-prev,
.swiper-button-next {
    position: static !important;
    width: 56px !important;
    height: 56px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #ccc;
    cursor: pointer;
    margin: 0 20px;
}

/* 隐藏默认箭头 */
.swiper-button-prev::after,
.swiper-button-next::after {
   color: #504c4c;
   transform: scale(.5);
}




/* `````````````````````````` ai-section-evaluation `````````````````````````` */
/* ------- */
.vpeapp-faq{background-color:#fff;padding: 70px 0 70px;}
.vpeapp-faq-title{font-size:40px; line-height:1; text-align:center; margin-bottom:40px;}
.vpeapp-faq-item{background-color:#F3F3F3; border-radius:6px; padding:20px; margin-top:8px; cursor:pointer;}
.vpeapp-faq-subtitle{font-size: 19px;line-height:1;position:relative;padding-right:30px;}
.vpeapp-faq-subtitle::after{content:''; position:absolute; right:10px; width:10px; height:10px; border:2px solid; border-top:0 none; border-left:0 none; transform:rotate(45deg); transition:transform .2s; transform-origin:75% 75%; top:50%; margin-top:-8px;}
.active > .vpeapp-faq-subtitle::after{transform:rotate(225deg);}
.vpeapp-faq-desc{font-size:17px; display:none; margin-top:15px;}

@media (max-width: 1200px) {
    .recommend-content .pic{flex-shrink: 1;}

    .evaluation-swiper{width: 100%;}
}
@media (max-width: 979px) {
    .video-one img{max-width: 100%;}

    .recommend-content >div{flex-wrap: wrap;}
    .recommend-content .recommend-txt{margin-left: 0;margin-top: 30px;}

    .swiper-wrapper{height: auto;padding: 20px 0;}
    .swiper-wrapper .swiper-slide.left,.swiper-wrapper .swiper-slide.right{opacity: 0;transform: scale(1);}
    .swiper-wrapper .swiper-slide{transform: scale(1);transition: none;}
    .swiper-wrapper .swiper-slide.center{width: 95%;position: static;transform:none;transition: none;}
}

@media (max-width: 767px) {
    h1{font-size: 45px;}
    h2{font-size: 30px;}
    .tools-box-one .t2{font-size: 21px;}


    .ai-tools-video,.ai-tools-picture .details,.ai-tools-audio .details{flex-wrap: wrap;}
    .video-left,.video-right{width: auto;}
    .ai-tools-picture .details{flex-direction: column-reverse;}
    

    /* .card{padding-left: 30px;padding-right: 10px;} */
    

}

@media (max-width: 479px) {

	h1{font-size: 35px;}
    h2{font-size: 27px;padding-left: 0;}
    .h2-t{padding-left: 0;font-size: 19px;}
    /* .tools-box-one .t2{font-size: 23px;} */

    .ai-tools-picture{padding: 30px 0 0;}

    .video-right .tools-box-one{padding: 20px 10px;}

    .ai-tools-audio .more{margin-left: 0;font-size: 17px;padding: 0 20px;}

    .change-btn-box{border: none;}
    .change-btn-box span{border: 1px solid #ababab;}
    .change-btn-box span.active{border: 1px solid #000;}
    .change-btn-box{flex-wrap: wrap;gap: 5px;}
    .recommend-content{padding-left: 10px;padding-right: 10px;}

    .card{padding-left: 10px;}
    .evaluation-desc{font-size: 17px;}

}



.layer-buttons-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    position: relative;
    z-index: 3;
    margin-bottom: 50px;
}
.layer-buttons-item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}
.layer-buttons-down a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    background-color: #0f9bff;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    gap: 20px;
    font-size: 23px;
    padding: 0 20px;
    min-width: 250px;
    box-sizing: border-box;
}
.layer-buttons-buy a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    height: 50px;
    background-color: #ffab1b;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    gap: 20px;
    font-size: 23px;
    min-width: 250px;
    box-sizing: border-box;
}
.layer-buttons-more {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    color: #666666;
    font-size: 15px;
}
.layer-buttons-more a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    color: inherit;
    text-decoration: none;
}
.layer-buttons-more a:hover {
    text-decoration: underline;
}

.down-href-green {
    padding: 0 35px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}
.down-href-green svg {
    vertical-align: sub;
}

.down-href-green a {
    color: #41b601;
    font-size: 17px;
}

@media (max-width: 768px) {
    .layer-buttons-flex {
        gap: 15px;
        flex-wrap: wrap;
    }
}






/* ·········· add251013 ··········· */

.list-function-block {display: flex;justify-content: center;align-items: center;gap: 20px;padding-top: 50px;}
.name-function-block {position: absolute;bottom: 2%;left: 50%;font-size: 17px;text-align: center;color: #fff;transform: translateX(-50%);white-space: nowrap;}
.name-function-block span {font-size: 21px;color: #ffab1b;font-weight: 700;}
.item-function-block {position: relative;}

@media (max-width: 1200px) {
    .list-function-block {
        flex-wrap: wrap;
    }
}
@media (max-width: 979px) {
}
@media (max-width: 767px) {
}
@media (max-width: 576px) {
}