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
}