.tool-card-activity{min-height:80vh;padding:36px 30px 30px;background:#fff;color:#3d3d3d;font-size:14px;line-height:20px}.tool-card-activity.en .row .nav-item{width:120px}.tool-card-activity .query-head{display:flex;align-content:flex-start;flex-wrap:wrap;align-items:center;margin-bottom:15px;color:#96aebf}.tool-card-activity .query-head .row:last-child{margin-right:0}.tool-card-activity .el-loading-mask{background-color:transparent}.tool-card-activity .row{margin-right:20px;position:relative}.tool-card-activity .row .nav-item,.tool-card-activity .row .search-input{position:relative;width:240px;height:30px;line-height:30px;padding:0 10px;background:#fff;border-radius:15px;border:1px solid #d5e4ef;box-sizing:border-box;color:#96aebf}.tool-card-activity .row .search-input{border-radius:10px}.tool-card-activity .row .nav-item{width:90px;cursor:pointer}.tool-card-activity .row .nav-item:after{content:"";position:absolute;top:50%;right:5px;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #96aebf}.tool-card-activity .row .lang-box{display:flex;justify-content:space-between;align-items:center;width:120px;padding:0;border-radius:20px;border:none}.tool-card-activity .row .lang-box:after{display:none}.tool-card-activity .row .lang-box span{width:50%;text-align:center;border-top-left-radius:20px;border-bottom-left-radius:20px;border:1px solid #96aebf;box-sizing:border-box;cursor:pointer}.tool-card-activity .row .lang-box span:nth-child(2){border-radius:0;border-top-right-radius:20px;border-bottom-right-radius:20px}.tool-card-activity .row .lang-box span.active{color:#fff;background-color:#60adff;border-color:#60adff}.tool-card-activity .show-checked{width:100%;color:#6c8294}.tool-card-activity .show-checked .title{margin-top:0}.tool-card-activity .show-checked .checked-list{max-width:70%;display:flex;flex-wrap:wrap;align-items:center}.tool-card-activity .show-checked .checked-list:not(:first-child){margin-left:10px}.tool-card-activity .show-checked .checked-list>li{padding-left:.5rem;padding-right:.5rem}.tool-card-activity .show-checked .checked-list>li .cost-img{width:20px;height:20px;opacity:1}.tool-card-activity .show-checked .clear-query{color:var(--color);cursor:pointer;font-weight:700;margin-left:15px}.tool-card-activity .query-result{margin-top:30px}.tool-card-activity .query-result .result-total{color:#899aa8;text-align:center}.tool-card-activity .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-activity .card-list li{border-radius:.25rem;cursor:pointer;padding:10px;position:relative}.tool-card-activity .card-list li .card-img{display:block}.tool-card-activity .card-list li .card-img img{width:100%}.tool-card-activity .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-activity .card-list li .shade .detail-info{padding-top:10px}.tool-card-activity .card-list li .shade .detail-info .card-name{font-size:15px;font-weight:700;margin-bottom:10px}.tool-card-activity .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-activity .card-list li .shade .detail-info .card-info{display:flex}.tool-card-activity .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-activity .card-list li .shade .detail-info .skill-desc{font-size:12px;margin-top:20px}.tool-card-activity .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-activity .card-list li .shade .footer{display:flex;justify-content:space-around;position:absolute;bottom:10px}.tool-card-activity .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-activity .card-list li .shade .footer .red-btn img{width:12px;height:12px}.tool-card-activity .card-list li:hover .shade{display:block}.tool-card-activity .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-activity .parallelogramTag .cost-img{width:30px;height:30px;cursor:pointer;opacity:.5}.tool-card-activity .parallelogramTag.box{min-width:90px;border:2px solid var(--color);background:#fff;border-radius:5px}.tool-card-activity .parallelogramTag.checked{color:#fff}.tool-card-activity .parallelogramTag.checked.box{background:#000}.tool-card-activity .parallelogramTag.checked .cost-img{opacity:1}.tool-card-activity .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(5,minmax(0,1fr))}.marvel-keywords-modal .keywords-area .keyword-item{color:#1f1f1f;justify-content:center;align-items:center;word-break:break-word;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:#000}.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:100%;background:#fff;box-shadow:0 0 10px 4px rgba(0,0,0,.18);border-radius:6px;position:absolute;top:35px;left:0;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}
