#frame{
    width: 100%; 
    height: 22.5rem; 
    padding: 0.5rem; 
    border: 1px solid #a0e5c6;
    margin-top: 0.5rem; 
}
.gons{
    display: block;
}
.gons_no,.gons_two{
    display: none;
}
.layui-btn+.layui-btn{
    margin-left: 0;
    margin-top: 0.5rem; 
}
.rest{
    color: #34495e;
    border: 1px solid #a0e5c6;
    background: #f8fafe;
    border-radius: 3px;
    padding: 0.75rem;
}
.night .rest{
    border: 1px solid #444;
    background-color: #181a1b;
}
.rest_ul{
    font-size: 0.6rem;
    max-height: 10rem;
    overflow-y: scroll;
}
.rest_ul::-webkit-scrollbar {
    width: 2px;
    height: 2px
}
.rest_ul::-webkit-scrollbar-thumb {
    border: 1px solid transparent;
    background-clip: padding-box;
    border-radius: 7px;
    background: #e8e8fd;
}
.rest_ul::-webkit-scrollbar-thumb:hover {
    background-color: rgb(134,144,156);
}
.rest_ul b{
    font-weight: unset;
    margin-right: 0.75rem;
    color: green;
}
.rest_ul span{
    margin: 0 0.25rem;
    color: #F44336;
}
.night .rest_ul{
    color:#ddd;
}

.night #frame{
    border:1px solid #444;
}