.box[data-v-2a2731f1]{width:1400px;min-width:1400px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0 auto}.box .head-search[data-v-2a2731f1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:sticky;top:60px;z-index:100;padding:24px 24px 8px 24px;background-color:#fff}.box .head-search .search-input[data-v-2a2731f1]{width:432px}.box .head-search .search-input[data-v-2a2731f1] .el-input-group__append{background-color:#2a4791;border-color:#2a4791}.box .head-search .sort-btn[data-v-2a2731f1]{width:100px;top:35px;left:1265px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;position:relative;z-index:20}.box .head-search .sort-btn .dropdown-link[data-v-2a2731f1]{display:inline-block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:96px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-size:16px;color:rgba(0,0,0,.8509803921568627);border-radius:2px;padding:3px 12px}.box .head-search .sort-btn .dropdown-link img[data-v-2a2731f1]{width:16px;height:16px}.box .head-search .sort-btn .dropdown[data-v-2a2731f1]:hover{background-color:rgba(0,0,0,.058823529411764705);color:#2a4791}.box .head-search .sort-btn .active[data-v-2a2731f1]{background:#e9ecf4}.box .head-search .sort-btn .el-icon-arrow-down[data-v-2a2731f1]{font-size:12px}.box .head-search .sort-btn .dropdown-box[data-v-2a2731f1]{position:absolute;top:32px;right:0;z-index:10;width:200px;background:#fff;-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,.1);box-shadow:0 0 6px 0 rgba(0,0,0,.1);border-radius:4px}.box .head-search .sort-btn .dropdown-box .dropdown-item[data-v-2a2731f1]{padding:6px 8px;font-size:14px;color:rgba(0,0,0,.6);cursor:pointer}.box .head-search .sort-btn .dropdown-box .checkedDropdown[data-v-2a2731f1],.box .head-search .sort-btn .dropdown-box .dropdown-item[data-v-2a2731f1]:hover{color:#2a4791;background-color:#eaf0ff}.box .head-search[data-v-2a2731f1] .el-tabs__item{padding:0 24px!important;text-align:center;font-size:16px}.box .shadow[data-v-2a2731f1]{position:sticky;top:209px;z-index:99;height:10px;margin-top:-10px;background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,hsla(0,0%,85.9%,.7)),to(hsla(0,0%,100%,.2)));background:linear-gradient(hsla(0,0%,85.9%,.7) 1%,hsla(0,0%,100%,.2))}.box .skills-list[data-v-2a2731f1]{min-height:70vh;padding:0 24px;position:relative}.box .skills-list .list-box[data-v-2a2731f1]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.box .skills-list .list-box .list-item[data-v-2a2731f1]:hover{-webkit-box-shadow:0 2px 20px 0 rgba(0,0,0,.1);box-shadow:0 2px 20px 0 rgba(0,0,0,.1)}.box .skills-list .list-box .list-item:hover .img-mask[data-v-2a2731f1]{display:none}.box .skills-list .list-box .list-item[data-v-2a2731f1]:nth-of-type(4n){margin-right:0}.box .skills-list .list-box .list-item[data-v-2a2731f1]{width:320px;height:350px;position:relative;margin-right:23.5px;margin-bottom:23px;border-radius:4px;overflow:hidden;-ms-flex-negative:0;flex-shrink:0}.box .skills-list .list-box .list-item .count[data-v-2a2731f1]{position:absolute;top:6px;left:6px;z-index:10;width:68px;height:34px;background:rgba(0,0,0,.6);text-align:center;line-height:34px;font-size:12px;color:#fff}.box .skills-list .list-box .list-item .subscribe[data-v-2a2731f1]{cursor:pointer;position:absolute;top:6px;right:17px;min-width:59px;-webkit-box-sizing:border-box;box-sizing:border-box;background:hsla(0,0%,100%,.2);border-radius:4px;font-size:14px;color:#fff;border:1px solid #fff;z-index:99;-webkit-transition:color .3s;transition:color .3s}.box .skills-list .list-box .list-item .subscribe div[data-v-2a2731f1]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:5px 15px}.box .skills-list .list-box .list-item .subscribe[data-v-2a2731f1]:hover{color:#2a4791;background:#fff;-webkit-box-shadow:0 2px 20px 0 rgba(0,0,0,.1);box-shadow:0 2px 20px 0 rgba(0,0,0,.1)}.box .skills-list .list-box .list-item .img[data-v-2a2731f1]{width:100%;height:220px;background-position:50%;background-size:cover;background-repeat:no-repeat;cursor:pointer}.box .skills-list .list-box .list-item img[data-v-2a2731f1]{width:100%;height:220px}.box .skills-list .list-box .list-item .img-mask[data-v-2a2731f1]{position:absolute;top:0;z-index:20;width:100%;height:200px;background-color:rgba(0,0,0,.2)}.box .skills-list .list-box .list-item .item-gradual-box[data-v-2a2731f1]{position:absolute;bottom:0;width:100%;height:150px;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.77)),color-stop(13%,#fff),to(#fff));background:linear-gradient(180deg,hsla(0,0%,100%,.77),#fff 13%,#fff);border-left:1px solid #efefef;border-right:1px solid #efefef;border-bottom:1px solid #efefef;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:0 0 4px 4px}.box .skills-list .list-box .list-item .item-gradual-box .box-title[data-v-2a2731f1]{cursor:pointer;margin-top:16px;border-left:4px solid #2a4791;font-size:16px;color:rgba(0,0,0,.8509803921568627);font-weight:600;padding-left:20px}.box .skills-list .list-box .list-item .item-gradual-box .box-bottom[data-v-2a2731f1]{padding:8px 20px 20px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.box .skills-list .list-box .list-item .item-gradual-box .box-bottom .desc[data-v-2a2731f1]{width:280px;height:40px;cursor:pointer;color:rgba(0,0,0,.6509803921568628);font-size:14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:12px}.box .skills-list .list-box .list-item .item-gradual-box .box-bottom .btn-box .span1[data-v-2a2731f1]{padding-right:20px;text-align:center}.box .skills-list .list-box .list-item .item-gradual-box .box-bottom .btn-box .btn-span[data-v-2a2731f1]{display:inline-block;width:56px;padding-right:0}.box .skills-list .list-box .list-item .item-gradual-box .box-bottom .btn-box[data-v-2a2731f1] .el-button:hover{background-color:#2a4791;border-color:#2a4791;color:#fff;font-weight:500}.box .skills-list .default[data-v-2a2731f1]{padding-top:200px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.box .el-icon-user[data-v-2a2731f1]{color:rgba(0,0,0,.4);font-size:16px;margin-right:8px}.box[data-v-2a2731f1] .el-tabs__nav-scroll{border-bottom:1px solid #e5e5e5}.box[data-v-2a2731f1] .el-tabs__item{font-size:16px}