body {

  background-color: #f1f3f7;

}

.body-nav {

  min-width: 1200px;

  margin-bottom: 60px;

}

.body-nav .body-box {

  width: 1200px;

  margin: 0 auto;

}

.body-nav .body-box .tit {

  height: 40px;

}

.body-nav .body-box .tit a {

  font-size: 14px;

  color: #888;



  line-height: 40px;

}

.body-nav .body-box .tit p {

  font-size: 14px;

  color: #CF3137;

  float: left;

  line-height: 40px;

}

.body-nav .body-box .detail-box {

  background-color: #fff;

  padding: 30px 30px 10px 30px;

}

.body-nav .body-box .detail-box .detail {

  display: block;

  padding: 0 30px;

  height: 200px;

  border-bottom: 1px solid #e5e5e5;

}

.body-nav .body-box .detail-box .detail h1 {

  font-size: 18px;

  color: #333;

  line-height: 80px;

}

.body-nav .body-box .detail-box .detail h2 {

  font-size: 14px;

  color: #888;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  line-height: 24px;

  margin-bottom: 20px;

}

.body-nav .body-box .detail-box .detail div {

  height: 18px;

}

.body-nav .body-box .detail-box .detail div p {

  font-size: 12px;

  color: #888;

  padding-right: 20px;

  margin-right: 20px;

  line-height: 18px;

  float: left;

  border-right: 1px solid #e5e5e5;

}

.body-nav .body-box .detail-box .detail div p span {

  color: #888;

}

.body-nav .body-box .detail-box .detail div p:nth-child(1) span {

  color: #CF3137;

}

.body-nav .body-box .detail-box .detail div p:nth-last-child(1) {

  border: none;

}

.body-nav .body-box .detail-box .detail:hover {

  background-color: #f5f5f5;

}

.body-nav .body-box .detail-box .detail:hover h1 {

  color: #CF3137;

}

.body-nav .body-box .detail-box .page-nav {

  width: 100%;

  float: left;

  height: 32px;

  margin: 16px 0;

}

.body-nav .body-box .detail-box .page-nav .page-box {

  height: 32px;

  display: table;

  margin: 0 auto;

}

.body-nav .body-box .detail-box .page-nav .page-box span {

  width: 32px;

  height: 32px;

  border: 1px solid #dedede;

  text-align: center;

  line-height: 30px;

  display: block;

  float: left;

  font-size: #333;

  margin-right: 10px;

  cursor: pointer;

  border-radius: 5px;

  background-color: #f1f3f7;

}

.body-nav .body-box .detail-box .page-nav .page-box span:hover {

  border-color: #D03136;

  background-color: #D03136;

  color: #fff;

}

.body-nav .body-box .detail-box .page-nav .page-box span.act {

  border-color: #D03136;

  background-color: #D03136;

  color: #fff;

}

.body-nav .body-box .detail-box .page-nav .page-box span:nth-last-child(1) {

  margin-right: 0;

}