.tooldetial{position:relative}.tooldetial .side .sideimg{display:none;max-width:100%}.tooldetial .side #isAffix{background:#f1f1f1;max-width:300px}.tooldetial .ncontent{background:#fff;margin-bottom:15px;overflow:hidden;width:100%}.tooldetial .ncontent .title{font-size:30px;font-weight:500;margin:0;padding:10px;position:relative}.tooldetial .ncontent .title a{color:#222;font-weight:700}.tooldetial .ncontent .title .toshare{color:#ababab;float:right;right:0;top:-30px}.tooldetial .ncontent .toolurl{margin-bottom:20px;padding:5px 10px}.tooldetial .ncontent .toolurl .image-button{border:2px solid #fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);cursor:pointer;display:block;margin:auto;max-width:260px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.tooldetial .ncontent .toolurl .image-button:hover{box-shadow:0 8px 15px rgba(0,0,0,.15);transform:scale(1.02)}.tooldetial .ncontent .toolurl .button-image{aspect-ratio:360/225;display:block;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease;width:100%}.tooldetial .ncontent .toolurl .image-button:hover .button-image{transform:scale(1.05)}.tooldetial .ncontent .toolurl .gradient-overlay{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 60%,rgba(0,0,0,.05));bottom:0;left:0;position:absolute;right:0;top:0}.tooldetial .ncontent .toolurl .button-text{bottom:0;left:0;padding:24px;position:absolute;right:0;text-align:center}.tooldetial .ncontent .toolurl .button-text span{color:#fff;font-size:20px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);transition:transform .3s ease}.tooldetial .ncontent .toolurl .image-button:hover .button-text span{transform:translateY(-3px)}.tooldetial .ncontent .toolurl .indicator{align-items:center;backdrop-filter:blur(4px);background-color:hsla(0,0%,100%,.4);border-radius:50%;display:flex;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:transform .3s ease;width:32px}.tooldetial .ncontent .toolurl .indicator-dot{background-color:#fff;border-radius:50%;height:12px;width:12px}.tooldetial .ncontent .toolurl .image-button:hover .indicator{transform:scale(1.1)}.tooldetial .nav_content{padding:0 10px 10px}.tooldetial .tool_list{margin-left:-.5%;margin-top:20px;overflow:hidden;width:101%}.tooldetial .tool_list a{background:#fff;float:left;margin:0 .5% 12px;overflow:hidden;width:24%}.tooldetial .tool_list a .cimg{margin:10px;width:auto}.tooldetial .tool_list a .cimg img{width:100%}.tooldetial .tool_list a .des{color:#666;font-size:14px;height:60px;line-height:20px;margin:5px;overflow:hidden}@media screen and (max-width:1000px){.tooldetial .tool_list a{margin:0 1% 12px!important;width:31.33%!important}}@media screen and (max-width:750px){.tooldetial .side{display:none!important;height:0!important}.tooldetial .tool_list a{margin:0 1% 12px!important;width:48%!important}}