.column_name{
    background-color: #F9F9F9;
  /*  height:100vh;*/
padding: 20px 15px;
}
.column_name li{
height:48px;
    border: 1px solid #DFDFDF;
    background-color: white;
}

.column_name li a{
    height: 100%;
   line-height: 48px;
font-size:18px;
display:flex;

padding-left:20px;
}
.column_name li a.active {
    background-color: rgba(15, 128, 204, 1);
    color: white;
font-weight: bold;
}
@media screen and (max-width: 480px) {
   .column_name{
    background-color: #F9F9F9;
    height:unset;
padding: 20px 15px;
}
}
/* 濯掍綋鏌ヨ - 鎵嬫満绔€傞厤 */
@media screen and (max-width: 768px) {
  .column_name{
    background-color: #F9F9F9;
    height:unset;
padding: 20px 15px;
}
}

@media screen and (max-width: 768px) {
    .visual_main {
        padding: 10px;
        flex-direction: column; 
    }

    .visual_left {
        width: 100%; 
        margin-right: 0;
        margin-bottom: 15px;
    }

    .visual_right {
        width: 100%; /* 氓庐陆氓潞娄氓聧聽忙禄隆 */
        padding: 10px;
    }

    /* 猫隆篓忙聽录氓鈥溌嵜ヂ衡€澝ヂ悸徝ヂも€灻愨€� */
    .layui-table-view {
        max-width: 100%;
        overflow-x: auto;
    }

    /* 忙聬艙莽麓垄忙隆鈥犆モ€溌嵜ヂ衡€澝ヂ悸徝ヂも€灻愨€� */
    .visual_search .layui-form-item {
        display: flex;
        flex-direction: column;
    }

    .visual_search .layui-form-label {
        width: 100%;
        text-align: left;
        padding: 9px 0;
    }

    .visual_search .layui-input-block {
        margin-left: 0;
    }


    .layui-laypage > * {
        margin-bottom: 5px;
    }

    .layui-laypage-limits {
        display: none;
    }
}

/* 猫露鈥γヂ奥徝ヂ甭徝ヂ光€⒚┾偓鈥毭┾€β� */
@media screen and (max-width: 480px) {
    .visual_main {
        padding: 5px;
    }

    .visual_right {
        padding: 5px;
    }


    .layui-table td, .layui-table th {
        padding: 5px;
        font-size: 12px;
    }

  
    .layui-laypage > * {
        padding: 0 10px;
    }
}