.skill-page-main[data-v-16bc9074]{display:flex;width:100%;width:100vw}.skill-wrapper[data-v-16bc9074]{flex:1}.skill-wrapper .skill-top[data-v-16bc9074]{width:100%;max-width:1200px;margin:0 auto;height:auto;padding:15px 0}.skill-wrapper .skill-top .tabs[data-v-16bc9074]{position:relative;width:100%;height:50px;display:flex;align-items:center;border-bottom:1px solid #f1f1f1}.skill-wrapper .skill-top .tabs .add-btn[data-v-16bc9074]{position:absolute;right:20px;width:96px;height:32px;padding:0;border:none;background:#308eff;border-radius:5px;font-size:11px;font-family:PingFangSC,PingFangSC-Medium;font-weight:500;text-align:center;color:#fff}.skill-wrapper .skill-top .tabs .tabs-item[data-v-16bc9074]{position:relative;width:108px;height:50px;line-height:50px;font-size:16px;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;text-align:center;color:#666}.skill-wrapper .skill-top .tabs .tabs-item.active[data-v-16bc9074]{font-size:15px;font-family:PingFangSC,PingFangSC-Semibold;font-weight:600;color:#222}.skill-wrapper .skill-top .tabs .tabs-item.active[data-v-16bc9074]:after{position:absolute;content:" ";width:15px;height:3px;bottom:1px;left:calc(50% - 7.5px);background:#308eff;border-radius:2px}.skill-wrapper .skill-category-wrapper[data-v-16bc9074]{padding:15px 0;width:100%;height:auto;background-color:#f3f5f6}.skill-wrapper .skill-category-wrapper .skill-category-wrapper-title[data-v-16bc9074]{padding-bottom:30px;display:flex;align-items:center}.skill-wrapper .skill-category-wrapper .skill-category-wrapper-title .title[data-v-16bc9074]{font-size:20px;font-weight:700;color:#000;margin-right:10px}.skill-wrapper .skill-category-wrapper .skill-category-wrapper-title .desc[data-v-16bc9074]{font-size:12px;color:grey}.skill-wrapper .skill-category-wrapper .skill-category-wrapper-title .icon[data-v-16bc9074]{width:44px;margin-right:10px}.skill-wrapper .skill-category-wrapper .skill-category-wrapper-title .expand[data-v-16bc9074]{flex:1}.skill-wrapper .skill-category-wrapper .skill-category-wrapper-title .add-btn[data-v-16bc9074]{width:96px;height:32px;padding:0;border:none;background:#308eff;border-radius:5px;font-size:11px;font-family:PingFangSC,PingFangSC-Medium;font-weight:500;text-align:center;color:#fff}.skill-wrapper .skill-category-wrapper .category-title[data-v-16bc9074]{width:100%;line-height:21px;padding-bottom:7px;font-size:15px;font-family:PingFangSC,PingFangSC-Semibold;font-weight:600;color:#222}.skill-wrapper .skill-category-wrapper .category-one-wrapper[data-v-16bc9074]{position:relative;height:40px;width:100%;padding-right:60px;overflow:hidden;display:flex;flex-wrap:wrap;transition:all .3s}.skill-wrapper .skill-category-wrapper .category-one-wrapper[data-v-16bc9074]:before{content:"方向：";font-size:14px;font-weight:700;color:#000;line-height:30px}.skill-wrapper .skill-category-wrapper .category-one-wrapper .category-more[data-v-16bc9074]{position:absolute;height:30px;line-height:30px;margin-top:10px;padding:0 15px;right:0;top:0;font-size:13px;color:#999;cursor:pointer}.skill-wrapper .skill-category-wrapper .category-one-wrapper.expand[data-v-16bc9074]{height:auto!important}.skill-wrapper .skill-category-wrapper .category-one-wrapper .category-one-item[data-v-16bc9074]{height:30px;line-height:30px;padding:0 15px;border-radius:4px;font-size:14px;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;text-align:center;color:#555;cursor:pointer}.skill-wrapper .skill-category-wrapper .category-one-wrapper .category-one-item.active[data-v-16bc9074]{line-height:28px;font-family:PingFangSC,PingFangSC-Medium;font-weight:500;color:#308eff;background-color:#dcecff;font-weight:700}.skill-wrapper .skill-category-wrapper .category-one-wrapper .category-one-item[data-v-16bc9074]:hover{color:#308eff}.skill-wrapper .skill-category-wrapper .category-two-wrapper[data-v-16bc9074]{position:relative;margin-top:16px}.skill-wrapper .skill-category-wrapper .category-two-wrapper .category-two-content[data-v-16bc9074]{position:relative;width:100%;height:auto;border-radius:8px;display:flex;flex-wrap:wrap}.skill-wrapper .skill-category-wrapper .category-two-wrapper .category-two-content[data-v-16bc9074]:before{content:"分类：";font-size:14px;font-weight:700;color:#000;line-height:30px}.skill-wrapper .skill-category-wrapper .category-two-wrapper .category-two-content .category-two-item[data-v-16bc9074]{height:30px;line-height:30px;padding:0 15px;color:#555;border-radius:4px;font-size:14px;cursor:pointer}.skill-wrapper .skill-category-wrapper .category-two-wrapper .category-two-content .category-two-item.active[data-v-16bc9074]{color:#308eff;background:#dcefff}.skill-wrapper .skill-category-wrapper .category-two-wrapper .category-two-content .category-two-item[data-v-16bc9074]:hover{color:#308eff}.skill-wrapper .skill-content[data-v-16bc9074]{padding:30px 0;width:100%;width:100vw;background-color:#fff;margin-top:15px}.skill-wrapper .skill-content .skill-list-wrapper[data-v-16bc9074]{position:relative;width:100%;max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between}.skill-wrapper .skill-content .skill-list-wrapper .skill-item[data-v-16bc9074]{width:23.5%;height:310px;margin-bottom:30px;background:#fff;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;border:1px solid #e4f0ff;transition:.2s}.skill-wrapper .skill-content .skill-list-wrapper .skill-item[data-v-16bc9074]:hover{transform:translateY(-2px);box-shadow:0 6px 10px 0 hsla(0,0%,75.3%,.15)}.skill-wrapper .skill-content .skill-list-wrapper .skill-item[data-v-16bc9074]:nth-of-type(3n){margin-right:0}.skill-wrapper .skill-content .skill-list-wrapper .skill-item[data-v-16bc9074]:last-child:nth-child(4n-1){margin-right:25.33333%}.skill-wrapper .skill-content .skill-list-wrapper .skill-item[data-v-16bc9074]:last-child:nth-child(4n-2){margin-right:50.66667%}.skill-wrapper .skill-content .skill-list-wrapper .skill-item .cover[data-v-16bc9074]{width:100%;height:175px;overflow:hidden;-o-object-fit:scale-down;object-fit:scale-down;background-size:cover;background-position:50%}.skill-wrapper .skill-content .skill-list-wrapper .skill-item .owner-wrapper[data-v-16bc9074]{width:100%;height:22px;margin-top:10px;padding:0 10px;display:flex;align-items:center}.skill-wrapper .skill-content .skill-list-wrapper .skill-item .owner-wrapper .avatar[data-v-16bc9074]{flex-shrink:0;width:22px;height:22px;overflow:hidden;border-radius:50%}.skill-wrapper .skill-content .skill-list-wrapper .skill-item .owner-wrapper .nickname[data-v-16bc9074]{flex:1;line-height:22px;margin-left:6px;font-size:14px;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-wrapper .skill-content .skill-list-wrapper .skill-item .title[data-v-16bc9074]{width:100%;height:42px;margin-top:12px;padding:0 12px;line-height:21px;font-size:15px;font-family:PingFangSC,PingFangSC-Medium;font-weight:500;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all}.skill-wrapper .skill-content .skill-list-wrapper .skill-item .title[data-v-16bc9074]:hover{color:#308eff}.skill-wrapper .skill-content .skill-list-wrapper .skill-item .price-wrapper[data-v-16bc9074]{width:100%;height:20px;margin-top:12px;padding:0 12px;display:flex;align-items:center;justify-content:space-between}.skill-wrapper .skill-content .skill-list-wrapper .skill-item .price-wrapper .price-text[data-v-16bc9074]{line-height:20px;font-size:19px;font-family:DINAlternate,DINAlternate-Bold;font-weight:700;color:#f60}.skill-wrapper .skill-content .skill-list-wrapper .skill-item .price-wrapper .buy-num[data-v-16bc9074]{font-size:14px;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;color:#999}.skill-wrapper .skill-content .pagination-wrapper[data-v-16bc9074]{width:100%;height:30px;margin-top:25px;display:flex;align-items:center;justify-content:center}.mobileMain[data-v-16bc9074]{width:100%;margin:0}.skill-wrapper-mobile[data-v-16bc9074]{position:relative;width:100%;display:flex;flex-direction:column}.skill-wrapper-mobile .skill-category[data-v-16bc9074]{position:fixed;width:100%;height:87px;z-index:11}.skill-wrapper-mobile .skill-category .skill-category-one[data-v-16bc9074]{position:relative;width:100%;height:45px;background:#fff;overflow:hidden}.skill-wrapper-mobile .skill-category .skill-category-one .category-scroller[data-v-16bc9074]{width:calc(100% - 64px);overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;display:flex}.skill-wrapper-mobile .skill-category .skill-category-one .category-scroller[data-v-16bc9074]::-webkit-scrollbar{display:none}.skill-wrapper-mobile .skill-category .skill-category-one .skill-category-one-item[data-v-16bc9074]{position:relative;flex-shrink:0;width:76px;height:45px;line-height:45px;font-size:16px;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;color:#666;font-size:15px;text-align:center}.skill-wrapper-mobile .skill-category .skill-category-one .skill-category-one-item.active[data-v-16bc9074]{font-family:PingFangSC,PingFangSC-Semibold;font-weight:600;color:#222}.skill-wrapper-mobile .skill-category .skill-category-one .skill-category-one-item.active[data-v-16bc9074]:after{position:absolute;content:" ";bottom:0;left:calc(50% - 7.5px);width:15px;height:3px;background:#308eff;border-radius:2px}.skill-wrapper-mobile .skill-category .skill-category-one .filter-wrapper[data-v-16bc9074]{position:absolute;top:0;right:0;width:64px;height:45px;display:flex;align-items:center;justify-content:center;z-index:12;background:#fff}.skill-wrapper-mobile .skill-category .skill-category-one .filter-wrapper img[data-v-16bc9074]{width:24px;height:24px}.skill-wrapper-mobile .skill-category .skill-category-one .filter-bg[data-v-16bc9074]{position:absolute;width:11px;height:29px;right:59px;top:8px;opacity:.1;background:#000;border-radius:6px;-webkit-filter:blur(4px);filter:blur(4px);z-index:11}.skill-wrapper-mobile .skill-category .skill-category-two[data-v-16bc9074]{position:relative;width:100%;height:42px;background:#fff}.skill-wrapper-mobile .skill-category .skill-category-two .skill-category-two-wrapper[data-v-16bc9074]{position:relative;width:100%;height:42px;padding:0 20px;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;display:flex}.skill-wrapper-mobile .skill-category .skill-category-two .skill-category-two-wrapper[data-v-16bc9074]::-webkit-scrollbar{display:none}.skill-wrapper-mobile .skill-category .skill-category-two .skill-category-two-wrapper .skill-category-two-item[data-v-16bc9074]{position:relative;flex-shrink:0;height:42px;line-height:42px;margin-right:20px;font-size:14px;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;color:#666}.skill-wrapper-mobile .skill-category .skill-category-two .skill-category-two-wrapper .skill-category-two-item[data-v-16bc9074]:last-child{margin-right:0}.skill-wrapper-mobile .skill-category .skill-category-two .skill-category-two-wrapper .skill-category-two-item.active[data-v-16bc9074]{color:#308eff}.skill-wrapper-mobile .skill-list[data-v-16bc9074]{width:100%;height:100vh;padding-top:87px;padding-bottom:34px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center}.skill-wrapper-mobile .skill-list .skill-list-wrapper[data-v-16bc9074]{width:100%;height:auto;overflow:visible}.skill-wrapper-mobile .skill-list .skill-list-wrapper .skill-item[data-v-16bc9074]{width:calc(100% - 20px);height:auto;margin:10px auto 0;padding-bottom:16px;background:#fff;overflow:hidden;border-radius:10px;box-shadow:0 6px 16px 0 rgba(6,10,28,.06);display:flex;flex-direction:column}.skill-wrapper-mobile .skill-list .skill-list-wrapper .skill-item .cover[data-v-16bc9074]{width:100%;height:calc((900vw - 180px)/16);overflow:hidden;-o-object-fit:cover;object-fit:cover}.skill-wrapper-mobile .skill-list .skill-list-wrapper .skill-item .owner-wrapper[data-v-16bc9074]{width:100%;height:22px;margin-top:10px;padding:0 10px;display:flex;align-items:center}.skill-wrapper-mobile .skill-list .skill-list-wrapper .skill-item .owner-wrapper .avatar[data-v-16bc9074]{flex-shrink:0;width:22px;height:22px;overflow:hidden;border-radius:50%}.skill-wrapper-mobile .skill-list .skill-list-wrapper .skill-item .owner-wrapper .nickname[data-v-16bc9074]{flex:1;line-height:22px;margin-left:6px;font-size:14px;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-wrapper-mobile .skill-list .skill-list-wrapper .skill-item .title[data-v-16bc9074]{width:100%;height:20px;margin-top:12px;padding:0 12px;line-height:20px;font-size:15px;font-family:PingFangSC,PingFangSC-Medium;font-weight:500;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-wrapper-mobile .skill-list .skill-list-wrapper .skill-item .price-wrapper[data-v-16bc9074]{width:100%;height:20px;margin-top:16px;padding:0 12px;display:flex;align-items:center;justify-content:space-between}.skill-wrapper-mobile .skill-list .skill-list-wrapper .skill-item .price-wrapper .price-text[data-v-16bc9074]{line-height:20px;font-size:19px;font-family:DINAlternate,DINAlternate-Bold;font-weight:700;color:#f60}.skill-wrapper-mobile .skill-list .skill-list-wrapper .skill-item .price-wrapper .right-info[data-v-16bc9074]{font-size:14px;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;color:#999}.skill-wrapper-mobile .skill-list .skill-list-tips[data-v-16bc9074]{margin-top:16px;width:100%;text-align:center}.skill-wrapper-mobile .skill-list__showWxHeader[data-v-16bc9074]{height:calc(100vh - 64px)}.category-drawer .el-drawer{height:100vh!important}.category-drawer .el-drawer .el-drawer__body{position:relative;width:100%;display:flex}.category-drawer .drawer-category-one{width:100px;height:100vh;padding-bottom:34px;background:#f4f5f9;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.category-drawer .drawer-category-one::-webkit-scrollbar{display:none}.category-drawer .drawer-category-one .drawer-category-one-item{width:100%;height:50px;line-height:50px;text-align:center;font-size:15px;font-family:PingFangSC,PingFangSC-Medium;font-weight:500;color:#222;background:inherit}.category-drawer .drawer-category-one .drawer-category-one-item.active{color:#308eff;background:#fff}.category-drawer .drawer-category-two{width:calc(100% - 100px);height:100vh;padding:4px 10px 34px;background:#fff;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.category-drawer .drawer-category-two::-webkit-scrollbar{display:none}.category-drawer .drawer-category-two .drawer-category-two-wrapper{width:100%;display:flex;flex-wrap:wrap}.category-drawer .drawer-category-two .drawer-category-two-wrapper .drawer-category-two-item{margin:8px 8px 0 0;padding:0 12px;height:35px;line-height:35px;background:rgba(244,245,249,.8);border-radius:4px;font-size:13px;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;color:#222}.category-drawer .drawer-category-two .drawer-category-two-wrapper .drawer-category-two-item.active{height:33px;line-height:33px;border:1px solid #308eff;background:#fff;font-size:12px;font-family:PingFangSC,PingFangSC-Medium;font-weight:500;color:#308eff}.wx-header-custom-list{position:fixed!important;z-index:11!important}