@charset "utf-8";

.gongmo_top, .gongmo_count{margin: 20px 0;border-radius: 20px;}
.gongmo_top{padding: 20px 20px 20px 48px;background: url("/images/common/icon_info.png") no-repeat 15px 18px #fff2ea;}
.gongmo_count{padding: 15px 20px;border: 5px solid var(--bgpoint);text-align: center;}
.gongmo_count span{display: block;margin: 5px 0;}

.gongmo_list{width: 100%;border-top: 2px solid var(--dkgray);}
.gongmo_list li{border-bottom: 1px solid #ddd;}
.gongmo_list li a{display: block;padding: 15px 0;}
.gongmo_list li a strong{display: block;font-size: 18px;margin-bottom: 10px;height: 2.8em;overflow: hidden;word-wrap: break-word;display:  -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.4em;}
.gongmo_list li a em{display: block;padding: 10px;margin: 10px 0;border-radius: 5px;text-align: center;}
.gongmo_list li a em.box_now {background: var(--point1);color: #fff;}
.gongmo_list li a em.box_ready {background: var(--bgpoint);color: var(--point2);}
.gongmo_list li a em.box_end {background: #ddd;color: #555;}
.gongmo_list li a>span{display: block;margin: 10px 0;}
.gongmo_list li a br{display: none;}
.gongmo_list .date span{display: block;margin: 4px 0;vertical-align: middle;}
.gongmo_list .date i{display: inline-block;padding: 5px 10px;margin-right: 4px;border-radius: 3px;font-style: normal;background: var(--dkgray);color: #fff;vertical-align: middle;}
.gongmo_list .cate span{display: inline-block;margin-right: 10px;}
.gongmo_list .cate i{display: inline-block;font-weight: bold;font-style: normal;color: var(--dkgray);}
.gongmo_list .info{display: block;padding: 10px;border-top: 1px dashed #ddd;background: var(--bggray2);font-size: 14px;}
.gongmo_list .info span{display: inline-block;margin-right: 10px;}
.gongmo_list li a:hover, .gongmo_list li a:focus{background: #fffdf3;}
.gongmo_list li a:hover strong, .gongmo_list li a:focus strong{text-decoration: underline;}
.gongmo_list li a:hover em, .gongmo_list li a:focus em{box-shadow: 0 0 10px rgba(0,0,0,0.1);}

@media all and (min-width:768px) {
.gongmo_list li a{position: relative;padding: 20px 20% 20px 0;}
.gongmo_list li a strong{height: 1.4em;-webkit-line-clamp: 1;font-size: 20px;margin-bottom: 20px;}
.gongmo_list li a em{position: absolute;width: 20%;height: 110px;right: 0;top: 24px;margin: 0;box-sizing: border-box;padding-top: 45px;font-size: 18px;font-weight: bold;border-radius: 15px;}
.gongmo_count span{display: inline-block;margin: 0 20px;}
.gongmo_list .date span{display: inline-block;margin: 0 10px 0 0;}
}

@media all and (min-width:1023px) {
.gongmo_list li a{padding-right: 15%;}
.gongmo_list li a em{width: 15%;}
}