@charset "utf-8";
/* 访谈列表 */
.interview-list ul  li{padding-top: 20px; padding-bottom: 20px; border-bottom: 1px dashed #ddd;}
.interview-list ul  li .caption{position: relative;}
.interview-list ul  li .caption a{display: inline-block;font-size: 1.125em; line-height: 30px;font-weight: bold;margin-bottom: 10px;}
.interview-list ul  li .caption label{position: absolute; top: 0; bottom: 0; left: 0; width: 75px; background: #5a96b8;}
.interview-list ul  li .caption label b{position: absolute; top: 50%; right: 0; left: 0; width: 2em; margin: 0 auto; font-weight: normal; color: #fff; line-height: 1.25em; margin-top: -1.25em;}
.interview-list ul  li .caption label:after{position: absolute; top: 50%; right: -16px; margin-top: -8px; content: ""; border: 8px solid transparent; border-left-color: #5a96b8;}
.interview-list ul  li dl dt{float: left; width: 27.5%;}
.interview-list ul  li dl dt .pic{padding: 10px; background: #f2f2f2;}
.interview-list ul  li dl dt .pic img{height: 166px;width: 100%;}
.interview-list ul  li dl dd{margin-left:  27.5%; padding-left: 30px; margin-top: -.3125em;}
.interview-list ul  li dl dd .itm{position: relative; padding: .25em 0; line-height: 1.6em;}
.interview-list ul  li dl dd .itm label{background: #275bb0;color:#fff;display: inline-block;width: 70px; height: 24px; line-height: 24px;text-align: center;margin-right: 10px;}
.interview-list ul  li dl dd .intro{color:#999;margin-top: 5px;}
.interview-list ul  li dl dd .intro a{ color: #dd0000;margin-left: 5px;}
@media (max-width:1280px){
  .interview-list ul  li .caption a{font-size: 1.25em; font-weight: bold;}
  .interview-list ul  li dl dd{padding-left: 20px;}
}
@media (max-width:992px){
  .interview-list ul  li{padding-top: 15px; padding-bottom: 15px;}
  .interview-list ul  li .caption{margin-bottom: 15px;}
  .interview-list ul  li dl dd{padding-left: 15px;}
}
@media (max-width:600px){
  .wqft .hd{font-size: 1.25em; height: 50px; line-height: 45px;}
  .interview-list ul  li .caption{padding-left: 0;}
  .interview-list ul  li .caption a{font-size: 1.125em; padding-top: 0; padding-bottom: 0;}	
  .interview-list ul  li .caption label{display: none;}
}
@media (max-width:450px){
  .interview-list ul  li .caption a{font-size: 1em; line-height: 1.5em;}
  .interview-list ul  li dl dt{width: 35%;}
  .interview-list ul  li dl dd{margin-left: 35%;}
  .interview-list ul  li dl dd .itm{font-size: .875em;}	
}
