.personalSection{height:128px;background:#f7f7f7;margin-top:20px;border-radius:8px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.personalSection,.personalSection .leftwrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.personalSection .leftwrap{margin-left:32px;-ms-flex-negative:0;flex-shrink:0}.personalSection .img-user{width:80px;height:80px}.personalSection .personalData{margin-left:16px;position:relative}.personalSection .personalData_name{font-weight:500;font-family:PingFangSC-Medium;font-size:24px;color:#0b0d0f;letter-spacing:0;line-height:32px;margin-right:12px}.personalSection .personalData_job{height:24px;background:#e9e9e9;border-radius:4px;padding:0 8px;text-align:center;line-height:24px;display:inline-block;position:absolute;top:8%;white-space:nowrap}.personalSection .personalData_job span{font-weight:400;font-family:PingFangSC-Regular;font-size:14px;color:#0b0d0f;letter-spacing:0}.personalSection .personalData p{font-weight:400;font-family:PingFangSC-Regular;font-size:16px;color:#666;letter-spacing:0;line-height:24px;margin-top:5px}.personalSection .rightwrap{-ms-flex-negative:0;flex-shrink:0}.personalSection .cardList{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;overflow:hidden}.personalSection .cardList .cardItem{margin-right:35px;cursor:pointer}.personalSection .cardList .cardItem .cardLogo{width:48px;height:48px;margin:0 auto}.personalSection .cardList .cardItem img{border-radius:50%}.personalSection .cardList .cardItem .cardContent{font-weight:400;font-family:PingFangSC-Regular;font-size:16px;color:#0b0d0f;letter-spacing:0;text-align:center;line-height:16px;margin-top:15px}.personalSection .demandbox{display:inline-block;min-width:143px;background:#07f;border-radius:28px;height:56px;text-align:center;margin-right:35px}.personalSection .demandbox span{font-weight:600;font-family:PingFangSC-Semibold;font-size:24px;color:#fff;letter-spacing:0;line-height:56px}.design-card{display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff;border:1px solid #f5f5f5;-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.1);box-shadow:0 0 16px 0 rgba(0,0,0,.1);border-radius:8px;cursor:pointer;position:relative}.design-card-img{min-width:120px;height:136px;border-radius:8px 0 0 8px;overflow:hidden;position:relative}.design-card-img-collect{position:absolute;top:0;left:0;width:20px;height:20px}.design-card-img-body{width:120px;height:136px;-o-object-fit:cover;object-fit:cover}.design-card-body{width:100%;padding:12px;font-weight:400;font-family:PingFangSC-Regular;font-size:14px;color:#666;letter-spacing:0;line-height:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.design-card-body-title{font-weight:500;display:inline-block;font-family:PingFangSC-Medium;font-size:17px;color:#0b0d0f;line-height:25px;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.design-card-body .oneline{display:inline-block}.design-card-body-info{margin-top:4px;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-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%}.design-card-body-info-point{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAYCAYAAAGq4mwIAAAABGdBTUEAALGPC/xhBQAAAGBJREFUGBlj0DT3UWVAA2rGXkVMzCxMmxlALCRJNSOveggXJMEIlv3PwAtXwQgy7e+ff75wETgDrhjMABnOxADUil0xqi7yFcMtBRvIyPAZ4isggwGIwT6EW0U0Y4AMBQBGXDQeNmLCtQAAAABJRU5ErkJggg==) no-repeat 50% 11.25px;background-size:2px 12px;vertical-align:bottom;width:30px;height:38px}.design-card-body-wrap{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;margin-right:20px}.design-card-body-wrap-date{font-size:13px}.layerText{padding:12px 16px;font-family:PingFangSC-Medium;font-size:18px;color:#fff;font-weight:500;max-width:292px;opacity:.6}.design-card-pop{padding:0}.design-card-pop .design-card-pop-content{width:106px;line-height:40px;text-align:center}.design-card-pop .design-card-pop-content .design-card-pop-content-item-text{font-weight:400;font-family:PingFangSC-Regular;font-size:16px;color:rgba(17,25,37,.8509803922);letter-spacing:0;line-height:16px;cursor:pointer}.design-card-pop .design-card-pop-content .design-card-pop-content-item-text:hover{color:#111925}.design-card-pop .design-card-pop-content .design-card-pop-content-item-text:active{color:rgba(17,25,37,.8509803922)}.designSection{padding:0 40px;margin-top:32px;margin-bottom:40px;overflow:hidden}.designSection .emptylist{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#fafafa;width:100%;height:200px}.designSection .emptylist .emptytext{font-weight:400;font-family:PingFangSC-Regular;font-size:14px;color:#999}.designSection .headNav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.designSection .headNav .navtext{font-weight:500;font-family:PingFangSC-Medium;font-size:24px;color:#0b0d0f;letter-spacing:0}.designSection .headNav .goto{text-decoration:none;padding:0;font-weight:400;font-family:PingFangSC-Regular;font-size:16px;color:#f80;margin-left:12px}.designSection .headNav .goto:hover{color:#ffb765}.designSection .headNav .goto:active{color:#d27000}.designSection .headNav .navtabs{margin-left:24px}.designSection .headNav .navtabs .tabitem{padding:5px 16px;font-weight:400;font-size:14px;line-height:20px}.designSection .headNav .navtabs .tabitem:first-child{border-radius:6px 0 0 6px}.designSection .headNav .navtabs .tabitem:last-child{border-radius:0 6px 6px 0}.designSection .itemList{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:20px;grid-gap:20px}.designSection .itemPagination{margin-top:20px;float:right}.navtabs .mtd-radio-button-checked{background:#ffd100!important;border:1px solid #ffd100!important;color:#222!important}.navtabs .mtd-radio-button-checked,.navtabs .mtd-radio-button-checked:hover{-webkit-box-shadow:none;box-shadow:none}.navtabs label[class="tabitem mtd-radio-button"]{border:1px solid rgba(0,0,0,.12)!important;-webkit-box-shadow:none;box-shadow:none;position:relative;margin-left:-1px}.navtabs label[class="tabitem mtd-radio-button"]:hover{color:#222;border:1px solid #ccc!important;z-index:999;-webkit-box-shadow:none;box-shadow:none}.itemPagination .mtd-pager-active{border:1px solid #ffd100!important;background:#ffd100!important;color:#222!important;cursor:default}.itemPagination .mtd-pager-item{border-radius:6px}.itemPagination .mtd-pager-item:hover{border:1px solid #ccc;color:#222}.itemPagination .mtd-input:hover{border:1px solid #ffd100;color:#222}.itemPagination .mtd-select-search-focus .mtd-input{border:1px solid #ffd100}.main-scroll{position:absolute;overflow:auto;width:100%;height:calc(100vh - 58px)}.main-scroll .workbenchIndex{min-width:1100px;padding:0 40px}