.component-tech-card-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 20px}.component-tech-card-list>li.item{display:-webkit-box;display:-ms-flexbox;display:flex;width:254px;height:100px;background-color:#f4f5f9;border-radius:4px;margin:15px 20px;padding:16px;position:relative}.component-tech-card-list>li.item .status{position:absolute;top:10px;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.component-tech-card-list>li.item .status span{text-align:right;font-size:12px;line-height:12px;padding:4px 4px 4px 0;border-radius:2px 2px 2px 4px;margin-bottom:10px;color:#fff;width:68px;position:relative}.component-tech-card-list>li.item .status span.green{background-color:#17c1a7}.component-tech-card-list>li.item .status span.blue{background-color:#2188e8}.component-tech-card-list>li.item .status span:before{display:block;content:"";border-width:12px;border-style:solid;border-color:#f4f5f9 transparent transparent #f4f5f9;position:absolute;left:-10px;top:0;-webkit-transform:rotate(-34deg);transform:rotate(-34deg)}.component-tech-card-list>li.item .status span img{width:15px;margin-right:4px}.component-tech-card-list>li.item:hover{-webkit-box-shadow:0 6px 10px 0 rgba(0,0,0,.1);box-shadow:0 6px 10px 0 rgba(0,0,0,.1)}.component-tech-card-list>li.item .avatar{-webkit-box-flex:0;-ms-flex:0 0 60px;flex:0 0 60px;height:60px;border-radius:50%;margin-right:15px;cursor:pointer;overflow:hidden}.component-tech-card-list>li.item .avatar img{width:100%;height:100%}.component-tech-card-list>li.item .msg{width:99px}.component-tech-card-list>li.item .tech-code{font-size:16px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-tech-card-list>li.item .tech-name{color:#999;width:80px;font-size:14px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:block-axis;word-break:break-all}.component-mini-form{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin-bottom:24px}.component-mini-form .name{height:39px;line-height:39.9999px;margin-right:16px;vertical-align:middle}.component-mini-form .name:before{content:"";display:table}.component-mini-form .name label{color:rgba(0,0,0,.85);font-size:14px;line-height:39px;white-space:nowrap;position:relative}.component-mini-form .name label.required:before{position:absolute;top:4px;left:-10px;display:inline-block;font-family:SimSun;margin-right:4px;content:"*";line-height:1;font-size:14px;color:#f5222d}.component-mini-form .name label:after{content:"";margin:0 8px 0 2px;position:relative;top:-.5px}.component-mini-form .name label.null:after{content:""}.component-mini-form .content{-webkit-box-flex:1;-ms-flex:1;flex:1;line-height:39px}.component-mini-form .content [class^=ant-col-]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:39px}.component-form-input .tip{font-size:14px;line-height:1;margin-top:10px}.component-form-input .tip.green{color:#1aad19}.component-form-input .tip.grey{color:#999}.component-form-input .tip.yellow{color:#efb346}.component-form-input .tip.red{color:#fa5151}.component-serialNo-add .component-mini-form{width:435px}.component-serialNo-add .items{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:360px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:-5px}.component-serialNo-add .items .item{margin:5px 15px}.component-serialNo-add .items .item .wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:203px;height:68px;background-color:#f4f5f9;border-radius:4px}.component-serialNo-add .items .item .ant-input{width:98px;margin-left:14px}.component-serialNo-add .items .item .tip{height:20px;margin-top:6px;color:#fa5151}#serialNo-manage-page .panel-content{margin-bottom:40px;padding-bottom:20px}#serialNo-manage-page .panel-content:last-child{margin-bottom:0}#serialNo-manage-page .panel-content .unused-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 20px}#serialNo-manage-page .panel-content .unused-list .item{position:relative;display:inline-block;width:140px;height:70px;line-height:70px;background-color:#f4f5f9;border-radius:4px;margin:15px 20px;color:#333;text-align:center;cursor:pointer}#serialNo-manage-page .panel-content .unused-list .item:hover .operation{display:block}#serialNo-manage-page .panel-content .unused-list .item:before{display:inline-block;content:"工号";font-size:14px;color:#999;margin-right:6px}#serialNo-manage-page .panel-content .unused-list .item .operation{display:none;position:absolute;top:0;right:0;width:80px;height:30px;line-height:30px;font-size:14px;color:#fff;background-color:rgba(0,0,0,.6);border-radius:0 4px 0 8px}