.yld-data{background: rgba(225, 236, 255, 1);padding: 25px;}
.yld-table{height: 300px;}
.yld-table table{width: 100%; border-collapse: collapse; border-spacing: 0;}
.yld-table thead{position: sticky; top: 0; z-index: 10; background: #4171C0;}
.yld-table thead th{color: #fff; font-weight: normal; padding: 12px 15px; text-align: left; font-size: 1.4rem;}
.yld-table tbody tr{background: rgba(255, 255, 255, 0.8);}
.yld-table tbody tr:nth-child(odd){background: #E1ECFF;}
.yld-table tbody tr:not(:last-child) td{border: 2px solid #fff;}
.yld-table tbody tr:hover{background: rgba(255, 255, 255, 1);}
.yld-table tbody td{padding: 12px 15px; color: #333; font-size: 1.4rem;}
.yld-table tbody td:first-child{color: #4171C0;}
.tdt-pane{z-index: 0!important;}
.yld-table.scrollbar-xy{ overflow-x: hidden;}
.yld-filter{padding: 15px; background: #f5f5f5; border-radius: 4px;}
.yld-filter .box{display: flex; align-items: center; gap: 15px;}
.yld-filter .box .yld-ymd{display: flex; align-items: center; gap: 5px;}
.yld-filter .box .tit{color: #666;}
.yld-filter .box .yld-ymd .rq{color: #333; font-weight: bold;}

.yld-filter .box .yld-dd{display: flex; align-items: center; gap: 5px;}

.yld-filter .box .layui-input{width: 150px; cursor: pointer;}

#mapDiv{width: 100%; height: 350px;}


@media (max-width: 768px){
    .yld-table table{width:600px;}
    .yld-table.scrollbar-xy{ overflow-x: auto;}
    
    .yld-filter .box{display: block;}
    .yld-filter .yld-ymd{margin-bottom: 10px;}
    
    .yld-filter .box .yld-dd {    float: left;}
    .layui-btn-primary{margin-left: 10px;}
}