.risk-record-page { position: relative; } .risk-record-page .main { padding: 0px 16px; position: relative; } .risk-record-page>>>.uni-searchbar { padding: 0px; display: flex; align-items: center; font-size: 12px; .uni-searchbar__box { height: 30px; } .uni-searchbar__box-icon-clear { display: flex; align-items: center; } .uni-input-placeholder {} .uni-searchbar__box-search-input { font-size: 12px; } .uni-searchbar__text-placeholder { font-size: 12px; margin-left: 0px; } .uni-text { font-size: 12px; } } .filter-bar .search-bar { margin-left: 20px; margin-right: 20px; width: 100%; display: flex; flex: 1; align-items: center; font-size: 12px; } .filter-bar { display: flex; justify-content: space-between; align-items: center; background-color: #ffffff; padding: 10px 16px 10px 16px; box-shadow: 0px 0px 5px 0px #eaedf4; } .filter-bar .filter { display: flex; align-items: center; font-size: 12px; line-height: 18px; color: #333; } .content-list { padding: 10px 0; } .content .field { font-size: 12px; line-height: 18px; margin-bottom: 4px; } .content .field .label { color: #666; } .content .field .value { color: #333333; } .status { background-color: rgba(5, 109, 232, 0.1); color: #056DE8; padding: 0px 5px 0px 5px; border-radius: 5px; } /* .risk-record-page { position: relative; } .risk-record-page .main { padding: 16px; position: relative; } .risk-record-page .main>>>.uni-searchbar { padding: 0 } .search-bar { margin-bottom: 10px; } .filter-bar { display: flex; justify-content: space-between; margin-bottom: 10px; } .filter-bar .filter { display: flex; align-items: center; font-size: 12px; line-height: 18px; color: #333; } .content-list { padding: 10px 0; } .content .field { font-size: 12px; line-height: 18px; margin-bottom: 4px; } .content .field .label { color: #666; } .content .field .value { color: #333333; } */