.container {
    overflow: auto
}

.container::-webkit-scrollbar {
    width: 12px;
    height: 12px
}

.container::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 8px
}

.container::-webkit-scrollbar-thumb:hover {
    background: #555
}

.container::-webkit-scrollbar-track {
    background: #f0f0f0
}

.container .mid {
    display: flex;
    background-color: #eee;
    height: 22px
}

.container .mid .mid-a {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.top {
    width: 100%;
    background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHCAgICAgICAgICD/2wBDAQcHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICD/wAARCAAeAAIDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAMI/8QAFxABAAMAAAAAAAAAAAAAAAAAABMUIv/EABUBAQEAAAAAAAAAAAAAAAAAAAID/8QAFREBAQAAAAAAAAAAAAAAAAAAABH/2gAMAwEAAhEDEQA/ANJSrxEfRCbXCnFxJ//Z);
    background-repeat: repeat-x;
    background-position: top;
    font-size: 12px;
    height: 30px;
    display: flex;
    align-items: center
}

.top .l-m {
    color: red
}

.top .l-m-c {
    font-weight: 600
}

.top :hover {
    cursor: pointer
}