.discover-tool-box[data-v-e2989b24]{background:#000212;min-height:100vh;min-width:1440px;width:100%}.discover-tool-box .wrap[data-v-e2989b24]{margin:0 auto;padding:76px 0 64px;position:relative;width:1280px}.discover-tool-box .wrap .tab-bar[data-v-e2989b24]{align-items:center;background:linear-gradient(179.99998deg,rgba(67,212,169,.3) -9%,rgba(67,212,169,0));border-radius:20px;display:flex;height:84px;padding:0 40px}.discover-tool-box .wrap .tab-bar .tab-bar-item[data-v-e2989b24]{align-items:center;cursor:pointer;display:flex;margin-right:40px}.discover-tool-box .wrap .tab-bar .tab-bar-item img[data-v-e2989b24]{flex-shrink:0;height:28px;margin-right:4px;width:28px}.discover-tool-box .wrap .tab-bar .tab-bar-item span[data-v-e2989b24]{color:#d9d8d8;font-size:20px;font-style:normal;font-weight:500;line-height:normal}.discover-tool-box .wrap .tab-bar .tab-bar-item:hover span[data-v-e2989b24]{color:#96ee8f}.discover-tool-box .wrap .tab-bar .tab-bar-item[data-v-e2989b24]:last-child{margin-left:32px;margin-right:0;position:relative}.discover-tool-box .wrap .tab-bar .tab-bar-item[data-v-e2989b24]:last-child:before{background:rgba(255,255,255,.4);border-radius:1px;content:" ";display:block;flex-shrink:0;height:16px;left:-40px;position:absolute;top:10px;width:2px;z-index:1}.discover-tool-box .wrap .tab-bar .active-tab-bar-item span[data-v-e2989b24]{color:#96ee8f;cursor:pointer;position:relative}.discover-tool-box .wrap .tab-bar .active-tab-bar-item span[data-v-e2989b24]:after{background:url(https://img.bosszhipin.com/static/file/2024/j9dn6pkhmz1705472516084.png) 0 0/auto 7px no-repeat;bottom:-8px;content:" ";display:block;height:7px;left:calc(50% - 16px);position:absolute;width:32px;z-index:1}.discover-tool-box .wrap .wrap-content[data-v-e2989b24]{display:flex;flex-wrap:wrap;height:-moz-max-content;height:max-content;margin:16px 40px 0;width:calc(100% - 80px)}.discover-tool-box .wrap .wrap-content .card-item[data-v-e2989b24]{border-radius:16px;flex-shrink:0;height:339px;margin-bottom:24px;margin-right:24px;position:relative;width:282px}.discover-tool-box .wrap .wrap-content .card-item .card-item-cover[data-v-e2989b24]{background:#06151f;border:1px solid #333737;border-radius:16px;display:flex;flex-direction:column;height:100%;padding:16px;position:relative;width:100%}.discover-tool-box .wrap .wrap-content .card-item .cover[data-v-e2989b24]{border-radius:8px;flex-shrink:0;height:175px;-o-object-fit:cover;object-fit:cover;width:250px}.discover-tool-box .wrap .wrap-content .card-item .card-title[data-v-e2989b24]{color:#fff;display:-webkit-box;font-size:14px;font-style:normal;font-weight:500;line-height:22px;margin-top:8px;width:100%;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:44px;overflow:hidden}.discover-tool-box .wrap .wrap-content .card-item .card-desc[data-v-e2989b24]{background:rgba(255,255,255,.1);border-radius:8px;height:64px;margin-top:12px;padding:12px;width:100%}.discover-tool-box .wrap .wrap-content .card-item .card-desc span[data-v-e2989b24]{color:#b4bcd0;display:-webkit-box;font-size:12px;line-height:20px;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.discover-tool-box .wrap .wrap-content .card-item .view-num[data-v-e2989b24]{align-items:center;background:linear-gradient(179.99998deg,rgba(26,28,42,0),rgba(26,28,42,.7) 97%);border-radius:0 0 0 8px;display:flex;height:40px;left:0;padding-left:28px;position:absolute;top:154px;width:100%;z-index:20}.discover-tool-box .wrap .wrap-content .card-item .view-num svg[data-v-e2989b24]{height:16px;width:16px;fill:#fff}.discover-tool-box .wrap .wrap-content .card-item .view-num span[data-v-e2989b24]{color:#fff;font-size:12px;margin-left:4px}.discover-tool-box .wrap .wrap-content .card-item[data-v-e2989b24]:hover{background:#01bebd}.discover-tool-box .wrap .wrap-content .card-item:hover .card-item-cover[data-v-e2989b24]{cursor:pointer;transform:translate(-4px,-4px);transition:all .2s linear}.discover-tool-box .wrap .wrap-content .card-item[data-v-e2989b24]:nth-child(4n){margin-right:0}.discover-tool-box .wrap .template-page-nav[data-v-e2989b24]{margin-top:16px}.discover-tool-box .wrap .template-page-nav .el-pagination[data-v-e2989b24]{align-items:center;display:flex;justify-content:center}.discover-tool-box .wrap .template-page-nav .el-pagination.is-background[data-v-e2989b24] .el-pager li{background:transparent;border-radius:8px;color:#f3f3f3;height:40px;line-height:40px;margin:0 2px;min-width:40px;transition:all .2s linear}.discover-tool-box .wrap .template-page-nav .el-pagination.is-background[data-v-e2989b24] .el-pager li.is-active,.discover-tool-box .wrap .template-page-nav .el-pagination.is-background[data-v-e2989b24] .el-pager li:hover{background:rgba(67,212,169,.2)}.discover-tool-box .wrap .template-page-nav .el-pagination.is-background[data-v-e2989b24] .btn-next,.discover-tool-box .wrap .template-page-nav .el-pagination.is-background[data-v-e2989b24] .btn-prev{align-items:center;background:transparent;background-clip:padding-box;border:1px solid transparent;border-radius:40px;color:#f3f3f3;display:flex;height:36px;margin:0;position:relative;transition:all .2s linear;width:98px}.discover-tool-box .wrap .template-page-nav .el-pagination.is-background[data-v-e2989b24] .btn-next:disabled,.discover-tool-box .wrap .template-page-nav .el-pagination.is-background[data-v-e2989b24] .btn-prev:disabled{background:transparent;border:1px solid transparent;opacity:.8}.discover-tool-box .wrap .template-page-nav .el-pagination.is-background[data-v-e2989b24] .btn-next:disabled:hover,.discover-tool-box .wrap .template-page-nav .el-pagination.is-background[data-v-e2989b24] .btn-prev:disabled:hover{background:transparent;border:1px solid transparent;opacity:.8}.discover-tool-box .wrap .template-page-nav .el-pagination.is-background[data-v-e2989b24] .btn-next:hover,.discover-tool-box .wrap .template-page-nav .el-pagination.is-background[data-v-e2989b24] .btn-prev:hover{background-clip:padding-box,border-box;background-image:linear-gradient(90deg,#0d2c30,#0d2c30),linear-gradient(90deg,rgba(170,230,81,.5),rgba(69,228,201,.5));background-origin:padding-box,border-box}.discover-tool-box .wrap .template-page-nav .el-pagination.is-background[data-v-e2989b24] .btn-prev{margin-right:48px}.discover-tool-box .wrap .template-page-nav .el-pagination.is-background[data-v-e2989b24] .btn-next{margin-left:48px}
