.main {

  max-width: 1200px;
  margin: 0 auto;
}
.bg-red{
  background: #5b2528;
}
.header{
  height: 120px;
  line-height: 120px;
  box-sizing: border-box;
  background: url("../img/collect/title-bg1.png") repeat-x left center #333333;
  text-align: center;
}
.header img{
  width: 154px;
  height: 56px;
  vertical-align: middle;
}
.main-top-box{
  background: url("../img/collect/title-bg.png") no-repeat;
  width: 100%;
  padding: 79px 85px 0px 0;
  position: relative;
  height: 353px;
  box-sizing: border-box;
}
.main-top-box:before{
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.main-top-box .ding{
  width: 330px;
  height: 377px;
  background: url("../img/collect/title-ad.png") no-repeat;
  position: absolute;
  top: 25px;
  left: 53px;
}
.introduce{
  width: 56%;
  height:267px;
  color: #bd936d;
  float: right;
  overflow: hidden;
  overflow-y: auto;
}
.introduce-title{
  display: flex;
  font-weight: bold;
}
.introduce-title>div:first-child{
  line-height: 28px;
  width: 180px;
  text-align: center;
  font-size: 16px;
  margin-right:2%;
}
.introduce-title>div:first-child span{
  font-size: 44px;
  display: inline-block;
  margin-top: 8px;
}
.introduce-title>div:last-child{
  font-size: 44px;
}
.introduce-title>div:last-child span{
  display: block;
  line-height: 42px;
}
.main-top-box p{
  clear: both;
  color: #a2afa4;
  font-size: 16px;
  line-height: 22px;
  border-top: 3px solid #a5343c;
  position: relative;
  padding-top: 18px;
  margin-top: 30px;
}
.main-top-box p:before{
  content: "";
  width: 22px;
  height: 21px;
  background: url("../img/collect/title-icon_05.png") no-repeat;
  position: absolute;
  top: -3px;
  right: -1px;
}
.content-box{
  background: url("../img/collect/inner-bg.png") repeat left center #f8f4ee ;
  padding: 78px 74px;
}
.content-box ul{
  padding: 0 75px;
  background: #fff;
}
.content-box ul li{
  border-bottom: 2px solid #f6f1e9;
  padding: 35px 0 70px 0;
}
.content-box ul li:last-child{
  border-bottom: 0;
}
.content-box h2{
  text-align: center;
  font-size: 30px;
  color: #333;
}
.content-box h2 span:before{
  content: '';
  display: inline-block;
  width: 22px;
  height: 21px;
  margin: 0 20px;
  background: url("../img/collect/title-icon_03.png") no-repeat;
}
.content-box h2 span:after{
  content: '';
  display: inline-block;
  width: 22px;
  margin: 0 20px;
  height: 21px;
  background: url("../img/collect/title-icon_05.png") no-repeat;
}
.content-box h2 b{
  float: right;
  font-weight: normal;
  color: #333;
}
.content-box ul li p{
  margin: 40px auto 20px;
  color: #bd936d;
  font-size: 16px;
  line-height: 22px;
}
.content-box ul li a{
  float: right;
  width: 110px;
  height: 28px;
  line-height: 28px;
  color: #fff;
  text-align: center;
  background: #5b2528;
  border-radius: 14px;
}
.content-box .list-title{
  margin-bottom: 50px;
  background: #97424b;
  margin-top: 50px;
  padding: 0 45px;
}
.content-box .list-title table{
  width: 100%;
}
.content-box .list-title th{
  color: #fff;
  font-size: 22px;
  height: 58px;
  line-height: 58px;
  margin-bottom: 40px;
}
.content-box .list-body{
  background: #fff;
  padding: 0 45px 35px 45px;
}
.content-box .list-body table{
  width: 100%;
}
.content-box .list-body tbody{
  cursor: pointer;
}
.content-box .list-body tr{
  border-bottom: 3px solid #f6f1e9;
  font-size: 16px;
  height: 52px;
}
.content-box .list-body tr:last-child{
  border-bottom: none;
}
.content-box .list-body td:first-child{
  color: #5b2528;
}
.collect-name{
  /*width: 310px;*/
  /*padding-right: 30px;*/
  /*white-space: nowrap;*/
  /*overflow: hidden;*/
  /*text-overflow: ellipsis;*/
}
.collect-time{
  /*width: 170px;*/
  /*padding-right: 20px;*/
}
.collect-img{
  position: relative;
  cursor: pointer;
}
.collect-box{
  width: 52px;
  height: 52px;
  padding: 5px;
  cursor: pointer;
  background: #aaa;
  display: flex;
  align-items: center
}
.collect-img img{
  vertical-align: middle;
  max-width: 52px;
  max-height: 52px;
  margin: 0 auto;
  display: block;
}
.collect-img .hover-img{
  display: none;
  position: absolute;
  top: 46px;
  right: 70px;
  box-shadow: 0 0 10px rgba(0,0,0,0.4);
  padding: 5px 9px;
  border: 1px solid #aaa;
  background: #fff;
}
.collect-img  .hover-inner{
  display: flex;
  align-items: center;
  width: 150px;
  height: 150px;
  background: #aaa;
}
.hover-inner img{
  max-width: 150px;
  max-height: 150px;
}
.footer {
  background: url("../img/collect/footer-bg.png") repeat-x left center #333333;
  width: 100%;
  padding: 40px 0;
}
.footer-main{
  max-width: 1080px;
  margin: 0 auto;
}
.content{
  height: 170px;
}
.content-left{
  float: left;
  width: 744px;
}
.footer-link{
  width: 100%;
  padding: 15px 0;
  text-align: left;
  border-bottom: 1px solid #adadad;
}
.footer-link a {
  padding: 0 30px 0 26px;
  color: #cacaca;
  font-size: 14px;
  background: url("../img/collect/footer-link-bg.png") no-repeat right center;
}
.footer-link a:first-child{
  padding-left:0px;
}
.footer-link a:last-child{
  background:none;
  padding-right: 0px;
}
.footer-txt {
  width: 100%;
  padding: 15px 0;
}
.footer-txt p {
  color: #8d7357;
  font-size: 12px;
  line-height: 34px;
  height: 34px;
}
.footer-txt p span {
  color: #cacaca;
  font-size: 14px;
  padding: 0 28px;
}
.footer-txt p span:first-child{
  padding-left: 0px;
}
.footer-txt p span:last-child{
  padding-right: 0px;
}
.ft_xiamian_jiand {
  width: 34px;
  float: right;
  margin-right: 20px;
}
.ft_xiamian_jiand li {
  width: 34px;
  height: 34px;
  position: relative;
  margin-bottom: 10px;
  padding-left: 10px;
}
.ft_xiamian_jiand li a {
  display: block;
  background-image: url("../img/collect/ft_20190410_icon4.png");
  background-repeat: no-repeat;
  background-position: -34px 0px;
  width: 34px;
  height: 34px;
}
.ft_xiamian_jiand li a:hover {
  display: block;
  background-image: url("../img/collect/ft_20190410_icon4.png");
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.ft_ying_weixin {
  width: 90px;
  background-color: #fff;
  padding: 10px;
  display: none;
  position: absolute;
  top: -83px;
  right: 45px;
}
.ft_ying_weixin img {
  width: 100%;
}
.ft_xiamian_jiand li.ft_teshuxu:hover {
  background-image: url("../img/collect/ft_20190410_icon5.png");
  background-repeat: no-repeat;
  background-position: 3px 12px;
}
.ft_teshuxu:hover .ft_ying_weixin{
  display: block;
}
.footer-logo {
  text-align: center;
}
.footer-logo img {
  width: 126px;
  height: 45px;
}
/*分页*/
.page-box{
  text-align: center;
  margin-top: 50px;
}
.pages {
  display: inline-block;
  font-size: 16px;
}
.pages .page, .pages .skip {
  float: left;
}
.skip{
  margin-left: 30px;
}
.pages .page a, .pages .skip a {
  float: left;
  min-width: 16px;
  height: 28px;
  margin-right: 20px;
  border-radius: 50%;
  padding: 0 6px;
  background-color: #fff;
  line-height: 28px;
  font-size: 16px;
  text-align: center;
  color: #5b2528;
}
.pages .page a.on, .pages .skip a.on, .pages .page a:hover, .pages .skip a:hover {
  background-color: #5b2528;
  color: #fff;
}
.pages .page a:nth-child(1),.pages .page a:nth-child(2),.pages .page a:nth-last-child(2),.pages .page a:last-child{
  background: transparent;
  padding: 0 10px;
  margin-right: 15px;
  color: #4d4d4d;
}
.pages .page a:nth-child(1):hover,.pages .page a:nth-child(2):hover,.pages .page a:nth-last-child(2):hover,.pages .page a:last-child:hover{
  background: #fff;
  border-radius: 14px;
}
.pages .total-page {
  float: left;
  margin-right: 10px;
  line-height: 28px;
}
.pages .skip {
  line-height: 28px;
}
.pages .skip span {
  float: left;
  margin: 0 10px;
}
.pages .skip span:first-child{
  color: #5b2528;
}
.pages .skip span, .pages .skip input {
  float: left;
}
.pages .skip input {
  height: 22px;
}
.pages .skip .count {
  width: 46px;
  border: 1px solid #4d4d4d;
  border-radius: 3px;
  text-align: center;
  font-size: 16px;
  margin: 3px 10px 0 0;
}