#chart {
    width: 100%;
    height: 25rem;
    border: 1px solid #eee;
    margin-bottom: 0.75rem;
    overflow: hidden;
}

/******************************************************/

.layui-tab-content{
    padding: 0;
}

#example{
    padding: 0.5rem;
}

.biaotidiv{
    padding:  0.5rem;
}

.biaotidiv>div {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
}

.biaotidiv>div .layui-form-item{
    margin-bottom: 0;
}

/******************************************************/

.layui-input-block {
    min-height: 1.9rem;
}

.layui-form-item {
    border: 1px solid transparent;
}

.divls {
    width: 50%;
    float: left;
    padding-right: 0.375rem;
}

.divls.lrss {
    padding-left: 0.375rem;
    padding-right: 0;
}

.divls>div:last-child{
    margin-bottom: 0;
}

/******************************************************/

@media screen and (max-width: 1424px){
    .biaotidiv>div {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 1065px){
    .biaotidiv>div {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width: 886px){
    .biaotidiv>div {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 770px){
    .biaotidiv>div {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width: 500px){
    #example {
        margin: 0 0.25rem;
    }
}