@charset "utf-8";
/*  begin */


.ara_009 { position: relative;}

.ara_009 .art_list_all { position: relative;}
.ara_009 .art_list_all > li { padding: 10px 0;}
.ara_009 .art_list_all > li:nth-child(5n+1) { border-top: 1px solid #ddd; padding-top: 20px; margin-top: 10px;}
.ara_009 .art_list_all > li:first-child { border-top: 0; padding-top: 0; margin-top: 0;}
.ara_009 .art_list_all > li > a { position: relative; display: block; display: flex; flex-wrap: wrap; align-items: center;}
.ara_009 .art_list_all > li > a > span { position: absolute; left: 0; top: 2px; display: block; width: 178px; height: 118px; border: 1px solid #eaeaea;}
.ara_009 .art_list_all > li > a > span img { width: 178px; height: 118px; transition: opacity .3s ease;}
.ara_009 .art_list_all > li > a i { font-style: normal; color: #fff; font-size: 13px; font-weight: bold; display: inline-block; position: relative; background: #b8b8b8; padding: 1px 6px 2px 5px; border-radius: 5px; margin-right: 5px;}
.ara_009 .art_list_all > li > a h2 { font-size: 16px; font-weight: bold; line-height: 1.3; color: #222; margin-right: 10px; max-width: 60%;}
.ara_009 .art_list_all > li > a ul { display: flex; flex-wrap: wrap; align-items: center; margin: 5px 0;}
.ara_009 .art_list_all > li > a ul li { padding: 0 8px; background: url(/data/skin/content/1/ara_009//images/icon_bu.png) no-repeat 0 4px; color: #666; font-size: 12px;}
.ara_009 .art_list_all > li > a ul li:first-child { background: none; padding-left: 0;}
.ara_009 .art_list_all > li > a ul li.date { position: relative; top: -1px;}
.ara_009 .art_list_all > li > a:hover h2, .ara_009 .art_list_all > li > a:hover p, .ara_009 .art_list_all > li > a:hover img { opacity: .75;}
/*  end */