.main{
    width: 1200px;
    margin: 20px auto;
    height: auto;
    min-height: 600px;
    display: block;
}

.filter{background-color: #FFFFFF; width: 1200px; padding: 20px 10px; gap: 15px; display: flex; flex-direction: column; user-select: none;}
.filter input[type=radio], .filter input[type=checkbox]{display: none;}
.filter .filterItem{display: flex; flex: 1; gap: 20px;}
.filter .filterItem .field{width: 80px; color: #AAAAAA; text-align: right; margin: auto; border-right: 1px solid #cccccc; padding-right: 15px;}
.filter .filterItem .option{flex: 1; display: flex; flex-wrap: wrap; gap: 5px 10px;}
.filter .filterItem .option .optionItem{padding: 8px 10px; box-sizing: border-box; cursor: pointer; border-radius: 2px;}
.filter .filterItem .option .optionItem:hover{background-color: #e9efff;}
.filter .filterItem .option .optionItem.active{background-color: var(--theme-color); color: #FFFFFF;}
.filter .filterItem .other{flex: 1; display: flex; flex-wrap: wrap; gap: 5px 10px;}
.filter .filterItem .other input{border: 1px solid #cccccc; height: 20px; padding: 5px 10px; border-radius: 3px; width: 400px;}
.filter .filterBtn{width: 100px; height: 32px; color: #ffffff; background-color: var(--theme-color); border-radius: 3px; text-align: center; line-height: 32px; cursor: pointer;}

.content{padding-bottom: 0; width: 1200px; gap: 20px; margin-top: 20px; display:grid; grid-template-columns: repeat(3, 1fr)}
.content .empty{column-span: all; text-align: center; line-height: 100px; color: #9b9b9b;}
.content .policy_item{flex: 1; min-width: 350px; padding: 15px; display: flex; flex-direction: column; gap: 10px; align-items: flex-start;  background-color: #ffffff; break-inside: avoid; margin-bottom: 20px;}
.content .policy_item:hover{box-shadow: 0 0 11px 0 #bdbdbd;}
.content .policy_item:last-child{border-bottom: none;}
.content .policy_item .policy_image{width: 100%; background-color: #f6f6f6; aspect-ratio: 16 / 9; overflow: hidden;}
.content .policy_item .policy_image img{display: block; width: 100%; height: 100%; transition: .3s;}
.content .policy_item:hover .policy_image img{transform: scale(1.1)}
.content .policy_item .policy_image.notImage{background: url("/images/svg/notImage.svg") #f9f9f9 center center no-repeat; background-size: contain}
.content .policy_item .policy_info{flex: 1; display: flex; gap: 10px; flex-direction: column; width: 100%;}
.content .policy_item .policy_info .policy_title{width: 100%; font-size: 1.2rem; font-weight: 100; line-height: 2rem; height: 2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #6b6b6b;}
.content .policy_item .policy_info .policy_describe{line-height: 1.1rem; width: 100%; color: #616161; height: 1.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.content .policy_item .policy_info .policy_date{ color: #696969;}
.content .policy_item:hover .policy_info .policy_describe{color: #004e98;}
.content .policy_item:hover .policy_info .policy_date{color: #004e98;}