.tool-page{padding:10px}.tool-page .tool-box{width:100%;display:flex;flex-wrap:wrap;flex-grow:1}.tool-page .tool-box>.item-box{cursor:pointer;position:relative;width:calc(16.66667% - 20px);margin:10px;padding:25px;background:#fff;border-width:1px;border-style:solid;border-radius:5px;box-sizing:border-box;transition:all .3s;transition-timing-function:ease}.tool-page .tool-box>.item-box:hover{box-shadow:0 0 20px rgba(0,0,0,.05)}@media (max-width:2300px){.tool-page .tool-box>.item-box{width:calc(20% - 20px)}}@media (max-width:1600px){.tool-page .tool-box>.item-box{width:calc(25% - 20px)}}@media (max-width:1200px){.tool-page .tool-box>.item-box{width:calc(33.33% - 20px)}}@media (max-width:1000px){.tool-page .tool-box>.item-box{width:calc(50% - 20px)}}@media (max-width:500px){.tool-page .tool-box>.item-box{width:calc(100% - 20px)}}.tool-page .tool-box>.item-box .head-color{width:50px;height:2px;background:#2faaf7;position:absolute;top:0;right:auto;bottom:auto;left:25px}.tool-page .tool-box>.item-box .icon-box{width:50px;height:50px;background:#87dbb1;padding:10px;border-radius:3px;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.tool-page .tool-box>.item-box .title{margin:15px 0 10px 0;font-size:16px;letter-spacing:1px;font-weight:600}.tool-page .tool-box>.item-box .explain{font-size:12px;letter-spacing:2px;height:60px;line-height:20px;color:#888;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.tool-page .tool-box>.item-box .arrow-right{margin-top:20px;height:30px;width:100%}.tool-page .tool-box>.item-box .arrow-right .icon{width:30px;height:30px;float:right}.tool-page .tool-box>.item-box .child-box{margin-top:20px;height:30px;width:100%;display:flex;justify-content:flex-end;align-items:center}.tool-page .tool-box>.item-box .child-box>.item-box{cursor:pointer;margin-right:10px;width:30px;height:30px;background:#eee;padding:5px;border-radius:3px;display:flex;justify-content:center;align-items:center}.tool-page .tool-box>.item-box .child-box>.item-box:last-child{margin-right:0}.tool-page .tool-box>.item-box .child-box>.item-box .icon{width:60%;height:60%}.tool-page .tool-box .disable{cursor:auto}.tool-page .tool-box-dark>.item-box{background:#191d23}.tool-page .tool-box-dark>.item-box .child-box>.item-box{background:#2f3042}