body { background: white; } .top{ background:#ffffff; } .tabs{ display: flex; font-size:1.125rem; position:fixed; /* top:1rem; */ width: 100%; z-index:99999999; } .tab{ flex-grow:1; height:2.5rem; display:flex; align-items:center; justify-content:center; background:#f2f2f2; } .tab.active{ background:#ffffff; } .container { overflow-y: scroll; padding: 2.5rem 0 1.6rem 0; } .inspection .icon-con { background: #E9BE2B; } .inspection>div:nth-child(1) img { width: 2rem; } .inspection>div:nth-child(2) { font-size: 0.9rem; text-align: right; width: 8rem; } .inspection{ display:flex; padding:0.58rem; border-bottom: 1px solid #dad9da; flex-wrap:nowrap; font-size:1rem; } .inspection .left{ display:flex; flex-grow:1; width:0; align-items: center; } .inspection .left .content{ flex-grow:1; width: 80%; } .inspection .pr-name-con{ display:flex; align-items:center; } .inspection .pr-name-con img{ height:1.2rem; } .inspection .pr-name{ font-size : 1.16rem; } .inspection .icon-con{ flex-shrink:0; width:3rem; height:3rem; display:flex; border-radius:50%; justify-content:center; align-items:center; margin-right:1rem; font-size:1.25rem; background:#E9BE2B; } .accept-btn { width: 4rem; height: 2rem; line-height: 2rem; text-align: center; background-color: #E9BE2B; border-radius: 1rem; } #inspection-task-panel { display: none; } #inspect-type-btns { padding: 1rem 0; border-bottom: 1px solid #d9d9d9; position: fixed; z-index: 999; width: 100%; /* height: 2rem; */ background-color: white; } .search-line { display: flex; width: 100%; justify-content: space-between; padding: 0 0.83rem; box-sizing: border-box; align-items: center; } .search-criteria { border: 1px solid #d9d9d9; border-radius: 0.25rem; height: 2.5rem; width: 23%; } #inspection-content { margin-top: 4.6rem; } #inspection-empty-tips { display: none; }