#news-header {
  height: 58px;
  background-color: #000000 !important;
}
#news-header > .header-inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: calc(100% - 224px);
  margin: 0 auto;
  height: 100%;
}
#news-header .logo img {
  margin-top: -8px;
  width: 107px;
  height: 38px;
}
#news-header .back-icon {
  width: 30px;
  height: 30px;
}
#news-header .news-nav {
  margin-left: 24px !important;
  height: 100%;
}
#news-header .news-nav > ul {
  display: flex;
  justify-content: flex-start !important;
  align-items: center;
  height: 100%;
}
#news-header .news-nav > ul > li {
  margin-right: 40px !important;
}
#news-header .header-nav .nav .nLi:nth-last-of-type(1) {
  display: inline-block !important;
}
#news-header .news-nav > ul > li > a {
  color: #ffffff !important;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0.06em;
  color: #ffffff;
}
#news-header .news-nav > ul > li > a:hover {
  color: #f4a524 !important;
}

#news-header .news-nav .current-page {
  color: #f4a524 !important;
}
#banner {
  height: 3.125rem;
}
#banner > img {
  width: 100%;
  height: 3.125rem;
}

.swiper-pagination-bullet {
  width: 0.4167rem !important;
  height: 0.0417rem !important;
  border-radius: 0% !important;
  border: 0.0052rem solid #ffffff;
  background-color: transparent !important;
}
.swiper-pagination-bullet-active {
  background-color: #fff !important;
}
.swiper-slide > a > img {
  width: 10rem;
  height: 3.125rem;
}
#main > .news-list {
  margin-top: 0.5417rem;
  margin-bottom: 0.2917rem;
}
#main > .news-list > ul {
  width: 6.25rem;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#main > .news-list > ul > li {
  width: 3.0625rem;
  margin-bottom: 0.125rem;
  position: relative;
  display: none !important;
}
#main > .news-list > ul > .display-li {
  display: flex !important;
}
#main > .news-list > ul > .img-list-item {
  height: 1.9427rem;
}
#main > .news-list > ul > .img-list-item img {
  width: 3.0625rem;
  height: 1.9427rem;
}
#main > .news-list > ul > .img-list-item .title-div {
  width: 3.0625rem;
  height: 0.5625rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(29, 30, 31, 0.4);
  padding-top: 0.0833rem;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
#main > .news-list > ul > .img-list-item .title-div > .title {
  font-weight: 400;
  font-size: 32px;
  line-height: 42px;
  letter-spacing: 0.06em;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#main > .news-list > ul > .img-list-item .title-div > .subtitle {
  margin-top: 0.0417rem;
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.06em;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#main > .news-list > ul > .font-list-item {
  height: 0.6094rem;
  background: #f1f1f1;
  padding: 0.2083rem 0.125rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#main > .news-list > ul > .font-list-item > .brief-overview {
  font-weight: 400;
  font-size: 0.1458rem;
  line-height: 0.1927rem;
  letter-spacing: 0.06em;
  color: #63616a;
  width: 2.1875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#main > .news-list > ul > .font-list-item > .view-details {
  display: inline-block;
  padding: 0.0417rem 0.0833rem;
  font-weight: 400;
  font-size: 0.0833rem;
  line-height: 0.1094rem;
  letter-spacing: 0.06em;
  color: #63616a;
  border: 0.0052rem solid #63616a;
}
#main > .news-list > ul > .font-list-item > .view-details:hover {
  cursor: pointer;
}

#main > .news-list > #toggle-page {
  text-align: center;
  margin-top: 0.3333rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
#main > .news-list > #toggle-page .prev-page:hover {
  cursor: pointer;
}
#main > .news-list > #toggle-page .next-page:hover {
  cursor: pointer;
}
#main > .news-list > #toggle-page > .page-num {
  margin: 0 0.0625rem;
  font-weight: 400;
  font-size: 0.0833rem;
  line-height: 0.1094rem;
  letter-spacing: 0.06em;
  color: #afb2b8;
}
#main > .news-list > #toggle-page > .page-num:hover {
  cursor: pointer;
}
#main > .news-list > #toggle-page > .current {
  color: #1d1e1f;
}

