.section-videos figure{height: 220px;overflow: hidden;}
.section-videos figure img{height: 100%;}
/* seo4 */
.seo4-banner .areoi-background__image{min-width: 1537px;background-position: 0px -1560px;}
.seo4-banner .banner-left{padding-right: 67px;}
.seo4-banner .banner-right{max-width: 564px;}
.seo4-banner .right-img{max-width: 564px;}
@media (max-width: 767px) {
   .section-videos figure{height: 170px;}
}
@media (max-width: 991px) {
  .seo4-banner .banner-content{flex-direction: column;}
  .seo4-banner .banner-left{text-align: center;}
  .seo4-banner .banner-left{padding-right: 16px;}
  .seo4-banner .areoi-background__image{width: 100%;min-width: 100%;background-position: center;}
  .seo4-banner .banner-right{margin: 0 auto;width: 80%;}
}
@media (max-width: 500px) {
  .seo4-banner .areoi-background{height: 100%;}
}
/* 瀑布流 */
.masonry-container {column-count: 1;column-gap: 32px;margin: 0 auto;}
.masonry-item {break-inside: avoid;margin-bottom: 32px;overflow: hidden;padding: 24px;}
.masonry-item img {width: 100%;display: block;}
.masonry-item:last-child{margin-bottom: 0;}
@media (min-width: 768px) {
  .masonry-container { column-count: 2; } 
}
@media (min-width: 1280px) {
  .masonry-container { column-count: 3; }
}
/* 手风琴 */
.lh-accordion .lh-accordion-item {margin-bottom: 48px;}
.lh-accordion .lh-accordion-item:last-child {margin-bottom: 0;}
.lh-accordion .lh-accordion-item-title{gap: 8px;cursor: pointer;}
.lh-accordion .title-left {gap: 8px;flex: 1;}
.lh-accordion .title-left p{overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;}
.lh-accordion .title-left .title-icon{min-width: 64px;width: 64px;height: 64px;background-color: rgba(44, 107, 232, 0.10);}
.lh-accordion .title-left .title-icon img{width: 100%;}
.lh-accordion .title-right{min-width: 48px;width: 48px;height: 48px;background-color: rgba(44, 107, 232, 0.10);}
.lh-accordion .accordion-info-content{margin-top: 24px;}
.lh-accordion .lh-accordion-item-title::after{z-index: 2;position: relative; min-width: 48px;width: 48px;height: 48px;background-color: rgba(44, 107, 232, 0.10);content: '';display: block;border-radius: 8px;}
.lh-accordion .lh-accordion-item-title::before{z-index: 2; content: '';position: absolute;right: 12px;top: 50%;background-image: var(--bs-accordion-btn-active-icon);transform:translateY(-50%) rotate(0deg);width: 24px;height: 24px;background-repeat: no-repeat;transition: var(--bs-accordion-btn-icon-transition);}
.lh-accordion .lh-accordion-item-title.active::before{transform:translateY(-50%) rotate(-180deg);}
/* 层叠轮播图 */
.lh-carousel{width: 100%;position: relative;padding-bottom: 20px;}
.lh-carousel .lh-carousel-content{width: 100%;position: relative;}
.lh-carousel .lh-carousel-item{position: absolute;top: 50%;transform: translate(0, -50%);transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);width: 100%;opacity: 1;will-change: transform, z-index, max-width, opacity;}
.lh-carousel .lh-carousel-item.first{z-index: 3; max-width: 89%;left: 0; transform: translate(0, -50%);opacity: 1;}
.lh-carousel .lh-carousel-item.two{z-index: 2;max-width: 76%;left: 50%; transform: translate(-45%, -50%);opacity: 0.98;}
.lh-carousel .lh-carousel-item.last{z-index: 1; max-width: 63%;left: 80%; transform: translate(-74%, -50%); opacity: 0.95;}
.lh-carousel .lh-carousel-item img{width: 100%;}
.lh-carousel .lh-carousel-control{gap: 6px;position: absolute;width: 100%;bottom: -20px;list-style: none;}
.lh-carousel .lh-carousel-control li{background-color: var(--bs-blue);opacity: 0.5;border-radius: 3px;height: 3px;width: 30px;cursor: pointer;transition: all 0.3s ease;}
.lh-carousel .lh-carousel-control li.active{opacity: 1;}
@media (max-width:991px) {
  .lh-accordion .lh-accordion-item{margin-bottom: 24px;}
  .lh-accordion .accordion-info-content{margin-bottom: 16px;}
  .lh-accordion .accordion-info-content{font-size: 14px;}
}
/* 扇形轮播图 */
@keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0deg); /* 初始状态：不旋转 */
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg); /* 结束状态：旋转360度 */
  }
}
.common-section-seo4{max-width: 100% !important;}
.sector-content .areoi-background__image{background-size: 100% 100%;}
.carousel-plus{max-width: 100%;height: 580px;position: relative;margin: 0 auto;overflow: hidden;}
.carousel-plus .carousel-content{transform: translateX(-41.5%);position: absolute;left: 50%;}

