@charset "utf-8";
/* CSS Document */
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div,span{font:400 .16rem "Poppins", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; color:#333;}
html{font-size: 100px; font-family: "Poppins"; color: #333; }
.dkidx_wrap{overflow-x:hidden;}
h2 { color: #021507;text-align: center; font-size: 0.42rem; font-weight: 600; }
.pw1200 { max-width: 12rem; width: 96%; margin: 0 auto; }
.dft_pw { max-width: 1400px; width: 96%; margin: 0 auto; }
.ft46 { font-size: clamp(40px, 0.46rem, 92px); }
.ft40 { font-size: clamp(32px, 0.4rem, 80px); }
.ft32 { font-size: clamp(28px, 0.32rem, 64x); }
.ft28 { font-size: clamp(26px, 0.28rem, 56px); }
.ft24 { font-size: clamp(22px, 0.24rem, 48px); }
.ft22 { font-size: clamp(20px, 0.22rem, 44px); }
.ft20 { font-size: clamp(18px, 0.2rem, 40px); }
.ft18 { font-size: clamp(16px, 0.18rem, 36px); }
.ft16 { font-size: clamp(14px, 0.16rem, 32px); }
.ft14 { font-size: clamp(13px, 0.14rem, 28px); }
.ft12 { font-size: clamp(12px, 0.12rem, 24px); }
.detail-mo { display: none; }
.detail-tips.detail-mo { display: none; }
.noborder { border-bottom: none; }

.sub_nav_cont.noborder { border-bottom: none; }
/* video youtube */
.dkidx_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); }
.dkidx_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; }
.dkidx_iframe h3 { color: #FFF; font-size: .34rem; font-weight: 600; opacity: 0;}
.dkidx_iframe .dkidx_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; }
.dkidx_iframe .dkidx_close:hover::after { color: #fff; }
.dkidx_iframe p { max-width: 3.2rem; width: 100%; text-align: center; margin: 0.3rem auto 0; }
.dkidx_iframe a em { color: #FFF; font-size: .26rem; font-weight: 700; vertical-align: middle; position: relative; z-index: 2; }
.dkidx_iframe a.download-btn { margin-right: 0; }
.dkidx_iframe a:hover em { color: #000; }
.dkidx_iframe .dkidx_iframe_cont { height: 6.11rem; width: 100%; position: relative; overflow: hidden; box-sizing: border-box; border-radius: 0.2rem; }
.dkidx_iframe_cont iframe { position: absolute; width: 100%; height: 100%; display: none; }
.dkidx_iframe_cont img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor:pointer;object-fit:cover;}

/* sec1 banner */
.sec1 { background: #021507 url(../png/dk-banner-bgimg.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; }
.dk-support { display: inline-block; background: url(../svg/dk-support-iconbg.svg) top center no-repeat; background-size: 100% 100%; padding: .1rem .12rem; }
.dk-support p { background: linear-gradient(270deg, #5BE991 0%, #FFD325 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.dk-banner { max-width: 14rem; width: 96%; margin: 0 auto; display: flex; align-items: center; position: relative; z-index: 1; }
.dk-bantitle { color: #FFF; font-weight: 700; margin: .2rem auto;}
.dk-bantext { max-width: 7.2rem; width: 52%; }
.dk-banimg { position: absolute; right: 1rem; max-width: 7.6rem; width: 42%; }
.dk-banimg img { width: 100%; }
.dk-banlists li { color: rgba(255, 255, 255, 0.5); position: relative; padding-left: 20px; margin-top: .1rem; line-height: 1.5; }
.dk-banlists li::before {content: ""; width: 12px; height: 12px; position: absolute; left: 0; top: .06rem; background: url(../svg/dk-ban-listicon.svg) no-repeat; background-size: cover; }
.dk-banlists li b { color: #fff; font-weight: 600; }
.dk-btns { margin-top: .4rem; display: flex; gap: 0.3rem;  text-align: center; }
.dk-btns>p { max-width: 2.8rem; width: 100%; }
.dk-btns>p span { display: block; color: #666; text-align: center; margin-top: .1rem; }
a.download-btn { display: none; border-radius: .08rem; background: linear-gradient(196deg, #47D576 11.11%, #38AC5E 89.24%); box-shadow: 0 .013rem 1.04rem 0 rgba(17, 121, 252, 0.05); text-decoration: none; padding: .14rem 0; width: 100%; margin-right: .3rem; position: relative; overflow: hidden; }
a.download-win::before { display: inline-block; content: "\e933"; font-family: 'iconfont'; color: #fff; font-size:clamp(26px, 0.28rem, 28px); 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, 28px); margin-right: .1rem; vertical-align: middle;}
a.download-btn b { font-weight: 500; color: #fff; display: inline-block; vertical-align: middle}
a.download-btn b em { font-weight: 700; color: inherit; display: block; line-height: 1;}

a.price-btn { display: inline-block; color: #FFF; font-weight: 700; text-decoration: none; border-radius: .08rem; border: .01rem solid #FFF; padding: .16rem 0; width: 100%; position: relative; overflow: hidden;}
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, 28px); margin-right: .1rem; vertical-align: middle; }
a.price-btn::after { content: ""; display: block; border-radius: 50%; width: 0.1rem; height: 0.1rem; background-color: #fff; position: absolute; top: 50%; transform: translateY(-50%); left: 30%; opacity: 0; }
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: ""; display: block; border-radius: 50%; width: 0.1rem; height: 0.1rem; background-color: #fff; position: absolute; top: 50%; transform: translateY(-50%); left: 30%; opacity: 0; }
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; }

.dk-banner-info { border: 1px solid rgba(255, 255, 255, 0.10); 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; opacity: 0.5; margin-top: 1rem;}
.dk-banner-info-lists { max-width: 14rem; width: 96%; margin: 0 auto; }
.dk-banner-info ul { display: flex; justify-content: space-between; align-items: center; }
.dk-banner-info ul li { display: flex; align-items: center; }
.dk-banner-info ul li>img { width: 0.57rem; height: 0.57rem; }
.dk-banner-info li p { color: #fff; line-height: 1.2; margin-left: 0.1rem;}
.dk-banner-info li p span { display: block; color: inherit; font-weight: 500; }

/* sec-mo */
.sec-mo { display: none; }
.sec-mo-lists { display: flex; justify-content: center; gap: 0.2rem; max-width: 7.5rem; width: 90%; flex-wrap: wrap;  margin: 0.4rem auto 0.6rem; }
.info-mo-item { width: 48%; border-radius: 0.1rem; border: 1px solid #88DF9F; background: linear-gradient(180deg, #F1FFF2 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; }

/* sec2 */
.sec2 { background: url(../png/droidkit-home-sec2bgimg.png) top center no-repeat; background-size: cover; padding: 1.1rem 0 1.3rem; }
.trust-mode { max-width: 14rem; width: 96%; margin: 0 auto; }
.trust-cont { border-radius: 0.2rem; background: radial-gradient(20.88% 108.78% at 57.89% 9.64%, #FFF953 0%, rgba(255, 249, 83, 0.00) 100%), linear-gradient(148deg, rgba(228, 254, 185, 0.20) 7.62%, rgba(35, 193, 177, 0.20) 25.68%, rgba(41, 191, 114, 0.20) 80.74%), linear-gradient(196deg, #47D576 11.11%, #38AC5E 89.24%); padding: 0.3rem; display: flex; position: relative; margin-top: 0.9rem; }
.trust-img>img { width: 5.65rem; height: 2.77rem; }
.trust-reviews { max-width: 7.58rem; width: 54%; height: 4.58rem; overflow: hidden; box-sizing: border-box; background: transparent url(../png/droidkit-home-reviewsbg.png) top center no-repeat; background-size: 100% 100%; padding: 0.2rem 0.3rem 0.4rem; position: absolute; right: 0.2rem; top: 50%; transform: translateY(-50%); }
.trust-lists { border-radius: 0.18rem;  border: 1px solid #53D168; background: radial-gradient(90.95% 91.79% at 19.73% 0%, rgba(83, 209, 104, 0.12) 0%, rgba(83, 209, 104, 0.00) 77.95%), rgba(255, 255, 255, 0.90); padding: 0.32rem;  box-sizing: border-box; }
.trust-reviews .trust-review-title { color: #000; font-weight: 500; margin-top: 0.2rem;}
.trust-reviews .trust-review-des { color: #333;  margin: 0.1rem 0 0.2rem; }
.trust-reviews .user-info { display: inline-block; color: #999; font-weight: 500; }

/* swiper */
.swiper-page {  margin: 0.4rem auto 0; position: relative; text-align: center; max-width: 3rem; width: 100%;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { position: relative; display: inline-block; bottom: auto; width: auto; border-radius: 0.36rem; background: rgba(46, 69, 38, 0.20); padding: 0.08rem 0.2rem; }
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { border-radius: 50%; background: rgba(255, 255, 255, 0.50); opacity: 1; }
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active { width: 0.36rem; border-radius: 0.3rem; position: relative; overflow: hidden; }
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active::after { content: ""; position: absolute; width: 0%; top: 0; height: 100%; left: 0; background: white; }
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active::after{animation: activeli 10s linear infinite;}
.swiper-button-prev, .swiper-button-next { display: flex;width: 0.4rem;height: 0.4rem; padding: 0.125rem; justify-content: center; align-items: center; gap: 0.125rem; border-radius: 50%;background: rgba(46, 69, 38, 0.20); box-sizing: border-box; font-weight: 600; top: 0; margin-top: 0;}
.swiper-button-next::after, .swiper-button-prev::after { color: #FFF; font-size: clamp(14px, 0.16rem, 16px); }
.swiper-slide { min-height: 2.5rem; display: flex; flex-direction: column; justify-content: center; }
.reviews-item img { width: 1.73rem; }

@keyframes activeli {0%{width: 0%;}100%{width: 100%;}}


/* sec3 */
.sec3 { padding: 1.1rem 0 0.5rem; }
.sec3 h2 { max-width: 10.4rem; width: 96%; margin: 0 auto 0.3rem; }
.function-lists { max-width: 14rem; width: 96%; margin: 0 auto; background: url(../png/droidkit-home-sec3bgimg.png) top center no-repeat; background-size: 100% 100%; box-sizing: border-box; padding: 0.5rem 0.3rem; display: flex; flex-wrap: wrap; gap: 0.2rem; justify-content: center;}
.function-item { max-width: 3.2rem; width: 100%; box-sizing: border-box; padding: 0.32rem; text-align: center; border-radius: 0.18rem; border: 1px solid #EDEDED; background: #FFF; box-shadow: 0 2px 20px 0 rgba(11, 107, 23, 0.15); overflow: hidden; display: flex; flex-direction: column; justify-content: center;}
.function-item img { width: 1.17rem; }
.function-item-normal { position: relative; }
.hot-img { position: absolute; right: 0.6rem; top: 0; }
.hot-img img { width: 0.44rem; }
.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.1rem 0 0.2rem; }
.funtion-item-btn { display: inline-block; background: linear-gradient(196deg, #47D576 11.11%, #38AC5E 89.24%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.funtion-item-btn svg { display: inline-block; vertical-align: middle; width: 0.25rem; height: 0.24rem; }
.function-item.hover { background-color: #021507; transition: background-color .3s ease-in-out;}
a.function-item-hover { transform: translateY(100%);width: 100%; height: 0; overflow: hidden; text-decoration: none; }
.function-item.hover .function-item-normal { height: 0; overflow: hidden; }
.function-item.hover .function-item-hover { transform: translateY(0); height: auto; transition: transform .5s ease-in-out; }

/* sec4 */
.sec4 { background: url(../png/droidkit-home-sec4bgimg.png) top center no-repeat; background-size: cover; padding: 1.2rem 0; }
.detail-lists { max-width: 14rem; width: 96%; margin: 0 auto; }
.detail-item { border-radius: 0.18rem; border: 1px solid #E6E6E6; box-shadow: 0 2px 20px 0 rgba(11, 107, 23, 0.15), -4px 0 2px 0 #FFF inset; backdrop-filter: blur(6px); padding: 0.56rem; box-sizing: border-box; display: flex; justify-content: space-between; margin-bottom: 0.4rem; align-items: center;}
.detail-item1 { background: linear-gradient(270deg, #F0FAF0 32.17%, #FFF 100%); direction: rtl; }
.detail-item2 { background: linear-gradient(270deg, #FFF 0%, #F1FCFF 67.83%); }
.detail-item3 { background: linear-gradient(270deg, #F0FAF0 32.17%, #FFF 100%); direction: rtl; margin-bottom: 0; }
.detail-img { direction: ltr; max-width: 4.8rem; width: 100%; }
.detail-img img { width: 100%; }
.detail-cont { direction: ltr; max-width: 7.75rem; width: 100%; }
.detail-tips { display: inline-block; border-radius: 20px; background: linear-gradient(98deg, #FFEC90 9.77%, #EAFF84 50.3%, #BAF5CE 99.39%); padding: 0.06rem 0.12rem; color: #021507; }
.detail-item2 .detail-tips { background: linear-gradient(113deg, #CCFFF8 -3.53%, #BFE7FF 63.72%); }
.detail-item3 .detail-tips { background: linear-gradient(98deg, #FFEC90 9.77%, #EAFF84 50.3%, #BAF5CE 99.39%); }
.detail-tips img { vertical-align: middle; margin-right: 0.1rem; }
.detail-info { margin-top: 0.3rem; }
.detail-info h3 { color: #021507; font-weight: 700; }
.detail-info-des { color: #555; margin: .14rem 0; }
.detail-info-lists-title { color: #555; font-weight: 600;}
.detail-info-lists li { color: #555; margin-bottom: 0.04rem; }
.detail-info-lists li p { color: inherit; font-size: inherit; display: inline-block; width: calc(100% - 0.4rem); }
.detail-info-lists li::before { display: inline-block; content: url(../svg/droidkit-detail-list-icon.svg); vertical-align: middle; margin-right: 0.1rem; transform: translateY(0.03rem); }
.detail-info-lists li a { text-decoration: underline; color: #349C4B; font-size: inherit; }
a.detail-learn-btn { display: inline-block; color: #888; margin: 0.14rem 0 0.28rem; text-decoration: none; }
.other-group-item a.detail-learn-btn, .other-mode-item a.detail-learn-btn { opacity: 0; position: relative; z-index: -1; }
.other-group-item:hover a.detail-learn-btn, .other-mode-item:hover a.detail-learn-btn { opacity: 1; transition: opacity .3s ease-in-out; z-index: 1; }
a.detail-learn-btn::after { content: "\e802"; font-family: 'iconfont'; font-size: clamp(13px, 0.14rem, 14px); color: inherit; display: inline-block; transition: transform 0.3s ease-in-out; }
a.detail-learn-btn:hover { color: #000; }
a.detail-learn-btn:hover::after { transform: translateX(0.04rem); transition: transform 0.3s ease-in-out; }
.detail-btns {
  display: flex;
  gap: 25px;
}
.detail-download-box,
.detail-online-box {
  max-width: 2.45rem;
  width: 100%;
}
a.detail-download-btn,
a.detail-online-btn { 
  display: inline-block;
  border-radius: 0.08rem;  
  box-shadow: 0 1.3px 104px 0 rgba(17, 121, 252, 0.05); 
  font-weight: 700; 
  text-decoration: none; 
  width: 100%; 
  height: 0.5rem;
  text-align: center; 
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
a.detail-download-btn{
  background: linear-gradient(0deg, #021507 0%, #021507 100%), linear-gradient(90deg, #47D576 0.09%, #38AC5E 99.73%);
  color: #FFF; 
  max-width: 2.7rem;
 }
.detail-download-btn::after { content: "\e901"; font-weight: 600; display: inline-block; font-family: 'iconfont'; width: 0px; overflow: hidden; font-size: clamp(14px, 0.16rem, 16px); text-align: right; vertical-align: middle; transform: translateY(-30px); opacity: 0;}
.detail-download-btn:hover::after { width: 0.28rem; transform: translateY(0); opacity: 1; transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;} 
a.detail-online-btn{
  border: 1px solid #151515;
  background: linear-gradient(0deg, #FBFEFF 0%, #FBFEFF 100%), linear-gradient(90deg, #47D576 0.09%, #38AC5E 99.73%);
  color: #151515;
}
.detail-download-box>p,
.detail-online-box>p{
  color: #555;
  font-size: 0.14rem;
  font-weight: 400;
  margin-top: 10px;
  text-align: center;
}
a.detail-watch-btn { display: inline-block; color: #333; text-decoration: underline; margin-top: 0.1rem; }
a.detail-watch-btn em { display: inline-block; position: relative; left: 0; top: 0.05rem; width: 0.24rem; height: .16rem; border-radius: 0.05rem; border: 1px solid #333333; margin-right: 0.1rem; }
a.detail-watch-btn em:after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 0; height: 0; border-top: .05rem solid transparent; border-left: .06rem solid #333; border-bottom: .05rem solid transparent;}
a.detail-watch-btn:hover { color: #53D15A; }
a.detail-watch-btn:hover em { border: 1px solid #53D15A; }
a.detail-watch-btn:hover em:after { border-left: .06rem solid #53D15A; }

/* sec5 */
.sec5 { padding: 1.1rem 0 0.9rem; }
.other-lists { max-width: 14rem; width: 96%; margin: 0 auto; }
.other-item { padding: 0.48rem 0.56rem; border-radius: .2rem; text-align: center; margin-bottom: 0.24rem; }
.other-item1 { background: linear-gradient(148deg, rgba(228, 254, 185, 0.40) 7.62%, rgba(35, 193, 177, 0.40) 25.68%, rgba(41, 191, 114, 0.40) 80.74%), linear-gradient(196deg, #47D576 11.11%, #38AC5E 89.24%); }
.other-item2 { background: #F0FAF5; }
.other-tips { display: inline-block; padding: .06rem .12rem; }
.other-tips1 { border-radius: .2rem; border: 1px solid rgba(255, 255, 255, 0.30); background: linear-gradient(180deg, rgba(203, 255, 222, 0.15) 0%, rgba(203, 255, 222, 0.15) 100%); color: #FFF; }
.other-tips2 { border-radius: .37rem; border: 1px solid rgba(64, 195, 108, 0.40); background: rgba(64, 195, 108, 0.10); color: #333;}
.other-tips img { vertical-align: middle; margin-right: .1rem; }
.other-item h3 { color: #FFF; font-weight: 700; margin: 0.28rem 0; }
.other-item-des { color: #FFF; }
.other-item2 h3 { color: #021507; margin: 0.28rem 0 0.08rem; }
.other-item2 .other-item-des { color: #555; }
.other-item-des a { color: inherit; font-size: inherit; text-decoration: underline; }
.other-download { margin-top: 0.3rem; }
a.other-download-btn { display: inline-block; max-width: 2.5rem; width: 100%; box-sizing: border-box; text-align: center; color: #FFF; font-weight: 700; text-decoration: none; border-radius: .08rem; background: #021507; box-shadow: 0 1.3px 104px 0 rgba(17, 121, 252, 0.05); padding: 0.12rem 0;}
a.other-download-btn::after { content: "\e901"; font-weight: 600; display: inline-block; font-family: 'iconfont'; width: 0px; overflow: hidden; transition: width .3s; font-size: clamp(14px, 0.16rem, 16px); text-align: right; vertical-align: middle; transform: translateY(-30px); opacity: 0; }
a.other-download-btn:hover::after { width: 0.28rem; transform: translateY(0); opacity: 1; transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;}
.download-tips { margin-top: 0.1rem;  color: #FFF; }
.other-cont { display: flex; justify-content: space-between; margin-top: 0.3rem; }
.other-cont-item { border-radius: .2rem; background: rgba(255, 255, 255, 0.90); box-shadow: 0 2px 12px 0 rgba(11, 75, 107, 0.15); padding: 0.32rem; max-width: 6.3rem; width: 49%; box-sizing: border-box; }
.other-cont-item>img { width: 100%; }
.other-cont-item h4 { color: #021507; font-weight: 600; margin: 0.34rem 0 0.15rem;}
.other-cont-item-des { color: #555; }
.other-group { display: flex; justify-content: space-between; }
.other-group-item { max-width: 4.15rem; width: 32.5%; box-sizing: border-box; padding: 0.32rem 0.48rem; border-radius: .18rem; background: rgba(255, 255, 255, 0.90); box-shadow: 0 2px 12px 0 rgba(11, 75, 107, 0.15); margin-top: 0.3rem; }
.other-group-item>img { width: 2rem; }
.other-group-item h4 { color: #021507; font-weight: 600; margin: 0.3rem 0 0.12rem;}
.other-group-item-des { color: #555; min-height: 1.1rem; }
.other-group-item a.detail-learn-btn { margin: 0.15rem 0 0; }
.other-item3 { display: flex; justify-content: space-between; }
.other-left { max-width: 4.55rem; width: 100%; box-sizing: border-box; }
.other-left img { margin-bottom: 0.02rem; width: 3.93rem; }
.other-right { max-width: 9.2rem; width: 100%; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; }
.other-right img { width: 3.6rem; }
.other-mode-item { padding: 0.32rem; border-radius: .18rem; background: #F0F9FA; height: 100%; box-sizing: border-box; }
.other-mode-item h3 { color: #021507; font-weight: 700; }
.other-left .other-mode-item h3 { max-width: 3.4rem; }
.other-mode-item-des { color: #555; margin: 0.12rem 0; }
.other-mode-item .detail-learn-btn { margin: 0; }
.other-right .other-mode-item { display: flex; justify-content: space-between; align-items: center; margin-top: 0.32rem;}
.other-right .other-mode-item:first-child { margin-top: 0; direction: rtl; }
.other-mode-item-cont { max-width: 4.6rem; width: 100%; box-sizing: border-box; direction: ltr; }

/* sec6 */
.sec6 { background: url(../png/droidkit-home-sec6bgimg.png) top center no-repeat; background-size: cover; padding: 1.1rem 0; }
.solution-mode { text-align: center;}
.solution-mode-des { color: #333; margin-top: 0.15rem; }
.solution-mode-cont1 { padding-bottom: 1.1rem; position: relative; }
.solution-cont1-info { max-width: 12rem; width: 96%; margin: 0.5rem auto 0; box-sizing: border-box; padding: 0.88rem; background: url(../png/droidkit-solution-cont1bgimg.png) top center no-repeat; background-size: 100% 100%; position: relative; z-index: 2; }
.solution-mode .solution-cont1-info h3 { color: #FFF; font-weight: 800; }
.solution-cont1-info h3 span { color: #F6FF7C; font-weight: 800;}
.solution-cont1-info-des { color: #FFF; max-width: 9rem; width: 90%; margin: 0.1rem auto 0.35rem; }
.solution-select {display: flex; max-width: 8.2rem; width: 96%; justify-content: space-between; margin: 0 auto; }
.solution-select .select-box { position: relative; max-width: 2.9rem; width: 100%; box-sizing: border-box;}
.solution-select .select-box::after { content: "\e800"; font-family: 'iconfont'; display: block; position: absolute; top: 50%; right: 5%; transform: translateY(-50%); color: #333; font-weight: 700; font-size: clamp(16px, 0.18rem, 18px); }
.solution-select .select-box.active::after { color: #349C4B; transform: rotateZ(180deg) translateY(50%); }
.dropdown-toggle {width: 100%;padding: 0.16rem 0.1rem;background: #fff;border: none;border-radius: 0.08rem;text-align: left;cursor: pointer; display: flex; justify-content: space-between; align-items: center;}
.dropdown-menu { position: absolute; top: 100%; left: 0; width: 100%; max-height: 200px; overflow-y: auto; margin: 4px 0 0; padding: 0; background: #fff; border: 1px solid #ccc; border-radius: 0.08rem; list-style: none; z-index: 9; display: none; box-sizing: border-box;}
.selected-option { color: rgba(51, 51, 102, 0.40);}
.dropdown-menu::-webkit-scrollbar { width: 12px; padding-right: 4px;}
.dropdown-menu::-webkit-scrollbar-track { background: transparent; border-radius: 6px;}
.dropdown-menu::-webkit-scrollbar-thumb { width: 6px; margin-left: 3px; border-radius: 6px; background: #8f8f8f; border: 3px solid #fff;}
        
.selected-option.active { color: #336; }
.dropdown-menu li { padding: 0.12rem 0.3rem;cursor: pointer; font-weight: 400; text-align: left; color: #336;}
.dropdown-menu li.active { color: #349C4B; font-weight: 500; background: rgba(52, 156, 75, 0.12);}
.dropdown-menu li:hover { background: rgba(52, 156, 75, 0.12);}
.custom-dropdown.active .dropdown-menu {display: block;}
a.solution-download-btn { display: inline-block; border-radius: .08rem; background: #021507; box-shadow: 0 1.3px 104px 0 rgba(17, 121, 252, 0.05); color: #FFF; font-weight: 700; text-decoration: none; padding: 0.14rem 0.32rem;}
.solution-support { background: #D5EDDD; position: absolute; bottom: 0; width: 100%; z-index: 0; padding: 0.55rem 0 0.35rem; }
.solution-support-item { max-width: 56.2rem; width: 100%; display: flex; }
.solution-support-item img { width: 27.4rem; }
.solution-support-item2 { margin-top: 0.3rem; }
.solution-support-item1:nth-child(1) img{transform: translate(0); display: inline-block; margin-left: 0.12rem; animation: arrow-scroll1 20s infinite linear;}
.solution-support-item1:nth-child(2) img{transform: translate(100%); display: inline-block; animation: arrow-scroll2 20s infinite linear;}
.solution-support-item2:nth-child(1) img{transform: translate(0); display: inline-block; animation: arrow-scroll3 20s infinite linear;;}
.solution-support-item2:nth-child(2) img{transform: translate(-100%); display: inline-block; margin-right: 0.12rem; animation: arrow-scroll4 20s infinite linear;}

@keyframes arrow-scroll1{
  0%{transform: translate(0);}
  100%{transform: translate(-100%);}
}
@keyframes arrow-scroll2{
  0%{transform: translate(100%);}
  100%{transform: translate(0);}
}
@keyframes arrow-scroll3{
  0%{transform: translate(0);}
  100%{transform: translate(100%);}
}
@keyframes arrow-scroll4{
  0%{transform: translate(-100%);}
  100%{transform: translate(0);}
}

.solution-mode h3 { color: #021507; font-weight: 500; }
.solution-mode-cont2 { margin-top: 0.8rem; }
.solution-mode-tech{margin:.3rem auto .5rem;}
.solution-mode-tech-block { width:2.52rem; height:2.84rem; display:inline-block; vertical-align:top; margin:0 .2rem -0.4rem; position:relative;}
.solution-mode-tech-bg{ width:100%; height:100%; background:url(../png/dkidx_techbg.png) center no-repeat; background-size:cover; position:absolute; top:0; left:0; transition:transform 0.2s ease-in-out;}
.solution-mode-tech-bg:after{ content:""; width:100%; height:100%; display:block; background:url(../png/dkidx_techhov.png) center no-repeat; background-size:cover; opacity:0; transform:scale(0.9); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; }
.solution-mode-tech-cont{ position:relative;}
.solution-mode-tech-cont span{ width:.8rem; height:.93rem; display:block; margin:.7rem auto .2rem; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;}
.solution-mode-tech-icon1{ background:url(../png/solution-mode-tech-icon1.png) no-repeat; background-size:cover;}
.solution-mode-tech-icon2{ background:url(../png/solution-mode-tech-icon2.png) no-repeat; background-size:cover;}
.solution-mode-tech-icon3{ background:url(../png/solution-mode-tech-icon3.png) no-repeat; background-size:cover;}
.solution-mode-tech-icon4{ background:url(../png/solution-mode-tech-icon4.png) no-repeat; background-size:cover;}
.solution-mode-tech-icon5{ background:url(../png/solution-mode-tech-icon5.png) no-repeat; background-size:cover;}
.solution-mode-tech-icon6{ background:url(../png/solution-mode-tech-icon6.png) no-repeat; background-size:cover;}
.solution-mode-tech-icon7{ background:url(../png/solution-mode-tech-icon7.png) no-repeat; background-size:cover;}
.solution-mode-tech-block p{ font-weight:bold; color:#0c0c0c;}
.solution-mode-tech-block:hover{ text-decoration:none;}
.solution-mode-tech-block:hover .solution-mode-tech-bg:after{ opacity:1; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.solution-mode-tech-block:hover p{ color:#fff;}
.solution-mode-tech-block:hover span{ background-position:0 100%;}

.solution-mode-cont3 { margin-top: 0.8rem; }
.solution-mode-why { margin-top: 0.4rem; }
.solution-mode-why li{display:inline-block; vertical-align:top; margin: 0 .18rem; max-width:3.05rem;}
.solution-mode-why img { width: 0.64rem; }
.solution-mode-why h4 {color: #021507;font-weight: 700; margin: 0.15rem 0;}
.solution-mode-why p{color: #333;}
/* sec7 */
.sec7 { padding: 1.1rem 0; }
.compatible-mode { max-width: 14rem; width: 96%; margin: 0 auto; }
.compatible-mode-lists { display: flex; flex-wrap: wrap; gap: 0.24rem; margin-top: 0.5rem; }
.compatible-mode-item { border-radius: .2rem; border: 1px solid #D6F0EB; background: #F7FCFB; padding: 0.32rem; }
.compatible-mode-item h3 { color: #021507; font-weight: 500; }
.compatible-mode-item h3 img { vertical-align: middle; margin-right: 0.1rem; width: 0.28rem; }
.compatible-mode-item p { color: #333; margin-top: 0.2rem; }
.compatible-mode-item p b { font-weight: 700; font-size: inherit; }
.compatible-mt30 { margin-top: 0.3rem;}
.compatible-mode-item2 { max-width: 7.5rem; width: 55%; box-sizing: border-box; }
.compatible-mode-item3 { max-width: 6.25rem; width: 45%; box-sizing: border-box; }

/* sec8 */
.sec8 { background: url(../png/droidkit-home-sec8bgimg.png) top center no-repeat; background-size: cover; padding: 1.1rem 0 1.45rem; }
.bottom-product-info { display: flex; justify-content: space-between; max-width: 12rem; width: 96%; margin: 0 auto; direction: rtl; }
.bottom-product-info-cont { direction: ltr; margin-top: 0.2rem; }
.bottom-product-info-img img { width: 5.74rem; }
.bottom-product-info-cont h2 { text-align: left; color: #FFF; font-weight: 600; }
.bottom-product-info-cont-des { color: #FFF; margin: 0.1rem 0 0.3rem; }
.bottom-tips-info { border-radius: .2rem; border: 1px solid rgba(255, 255, 255, 0.16); background: #021A08; box-shadow: 0 0 10px 0 rgba(255, 59, 59, 0.08) inset; max-width: 14rem; width: 96%; margin: 0 auto; display: flex; justify-content: space-between; padding: 0.32rem 0.2rem; box-sizing: border-box; }
.bottom-tips-info-item { max-width: 3.2rem; width: 24%; box-sizing: border-box; text-align: center; }
.bottom-tips-info-item img { width: 0.5rem; }
.bottom-tips-info-title { color: rgba(255, 255, 255, 0.80); font-weight: 600; }
.bottom-tips-info-des { color: rgba(255, 255, 255, 0.50); }
.bottom-tips-info-des a.reviews-link { color: inherit; text-decoration: underline; }

/* sec9 */
.sec9 { padding: 0.9rem 0; }
.faq-mode { max-width: 14rem; width: 96%; margin: 0 auto; }
.faq-lists { display: inline-block; max-width: 6.8rem; width: 50%; vertical-align: top; margin-top: 0.5rem; }
.faq-lists2 { margin-left: 0.34rem; }
.faq-item { padding: 0.3rem 0.2rem;  box-sizing: border-box; border-radius: .1rem; border: 1px solid #E5E5E5; cursor: pointer; margin-bottom: 0.4rem; }
.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; }
.faq-item h3::after { content: "\e800"; display: inline-block; font-family: 'iconfont'; font-weight: 700; position: absolute; right: 0; top: 0; }
.faq-item.act h3 { color: #349C4B; }
.faq-item.act h3::after { transition: all .2s ease-in-out; transform: translateY(0) rotateZ(180deg); color: inherit; }
.faq-item.act { border: 1px solid #349C4B; }
.faq-lists .faq-item:last-child { margin-bottom: 0; }

/* sec10 */
.sec10 { padding-bottom: 1.1rem; }
.article-lists { max-width: 14rem; width: 96%; margin: 0.5rem auto 0; display: flex; justify-content: space-between; }
.article-group { max-width: 4.5rem; width: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.article-item { max-width: 4.5rem; width: 100%; box-sizing: border-box; padding: 0.32rem 0.26rem; border-radius: .18rem; border: 1px solid #E0E0E0; background: rgba(255, 255, 255, 0.80); backdrop-filter: blur(10px); }
.article-item h3 { color: #021507; font-weight: 600; margin-bottom: 0.24rem; }
.article-item h3 img { vertical-align: middle; margin-right: 0.12rem; width: 0.42rem; }
.article-item li { margin-bottom: 0.2rem;  }
.article-item li:last-child { margin-bottom: 0; }
.article-item li img { display: inline-block; vertical-align: top; margin-top: 0.03rem; }
.article-item li a { display: inline-block; color: #333; width: calc(100% - 0.4rem); padding-left: 0.1rem; }
.article-item li a:hover { color: #000; }
.article-group li { margin-bottom: 0.12rem; }
.article-group li a { padding-left: 0; }
.article-group .article-item:last-child { margin-top: 0.24rem; }

@media screen and (max-width: 1600px) {
  .sec8 { background-size: cover;  padding: 1.1rem 0 1.4rem;}
}

@media screen and (max-width: 1400px) {
  .bottom-product-info-cont { margin-top: 0; }
}

@media screen and (max-width: 1320px) {
  .sec8 { background-size: cover;  padding: 1.1rem 0;}
}

@media screen and (max-width: 1300px) {
  .bottom-product-info { max-width: 14rem; }
}
@media screen and (max-width: 1200px) {
    .sec1 { padding: 1rem 0 0; }
    .dk-banner { display: block; }
    .dk-banimg { position: relative; text-align: center; right: auto; width: 100%; margin: 0 auto;}
    .dk-bantext { max-width: inherit; width: 100%; }
    .dk-banner-info { margin-top: 1rem; }
    .dk-banimg img { width: 90%; height: auto; display: none; }

    .trust-img { width: 44%; }
    .trust-img>img { width: 100%; }
    .hot-img { right: 20%; }

    .sec8 { padding: 0.5rem 0 0.8rem;}
    .other-item3 { display: block; }
    .other-left { max-width: inherit; text-align: center; margin-bottom: 0.3rem;}
    .other-left .other-mode-item h3 { max-width: inherit; }
    .other-right { max-width: inherit; }
    .other-right .other-mode-item { display: block; direction: ltr; text-align: center;}
    .other-mode-item-cont { max-width: inherit; }

    .solution-mode-why li { max-width: 45%; width: 100%; margin: 0.2rem 2%; }

    .compatible-mode-lists { display: block; }
    .compatible-mode-item2, .compatible-mode-item3 { max-width: inherit; width: 100%; margin-top: 0.3rem; }

    .faq-lists { max-width: 48%; }

    .article-item, .article-group { max-width: 32%; }
    .article-group .article-item { max-width: 100%; }

    .sec1 video { display: none; }
} 

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

    .sec2 { background: #F2FAF8; padding: 0.8rem 0; }
    .trust-cont { display: block; width: 100%; margin: 0 auto; padding: 0; box-sizing: border-box; background: none; }
    .trust-reviews { position: relative; height: auto; width: 100%; right: auto; top: auto; transform: translateY(0); margin: 0 auto; background: none; padding: 0; }
    .trust-lists { margin: 0.6rem 0; border-radius: 10px; border: 1px solid #53D168; background: radial-gradient(90.95% 91.79% at 19.73% 0%, rgba(83, 209, 104, 0.12) 0%, rgba(83, 209, 104, 0.00) 77.95%), rgba(255, 255, 255, 0.90); box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.50); backdrop-filter: blur(6px); padding: 0.32rem 0.3rem;}
    .trust-img { border-radius: 10px; background: linear-gradient(148deg, rgba(228, 254, 185, 0.20) 7.62%, rgba(35, 193, 177, 0.20) 25.68%, rgba(41, 191, 114, 0.20) 80.74%), linear-gradient(196deg, #47D576 11.11%, #38AC5E 89.24%); padding: 0.4rem; margin: 0 auto; }

    .function-lists { background: none; padding: 0.5rem 0; }
    .function-item { max-width: 50%; width: 48%; min-height: 3.4rem; }
    .function-item img { width: 1.4rem; }
    .hot-img img { width: 0.6rem; }

    .solution-cont1-info { padding: 0.88rem 0.6rem; }
    .solution-select { max-width: 100%; justify-content: center; gap: 0.4rem; }
    
    .detail-item { display: block; }
    .detail-img { margin: 0 auto; text-align: center; }
    .detail-cont { max-width: inherit; margin-top: 0.4rem; }
    a.detail-download-btn,
    .detail-download-box,
    .detail-online-box  { max-width: 3.6rem; }
    .detail-download-btn::after, a.other-download-btn::after { width: 0.28rem; transform: translateY(0); opacity: 1; margin-left: 0.1rem;} 

    .other-group { display: block; }
    .other-group-item { max-width: inherit; width: 100%; margin-top: 0.4rem; }
    .other-group-item-des { min-height: auto; }
    a.other-download-btn { max-width: 3.6rem; }

    .sec8 { background: #021507; padding: 0.7rem 0; }
    .bottom-product-info { display: block; text-align: center; }
    .bottom-tips-info { margin-top: 0.4rem; }
    .bottom-product-info-cont h2 { text-align: center; line-height: 1.2; }
    .bottom-product-info-cont .dk-btns { justify-content: center; }
}

@media screen and (max-width: 750px) {
    .dkidx_iframe iframe { height: 3.4rem; }

    .sec1 { padding: 0.8rem 0; }
    .dk-banner, .trust-mode, .other-lists,.compatible-mode, .bottom-product-info, .bottom-tips-info, .faq-mode { width: 90%; }
    .dk-banlists { text-align: left; }
    .dk-banner-info { display: none; }
    .dk-support { padding: 0.16rem; }
    .dk-btns { text-align: center; display: block; }
    .dk-btns>p { display: block; max-width: 290px; width: 100%; margin: 0.3rem auto 0; }

    .sec-mo { display: block; }

    .funtion-item-hover-des { margin: 0.1rem 0; }
    .trust-lists { padding: 0.3rem; }
    .trust-img { width: 88%; }
    .trust-img>img { width: 100%; height: auto; }
    .swiper-button-prev, .swiper-button-next { display: none; }
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { background-color: transparent; }
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active::after { background: #202A2C; }
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { background: #E6E6E6; height: 12px; width: 12px; }
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active { background: #E6E6E6; width: 20px; border-radius: 12px; }
    
    .function-lists { width: 90%; padding: 0.5rem 0; }

    .other-cont { display: block; }
    .other-cont-item { width: 100%; margin: 0 auto 0.4rem; }
    .other-group-item a.detail-learn-btn, .other-mode-item a.detail-learn-btn { opacity: 1;transition: opacity .3s ease-in-out;z-index: 1; }

    .detail-lists { width: 90%; }
    .faq-lists { max-width: inherit; width: 100%;}
    .faq-lists2 { margin-left: 0; }

    .sec4 { background: #021507; }
    .hot-img { right: -0.2rem; top: -0.1rem; }
    .function-item { max-width: inherit; width: 100%; display: block; min-height: auto; position: relative; }
    .function-item .function-item-normal { display: flex; align-items: center; text-align: left; }
    .function-item a.function-item-hover { opacity: 0; position: absolute; top: 0; left: 0; transform: translateY(0); width: 100%; height: 100%; }

    .article-lists { display: block; width: 90%; }
    .article-item { max-width: inherit; margin-top: 0.3rem; }
    .article-group { max-width: inherit; }

    .detail-pc { display: none; }
    .detail-mo { display: block; direction: ltr; }
    .detail-tips.detail-mo { display: block; width: 60%; margin: 0 auto; font-size: 13px; }
    h3.detail-mo { width: 80%; color: #021507; font-weight: 700; margin: 0.3rem auto 0.4rem; }

    .solution-mode .pw1200 { width: 90%; }
    .solution-mode-tech-block {width:110px; height:110px; margin:5px 0;}
	  .solution-mode-tech-cont span{width:40px; height:46px; margin:20px auto 3px;}
	  .solution-mode-tech-block p{font-size:12px!important; max-width:88px; line-height:1; margin:auto;}
    br { display: none; }
    .detail-img { max-width: inherit; }

    .solution-cont1-info { background: #35b264; border-radius: 0.2rem; padding: 0.4rem 0.2rem; width: 90%;}
    .solution-select { display: block; }
    .solution-select .select-box { margin: 0 auto 0.3rem; }
    .detail-item { padding: 0.5rem 0.2rem; text-align: center; }
    .detail-info-lists li::before {vertical-align: top; margin-right: 10px; }
    .detail-info-lists li p { width: calc(100% - 0.6rem); text-align: left; }
    a.detail-download-btn, a.detail-online-btn, a.other-download-btn, .solution-select .select-box, a.solution-download-btn { max-width: 100%; width: 100%; box-sizing: border-box; padding: 0.2rem 0; border-radius: 0.2rem; }
    .detail-download-btn:hover::after { width: 0.4rem; }
    .detail-download-box,
    .detail-online-box{
      max-width: 100%;
    }
    .detail-btns{
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .other-item { padding: 0.4rem 0.2rem; }
    .compatible-mode-item h3 img { width: 24px; }
    .bottom-tips-info { flex-wrap: wrap; gap: 0.4rem 0; }
    .bottom-tips-info-item { max-width: 48%; width: 100%; }

    .faq-item h3 { padding-right: 0.4rem; }
    
    .solution-mode-why li { margin: 0.4rem 2%; }
    a.download-btn, a.price-btn { margin-right: 0; }
    .ft16 { font-size: clamp(14px, 0.16rem, 24px); }
    .ft14 { font-size: clamp(13px, 0.14rem, 24px); }
    .ft18 { font-size: clamp(16px, 0.18rem, 24px); }
    a.download-win::before, a.price-btn::before { font-size: 20px; margin-right: 0.2rem; }
    .ft20 { font-size: clamp(16px, 0.2rem, 32px); }
    .ft24 { font-size: clamp(18px, 0.24rem, 32px); }
    .ft32 { font-size: clamp(21px, 0.32rem, 48px); }
    .ft42 { font-size: clamp(21px, 0.42rem, 42px); }
    .ft46 { font-size: clamp(23px, 0.46rem, 46px); }
    .dk-support p { font-size: 12px; }
    a.detail-watch-btn { font-size: 13px; }
    .dk-bantitle { line-height: 1.2; margin: 0.4rem auto; }
    .dkidx_iframe h3 { font-size: 0.3rem; }
    .dk-banlists li { font-size: 15px; }
    a.download-btn b em, a.price-btn b { font-size: 19px; }
    .info-mo-item span, .trust-reviews .user-info { font-size: 16px; }
    .trust-reviews .trust-review-title { font-size: 15px; }
    .reviews-item img { width: 40%; }
    .detail-tips img { width: 18px; }
    .detail-info-des { margin: 0.2rem 0 0.32rem; }
    .detail-info-lists li { margin-bottom: 0.1rem; }
    a.detail-download-btn, a.other-download-btn, .solution-select .select-box, a.solution-download-btn { font-size: 18px; }
    a.detail-learn-btn { display: block; text-align: left; }
}