/* 详情页头部 */
#main > .top-nav {
  padding-top: 0.6354rem;
  padding-left: 1.875rem;
}
#main > .top-nav > a,
#main > .top-nav > span {
  font-weight: 400;
  font-size: 0.0833rem;
  line-height: 0.1094rem;
  letter-spacing: 0.06em;
  color: #63616a;
}
#main > .top-nav > a:hover {
  text-decoration: underline;
}
#main > .top-nav > img {
  margin: 0.0417rem;
  width: 0.0677rem;
  height: 20px;
  margin-top: 0.0104rem;
}
/* 详情页 */
#main > .common-main-content {
  padding: 0.2083rem 1.875rem 0.4167rem 1.875rem;
  display: flex;
}
#main > .common-main-content > .common-main-content-left {
  width: 3.9844rem;
  text-align: center;
}
#main > .common-main-content > .common-main-content-left > .common-title {
  font-weight: 400;
  font-size: 0.2083rem;
  line-height: 0.276rem;
  letter-spacing: 0.06em;
  color: #1d1e1f;
  text-align: left;
}
#main > .common-main-content > .common-main-content-left > .common-time {
  font-weight: 400;
  font-size: 0.0833rem;
  line-height: 0.1094rem;
  letter-spacing: 0.06em;
  color: #afb2b8;
  margin-top: 0.0833rem;
  text-align: left;
}
#main > .common-main-content > .common-main-content-left > .common-subtitle {
  font-weight: 400;
  font-size: 0.125rem;
  line-height: 32px;
  letter-spacing: 0.06em;
  color: #63616a;
  margin-top: 0.0833rem;
  text-align: left;
}
#main > .common-main-content > .common-main-content-left > .news-content,
#main > .common-main-content > .common-main-content-left > .knowledge-content {
  margin-top: 0.2083rem;
}
#main > .common-main-content > .common-main-content-left > .news-content > p,
#main
  > .common-main-content
  > .common-main-content-left
  > .knowledge-content
  > p {
  width: 3.9844rem;
  text-align: left;
  font-weight: 400;
  font-size: 0.0729rem;
  line-height: 0.125rem;
  letter-spacing: 0.06em;
  color: #63616a;
  margin-bottom: 0.125rem;
}
#main
  > .common-main-content
  > .common-main-content-left
  > .news-content
  > .bold-title {
  font-weight: bold;
}
#main > .common-main-content > .common-main-content-left > .news-content > img,
#main
  > .common-main-content
  > .common-main-content-left
  > .knowledge-content
  > img {
  display: block;
  /* margin: 0 auto; */
}
#main
  > .common-main-content
  > .common-main-content-left
  > .news-content
  > .topic-title,
#main
  > .common-main-content
  > .common-main-content-left
  > .news-content
  > .topic-content {
  color: #ff6827;
}
#main
  > .common-main-content
  > .common-main-content-left
  > .news-content
  > .topic-title {
  margin-top: 0.2083rem;
  font-weight: 700;
}
#main
  > .common-main-content
  > .common-main-content-left
  > .news-content
  > .small-pic-intro {
  font-weight: 400;
  font-size: 0.0729rem;
  line-height: 0.125rem;
  letter-spacing: 0.06em;
  color: #63616a;
}
#main
  > .common-main-content
  > .common-main-content-left
  > .news-content
  > .small-title {
  text-align: left;
  font-weight: 400;
  font-size: 0.0729rem;
  line-height: 0.125rem;
  letter-spacing: 0.06em;
  color: #63616a;
  padding-left: 20px;
}
#main
  > .common-main-content
  > .common-main-content-left
  > .knowledge-content
  > .blue-title {
  color: #0078a7;
  font-weight: bold;
}
#main
  > .common-main-content
  > .common-main-content-left
  > .knowledge-content
  > .code {
  background: #2f3640;
  color: #e6e9ed;
  padding: 0.0417rem;
}
#main > .common-main-content > .common-main-content-left .fabulous {
  display: inline-block;
  width: 0.5625rem;
  height: 26px;
  font-weight: 400;
  font-size: 0.0729rem;
  line-height: 0.0938rem;
  letter-spacing: 0.06em;
  color: #f4a524;
  text-align: center;
  margin-top: 0.2917rem;
  border: 0.0052rem solid #f4a524;
  padding: 0.0156rem 0;
}
#main > .common-main-content > .common-main-content-left .fabulous > img {
  width: 0.0833rem;
  height: 0.0938rem;
  margin-right: 0.0625rem;
  margin-top: -0.0208rem;
}

