.activelistbody { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.activelistbody .activetitle { width: 100%; height: 2.72rem; overflow: hidden; position: relative; background: url("../../assets/image/active.png") no-repeat center center; background-size: cover; }

.activelistbody .activetitle .name {padding-left: 3.51rem; padding-top: .8rem; width: 50%; height: 1.92rem; position: absolute; left: 0; top: 0px; display: flex; flex-direction: column;justify-content: center;background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); }

.activelistbody .activetitle .name .zh { font-family: Alibaba PuHuiTi 2.0; font-size: .4rem; font-weight: 500; line-height: normal; letter-spacing: 0em; font-variation-settings: "opsz" auto; font-feature-settings: "kern" on; color: #FFFFFF; }

.activelistbody .activetitle .name .en { margin-top: .08rem; font-family: DingTalk JinBuTi; font-size: .2rem; font-weight: normal; line-height: normal; text-transform: uppercase; letter-spacing: 0em; font-variation-settings: "opsz" auto; font-feature-settings: "kern" on; color: rgba(255, 255, 255, 0.4); }

.activelistbody .content { width: 1200px; }

.activelistbody .content .breadcrumbs { margin: 40px 0; }

.activelistbody .content .detailsInfo { width: 100%; background: #F5F5F5; padding: 40px; box-sizing: border-box; }

.activelistbody .content .detailsInfo .name { font-family: Alibaba PuHuiTi 2.0; font-size: 24px; font-weight: 500; line-height: normal; letter-spacing: 0em; font-variation-settings: "opsz" auto; font-feature-settings: "kern" on; color: #333333; margin-bottom: 24px; }

.activelistbody .content .detailsInfo .info { font-family: Alibaba PuHuiTi 2.0; font-size: 18px; font-weight: normal; line-height: 36px; letter-spacing: 0em; font-variation-settings: "opsz" auto; font-feature-settings: "kern" on; color: #333333; margin-bottom: 40px; }

.activelistbody .content .detailsInfo .img { width: 100%; }

.activelistbody .content .detailsInfo .img img { width: 100%; }

.activelistbody .content .newsLists { width: 100%; margin-top: 24px; margin-bottom: 40px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.activelistbody .content .newsLists .news { width: 100%; height: 73px; padding-left: 24px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1); cursor: pointer; }

.activelistbody .content .newsLists .news:last-child { border-bottom: none; }

.activelistbody .content .newsLists .news:hover { padding: 0 24px; background-color: #D3192B; }

.activelistbody .content .newsLists .news:hover .name { color: #fff; }

.activelistbody .content .newsLists .news:hover .time { display: none; }

.activelistbody .content .newsLists .news:hover a { display: block; color: #fff; opacity: .6; }

.activelistbody .content .newsLists .news .name { width: 750px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: Alibaba PuHuiTi 2.0; font-size: 18px; font-weight: 500; line-height: normal; letter-spacing: 0em; font-variation-settings: "opsz" auto; font-feature-settings: "kern" on; color: #333333; }

.activelistbody .content .newsLists .news .time { font-family: Alibaba PuHuiTi 2.0; font-size: 14px; font-weight: normal; line-height: normal; text-align: right; letter-spacing: 0em; font-variation-settings: "opsz" auto; font-feature-settings: "kern" on; color: #999999; }
.activelistbody .content .newsLists .news a { color: #000;display: block;}
.activelistbody .content .newsLists .news a .icon { font-size: 12px; }

.activelistbody .content .newsLists .news a:hover { color: #fff !important; opacity: 1; }

.activelistbody .content .Pagination { width: 100%; }

@media (max-width: 750px) { .activelistbody { transform: none; }
  .activelistbody .activetitle { box-sizing: border-box; padding-left: 20px;height: 2rem; }
  .activelistbody .activetitle .name { height: 100%;padding-left: 0.24rem;top: 0; padding-top: 0;}
  .activelistbody .activetitle .name .zh {font-size: 25px;}
  .activelistbody .activetitle .name .en {font-size: 14px;}
  .activelistbody .content { width: 100%; }
  .activelistbody .content .breadcrumbs { padding-left: .24rem; margin: .4rem 0; }
  .activelistbody .content .newsLists { width: 100%; }
  .activelistbody .content .newsLists .news { width: 100%; padding: .24rem; height: 1rem; }
  .activelistbody .content .newsLists .news .name { width: 75%; font-size: .28rem; } 
  .activelistbody .content .detailsInfo { padding: .4rem .24rem; }
  .activelistbody .content .detailsInfo .info { text-align: justify; margin-bottom: .4rem; font-size: .36rem; line-height: .72rem; }
  .activelistbody .content .detailsInfo .name { margin-bottom: .4rem; font-size: .48rem; }
  .activelistbody .content .newsLists .news a .know {display:none;}
  .activelistbody .content .newsLists .news .name a {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
}