.contentArea {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-bottom: 50px;
  
}

.pageArea {
  display: flex;
  user-select: none;
  /* margin-left: -1.06rem; */
}
.pageArea > div {
  width: 2.38rem;
  height: 2.38rem;
  background: #ffffff;
  border: 1px solid #f0f0f0;
  border-radius: 0.31rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.88rem;
}
.pageArea > div {
  margin: 0 0.53rem;
  margin-top: 4.375rem;
  margin-bottom: 5.6rem;
  /* margin-top: 5.44rem; */
}
.pageArea > div:active {
  background: #9A362D !important;
}
.pageArea .pre {
  width: 5rem;
  height: 2.38rem;
  background: #ffffff;
  border: 1px solid #f0f0f0;
  border-radius: 0.31rem;
}
.pageArea .next {
  width: 5rem;
  height: 2.38rem;
  background: #ffffff;
  border: 1px solid #f0f0f0;
  border-radius: 0.31rem;
}

.listItem {
  display: flex;
  border-bottom: 1px dashed #ced3dc;
  padding: 2.19rem 1.44rem 2.25rem 0;
}
.listItem .left {
  width: 85px;
  height: 85px;
  flex-direction: column;
  background: #f1f1f1;
  color: #666666;
}
.listItem:hover .left {
  background: #374e71;
  color: #ffffff;
}

.listItem .left div:nth-child(1) {
  font-size: 1.5rem;
  font-family: Times New Roman;
  font-weight: bold;
}

.listItem .right {
  margin-left: 1.06rem;
  flex: 1;
}
.listItem .right div:nth-child(1) {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
}
.listItem .right div:nth-child(2) {
  font-size: 14px;
  color: #808080;
  margin-top: 1.31rem;
}
/* .nav .a{
  color: white !important;
} */
/* 页脚链接 */
.linkArea {
  padding: 25px 0 49px 0;
}
/*当屏幕尺寸1200-1400px时，应用下面的CSS样式*/
@media screen and (min-width:1200px) and (max-width:1400px) {
  .listallArea{
    width: 1200px;
    margin: 0 auto;
  }
    /* 列表 */
    .listArea {
      /* margin-left: 4.31rem; */
      margin-top: 18px;
      width: 100%;
    }
    /* 每个小列表 */
    .listbox{
      width: 100%;
      height: 90px;
      display: flex;
      padding: 36px 17px;
      display: flex;
      justify-content: space-between;
      align-items: center;

  
    }
    .listbox:hover{
  
       width: 100%;
       height: 90px;
       background: #9A362D;
    }
 
   
   
  
 
    .listbox1{
      width: 80%;
      display: flex;align-items: center;justify-content: left !important;
    }
    .listbox2{
      display: flex;flex-direction: column;margin-left: 33px;width: 83%;
    }
    .listbox:hover .listboxtitle{
      color: white;
    }
    .listboxtitle{
     
      width: 100%;
      height: 16px;
      line-height: 16px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      font-size: 16px;
      color: #333333;
      overflow:hidden; 
      text-overflow:ellipsis;
      display:-webkit-box; 
      -webkit-box-orient:vertical;
      -webkit-line-clamp:1;
  
    }
    .listbox:hover .starimg{
      background: url('../image/list/whitestar1x.png');
      width: 19px;
      height: 18px;
    }
    .starimg{
      background: url('../image/list/redstar1x.png');
      width: 19px;
      height: 18px;
      /* margin-right: 23px; */
    }
    .listtimebox{
      font-family: Arial;
      font-weight: 400;
      font-size: 16px;
      color: #D6A67A;
      line-height: 16px;
    }
  

}