.carousel-plus .carousel-plus-item{width: 386px;max-width: 386px;border-radius: 20px;background: #fff;overflow: hidden;position: relative;padding: 2px;}
.carousel-plus .carousel-plus-item.active::before{background: linear-gradient(394deg, #199FFF, #0033FF, #E438E1);content: '';height: 150%;aspect-ratio: 1/1;z-index: 1;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;animation: rotate 3s linear infinite;}
.carousel-plus .carousel-plus-item .plus-item-content{padding: 44px 20px;background-color: #fff;position: relative;z-index: 2;border-radius: 17px;}
.carousel-plus .carousel-plus-item .user-avatar{min-width: 80px;width: 80px;height: 80px;}
.carousel-plus .carousel-plus-item .plus-item-middle{background: #F4F8FF;height: 248px;overflow: hidden;}
.carousel-plus .carousel-plus-item .plus-item-bottom{height: 20px;}
.carousel-plus .carousel-plus-control{gap: 6px;width: 100%;list-style: none;position: absolute;bottom: 0;padding: 0;}
.carousel-plus .carousel-plus-control li{background-color: var(--bs-blue);opacity: 0.5;border-radius: 3px;height: 3px;width: 30px;cursor: pointer;transition: all 0.3s ease;}
.carousel-plus .carousel-plus-control li.active{opacity: 1;}

.carousel-plus .wp-block-image img{height: 100%;width: auto;}
@media (max-width:991px) {
  .carousel-plus .carousel-plus-item.active::before{display: none;}
  .common-section-seo4 .mb-md-5{margin-bottom: 24px !important;}
  .carousel-plus{height: auto;}
  .carousel-plus .carousel-content{transform: none !important;position: unset;flex-direction: column;padding: 0 16px;}
  .carousel-plus .carousel-plus-item{transform: none !important;border-radius: 16px;width: 100%;min-width: 100%;}
  .carousel-plus .carousel-plus-control{display: none !important;}
  .carousel-plus .carousel-plus-item .plus-item-middle{height: auto;}
  .carousel-plus .plus-item-top{width: 100%;}
  .sector-content .areoi-background__image{background-size:100% 200%}
  .plus-item-middle.p-3{font-size: 14px !important;}
  .carousel-plus .carousel-plus-item .user-avatar{min-width: 56px;width: 56px;height: 56px;}
}
/* seo4-多标签 */
.seo-4-row {margin: 0;}
.seo-4-col{border: 1px solid var(--bs-gray-200, #D2D7DF);}
.seo-4-row .seo-4-col{width: 193px;flex: none;}
.seo-4-row .seo-4-col:nth-child(odd){background: linear-gradient(180deg, #FFF 0%, #EAF9FF 100%);}
.seo-4-row .seo-4-col:nth-child(even){background: linear-gradient(180deg, #EAF9FF 0%, #FFF 100%);}
.seo-4-row-mt{margin-top: 56px;}
.seo-4-row-mt .seo-4-col-row{padding: 0;width: 302px;flex: auto; background: linear-gradient(98deg, #EBF9FF 4.39%, #FCFAFF 98.8%);overflow: hidden;}
.seo-4-row-mt .seo-4-col-row figure{height: 124px;width: 110px;}
@media (max-width:991px) {
  .seo-4-row .seo-4-col{width: 31%;}
}
@media (max-width:767px) {
  .seo-4-row{gap: 8px !important;}
  .seo-4-row .seo-4-col{width: 48%;}
  .seo-4-row-mt .seo-4-col-row figure{width: 110px;height: 90px;position: relative;overflow: hidden;}
  .seo-4-row-mt .seo-4-col-row figure img{position: absolute;top: 50%;transform: translateY(-50%);}
}
@media (max-width:575px) {
  .seo4-more-tag .text-sm-center{text-align: center !important;}
}
/* seo4-引导下载 */
.seo4-download-top{height: 362px; width: 100%;}
.seo4-download-top .top-title{color: var(--bs-gray-900);font-size: 36px;line-height: 1.2;margin-bottom: 24px;}
.seo4-download-top .top-info{color: var(--bs-gray-600);font-size: 14px;line-height: 1.5;margin-bottom: 24px;margin-top:16px ;}
.seo4-download-top .top-tip{gap: 12px;line-height: 1.5;}
.seo4-download-top .top-tip p{color: var(--bs-gray-600);}
.seo4-download-top .top-tip p:first-child{color: var(--bs-blue);font-size: 24px;}
.seo4-download-top .top-tip p:nth-child(2){font-size: 20px;}
.seo4-download-top .top-tip p:last-child{font-size: 16px;}
.seo4-download-bottom{width: 100%;}
.seo4-download-bottom>div{flex: 1;padding: 48px;}
.seo4-download-bottom .call-me-title{margin-bottom: 48px;}
@media (max-width:991px) {
  .seo4-download-top{height: auto;padding: 40px 16px;}
  .seo4-download-bottom>div{padding: 40px 16px;}
  .seo4-download-bottom{flex-direction: column;}
  .seo4-download-top .top-title{font-size: 24px;text-align: center;}
  .seo4-download-top .top-info{text-align: center;}
  .seo4-download-top .top-btn{font-size: 14px;padding: 4px 8px;}
  .seo4-download{gap: 32px !important;padding:0 16px;}
  .seo4-download-bottom{gap: 32px !important;}
  .seo4-download-bottom .bottom-btn{font-size: 16px;padding: 6px 12px;}
  .seo4-download-bottom .bottom-p{font-size: 16px !important;}
  .seo4-download-bottom .bottom-about{gap: 16px !important;}
}
/* seo4-多标签手风琴 */
@media (max-width:991px) {
  .seo4-new-accordion .accordion-item{padding: 16px;}
  .seo4-new-accordion .accordion-item .accordion-collapse .accordion-body{padding-top: 16px;}
}
/* seo5-轮播1 */
.tag-carousel{padding-bottom: 2.5rem;}
.tag-carousel .tag-5-box{margin-bottom: 56px;}
.tag-carousel .tag-carousel-content{position: absolute;left: 50%;}
.tag-carousel .tag-carousel-item .item-tips{color: #637185;}
.tag-carousel .tag-carousel-item .item-img-box{padding: 48px 80px;margin-bottom: 24px;width: 732px;}
.tag-carousel .tag-carousel-item .item-img-box figure{padding: 4px;background-color: #fff;width: 100%;}
.tag-carousel .tag-carousel-btn-box{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 2;max-width: 732px;width: 100%;margin-top: -72px;}
.tag-carousel .tag-carousel-btn{cursor: pointer;width: 48px;height: 48px;background-color: #fff;}
@media (min-width: 992px) {
  .tag-carousel {padding: 0 0 7.5rem;}
}
@media (max-width: 991px) {
  .tag-carousel{padding-left: 1rem;padding-right: 1rem;}
  .tag-carousel .tag-5-box{margin: 0 auto 32px;}
  .tag-carousel .tag-carousel-item .item-img-box{margin-bottom: 32px;}
}
@media (max-width: 800px) {
  .tag-carousel .tag-carousel-item .item-img-box{width: 95vw;padding: 16px 44px;border-radius: 12px !important;}
  .tag-carousel .tag-carousel-item .item-img-box figure{border-radius: 12px !important;}
  .tag-carousel .tag-carousel-btn-box{padding:0 8px !important;max-width: 100%;}
  .tag-carousel .tag-carousel-btn{width: 24px;height: 24px;padding: 12px !important;font-size: 12px;}
}
/* seo5-轮播2 */
.seo5-swiper-box .seo5-swiper{padding-left: 112px;padding-top: 5px;}
.seo5-swiper .swiper-slide{width: 360px;border-radius: 16px;user-select: none;height: 524px;justify-content: space-between;background: var(--bs-gray-200);padding: 2px;}
.seo5-swiper .swiper-slide>div{background: #fff;border-radius: 14px}
.seo5-swiper .subscript{height: 40px;z-index: 2; position: absolute;top: -6px;left: 17px;}
.seo5-swiper .subscript img{height: 100%;width: 100%;}
.seo5-swiper .prev-btn,.seo5-swiper .next-btn{color: #8f9196;height: 100%;top: 22px;}
.seo5-swiper .prev-btn::after,.seo5-swiper .next-btn::after{font-size: 32px !important;}
.seo5-swiper .prev-btn{background-color: #fff;left: -3px;width: 112px;}
.seo5-swiper .next-btn{background: linear-gradient(to right,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.9) 80%,rgba(255, 255, 255, 1) 100%);right: 0;width: 184px;padding-left: 72px;}
@media (max-width: 991px) {
  .seo5-swiper-box .seo5-swiper{padding-bottom: 40px;}
}

.seo5-scenarios{gap: 15px;}
.seo5-scenarios .scenarios-item{width: 178px;height: 420px;flex: none;transition: width .5s;padding: 24px;}
.seo5-scenarios .scenarios-item .box-mode{transition: height .8s;position: absolute;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(229, 255, 249, 0.10), rgba(44, 107, 232, 0.70) 100%);bottom: 0;left: 0;}
.seo5-scenarios .scenarios-item p:nth-child(3){opacity: 0;transition: opacity 1s;}
.seo5-scenarios .scenarios-item.active p:nth-child(3){opacity: 1;}
.seo5-scenarios .scenarios-item.active{width: 320px;border: 2px;border: 2px solid #AEE9FF;}
.seo5-scenarios .scenarios-item.active .box-mode{height: 0;background: linear-gradient(180deg, rgba(229, 255, 249, 0) , rgba(44, 107, 232, 0.3) 100%);}
@media (max-width: 768px) {
  .seo5-scenarios{gap: 32px;}
  .seo5-scenarios .scenarios-item,.seo5-scenarios .scenarios-item.active{width: 100%;height: 200px;}
  .seo5-scenarios .scenarios-item{text-align: center;border: 2px solid #AEE9FF;}
  .seo5-scenarios .scenarios-item .box-mode{height: 0;}
  .seo5-scenarios .scenarios-item p:nth-child(3){opacity: 1;}
  .seo5-scenarios .scenarios-item .areoi-background .areoi-background__image{opacity: .4;background-position: 0 240px;}
}
@keyframes animationImg1 {
  0% {
    transform: translate(-301% ,-289%)
  }
  50%{
    transform: translate(-301% ,-269%)
  }

  100% {
    transform: translate(-301% ,-289%)
  }
}
@keyframes animationImg2 {
  0% {
    transform: translate(160% ,-246%)
  }
  50%{
    transform: translate(160% ,-226%)
  }

  100% {
    transform: translate(160% ,-246%)
  }
}
@keyframes animationImg3 {
  0% {
    transform: translate(-296% ,-26%)
  }
  50%{
    transform: translate(-296% ,-6%)
  }

  100% {
    transform: translate(-296% ,-26%)
  }
}
@keyframes animationImg4 {
  0% {
    transform: translate(243% ,26%)
  }
  50%{
    transform: translate(243% ,6%)
  }

  100% {
    transform: translate(243% ,26%)
  }
}
.seo5-banner{height: 870px;overflow: hidden;padding-top: 135px;}
.seo5-banner .container{z-index: 2;}
.seo5-banner .seo5-bannerImg-box,.seo5-banner figure{position: absolute;}
.seo5-banner .seo5-bannerImg-box{width: 100%;bottom: 0;}
.seo5-banner .middle-img{width: 547px;bottom: -159px;left: 50%;transform: translateX(-50%);}
.seo5-banner .seo5-bannerImg-box .animation-img{left: 50%;bottom: 0}
.seo5-banner .seo5-bannerImg-box .animation-img:nth-child(2){width: 86px;transform: translate(-301% , -289%);animation: animationImg1 2.7s ease-in-out infinite;}
.seo5-banner .seo5-bannerImg-box .animation-img:nth-child(3){width: 118px;transform: translate(160% , -246%);animation: animationImg2 2.9s ease-in-out infinite;}
.seo5-banner .seo5-bannerImg-box .animation-img:nth-child(4){width: 114px;transform: translate(-296% , -26%);animation: animationImg3 3.2s ease-in-out infinite;}
.seo5-banner .seo5-bannerImg-box .animation-img:nth-child(5){width: 87px;transform: translate(243% , 20%);animation: animationImg4 3.4s ease-in-out infinite;}
.seo5-bannertips{padding: 26px 16px;background: linear-gradient(90deg, #D9EEFF 0%, #AFCFFF 100%);}
.seo5-bannertips>p{font-size: 24px;flex-shrink: 0;}
.seo5-bannertips figure{width: 48px;height: 48px;}
@media (max-width: 1077px) {
  .seo5-bannertips>div{width: 526px;}
}
@media (max-width: 991px) {
  .seo5-banner{padding-top: 40px;}
  .seo5-bannertips{padding: 40px 16px;}
  .seo5-bannertips>div{width: auto;}
  .seo5-bannertips>div>div{width: 100px;}
  .seo5-bannertips>div>div>p{font-size: 14px !important;}
}

@media (max-width: 767px) {
  .seo5-banner{height: 731px;}
  .seo5-banner .btn{font-size: 16px;padding: 6px 12px;}
  .seo5-banner .middle-img{width: 60vw;min-width: 245px;bottom: -78px;}
  .seo5-banner .seo5-bannerImg-box .animation-img{animation:none !important;}
  .seo5-banner .seo5-bannerImg-box .animation-img:nth-child(2){min-width: 39px; width: 11%;transform: translate(-301% , -289%);}
  .seo5-banner .seo5-bannerImg-box .animation-img:nth-child(3){min-width: 52px; width: 15%; transform: translate(160% , -246%);}
  .seo5-banner .seo5-bannerImg-box .animation-img:nth-child(4){min-width: 51px; width: 16%; transform: translate(-296% , -26%);}
  .seo5-banner .seo5-bannerImg-box .animation-img:nth-child(5){min-width: 40px; width: 13%; transform: translate(243% , 20%);}
}
@media (max-width: 650px) {
  .banner-btn-box{flex-direction: column;}
}
@media (max-width: 500px) {
  .seo5-banner{height: 670px;}
}
.seo5-user-box{padding-top: 68px;}
.seo5-user-box .seo5-user-rating{height: 20px;width: 124px;}
.user-tating-box{flex: 1;}
.user-tating-box{flex: 1;}
.seo5-user-box .seo5-user-content .special-padding>.areoi-element{padding-top: 64px !important;height: 100%;}
.seo5-user-box .seo5-user-content .special-padding:hover>.areoi-element{border-radius: 14px !important;}
.seo5-user-box .seo5-user{width: 120px;height: 120px;border: 4px solid #B0C8F7;position: absolute;top: -63px;left: 50%;transform: translateX(-50%);z-index: 2;}
.seo5-user-text{flex: 1;}
@media (max-width: 991px) {
  .seo5-user-box{padding-top: 49px;}
  .seo5-user-box .seo5-user{width: 100px;height: 100px;top: -48px;}
  .seo5-user-box >div{margin-top: 78px;}
  .seo5-user-box >div:first-child{margin-top: 0;}
}
.seo5-reasons-subscript{position: absolute;height: 60px;top: -18px;left: 2px;z-index: 3;text-align: center;line-height: 42px;}
.seo5-reasons-subscript img{height: 100% !important;width: auto;}
.seo5-reasons-subscript .areoi-background__image{background-size: contain;}
.del-box .seo5-reasons-subscript{width: 155px;}
.bin-box .seo5-reasons-subscript{width: 193px;}
.drive-box .seo5-reasons-subscript{width: 148px;}
.impor-box .seo5-reasons-subscript{width: 226px;}
.disk-box .seo5-reasons-subscript{width: 121px;}
.attack-box .seo5-reasons-subscript{width: 161px;}
.seo5-reasons-bg-img img{height: 100% !important;}
.text-box{position: absolute;left: 0;z-index: 2;}
.text-bottom{bottom: 0;}
.text-top{top: 0;}
@media (max-width: 1199px) {
  .seo5-reasons-bg-img{opacity: .5;}
  .reasons-title{font-size: 16px !important;}
  .reasons-info{font-size: 14px !important;}
}
@media (max-width: 991px) {
  .seo5-reasons-bg-img{opacity: 1;}
  .reasons-title{font-size: 20px !important;}
  .reasons-info{font-size: 16px !important;}
}
@media (max-width: 767px) {
  .seo5-reasons-bg-img{height: 100%;}
  .del-box{height: 376px;}
  .attack-box{height: 401px;}
  .bin-box .card,.disk-box .card,.impor-box .card,.drive-box .card{height: 330px;}
  .bin-box .seo5-reasons-bg-img img,.disk-box .seo5-reasons-bg-img img,.attack-box .seo5-reasons-bg-img img{position: absolute;bottom: 0;left: 0;width: 100%;height: auto !important;}
  .impor-box .seo5-reasons-bg-img img,.drive-box .seo5-reasons-bg-img img,.del-box .seo5-reasons-bg-img img{position: absolute;top: 0;left: 0;width: 100%;height: auto !important;}
  .del-box .seo5-reasons-bg-img img,.attack-box .seo5-reasons-bg-img img{height: 100% !important;width: 100%;object-fit: cover;}
}
.seo5-drecov-tips{margin-top: 18px;}
.seo5-drecov-tips>div{padding: 2px 12px;border-radius: 16px;background: linear-gradient(90deg, rgba(44, 107, 232, 0.20) 0%, rgba(44, 107, 232, 0.00) 100%);}
.seo5-drecov-tips>div:last-child{margin-bottom: 0;}
.seo5-drecov-btn{margin-top: 56px;}
.drecov-right-tips{position: absolute;z-index: 2;bottom: 15px;left: 0;width: 100%;padding: 0 8px;}
.drecov-right-tips strong{width: 100%;display: block;text-align: center;}
@media (max-width: 991px) {
  .seo5-drecov-tips{gap: 12px !important;margin-top: 12px;}
  .seo5-drecov-btn{margin: 32px 0;}
  .drecov-left-info{margin-top: 14px !important;}
}

.seo5-row{padding-top: 18px;}
.seo5-row,.seo5-col-row{row-gap: 42px;}
.seo5-drecov-row>div{gap: 1.5rem;}
.seo5-drecov-title{line-height: 1.2;}
@media (max-width: 991px){
  
  .seo5-row,.seo5-col-row{row-gap: 50px;}
}
@media (max-width: 767px){
  .seo5-drecov-row>div,.seo5-drecov-row{gap: 32px !important;}
}
/* seo6 */
@keyframes animationSeo6Img1 {
  0% {
    transform: translateX(-7%)
  }
  50%{
    transform: translateX(-13%)
  }

  100% {
    transform: translateX(-7%)
  }
}
@keyframes animationSeo6Img2 {
  0% {
    transform: translateX(-105%)
  }
  50%{
    transform: translateX(-110%)
  }

  100% {
    transform: translateX(-105%)
  }
}
@keyframes animationSeo6Img3 {
   0% {
    transform: translateX(125%)
  }
  50%{
    transform: translateX(129%)
  }

  100% {
    transform: translateX(125%)
  }
}
@keyframes animationSeo6Img4 {
   0% {
    transform: translateX(377%)
  }
  50%{
    transform: translateX(382%)
  }

  100% {
    transform: translateX(377%)
  }
}
.seo6-banner{height: 754px;padding-top: 100px;}
.seo6-banner .right-img{max-width: 607px;}
.seo6-banner .float-img{position: absolute;z-index: 2;}
.seo6-banner .float-img1{width: 16.9%;top: -50px;left: 50%;transform: translateX(-13%);animation: animationSeo6Img1 2.7s ease-in-out infinite;}
.seo6-banner .float-img2{width: 25.1%;top: 77px;left: 50%;transform: translateX(-110%);animation: animationSeo6Img2 2.9s ease-in-out infinite;}
.seo6-banner .float-img3{width: 40.6%;right:50%;transform: translateX(129%);animation: animationSeo6Img3 3.2s ease-in-out infinite;}
.seo6-banner .float-img4{width: 19.2%;top: 60px;right: 50%;transform: translateX(382%);animation: animationSeo6Img4 3.4s ease-in-out infinite;}
@media (max-width: 991px){
  .seo6-banner{height: auto;padding-top: 40px;}
  .seo6-banner .banner-btn-box{margin-bottom: 100px;}
  .seo6-banner .right-img{max-width: 100%;transform: translateX(-16%);}
  .seo6-banner .float-img{animation:none !important}
  .seo6-banner .float-img1{transform: translateX(-106%);top: -29px;}
  .seo6-banner .float-img2{transform: translateX(-172%);}
  .seo6-banner .float-img3{transform: translateX(100%);}
  .seo6-banner .float-img4{transform: translateX(300%);}
}
.seo6-special{background: linear-gradient(180deg, #B5E3FF 0%, #C4E8FF 20.19%, #FFF 100%);}
.seo6-scal-swiper .swiper-slide{width: 354px;}
.seo6-swiper-item{background: linear-gradient(180deg, #DAEBFF 0%, #E5F9FF 100%);}
.swiper-slide-active .seo6-swiper-item{background: linear-gradient(180deg, #E5F9FF 0%, #DAEBFF 100%);}

.seo6-solution-icon{min-width: 24px;width: 24px;height: 24px;}
.seo6-solution-img{width: 602px;}
@media (max-width: 991px){
  .seo6-solution-img{width: 100%;max-width: 520px;margin:56px auto 0;}
}
@media (max-width: 767px){
  .seo6-solution-img{margin:32px auto 0;}
}
.seo6-3-step{background: linear-gradient(180deg, #F3F5FF 0%, #EEFBFF 100%);}
.seo6-step-item figure,.seo6-step-item .figure-box{display: none}
.seo6-step .step-item-img{height: 0;overflow: hidden;transition: height 1s;}
.seo6-step .step-item-img.active{height: 100%;}
.step-item{cursor: pointer;}
.seo6-step-item-info>div{padding: 1.5rem;margin-bottom: 16px;}
.seo6-step-item-info>div:last-child{margin-bottom: 0;}
.seo6-step-item-info .seo6-step-tag{padding: 2px 6px;background: linear-gradient(90deg, #2C6BE8 0%, #83D0FF);flex: none;}
.seo6-step-item.active .seo6-step-item-info .seo6-step-tag{background: linear-gradient(90deg, #FF8B43 0%, #FFCD36 100%);}
.seo6-step-item.active .seo6-step-item-info>div{background: linear-gradient(to right, #2e6ee9, #80ccfe);}
.seo6-step-item.active *{color: #fff;z-index: 2;}
.seo6-step-item.active .seo6-step-item-info::after{content: '';position: absolute;right: -4px;top: 50%;transform: translateY(-50%) rotate(45deg);background: #80ccfe;display: block;width: 41px;height: 41px;z-index: 1;}
@media (max-width: 991px){
 .seo6-step-item.active .seo6-step-item-info::after{right: 50%;top:auto;bottom: -4px; transform: translateY(0) translateX(50%) rotate(45deg);background:#579df4;}
 .seo6-step-item.active figure{display: block;}
}
.swiper-slide ,.swiper-slide *{user-select: none;}
.seo6-user-swiper-box .swiper-slide{width: 550px;}

.seo6-tutorials-swiper .swiper-slide{width: 672px;}
.seo6-tutorials-swiper {padding-bottom: 56px;}
.seo6-slider-logo{position: absolute;top:-3px;left:-3px;width: 72px;z-index: 2;}
.seo6-slider-video-info{position: absolute;bottom: 20px;left: 25px;}
.seo6-slider-video-info i{color: #fff !important;font-size: 14px !important;}
.seo6-slider-btn i{font-size: 1rem !important;}
.seo6-slider-btn i{margin: 0px !important;}
.seo6-slide-text{min-height: 119px;}
@media (max-width: 991px){
  .seo6-slider-content .h-100{height: auto !important;}
  .seo6-tutorials-swiper .swiper-slide{width: 350px;}
  .seo6-slider-btn{margin-top: 24px;}
}
@media (max-width: 768px) {
  .seo6-tutorials-swiper .swiper-slide{width: calc(50% - 16px);}
  .seo5-swiper-box{padding-left: 16px;padding-right: 16px;}
  .seo5-swiper-box .seo5-swiper{padding-left: 0;}
  .seo5-swiper .swiper-slide,.seo6-tutorials-swiper .swiper-slide{width: calc(50% - 16px);}
  .seo5-swiper .prev-btn,.seo5-swiper .next-btn{width: auto;height: auto;background: transparent;bottom: 0;top: auto; }
  .seo5-swiper .prev-btn::after,.seo5-swiper .next-btn::after{font-size: 24px !important;}
  .seo5-swiper .prev-btn{left: 50%;transform: translateX(-278%);}
  .seo5-swiper .next-btn{right: 50%;transform: translateX(40%);}
  .swiper .seo5-swiper-pagination{display: none !important;}
}
@media (max-width: 600px) {
  .seo5-swiper .swiper-slide{height: auto;}
  .seo6-tutorials-swiper .swiper-slide,.seo5-swiper .swiper-slide{width: 100% }
  .seo6-slide-text{height: auto;min-height: auto;}
}
.seo6-bottom-banner-box{background: linear-gradient(180deg, #EDF8FF 0%, #FFF 100%);}
.seo6-bottom-banner{padding: 80px 0;}
.seo6-bottom-banner .btn i{font-size: 16px !important;margin-right: 8px !important;}
.seo6-banner-text{max-width: 336px;}
.seo6-b-banner-tag{background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.20) 100%);padding: 2px 12px;}
.seo6-b-banner-tag i{font-size: 16px !important;}
.fs-7{font-size: 14px;}
@media (max-width: 1200px){.seo6-bottom-banner .areoi-background__image{background-position:right;}}
@media (max-width: 991px){
  .seo6-banner-text{margin-left: auto;margin-right: auto;}
  .seo6-bottom-banner .areoi-background__image{background-position: 68%;opacity: .3;}
  .seo6-b-banner-tag p,.seo6-b-banner-tag i{font-size: 14px !important;}
}
.swiper-horizontal>.swiper-pagination-bullets.seo6-swiper-pagination{bottom: 56px;}
.swiper-horizontal>.swiper-pagination-bullets.seo5-swiper-pagination{bottom: 0;}
.swiper-pagination-bullet{width: 30px;height: 3px;border-radius: 0;}
@media (max-width: 991px){
  .swiper-horizontal>.swiper-pagination-bullets.seo6-swiper-pagination{bottom: 10px;}
  .seo6-drecov-row{width: 100% !important;margin: auto;}
  .seo6-formatting-col{padding: 0;}
}
.seo6-stories-box{background: linear-gradient(180deg, #EEFBFF 0%, #FFF 100%);}

/* seo8 */
.seo8-banner .banner-title{font-size: 28px;margin-bottom: 16px !important;} 
.seo8-banner .banner-h{font-size: 48px;} 
.seo8-banner .banner-left{max-width: 740px;} 
.seo8-banner .banner-right{max-width: 680px;position: absolute;right: 0;top: 58px;} 
.seo8-banner .banner-description{max-width: 630px;margin-bottom: 40px !important;} 
.seo8-banner .seo8-banner-btn-box {margin-bottom: 24px;} 
.seo8-banner-rating{width: 172px;height: 36px;padding-left: 37px;}
.seo8-banner-rating p:nth-child(2){letter-spacing:2px}
.seo8-banner-rating p:nth-child(3){margin-left: 4px;}
.rating-img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.seo8-banner-bottom{margin-top: 56px !important;max-width: 1078px;gap: 32px;}
.seo8-banner-img{flex: none;}
.seo8-banner-user{font-size: 28px;}
.seo8-banner-btn-box{gap: 12px;}
.seo8-banner-btn-box-m{display: none !important;}
.seo8-banner-user-bottom figure{flex: none;}
.seo8-banner-user-bottom{gap: 24px;}
.seo8-banner-year-s{border-right: 1px solid #5F6C86;}
.seo8-banner .seo6-slider-btn{margin-top: 0;}
.seo8-banner .seo6-slider-btn i{font-size: 24px !important;line-height: 1;}
.seo8-banner .banner-right figure{position: absolute;width: 683px;right: 0;top: -67px;}
@media (max-width: 1399px){
  .seo8-banner .banner-right figure{width: 531px;right: 0;top: -67px;} 
}
@media (max-width: 1199px){
  .seo8-banner .banner-right figure{width: 449px;right: 0;top: -67px;}  
}
@media (max-width: 1199px){
  .seo8-banner .banner-right figure{position: unset;width: 100%;}  
}
@media (max-width: 991px){
  .seo8-banner .banner-right{position: relative;max-width: 100%;top: 0;}
  .seo8-banner .banner-description{max-width: 100%;}
  .seo8-banner-img{display: none;}
  
}
@media (max-width: 767px){
  .seo8-banner-btn-box-m{display: flex !important;}
  .seo8-banner-btn-box-p{display: none !important;}
  .seo8-banner .banner-description{margin-bottom: 16px !important;}
  .seo8-banner .banner-title{margin-bottom: 12px !important;font-size: 20px;}
  .seo8-banner .seo8-banner-btn-box{margin-bottom: 16px;}
  .seo8-banner-user-bottom{flex-wrap: wrap;gap: 16px;}
  .seo8-banner-user-bottom>div{flex-direction: column;}
  .seo8-banner-user-bottom>div:first-child{flex: 1;}
  .seo8-banner-user-bottom>div:nth-child(2){flex: 1;}
  .seo8-banner-user-bottom>div:last-child{width: 100%;}
  .seo8-banner-year-s{border: none;width: 100%;}
  .seo8-banner-user p{font-size: 20px;}
  .seo8-banner-user p strong{font-size: 24px;}
  .seo8-banner-bottom{margin-top: 20px !important;}
}

.seo8-causes-tag{position: absolute;top: -1px;left: -1px;display: inline;z-index: 2;padding: 8px 16px;border-radius: 16px 0;}
.seo8-causes-tag1,.seo8-causes-tag4{background: linear-gradient(270deg, #37F4C7 0%, #03BF8C 100%);}
.seo8-causes-tag2,.seo8-causes-tag5{background: linear-gradient(270deg, #F2B2FF 0%, #AF7EFF 100%);}
.seo8-causes-tag3{background: linear-gradient(270deg, #FFC98F 0%, #FF8076 100%);}
.seo8-causes-tag6{background: linear-gradient(270deg, #4ED0FF 0%, #5D93FF 100%);}
.seo8-scenarios{box-shadow:0px -16px 23px #e8f6ff}
.seo8-content-p{min-height: 96px;}
@media (max-width: 1399px){
  .seo8-content-p{min-height: 120px;}
}
@media (max-width: 1280px){
  .seo8-content-p{min-height: 100%;}
}

@media (max-width: 991px){
  .seo8-choose-img{max-width: 500px;margin: 0 auto;}
}
.seo8-supported-box{max-height: 633px;}
.seo8-supported-box-top{margin: 0 auto;max-width: 1100px;}
.seo8-supported-box{margin-top: 94px;}
.seo8-supported-box-img{max-width: 490px;margin: 284px auto 0;}
.seo8-supported-box-top>div{position: absolute;}
.seo8-supported-box-top>div:nth-child(1){left: 0px;bottom: -440px;}
.seo8-supported-box-top>div:nth-child(2){left: 111px;bottom: -258px;}
.seo8-supported-box-top>div:nth-child(3){left: 335px;bottom: -133px;}
.seo8-supported-box-top>div:nth-child(4){right: 335px;bottom: -133px;}
.seo8-supported-box-top>div:nth-child(5){right: 107px;bottom: -258px;}
.seo8-supported-box-top>div:nth-child(6){right: -47px;bottom: -440px;}
.seo8-supported-tag{padding: 6px 16px;border-radius: 18px;background: linear-gradient(90deg, #4785FF 0%, #7EC9FF 100%);}
.seo8-supported-tag-icon ,.seo8-supported-tag-icon i{color: #fff !important;font-size: 20px !important;line-height: 1;}
.seo8-device-box{padding: 0 48px;}
.seo8-device-box>div,.seo8-reviews-user{border-top-left-radius: 48px;border-top-right-radius: 48px;}
@media (max-width: 1300px){
  .seo8-supported-box-top>div p{max-width: 120px;text-align: center;}
  .seo8-supported-box-top>div:nth-child(1){left: 20px;}
  .seo8-supported-box-top>div:nth-child(2){left: 131px;}
  .seo8-supported-box-top>div:nth-child(3){left: 355px;}
  .seo8-supported-box-top>div:nth-child(4){right: 355px;}
  .seo8-supported-box-top>div:nth-child(5){right: 127px;}
  .seo8-supported-box-top>div:nth-child(6){right: 20px;bottom: -470px;}
}
@media (max-width: 1200px){
 .seo8-supported-box-top img{width: 120px !important;}
}
@media (max-width: 1199px){
  .seo8-supported-box-img{margin-top: 250px;}
  .seo8-supported-box-top>div:nth-child(1){left: 55px;bottom:-462px;}
  .seo8-supported-box-top>div:nth-child(2){left: 150px;bottom:-314px;}
  .seo8-supported-box-top>div:nth-child(3){left: 312px;bottom: -210px;}
  .seo8-supported-box-top>div:nth-child(4){right: 312px;bottom: -210px;}
  .seo8-supported-box-top>div:nth-child(5){right: 140px;bottom: -314px;}
  .seo8-supported-box-top>div:nth-child(6){right: 40px;bottom:-494px;}
  .seo8-supported-box-top img{width: 110px !important;}
  .seo8-supported-box-img{max-width: 460px;}
}
@media (max-width: 991px){
  .seo8-supported-box-top>div p{max-width: 100%;}
  .seo8-supported-box{max-height: 100%;margin-top: 0;}
  .seo8-supported-box-top>div{position: unset;padding: 16px;background-color: rgba(32, 168, 253, 0.20);border-radius: 12px;}
  .seo8-supported-box-top{row-gap: 16px;}
  .seo8-supported-box-top img{width: 80px !important;}
  .seo8-supported-box-img{margin-top: 56px;}
  .seo8-supported-box-img{max-width: 100%;}
  .seo8-device-box{padding: 0;}
}
@media (max-width: 767px){
  .seo8-supported-box-img{margin-top: 32px;}
  .seo8-supported-box-top img{width: 48px !important;}
  .seo8-device-box>div,.seo8-reviews-user{border-top-left-radius: 32px;border-top-right-radius: 32px;}
}
.seo8-step-item-img{width: 0;height: 100%; transition: width .5s;height: 413px;}
.seo8-step-item-img img{display: block;height: 100% !important;}
.seo8-step-item-img.active{width: 100%;}
.seo8-step-tag{padding: 3px 8px;background: #B4BCCA;border-radius: 5px;transition: background .2s;}
.seo8-step-item.active .seo8-step-tag{background: #2C6BE8;}
.seo8-step-item.active .seo8-step-title{color: #2C6BE8;}
.seo8-step-item .figure-box{display: none;}
.seo8-comments-num{font-size: 56px;}
.seo8-comments-symbol{font-size: 38px;margin:0 4px;}
.seo8-reviews-right{row-gap: 32px;}
.seo8-bottom-banner{padding: 72px 36px 50px 48px;}
.seo8-banner-b-tag{display: inline-block;padding: 10px 0 0 16px;width: 216px;}
.seo8-tag-right>p{font-size: 56px;}
.seo8-tag-right>div>p:nth-child(2),.seo8-banner-b-tag>p{font-size: 14px;}
.seo8-tag-bg{position: absolute;top: 0;left: 0;}
.seo8-tag-right{margin-bottom: 14px;}
.seo8-Bbanner-title{font-size: 36px;}
.seo8-Bbanner-tip{font-size: 14px;}
.seo8-Bbanner-tag{margin-top: 44px;gap: 16px;}
.seo8-Bbanner-tag>div{padding: 2px 12px;border-radius: 16px;background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.10) 100%);}
.seo8-Bbanner-tag>div i{font-size: 16px !important;}
.seo8-swiper-btn::after{display: none;}
.seo8-swiper-box{padding-bottom: 144px;padding-top: 14px;}
.seo8-swiper-box::after,.seo8-swiper-box::before{content: '';top: 0;width: 200px;height: 100%;position: absolute;z-index: 9;}
.seo8-swiper-box::after{right: 0;background: linear-gradient(to right,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.9) 80%,rgba(255, 255, 255, 1) 100%);}
.seo8-swiper-box::before{left: 0;background: linear-gradient(to left,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.9) 80%,rgba(255, 255, 255, 1) 100%);}
.seo8-swiper-item-tag{position: absolute;top:-14px;right: -15px;z-index: 9;}
.seo8-swiper-button-box{position: absolute;bottom: 56px;left: 0;width: 100%;line-height: 1;}
.seo8-swiper-item{width: 360px;}
.seo8-swiper-btn,.seo8-swiper-pagination{position: unset;width: auto;margin: 0;height: auto;}
.seo8-swiper-pagination{letter-spacing: -2px;}
.seo8-swiper-btn i{font-size: 32px !important;color: #bdd1f8 !important;}
.seo8-swiper-btn i:hover{color: #2C6BE8 !important;}
.seo8-swiper-pagination{margin-bottom: 0;}
.seo8-swiper-item i{transition: transform .3s;display: inline-block;}
.seo8-swiper-item:hover i{transform: translateX(6px);}
@media (max-width: 1399px){
  .seo8-step-item-img{height: 358px;}
}
@media (max-width: 1199px){
  .seo8-step-item-img{height: 297px;}
}
@media (max-width: 991px){
  .seo8-step-item.active .figure-box{display: block;}
  .seo8-reviews-right{margin-top: 56px;}
  .seo8-reviews-right .col{width: 25% !important;}
  .seo8-Bbanner-tag{margin-bottom: 44px;}
  .seo8-swiper-box::after,.seo8-swiper-box::before{width: 120px;}
}
@media (max-width: 767px){
  .seo8-swiper-box::after,.seo8-swiper-box::before{display: none;}
  .seo8-reviews-right .col{width: 50% !important;}
  .seo8-reviews-right{margin-top: 32px;}
  .seo8-comments-num{font-size: 28px;font-weight: 600;}
  .seo8-comments-symbol{font-size: 24px;}
  .seo8-tag-right>p{font-size: 44px;}
  .seo8-banner-b-tag{width: 200px;padding-left: 12px;padding-top: 17px;}
  .seo8-tag-right{margin-bottom: 13px;}
  .seo8-Bbanner-title{font-size: 24px;}
  .seo8-Bbanner-tag{margin: 24px 0;}
  .seo8-bottom-banner{padding: 32px 9px;}
}
@media (max-width: 767px){
   .seo8-swiper-box{margin-left: 0;padding: 14px 16px 32px;}
  .swiper[data-all-open="true"] .swiper-slide-duplicate{display: none !important;}
  .swiper[data-all-open="true"] .swiper-wrapper{transform: translate3d(0, 0, 0) !important;flex-direction: column;row-gap: 32px;}
  .swiper[data-all-open="true"] .swiper-slide{transform: scale(1) !important;width: 100%;margin-right: 0 !important;}
  .swiper[data-all-open="true"] .swiper-pagination{display: none !important;}
  .swiper[data-all-open="true"] .swiper-button-prev,
  .swiper[data-all-open="true"] .swiper-button-next,
  .swiper[data-all-open="true"] .swiper-pagination{display: none !important;}
  .swiper-slide-active .seo6-swiper-item{background: linear-gradient(180deg, #DAEBFF 0%, #E5F9FF 100%);}
}
.seo12-banner{padding: 180px 0 90px;}
.seo12-banner-btn{gap: 16px;row-gap: 12px;}
.seo12-banner-tips{max-width: 450px;}
.seo12-rating{max-width: 445px;border-radius: 45px;background: linear-gradient(90deg, rgba(44, 107, 232, 0.20) 0%, rgba(44, 107, 232, 0.00) 100%);}
.seo12-scenarios .scenarios-item{width: 330px;padding: 0;}
.seo12-scenarios .scenarios-item::before{opacity: 1;transition:opacity .2s; border-radius: 14px; content: '';display: block;width: 100%;height:100%;background: linear-gradient(180deg, rgba(44, 107, 232, 0.00) 0%, rgba(44, 107, 232, 0.40) 70%, rgba(44, 107, 232, 0.70) 100%);position: absolute;top: 0;left: 0;z-index: 2;}
.seo12-scenarios .scenarios-item.active{border: none;width: 572px;}
.seo12-scenarios .scenarios-item.active::before{opacity: 0;}
.seo12-scenarios .scenarios-item.active .gradient-border::before{opacity: 1;}
.seo12-scenarios .scenarios-item.active .gradient-border{border-color: transparent;}
.seo12-support-card{width: 100%;height: 100%;}
.seo12-support-card>div{z-index: 2;gap: 16px;}
.seo12-support-card>figure{position: absolute;top: 0;right: 0;height: 100%;width: 572px;}
.seo12-support-card>figure img{height: 100% !important;width: 100%;}
.seo12-support-text{position: absolute;top: 74px;padding: 0 24px;opacity: 0;transition:opacity .1s;}
.seo12-scenarios .scenarios-item.active .seo12-support-text{opacity: 1;}
.seo12-scenarios-item{row-gap: 78px;}
.seo12-scenarios-text{max-width: 280px;}
.seo12-step-img-box,.section-step .content-box .seo12-step-img-box{padding: 12px;}
.seo12-swiper-slide{width: 500px;}
.seo12-swiper-box .swiper-wrapper{padding-top: 18px;}
.seo12-swiper-tag{position: absolute;top: -17px;left: 0; height: 58px;z-index: 10;line-height: 75px;padding-left: 16px;}
.seo12-swiper-tag1{width: 148px;}
.seo12-swiper-tag2{width: 232px;}
.seo12-swiper-tag3{width: 178px;}
.seo12-swiper-tag4{width: 178px;}
.seo12-swiper-tag .areoi-background .row{margin: 0;}
.seo12-swiper-box{padding-bottom: 89px;}
.seo12-swiper-box .seo8-swiper-button-box{bottom: 0;}
.seo12-swiper-item-img::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 101%; background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.50) 80%, #FFF 100%)}
.seo12-tutorials-usb{display: inline; padding: 2px 12px;background: linear-gradient(90deg, #2C6BE8 0%, rgba(44, 107, 232, 0.30) 100%);position: absolute;left: 8px;bottom: 8px;}
.seo12-hot{position: absolute;z-index: 2;right: 4px;bottom: 4px ;}
.seo12-hd-img{width: 250px;flex: none;}
.seo12-tutorials-right-item{border-bottom: 1px solid #D2D7DF;}
.seo12-tutorials-right-item:last-child{margin-bottom: 0 !important;}
.seo12-tutorials-right-item .scal-img{transform: scale(1);transition:transform .3s;}
.seo12-tutorials-right-item:hover .scal-img{transform: scale(1.4);}
.seo12-tutorials-right-item:hover .gradient-border::before{opacity: 1;}
.seo12-hard-img{margin-top: 78px;max-width: 480px;}
.seo12-deep-img-box{width: 50%;position: absolute;}
.seo12-deep-img-box figure,.seo12-deep-img-box figure img{height: 100% !important;width: 100%;}
.seo12-deep-img{border-radius: 0 50% 50% 0;overflow: hidden;}
.seo12-deep-right{row-gap: 80px;}
.seo12-deep-left-text{max-width: 480px;}
.seo12-deep-title{max-width: 406px;}
.seo12-deep-right-text{max-width: 432px;}
.seo12-deep-right>div:first-child,.seo12-deep-right>div:last-child{margin-left: -48px;}
.seo12-flash{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 155%;animation: rotate 12s linear infinite;}
.seo12-num-content{row-gap: 32px;align-items: end;}
.seo12-choose-text p:first-child{font-size: 56px;}
.seo12-choose-text p:last-child{font-size: 40px;}
.seo12-num-box{border-bottom: 1px solid #D2D7DF;width: 276px;}
.seo12-user-box>div{width: 350px;flex: none;position:absolute;height: 100%;transition: transform .3s;}
.seo12-user-box>div:nth-child(2){transform: translateX(382px);z-index: 10;}
.seo12-user-box>div:last-child{transform: translateX(764px);;z-index: 11;}
.seo12-user-box>div:first-child{position: relative;}
.seo12-paly-box,.seo12-play-hover-bg{border-radius: 16px 64px 16px 16px;overflow: hidden;}
.seo12-paly-box *{z-index: 4;}
.seo12-paly-box .areoi-background{z-index: 1;}
.seo12-play-hover-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;opacity: 0;transition: opacity .3s;}
.seo12-paly-box:hover .seo12-play-hover-bg{opacity: 1;}
.seo12-paly-box:hover .seo12-play-title,
.seo12-paly-box:hover .seo12-pcs-num,
.seo12-paly-box:hover .seo12-money-box>p{color: #fff;}
.seo12-money-box>p:last-child{transform: translateY(-7px);}
.seo12-accordion .item .collapse p{border-top: 1px solid #D2D7DF !important;}
.seo12-accordion .seo3-accordion-info{margin-top: 16px !important;}
.seo12-accordion .seo3-accordion-right .card{background-color: #fff;}
.seo12-accordion .seo3-accordion-right .card,.seo12-step-img-box{margin-bottom: 0 !important;}
.seo12-accordion .seo3-accordion-right{row-gap: 16px;}
.seo12-banner-num{font-size: 24px;}
@media (max-width: 1399px){
  .seo12-scenarios .scenarios-item{width: 323px}
  .seo12-scenarios .scenarios-item.active{width: 445px;}
}
@media (max-width: 1199px){
  .seo12-scenarios .scenarios-item{width: 232px}
  .seo12-free-text{width: 280px;}
  .seo12-deep-right>div{margin-left: 68px;}
  .seo12-deep-right>div:first-child, .seo12-deep-right>div:last-child{margin-left: 0;}
}
@media (max-width: 991px){
  .seo12-free-text{width: 100%;}
  .seo12-banner-tips{max-width: 100%;}
  .seo12-rating{margin: 0 auto;}
  .seo12-scenarios .scenarios-item .gradient-border::before{opacity: 0 !important;}
  .seo12-scenarios .scenarios-item.active .gradient-border{border-color: #D2D7DF;}
  .seo12-scenarios .scenarios-item::before{opacity: 0;height: 0;}
  .seo12-scenarios .scenarios-item,.seo12-support-card>figure{width: 100%  !important;}
  /* .seo3-accordion .item .collapse p, */
  .seo12-support-text {opacity: 1;}
  .seo5-scenarios .scenarios-item{height: auto;}
  .seo12-support-card>figure{position: unset;}
  .seo12-support-card{padding: 0 !important;}
  .seo12-support-card>div{position: absolute;z-index: 2;top: 16px;left: 16px;}
  .seo12-scenarios .scenarios-item, .seo12-scenarios .scenarios-item.active{height: auto;}
  .seo12-scenarios .scenarios-item{border: none;}
  .seo12-scenarios-text{max-width: 100%;}
  .seo12-scenarios-item{row-gap: 24px;}
  .seo3-accordion .item .collapse p{padding: 24px 0 0;}
  .seo12-hard-img{max-width: 100%;margin-bottom: 32px !important;}
  .seo12-deep-box .container{max-width: 100%;}
  .seo12-deep-box .common-section{padding: 0;}
  .seo12-deep-right{padding-bottom: 7.5rem ;max-width: 720px;width: 100%; margin: 56px auto 0;align-items: flex-start !important;}
  .seo12-deep-mb-box{padding-top: 7.5rem; padding-bottom:56px ;max-width: 720px;width: 100%; margin: 0 auto;}
  .seo12-deep-right>div{margin-left: 0;}
  .seo12-flash-box{margin: 65px 0;}
  .seo12-flash-box figure:first-child{max-width: 300px;margin: 0 auto;}
  .seo12-flash{width: 67%;}
  .seo12-num-box{width: 100%;}
  .seo12-user-box{flex-direction: column;margin-top: 32px;}
  .seo12-user-box>div{position: relative;transform: none !important;width: 100%;}
  .seo12-paly-box .seo12-play-hover-bg,.seo12-paly-box.gradient-border::before{opacity: 1;}
  .seo12-paly-box .seo12-play-title, 
  .seo12-paly-box .seo12-pcs-num, 
  .seo12-paly-box .seo12-money-box>p{color: #fff;}
  .seo12-scenarios .gradient-border{border: 1px solid #D2D7DF !important;}
}
@media (max-width: 767px){
  .seo12-banner-num{font-size: 20px;}
  .seo12-user-box{margin-top: 0;}
  .seo12-support-text {opacity: 1;position: unset;padding: 0;}
  .seo12-deep-right{padding-bottom: 2.5rem ;margin: 32px auto 0;}
  .seo12-deep-mb-box{padding: 2.5rem 0 32px ; padding-bottom:32px ;}
  .seo12-banner{padding: 40px 0;}
  .seo12-rating{width: 328px;border-radius: 32px;background: linear-gradient(180deg, rgba(44, 107, 232, 0.20) 0%, rgba(44, 107, 232, 0.00) 100%);}
  .seo12-rating>figure img{width: 145px !important;}
  .seo12-scenarios{padding: 0 16px;}
  .seo12-scenarios-item{row-gap: 32px;}
  .seo12-accordion .seo3-accordion-right{row-gap: 32px;}
  .seo12-swiper-box{padding: 0 16px;}
  .seo12-swiper-slide .seo6-slider-btn{margin: 0;}
  .seo12-tutorials-right-item{flex-direction: column;}
  .seo12-hd-img{width: 100%;}
  .seo12-deep-mb-box,.seo12-deep-right{max-width: 540px;}
  .seo12-deep-right{row-gap: 32px;}
  .seo12-flash{width: auto;max-width: none; height: 154%;}
  .seo12-flash img{width: auto;max-width: none; height: 100% !important;}
}
.seo7-banner{padding: 180px 0 120px;}
.seo7-banner .banner-bg-img{position: absolute;top: 0; width: 400px;}
.seo7-banner .banner-left-img{left: 0;}
.seo7-banner .banner-right-img{right: 0;}
.seo7-banner .banner-info{margin-top: 0;max-width: 900px;}
.seo7-banner .banner-btn-box{margin-top: 0;}
.seo7-banner .have-wh-bg .areoi-background *{padding: 0;margin: 0;}
.seo7-core-item .border-box::before{z-index:3; position: absolute;content: '';top: 0;left: 0;width: 100%;height: 100%;display: block;opacity: 0;transition: opacity .5s; background: linear-gradient(180deg, rgba(44, 107, 232, 0.00) 0%, rgba(44, 107, 232, 0.50) 50%, #2C6BE8 100%)}
.seo7-core-info{position: absolute;bottom: 16px;width: 100%;z-index: 4;}
.seo7-core-info p:last-child{display: none;}
.seo7-core-item:hover p{color: #fff !important;}
.seo7-core-item:hover .seo7-core-info p:last-child{display: block;}
.seo7-core-item:hover .border-box::before{opacity: 1;}
.seo7-swiper-item{width: 328px;transition: opacity 1s;}
.seo7-swiper-box {padding-bottom: 68px;padding-top: 8px;}
.seo7-swiper-box .seo8-swiper-button-box{bottom: 0;}
.seo7-simple-box{padding: 0 80px;}
.seo7-simple-box div{border-radius: 48px 48px 0 0;}
.seo7-user-swiper-box .swiper-slide{width: 550px;}
.seo7-user-swiper-box .swiper-slide>div{padding: 0 0 48px;}
.seo7-user-img{width: 120px;position: absolute;top: -32px;left: 24px;z-index: 10;}
.seo7-slider-img{position: absolute;left: 24px;bottom: -24px;}
.seo7-slide-user{padding: 28px 0 0 145px;}
.seo7-user-swiper-box .swiper-wrapper{padding-bottom: 86px;}
.seo7-user-swiper-box .seo8-swiper-button-box{bottom: 120px;}
.seo7-new-swiper{margin-top: 32px;position: unset;padding-bottom: 66px;}
.seo7-new-swiper .new-swiper-slider{min-width: 50%;max-width: 50%;}
.seo7-new-swiper .slider-text-box {position: absolute;bottom: 0;}
.seo7-new-swiper .slider-text-box *{color: #fff !important;z-index: 6;}
.seo7-new-swiper .slide-info-box{display: none;}
.seo7-new-swiper .slide-hot{position: absolute;top: 12px;left: -7px;z-index: 2;}
.seo7-new-swiper .new-swiper-slider.active{position: absolute;left: 0px;top: 0;height: calc(100% - 66px) !important;}
.seo7-new-swiper .new-swiper-slider>div::before{border-radius: 14px; z-index:4; content: '';width: 100%;height: 100%; position: absolute;left: 0;top: 0;background: linear-gradient(180deg, rgba(44, 107, 232, 0.00) 0%, rgba(44, 107, 232, 0.50) 50%, rgba(44, 107, 232, 0.80) 100%);}
.seo7-new-swiper .new-swiper-slider.active .seo7-new-slide-img img{max-width: unset;height: 100%;}
.seo7-new-swiper .new-swiper-slider.active .slide-info-box{display: block;}
.seo7-new-swiper .slide-info-bottom div i{font-size: 16px !important;line-height: 1;margin-right: 4px;}
.seo7-new-swiper .slide-info-bottom .slide-time{margin-left: 8px;margin-right: 24px;}
.seo7-control-box {gap: 6px;width: 100%;position: absolute;bottom: 0;}
.seo7-control-box div{opacity: 0.5;background:  #2C6BE8;width: 30px;height: 3px;cursor: pointer;transition: opacity .3s}
.seo7-control-box div.active{opacity:1}
.seo7-bannerb-top{margin-bottom: 48px;padding-right: 67px;padding-top: 70px;}
.seo7-bannerb-img{position: absolute;z-index: 2;width: 800px;top: 0;left: 62px;}
.seo7-bannerb-top-item{width: 485px;z-index: 3;}
.seo7-bannerb-top-item:nth-child(2){transform: translateX(-80px);}
.seo7-bannerb-top-item figure{width: 64px;}
.seo7-banner-bottom{padding: 100px 0;}
.seo7-bannerb-bottom p{padding:0 32px;height: 94px;line-height: 94px;width: 296px;text-align: center;}
.seo7-bannerb-bottom p:first-child,
.seo7-bannerb-bottom p:nth-child(2){border-radius: 16px 64px;}
.seo7-bannerb-bottom p:nth-child(3),
.seo7-bannerb-bottom p:last-child{border-radius: 64px 16px;}
.seo7-scenarios-img{margin-bottom:0 ;}
/* .seo7-swiper-box::after,.seo7-swiper-box::before{content: '';top: -2px;width: 180px;height: 400px;position: absolute;z-index: 9;}
.seo7-swiper-box::after{right: -1px;background: linear-gradient(to right,rgba(224, 242, 255, 0.3),rgba(224, 242, 255, 0.8) 100%);}
.seo7-swiper-box::before{left: -1px;background: linear-gradient(to left,rgba(224, 242, 255, 0.3),rgba(224, 242, 255, 0.8) 100%);} */
.seo7-banner .banner-info-box{z-index: 2;}
.seo7-banner-bottom .areoi-background .areoi-background__image{background-position:right;}
.seo7-simple-row-box>div:nth-child(2n) .have-p{padding: 56px 0;}
.seo7-simple-row-box>div:last-child .have-p{padding-bottom: 0;}
.flex-none{flex: none;}
.seo7-swiper-item .rounded-4 figure{transform: scale(1.1);}
@media (min-width:768px) and (max-width: 1400px) {
	.seo7-swiper-box {overflow:unset;}
	.seo7-swiper-box .seo7-swiper-item {opacity: 0;}
	.seo7-swiper-box .swiper-slide-visible {opacity:1;}
}
@media (max-width: 1399px){
  .seo7-bannerb-top{padding-right: 30px;}
  .seo7-bannerb-img{left: 30px;}
  .seo7-bannerb-top-item:nth-child(2){transform: translateX(-65px);}
  .seo7-bannerb-bottom{flex-wrap: wrap;row-gap: 32px;}
  .seo7-bannerb-bottom p{width: 48%;}
  .seo7-bannerb-bottom p:nth-child(2){border-radius: 64px 16px;}
  .seo7-bannerb-bottom p:nth-child(3){border-radius: 16px 64px;}
  .seo7-bannerb-info{width: 45%;}
  .seo7-banner-bottom .areoi-background{opacity: .5;}
  .seo7-core-item .border-box::before{opacity: 1;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.1) 49%, rgba(255, 255, 255, 0.50) 100%);}
  .seo7-core-item:hover .border-box::before{  background: linear-gradient(180deg, rgba(44, 107, 232, .3) 0%, rgba(44, 107, 232, .5) 50%, #2C6BE8 100%);}  
}
@media (max-width: 1199px){
  .seo7-bannerb-img{width: 690px;left: 15px;}
  .seo7-bannerb-top{padding-top: 0;padding-right: 15px;}
  .seo7-bannerb-top-item{transform: translateX(-30px);width: 470px;}
  .seo7-bannerb-top-item:nth-child(2){transform: translateX(0px);}
  
}
@media (max-width: 991px){
  .seo7-scenarios-img{margin-bottom: 56px;}
  .seo7-new-swiper .new-swiper-slider.active{position: unset;height:100% !important;}
  .seo7-new-swiper .new-swiper-slider{min-width: 100%;max-width: 100%;}
  .seo7-new-swiper .new-swiper-slider.active .seo7-new-slide-img img{height: auto;max-width: 100%;}
  .seo7-new-swiper .new-swiper-slider .slide-info-box{display: block;}
  .seo7-bannerb-img{position: unset;margin-left: 16px;}
  .seo7-bannerb-top-item{transform: translateX(0px);width: 100%;}
  .seo7-new-swiper{padding-bottom: 0;margin-top: 0;}
  .seo7-simple-row-box>div:nth-child(2n) .have-p{padding: 0;}
  .seo7-simple-row-box{row-gap: 24px;}
}
@media (max-width: 767px){
  .seo7-bannerb-top-item figure{width: 40px;}
  .seo7-swiper-box{padding: 0;}
  .seo7-simple-row-box{row-gap: 32px;}
  .seo7-banner{padding: 40px 0 30px;}
  .seo7-banner .banner-bg-img{width: 50%;opacity: .5;top: 50%;transform: translateY(-50%);}
  .seo7-core-info p:first-child{color: var(--bs-gray-900) !important;}
  .seo7-core-info p:last-child{color: var(--bs-gray-600) !important;display: block;}
  .seo7-core-info{position: unset;}
  .seo7-core-item .border-box::before,.seo7-swiper-box::before,.seo7-swiper-box::after{display: none;}
  .seo7-simple-box{padding: 0;}
  .seo7-user-img{width: 64px;}
  .seo7-slide-user{padding: 56px 0 0;}
  .seo7-user-swiper-box .swiper-wrapper{padding-bottom: 25px;row-gap: 88px !important;}
  .seo7-user-swiper-box{max-width: 540px;}
  .seo7-bannerb-info{width: 100%;}
  .seo7-bannerb-top{padding: 0;margin-bottom: 32px;}
  .seo7-bannerb-bottom{row-gap: 12px;}
  .seo7-banner-bottom .areoi-background{opacity: .3;}
  .seo7-bannerb-bottom p{width: 100%;height: 62px;line-height: 62px;}
  .seo7-bannerb-bottom p:nth-child(2){border-radius: 16px 64px;}
  .seo7-bannerb-bottom p:nth-child(3){border-radius: 64px 16px;}
  .seo7-bannerb-img{width: calc(100% - 16px);}
  .seo7-simple-row-box .row .col{padding: 0;}
  .seo7-banner-bottom{padding: 24px 0;}
  .seo7-banner-bottom .col{padding: 0;}
}
@media (max-width: 499px){
  .seo7-new-swiper .new-swiper-slider .slide-info-box>p{display: none;}
  .seo7-new-swiper .new-swiper-slider .slide-info-bottom{margin-top: 12px !important;}
}
.seo9-banner{padding: 166px 0 92px;}
.seo9-banner-user-img{width: 144px;}
.seo9-banner-img{position: absolute;width: 795px;top: -72px;right: -65px;}
.seo9-powerful-row{padding: 64px 0;}
.seo9-powerful-item>div{background-color: #D8ECFF;transition: background-color .3s ; width: 318px;z-index: 2;padding: 24px;min-height: 221px;border: 8px solid #FFF;}
.seo9-powerful-item>div:hover{background-color: #BCD1FF;}
.seo9-powerful-right .seo9-powerful-item>div>figure{z-index: 3;position: absolute;width: 94px;}
.seo9-powerful-right .seo9-powerful-item .top-img{top: -70px;}
.seo9-powerful-right .seo9-powerful-item .bottom-img{bottom: -70px;}
.seo9-powerful-right .seo9-powerful-item .top-left,.seo9-powerful-right .seo9-powerful-item .bottom-left{left: 44px;}
.seo9-powerful-right .seo9-powerful-item .top-right,.seo9-powerful-right .seo9-powerful-item .bottom-right{right: 44px;}
.seo9-powerful-right .seo9-powerful-item .top-left-radius{border-radius: 68px 24px;}
.seo9-powerful-right .seo9-powerful-item .top-right-radius{border-radius: 24px 68px;}
.seo9-color-icon{z-index: 1; position: absolute;width: 138px;height: 138px;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.seo9-does-box{row-gap: 24px;}
.seo9-does-box .col>div>div{position: absolute;left: 0;z-index: 2;}
.seo9-does-box .top-img>div:first-child *,
.seo9-does-box .bottom-img>div:last-child *{padding: 0;margin: 0;}
.seo9-does-box .top-img>div:first-child,
.seo9-does-box .bottom-img>div:last-child{height: 56px;padding-left: 16px;padding-right: 20px;}
.seo9-external-tag-t{line-height: 40px;}
.seo9-does-box .bottom-img .seo9-external-tag-b{line-height: 74px;}
.seo9-does-box .top-img .seo9-external-text,
.seo9-does-box .bottom-img .seo9-external-text{position: relative;background-color: #e3f4ff;}
.seo9-does-box .col>.bottom-img>div:last-child{bottom: 0;}
.seo9-does-box .top-img figure::before{position: absolute;top: 1px;left: 0;z-index: 2;content: '';width: 100%;height: 100%; background: linear-gradient(180deg, rgba(227, 244, 255, 0.00) 0%, rgba(227, 244, 255, 0.20) 50%, #E3F4FF 100%)}
.seo9-does-box .bottom-img figure::before{position: absolute;bottom: 1px;left: 0;z-index: 2;content: '';width: 100%;height: 100%; background: linear-gradient(180deg, #E3F4FF 0%, rgba(227, 244, 255, 0.20) 65%, rgba(227, 244, 255, 0.00) 100%)}
.seo9-pagination-box .areoi-icon i{color: #b9cff8 !important;font-size: 32px !important;line-height: 1;cursor: pointer;}
.seo9-pagination-box .areoi-icon i:hover{color: #2c6be8 !important;}
.seo9-new-carousel .lh-new-carousel-box>div{width: 480px;flex: none;transition: transform .3s;}
.seo9-video-tag{margin-bottom: 71px;}
.seo9-scroll-box .scoll-left-box .scoll-item-box{margin-bottom: 300px;}
.seo9-scroll-box .scoll-item-box:first-child{margin-top: 120px;}
.seo9-scroll-box .scoll-item-box:last-child{margin-bottom: 170px;}
.seo9-scroll-box .scoll-step-box{position: sticky;top: calc(50% - 230px);height: 422px;}
.seo9-scroll-box .scoll-step-box .scoll-step-img{width: 620px; position: absolute;top: 0;right: 0;opacity: 0;transition: opacity .3s;}
.seo9-scroll-box .scoll-step-box .scoll-step-img.active{opacity: 1;}
.seo9-step-text .seo9-step-zan{position: absolute;z-index: 10;width: 173px;left: 0;}
.seo9-step-text>div{padding: 28px 32px 24px 137px;width: calc(100% - 34px);border-radius: 80px 16px 16px 16px;}
.seo9-step-text .text-title-box{padding: 4px 16px;border-radius: 20px;background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);}
.seo9-support .seo9-support-img-box,.seo9-support .seo9-support-img-box .seo9-support-bg{position: absolute;top: 0;left: 0;}
.seo9-support .seo9-support-img-box .seo9-support-bg{opacity: 0;}
.seo9-support .seo9-support-img-box .seo9-support-bg.show{opacity: 1;}
.seo9-support-item{width: 316px;height: 88px;background: #ffffff63;}
.seo9-support-item:hover,.seo9-support-item.show{background: linear-gradient(90deg, #D2F8FF 0%, #A0BFFE 100%);}
.seo9-support-item .seo9-support-img{width: 56px;height: 56px;}
.seo9-type-item{background: linear-gradient(0deg, #FBFEFF 0%, #E6F3FF 100%); }
.seo9-type-item *{z-index: 2;}
.seo9-type-item:hover .seo9-type-limg{transform:scale(1.2)}
.seo9-type-limg{position: absolute;bottom: 0;right: 0;width: 155px;transition: transform .3s;z-index: 1 !important;}
.seo9-choose-row .seo9-choose-item {background: linear-gradient(211deg, #DFEEFF 2.32%, #CFFCFF 100%);}
.seo9-choose-row .col:first-child{transform: rotate(-5deg);transform-origin: right bottom;}
.seo9-choose-row .col:last-child{transform: rotate(5deg);transform-origin: left bottom;}
.seo9-choose-item .item-top-box p:first-child{font-size: 56px;line-height: 1;}
.seo9-choose-item .item-top-box p:last-child{font-size: 24px;line-height: 150%;}
.seo9-user-item{background-color: #fff;}
.seo9-user-img{width: 100%;height: 228px;}
.seo9-user-img *{margin: 0;padding: 0;}
.success-icon i{color: #34CEA0 !important;}
.seo9-uses-bottom i{font-size: 16px !important;color: #B4BCCA !important;}
.seo9-asked-left{max-width: 350px;}
.seo9-asked-accordion .accordion-item{border: none;border-bottom:1px solid #D2D7DF !important;}
.seo9-asked-accordion .accordion-item .accordion-button{padding: 16px 0;}
.seo9-asked-accordion .accordion-item.fs-5 .accordion-button{font-size: 20px;}
.seo9-asked-accordion .accordion-body{padding: 0 0 16px;}
.seo9-asked-accordion .accordion-button:not(.collapsed){box-shadow: none;}
.seo9-change-item{position: absolute;top:50%;transform: translateY(-50%); opacity: 0;transition: opacity .3s;padding: 0 6px 0 0;}
.seo9-change-item.show{opacity: 1;z-index:6;}
.seo9-change-item>figure{position: absolute;width: 62px;right: 0;top: -6px;z-index: 4;}
.seo9-data-item::before{content: '';position: absolute;width: 100%;height: 100%;display: block;border-radius: 16px;background: linear-gradient(180deg, rgba(25, 60, 130, 0.00) 0%, #193C82 100%);z-index: 2;}
.seo9-data-item>div{position: absolute;bottom: 0;z-index: 3;}
.seo9-change-ritem{width: 48.4%;}
.seo9-change-ritem .tag{position: absolute;left: 132px;top: -6px; width: 63px;z-index: 2;}
.seo9-content-box {padding: 48px 0;}
.seo9-content-box .description{max-width: 700px;}
.seo9-banner .banner-info{max-width: 630px;}
.seo9-banner .seo9-banner-tag{row-gap: 12px !important;}
.seo9-banner .container .col:first-child{z-index: 2;}
.seo9-new-carousel .description{max-width: 520px;}
.seo9-support-img-box .seo9-support-bg .areoi-background__image{background-position: right;}
.mb-bg-box.seo9-support-img-box .seo9-support-bg .areoi-background__image{background-position: bottom;}
.seo9-change-ritem:hover p{color: #2C6BE8;}
.seo9-change-item:hover .seo9-data-item p.c-white.fw-semibold{text-decoration: underline;}
@media (max-width: 1399px){
  .seo9-banner-img{right: -127px;}
  .seo9-banner-img{width: 740px;} 
  .seo9-scroll-box .scoll-step-box .scoll-step-img{width: 550px;}
  .seo9-scroll-box .scoll-step-box{height: 374px;}
}
@media (max-width: 1330px){
  .seo9-banner-img{width: 570px;top: 50%;transform: translateY(-50%);right: 0px;}
}
@media (max-width: 1290px){
  .seo9-banner .banner-info{max-width: 580px;}
}
@media (max-width: 1199px){
  .seo9-banner .banner-info{max-width: 500px;}
  .seo9-banner-img{right: -70px;}
  .seo9-powerful-item>div{width: 284px;}
  .seo9-does-box{margin: 0 auto;}
  .seo9-new-carousel .lh-new-carousel-box>div{width: 420px;}
  .seo9-scroll-box .scoll-step-box .scoll-step-img{width: 460px;}
  .seo9-scroll-box .scoll-step-box{height: 320px;}
  .seo9-scroll-box .scoll-item-box:first-child{margin-top: 80px;}
  .seo9-scroll-box .scoll-item-box:last-child{margin-bottom: 120px;}
  .seo9-change-ritem p{display: none;}
  .seo9-change-item{width: 400px;}
  .seo9-change-ritem{justify-content: flex-end;}
  .seo9-change-ritem{width: auto;}
  .se9-change-box{justify-content: center;}
  .se9-change-box .col:nth-child(2){padding-left: 100px;max-width: 518px;}
}
@media (max-width: 1035px){
  .seo9-banner-img{width: 550px;right: -30px;}
  .seo9-choose-row .col{max-width: 317px;}
}
@media (max-width: 991px){
  .seo9-new-carousel .description{max-width: 100%;}
  .seo9-support-item{background: #fff;}
  .seo9-banner-img{position: unset;width: 100%;transform: none;}
  .banner-right-box{margin-top: -12%;}
  .seo9-banner .areoi-background__image{background-position: right;}
  .seo9-color-icon{display: none;}
  .seo9-powerful-item>div{width: 100%;min-height: auto;}
  .seo9-powerful-right{margin-top: 93px;}
  .seo9-powerful-item>div{padding-top: 60px;}
  .seo9-powerful-right .seo9-powerful-item figure{bottom: auto;top: -47px !important;left: 44px;}
  .seo9-powerful-right,.seo9-powerful-item{row-gap: 64px;}
  .seo9-does-box{row-gap: 32px;}
  .seo9-new-carousel .lh-new-carousel-box>div{width: 100%;transform: none !important;}
  .seo9-video-tag{margin-bottom: 24px;}
  .seo9-scroll-box .scoll-left-box .scoll-item-box{margin: 0;}
  .seo9-scroll-box .scoll-left-box .scoll-item-box:last-child figure{margin-bottom: 0 !important;}
  .seo9-support-box{margin-bottom: 550px;}
  .seo9-choose-row .col{max-width: 100%;transform: none !important;}
  .btn-bottom-commom{margin-bottom: 56px;}
  .seo9-asked-left{max-width: 100%;}
  .seo9-change-item{max-width: 520px;width: auto; position: unset;transform: none;opacity: 1;}
  .seo9-does-box,.seo9-powerful-right{max-width: 520px;margin-left: auto;margin-right: auto;}
}
@media (max-width: 767px){
  .seo9-banner{padding: 37px 0 24px;}
  .seo9-banner .banner-info-box .title-mt{margin-top: -12px;}
  .seo9-banner .banner-info-box{row-gap: 12px !important;}
  .seo9-banner .banner-btn-box{margin-bottom: 0;}
  .seo9-banner .seo9-banner-tag{column-gap: 12px !important;}
  .seo9-banner-user-img{width: 80px;}
  .banner-right-box{margin-top: -7%;}
  .seo9-powerful-right{margin-top: 66px;}
  .seo9-scroll-box{max-width: 100%;}
  .seo9-scroll-box>div{max-width: 540px;margin-left: auto;margin-right: auto;}
  .seo9-scroll-box>.areoi-background{max-width: 100%;}
  .seo9-support-item{height: 64px};
  .seo9-support-item .seo9-support-img{width: 48px;height: 48px;} 
  .seo9-support-box{margin-left: auto;margin-right: auto;}
  .seo9-support-box{margin-bottom: 500px;}
  .btn-bottom-commom{margin-bottom: 32px;}
  .seo9-content-box .areoi-background .areoi-background__image{background-position: left;opacity: .3;}
  .seo9-step-text .seo9-step-zan{width: 94px;}
  .seo9-step-text>div{width: 100%;padding: 24px;}
  .seo9-step-text .seo9-step-zan{left: 18px;}
  .seo9-step-text .text-title-box{margin-left: 80px;margin-bottom: 20px;}
  .seo9-support-item .seo9-support-img{width: 48px;height: 48px;}
}
@media (max-width: 700px){
  .seo9-support-box{margin-bottom: 430px;}
}
@media (max-width: 600px){
  .seo9-support-box{margin-bottom: 350px;}
}
@media (max-width: 575px){
  .seo9-scroll-box>div{max-width: 100%;}
  .seo9-does-box, .seo9-powerful-right{max-width: 100%;}
  .seo9-powerful-row{padding: 0 16px;}
  .border-top-section{padding-left: 0;padding-right: 0;}
  .seo9-support-box{margin-bottom: 380px;}
  .seo9-user-img{height: 169px;}
  .seo9-data-item .c-blue2{display: none;}
}
@media (max-width: 529px){
  .seo9-step-text .text-title-box{margin-bottom: 2px;width: 232px;border-radius: 8px;}
 
}
@media (max-width: 400px){
   .seo9-support-box{margin-bottom: 250px;padding: 0 16px;}
   .seo9-support-item{width: 100%;}
}

.Seo14-Banner{padding: 131px 0 120px;}
.seo14-banner-new{height:880px}
.seo14-banner-new *{z-index: 2;}
.seo14-banner-new .areoi-background {z-index: 1;}
/* .new-banner-title{display: inline-block;} */
.new-banner-title mark{padding: 0 !important;font-size: 48px;}
.seo14-banner-new::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, .7) 9.29%, rgba(0, 0, 0, .5) 80%, rgba(0, 0, 0, .1) 100%);z-index: 2;}
.seo-14-banner-tag p{font-size: 24px;}
.seo-14-banner-tag p:last-child{color: #C4D8FF;}
.seo-14-banner-tag *,.seo-14-banner-tag{z-index: 3;}
.seo-14-banner-tag{min-width :197px; transform-style: preserve-3d;align-items: center;gap: 3px; position: absolute;left: 50%;transform: translateX(-50%); top:-40px;padding: 3px 12px;background:linear-gradient(to right,#46B8FF,#0055FF);}
.seo-14-banner-tag::before{ content: '';border-radius: 2px; position: absolute;bottom: -10px;left: 50%; width:14px;height: 14px;background:linear-gradient(to right,#2488ff,#2184ff);transform: rotate(45deg) translateZ(-1px) translateX(-50%);}
.seo14-banner-new .text-light{color: #a6b2bf !important ;}
.seo14-item-box{min-height: 276px;}
.change-banner-p .areoi-background .areoi-background__image{background-position: left;}
.seo14-banner-new .banner-info{margin: 0;}
.seo14-banner-box{padding: 80px;background: linear-gradient(180deg, #4DADFB 0.01%, #57ABFF 24.63%, #A4D5FC 63.1%, #A9F1FF 99.99%);}
.seo14-banner-box figure{width: 295px;}
.seo14-banner-box p{font-size: 28px;margin: 48px 0;}
.seo14-banner-text{font-size: 28px;}
@media (max-width: 767px){
  .Seo14-Banner{padding: 40px 0;}
  .new-banner-title mark{font-size: 24px;}
  .seo14-banner-new{height: auto;}
  .seo14-banner-new .banner-info{position: absolute;top: 95px;z-index: 4;}
  .seo14-banner-new figure{margin-top: -55%;}
  .seo14-banner-new::before{z-index: 3;background: linear-gradient(180deg, #000 8.83%, rgba(0, 0, 0, 0.50) 55.7%, rgba(0, 0, 0, 0.00) 75.78%)}
  .seo14-banner-new2::before,.seo14-banner-new3::before{background: linear-gradient(180deg, #000 37.01%, rgba(0, 0, 0, 0.60) 60%, rgba(0, 0, 0, 0.10) 70%);}
  .seo14-banner-box{margin: 0 16px;}
  .seo14-banner-box figure{width: 173px;}
  .seo14-banner-box p{font-size: 20px;margin:32px 0;}
  .seo14-banner-text{font-size: 20px;}
}
@media (max-width: 660px){
 .seo14-banner-new figure{margin-top: -45%;}
}
@media (max-width: 575px){
 .seo14-banner-new figure{margin-top: -40%;}
}
@media (max-width: 460px){
  .seo14-banner-new figure{margin-top: 0;}
}
@keyframes fly1 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    top: 48%;
    left: 48%;
  }
}
.other-item .hover-show{background: linear-gradient(270deg, #81ABFF 0%, #2C6BE8 100%);position: absolute;left: 0;bottom:0; transition: transform .3s;transform: translateY(100%);}
.other-item:hover .hover-show{transform: translateY( 0%);}
.radar-box figure{position: absolute;}
.radar-box .radar{z-index: 3; width: 100%; top: 50%;left: 50%;transform: translate(-50%,-50%);animation: rotate 3s linear infinite;}
.radar-box .radar img{transform: scale(1.1);}
.radar-box [class*="round-item"]{width: 50px;height: 50px;z-index: 4;}
.radar-box .round-item1{left: 100%;top: -38%;animation: fly1 1s linear infinite;}
.radar-box .round-item2{left: -11%;top: -14%;animation: fly1 1s .5s linear infinite;}
.radar-box .round-item3{left: 0;top: 100%;animation: fly1 1s .7s linear infinite;}
.radar-box .round-item4{left: 90%;top: 80%;animation: fly1 1s 1.5s linear infinite;}
.seo10-banner{padding: 160px 0 100px;overflow: hidden;}
.seo10-banner .banner-img{position: absolute;right: -61px;top: -166px;width: 942px;}
.seo10-click-swiper .click-swiper-item{width: 34%; max-width: 414px;height: 500px;transition:transform .3s;}
.seo10-click-swiper .click-swiper-item .hover-box{position: absolute;bottom: 0;transform: translateY(100%);transition: transform .3s;}
.seo10-click-swiper .click-swiper-item.active .hover-box{transform:translateY(0) ;}
.seo10-click-swiper .click-swiper-item.active .swiper-img{transform:translateY(-50px) ;}
.seo10-click-swiper .gradient-border{border: 2px solid#5386EC;}
.click-swiper .click-swiper-item.active .gradient-border{border-color: transparent;}
.click-swiper .click-swiper-item.active .gradient-border::before{opacity: 1;}
.seo10-drecov-box  *{z-index: 2;}
.seo10-drecov-box .drecov8-item1{background: linear-gradient(to right, #e5e9ff 0%, #eef3ff 100%);}
.seo10-drecov-box .drecov8-item2{background: linear-gradient(to right, #dcecff 0%, #f1f8ff 100%);}
.seo10-drecov-box .drecov8-item1::before,
.seo10-drecov-box .drecov8-item2::before{content: '';display: block;width: 210px;aspect-ratio: 1/1;border-radius: 50%; position: absolute;left: -55px ;top: -5px;}
.seo10-drecov-box .drecov8-item1 .item-number,
.seo10-drecov-box .drecov8-item2 .item-number{font-size: 72px;}
.seo10-drecov-box .drecov8-item1::before{background: linear-gradient(180deg, #C2D6FF 0%, #8B9EFF 100%);}
.seo10-drecov-box .drecov8-item2::before{background : linear-gradient(180deg, #C5E9FF 0%, #72C9FF 100%);}
.seo10-drecov-box .pc-img,.seo10-drecov-box .mb-img{position: absolute;z-index: 1;}
.seo10-drecov-box .drecov8-item3{background: #CDE4FF;}
.seo10-drecov-box .drecov8-item3 .pc-img{width: 100%;left: 0;bottom: 0 ;}
.seo10-drecov-box .drecov8-item4 ,.seo10-drecov-box .drecov8-item5,.seo10-drecov-box .drecov8-item8{background: #E3F4FF;} 
.seo10-drecov-box .drecov8-item4 .info-text,.seo10-drecov-box .drecov8-item8 .info-text{max-width: 344px;} 
.seo10-drecov-box .drecov8-item4 .tag-box{max-width: 440px;} 
.seo10-drecov-box .drecov8-item4 .tag-box p{background: linear-gradient(90deg, #9FD4FF 0%, #9CF0FF 100%);} 
.seo10-drecov-box .drecov8-item4 .pc-img{width: 406px;right: 0;bottom: 0;}
.seo10-drecov-box .drecov8-item5 .pc-img{left: 0;width: 100%;bottom: 0;}
.seo10-drecov-box .drecov8-item6{background: #CDE4FF;}
.seo10-drecov-box .drecov8-item6 .tag-box p{background: linear-gradient(90deg, #9ABCFF 0%, #9ED7FF 100%);}
.seo10-drecov-box .drecov8-item6 .pc-img{right: 0;bottom: 0;width: 400px;z-index: 1;}
.seo10-drecov-box .drecov8-item7{background: #B5F2FF;}
.seo10-drecov-box .drecov8-item7 .tag-box,.seo10-drecov-box .drecov8-item7 .info-text{max-width: 387px;}
.seo10-drecov-box .drecov8-item7 .tag-box p{background: linear-gradient(90deg, #8CCBFF 0%, #65E8FF 100%);} 
.seo10-drecov-box .drecov8-item7 .pc-img{right: 0;bottom: 0;width: 323px;z-index: 1;}
.seo10-drecov-box .drecov8-item8 .quick-box{row-gap: 12px;max-width: 477px; border-radius: 18px;background: linear-gradient(90deg, #9FD4FF 0%, rgba(156, 240, 255, 0.20) 100%);}
.seo10-drecov-box .drecov8-item8 .pc-img{right: 0;bottom: 0;height: 100%;z-index: 1;}
.seo10-drecov-box .drecov8-item8 .pc-img figure{height: 100%;}
.seo10-drecov-box .drecov8-item8 .pc-img figure img{height: 100%;width: auto;}
.seo10-drecov-box [class*="drecov8-item"] figure{transition: transform .3s;z-index: 1;}
.seo10-drecov-box [class*="drecov8-item"]:hover figure{transform: scale(1.3);} 
.seo10-formatted-img{position: absolute;left: -174px;top: 50%;transform: translateY(-50%);;width: 125%;}
.seo10-formatted-bottom{margin-top: 112px;}
.seo10-supported-item{max-width: 240px;}
.seo10-formatted-bottom .bottom-title{border-radius: 20px; background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);}
.seo10-formatted-bottom-img{position: absolute;right: 24px;bottom: 24px;width: 165px;}
.seo10-supported-item .drecove-right-img{border: 2px solid #C9DEFA;}
.seo10-supported-item:hover .hover-title{color:#2C6BE8}
.seo10-supported-item:hover .clip{background: #0dcaf0;}
.seo10-supported-item .clip{width: 28px;height: 40px;position: absolute;z-index: 10;background: #2C6BE8;border-radius: 4px;top: -30px;left: 50%;transform: translateX(-50%);transition: background .3s;}
.seo10-supported-item .clip::before{width: 12px;height: 12px;border-radius: 12px;background: #FFF;content: '';display: block;position: absolute;top: 4px;left: 50%;transform: translateX(-50%);}
.se10-line{width: 100%;max-width: 1440px;margin-left: auto;margin-right: auto; height: 350px;margin-top: -258px; border-radius: 50%;border-bottom: 2px solid #B4BCCA;margin-bottom: 20px;}
.bg-linear26 .container{z-index: 9;}
.box-file-types .seo10-supported-box .seo10-supported-item:nth-child(1){transform: translateY(-55px) rotate(10deg);}
.box-file-types .seo10-supported-box .seo10-supported-item:nth-child(2){transform: translateY(-13px) rotate(5deg);}
.box-file-types .seo10-supported-box .seo10-supported-item:nth-child(4){transform: translateY(-13px) rotate(-5deg);}
.box-file-types .seo10-supported-box .seo10-supported-item:nth-child(5){transform: translateY(-55px) rotate(-10deg);}
.box-support-devices .seo10-supported-box .seo10-supported-item:nth-child(1){transform: translateY(-55px) rotate(10deg);}
.box-support-devices .seo10-supported-box .seo10-supported-item:nth-child(2){transform: translateY(-8px) rotate(5deg);}
.box-support-devices .seo10-supported-box .seo10-supported-item:nth-child(3){transform: translateY(-8px) rotate(-5deg);}
.box-support-devices .seo10-supported-box .seo10-supported-item:nth-child(4){transform: translateY(-55px) rotate(-10deg);}
.seo10-diy-swiper .mb-img{display: none;}
.seo10-diy-swiper .card{background: linear-gradient(251deg, #E5F8FF 0%, #FFF 62.77%);align-items: end;}
.seo10-diy-swiper .img-box{position: absolute;right: 0;top: 0;width: 400px;}
.seo10-diy-swiper .seo10-item-top{align-items: center;}
.seo10-diy-swiper .setp-box{padding: 0;width: 32px;aspect-ratio: 1/1;text-align: center;line-height: 32px;border-radius: 5px;flex:none;}
.seo10-diy-swiper .areoi-icon i,.seo10-swiper-btn .areoi-icon i{color: #c0d3f8 !important;transition: color .2s;cursor: pointer;}
.seo10-diy-swiper .areoi-icon:hover i,.seo10-swiper-btn .areoi-icon:hover i{color: #2c6be8 !important;}
.seo10-diy-swiper .diy-item{order: 3;}
.seo10-diy-swiper .diy-item.active{order: 1 ;}
.seo10-swiper-slide{width: 550px;border-radius: 16px 16px 72px 16px;border: 1px solid #D2D7DF;background: #FFF;}
.seo10-swiper-btn{position: absolute;z-index: 2;right: 12px;bottom: 8px;}
.seo10-swiper-slide .slider-icon{margin-bottom: 6px !important;}
.seo10-accordion-img{width: 0;position: absolute;left: -304px;bottom: 0; transition:width .3s;}
.seo10-accordion .lh-accordion-item.active .seo10-accordion-img{width: 272px;}
.seo10-accordion-num{color: #CFDFFF;font-size: 40px;}
.seo10-accordion .title-left p{overflow: visible;-webkit-line-clamp: 200;line-clamp: 200;}
.seo10-accordion .lh-accordion-item {margin-bottom: 32px;border-bottom: 1px solid #D2D7DF;padding-bottom: 32px;transition:margin .3s;}
.seo10-accordion .lh-accordion-item.active{padding-bottom: 0;margin-left: 304px;}
.seo10-accordion .lh-accordion-item.active .lh-accordion-item-title{margin-top: 77px;}
.seo10-accordion .lh-accordion-item:not(:first-child).active .lh-accordion-item-title{margin-top: 85px;}
.seo10-bottomB{padding: 48px 84px 0; max-width: 1120px;margin: 0 auto;background:linear-gradient(180deg, #B3E8FF -6.4%, rgba(179, 232, 255, 0.76) -6.4%, rgba(179, 232, 255, 0.00) 96.37%);border-radius:100% 100% 0 0  / 54% 54% 0 0 }
.seo10-tag-box{justify-content: center;}
.seo10-tag-box p{max-width: 296px;background: #F2FBFF;}
.seo10-tag-box p:nth-child(1){border-radius: 16px 64px;}
.seo10-tag-box p:nth-child(2){border-radius: 16px 16px 64px 64px;}
.seo10-tag-box p:nth-child(3){border-radius: 64px 16px;}
.seo10-banner .gap-7,.seo10-banner .description{z-index: 2;}
.seo10-accordion .accordion-info-content{font-size: 16px !important;margin-bottom: 0 !important;}
.module-line-box{height: 168px;}
@media(max-width: 1399px){
  .seo10-supported-item{max-width: 210px;}
  .seo10-click-swiper .click-swiper-item{max-width: 373px;}
  .seo10-banner .banner-img {right: -113px;top: -156px;width: 842px;}
  .box-file-types .seo10-supported-box .seo10-supported-item:nth-child(1){transform: translateY(-45px) rotate(10deg);}
  .box-file-types .seo10-supported-box .seo10-supported-item:nth-child(5){transform: translateY(-45px) rotate(-10deg);}
  .box-support-devices .seo10-supported-box .seo10-supported-item:nth-child(1){transform: translateY(-45px) rotate(10deg);}
  .box-support-devices .seo10-supported-box .seo10-supported-item:nth-child(4){transform: translateY(-45px) rotate(-10deg);}
}
@media(max-width: 1199px){
  .se10-line{width: 1199px;transform: translateX(-50%);left: 50%;}
  .seo10-supported-item{max-width: 178px;}
  .seo10-banner .banner-img {right: -95px;top: -36px;width: 674px;}
  .box-file-types .seo10-supported-box .seo10-supported-item:nth-child(1){transform: translateY(-39px) rotate(10deg);}
  .box-file-types .seo10-supported-box .seo10-supported-item:nth-child(5){transform: translateY(-39px) rotate(-10deg);}
  .box-support-devices .seo10-supported-box .seo10-supported-item:nth-child(1){transform: translateY(-39px) rotate(10deg);}
  .box-support-devices .seo10-supported-box .seo10-supported-item:nth-child(4){transform: translateY(-39px) rotate(-10deg);}
  .box-file-types .seo10-supported-box .seo10-supported-item:nth-child(2){transform: translateY(-10px) rotate(5deg);}
  .box-file-types .seo10-supported-box .seo10-supported-item:nth-child(4){transform: translateY(-10px) rotate(-5deg);}
}
@media(max-width: 991px){
  
  .seo10-banner .banner-img{position: unset;width: 100%;}
  .seo10-click-swiper{align-items: center;}
  .seo10-click-swiper .click-swiper-item{width: 100%;transform: none !important;max-width: 100%;}
  .seo10-click-swiper .click-swiper-item .hover-box{transform: translateY(0);}
  .seo10-click-swiper .click-swiper-item .swiper-img{transform: translateY(-50px);}
  .click-swiper .click-swiper-item.active .gradient-border{border-color: #5386EC;}
  .click-swiper .click-swiper-item.active .gradient-border::before{opacity: 0;}
  .click-swiper .click-swiper-item.active:hover .gradient-border::before{opacity: 1;}
  .seo10-drecov-box .drecov8-item1::before,
  .seo10-drecov-box .drecov8-item2::before{top: 50%;transform: translateY(-50%);}
  .seo10-drecov-box .drecov8-item3{height: 596px !important;}
  .seo10-drecov-box .drecov8-item5{height: 240px !important;}
  .seo10-formatted-img{width: 100%;position: unset;top: 0;left: 0;transform: none;}
  .seo10-warm-text{padding-right: 120px;}
  .se10-line{display: none;}
  .seo10-supported-item{width: 100% !important;max-width: 100%; transform: none !important;margin-top: 62px;}
  .seo10-supported-box .seo10-supported-item:first-child{margin-top: 0;}
  .seo10-supported-item .drecove-right-img figure img{width: 100%;}
  .seo10-supported-box{margin-top: 30px;}
  .seo10-diy-swiper .card{background: linear-gradient(349deg, #E5F8FF 36.21%, #FFF 75.41%);}
  .seo10-diy-swiper .pc-img{display: none;}
  .seo10-diy-swiper .mb-img{display: block;top: auto;bottom: 0;}
  .seo10-accordion .lh-accordion-item.active{margin-left: 0;}
  .seo10-accordion-img{width: 100% !important;height: 0;transition: height .3s;}
  .seo10-accordion .lh-accordion-item.active .seo10-accordion-img{height: auto !important;position: unset;}
  .seo10-accordion .lh-accordion-item.active .lh-accordion-item-title{margin-top: 0;}
  .seo10-accordion .lh-accordion-item-title.active::before{transform: translateY(13px) rotate(-180deg);}
  .seo10-accordion .lh-accordion-item-title::before{top: 0;transform: translateY(13px) rotate(0deg);}
  .seo10-accordion .lh-accordion-item:not(:first-child).active .lh-accordion-item-title{margin-top: 32px;}
  .seo10-bottomB{border-radius: 100% 100% 0 0 / 21% 21% 0 0;}
  .seo10-tag-box p{max-width: 100%;}
  .seo10-tag-box p{border-radius: 16px 64px !important;}
  .seo10-drecov-box .row .col{padding: 0;}
  .seo10-drecov-box .drecov8-item3 .pc-img{bottom: -130px;}
  
}
@media(max-width: 767px){
  .seo10-banner{padding: 40px 0 25px;}
  .seo10-drecov-box .drecov8-item1 .item-number, .seo10-drecov-box .drecov8-item2 .item-number{font-size: 40px;}
  .seo10-drecov-box .drecov8-item1::before, .seo10-drecov-box .drecov8-item2::before{width: 165px;left: -65px;}
  .seo10-drecov-box .mb-img{bottom: 0;width: 100%;left: 0;}
  .seo10-drecov-box .drecov8-item3 .mb-img{left: 0;bottom: -100px;}
  .seo10-drecov-box .drecov8-item4{height: 554px !important;}
  .seo10-drecov-box .drecov8-item5,.seo10-drecov-box .drecov8-item6{height: 268px !important;}
  .seo10-drecov-box .drecov8-item7,.seo10-drecov-box .drecov8-item8{height: 412px !important;}
  .seo10-drecov-box .drecov8-item7 .tag-box, .seo10-drecov-box .drecov8-item7 .info-text{max-width: 100%;}
  .seo10-drecov-box .drecov8-item4 .info-text, .seo10-drecov-box .drecov8-item8 .info-text{max-width: 100%;}
  .seo10-formatted-bottom-img{width: 124px;right: 26px;bottom: auto;top: -42px;}
  .seo10-warm-text{padding: 0;}
  .seo10-formatted-bottom{margin-top: 57px;}
  .seo10-diy-swiper .mb-img{width: 306px;}
  .seo10-swiper-box{margin: 0 auto;max-width: 540px;padding: 0 12px ;}
  .module-line-box{height: 69px;}
  .seo10-accordion-num{font-size: 28px;}
  .seo10-accordion .lh-accordion-item-title::after{width: 32px;height: 32px;min-width: 32px;}
  .seo10-accordion .lh-accordion-item-title::before{width: 16px;height: 16px;}
  .seo10-accordion .lh-accordion-item-title.active::before,.seo10-accordion .lh-accordion-item-title::before{transform: translateY(8px) rotate(-180deg);}
  .seo10-accordion .lh-accordion-item-title::before{transform: translateY(8px) rotate(0deg);right: 8px;}
}
@media(max-width: 575px){
  .seo10-swiper-box{max-width: 100%;padding: 0 16px ;}
  .seo10-bottomB{padding: 32px 16px 0;}
  .seo10-drecov-box .drecov8-item3{height: 527px !important;}
  .seo10-drecov-box .drecov8-item3 .mb-img{bottom: 0;}
}
.common-section1{padding: 80px 0;}
.author-banner .author-avatar{width: 173px;height: 221px;padding: 13px 14px;box-shadow: 0 0 20px 0 rgba(44, 107, 232, 0.30);transition: transform .3s;}
.author-banner .author-avatar.rote{transform: rotate(-8deg);}
.author-banner .author-avatar::before{content: '';position: absolute;top: -8px;left: 50%;transform: translateX(-50%);background: rgba(44, 107, 232, 0.70);z-index: 2;width: 42px;height: 16px;}
.author-banner .author-avatar .avatar-box{height: 134px;width: 100%;}
.author-banner .author-avatar .avatar-box img{position: absolute;height: auto;width: 100%;left: 50%;top:50%;transform: translate(-50%,-50%);}
.author-banner .float-img{position: absolute;right: 24px;top: 30px;z-index: 2;}
.author-banner-content{margin-top: 134px;max-width: 1440px;padding: 0 40px;}
.author-banner-content::before{content: '';position: absolute;top: -22px;left: 20%; background: rgba(44, 107, 232, 0.70);z-index: 2;width: 86px;height: 44px;border-radius: 2px;}
.author-banner-content::after{content: '';position: absolute;top: -22px;right: 20%;background: rgba(44, 107, 232, 0.70);z-index: 2;width: 86px;height: 44px;border-radius: 2px;}
.author-banner-content>div{border-radius: 64px 64px 0 0;background: linear-gradient(180deg, #66ADFF 0%, rgba(102, 173, 255, 0.00) 75%);padding: 80px 40px 0;}
.author-content-left{width: 330px;margin-right: 56px;}
.customize-button::after{display: none !important;}
.author-swiper .swiper-slide{width: 524px;}
.author-swiper .slider-tag{border-radius: 24px;padding: 4px 8px;background: linear-gradient(90deg, rgba(44, 107, 232, 0.10) 0%, rgba(44, 107, 232, 0.00) 100%);}
.author-swiper .slider-img{width: 232px;height: 232px;overflow: hidden;border-radius: 12px;}
.author-swiper .slider-img img{height: 100%;max-width: none;width: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.article-details-classify-box{max-width: 262px;border-left: 1px solid #D2D7DF;}
.article-details-classify-box>div{display: flex;flex-direction: column;}
.article-details-classify-box>div>a{padding: 16px;position: relative;font-size: 16px;color: #5F6C86;}
.article-details-classify-box>div>a.active{color: #2c6be8;}
.article-details-classify-box>div>a.active::before,.articles-menu-box .list-group-item.active::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-left: 2px solid #2c6be8; background: linear-gradient(90deg, rgba(44, 107, 232, 0.15) 0%, rgba(44, 107, 232, 0.00) 100%);}
.articles-item-box{border-bottom: 1px solid #D2D7DF;}
.articles-item-box .time-box{border-radius: 4px;background: #E9EBEF;font-size: 14px;}
.author-pagination-box,.author-pagination-box .page-number-box{column-gap: 16px;row-gap: 8px;flex-wrap: wrap;}
.author-pagination-box .page-number-box .page-numbers,
.author-pagination-box .previous,
.author-pagination-box .next{font-size: 16px;border-radius: 24px;border: 1px solid #D2D7DF;padding:0 11px;color: #20242D;font-weight: 600;height: 42px;align-items: center;justify-content: center;min-width: 42px;}
.author-pagination-box .page-number-box .page-numbers.current,
.author-pagination-box .previous:not(.dots):hover,
.author-pagination-box .next:hover,
.author-pagination-box .page-number-box .page-numbers:hover{color: #2c6be8;border-color:  #2C6BE8;background: rgba(44, 107, 232, 0.10);}
.description p{margin: 0;}
.articles-info-box{background: linear-gradient(180deg, #F6EFFF 0%, #FFF 22.26%);}
.articles-info-content{padding-top: 56px;padding-bottom: 120px;max-width: 1920px;}
.articles-right-box{max-width: 360px;}
.articles-menu-box{width: 360px;}
.articles-menu-box>div,.articles-right-box>div{position: sticky;top: 60px;}
.articles-menu-box1{width: auto;margin-right: 40px;}
.articels-title a{color: #20242D;}
.articels-title a:hover{color: #2c6be8;}
.articles-menu-box .article-details-classify-box{max-width: 100%;border: none;}
.articles-menu-box .accordion-body{padding: 0 !important;}
.articles-menu-box .list-group-item{padding: 16px !important;}
.articles-menu-box .list-group-item:hover,.article-details-classify-box>div>a:hover{background: linear-gradient(90deg, rgba(44, 107, 232, 0.15) 0%, rgba(44, 107, 232, 0.00) 100%);}
.articles-menu-box .list-group-item *{margin: 0 !important;}
.articles-menu-box .list-group-item.active{background-color: transparent;}
.articles-menu-box .list-group-item.active a{color: #2C6BE8 !important;}
.articles-main-box .updated-box{width: 100%; padding: 16px 32px;border-radius: 16px;background: rgba(44, 107, 232, 0.05);margin-bottom: 32px;}
.articles-main-box .updated-box .wp-block-post-author__avatar{margin: 0;width: 48px;aspect-ratio: 1/1;border-radius: 48px;border: 1px solid #FFF;overflow: hidden;}
.articles-main-box .typo p:first-child{margin-top: 0 !important;}
.articles-main-box .typo{margin-bottom: 56px; border-radius: 0 0 16px 16px;background: linear-gradient(180deg, rgba(233, 235, 239, 0.00) 0%, rgba(233, 235, 239, 0.30) 100%);}
.articles-main-box .related-item-box{padding: 24px;}
.articles-main-box .related-item-box .wp-block-post-author__avatar{margin: 0;}
.articles-main-box .related-item-box .wp-block-post-author__avatar img{width: 24px;height: 24px;border-radius: 24px;}
.articles-right-box .download-close-btn{top: 8px;right: 8px;cursor: pointer;z-index: 2;}
.in-p-mb0 p{margin-bottom: 0;}
@media(max-width: 1600px){
  .articles-menu-box{width: 280px;}
}
@media(max-width: 991px){
  .articles-main-box .typo{background: #fff;}
.author-content-left{width: 100%;margin: 0;}
.author-banner-content{max-width: 100%;width: 100%;}
.author-banner .author-avatar.rote{transform: rotate(0deg);}
}
@media(max-width: 767px){
  .author-pagination-box .page-number-box{display: none;}
  .articles-main-box .typo{margin-bottom: 40px;}
  .articles-info-content{padding: 40px 0;}
  .articles-menu-box1{width: 100%;margin-right:0;}
  .articles-info-box  .container{max-width: 100%;}
  .author-banner-content{margin-top: 55px;padding: 0;}
  .author-banner-content>div{border-radius: 48px 48px 0 0;padding: 40px 16px 0;}
  .author-banner .author-avatar{width: 244px;height: 266px;}
  .author-banner .author-avatar .avatar-box{height: 178px;}
  .article-details-classify-box{border: none;max-width: 100%;}
  .article-details-classify-box>div{flex-direction: row;gap: 16px;flex-wrap: wrap;padding: 6px 10px 6px 6px;border-radius: 12px;background: rgba(44, 107, 232, 0.10);}
  .article-details-classify-box>div>a{padding: 8px 16px;font-size: 16px;font-weight: 600;}
  .article-details-classify-box>div>a.active::before{display: none;}
  .article-details-classify-box>div>a.active{background: #fff;border-radius: 27px;}
  .common-section1{padding: 40px 0;}
}
@media(max-width: 575px){
  .author-swiper .slider-img{width: 100%;height: 297px;text-align: center;}
  .author-swiper .slider-img img{width: 100%;}
  .author-banner-content::before,.author-banner-content::after{width: 59px;height: 30px;top: -15px;}
}
.seo11-banner{padding: 146px 0 101px;}
.seo11-banner-tag{border-radius: 21.5px;border: 1.5px solid #FFF;background: rgba(255, 255, 255, 0.66);display: inline-flex !important;padding: 7px 16px;}
.seo11-banner-tag div{line-height: 1;}
.seo11-banner-tag .areoi-icon i{font-size: 12px !important;}
.seo11-banner-tag mark{font-weight: 600;}
.seo11-banner-info{max-width: 492px;}
.seo11-contor-box {gap: 35px;max-width: 680px;margin-top: 56px;}
.seo11-contor-box .swiper-pagination{display: block;}
.seo11-swiper-box .swiper-button-next::after,
.seo11-swiper-box .swiper-button-prev::after{display: none;}
.seo11-swiper-box .swiper-button-next i,
.seo11-swiper-box .swiper-button-prev i{color: #bdd1f8 !important;}
.seo11-swiper-box .swiper-button-next:hover i,
.seo11-swiper-box .swiper-button-prev:hover i{color: #2C6BE8 !important;}
.seo11-swiper-box .seo11-swiper-slide{background: #FFF;}
.seo11-swiper-box .seo11-swiper-slide>.areoi-background{opacity: 0;transition: opacity .2s;}
.seo11-swiper-box .seo11-swiper-slide:hover>.areoi-background{opacity: 1;}
.seo11-swiper-box .seo11-swiper-slide:hover *{color: #fff;}
.seo11-scroll-swiper .scorll-item{border: 1px solid #C7DBEF;}
.seo11-scroll-swiper .scroll-step-box{height: 444px;max-height: 444px;overflow: hidden;}
.seo11-scroll-swiper .scorll-item-pc{padding: 88px 72px;position: sticky;}
.seo11-scroll-swiper .scorll-item-pc .areoi-background__image{background-position: right;}
.seo11-scroll-swiper .scroll-step-box{position: sticky;top: 60px;}
.seo11-scroll-swiper .scroll-step-box .scroll-stpe-color{width: 5px;background-color: #2C6BE8;transition: height .3s;}
.seo11-del-item{padding: 56px 32px;}
.seo11-del-img{position: absolute;left: 27px;top: 50%;transform: translateY(-50%); width: 110px;z-index: 2;}
.seo11-del-bottom{padding: 24px 55px 24px 168px;}
.seo11-del-tag{width: 151px;padding: 4px 16px;border-radius: 20px;background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);}
.seo11-steps-row{background-color: #fff;}
.seo11-control-btn::after{content: '';display: block;position: absolute;z-index: 2; bottom: 0;left: 50%;transform: translateX(-50%); height: 4px;width: 0;background-color: #2C6BE8;border-radius: 2px;transition: width .3s;}
.seo11-control-btn.active::after{width: 100%;}
.seo11-setp-img{width: 62.7%;max-width: 734px; margin-left: 52px;flex: none;box-shadow: -10px 13px 30px 0 rgba(0, 41, 123, 0.09);}
.seo11-steps-box .step-item-num{width: 60px;height: 60px;background-color: #fff;border-radius: 50%;}
.seo11-steps-box .steps-content-item{padding: 0 59px;opacity: 0;order: 1;transition: opacity .3s;}
.seo11-steps-box .steps-content-item.active{opacity: 1;order: 0;}
.seo11-torisls-box .tag{padding: 4px 20px;border-radius: 20px;background-color: #fff;margin: 20px ;}
.seo11-tutorials-col{background: #fff;transition: background .2s;}
.seo11-tutorials-col hr{opacity: 1;height: .5px;}
.seo11-tutorials-col .text-primary{color: #D2D7DF !important;}
.seo11-tutorials-col:hover{background: #2C6BE8;}
.seo11-tutorials-col:hover *{color: #fff !important;}
.seo11-tutorials-col:hover hr{background-color: #fff !important;}
.seo11-content-left{width: 42.8%;flex: 0 0 auto;}
.seo11-content-right{width: 57.2%;flex: 0 0 auto;}
.seo11-bbanner-tag{padding: 8px 10px;border-radius: 34px;background: #FFF;box-shadow: 10px 22px 92px 0 rgba(27, 29, 33, 0.06);}
.seo11-bbanner-tag p:nth-child(2) {margin-left: 10px;border-radius: 26px;background: #2C6BE8;}
.seo11-bbanner-tag p:nth-child(2) a{padding: 8px 16px;color: #fff;display: block;}
.seo11-user-box>div{border-right: 1px solid #E4E4E7;}
.seo11-user-box>div:last-child{border-right: none;}
.seo11-support-devices .box-btns > p{padding: 10px 22px;}
.seo11-scenarios-text{max-width: 47%;}
.seo11-bg-linear{background: linear-gradient(to bottom, #F4F8FF, #FFFFFF);}
@media(max-width: 1199px){
  .seo11-scroll-swiper .scorll-item-pc .areoi-background{opacity: .3;}
  .seo11-scroll-swiper .scorll-item-pc{background-color: #fff;}
}
@media(max-width: 991px){
  .seo11-banner-info{max-width: 100%;}
  .seo11-contor-box{display: none !important;}
  .seo11-swiper-box[data-all-open="true"] .swiper-slide-duplicate{display: none !important;}
  .seo11-swiper-box[data-all-open="true"] .swiper-wrapper{transform: translate3d(0, 0, 0) !important;flex-direction: column;row-gap: 32px;}
  .seo11-swiper-slide{width: 100% !important;}
  
  .seo11-accordion .accordion-info-content{margin-bottom: 0;}
  .seo11-accordion .lh-accordion-item-title::before{right: 35px;}
  .seo11-accordion .lh-accordion-item{margin-bottom: 32px;}
  .seo11-setp-img{max-width: 99%;width: 100%;margin: 0 auto;box-shadow: -4.475px 5.817px 13.424px 0 rgba(0, 41, 123, 0.09);}
  .seo11-user-box>div{border-right: 0;border-bottom: 1px solid #E4E4E7;padding-bottom: 32px !important;}
  .seo11-user-box>div:last-child{border: none;padding-bottom: 0 !important;}
  .seo11-logo-box{gap: 32px;}
  .seo11-logo-box figure{flex: none;}
  .seo11-logo-box.marquee-tarck{animation: marquee 10s linear infinite;}
  .seo11-content-left,
  .seo11-content-right{width: 100%;}
}
@media(max-width: 767px){
  .seo11-banner{padding: 40px 16px;}
  .seo11-scroll-swiper .scorll-item{height: 588px;padding: 32px 24px;}
  .seo11-scroll-swiper .scorll-item .areoi-background__image{background-position: bottom;}
  .seo11-del-item{padding: 32px 24px;}
  .seo11-del-bottom{padding: 24px;margin-top: 45px;}
  .seo11-del-bottom .areoi-background__image{background-position: right;}
  .seo11-del-img{top: 28px;transform: translateY(0%);left: auto;right: 42px;z-index: 66;width: 86px;}
  .seo11-support-devices .box-btns{justify-content: center !important;padding: 16px;}
}