.tool-card-general{min-height:80vh;padding:36px 30px 30px;background:#fff;font-size:14px;line-height:20px}.tool-card-general .mb20{margin-bottom:20px!important}.tool-card-general .query-head{display:flex;align-content:space-between;flex-wrap:wrap;align-items:flex-start}.tool-card-general .query-head .row:nth-child(2n){margin-left:50px}.tool-card-general .el-loading-mask{background-color:transparent}.tool-card-general .row{width:47%;margin-bottom:15px;position:relative}.tool-card-general .row .query-title{min-width:50px;margin-top:6px;font-weight:700;--tw-text-opacity:1;color:rgba(31,31,31,var(--tw-text-opacity))}.tool-card-general .row .search-input{width:360px;border:none;background:transparent;outline:2px solid transparent;outline-offset:2px;padding-left:.25rem}.tool-card-general .row .ui-underline{position:absolute;bottom:-4px;left:56px;width:360px;height:3px;background:var(--color);border:1px solid #000}.tool-card-general .row .attr-list>li{display:inline-block;font-weight:700;margin-right:10px;text-align:center}.tool-card-general .row .type-list{width:200px;background:var(--color);top:40px;left:50px;padding-top:.25rem;padding-bottom:.25rem;position:absolute;z-index:30}.tool-card-general .row .type-list>li{cursor:pointer;padding-top:.5rem;padding-bottom:.5rem;text-align:center;--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.tool-card-general .show-checked{width:100%;color:#6c8294}.tool-card-general .show-checked .title{margin-top:0}.tool-card-general .show-checked .checked-list{max-width:70%;display:flex;flex-wrap:wrap;align-items:center}.tool-card-general .show-checked .checked-list:not(:first-child){margin-left:10px}.tool-card-general .show-checked .checked-list>li{padding-left:.5rem;padding-right:.5rem}.tool-card-general .show-checked .checked-list>li .cost-img{width:20px;height:20px;opacity:1}.tool-card-general .show-checked .clear-query{color:var(--color);cursor:pointer;font-weight:700;margin-left:15px}.tool-card-general .query-result{margin-top:30px}.tool-card-general .query-result .result-total{color:#899aa8;text-align:center}.tool-card-general .card-list{display:grid;margin-top:20px;grid-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;grid-row-gap:.5rem;row-gap:.5rem;grid-template-columns:repeat(6,minmax(0,1fr))}.tool-card-general .card-list li{border-radius:.25rem;cursor:pointer;padding:10px;position:relative}.tool-card-general .card-list li .card-img{display:block}.tool-card-general .card-list li .card-img img{width:100%}.tool-card-general .card-list li .shade{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity));--tw-bg-opacity:0.8;border-radius:.25rem;display:none;height:100%;padding-left:10px;padding-right:10px;position:absolute;top:0;left:0;--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity));width:100%;z-index:20}.tool-card-general .card-list li .shade .detail-info{padding-top:10px}.tool-card-general .card-list li .shade .detail-info .card-name{font-size:15px;font-weight:700;margin-bottom:10px}.tool-card-general .card-list li .shade .detail-info .card-info>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem*var(--tw-space-x-reverse));margin-left:calc(0.5rem*(1 - var(--tw-space-x-reverse)))}.tool-card-general .card-list li .shade .detail-info .card-info{display:flex}.tool-card-general .card-list li .shade .detail-info .card-info>div{background:hsla(0,0%,100%,.2);--tw-border-opacity:1;border:1px solid rgba(255,255,255,var(--tw-border-opacity));font-size:12px;padding-left:.25rem;padding-right:.25rem}.tool-card-general .card-list li .shade .detail-info .skill-desc{font-size:12px;margin-top:20px}.tool-card-general .card-list li .shade .footer>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.25rem*var(--tw-space-x-reverse));margin-left:calc(0.25rem*(1 - var(--tw-space-x-reverse)))}.tool-card-general .card-list li .shade .footer{display:flex;justify-content:space-around;position:absolute;bottom:10px}.tool-card-general .card-list li .shade .footer .red-btn{width:72px;background-color:#9d0707;--tw-border-opacity:1;border:2px solid rgba(0,0,0,var(--tw-border-opacity));cursor:pointer;display:flex;align-items:center;justify-content:space-around;font-size:14px;line-height:20px;padding-top:.25rem;padding-bottom:.25rem}.tool-card-general .card-list li .shade .footer .red-btn img{width:12px;height:12px}.tool-card-general .card-list li:hover .shade{display:block}.tool-card-general .parallelogramTag{height:34px;line-height:30px;color:var(--color);margin-bottom:10px;cursor:pointer;font-weight:700;padding-left:.25rem;padding-right:.25rem;text-align:center}.tool-card-general .parallelogramTag .cost-img{width:30px;height:30px;cursor:pointer;opacity:.5}.tool-card-general .parallelogramTag.box{min-width:90px;border:2px solid var(--color);background:#fff;border-radius:5px}.tool-card-general .parallelogramTag.checked{color:#fff}.tool-card-general .parallelogramTag.checked.box{background:var(--color)}.tool-card-general .parallelogramTag.checked .cost-img{opacity:1}.tool-card-general .parallelogramSelect{min-width:200px;height:34px;line-height:30px;color:#fff;border:2px solid var(--color);background:var(--color);cursor:pointer;font-weight:700;padding-left:.5rem;padding-right:.5rem;position:relative}.marvel-keywords-modal .keywords-area{display:grid;grid-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem;grid-row-gap:1rem;row-gap:1rem;grid-template-columns:repeat(8,minmax(0,1fr))}.marvel-keywords-modal .keywords-area .keyword-item{color:#1f1f1f;justify-content:center;align-items:center;cursor:pointer;display:flex;font-weight:700;padding-top:.25rem;padding-bottom:.25rem;text-align:center}.marvel-keywords-modal .keywords-area .keyword-item .cost-img{width:30px;height:30px;cursor:pointer;opacity:.5}.marvel-keywords-modal .keywords-area .keyword-item .cost-img.checked{opacity:1}.marvel-keywords-modal .keywords-area .keyword-item.box{border:1px solid #979797}.marvel-keywords-modal .keywords-area .keyword-item.checked.box{color:#fff;background:var(--color)}.marvel-keywords-modal .keywords-area .keyword-item.checked .cost-img{opacity:1}.marvel-keywords-modal .confirm-keyword-btn{background-color:#000;border:1px solid #000;padding:.25rem 20px;--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.series-modal{width:850px;height:500px;background:#fff;border-radius:14px;position:relative}.series-modal .series-bottom{padding:27px 30px;height:89px;background:#fff;border-radius:0 0 14px 14px;display:flex;justify-content:space-between;position:absolute;bottom:0;left:0;right:0;margin:0 auto}.series-modal .series-bottom .confirm-btn{width:122px;height:32px;background:#1380f0;border-radius:4px;font-size:16px;color:#fff;line-height:30px;text-align:center}.series-modal .series-bottom .num{font-size:16px;color:#1f1f1f;line-height:22px}.series-modal .search_series input{display:block;width:497px;height:60px;line-height:60px;background:#e6e6e6;border-radius:30px;margin:17px auto;font-size:24px;color:#787878;text-align:center}.series-modal .clearInput{width:26px;height:26px;background:url(https://pic.iyingdi.com/cardwechat/v2/icon_input_delete.png);background-size:100%;position:absolute;top:16px;right:60px;z-index:2;display:none}.series-modal .clearInput.active{display:block}.series-modal .search_con .series_year{width:100%;height:35px;overflow:hidden;position:relative}.series-modal .search_con .series_year .el-icon-arrow-left{position:absolute;top:5px;left:0;cursor:pointer}.series-modal .search_con .series_year .el-icon-arrow-right{position:absolute;top:5px;right:0;cursor:pointer}.series-modal .search_con .series_year .el-tabs__item{display:inline-block;margin-right:45px;font-size:18px;color:#787878;line-height:25px;position:relative;padding:0;cursor:pointer}.series-modal .search_con .series_year .el-tabs__item.is-active{font-size:18px;font-weight:500;color:#1f1f1f}.series-modal .search_con .series_year .el-tabs__item.is-active:after{content:"";display:block;width:42px;height:2px;background:#000;border-radius:1px;position:absolute;right:0;left:0;margin:0 auto;bottom:10px}.series-modal .search_con .series_box{height:302px;overflow-y:scroll;margin-top:10px}.series-modal .search_con .series_box .series_list .sl{display:inline-block;position:relative;width:242px;height:76px;background:#fff;box-shadow:0 4px 12px 0 rgba(0,0,0,.08);border-radius:8px;margin:0 20px 12px 0;padding:10px 14px;vertical-align:top;border:2px solid #fff;cursor:pointer}.series-modal .search_con .series_box .series_list .sl:nth-child(3n){margin-right:0}.series-modal .search_con .series_box .series_list .sl.active{box-shadow:inset 0 0 6px 0 rgba(19,128,240,.7);border:2px solid #1380f0}.series-modal .search_con .series_box .series_list .sl .name_cn{font-size:16px;color:#1f1f1f;line-height:18px;height:18px;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.series-modal .search_con .series_box .series_list .sl .name_en{font-size:14px;color:#9b9b9b;line-height:14px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.record-pop{width:76%;background:#fff;box-shadow:0 0 10px 4px rgba(0,0,0,.18);border-radius:6px;position:absolute;top:35px;left:55px;z-index:1}.record-pop .list{padding:15px 24px}.record-pop .list .item{font-size:16px;color:#000;line-height:22px;margin-bottom:10px;cursor:pointer}.record-pop .list .item:last-child{margin-bottom:0}.record-pop .list .item span{width:95%;display:inline-block}