.procurement{padding:0 12px;width:100%;height:821px;overflow-x:hidden;background-color:#fff;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.procurement .title-area{width:100%;height:60px;font-size:22px;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;position:absolute;top:0;left:0}.procurement .title-area img{width:50px;height:50px}.procurement .title-area .back{position:absolute;right:10px;top:10px;cursor:pointer}.procurement .function-area{width:100%;height:65px;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;position:absolute;top:64px;left:0}.procurement .function-area .select-time{margin-right:10px;width:160px;height:32px}.procurement .function-area .select-time .el-date-editor .el-input__inner{width:160px;height:32px}.procurement .function-area .select-time .el-input__prefix{top:-4px}.procurement .function-area .select-type{width:121px;height:32px;margin-right:10px}.procurement .function-area .select-type .el-input__inner{width:121px;height:32px}.procurement .function-area .select-type .el-input__suffix{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.procurement .function-area .search-input,.procurement .function-area .search-input .el-input__inner{width:231px;height:32px}.procurement .function-area .search-input .el-input__suffix{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:rgba(42,130,228,.46)}.procurement .content-area{width:100%;height:624px;overflow:scroll;overflow-x:hidden;margin-top:130px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.procurement .content-area .content-cell{width:372px;height:165px;margin-right:26px;margin-bottom:25px;border:2px solid rgba(114,126,147,.24);border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex}.procurement .content-area .content-cell.is-enough{border:2px solid #e66e65}.procurement .content-area .content-cell.is-select{border:2px solid #97baf2}.procurement .content-area .content-cell img{width:131px;height:81px;margin-top:41px;margin-left:23px}.procurement .content-area .content-cell .info-area{width:198px;height:100%}.procurement .content-area .content-cell .info-area .title{width:198px;height:24px;color:rgba(0,0,0,.85);font-size:14px;margin-top:24px}.procurement .content-area .content-cell .info-area .text{font-size:12px;color:rgba(0,0,0,.45);margin-top:5px}.procurement .content-area .content-cell .info-area .number{color:#000;font-weight:700;font-size:12px;margin-top:22px}.procurement .footer-area{width:100%;height:67px;border-top:4px solid hsla(0,0%,80%,.2);position:absolute;bottom:0;left:0;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.procurement .footer-area .buy-btn{width:80px;height:32px;color:#fff;background-color:#afb0ff;border-radius:38px;font-size:14px;position:absolute;right:20px;top:17px;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.271429);box-shadow:0 0 5px 0 rgba(0,0,0,.271429)}.procurement .footer-area .tip{color:#e66e65;font-size:12px}