#main > .common-main-content > .common-main-content-right {
  width: 1.849rem;
  margin-left: 0.4167rem;
  padding-top: 0.2344rem;
}
#main > .common-main-content > .common-main-content-right > a > img {
  width: 1.849rem;
  height: 0.9948rem;
}
#main > .common-main-content > .common-main-content-right > .new-news {
  margin-top: 0.2083rem;
  display: flex;
  align-items: center;
}
#main > .common-main-content > .common-main-content-right > .new-news > img {
  width: 0.125rem;
  height: 0.125rem;
}
#main > .common-main-content > .common-main-content-right > .new-news > span {
  font-weight: 400;
  font-size: 0.0729rem;
  line-height: 0.0938rem;
  letter-spacing: 0.06em;
  color: #f4a524;
  margin-left: 0.0417rem;
}
#main > .common-main-content > .common-main-content-right > ul {
  margin-top: 0.0573rem;
  width: 1.849rem;
}
#main > .common-main-content > .common-main-content-right > ul > li {
  width: 1.849rem;
  /* padding: 0.0417rem; */
  padding-left: 0.0417rem;
  background: #ffffff;
  box-shadow: 0px 0px 0.0521rem rgba(0, 0, 0, 0.1);
}
#main > .common-main-content > .common-main-content-right > ul > li > img {
  width: 1.7656rem;
  height: 0.9635rem;
}
#main
  > .common-main-content
  > .common-main-content-right
  > ul
  > li
  > .title-and-time {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.0417rem;
  padding-left: 0;
}
#main
  > .common-main-content
  > .common-main-content-right
  > ul
  > li
  > .title-and-time
  > .news-outline-title {
  width: 0.9375rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#main
  > .common-main-content
  > .common-main-content-right
  > ul
  > li
  > .title-and-time
  > span {
  font-weight: 400;
  font-size: 0.0833rem;
  line-height: 0.1094rem;
  letter-spacing: 0.06em;
  color: #63616a;
}
/* 行业知识 */
#main > .knowledge-main-content {
  padding: 0.3958rem 1.875rem 0.4167rem 1.875rem;
  display: flex;
}
#main > .knowledge-main-content > .knowledge-main-content-left {
  width: 3.9844rem;
}
#main > .knowledge-main-content > .knowledge-main-content-left > img {
  width: 3.9844rem;
  height: 1.4844rem;
}
#main > .knowledge-main-content > .knowledge-main-content-left > .img-list {
  margin-top: 0.125rem;
  width: 3.9844rem;
  display: flex;
  justify-content: space-between;
}
#main
  > .common-main-content
  > .common-main-content-left
  > .knowledge-content
  > .big-title {
  font-size: 20px !important;
  font-weight: bold !important;
  color: #1d1e1f !important;
}
#main
  > .knowledge-main-content
  > .knowledge-main-content-left
  > .img-list
  > li {
  width: 1.2448rem;
  height: 0.8073rem;
  position: relative;
}
#main
  > .knowledge-main-content
  > .knowledge-main-content-left
  > .img-list
  > li
  img {
  width: 1.2448rem;
  height: 0.8073rem;
}
#main
  > .knowledge-main-content
  > .knowledge-main-content-left
  > .img-list
  > li
  .subtitle-div {
  position: absolute;
  bottom: 0;
  left: 0;
  font-weight: 400;
  font-size: 0.0833rem;
  line-height: 0.1094rem;
  letter-spacing: 0.06em;
  color: #ffffff;
  width: 1.2448rem;
  height: 0.276rem;
  padding: 0.0833rem;
  background-color: rgba(29, 30, 31, 0.4);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#main
  > .knowledge-main-content
  > .knowledge-main-content-left
  > .img-intro-list {
  margin-top: 0.125rem;
}
#main
  > .knowledge-main-content
  > .knowledge-main-content-left
  > .img-intro-list
  li {
  width: 3.9844rem;
  height: 0.7708rem;
  padding: 0.0833rem;
  padding-left: 0.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px 0px 0.0521rem rgba(0, 0, 0, 0.1);
}
#main
  > .knowledge-main-content
  > .knowledge-main-content-left
  > .img-intro-list
  li:hover {
  cursor: pointer;
}
#main
  > .knowledge-main-content
  > .knowledge-main-content-left
  > .img-intro-list
  li:nth-of-type(odd) {
  background-color: #ffffff;
}
#main
  > .knowledge-main-content
  > .knowledge-main-content-left
  > .img-intro-list
  li:nth-of-type(even) {
  background-color: #f7f7f7;
}
#main
  > .knowledge-main-content
  > .knowledge-main-content-left
  > .img-intro-list
  li
  > img {
  width: 1.1198rem;
  height: 0.6042rem;
}
#main
  > .knowledge-main-content
  > .knowledge-main-content-left
  > .img-intro-list
  li
  > .intro
  > h3 {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.06em;
  color: #1d1e1f;
}
#main
  > .knowledge-main-content
  > .knowledge-main-content-left
  > .img-intro-list
  li
  > .intro
  > p {
  font-weight: 400;
  font-size: 0.0729rem;
  line-height: 0.0938rem;
  letter-spacing: 0.06em;
  color: #63616a;
  margin-top: 0.0833rem;
}
#main
  > .knowledge-main-content
  > .knowledge-main-content-left
  > .img-intro-list
  li
  > .intro
  > .time {
  font-weight: 400;
  font-size: 0.0625rem;
  line-height: 0.0833rem;
  letter-spacing: 0.06em;
  color: #63616a;
  margin-top: 0.125rem;
}
#main
  > .knowledge-main-content
  > .knowledge-main-content-left
  > .img-intro-list
  > .show-and-hidden {
  display: none;
}
#main
  > .knowledge-main-content
  > .knowledge-main-content-left
  > .img-intro-list-more {
  background-color: #f7f7f7;
  text-align: center;
  padding: 0.0417rem 0;
  font-weight: 400;
  font-size: 0.0729rem;
  line-height: 0.0938rem;
  letter-spacing: 0.06em;
  color: #63616a;
  margin-top: 20px;
}
#main
  > .knowledge-main-content
  > .knowledge-main-content-left
  > .img-intro-list-more:hover {
  cursor: pointer;
  color: #f4a524;
}
#main > .knowledge-main-content > .knowledge-main-content-right {
  width: 1.849rem;
  margin-left: 0.4167rem;
}
#main
  > .knowledge-main-content
  > .knowledge-main-content-right
  > .search-input {
  width: 1.849rem;
  height: 0.2813rem;
  border: 0.0104rem solid #f4a524;
  margin-bottom: 0.2083rem;
  position: relative;
}
#main
  > .knowledge-main-content
  > .knowledge-main-content-right
  > .search-input
  > input {
  width: 100%;
  height: 100%;
  padding: 0.0833rem 0;
  padding-left: 0.099rem;
  font-weight: 400;
  font-size: 0.0833rem;
  line-height: 0.1094rem;
  letter-spacing: 0.06em;
  color: #63616a;
}
#main
  > .knowledge-main-content
  > .knowledge-main-content-right
  > .search-input
  > input::placeholder {
  color: rgba(175, 178, 178, 0.8);
}
#main
  > .knowledge-main-content
  > .knowledge-main-content-right
  > .search-input
  > .search-icon {
  position: absolute;
  right: -0.0052rem;
  top: -0.0052rem;
  width: 0.3542rem;
  height: 0.276rem;
  background: #f4a524;
  text-align: center;
}
#main
  > .knowledge-main-content
  > .knowledge-main-content-right
  > .search-input
  > .search-icon:hover {
  cursor: pointer;
}
#main
  > .knowledge-main-content
  > .knowledge-main-content-right
  > .search-input
  > .search-icon
  > img {
  width: 0.1875rem;
  height: 0.1875rem;
  margin-top: 0.0417rem;
}
#main > .knowledge-main-content > .knowledge-main-content-right > img {
  width: 1.849rem;
  height: 0.9948rem;
}
#main > .knowledge-main-content > .knowledge-main-content-right > .new-news {
  margin-top: 0.2083rem;
  display: flex;
  align-items: center;
}
#main
  > .knowledge-main-content
  > .knowledge-main-content-right
  > .new-news
  > img {
  width: 0.125rem;
  height: 0.125rem;
}
#main
  > .knowledge-main-content
  > .knowledge-main-content-right
  > .new-news
  > span {
  font-weight: 400;
  font-size: 0.0729rem;
  line-height: 0.0938rem;
  letter-spacing: 0.06em;
  color: #f4a524;
  margin-left: 0.0417rem;
}
#main > .knowledge-main-content > .knowledge-main-content-right > ul {
  margin-top: 0.0573rem;
  width: 1.849rem;
}
#main > .knowledge-main-content > .knowledge-main-content-right > ul > li {
  width: 1.849rem;
  /* padding: 0.0417rem; */
  padding-left: 0.0417rem;
  background: #ffffff;
  box-shadow: 0px 0px 0.0521rem rgba(0, 0, 0, 0.1);
}
#main
  > .knowledge-main-content
  > .knowledge-main-content-right
  > ul
  > li
  > img {
  width: 1.7656rem;
  height: 0.9635rem;
}
#main
  > .knowledge-main-content
  > .knowledge-main-content-right
  > ul
  > li
  > .title-and-time {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.0417rem;
  padding-left: 0;
}
#main
  > .knowledge-main-content
  > .knowledge-main-content-right
  > ul
  > li
  > .title-and-time
  > span {
  font-weight: 400;
  font-size: 0.0833rem;
  line-height: 0.1094rem;
  letter-spacing: 0.06em;
  color: #63616a;
}
/* 视频 */
#main > .video-and-swiper {
  padding-top: 104px;
  padding-bottom: 48px;
  background-color: #f5f5f5;
}
#main > .video-and-swiper > .video-and-swiper-inner {
  position: relative;
}
#main > .video-and-swiper > .video-and-swiper-inner > .pic-and-info {
  width: calc(100% - 64px);
  max-width: 1056px;
  margin: 0 auto;
  display: flex;
  align-items: flex-end;
  margin-bottom: 56px;
}
#main > .video-and-swiper > .video-and-swiper-inner > .pic-and-info > .pic {
  position: relative;
  margin-right: 40px;
}
#main
  > .video-and-swiper
  > .video-and-swiper-inner
  > .pic-and-info
  > .info
  > h3 {
  font-weight: 400;
  font-size: 32px;
  line-height: 42px;
  letter-spacing: 0.03em;
  color: #1d1e1f;
}
#main
  > .video-and-swiper
  > .video-and-swiper-inner
  > .pic-and-info
  > .info
   .video-time {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.06em;
  color: #828287;
  margin: 32px 0;
}
#main
  > .video-and-swiper
  > .video-and-swiper-inner
  > .pic-and-info
  > .info
   .video-intro {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.06em;
  color: #63616a;
}
#main > .video-and-swiper .swiper-wrap {
  position: relative;
  width: calc(100% - 64px);
  max-width: 1200px;
  margin: 0 auto;
}
#main > .video-and-swiper .swiper-container {
  max-width: 1056px;
  margin: 0 auto;
  position: initial !important;
}
#main > .video-and-swiper .swiper-slide {
  width: 19% !important;
  margin-right: 1%;
}
#main > .video-and-swiper .swiper-slide img {
  width: 100%;
  height: 135px;
}
#main > .video-and-swiper .swiper-button-prev,
#main > .video-and-swiper .swiper-button-next {
  width: 40px !important;
  height: 40px !important;
  background-size: 40px 40px !important;
  margin-top: -52px !important;
}
#main > .video-and-swiper .swiper-button-prev {
  background-image: url(../../img/icon-left.png) !important;
  left: 0;
}
#main > .video-and-swiper .swiper-button-next {
  background-image: url(../../img/icon-right.png) !important;
  right: 0;
}
#main .video-list {
  padding-top: 64px;
  padding-bottom: 80px;
}
#main .video-list > .video > .video-container {
  width: calc(100% - 64px);
  max-width: 1056px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#main .video-list > .video > .video-container > .video-list-item {
  width: 33%;
  margin-bottom: 24px;
}
#main .video-list > .video > .video-container > .video-list-item > .img-wrap {
  width: 100%;
}
#main
  .video-list
  > .video
  > .video-container
  > .video-list-item
  > .img-wrap
  > img {
  width: 100%;
  height: 230px;
}
.icon-player {
  width: 38px !important;
  height: 38px !important;
  margin-left: -19px !important;
  margin-top: -19px !important;
}
.list-icon-player {
  width: 60px !important;
  height: 60px !important;
  margin-left: -30px !important;
  margin-top: -30px !important;
}

