@charset "utf-8";

.yjzj-list li{position: relative; padding: 40px 0 40px 135px; border-bottom: 1px dashed #e6e6e6;}
.yjzj-list li .caption{position: relative; line-height: 1.8em;}
.yjzj-list li .caption .title{font-size: 1.25em;}
.yjzj-list li .caption .seemore{position: absolute; top: 0; right: 0; line-height: 1.7875em; padding: 0 .625em; color: #d43030; border: 1px solid #d43030; border-radius: 3px;}
.yjzj-list li .caption .seemore:hover{color: #fff; background: #d43030;}
.yjzj-list li .desc{margin-bottom: .5em; line-height: 1.8em; color: #828282;}
.yjzj-list li .desc span{display: inline-block; position: relative; padding-left: 1em;}
.yjzj-list li .desc span:before{position: absolute; top: -2px; left: 0; width: 5px; height: 5px; margin-top: .8em; background: #9c9c9c;}
.yjzj-list li .desc span.time:before{content: "";}
.yjzj-list li .status{position: absolute; top: 50%; left: 0; width: 80px; height: 80px; margin-top: -40px; color: #666; background: url(../images/zmhd_status_finished.png) no-repeat;}
.yjzj-list li .status span{position: absolute; top: 50%;text-align: center; right: 0; left: 0; margin: -.7em auto 0; font-size: 1.0625em; line-height: 1.4em;}
.yjzj-list li.begin .caption{padding-right: 7em;}
.yjzj-list li.begin .status{color: #3872cf; background-image: url(../images/zmhd_status_begin.png);}
.yjzj-list li:hover .caption .title{color: #3872cf;}
.yjzj-list li:hover .caption .seemore{color: #fff; background: #d43030;}
@media (max-width: 1480px){
  .yjzj-list li{padding: 30px 0 30px 120px;}
}
@media (max-width: 992px){
  .yjzj-list li{padding: 1.25em 0 1.25em 100px;}
  .yjzj-list li .caption .title{font-size: 1.125em;}
}
@media (max-width: 640px){
  .yjzj-list li{padding-left: 0;}
  .yjzj-list li .caption .title{font-size: 1em;}
  .yjzj-list li .status{position: static; width: auto; height: auto; margin-top: .875em; background: none !important;}
  .yjzj-list li .status span{position: static; margin-top: 0; width: auto; display: inline-block; padding: 0 .75em; line-height: 30px; border-radius: 5px 5px 0 5px; background: #f0f0f0;}
  .yjzj-list li .caption{position: static;}
  .yjzj-list li .caption .seemore{top: auto; line-height: 28px; bottom: 1.25em;}
  .yjzj-list li.begin .caption{padding-right: 0;}
}
@media (max-width: 450px){
  .yjzj-list li .desc span{display: block; font-size: .9375em;}
  .yjzj-list li .desc span:before{width: 4px; height: 4px;}
}