.d-flex{display:flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.align-center{align-items:center}.flex-start{justify-content:flex-start}.flex-end{justify-content:flex-end}.space-between{justify-content:space-between}.space-center{justify-content:center}.flex-wrap{flex-wrap:wrap}.tools{width:100%;background:#080b16;color:#fff}.tools .container{width:100%;padding-top:.56rem;padding-left:0;padding-right:0;display:flex;flex-direction:column;align-items:flex-start}.tools .container .cate{font-size:.26rem;font-family:Microsoft YaHei-Bold,Microsoft YaHei;font-weight:700;line-height:.34rem;margin:.64rem 0 .2rem}.tools .container .cate:first-child{margin-top:0}.tools .container .itemBox{width:12rem;max-width:100%;display:flex;flex-wrap:wrap;font-size:.16rem;margin:0 auto}.tools .container .itemBox .item{border-radius:.12rem;margin:0 .21rem .21rem 0;position:relative;box-sizing:border-box;display:block;border-bottom-left-radius:.2rem;border-bottom-right-radius:.2rem}.tools .container .itemBox .item .for-border{width:1.82rem;height:1.82rem;display:flex;justify-content:center;flex-direction:column;align-items:center;border-radius:.12rem;border:1px solid hsla(0,0%,100%,.1);background:#1f2233;position:relative}.tools .container .itemBox .item .for-border .i-svg{width:.66rem;height:.66rem}.tools .container .itemBox .item .for-border .hot-tip,.tools .container .itemBox .item .for-border .new-tip{width:.37rem;height:.19rem;background:#216bfa;position:absolute;top:.34rem;right:.4rem;font-size:.12rem;text-align:center;line-height:.19rem;border-top-left-radius:.08rem;border-top-right-radius:.1rem;border-bottom-right-radius:.1rem}.tools .container .itemBox .item .for-border .hot-tip{background:#f34c4c}.tools .container .itemBox .item:hover{transform:translateY(-10px);transition:all .5s;cursor:pointer;background:transparent}.tools .container .itemBox .item:hover .for-border{border:1px solid #fff;-o-border-image:none;border-image:none;-webkit-clip-path:none;clip-path:none;border-radius:.12rem}.tools .container .itemBox .item:nth-child(6n){margin-right:0}.tools .container .itemBox .item .title{font-size:.16rem;font-weight:400;line-height:.21rem;margin:.09rem 0 4px}@media screen and (max-width:1200px){.tools .container{width:9.32rem}.tools .container .itemBox .item{margin-right:.23rem}.tools .container .itemBox .item .for-border{width:1.68rem;height:1.68rem}.tools .container .itemBox .item .for-border .hot-tip,.tools .container .itemBox .item .for-border .new-tip{top:.28rem;right:.4rem}.tools .container .itemBox .item:nth-child(5n){margin-right:0}.tools .container .itemBox .item:nth-child(6n){margin-right:.23rem}}@media screen and (max-width:992px){.tools .container{width:7.08rem}.tools .container .itemBox .item{width:1.6rem;height:1.6rem;margin-right:.22rem}.tools .container .itemBox .item .for-border{width:1.6rem;height:1.6rem}.tools .container .itemBox .item .for-border .hot-tip,.tools .container .itemBox .item .for-border .new-tip{top:.22rem;right:.4rem}.tools .container .itemBox .item:nth-child(4n){margin-right:0}.tools .container .itemBox .item:nth-child(5n){margin-right:.22rem}}@media screen and (max-width:768px){.tools .container .itemBox{width:100%}.tools .container .itemBox .item{width:1.6rem;height:1.6rem}.tools .container .itemBox .item .for-border .hot-tip,.tools .container .itemBox .item .for-border .new-tip{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:2px 4px;font-size:12px;transform:scale(.8);right:.3rem;top:.17rem}}@media screen and (max-width:768px){.tools .container .itemBox{width:100%;min-width:350px}.tools .container .itemBox .item{width:1.6rem;height:1.6rem}.tools .container .itemBox .item .for-border .hot-tip,.tools .container .itemBox .item .for-border .new-tip{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:2px 4px;font-size:12px;transform:scale(.8);right:16px;top:9px}}