/* #main .video-list > ul {
  width: 6.25rem;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
#main .video-list > ul > li {
  width: 2rem;
  position: relative;
  margin-bottom: 0.125rem;
  display: none;
  margin-right: 0.125rem;
}
#main .video-list > ul > .toggle-li:nth-last-of-type(3n) {
  margin-right: 0;
}
#main .video-list > ul > .display-li {
  display: inline-block;
}
#main .video-list > ul > li > .video-img {
  width: 2rem;
  height: 1.2969rem;
}
#main .video-list > ul > li > .player {
  position: absolute;
  left: 0.8281rem;
  top: 0.4792rem;
  width: 0.3438rem;
  height: 0.3438rem;
}
#main .video-list > ul > li > div {
  width: 100%;
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.06em;
  color: #1d1e1f;
  margin-top: 0.0833rem;
  margin-bottom: 0.0417rem;
}
#main .video-list > ul > li > p {
  width: 100%;
  font-weight: 400;
  font-size: 0.0729rem;
  line-height: 0.0938rem;
  letter-spacing: 0.06em;
  color: #63616a;
} */

#main .video-list #toggle-page {
  text-align: center;
  margin-top: 0.3333rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
#main .video-list #toggle-page .prev-page:hover {
  cursor: pointer;
}
#main .video-list #toggle-page .next-page:hover {
  cursor: pointer;
}
#main .video-list #toggle-page > .page-num {
  margin: 0 0.0625rem;
  font-weight: 400;
  font-size: 0.0833rem;
  line-height: 0.1094rem;
  letter-spacing: 0.06em;
  color: #afb2b8;
}
#main .video-list #toggle-page > .page-num:hover {
  cursor: pointer;
}
#main .video-list #toggle-page > .current {
  color: #1d1e1f;
}
/* 活动 */
#main > .activity-main-content {
  padding: 0.4167rem 1.875rem;
}
#main > .activity-main-content > .activity-tab-menu {
  height: 0.3594rem;
  background-color: #f5f5f5;
  padding: 0.125rem;
  padding-left: 0.2083rem;
}
#main > .activity-main-content > .activity-tab-menu > span {
  font-weight: 400;
  font-size: 0.0833rem;
  line-height: 0.1094rem;
  letter-spacing: 0.06em;
  color: #1d1e1f;
  margin-right: 0.4583rem;
}
#main > .activity-main-content > .activity-tab-menu > span:hover {
  cursor: pointer;
  color: #f4a524;
}
#main > .activity-main-content > .activity-tab-menu > .current-tab {
  font-weight: 400;
  font-size: 0.0833rem;
  line-height: 0.1094rem;
  letter-spacing: 0.06em;
  color: #f4a524;
}
#main > .activity-main-content > ul {
  width: 6.25rem;
  margin: 0 auto;
}
#main > .activity-main-content > ul > li {
  margin-top: 32px;
  display: flex;
  background: #f5f5f5;
}
#main > .activity-main-content > ul > li > img {
  width: 4.6667rem;
  height: 1.9323rem;
}
#main > .activity-main-content > ul > li > div {
  padding-top: 0.2083rem;
  padding-left: 32px;
}
#main > .activity-main-content > ul > li > div > h3 {
  font-weight: 400;
  font-size: 0.1458rem;
  line-height: 0.1927rem;
  letter-spacing: 0.06em;
  color: #1d1e1f;
}
#main > .activity-main-content > ul > li > div > .activity-status {
  display: inline-block;
  font-weight: 400;
  font-size: 0.0729rem;
  line-height: 0.0938rem;
  letter-spacing: 0.06em;
  color: #828287;
  border: 0.0052rem solid #828287;
  padding: 0.0104rem 0.0417rem;
  margin-top: 0.125rem;
}
#main > .activity-main-content > ul > li > div > p {
  font-weight: 400;
  font-size: 0.0625rem;
  line-height: 0.0833rem;
  letter-spacing: 0.06em;
  color: #63616a;
  margin-top: 0.125rem;
}
#main > .activity-main-content > ul > li > div > .view-details {
  font-weight: 400;
  font-size: 0.0833rem;
  line-height: 0.1094rem;
  letter-spacing: 0.06em;
  color: #63616a;
  display: inline-block;
  padding: 0.0417rem 0.0833rem;
  border: 0.0052rem solid #63616a;
  margin-top: 0.724rem;
}
/* 图片大小公共类 */
/* width */
.w284 {
  width: 1.4792rem;
}
.w325 {
  width: 1.6927rem;
}
.w400 {
  width: 2.0833rem;
}
.w402 {
  width: 2.0938rem;
}
.w406 {
  width: 2.1146rem;
}
.w450 {
  width: 2.3438rem;
}
.w457 {
  width: 2.3802rem;
}
.w496 {
  width: 2.5833rem;
}
.w500 {
  width: 2.6042rem;
}
.w512 {
  width: 2.6667rem;
}
.w564 {
  width: 2.9375rem;
}
.w576 {
  width: 3rem;
}

