html { width: 100%; height: 100%; } body { width: 100%; height: 100%; font-family: 'Alibaba PuHuiTi R'; } .layout { display: flex; align-items: center; justify-content: center; } .box-content { width: 100%; height: 100%; display: flex; justify-content: space-evenly; } .audit-box { width: 20%; } .audit-info { justify-content: space-between; margin-top: 5%; } .setAuditUser { margin-top: 10px; width: 250px; cursor: pointer; } .audit-user-box { margin-top: 10px; width: 250px; flex-direction: column; background-color: #F0F2F5; } .audit-user-box>div{ width: 100%; } .audit-user-box>div span:nth-child(1) { width: 70%; padding: 5px; } .audit-user-box>div span:nth-child(2) { width: 30%; padding: 5px; } img { width: 32px; height: 32px; } .setAuditUser img { width: 20px; height: 20px; } .circle { width: 50px; height: 50px; background-color: #66B1FF; border-radius: 50%; } .rectangle { width: 250px; height: 50px; background-color: #66B1FF; border-radius: 6px; } .rectangle>div { width: 100%; height: 100%; flex-direction: column; color: #ffffff; letter-spacing: 1px; } /**自定义滚动条样式 */ ::-webkit-scrollbar { width: 6px; height: 6px } ::-webkit-scrollbar-track { background-color: transparent; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; } ::-webkit-scrollbar-thumb { background-color: #9c9da0; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em }