.btn-sm {  
    padding: 5px 10px; 
    font-size: 12px; 
}  
  
.btn-add {  
    background-color: #d6e9fc; /* 更改背景色 */  
    border-width: 1px;
    border-style: solid;
    border-color: #409EFF; /* 更改边框颜色 */  
    color: #409EFF; /* 更改文本颜色 */  
    border-radius: 4px; /* 更改边框圆角 */  
    /* transition: background-color 0.1s ease; */
}  

.btn-add:hover {  
    color: #fff; /* 更改文本颜色 */  
    background-color: #409EFF; /* 鼠标hover时的背景色 */  
    border-color: #409EFF; /* 鼠标hover时的边框颜色 */  
}  

.btn-download {  
    background-color: #d4fae6; /* 更改背景色 */  
    border-color: #13CE66; /* 更改边框颜色 */  
    color: #13CE66; /* 更改文本颜色 */  
    border-width: 1px;
    border-style: solid;
    border-radius: 4px; /* 更改边框圆角 */  
    /* transition: background-color 0.1s ease; */
}  

.btn-download:hover {  
    color: #fff; /* 更改文本颜色 */  
    background-color: #13CE66; /* 鼠标hover时的背景色 */  
    border-color: #13CE66; /* 鼠标hover时的边框颜色 */  
}

.btn-upload {  
    border-width: 1px;
    border-style: solid;
    box-shadow: none;
    background-color: #fcf0d2; /* 更改背景色 */  
    border-color: #FFBA00; /* 更改边框颜色 */  
    color: #FFBA00; /* 更改文本颜色 */  
    border-radius: 4px; /* 更改边框圆角 */  
    /* transition: background-color 0.1s ease; */
}  

.btn-upload:hover {  
    color: #fff; /* 更改文本颜色 */  
    background-color: #FFBA00; /* 鼠标hover时的背景色 */  
    border-color: #FFBA00; /* 鼠标hover时的边框颜色 */ 
}

  
.btn-sx {  
    background-color: #ffffff; /* 更改背景色 */  
    border-width: 1px;
    border-style: solid;
    border-color: #aeaeaf; /* 更改边框颜色 */  
    color: #252627; /* 更改文本颜色 */  
    border-radius: 4px; /* 更改边框圆角 */  
    /* transition: background-color 0.1s ease; */
}  
.btn-sx:hover,
.btn-sx:focus, 
.btn-sx:active 
{  
    background-color: #d3d5d5; /* 更改背景色 */  
    outline: none;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease; 
} 

.btn-tj {  
    background-color: #1890FF; /* 更改背景色 */  
    color: #ffffff; /* 更改文本颜色 */  
    border-radius: 4px; /* 更改边框圆角 */  
    /* transition: background-color 0.1s ease; */
}  

.btn-tj:hover,
.btn-tj:focus,
.btn-tj:active
{  
    outline: none;
    background-color: #0081fa; /* 更改背景色 */  
    color: #ffffff; /* 更改文本颜色 */ 
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease; 
}  



.btn4 {  
    border-width: 1px;
    border-style: solid;
    box-shadow: none;
    background-color: #F8CECC; /* 更改背景色 */  
    border-color: #fd4d4d; /* 更改边框颜色 */  
    color: #fd4d4d; /* 更改文本颜色 */  
    border-radius: 4px; /* 更改边框圆角 */  
    /* transition: background-color 0.1s ease; */
}  

.btn4:hover {  
    color: #fff; /* 更改文本颜色 */  
    background-color: #fd4d4d; /* 鼠标hover时的背景色 */  
    border-color: #fd4d4d; /* 鼠标hover时的边框颜色 */ 
}


.btn-txt {  
    background-color: transparent; /* 设置为透明背景色 */  
    border: none; /* 移除边框 */  
    color: #409EFF; /* 更改文本颜色 */  
    transition: background-color 0.1s ease;
    text-decoration: none; /* 移除文字装饰，比如下划线 */  
}  

.btn-txt:hover {  
    color: #337cc5; /* 更改文本颜色 */  
}  

.btn-txt-edit {  
    background-color: transparent; /* 设置为透明背景色 */  
    border: none; /* 移除边框 */  
    color: #00C1B3; /* 更改文本颜色 */  
    transition: background-color 0.1s ease;
    text-decoration: none; /* 移除文字装饰，比如下划线 */  
}  

.btn-txt-edit:hover {  
    color: #02867d; /* 更改文本颜色 */  
}  

.btn-txt-del {  
    background-color: transparent; /* 设置为透明背景色 */  
    border: none; /* 移除边框 */  
    color: #f55764; /* 更改文本颜色 */  
    transition: background-color 0.1s ease;
    text-decoration: none; /* 移除文字装饰，比如下划线 */  
}  

.btn-txt-del:hover {  
    color: #b5434c; /* 更改文本颜色 */  
}  
  
#search-btn {  
    /* 这里可以添加针对特定按钮ID的样式 */  
}  
  
.fa-search {  
    /* 这里可以添加针对Font Awesome图标的样式 */  
    margin-right: 5px; /* 图标与文本之间的间隔 */  
}  

.custom-skin .layui-layer-title {
    background-color: #fff !important;
}