h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div,span{font:400 12px "Poppins", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial";color:#333;}
html{font:400 100% "Poppins", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; -ms-text-size-adjust:100%; -webkit-text-size-adjust:none; line-height:1.2; color:#333;}
html{ font-size:100px; background-color: #F5F7FA;}
h2 { color: #111; text-align: center; font-weight: 600; }
.ft48 { font-size: clamp(24px, 0.48rem, 96px); }
.ft46 { font-size: clamp(23px, 0.46rem, 92px); }
.ft42 { font-size: clamp(21px, 0.42rem, 84px); }
.ft40 { font-size: clamp(20px, 0.4rem, 80px); }
.ft32 { font-size: clamp(18px, 0.32rem, 64px); }
.ft30 { font-size: clamp(18px, 0.3rem, 60px) !important; }
.ft28 { font-size: clamp(18px, 0.28rem, 56px); }
.ft24 { font-size: clamp(16px, 0.24rem, 48px); }
.ft22 { font-size: clamp(16px, 0.22rem, 44px); }
.ft20 { font-size: clamp(16px, 0.2rem, 40px); }
.ft18 { font-size: clamp(14px, 0.18rem, 36px) !important; }
.ft16 { font-size: clamp(14px, 0.16rem, 32px); }
.ft14 { font-size: clamp(14px, 0.14rem, 28px); }
.ft12 { font-size: clamp(12px, 0.12rem, 24px); }

/* au youtube */
/* .auidx_vedio{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:10; display:none;}
.auidx_vedio_bg{width:100%; height:100%; position:absolute; top:0; left:0; z-index:11; background:rgba(0,0,0,0.6);}
.auidx_iframe{width:60%; height:60%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:22; background:#fff;}
.auidx_close{ font-size:46px; color:#fff; top:-60px; right:-60px; z-index:12; cursor:pointer; position:absolute;} */

/* video youtube */
.auidx_vedio { display: none; position: fixed; top: 0; z-index: 10; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.70); backdrop-filter: blur(6px); }
.auidx_iframe { border-radius: .2rem; background: #0F0F0F; backdrop-filter: blur(9px); padding: 0.16rem 0.32rem 0.32rem; max-width: 12rem; width: 96%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-sizing: border-box; }
.auidx_iframe h3 { color: #FFF; font-size: .34rem; font-weight: 600; opacity: 0;}
.auidx_iframe .auidx_close::after { content: "\e813"; font-family: "iconfont"; color: rgba(255, 255, 255, 0.60); font-size: clamp(18px, 0.2rem, 20px); font-weight: 700; position: absolute; right: 0.4rem; top: 0.3rem; cursor: pointer; z-index: 3; }
.auidx_iframe .auidx_close:hover::after { color: #fff; }
.auidx_iframe p { max-width: 3.2rem; width: 100%; text-align: center; margin: 0.3rem auto 0; }
.auidx_iframe a em { color: #FFF; font-size: .26rem; font-weight: 700; vertical-align: middle; position: relative; z-index: 2; }
.auidx_iframe a.download-btn { margin-right: 0; }
/* .auidx_iframe a:hover em { color: #000; } */
.auidx_iframe .auidx_iframe_cont { height: 6.11rem; width: 100%; position: relative; overflow: hidden; box-sizing: border-box; border-radius: 0.2rem; }
.auidx_iframe_cont iframe { position: absolute; width: 100%; height: 100%; display: none; }
.auidx_iframe_cont img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor:pointer;object-fit:cover;}

/* sec-mo */
.sec-mo { display: none; }
.sec-mo-lists { display: flex; justify-content: center; gap: 0.2rem; max-width: 7.5rem; width: 94%; flex-wrap: wrap;  margin: 0.4rem auto 0.6rem; }
.info-mo-item { width: 47%; border-radius: 0.1rem; border: 1px solid #52D4E8; background: linear-gradient(180deg, #F1FDFF 0%, #FFF 100%); padding: 0.2rem; box-sizing: border-box; text-align: center; }
.info-mo-item p { color: #202A2C; }
.info-mo-item span { color: #202A2C; font-weight: 600; display: block; }

.sec1 { background: #021507 url(../png/anyunlock_idx_banner.png) top center no-repeat; background-size: cover; padding: 1.3rem 0 0; position: relative;}
.sec1 video { position: absolute; width: 100%; height: 100%; max-height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top center; object-position: top center; top: 0; z-index: 0;}
.au-banner { max-width: 14rem; width: 96%; margin: 0 auto; display: flex; align-items: center; position: relative; z-index: 1; }
.au-bantitle { color: #FFF; font-weight: 700; margin: .2rem auto;}
.au-bantitle span { color: #50FFE7; font-weight: 700; font-size: inherit; }
.au-bantext { max-width: 7.2rem; width: 52%; }
.au-banimg { position: absolute; right: 1rem; max-width: 7.6rem; width: 42%; }
.au-banimg img { width: 100%; }
.au-banlists li { color: rgba(255, 255, 255, 0.8); position: relative; padding-left: 20px; margin-top: .1rem; line-height: 1.5; }
.au-banlists li::before {content: ""; width: 14px; height: 24px; position: absolute; left: 0; top: 0; background: url(../svg/au-ban-listicon.svg) no-repeat; background-size: cover; }
.au-banlists li b { color: #fff; font-weight: 600; }
.au-btns { display: flex; gap: 0.3rem;  text-align: center; }
.au-btns>p { max-width: 2.8rem; width: 100%; }
.au-btns>p span { display: block; color: rgba(255, 255, 255, 0.80); text-align: center; margin-top: .1rem; }
a.download-btn { display: none; border-radius: .16rem; background: radial-gradient(50% 50% at 50% 50%, rgba(0, 65, 65, 0.40) 0%, rgba(0, 163, 163, 0.00) 100%), radial-gradient(133.98% 108.24% at 76.25% 107.81%, #2E4DFF 0%, rgba(0, 229, 255, 0.00) 75%), radial-gradient(87.42% 89.84% at 2.86% 89.84%, #D5842F 35%, rgba(235, 56, 53, 0.00) 100%), radial-gradient(185.34% 136.18% at 41.61% -36.18%, #35EBCD 11.53%, rgba(53, 235, 162, 0.00) 100%), #00B2B3; box-shadow: 1px 1px 6px 0 rgba(175, 255, 254, 0.66) inset;text-decoration: none; width: 100%; margin-right: .3rem; position: relative; overflow: hidden;  transition: all .3s ease-in-out; height: clamp(54px, 0.64rem, 128px); line-height: clamp(54px, 0.64rem, 128px); }
a.download-btn:hover { background: radial-gradient(133.98% 108.24% at 76.25% 107.81%, #2E4DFF 0%, rgba(0, 229, 255, 0.00) 75%), radial-gradient(87.42% 89.84% at 2.86% 89.84%, #D5842F 35%, rgba(235, 56, 53, 0.00) 100%), radial-gradient(185.34% 136.18% at 41.61% -36.18%, #35EBCD 11.53%, rgba(53, 235, 162, 0.00) 100%), #00B2B3; transform: translateY(-5px); }

a.download-win::before { display: inline-block; content: "\e933"; font-family: 'iconfont'; color: #fff; font-size:clamp(26px, 0.28rem, 56px); margin-right: .1rem; vertical-align: middle; }
a.download-mac::before { display: inline-block; content: "\e93a"; font-family: 'iconfont'; color: #fff; font-size:clamp(26px, 0.28rem, 56px); margin-right: .1rem; vertical-align: middle;}
a.download-btn b { font-weight: 500; color: rgba(255, 255, 255, 0.60); display: inline-block; vertical-align: middle; text-align: left;}
a.download-btn b em { font-weight: 700; color: #fff; display: block; line-height: 1;}

a.price-btn { display: inline-block; color: #FFF; font-weight: 700; text-decoration: none; border-radius: .16rem; background: radial-gradient(52.52% 56.25% at 50% 10.16%, #35EBE5 11.53%, rgba(53, 235, 162, 0.00) 100%), rgba(255, 255, 255, 0.12); box-shadow: -1px -1px 5px 0 #53ECE8 inset, 1px 1px 8px 0 #42FAF5 inset; height: clamp(54px, 0.64rem, 128px); line-height: clamp(54px, 0.64rem, 128px); width: 100%; position: relative; overflow: hidden;  transition: all .3s ease-in-out;}
a.price-btn:hover { background: radial-gradient(83.89% 89.84% at 50% 10.16%, #35EBE5 11.53%, rgba(53, 235, 162, 0.00) 100%), rgba(255, 255, 255, 0.12); transform: translateY(-5px);  }
a.price-btn b { color: inherit; font-weight: inherit; vertical-align: middle}
a.price-btn::before { display: inline-block; content: "\e93b"; font-family: "iconfont"; color: #fff; font-size: clamp(26px, 0.28rem, 56px); margin-right: .1rem; vertical-align: middle; }
/* a.price-btn:hover::before { color: #021507; position: relative; z-index: 2;}
a.price-btn:hover b { color: #021507; transition: color .2s ease-in-out; position: relative; z-index: 2; }
a.price-btn:hover::after { opacity: 1; z-index: 0; transform-origin: top;  transform: scale(100) translateY(-50%); transition: transform .2s ease-in-out; } */

/* a.download-btn::after { content: ""; background: radial-gradient(133.98% 108.24% at 76.25% 107.81%, #2E4DFF 0%, rgba(0, 229, 255, 0.00) 75%), radial-gradient(87.42% 89.84% at 2.86% 89.84%, #D5842F 35%, rgba(235, 56, 53, 0.00) 100%), radial-gradient(185.34% 136.18% at 41.61% -36.18%, #35EBCD 11.53%, rgba(53, 235, 162, 0.00) 100%), #00B2B3; width: 300px; height: 300px; display: block; position: absolute; top: -120px; left: -10px; animation: actrotate 3s infinite; z-index: -1; } */
/* a.download-btn:hover::after { opacity: 1; z-index: 0; transform-origin: top;  transform: scale(100) translateY(-50%); transition: transform .2s ease-in-out; }
a.download-btn:hover::before { color: #021507; position: relative; z-index: 2;}
a.download-btn:hover b { color: #021507; transition: color .2s ease-in-out; position: relative; z-index: 2; } */
@keyframes actrotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.au-banner-info { border-top: 1px solid rgba(255, 255, 255, 0.40); background: rgba(77, 92, 91, 0.12); box-shadow: 0 4px 51.1px 0 rgba(0, 0, 0, 0.25); backdrop-filter: blur(10px); padding: 0.15rem 0; margin-top: 1rem;}
.au-banner-info-lists { max-width: 14rem; width: 96%; margin: 0 auto; }
.au-banner-info ul { display: flex; justify-content: space-between; align-items: center; }
.au-banner-info ul li { display: flex; align-items: center; }
.au-banner-info ul li>img { width: 0.57rem; height: 0.57rem; }
.au-banner-info li p { color: rgba(255, 255, 255, 0.70); line-height: 1.2; margin-left: 0.1rem;}
.au-banner-info li p span { display: block; color: inherit; font-weight: 500; }

.au-idxhome-video{ font-size:16px; color:rgba(255, 255, 255, 0.80); text-decoration:none; margin:0.24rem 0; padding: 12px 0; display:inline-block;cursor: pointer;}
.au-idxhome-video svg{ vertical-align:middle; margin-right: 0.06rem;}
.au-idxhome-video b{ font-weight:600; color:inherit; vertical-align:middle; border-bottom:1px solid rgba(255, 255, 255, 0.80); transition:transform ease-in-out 0.3s; display:inline-block; }
.au-idxhome-video:hover b{ color: #fff; border-bottom: 1px solid #fff; }
.au-idxhome-video:hover svg path { fill-opacity: 1; }

/* sec2 */
.sec2 { background: url(../png/anyunlock-home-sec2bgimg.png) top center no-repeat; background-size: cover; padding: 1.2rem 0 2.4rem; }
.apply-box { max-width: 14rem; width: 96%; margin: 0 auto; }
.apply-lists { display: flex; flex-wrap: wrap; gap: 0.2rem; margin-top: 0.6rem; }
.apply-items { display: flex; gap: 0.2rem; flex-wrap: wrap; }
.apply-item { border-radius: .3rem; border: 1px solid #FFF; background: url(../png/apply-item-bgimg.png) top center no-repeat; background-size: cover; box-shadow: 1.449px 2.899px 8.696px 0 rgba(0, 0, 0, 0.08), -2px -2px 4px 0 rgba(255, 255, 255, 0.66) inset, 2px 2px 4px 0 rgba(255, 255, 255, 0.66) inset; text-align: center; padding: 0 0.32rem; width: 3.35rem; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; position: relative; }
.apply-item img { vertical-align: bottom; width: clamp(50px, 0.6rem, 120px); }
.apply-group { display: flex; flex-direction: column; justify-content: space-between; align-items: center; }
.apply-group:hover>img { transform: translateY(0.1rem); }
.apply-group1 { border: 1px solid #FFF; background: linear-gradient(147deg, #0F997D 7.76%, #46DBAA 79.7%); box-shadow: -2px -2px 5px 0 rgba(255, 255, 255, 0.66) inset, 4px 4px 8px 0 rgba(255, 255, 255, 0.66) inset, 1.449px 2.899px 8.696px 0 rgba(0, 0, 0, 0.08); max-width: 4.48rem; width: 100%; height: clamp(450px, 4.5rem, 900px); box-sizing: border-box; border-radius: .3rem; padding: 0.2rem 0.32rem 0; overflow: hidden; }
.apply-group2 { border: 1px solid #FFF; background: linear-gradient(138deg, #699EEF 14.95%, #245CB2 73.13%); box-shadow: -2px -2px 5px 0 rgba(255, 255, 255, 0.66) inset, 4px 4px 8px 0 rgba(255, 255, 255, 0.66) inset, 1.449px 2.899px 8.696px 0 rgba(0, 0, 0, 0.08); max-width: 4.48rem; width: 100%; height: clamp(450px, 4.5rem, 900px); box-sizing: border-box; border-radius: .3rem; padding: 0.2rem 0.32rem 0; overflow: hidden; }
.apply-group1>img, .apply-group2>img { width: clamp(296px, 2.96rem, 592px); height: clamp(265px, 2.65rem, 530px); transition: all 0.3s ease-in-out; }
.apply-group1 .apply-item, .apply-group2 .apply-item { width: 4.48rem; background: transparent; box-shadow: none; border: none; }
.apply-item .apply-item-title { color: #111; text-align: center; font-weight: 700; margin: 0.14rem auto 0rem; }
.apply-item1 .apply-item-title, .apply-item2 .apply-item-title { color: #fff; margin: 0.14rem auto 0; }
.apply-normal { position: relative; opacity: 1; transition: all .3s ease-in-out; }
.apply-item1 .apply-normal, .apply-item2 .apply-normal { margin-top: 0.2rem; position: relative; opacity: 1; transition: all .3s ease-in-out; }
.apply-item3, .apply-item4 { max-width: 4.64rem; width: 100%; height: clamp(215px, 2.15rem, 430px); }
.apply-item5, .apply-item6, .apply-item7, .apply-item8 { height: clamp(230px, 2.3rem, 460px); background: linear-gradient(126deg, #EDF9FB 7.21%, #E5F9FA 32.09%, #E4F1FA 62.85%, #F3F8FB 96.58%); }
.apply-bottom .funtion-item-hover-des { margin: 0.1rem auto; }

.function-item-normal-title { color: #021507; font-weight: 600; }
.funtion-item-hover-title { color: #FFF; font-weight: 600; }
.funtion-item-normal-img { position: relative; }
.funtion-item-hover-des { color: rgba(255, 255, 255, 0.90); margin: 0.14rem 0 0.2rem; }
.funtion-item-btn { display: inline-block; color: #FFF; text-align: center; font-weight: 600; border-radius: 1rem; border: 1px solid #FFF; background: rgba(227, 240, 247, 0.20); padding: 0.12rem 0.28rem; }
.funtion-item-btn::after { content: "\e943"; display: inline-block; font-family: "iconfont"; font-weight: 400; vertical-align: middle; font-size: clamp(14px, 0.2rem, 40px); margin-left: 0.04rem; }
.funtion-item-btn:hover { background: #E3F0F7; color: #000; }
.funtion-item-btn svg { display: inline-block; vertical-align: middle; width: 0.2rem; height: 0.2rem; margin-left: 0.08rem; }
a.function-item-hover { transform: translateY(100%); width: 100%; height: 0; overflow: hidden; padding-bottom: 1px; text-decoration: none; display: block; transition: all .5s ease-in-out; }
.apply-item.hover .apply-normal { opacity: 0; transform: translateY(-100%); position: absolute; }
.apply-item.hover .apply-normal .apply-item-title { color: #fff; }
.apply-item.hover .function-item-hover { transform: translateY(0); height: auto; }
.apply-item3.hover { background: linear-gradient(157deg, #AF5828 3.1%, #4D1A11 57.2%, #2E1009 89.84%); box-shadow: 1.449px 2.899px 8.696px 0 rgba(0, 0, 0, 0.08), -2px -2px 5px 0 rgba(255, 255, 255, 0.66) inset, 4px 4px 8px 0 rgba(255, 255, 255, 0.66) inset; }
.apply-item4.hover { background: linear-gradient(165deg, #00C5BA 10.81%, #006F70 64.26%); box-shadow: -2px -2px 5px 0 rgba(255, 255, 255, 0.66) inset, 4px 4px 8px 0 rgba(255, 255, 255, 0.66) inset, 1.449px 2.899px 8.696px 0 rgba(0, 0, 0, 0.08); }
.apply-item5.hover { background: linear-gradient(165deg, #00C5BA 10.81%, #006F70 64.26%); box-shadow: -2px -2px 5px 0 rgba(255, 255, 255, 0.66) inset, 4px 4px 8px 0 rgba(255, 255, 255, 0.66) inset, 1.449px 2.899px 8.696px 0 rgba(0, 0, 0, 0.08); }
.apply-item6.hover { background: linear-gradient(157deg, #AF5828 3.1%, #4D1A11 57.2%, #2E1009 89.84%); box-shadow: -2px -2px 5px 0 rgba(255, 255, 255, 0.66) inset, 4px 4px 8px 0 rgba(255, 255, 255, 0.66) inset, 1.449px 2.899px 8.696px 0 rgba(0, 0, 0, 0.08); }
.apply-item7.hover { background: linear-gradient(146deg, #4183E7 20.15%, #00276C 69.49%), linear-gradient(126deg, rgba(238, 255, 255, 0.50) 7.21%, rgba(222, 255, 254, 0.50) 32.09%, rgba(223, 239, 254, 0.50) 62.85%, rgba(255, 255, 255, 0.50) 96.58%); box-shadow: -2px -2px 5px 0 rgba(255, 255, 255, 0.66) inset, 4px 4px 8px 0 rgba(255, 255, 255, 0.66) inset, 1.449px 2.899px 8.696px 0 rgba(0, 0, 0, 0.08); }
.apply-item8.hover { background: linear-gradient(147deg, #0F997D 7.76%, #46DBAA 79.7%); box-shadow: -2px -2px 5px 0 rgba(255, 255, 255, 0.66) inset, 4px 4px 8px 0 rgba(255, 255, 255, 0.66) inset, 1.449px 2.899px 8.696px 0 rgba(0, 0, 0, 0.08); }

/* sec3 */
.sec3 { margin-top: -1.2rem; }
.silder-mode { padding: 0.15rem 0; }
.slider-item { max-width: 18.2rem; width: 96%; margin: 0 auto; height: 6.8rem; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border-radius: .3rem; background: linear-gradient(277deg, #F2FFFD -3.81%, #FFF 100.67%), #FFF;box-shadow: 0 0.482px 1.445px -1.083px rgba(0, 0, 0, 0.16), 0 1.831px 5.492px -2.167px rgba(0, 0, 0, 0.15), 0 8px 24px -3.25px rgba(0, 0, 0, 0.09); margin-bottom: 1rem; overflow: hidden; position: sticky; top: 1.2rem; gap: 0.7rem; }
.slider-img { max-width: 6.16rem; width: 44%; overflow: hidden; direction: ltr; }
.slider-img img { width: 100%; }
.slider-text { max-width: 7.4rem; width: 54%; direction: ltr; }
.slider-title { color: #fff; font-weight: 600; }
.slider1 .slider-img, .slider2 .slider-img { max-width: 6.72rem; display: flex; flex-direction: column; align-items: center; }
.slider-mark { border-radius: .2rem 0; display: inline-block; padding: 0.06rem 0.2rem; margin-bottom: 0.28rem; }
.slider-mark p { display: inline-block; font-weight: 500; margin-left: 0.05rem; vertical-align: middle;}
.slider1 .slider-mark p {  background: linear-gradient(to right, rgba(3, 144, 143, 1), rgba(3, 1, 2, 1)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.slider2 .slider-mark p {  background: linear-gradient(to right, rgba(3, 55, 144, 1), rgba(3, 1, 2, 1)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.slider3 .slider-mark p {  background: linear-gradient(to right, rgba(144, 62, 3, 1), rgba(3, 1, 2, 1)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.slider4 .slider-mark p {  background: linear-gradient(to right, rgba(3, 144, 143, 1), rgba(3, 1, 2, 1)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
/* .hover-img { display: none; }
.act .hover-img { display: inline-block; }
.act .normal-img { display: none; } */
.slider1 { background: linear-gradient(232deg, #00C5BA 34.61%, #006F70 71.76%); box-shadow: 0 7px 53.2px 0 rgba(24, 24, 27, 0.14); direction: rtl; justify-content: center; }
.slider2 { background: linear-gradient(164deg, #4183E7 3.43%, #00276C 75.38%); box-shadow: 0 0.482px 1.445px -1.083px rgba(0, 0, 0, 0.16), 0 1.831px 5.492px -2.167px rgba(0, 0, 0, 0.15), 0 8px 24px -3.25px rgba(0, 0, 0, 0.09); justify-content: center; }
.slider3 { background: linear-gradient(215deg, #AF5828 31.07%, #4D1A11 64.3%, #2E1009 84.35%); box-shadow: 0 0.482px 1.445px -1.083px rgba(0, 0, 0, 0.16), 0 1.831px 5.492px -2.167px rgba(0, 0, 0, 0.15), 0 8px 24px -3.25px rgba(0, 0, 0, 0.09); direction: rtl; }
.slider4 { background: linear-gradient(158deg, #00C5BA 13.56%, #006F70 62.67%); box-shadow: 0 7px 53.2px 0 rgba(24, 24, 27, 0.14); }
.slider1 .slider-mark {background: linear-gradient(90deg, #C7FFFF 29%, rgba(189, 255, 255, 0.47) 97.57%); }
.slider2 .slider-mark {background: linear-gradient(90deg, #C7DEFF 29%, rgba(189, 217, 255, 0.47) 97.57%); }
.slider3 .slider-mark {background: linear-gradient(90deg, #FFDEC7 29%, rgba(255, 217, 189, 0.47) 97.57%); }
.slider4 .slider-mark {background: linear-gradient(90deg, #C7FFFF 29%, rgba(189, 255, 255, 0.47) 97.57%); }
.slider-mark img { vertical-align: middle; }
.slider-text-des { color: #f5f5f5; }
p.slider-text-des { margin-top: 0.2rem; }
li.slider-text-des { margin-bottom: 0.04rem; }
li.slider-text-des svg { display: inline-block; vertical-align: middle; }
.slider_icon::before{  content: url(../svg/slider-text.svg); vertical-align: sub;}

.slider-item ul { margin-top: 0.14rem; }
.slider-item .au-idxhome-video { margin: 0.2rem 0; padding: 0; display: block; }
.slider-item .au-idxhome-video b { color: #f5f5f5; font-weight: 400; }
.slider-item .au-idxhome-video svg { display: inline-block; vertical-align: middle; margin-right: 0.1rem; }
.slider-item .au-idxhome-video:hover b { color: #00D7D0; border-bottom: 1px solid #00D7D0; }
.slider-item .au-idxhome-video:hover svg path { fill: #00D7D0; }
.slider-item .au-idxhome-video:hover svg rect { stroke: #00D7D0; }
.slider2.slider-item .au-idxhome-video:hover b { color: #80B2FF; border-bottom: 1px solid #80B2FF; }
.slider2.slider-item .au-idxhome-video:hover svg path { fill: #80B2FF; }
.slider2.slider-item .au-idxhome-video:hover svg rect { stroke: #80B2FF; }
.slider3.slider-item .au-idxhome-video:hover b { color: #E57E45; border-bottom: 1px solid #E57E45; }
.slider3.slider-item .au-idxhome-video:hover svg path { fill: #E57E45; }
.slider3.slider-item .au-idxhome-video:hover svg rect { stroke: #E57E45; }

.slider-item a { color: #f5f5f5; text-decoration: none; }
.slider-item a::after { content: "\e802"; font-family: 'iconfont'; font-size: clamp(13px, 0.14rem, 14px); margin-left: 0.04rem; color: inherit; display: inline-block; transition: transform 0.3s ease-in-out; vertical-align: middle; }
.slider-item a:hover { color: #fff; }
.slider-item a:hover::after { transform: translateX(0.04rem); transition: transform 0.3s ease-in-out;}
.swiper-slide-des { color: #fff; font-weight: 500; text-align: center; margin-top: 0.3rem; }
.swiper-slide {
    transition: 300ms;
    transform: scale(0.7) !important;
}
.swiper-container1 .swiper-slide::after { position: absolute; display: block; content: ""; background: url(../png/anyunlock-slider-iconimg.png) top center no-repeat; width: 1.25rem; height: 1.25rem; background-size: cover; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; }
.swiper-container1 .swiper-slide-active::after { opacity: 1; transition: all 1.2s ease-in-out; }
.swiper-pagination1, .swiper-pagination2 { text-align: center; margin-top: 0.7rem; }
span.swiper-pagination-bullet { display: inline-block; position: relative; border-radius: 0.24rem; width: 0.14rem; height: 0.14rem; background: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.3); box-shadow: 2px 1px 2px rgb(212, 255, 253, 0.8) inset, -2px -1px 2px rgb(190, 255, 253, 0.8) inset; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); opacity: 1; overflow: hidden;}
span.swiper-pagination-bullet::after { position: absolute; content: ""; top: 0; left: 0; width: 0%; height: 100%; background-color: rgba(255, 255, 255, 0.60); }
span.swiper-pagination-bullet-active { 
    width: 0.42rem;
    height: 0.14rem;
}
span.swiper-pagination-bullet-active::after { transition: all 4s ease-in-out; width: 100%; }
.swiper-slide-active,.swiper-slide-duplicate-active{
    position: relative;
    transform: scale(1) !important;
}

/* sec4 */
.sec4 { background: linear-gradient(180deg, #FFF 0%, #DFF8F5 49.04%, #FFF 100%), #FFF; padding: 1rem 0; }
.fun-box { display: flex; justify-content: space-between; max-width: 13.6rem; width: 96%; margin: 0 auto; }
.fun-right { max-width: 8.5rem; width: 100%; display: flex; flex-direction: column; gap: 0.4rem; }
.fun-left { max-width: 4.9rem; min-height: 6.9rem; width: 100%; }
.fun-item { width: 100%; height: 100%; box-sizing: border-box; border-radius: .3rem; padding: 0.32rem; }
.fun-item1 { background: linear-gradient(165deg, #00C5BA 10.81%, #006F70 64.26%), linear-gradient(215deg, #00B0A7 31.07%, #00C5BA 40.89%, #006A6C 84.35%); }
.fun-item2 { direction: rtl; background: linear-gradient(146deg, #140704 20.14%, #461810 48.54%, #AF5828 79.97%); }
.fun-item3 { background: linear-gradient(146deg, #4183E7 20.15%, #00276C 69.49%) }
.fun-item1 img { width: 4.25rem; height: 3.29rem; }
.fun-item3 img, .fun-item2 img { width: 2.66rem; height: 2.67rem; }
.fun-item h3 { color: #FFF; font-weight: 600;}
.fun-item p { color: rgba(255, 255, 255, 0.80); margin: 0.12rem auto;}
.fun-item2 .fun-item-text { direction: ltr; }
.fun-item a { color: #FFF; text-decoration: none; }
.fun-item a::after { content: "\e802"; font-family: 'iconfont'; font-size: clamp(13px, 0.14rem, 14px); margin-left: 0.04rem; color: inherit; display: inline-block; transition: transform 0.3s ease-in-out; vertical-align: middle; }
.fun-item a:hover::after { transform: translateX(0.04rem); transition: transform 0.3s ease-in-out;}
.fun-right .fun-item { display: flex; gap: 0.32rem; }

/* sec5 */
.sec5 { background: url(../png/anyunlock-home-sec5bgimg.png) top center no-repeat; background-size: cover; padding: 1.2rem 0; }
.tools-box { max-width: 13.6rem; width: 96%; margin: 0 auto; }
.tools-lists { margin-top: 0.6rem; display: flex; justify-content: space-between; }
.tools-item { max-width: 23.5%; width: 100%; box-sizing: border-box; border-radius: .3rem; border: 1px solid #FFF; background: rgba(255, 255, 255, 0.80); text-align: center; padding: 0.32rem; }
.tools-item h3 { color: #111; font-weight: 600; margin: 0.16rem auto 0.1rem; }
a.learn-more { color: #888; text-decoration: none; display: inline-block; margin-top: 0.2rem; }
a.learn-more::after { content: "\e802"; font-family: 'iconfont'; font-size: clamp(13px, 0.14rem, 14px); margin-left: 0.04rem; color: inherit; display: inline-block; transition: transform 0.3s ease-in-out; vertical-align: middle; }
a.learn-more:hover::after { transform: translateX(0.04rem); transition: transform 0.3s ease-in-out; }

/* sec6 */
.sec6 { padding: 1.2rem 0; background: #fff url(../png/anyunlock-home-sec6bgimg.png) bottom center no-repeat;  background-size: 19.2rem 11.4rem; }
.steps-box { max-width: 12rem; width: 96%; margin: 0 auto; }
.steps-des { margin-top: 0.2rem; text-align: center; }
.steps-tabs { display: flex; gap: 0.26rem; margin-top: 0.4rem; }
.tab-item { max-width: 3.82rem; width: 100%; margin: 0 auto; box-sizing: border-box; padding: 0.24rem; cursor: pointer; }
.tab-item.act span { color: #fff; background: linear-gradient(135deg, #26CE96 19.99%, #29B3B1 50.6%, #209EA1 78.94%), #2B2B2D; }
.tab-title { color: #111; font-weight: 600; }
.tab-title span { display: inline-block; width: 0.45rem; height: 0.45rem; text-align: center; line-height: 0.45rem; border-radius: 50%; background: #E3E3E3; color: #333; font-weight: 700; font-style: italic; margin-right: 0.1rem; box-sizing: border-box; padding-right: 0.04rem; }
.tab-des { color: #444; margin-top: 0.12rem; }
.steps-conts { position: relative; width: 12rem; height: 6.7rem; border-radius: .3rem; border-left: 2px solid rgb(170, 230, 235); border-right: 2px solid rgb(170, 230, 235); box-shadow: 0 1.885px 0 0 #FFF inset, 0 -1.885px 0 0 #FFF inset, 0 5.216px 4.173px 0 rgba(26, 0, 108, 0.02), 0 5.654px 5.654px 0 rgba(0, 0, 0, 0.04), 0 188.478px 150.782px 0 rgba(26, 0, 108, 0.05), 0 78.742px 62.993px 0 rgba(26, 0, 108, 0.05);}
.steps-lists li { opacity: 0; position: absolute; top: 0; left: 0; right: 0; transition: ease-in-out .39s; text-align: center; }
.steps-lists li.active { opacity: 1; }
.steps-lists li img { width: 92%; }
.steps-btn { text-align: center; margin-top: 0.3rem; }
.steps-btn a { display: inline-block; border-radius: .2rem; max-width: 3.2rem; width: 100%; color: #fff; font-weight: 700; background: radial-gradient(50% 50% at 50% 50%, rgba(0, 65, 65, 0.40) 0%, rgba(0, 163, 163, 0.00) 100%), radial-gradient(133.98% 108.24% at 76.25% 107.81%, #2E4DFF 0%, rgba(0, 229, 255, 0.00) 75%), radial-gradient(87.42% 89.84% at 2.86% 89.84%, #D5842F 35%, rgba(235, 56, 53, 0.00) 100%), radial-gradient(185.34% 136.18% at 41.61% -36.18%, #35EBCD 11.53%, rgba(53, 235, 162, 0.00) 100%), #00B2B3; box-shadow: 1px 1px 6px 0 rgba(175, 255, 254, 0.66) inset; backdrop-filter: blur(.1rem); text-decoration: none; height: clamp(54px, 0.64rem, 128px); line-height: clamp(54px, 0.64rem, 128px); }
.steps-btn a:hover { background: radial-gradient(133.98% 108.24% at 76.25% 107.81%, #2E4DFF 0%, rgba(0, 229, 255, 0.00) 75%), radial-gradient(87.42% 89.84% at 2.86% 89.84%, #D5842F 35%, rgba(235, 56, 53, 0.00) 100%), radial-gradient(185.34% 136.18% at 41.61% -36.18%, #35EBCD 11.53%, rgba(53, 235, 162, 0.00) 100%), #00B2B3; }
.steps-btn p { color: #333; margin-top: 0.16rem; }
.steps-downbtn::after { content: "\e931"; font-family: "iconfont"; display: inline-block; vertical-align: middle; margin-left: 0.12rem; }
.steps-downbtn:hover::after { animation: dropDown 0.4s cubic-bezier(.4,0,.2,1); }
@keyframes dropDown {
  0%   { transform: translateY(-6px); opacity: 0; }
  50%  { transform: translateY(3px); opacity: 1; }
  100% { transform: translateY(0); opacity: 1; }
}
.steps_prev { position: absolute; top: 50%; left: 0.1rem; transform: translateY(-50%); z-index: 2; display: inline-block; width: 0.56rem; height: 0.56rem; background: rgba(255, 255, 255, 0.50); border-radius: 50%; text-align: center; cursor: pointer;}
.steps_prev::after { content: "\e902"; font-family: "iconfont"; font-size: clamp(16px, 0.22rem, 44px); line-height: 0.56rem; display: inline-block; transform: rotateY(180deg); }
.steps_next { position: absolute; top: 50%; right: 0.1rem; transform: translateY(-50%); z-index: 2; display: inline-block; width: 0.56rem; height: 0.56rem; background: rgba(255, 255, 255, 0.50); border-radius: 50%; text-align: center; cursor: pointer;}
.steps_next::after { content: "\e902"; font-family: "iconfont"; font-size: clamp(16px, 0.22rem, 44px); display: inline-block; line-height: 0.56rem; }
.steps_prev:hover, .steps_next:hover { background: #fff; }

/* sec7 */
.sec7 { padding-top: 1.2rem; }
.reviews-box { overflow: hidden; }
.reviews-cont { max-width: 14rem; width: 96%; margin: 0 auto; }
.reviews-cont-lists { display: flex; gap: 0.3rem; margin-top: 0.8rem; }
.reviews-cont-item { max-width: 2.56rem; width: 100%; text-align: center; }
.reviews-cont-item h3 { color: #333; font-weight: 600; margin: 0.1rem auto; }
.reviews-cont-item p { color: #444; opacity: 0.9; }
.review-swiper-box { overflow: hidden; margin-top: 0.6rem; padding: 0.1rem 0; }
.reviews-user-lists { display: flex; gap: .2rem; margin-top: .5rem; width: clamp(11320px, 113.2rem, 22640px); height: clamp(200px, 2.5rem, 500px); }
.reviews-brand-lists { display: flex; gap: .2rem; width: clamp(5820px, 58.2rem, 11640px); }
.brand-item { border-radius: 30px; border: .01rem solid rgba(255, 255, 255, 0.9); padding: 12px; }
.brand-cont { border-radius: 20px; border: .01rem solid rgba(255, 255, 255, 0.90); min-height: clamp(190px, 2.24rem, 448px); box-sizing: border-box; box-shadow: .01rem .03rem .08rem 0 rgba(0, 0, 0, 0.08); padding: .2rem; }
.brand-title { color: #000; font-weight: 500; display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; }
.brand-title img { display: block; }
.brand-des { color: #333; }
.brand-item1 { max-width: clamp(390px, 3.9rem, 780px); width: 100%; margin: 0 auto; box-sizing: border-box; background: radial-gradient(66.75% 141.64% at 26.87% -13.18%, rgba(255, 85, 55, 0.20) 0%, rgba(255, 85, 55, 0.00) 100%), rgba(255, 255, 255, 0.80); }
.brand-item2 { max-width: clamp(260px, 2.6rem, 520px); width: 100%; margin: 0 auto; box-sizing: border-box; background: radial-gradient(66.75% 141.64% at 26.87% -13.18%, rgba(55, 139, 255, 0.20) 0%, rgba(55, 139, 255, 0.00) 100%), rgba(255, 255, 255, 0.80); }
.brand-item3 { max-width: clamp(320px, 3.2rem, 620px); width: 100%; margin: 0 auto; box-sizing: border-box; background: radial-gradient(66.75% 141.64% at 26.87% -13.18%, rgba(255, 85, 55, 0.20) 0%, rgba(255, 85, 55, 0.00) 100%), rgba(255, 255, 255, 0.80); }
.brand-item4 { max-width: clamp(280px, 2.8rem, 560px); width: 100%; margin: 0 auto; box-sizing: border-box; background: radial-gradient(66.75% 141.64% at 26.87% -13.18%, rgba(255, 122, 55, 0.20) 0%, rgba(255, 122, 55, 0.00) 100%), rgba(255, 255, 255, 0.80); }
.brand-item5 { max-width: clamp(270px, 2.7rem, 540px); width: 100%; margin: 0 auto; box-sizing: border-box; background: radial-gradient(66.75% 141.64% at 26.87% -13.18%, rgba(55, 139, 255, 0.20) 0%, rgba(55, 139, 255, 0.00) 100%), rgba(255, 255, 255, 0.80); }
.brand-item6 { max-width: clamp(340px, 3.4rem, 680px); width: 100%; margin: 0 auto; box-sizing: border-box; background: radial-gradient(66.75% 141.64% at 26.87% -13.18%, rgba(255, 153, 0, 0.20) 0%, rgba(255, 122, 55, 0.00) 100%), rgba(255, 255, 255, 0.80); }
.brand-item7 { max-width: clamp(550px, 5.5rem, 1100px); width: 100%; margin: 0 auto; box-sizing: border-box; background: radial-gradient(66.75% 141.64% at 26.87% -13.18%, rgba(55, 139, 255, 0.20) 0%, rgba(55, 139, 255, 0.00) 100%), rgba(255, 255, 255, 0.80); }
.brand-item8 { max-width: clamp(340px, 3.4rem, 680px); width: 100%; margin: 0 auto; box-sizing: border-box; background: radial-gradient(66.75% 141.64% at 26.87% -13.18%, rgba(142, 55, 255, 0.20) 0%, rgba(142, 55, 255, 0.00) 100%), rgba(255, 255, 255, 0.80); }
.user-item { height: clamp(200px, 2.4rem, 480px); width: 100%; margin: 0 auto; padding: .3rem .48rem; box-sizing: border-box; border-radius: .3rem; border: .02rem solid #FFF; background: radial-gradient(66.75% 141.64% at 26.87% -13.18%, rgba(57, 182, 161, 0.20) 0%, rgba(40, 128, 113, 0.00) 100%), rgba(255, 255, 255, 0.80);
box-shadow: .0145rem .029rem .087rem 0 rgba(0, 0, 0, 0.08); }
.user-item h3 { font-weight: 500; color: #111; margin: 6px auto; }
.user-des { color: #444; }
.user-info { margin-top: 10px; }
.user-name { color: #999; font-weight: 500; margin-right: 10px; }
.user-country { display: inline-block; color: #999; border-radius: 6px; background: #F4F4F4; padding: 0 6px; }
.user-country svg { display: inline-block; vertical-align: middle; margin-right: .04rem; margin-top: -0.02rem;}
.user-item1 { max-width: clamp(360px, 3.6rem, 720px); }
.user-item2 { max-width: clamp(630px, 6.3rem, 1260px); }
.user-item3 { max-width: clamp(420px, 4.2rem, 840px); }
.user-item4 { max-width: clamp(630px, 6.3rem, 1260px); }
.user-item5 { max-width: clamp(360px, 3.6rem, 720px); }
.user-item6 { max-width: clamp(540px, 5.4rem, 1080px); }
.user-item7 { max-width: clamp(760px, 7.6rem, 1520px); }
.user-item8 { max-width: clamp(760px, 7.6rem, 1520px); }
.user-item9 { max-width: clamp(450px, 4.5rem, 900px); }
.user-item10 { max-width: clamp(570px, 5.7rem, 1140px); }

/* .sec8 */
.sec8 { padding: 1rem 0; }
.support-box { overflow: hidden; }
.support-lists { max-width: 13.6rem; width: 96%; margin: 0 auto; display: flex; gap: 0.39rem; flex-wrap: wrap; margin-top: 0.6rem; position: relative; }
.support-lists::before { content: ""; background: url(../svg/anyunlock-support-lineleft.svg) top center no-repeat; background-size: cover; position: absolute; width: 2.84rem; height: 2.06rem; right: 99.8%; top: 50%; transform: translateY(-50%); z-index: 2; }
.support-lists::after { content: ""; background: url(../svg/anyunlock-support-lineright.svg) top center no-repeat; background-size: cover; position: absolute; width: 2.84rem; height: 2.06rem; left: 99.8%; top: 50%; transform: translateY(-50%); z-index: 2; }
.support-item { border-radius: .3rem; padding: 0 0.48rem; max-width: 4.27rem; width: 100%; height: 1.6rem; box-sizing: border-box; background: url(../png/anyunlock-support-bgimg.png) top left no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: center; position: relative; border: 1px solid #D4D4D4;}
.support-item::after { content: ""; background: url(../svg/anyunlock-support-line.svg) top center no-repeat; background-size: cover; height: 0.06rem; position: absolute; width: 0.48rem; right: 0; top: 50%; transform: translate(93%, -50%); z-index: 2; }
.support-item:nth-child(3n)::after { display: none; }
.support-item h3 { color: #111; font-weight: 600; }
.support-item h3 img { vertical-align: middle; margin-right: 0.1rem; }
.support-des { color: #555; margin-top: 0.08rem; }
.support-item ul { padding-left: 0.2rem; }
.support-item ul li { list-style: disc; list-style-position: outside; }
.support-item ul li:last-child { margin-top: 0; }

/* .sec9 */
.sec9 { max-width: 18.2rem; width: 96%; margin: 0 auto; background: url(../png/anyunlock-home-sec9bgimg.png) top center no-repeat; background-size: cover; border-radius: 0.2rem; }
.product-box { max-width: 12rem; width: 96%; margin: 0 auto; text-align: center; padding: 0.81rem 0; }
.product-box h2 { color: #fff; font-weight: 500; }
.product-des { max-width: 9rem; width: 100%; color: #fff; margin: 0 auto; }
.product-btn { justify-content: center; margin-top: 0.3rem; }
/* .product-btn .download-btn { background: radial-gradient(50.83% 50.14% at 50.75% 50.47%, rgba(0, 65, 65, 0.70) 0%, rgba(0, 163, 163, 0.00) 100%), radial-gradient(133.98% 108.24% at 76.25% 107.81%, #2E4DFF -60%, rgba(0, 229, 255, 0.00) 100%), radial-gradient(87.42% 89.84% at 2.86% 89.84%, #D5842F 35%, rgba(235, 56, 53, 0.00) 100%), radial-gradient(185.34% 136.18% at 41.61% -36.18%, #35EBCD 11.53%, rgba(53, 235, 162, 0.00) 100%), #00B2B3; box-shadow: 0 10.268px 13.398px 0 rgba(0, 51, 51, 0.22), -1px -1px 20px 0 rgba(243, 255, 252, 0.40) inset, 1px 1px 30px 0 rgba(0, 154, 128, 0.00) inset; } */
.product-btn .price-btn { background: rgba(255, 255, 255, 0.12); }
.info-lists { display: flex; gap: 0.2rem; margin-top: 0.8rem; }
.info-item { max-width: 2.85rem; width: 100%; }
.info-item img { display: inline-block; vertical-align: middle; width: 0.68rem; }
.info-item p { display: inline-block; vertical-align: middle; width: calc(100% - 0.8rem); text-align: left; color: rgba(255, 255, 255, 0.70); }
.info-item p a { color: rgba(255, 255, 255, 0.70); text-decoration: underline; }
.info-item span { display: block; font-weight: 600; color: #fff; }


/* sec10 */
.sec10 { padding-top: 1.2rem; }
.faq-box { max-width: 14rem; width: 96%; margin: 0 auto; }
.faq-lists { display: inline-block; max-width: 6.8rem; width: 48%; vertical-align: top; margin-top: 0.5rem; }
.faq-lists2 { margin-left: 3%; }
.faq-item { padding: 0.3rem 0.16rem;  box-sizing: border-box; border-radius: .2rem; border: 1px solid #EEE; background: rgba(255, 255, 255, 0.60); cursor: pointer; margin-bottom: 0.4rem; }
.faq-item:hover { border: 1px solid #17B7A5; }
.faq-item p { display: none; margin-top: 0.2rem; color: #333;}
/* .faq-item:hover { border: 1px solid #349C4B; } */
.faq-item h3 { color: #000; font-weight: 500; position: relative; padding-right: 0.2rem; }
.faq-item h3::after { content: "\e800"; display: inline-block; font-family: 'iconfont'; font-weight: 700; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.faq-item.act h3 { color: #17B7A5; }
.faq-item.act h3::after { transition: all .2s ease-in-out; transform: translateY(0) rotateZ(180deg); color: inherit; }
.faq-item.act { border: 1px solid #17B7A5; }
.faq-lists .faq-item:last-child { margin-bottom: 0; }

/* sec11 */
.sec11 { padding: 1.2rem 0 1.6rem; }
.article-box { max-width: 14rem; width: 96%; margin: 0 auto; }
.article-lists { column-count: 2; column-gap: 0.24rem; margin-top: 0.5rem; }
.article-item { padding: 0.32rem 0.26rem; break-inside: avoid; margin-bottom: 0.24rem; border-radius: .2rem; border: 1px solid #E0E0E0; background: rgba(255, 255, 255, 0.60); backdrop-filter: blur(10px); min-height: 1.94rem; box-sizing: border-box; }
.article-item h3 { color: #021507; font-weight: 600; margin-bottom: 0.24rem; }
.article-item h3 img { display: inline-block; vertical-align: middle; margin-right: 0.1rem; }
.article-item p { margin-top: 0.2rem; }
.article-item p img { display: inline-block; vertical-align: top; margin-top: 0.03rem; }
.article-item a { color: #333; display: inline-block; width: calc(100% - 20px); }

.button-download { position: fixed; bottom: 0.5rem; left: 50%; transform: translateX(-50%); z-index: 9; }
.button-download a.download-btn { width: 0.5rem; height: 0.5rem; padding: 0; border-radius: 50%; text-align: center; margin-right: 0; transition: transform 0.5s ease-in-out; transform: translateY(1.2rem) scale(0.5); border: 2px solid rgba(255, 255, 255, 0.70); box-shadow: 0 10.268px 13.398px 0 rgba(0, 51, 51, 0.22), -1px -1px 20px 0 rgba(243, 255, 252, 0.40) inset, 1px 1px 30px 0 rgba(0, 154, 128, 0.50) inset; backdrop-filter: blur(10px); vertical-align: bottom; }
.button-download.show a.download-btn { width: 2.8rem; height: auto; border-radius: 0.2rem; transform: translateY(0) scale(1); transition: transform 0.5s ease-in-out; padding-bottom: 2px; }
.button-download a.download-btn::before { font-size: 0; }
.button-download.show a.download-btn::before { font-size: clamp(26px, 0.26rem, 52px); }
.button-download.show a.download-btn::after { content: ""; background: radial-gradient(133.98% 108.24% at 76.25% 107.81%, #2E4DFF 0%, rgba(0, 229, 255, 0.00) 100%), radial-gradient(87.42% 89.84% at 2.86% 89.84%, #D5842F 0%, rgba(235, 56, 53, 0.00) 100%), radial-gradient(185.34% 136.18% at 41.61% -36.18%, #35EBCD 11.53%, rgba(53, 235, 162, 0.00) 100%), #00B2B3; width: clamp(150px, 3rem, 600px); height: clamp(150px, 3rem, 600px); display: block; position: absolute; top: -1.2rem; left: -0.1rem; animation: actrotate 3s infinite; z-index: -1; }
@media screen and (max-width: 1500px) {
    .sub_nav .dft_pw {
        width: 94% !important;
        margin: 10px 3% 0;
    }
}

@media screen and (max-width: 1400px) {
    .slider-item { gap: 0; }
    .slider-text { width: 50%; }
    .tools-item>img { width: 2rem; }
    .faq-item { min-height: 96px; display: flex; flex-direction: column; justify-content: center; }
    .faq-item h3 { width: 95%; padding-right: 0.3rem; }
}

@media screen and (max-width: 1200px) {
    .support-lists { justify-content: center; }
    .support-lists::after { display: none; }
    .support-lists::before { display: none; }
    .support-item::after { display: none; }

    .au-bantext { max-width: inherit; width: 100%;}
    .sec1 video { display: none;}

    .apply-group, .apply-group1, .apply-group2 { max-width: 32%; }
    .apply-group1 .apply-item, .apply-group2 .apply-item { width: 100%; padding: 0; min-height: 160px; }
    .apply-group1>img, .apply-group2>img { width: 96%; height: auto; }
    .apply-items { justify-content: space-between; gap: 0; }
    .apply-item { width: 23.5%; }
    .apply-item3, .apply-item4 { width: 100%; }

    .support-item { max-width: 48%; height: auto; background-size: 100% 100%; padding: 0.4rem 0.48rem; }

    .fun-box { flex-wrap: wrap; }
    .fun-left, .fun-right { max-width: 100%; min-height: auto; margin-bottom: 0.4rem; }
    .fun-left .fun-item, .fun-right .fun-item { display: block; text-align: center; }
    .fun-item1>img { width: 4.25rem; }
    .fun-item2>img, .fun-item3>img { width: 2.66rem; }

    .product-box>img { width: 1.68rem; }
}

@media screen and (max-width: 980px) {
    .au-btns>p { max-width: 3.6rem; }

    .apply-group1>img, .apply-group2>img { width: 74%; }
    .apply-group { max-width: 100%; flex-direction: row; flex-wrap: wrap; }
    .apply-top { margin-bottom: 0.3rem; }
    .apply-group1, .apply-group2 { max-width: 48%; flex-direction: column; }
    .apply-item3, .apply-item4 { max-width: 48%; }
    .apply-lists { gap: 0; }
    .apply-item5, .apply-item6, .apply-item7, .apply-item8 { width: 48%; }
    .apply-bottom .funtion-item-hover-des { margin: 0.14rem 0 0.2rem; }
    .apply-items { gap: 0.3rem 0; }

    .reviews-cont-lists { flex-wrap: wrap; justify-content: center; gap: 0.3rem 3%; }
    .reviews-cont-item { max-width: 32%; }

    .slider-item { flex-direction: column; height: auto; padding: 0.4rem; gap: 0.3rem; }
    .slider-text { width: 100%; max-width: 100%; }
    .slider-img { width: 60%; }

    .info-item p { width: auto; text-align: center; }
}

@media screen and (max-width: 750px) {
    .slider-img { width: 100%; }
    .sec1 { padding-top: 0.8rem; }
    .apply-group1, .apply-group2 { max-width: 100%; height: auto; }
    .apply-group1>img, .apply-group2>img { width: 2.96rem; height: 2.45rem; }
    .apply-group1 .apply-item, .apply-group2 .apply-item { min-height: 2rem; }
    .slider-item { position: relative; }
    .sec2 { padding: 0.8rem 0; }
    .slider-item .au-idxhome-video b { font-size: clamp(13px, 0.16rem, 32px); }
    .slider1 .slider-img, .slider2 .slider-img { margin-top: 0.6rem; }

    .au-banner-info { display: none; }
    .sec-mo { display: block; }

    .tools-lists { flex-wrap: wrap; gap: 0.3rem; }
    .tools-item { max-width: 100%; }

    .au-banner, .apply-box, .slider-item, .fun-box, .tools-box, .steps-box, .reviews-cont, .support-lists, .sec9, .faq-box, .article-box, .product-box { width: 94%; }
    .tab-item { display: none; max-width: 100%; text-align: center; }
    .tab-item.act { display: block; }
    .steps-conts { width: 100%; height: 4rem; box-shadow: none; border: none; }
    .steps_next:hover, .steps_prev:hover { background: #fff; }
    .steps_next { background: #fff; right: -0.16rem; }
    .steps_prev { background: #fff; left: -0.16rem; }

    .steps-btn a { max-width: 6rem; }

    .sec6 { background: linear-gradient(180deg, #FFF 0.09%, #DAFDFB 50.02%, #FFF 101.64%); }

    .reviews-cont-item { max-width: 90%; display: flex; }
    .reviews-cont-item div { text-align: left; margin-left: 0.2rem; }
    .reviews-cont-item>img { width: 0.75rem; }

    .support-lists { gap: 0.3rem 4%; }
    .support-item { max-width: 100%; }

    .faq-lists { display: block; width: 100%; max-width: 100%;}
    .faq-item { display: block; min-height: auto; }
    .faq-item h3 { padding-right: 0.4rem; width: auto; }
    .faq-lists2 { margin-left: 0; }
    .support-item ul { padding-left: 0.4rem; }
    .support-item h3 img { width: 0.5rem; }

    .au-btns { display: block; text-align: center; }
    .product-box { padding: 0.6rem 0; }
    .info-lists { flex-wrap: wrap; gap: 0.2rem 4%; margin-top: 0.6rem; }
    .info-item { max-width: 48%; }
    .product-btn { flex-wrap: wrap; }
    .au-btns>p { max-width: 290px; margin: 0 auto 0.3rem; }
    a.download-btn { margin-right: 0; }


    .article-lists {column-count: auto; }
    .article-item { min-height: auto; }
    .article-item h3 img { width: 0.6rem; }
    .sec11 { padding: 1.2rem 0; }

    .auidx_iframe a.download-btn { display: none !important; }
}

@media screen and (max-width: 568px) {
    .apply-group { gap: 0.3rem; }
    .sec2 { background-size: auto; }
    .apply-item3, .apply-item4 { max-width: 100%; }
    .apply-item5, .apply-item6, .apply-item7, .apply-item8 { width: 100%; }
    .tab-title span { width: 0.5rem; height: 0.5rem; line-height: 0.5rem; padding-right: 0.06rem; }
}