body{ background: #ffffff; } .content-container{ overflow-y: scroll; } .empty-div { height: 4rem; } .top{ background:#ffffff; } .tabs{ display: flex; font-size:1.125rem; position:fixed; top:6rem; 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; } #review-task-panel, #new-task-panel { display: none; } .task-item { display: flex; justify-content: space-between; } .task-item img { width: 2rem; margin-left: 0.8rem; vertical-align: middle; } .task-item-img { height: 3rem; line-height: 3rem; } .success-light { display: none; } .error-light { display: none; } .task-item-img .light .success-dark { display: none; } .task-item-img .light .success-light { display: inline-block; } .task-item-img .light .error-dark { display: none; } .task-item-img .light .error-light { display: inline-block; } .category-name { height: 3rem; line-height: 3rem; } .task-item-desc { max-width: 70%; min-height: 3rem; line-height: 3rem; } .task-item-status-box { position: relative; } .task-item-status-ok { position: absolute; top: -2.2rem; left: -5.8rem; width: 12rem; background-color: #eee; line-height: 2rem; border: 1px solid #e5e5e5; padding: 0 0.2rem; display: none; z-index: 9999; } .task-item-status-ok>label, .task-item-status-ok>input { vertical-align: middle; } .task-item-status-ok.display { display: inline-block; } /* 底部功能按钮 */ #bottom-btn { width: 100%; position: fixed; bottom: 0; display: flex; justify-content: space-between; padding: 0.3rem 0.6rem; box-sizing: border-box; text-align: center; background-color: #ffffff; } /* 巡检完成按钮 */ #inspection-finished { width: 8rem; height: 3rem; line-height: 3rem; font-size: 1.3rem; background-color: #e9be2b; border-radius: 1.5rem; } /* 自动勾选剩余项 */ #auto-checked-all { width: 8rem; height: 3rem; line-height: 3rem; font-size: 0.8rem; } #auto-checked-all img { width: 1.4rem; margin: 0 0.4rem; vertical-align: middle; } /* 日常检查项 */ .category-name { border-bottom: 1px solid #e5e5e5; padding: 0 0.5rem; font-size: 1.25rem; } .category-name img { width: 1rem; margin: 0 0.5rem; } .task-panel { padding-bottom: 3.8rem; } .category-item li { padding: 0 1rem; font-size: 1rem; } .category-item li:nth-child(even) { background-color: #eee; } #usual-task-panel .hide { display: none; } #usual-task-panel .transform { transform: rotate(-90deg); } #inspectionitem-empty-tips { position: absolute; top: 15rem; width: 100%; } #new-add-btn { font-size:1.5rem; text-align: center; padding: 0.5rem 0; } #new-add-btn>div { display: inline-block; width: 100%; height: 3.5rem; line-height: 3.5rem; border: 1px solid #e5e5e5; border-radius: 0.5rem; box-sizing: border-box; background-color: #f5f5f5; } #new-add-btn span { margin-right: 1rem; }