.w580 {
  width: 3.0208rem;
}
.w591 {
  width: 3.0781rem;
}
.w594 {
  width: 3.0938rem;
}
.w600 {
  width: 3.125rem;
}
.w622 {
  width: 3.2396rem;
}
.w640 {
  width: 3.3333rem;
}
.w664 {
  width: 3.4583rem;
}
.w721 {
  width: 3.7552rem;
}
.w738 {
  width: 3.8438rem;
}
.w750 {
  width: 3.9063rem;
}
.w753 {
  width: 3.9219rem;
}
.w800 {
  width: 4.1667rem;
}
.w984 {
  width: 5.125rem;
}
/* height */
.h73 {
  height: 0.3802rem;
}
.h103 {
  height: 0.5365rem;
}
.h187 {
  height: 0.974rem;
}
.h213 {
  height: 1.1094rem;
}
.h224 {
  height: 1.1667rem;
}
.h234 {
  height: 1.2188rem;
}

.h244 {
  height: 1.2708rem;
}
.h249 {
  height: 1.2969rem;
}
.h254 {
  height: 1.3229rem;
}
.h264 {
  height: 1.375rem;
}
.h267 {
  height: 1.3906rem;
}
.h268 {
  height: 1.3958rem;
}
.h270 {
  height: 1.4063rem;
}
.h274 {
  height: 1.4271rem;
}
.h275 {
  height: 1.4323rem;
}
.h277 {
  height: 1.4427rem;
}
.h295 {
  height: 1.5365rem;
}
.h305 {
  height: 1.5885rem;
}
.h321 {
  height: 1.6719rem;
}
.h324 {
  height: 1.6875rem;
}
.h326 {
  height: 1.6979rem;
}
.h330 {
  height: 1.7188rem;
}
.h336 {
  height: 1.75rem;
}
.h338 {
  height: 1.7604rem;
}
.h342 {
  height: 1.7813rem;
}
.h343 {
  height: 1.7865rem;
}
.h344 {
  height: 1.7917rem;
}
.h352 {
  height: 1.8333rem;
}
.h367 {
  height: 1.9115rem;
}
.h371 {
  height: 1.9323rem;
}
.h375 {
  height: 1.9531rem;
}
.h384 {
  height: 2rem;
}
.h385 {
  height: 2.0052rem;
}
.h398 {
  height: 2.0729rem;
}
.h400 {
  height: 2.0833rem;
}
.h421 {
  height: 2.1927rem;
}
.h431 {
  height: 2.2448rem;
}
.h440 {
  height: 2.2917rem;
}
.h448 {
  height: 2.3333rem;
}
.h456 {
  height: 2.375rem;
}
.h468 {
  height: 2.4375rem;
}
.h501 {
  height: 2.6094rem;
}
.h512 {
  height: 2.6667rem;
}
.h524 {
  height: 2.7292rem;
}
.h540 {
  height: 2.8125rem;
}
.h570 {
  height: 2.9688rem;
}
.h573 {
  height: 2.9844rem;
}
.h590 {
  height: 3.0729rem;
}
.h605 {
  height: 3.151rem;
}
.h617 {
  height: 3.2135rem;
}
.h626 {
  height: 3.2604rem;
}
.h650 {
  height: 3.3854rem;
}
.h657 {
  height: 3.4219rem;
}
.h661 {
  height: 3.4427rem;
}
.h664 {
  height: 3.4583rem;
}
.h675 {
  height: 3.5156rem;
}
.h683 {
  height: 3.5573rem;
}
.h688 {
  height: 3.5833rem;
}
.h692 {
  height: 3.6042rem;
}
.h707 {
  height: 3.6823rem;
}
.h709 {
  height: 3.6927rem;
}
.h720 {
  height: 3.75rem;
}
.h722 {
  height: 3.7604rem;
}
.h750 {
  height: 3.9063rem;
}
.h773 {
  height: 4.026rem;
}
.h780 {
  height: 4.0625rem;
}
.h782 {
  height: 4.0729rem;
}
.h790 {
  height: 4.1146rem;
}
.h800 {
  height: 4.1667rem;
}
.h820 {
  height: 4.2708rem;
}
.h825 {
  height: 4.2969rem;
}
.h840 {
  height: 4.375rem;
}
.h869 {
  height: 4.526rem;
}
.h879 {
  height: 4.5781rem;
}
.h882 {
  height: 4.5938rem;
}
.h888 {
  height: 4.625rem;
}
.h981 {
  height: 5.1094rem;
}
.h906 {
  height: 4.7188rem;
}
.h963 {
  height: 5.0156rem;
}
.h983 {
  height: 5.1198rem;
}
.h1015 {
  height: 5.2865rem;
}
.h1070 {
  height: 5.5729rem;
}
.h1080 {
  height: 5.625rem;
}
.h1111 {
  height: 5.7865rem;
}
.h1125 {
  height: 5.8594rem;
}
.h1156 {
  height: 6.0208rem;
}
.h1164 {
  height: 6.0625rem;
}
.h1191 {
  height: 6.2031rem;
}
.h1200 {
  height: 6.25rem;
}
.h1226 {
  height: 6.3854rem;
}
.h1240 {
  height: 6.4583rem;
}
.h1258 {
  height: 6.5521rem;
}
.h1278 {
  height: 6.6563rem;
}
.h1448 {
  height: 7.5417rem;
}
.h1453 {
  height: 7.5677rem;
}
.h1753 {
  height: 9.1302rem;
}
.h2136 {
  height: 11.125rem;
}
.h2242 {
  height: 11.6771rem;
}
/* color */
.fc-fe9846 {
  color: #fe9846 !important;
}
.fc-ffa966 {
  color: #ffa966 !important;
}
.fc-f79646 {
  color: #f79646 !important;
}

