/*# zfa 2025/8/27 10:14:37 kb-工具合集页面 */
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer{margin:0;padding:0}
body{font:62.5%/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;min-width:320px}
h1,h2,h3,h4,h5,h6{font-size:100%}
img{vertical-align:middle;border:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
em,i{font-style:normal}
img{max-width:100%;border:0}
input:focus{outline:0}
table{border-collapse:collapse;border-spacing:0}
ol,ul,li{list-style:none}
textarea{resize:none}
a{text-decoration:none;color:#333;-webkit-touch-callout:none}
.cf:after{content:" ";display:block;height:0;clear:both;visibility:hidden}
.cf{min-height:1%}
.fl{float:left}
.fr{float:right}
.hide{display:none}
.show{display:block}
.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.break{word-break:break-all;word-wrap:break-word}
html{font-size:100px;font-size:13.33333vw}
@media screen and (max-width:320px){html{font-size:42.6666666667px;font-size:13.33333vw}}
@media screen and (min-width:321px) and (max-width:360px){html{font-size:48px;font-size:13.33333vw}}
@media screen and (min-width:361px) and (max-width:375px){html{font-size:50px;font-size:13.33333vw}}
@media screen and (min-width:376px) and (max-width:393px){html{font-size:52.4px;font-size:13.33333vw}}
@media screen and (min-width:394px) and (max-width:412px){html{font-size:54.9333333333px;font-size:13.33333vw}}
@media screen and (min-width:413px) and (max-width:414px){html{font-size:55.2px;font-size:13.33333vw}}
@media screen and (min-width:415px) and (max-width:480px){html{font-size:64px;font-size:13.33333vw}}
@media screen and (min-width:481px) and (max-width:540px){html{font-size:72px;font-size:13.33333vw}}
@media screen and (min-width:541px) and (max-width:640px){html{font-size:85.3333333333px;font-size:13.33333vw}}
@media screen and (min-width:641px) and (max-width:720px){html{font-size:96px;font-size:13.33333vw}}
@media screen and (min-width:721px) and (max-width:750px){html{font-size:100px;font-size:13.33333vw}}
@media screen and (min-width:751px){html{font-size:100px}}
@media screen and (min-width:751px){html{font-size:100px}
body{width:750px;margin:0 auto}
[data-dpr="1"] body{width:750px;margin:0 auto}}
body{background:#F2F3F5}
.headArea{position:relative}
.headArea .cover{height:5.12rem;overflow:hidden;border-radius:0 0 0 0.3rem;position:relative}
.headArea .cover .sp1{background:url(../images/hd-sp1.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:20.15rem;height:11.46rem;-webkit-animation:Huang 90s linear infinite;animation:Huang 90s linear infinite;margin-left:-12.65rem}
@-webkit-keyframes Huang{0%,100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
50%{-webkit-transform:translate(12.65rem,-6.34rem);transform:translate(12.65rem,-6.34rem)}}
.headArea .cover .sp2{width:100%;height:100%;background:url(../images/hd-sp2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;position:absolute;left:0;top:0}
.headArea .cover img{display:block;width:100%;pointer-events:none}
.headArea .hd-logo{height:0.36rem;position:absolute;left:0.4rem;bottom:2.06rem}
.headArea .hd-logo img{display:block;height:100%}
.headArea .hd-item{position:absolute;left:0.4rem;bottom:0.5rem;overflow:hidden;height:1.2rem;width:4.2rem}
.headArea .hd-item img{float:left;width:1.2rem;height:1.2rem;margin-right:0.16rem}
.headArea .hd-item em{display:block;height:0.48rem;overflow:hidden;line-height:0.5rem;font-size:0.34rem;-webkit-text-stroke-width:0.2pt;color:#fff;margin-top:0.14rem}
.headArea .hd-item p{height:0.24rem;line-height:0.26rem;font-size:0.2rem;color:#898989;margin-top:0.2rem}
.m-sch{margin:0.4rem 0.2rem 0;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid #fff;background:#fff;border-radius:0.36rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.m-sch input{background:none;outline:none;border:none}
.m-sch .sp-txt{-webkit-box-flex:1;-ms-flex:1;flex:1;height:0.64rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:0.6rem;font-size:0.3rem;color:#191919;background:url(../images/ico-sch.png) no-repeat 0.24rem 50%;background-size:0.3rem auto;background-color:transparent}
.m-sch .sp-txt::-webkit-input-placeholder{color:#A7A8A7}
.m-sch .sp-txt::-moz-placeholder{color:#A7A8A7}
.m-sch .sp-txt:-ms-input-placeholder{color:#A7A8A7}
.m-sch .sp-txt::-ms-input-placeholder{color:#A7A8A7}
.m-sch .sp-txt::placeholder{color:#A7A8A7}
.m-sch .sp-cls{background:url(../images/ico-cls.png) no-repeat center;background-size:0.32rem auto;background-color:transparent;-ms-flex-negative:0;flex-shrink:0;width:0.72rem;height:0.64rem;cursor:pointer}
.m-sch .sp-btn{-ms-flex-negative:0;flex-shrink:0;width:1.4rem;height:0.64rem;background:#191919;border-radius:0.32rem;text-align:center;line-height:0.66rem;font-size:0.28rem;color:#fff;border-radius:0.32rem}
.m-foot{padding:0.6rem 0}
.vFull .m-list{min-height:7.6rem}
.m-list{margin:0.4rem 0.2rem 0;min-height:5.6rem}
.m-list ul{margin-left:-0.13rem;margin-top:-0.3rem}
.m-list li{float:left;width:2.28rem;height:3.6rem;overflow:hidden;border-radius:0.2rem;margin:0.3rem 0 0 0.13rem;position:relative}
.m-list .card-img{width:2.28rem;height:3.6rem;overflow:hidden}
.m-list .card-img .i-img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.m-list .card-img .i-tag{position:absolute;left:0.1rem;top:0.1rem;padding:0 0.06rem;height:0.32rem;border-radius:0.1rem;background:rgba(25,25,25,0.7);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:0.18rem;color:#fff}
.m-list .card-img .i-tag i{-ms-flex-negative:0;flex-shrink:0;width:0.2rem;height:0.2rem;margin-right:0.04rem}
.m-list .card-img .i-tag i.i1{background:url(../images/card-tag1.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent}
.m-list .card-img .i-tag i.i2{background:url(../images/card-tag2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent}
.m-list .card-img .i-tag i.i3{background:url(../images/card-tag3.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent}
.m-list .card-con{position:absolute;left:0;bottom:0;width:100%;height:0.72rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0.12rem;background:-webkit-gradient(linear,left bottom,left top,from(#131715),color-stop(66.54%,rgba(19,23,21,0.7)),to(rgba(19,23,21,0)));background:linear-gradient(0deg,#131715 0%,rgba(19,23,21,0.7) 66.54%,rgba(19,23,21,0) 100%);display:-webkit-box;display:-ms-flexbox;display:flex}
.m-list .card-con .sp-img{-ms-flex-negative:0;flex-shrink:0;width:0.48rem;height:0.48rem;overflow:hidden;border-radius:0.1rem;margin-right:0.08rem}
.m-list .card-con .sp-img img{display:block;width:100%;height:100%}
.m-list .card-con .sp-con{-webkit-box-flex:1;-ms-flex:1;flex:1;width:0%}
.m-list .card-con .sp-con .i-name{display:block;font-size:0.24rem;font-weight:bold;color:#fff;height:0.26rem;line-height:0.26rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.m-list .card-con .sp-con .i-info{font-size:0.16rem;height:0.18rem;line-height:0.18rem;color:#fff;overflow:hidden;margin-top:0.08rem}
.m-list.landscape ul{margin-left:-0.3rem;margin-top:-0.3rem}
.m-list.landscape li{width:3.4rem;height:1.8rem;margin:0.3rem 0 0 0.3rem}
.m-list.landscape .card-img{width:3.4rem;height:1.8rem}
.panel-none{padding:0.4rem 0}
.panel-none .img{display:block;width:2.5rem;margin:0 auto}
.panel-none .p1{display:block;height:0.36rem;text-align:center;line-height:0.38rem;font-size:0.36rem;font-weight:bold;color:#131715;margin-top:0.1rem}
.panel-none .p2{font-size:0.28rem;text-align:center;line-height:0.28rem;color:#444;margin-top:0.2rem}
.loadText{text-align:center;font-size:0.26rem;line-height:1.6;padding:0.1rem 0;margin-top:0.2rem;color:#898989}