/*当屏幕尺寸大于1400px时，应用下面的CSS样式*/
@media screen and (min-width: 1400px) {
  .biggerHidden {
    display: none !important;
  }

  .listItem .left div:nth-child(2) {
    font-size: 1rem;
    font-family: Times New Roman;
    font-weight: bold;
    margin-top: 0.8rem;
  }
  .listallArea{
    width: 1400px;
    margin: 0 auto;
  }
  /* 列表 */
  .listArea {
    /* margin-left: 4.31rem; */
    margin-top: 18px;
    width: 100%;
  }
  /* 每个小列表 */
  .listbox{
    width: 100%;
height: 90px;
display: flex;
padding: 34px 17px;
display: flex;
justify-content: space-between;

  }
  .listbox:hover{

    width: 100%;
    height: 90px;
    background: #9A362D;
  }
  .listbox1{
    width: 80%;
    display: flex;align-items: center;justify-content: left !important;
  }
  .listbox2{
    display: flex;flex-direction: column;margin-left: 33px;width: 85%;

  }
  .listbox:hover .listboxtitle{
    color: white;
  }
  .listboxtitle{
    /* margin-bottom: 20px; */

    width: 100%;
    height: 16px;
    line-height: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;

  }
  .listbox:hover .starimg{
    background: url('../image/list/whitestar1x.png');
    width: 19px;
    height: 18px;
  }
  .starimg{
    background: url('../image/list/redstar1x.png');
    width: 19px;
    height: 18px;
    /* margin-right: 23px; */
  }
  .listtimebox{
    font-family: Arial;
    font-weight: 400;
    font-size: 16px;
    color: #D6A67A;
    line-height: 16px;
  }


  


}
/*当屏幕尺寸小于1200px时，应用下面的CSS样式*/
@media screen and (max-width: 1200px) {
    /* 大于1200不显示 */
    .smallHidden {
      display: none !important;
      /* 小于1200显示 */
    }.biggerHidden {
      display: block !important;
    }
  
  .listItem .right div:nth-child(1){
    font-size: 15px;
  }
  .navMenuAreaSmall{
    margin-top: -10px;
  }
  .listArea{
    margin-top: 30px;
  }
  .listItem {
    height: calc(230px / 2);
    padding: 0;
    align-items: center;
  }
  .listItem .left {
    width: 70px;
    height: 70px;
    color: #374E71;
  }
  .listItem .right div:nth-child(2){
    display: none;
  }
  /* list移动端 */
  .contentAreasmall{
    width: 93%;
    margin: 0 auto;
  }
  .listAreasmall{
    width: 100%;
  }
  .listboxsmall{
    width: 100%;
    display: flex;
    height: 72px;
    border-bottom: 1px #E6E6E6 solid;
  }
   .listboxsmall:nth-child(n+1){
    margin-top: 30px;
   
  }
  .predstarbox{
    width: 15px;
    height: 14px;
    background: url('../image/list/redstar1x.png');
    background-size: 100% 100%;
  }
  .predstarbox:hover{
    width: 15px;
    height: 14px;
    background: url('../image/list/whitestar1x.png');
    background-size: 100% 100%;
  }
  .plisttimebox{
    margin-top: 6px;
    width: 100px;
    height: 9px;
    font-family: Arial;
    font-weight: 400;
    font-size: 12px;
    color: #D6A67A;
  }
  .listtimesmall{
    width: 60px;
    height: 41px;
    border-right:1px #E6E6E6 solid;
  }
  .listtime1small{
    width: 50px;
    height: 12px;
    font-family: Arial;
    font-weight: 400;
    font-size: 12px;
    color: #AC1F27;
  }
  .listtime2small{
    margin-top: 10px;
    width: 43px;
    height: 19px;
    font-family: Arial;
    font-weight: bold;
    font-size: 19px;
    color: #AC1F27;
    text-align: center;

  }
  .listbox2small{
    flex: 1;
    margin-left: 12px;
    width: 100%;
  }
  .listboxtitlesmall{
   
    /* width: 100%; */
    height: 44px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    line-height: 22px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  .pageArea {
    width: 77% !important;
    margin: 0 auto !important;
    display: flex;
    user-select: none;
    /* margin-left: -1.06rem; */
  }
  
  

}