* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body.no-scroll {
  overflow-y: hidden;
}

a {
  text-decoration: none;
}

.main {
  position: relative;
}

.content {
  position: relative;
  width: 15.64rem;
  margin: 0 auto;
  padding: 1rem 0 1.2rem;
}

/* 问题 */
.content>.title {
  position: relative;
  margin-bottom: .5rem;
  text-align: left;
}

.content>.title .title-ZH {
  font-size: .46rem;
  line-height: .65rem;
  font-weight: 600;
  color: #FFF;
}

.content>.title .title-EN {
  margin-top: .08rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: .36rem;
  line-height: .42rem;
  font-weight: 500;
  color: transparent;
  background: linear-gradient(90deg, #00FCFF 0%, #FCFE4D 100%);
  background-clip: text;
  -webkit-background-clip: text;
}

/* 白色配景问题 */
.content>.title.white-bg .title-EN {
  color: #002AFF;
  opacity: .09;
}

.content>.title.white-bg .title-ZH {
  color: #002AFF;
}

.component-blue {
  background: linear-gradient(90deg, #0751E6 0%, #0C4BD1 100%);
}

.component-black {
  background: #020418;
}

.content .title .anchor {
  padding-top: 1.9rem;
}

.swiper-slide {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

/* 审查更多 */
.content .title .more {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: .18rem;
  color: #fff;
  line-height: .25rem;
  font-weight: 400;
  padding-right: 0.37rem;
}


@media screen and (min-width: 769px) {
  .content .title .more::after{
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 0.27rem;
    height: 0.16rem;
    background: url('/static/topic_template/template_lanmaobei/images/more-arrow.png') no-repeat center;
    background-size: cover;
    transition: all .3s ease-in-out;
  }

  .content .title .more:hover::after{
    -webkit-transform: translateX(50%) translateY(-50%);
            transform: translateX(50%) translateY(-50%);
  }

  .content .more-mobile {
    display: none;
  }
}

@media screen and (max-width: 768px) {

  html,
  body {
    width: 100%;
    overflow-x: hidden;
  }

  .content {
    width: 7.08rem;
    padding: 1rem 0;
  }

  /* 问题 */
  .content>.title {
    text-align: left;
  }

  .content>.title .title-ZH {
    font-size: .5rem;
    line-height: .7rem;
  }

  .content>.title .title-EN {
    margin-top: .07rem;
    /* width: fit-content; */
  }

  /* 审查更多 */
  .content .title .more {
    font-size: 0.3rem;
    padding-right: 0;
    color: #fff;
    line-height: .42rem;
  }
}
.navigation {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
  height: 1.1rem;
  background: #0C1289;
}

.navigation.top {
  background: rgba(48, 113, 255, 0.2);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}

.navigation .content {
  position: relative;
  padding: 0;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
}

.navigation .logo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
}

.navigation .logo img {
  width: auto;
  height: .63rem;
  display: block;
}

.navigation .nav-wrap{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-left: 2.08rem;
  -ms-flex:1;
      flex:1;
}

.navigation .nav {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
}

.navigation .nav a {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-align: center;
      align-items: center;
  font-size: .18rem;
  font-weight: 400;
  color: #FFFFFF;
  margin-right: .44rem;
}

.navigation .nav a:hover {
  color: #00FCFF;
}

.navigation .nav a:last-child {
  margin-right: 0;
}

.navigation .nav-bottons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
}

.navigation .special {
  background: linear-gradient(90deg, #0751E6 0%, #0C4BD1 100%); 
  height: .44rem;
  line-height: .44rem;
  padding: 0 .22rem;
  font-size: .18rem;
  font-weight: 400;
  color: #FFFFFF;
}

.navigation .special:hover {
  background: #3CB8FF;
}

.navigation .nav-botton {
  display: none;
}

.navigation-bg-cover {
  display: none;
}

@media screen and (max-width: 768px) {
  .navigation {
    background: linear-gradient(90deg, #0751E6 0%, #0C4BD1 100%);
  }
  .navigation .logo img {
    width: auto;
    height: .8rem;
  }

  .navigation .nav-wrap {
    position: absolute;
    left: -5%;
    top: 1.1rem;
    width: 110%;
    margin-left: 0;
    display: none;
    z-index: 22;
    background: #000;
    padding-bottom: 1.05rem;
  }

  .navigation .nav{
    display: block;
  }

  .navigation .nav a {
    display: block;
    height: 1rem;
    line-height: 1rem;
    font-size: .3rem;
    font-weight: 400;
    color: #fff;
    padding-left: .32rem;
    margin-right: 0;
    border-bottom: 0.01rem solid rgba(230, 230, 230, 0.2);
  }


  .navigation .special {
    height: 0.8rem;
    line-height: 0.8rem;
    width: 4.4rem;
    text-align: center;
    font-size: .28rem;
    display: block;
    margin: 0 auto;
    margin-top: 0.6rem;
  }

  .navigation .nav-botton {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    display: block;
    width: .32rem;
    height: .31rem;
    padding: .025rem .035rem;
    background: url(/static/topic_template/template_lanmaobei/images/nav-botton.png) no-repeat center center;
    background-size: .32rem .31rem;
    margin-left: .24rem;
  }

  .navigation-bg-cover {
    display: none;
    background: #000;
    opacity: .5;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
  }

  .navigation.trend .nav-wrap {
    display: block;
  }

  .navigation.trend {
    background: linear-gradient(90deg, #0751E6 0%, #0C4BD1 100%);
  }

  .navigation.trend .nav-botton {
    width: .32rem;
    height: .32rem;
    background: url(/static/topic_template/template_lanmaobei/images/nav-close.png) no-repeat 0 0;
    background-size: 100% 100%
  }

}
.banner {
  position: relative;
  zoom: 1;
}

.banner .item {
  position: relative;
}

.banner .item .bg {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.banner .item .video-player {
  width: .89rem;
  height: .89rem;
  background-image: url('/static/topic_template/template_lanmaobei/images/play-icon.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.banner .item .video-player:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAACIJJREFUaEPFWgtsFNUa/ma229fSlpYWsN5brZCIImBiLhd7FfWCb9GioGJ5aBSIyL2S8IiXqBS9aQyUBBUxgEYFCmpRKhI1CiqoFTE+CqJwAxaqFrCF9na7z+7MmH9m/t3TYbs7s7Q4ycnMzs7uft//fec//zlnJfTuIQGgxgdfa8I9uhZfnxUC8cdS+SIGTGfZBC/eEwkwcD6rJpGzIpQqAQZMoGUUXepG5RsjkV88BumZwyG7SiG7CiFJHj0qmuaDqrRCVRoRDh5AW/MeVN6zDy0/dgEgItwcK+OUgAg8DY9vLcZl/6xAZtYEQB4ck1Dr4XslAaB6AsHAu/jh4xr8d2IzgEgqROwSYFtQxNMw54UijK14FJnZdwKyG9AkaKoEzQTOZ6spJZMAnSVZA+i12oWg/23srnkWqx9pEYjYspYdAhx1FwA31h25HYV/XQxJyo+C1gHHAc9EGDgRil4TCW6yBk1rQ+svVZg5ZBsAspZiKpLQVskIMPg0jLgqG4vffQJZOZOhKbIebQYevdb9nvg7u6lACohEXCoC3lpUTXga+z/3W9SIm2QS/Ri9R1FPw7gpeZi1diUyMq+GaoKniKsqWcoEbQFuJSKqoH/IBE6XsqxGX8suFaHgZ1g7ax52bv6/SYLUiKtETwQ48m4MG+3B0p2rYuDVWPR7so6dhBzXSnrfUMEkloybi4N7faalOO12+/Z4BGK2ATJR07oU2TmTjWibUT8b4D11bFaE1aCz31uLisIlAII92SkeASPTEPjnGspRcmkVlIjrDPDJvG5HBfEZXRHTVkzClabg14P/wdwR71hInDHUi0M/+T4Ddy0sRsXTdQAo28i6AmKndQrQzvNWEmQnoA01T5TjreU0VoTM7BTtD1YFjFQJZGP98Ur0y5/kFHxRhiRt+HuWZ1uzEl59OBS2g7u7qS1KEInO9lpMH7wUAGUmTrFGKrAUXoZ17qscgkmP1UHTMqIE9MEqSYoEcEexy113lSeHvrf6UDiwsCEYSJkEWYkISFIIW54px6bKI4KVdBVEAhT9dAAevHxsPvIHzYhFn+2THEr5+W731n9k6QTo2HSsKzRjb8AXcVrlGKO1qqdYOredfA0PXrACAGUlUpZSa5QAETGin1WQhw1N2yG5BkFVXE59byVAP7LjpBK+8wt/p9cJi279waVAU05iWsltCJymsYGzUtQSlHnI+x4s2HAlyiavSyX6BDYeAbr/XbsSuWW333siqNnXwqpCfe1MVE/70lRBr2TZQkbmAXLw/P6HUTx0tlPvs2V6IkDvH/Wpyo27/N7/daqUXZIfrALbqPnwGvxrxIsAvJyRuMo07APk4bXfqtEv/1ojbdr3vh0C9ExrSFMnfO737jml6B5OeogqdLZ9ihnnLwAQtRETMFIn5fzNpzchPbO0rwgQYH9E06Z8FfBu+y1Cc4DEh0ggHGzElIL79LHBTKmxmgfoB6AAb3q3Q5b7R0sHG6lTRJDIQuJzigZtzrdB39oj4cRjhWgjVW3H3Tm3mgQ6aUxgApQ+KfUVYItvh55OufbpIwImGW3aV8HOjcfC1CHjHyIBSp+TPOMBnDb7QZgJGB0YGIAtvg+jBKgPODzsKmCbgJ7szfHAIHADgFPckbnmjxF4s6MOktzfmLD0HQHbFmICpIRGFsotT0xgY8uryMi6sC8JOOrEIoGQ/yimDrzfSoBsElNg7eEqFJxXFs1CvWwhx2lUtNDp4/WYNXRxPAKxTvzM7ocw9IrpfdGJHQ9kOnizOqXB7PA36/HY2JfidWIaByiN5mPqU2Uon7+8twmkVEpYCdStWIiNT9Zb0yh15NhA5s4aiPW/voK0jMLeGolTKubYujyQRUKtmP6XB9AV+N06kMUqUSolgEIsq38YpSMn9gaBlMtpK4HGfVuxqIzqoFZrKUGPxoo5GsxG3zYMCzavMuYH9iYy/HvihGb5oXBgUSoTGhG8vnqHMKqnzMXe7QcF/+vTS65GY+U00F9XYcXX81ByyXinKpz1lFLMemyfpp92YP7fVprRb49XTos2ytVLiovHlKLyvZVwuXOcquAw8yYuIZQuLypvmYdDexrN6HfEm9CwjYwpJaswd81NuKZijlMVeo0AlRC7alZj1ewPLNE/Y0qpJ6zotBIgFfJ1K1XvmYOS4dedUxU49zcd+AQLxqw2wVMJ3S36DFoMWGxZxchIBfDkFmHZl4tQVDLinJBg8C1N+7HoymXwddCSO1WfNIlJuKzChDgjsZXyMaB4MJ766NE+JyGCf/L6Z3Gq+YSZ87njJl3YIhKxpUWjPxhKZOcMwJL370fpqLF9ogSDb2zYjaU3vwq/l0pmjjwtpYjro1HXJF/cNUoMIkHpNQ8zV16Da6feC3c63U++H5CsR/MqdVe4E59ufB3r5u0y7UJRJ9vQzMvR4i5biccGmuyTEjThISJ5KB01CLOfm4gLR5VBlmlBwDkRBq6qERxtqMeaf29FY8NJEzQBp5UHjjxvBp6xJGNvg8Mot2nSTyS49cPwq8/D5MXX4aLLRyPTQwrFjmQbHEFfO37+fi9qqz7Bgc+Om5Em0Nyow5LnaeLveIMjOpgLfYJIsBqkCFmISGXDlZ6JGx4YgpHjhmHwRSXILRqIjOxcpLnpM0CkK4SQvwMdLb/jxM9N2LfzID585QiUMFmDgFIjq1DEOeoMPu7GhggwqUtNEpxiCVRWnEb3qaqlRs/yxrduMHPDjiJJdqBGAGnh19rofq9t8olExZ0bAkmArY1GcuoT1OIRIDtQo5GUgFobAef94l7bZu1WXpnAONUSUI66GP1ECogqsBpMzPGOfbJt1p7sxWoYfzUwLCM28X8TbCHRRkSC2zn9q4GVEC9NMiHxNV+LBMQ/fPypf/ZIpIx114cJ8GdseTtZZuH3/wCBg2WDDhksMgAAAABJRU5ErkJggg==);
}

.banner .item .bg img {
  width: 19.20rem;
  height: auto;
  display: block;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50.03%);
          transform: translateX(-50.03%);
}

.banner .item .content {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 100%;
}

.banner .content .links {
  position: absolute;
  bottom: 1.13rem;
  left: 0;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.banner .content .links-item {
  width: 3rem;
  height: .68rem;
  background: #0751E6;
  font-size: 0.28rem;
  color: #FFFFFF;
  font-weight: 400;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  transition-duration: .3s;
}

.banner .content .links-item:not(:first-child) {
  margin-left: .3rem;
}

.banner .content .links-item:hover {
  background: #3CB8FF;
}

.banner .swiper-nav{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  position: absolute;
  bottom: 0.7rem;
  width: 100%;
  z-index: 10;
  display: none;
}

.banner .swiper-nav .nav-item{
  width: 0.47rem;
  height: 0.04rem;
  background: #fff;
  opacity: 0.3;
  margin-right: 0.12rem;
}

.banner .swiper-nav .nav-item.current{
  background: #fff;
  opacity: 1;
}

@media screen and (max-width: 768px) {

  .banner .item .bg img {
    width: 100%;
    height: auto;
  }

  .banner .content .links {
    bottom: 1.35rem;
  }

  .banner .content .links-item {
    width: 3.2rem;
    height: 0.8rem;
    background: #0751E6;
    font-size: .28rem;
  }

  
  .banner .swiper-nav .nav-item{
    width: 0.4rem;
    height: 0.05rem;
    background: #fff;
    opacity: 0.3;
    margin-right: 0.12rem;
  }
  
  .banner .swiper-nav .nav-item.current{
    background: #fff;
    opacity: 1;
  }
}
.introduction {
  background-color: #020418;
  /* height: 8rem; */
}

.introduction .content {
  position: relative;
  padding: 1.4rem 0;
}

.introduction .text {
  width: 8.6rem;
  margin-top: .6rem;
  font-size: .2rem;
  line-height: 1.8;
  color: #FFF;
}

.introduction .text p{
  margin-bottom: 0.2rem;
}

.introduction .text p:last-child{
  margin-bottom: 0;
}

.introduction .poster {
  position: absolute;
  bottom: 1.4rem;
  right: 0;
  width: 6.5rem;
  height: 3.78rem;
}

.introduction .poster .item-img img,
.introduction .poster::before {
  position: absolute;
  width: 6.4rem;
  height: 3.68rem;
  z-index: 2;
}

.introduction .poster .item-img img {
  top: 0;
  left: 0;
}

.introduction .poster::before {
  content: '';
  bottom: 0;
  right: 0;
  z-index: 1;
  background-image: linear-gradient(90deg, #00FCFF, #FCFE4D);
}

@media screen and (max-width: 768px) {
  .introduction {
    height: auto;
  }
  .introduction .content {
    padding: 1rem 0;
  }
  .introduction .text {
    width: 100%;
    margin-top: .7rem;
    font-size: .3rem;
  }

  .introduction .poster {
    position: relative;
    bottom: unset;
    right: unset;
    width: 100%;
    height: 3.96rem;
  }

  .introduction .poster .item-img img,
  .introduction .poster::before {
    position: relative;
    width: 6.98rem;
    height: 3.96rem;
  }

  .introduction .poster::before {
    position: absolute;
    right: 0;
    bottom: -.1rem;
  }
}
.highlights {
  background-image: linear-gradient(90deg, #0751E6, #0C4BD1);
}

.highlights .content {
  overflow: hidden;
}

.highlights .content .swiper-container {
  overflow: visible;
  padding-right: .1rem;
}

.highlights .list {
  display: -ms-flexbox;
  display: flex;
}

.highlights .list .item {
  position: relative;
}

.highlights .list .item .card-top {
  position: relative;
  height: 4.53rem;
  overflow: hidden;
  z-index: 2;
}

.highlights .list .item .card-top .item-img {
  height: 4.53rem;
  width: 100%;
}

.highlights .list .item .card-top .item-txt {
  position: absolute;
  top: 2.7rem;
  left: 0;
  width: 100%;
  height: 4.53rem;
  padding: .3rem .4rem;
  color: #FFF;
  background-color: #020418;
  transition: all .5s ease;
}

.highlights .list .item .card-top .item-txt .txt-title {
  font-size: .28rem;
  line-height: .32rem;
  font-weight: 500;
  margin-top: .22rem;
}

.highlights .list .item .card-top .item-txt .txt-links {
  margin-top: .16rem;
}

.highlights .list .item .card-top .item-txt .txt-links>li {
  font-size: .18rem;
  line-height: 1.5;
  color: #FFF;
}

.highlights .list .item .card-top .item-txt .txt-links>li+li {
  margin-top: .1rem;
}

.highlights .list .item .card-top .item-txt .txt-links>li>a {
  color: inherit;
}

.highlights .list .item .card-top .item-txt .txt-links>li>a:hover {
  color: #00FCFF
}

.highlights .list .item .card-top .item-txt .txt-links::before {
  content: '';
  display: block;
  width: 1.12rem;
  height: .04rem;
  background-color: #00FCFF;
  margin-bottom: .38rem;
}

/* icon */
.highlights .list .item .card-top .item-txt::before {
  content: '';
  display: block;
}

.highlights .list .item.item-1 .card-top .item-txt::before {
  width: .41rem;
  height: .42rem;
  background: url('/static/topic_template/template_lanmaobei/images/highlights-icon1.svg') no-repeat center/100% 100%;
}

.highlights .list .item.item-2 .card-top .item-txt::before {
  width: .45rem;
  height: .4rem;
  background: url('/static/topic_template/template_lanmaobei/images/highlights-icon2.svg') no-repeat center/100% 100%;
}

.highlights .list .item.item-3 .card-top .item-txt::before {
  width: .45rem;
  height: .4rem;
  background: url('/static/topic_template/template_lanmaobei/images/highlights-icon3.svg') no-repeat center/100% 100%;

}

.highlights .list .item.item-4 .card-top .item-txt::before {
  width: .41rem;
  height: .44rem;
  background: url('/static/topic_template/template_lanmaobei/images/highlights-icon4.svg') no-repeat center/100% 100%;
}

.highlights .list .item .card-bottom {
  position: absolute;
  top: .1rem;
  left: .1rem;
  width: 100%;
  height: 4.53rem;
  background-image: linear-gradient(90deg, #00FCFF, #FCFE4D);
  z-index: 1;
}

/* hover效果 */
.highlights .list .item:hover .card-top .item-txt {
  top: 0;
  padding-top: 1.14rem;
}

@media screen and (max-width: 768px) {
  .highlights .content {
    overflow: visible;
  }

  .highlights .list .item .card-top {
    height: 7.62rem;
  }

  .highlights .list .item .card-top .item-img {
    height: 7.62rem;
  }

  .highlights .list .item .card-top .item-txt {
    top: 3.42rem;
    height: 7.62rem;
    padding: .5rem .4rem;
  }

  .highlights .list .item .card-top .item-txt .txt-title {
    font-size: .38rem;
    line-height: .53rem;
    margin-top: .2rem;
  }

  .highlights .list .item .card-top .item-txt .txt-links {
    margin-top: .1rem;
  }

  .highlights .list .item .card-top .item-txt .txt-links>li {
    font-size: .28rem;
    line-height: .5rem;
  }

  .highlights .list .item .card-top .item-txt .txt-links::before {
    width: 1.5rem;
    height: .06rem;
  }

  .highlights .list .item .card-bottom {
    height: 7.62rem;
  }

  /* 作废hover交互 */
  .highlights .list .item {
    pointer-events: none;
  }

  /* 移动端分页器 */
  .highlights .swiper-nav-m {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    margin-top: 0.5rem;
  }

  .highlights .swiper-nav-m .nav-item {
    width: 0.4rem;
    height: 0.05rem;
    background: #FFFFFF;
    opacity: 0.3;
    margin-right: 0.1rem;
  }

  .highlights .swiper-nav-m .nav-item.current {
    opacity: 1;
  }
}
.bbs {
    background-image: linear-gradient(90deg, #0751E6, #0C4BD1);
    color: #FFF;
}

.bbs .content>.title {
  margin-bottom: 0.6rem;
}

.bbs .desc {
    font-size: .18rem;
    line-height: 1.8;
}

.bbs .container {
    margin-top: .4rem;
    text-align: center;
}

.bbs .container .bbs-name {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1rem, 1fr));
    font-size: .24rem;
    line-height: .66rem;
}

.bbs .container .bbs-name>li {
    font-weight: 600;
    border: .02rem solid #0B8BF4;
    cursor: pointer;
}

.bbs .container .bbs-links {
    background-color: #062E95;
    border: .02rem solid #0B8BF4;
    border-top: none;
}

.bbs .container .bbs-links>li {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: .24rem;
    gap: .24rem;
    padding: .57rem 0;
    font-size: .2rem;
    line-height: 1.6;
    color: #FFF;
    display: none;
}

.bbs .container .bbs-links>li>a {
    color: #FFF;
}

.bbs .container .bbs-links>li>a:hover{
  color: #00FCFF;
}

.bbs .container .bbs-name>li.active {
    color: #032D78;
    background-color: #00FCFF;
    border-color: #00FCFF;
}

.bbs .container .bbs-links>li.active {
    display: grid;
}

@media screen and (max-width: 768px) {

    .bbs .desc {
        font-size: .3rem;
    }

    .bbs .container .bbs-name {
        font-size: .3rem;
        line-height: .8rem;
    }

    .bbs .container .bbs-links>li {
        grid-template-columns: 1fr;
        grid-gap: .4rem;
        gap: .4rem;
        padding: .6rem .4rem;
        font-size: .28rem;
        line-height: .32rem;
        text-align: left;
    }
}
.training .desc{
  font-size: 0.18rem;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.36rem;
}

.training .content>.title{
  margin-bottom: 0.6rem;
}

.training .tab-header {
  margin-top: 0.4rem;
  margin-bottom: 0.86rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(1rem, 1fr));
  border: 0.01rem solid #0B8BF4;
}

.training .tab-header .item{
  height: 0.7rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 0.24rem;
  font-weight: 600;
  color: #FFFFFF;
  cursor: pointer;
}

.training .tab-header .item.current{
  background: #00FCFF;
  color: #032D78;
}

.training .tab-content {
  height: 3.27rem;
  display: grid;
  grid-template-columns: repeat(3,1fr);
}
.training .tab-content .item {
  height: 2.81rem;
  overflow-y: auto;
  background-image: url(/static/topic_template/template_lanmaobei/images/training-item-bg.png);
  background-size: cover;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  padding-left: 0.6rem;
  padding-bottom: 0.75rem;
  transition: all,0.3s;
}

.training .tab-content .item .type{
  margin-right: 0.5rem;
  margin-bottom: 0.2rem;
}

.training .tab-content  .type .icon{
  display: block;
  background-image: url(/static/topic_template/template_lanmaobei/images/training-icon-1.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.training .tab-content .item-1 .type .icon {
  -webkit-filter: brightness(0);
  filter: brightness(0);
}
.training .tab-content .item-1 .type .icon{
  width: 0.5rem;
  height: 0.54rem;
  background-image: url(/static/topic_template/template_lanmaobei/images/training-icon-1.png);
}
.training .tab-content .item-2 .type .icon{
  width: 0.55rem;
  height: 0.51rem;
  background-image: url(/static/topic_template/template_lanmaobei/images/training-icon-2.png);
}

.training .tab-content .item-3 .type .icon{
  width: 0.5rem;
  height: 0.5rem;
  background-image: url(/static/topic_template/template_lanmaobei/images/training-icon-3.png);
}

.training .tab-content .item .type-name {
  margin-top: 0.22rem;
  font-size: 0.26rem;
  display: inline-block;
  font-weight: 600;
  color: #333333;
  line-height: 0.37rem;
  padding-bottom: 0.16rem;
  border-bottom: 0.04rem solid #01E2D9;
}



.training .tab-content .type-desc p{
  margin-top: 0.1rem;
  font-size: 0.18rem;
  font-weight: 400;
  color: #333333;
  line-height: 0.32rem;
}

.training .swiper-nav-m {
  display: none;
}

.training .swiper{
  overflow: visible;
}

@media screen and (min-width: 769px) {
  .training .tab-content .item.hover{
    background-image: url(/static/topic_template/template_lanmaobei/images/training-item-bg-hover.png);
    display: block;
    padding-left: 0.6rem;
    padding-top: 0.7rem;
    height: 3.73rem;
    -webkit-transform: translateY(-0.46rem);
            transform: translateY(-0.46rem);
  }

  .training .tab-content .item.hover .type .icon{
    -webkit-filter: brightness(100);
    filter: brightness(100);
  }

  .training .tab-content .item.hover .type-name {
    color: #FFFFFF;
    border-bottom: 0.04rem solid #fff;
  }

  .training .tab-content .item.hover .type-desc p{
    color: #fff;
  }
}
@media screen and (max-width: 768px) {
  .training .desc{
    font-size: 0.3rem;
    line-height: 0.54rem;
  }

  .training .tab-header{
    margin-bottom: 0.4rem;
  }

  .training .tab-header .item{
    height: 0.8rem;
    font-size: 0.3rem;
  }

  .training .tab-content {
    display: -ms-flexbox;
    display: flex;
    height: auto;
  }
  
  .training .tab-content .item {
    display: block;
    width: 6.28rem;
    height: 5.4rem;
    padding-left: 0.42rem;
    padding-top: 1.25rem;
    background-image: url(/static/topic_template/template_lanmaobei/images/training-item-bg-m.png);
  }

  .training .tab-content .item-1 .type .icon{
    width: 0.47rem;
    height: 0.5rem;
  }
  .training .tab-content .item .type-name{
    font-size: 0.38rem;
    line-height: 0.53rem;
    padding-bottom: 0.1rem;
    border-bottom: 0.06rem solid #01E2D9;
  }

  .training .tab-content .type-desc p{
    font-size: 0.28rem;
    line-height: 0.45rem;
    margin-top: 0.2rem;
  }
  .training .tab-content .type-desc{
    margin-top: 0.38rem;
  }

  .training .swiper-nav-m{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    margin-top: 0.5rem;
  }

  .training .swiper-nav-m .nav-item{
    width: 0.4rem;
    height: 0.05rem;
    background: #FFFFFF;
    opacity: 0.3;
    margin-right: 0.1rem;
  }

  .training .swiper-nav-m .nav-item.current{
    opacity: 1;
  }
}
.schedule {
    background-color: #020418;
}

.schedule .flow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}

.schedule .flow .item {
    position: relative;
    width: 2.28rem;
    padding-top: .53rem;
    text-align: center;
}

.schedule .flow .item::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-size: .7rem;
    line-height: 1rem;
    font-family: FZZYJW--GB1-0, FZZYJW--GB1;
    font-weight: 600;
    color: #FFF;
    opacity: .1;
}

.schedule .flow .item:first-child::before {
    content: '01';
}

.schedule .flow .item:nth-child(2)::before {
    content: '02';
}

.schedule .flow .item:nth-child(3)::before {
    content: '03';
}

.schedule .flow .item:nth-child(4)::before {
    content: '04';
}

.schedule .flow .item:nth-child(5)::before {
    content: '05';
}

.schedule .flow .item:nth-child(6)::before {
    content: '06';
}

.schedule .flow .item .stage {
    font-size: .28rem;
    line-height: .32rem;
    font-weight: 600;
    color: #00FCFF;
}

.schedule .flow .item .icon {
    display: -ms-flexbox;
    display: flex;
    background: url('/static/topic_template/template_lanmaobei/images/schedule-stage.svg') no-repeat center/auto 100%;
    height: 1.51rem;
    margin-top: .25rem;
}

.schedule .flow .item .icon:hover {
    background: url('/static/topic_template/template_lanmaobei/images/schedule-stage-hover.svg') no-repeat center/auto 100%;
}

.schedule .flow .item .icon::before {
    content: '';
    display: block;
    margin: auto;
}

.schedule .flow .item:nth-child(4n+1) .icon::before {
    background: url('/static/topic_template/template_lanmaobei/images/schedule-icon1.svg') no-repeat center/auto 100%;
    width: .55rem;
    height: .52rem;
}

.schedule .flow .item:nth-child(4n+2) .icon::before {
    background: url('/static/topic_template/template_lanmaobei/images/schedule-icon2.svg') no-repeat center/auto 100%;
    width: .58rem;
    height: .52rem;
}

.schedule .flow .item:nth-child(4n+3) .icon::before {
    background: url('/static/topic_template/template_lanmaobei/images/schedule-icon3.svg') no-repeat center/auto 100%;
    width: .43rem;
    height: .56rem;
}

.schedule .flow .item:nth-child(4n) .icon::before {
    background: url('/static/topic_template/template_lanmaobei/images/schedule-icon4.svg') no-repeat center/auto 100%;
    width: .54rem;
    height: .54rem;
}

.schedule .flow .item .time {
    background: url('/static/topic_template/template_lanmaobei/images/schedule-time-bg.svg') no-repeat center/100%;
    font-size: .2rem;
    line-height: .44rem;
    color: #FFF;
    margin-top: .65rem;
}

.schedule .flow .item .desc {
    font-size: .18rem;
    line-height: .32rem;
    color: #FFF;
    opacity: .7;
    margin-top: .22rem;
}

.schedule .flow .item::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 2.85rem;
    left: 1.06rem;
    width: .16rem;
    height: .16rem;
    border-radius: .08rem;
    border: .03rem solid #0D83F3;
    background-color: #020418;
    z-index: 1;
}

.schedule .flow::after {
    content: '';
    position: absolute;
    top: 5.56rem;
    display: block;
    width: 100%;
    height: .04rem;
    background: linear-gradient(267deg, rgba(13, 131, 243, 0) 0%, rgba(21, 156, 246, 0.68) 15%, #0D83F3 49%, rgba(19, 149, 245, 0.61) 82%, rgba(13, 131, 243, 0) 100%);
    z-index: 0;
}

@media screen and (max-width: 768px) {
    .schedule .flow {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-row-gap: .67rem;
        row-gap: .67rem;
    }

    .schedule .flow::after {
        display: none;
    }

    .schedule .flow .item {
        width: 3.22rem;
        padding-top: .41rem;
    }

    .schedule .flow .item::before {
        font-size: .9rem;
        line-height: 1.02rem;
    }

    .schedule .flow .item .stage {
        font-size: .34rem;
        line-height: .48rem;
    }

    .schedule .flow .item .icon {
        height: 1.7rem;
        margin-top: .15rem;
    }

    .schedule .flow .item .time {
        background: url('/static/topic_template/template_lanmaobei/images/schedule-time-bg.svg') no-repeat center/auto 100%;
        font-size: .3rem;
        line-height: .62rem;
        color: #FFF;
        margin-top: .43rem;
    }

    .schedule .flow .item .desc {
        font-size: .28rem;
        line-height: .5rem;
        margin-top: .3rem;
    }

    .schedule .flow .item::after {
        top: 2.6rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        width: .28rem;
        height: .28rem;
        border-radius: .14rem;
        border: .04rem solid #0D83F3;
    }
    .schedule .flow .item:nth-child(4n+1) .icon::before {
      width: 0.63rem;
      height: 0.59rem;
    }

    .schedule .flow .item:nth-child(4n+2) .icon::before {
      width: 0.65rem;
      height: 0.59rem;
    }

    .schedule .flow .item:nth-child(4n+3) .icon::before {
      width: .49rem;
      height: .64rem;
    }

    .schedule .flow .item:nth-child(4n) .icon::before {
      width: .62rem;
      height: .61rem;
    }

    .schedule .flow .item {
       margin:auto;
    }
}
.competition_rules {
  background-image: linear-gradient(90deg, #0751E6, #0C4BD1);
}

.competition_rules .container {
  display: -ms-flexbox;
  display: flex;
}

.competition_rules .container .items {
  padding: .18rem 0;
}

.competition_rules .container .items li {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  width: 4rem;
  padding: .24rem;
  padding-left: 1rem;
  font-size: .2rem;
  line-height: .32rem;
  font-weight: 500;
  color: #FFF;
  text-align: left;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  background-image: linear-gradient(90deg, #0091D0, #3553FF);
}

.competition_rules .container .items>li+li {
  margin-top: .02rem;
}

.competition_rules .container .items>li .slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-image: linear-gradient(90deg, #00FED2 0%, #00D4FE 54%, #0A53FF 100%);
  transition: all .3s ease;
}

.competition_rules .container .items>li p {
  position: relative;
  transition: all .8s ease;
}

.competition_rules .container .items li .icon {
  display: block;
  position: absolute;
  left: .34rem;
  -webkit-filter: brightness(100);
          filter: brightness(100);
  transition: all 1s ease;
}

/* 循环使用icon */
.competition_rules li:nth-child(6n+1) .icon {
  width: .39rem;
  height: .33rem;
  background: url('/static/topic_template/template_lanmaobei/images/rules-icon-1.svg') no-repeat center/auto 100%;
}

.competition_rules li:nth-child(6n+2) .icon {
  width: .36rem;
  height: .35rem;
  background: url('/static/topic_template/template_lanmaobei/images/rules-icon-2.svg') no-repeat center/auto 100%;
}

.competition_rules li:nth-child(6n+3) .icon {
  width: .35rem;
  height: .35rem;
  background: url('/static/topic_template/template_lanmaobei/images/rules-icon-3.svg') no-repeat center/auto 100%;
}

.competition_rules li:nth-child(6n+4) .icon {
  width: .39rem;
  height: .36rem;
  background: url('/static/topic_template/template_lanmaobei/images/rules-icon-4.svg') no-repeat center/auto 100%;
}

.competition_rules li:nth-child(6n+5) .icon {
  width: .37rem;
  height: .38rem;
  background: url('/static/topic_template/template_lanmaobei/images/rules-icon-5.svg') no-repeat center/auto 100%;
}

.competition_rules li:nth-child(6n) .icon {
  width: .39rem;
  height: .37rem;
  background: url('/static/topic_template/template_lanmaobei/images/rules-icon-6.svg') no-repeat center/auto 100%;
}

/* hover效果 */
.competition_rules .container .items>li:hover .slide,
.competition_rules .container .items>li.active .slide {
  width: 100%;
}

.competition_rules .container .items>li:hover>p,
.competition_rules .container .items>li.active>p {
  color: #032D78;
}

.competition_rules .container .items>li:hover .icon,
.competition_rules .container .items>li.active .icon {
  -webkit-filter: brightness(1);
          filter: brightness(1);
  -webkit-transform: rotateY(360deg);
          transform: rotateY(360deg);
}

.competition_rules .container .detail {
  width: 100%;
  border-bottom: .13rem solid;
  border-image: linear-gradient(90deg, #00FCFF 0%, #FCFE4D 100%) 1;
  background: url('/static/topic_template/template_lanmaobei/images/rules-bg.png') no-repeat center/100% 100%;
}

.competition_rules .container .detail li {
  padding: .6rem .9rem;
  font-size: .18rem;
  line-height: .32rem;
  color: #000;
  display: none;
}

.competition_rules .container .detail li b {
  font-weight: 600;
}

.competition_rules .container .detail li i {
  font-style: oblique;
}

/* .competition_rules .container .detail li * {
    font-size: .18rem;
    line-height: .32rem;
} */

.competition_rules .container .detail li p:not(:first-child) {
  margin-top: .1rem;
}

.competition_rules .container .detail li.active {
  display: block;
}

.competition_rules .container-m {
  display: none;
}

@media screen and (max-width: 768px) {
  .competition_rules .container {
    display: none;
  }

  .competition_rules .container-m {
    margin-top: .5rem;
    display: block;
  }

  .competition_rules .container-m .items {
    position: relative;
    padding: .3rem 1.1rem;
    font-size: .28rem;
    line-height: .28rem;
    font-weight: 500;
    color: #FFF;
    background-image: linear-gradient(90deg, #0091D0 0%, #3553FF 100%);
  }

  .competition_rules .container-m .items .icon {
    display: block;
    position: absolute;
    top: .27rem;
    left: .42rem;
    width: .43rem;
    height: .38rem;
    -webkit-filter: brightness(100);
            filter: brightness(100);
  }

  .competition_rules .container-m .items::after {
    content: '';
    position: absolute;
    right: 0.4rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 0.29rem;
    height: 0.16rem;
    background: url('/static/topic_template/template_lanmaobei/images/arrow-down.png') no-repeat;
    background-size: cover;
  }

  .competition_rules .container-m li.active .items::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
  }

  .competition_rules .container-m li.active .items {
    font-weight: 600;
    color: #032D78;
    background-image: linear-gradient(90deg, #00FED2 0%, #00D4FE 54%, #0A53FF 100%);
  }

  .competition_rules .container-m li.active .items .icon {
    -webkit-filter: brightness(1);
            filter: brightness(1);
  }

  .competition_rules .container-m .detail {
    display: none;
    width: 100%;
    padding: .4rem .3rem;
    font-size: .24rem;
    line-height: 1.75;
    border-bottom: .13rem solid;
    border-image: linear-gradient(90deg, #00FCFF 0%, #FCFE4D 100%) 1;
    background: url('/static/topic_template/template_lanmaobei/images/rules-bg-m.png') no-repeat center;
    background-size: cover;
  }

  .competition_rules .container-m .detail li p:not(:first-child) {
    margin-top: .1rem;
  }

  .competition_rules .container-m>li+li {
    margin-top: .1rem;
  }

  .competition_rules .container-m li b {
    font-weight: 600;
  }

  .competition_rules .container-m li i {
    font-style: oblique;
  }
}
.competition-announcement .file-item{
  position: relative;
  width: 3.68rem;
  height: 4.63rem;
  overflow: hidden;
  margin-right: 0.2rem;
}

.competition-announcement .file-item img {
  width: 98%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.competition-announcement .file-item .cover{
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2.69rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  background: url(/static/topic_template/template_lanmaobei/images/file-bg.png) no-repeat;
  background-size: cover;
}

.competition-announcement .file-item .link{
  position: absolute;
  bottom: 0.77rem;
  width: 2.53rem;
  height: 0.7rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background: #AD0C19;
  font-size: 0.2rem;
  font-weight: 500;
  color: #FFFFFF;
}

.competition-announcement .file-item .link:hover{
  background: linear-gradient(270deg, #CB1C2B 0%, #E6423A 100%);
}

.competition-announcement .swiper-nav{
  position: absolute;
  top: 1.8rem;
  right: 0;
}

.competition-announcement .swiper-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 1.29rem;
}
.competition-announcement .swiper-nav .nav-item {
  width: 0.32rem;
  height: 0.35rem;
  background: #0A53FF;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
}

.competition-announcement .swiper-nav .nav-item img {
  width: 0.12rem;
  height: 0.22rem;
  display: block;
}

.competition-announcement .swiper-nav .text{
  font-size: 0.18rem;
  font-weight: 400;
  color: #FFFFFF;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: auto;
  letter-spacing: 0.02rem;
}

.competition-announcement .swiper-nav .next-nav img{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.competition-announcement .swiper-nav-m{
  display: none;
}

@media screen and (max-width: 768px) {
  .competition-announcement .file-item .cover{
    width: 3.39rem;
    height: 2.47rem;
  }

  .competition-announcement .file-item .link{
    width: 2.32rem;
    height: 0.8rem;
    font-size: 0.3rem;
    bottom: 0.6rem;
  }

  .competition-announcement .swiper-nav {
    display: none;
  }

  .competition-announcement .swiper-nav-m{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    margin-top: 0.5rem;
  }

  .competition-announcement .swiper-nav-m .nav-item{
    width: 0.4rem;
    height: 0.05rem;
    background: #FFFFFF;
    opacity: 0.3;
    margin-right: 0.1rem;
  }

  .competition-announcement .swiper-nav-m .nav-item.current{
    opacity: 1;
  }
}
.organization .content
{
  position: relative;
}

.organization .org-item {
  margin-bottom: 0.4rem;
}

.organization .org-item:last-child {
  margin-bottom: 0;
}

.organization .org-item h3{
  font-size: 0.24rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 0.33rem;
  margin-bottom: 0.3rem;
}

.organization .pic-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-row-gap: 0.3rem;
  grid-column-gap: 0.3rem;
}

.organization .text-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 0.3rem;
  grid-column-gap: 0.5rem;
}

.organization .text-list .item{
  font-size: 0.18rem;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.22rem;
}

.organization .pic-list img {
  width: 100%;
  height: 0.96rem;
  display: block;
}

@media screen and (max-width: 768px) {  
  
  .organization .org-item {
    margin-bottom: 0.5rem;
  }

  .organization .org-item h3{
    font-size: 0.34rem;
  }

  .organization .pic-list{
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 0.2rem;
    grid-column-gap: 0.2rem;
  }

  .organization .pic-list img {
    height: 0.75rem;
  }

  .organization .text-list {
    grid-template-columns: repeat(1, 1fr);
  }

  .organization .text-list .item{
    font-size: 0.24rem;
  }

}



.universities .content
{
  position: relative;
}

.organization .pic-container {
  width: 100%;
  overflow: hidden;
} 

.universities .pic-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-row-gap: 0.3rem;
  grid-column-gap: 0.3rem;
}

.universities .pic-list img {
  width: 100%;
  height: 0.96rem;
  display: block;
}

.universities .swiper-nav{
  position: absolute;
  top: 1.8rem;
  right: 0;
}

.universities .swiper-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 1.29rem;
}
.universities .swiper-nav .nav-item {
  width: 0.32rem;
  height: 0.35rem;
  background: #0A53FF;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
}

.universities .swiper-nav .nav-item img {
  width: 0.12rem;
  height: 0.22rem;
  display: block;
}

.universities .swiper-nav .text{
  font-size: 0.18rem;
  font-weight: 400;
  color: #FFFFFF;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: auto;
  letter-spacing: 0.02rem;
}

.universities .swiper-nav .next-nav img{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.universities .swiper-nav-m{
  display: none;
}

@media screen and (max-width: 768px) {
  
  .universities .pic-list{
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 0.2rem;
    grid-column-gap: 0.2rem;
  }

  .universities .pic-list img {
    height: 0.75rem;
  }

  .universities .swiper-nav {
    display: none;
  }

  .universities .swiper-nav-m{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    margin-top: 0.5rem;
  }

  .universities .swiper-nav-m .nav-item{
    width: 0.4rem;
    height: 0.05rem;
    background: #FFFFFF;
    opacity: 0.3;
    margin-right: 0.1rem;
  }

  .universities .swiper-nav-m .nav-item.current{
    opacity: 1;
  }
}



.awards .items .item {
  border: 0.02rem solid rgba(0, 213, 255, 0.6);
  margin-bottom: 0.4rem;
}

.awards .item .header {
  height: 0.7rem;
  line-height: 0.7rem;
  background: linear-gradient(90deg, #00FED2 0%, #00D4FE 54%, #0A53FF 100%);
  padding-left: 0.4rem;
  font-size: 0.28rem;
  font-weight: 500;
  color: #032D78;
}

.awards .item-match .list {
  width: 100%;
  padding: 1.5rem 0 1rem;
  background: url('https://static01-www.qianxin.com/qaxweb/03746c4da8b3e4f8852236d29b70be4a.png') no-repeat 50% 100%;
  background-size: cover;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.awards .item-match .list-item {
  width: 3.6rem;
  position: relative;
}

.awards .item-match .list-item .text {
  text-align: center;
}

.awards .item-match .list-item .sub-title {
  font-size: 0.28rem;
  font-weight: 600;
  line-height: 0.4rem;
}

.awards .item-match .list-item .desp {
  font-size: 0.26rem;
  line-height: 0.4rem;
}

.awards .item-match .list-item .sub-desp {
  font-size: 0.18rem;
  font-weight: 400;
  line-height: 0.4rem;
}

.awards .item-match .list-item {
  padding-top: 2rem;
  background-repeat: no-repeat;
  background-position: 50% 0;
}

.awards .item-match .list-item-1 {
  background-image: url('/static/topic_template/template_lanmaobei/images/prize-1.png');
}

.awards .item-match .list-item-2 {
  background-image: url('/static/topic_template/template_lanmaobei/images/prize-2.png');

}

.awards .item-match .list-item-3 {
  background-image: url('/static/topic_template/template_lanmaobei/images/prize-3.png');
}

.awards .item-match .list-item-4 {
  background-image: url('/static/topic_template/template_lanmaobei/images/prize-4.png');
}

.awards .item-match .list-item-1 {
  width: 3.68rem;
}

.awards .item-match .list-item-1 .text {
  color: transparent;
  background-image: linear-gradient(180deg, #FFD524 0%, #FF9302 100%);
  background-clip: text;
  -webkit-background-clip: text;
}

.awards .item-match .list-item-2 {
  width: 3.55rem;
}

.awards .item-match .list-item-2 .text {
  color: transparent;
  background: linear-gradient(180deg, #F0F0F0 0%, #727272 100%);
  background-clip: text;
  -webkit-background-clip: text;
}

.awards .item-match .list-item-3 {
  width: 3.2rem;
}

.awards .item-match .list-item-3 .text {
  color: transparent;
  background: linear-gradient(180deg, #FF9853 0%, #993E01 100%);
  background-clip: text;
  -webkit-background-clip: text;
}

.awards .item-match .list-item-4 {
  width: 2.8rem;
}

.awards .item-match .list-item-4 .text {
  color: #F8E2AC;
}

.awards .item-teacher .list {
  margin-bottom: -0.5rem;
  padding: 0.5rem 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
}

.awards .item-teacher .list-item {
  width: 20%;
  margin-bottom: 0.5rem;
  text-align: center;
}

.awards .item-teacher .list-item img {
  width: 1.48rem;
  height: auto;
  display: block;
  margin: 0 auto;
}

.awards .item-teacher .list-item .sub-title {
  font-size: 0.24rem;
  font-weight: 600;
  color: transparent;
  background: linear-gradient(180deg, #FFD524 0%, #FF9302 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0.3rem;
  white-space: nowrap;
}

.awards .item-teacher .list-item .desp {
  font-size: 0.26rem;
  line-height: 0.4rem;
  font-weight: 600;
  color: #F8E2AC;
}

.awards .item-teacher .list-item .sub-desp {
  font-size: 0.18rem;
  font-weight: 400;
  color: #F8E2AC;
  line-height: 0.4rem;
}

@media screen and (max-width: 768px) {
  .awards .item-match .list {
    height: auto;
    background: none;
    display: grid;
    grid-template-columns: repeat(2, 50%);
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 0.6rem;
  }

  .awards .item .header {
    height: 0.78rem;
    line-height: 0.78rem;
    font-size: 0.36rem;
  }
  .awards .item-match .list-item {
    position: static;
    width: auto;
    min-height: 3.43rem;
    padding-top: 2rem;
    margin-top: 0.9rem;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 2rem auto;
  }

  .awards .item-match .list-item .sub-title {
    font-size: 0.36rem;
    margin-bottom: 0.08rem;
  }

  .awards .item-match .list-item .desp {
    font-size: 0.3rem;
    margin-bottom: 0.08rem;
  }

  .awards .item-match .list-item .sub-desp {
    font-size: 0.24rem;
    margin-bottom: 0.08rem;
  }

  .awards .item-teacher .list {
    padding-bottom: 0.1rem;
    padding-top: 0.9rem;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }

  .awards .item-teacher .list-item {
    width: 50%;
    margin-bottom: 0.6rem;
  }

  .awards .item-teacher .list-item img {
    width: 1.48rem;
  }

  .awards .item-teacher .list-item .sub-title {
    font-size: 0.3rem;
  }

  .awards .item-teacher .list-item .desp {
    font-size: 0.26rem;
  }

  .awards .item-teacher .list-item .sub-desp {
    font-size: 0.22rem;
  }
}
.committee .tab-header {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(1rem, 1fr));
  border: 0.02rem solid #0B8BF4;
}
.committee .tab-header li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-right: 0.02rem solid #0B8BF4;
  font-size: 0.24rem;
  font-weight: 600;
  color: #FFFFFF;
  height: 0.7rem;
  cursor: pointer;
  transition: all,0.3s;
}
.committee .tab-header li.current{
  color: #032D78;
  background: #00FCFF;
}

.committee .tab-header:not(.tab-header-more) li:last-child{
  border-right: none;
}

.committee .tab-content{
  border: 0.02rem solid #0B8BF4;
  border-top: none;
  background: #072E94;
  padding: 0 0.2rem;
  height: 4.8rem;
  padding-bottom: 0.3rem;
}

.committee .tab-content .tab-content-wrap{
  height: 100%;
  overflow: auto;
  overflow-x: hidden;
  padding-top: 0.32rem;
}

.committee .tab-content .header {
  height: 0.6rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background: rgba(255, 255, 255, 0.1);
  font-size: 0.22rem;
  font-weight: 500;
  color: #00FCFF;
  margin-bottom: 0.32rem;
  padding: 0 0.2rem;
} 

.committee .tab-content .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
} 

.committee .tab-content .list li{
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.24rem;
  font-size: 0.18rem;
  font-weight: 400;
  color: #FFFFFF;
  padding-left: 0.2rem;
  line-height: 0.32rem;
}

.committee .tab-content .list label {
  font-size: 0.2rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-right: 0.29rem;
  white-space: pre;
}

.committee ::-webkit-scrollbar {
  width: .1rem; 
}

.committee ::-webkit-scrollbar-thumb {
  background: #00FCFF; 
  border-radius: 0.05rem;
}

@media screen and (max-width: 768px) {
  
  .committee .tab-header-more{
    grid-template-columns: repeat(3,1fr);
  }

  
  .committee .tab-header-more li{
    border-bottom: 0.02rem solid #0B8BF4;
  }
  
  
  .committee .tab-header-more li:nth-child(3n){
    border-right: none;
  }
  
  .committee .tab-header-more li:nth-child(n + 4){
    border-bottom: none;
  }

  .committee .tab-header li {
    height: 0.8rem;
    font-size: 0.26rem;
  }

  .committee .tab-content {
    height: 8.8rem;
    padding-top: 0;
    padding-bottom: 0.3rem;
  }

  .committee .tab-content .tab-content-wrap{
    padding-top: 0;
  }

  .committee .tab-content .header{
    background: none;
    font-size: 0.32rem;
    margin-top: 0.6rem;
    margin-bottom: 0.42rem;
    height: auto;
  }

  .committee .tab-content .list {
    grid-template-columns: repeat(1, 1fr);
  }

  .committee .tab-content .list li {
    font-size: 0.26rem;
    margin-bottom: 0.4rem;
    color: rgba(255, 255, 255, 0.8);
  }

  .committee .tab-content .list li:last-child{
    margin-bottom: 0;
  }
  
  .committee .tab-content .list label{
    font-size: 0.28rem;
    margin-right: 0.45rem;
    margin-bottom: 0.4rem;
  }
 
}
.promotion-list .tab-header{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  border-bottom: 0.02rem solid #0B8BF4;
}

.promotion-list .tab-header .item{
  font-size: 0.24rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 0.32rem;
  padding: 0.22rem 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
  cursor: pointer;
}

.promotion-list .tab-header .item.current{
  color: #00FCFF;
}

.promotion-list .tab-header .item.current::after{
  content: '';
  position: absolute;
  bottom: -0.12rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 2.5rem;
  height: 0.12rem;
  background: url('/static/topic_template/template_lanmaobei/images/tab-header-bg.png') no-repeat;
  background-size: 100% 100%;
}

.promotion-list .tab-content {
  margin-top: 0.28rem;
  border: 0.02rem solid #0B8BF4;
  background: #072F96;
  display: none;
  grid-template-columns: 1fr 1fr;
  max-height: 4.03rem;
  overflow-y: auto;
  overflow-x: hidden;
}

.promotion-list .tab-content .item{
  border-right: 0.01rem solid #0B8BF4;
  border-bottom: 0.01rem solid #0B8BF4;
  min-height: 1rem;
  display: grid;
  grid-template-columns: 2.6rem 1fr;
  grid-column-gap: 0.5rem;
  padding: 0.18rem 0;
}

.promotion-list .tab-content .item:nth-child(2n){
  border-right: none;
} 

.promotion-list .tab-content .item:last-child
{
  border-bottom: none;
}


.promotion-list .tab-content .name {
  font-size: 0.2rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 0.32rem;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-left: 0.4rem;
}

.promotion-list .tab-content .belonging{
  font-size: 0.18rem;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.32rem;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-right: 0.4rem;
} 

.promotion-list  ::-webkit-scrollbar {
  width: .1rem; 
}

.promotion-list  ::-webkit-scrollbar-thumb {
  background: #00FCFF; 
  border-radius: 0.05rem;
}

@media screen and (min-width: 769px) {
  .promotion-list .tab-content .item:nth-last-of-type(2):not(.item:nth-child(2n))
  {
    border-bottom: none;
  }
}

@media screen and (max-width: 768px) {
  .promotion-list .tab-header .item {
    font-weight: 400;
    font-size: 0.3rem;
  }

  .promotion-list .tab-header .item.current {
    font-weight: 600;
    color: #00FCFF;
  }
  .promotion-list .tab-header .item.current::after{
    bottom: -0.11rem;
    width: 1.12rem;
    height: 0.11rem;
    background: url(/static/topic_template/template_lanmaobei/images/tab-header-bg-m.png) no-repeat;
    background-size: 100% 100%;
  }

  .promotion-list .tab-content{
    grid-template-columns: 1fr;
    max-height: 5.33rem;
  }

  .promotion-list .tab-content .item{
    min-height: 1.06rem;
    border-right: none;
    grid-template-columns: 2.64rem 1fr;
    grid-column-gap: 0.44rem;
    padding: 0.21rem 0;
  }

  .promotion-list .tab-content .name {
    font-size: 0.28rem;
  }

  .promotion-list .tab-content .belonging{
    font-size: 0.26rem;
    opacity: 0.8;
    padding-right: 0.27rem;
  }

}
.semi-final-results .table-header{
  height: 0.8rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; 
  background: linear-gradient(90deg, #00D4FE 0%, #1647EA 100%);
  font-size: 0.3rem;
  font-weight: 600;
  color: #063988;
}

.semi-final-results .table-header::before{
  content: '';
  margin: 0 0.4rem;
  width: 0.41rem;
  height: 0.52rem;
  background: url(/static/topic_template/template_lanmaobei/images/medal.svg) no-repeat;
  background-size: cover;
}


.semi-final-results .table-content {
  border: 0.02rem solid #0B8BF4;
  background:rgba(0, 69, 135, 0.2);
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-height: 4.03rem;
  overflow-y: auto;
  overflow-x: hidden;
}

.semi-final-results .table-content .item{
  border-right: 0.01rem solid #075FAF;
  border-bottom: 0.01rem solid #075FAF;
  min-height: 1rem;
  display: grid;
  grid-template-columns: 1rem 2.75rem 1fr;
  padding: 0.18rem 0;
}

.semi-final-results .table-content .item:nth-child(2n){
  border-right: none;
} 

.semi-final-results .table-content .item:last-child
{
  border-bottom: none;
}

.semi-final-results .table-content .item-nub{
  font-size: 0.2rem;
  font-weight: 600;
  color: #FDFF40;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-left: 0.4rem;
}

.semi-final-results .table-content .item-title {
  font-size: 0.2rem;
  font-weight: 600;
  color: #FFFFFF;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-left: 0.15rem;
  line-height: 0.32rem;
}

.semi-final-results .table-content .item-desp{
  font-size: 0.18rem;
  font-weight: 400;
  color: #FFFFFF;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-left: 0.5rem;
  line-height: 0.32rem;
  padding-right: 0.4rem;
} 

.semi-final-results  ::-webkit-scrollbar {
  width: .1rem; 
}

.semi-final-results  ::-webkit-scrollbar-thumb {
  background: #00FCFF; 
  border-radius: 0.05rem;
}

@media screen and (min-width: 769px) {
  .semi-final-results .table-content .item:nth-last-of-type(2):not(.item:nth-child(2n))
  {
    border-bottom: none;
  }
}

@media screen and (max-width: 768px) {
  .semi-final-results .table-content{
    grid-template-columns: 1fr;
    max-height: 5.33rem;
  }

  .semi-final-results .table-header  {
    font-size: 0.36rem;
  }

  .semi-final-results .table-content .item{
    min-height: 1.06rem;
    border-right: none;
    grid-template-columns:1.18rem 2.64rem 1fr;
    padding: 0.11rem 0;
  }

  .semi-final-results .table-content .item-title {
    font-size: 0.28rem;
  }

  .semi-final-results .table-content .item-desp{
    font-size: 0.26rem;
    opacity: 0.8;
    padding-right: 0.27rem;
  }

}
.final-results .table-item {
  margin-bottom: 0.4rem;
}

.final-results .table-item:last-child {
  margin-bottom: 0;
}

.final-results .table-header {
  height: 0.8rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background: linear-gradient(90deg, #00D4FE 0%, #1647EA 100%);
  font-size: 0.3rem;
  font-weight: 600;
  color: #063988;
}

.final-results .table-header::before {
  content: '';
  width: 0.74rem;
  height: 0.66rem;
  margin: 0 0.4rem;
  background-repeat: no-repeat;
  background-size: cover;
}

.final-results .table-item:first-child .table-header::before {
  background-image: url(/static/topic_template/template_lanmaobei/images/prize-1.png);
}

.final-results .table-item:nth-child(2) .table-header::before {
  background-image: url(/static/topic_template/template_lanmaobei/images/prize-2.png);
}

.final-results .table-item:nth-child(3) .table-header::before {
  background-image: url(/static/topic_template/template_lanmaobei/images/prize-3.png);
}

.final-results .table-item:nth-child(4) .table-header::before {
  width: 0.8rem;
  height: 0.61rem;
  background-image: url(/static/topic_template/template_lanmaobei/images/prize-4.png);
}

.final-results .table-content {
  border: 0.02rem solid #0B8BF4;
  background: rgba(0, 69, 135, 0.2);
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-height: 4.05rem;
  overflow-y: auto;
  overflow-x: hidden;
}

.final-results .table-content .item {
  border-right: 0.01rem solid #075FAF;
  border-bottom: 0.01rem solid #075FAF;
  min-height: 1rem;
  display: grid;
  grid-template-columns: 2.66rem 1fr;
  grid-column-gap: 0.45rem;
  padding: 0.18rem 0;
}

.final-results .table-content .item:nth-child(2n) {
  border-right: none;
}

.final-results .table-content .item:last-child {
  border-bottom: none;
}

.final-results .table-content .item-title {
  font-size: 0.2rem;
  font-weight: 600;
  color: #FFFFFF;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  line-height: 0.32rem;
  padding-left: 0.4rem;
}

.final-results .table-content .item-desp {
  font-size: 0.18rem;
  font-weight: 400;
  color: #FFFFFF;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  line-height: 0.32rem;
  padding-right: 0.4rem;
}

.final-results ::-webkit-scrollbar {
  width: .1rem;
}

.final-results ::-webkit-scrollbar-thumb {
  background: #00FCFF;
  border-radius: 0.05rem;
}

@media screen and (min-width: 769px) {
  .final-results .table-content .item:nth-last-of-type(2):not(.item:nth-child(2n)) {
    border-bottom: none;
  }

  .final-results .table-item:hover .table-header {
    background: linear-gradient(90deg, #00FED2 0%, #00D4FE 54%, #0A53FF 100%);
  }

  .final-results .table-item:hover .table-content {
    background: rgba(0, 69, 135, 0.7);
  }

}

@media screen and (max-width: 768px) {

  .final-results .table-content {
    grid-template-columns: 1fr;
    max-height: 5.33rem;
    transition:height  .3s ease;
    background: rgba(0, 69, 135, 0.4);
  }

  .final-results .table-content.hidden {
    border: none;
    height: 0;
  }

  .final-results .table-content.over-hidden{
    overflow: hidden;
  }

  .final-results .table-content .item {
    min-height: 1.06rem;
    border-right: none;
    grid-template-columns: 2.64rem 1fr;
    grid-column-gap: 0.44rem;
    padding: 0.21rem 0;
  }

  .final-results .table-header {
    position: relative;
    font-size: 0.36rem;
  }

  .final-results .table-header::after {
    content: '';
    position: absolute;
    right: 0.4rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 0.29rem;
    height: 0.16rem;
    background: url('/static/topic_template/template_lanmaobei/images/arrow-down.png') no-repeat;
    background-size: cover;
  }

  .final-results .table-item.current .table-header {
    background:linear-gradient(90deg, #00FED2 0%, #00D4FE 54%, #0A53FF 100%);
  }

  .final-results .table-item.current .table-header::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
  }
  
  .final-results .table-header::before {
    width: 0.65rem;
    height: 0.57rem;
  }

  .final-results .table-item:nth-child(4) .table-header::before{
    width: 0.65rem;
    height: 0.49rem;
  }

  .final-results .table-content .item-title {
    font-size: 0.28rem;
    font-weight: 500;
  }

  .final-results .table-content .item-desp {
    font-size: 0.26rem;
    opacity: 0.8;
    padding-right: 0.27rem;
  }

}
.competition-news .content {
  position: relative;
}
.competition-news .news-list{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  grid-row-gap: 0.2rem;
  grid-column-gap:0.2rem;
}

.competition-news .list-item{
  background: linear-gradient(271deg, rgba(53, 83, 255, 0.5) 0%, rgba(0, 145, 208, 0.5) 100%);  
  overflow: hidden;
}
.competition-news .list-item:hover {
  background: linear-gradient(271deg, rgba(53, 83, 255, 0.8) 0%, rgba(0, 145, 208, 0.8) 100%);  
}
.competition-news .list-item img {
  width: 100%;
  height: auto;
  display: block;
  transition-duration: .3s;
}

.competition-news .list-item img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.competition-news .list-item .link {
  font-size: 0.2rem;
  font-weight: 500;
  color: #fff;
  line-height: 0.32rem;
  padding: 0 0.22rem;
  margin-top: 0.21rem;
  margin-bottom: 0.13rem;
  display: block;
}

.competition-news .list-item .link:hover {
  color: #00B2FF;
}

.competition-news .list-item .other {
  display: -ms-flexbox;
  display: flex;
  padding: 0 0.22rem;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 0.3rem;
}

.competition-news .list-item .label{
  font-size: 0.18rem;
  font-weight: 400;
  color: #032D78;
  width: 1rem;
  height: 0.31rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background: url('/static/topic_template/template_lanmaobei/images/news-label.svg') no-repeat;
  background-size: 100% 100%;
  margin-right: 0.18rem;
}

.competition-news .list-item .time {
  display: block;
  font-size: .18rem;
  font-weight: 400;
  color: #fff;
  opacity: .65;
}


@media screen and (max-width: 768px) {
  .competition-news .news-list {
    grid-template-columns: repeat(2,1fr);
    grid-row-gap: 0.3rem;
    grid-column-gap:0.3rem;
  }

  .competition-news .list-item img {
    width: 100%;
    height: auto;
  }

  .competition-news .list-item .link {
    font-size: .28rem;
    line-height: .42rem;
    margin-top: 0.3rem;
    margin-bottom: 0.16rem;
    font-weight: 500;
    padding: 0 0.2rem;
  }

  .competition-news .list-item .label{
    width: 1.23rem;
    height: 0.4rem;
    margin-right: 0;
    font-size: 0.24rem;
  }

  .competition-news .list-item .other{
    padding: 0 0.2rem;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-bottom:0.3rem;
  }

  .competition-news .list-item .time {
    font-size: .24rem;
    opacity: 0.8;
  }
}
.university-report .content {
  position: relative;
}

.university-report .news-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, 5.08rem);
  grid-row-gap: 0.2rem;
  grid-column-gap: 0.2rem;
  width: 1000rem;
}

.university-report .list-item {
  background: linear-gradient(271deg, rgba(53, 83, 255, 0.3) 0%, rgba(0, 145, 208, 0.3) 100%);
  overflow: hidden;
}

.university-report .list-item:hover {
  background: linear-gradient(271deg, rgba(53, 83, 255, 0.5) 0%, rgba(0, 145, 208, 0.5) 100%);
}

.university-report .list-item img {
  width: 100%;
  height: auto;
  display: block;
  transition-duration: .3s;
}

.university-report .list-item img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.university-report .list-item .link {
  font-size: 0.2rem;
  font-weight: 500;
  color: #fff;
  line-height: 0.32rem;
  padding: 0 0.22rem;
  margin-top: 0.21rem;
  margin-bottom: 0.13rem;
  display: block;
}

.university-report .list-item .link:hover {
  color: #00B2FF;
}

.university-report .list-item .other {
  display: -ms-flexbox;
  display: flex;
  padding: 0 0.22rem;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 0.3rem;
}

.university-report .list-item .label {
  font-size: 0.18rem;
  font-weight: 400;
  color: #032D78;
  width: 1rem;
  height: 0.31rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background: linear-gradient(271deg, #00FED2 0%, #04B3F8 100%);
  border-radius: 0 0.07rem 0 0.07rem;
  margin-right: 0.18rem;
}

.university-report .list-item .time {
  display: block;
  font-size: .18rem;
  font-weight: 400;
  color: #fff;
  opacity: .65;
}

.university-report .swiper-nav-wrap {
  margin-top: 0.4rem;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.university-report .swiper-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 1.29rem;
}

.university-report .swiper-nav .nav-item {
  width: 0.32rem;
  height: 0.35rem;
  background: #0A53FF;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
}

.university-report .swiper-nav .nav-item img {
  width: 0.12rem;
  height: 0.22rem;
  display: block;
}

.university-report .swiper-nav .text {
  font-size: 0.18rem;
  font-weight: 400;
  color: #FFFFFF;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: auto;
  letter-spacing: 0.02rem;
}

.university-report .swiper-nav .next-nav img {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.university-report .swiper-nav-m {
  display: none;
}

@media screen and (max-width: 768px) {
  .university-report .news-list {
    grid-template-columns: repeat(auto-fill, 3.4rem);
    grid-row-gap: 0.3rem;
    grid-column-gap: 0.3rem;
  }

  .university-report .list-item img {
    width: 100%;
    height: auto;
  }

  .university-report .list-item .link {
    font-size: .28rem;
    line-height: .42rem;
    margin-top: 0.3rem;
    margin-bottom: 0.16rem;
    font-weight: 500;
    padding: 0 0.2rem;
  }

  .university-report .list-item .label {
    width: 1.23rem;
    height: 0.4rem;
    margin-right: 0;
    font-size: 0.24rem;
  }

  .university-report .list-item .other {
    padding: 0 0.2rem;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-bottom: 0.3rem;
  }

  .university-report .list-item .time {
    font-size: .24rem;
    opacity: 0.8;
  }

  .university-report .swiper-nav {
    display: none;
  }

  .university-report .swiper-nav-m {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    margin-top: 0.5rem;
  }

  .university-report .swiper-nav-m .nav-item {
    width: 0.4rem;
    height: 0.05rem;
    background: #FFFFFF;
    opacity: 0.3;
    margin-right: 0.1rem;
  }

  .university-report .swiper-nav-m .nav-item.current {
    opacity: 1;
  }
}
.wonderful-pictures {
  position: relative;
}

.wonderful-pictures .content {
  position: relative;
}

.wonderful-pictures .swiper-main {
  margin-bottom: .3rem;
}

.wonderful-pictures .swiper-main .swiper-item {
  height: 6.3rem;
}

.wonderful-pictures .swiper-main .swiper-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wonderful-pictures .swiper-main .swiper-item::before {
  position: absolute;
  z-index: 1;
  background: #264CFF;
  opacity: .3;
  width: 100%;
  height: 100%;
  content: '';
}

.wonderful-pictures .swiper-main .swiper-slide-active::before {
  display: none;
}

.wonderful-pictures .swiper-item img {
  width: 100%;
  height: 100%;
  display: block;
}

.wonderful-pictures .swiper-thumbs .swiper-item {
  display: block;
  width: 2.44rem;
  height: 1.38rem;
  padding: 0.06rem;
  cursor: pointer;
}

.wonderful-pictures .swiper-thumbs .swiper-item img {
  height: 100%;
  object-fit: cover;
}

.wonderful-pictures .swiper-thumbs .swiper-slide-thumb-active {
  background:  #00FCFF;
}

.wonderful-pictures .swiper-pager-button {
  position: absolute;
  top: 50%;
  width: .36rem;
  height: .66rem;
  z-index: 2;
  cursor: pointer;
}

.wonderful-pictures .swiper-pager-button-prev {
  background: url('/static/topic_template/template_lanmaobei/images/wonderful-swiper-arrow-prev.png') no-repeat top/cover;
  left: 5.5%;
}

.wonderful-pictures .swiper-pager-button-next {
  background: url('/static/topic_template/template_lanmaobei/images/wonderful-swiper-arrow-next.png') no-repeat top/cover;
  right: 5.5%;
}

@media screen and (min-width: 769px) {
  .wonderful-pictures .swiper-pager-button-prev:hover {
    background: url('/static/topic_template/template_lanmaobei/images/wonderful-swiper-arrow-prev-blue.png') no-repeat top/cover;
    left: 5.5%;
  }

  .wonderful-pictures .swiper-pager-button-next:hover {
    background: url('/static/topic_template/template_lanmaobei/images/wonderful-swiper-arrow-next-blue.png') no-repeat top/cover;
    right: 5.5%;
  }
}

@media screen and (max-width: 768px) {
  .wonderful-pictures .swiper-main .swiper-item {
    height: 3.24rem;
  }

  .wonderful-pictures .swiper-pager-button {
    width: .22rem;
    height: .4rem;
    top: 48%;
  }

  .wonderful-pictures .swiper-pager-button-prev {
    left: 3%;
  }

  .wonderful-pictures .swiper-pager-button-next {
    right: 3%;
  }
}
.previous-reviews .tab-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.previous-reviews .tab-header {
  width: 3.76rem;
  grid-gap: 0.02rem 0;
  gap: 0.02rem 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: column;
      flex-direction: column;
}

.previous-reviews .tab-content {
  width: 11.64rem;
  display: none;
}

.previous-reviews .tab-header .item {
  width: 100%;
  height: 1.4rem;
  background: linear-gradient(90deg, rgba(0, 145, 208, 0.4) 0%, rgba(53, 83, 255, 0.4) 100%);
  position: relative;
}

.previous-reviews .tab-header .item .text {
  font-size: 0.24rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 0.32rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

.previous-reviews .tab-header .item .bg {
  background: linear-gradient(90deg, #00FED2 0%, #00D4FE 54%, #0A53FF 100%);
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: all .3s ease;
  z-index: 1;
}

.previous-reviews .tab-header .item.current .bg {
  width: 100%;
}

.previous-reviews .tab-header .item.current .text {
  color: #032D78;
}

.previous-reviews .tab-content .title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 0.2rem;
  position: relative;
}

.previous-reviews .tab-content .title .text {
  font-size: 0.18rem;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.32rem;
}

.previous-reviews .tab-content .title .home {
  font-size: 0.18rem;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.25rem;
  position: static;
}

.previous-reviews .tab-content .video-item {
  position: relative;
  height: 6.55rem;
  overflow: hidden;
  cursor: pointer;
}

.previous-reviews .tab-content .video-item img {
  width: 100%;
  height: auto;
  display: block;
}


.previous-reviews .tab-content .video-item .mask {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.previous-reviews .tab-content .video-item .player-icon {
  display: block;
  background: url('/static/topic_template/template_lanmaobei/images/video-play-icon.png') no-repeat center/100% 100%;
  width: .81rem;
  height: 0.81rem;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media screen and (min-width: 769px) {
  .previous-reviews .tab-content .video-item:hover .mask {
    background: rgba(0, 0, 0, 0.4);
    opacity: 0.5;
  }

  .previous-reviews .tab-content .video-item:hover .player-icon {
    background: url('/static/topic_template/template_lanmaobei/images/video-play-icon-hover.png') no-repeat center/100% 100%;
  }
}

@media screen and (max-width: 768px) {
  .previous-reviews .tab-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .previous-reviews .tab-header {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 0.03rem;
  }

  .previous-reviews .tab-header .item {
    height: 0.8rem;
    background: none;
  }

  .previous-reviews .tab-header .item .bg {
    transition: none;
    width: 100%;
    background: #00FCFF;
    opacity: 0.4;
  }

  .previous-reviews .tab-header .item.current .bg {
    opacity: 1;
  }

  .previous-reviews .tab-content {
    width: 100%;
  }

  .previous-reviews .tab-content .title {
    margin-top: 0.5rem;
    margin-bottom: 0.3rem;
    display: block;
    text-align: center;
  }

  .previous-reviews .tab-content .title .text {
    font-size: 0.3rem;
    margin-bottom: 0.2rem;
  }

  .previous-reviews .tab-content .title .home {
    font-size: 0.3rem;
    position: relative;
    padding-right: 0.5rem;
  }
  
  .previous-reviews .tab-content .title .home::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 0.29rem;
    height: 0.16rem;
    background: url(/static/topic_template/template_lanmaobei/images/arrow-down.png) no-repeat;
    background-size: cover;
    -webkit-transform: translateY(-50%) rotate(270deg);
            transform: translateY(-50%) rotate(270deg);
  }

  .previous-reviews .tab-content .video-item{
    height: auto;
  }

  .previous-reviews .tab-content .video-item .player-icon{
    height: 0.9rem;
    width: 0.9rem;
    background: url(/static/topic_template/template_lanmaobei/images/video-play-icon-hover.png) no-repeat center/100% 100%;
  }
}
.video .video-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-gap: .15rem .17rem;
  gap: .15rem .17rem;
  position: relative;
  height: 6.6rem;
}

.video .video-list .item {
  background: no-repeat center center;
  background-size: cover;
}

.video .video-list .item:first-child {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 4;
}

.video .video-list .item:nth-child(2) {
  background-color: lightseagreen;
}

.video .video-list .item:nth-child(3) {
  background-color: lightsalmon;
}

.video .video-list .item:nth-child(4) {
  background-color: lightgray;
}

.video .video-list .item .mask {
  height: 100%;
  cursor: pointer; 
  position: relative;
}

.video .video-list .item .mask .bg {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.video .video-list .item .mask .icon {
  display: block;
  background: url('/static/topic_template/template_lanmaobei/images/video-play-icon.png') no-repeat center/100% 100%;
  width: .42rem;
  height: .42rem;
  position: relative;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.video .video-list .item:first-child .mask .icon {
  width: .82rem;
  height: .82rem;
}

@media screen and (min-width: 769px) {
  .video .video-list .item .mask:hover .bg{
    background: rgba(0, 0, 0, 0.4);
    opacity: 0.5;
  }
  
  .video .video-list .item .mask:hover .icon {
    background: url('/static/topic_template/template_lanmaobei/images/video-play-icon-hover.png') no-repeat center/100% 100%;
  }
}

@media screen and (max-width: 768px) {

  .video .video-list {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 3.9825rem 1.91rem;
    grid-gap: .32rem .29rem;
    gap: .32rem .29rem;
    height: auto;
    padding: 0;
    border: none;
  }

  .video .video-list .item:first-child {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    background-color: lightblue;
  }

  .video .video-list .item:nth-child(n+4) {
    display: none;
  }

  .video .video-list .item .mask .bg{
    background: #000000;
    opacity: 0.25; 
  }

  .video .video-list .item .mask .icon{
    background: url('/static/topic_template/template_lanmaobei/images/video-play-icon-hover.png') no-repeat center/100% 100%;
    height: 0.59rem;
    width: 0.59rem;
  }
  
  .video .video-list .item:first-child .mask .icon{
    height: 0.9rem;
    width: 0.9rem;
  }
}
.bottom {
  background-color: #0F1319;
}

.bottom .content {
  padding-top: 0.6rem;
  padding-bottom: 0;
}


.bottom .feedback-codes {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.bottom  .feedback-wrap .label{
  font-size: 0.18rem;
  color: #FFFFFF;
  line-height: 0.32rem;
  opacity: 0.7;
}

.bottom .feedback {
  display: grid;
  grid-template-columns: repeat(2,3.9rem);
}

.bottom .feedback .items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 0.28rem;
}

.bottom .feedback .items img {
  width: .42rem;
  height: .42rem;
  margin-right: .29rem;
}

.bottom .feedback .items .detail .title {
  font-size: .18rem;
  line-height: 1.75;
  color: #fff;
  margin: 0;
  text-align: left;
  opacity: 0.7;
}

.bottom .feedback .items .detail .desc {
  margin-top: .06rem;
  font-size: .16rem;
  line-height: 1.75;
  color: #ADADAD;
}

.bottom .feedback-codes {
  padding-bottom: 0.45rem;
}

.bottom .feedback-codes .codes {
  display: -ms-flexbox;
  display: flex;
}

.bottom .feedback-codes .codes .items {
  overflow: hidden;
  margin-left: .3rem;
  text-align: center;
}

.bottom .feedback-codes .codes .items:first-child {
  width: 1.26rem;
}

.bottom .feedback-codes .codes .items:last-child {
  width: 1.7rem;
}

.bottom .feedback-codes .codes .items img {
  width: 1.26rem;
  height: 1.26rem;
  display: block;
  margin: 0 auto 0.08rem;
}

.bottom .feedback-codes .codes .items p {
  font-size: .18rem;
  line-height: 1.5;
  font-weight: 400;
  color: rgba(255, 255, 255, .9);
}

.bottom .links-copyright {
  border-top: 0.01rem solid rgba(255, 255, 255, 0.2);
  position: relative;
  padding: .7rem 0;
  padding-top: 0.45rem;
  font-size: .18rem;
  line-height: 1.75;
  color: #ADADAD;
}

.bottom .links-copyright .link-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  line-height: 1.75;
}

.bottom .links-copyright .links span{
  font-size: 0.18rem;  
}

.bottom .links-copyright .links a {
  padding: 0 .15rem;
  color: #ADADAD;
  position: relative;
}
.bottom .links-copyright .links a::after{
  content: '';
  width: 0.01rem;
  height: 0.18rem;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #ADADAD;
}

.bottom .links-copyright .links a:last-child::after {
  display: none;
}


.bottom .links-copyright .copyright {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: .12rem;
}

.bottom .links-copyright .copyright p:first-child {
  margin-right: .3rem;
}


.bottom .links-copyright .copyright a {
  margin-right: .1rem;
  color: #ADADAD;
}

@media screen and (max-width: 768px) {
  .bottom .content {
    padding-top: .7rem;
  }



  .bottom .feedback-wrap .label {
    display: none;
  } 
  
  .bottom .feedback-codes {
    display: block;
    padding-bottom: 0.6rem;
    position: relative;
  }

  .bottom .feedback-wrap {
    position: relative;
    padding-bottom: 0.4rem;
  }

  .bottom .feedback-wrap::after,
  .bottom .feedback-codes::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #FFFFFF;
    opacity: 0.3;
  }
  .bottom .feedback {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .bottom .feedback .items {
    min-width: 50%;
    text-align: left;
  }

  .bottom .feedback .items img {
    display: none;
  }

  .bottom .feedback .items .detail {
    opacity: 0.9;
  }

  .bottom .feedback .items .detail .title {
    font-size: 0.3rem;
    font-weight: 400;
    color: #FFFFFF;
  }

  .bottom .feedback-codes .codes {
    margin-top: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    grid-gap: 0 0.5rem;
    gap: 0 0.5rem;
    -ms-flex-pack: center;
        justify-content: center;
  }

  .bottom .feedback-codes .codes .items {
    margin-top: .5rem;
    overflow: hidden;
    margin-left: 0;
  }

  .bottom .feedback-codes .codes .items:first-child {
    width: 2rem;
  }

  .bottom .feedback-codes .codes .items:last-child {
    width: 3rem;
  }

  .bottom .feedback-codes .codes .items img {
    width: 2rem;
    height: 2rem;
    display: block;
    margin: 0 auto;
  }

  .bottom .feedback-codes .codes .items p {
    margin-top: 0.1rem;
    line-height: 1.5;
    font-size: .28rem;
    opacity: 0.7;
  }

  .bottom .links-copyright{
    padding-top: 0.4rem;
  }

  .bottom .links-copyright .link-list{
    -ms-flex-pack: left;
        justify-content: left;
  }

  .bottom .links-copyright .links a,
  .bottom .links-copyright .links span {
    font-size: 0.28rem;
  }

  .bottom .links-copyright .copyright {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: left;
        justify-content: left;
    font-size: .28rem;
    line-height: .38rem;
  }

  .bottom .links-copyright .copyright p:first-child {
    margin-right: 0;
  }
}
.dialog .mask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .8);
  z-index: 2;
}

.dialog .warn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 5.2rem;
  background-color: #fff;
}

.dialog .warn .dialog-title {
  display: -ms-flexbox;
  display: flex;
  background: linear-gradient(90deg, #0751E6 0%, #0C4BD1 100%);
  padding: 0 .3rem;
  font-size: .2rem;
  height: 0.56rem;
  line-height: .28rem;
  -ms-flex-align: center;
      align-items: center;
  color: #fff;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.dialog .warn .dialog-title p {
  word-break: break-all;
  max-width: 4.4rem;
}

.dialog .warn .dialog-title .close {
  background: url('/static/topic_template/template_lanmaobei/images/dialog-close.png') no-repeat center/auto 100%;
  width: .16rem;
  height: .16rem;
  cursor: pointer;
  transition-duration: .3s;
}

.dialog .warn .dialog-title .close:hover {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.dialog .warn .dialog-content {
  padding: .3rem;
  font-size: .18rem;
  line-height: .32rem;
  color: #1D1D1D;
  min-height: 1.73rem;
  overflow-x: hidden;
  overflow-y: scroll;

}

.dialog .warn .dialog-content .text {
  word-break: break-all;
}

.dialog .warn .dialog-content .subtitle {
  line-height: .22rem;
  margin-bottom: .1rem;
}


.dialog .warn .dialog-buttons {
  display: -ms-flexbox;
  display: flex;
  padding: .2rem .25rem;
  font-size: .18rem;
  line-height: .22rem;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.dialog .warn .dialog-buttons p {
  min-width: 1.26rem;
  height: 0.4rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: #1D1D1D;
  cursor: pointer;
  border: 0.01rem solid #D9D9D9;
}

.dialog .warn .dialog-buttons p:last-child {
  color: #fff;
  background: linear-gradient(90deg, #0751E6 0%, #0C4BD1 100%);
  border: none;
  margin-left: .2rem;
}

@media screen and (max-width: 768px) {
  .dialog .warn {
    width: 5.88rem; 
  }
  
  .dialog .warn .dialog-title{
    font-size: 0.32rem;
    height: 0.88rem;
  }

  .dialog .warn .dialog-title .close{
    width: 0.26rem;
    height: 0.26rem;
  }

  .dialog .warn .dialog-content .text {
    font-size: 0.3rem;
    font-weight: 400;
    line-height: 0.5rem;
  }
  .dialog .warn .dialog-content {
    min-height: 4rem;
  }

  .dialog .warn .dialog-buttons {
    -ms-flex-pack: center;
        justify-content: center;
  }
  .dialog .warn .dialog-buttons p {
    min-width: 2.46rem;
    height: 0.8rem;
    font-size: 0.28rem;
  }
}
.video-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8);
  z-index: 10;
  display: none;
}

.video-popup .video-play-box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: .04rem solid #fff;
  height: 4.43rem;
  background: #000;
}

.video-popup .video-play-box video {
  height: 100%;
  object-fit: contain;
}

.video-popup .close-video {
  width: .4rem;
  height: .4rem;
  position: absolute;
  top: -.04rem;
  right: -.45rem;
  cursor: pointer;
}
.video-popup .close-video img {
  width: 100%;
  height: auto;
  display: block;
}

@media screen and (max-width: 768px) {
  .video-popup .video-play-box{
    height: 4.2rem;
  }
  .video-popup .close-video{
    top: -.4rem;
    right: -.05rem;
  }
}


<!--耗时1777218660.0698秒-->