/* text */
.fw-bold {
  font-weight: bold;
}
.tx-center {
  text-align: center !important;
}
.tx-decoration {
  text-decoration: underline !important;
}
/* 其他 */
.arrow-down {
  color: #ffc000;
  margin: 0.0417rem;
}
.bg-f4f5f6 {
  background-color: #f4f5f6 !important;
}

/* 移动端 */
.mobile-news-nav {
  height: 42px;
}
.mobile-news-nav ul {
  display: flex;
  width: calc(100% - 64px);
  margin: 0 auto;
  max-width: 1200px;
}
.mobile-news-nav ul li {
  margin-right: 16px;
}
.mobile-news-nav ul li a {
  display: inline-block;
  font-weight: 400;
  font-size: 20px;
  line-height: 40px;
  letter-spacing: 0.06em;
  color: #afb2b8;
  box-sizing: border-box;
}
.mobile-news-nav ul li .current-news-page {
  color: #f4a524;
  border-bottom: 2px solid #f4a524;
}
.mobile-news-nav ul li a:hover {
  color: #f4a524;
}

.mobile-swiper-wrap {
  display: none;
  width: calc(100% - 32px);
  max-width: 392px;
  margin: 0 auto;
  margin-top: 24px;
}

.mobile-swiper-wrap > .mobile-swiper-slide {
  margin-bottom: 16px;
}
.mobile-swiper-wrap > .mobile-swiper-slide  .img-wrap,
.mobile-swiper-wrap > .mobile-swiper-slide  .img-wrap img{
  width: 100%;
}
.mobile-swiper-wrap > .mobile-swiper-slide  .img-wrap .icon-player{
  width: 48px;
  height: 48px;
  margin-left: -24px;
  margin-top: -24px;
}