#example{
    margin: 0 15px;
}

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

.biaotidiv{
    padding:  0 0.75rem;
}

.biaotidiv>div{
    width: calc(100% / 3);
    float: left;
    padding: 0.25rem 0.25rem;
}

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

.layui-colorpicker{
    border-top: 0;
    border-bottom: 0;
    padding: 0.25rem 0.25rem 0.25rem 0.25rem;
    border-right: 0;
}

.night .layui-colorpicker{
    border: 1px solid #444;
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
    background-color: #181a1b;
}

.colorselect{
    margin-bottom: 0 !important;
    margin-right: 0 !important;
    display: inline-block !important;
    float: left;
    clear: none !important;
}

.color_inp{
    border-top: 0;
    border-right: 0px;
    border-bottom: 0px;
    width: calc(100% - 1.9rem);
    float: left;
}

.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 {
        width: calc(100% / 2);
    }
}

@media screen and (max-width: 1086px){
    .biaotidiv>div {
        width: calc(100% / 1);
    }
}

@media screen and (max-width: 500px){
    #example {
        margin: 0 0.25rem;
    }
    .layui-tab-content {
        padding: 0.25rem 0;
    }
    .biaotidiv {
        padding: 0 0.25rem;
    }
}

.divbuts{
    padding: 0.5rem;
    border: 1px solid #eee;
    border-top: 0;
    border-radius: 0 0 3px 3px;
}

.night .divbuts{
    border:1px solid #444;
    border-top:0;
}

.divbuts button{
    padding: 0.4rem 1rem;
    text-align: center;
    border: 0;
    background-color: #607D8B;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
}

.divbuts button:nth-child(1) {
    background-color: #009688;
}

.divbuts button:nth-child(2) {
    background-color: #795548;
}

@media screen and (max-width: 390px){
    .divbuts button:nth-child(1){
        width: calc(50% - 0.25rem);
        float: left;
    }
    .divbuts button:nth-child(2){
        width: calc(50% - 0.25rem);
        float: right;
    }
    .divbuts button:nth-child(3){
        width: 100%;
        margin-top: 0.5rem;
    }
}