ax-body.data-v-1059d8c6 .ax-body{ background-color: #F5F7FB; } .data-v-1059d8c6 .ax-custom-title{ background-color: #fff; } .page-background.data-v-1059d8c6{ display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .body.data-v-1059d8c6{ display: flex; flex-direction: column; width: 100%; height: 100%; padding: 10px 0; overflow: auto; position: relative; z-index: 1; } .list .item + .item.data-v-1059d8c6{ margin-top: 10px; } .list .item.data-v-1059d8c6{ display: block; background-color: #fff; border-radius: 10px; padding: 20px 10px; } .list .item .title.data-v-1059d8c6{ display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; margin-bottom: 10px; } .list .item .title .name.data-v-1059d8c6{ font-size: 16px; font-weight: bold; } .list .item .title .state.data-v-1059d8c6{ display: flex; align-items: center; justify-content: center; width: 74px; height: 22px; font-size: 14px; color: #fff; background-color: #4EDC86; border-radius: 100px 0 0 0; margin-right: -10px; } .list .item .title .state.data-v-1059d8c6:before{ content: ''; display: inline-block; width: 4px; height: 4px; border-radius: 100%; background-color: #fff; margin-right: 5px; } .list .item .cell.data-v-1059d8c6{ font-size: 12px; color: #aaa; line-height: 26px; } .list .loadmore.data-v-1059d8c6{ display: flex; align-items: center; justify-content: center; font-size: 12px; color: #aaa; height: 60px; } .nothing.data-v-1059d8c6{ display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%; background-color: #fff; border-radius: 16px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); font-size: 14px; color: #ccc; } .nothing .icon.data-v-1059d8c6{ display: block; width: 25vw; margin-bottom: 10px; }