.service_list_area{background:#fff; height:30px; line-height:30px; margin-bottom: 15px;}
.service_list_area .row{margin: 0; display: flex; justify-content: space-between;}
.service_list_area .row .list_item{ }
.service_list_area .row .list_item .a_detail{color: #000; text-decoration: none; display:block;}
.service_list_area .row .list_item .a_detail.on{background:#ffcf4a; border-radius: 30px; font-weight: bold; padding: 0 6px;}
.service_list_area .row .line{border-left: 1px solid #A9A9A9; height: 20px; width: 0.5px;}



.event_list_area{ border: 1px solid#D7D7D7; }
.event_list_area .row{margin: 0; display: flex; justify-content: space-evenly; }
.event_list_area .row .list_item{ width: 33.3333%;  text-align: center;}
.event_list_area .row .list_item .a_detail{color: #000; height: 40px; width: 100%; display: inline-block; line-height: 40px;}
.event_list_area .row .list_item .a_detail.on{font-weight: bold; background-color: #ffec05;}

.community_content{padding: 20px 10px;}
.community_content .advertisement_area{height: 52px; text-align: center; border: 1px solid lightgray; margin-bottom: 10px;}
.community_content .swiper-container{}
.community_content .swiper-container .swiper-wrapper{}
.community_content .swiper-container .swiper-wrapper .swiper-slide{ height: 300px;}
.community_content .swiper-container .swiper-wrapper .swiper-slide .rolling_detail{width: 100%; height: 100%;}

.content_list_area{ margin-top: 20px; }
.content_list_area .content_list{box-shadow: 0 2px 4px 0 rgb(0 0 0 / 16%);}
.content_list_area .content_list .row{margin: 0; display: flex; }
.content_list_area .content_list .row .list_item{width: 10%; text-align: center; font-size: 12px;}
.content_list_area .content_list .row .list_item.type1{width: 40%;}
.content_list_area .content_list .row .list_item.type2{width: 25%;}
.content_list_area .content_list .row .list_item.type3{width: 25%;}

.content_list_area .row{ margin: 0; }
.content_list_area .content_list { padding:10px; }
.content_list_area .row .flex_box{border-bottom:1px solid #B7B7B7; display: flex; align-items: center; color: #000; text-decoration: none; padding:10px;}
.content_list_area .row .flex_box .list_item{width: 10%; text-align: center; font-size: 12px;}
.content_list_area .row .flex_box .list_item.type1{width: 40%;text-align: left; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.content_list_area .row .flex_box .list_item.type2{width: 25%;text-align: left;}
.content_list_area .row .flex_box .list_item.type3{width: 25%; text-align: center;}



.pagination{display: block;text-align: center;}
.pagination .page_detail{padding: 5px 10px; color: #000; text-decoration: none;}
.pagination .page_detail.type{border: 1px solid #d0d2d3; border-radius: 5px;}
.pagination .page_detail.type.active{background-color:#ccc; color: #fff;}