.titleList {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}
.titleList .item{
  padding: 7px;
  background:#fff1e3;
  display: flex;
  align-items: center;
}
.titleList .item .icon{
  display:none;
  flex:1;
  margin:0 10px;
}
.titleList .item a{
  flex: 25;
}
.titleList .item .icon img{
  height:20px;
}
.column_title{
  display:flex;
  justify-content:space-between;
  align-items: center;
  margin-bottom: 10px;
}
.column_title.center{
  justify-content:center;
}
.column_title img{
  height:30px;
  margin: 0;
}

main .column_title a{
  font-weight: 700;
  color: #167b59;
}
.VideosList .column_title {
  width: 56%;
  margin-right: 0;
  margin-left:auto;
}
html body {
  background: #fafef1;
}
body footer{
  background:#486228!important;
}
main #VideosList .item {
  width: calc(33.3% - 7.5px);
}
main #VideosList .video_title{
  background: #4d5d4a;
  position: initial;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
main #VideosList .item>a{
  top: 36%;
}
main .titleList .item{
  background: #cee78b;
  margin-bottom: 10px;
}
#swp11 .slide-desc-wrap{
  background-color:rgb(15 66 60 / 50%);
}
.top{
  margin-bottom:30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.top .left{
  width:calc(60% - 10px);
}
.top .right{
  width:calc(40% - 10px);
  display: flex;
  flex-direction: column;
}
.lunbo-speical.mb30{
  margin-bottom:0;
}
main #swp11 .swiper-pagination-bullet-active{
  background:#bbe484;
}
main a:hover{
  color:#167b59!important;
}
.PandaList{
  position: relative;
  width:90%;
}
.PandaList .item_list{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 20px;
  padding-left: 85px;
}
.PandaList>img{
  width:100%;
}
.item_list .item{
  display:none;
  height:100%;
  transition: all 1s;
}
.item_list .item.active{
  display:flex;
  justify-content: space-between;
}
.item_list .headPortrait{
  width: calc(45% - 10px);
}
.item_list .introduce{
  width: calc(55% - 10px);
}
.item_list .introduce em{
  color:#6e856a;
}
.introduce .title{
  font-weight: 700;
  font-size: 22px;
}
.businessCard{
  position: absolute;
  right: -79px;
  top: 15px;
  z-index:9;
}
.businessCard .item{
  display:flex;
  margin-bottom:10px;
  text-align:center;
  cursor:pointer;
  transition: all 0.8s;
  color:#fff;
  font-family:"方正锐正黑_GBK";
}
.businessCard .item:hover{
  transform:translateX(10px);
}
.businessCard .item:hover span:nth-child(1){
  background:rgb(2 112 10 / 70%);
}
.businessCard .item:hover span.line{
  border-left: 17.5px solid rgb(2 112 10 / 70%);
}
.activity {
  display: flex;
  justify-content: space-between;

}
.activity .item{
  width:calc(50% - 15px);
}
.activity .item img{
  width:100%;
}
.HKPandaFate{
  display: flex;
  justify-content: space-between;
}
.HKPandaFate .time{
  width:calc(20%);
}
.HKPandaFate .ImageText{
  position: relative;
  width:calc(80%);
}
.HKPandaFate .ImageText>img{
  width:100%;
}
.HKPandaFate .ImageText_list{
  padding-left: 60px;
  padding-top: 35px;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.ImageText_list .item{
  transition: all 1s;
  height: 95%;
  overflow-y: auto;
  display:none;
}
.ImageText_list .item img{
  margin:0;
  width: 60%;
  margin-bottom: 10px;
}
.ImageText_list .item.active{
  display:block;
}
.HKPandaFate .time .item{
  display:flex;
  align-items: center;
  transition: all 1s;
  width:100%;
  margin-bottom: 5px;
}

.HKPandaFate .time .item span{
  font-weight:700;
  font-size:18px;
  color:#fff;
  cursor:pointer;
  background:#638b31;
  width:calc(90%);
  padding: 5px;
}
.HKPandaFate .time .item.active span{
  background:#82c035;
}
.HKPandaFate .time .item.active .TriangleIcon{
  border-left: 30px solid #82c035;
}
.HKPandaFate .time .item:hover{
  transform: translateX(-20px);
}
.HKPandaFate .time .item .TriangleIcon{
  width: 0;
  height: 0;
  border-left: 30px solid #638b31;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.businessCard .item span{
  display:inline-block;
}
.businessCard .item span:nth-child(1){
  background: rgb(1 66 6 / 70%);
  height: 35px;
  width: 70px;
  line-height: 35px;
}
.businessCard .item .line{
  width: 0;
  height: 0;
  border-left: 17.5px solid rgb(1 66 6 / 70%);
  border-top: 17.5px solid transparent;
  border-bottom: 17.7px solid transparent;
}
@media(max-width:650px){
  .businessCard .item span:nth-child(1) {
    height: 15px;
    width: 33px;
    line-height: 15px;
    font-size: 10px;
    margin-bottom: 1px;
  }
  .businessCard .item .line {
    border-left: 7.5px solid rgb(1 66 6 / 70%);
    border-top: 7.5px solid transparent;
    border-bottom: 7.7px solid transparent;
  }
  .businessCard .item {
    margin-bottom: 0px;
  }
  #swp11 {
    margin-bottom:30px;
  }
  .HKPandaFate .ImageText>img{
    object-fit: initial;
    height:100%;
  }
  .HKPandaFate .ImageText_list {
    padding-left: 15px;
    padding-top: 8px;
  }
  .HKPandaFate .time .item .TriangleIcon{
    border-left: 2px solid #638b31;
    border-top: 4px solid transparent;
    border-bottom: 2px solid transparent;
  }
  .HKPandaFate .time .item span{
    font-size: 5px;
    padding: 3px;
  }
  .PandaList .item_list{
    padding: 0px;
    padding-left: 0px;
  }
  .introduce .title {
    font-size: 16px;
  }
  .item_list .introduce {
    overflow-y: auto;
    margin: 10px 0;
  }
  .businessCard img {
    width: 50px;
  }
  .businessCard {
    top: 0px;
    right: -41px;
  }
  #content main {
    padding:0 10px;
  }
  .top .left,
  .top .right{
    width:calc(100%);
  }
  main #VideosList .item {
    width: calc(100%);
  }
  .VideosList .column_title {
    width: 100%;
    margin-right: atuo;
    margin-left:auto;
  }
  .column_title img {
    height: 25px;
  }
  .titleList .item a{
    font-size:16px;
  }
  .titleList .item{
    margin-bottom:10px;
  }
}